/* projects/scp-shell/src/styles.scss */
.drag-frame .bar-drag-datetime-backdrop,
.drag-frame .bar-drag-res-backdrop {
  background: rgba(127, 156, 245, 0.1);
}
.drag-frame .bar-drag-datetime-backdrop .date-range {
  min-width: 200px;
  padding: 0 10px;
  background: #7f9cf5;
  color: white;
  display: flex;
  justify-content: space-between;
}
.bar-drag-preview {
  display: none !important;
}
.gantt {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  display: flex;
  color: #333;
  opacity: 0;
}
.gantt svg {
  overflow: visible !important;
}
.gantt .gantt-side {
  position: relative;
  z-index: 3;
  box-shadow: 12px 0 16px -10px rgba(0, 0, 0, 0.15);
}
.gantt .gantt-side .gantt-side-header {
  box-sizing: border-box;
  height: 80px;
}
.gantt .gantt-side .gantt-side-container {
  height: 100%;
  background-color: #fff;
  overflow-y: auto;
}
.gantt .gantt-side .gantt-side-container .gantt-table {
  height: 100%;
}
.gantt .gantt-side .gantt-side-container::-webkit-scrollbar {
  display: none;
}
.gantt .gantt-container {
  flex: 1;
  position: relative;
  display: flex;
  overflow: hidden;
  background-color: transparent;
}
.gantt .gantt-scrollbar {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  display: flex;
}
.gantt .gantt-scrollbar .gantt-table-scrollbar.with-scrollbar {
  overflow-x: scroll;
}
.gantt .gantt-scrollbar .gantt-main-scrollbar {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
}
.gantt .gantt-main {
  flex: 1;
  background-color: transparent;
  contain: strict;
  will-change: scroll-position, contents;
  transform: translateZ(0);
}
.gantt .gantt-main-container {
  width: 100%;
  height: calc(100% - 80px);
  flex: 1;
  position: absolute;
  top: 80px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  background-color: transparent;
}
.gantt .gantt-main-container .gantt-main-groups {
  overflow: hidden;
  min-height: 100%;
  background-color: transparent;
}
.gantt .gantt-main-container .gantt-group {
  background: rgba(243, 243, 243, 0.5);
  border-bottom: 1px solid #eff1f5;
  box-sizing: border-box;
}
.gantt .gantt-normal-viewport {
  display: flex;
}
.gantt .gantt-virtual-scroll-viewport {
  position: absolute;
  left: 0;
  top: 80px;
  right: 0;
  bottom: 0;
  z-index: 2;
  overflow: auto;
  contain: strict;
  will-change: scroll-position, contents;
  transform: translateZ(0);
}
.gantt .gantt-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper {
  width: 100%;
  min-width: unset;
  display: flex;
  min-height: 100%;
}
.gantt .gantt-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper .gantt-container .gantt-main-container {
  height: 100%;
  top: 0;
  overflow-y: hidden;
}
.gantt .gantt-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper .gantt-container .gantt-main-container::-webkit-scrollbar-thumb {
  background-color: transparent !important;
  outline: none !important;
}
.gantt .gantt-virtual-scroll-viewport .cdk-virtual-scroll-content-wrapper .gantt-container .gantt-main-container::-webkit-scrollbar-track {
  background-color: transparent;
}
.gantt .gantt-virtual-scroll-viewport.gantt-normal-viewport .cdk-virtual-scroll-content-wrapper {
  height: 100%;
}
.gantt .gantt-virtual-scroll-viewport.gantt-normal-viewport .cdk-virtual-scroll-spacer {
  display: none;
}
.gantt .gantt-virtual-scroll-viewport.gantt-normal-viewport .gantt-container .gantt-main-container {
  overflow-y: auto;
}
.gantt-header {
  display: flex;
  overflow: hidden;
  height: 100%;
  flex: 1;
}
.gantt-header .gantt-container-header {
  flex: 1;
  overflow: hidden;
}
.gantt-header .gantt-container-header *[calendar-title] {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gantt-header .gantt-container-header *[calendar-title] .scrolling-period-icon {
  margin: 0 4px;
  cursor: pointer;
}
.gantt-header .gantt-container-header *[calendar-title] .scrolling-period-icon.left {
  transform: scaleX(-1);
}
.gantt-header .gantt-container-header scp-gantt-today-line {
  height: 80px;
}
.gantt-table-header {
  text-align: center;
  background: #fff;
  height: 80px;
  line-height: 80px;
  box-shadow: 12px 0 16px -10px rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 3;
  display: flex;
  box-sizing: border-box;
  border-bottom: 1px solid #eff1f5;
}
.gantt-table-header .gantt-table-column {
  overflow: hidden;
  border-right: 1px solid #eff1f5;
  box-sizing: border-box;
  position: relative;
}
.gantt-table-header .gantt-table-column:last-child {
  border-right: none;
}
.gantt-table-header {
  cursor: pointer;
}
.gantt-table-header .gantt-table-column {
  display: flex;
  padding: 0 15px;
}
.gantt-table-header .gantt-table-column-content {
  display: flex;
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gantt-table-header:hover {
  background-color: #f4f4f4;
}
.gantt-table-header-checked,
.gantt-table-header-checked:hover {
  background-color: rgba(119, 191, 244, 0.2);
}
.gantt-table-header-active,
.gantt-table-header-active:hover {
  background-color: rgb(231.8, 231.8, 231.8);
}
.gantt-table-header .gantt-table-column {
  display: flex;
  padding: 0 15px;
}
.gantt-table-header .gantt-table-column:last-child {
  border-right: none;
}
.gantt-table-header .gantt-expand-icon {
  display: inline-block;
  width: 20px;
  color: #aaa;
}
.gantt-table-header .gantt-drag-handle svg {
  visibility: hidden !important;
}
.gantt-table-header:hover .gantt-drag-handle svg {
  visibility: visible !important;
}
.gantt-table-header .gantt-drag-handle {
  width: 16px;
  padding: 0 5px 0 0;
  display: flex;
  align-items: center;
}
.gantt-table-header .checkbox-wrapper {
  width: 25px;
  text-align: right;
}
.gantt-table-header {
  cursor: auto;
}
.gantt-table-header .gantt-table-column {
  font-weight: 600;
  z-index: 1;
}
.gantt-table-header .gantt-table-columns-wrapper {
  display: flex;
}
.gantt-table-header.gantt-table-draggable .gantt-table-columns-wrapper {
  padding-left: 20px;
}
.gantt-table-header .checkbox-wrapper {
  display: flex;
  justify-content: flex-end;
}
.gantt-table-body {
  display: block;
}
.gantt-table-body .to-move {
  background-color: #77bff4;
}
.gantt-table-body .gantt-table-group {
  display: flex;
  background: rgba(243, 243, 243, 0.5);
  padding: 0 10px;
  align-items: center;
  border-bottom: 1px solid #eff1f5;
  box-sizing: border-box;
  position: relative;
}
.gantt-table-body .gantt-table-group .gantt-table-group-title {
  cursor: pointer;
}
.gantt-table-body .gantt-table-group .gantt-table-group-title .expand-icon {
  color: #aaa;
  margin-right: 6px;
}
.gantt-table-body .gantt-table-item {
  display: flex;
  box-sizing: border-box;
  border-bottom: 1px solid #eff1f5;
}
.gantt-table-body .gantt-table-item .gantt-table-column {
  overflow: hidden;
  border-right: 1px solid #eff1f5;
  box-sizing: border-box;
  position: relative;
}
.gantt-table-body .gantt-table-item .gantt-table-column:last-child {
  border-right: none;
}
.gantt-table-body .gantt-table-item {
  cursor: pointer;
}
.gantt-table-body .gantt-table-item .gantt-table-column {
  display: flex;
  padding: 0 15px;
}
.gantt-table-body .gantt-table-item .gantt-table-column-content {
  display: flex;
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gantt-table-body .gantt-table-item:hover {
  background-color: #f4f4f4;
}
.gantt-table-body .gantt-table-item-checked,
.gantt-table-body .gantt-table-item-checked:hover {
  background-color: rgba(119, 191, 244, 0.2);
}
.gantt-table-body .gantt-table-item-active,
.gantt-table-body .gantt-table-item-active:hover {
  background-color: rgb(231.8, 231.8, 231.8);
}
.gantt-table-body .gantt-table-item .gantt-table-column {
  display: flex;
  padding: 0 15px;
}
.gantt-table-body .gantt-table-item .gantt-table-column:last-child {
  border-right: none;
}
.gantt-table-body .gantt-table-item .gantt-expand-icon {
  display: inline-block;
  width: 20px;
  color: #aaa;
}
.gantt-table-body .gantt-table-item .gantt-drag-handle svg {
  visibility: hidden !important;
}
.gantt-table-body .gantt-table-item:hover .gantt-drag-handle svg {
  visibility: visible !important;
}
.gantt-table-body .gantt-table-item .gantt-drag-handle {
  width: 16px;
  padding: 0 5px 0 0;
  display: flex;
  align-items: center;
}
.gantt-table-body .gantt-table-item .checkbox-wrapper {
  width: 25px;
  text-align: right;
}
.gantt-table-body.gantt-table-draggable .gantt-table-item {
  padding-left: 3px;
}
.gantt-table-body .gantt-expand-icon {
  display: inline-block;
  width: 20px;
  color: #aaa;
}
.gantt-table-empty {
  height: 100%;
  position: relative;
}
.gantt-table-empty .gantt-table-body-container {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 22px;
}
.gantt-table-empty .gantt-table-body-container .empty-icon svg {
  height: 78px;
  width: 78px;
}
.gantt-table-empty .gantt-table-body-container .empty-text {
  color: #cacaca;
}
.table-resize-handle,
.column-resize-handle {
  width: 3px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: ew-resize;
  height: 5000px;
}
.column-resize-handle:hover,
.dragging.dragging-colunm .table-resize-auxiliary-line {
  background: #77bff4;
  outline: unset;
}
.table-resize-handle:hover,
.dragging .table-resize-auxiliary-line {
  outline: 2px solid #77bff4;
}
.column-resize-handle {
  height: unset;
  z-index: 1;
}
.table-resize-auxiliary-line {
  width: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 100;
  display: none;
  height: 5000px;
}
.dragging .table-resize-auxiliary-line {
  display: block;
}
.cdk-drag-preview.gantt-table-item {
  box-sizing: border-box;
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.08);
  opacity: 0.9;
  display: flex;
  box-sizing: border-box;
  border-bottom: 1px solid #eff1f5;
}
.cdk-drag-preview.gantt-table-item .gantt-table-column {
  overflow: hidden;
  border-right: 1px solid #eff1f5;
  box-sizing: border-box;
  position: relative;
}
.cdk-drag-preview.gantt-table-item .gantt-table-column:last-child {
  border-right: none;
}
.cdk-drag-preview.gantt-table-item {
  cursor: pointer;
}
.cdk-drag-preview.gantt-table-item .gantt-table-column {
  display: flex;
  padding: 0 15px;
}
.cdk-drag-preview.gantt-table-item .gantt-table-column-content {
  display: flex;
  flex: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cdk-drag-preview.gantt-table-item:hover {
  background-color: #f4f4f4;
}
.cdk-drag-preview.gantt-table-item-checked,
.cdk-drag-preview.gantt-table-item-checked:hover {
  background-color: rgba(119, 191, 244, 0.2);
}
.cdk-drag-preview.gantt-table-item-active,
.cdk-drag-preview.gantt-table-item-active:hover {
  background-color: rgb(231.8, 231.8, 231.8);
}
.cdk-drag-preview.gantt-table-item .gantt-table-column {
  display: flex;
  padding: 0 15px;
}
.cdk-drag-preview.gantt-table-item .gantt-table-column:last-child {
  border-right: none;
}
.cdk-drag-preview.gantt-table-item .gantt-expand-icon {
  display: inline-block;
  width: 20px;
  color: #aaa;
}
.cdk-drag-preview.gantt-table-item .gantt-drag-handle svg {
  visibility: hidden !important;
}
.cdk-drag-preview.gantt-table-item:hover .gantt-drag-handle svg {
  visibility: visible !important;
}
.cdk-drag-preview.gantt-table-item .gantt-drag-handle {
  width: 16px;
  padding: 0 5px 0 0;
  display: flex;
  align-items: center;
}
.cdk-drag-preview.gantt-table-item .checkbox-wrapper {
  width: 25px;
  text-align: right;
}
.gantt-table-body.gantt-table-draggable .cdk-drag-placeholder {
  display: none !important;
}
.gantt-table-body.gantt-table-draggable .cdk-drag-placeholder + .cdk-drop-list {
  display: none !important;
}
.gantt-table-body.gantt-table-draggable .cdk-drag-disabled.gantt-table-item .gantt-drag-handle svg {
  display: none;
}
.gantt-table-body.gantt-table-draggable.gantt-table-dragging .gantt-table-item:hover {
  background: unset;
}
.gantt-table-body.gantt-table-draggable.gantt-table-dragging .gantt-table-item:hover .gantt-drag-handle {
  visibility: hidden !important;
}
.gantt-table-body.gantt-table-draggable .drag-item-hide {
  display: none !important;
}
.gantt-table-body.gantt-table-draggable .drop-position-inside .gantt-table-column {
  height: 100%;
  border-top: 2px dashed #77bff4 !important;
  border-bottom: 2px dashed #77bff4 !important;
}
.gantt-table-body.gantt-table-draggable .drop-position-inside .gantt-table-column:first-child {
  border-left: 2px dashed #77bff4 !important;
}
.gantt-table-body.gantt-table-draggable .drop-position-inside .gantt-table-column:last-child {
  border-right: 2px dashed #77bff4 !important;
}
.gantt-table-body.gantt-table-draggable .drop-position-before {
  background: #f5f5f5 !important;
  border-top: 2px solid #77bff4 !important;
}
.gantt-table-body.gantt-table-draggable .drop-position-after {
  background: #f5f5f5 !important;
  border-bottom: 2px solid #77bff4 !important;
}
.gantt-calendar {
  display: block;
  height: 100%;
  overflow: hidden;
}
.gantt-calendar svg {
  position: relative;
  z-index: 2;
  background-color: #fff;
  overflow: visible;
}
.gantt-calendar line {
  shape-rendering: crispEdges;
}
.gantt-calendar-header {
  margin-left: -1px;
  position: relative;
  z-index: 2;
  height: 100%;
  container-type: inline-size;
}
.gantt-calendar-header .primary-line {
  stroke: #000000;
  stroke-width: 2;
}
.gantt-calendar-header *[calendar-title] {
  position: sticky;
  left: 0;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}
.gantt-calendar-grid {
  position: absolute;
  width: 100%;
}
.gantt-calendar-grid .gantt-calendar-grid-main {
  background-color: transparent;
}
.gantt-calendar-grid .secondary-line {
  stroke-dasharray: 2px 5px;
  stroke: #cacaca;
}
.gantt-calendar-grid .secondary-backdrop {
  fill: rgba(243, 243, 243, 0.5);
}
.gantt-drag-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: none;
  overflow: hidden;
}
.gantt-drag-mask {
  position: absolute;
  top: 80px;
  z-index: 1;
  height: 100%;
  display: none;
  background: rgba(119, 191, 244, 0.05);
}
.gantt-drag-mask .date-range {
  width: 100%;
  min-width: 120px;
  top: -23px;
  background: #77bff4;
  line-height: 23px;
  border-radius: 4px;
  color: #fff;
  position: absolute;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  box-sizing: border-box;
}
.gantt-link-drag-container {
  width: 100%;
  height: 1px;
  overflow: visible !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
.gantt-link-drag-container .link-dragging-line {
  stroke: #77bff4;
  stroke-width: 2px;
}
.gantt-drag-top,
.gantt-drag-bottom {
  top: 40px;
  justify-content: center;
  display: flex;
  align-items: center;
  position: absolute;
  background: rgba(119, 192, 244, 0.4901960784);
  height: 60px;
}
.gantt-drag-bottom {
  bottom: 0px;
  top: auto;
}
.arrow-down,
.arrow-up {
  border: solid rgba(255, 255, 255, 0.5);
  border-width: 0 11px 11px 0;
  display: inline-block;
  padding: 11px;
  margin-bottom: 14px !important;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.arrow-up {
  margin-bottom: -14px !important;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}
.resize-handle-left,
.resize-handle-right {
  --resize-handle-background: #eff1f5;
  --resize-handle-border: #b0b0b0;
  position: absolute;
  border: 1px solid transparent;
  display: block;
  width: 12px;
  height: 100%;
  z-index: 99;
  cursor: ew-resize;
}
.resize-handle-left::after,
.resize-handle-right::after {
  content: "";
  display: block;
  position: absolute;
}
.resize-handle-left:hover,
.resize-handle-left:active {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: var(--resize-handle-background);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}
.resize-handle-left:hover.resize-handle-left::after,
.resize-handle-left:active.resize-handle-left::after {
  content: "";
  display: block;
  position: absolute;
  height: 60%;
  width: 2px;
  top: 4px;
  left: 4px;
  border-left: 1px solid var(--resize-handle-border);
  border-right: 1px solid var(--resize-handle-border);
}
.resize-handle-right:hover,
.resize-handle-right:active {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: var(--resize-handle-background);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}
.resize-handle-right:hover.resize-handle-right::after,
.resize-handle-right:active.resize-handle-right::after {
  content: "";
  display: block;
  position: absolute;
  height: 60%;
  width: 2px;
  top: 4px;
  right: 4px;
  border-left: 1px solid var(--resize-handle-border);
  border-right: 1px solid var(--resize-handle-border);
}
.scp-gantt-bar {
  position: absolute;
  z-index: 2;
}
.scp-gantt-bar:hover,
.scp-gantt-bar:has(.blinking) {
  z-index: 1000;
}
.gantt-icon {
  font-size: 1rem;
  line-height: 0;
}
.gantt-icon svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: -0.125em;
  background-repeat: no-repeat;
}
gantt-links-overlay svg {
  z-index: 1999;
  position: absolute;
}
.gantt-loader-overlay {
  position: absolute;
  width: 100%;
  height: calc(100% - 40px);
  top: 40px;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  z-index: 1001;
}
.gantt-loader-wrapper {
  position: absolute;
  padding-top: 20px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.gantt-loader-loading {
  display: inline-block;
  position: relative;
  height: 8px;
  border-radius: 4px;
  transform: translateX(-18px);
}
.gantt-loader-loading:before,
.gantt-loader-loading:after {
  content: "";
  display: block;
  position: absolute;
  height: 8px;
  width: 8px;
  border-radius: 4px;
}
.gantt-loader-loading:before {
  animation: gantt-loader-loading-ellipsis-b 1s ease-in-out infinite;
  background: #77bff4;
  opacity: 0.4;
}
.gantt-loader-loading:after {
  animation: gantt-loader-loading-ellipsis-a 1s ease-in-out infinite;
  background: #77bff4;
  opacity: 0.8;
}
.gantt-loader-loading-spot {
  position: absolute;
  left: 13px;
  height: 8px;
  width: 8px;
  background: #77bff4;
  border-radius: 4px;
}
@keyframes gantt-loader-loading-ellipsis-b {
  0% {
    left: 0;
    transform: scale(1.1);
  }
  50% {
    left: 25px;
    transform: scale(1);
  }
  100% {
    left: 0;
    transform: scale(1.1);
  }
}
@keyframes gantt-loader-loading-ellipsis-a {
  0% {
    left: 25px;
    transform: scale(1.1);
  }
  50% {
    left: 0;
    transform: scale(1);
  }
  100% {
    left: 25px;
    transform: scale(1.1);
  }
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: -webkit-box;
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: -webkit-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.288);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.scp-dialog-container {
  position: relative;
  pointer-events: auto;
  box-sizing: border-box;
  display: block;
  padding: 1.5em;
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  overflow: auto;
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
  width: 100%;
  height: 100%;
  outline: none;
}
.scp-dt-container,
.scp-dt-container * {
  box-sizing: border-box;
}
.scp-dt-container {
  display: block;
  font-size: 1rem;
  background: #ffffff;
  pointer-events: auto;
  z-index: 1000;
}
.scp-dt-container-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.scp-dt-container-row:last-child {
  border-bottom: none;
}
.scp-dt-calendar {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%;
}
.scp-dt-calendar-control {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  font-size: 1em;
  width: 100%;
  padding: 0.5em;
  color: #000000;
}
.scp-dt-calendar-control .scp-dt-calendar-control-content {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
.scp-dt-calendar-control .scp-dt-calendar-control-content .scp-dt-calendar-control-button {
  padding: 0 0.8em;
}
.scp-dt-calendar-control .scp-dt-calendar-control-content .scp-dt-calendar-control-button:hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.scp-dt-calendar-main {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  padding: 0 0.5em 0.5em;
  outline: 0;
}
.scp-dt-calendar-view {
  display: block;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
}
.scp-dt-calendar-multi-year-view {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.scp-dt-calendar-multi-year-view .scp-dt-calendar-table {
  width: calc(100% - 3em);
}
.scp-dt-calendar-multi-year-view .scp-dt-calendar-table .scp-dt-calendar-header th {
  padding-bottom: 0.25em;
}
.scp-dt-calendar-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.scp-dt-calendar-table .scp-dt-calendar-header {
  color: rgba(0, 0, 0, 0.4);
}
.scp-dt-calendar-table .scp-dt-calendar-header .scp-dt-weekdays th {
  font-size: 0.7em;
  font-weight: 400;
  text-align: center;
  padding-bottom: 1em;
}
.scp-dt-calendar-table .scp-dt-calendar-header .scp-dt-calendar-table-divider {
  position: relative;
  height: 1px;
  padding-bottom: 0.5em;
}
.scp-dt-calendar-table .scp-dt-calendar-header .scp-dt-calendar-table-divider:after {
  content: "";
  position: absolute;
  top: 0;
  left: -0.5em;
  right: -0.5em;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
}
.scp-dt-calendar-table .scp-dt-calendar-cell {
  position: relative;
  height: 0;
  line-height: 0;
  text-align: center;
  outline: 0;
  color: rgba(0, 0, 0, 0.85);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
.scp-dt-calendar-table .scp-dt-calendar-cell-content {
  position: absolute;
  top: 5%;
  left: 5%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  font-size: 0.8em;
  line-height: 1;
  border: 1px solid transparent;
  border-radius: 999px;
  color: inherit;
  cursor: pointer;
}
.scp-dt-calendar-table .scp-dt-calendar-cell-out {
  opacity: 0.2;
}
.scp-dt-calendar-table .scp-dt-calendar-cell-today:not(.scp-dt-calendar-cell-selected) {
  border-color: rgba(0, 0, 0, 0.4);
}
.scp-dt-calendar-table .scp-dt-calendar-cell-selected {
  color: hsla(0, 0%, 100%, 0.85);
  background-color: #3f51b5;
}
.scp-dt-calendar-table .scp-dt-calendar-cell-selected.scp-dt-calendar-cell-today {
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.85);
}
.scp-dt-calendar-table .scp-dt-calendar-cell-disabled {
  cursor: default;
}
.scp-dt-calendar-table .scp-dt-calendar-cell-disabled > .scp-dt-calendar-cell-content:not(.scp-dt-calendar-cell-selected) {
  color: rgba(0, 0, 0, 0.4);
}
.scp-dt-calendar-table .scp-dt-calendar-cell-disabled > .scp-dt-calendar-cell-content.scp-dt-calendar-cell-selected {
  opacity: 0.4;
}
.scp-dt-calendar-table .scp-dt-calendar-cell-disabled > .scp-dt-calendar-cell-today:not(.scp-dt-calendar-cell-selected) {
  border-color: rgba(0, 0, 0, 0.2);
}
.scp-dt-calendar-table .scp-dt-calendar-cell-active:focus > .scp-dt-calendar-cell-content:not(.scp-dt-calendar-cell-selected),
.scp-dt-calendar-table :not(.scp-dt-calendar-cell-disabled):hover > .scp-dt-calendar-cell-content:not(.scp-dt-calendar-cell-selected) {
  background-color: rgba(0, 0, 0, 0.04);
}
.scp-dt-calendar-table .scp-dt-calendar-cell-in-range {
  background: rgba(63, 81, 181, 0.2);
}
.scp-dt-calendar-table .scp-dt-calendar-cell-in-range.scp-dt-calendar-cell-range-from {
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}
.scp-dt-calendar-table .scp-dt-calendar-cell-in-range.scp-dt-calendar-cell-range-to {
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}
.scp-dt-timer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  height: 7em;
  padding: 0.5em;
  outline: none;
}
.scp-dt-timer-box {
  position: relative;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  width: 25%;
  height: 100%;
}
.scp-dt-timer-content {
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  margin: 0.2em 0;
}
.scp-dt-timer-content .scp-dt-timer-input {
  display: block;
  width: 2em;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  outline: medium none;
  font-size: 1.2em;
  padding: 0.2em;
}
.scp-dt-timer-divider {
  display: inline-block;
  align-self: flex-end;
  position: absolute;
  width: 0.6em;
  height: 100%;
  left: -0.3em;
}
.scp-dt-timer-divider:before,
.scp-dt-timer-divider:after {
  content: "";
  display: inline-block;
  width: 0.35em;
  height: 0.35em;
  position: absolute;
  left: 50%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: currentColor;
}
.scp-dt-timer-divider:before {
  top: 35%;
}
.scp-dt-timer-divider:after {
  bottom: 35%;
}
.scp-dt-control-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: 1em;
  color: inherit;
}
.scp-dt-control-button .scp-dt-control-button-content {
  position: relative;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
}
.scp-dt-control-period-button .scp-dt-control-button-content {
  height: 1.5em;
  padding: 0 0.5em;
  border-radius: 3px;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.scp-dt-control-period-button:hover > .scp-dt-control-button-content {
  background-color: rgba(0, 0, 0, 0.12);
}
.scp-dt-control-period-button .scp-dt-control-button-arrow {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 1em;
  height: 1em;
  margin: 0.1em;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}
.scp-dt-control-arrow-button .scp-dt-control-button-content {
  padding: 0;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
}
.scp-dt-control-arrow-button[disabled] {
  color: rgba(0, 0, 0, 0.4);
  cursor: default;
}
.scp-dt-control-arrow-button svg {
  width: 50%;
  height: 50%;
  fill: currentColor;
}
.scp-dt-inline-container,
.scp-dt-popup-container {
  position: relative;
  width: 18.5em;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.scp-dt-inline-container .scp-dt-calendar,
.scp-dt-inline-container .scp-dt-timer,
.scp-dt-popup-container .scp-dt-calendar,
.scp-dt-popup-container .scp-dt-timer {
  width: 100%;
}
.scp-dt-inline-container .scp-dt-calendar,
.scp-dt-popup-container .scp-dt-calendar {
  height: 20.25em;
}
.scp-dt-dialog-container {
  max-height: 95vh;
  margin: -1.5em;
}
.scp-dt-dialog-container .scp-dt-calendar {
  min-width: 250px;
  min-height: 330px;
  max-width: 750px;
  max-height: 750px;
}
.scp-dt-dialog-container .scp-dt-timer {
  min-width: 250px;
  max-width: 750px;
}
@media all and (orientation: landscape) {
  .scp-dt-dialog-container .scp-dt-calendar {
    width: 58vh;
    height: 62vh;
  }
  .scp-dt-dialog-container .scp-dt-timer {
    width: 58vh;
  }
}
@media all and (orientation: portrait) {
  .scp-dt-dialog-container .scp-dt-calendar {
    width: 80vw;
    height: 80vw;
  }
  .scp-dt-dialog-container .scp-dt-timer {
    width: 80vw;
  }
}
.scp-dt-container-buttons {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 2em;
  color: #3f51b5;
}
.scp-dt-container-control-button {
  font-size: 1em;
  width: 50%;
  height: 100%;
  border-radius: 0;
}
.scp-dt-container-control-button .scp-dt-control-button-content {
  height: 100%;
  width: 100%;
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.scp-dt-container-control-button:hover .scp-dt-control-button-content {
  background-color: rgba(0, 0, 0, 0.1);
}
.scp-dt-container-info {
  padding: 0 0.5em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.scp-dt-container-info .scp-dt-container-range {
  outline: none;
}
.scp-dt-container-info .scp-dt-container-range .scp-dt-container-range-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 0.5em 0;
  font-size: 0.8em;
}
.scp-dt-container-info .scp-dt-container-range:last-child {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.scp-dt-container-info .scp-dt-container-info-active {
  color: #3f51b5;
}
.scp-dt-container-disabled,
.scp-dt-trigger-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
  cursor: default !important;
}
.scp-dt-timer-hour12 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  color: #3f51b5;
}
.scp-dt-timer-hour12 .scp-dt-timer-hour12-box {
  border: 1px solid currentColor;
  border-radius: 2px;
  -webkit-transition: background 200ms ease;
  transition: background 200ms ease;
}
.scp-dt-timer-hour12 .scp-dt-timer-hour12-box .scp-dt-control-button-content {
  width: 100%;
  height: 100%;
  padding: 0.5em;
}
.scp-dt-timer-hour12 .scp-dt-timer-hour12-box:focus .scp-dt-control-button-content,
.scp-dt-timer-hour12 .scp-dt-timer-hour12-box:hover .scp-dt-control-button-content {
  background: #3f51b5;
  color: #ffffff;
}
.scp-dt-calendar-only-current-month .scp-dt-calendar-cell-out {
  visibility: hidden;
  cursor: default;
}
.scp-dt-inline {
  display: inline-block;
}
.scp-dt-control {
  outline: none;
  cursor: pointer;
}
.scp-dt-control .scp-dt-control-content {
  outline: none;
}
.scp-dt-control:focus > .scp-dt-control-content {
  background-color: rgba(0, 0, 0, 0.12);
}
.scp-dt-control:not(:-moz-focusring):focus > .scp-dt-control-content {
  box-shadow: none;
}
.scp-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
* {
  box-sizing: border-box;
  outline: none;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family: var(--scp-font-display-font-family), serif;
  display: flex;
}
button {
  border: none;
}
scp-root {
  width: 100%;
}
scp-root .ng-scrollbar,
.cdk-overlay-container .ng-scrollbar {
  --scrollbar-padding: var(--scp-scrollbar-padding);
  --scrollbar-border-radius: var(--scp-scrollbar-border-radius);
  --scrollbar-track-color: var(--scp-scrollbar-track-color);
  --scrollbar-thumb-color: var(--scp-scrollbar-thumb-color);
  --scrollbar-size: var(--scp-scrollbar-size);
  --scrollbar-hover-size: var(--scp-scrollbar-hover-size);
}
scp-root ::-webkit-scrollbar-thumb,
.cdk-overlay-container ::-webkit-scrollbar-thumb {
  background-color: var(--scp-scrollbar-thumb-color);
  border-radius: var(--scp-scrollbar-border-radius);
  background-clip: padding-box;
}
scp-root ::-webkit-scrollbar-track,
.cdk-overlay-container ::-webkit-scrollbar-track {
  background-color: var(--scp-scrollbar-track-color);
}
scp-root ::-webkit-scrollbar,
.cdk-overlay-container ::-webkit-scrollbar {
  width: var(--scp-scrollbar-size);
  height: var(--scp-scrollbar-size);
}
:root {
  --mat-shape-small: 5px;
  --mat-typography-caption-letter-spacing: 0.08px;
  --mat-typography-body1-letter-spacing: normal;
  --mat-typography-button-letter-spacing: 0.0178571em;
  --mat-typography-subtitle1-font-size: 14px;
  --mat-typography-body1-font-size: 14px;
  --mat-slide-toggle-with-icon-handle-size: 12px;
}
:root .mdc-button.mat-mdc-button {
  padding: 4px;
}
*[hidden] {
  display: none !important;
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Light.eot");
  src:
    url("./media/Roboto-Light.eot?#iefix") format("embedded-opentype"),
    url("./media/Roboto-Light.woff2") format("woff2"),
    url("./media/Roboto-Light.woff") format("woff"),
    url("./media/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Regular.eot");
  src:
    url("./media/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
    url("./media/Roboto-Regular.woff2") format("woff2"),
    url("./media/Roboto-Regular.woff") format("woff"),
    url("./media/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("./media/Roboto-Medium.eot");
  src:
    url("./media/Roboto-Medium.eot?#iefix") format("embedded-opentype"),
    url("./media/Roboto-Medium.woff2") format("woff2"),
    url("./media/Roboto-Medium.woff") format("woff"),
    url("./media/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("./media/OpenSans-Regular.eot");
  src:
    url("./media/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),
    url("./media/OpenSans-Regular.woff2") format("woff2"),
    url("./media/OpenSans-Regular.woff") format("woff"),
    url("./media/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("./media/OpenSans-Light.eot");
  src:
    url("./media/OpenSans-Light.eot?#iefix") format("embedded-opentype"),
    url("./media/OpenSans-Light.woff2") format("woff2"),
    url("./media/OpenSans-Light.woff") format("woff"),
    url("./media/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("./media/OpenSans-Bold.eot");
  src:
    url("./media/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),
    url("./media/OpenSans-Bold.woff2") format("woff2"),
    url("./media/OpenSans-Bold.woff") format("woff"),
    url("./media/OpenSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("./media/OpenSans-SemiBold.eot");
  src:
    url("./media/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("./media/OpenSans-SemiBold.woff2") format("woff2"),
    url("./media/OpenSans-SemiBold.woff") format("woff"),
    url("./media/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url("./media/PTSans-Regular.eot");
  src:
    url("./media/PTSans-Regular.eot?#iefix") format("embedded-opentype"),
    url("./media/PTSans-Regular.woff2") format("woff2"),
    url("./media/PTSans-Regular.woff") format("woff"),
    url("./media/PTSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans";
  src: url("./media/PTSans-Bold.eot");
  src:
    url("./media/PTSans-Bold.eot?#iefix") format("embedded-opentype"),
    url("./media/PTSans-Bold.woff2") format("woff2"),
    url("./media/PTSans-Bold.woff") format("woff"),
    url("./media/PTSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-SemiBold.eot");
  src:
    url("./media/Inter-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("./media/Inter-SemiBold.woff2") format("woff2"),
    url("./media/Inter-SemiBold.woff") format("woff"),
    url("./media/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Medium.eot");
  src:
    url("./media/Inter-Medium.eot?#iefix") format("embedded-opentype"),
    url("./media/Inter-Medium.woff2") format("woff2"),
    url("./media/Inter-Medium.woff") format("woff"),
    url("./media/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("./media/Inter-Regular.eot");
  src:
    url("./media/Inter-Regular.eot?#iefix") format("embedded-opentype"),
    url("./media/Inter-Regular.woff2") format("woff2"),
    url("./media/Inter-Regular.woff") format("woff"),
    url("./media/Inter-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("./media/Material-Icons.woff2") format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
:root,
::after,
::before {
  --scp-common-second-background: #f8f8f8;
  --scp-main-font-color: #000000;
  --scp-primary-color: #9000ff;
  --scp-active-btn-color: #9000ff;
  --scp-default-font-size: 14;
  --scp-default-horizontal-gap: 8px;
  --scp-radio-icon-size-lg: 20;
  --scp-radio-icon-size-md: 16;
  --scp-radio-icon-size-sm: 14;
  --scp-radio-inactive-border: #212529;
  --scp-radio-disabled-border: #f5f5f5;
  --scp-radio-disabled-color: #d8cfde;
  --scp-options-select-min-height: 42px;
  --scp-form-field-font: 400 12px/16px Open Sans;
  --scp-form-field-hint-padding: 12px;
  --scp-form-field-error-color: #f22a41;
  --scp-content-bg: #ffffff;
  --scp-content-secondary-bg: #f5f6f8;
  --scp-grid-cell-border-width: 1px;
  --scp-font-secondary-color: #adb0b4;
  --scp-input-disabled-color: var(--mat-form-field-outlined-disabled-input-text-color);
  --scp-dialog-padding-vertical: 16px;
  --scp-dialog-padding-body-vertical: 8px;
  --scp-dialog-padding-horizontal: 24px;
  --scp-grid-actions-indent: calc(16px + 4px);
  --scp-tooltip-bgcolor: var(--mat-tooltip-container-color);
  --scp-tooltip-font-size: 12;
  --scp-dialog-max-height-pane: 70vh;
  --scp-dialog-max-width-pane: 70vw;
  --scp-dialog-min-width-pane: 40vw;
  --scp-dialog-close-btn-color: #a6a6a6;
  --scp-secondary-section-height: 255px;
  --scp-drawer-container-vertical-padding: 16px;
  --scp-drawer-container-horisontal-padding: 24px;
  --scp-drawer-resize-handle-bg: #00000026;
  --scp-input-disabled-bgcolor: #dbdcdf8a;
  --scp-grid-selected-cell-border-color: #9000ff;
  --scp-grid-resizer-color: #9000ff;
  --scp-grid-header-row-height: 36px;
  --scp-grid-content-row-height: 32px;
  --scp-widget-color-primary: #38a169;
  --scp-widget-color-secondary: #f5b911;
  --scp-widget-color-danger: #f22a41;
  --scp-widget-color-default: #d8cfdeba;
  --scp-widget-color-text-light: #444647;
  --scp-widget-color-border: #cfcfcf;
  --scp-widget-color-border-dark: #909090;
  --scp-widget-color-background: #ffffff;
  --scp-widget-color-background-light: #f5f5f5;
  --scp-widget-color-background-scale: #ededed;
  --scp-widget-color-mark: #5b5c5c;
  --scp-widget-size-border-radius: 8px;
  --scp-widget-size-padding-small: 4px;
  --scp-widget-size-padding-medium: 8px;
  --scp-widget-size-padding-large: 16px;
  --scp-widget-size-gap-small: 4px;
  --scp-widget-size-gap-medium: 8px;
  --scp-widget-size-gap-large: 16px;
  --scp-widget-size-scale-thickness: 8px;
  --scp-widget-size-mark: 16px;
  --scp-widget-size-mark-thickness: 1px;
  --scp-widget-label-font-size: 14;
  --scp-widget-footer-font-size: 12;
  --scp-widget-text-font-weight: Regular;
  --scp-widget-title-font-weight: SemiBold;
  --scp-widget-line-height: 16px;
  --scp-widget-shadow-default: 0 2px 4px rgba(0, 0, 0, 0.1);
  --scp-menu-item-disabled-bg: #adb0b4;
  --scp-badge-size: 24px;
  --scp-badge-bg: #f5f6f8;
  --scp-badge-color: #af47ff;
  --scp-badge-font: 700 16px/24px Open Sans;
  --scp-badge-border-radius: 9999px;
  --scp-badge-padding: 0 8px;
  --scp-note-container-padding: 16px;
  --scp-note-container-sm-padding: 12px;
  --scp-note-border-radius: 4;
  --scp-note-font-size: 12;
  --scp-note-font-color: #545d70;
  --scp-note-bg-info: #f9f9fb;
  --scp-note-icon-color-info: #9000ff;
  --scp-note-bg-success: #f6fbf9;
  --scp-note-icon-color-success: #22bb55;
  --scp-note-bg-warning: #fff9f3;
  --scp-note-icon-color-warning: #ff9a3b;
  --scp-note-bg-error: #fff6f6;
  --scp-note-icon-color-error: #f22a41;
  --scp-btn-icon-size-lg: 24px;
  --scp-btn-icon-size-md: 18px;
  --scp-btn-icon-size-sm: 14px;
  --scp-btn-icon-size-xs: 12px;
  --scp-btn-font-size-lg: 18px;
  --scp-btn-font-size-md: 14px;
  --scp-btn-font-size-sm: 14px;
  --scp-btn-font-size-xs: 12px;
  --scp-btn-icon-font-size-lg: 24px;
  --scp-btn-icon-font-size-md: 18px;
  --scp-btn-icon-font-size-sm: 14px;
  --scp-btn-icon-font-size-xs: 12px;
  --scp-link-text-color: #0d56e2;
  --scp-property-key-color: #5a5a5a;
  --scp-property-gap: 10px;
  --scp-property-font-weight: SemiBold;
  --scp-paddings-xs: 4px;
  --scp-paddings-s: 8px;
  --scp-paddings-m: 12px;
  --scp-paddings-l: 16px;
  --scp-paddings-xl: 24px;
  --scp-paddings-xxl: 32px;
  --scp-paddings-xxxl: 40px;
  --scp-paddings-xxxxl: 64px;
  --scp-border-radius-sm: 4;
  --scp-border-radius-lg: 8;
  --scp-border-radius-xl: 16;
  --scp-border-radius-multi-value: 4 8;
  --scp-colors-black: #000000;
  --scp-colors-white: #ffffff;
  --scp-colors-gray-100: #f7fafc;
  --scp-colors-gray-200: #edf2f7;
  --scp-colors-gray-300: #e2e8f0;
  --scp-colors-gray-400: #cbd5e0;
  --scp-colors-gray-500: #a0aec0;
  --scp-colors-gray-600: #718096;
  --scp-colors-gray-700: #4a5568;
  --scp-colors-gray-800: #2d3748;
  --scp-colors-gray-900: #1a202c;
  --scp-opacity-low: 0.1;
  --scp-opacity-md: 0.5;
  --scp-opacity-high: 0.9;
  --scp-line-heights-0: 64px;
  --scp-line-heights-1: 60px;
  --scp-line-heights-2: 48px;
  --scp-line-heights-3: 40px;
  --scp-line-heights-4: 30px;
  --scp-line-heights-5: 24px;
  --scp-line-heights-6: 20px;
  --scp-line-heights-7: 16px;
  --scp-line-heights-8: 28px;
  --scp-line-heights-heading: 110%;
  --scp-line-heights-body: 140%;
  --scp-letter-spacing-0: 0em;
  --scp-letter-spacing-default: 0;
  --scp-letter-spacing-increased: 1.5em;
  --scp-letter-spacing-decreased: -0.05em;
  --scp-paragraph-spacing-0: 0;
  --scp-paragraph-spacing-h1: 32;
  --scp-paragraph-spacing-h2: 26;
  --scp-paragraph-indent-0: 0px;
  --scp-content-constant: #ffffff;
  --scp-content-primary: #212529;
  --scp-content-sub-primary: #444647;
  --scp-content-secondary: #adb0b4;
  --scp-content-primary-gray: #f5f5f5;
  --scp-content-border: #999c9f;
  --scp-content-disabled: #d9d9d9;
  --scp-content-hover: #efefef;
  --scp-content-background: #ebebeb;
  --scp-accent-primary: #9000ff;
  --scp-accent-sub-primary: #af47ff;
  --scp-accent-secondary: #c57aff;
  --scp-accent-disabled: #d8cfde;
  --scp-accent-border: #e9ccff;
  --scp-accent-background: #f1e0ff;
  --scp-accent-hover: #7320d9;
  --scp-accent-active: #822be2;
  --scp-system-success-primary: #22bb55;
  --scp-system-success-background: #d2faef;
  --scp-system-error-primary: #f22a41;
  --scp-system-error-background: #ffd6db;
  --scp-system-warning-primary: #ff9a3b;
  --scp-system-warning-background: #fcf0d4;
  --scp-system-sustem-warning-background: #fcf0d4;
  --scp-background-primary: #ffffff;
  --scp-background-secondary: #f5f6f8;
  --scp-background-modal: #ffffff;
  --scp-background-disabled: #ebebeb;
  --scp-table-border: #eff1f5;
  --scp-font-families-open-sans: Open Sans;
  --scp-font-weights-open-sans-0: Bold;
  --scp-font-weights-open-sans-1: SemiBold;
  --scp-font-weights-open-sans-2: Regular;
  --scp-font-size-0: 12;
  --scp-font-size-1: 14;
  --scp-font-size-2: 16;
  --scp-font-size-3: 18;
  --scp-font-size-4: 20;
  --scp-font-size-5: 24;
  --scp-font-size-6: 32;
  --scp-font-size-7: 40;
  --scp-font-size-8: 48;
  --scp-font-size-9: 52;
  --scp-h1-bold: 700 52px/64px Open Sans;
  --scp-h1-semibod: 600 52px/64px Open Sans;
  --scp-h1-regular: 400 52px/64px Open Sans;
  --scp-h2-bold: 700 48px/60px Open Sans;
  --scp-h2-semibod: 600 48px/60px Open Sans;
  --scp-h2-regular: 400 48px/60px Open Sans;
  --scp-h3-bold: 700 40px/48px Open Sans;
  --scp-h3-semibod: 600 40px/48px Open Sans;
  --scp-h3-regular: 400 40px/48px Open Sans;
  --scp-h4-bold: 700 32px/40px Open Sans;
  --scp-h4-semibod: 600 32px/40px Open Sans;
  --scp-h4-regular: 400 32px/40px Open Sans;
  --scp-h5-bold: 700 24px/30px Open Sans;
  --scp-h5-semibod: 600 24px/30px Open Sans;
  --scp-h5-regular: 400 24px/30px Open Sans;
  --scp-h6-font-bold: 700 20px/28px Open Sans;
  --scp-h6-font-semibod: 600 20px/28px Open Sans;
  --scp-h6-font-regular: 400 20px/28px Open Sans;
  --scp-h7-bold: 700 18px/24px Open Sans;
  --scp-h7-semibod: 600 18px/24px Open Sans;
  --scp-h7-regular: 400 18px/24px Open Sans;
  --scp-sm-bold: 700 16px/24px Open Sans;
  --scp-sm-semibod: 600 16px/24px Open Sans;
  --scp-sm-regular: 400 16px/24px Open Sans;
  --scp-body-bold: 700 14px/20px Open Sans;
  --scp-body-semibod: 600 14px/20px Open Sans;
  --scp-body-regular: 400 14px/20px Open Sans;
  --scp-xs-bold: 700 12px/16px Open Sans;
  --scp-xs-semibod: 600 12px/16px Open Sans;
  --scp-xs-regular: 400 12px/16px Open Sans;
  --scp-text-case-none: none;
  --scp-text-decoration-none: none;
  --scp-color-color: #9000ff;
}
:root h1,
:root h2,
::after h1,
::after h2,
::before h1,
::before h2 {
  margin: 0;
}
:root input,
:root textarea {
  font-family: var(--scp-font-display-font-family), serif;
}
:root .scp-title {
  font-weight: Bold;
  font-size: 18;
  line-height: 28px;
}
:root .scp-secondary-text {
  font-weight: Regular;
  font-size: var(--scp-font-sizes-12);
  line-height: 16px;
}
:root .scp-ui-dialog__header-text-title {
  font-size: 18;
  line-height: 24px;
  font-weight: SemiBold;
}
:root .scp-ui-dialog__header-text-subtitle {
  font-weight: Regular;
  font-size: 14;
  line-height: 20px;
}
:root .scp-ui-dialog__content-info {
  font-weight: Regular;
  font-size: 16;
  line-height: 24px;
}
:root .scp-button-menu-item {
  font-size: 16;
  font-weight: Regular;
  font-family: Open Sans;
}
:root scp-ui-dialog > * {
  display: contents;
}
:root .scp-ui-form-field .mat-mdc-form-field {
  background-color: #ffffff;
}
:root scp-select .mat-mdc-form-field.ng-invalid.ng-touched .mat-mdc-select-arrow,
:root scp-select .mat-mdc-form-field.ng-invalid.ng-touched .mat-select-arrow,
:root scp-select.ng-invalid.ng-touched .mat-mdc-select-arrow,
:root scp-select.ng-invalid.ng-touched .mat-select-arrow,
:root scp-select.ng-invalid.ng-touched mat-select .mat-mdc-select-arrow,
:root scp-select.ng-invalid.ng-touched mat-select .mat-select-arrow {
  color: var(--mat-select-invalid-arrow-color);
}
:root .scp-ui-input-lg .mat-mdc-form-field-infix,
:root .scp-ui-select-lg .mat-mdc-form-field-infix {
  min-height: 44px;
}
:root .scp-ui-input-lg .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix,
:root .scp-ui-select-lg .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}
:root .scp-ui-input-lg .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
:root .scp-ui-select-lg .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
:root .scp-ui-input-lg .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
:root .scp-ui-select-lg .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(-28.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
}
:root .scp-ui-input-sm .mat-mdc-form-field-infix,
:root .scp-ui-select-sm .mat-mdc-form-field-infix {
  min-height: 32px;
}
:root .scp-ui-input-sm .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix,
:root .scp-ui-select-sm .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}
:root .scp-ui-input-sm .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
:root .scp-ui-select-sm .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 14px;
}
:root .scp-ui-input-sm .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
:root .scp-ui-select-sm .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(-23px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
}
:root .secondary-section {
  background: #f5f6f8;
  padding: 24px;
  border-radius: 8;
  height: var(--scp-secondary-section-height);
  overflow: auto;
  margin: 16px 0;
}
.scp-btn.mat-mdc-button {
  --mat-button-text-label-text-color: #fff;
  height: 40px;
  font-weight: 600;
  background-color: #9000ff;
  padding: 0 16px;
}
.scp-btn.mat-mdc-button .mdc-button__label + .mat-icon {
  margin-left: 15px;
}
.scp-btn.mat-mdc-button .scp-btn__icon.mat-icon {
  margin-top: 2px;
  height: 17px;
  line-height: 0;
  width: auto;
}
.scp-theme .mat-mdc-icon-button .mat-mdc-button-touch-target {
  width: 100%;
  height: 100%;
}
.scp-theme .mat-mdc-icon-button.mat-mdc-button-base {
  --mat-icon-button-state-layer-size: 40px;
  --mat-icon-button-icon-size: auto;
  padding: 0;
}
.page-perspective-main {
  position: relative;
  min-height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 0 19px;
}
.perspective-resizable-items {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.perspective-main__detail-grid {
  flex: 1;
}
.perspective-main__actions {
  padding: 0 5px;
}
.perspective-main__actions.modifier {
  display: flex;
  justify-content: space-between;
}
.perspective-main__actions .date-filter {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.perspective-main__actions .date-filter__field .mat-mdc-form-field {
  margin: 0;
}
.perspective-main__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  padding: 0 5px;
}
.perspective-main__content > scp-agg-grid {
  min-height: 50%;
}
.perspective-main__content .grid-details {
  min-height: 50%;
  height: 100%;
}
.perspective-chart {
  max-height: 100%;
  flex-basis: 100%;
  padding: 10px 0;
}
.scp-table {
  width: 100%;
  border-collapse: collapse;
}
.scp-table-sticky {
  position: sticky !important;
  z-index: 2;
  box-shadow: inset -1px 0px 0 #eff1f5;
}
.scp-table-header-cell,
.scp-table-body-cell {
  border: 1px solid var(--scp-table-cell-border-color);
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.08px;
  color: #222429;
  position: relative;
  min-width: 70px;
  background-color: #fff;
}
.scp-table-header-cell.checkbox-cell,
.scp-table-body-cell.checkbox-cell {
  min-width: 0;
  max-width: 40px;
  padding: 0;
  width: 40px;
  left: 0;
}
.scp-table-header-cell.icon-cell,
.scp-table-body-cell.icon-cell {
  min-width: 0;
  max-width: 40px;
  padding: 0;
  width: 40px;
  left: 0;
  text-align: center;
}
.scp-table-header-cell.details-cell,
.scp-table-body-cell.details-cell {
  min-width: 0;
  max-width: 45px;
  width: 45px;
  text-align: center;
}
.scp-table-header-cell.details-cell .mat-icon,
.scp-table-body-cell.details-cell .mat-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.scp-table-header-cell.is-editing-cell,
.scp-table-body-cell.is-editing-cell {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.scp-table-header-cell.is-editing-cell .cell-content-edit,
.scp-table-body-cell.is-editing-cell .cell-content-edit {
  border-color: #3c76f1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: grid;
  align-items: center;
}
.scp-table-header-cell[hidden],
.scp-table-body-cell[hidden] {
  display: none;
}
.scp-table-body-cell {
  word-break: break-word;
  height: 42px;
  max-height: 42px;
}
.scp-table-header {
  position: sticky;
  top: 0;
  z-index: 10;
  transition: top 300ms ease-in-out;
}
.scp-table-header-right {
  display: flex;
  align-items: center;
}
.scp-table-header-right > * {
  margin-left: 4px;
}
.scp-table-header-cell {
  line-height: 18px;
  font-weight: 600;
  padding: 13px 8px;
  background-color: #fff;
  border: 1px solid var(--scp-table-cell-border-color);
  vertical-align: middle;
  position: relative;
}
.scp-table-header-cell-content {
  display: flex;
  justify-content: space-between;
}
.scp-table-header-cell-title {
  white-space: nowrap;
  margin-right: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.scp-table-header-cell-title .label-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.scp-table-header-cell-title .label-wrapper__title-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scp-table-header-cell:not(.show-filter) .scp-table-header-cell-content {
  justify-content: center;
}
.scp-table-header-cell:not(.show-filter) .scp-table-header-cell-title {
  margin-right: 0;
}
.scp-table-body-cell {
  vertical-align: middle;
}
.scp-table-body-cell .cell-content {
  min-height: 32px;
  border: 2px solid transparent;
  display: grid;
  align-items: center;
}
.scp-table-body-cell .cell-content-value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 7px;
}
.scp-table-body.isAutoFillArea:hover {
  cursor: url("./media/plus-png.png") 10 10, pointer;
}
.transform-wrapper {
  display: flex;
}
.transform-wrapper .mdc-button.mat-mdc-button.sync-transforms-cancel {
  padding: 0;
  min-width: 0;
  line-height: 0;
  height: 22px;
}
.transform-wrapper .mdc-button.mat-mdc-button.sync-transforms-cancel .mat-icon {
  height: 18px;
  width: 18px;
  margin: 0;
  color: #50565e;
}
.transform-wrapper .transform-available {
  display: flex;
  align-items: center;
}
.transform-wrapper > * {
  margin-left: 4px;
}
.scp-step {
  display: flex;
  align-items: center;
}
.scp-step-container {
  display: flex;
  align-items: center;
}
.scp-step-container .scp-step {
  margin-right: 25px;
}
.scp-step-num {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font: 600 16px/24px "Open Sans", sans-serif;
  background-color: #9000ff;
  color: #fff;
  text-align: center;
  margin-right: 7px;
}
.scp-step-icon {
  color: #9000ff;
  margin-right: 7px;
  width: 24px;
  height: 24px;
}
.scp-step-label {
  font: 14px/16px "Open Sans", sans-serif;
  color: rgba(0, 0, 0, 0.6);
  margin-right: 3px;
}
.scp-step-line {
  background-color: #7f7f7f;
  height: 1px;
  flex: 1 1 auto;
}
.scp-empty-block {
  width: 100%;
  height: 100%;
  padding: 82px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  row-gap: 14px;
  background-color: #ffffff;
  color: #000;
  text-align: center;
}
.scp-empty-img {
  height: 190px;
  width: 209px;
}
.scp-empty-title {
  font-size: 24px;
  font-weight: 600;
}
.scp-empty-description {
  font-size: 16px;
  font-weight: 400;
}
.box-white {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.0784313725);
  padding: 15px;
}
.section {
  margin-bottom: 20px;
}
.section:last-child {
  margin-bottom: 0;
}
.p-0 {
  padding: 0 !important;
}
.m-0 {
  margin: 0 !important;
}
.page-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.page-content {
  background-color: var(--scp-content-secondary-bg);
  padding: 15px;
  height: 100%;
}
.page-content-wrapper {
  position: relative;
  flex: 1 1 auto;
  overflow: auto;
}
.page-top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-bottom: 1px solid #cbcbcb;
  height: 37px;
}
.page-top .actions {
  padding-right: 32px;
  display: flex;
  align-items: center;
}
.page-has-no-data {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  height: 40%;
  background: url("./media/no-data.svg") no-repeat 50% 50%/contain;
  z-index: 100;
}
.scp-form-field {
  margin-bottom: 14px;
}
.scp-form-field_line {
  display: flex;
  align-items: center;
}
.scp-form-field_line .scp-form-label {
  width: 174px;
  margin-right: 5px;
}
.scp-form-label {
  display: block;
  font: 500 16px/24px "Inter", sans-serif;
  color: #424242;
  margin-bottom: 4px;
}
.scp-form-note {
  font: 500 12px/18px "Inter", sans-serif;
  color: #424242;
}
.scp-form-input,
.scp-form-textarea,
.scp-form-select {
  display: block;
  border: 1px solid #ccd1d4;
  border-radius: 4px;
  width: 100%;
  font: 14px/20px "Inter", sans-serif;
  padding: 10px 12px;
  height: 40px;
}
.scp-form-input-menu .mat-select-value,
.scp-form-textarea-menu .mat-select-value,
.scp-form-select-menu .mat-select-value {
  color: inherit;
}
.scp-form-textarea {
  height: 220px;
  resize: none;
}
.scp-theme .mat-mdc-form-field {
  display: block;
  --mat-mdc-form-field-floating-label-scale: 0.85;
  --mat-form-field-container-text-tracking: normal;
  margin: 22px 0;
}
.scp-theme .scp-old-form-field {
  padding-bottom: 16px;
}
.scp-theme .mat-mdc-form-field-infix {
  min-height: 44px;
}
.scp-theme .mat-mdc-form-field-flex {
  align-items: center;
}
.scp-theme .mat-mdc-form-field-subscript-wrapper {
  line-height: 16px;
  letter-spacing: normal;
}
.scp-theme .mat-mdc-form-field-bottom-align::before {
  vertical-align: top;
}
.scp-theme .mdc-text-field--outlined {
  --mat-form-field-outlined-focus-outline-width: 1px;
  padding-left: 12px;
  padding-right: 12px;
}
.scp-theme .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  width: 8px;
}
.scp-theme .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 9px;
  padding-bottom: 11px;
  display: flex;
  align-items: center;
}
.scp-theme .mat-mdc-form-field-icon-prefix > .mat-icon,
.scp-theme .mat-mdc-form-field-icon-suffix > .mat-icon {
  padding: 10px;
}
.scp-theme .mat-mdc-form-field-hint-wrapper,
.scp-theme .mat-mdc-form-field-error-wrapper {
  padding: 0 12px;
}
.scp-theme .mat-mdc-form-field-error {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.scp-theme .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
.scp-theme .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(-30.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
}
.scp-theme .mdc-text-field--focused .mdc-notched-outline__leading,
.scp-theme .mdc-text-field--focused .mdc-notched-outline__notch,
.scp-theme .mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 1px;
}
.scp-theme .mat-mdc-form-field-hint {
  color: rgba(0, 0, 0, 0.6);
}
.scp-theme .mat-select-arrow,
.scp-theme .mat-mdc-select-arrow,
.scp-theme .select-arrow {
  border: 0;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid;
  border-bottom: 1.5px solid;
  transform: rotate(45deg);
  color: #000;
  margin: 0 4px;
}
.scp-theme .mat-select-arrow svg,
.scp-theme .mat-mdc-select-arrow svg,
.scp-theme .select-arrow svg {
  display: none;
}
.scp-theme .mat-mdc-form-field-text-suffix .icon-search {
  height: 16px;
  width: 16px;
  line-height: 0;
}
.scp-theme .mat-mdc-form-field-icon-suffix .icon-search {
  height: 16px;
  line-height: 0;
  width: 16px;
}
.scp-theme .mat-mdc-form-field-icon-suffix .icon-datetime {
  height: 24px;
  width: 24px;
  line-height: 0;
  position: relative;
  top: 3px;
  left: 3px;
}
.scp-theme .mat-mdc-form-field-icon-suffix .icon-date {
  height: 20px;
  width: 20px;
  line-height: 0;
}
.scp-theme .mat-mdc-form-field-icon-suffix .icon-time {
  height: 22px;
  width: 22px;
  line-height: 0;
}
.scp-theme .mat-mdc-option {
  min-height: var(--scp-options-select-min-height);
  padding: 0 12px;
}
.scp-theme .mat-mdc-option.scp-select-option .scp-pseudo-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1), background-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border-color: var(--scp-content-border);
  border-width: 2px;
  border-style: solid;
  position: absolute;
}
.scp-theme .mat-mdc-option.scp-select-option .scp-pseudo-checkbox > div {
  opacity: 0;
}
.scp-theme .mat-mdc-option.scp-select-option .scp-pseudo-checkbox-checked {
  border-color: var(--scp-pseudo-checkbox-selected-icon-color);
  background-color: var(--scp-pseudo-checkbox-selected-icon-color);
}
.scp-theme .mat-mdc-option.scp-select-option .scp-pseudo-checkbox-checked > div {
  opacity: 1;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.scp-theme .mat-mdc-option.scp-dropdown-one-by-group__option {
  padding-left: var(--scp-paddings-xxl);
}
.scp-theme .mat-mdc-option .mdc-list-item__primary-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scp-theme .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 119%;
}
.scp-select-filter {
  position: relative;
  margin-bottom: 5px;
}
.scp-select-filter-input {
  border: 0;
  border-bottom: 1px solid #eff1f5;
  background-color: #fff;
  height: 32px;
  display: block;
  width: 100%;
  padding: 6px 16px 6px 42px;
  font: 14px/20px "Open Sans", sans-serif;
}
.scp-select-filter-input:focus {
  border-color: #7d00ff;
}
.scp-select-filter .search-icon {
  position: absolute;
  width: 15px;
  height: 15px;
  line-height: 0;
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #515151;
}
.scp-select-filter .search-icon path {
  fill: currentColor;
}
.scp-query-builder .mat-mdc-form-field-subscript-wrapper {
  height: 0;
}
.scp-query-builder .scp-query-builder-field {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 12px 10px 0;
}
.scp-query-builder .scp-query-builder-field-single {
  display: flex;
  flex-direction: row;
}
.scp-query-builder .scp-query-builder-field-single scp-date {
  margin: 10px 0;
}
.scp-query-builder-operator {
  width: 105px;
}
.scp-query-builder-input {
  display: inline-block;
  vertical-align: middle;
}
.scp-query-builder-input .mat-mdc-form-field {
  display: block;
  margin: 0;
}
.scp-query-builder-between {
  display: flex;
  align-items: center;
  flex-wrap: inherit;
  gap: 10px;
}
.scp-query-builder-between-sep {
  width: 10px;
  height: 1px;
  background-color: #000;
  margin: 0 5px;
}
.scp-query-builder-between .scp-query-builder-field {
  flex: 1 1 auto;
  max-width: 270px;
  margin: 0;
}
.scp-query-builder-between .scp-query-builder-field.right {
  margin-left: 5px;
}
.scp-query-builder-between .scp-query-builder-field .mat-mdc-form-field {
  margin: 0;
}
.scp-query-builder .scp-query-builder-between-left,
.scp-query-builder .scp-query-builder-between-right {
  position: relative;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  flex: 0 0;
  max-width: 200px;
}
.scp-query-builder .scp-query-builder-between-left .scp-query-builder-field,
.scp-query-builder .scp-query-builder-between-right .scp-query-builder-field {
  width: 100%;
}
.scp-query-builder .scp-query-builder-between-left mat-hint,
.scp-query-builder .scp-query-builder-between-right mat-hint {
  position: absolute;
  bottom: -17px;
  left: 0;
  font-size: 12px;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  color: red !important;
}
.multiline-tooltip {
  white-space: pre-line;
}
.scp-dropdown-panel-lg.mat-mdc-select-panel,
.scp-dropdown-panel-sm.mat-mdc-select-panel {
  padding: 0;
}
.scp-dropdown-panel-lg.mat-mdc-select-panel .mat-mdc-optgroup-label,
.scp-dropdown-panel-sm.mat-mdc-select-panel .mat-mdc-optgroup-label {
  min-height: 42px;
}
.scp-dropdown-multi.mat-mdc-select-panel {
  max-height: 295px;
}
.scp-dropdown-multi .scp-multi-dropdown__select-all .mdc-checkbox__ripple {
  display: none !important;
}
.scp-ui-form-field > .scp-form-field__wrapper .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.scp-ui-form-field > .scp-form-field__wrapper .mat-mdc-form-field {
  margin: 0;
}
.scp-ui-form-field {
  margin: 22px 0;
}
.scp-ui-form-field.no-indent {
  margin: 0;
}
.scp-create-planned-order .mdc-dialog__title,
.scp-create-wash .mdc-dialog__title {
  padding: 0;
}
.scp-create-planned-order .mdc-dialog__title:before,
.scp-create-wash .mdc-dialog__title:before {
  height: 22px;
}
.scp-create-planned-order mat-error,
.scp-create-planned-order .mat-mdc-form-field-error,
.scp-create-wash mat-error,
.scp-create-wash .mat-mdc-form-field-error {
  font-size: var(--scp-font-sizes-12);
}
.scp-create-planned-order .no-gap .mat-mdc-form-field,
.scp-create-wash .no-gap .mat-mdc-form-field {
  margin-top: 0;
  margin-bottom: 0;
}
.scp-create-planned-order .no-gap .scp-ui-form-field,
.scp-create-wash .no-gap .scp-ui-form-field {
  margin-top: 0;
  margin-bottom: 0;
}
.scp-create-planned-order .no-gap scp-date-range-picker .scp-date-range__cell,
.scp-create-wash .no-gap scp-date-range-picker .scp-date-range__cell {
  margin-bottom: 0;
}
.scp-create-planned-order .no-gap scp-date-range-picker .scp-date-range__cell .scp-date-range__entity,
.scp-create-wash .no-gap scp-date-range-picker .scp-date-range__cell .scp-date-range__entity {
  margin-bottom: 4px;
}
.scp-dialog {
  width: var(--scp-dialog-max-width-pane);
}
.scp-dialog-w400 {
  width: 400px;
}
.scp-dialog .mdc-dialog {
  --mat-dialog-supporting-text-color: none;
  --mat-dialog-supporting-text-font: "Open Sans", sans-serif;
  --mat-dialog-supporting-text-weight: inherit;
  --mat-dialog-supporting-text-size: inherit;
  --mat-dialog-supporting-text-line-height: inherit;
  --mat-dialog-container-elevation: 0 1px 15px rgba(0, 0, 0, 0.2);
  padding: 0;
  border-radius: 7px;
  position: relative;
}
.scp-dialog .scp-dialog__header {
  padding: 17px 16px 15px 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #1a1a1a;
  margin: 0;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  display: flex;
  align-items: center;
}
.scp-dialog .scp-dialog__header-left {
  display: flex;
  align-items: center;
}
.scp-dialog .scp-dialog__header-right {
  margin-left: auto;
}
.scp-dialog .scp-dialog__title-icon {
  height: 24px;
  margin-right: 15px;
}
.scp-dialog .scp-dialog__close {
  min-width: 0;
  height: auto;
  line-height: 0;
  padding: 4px;
  margin-left: auto;
}
.scp-dialog .scp-dialog__close .mat-icon {
  width: 16px;
  height: 16px;
  margin: 0;
}
.scp-dialog .scp-dialog__content {
  padding: 20px;
  margin: 0;
}
.scp-dialog .scp-dialog__actions {
  margin: 0;
  padding: 19px 20px;
  position: relative;
}
.scp-dialog .scp-dialog__actions .wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.scp-dialog .scp-dialog__actions:not(.scp-dialog__actions-with-uikit) .mat-mdc-button-base {
  font-weight: 600;
  font-size: 18px;
  height: 40px;
  padding: 8px;
  border-radius: 4px;
  filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.1));
  min-width: 122px;
}
.scp-dialog .scp-dialog__actions:not(.scp-dialog__actions-with-uikit) .mat-mdc-button-base + .mat-mdc-button-base {
  margin-left: 16px;
}
.scp-dialog .scp-dialog__reset {
  background-color: #ffffff;
  filter: none;
}
.scp-dialog .scp-dialog__reset.mat-mdc-button:not(:disabled) {
  color: #9000ff;
}
.scp-dialog .scp-dialog__reset.mat-mdc-button-base {
  filter: none;
}
.scp-dialog .scp-dialog__cancel {
  background-color: #f9f9f9;
  color: #1a1a1a;
}
.scp-dialog .scp-dialog__submit {
  background-color: #9000ff;
  --mat-button-text-label-text-color: #fff;
}
.scp-dialog .scp-dialog__submit[disabled] {
  color: #ffffff;
  opacity: 0.4;
}
.scp-dialog .scp-dialog__regular {
  background-color: #ffffff;
  border: 1px solid #9000ff;
  color: #9000ff;
}
.scp-ui-dialog .scp-ui-dialog-small p {
  margin: 0;
}
.scp-ui-dialog .scp-ui-dialog-small.scp-ui-dialog-small .scp-ui-dialog__header,
.scp-ui-dialog .scp-ui-dialog-small.scp-ui-dialog-small .scp-ui-dialog__content-info {
  justify-content: center;
  align-items: center;
  display: flex;
  text-align: center;
}
.scp-ui-dialog .scp-ui-dialog-small.scp-ui-dialog-small .scp-ui-dialog__header .scp-ui-dialog__header-text-title,
.scp-ui-dialog .scp-ui-dialog-small.scp-ui-dialog-small .scp-ui-dialog__header .scp-ui-dialog__header-text-subtitle,
.scp-ui-dialog .scp-ui-dialog-small.scp-ui-dialog-small .scp-ui-dialog__content-info .scp-ui-dialog__header-text-title,
.scp-ui-dialog .scp-ui-dialog-small.scp-ui-dialog-small .scp-ui-dialog__content-info .scp-ui-dialog__header-text-subtitle {
  flex-direction: column;
  align-items: center;
}
.scp-ui-dialog .scp-ui-dialog-small .scp-ui-dialog__content-info {
  flex-direction: column;
}
.scp-ui-dialog .scp-ui-dialog-small .scp-ui-dialog__footer > * {
  flex-direction: column-reverse;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 16px;
}
.scp-ui-dialog .scp-ui-dialog-small .mat-mdc-dialog-actions .mat-button-base + .mat-button-base,
.scp-ui-dialog .scp-ui-dialog-small .mat-mdc-dialog-actions .mat-mdc-button-base + .mat-mdc-button-base {
  margin: 0;
}
.scp-ui-dialog .scp-ui-dialog .scp-ui-dialog__header-text-title {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.scp-ui-dialog .scp-ui-dialog__content .content-title {
  font-weight: var(--scp-font-weights-open-semi-bold);
  font-size: var(--scp-font-sizes-20);
  display: flex;
  justify-content: space-between;
  padding: 28px 12px;
}
.scp-ui-dialog.cdk-overlay-pane.mat-mdc-dialog-panel {
  max-width: var(--scp-dialog-max-width-pane);
  min-width: var(--scp-dialog-min-width-pane);
  max-height: var(--scp-dialog-max-height-pane);
}
.scp-ui-dialog.cdk-overlay-pane.mat-mdc-dialog-panel.expanded {
  height: 100vh !important;
  max-width: 100vw;
  min-width: 100vw;
  max-height: 100vh;
}
.scp-ui-dialog__close-btn,
.scp-ui-dialog__expand-btn {
  color: var(--scp-dialog-close-btn-color);
}
.scp-sort-dialog {
  --scp-dialog-max-width-pane: 450px;
  --scp-dialog-min-width-pane: 450px;
  --scp-dialog-max-height-pane: 430px;
}
.scp-download-dialog {
  --scp-dialog-max-width-pane: 620px;
  --scp-dialog-min-width-pane: 620px;
  --scp-dialog-max-height-pane: 690px;
  --scp-dialog-min-height-pane: 234px;
}
.scp-grid-agg-constructor {
  --scp-dialog-min-width-pane: 80vw;
  --scp-dialog-max-width-pane: 90vw;
  --scp-dialog-max-height-pane: 90vh;
}
.display-block {
  display: block;
}
.scp-theme .mdc-switch {
  --mat-slide-toggle-track-width: 28px;
  --mat-slide-toggle-track-height: 16px;
  --mat-slide-toggle-track-shape: 8px;
  --mat-slide-toggle-handle-width: 12px;
  --mat-slide-toggle-handle-height: 12px;
  --mat-slide-toggle-state-layer-size: 30px;
  --mat-slide-toggle-disabled-track-opacity: 0.38;
  --mat-slide-toggle-selected-focus-state-layer-color: #fff;
  --mat-slide-toggle-selected-handle-color: #fff;
  --mat-slide-toggle-selected-hover-state-layer-color: #fff;
  --mat-slide-toggle-selected-pressed-state-layer-color: #fff;
  --mat-slide-toggle-selected-focus-handle-color: #fff;
  --mat-slide-toggle-selected-hover-handle-color: #fff;
  --mat-slide-toggle-selected-pressed-handle-color: #fff;
  --mat-slide-toggle-selected-focus-track-color: #9000ff;
  --mat-slide-toggle-selected-hover-track-color: #9000ff;
  --mat-slide-toggle-selected-pressed-track-color: #9000ff;
  --mat-slide-toggle-selected-track-color: #9000ff;
  --mat-slide-toggle-disabled-selected-handle-color: #fff;
  --mat-slide-toggle-disabled-unselected-handle-color: #fff;
  --mat-slide-toggle-disabled-selected-track-color: #9000ff;
  --mat-slide-toggle-disabled-unselected-track-color: #c2c2c2;
  --mat-slide-toggle-unselected-focus-state-layer-color: #c2c2c2;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #c2c2c2;
  --mat-slide-toggle-unselected-hover-state-layer-color: #c2c2c2;
  --mat-slide-toggle-unselected-focus-track-color: #c2c2c2;
  --mat-slide-toggle-unselected-hover-track-color: #c2c2c2;
  --mat-slide-toggle-unselected-pressed-track-color: #c2c2c2;
  --mat-slide-toggle-unselected-track-color: #c2c2c2;
  --mat-slide-toggle-unselected-focus-handle-color: #fff;
  --mat-slide-toggle-unselected-hover-handle-color: #fff;
  --mat-slide-toggle-unselected-pressed-handle-color: #fff;
  --mat-slide-toggle-handle-surface-color: var(--mat-theme-surface, #fff);
  --mat-slide-toggle-unselected-handle-color: #fff;
  --mat-slide-toggle-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-selected-icon-color: #fff;
  --mat-slide-toggle-disabled-unselected-icon-color: #fff;
  --mat-slide-toggle-unselected-icon-color: #fff;
}
.scp-theme .mdc-switch .mdc-switch__icons {
  display: none;
}
.scp-theme .mdc-switch .mdc-switch__handle-track {
  left: 2px;
}
.scp-theme .mdc-switch.mdc-switch--selected .mdc-switch__handle-track {
  transform: translateX(12px);
}
:root {
  --scp-table-cell-disabled-bg: #f5f6f8;
  --scp-table-cell-border-color: #d9d9d9;
}
.grid-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--scp-paddings-l) var(--scp-paddings-xxl);
  background-color: var(--scp-content-bg);
}
.table,
.scp-tbl {
  display: table;
  width: 100%;
  font: 14px/16px "Open Sans", sans-serif;
}
.table-head,
.scp-tbl-head {
  display: table-header-group;
}
.table-body,
.scp-tbl-body {
  display: table-row-group;
}
.table-foot,
.scp-tbl-foot {
  display: table-footer-group;
}
.table-row,
.scp-tbl-row {
  display: table-row;
}
.table-row-highlighted,
.scp-tbl-row-highlighted {
  background-color: #eee7f3;
}
.table-cell,
.scp-tbl-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 8px;
  position: relative;
}
.table-cell-checkbox,
.scp-tbl-cell-checkbox {
  width: 38px;
  line-height: 0;
  padding: 0;
  text-align: center;
}
.table-field,
.scp-tbl-field {
  position: absolute !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.table-field.mat-mdc-form-field,
.scp-tbl-field.mat-mdc-form-field {
  height: 100%;
  margin: 0;
}
.table-field.mat-mdc-form-field *,
.scp-tbl-field.mat-mdc-form-field * {
  border: none;
}
.table-field.mat-mdc-form-field .mat-mdc-text-field-wrapper,
.scp-tbl-field.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  height: 100%;
}
.table-field.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align::before,
.scp-tbl-field.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align::before {
  content: none;
}
.table-field.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,
.scp-tbl-field.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper {
  position: relative;
  background-color: #f44336;
  padding: 5px;
  border-radius: 5px;
  margin-top: 5px;
  z-index: 2;
  max-width: 300px;
  margin-left: auto;
}
.table-field.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper:before,
.scp-tbl-field.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper:before {
  content: "";
  position: absolute;
  right: 8px;
  top: -5px;
  border-bottom: 5px solid #f44336;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.table-field.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper > mat-error,
.scp-tbl-field.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper > mat-error {
  color: #fff;
}
.table-1,
.scp-tbl-1 {
  width: 100%;
}
.table-1 .scp-tbl-cell,
.scp-tbl-1 .scp-tbl-cell {
  border-right: 1px solid #eff1f5;
  border-bottom: 1px solid #eff1f5;
}
.table-1 .scp-tbl-head-sticky,
.scp-tbl-1 .scp-tbl-head-sticky {
  position: sticky;
  top: 0;
  z-index: 1000;
}
.table-1 .scp-tbl-head-bg-fill,
.scp-tbl-1 .scp-tbl-head-bg-fill {
  background-color: var(--scp-common-second-background);
}
.table-1 .scp-tbl-head .scp-tbl-cell,
.scp-tbl-1 .scp-tbl-head .scp-tbl-cell {
  font-weight: 600;
  border-bottom-width: 2px;
  height: 48px;
}
.table-cell-disabled {
  background-color: var(--scp-table-cell-disabled-bg);
  border-color: var(--scp-table-cell-border-color);
  cursor: unset;
}
.table-row-disabled td,
.table-row-disabled .scp-table-body-cell {
  background-color: var(--scp-table-cell-disabled-bg);
  border-color: var(--scp-table-cell-border-color);
  cursor: unset;
}
.table-row-disabled td *,
.table-row-disabled .scp-table-body-cell * {
  pointer-events: none;
}
.scp-table-body-cell__selected {
  position: relative;
}
.scp-table-body-cell__selected:before {
  content: "";
  display: block;
  background-color: var(--scp-table-cell-selected-bg);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.scp-tabs .mat-mdc-tab-header {
  --mat-tab-label-text-tracking: 0.0178571em;
}
.scp-tabs .mat-mdc-tab-list {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.scp-tabs .mat-mdc-tab-list .mat-mdc-tab.mdc-tab,
.scp-tabs .mat-mdc-tab-list .mat-mdc-tab-link.mdc-tab {
  color: #000;
  min-width: 0;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
}
.scp-tabs .mat-mdc-tab-list .mat-mdc-tab.mdc-tab--active,
.scp-tabs .mat-mdc-tab-list .mat-mdc-tab-link.mdc-tab--active {
  font-weight: bold;
}
.scp-tabs .mat-mdc-tab-list .mat-mdc-tab.mdc-tab .mdc-tab__text-label,
.scp-tabs .mat-mdc-tab-list .mat-mdc-tab-link.mdc-tab .mdc-tab__text-label {
  color: #000;
}
.scp-tabs-small .mat-mdc-tab-header {
  --mat-tab-active-indicator-height: 4px;
}
.scp-tabs-small .mat-mdc-tab-list .mdc-tab.mat-mdc-tab-label,
.scp-tabs-small .mat-mdc-tab-list .mdc-tab.mat-mdc-tab-link {
  height: 35px;
  padding: 0 15px;
  font-size: 14px;
}
.scp-tabs .hide-tab-header .mat-mdc-tab-header {
  display: none;
}
.scp-action-buttons {
  white-space: nowrap;
  color: #000;
}
.scp-action-buttons .mat-mdc-button {
  padding: 4px;
  min-width: 0;
  line-height: 0;
  height: auto;
  margin-left: 11px;
}
.scp-action-buttons .mat-mdc-button .mat-icon {
  height: 18px;
  width: auto;
  margin: 0;
}
.scp-action-buttons .mat-mdc-button:first-child {
  margin-left: 0;
}
.scp-action-buttons .mat-mdc-button-disabled {
  opacity: 0.5;
}
.scp-theme .mat-mdc-menu-panel {
  max-width: 100%;
  box-shadow: none;
  border: 1px solid #cfd4dc;
  border-radius: 4px;
}
.scp-theme .mat-mdc-menu-panel .mat-mdc-menu-content:not(:empty) {
  padding: 0;
}
.scp-theme .mat-mdc-menu-panel .mat-mdc-menu-item {
  --mat-menu-item-icon-color: #848483;
  color: #222429;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  min-height: 30px;
  padding: 5px 12px;
  word-break: break-word;
  border-bottom: 1px solid var(--scp-neutral-default-border);
}
.scp-theme .mat-mdc-menu-panel .mat-mdc-menu-item:last-child {
  border-bottom: 0;
}
.scp-theme .mat-mdc-menu-panel .mat-mdc-menu-item.active {
  background-color: rgba(0, 0, 0, 0.04);
}
.scp-theme .mat-mdc-menu-panel .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger {
  padding-right: 30px;
}
.scp-theme .mat-mdc-menu-panel .mat-mdc-menu-item.mat-mdc-menu-item-submenu-trigger .mat-menu-submenu-icon {
  right: 12px;
}
.scp-theme .mat-mdc-menu-panel .mat-mdc-menu-item[disabled] {
  background-color: var(--scp-menu-item-disabled-bg);
}
.scp-theme .mat-mdc-menu-panel.scp-menu-2 {
  border: 0;
  border-radius: 0;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1490196078);
  min-height: 0;
}
.scp-theme .mat-mdc-menu-panel.scp-menu-2 .mat-mdc-menu-item {
  min-height: 32px;
  line-height: 32px;
}
.scp-theme .mat-mdc-menu-panel.scp-menu-2 .mat-mdc-menu-item:hover:not([disabled]),
.scp-theme .mat-mdc-menu-panel.scp-menu-2 .mat-mdc-menu-item.cdk-program-focused:not([disabled]),
.scp-theme .mat-mdc-menu-panel.scp-menu-2 .mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),
.scp-theme .mat-mdc-menu-panel.scp-menu-2 .mat-mdc-menu-item-highlighted:not([disabled]) {
  background: #eee7f3;
}
.scp-theme .mat-mdc-menu-panel.last-user-actions-menu {
  min-width: 480px;
  padding: 4px 12px;
}
.scp-theme .mat-mdc-menu-panel.last-user-actions-menu .ng-scroll-content {
  width: 100%;
}
.scp-theme .mat-mdc-menu-panel.last-user-actions-menu__content {
  max-height: 80vh;
  padding-top: 16px;
  padding-bottom: 16px;
}
.scp-theme .mat-mdc-menu-panel.last-user-actions-menu__item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.scp-theme .mat-mdc-menu-panel.last-user-actions-menu__item-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scp-theme .mat-mdc-menu-panel.last-user-actions-menu .mat-mdc-menu-item-text {
  width: 100%;
}
.scp-theme .mat-mdc-menu-panel.last-user-actions-menu mat-divider {
  margin: 4px 0;
}
.scp-theme .mat-mdc-menu-panel.last-user-actions-menu__list {
  padding-top: 8px;
}
.scp-theme .mat-mdc-menu-panel.last-user-actions-menu .last-user-actions-menu__content .last-user-actions-menu__list mat-icon.last-user-actions-menu__item-icon {
  margin: 0;
}
.scp-theme .mat-mdc-menu-panel.last-user-actions-menu .last-user-actions-menu__content .last-user-actions-menu__list .last-user-action:not([disabled]) {
  background: var(--scp-content-secondary-bg);
}
.scp-theme .mat-mdc-menu-panel.last-user-actions-menu .last-user-actions-menu__content .last-user-actions-menu__list .last-user-action-hovered:not([disabled]) {
  background: var(--scp-menu-item-disabled-bg);
}
.cdk-drop-list .scp-draggable-container .move-icon-cell,
.cdk-drag-preview .move-icon-cell {
  position: relative;
}
.cdk-drop-list .scp-draggable-container .move-icon-cell .mat-icon.drag-and-drop-move-icon,
.cdk-drag-preview .move-icon-cell .mat-icon.drag-and-drop-move-icon {
  position: absolute;
  width: var(--dnd-move-icon-width, 24px);
  height: var(--dnd-move-icon-height, 19px);
  left: var(--dnd-move-icon-left, -24px);
  top: var(--dnd-move-icon-top, 50%);
  transform: translate(var(--dnd-move-icon-translate-x, 0), var(--dnd-move-icon-translate-y, -50%));
  opacity: 0;
}
.cdk-drop-list:not(.cdk-drop-list-dragging) .scp-draggable-container:hover .move-icon-cell .mat-icon.drag-and-drop-move-icon,
.cdk-drag-preview .move-icon-cell .mat-icon.drag-and-drop-move-icon {
  opacity: 1;
}
.scp-file-drop .ngx-file-drop__drop-zone {
  margin-top: 16px !important;
  background-color: #fafafb !important;
  border: 1px dashed #bbb !important;
  border-radius: 4px !important;
  height: 145px !important;
}
.scp-file-drop .ngx-file-drop__drop-zone .ngx-file-drop__content {
  flex-direction: column;
  height: 145px;
  cursor: pointer;
}
.scp-file-drop .ngx-file-drop__drop-zone .ngx-file-drop__content .icon {
  width: 36px;
  height: 26px;
  margin-bottom: 11px;
}
.scp-file-drop .ngx-file-drop__drop-zone .ngx-file-drop__content .icon svg path {
  fill: #9000ff;
}
.scp-file-drop .ngx-file-drop__drop-zone .ngx-file-drop__content .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #b3b3b3;
}
.excel-step {
  padding: 0 30px 25px 63px;
  display: flex;
}
.excel-step-icon {
  background-color: #b5b5b5;
  border-radius: 44px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  color: #fff;
  margin-right: 23px;
  text-align: center;
  position: relative;
  top: 2px;
}
.excel-step-icon.blue-color {
  background-color: #9000ff;
}
.excel-step-icon.first-step-icon:after {
  display: block;
  position: absolute;
  content: " ";
  width: 1px;
  height: 37px;
  background-color: #b4b2b2;
  bottom: -45px;
  left: 11px;
}
.excel-step-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #1a1a1a;
}
.excel-step-text.second-step-text {
  margin-top: 7px;
}
.excel-step-text.second-step-text.valid-step-text {
  margin-top: 5px;
}
.excel-step-text.second-step-text .ok-icon {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}
.excel-step-text.second-step-text .status-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  margin-top: 5px;
}
.excel-step-text.second-step-text .status-text.ok-text {
  color: #21a038;
}
.excel-step-text.second-step-text .status-text.error-text {
  color: #e30613;
}
.excel-step-text .icon {
  width: 22px;
  height: 20px;
  margin-right: 4px;
  position: relative;
  top: 3px;
}
.excel-step-text .select-button {
  background-color: initial;
  cursor: pointer;
  display: inline-block;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  text-decoration-line: underline;
  color: #9000ff;
  min-width: 0;
  margin-top: 9px;
}
.excel-step-text .select-button:hover {
  text-decoration: none;
}
.excel-step-text .select-button[disabled] {
  color: #d4d4d4;
  text-decoration-line: underline;
  cursor: initial;
}
.excel-step-text .scp-select.form-group label {
  margin-right: 17px;
  margin-top: 11px;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #1a1a1a;
  white-space: nowrap;
}
.excel-step-select {
  width: 100%;
  min-width: calc(100% - 17px);
  padding-bottom: 9px;
}
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .scp-notification {
  margin: 0 0 10px;
}
.toast-container.toast-top-center .scp-notification,
.toast-container.toast-bottom-center .scp-notification {
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .scp-notification,
.toast-container.toast-bottom-full-width .scp-notification {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.scp-agg-dnd-content-table {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
}
.scp-agg-dnd {
  margin-bottom: 40px;
  height: 522px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.scp-agg-dnd-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #001729;
  margin-bottom: 13px;
}
.scp-agg-dnd-table {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font: var(--scp-body-regular);
  width: 100%;
}
.scp-agg-dnd__input {
  border: none;
  font: var(--scp-body-regular);
}
.scp-agg-dnd-head {
  display: block;
}
.scp-agg-dnd-head .scp-agg-dnd-cell {
  flex: 50%;
  padding: 12px 8px;
  font-weight: 600;
  border-bottom-width: 2px;
}
.scp-agg-dnd-body {
  display: flex;
  flex-direction: column;
  min-height: 40px;
  max-height: 50vh;
  height: 100%;
}
.scp-agg-dnd-body .scp-agg-dnd-cell {
  cursor: move;
}
.scp-agg-dnd-body .cdk-drag-disabled .scp-agg-dnd-cell {
  cursor: auto;
}
.scp-agg-dnd-row,
.scp-agg-dnd .cdk-drag-placeholder {
  display: flex;
  width: 100%;
}
.scp-agg-dnd .scp-agg-dnd-cell {
  padding: 8px 10px;
  display: flex;
  align-items: center;
}
.scp-agg-dnd-cell,
.scp-agg-dnd .cdk-drag-placeholder .scp-agg-dnd-cell {
  flex: 50%;
  border: 1px solid var(--scp-table-cell-border-color);
  padding: 8px 10px;
  background-color: #fff;
  max-width: 184px;
}
.scp-agg-dnd-cell.scp-agg-dnd-cell-db-table,
.scp-agg-dnd .cdk-drag-placeholder .scp-agg-dnd-cell.scp-agg-dnd-cell-db-table {
  max-width: 105px;
}
.scp-agg-dnd-cell.scp-agg-dnd-cell-db-fields,
.scp-agg-dnd .cdk-drag-placeholder .scp-agg-dnd-cell.scp-agg-dnd-cell-db-fields {
  width: 60%;
  max-width: 60%;
}
.scp-agg-dnd-cell.red-border,
.scp-agg-dnd .cdk-drag-placeholder .scp-agg-dnd-cell.red-border {
  border-left: 3px solid #ff0000;
}
.scp-agg-dnd-cell.purple-border,
.scp-agg-dnd .cdk-drag-placeholder .scp-agg-dnd-cell.purple-border {
  border-left: 3px solid #9000ff;
}
.scp-agg-dnd-cell.grey-border,
.scp-agg-dnd .cdk-drag-placeholder .scp-agg-dnd-cell.grey-border {
  border-left: 3px solid #cecece;
}
.scp-agg-dnd-cell .mat-icon,
.scp-agg-dnd .cdk-drag-placeholder .scp-agg-dnd-cell .mat-icon {
  width: 9px;
  height: 15px;
  line-height: 15px;
  margin-right: 10px;
}
.scp-agg-dnd-cell .cell-content,
.scp-agg-dnd .cdk-drag-placeholder .scp-agg-dnd-cell .cell-content {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.scp-agg-dnd-cell .cell-content-editable .mat-icon,
.scp-agg-dnd .cdk-drag-placeholder .scp-agg-dnd-cell .cell-content-editable .mat-icon {
  margin: 8px 10px;
}
.scp-agg-dnd .scp-agg-dnd-cell_background_none {
  background-color: unset;
}
.scp-select-panel {
  min-width: 110px;
}
.scp-table-form {
  display: table;
  border-collapse: collapse;
  font: var(--scp-body-regular);
}
.scp-table-form .mat-mdc-form-field {
  margin: 0;
}
.scp-table-form-container {
  height: 100%;
  overflow-y: hidden;
  border: 1px solid var(--scp-grid-cell-border-color);
}
.scp-table-form__control {
  position: fixed;
  top: 28px;
  right: 22px;
  width: 74px;
  z-index: 100;
}
.scp-table-form__control .button-icon {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0;
}
.scp-table-form-head {
  display: table-header-group;
  position: sticky;
  top: 0;
  z-index: 1000;
}
.scp-table-form-body {
  display: table-row-group;
}
.scp-table-form-row {
  display: table-row;
}
.scp-table-form-row.cdk-drag {
  cursor: move;
}
.scp-table-form-row.cdk-drag-preview {
  display: table;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.scp-table-form-row.cdk-drag-placeholder {
  opacity: 0;
}
.scp-table-form-row.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drop-list-dragging .scp-table-form-row:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.scp-table-form-row.off .scp-grid-props-style-body-cell {
  opacity: 0.5;
}
.scp-table-form-row--gray {
  background-color: var(--scp-common-second-background);
}
.scp-table-form-head-cell,
.scp-table-form-body-cell,
.scp-table-form-body-cell.mat-mdc-form-field {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 0 8px;
  border-right: 1px solid var(--scp-grid-cell-border-color);
  border-bottom: 1px solid var(--scp-grid-cell-border-color);
  height: 32px;
  width: 20%;
}
.scp-table-form-head-cell .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix,
.scp-table-form-body-cell .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix,
.scp-table-form-body-cell.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 6px;
  padding-bottom: 6px;
  min-height: 38px;
  display: flex;
  align-items: center;
}
.scp-table-form-head-cell .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align::before,
.scp-table-form-body-cell .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align::before,
.scp-table-form-body-cell.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align::before {
  content: none;
}
.scp-table-form .mat-mdc-form-field {
  padding: 0;
}
.scp-table-form .mat-mdc-form-field .mdc-notched-outline__notch,
.scp-table-form .mat-mdc-form-field .mdc-notched-outline__leading,
.scp-table-form .mat-mdc-form-field .mdc-notched-outline__trailing {
  border: none;
}
.scp-table-form .mat-mdc-form-field.mat-focused:not(.scp-grid-props-style-field-select) {
  box-shadow: inset 0 0 0 0.5px #3c76f1;
}
.scp-table-form-head-cell {
  height: 48px;
  padding: 2px 8px;
  border-bottom-width: 2px;
  font-weight: 600;
}
.scp-table-form-head-cell-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.scp-table-form-column-name {
  width: 20%;
}
.scp-table-form-column-color {
  text-align: center;
}
.scp-table-form-column-align {
  text-align: center;
}
.scp-table-form-column-align .mat-button-toggle {
  margin-left: 2px;
}
.scp-table-form-column-align .mat-button-toggle:first-child {
  margin-left: 0;
}
.scp-table-form-column-align .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.scp-table-form-column-align .mat-button-toggle-group-appearance-standard {
  border: 0;
  border-radius: 0;
}
.scp-table-form-column-align .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border: 0;
}
.scp-table-form-column-align .mat-icon {
  width: 12px;
  height: 10px;
  display: block;
  line-height: 10px;
}
.scp-table-form-column-align .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 5px 4px;
}
.scp-table-form-column-align .mat-button-toggle-checked {
  background-color: #f6f6f6;
}
.scp-table-form-column-pin {
  text-align: center;
}
.scp-table-form-column-number {
  text-align: right;
}
.scp-table-form-column-number input {
  text-align: right;
}
.scp-table-form-column-fractionDigits {
  max-width: 50px;
  text-align: right;
}
.scp-table-form-column-fractionDigits input {
  text-align: right;
}
.scp-table-form-column-separator {
  white-space: nowrap;
  text-align: right;
}
.scp-table-form-column-visible {
  width: 41px;
  min-width: 41px;
}
.scp-table-form-column-select {
  width: 41px;
  min-width: 41px;
  padding: 0;
}
.scp-table-form-select-text {
  display: flex;
  align-items: center;
  padding: 0 1px;
}
.scp-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--scp-badge-bg);
  color: var(--scp-badge-color);
  font: var(--scp-badge-font);
  border-radius: var(--scp-badge-border-radius);
  min-height: var(--scp-badge-size);
  min-width: var(--scp-badge-size);
  padding: var(--scp-badge-padding);
}
.scp-property * {
  font-weight: var(--scp-property-font-weight);
}
.scp-property *:first-child {
  color: var(--scp-property-key-color);
}
.scp-property *:last-child {
  margin-left: var(--scp-property-gap);
}
.scp-property > :last-child {
  margin-left: var(--scp-property-gap);
}
.overlay-container .toast-container {
  z-index: 9999;
}

/* node_modules/scp-ui/src/styles/_variables.scss */

/* node_modules/scp-ui/src/styles/_theme.scss */
.scp-grid {
  background: var(--scp-grid-main-bg);
  text-align: left;
}
.scp-grid.sticky-head {
  padding-right: 15px;
}
.scp-grid.sticky-head thead th {
  position: sticky;
  top: 0;
  z-index: 10;
}
.scp-grid.sticky-head thead th::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  pointer-events: none;
}
.scp-grid.sticky-head.onscroll thead th::after {
  box-shadow: var(--scp-grid-table-header-shadow);
}
.scp-grid table {
  border-collapse: collapse;
  width: 100%;
  box-sizing: border-box;
}
.scp-grid thead th {
  border: 1px solid var(--scp-grid-cell-border-color);
  border-width: 1px 1px 2px 1px;
  background-color: var(--scp-grid-main-bg) !important;
  text-align: left;
  padding: var(--scp-gird-cell-padding) !important;
  font-weight: var(--scp-gird-semibold);
  box-sizing: border-box;
  height: auto !important;
}
.scp-grid td.narrow-column,
.scp-grid th.narrow-column {
  width: var(--scp-grid-header-row-height) !important;
  max-width: var(--scp-grid-header-row-height) !important;
  text-align: center !important;
  padding: 0 !important;
}
.scp-grid td.narrow-column button,
.scp-grid th.narrow-column button {
  background-color: transparent !important;
  cursor: pointer;
}
.scp-grid td.narrow-column .mat-icon,
.scp-grid th.narrow-column .mat-icon {
  width: 18px;
  height: 18px;
}
.scp-grid td.date-column,
.scp-grid th.date-column {
  width: 180px !important;
  max-width: 180px !important;
}
.scp-grid tr:hover td:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  background-color: var(--scp-grid-cell-selected-bg) !important;
  z-index: 100;
}
.scp-grid tr:hover td.is-editing:before {
  background-color: var(--scp-grid-main-bg) !important;
}
.scp-grid tr td.disabled {
  background-color: var(--scp-grid-cell-disabled-bg);
  cursor: not-allowed;
}
.scp-grid tr td.disabled .cell-content {
  pointer-events: none;
}
.scp-grid tr.selected td {
  background-color: var(--scp-grid-cell-selected-bg) !important;
}
.scp-grid tr td {
  border: 1px solid var(--scp-grid-cell-border-color);
  text-align: left !important;
  line-height: 20px;
  vertical-align: middle;
  box-sizing: border-box;
  padding: var(--scp-gird-cell-padding) !important;
  position: relative;
}
.scp-grid tr td .cell-content {
  position: relative;
  z-index: 101;
}
.scp-grid tr td.bold {
  font-weight: var(--scp-gird-semibold);
}
.scp-grid tr td.disabled {
  background-color: var(--scp-grid-cell-disabled-bg);
  cursor: not-allowed;
}
.scp-grid tr td.disabled .cell-content {
  pointer-events: none;
}
.scp-grid tr td.align-right {
  text-align: right !important;
}
.scp-grid tr td.align-center {
  text-align: center !important;
}
.scp-grid tr td.selected {
  background-color: var(--scp-grid-cell-selected-bg) !important;
}
.scp-grid tr td.total {
  color: var(--scp-gird-total-color);
  font-weight: 700;
  text-transform: uppercase;
}
.scp-grid tr td.success {
  background-color: var(--scp-gird-success-bg);
}
.scp-grid tr td.error {
  background-color: var(--scp-gird-error-bg);
}
.scp-grid__column-header {
  display: flex;
  justify-content: space-between;
  line-height: 20px;
  vertical-align: middle;
  position: relative;
}
.scp-grid__column-title {
  white-space: nowrap;
  margin-right: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.scp-grid__column-right {
  display: flex;
  align-items: center;
}
.scp-grid__subtitle {
  font-size: 12px;
  line-height: 16px;
  color: var(--scp-grid-subtitle-color);
}
.scp-grid__editable-field {
  display: flex;
  align-items: center;
  border: 2px solid transparent;
}
.scp-grid__editable-field.is-editing input,
.scp-grid__editable-field.is-editing textarea {
  background-color: var(--scp-grid-main-bg);
}
.scp-grid__editable-field input,
.scp-grid__editable-field textarea {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.08px;
  padding: 0;
  border: 0;
  position: relative;
  width: 100%;
  min-height: 25px;
  background-color: transparent;
  overflow: hidden;
  display: inline-block;
}
.scp-grid__editable-field textarea {
  resize: none;
}
.scp-grid__editable-field .mat-icon {
  width: 16px;
  height: 18px;
}
.scp-grid__editable-field .scp-grid-editable-field-icon {
  padding: 4px;
  height: auto;
  line-height: 0;
  min-width: 0;
  margin-right: -6px;
  flex: 0 0 auto;
  background: none;
  cursor: pointer;
}
table.scp-gird {
  border-collapse: collapse;
  width: 100%;
}
.scp-field[no-border] {
  --mat-form-field-outlined-disabled-outline-color: transparent;
  --mat-form-field-outlined-outline-width: 0;
  --mat-form-field-outlined-focus-outline-width: 0;
}
.scp-field[no-border] .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mat-mdc-notch-piece {
  --mat-form-field-outlined-focus-outline-width: 0;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
:root {
  --mat-sys-primary: #9000ff;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #ffffff;
  --mat-sys-on-primary-container: #c46cff;
  --mat-sys-secondary-container: #f5f6f8;
  --mat-sys-on-secondary-container: #9000ff;
  --mat-sys-tertiary: #1f1f20;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: #ffffff;
  --mat-sys-on-tertiary-container: #949598;
  --mat-sys-surface: #ffffff;
  --mat-sys-on-surface: #1f1f20;
  --mat-sys-surface-variant: #1f1f20;
  --mat-sys-on-surface-variant: #1f1f20;
  --mat-sys-surface-container: #ffffff;
  --mat-sys-background: #f5f6f8;
  --mat-sys-on-background: #1f1f20;
  --mat-sys-surface-dim: #ffffff;
  --mat-sys-surface-bright: #f5f6f8;
  --mat-sys-surface-container-lowest: #f5f6f8;
  --mat-sys-surface-container-low: #ffffff;
  --mat-sys-surface-container-high: #f5f6f8;
  --mat-sys-surface-container-highest: #ffffff;
  --mat-sys-outline: #949598;
  --mat-sys-outline-variant: #eaeaea;
  --mat-sys-error: #ee4444;
  --mat-sys-on-error: #ffffff;
  --mat-sys-error-container: #fef2f2;
  --mat-sys-on-error-container: #949598;
  --mat-sys-shadow: #1f1f20;
  --mat-sys-scrim: #1f1f20;
  --mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 2px 1px rgba(0, 0, 0, 0.15);
  --mat-sys-level2: 0px 1px 3px -1pxpx rgba(0, 0, 0, 0.14), 0px 1px 8px 2px rgba(0, 0, 0, 0.15);
  --mat-sys-level3: 0px 2px 6px 0px rgba(0, 0, 0, 0.12), 0px 1px 12px 2px rgba(0, 0, 0, 0.15);
  --mat-sys-corner-none: 0px;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-small: 8px;
  --mat-sys-corner-medium: 16px;
  --mat-sys-corner-large: 24px;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-focus-state-layer-opacity: 0.04;
  --scp-common-second-background: #f5f6f8;
  --scp-main-font-color: #1f1f20;
  --scp-tertiary-font-color: #ffffff;
  --scp-primary-color: #9000ff;
  --scp-active-btn-color: #9000ff;
  --scp-content-bg: #ffffff;
  --scp-content-secondary-bg: #f5f6f8;
  --scp-background-secondary: #f5f6f8;
  --scp-background-disabled: #bfbfc1;
  --scp-table-border: #949598;
  --scp-neutral-default-border: #949598;
  --scp-neutral-tertiary-border: #eaeaea;
  --scp-system-error-primary: #ee4444;
  --scp-system-error-active: #b81d1d;
  --scp-paddings-xs: 4px;
  --scp-paddings-s: 8px;
  --scp-paddings-m: 12px;
  --scp-paddings-l: 16px;
  --scp-paddings-xl: 20px;
  --scp-paddings-xxl: 24px;
  --scp-paddings-xxxl: 32px;
  --scp-paddings-xxxxl: 40px;
  --scp-default-horizontal-gap: 8px;
  --scp-dialog-padding-vertical: 16px;
  --scp-dialog-padding-body-vertical: 8px;
  --scp-dialog-padding-horizontal: 24px;
  --scp-border-radius-sm: 4px;
  --scp-border-radius-md: 8px;
  --scp-border-radius-lg: 16px;
  --scp-border-radius-xl: 24px;
  --scp-font-display-font-family: Open Sans;
  --scp-font-weights-open-bold: 700;
  --scp-font-weights-open-semi-bold: 600;
  --scp-font-weights-open-regular: 400;
  --scp-font-secondary-color: #949598;
  --scp-font-size-s: 12px;
  --scp-font-size-m: 14px;
  --scp-font-size-l: 16px;
  --scp-font-size-xl: 18px;
  --scp-font-heading-h5-font-size: 20px;
  --scp-font-heading-h4-font-size: 22px;
  --scp-font-heading-h3-font-size: 24px;
  --scp-font-heading-h2-font-size: 26px;
  --scp-font-heading-h1-font-size: 28px;
  --scp-font-display-s-font-size: 32px;
  --scp-font-display-m-font-size: 40px;
  --scp-font-display-l-font-size: 48px;
  --scp-font-display-xl-font-size: 56px;
  --scp-h5-bold: 700 24px/30px Open Sans;
  --scp-sm-bold: 700 16px/24px Open Sans;
  --scp-sm-semibod: 600 16px/24px Open Sans;
  --scp-sm-regular: 400 16px/24px Open Sans;
  --scp-body-semibod: 600 14px/20px Open Sans;
  --scp-body-regular: 400 14px/20px Open Sans;
  --scp-xs-semibod: 600 12px/16px Open Sans;
  --scp-h7-bold: 700 18px/24px Open Sans;
  --scp-text-brand-primary-color: #9000ff;
  --scp-widget-color-primary: #38a169;
  --scp-widget-color-secondary: #f5b911;
  --scp-widget-color-danger: #ee4444;
  --scp-widget-color-default: rgba(216, 207, 222, 0.7294117647);
  --scp-widget-color-text-light: #444647;
  --scp-widget-color-border: #cfcfcf;
  --scp-widget-color-border-dark: #909090;
  --scp-widget-color-background: #ffffff;
  --scp-widget-color-background-light: #f5f5f5;
  --scp-widget-color-background-scale: #ededed;
  --scp-widget-color-mark: #5b5c5c;
  --scp-widget-size-border-radius: 8px;
  --scp-widget-size-padding-small: 4px;
  --scp-widget-size-padding-medium: 8px;
  --scp-widget-size-padding-large: 16px;
  --scp-widget-size-gap-small: 4px;
  --scp-widget-size-gap-medium: 8px;
  --scp-widget-size-gap-large: 16px;
  --scp-widget-size-scale-thickness: 8px;
  --scp-widget-size-mark: 16px;
  --scp-widget-size-mark-thickness: 1px;
  --scp-widget-label-font-size: 14px;
  --scp-widget-footer-font-size: 12px;
  --scp-widget-text-font-weight: 400;
  --scp-widget-title-font-weight: 600;
  --scp-widget-line-height: 18px;
  --scp-widget-shadow-default: 0 2px 4px #1f1f20;
  --scp-menu-item-disabled-bg: #bfbfc1;
  --scp-grid-selected-cell-border-color: #9000ff;
  --scp-grid-resizer-color: #9000ff;
  --scp-grid-header-row-height: 36px;
  --scp-grid-content-row-height: 32px;
  --scp-grid-cell-border-width: 1px;
  --scp-grid-actions-indent: calc(16px + 4px);
  --scp-badge-size: 24px;
  --scp-badge-bg: #f5f6f8;
  --scp-badge-color: #1f1f20;
  --scp-badge-font: 700 16px/24px;
  --scp-badge-border-radius: 9999px;
  --scp-badge-padding: 0 8px;
  --scp-note-container-padding: 16px;
  --scp-note-container-sm-padding: 12px;
  --scp-note-border-radius: 4px;
  --scp-note-font-size: 12px;
  --scp-note-font-color: #545d70;
  --scp-note-bg-info: #f9f9fb;
  --scp-note-icon-color-info: #9000ff;
  --scp-note-bg-success: #f6fbf9;
  --scp-note-icon-color-success: #22bb55;
  --scp-note-bg-warning: #fff9f3;
  --scp-note-icon-color-warning: #ff9a3b;
  --scp-note-bg-error: #fff6f6;
  --scp-note-icon-color-error: #ee4444;
  --scp-btn-icon-size-lg: 24px;
  --scp-btn-icon-size-md: 18px;
  --scp-btn-icon-size-sm: 14px;
  --scp-btn-icon-size-xs: 12px;
  --scp-btn-font-size-lg: 18px;
  --scp-btn-font-size-md: 14px;
  --scp-btn-font-size-sm: 14px;
  --scp-btn-font-size-xs: 12px;
  --scp-btn-icon-font-size-lg: 24px;
  --scp-btn-icon-font-size-md: 18px;
  --scp-btn-icon-font-size-sm: 14px;
  --scp-btn-icon-font-size-xs: 12px;
  --scp-tooltip-bgcolor: #1f1f20;
  --scp-tooltip-text-color: #ffffff;
  --scp-tooltip-font-size: 12px;
  --scp-link-text-color: #0d56e2;
  --scp-property-key-color: #5a5a5a;
  --scp-property-gap: 10px;
  --scp-property-font-weight: 600;
  --scp-secondary-section-height: 255px;
  --scp-drawer-container-vertical-padding: 16px;
  --scp-drawer-container-horisontal-padding: 24px;
  --scp-drawer-resize-handle-bg: #1f1f20;
  --scrollbar-size: 8px;
  --scp-form-field-hint-font: 400 12px/16px Open Sans;
  --scp-form-field-hint-padding: 12px;
  --scp-form-field-hint-line-height: 16px;
  --scp-form-field-error-color: #ee4444;
  --scp-form-field-hint-color: #949598;
  --scp-input-disabled-color: var(--mat-sys-on-surface-variant);
  --scp-input-disabled-bgcolor: #f5f6f8;
  --scp-options-select-min-height: 42px;
  --scp-option-selected-bg: #f5f6f8;
  --scp-option-selected-label-text-color: #9000ff;
  --scp-pseudo-checkbox-selected-icon-color: #9000ff;
  --scp-radio-icon-size-lg: 18px;
  --scp-radio-icon-size-md: 14px;
  --scp-radio-icon-size-sm: 12px;
  --scp-radio-inactive-border: #1f1f20;
  --scp-radio-disabled-border: #ffffff;
  --scp-radio-disabled-color: #bfbfc1;
  --scp-content-sub-primary: #949598;
  --scp-content-secondary: #f5f6f8;
  --scp-content-border: #949598;
  --scp-background-primary: #ffffff;
  --scp-background-modal: #f5f6f8;
  --scp-background-neutral-primary: #5a5a5c;
  --scp-background-neutral-default-hover: #eaeaea;
  --scp-background-action-neutral-secondary-default: #f5f6f8;
  --scp-background-action-brand-tertiary-default: #ffffff;
  --scp-dialog-max-height-pane: 70vh;
  --scp-dialog-max-width-pane: 70vw;
  --scp-dialog-min-width-pane: 40vw;
  --scp-dialog-close-btn-color: #a6a6a6;
  --scp-loader-active-indicator-color: #9000ff;
  --scp-loader-track-color: #d899ff;
  --scp-font-sizes-12: 12px;
  --scp-font-sizes-14: 14px;
  --scp-font-sizes-16: 16px;
  --scp-font-sizes-18: 18px;
  --scp-font-sizes-20: 20px;
  --scp-font-sizes-22: 22px;
  --scp-font-sizes-24: 24px;
  --scp-font-sizes-26: 26px;
  --scp-font-sizes-28: 28px;
  --scp-font-sizes-32: 32px;
  --scp-font-sizes-40: 40px;
  --scp-font-sizes-48: 48px;
  --scp-font-sizes-56: 56px;
  --scp-font-family: Open Sans;
  --scp-font-weight-regular: 400;
  --scp-font-body-l-line-height: 26px;
  --scp-font-body-m-line-height: 18px;
  --scp-text-brand-disable: #eacdff;
  --scp-scrollbar-padding: 0px;
  --scp-scrollbar-border-radius: 16px;
  --scp-scrollbar-track-color: #f0f0f0;
  --scp-scrollbar-size: 8px;
  --scp-scrollbar-hover-size: 16px;
  --scp-scrollbar-thumb-color: #999c9f;
  --mat-form-field-outlined-label-text-color: rgb(157.4761904762, 157.4761904762, 160.5238095238);
  --scp-grid-main-bg: #ffffff;
  --scp-grid-cell-disabled-bg: #f5f6f8;
  --scp-grid-cell-border-color: rgba(148, 149, 152, 0.3);
  --scp-grid-cell-selected-bg: rgba(148, 149, 152, 0.3);
  --scp-grid-subtitle-color: #949598;
  --scp-gird-total-color: #9000ff;
  --scp-grid-cell-is-edit-border-color: #3c76f1;
  --scp-grid-cell-border-width: 1px;
  --scp-gird-accent-color: #9000ff;
  --scp-grid-actions-indent: calc(16px + 4px);
  --scp-gird-success-bg: #ebf9eb;
  --scp-gird-error-bg: #fdebeb;
  --scp-gird-cell-padding: 0 12px;
  --scp-gird-semibold: 600;
  --scp-grid-table-header-shadow: 0px 5px 5px 0px #0000004d;
  --scp-table-cell-selected-bg: color-mix( in srgb, #5a5a5c 15%, transparent );
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-filled-focus-state-layer-opacity: 0.05;
  --mat-button-filled-pressed-state-layer-opacity: 0.08;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.24);
  --mat-button-outlined-focus-state-layer-opacity: 0.05;
  --mat-button-outlined-pressed-state-layer-opacity: 0.05;
  --mat-button-text-focus-state-layer-opacity: 0.05;
  --mat-button-text-pressed-state-layer-opacity: 0.1;
  --mat-button-protected-focus-state-layer-opacity: 0.05;
  --mat-button-protected-pressed-state-layer-opacity: 0.1;
  --mat-button-filled-state-layer-color: var(--scp-font-secondary-color);
  --mat-button-filled-label-text-weight: var(--scp-font-weights-open-semi-bold);
  --mat-button-outlined-label-text-weight: var(--scp-font-weights-open-semi-bold);
  --mat-button-text-label-text-weight: var(--scp-font-weights-open-semi-bold);
  --mat-button-text-label-text-color: var(--scp-main-font-color);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.05;
  --mat-fab-pressed-state-layer-opacity: 0.1;
  --mat-fab-pressed-container-elevation-shadow: 0.1;
  --mat-fab-small-pressed-container-elevation-shadow: 0.1;
  --mat-fab-extended-pressed-container-elevation-shadow: 0.1;
  --mat-fab-container-shape: var(--scp-border-radius-md);
  --mat-fab-small-container-shape: var(--scp-border-radius-sm);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.05;
  --mat-icon-button-pressed-state-layer-opacity: 0.1;
  --mat-icon-button-state-layer-color: var(--scp-main-font-color);
  --mat-tooltip-container-color: var(--scp-tooltip-bgcolor);
  --mat-tooltip-supporting-text-color: var(--scp-tooltip-text-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--scp-font-secondary-color);
  --mat-checkbox-unselected-pressed-state-layer-color: var(--scp-font-secondary-color);
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.08;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.08;
  --mat-progress-bar-active-indicator-color: var(--scp-loader-active-indicator-color);
  --mat-progress-bar-track-color: var(--scp-loader-track-color);
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
:root html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
:root {
  --mat-form-field-container-text-size: var(--scp-font-sizes-14);
  --mat-select-trigger-text-size: var(--scp-font-sizes-14);
  --mat-form-field-outlined-label-text-size: var(--scp-font-sizes-14);
  --mat-form-field-outlined-disabled-label-text-color: #868686;
  --mat-option-label-text-size: var(--scp-font-sizes-14);
  --mat-optgroup-label-text-size: var(--scp-font-sizes-14);
  --mat-form-field-outlined-label-text-populated-size: var(--scp-font-sizes-12);
}
:root .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: unset;
}
:root {
  --mat-dialog-container-max-width: 70vw;
  --mat-dialog-container-min-width: 40vw;
  --mat-tab-divider-height: 0;
}
:root scp-button .mat-mdc-unelevated-button .mat-mdc-button-touch-target {
  height: 100%;
}
:root scp-button button.mdc-icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
:root scp-button button.mat-mdc-icon-button svg,
:root scp-button button.mat-mdc-icon-button img {
  width: inherit;
  height: inherit;
}
:root .scp-select-virtual-scroll .mat-mdc-option.mdc-list-item--disabled {
  pointer-events: all;
}
:root .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled):hover .mdc-notched-outline__notch,
:root .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled):hover .mdc-notched-outline__trailing,
:root .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled):hover .mdc-notched-outline__leading,
:root .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
:root .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
:root .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading {
  border-color: var(--scp-system-error-primary);
}
:root .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled):hover .mdc-floating-label,
:root .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled):hover .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label--float-above,
:root .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label,
:root .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label--float-above {
  color: var(--scp-system-error-primary);
}
:root .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--scp-main-font-color) !important;
}
:root .mat-mdc-tab .mdc-tab__text-label {
  color: var(--scp-main-font-color) !important;
}
:root scp-select .mat-icon,
:root scp-input .mat-icon {
  vertical-align: middle;
  width: var(--scp-font-sizes-18) !important;
  height: var(--scp-font-sizes-18) !important;
  margin: 0 !important;
  color: var(--scp-neutral-default-border);
}
:root scp-select .mat-icon.input-icon-info,
:root scp-input .mat-icon.input-icon-info {
  width: var(--scp-font-sizes-14);
  height: var(--scp-font-sizes-14);
  padding: 0;
}
:root scp-select .mdc-text-field--disabled,
:root scp-input .mdc-text-field--disabled {
  background-color: var(--scp-input-disabled-bgcolor);
  border-radius: 4px;
}
:root scp-select .mdc-text-field--disabled .mat-mdc-form-field-icon-suffix,
:root scp-input .mdc-text-field--disabled .mat-mdc-form-field-icon-suffix {
  pointer-events: none;
}
:root scp-select .mdc-text-field--outlined {
  padding-right: 12px;
}
:root scp-select .mdc-text-field--outlined .mdc-text-field__input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
:root scp-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  align-items: center;
  max-height: 100%;
}
:root scp-select .mat-mdc-select-arrow-wrapper {
  width: 48px;
  display: flex;
  justify-content: flex-end;
}
:root scp-select .mat-mdc-select-arrow-wrapper .scp-dd-arrow-container {
  height: 24px;
  display: flex;
  align-items: center;
}
:root scp-select .mat-mdc-select-arrow-wrapper .scp-dd-arrow-container .mat-select-arrow {
  margin-bottom: 5px;
  cursor: pointer;
}
:root scp-select .mat-mdc-optgroup-label {
  min-height: var(--scp-options-select-min-height);
}
:root scp-select .mat-mdc-form-field-icon-suffix .mdc-icon-button {
  width: var(--scp-font-sizes-24);
  height: var(--scp-font-sizes-24);
}
:root scp-select .mat-select-arrow,
:root scp-select .mat-mdc-select-arrow,
:root scp-select .select-arrow {
  border: 0;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid;
  border-bottom: 1.5px solid;
  transform: rotate(45deg);
  color: #000;
  margin: 0 4px 2px;
}
:root scp-select .mat-select-arrow svg,
:root scp-select .mat-mdc-select-arrow svg,
:root scp-select .select-arrow svg {
  display: none;
}
:root .scp-input,
:root .scp-select-single,
:root .scp-select-autocomplete {
  width: 100%;
}
:root .scp-input .mat-mdc-form-field,
:root .scp-select-single .mat-mdc-form-field,
:root .scp-select-autocomplete .mat-mdc-form-field {
  display: block;
  --mat-mdc-form-field-floating-label-scale: 0.85;
  --mat-form-field-container-text-tracking: normal;
  margin: 0;
}
:root .scp-input .mat-mdc-form-field-subscript-wrapper,
:root .scp-select-single .mat-mdc-form-field-subscript-wrapper,
:root .scp-select-autocomplete .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
:root .scp-input .mat-mdc-form-field-bottom-align::before,
:root .scp-select-single .mat-mdc-form-field-bottom-align::before,
:root .scp-select-autocomplete .mat-mdc-form-field-bottom-align::before {
  vertical-align: top;
}
:root .scp-input .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
:root .scp-select-single .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
:root .scp-select-autocomplete .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  width: 8px;
}
:root .scp-input .mat-mdc-form-field-icon-suffix,
:root .scp-select-single .mat-mdc-form-field-icon-suffix,
:root .scp-select-autocomplete .mat-mdc-form-field-icon-suffix {
  padding: 0 10px 0 6px;
  display: flex;
  align-items: center;
}
:root .scp-input .mat-mdc-form-field-hint-wrapper,
:root .scp-input .mat-mdc-form-field-error-wrapper,
:root .scp-select-single .mat-mdc-form-field-hint-wrapper,
:root .scp-select-single .mat-mdc-form-field-error-wrapper,
:root .scp-select-autocomplete .mat-mdc-form-field-hint-wrapper,
:root .scp-select-autocomplete .mat-mdc-form-field-error-wrapper {
  padding: 0 12px;
}
:root .scp-input .mat-mdc-form-field-error,
:root .scp-select-single .mat-mdc-form-field-error,
:root .scp-select-autocomplete .mat-mdc-form-field-error {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
:root .scp-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input,
:root .scp-select-single .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input,
:root .scp-select-autocomplete .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input {
  vertical-align: middle;
  line-height: normal;
}
:root .scp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
:root .scp-select-single .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
:root .scp-select-autocomplete .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  font-size: var(--mat-form-field-outlined-label-text-size);
}
:root .scp-input .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
:root .scp-select-single .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
:root .scp-select-autocomplete .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: var(--mat-form-field-outlined-label-text-populated-size);
}
:root .scp-input .mdc-text-field--focused .mdc-notched-outline__leading,
:root .scp-input .mdc-text-field--focused .mdc-notched-outline__notch,
:root .scp-input .mdc-text-field--focused .mdc-notched-outline__trailing,
:root .scp-select-single .mdc-text-field--focused .mdc-notched-outline__leading,
:root .scp-select-single .mdc-text-field--focused .mdc-notched-outline__notch,
:root .scp-select-single .mdc-text-field--focused .mdc-notched-outline__trailing,
:root .scp-select-autocomplete .mdc-text-field--focused .mdc-notched-outline__leading,
:root .scp-select-autocomplete .mdc-text-field--focused .mdc-notched-outline__notch,
:root .scp-select-autocomplete .mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 1px;
}
:root .scp-input .mat-mdc-form-field-hint,
:root .scp-select-single .mat-mdc-form-field-hint,
:root .scp-select-autocomplete .mat-mdc-form-field-hint {
  color: rgba(0, 0, 0, 0.6);
}
:root .scp-input .mat-mdc-form-field-text-suffix .icon-search,
:root .scp-select-single .mat-mdc-form-field-text-suffix .icon-search,
:root .scp-select-autocomplete .mat-mdc-form-field-text-suffix .icon-search {
  height: 16px;
  width: 16px;
  line-height: 0;
}
:root .scp-input .mat-mdc-form-field-icon-suffix .icon-search,
:root .scp-select-single .mat-mdc-form-field-icon-suffix .icon-search,
:root .scp-select-autocomplete .mat-mdc-form-field-icon-suffix .icon-search {
  height: 16px;
  width: 16px;
  line-height: 0;
}
:root .scp-input .mat-mdc-form-field-icon-suffix .icon-datetime,
:root .scp-select-single .mat-mdc-form-field-icon-suffix .icon-datetime,
:root .scp-select-autocomplete .mat-mdc-form-field-icon-suffix .icon-datetime {
  height: 24px;
  width: 24px;
  line-height: 0;
  position: relative;
  top: 3px;
  left: 3px;
}
:root .scp-input .mat-mdc-form-field-icon-suffix .icon-date,
:root .scp-select-single .mat-mdc-form-field-icon-suffix .icon-date,
:root .scp-select-autocomplete .mat-mdc-form-field-icon-suffix .icon-date {
  height: 20px;
  width: 20px;
  line-height: 0;
}
:root .scp-input .mat-mdc-form-field-icon-suffix .icon-time,
:root .scp-select-single .mat-mdc-form-field-icon-suffix .icon-time,
:root .scp-select-autocomplete .mat-mdc-form-field-icon-suffix .icon-time {
  height: 22px;
  width: 22px;
  line-height: 0;
}
:root .scp-input .mat-mdc-option,
:root .scp-select-single .mat-mdc-option,
:root .scp-select-autocomplete .mat-mdc-option {
  min-height: var(--scp-options-select-min-height);
  padding: 0 12px;
}
:root .scp-input .mat-mdc-option .mdc-list-item__primary-text,
:root .scp-select-single .mat-mdc-option .mdc-list-item__primary-text,
:root .scp-select-autocomplete .mat-mdc-option .mdc-list-item__primary-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
:root .scp-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
:root .scp-select-single .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
:root .scp-select-autocomplete .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 119%;
}
:root .scp-input .mdc-icon-button,
:root .scp-select-single .mdc-icon-button,
:root .scp-select-autocomplete .mdc-icon-button {
  width: var(--scp-font-sizes-24);
  height: var(--scp-font-sizes-24);
}
:root .scp-select-single .mat-mdc-form-field-icon-suffix {
  padding-top: 3px;
  padding-right: 15px;
}
:root input,
:root textarea {
  font-family: var(--scp-font-display-font-family), serif;
}
:root .scp-title {
  font-weight: var(--scp-font-weights-open-bold);
  font-size: var(--scp-font-sizes-18);
  line-height: var(--scp-font-sizes-28);
}
:root .scp-secondary-text {
  font-weight: var(--scp-font-weights-open-regular);
  font-size: var(--scp-font-sizes-18);
  line-height: var(--scp-font-sizes-16);
}
:root .scp-ui-dialog__header-text-title {
  font-size: var(--scp-font-sizes-18);
  line-height: var(--scp-font-sizes-24);
  font-weight: var(--scp-font-weights-open-semi-bold);
}
:root .scp-ui-dialog__header-text-subtitle {
  font-weight: var(--scp-font-weights-open-regular);
  font-size: var(--scp-font-sizes-14);
  line-height: var(--scp-font-sizes-20);
}
:root .scp-ui-dialog__content-info {
  font-weight: var(--scp-font-weights-open-regular);
  font-size: var(--scp-font-sizes-16);
  line-height: var(--scp-font-sizes-24);
}
:root .scp-button-menu-item {
  font-size: var(--scp-font-sizes-16);
  font-weight: var(--scp-font-weights-open-regular);
  font-family: var(--scp-font-family), sans-serif;
}
:root scp-ui-dialog > * {
  display: contents;
}
:root .scp-ui-form-field .mat-mdc-form-field {
  background-color: var(--scp-content-bg);
}
:root scp-select .mat-mdc-form-field.ng-invalid.ng-touched .mat-mdc-select-arrow,
:root scp-select .mat-mdc-form-field.ng-invalid.ng-touched .mat-select-arrow,
:root scp-select.ng-invalid.ng-touched .mat-mdc-select-arrow,
:root scp-select.ng-invalid.ng-touched .mat-select-arrow,
:root scp-select.ng-invalid.ng-touched mat-select .mat-mdc-select-arrow,
:root scp-select.ng-invalid.ng-touched mat-select .mat-select-arrow {
  color: var(--mat-select-invalid-arrow-color);
}
:root .scp-ui-input-lg .mat-mdc-form-field-infix,
:root .scp-ui-select-lg .mat-mdc-form-field-infix {
  min-height: 44px;
}
:root .scp-ui-input-lg .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix,
:root .scp-ui-select-lg .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}
:root .scp-ui-input-lg .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
:root .scp-ui-select-lg .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
:root .scp-ui-input-lg .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
:root .scp-ui-select-lg .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(-28.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
}
:root .scp-ui-input-sm .mat-mdc-form-field-infix,
:root .scp-ui-select-sm .mat-mdc-form-field-infix {
  min-height: 32px;
}
:root .scp-ui-input-sm .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix,
:root .scp-ui-select-sm .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}
:root .scp-ui-input-sm .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
:root .scp-ui-select-sm .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 14px;
}
:root .scp-ui-input-sm .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
:root .scp-ui-select-sm .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(-23px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
}
:root .secondary-section {
  background: var(--scp-common-second-background);
  padding: var(--scp-paddings-xxl);
  border-radius: var(--scp-border-radius-md);
  height: var(--scp-secondary-section-height);
  overflow: auto;
  margin: var(--scp-paddings-l) 0;
}
.dark-mode {
  --mat-sys-primary: #9000ff;
  --mat-sys-on-primary: #f5f6f8;
  --mat-sys-primary-container: #1f1f20;
  --mat-sys-on-primary-container: #77787a;
  --mat-sys-secondary-container: #5a5a5c;
  --mat-sys-on-secondary-container: #f5f6f8;
  --mat-sys-tertiary: #f5f6f8;
  --mat-sys-on-tertiary: #f5f6f8;
  --mat-sys-tertiary-container: #111111;
  --mat-sys-on-tertiary-container: #77787a;
  --mat-sys-surface: #1f1f20;
  --mat-sys-on-surface: #f5f6f8;
  --mat-sys-surface-variant: #eaeaea;
  --mat-sys-on-surface-variant: #f5f6f8;
  --mat-sys-surface-container: #1f1f20;
  --mat-sys-background: #020202;
  --mat-sys-on-background: #f5f6f8;
  --mat-sys-surface-dim: #1f1f20;
  --mat-sys-surface-bright: #020202;
  --mat-sys-surface-container-lowest: #020202;
  --mat-sys-surface-container-low: #1f1f20;
  --mat-sys-surface-container-high: #020202;
  --mat-sys-surface-container-highest: #1f1f20;
  --mat-sys-outline: #eaeaea;
  --mat-sys-outline-variant: #111111;
  --mat-sys-error: #ee4444;
  --mat-sys-on-error: #f5f6f8;
  --mat-sys-error-container: #5a5a5c;
  --mat-sys-on-error-container: #77787a;
  --mat-sys-shadow: #eaeaea;
  --mat-sys-scrim: #eaeaea;
  --mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 2px 1px rgba(0, 0, 0, 0.15);
  --mat-sys-level2: 0px 1px 3px -1pxpx rgba(0, 0, 0, 0.14), 0px 1px 8px 2px rgba(0, 0, 0, 0.15);
  --mat-sys-level3: 0px 2px 6px 0px rgba(0, 0, 0, 0.12), 0px 1px 12px 2px rgba(0, 0, 0, 0.15);
  --mat-sys-corner-none: 0px;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-small: 8px;
  --mat-sys-corner-medium: 16px;
  --mat-sys-corner-large: 24px;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-focus-state-layer-opacity: 0.04;
  --scp-common-second-background: #020202;
  --scp-main-font-color: #f5f6f8;
  --scp-tertiary-font-color: #f5f6f8;
  --scp-primary-color: #9000ff;
  --scp-active-btn-color: #9000ff;
  --scp-content-bg: #1f1f20;
  --scp-content-secondary-bg: #020202;
  --scp-background-secondary: #020202;
  --scp-background-disabled: #2e2e2f;
  --scp-table-border: #eaeaea;
  --scp-neutral-default-border: #eaeaea;
  --scp-neutral-tertiary-border: #111111;
  --scp-system-error-primary: #eaeaea;
  --scp-system-error-active: #b81d1d;
  --scp-paddings-xs: 4px;
  --scp-paddings-s: 8px;
  --scp-paddings-m: 12px;
  --scp-paddings-l: 16px;
  --scp-paddings-xl: 20px;
  --scp-paddings-xxl: 24px;
  --scp-paddings-xxxl: 32px;
  --scp-paddings-xxxxl: 40px;
  --scp-default-horizontal-gap: 8px;
  --scp-dialog-padding-vertical: 16px;
  --scp-dialog-padding-body-vertical: 8px;
  --scp-dialog-padding-horizontal: 24px;
  --scp-border-radius-sm: 4px;
  --scp-border-radius-md: 8px;
  --scp-border-radius-lg: 16px;
  --scp-border-radius-xl: 24px;
  --scp-font-display-font-family: Open Sans;
  --scp-font-weights-open-bold: 700;
  --scp-font-weights-open-semi-bold: 600;
  --scp-font-weights-open-regular: 400;
  --scp-font-secondary-color: #77787a;
  --scp-font-size-s: 12px;
  --scp-font-size-m: 14px;
  --scp-font-size-l: 16px;
  --scp-font-size-xl: 18px;
  --scp-font-heading-h5-font-size: 20px;
  --scp-font-heading-h4-font-size: 22px;
  --scp-font-heading-h3-font-size: 24px;
  --scp-font-heading-h2-font-size: 26px;
  --scp-font-heading-h1-font-size: 28px;
  --scp-font-display-s-font-size: 32px;
  --scp-font-display-m-font-size: 40px;
  --scp-font-display-l-font-size: 48px;
  --scp-font-display-xl-font-size: 56px;
  --scp-h5-bold: 700 24px/30px Open Sans;
  --scp-sm-bold: 700 16px/24px Open Sans;
  --scp-sm-semibod: 600 16px/24px Open Sans;
  --scp-sm-regular: 400 16px/24px Open Sans;
  --scp-body-semibod: 600 14px/20px Open Sans;
  --scp-body-regular: 400 14px/20px Open Sans;
  --scp-xs-semibod: 600 12px/16px Open Sans;
  --scp-h7-bold: 700 18px/24px Open Sans;
  --scp-text-brand-primary-color: #f5f6f8;
  --scp-widget-color-primary: #38a169;
  --scp-widget-color-secondary: #f5b911;
  --scp-widget-color-danger: #ee4444;
  --scp-widget-color-default: rgba(216, 207, 222, 0.7294117647);
  --scp-widget-color-text-light: #444647;
  --scp-widget-color-border: #cfcfcf;
  --scp-widget-color-border-dark: #909090;
  --scp-widget-color-background: #ffffff;
  --scp-widget-color-background-light: #f5f5f5;
  --scp-widget-color-background-scale: #ededed;
  --scp-widget-color-mark: #5b5c5c;
  --scp-widget-size-border-radius: 8px;
  --scp-widget-size-padding-small: 4px;
  --scp-widget-size-padding-medium: 8px;
  --scp-widget-size-padding-large: 16px;
  --scp-widget-size-gap-small: 4px;
  --scp-widget-size-gap-medium: 8px;
  --scp-widget-size-gap-large: 16px;
  --scp-widget-size-scale-thickness: 8px;
  --scp-widget-size-mark: 16px;
  --scp-widget-size-mark-thickness: 1px;
  --scp-widget-label-font-size: 14px;
  --scp-widget-footer-font-size: 12px;
  --scp-widget-text-font-weight: 400;
  --scp-widget-title-font-weight: 600;
  --scp-widget-line-height: 18px;
  --scp-widget-shadow-default: 0 2px 4px #eaeaea;
  --scp-menu-item-disabled-bg: #2e2e2f;
  --scp-grid-selected-cell-border-color: #9000ff;
  --scp-grid-resizer-color: #9000ff;
  --scp-grid-header-row-height: 36px;
  --scp-grid-content-row-height: 32px;
  --scp-grid-cell-border-width: 1px;
  --scp-grid-actions-indent: calc(16px + 4px);
  --scp-badge-size: 24px;
  --scp-badge-bg: #5a5a5c;
  --scp-badge-color: #f5f6f8;
  --scp-badge-font: 700 16px/24px;
  --scp-badge-border-radius: 9999px;
  --scp-badge-padding: 0 8px;
  --scp-note-container-padding: 16px;
  --scp-note-border-radius: 4px;
  --scp-note-font-size: 12px;
  --scp-note-font-color: #545d70;
  --scp-note-bg-info: #f9f9fb;
  --scp-note-icon-color-info: #9000ff;
  --scp-note-bg-success: #f6fbf9;
  --scp-note-icon-color-success: #eaeaea;
  --scp-note-bg-warning: #fff9f3;
  --scp-note-icon-color-warning: #eaeaea;
  --scp-note-bg-error: #fff6f6;
  --scp-note-icon-color-error: #ee4444;
  --scp-btn-icon-size-lg: 24px;
  --scp-btn-icon-size-md: 18px;
  --scp-btn-icon-size-sm: 14px;
  --scp-btn-icon-size-xs: 12px;
  --scp-btn-font-size-lg: 18px;
  --scp-btn-font-size-md: 14px;
  --scp-btn-font-size-sm: 14px;
  --scp-btn-font-size-xs: 12px;
  --scp-btn-icon-font-size-lg: 24px;
  --scp-btn-icon-font-size-md: 18px;
  --scp-btn-icon-font-size-sm: 14px;
  --scp-btn-icon-font-size-xs: 12px;
  --scp-tooltip-bgcolor: #eaeaea;
  --scp-tooltip-text-color: #f5f6f8;
  --scp-tooltip-font-size: 12px;
  --scp-link-text-color: #0d56e2;
  --scp-property-key-color: #5a5a5a;
  --scp-property-gap: 10px;
  --scp-property-font-weight: 600;
  --scp-secondary-section-height: 255px;
  --scp-drawer-container-vertical-padding: 16px;
  --scp-drawer-container-horisontal-padding: 24px;
  --scp-drawer-resize-handle-bg: #eaeaea;
  --scrollbar-size: 8px;
  --scp-form-field-hint-font: 400 12px/16px Open Sans;
  --scp-form-field-hint-padding: 12px;
  --scp-form-field-hint-line-height: 16px;
  --scp-form-field-error-color: #ee4444;
  --scp-form-field-hint-color: #5a5a5c;
  --scp-input-disabled-color: var(--mat-sys-on-surface-variant);
  --scp-input-disabled-bgcolor: #2e2e2f;
  --scp-options-select-min-height: 42px;
  --scp-option-selected-bg: #5a5a5c;
  --scp-option-selected-label-text-color: #f5f6f8;
  --scp-pseudo-checkbox-selected-icon-color: #f5f6f8;
  --scp-radio-icon-size-lg: 18px;
  --scp-radio-icon-size-md: 14px;
  --scp-radio-icon-size-sm: 12px;
  --scp-radio-inactive-border: #f5f6f8;
  --scp-radio-disabled-border: #f5f6f8;
  --scp-radio-disabled-color: #5a5a5c;
  --scp-content-sub-primary: #77787a;
  --scp-content-secondary: #020202;
  --scp-content-border: #5a5a5c;
  --scp-background-primary: #1f1f20;
  --scp-background-modal: #020202;
  --scp-background-neutral-primary: #d4d5d6;
  --scp-background-neutral-default-hover: #3c3d3e;
  --scp-background-action-neutral-secondary-default: #5a5a5c;
  --scp-background-action-brand-tertiary-default: #1f1f20;
  --scp-dialog-max-height-pane: 70vh;
  --scp-dialog-max-width-pane: 70vw;
  --scp-dialog-min-width-pane: 40vw;
  --scp-dialog-close-btn-color: #a6a6a6;
  --scp-loader-active-indicator-color: #9000ff;
  --scp-loader-track-color: #d899ff;
  --scp-font-sizes-12: 12px;
  --scp-font-sizes-14: 14px;
  --scp-font-sizes-16: 16px;
  --scp-font-sizes-18: 18px;
  --scp-font-sizes-20: 20px;
  --scp-font-sizes-22: 22px;
  --scp-font-sizes-24: 24px;
  --scp-font-sizes-26: 26px;
  --scp-font-sizes-28: 28px;
  --scp-font-sizes-32: 32px;
  --scp-font-sizes-40: 40px;
  --scp-font-sizes-48: 48px;
  --scp-font-sizes-56: 56px;
  --scp-font-family: Open Sans;
  --scp-font-weight-regular: 400;
  --scp-font-body-l-line-height: 26px;
  --scp-font-body-m-line-height: 18px;
  --scp-text-brand-disable: #3c3d3e;
  --scp-scrollbar-padding: 0px;
  --scp-scrollbar-border-radius: 16px;
  --scp-scrollbar-track-color: #999c9f;
  --scp-scrollbar-size: 8px;
  --scp-scrollbar-hover-size: 16px;
  --scp-scrollbar-thumb-color: #f0f0f0;
  --mat-form-field-outlined-label-text-color: white;
  --scp-grid-main-bg: #1f1f20;
  --scp-grid-cell-disabled-bg: #020202;
  --scp-grid-cell-border-color: rgba(234, 234, 234, 0.3);
  --scp-grid-cell-selected-bg: rgba(90, 90, 92, 0.3);
  --scp-grid-subtitle-color: #eaeaea;
  --scp-gird-total-color: #9000ff;
  --scp-grid-cell-is-edit-border-color: #3c76f1;
  --scp-grid-cell-border-width: 1px;
  --scp-gird-accent-color: #9000ff;
  --scp-grid-actions-indent: calc(16px + 4px);
  --scp-gird-success-bg: #ebf9eb;
  --scp-gird-error-bg: #fdebeb;
  --scp-gird-cell-padding: 0 12px;
  --scp-gird-semibold: 600;
  --scp-grid-table-header-shadow: 0px 5px 5px 0px #0000004d;
  --scp-table-cell-selected-bg: color-mix(in srgb, #d4d5d6 15%, transparent);
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-filled-focus-state-layer-opacity: 0.05;
  --mat-button-filled-pressed-state-layer-opacity: 0.08;
  --mat-button-filled-ripple-color: rgba(0, 0, 0, 0.24);
  --mat-button-outlined-focus-state-layer-opacity: 0.05;
  --mat-button-outlined-pressed-state-layer-opacity: 0.05;
  --mat-button-text-focus-state-layer-opacity: 0.05;
  --mat-button-text-pressed-state-layer-opacity: 0.1;
  --mat-button-protected-focus-state-layer-opacity: 0.05;
  --mat-button-protected-pressed-state-layer-opacity: 0.1;
  --mat-button-filled-state-layer-color: var(--scp-font-secondary-color);
  --mat-button-filled-label-text-weight: var(--scp-font-weights-open-semi-bold);
  --mat-button-outlined-label-text-weight: var(--scp-font-weights-open-semi-bold);
  --mat-button-text-label-text-weight: var(--scp-font-weights-open-semi-bold);
  --mat-button-text-label-text-color: var(--scp-main-font-color);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.05;
  --mat-fab-pressed-state-layer-opacity: 0.1;
  --mat-fab-pressed-container-elevation-shadow: 0.1;
  --mat-fab-small-pressed-container-elevation-shadow: 0.1;
  --mat-fab-extended-pressed-container-elevation-shadow: 0.1;
  --mat-fab-container-shape: var(--scp-border-radius-md);
  --mat-fab-small-container-shape: var(--scp-border-radius-sm);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.05;
  --mat-icon-button-pressed-state-layer-opacity: 0.1;
  --mat-icon-button-state-layer-color: var(--scp-main-font-color);
  --mat-tooltip-container-color: var(--scp-tooltip-bgcolor);
  --mat-tooltip-supporting-text-color: var(--scp-tooltip-text-color);
  --mat-checkbox-selected-pressed-state-layer-color: var(--scp-font-secondary-color);
  --mat-checkbox-unselected-pressed-state-layer-color: var(--scp-font-secondary-color);
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.08;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.08;
  --mat-progress-bar-active-indicator-color: var(--scp-loader-active-indicator-color);
  --mat-progress-bar-track-color: var(--scp-loader-track-color);
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}
.dark-mode html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
.dark-mode {
  --mat-form-field-container-text-size: var(--scp-font-sizes-14);
  --mat-select-trigger-text-size: var(--scp-font-sizes-14);
  --mat-form-field-outlined-label-text-size: var(--scp-font-sizes-14);
  --mat-form-field-outlined-disabled-label-text-color: #868686;
  --mat-option-label-text-size: var(--scp-font-sizes-14);
  --mat-optgroup-label-text-size: var(--scp-font-sizes-14);
  --mat-form-field-outlined-label-text-populated-size: var(--scp-font-sizes-12);
}
.dark-mode .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: unset;
}
.dark-mode {
  --mat-dialog-container-max-width: 70vw;
  --mat-dialog-container-min-width: 40vw;
  --mat-tab-divider-height: 0;
}
.dark-mode scp-button .mat-mdc-unelevated-button .mat-mdc-button-touch-target {
  height: 100%;
}
.dark-mode scp-button button.mdc-icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode scp-button button.mat-mdc-icon-button svg,
.dark-mode scp-button button.mat-mdc-icon-button img {
  width: inherit;
  height: inherit;
}
.dark-mode .scp-select-virtual-scroll .mat-mdc-option.mdc-list-item--disabled {
  pointer-events: all;
}
.dark-mode .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled):hover .mdc-notched-outline__notch,
.dark-mode .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled):hover .mdc-notched-outline__trailing,
.dark-mode .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled):hover .mdc-notched-outline__leading,
.dark-mode .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.dark-mode .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
.dark-mode .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading {
  border-color: var(--scp-system-error-primary);
}
.dark-mode .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled):hover .mdc-floating-label,
.dark-mode .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled):hover .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label--float-above,
.dark-mode .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label,
.dark-mode .scp-form-field-input.ng-invalid.ng-touched .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-floating-label--float-above {
  color: var(--scp-system-error-primary);
}
.dark-mode .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--scp-main-font-color) !important;
}
.dark-mode .mat-mdc-tab .mdc-tab__text-label {
  color: var(--scp-main-font-color) !important;
}
.dark-mode scp-select .mat-icon,
.dark-mode scp-input .mat-icon {
  vertical-align: middle;
  width: var(--scp-font-sizes-18) !important;
  height: var(--scp-font-sizes-18) !important;
  margin: 0 !important;
  color: var(--scp-neutral-default-border);
}
.dark-mode scp-select .mat-icon.input-icon-info,
.dark-mode scp-input .mat-icon.input-icon-info {
  width: var(--scp-font-sizes-14);
  height: var(--scp-font-sizes-14);
  padding: 0;
}
.dark-mode scp-select .mdc-text-field--disabled,
.dark-mode scp-input .mdc-text-field--disabled {
  background-color: var(--scp-input-disabled-bgcolor);
  border-radius: 4px;
}
.dark-mode scp-select .mdc-text-field--disabled .mat-mdc-form-field-icon-suffix,
.dark-mode scp-input .mdc-text-field--disabled .mat-mdc-form-field-icon-suffix {
  pointer-events: none;
}
.dark-mode scp-select .mdc-text-field--outlined {
  padding-right: 12px;
}
.dark-mode scp-select .mdc-text-field--outlined .mdc-text-field__input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dark-mode scp-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  align-items: center;
  max-height: 100%;
}
.dark-mode scp-select .mat-mdc-select-arrow-wrapper {
  width: 48px;
  display: flex;
  justify-content: flex-end;
}
.dark-mode scp-select .mat-mdc-select-arrow-wrapper .scp-dd-arrow-container {
  height: 24px;
  display: flex;
  align-items: center;
}
.dark-mode scp-select .mat-mdc-select-arrow-wrapper .scp-dd-arrow-container .mat-select-arrow {
  margin-bottom: 5px;
  cursor: pointer;
}
.dark-mode scp-select .mat-mdc-optgroup-label {
  min-height: var(--scp-options-select-min-height);
}
.dark-mode scp-select .mat-mdc-form-field-icon-suffix .mdc-icon-button {
  width: var(--scp-font-sizes-24);
  height: var(--scp-font-sizes-24);
}
.dark-mode scp-select .mat-select-arrow,
.dark-mode scp-select .mat-mdc-select-arrow,
.dark-mode scp-select .select-arrow {
  border: 0;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid;
  border-bottom: 1.5px solid;
  transform: rotate(45deg);
  color: #000;
  margin: 0 4px 2px;
}
.dark-mode scp-select .mat-select-arrow svg,
.dark-mode scp-select .mat-mdc-select-arrow svg,
.dark-mode scp-select .select-arrow svg {
  display: none;
}
.dark-mode .scp-input,
.dark-mode .scp-select-single,
.dark-mode .scp-select-autocomplete {
  width: 100%;
}
.dark-mode .scp-input .mat-mdc-form-field,
.dark-mode .scp-select-single .mat-mdc-form-field,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field {
  display: block;
  --mat-mdc-form-field-floating-label-scale: 0.85;
  --mat-form-field-container-text-tracking: normal;
  margin: 0;
}
.dark-mode .scp-input .mat-mdc-form-field-subscript-wrapper,
.dark-mode .scp-select-single .mat-mdc-form-field-subscript-wrapper,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.dark-mode .scp-input .mat-mdc-form-field-bottom-align::before,
.dark-mode .scp-select-single .mat-mdc-form-field-bottom-align::before,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field-bottom-align::before {
  vertical-align: top;
}
.dark-mode .scp-input .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.dark-mode .scp-select-single .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.dark-mode .scp-select-autocomplete .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  width: 8px;
}
.dark-mode .scp-input .mat-mdc-form-field-icon-suffix,
.dark-mode .scp-select-single .mat-mdc-form-field-icon-suffix,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field-icon-suffix {
  padding: 0 10px 0 6px;
  display: flex;
  align-items: center;
}
.dark-mode .scp-input .mat-mdc-form-field-hint-wrapper,
.dark-mode .scp-input .mat-mdc-form-field-error-wrapper,
.dark-mode .scp-select-single .mat-mdc-form-field-hint-wrapper,
.dark-mode .scp-select-single .mat-mdc-form-field-error-wrapper,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field-hint-wrapper,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field-error-wrapper {
  padding: 0 12px;
}
.dark-mode .scp-input .mat-mdc-form-field-error,
.dark-mode .scp-select-single .mat-mdc-form-field-error,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field-error {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dark-mode .scp-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input,
.dark-mode .scp-select-single .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input,
.dark-mode .scp-select-autocomplete .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input {
  vertical-align: middle;
  line-height: normal;
}
.dark-mode .scp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
.dark-mode .scp-select-single .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
.dark-mode .scp-select-autocomplete .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  font-size: var(--mat-form-field-outlined-label-text-size);
}
.dark-mode .scp-input .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.dark-mode .scp-select-single .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: var(--mat-form-field-outlined-label-text-populated-size);
}
.dark-mode .scp-input .mdc-text-field--focused .mdc-notched-outline__leading,
.dark-mode .scp-input .mdc-text-field--focused .mdc-notched-outline__notch,
.dark-mode .scp-input .mdc-text-field--focused .mdc-notched-outline__trailing,
.dark-mode .scp-select-single .mdc-text-field--focused .mdc-notched-outline__leading,
.dark-mode .scp-select-single .mdc-text-field--focused .mdc-notched-outline__notch,
.dark-mode .scp-select-single .mdc-text-field--focused .mdc-notched-outline__trailing,
.dark-mode .scp-select-autocomplete .mdc-text-field--focused .mdc-notched-outline__leading,
.dark-mode .scp-select-autocomplete .mdc-text-field--focused .mdc-notched-outline__notch,
.dark-mode .scp-select-autocomplete .mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 1px;
}
.dark-mode .scp-input .mat-mdc-form-field-hint,
.dark-mode .scp-select-single .mat-mdc-form-field-hint,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field-hint {
  color: rgba(0, 0, 0, 0.6);
}
.dark-mode .scp-input .mat-mdc-form-field-text-suffix .icon-search,
.dark-mode .scp-select-single .mat-mdc-form-field-text-suffix .icon-search,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field-text-suffix .icon-search {
  height: 16px;
  width: 16px;
  line-height: 0;
}
.dark-mode .scp-input .mat-mdc-form-field-icon-suffix .icon-search,
.dark-mode .scp-select-single .mat-mdc-form-field-icon-suffix .icon-search,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field-icon-suffix .icon-search {
  height: 16px;
  width: 16px;
  line-height: 0;
}
.dark-mode .scp-input .mat-mdc-form-field-icon-suffix .icon-datetime,
.dark-mode .scp-select-single .mat-mdc-form-field-icon-suffix .icon-datetime,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field-icon-suffix .icon-datetime {
  height: 24px;
  width: 24px;
  line-height: 0;
  position: relative;
  top: 3px;
  left: 3px;
}
.dark-mode .scp-input .mat-mdc-form-field-icon-suffix .icon-date,
.dark-mode .scp-select-single .mat-mdc-form-field-icon-suffix .icon-date,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field-icon-suffix .icon-date {
  height: 20px;
  width: 20px;
  line-height: 0;
}
.dark-mode .scp-input .mat-mdc-form-field-icon-suffix .icon-time,
.dark-mode .scp-select-single .mat-mdc-form-field-icon-suffix .icon-time,
.dark-mode .scp-select-autocomplete .mat-mdc-form-field-icon-suffix .icon-time {
  height: 22px;
  width: 22px;
  line-height: 0;
}
.dark-mode .scp-input .mat-mdc-option,
.dark-mode .scp-select-single .mat-mdc-option,
.dark-mode .scp-select-autocomplete .mat-mdc-option {
  min-height: var(--scp-options-select-min-height);
  padding: 0 12px;
}
.dark-mode .scp-input .mat-mdc-option .mdc-list-item__primary-text,
.dark-mode .scp-select-single .mat-mdc-option .mdc-list-item__primary-text,
.dark-mode .scp-select-autocomplete .mat-mdc-option .mdc-list-item__primary-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dark-mode .scp-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.dark-mode .scp-select-single .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.dark-mode .scp-select-autocomplete .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 119%;
}
.dark-mode .scp-input .mdc-icon-button,
.dark-mode .scp-select-single .mdc-icon-button,
.dark-mode .scp-select-autocomplete .mdc-icon-button {
  width: var(--scp-font-sizes-24);
  height: var(--scp-font-sizes-24);
}
.dark-mode .scp-select-single .mat-mdc-form-field-icon-suffix {
  padding-top: 3px;
  padding-right: 15px;
}
.dark-mode input,
.dark-mode textarea {
  font-family: var(--scp-font-display-font-family), serif;
}
.dark-mode .scp-title {
  font-weight: var(--scp-font-weights-open-bold);
  font-size: var(--scp-font-sizes-18);
  line-height: var(--scp-font-sizes-28);
}
.dark-mode .scp-secondary-text {
  font-weight: var(--scp-font-weights-open-regular);
  font-size: var(--scp-font-sizes-18);
  line-height: var(--scp-font-sizes-16);
}
.dark-mode .scp-ui-dialog__header-text-title {
  font-size: var(--scp-font-sizes-18);
  line-height: var(--scp-font-sizes-24);
  font-weight: var(--scp-font-weights-open-semi-bold);
}
.dark-mode .scp-ui-dialog__header-text-subtitle {
  font-weight: var(--scp-font-weights-open-regular);
  font-size: var(--scp-font-sizes-14);
  line-height: var(--scp-font-sizes-20);
}
.dark-mode .scp-ui-dialog__content-info {
  font-weight: var(--scp-font-weights-open-regular);
  font-size: var(--scp-font-sizes-16);
  line-height: var(--scp-font-sizes-24);
}
.dark-mode .scp-button-menu-item {
  font-size: var(--scp-font-sizes-16);
  font-weight: var(--scp-font-weights-open-regular);
  font-family: var(--scp-font-family), sans-serif;
}
.dark-mode scp-ui-dialog > * {
  display: contents;
}
.dark-mode .scp-ui-form-field .mat-mdc-form-field {
  background-color: var(--scp-content-bg);
}
.dark-mode scp-select .mat-mdc-form-field.ng-invalid.ng-touched .mat-mdc-select-arrow,
.dark-mode scp-select .mat-mdc-form-field.ng-invalid.ng-touched .mat-select-arrow,
.dark-mode scp-select.ng-invalid.ng-touched .mat-mdc-select-arrow,
.dark-mode scp-select.ng-invalid.ng-touched .mat-select-arrow,
.dark-mode scp-select.ng-invalid.ng-touched mat-select .mat-mdc-select-arrow,
.dark-mode scp-select.ng-invalid.ng-touched mat-select .mat-select-arrow {
  color: var(--mat-select-invalid-arrow-color);
}
.dark-mode .scp-ui-input-lg .mat-mdc-form-field-infix,
.dark-mode .scp-ui-select-lg .mat-mdc-form-field-infix {
  min-height: 44px;
}
.dark-mode .scp-ui-input-lg .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix,
.dark-mode .scp-ui-select-lg .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}
.dark-mode .scp-ui-input-lg .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
.dark-mode .scp-ui-select-lg .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
.dark-mode .scp-ui-input-lg .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.dark-mode .scp-ui-select-lg .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(-28.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
}
.dark-mode .scp-ui-input-sm .mat-mdc-form-field-infix,
.dark-mode .scp-ui-select-sm .mat-mdc-form-field-infix {
  min-height: 32px;
}
.dark-mode .scp-ui-input-sm .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix,
.dark-mode .scp-ui-select-sm .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}
.dark-mode .scp-ui-input-sm .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
.dark-mode .scp-ui-select-sm .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 14px;
}
.dark-mode .scp-ui-input-sm .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.dark-mode .scp-ui-select-sm .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(-23px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
}
.dark-mode .secondary-section {
  background: var(--scp-common-second-background);
  padding: var(--scp-paddings-xxl);
  border-radius: var(--scp-border-radius-md);
  height: var(--scp-secondary-section-height);
  overflow: auto;
  margin: var(--scp-paddings-l) 0;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */