@charset "UTF-8";

/* projects/web/src/styles.scss */
@font-face {
  font-family: "Satoshi";
  font-weight: 100;
  src: local("Satoshi"), url("./media/Satoshi-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Satoshi";
  src: local("Satoshi"), url("./media/Satoshi-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-weight: 600;
  src: local("Satoshi"), url("./media/Satoshi-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-weight: bold;
  src: local("Satoshi"), url("./media/Satoshi-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-weight: 800;
  src: local("Satoshi"), url("./media/Satoshi-Black.ttf") format("truetype");
}
@font-face {
  font-family: "NotoSansHebrew";
  src: url("./media/NotoSansHebrew-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrew";
  src: url("./media/NotoSansHebrew-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrew";
  src: url("./media/NotoSansHebrew-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrew";
  src: url("./media/NotoSansHebrew-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrew";
  src: url("./media/NotoSansHebrew-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrew";
  src: url("./media/NotoSansHebrew-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrew";
  src: url("./media/NotoSansHebrew-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrew";
  src: url("./media/NotoSansHebrew-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrew";
  src: url("./media/NotoSansHebrew-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewCondensed";
  src: url("./media/NotoSansHebrew_Condensed-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewCondensed";
  src: url("./media/NotoSansHebrew_Condensed-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewCondensed";
  src: url("./media/NotoSansHebrew_Condensed-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewCondensed";
  src: url("./media/NotoSansHebrew_Condensed-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewCondensed";
  src: url("./media/NotoSansHebrew_Condensed-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewCondensed";
  src: url("./media/NotoSansHebrew_Condensed-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewCondensed";
  src: url("./media/NotoSansHebrew_Condensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewCondensed";
  src: url("./media/NotoSansHebrew_Condensed-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewCondensed";
  src: url("./media/NotoSansHebrew_Condensed-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewExtraCondensed";
  src: url("./media/NotoSansHebrew_ExtraCondensed-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewExtraCondensed";
  src: url("./media/NotoSansHebrew_ExtraCondensed-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewExtraCondensed";
  src: url("./media/NotoSansHebrew_ExtraCondensed-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewExtraCondensed";
  src: url("./media/NotoSansHebrew_ExtraCondensed-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewExtraCondensed";
  src: url("./media/NotoSansHebrew_ExtraCondensed-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewExtraCondensed";
  src: url("./media/NotoSansHebrew_ExtraCondensed-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewExtraCondensed";
  src: url("./media/NotoSansHebrew_ExtraCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewExtraCondensed";
  src: url("./media/NotoSansHebrew_ExtraCondensed-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewExtraCondensed";
  src: url("./media/NotoSansHebrew_ExtraCondensed-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewSemiCondensed";
  src: url("./media/NotoSansHebrew_SemiCondensed-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewSemiCondensed";
  src: url("./media/NotoSansHebrew_SemiCondensed-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewSemiCondensed";
  src: url("./media/NotoSansHebrew_SemiCondensed-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewSemiCondensed";
  src: url("./media/NotoSansHebrew_SemiCondensed-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewSemiCondensed";
  src: url("./media/NotoSansHebrew_SemiCondensed-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewSemiCondensed";
  src: url("./media/NotoSansHebrew_SemiCondensed-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewSemiCondensed";
  src: url("./media/NotoSansHebrew_SemiCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewSemiCondensed";
  src: url("./media/NotoSansHebrew_SemiCondensed-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansHebrewSemiCondensed";
  src: url("./media/NotoSansHebrew_SemiCondensed-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
html,
body {
  height: 100%;
  font-family: "Satoshi", sans-serif;
  color: var(--color-text-default);
  font-size: var(--ui-font-xxm-size);
  font-weight: var(--ui-font-xxm-weight);
  line-height: var(--ui-font-xxm-height);
}
body {
  margin: 0;
  overflow: hidden;
}
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-icons-two-tone,
.mat-icon {
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  direction: ltr;
}
:lang(he) {
  font-family: "NotoSansHebrew", sans-serif;
  direction: rtl;
}
:lang(he) .material-icons,
:lang(he) .material-icons-outlined,
:lang(he) .material-icons-round,
:lang(he) .material-icons-sharp,
:lang(he) .material-icons-two-tone,
:lang(he) .mat-icon,
:lang(he) .mat-icon *,
:lang(he) [class^=ui-icon],
:lang(he) [class*=" ui-icon"] {
  font-family: inherit;
}
hr {
  height: 1px;
  background: var(--hr-default);
  margin: 8px 0;
  border: 0;
}
label {
  color: var(--color-text-default);
  font-size: var(--ui-font-xxm-size);
  font-weight: var(--ui-font-xxm-weight);
  line-height: var(--ui-font-xxm-height);
}
h1 {
  margin: 0;
}
h4 {
  font-size: var(--ui-font-h4-size);
  font-weight: var(--ui-font-h4-weight);
  line-height: var(--ui-font-h4-height);
  margin: 0 0 16px;
}
h3 {
  font-size: var(--ui-font-h3-size);
  font-weight: var(--ui-font-h3-weight);
  line-height: var(--ui-font-h3-height);
  margin: 0 0 16px;
}
h2 {
  font-size: var(--ui-font-h2-size);
  font-weight: var(--ui-font-h2-weight);
  line-height: var(--ui-font-h2-height);
  margin: 0 0 16px;
}
.display-none {
  display: none !important;
}
.invisible {
  opacity: 0;
  max-height: 0;
  height: 0;
  transition: 0.3s;
}
.hover {
  opacity: 0;
  transition: 0.3s;
}
.page-wrapper {
  height: 100%;
  width: 100%;
}
.page-wrapper > div {
  width: 100%;
  height: 100%;
}
.page-wrapper .inner {
  padding: 25px 30px;
  overflow-y: auto;
  max-height: calc(100vh - 75px);
}
.seperator {
  height: 1px;
  background: var(--color-border-default);
  margin: 32px 0;
}
@media only screen and (min-width: 2000px) {
  .mw {
    max-width: 1400px !important;
  }
  .mw-m {
    max-width: 1600px !important;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 2000px) {
  .mw {
    max-width: 1500px !important;
  }
  .mw-m {
    max-width: 1500px !important;
  }
}
@media only screen and (max-width: 1600px) {
  .mw {
    max-width: 1100px !important;
  }
  .mw-m {
    max-width: 1300px !important;
  }
}
@media only screen and (max-height: 900px) {
  .mw {
    max-width: 1500px !important;
  }
  .mw-m {
    max-width: 1500px !important;
  }
  .ui-selector-panel .mat-mdc-dialog-container .mdc-dialog__surface {
    box-shadow: 0px 4px 8px -2px rgba(15, 23, 42, 0.1), 0px 2px 4px -2px rgba(15, 23, 42, 0.06);
  }
}
table {
  border-spacing: 0;
  width: 100%;
}
.footer-actions {
  height: 70px;
  max-height: 70px;
  padding: 15px 28px;
  background: var(--elevation-surface);
  border-top: 1px solid var(--color-border-default);
}
.mat-select-panel {
  max-height: 355px !important;
}
.c-100 > div {
  width: 100%;
}
.top-left-actions {
  z-index: 999;
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0px 8px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  color: #ffffff;
  border-radius: 5px;
  min-height: 32px;
}
.top-left-actions mat-icon {
  color: #ffffff;
  font-size: 30px;
  height: 30px;
  width: 30px;
  line-height: 40px;
}
.top-left-actions .maximize-button {
  cursor: pointer;
}
.top-left-actions .maximize-button mat-icon {
  color: #ffffff;
  color: #ffffff;
  font-size: 35px;
  height: 35px;
  width: 30px;
  line-height: 43px;
}
.top-left-actions .divider {
  height: 28px;
  width: 2px;
  background: #d5dbee;
  margin: 0px 0px 0px 5px;
  opacity: 0.1;
}
.hover {
  opacity: 0;
  transition: 0.3s;
}
.p-wrapper:hover .hover,
.animation-wrapper:hover .hover,
.playback-wrapper:hover .hover,
.camera-view-wrapper:hover .hover {
  opacity: 1;
  transition: 0.3s;
}
.camera-player-wrapper {
  border: 1px solid rgb(0, 0, 0);
  border-radius: 5px;
  position: relative;
  background: #000000;
  width: 100%;
}
.camera-player-wrapper:hover .camera-change-label {
  opacity: 1;
}
.camera-player-wrapper .camera-change-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border-radius: 5px;
  padding: 10px 15px;
  opacity: 0;
  transition: 0.3s;
}
.camera-player-wrapper stream-player .p-wrapper .video-wrapper,
.camera-player-wrapper webrtc-player .p-wrapper .video-wrapper {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.camera-player-wrapper stream-player .p-wrapper .video-wrapper video,
.camera-player-wrapper webrtc-player .p-wrapper .video-wrapper video {
  border-radius: 0px;
  display: block;
  height: 100%;
  width: 100%;
}
.playback-wrapper stream-player .p-wrapper .video-wrapper,
.playback-wrapper webrtc-player .p-wrapper .video-wrapper,
.camera-view-wrapper stream-player .p-wrapper .video-wrapper,
.camera-view-wrapper webrtc-player .p-wrapper .video-wrapper {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: 4px 4px 4px 4px;
}
.playback-wrapper stream-player .p-wrapper .video-wrapper video,
.playback-wrapper webrtc-player .p-wrapper .video-wrapper video,
.camera-view-wrapper stream-player .p-wrapper .video-wrapper video,
.camera-view-wrapper webrtc-player .p-wrapper .video-wrapper video {
  border-radius: 4px 4px 4px 4px;
  height: 100%;
  width: 100%;
  background: #000;
}
.no-camera-wrapper {
  border: 1px dashed var(--color-primary-500);
  border-radius: 5px;
}
.bar {
  opacity: 0.5;
  transition: 0.3s;
}
.bar:hover {
  opacity: 1;
}
.bar-label {
  opacity: 0.4;
  font-size: 12px;
  width: 100%;
  margin-top: 10px;
}
.bar-tooltip {
  position: absolute;
  z-index: 999 !important;
  top: -78px;
  background: var(--color-elevation-surface-overlay-default);
  border-radius: 8px;
  padding: 11px 15px;
  transform: translateX(-50%);
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.15),
    0 8px 10px 1px rgba(0, 0, 0, 0.11),
    0 3px 14px 2px rgba(0, 0, 0, 0.09);
  min-width: 320px;
}
.bar-tooltip-time {
  font-size: 12px;
  margin-top: 5px;
  opacity: 0.5;
}
.bar-tooltip-status {
  font-size: 16px;
}
.bar-tooltip-status.red {
  color: #f24949;
}
.landscape {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.portrait {
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.square {
  width: 100%;
  height: 100%;
}
.hover-parent:hover .hover {
  opacity: 1;
}
.ck-editor__editable_inline {
  min-height: 250px;
  border: 1px solid var(--color-border-default) !important;
  margin-top: 8px;
  box-shadow: none !important;
}
.ck-toolbar {
  border: 1px solid var(--color-border-default) !important;
}
.ck-content {
  font-size: 16px;
}
.icon-hover {
  padding: 8px;
  border: 1px solid transparent;
}
.icon-hover:hover {
  border-radius: 4px;
  background: var(--color-background-button-tertiary-gray-hover);
  cursor: pointer;
}
.ui-static-icon-button-42 {
  background: var(--background-page);
  border: 1px solid var(--color-border-button-default-default);
  border-radius: 4px;
  padding: 12px;
  cursor: pointer;
}
.ui-static-icon-button-32 {
  background: var(--background-page);
  border: 1px solid var(--color-border-button-default-default);
  border-radius: 4px;
  font-size: 16px !important;
  padding: 8px;
  cursor: pointer;
}
.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.iti {
  width: 100%;
}
.tabs {
  border-bottom: 1px solid var(--color-border-default);
}
.tabs .tab {
  padding: 16px 0;
  color: var(--color-text-subtle);
  font-size: var(--ui-font-mx-size);
  font-weight: var(--ui-font-mx-weight);
  line-height: var(--ui-font-mx-height);
  margin-right: 24px;
}
.tabs .tab .count-badge {
  margin-left: 12px;
}
.tabs .tab.active {
  color: var(--color-text-selected);
  border-bottom: 3px solid var(--color-border-button-secondary-default);
}
.toast-bottom-center-custom {
  bottom: 0;
  left: calc(50% - 200px);
  width: 400px;
}
.flex-table {
  font-size: 14px;
}
.flex-table-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  color: var(--color-text-default);
}
.flex-table-header {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 0;
  color: var(--color-text-subtle);
  background: var(--color-elevation-surface-subtle);
  border-bottom: 1px solid var(--color-border-default);
  padding: 8px 0px;
  text-align: left;
}
.flex-table-header > div {
  font-size: 12px;
  flex: 1 1 0%;
  box-sizing: border-box;
}
.flex-table-header > div:first-child {
  text-align: left;
  padding-left: 16px;
}
.flex-table-header > div:last-child {
  padding-right: 16px;
}
.flex-table-row {
  width: 100%;
  color: var(--color-text-default);
  padding: 8px 0px;
  text-align: left;
}
.flex-table-row > div {
  font-size: 14px;
  flex: 1 1 0%;
  box-sizing: border-box;
}
.flex-table-row > div:first-child {
  text-align: left;
  padding-left: 16px;
}
.flex-table-row > div:last-child {
  padding-right: 16px;
}
.dialog {
  height: 100%;
}
.dialog .dialog-content {
  border-top: 1px solid var(--color-border-default);
  border-bottom: 1px solid var(--color-border-default);
  height: 100%;
  max-height: calc(90vh - 120px);
  overflow-y: auto;
  overflow-x: hidden;
}
.horizontal-divider {
  background: var(--color-border-default);
  width: 1px;
  height: 100%;
  margin: 8px 12px;
}
.vertical-divider {
  background: var(--color-border-default);
  width: 100%;
  height: 1px;
  margin: 12px 8px;
}
.cdk-overlay-container:has(.z-index-1001) {
  z-index: 1001 !important;
}
.cdk-overlay-container:has(.resolution-selector-panel) {
  z-index: 10001 !important;
}
.cdk-overlay-container:has(.dialog-above-select) {
  z-index: 1050 !important;
}
.dialog-above-select {
  z-index: 1050 !important;
}
.multi-line-tooltip {
  white-space: pre-line;
  text-align: left;
}
.gm-ui-hover-effect {
  display: none !important;
}
.gm-style-iw-ch {
  padding: 0 !important;
}
.gm-style .gm-style-iw-c {
  padding: 0 !important;
}
.gm-style-iw-d {
  overflow: hidden !important;
}
.gm-style-iw-tc {
  display: none !important;
}
.needle-custom-marker {
  transform-origin: top;
}
.needle-custom-marker .needle {
  height: 40px;
  width: 1px;
  background: black;
}
.cdk-virtual-scroll-content-wrapper {
  min-height: 100%;
}
.preloader-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
}
.menu-item a.active .icon svg path {
  fill: var(--icon-selected) !important;
}
.cdk-overlay-container {
  direction: inherit !important;
}
.cdk-global-scrollblock {
  overflow-y: auto !important;
}
[dir=rtl] .cdk-overlay-connected-position-bounding-box {
  direction: rtl;
  text-align: right;
}
[dir=ltr] .cdk-overlay-connected-position-bounding-box {
  direction: ltr;
  text-align: left;
}
ng-scrollbar.scroll-hidden {
  --scrollbar-size: 0 !important;
}
body.dark-theme input[type=time]::-webkit-calendar-picker-indicator {
  color-scheme: dark;
}
body.dark-theme .invert-on-dark {
  filter: invert(0.9) hue-rotate(180deg);
}
body.dark-theme .invert-on-white {
  filter: brightness(0) invert(1);
}
.tabs-menu {
  border-radius: 4px;
  background: var(--color-elevation-surface-subtle);
  padding: 2px;
  height: 32px;
}
.tabs-menu > div {
  border-radius: 4px;
  color: var(--color-text-subtle);
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: 0.3s;
}
.tabs-menu > div:hover {
  background: var(--color-background-button-tertiary-gray-hover);
}
.tabs-menu > div.selected {
  background: var(--color-background-button-secondary-default);
  box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
  color: var(--color-text-selected);
}
.dialog-backdrop {
  background-color: var(--color-backdrop-dialog);
}
ng-scrollbar {
  --scrollbar-thumb-color: var(--color-background-neutral-default-200700);
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px var(--color-background-input-default) inset !important;
  -webkit-text-fill-color: var(--color-text-default) !important;
}
input:-moz-autofill {
  box-shadow: 0 0 0px 1000px var(--color-background-input-default) inset !important;
  -moz-text-fill-color: var(--color-text-default) !important;
}
.mat-dropdown-panel {
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid var(--color-border-default);
  background: var(--elevation-surface-subtlest);
}
.mat-dropdown-panel .mat-mdc-menu-content {
  padding: 0;
}
.mat-dropdown-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  min-height: 0;
  border-radius: 4px;
}
.mat-dropdown-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-submenu-icon {
  display: none;
}
.mat-dropdown-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  font-size: var(--ui-font-m-size);
  font-weight: var(--ui-font-m-weight);
  line-height: var(--ui-font-m-height);
  cursor: pointer;
  transition: 0.3s;
  color: var(--color-text-subtle);
  padding: 4px 0;
  display: flex;
  align-items: center;
}
.mat-dropdown-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text .mat-internal-form-field {
  display: flex;
}
.mat-dropdown-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text .mat-mdc-checkbox {
  width: 100%;
}
.mat-dropdown-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text .mat-mdc-checkbox .mdc-label {
  width: 100%;
}
.mat-dropdown-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):hover {
  background: var(--link-hover);
}
.add-core-dropdown {
  margin-left: 67px;
}
.nested-mat-dropdown {
  margin-left: 15px;
}
.mat-mdc-option .mdc-list-item__primary-text,
.mat-mdc-option,
.mat-mdc-menu-item .mat-mdc-menu-item-text,
.mat-mdc-select-panel .mat-mdc-option,
div.mat-mdc-select-panel .mdc-list-item__primary-text {
  font-size: 14px !important;
}
.mat-mdc-menu-item {
  min-height: 40px !important;
}
.oauth-chip {
  padding: 2px 8px;
}
.oauth-chip.mat-mdc-standard-chip {
  border-radius: 4px;
  border: 1px solid var(--color-background-accent-primary-subtle);
}
.oauth-chip.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  height: 20px;
  background: var(--color-background-accent-primary-subtle);
}
.oauth-chip .mdc-evolution-chip__action {
  padding: 0 !important;
}
.oauth-chip .mdc-evolution-chip__text-label {
  color: var(--color-text-accent-primary) !important;
}
.oauth-chip .mdc-evolution-chip__text-label.mat-mdc-chip-action-label {
  font-size: var(--ui-font-s-size);
  font-weight: var(--ui-font-s-weight);
  line-height: var(--ui-font-s-height);
}
.mat-dropdown-panel:is(.tag-dropdown, .category-dropdown) {
  width: 100%;
}
.mat-dropdown-panel:is(.tag-dropdown, .category-dropdown) .mat-mdc-menu-item-text {
  padding: 0 !important;
}
.mat-dropdown-panel:is(.tag-dropdown, .category-dropdown) .mat-mdc-menu-item-text .mat-mdc-checkbox {
  padding-left: 12px;
}
.mat-dropdown-panel:is(.tag-dropdown, .category-dropdown) .mat-mdc-menu-item-text .mat-mdc-checkbox .mdc-label {
  padding: 10px 12px 10px 0px;
}
.mat-dropdown-panel:is(.tag-dropdown, .category-dropdown) .mat-mdc-menu-item {
  padding: 0 !important;
}
.mat-dropdown-panel:is(.camera-edit-dropdown) {
  max-height: 296px;
  overflow-y: scroll !important;
}
.app-cluster-marker {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
}
.app-cluster-icon {
  width: 100%;
  height: 100%;
  display: block;
}
.app-cluster-number {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  padding: 2px 6px;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}
.zone-regions-selector-dialog-panel .mat-mdc-dialog-surface {
  scrollbar-gutter: stable both-edges;
  overflow-y: auto;
}
@supports not (scrollbar-gutter: stable) {
  .zone-regions-selector-dialog-panel .mat-mdc-dialog-surface {
    overflow-y: scroll;
  }
}
.contact-group-detail-tooltip .mat-mdc-tooltip-surface {
  overflow-wrap: normal;
}
.send-notification-modal-scroll .mat-mdc-dialog-container .mat-mdc-dialog-inner-container {
  align-items: stretch;
  min-height: 0;
}
.send-notification-modal-scroll .mat-mdc-dialog-container .mdc-dialog__surface,
.send-notification-modal-scroll .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  min-height: 0;
  width: 100%;
}
.send-notification-modal-scroll .mat-mdc-dialog-container app-send-notification-modal {
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
copilot-chat,
copilot-chat-view,
copilot-chat-view-scroll-view {
  background: transparent !important;
}
copilot-chat * {
  background-color: transparent !important;
  color: var(--color-text-default) !important;
}
copilot-chat-view-feather,
copilot-chat-view-feather > div {
  display: none !important;
}
copilot-chat-user-message-renderer {
  background: var(--color-background-button-primary-default) !important;
  color: var(--color-text-inverse) !important;
  font-weight: 700 !important;
  border-radius: 14px 14px 2px 14px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  max-width: 90% !important;
  display: inline-block !important;
}
copilot-chat-assistant-message > div:has(copilot-chat-assistant-message-renderer[ng-reflect-content=""]) {
  display: none !important;
}
copilot-chat-assistant-message > div {
  background: var(--color-elevation-surface-subtle) !important;
  color: var(--color-text-default) !important;
  border-radius: 14px 14px 14px 2px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  max-width: 90% !important;
  display: inline-block !important;
  border: 1px solid var(--color-border-default) !important;
  box-sizing: border-box;
}
copilot-chat-view-disclaimer,
.copilot-chat-disclaimer,
.copilot-chat-loading {
  display: none !important;
}
copilot-chat-assistant-message-copy-button,
copilot-chat-assistant-message-thumbs-up-button,
copilot-chat-assistant-message-thumbs-down-button,
copilot-chat-assistant-message-read-aloud-button,
copilot-chat-assistant-message-regenerate-button,
copilot-chat-user-message-copy-button,
copilot-chat-user-message-edit-button {
  display: none !important;
}
[copilotchatassistantmessagetoolbar],
[copilotchatusermessagetoolbar] {
  display: none !important;
}
.step-notifications-dialog-v2-panel .mat-mdc-dialog-container .mat-mdc-dialog-inner-container {
  align-items: stretch;
  min-height: 0;
}
.step-notifications-dialog-v2-panel .mat-mdc-dialog-container .mdc-dialog__surface,
.step-notifications-dialog-v2-panel .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}
.step-notifications-dialog-v2-panel .mat-mdc-dialog-container app-step-notifications-dialog-v2 {
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.chat-image-preview-dialog-pane .mat-mdc-dialog-container .mat-mdc-dialog-inner-container {
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 0;
}
.chat-image-preview-dialog-pane .mat-mdc-dialog-container .mdc-dialog__surface,
.chat-image-preview-dialog-pane .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  display: flex;
  flex-direction: column;
  max-width: 96vw;
  max-height: 96vh;
  min-height: 0;
  width: auto;
  padding: 0;
  overflow: hidden;
}
.chat-image-preview-dialog-pane .mat-mdc-dialog-container app-chat-image-preview-dialog {
  flex: 0 0 auto;
  overflow: hidden;
  display: block;
  width: fit-content;
  max-width: 96vw;
  max-height: 96vh;
}
#copilotkit-license-watermark {
  display: none !important;
}

/* projects/ui/src/lib/styles/index.scss */
:root {
  --color-primary-black: #000000;
  --color-primary-white: #ffffff;
  --color-primary-50: #f4f6fe;
  --color-primary-100: #e1e6fa;
  --color-primary-500: #4367f6;
  --color-primary-600: #3456e0;
  --color-primary-700: #2748cc;
  --color-primary-600-border: #4367f6;
  --color-secondary-gray-50: #fcfcfd;
  --color-secondary-gray-100: #f9fafb;
  --color-secondary-gray-200: #f2f4f7;
  --color-secondary-gray-300: #eaecf0;
  --color-secondary-gray-400: #d0d5dd;
  --color-secondary-gray-500: #98a2b3;
  --color-secondary-gray-600: #667085;
  --color-secondary-gray-700: #475467;
  --color-secondary-gray-800: #344054;
  --color-background-selected-hover: #e1e6fa;
  --color-secondary-gray-900: #101828;
  --color-secondary-green-100: #dcfce7;
  --color-secondary-green-500: #22c55e;
  --color-secondary-green-50: #f0fdf4;
  --color-secondary-green-200: #bbf7d0;
  --color-secondary-green-400: #4ade80;
  --color-secondary-green-600: #16a34a;
  --color-secondary-green-700: #15803d;
  --color-secondary-green-checkmark: #22c55d;
  --color-secondary-border-shadow: #eaecf0;
  --color-secondary-border-shadow-100: #e4e4e4;
  --color-background-accent-blue-default: #f59e0b;
  --color-amber-500: #f59e0b;
  --color-teal-500: #14b8a6;
  --color-teal-50: #f0fdfa;
  --color-violet-500: #8b5cf6;
  --color-red-100: #fee2e2;
  --color-red-50: #fef2f2;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-pink-500: #ec4899;
  --color-pink-50: #fdf2f8;
  --color-unseen: rgba(112, 181, 240, 0.2);
  --color-yellow-500: #eab308;
  --color-border-warning: #eab308;
  --color-icon-warning: #eab308;
  --color-icon-alert: #ef4444;
  --color-background-warning-default: #fefce8;
  --color-yellow-50: #fefce8;
  --color-blue-500: #3b82f6;
  --color-blue-50: #eff6ff;
  --color-indigo-100: #e0e7ff;
  --color-indigo-700: #4338ca;
  --white: #fff;
  --color-icon-accent-gray200-default: #f2f4f7;
  --color-icon-accent-primary-default: #3456e0;
  --color-background-selected-selector-hover: #748ced;
  --color-text-primary-default: #4367f6;
  --color-icon-success: #22c55e;
  --color-icon-info: #3b82f6;
  --color-text-primary: #4367f6;
  --color-gray-old: #b3b7c5;
  --secondary-colors-blue-2: #627eee;
  --color-background-accent-primary-400: #748ced;
  --color-background-accent-gray200-default: #f2f4f7;
  --volor-background-accent-white-default: #fff;
  --color-icon-primary-subtle: #e1e6fa;
  --color-text-primary-bold: #2748cc;
  --color-background-chart-timeline-no-preview: #101828;
  --color-text-accent-green: #15803d;
  --color-text-accent-amber: #b45309;
  --color-background-accent-green-subtle: #bbf7d0;
  --color-background-accent-amber-subtle: #fef3c7;
  --color-background-accent-red-subtle: #fee2e2;
  --color-border-accent-red: #dc2626;
  --color-background-accent-red-default: #ef4444;
  --color-text-accent-red: #dc2626;
  --color-text-accent-red-bold: #b91c1c;
  --color-background-accent-orange-subtle: #ffedd5;
  --color-border-accent-orange: #ea580c;
  --color-background-accent-orange-default: #f97316;
  --color-text-accent-orange: #c2410c;
  --color-border-accent-amber: #d99706;
  --color-background-accent-amber-default: #f59e0b;
  --color-background-accent-indigo-subtle: #e0e7ff;
  --color-background-accent-blue-subtle: #dbeafe;
  --color-border-accent-blue: #2563eb;
  --color-text-accent-blue: #1d4ed8;
  --mat-option-selected-item-color: #0000000a;
  --color-background-error-opacity12: rgba(220, 38, 38, 0.12);
}
:root {
  --elevation-surface-overlay-default: var(--color-secondary-gray-50);
  --elevation-surface-subtlest: var(--color-secondary-gray-50);
  --elevation-surface: var(--color-primary-white);
  --background-table: var(--color-secondary-gray-100);
  --background-table-header: var(--color-primary-50);
  --background-input: var(--color-secondary-gray-50);
  --link-hover: var(--color-secondary-gray-200);
  --link-active: var(--color-primary-100);
  --link-default: var(--color-primary-600);
  --icon-selected: var(--color-primary-500);
  --icon-default-no-bg: var(--color-secondary-gray-600);
  --icon-default-with-bg: var(--color-secondary-gray-600);
  --hr-default: var(--color-secondary-gray-300);
  --text-color-text-primary: var(--color-primary-600);
  --text-title: var(--color-secondary-gray-900);
  --button-bg-primary: var(--color-primary-500);
  --button-bg-default: var(--color-primary-white);
  --button-bg-secondary: var(--color-primary-white);
  --button-text-primary: var(--color-primary-white);
  --button-border-primary: var(--color-primary-600);
  --input-border-default: var(--color-secondary-gray-400);
  --box-shadow-default: inset 0px -1px 0px var(--color-secondary-border-shadow);
  --background-tooltip: var(--color-secondary-gray-900);
  --color-tooltip: var(--color-secondary-gray-400);
  --selected-calendar: #e7edfd;
  --color-background-selected-active: #e1e6fa;
  --color-icon-default: #667085;
  --color-icon-primary-default: #4367f6;
  --color-icon-subtle: #98a2b3;
  --color-background-accent-primary-subtle: #e1e6fa;
  --color-text-default: #344054;
  --color-background-button-primary-default: #4367f6;
  --color-border-button-primary-default: #3456e0;
  --color-text-inverse: #fff;
  --color-border-button-default-default: #d0d5dd;
  --color-background-button-default-default: #fff;
  --color-background-button-default-pressed: #f9fafb;
  --color-elevation-surface-subtle: #f9fafb;
  --color-border-input-typing: #3456e0;
  --color-border-default: #eaecf0;
  --color-text-subtle: #667085;
  --color-background-input-disabled: #f2f4f7;
  --color-background-neutral-subtlest-50900: #fcfcfd;
  --color-background-neutral-bolder: #101828;
  --color-background-accent-white-default: #fff;
  --color-text-accent-gray800: #344054;
  --color-text-accent-gray700: #475467;
  --color-text-subtlest: #98a2b3;
  --color-background-button-video-default: rgba(16, 24, 40, 0.4);
  --color-icon-accent-gray200-default: #f2f4f7;
  --color-background-neutral-subtle-100700: #f9fafb;
  --color-background-neutral-subtle-roy: #f3f7f8;
  --color-border-input-default: #d0d5dd;
  --color-border-input-error: #ef4444;
  --color-text-accent-white: #ffffff;
  --color-elevation-surface-default: #fff;
  --color-elevation-surface-overlay-darker: #f9fafb;
  --color-background-accent-gray-200-default: #f2f4f7;
  --color-background-accent-gray-300-default: #eaecf0;
  --color-text-accent-gray-700: #475467;
  --color-elevation-surface-overlay-default: #fff;
  --color-text-selected: #3456e0;
  --color-border-button-secondary-default: #4367f6;
  --color-elevation-surface-subtlest: #fcfcfd;
  --color-background-neutral-subtle: #f2f4f7;
  --color-text-bold: #101828;
  --color-background-input-default: #fff;
  --color-border-input-value: #d0d5dd;
  --color-background-input-value: #fff;
  --color-text-disabled: #d0d5dd;
  --color-background-neutral-default-100800: #f9fafb;
  --color-background-neutral-default-200700: #f2f4f7;
  --color-scrollbar: #c2c6ca;
  --color-link-default: #3456e0;
  --color-link-hover: #163483;
  --color-elevation-surface-background-default: #fff;
  --color-border-selected-default: #3456e0;
  --color-border-accent-primary: #cfd8fa;
  --color-background-accent-primary-subtlest: #f4f6fe;
  --color-background-selected-selector-active: #4367f6;
  --color-border-button-primary-deafult: #3456e0;
  --color-background-button-secondary-default: #fff;
  --color-border-button-tetriary-color-pressed: #e1e6fa;
  --color-border-button-tertiary-color-focused: #1c3bb8;
  --color-border-button-tertiary-grey-focused: #eaecf0;
  --color-background-button-tertiary-color-pressed: #f4f6fe;
  --color-background-button-tertiary-color-focused: #f4f6fe;
  --color-background-button-tertiary-gray-focused: #f9fafb;
  --color-background-button-tertiary-color-hover: #f4f6fe;
  --color-background-button-secondary-pressed: #f4f6fe;
  --color-border-button-primary-pressed: #2748cc;
  --color-icon-primary-bold: #3456e0;
  --color-border-error-default: #ef4444;
  --color-border-success-default: #22c55e;
  --color-border-info: #3b82f6;
  --color-background-error-default: #fef2f2;
  --color-background-error-opacity50: #dc2626;
  --color-background-success-default: #f0fdf4;
  --color-background-information-default: #eff6ff;
  --color-text-error-default: #ef4444;
  --color-text-alert-default: #dc2626;
  --color-icon-inverse: #ffffff;
  --color-background-accent-gray300-default: #eaecf0;
  --mat-option-selected-item-color: #0000000a;
  --color-background-input-read-only: #f2f4f7;
  --color-border-button-default-hover: #d0d5dd;
  --color-background-button-default-hover: #f9fafb;
  --color-icon-accent-primary-subtle: #3456e0;
  --color-icon-selected: #4367f6;
  --color-border-error-opacity50: #ef4444;
  --color-background-accent-primary-default: #748ced;
  --color-text-accent-primary: #4367f6;
  --color-backdrop-dialog: rgba(16, 24, 40, 0.4);
  --color-mobile-dropdown-shadow: rgba(0, 0, 0, 0.12);
  --color-backdrop-mobile-header-blur: rgba(255, 255, 255, 0.75);
  --color-mobile-nav-hover: rgba(0, 0, 0, 0.04);
  --color-background-mobile-header: #f2f4f7;
  --color-mobile-dropdown-active: rgba(0, 0, 0, 0.04);
  --color-mobile-subbar-bg: rgba(255, 255, 255, 0.82);
  --color-mobile-subbar-border: rgba(0, 0, 0, 0.06);
  --color-mobile-header-action: #6b9fff;
  --color-mobile-header-danger: #f44336;
  --color-border-button-tertiary-caution-default: #dc2626;
  --color-background-button-tetriary-caution-hover: #fee2e2;
  --color-border-button-tertiary-caution-hover: #dc2626;
  --color-background-button-tertiary-caution-focused: #fef2f2;
  --color-border-button-tertiary-caution-focused: #dc2626;
  --color-text-alert-bold: #dc2626;
  --color-border-input-read-only: #d0d5dd;
  --color-text-accent-violet: #6d28d9;
  --color-background-chart-alert-default: #ef4444;
  --color-background-chart-success-default: #4ade80;
  --color-text-success-default: #22c55e;
  --color-timeline-past-color: #fff;
  --color-timeline-feature-color: #f9fafb;
  --color-border-input-pressed: #3456e0;
  --color-link: #3456e0;
  --color-background-accent-yellow-subtle: #fef9c3;
  --color-text-accent-yellow: #a16207;
  --color-border-toggles-default: #22c55e;
  --color-border-selected-focused: #2748cc;
  --\441olor-border-default: #eaecf0;
  --\441olor-elevation-surface-subtle: #f9fafb;
  --color-background-button-tetriary-caution-focused: #fef2f2;
  --color-border-button-primary-hover: #4367f6;
  --color-background-button-primary-hover: #748ced;
  --color-background-button-primary-focused: #3456e0;
  --color-border-button-default-focused: #eaecf0;
  --color-background-button-default-focused: #fcfcfd;
  --color-background-button-secondary-hover: #f4f6fe;
  --color-border-button-secondary-focused: #3456e0;
  --color-background-button-secondary-focused: #f4f6fe;
  --color-background-button-tertiary-gray-hover: #f2f4f7;
  --color-text-accent-rose: #be123c;
  --color-background-accent-rose-subtle: #ffe4e6;
  --color-background-external-user-icon: #ffd674;
}
:root .dark-theme {
  --elevation-surface-overlay-default: #212d3f;
  --elevation-surface-subtlest: #161f31;
  --elevation-surface: var(--color-secondary-gray-900);
  --background-table: var(--color-secondary-gray-900);
  --background-table-header: #293342;
  --background-input: var(--color-secondary-gray-900);
  --link-hover: var(--color-secondary-gray-700);
  --link-active: var(--color-secondary-gray-800);
  --icon-selected: #9bacf2;
  --icon-default-no-bg: var(--color-secondary-gray-300);
  --icon-default-with-bg: var(--color-secondary-gray-300);
  --hr-default: #2d3442;
  --text-color-text-primary: #9bacf2;
  --text-title: var(--color-primary-white);
  --button-bg-primary: #9bacf2;
  --button-text-primary: var(--color-secondary-gray-900);
  --button-bg-default: transparent;
  --button-bg-secondary: var(--color-secondary-gray-900);
  --button-border-primary: var(--color-secondary-gray-800);
  --input-border-default: var(--color-secondary-gray-800);
  --box-shadow-default: 0px -1px 0px 0px rgba(255, 255, 255, 0.12) inset;
  --background-tooltip: var(--color-secondary-gray-400);
  --color-tooltip: var(--color-secondary-gray-900);
  --selected-calendar: #163483;
  --color-background-selected-active: #122fa3;
  --color-icon-default: #eaecf0;
  --color-icon-primary-default: #748ced;
  --color-icon-subtle: #98a2b3;
  --color-background-accent-primary-subtle: #3456e0;
  --color-text-default: #f9fafb;
  --color-background-button-primary-default: #748ced;
  --color-border-button-primary-default: #4367f6;
  --color-text-inverse: #101828;
  --color-border-button-default-default: #344054;
  --color-background-button-default-default: #101828;
  --color-background-button-default-pressed: #131c2e;
  --color-elevation-surface-subtle: #212d3f;
  --color-border-default: #344054;
  --color-text-subtle: #d0d5dd;
  --color-background-neutral-subtlest-50900: #101828;
  --color-background-neutral-bolder: #fcfcfd;
  --color-background-accent-white-default: #fff;
  --color-text-accent-gray800: #344054;
  --color-text-subtlest: #98a2b3;
  --color-background-button-video-default: rgba(16, 24, 40, 0.4);
  --color-icon-accent-gray200-default: #f2f4f7;
  --color-background-neutral-subtle-100700: #344054;
  --color-border-input-default: #667085;
  --color-border-input-error: #ef4444;
  --color-text-accent-white: #ffffff;
  --color-elevation-surface-default: #101828;
  --color-elevation-surface-overlay-darker: #161f31;
  --color-background-accent-gray-200-default: #202e4a;
  --color-text-accent-gray-700: #475467;
  --color-elevation-surface-overlay-default: #212d3f;
  --color-text-selected: #9bacf2;
  --color-border-button-secondary-default: #748ced;
  --color-elevation-surface-subtlest: #161f31;
  --color-background-neutral-subtle: #212d3f;
  --color-text-bold: #fff;
  --color-background-selected-hover: #e1e6fa;
  --color-background-input-default: #101828;
  --color-border-input-value: #344054;
  --color-background-input-value: #101828;
  --color-text-disabled: #667085;
  --color-background-neutral-default-100800: #344054;
  --color-background-neutral-default-200700: #475467;
  --color-scrollbar: #536275;
  --color-link-default: #9bacf2;
  --color-link-hover: #6575bf;
  --color-elevation-surface-background-default: #fff;
  --color-background-accent-blue-default: #f59e0b;
  --color-border-selected-default: #4367f6;
  --color-border-accent-primary: #cfd8fa;
  --color-background-accent-primary-subtlest: rgba(18, 47, 163, 0.4);
  --color-background-selected-selector-active: #748ced;
  --color-border-button-primary-deafult: #4367f6;
  --color-background-button-secondary-default: #101828;
  --color-border-button-tetriary-color-pressed: #e1e6fa;
  --color-border-button-tetriary-color-focused: #e1e6fa;
  --color-border-button-tertiary-color-focused: #e1e6fa;
  --color-background-button-tertiary-color-pressed: #122fa3;
  --color-background-button-tertiary-color-focused: #122fa3;
  --color-background-button-tertiary-gray-focused: #344054;
  --color-border-button-tetriary-grey-focused: #344054;
  --color-border-button-tertiary-grey-focused: #667085;
  --color-background-button-tertiary-color-hover: #122fa3;
  --color-icon-warning: #fdba74;
  --color-icon-alert: #f87171;
  --color-background-button-secondary-pressed: #122fa3;
  --color-border-button-primary-pressed: #748ced;
  --color-icon-primary-bold: #cfd8fa;
  --color-icon-inverse: #101828;
  --mat-option-selected-item-color: #0000000a;
  --color-background-accent-gray300-default: #667085;
  --color-background-accent-gray200-default: #475467;
  --color-icon-accent-primary-default: #3456e0;
  --color-background-warning-default: #713f12;
  --color-background-error-default: #7f1d1d;
  --color-background-success-default: #14532d;
  --color-background-information-default: #1e3a8a;
  --color-background-input-read-only: #141e33;
  --color-border-button-default-hover: #667085;
  --color-background-button-default-hover: #344054;
  --color-background-input-disabled: #141e33;
  --color-icon-accent-primary-subtle: #3456e0;
  --color-icon-selected: #9bacf2;
  --color-border-error-opacity50: #ef4444;
  --color-background-error-opacity50: #dc2626;
  --color-background-accent-primary-default: #748ced;
  --color-text-accent-primary: #cfd8fa;
  --color-backdrop-dialog: rgba(0, 0, 0, 0.6);
  --color-mobile-dropdown-shadow: rgba(0, 0, 0, 0.45);
  --color-backdrop-mobile-header-blur: rgba(13, 15, 20, 0.55);
  --color-mobile-nav-hover: rgba(255, 255, 255, 0.04);
  --color-background-mobile-header: #1a2332;
  --color-mobile-dropdown-active: rgba(255, 255, 255, 0.06);
  --color-mobile-subbar-bg: rgba(15, 20, 32, 0.82);
  --color-mobile-subbar-border: rgba(255, 255, 255, 0.06);
  --color-mobile-header-action: #6b9fff;
  --color-mobile-header-danger: #f44336;
  --color-text-alert-default: #fca5a5;
  --color-border-button-tertiary-caution-default: #f87171;
  --color-background-button-tetriary-caution-hover: #7f1d1d;
  --color-border-button-tertiary-caution-hover: #f87171;
  --color-background-button-tertiary-caution-focused: #7f1d1d;
  --color-text-alert-bold: #dc2626;
  --color-border-input-read-only: #344054;
  --color-text-accent-violet: #ddd6fe;
  --color-background-chart-alert-default: #f87171;
  --color-background-chart-success-default: #4ade80;
  --color-text-success-default: #4ade80;
  --color-text-primary-default: #748ced;
  --color-timeline-past-color: #475467;
  --color-timeline-feature-color: #101828;
  --color-border-input-pressed: #748ced;
  --color-background-selected-selector-hover: #4367f6;
  --color-icon-primary-subtle: #1c3bb8;
  --color-text-primary-bold: #9bacf2;
  --color-link: #9bacf2;
  --color-border-error-default: #ef4444;
  --color-border-toggles-default: #22c55e;
  --\441olor-elevation-surface-subtle: #212d3f;
  --color-background-button-tetriary-caution-focused: #7f1d1d;
  --color-border-button-primary-hover: #2748cc;
  --color-background-button-primary-hover: #4367f6;
  --color-background-button-primary-focused: #9bacf2;
  --color-border-button-default-focused: #98a2b3;
  --color-background-button-default-focused: #475467;
  --color-background-button-secondary-hover: #122fa3;
  --color-border-button-secondary-focused: #9bacf2;
  --color-background-button-secondary-focused: #122fa3;
  --color-background-button-tertiary-gray-hover: #344054;
  --color-background-accent-red-subtle: #7f1d1d;
  --color-border-accent-red: #f87171;
  --color-background-accent-red-default: #ef4444;
  --color-text-accent-red: #fca5a5;
  --color-text-accent-red-bold: #fecaca;
  --color-background-accent-orange-subtle: #7c2d12;
  --color-border-accent-orange: #fb923c;
  --color-background-accent-orange-default: #f97316;
  --color-text-accent-orange: #fdba74;
  --color-border-accent-amber: #b45309;
  --color-background-accent-amber-default: #f59e0b;
  --color-background-accent-amber-subtle: #78350f;
  --color-background-accent-indigo-subtle: #312e81;
  --color-background-accent-blue-subtle: #1e3a8a;
  --color-border-accent-blue: #60a5fa;
  --color-text-accent-blue: #93c5fd;
  --color-background-external-user-icon: #ff8800;
}
.ml-10 {
  margin-left: 10px !important;
}
.w-100 {
  width: 100% !important;
}
.w-50 {
  width: 50% !important;
}
.w-30 {
  width: 30%;
}
.w-25 {
  width: 25% !important;
}
.w-75 {
  width: 75% !important;
}
.w-25-flex {
  flex: 1 1 100%;
  box-sizing: border-box;
  max-width: 25%;
}
.w-20-flex {
  flex: 1 1 100%;
  box-sizing: border-box;
  max-width: 20%;
}
.h-100 {
  height: 100% !important;
}
.h-50-3 {
  height: 16.6666666667% !important;
}
.h-50 {
  height: 50%;
}
.hidden {
  display: none !important;
}
.p-r {
  position: relative !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mt-6 {
  margin-top: 6px !important;
}
.mt-3 {
  margin-top: 3px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-18 {
  margin-top: 18px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.c-p {
  cursor: pointer;
}
.c-p label {
  cursor: inherit !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.gap-3 {
  gap: 3px;
}
.gap-4 {
  gap: 4px;
}
.gap-2 {
  gap: 2px;
}
.gap-8 {
  gap: 8px;
}
.gap-28 {
  gap: 28px;
}
.gap-13 {
  gap: 13px;
}
.gap-14 {
  gap: 14px;
}
.gap-20 {
  gap: 20px;
}
.gap-30 {
  gap: 30px;
}
.gap-32 {
  gap: 32px;
}
.gap-40 {
  gap: 40px;
}
.gap-45 {
  gap: 45px;
}
.gap-60 {
  gap: 60px;
}
.mr-5 {
  margin-right: 5px !important;
}
.c-primary {
  color: var(--color-primary-500);
}
.primary {
  color: var(--color-primary-500) !important;
}
.gap-24 {
  gap: 24px;
}
.gap-25 {
  gap: 25px;
}
.gap-20 {
  gap: 20px;
}
.gap-50 {
  gap: 50px;
}
.gap-10 {
  gap: 10px;
}
.gap-100 {
  gap: 100px;
}
.gap-15 {
  gap: 15px;
}
.opacity-25 {
  opacity: 0.25;
}
.gap-12 {
  gap: 12px;
}
.gap-16 {
  gap: 16px;
}
.gap-18 {
  gap: 18px;
}
.p-24 {
  padding: 24px !important;
}
.p-25 {
  padding: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-36 {
  margin-bottom: 36px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-8 {
  padding: 8px !important;
}
.mw-m {
  width: 100% !important;
}
.c-yellow {
  color: #ffdd6e !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mb-8 {
  margin-bottom: 8px;
}
.p-r {
  position: relative !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-16 {
  padding: 16px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-25 {
  padding: 25px !important;
}
.p-30 {
  padding: 30px !important;
}
.ph-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.ph-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.svg-fill-icon-selected .mat-icon svg path {
  fill: var(--color-icon-selected);
}
.svg-fill-icon-selected span:before {
  color: var(--color-icon-selected);
}
.svg-fill-primary .mat-icon svg path,
.ui-icon-primary .mat-icon svg path {
  fill: var(--color-primary-500);
}
.svg-fill-primary span:before,
.ui-icon-primary span:before {
  color: var(--color-primary-500);
}
.svg-fill-white .mat-icon svg path,
.ui-icon-white .mat-icon svg path {
  fill: #ffffff !important;
}
.svg-fill-white span:before,
.ui-icon-white span:before {
  color: #ffffff;
}
.svg-fill-text-default .mat-icon svg path,
.ui-icon-white .mat-icon svg path {
  fill: var(--color-text-default) !important;
}
.svg-fill-text-default span:before,
.ui-icon-white span:before {
  color: var(--color-text-default);
}
.svg-stroke-white svg g path {
  stroke: var(--color-primary-white);
}
.svg-fill-red .mat-icon svg path,
.ui-icon-red .mat-icon svg path {
  fill: var(--color-red-500);
}
.svg-fill-red span:before,
.ui-icon-red span:before {
  color: var(--color-red-500);
}
.svg-fill-yellow .mat-icon svg path,
.ui-icon-yellow .mat-icon svg path {
  fill: #f59e0b;
}
.svg-fill-yellow span:before,
.ui-icon-yellow span:before {
  color: #f59e0b;
}
.svg-fill-warning .mat-icon svg path {
  fill: var(--color-icon-warning);
}
.svg-fill-warning span:before {
  color: var(--color-icon-warning);
}
.svg-fill-icon-default .mat-icon svg path {
  fill: var(--color-icon-default);
}
.svg-fill-icon-default span:before {
  color: var(--color-icon-default);
}
.svg-fill-green .mat-icon svg path,
.ui-icon-green .mat-icon svg path {
  fill: var(--color-secondary-green-500);
}
.svg-fill-green span:before,
.ui-icon-green span:before {
  color: var(--color-secondary-green-500);
}
.svg-fill-gray .mat-icon svg path {
  fill: #7a88b1;
}
.svg-fill-gray-600 .mat-icon svg path {
  fill: var(--color-secondary-gray-600);
}
.svg-fill-gray-400 .mat-icon svg path {
  fill: var(--color-secondary-gray-400);
}
.icon-12 .mat-icon {
  height: 12px !important;
  width: 12px !important;
  line-height: 12px !important;
  font-size: 12px !important;
}
.icon-14 .mat-icon {
  height: 14px !important;
  width: 14px !important;
  line-height: 14px !important;
  font-size: 14px !important;
}
.icon-18 .mat-icon {
  height: 18px !important;
  width: 18px !important;
  line-height: 18px !important;
  font-size: 18px !important;
}
.icon-20 .mat-icon {
  height: 20px !important;
  width: 20px !important;
  line-height: 20px !important;
  font-size: 20px !important;
}
.icon-24 .mat-icon {
  height: 24px !important;
  width: 24px !important;
  line-height: 24px !important;
  font-size: 24px !important;
}
.child-100 > * {
  width: 100%;
}
.t-r {
  text-align: right !important;
}
.t-l {
  text-align: left !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.ml-4 {
  margin-left: 4px;
}
.pl-24 {
  padding-left: 24px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.gap-5 {
  gap: 5px;
}
.z-index-1001 {
  z-index: 1001 !important;
}
.mt-48 {
  margin-top: 48px;
}
.gap-6 {
  gap: 6px;
}
.min-h-0 {
  min-height: 0 !important;
}
.b-box {
  box-sizing: border-box;
}
.min-w-0 {
  min-width: 0 !important;
}
.flex-fill {
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-row {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  min-width: 0;
}
.flex-col {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
}
.flex {
  flex: 1 1 0%;
  box-sizing: border-box;
}
.flex-auto {
  flex: 1 1 auto;
  box-sizing: border-box;
}
.flex-50 {
  max-width: 50%;
}
.flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
}
.flex-1-3 {
  flex: 0 0 33.3333333333%;
}
.space-between-center {
  align-items: center;
  justify-content: space-between;
}
.space-between-start {
  align-items: start;
  justify-content: space-between;
}
.space-between-end {
  align-items: end;
  justify-content: space-between;
}
.space-evenly-center {
  align-items: center;
  justify-content: space-evenly;
}
.space-around-center {
  align-items: center;
  justify-content: space-around;
}
.space-around-start {
  align-items: start;
  justify-content: space-around;
}
.start-center {
  align-items: center;
  justify-content: start;
}
.center-start {
  align-items: start;
  justify-content: center;
}
.start-end {
  align-items: end;
  justify-content: start;
}
.start-start {
  align-items: start;
  justify-content: start;
}
.center-center {
  justify-content: center;
  align-items: center;
}
.center-baseline {
  justify-content: center;
  align-items: baseline;
}
.end-center {
  justify-content: end;
  align-items: center;
}
.end-end {
  justify-content: end;
  align-items: end;
}
.end-start {
  justify-content: end;
  align-items: start;
}
.flex {
  flex: 1 1 0%;
}
.flex-25 {
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
}
.flex-23 {
  flex: 0 0 23%;
  max-width: 23%;
  box-sizing: border-box;
}
.flex-30 {
  flex: 0 0 30%;
  max-width: 30%;
  box-sizing: border-box;
}
@font-face {
  font-family: "Inter";
  font-weight: 100;
  src: local("Inter"), url("./media/Inter_28pt-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  src: local("Inter"), url("./media/Inter_28pt-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-weight: 600;
  src: local("Inter"), url("./media/Inter_28pt-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-weight: bold;
  src: local("Inter"), url("./media/Inter_28pt-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Inter";
  font-weight: 800;
  src: local("Inter"), url("./media/Inter_28pt-Black.ttf") format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-weight: 100;
  src: local("Satoshi"), url("./media/Satoshi-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Satoshi";
  src: local("Satoshi"), url("./media/Satoshi-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-weight: 600;
  src: local("Satoshi"), url("./media/Satoshi-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-weight: bold;
  src: local("Satoshi"), url("./media/Satoshi-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Satoshi";
  font-weight: 800;
  src: local("Satoshi"), url("./media/Satoshi-Black.ttf") format("truetype");
}
.ui-input {
  box-sizing: border-box;
  border-radius: 4px;
  padding: 4px 16px;
  font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--color-text-default) !important;
}
.ui-input.thick {
  padding: 8px 16px;
}
.ui-input.prefix {
  padding-left: 40px;
}
.ui-input:focus,
.ui-input:focus-visible {
  outline: none;
}
.input-label {
  font-size: var(--ui-font-m-size);
  font-weight: var(--ui-font-m-weight);
  line-height: var(--ui-font-m-height);
}
.ui-input.ng-invalid.ng-touched,
.ui-input-40.ng-invalid.ng-touched {
  border-color: red;
  outline: none;
}
.ui-input.invalid,
.ui-input-40.invalid {
  border-color: red;
  outline: none;
}
.ui-input.invalid:focus,
.ui-input.invalid:focus-visible,
.ui-input-40.invalid:focus,
.ui-input-40.invalid:focus-visible {
  border-color: red;
}
.ui-input-wrapper.invalid .ui-input {
  border-color: red;
  outline: none;
}
.ui-input-wrapper.invalid .ui-input:focus,
.ui-input-wrapper.invalid .ui-input:focus-visible {
  border-color: red;
}
.ui-input-wrapper.invalid .label {
  color: red;
}
.ui-input-wrapper.invalid .ui-input:focus-visible {
  outline-color: red;
}
.ui-input-wrapper.invalid .suffix {
  position: absolute;
  bottom: 3px;
  right: 3px;
}
.validation-msg-block {
  height: 15px;
}
.ui-input-wrapper.label-out .ui-input {
  border-radius: 4px;
  padding: 8px 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.ui-input-wrapper.label-out.narrow .ui-input {
  padding: 4px 16px !important;
}
.ui-input-wrapper.label-out .label {
  color: var(--color-text-default);
  margin-bottom: 8px;
  font-size: var(--ui-font-mx-size);
  font-weight: var(--ui-font-mx-weight);
  line-height: var(--ui-font-mx-height);
}
.ui-input-wrapper.label-out .suffix {
  position: absolute;
  bottom: 10px;
  right: 15px;
  opacity: 0.7;
}
.ui-input-container {
  position: relative;
}
[dir=ltr] .ui-input-container .ui-icon-search {
  position: absolute;
  top: 12px;
  left: 16px;
  z-index: 998;
}
[dir=rtl] .ui-input-container .ui-icon-search {
  position: absolute;
  top: 12px;
  left: 16px;
  z-index: 998;
}
.ui-input-container .ui-input {
  width: 100%;
  padding-left: 31.5px !important;
  box-sizing: border-box;
  color: var(--color-text-default);
}
.ui-input-container-no-icon label {
  font-size: var(--ui-font-m-size);
  font-weight: var(--ui-font-m-weight);
  line-height: var(--ui-font-m-height);
  color: var(--color-text-default);
}
.ui-input-container-no-icon input,
.ui-input-container-no-icon textarea {
  font-family: "Satoshi";
  font-size: var(--ui-font-xm-size);
  font-weight: var(--ui-font-xm-weight);
  line-height: var(--ui-font-xm-height);
  color: var(--color-text-default);
  border: 1px solid var(--color-secondary-gray-400);
  border-radius: 4px;
  padding: 7px 16px;
}
.ui-input-container-no-icon input.with-label {
  margin-top: 8px;
}
.ui-input-container-no-icon textarea.with-label {
  margin-top: 8px;
}
.ui-input-container-no-icon input.invalid,
.ui-input-container-no-icon textarea.invalid {
  border-color: red;
  outline: none;
}
.ui-input:disabled {
  opacity: 1 !important;
  color: var(--color-text-default) !important;
  border: 1px solid var(--color-border-input-read-only) !important;
  background: var(--color-background-input-disabled) !important;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  background: var(--link-hover);
  border-radius: 6px;
  color: var(--color-secondary-gray-600);
}
.mat-input-element:disabled {
  color: var(--color-secondary-gray-600);
}
.mat-mdc-select-arrow {
  width: 0 !important;
  height: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 solid !important;
  margin: 0 4px;
  opacity: 0;
}
.mat-mdc-select-arrow-wrapper {
  margin-top: -5px !important;
  background-image: url(/assets/icons/arrow_drop_down_big.svg);
  background-repeat: no-repeat;
  width: 16px !important;
  height: 16px !important;
  transform: translateY(3px) !important;
}
[dir=ltr] .mat-mdc-select-arrow-wrapper {
  margin-right: 8px;
}
[dir=rtl] .mat-mdc-select-arrow-wrapper {
  margin-left: 8px;
}
.ui-selector,
mat-select,
.mat-mdc-select {
  border-radius: 4px;
  background: var(--color-background-input-default);
  color: var(--color-text-subtlest);
  font-size: var(--ui-font-m-size) !important;
  font-weight: var(--ui-font-m-weight) !important;
  line-height: var(--ui-font-m-height) !important;
}
.ui-selector {
  cursor: pointer;
  border: 1px solid var(--input-border-default);
}
.ui-selector .mat-mdc-select-value {
  padding: 4px 16px;
}
.ui-selector.thick {
  padding: 3px 0px;
}
input:not([type=checkbox]),
textarea {
  border: 1px solid var(--input-border-default);
  background: var(--color-background-input-default);
  color: var(--color-text-default);
}
input::placeholder,
textarea::placeholder,
mat-select::placeholder,
.mat-mdc-select-placeholder {
  color: var(--color-secondary-gray-500) !important;
}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
  color: var(--color-secondary-gray-600);
}
.mat-mdc-option .mdc-list-item__primary-text {
  font-size: var(--ui-font-xm-size) !important;
  font-weight: var(--ui-font-xm-weight) !important;
  line-height: var(--ui-font-xm-height) !important;
  line-height: 3em !important;
  height: 3em !important;
  width: 100%;
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
  bottom: unset !important;
  right: unset !important;
}
.mat-mdc-option .mat-icon,
.mat-mdc-option .mat-pseudo-checkbox-full {
  margin-right: 8px !important;
}
[dir=rtl] .no-margin-checkbox .mat-mdc-option .mat-icon,
[dir=rtl] .no-margin-checkbox .mat-mdc-option .mat-pseudo-checkbox-full {
  margin-right: 0px !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: unset !important;
}
.mat-mdc-select-panel[aria-multiselectable=false] mat-pseudo-checkbox {
  display: none;
}
.mat-mdc-option {
  min-height: unset !important;
}
.mdc-checkbox {
  padding: 0 !important;
  width: 20px !important;
  height: 20px !important;
}
[dir=ltr] .mdc-checkbox {
  margin-right: 8px !important;
}
[dir=rtl] .mdc-checkbox {
  margin-left: 8px !important;
}
.mdc-checkbox__background {
  top: unset !important;
  left: unset !important;
  border-radius: 4px !important;
  width: 20px !important;
  height: 20px !important;
}
.mdc-checkbox__background svg {
  display: none;
}
.mat-mdc-checkbox .mdc-checkbox__background,
.mat-pseudo-checkbox {
  border-radius: 4px !important;
  width: 20px !important;
  height: 20px !important;
}
.mat-mdc-checkbox-checked .mdc-checkbox__background,
.mat-pseudo-checkbox-checked {
  position: relative !important;
  background-color: var(--color-background-selected-selector-active) !important;
  border: 1px solid var(--color-border-selected-default) !important;
  border-radius: 4px !important;
  width: 20px !important;
  height: 20px !important;
}
.mat-mdc-checkbox-checked .mdc-checkbox__background::after,
.mat-pseudo-checkbox-checked::after {
  content: url(/assets/icons/checkbox-checkmark.svg) !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  height: 20px !important;
  width: 20px !important;
  color: var(--color-primary-white) !important;
  line-height: 0 !important;
  border: none !important;
}
[dir=rtl] .mat-mdc-checkbox-checked .mdc-checkbox__background::after,
[dir=rtl] .mat-pseudo-checkbox-checked::after {
  transform: translate(-56%, -44%) !important;
}
[dir=ltr] .mat-mdc-checkbox-checked .mdc-checkbox__background::after,
[dir=ltr] .mat-pseudo-checkbox-checked::after {
  transform: translate(-39%, -43%) !important;
}
.mdc-checkbox__native-control {
  width: 20px !important;
  height: 20px !important;
}
.ui-selector-40 {
  box-sizing: border-box;
  border: 1px solid var(--color-border-input-value) !important;
  border-radius: 4px;
}
.ui-selector-40 .mat-mdc-select-value {
  padding: 8px 16px !important;
}
.ui-camera-selector {
  box-sizing: border-box;
  border: 1px solid var(--color-border-input-value) !important;
  border-radius: 4px;
}
.ui-camera-selector .mat-mdc-select-value {
  padding: 7px 16px !important;
}
.ui-input-40 {
  padding: 7px 16px !important;
  border-radius: 4px;
  color: var(--color-text-default);
}
.ui-phone-input-40 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.mat-mdc-checkbox-disabled {
  opacity: 0.5;
}
.mat-mdc-checkbox .mdc-label {
  font-size: var(--ui-font-checkbox-label-size);
  font-weight: var(--ui-font-checkbox-label-weight);
  line-height: var(--ui-font-checkbox-label-height);
}
.bold .mat-mdc-checkbox .mdc-label {
  font-size: var(--ui-font-mx-size);
  font-weight: var(--ui-font-mx-weight);
  line-height: var(--ui-font-mx-height);
}
.ui-input-suffix {
  position: absolute;
  bottom: 7px;
  right: 15px;
  opacity: 0.7;
}
.ui-input-suffix.input-40 {
  bottom: 11px;
}
.ui-input-prefix {
  position: absolute;
  bottom: 8px;
  left: 8px;
  opacity: 0.7;
  font-size: 16px;
  height: 16px !important;
  width: 16px !important;
}
input[type=time] {
  color: var(--color-text-default);
  font-size: var(--ui-font-xm-size);
  font-weight: var(--ui-font-xm-weight);
  line-height: var(--ui-font-xm-height);
}
.permission-autocomplete-search .search-input {
  padding-right: 100px !important;
}
.permission-autocomplete-search.ui-input-container .input-icon-end.input-40 {
  right: 80px;
}
.permission-autocomplete .mat-mdc-option .mdc-list-item__primary-text {
  height: 46px !important;
  display: flex;
  align-items: center;
}
ui-phone-input-v2 {
  width: 100%;
}
ui-phone-input-v2 .disabled {
  pointer-events: none;
  opacity: 1 !important;
}
ui-phone-input-v2 .tel-input-v2 {
  padding: 7px 16px 7px 98px !important;
}
ui-phone-input-v2 ngx-intl-tel-input.ng-invalid.ng-touched input {
  border-color: red;
}
ui-phone-input-v2 .iti .iti__country-list {
  height: 144px !important;
  overflow: auto !important;
  border: none !important;
  color: var(--color-text-default);
}
ui-phone-input-v2 .iti .iti__flag-container.disabled .iti__arrow {
  display: none;
}
ui-phone-input-v2 .iti .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
  border-right: 1px solid var(--color-border-input-default) !important;
}
ui-phone-input-v2 .iti input#country-search-box {
  padding: 4px 16px !important;
}
ui-phone-input-v2 .iti .search-container {
  padding: 8px 12px 12px;
  border-bottom: 1px solid var(--color-border-default);
}
ui-phone-input-v2 .iti .search-container input {
  box-sizing: border-box;
  border-radius: 4px;
  font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  border: 1px solid var(--input-border-default) !important;
  background: var(--color-background-input-default);
  color: var(--color-text-default) !important;
}
ui-phone-input-v2 .iti .search-container input:focus,
ui-phone-input-v2 .iti .search-container input:focus-visible {
  border: 1px solid var(--color-border-input-pressed) !important;
  outline: none;
}
ui-phone-input-v2 .dropdown-menu.iti__dropdown-content.show {
  inset: auto !important;
}
.ui-modal {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ui-modal .header {
  padding: 16px 24px;
  font-size: var(--ui-font-m-size);
  font-weight: var(--ui-font-m-weight);
  line-height: var(--ui-font-m-height);
  color: var(--color-text-default);
  border-bottom: 1px solid var(--color-border-default);
  background: var(--color-elevation-surface-overlay-default);
}
@media (max-width: 768px) {
  .ui-modal .header {
    padding: 16px;
  }
}
.ui-modal .body {
  padding: 24px;
  border-bottom: 1px solid var(--color-border-default);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--color-elevation-surface-overlay-darker);
}
@media (max-width: 768px) {
  .ui-modal .body {
    padding: 16px;
  }
}
.ui-modal .footer {
  padding: 20px 24px;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  background: var(--color-elevation-surface-overlay-default);
  gap: 8px;
}
@media (max-width: 768px) {
  .ui-modal .footer {
    padding: 16px;
  }
}
@media (max-width: 768px) {
  .mat-mdc-dialog-container .mdc-dialog__surface {
    transform: translateZ(0);
  }
}
@media (max-width: 578px) {
  .cdk-overlay-pane.mat-mdc-dialog-panel {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
  }
  .mat-mdc-dialog-container .mdc-dialog__surface {
    width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0 !important;
  }
  .mat-mdc-dialog-container {
    border-radius: 0 !important;
  }
  .ui-modal {
    height: 100dvh;
  }
  .ui-modal.ui-modal--compact {
    height: auto;
  }
  .ui-modal:not(.ui-modal--compact) .header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    padding-top: max(16px, env(safe-area-inset-top));
  }
  .ui-modal:not(.ui-modal--compact) .footer {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1;
    padding-bottom: max(20px, env(safe-area-inset-bottom));
  }
  .ui-modal .body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .mat-mdc-dialog-container .mdc-dialog__surface:has(.ui-modal.ui-modal--compact) {
    height: auto;
    max-height: 90dvh;
  }
}
.ui-modal.ui-modal--compact {
  max-height: 90dvh;
}
@media (max-height: 500px) and (orientation: landscape) {
  .mat-mdc-dialog-container .mdc-dialog__surface {
    max-height: 100dvh;
  }
  .ui-modal {
    max-height: 100dvh;
  }
}
.ui-level2-page-wrapper {
  box-sizing: border-box;
  width: 100%;
}
.ui-level2-page {
  padding: 24px;
  box-sizing: border-box;
}
.ui-level2-page .title {
  font-size: 16px;
  color: var(--text-title);
}
.ui-page.content-wrapper {
  padding: 32px 40px;
}
.ui-page.content-wrapper .table-wrapper {
  margin-top: 16px;
  background: var(--elevation-surface);
  border-radius: 4px;
}
.ui-page.content-wrapper .table-wrapper .header {
  background: var(--color-elevation-surface-subtle);
  box-shadow: var(--box-shadow-default);
}
.ui-page.content-wrapper .table-wrapper .header div {
  padding: 12px 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: var(--color-text-subtle);
}
.ui-page.content-wrapper .table-wrapper .table-row .td {
  padding: 0 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--color-text-default);
  height: 72px;
  box-shadow: var(--box-shadow-default);
}
.ui-page.content-wrapper .table-wrapper .table-row .td.name {
  cursor: pointer;
}
.ui-page.content-wrapper .clickable-menu {
  cursor: pointer;
}
@font-face {
  font-family: "lumix-icons";
  src: url("./media/lumix-icons.eot?l5wxwk");
  src:
    url("./media/lumix-icons.eot?l5wxwk#iefix") format("embedded-opentype"),
    url("./media/lumix-icons.ttf?l5wxwk") format("truetype"),
    url("./media/lumix-icons.woff?l5wxwk") format("woff"),
    url("./media/lumix-icons.svg?l5wxwk#lumix-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ui-icon-],
[class*=" ui-icon-"] {
  font-family: "lumix-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--icon-default-no-bg);
}
.ui-icon-chat:before {
  content: "\ea7f";
}
.ui-icon-wrench:before {
  content: "\ea7d";
}
.ui-icon-book:before {
  content: "\ea7e";
}
.ui-icon-comment-sidebar:before {
  content: "\ea7c";
}
.ui-icon-apps-sidebar:before {
  content: "\ea7b";
}
.ui-icon-camera-sidebar:before {
  content: "\ea7a";
}
.ui-icon-search-sidebar:before {
  content: "\ea79";
}
.ui-icon-notifications-sidebar:before {
  content: "\ea78";
}
.ui-icon-dashboard-sidebar:before {
  content: "\ea77";
}
.ui-icon-wall-sidebar:before {
  content: "\ea76";
}
.ui-icon-archive-sidebar:before {
  content: "\ea75";
}
.ui-icon-menu-folder-sidebar:before {
  content: "\ea74";
}
.ui-icon-pricing-sidebar:before {
  content: "\ea73";
}
.ui-icon-controls-event-sidebar:before {
  content: "\ea72";
}
.ui-icon-workflow-sidebar:before {
  content: "\ea71";
}
.ui-icon-dashboards-sidebar:before {
  content: "\ea70";
}
.ui-icon-help-center-sidebar:before {
  content: "\ea6f";
}
.ui-icon-help-sidebar:before {
  content: "\ea6e";
}
.ui-icon-user-sidebar:before {
  content: "\ea6d";
}
.ui-icon-partner-portal:before {
  content: "\ea68";
}
.ui-icon-site-planner:before {
  content: "\ea67";
}
.ui-icon-core:before {
  content: "\ea6c";
}
.ui-icon-select:before {
  content: "\ea6a";
}
.ui-icon-hand:before {
  content: "\ea69";
}
.ui-icon-wall-building:before {
  content: "\ea6b";
}
.ui-icon-tabular-chart:before {
  content: "\ea66";
}
.ui-icon-annotation:before {
  content: "\ea65";
}
.ui-icon-notification-on:before {
  content: "\ea64";
}
.ui-icon-filters-trigger:before {
  content: "\ea63";
}
.ui-icon-workflow:before {
  content: "\ea5b";
}
.ui-icon-input:before {
  content: "\ea61";
}
.ui-icon-output:before {
  content: "\ea62";
}
.ui-icon-zone-region:before {
  content: "\ea60";
}
.ui-icon-category:before {
  content: "\ea5f";
}
.ui-icon-duplicate:before {
  content: "\ea5e";
}
.ui-icon-out-of-organization:before {
  content: "\ea5c";
}
.ui-icon-menu-folder:before {
  content: "\ea5d";
}
.ui-icon-webhook:before {
  content: "\ea5a";
}
.ui-icon-armed:before {
  content: "\ea59";
}
.ui-icon-disarmed:before {
  content: "\ea58";
}
.ui-icon-denied:before {
  content: "\ea56";
}
.ui-icon-pending:before {
  content: "\ea57";
}
.ui-icon-apps:before {
  content: "\ea54";
}
.ui-icon-parking-traffic-violations:before {
  content: "\ea55";
}
.ui-icon-monitoring:before {
  content: "\ea4f";
}
.ui-icon-incident:before {
  content: "\ea52";
}
.ui-icon-extend:before {
  content: "\ea53";
}
.ui-icon-free-text-object:before {
  content: "\ea50";
}
.ui-icon-object-states:before {
  content: "\ea51";
}
.ui-icon-nvr:before {
  content: "\ea4e";
}
.ui-icon-map-object:before {
  content: "\ea4d";
}
.ui-icon-tag:before {
  content: "\ea4c";
}
.ui-icon-live-cam:before {
  content: "\ea4b";
}
.ui-icon-change:before {
  content: "\ea4a";
}
.ui-icon-film:before {
  content: "\ea47";
}
.ui-icon-image:before {
  content: "\ea48";
}
.ui-icon-issues:before {
  content: "\ea49";
}
.ui-icon-castle:before {
  content: "\ea46";
}
.ui-icon-custom-object:before {
  content: "\ea45";
}
.ui-icon-file:before {
  content: "\ea44";
}
.ui-icon-issue:before {
  content: "\ea3d";
}
.ui-icon-doors:before {
  content: "\ea40";
}
.ui-icon-controls-event:before {
  content: "\ea42";
}
.ui-icon-new-tab:before {
  content: "\ea43";
}
.ui-icon-apple:before {
  content: "\ea41";
}
.ui-icon-existing-uniform:before {
  content: "\ea3f";
}
.ui-icon-immix:before {
  content: "\ea3b";
  color: #c1121d;
}
.ui-icon-unsaved-uniform:before {
  content: "\ea3c";
}
.ui-icon-help-center:before {
  content: "\ea3a";
}
.ui-icon-fisheye-two-tiles:before {
  content: "\ea35";
}
.ui-icon-fisheye-three-tiles:before {
  content: "\ea36";
}
.ui-icon-fisheye-four-tiles:before {
  content: "\ea37";
}
.ui-icon-fisheye-eptz:before {
  content: "\ea38";
}
.ui-icon-fisheye-circle:before {
  content: "\ea39";
}
.ui-icon-battery:before {
  content: "\ea34";
}
.ui-icon-disconnected:before {
  content: "\ea32";
}
.ui-icon-connected:before {
  content: "\ea33";
}
.ui-icon-sensor:before {
  content: "\ea31";
}
.ui-icon-container:before {
  content: "\ea30";
}
.ui-icon-grouped-cameras:before {
  content: "\ea2f";
}
.ui-icon-storage:before {
  content: "\ea2d";
}
.ui-icon-list-view-2:before {
  content: "\ea2e";
}
.ui-icon-star:before {
  content: "\ea2b";
}
.ui-icon-star-fill:before {
  content: "\ea2c";
  color: #eab308;
}
.ui-icon-camera-shortcut:before {
  content: "\ea2a";
}
.ui-icon-door-unlock:before {
  content: "\ea28";
}
.ui-icon-door-lock:before {
  content: "\ea29";
}
.ui-icon-exit-full-screen:before {
  content: "\ea27";
}
.ui-icon-microphone:before {
  content: "\ea26";
}
.ui-icon-youtube:before {
  content: "\ea25";
}
.ui-icon-public:before {
  content: "\ea24";
}
.ui-icon-notifications-no-stroke:before {
  content: "\ea21";
}
.ui-icon-set-rotation:before {
  content: "\ea23";
}
.ui-icon-lumana-logo:before {
  content: "\ea22";
}
.ui-icon-keyboard-arrow-right:before {
  content: "\ea20";
}
.ui-icon-event:before {
  content: "\ea1f";
}
.ui-icon-camera-control-quality:before {
  content: "\ea1b";
}
.ui-icon-camera-control-resetzoom:before {
  content: "\ea1c";
}
.ui-icon-camera-control-zoomout:before {
  content: "\ea1d";
}
.ui-icon-camera-control-zoomin:before {
  content: "\ea1e";
}
.ui-icon-map-view:before {
  content: "\ea18";
}
.ui-icon-list-view:before {
  content: "\ea19";
}
.ui-icon-floor-view:before {
  content: "\ea1a";
}
.ui-icon-shopping-cart:before {
  content: "\ea17";
}
.ui-icon-mfa:before {
  content: "\ea16";
}
.ui-icon-all-expanded:before {
  content: "\ea14";
}
.ui-icon-all-collapsed:before {
  content: "\ea15";
}
.ui-icon-pet:before {
  content: "\ea13";
}
.ui-icon-dislike:before {
  content: "\ea12";
}
.ui-icon-add-person:before {
  content: "\ea11";
}
.ui-icon-stop:before {
  content: "\ea10";
}
.ui-icon-shield:before {
  content: "\ea0f";
}
.ui-icon-phone:before {
  content: "\ea0e";
}
.ui-icon-accessibility:before {
  content: "\ea0d";
}
.ui-icon-loom:before {
  content: "\ea0c";
}
.ui-icon-pin:before {
  content: "\ea0b";
}
.ui-icon-eye_closed:before {
  content: "\e929";
}
.ui-icon-trained:before {
  content: "\ea0a";
}
.ui-icon-camera1:before {
  content: "\ea09";
}
.ui-icon-sidebar:before {
  content: "\ea08";
}
.ui-icon-live:before {
  content: "\ea07";
}
.ui-icon-globe:before {
  content: "\ea04";
}
.ui-icon-assets:before {
  content: "\ea05";
}
.ui-icon-ptz:before {
  content: "\ea06";
}
.ui-icon-billing:before {
  content: "\ea03";
}
.ui-icon-forward-3:before {
  content: "\ea02";
}
.ui-icon-hide:before {
  content: "\ea01";
}
.ui-icon-mail:before {
  content: "\ea00";
}
.ui-icon-time:before {
  content: "\e95e";
}
.ui-icon-alert-type:before {
  content: "\e9d6";
}
.ui-icon-counter:before {
  content: "\e9d5";
}
.ui-icon-pie-chart:before {
  content: "\e9cd";
}
.ui-icon-funnel-chart:before {
  content: "\e9ce";
}
.ui-icon-scatter-chart:before {
  content: "\e9cf";
}
.ui-icon-horizontal-stached-chart:before {
  content: "\e9d0";
}
.ui-icon-stacked-chart:before {
  content: "\e9d1";
}
.ui-icon-line-chart:before {
  content: "\e9d2";
}
.ui-icon-horizontal-bar-chart:before {
  content: "\e9d3";
}
.ui-icon-bar-chart:before {
  content: "\e9d4";
}
.ui-icon-acked-alert:before {
  content: "\e9cb";
}
.ui-icon-none-acked-alert:before {
  content: "\e9cc";
}
.ui-icon-login-firewall:before {
  content: "\e9ca";
}
.ui-icon-drop-down-arrow-small:before {
  content: "\e9c9";
}
.ui-icon-minus:before {
  content: "\e9c8";
}
.ui-icon-prev-frame:before {
  content: "\e9c6";
}
.ui-icon-next-frame:before {
  content: "\e9c7";
}
.ui-icon-inheritance:before {
  content: "\e9c5";
}
.ui-icon-prev-alert:before {
  content: "\e9c3";
}
.ui-icon-next-alert:before {
  content: "\e9c4";
}
.ui-icon-mobile-not-supported:before {
  content: "\e9c2";
}
.ui-icon-expand-arrow:before {
  content: "\e9c1";
}
.ui-icon-speaker:before {
  content: "\e9bd";
}
.ui-icon-mute:before {
  content: "\e9c0";
}
.ui-icon-section_arrow_left:before {
  content: "\e9bb";
}
.ui-icon-pause-new:before {
  content: "\e9bc";
}
.ui-icon-backward-10:before {
  content: "\e9be";
}
.ui-icon-forward-10:before {
  content: "\e9bf";
}
.ui-icon-download:before {
  content: "\e9ba";
}
.ui-icon-key:before {
  content: "\e9b9";
}
.ui-icon-resize-dots .path1:before {
  content: "\e9b5";
  color: rgb(242, 244, 247);
}
.ui-icon-resize-dots .path2:before {
  content: "\e9b6";
  margin-left: -2.6669921875em;
  color: rgb(102, 112, 133);
}
.ui-icon-resize-dots .path3:before {
  content: "\e9b7";
  margin-left: -2.6669921875em;
  color: rgb(102, 112, 133);
}
.ui-icon-resize-dots .path4:before {
  content: "\e9b8";
  margin-left: -2.6669921875em;
  color: rgb(102, 112, 133);
}
.ui-icon-add-alarm:before {
  content: "\e9b4";
}
.ui-icon-table-order-arrow-desc:before {
  content: "\e9b3";
}
.ui-icon-table-order-arrow-asc:before {
  content: "\e9b2";
}
.ui-icon-resend:before {
  content: "\e9b1";
}
.ui-icon-users:before {
  content: "\e9b0";
}
.ui-icon-order-arrow:before {
  content: "\e9af";
}
.ui-icon-logo:before {
  content: "\e9ae";
}
.ui-icon-cross:before {
  content: "\e9ad";
}
.ui-icon-order-filter:before {
  content: "\e9ac";
}
.ui-icon-edge-status-alert:before {
  content: "\e9aa";
}
.ui-icon-comment:before {
  content: "\e9a9";
}
.ui-icon-loading:before {
  content: "\e9a8";
}
.ui-icon-fullscreen-2:before {
  content: "\e9a7";
}
.ui-icon-lock:before {
  content: "\e987";
}
.ui-icon-tool:before {
  content: "\e986";
}
.ui-icon-add-location:before {
  content: "\e985";
}
.ui-icon-add-camera:before {
  content: "\e984";
}
.ui-icon-add-core:before {
  content: "\e983";
}
.ui-icon-device:before {
  content: "\e982";
}
.ui-icon-copy1:before {
  content: "\e964";
}
.ui-icon-copy:before {
  content: "\e962";
}
.ui-icon-api:before {
  content: "\e92d";
}
.ui-icon-terminal:before {
  content: "\e908";
}
.ui-icon-search:before {
  content: "\e903";
}
.ui-icon-notifications:before {
  content: "\e91a";
}
.ui-icon-dashboard:before {
  content: "\e921";
}
.ui-icon-wall:before {
  content: "\e94a";
}
.ui-icon-archive:before {
  content: "\e955";
}
.ui-icon-health:before {
  content: "\e956";
}
.ui-icon-favorite:before {
  content: "\e966";
}
.ui-icon-help:before {
  content: "\e96c";
}
.ui-icon-user:before {
  content: "\e96d";
}
.ui-icon-camera:before {
  content: "\e9ab";
}
.ui-icon-snapshoot:before {
  content: "\e93e";
}
.ui-icon-fullscreen:before {
  content: "\e93f";
}
.ui-icon-pause:before {
  content: "\e94b";
}
.ui-icon-play:before {
  content: "\e94d";
}
.ui-icon-player-backward:before {
  content: "\e915";
}
.ui-icon-close:before {
  content: "\e96b";
}
.ui-icon-alert .path1:before {
  content: "\e906";
}
.ui-icon-alert .path2:before {
  content: "\e909";
  margin-left: -1.0380859375em;
}
.ui-icon-alert .path3:before {
  content: "\e90a";
  margin-left: -1.0380859375em;
}
.ui-icon-alert .path4:before {
  content: "\e90b";
  margin-left: -1.0380859375em;
}
.ui-icon-alert .path5:before {
  content: "\e90c";
  margin-left: -1.0380859375em;
}
.ui-icon-alert .path6:before {
  content: "\e910";
  margin-left: -1.0380859375em;
  color: rgb(255, 255, 255);
}
.ui-icon-alert .path7:before {
  content: "\e912";
  margin-left: -1.0380859375em;
  color: rgb(0, 0, 0);
}
.ui-icon-alert .path8:before {
  content: "\e916";
  margin-left: -1.0380859375em;
  color: rgb(0, 0, 0);
}
.ui-icon-alert .path9:before {
  content: "\e917";
  margin-left: -1.0380859375em;
  color: rgb(0, 0, 0);
}
.ui-icon-archive-default .path1:before {
  content: "\e91e";
}
.ui-icon-archive-default .path2:before {
  content: "\e926";
  margin-left: -1.0146484375em;
}
.ui-icon-archive-default .path3:before {
  content: "\e928";
  margin-left: -1.0146484375em;
}
.ui-icon-archive-default .path4:before {
  content: "\e933";
  margin-left: -1.0146484375em;
}
.ui-icon-archive-default .path5:before {
  content: "\e938";
  margin-left: -1.0146484375em;
}
.ui-icon-archive-default .path6:before {
  content: "\e943";
  margin-left: -1.0146484375em;
  color: rgb(0, 0, 0);
}
.ui-icon-archive-default .path7:before {
  content: "\e944";
  margin-left: -1.0146484375em;
  color: rgb(0, 0, 0);
}
.ui-icon-archive-default .path8:before {
  content: "\e945";
  margin-left: -1.0146484375em;
  color: rgb(0, 0, 0);
}
.ui-icon-archive-default .path9:before {
  content: "\e946";
  margin-left: -1.0146484375em;
  color: rgb(0, 0, 0);
}
.ui-icon-archive-default .path10:before {
  content: "\e94e";
  margin-left: -1.0146484375em;
  color: rgb(255, 255, 255);
}
.ui-icon-archive-default .path11:before {
  content: "\e94f";
  margin-left: -1.0146484375em;
  color: rgb(213, 221, 234);
}
.ui-icon-archive-default .path12:before {
  content: "\e95c";
  margin-left: -1.0146484375em;
  color: rgb(213, 221, 234);
}
.ui-icon-archive-default .path13:before {
  content: "\e95f";
  margin-left: -1.0146484375em;
  color: rgb(213, 221, 234);
}
.ui-icon-archive-default .path14:before {
  content: "\e960";
  margin-left: -1.0146484375em;
  color: rgb(213, 221, 234);
}
.ui-icon-archive-default .path15:before {
  content: "\e968";
  margin-left: -1.0146484375em;
  color: rgb(255, 255, 255);
}
.ui-icon-archive-default .path16:before {
  content: "\e969";
  margin-left: -1.0146484375em;
  color: rgb(0, 0, 0);
}
.ui-icon-dot:before {
  content: "\e96a";
}
.ui-icon-no-wall .path1:before {
  content: "\e96e";
}
.ui-icon-no-wall .path2:before {
  content: "\e96f";
  margin-left: -1.0322265625em;
  color: rgb(245, 248, 255);
}
.ui-icon-no-wall .path3:before {
  content: "\e970";
  margin-left: -1.0322265625em;
  color: rgb(245, 248, 255);
}
.ui-icon-no-wall .path4:before {
  content: "\e971";
  margin-left: -1.0322265625em;
  color: rgb(245, 248, 255);
}
.ui-icon-no-wall .path5:before {
  content: "\e972";
  margin-left: -1.0322265625em;
  color: rgb(245, 248, 255);
}
.ui-icon-no-wall .path6:before {
  content: "\e973";
  margin-left: -1.0322265625em;
  color: rgb(0, 0, 0);
}
.ui-icon-no-wall .path7:before {
  content: "\e974";
  margin-left: -1.0322265625em;
  color: rgb(255, 255, 255);
}
.ui-icon-not-found-icon .path1:before {
  content: "\e975";
  color: rgb(228, 231, 236);
}
.ui-icon-not-found-icon .path2:before {
  content: "\e976";
  margin-left: -0.9248046875em;
  color: rgb(242, 244, 247);
}
.ui-icon-not-found-icon .path3:before {
  content: "\e977";
  margin-left: -0.9248046875em;
  color: rgb(242, 244, 247);
}
.ui-icon-not-found-icon .path4:before {
  content: "\e978";
  margin-left: -0.9248046875em;
  color: rgb(242, 244, 247);
}
.ui-icon-not-found-icon .path5:before {
  content: "\e979";
  margin-left: -0.9248046875em;
  color: rgb(242, 244, 247);
}
.ui-icon-not-found-icon .path6:before {
  content: "\e97a";
  margin-left: -0.9248046875em;
  color: rgb(242, 244, 247);
}
.ui-icon-not-found-icon .path7:before {
  content: "\e97b";
  margin-left: -0.9248046875em;
  color: rgb(249, 250, 251);
}
.ui-icon-not-found-icon .path8:before {
  content: "\e97c";
  margin-left: -0.9248046875em;
  color: rgb(0, 0, 0);
}
.ui-icon-not-found-icon .path9:before {
  content: "\e97d";
  margin-left: -0.9248046875em;
  color: rgb(0, 0, 0);
}
.ui-icon-not-found-icon .path10:before {
  content: "\e97e";
  margin-left: -0.9248046875em;
  color: rgb(242, 244, 247);
}
.ui-icon-not-found-icon .path11:before {
  content: "\e97f";
  margin-left: -0.9248046875em;
  color: rgb(228, 231, 236);
}
.ui-icon-not-found-icon .path12:before {
  content: "\e980";
  margin-left: -0.9248046875em;
  color: rgb(52, 64, 84);
  opacity: 0.4;
}
.ui-icon-people .path1:before {
  content: "\e988";
}
.ui-icon-people .path2:before {
  content: "\e989";
  margin-left: -1.298828125em;
}
.ui-icon-people .path3:before {
  content: "\e98a";
  margin-left: -1.298828125em;
}
.ui-icon-people .path4:before {
  content: "\e98b";
  margin-left: -1.298828125em;
}
.ui-icon-people .path5:before {
  content: "\e98c";
  margin-left: -1.298828125em;
  color: rgb(255, 255, 255);
}
.ui-icon-people .path6:before {
  content: "\e98d";
  margin-left: -1.298828125em;
  color: rgb(0, 0, 0);
}
.ui-icon-people .path7:before {
  content: "\e98e";
  margin-left: -1.298828125em;
  color: rgb(154, 162, 178);
  opacity: 0.1;
}
.ui-icon-people .path8:before {
  content: "\e98f";
  margin-left: -1.298828125em;
  color: rgb(0, 0, 0);
}
.ui-icon-people .path9:before {
  content: "\e990";
  margin-left: -1.298828125em;
  color: rgb(255, 255, 255);
}
.ui-icon-people .path10:before {
  content: "\e991";
  margin-left: -1.298828125em;
  color: rgb(0, 0, 0);
}
.ui-icon-people .path11:before {
  content: "\e992";
  margin-left: -1.298828125em;
  color: rgb(0, 0, 0);
}
.ui-icon-people .path12:before {
  content: "\e993";
  margin-left: -1.298828125em;
  color: rgb(57, 115, 244);
}
.ui-icon-people .path13:before {
  content: "\e994";
  margin-left: -1.298828125em;
  color: rgb(0, 0, 0);
}
.ui-icon-people .path14:before {
  content: "\e995";
  margin-left: -1.298828125em;
  color: rgb(57, 115, 244);
}
.ui-icon-people .path15:before {
  content: "\e996";
  margin-left: -1.298828125em;
  color: rgb(255, 255, 255);
}
.ui-icon-people .path16:before {
  content: "\e997";
  margin-left: -1.298828125em;
  color: rgb(0, 0, 0);
}
.ui-icon-people .path17:before {
  content: "\e998";
  margin-left: -1.298828125em;
  color: rgb(154, 162, 178);
  opacity: 0.1;
}
.ui-icon-people .path18:before {
  content: "\e999";
  margin-left: -1.298828125em;
  color: rgb(0, 0, 0);
}
.ui-icon-people .path19:before {
  content: "\e99a";
  margin-left: -1.298828125em;
  color: rgb(0, 0, 0);
}
.ui-icon-people .path20:before {
  content: "\e99b";
  margin-left: -1.298828125em;
  color: rgb(255, 255, 255);
}
.ui-icon-workspace-main .path1:before {
  content: "\e9d7";
}
.ui-icon-workspace-main .path2:before {
  content: "\e9d8";
  margin-left: -1.0791015625em;
  color: rgb(245, 248, 255);
}
.ui-icon-workspace-main .path3:before {
  content: "\e9d9";
  margin-left: -1.0791015625em;
  color: rgb(245, 248, 255);
}
.ui-icon-workspace-main .path4:before {
  content: "\e9da";
  margin-left: -1.0791015625em;
  color: rgb(245, 248, 255);
}
.ui-icon-workspace-main .path5:before {
  content: "\e9db";
  margin-left: -1.0791015625em;
  color: rgb(245, 248, 255);
}
.ui-icon-workspace-main .path6:before {
  content: "\e9dc";
  margin-left: -1.0791015625em;
  color: rgb(0, 0, 0);
}
.ui-icon-workspace-main .path7:before {
  content: "\e9dd";
  margin-left: -1.0791015625em;
  color: rgb(255, 255, 255);
}
.ui-icon-workspace-main .path8:before {
  content: "\e9de";
  margin-left: -1.0791015625em;
}
.ui-icon-workspace-main .path9:before {
  content: "\e9df";
  margin-left: -1.0791015625em;
}
.ui-icon-workspace-main .path10:before {
  content: "\e9e0";
  margin-left: -1.0791015625em;
}
.ui-icon-workspace-main .path11:before {
  content: "\e9e1";
  margin-left: -1.0791015625em;
}
.ui-icon-cat-custom:before {
  content: "\e9e2";
}
.ui-icon-cat-identification:before {
  content: "\e9e3";
  color: #344054;
}
.ui-icon-cat-safety:before {
  content: "\e9e4";
  color: #344054;
}
.ui-icon-cat-status:before {
  content: "\e9e5";
}
.ui-icon-cat-tracking:before {
  content: "\e9e6";
}
.ui-icon-object-analytic:before {
  content: "\e9e7";
}
.ui-icon-object-appearing:before {
  content: "\e9e8";
}
.ui-icon-object-camera:before {
  content: "\e9e9";
}
.ui-icon-object-disappearing:before {
  content: "\e9ea";
}
.ui-icon-object-edge:before {
  content: "\e9eb";
}
.ui-icon-object-face-recognition:before {
  content: "\e9ec";
}
.ui-icon-object-fire:before {
  content: "\e9ed";
}
.ui-icon-object-icon-person:before {
  content: "\e9ee";
}
.ui-icon-object-license-plate:before {
  content: "\e9ef";
}
.ui-icon-object-line-crossing:before {
  content: "\e9f0";
}
.ui-icon-object-loitering:before {
  content: "\e9f1";
}
.ui-icon-object-motion:before {
  content: "\e9f2";
}
.ui-icon-object-movement:before {
  content: "\e9f3";
}
.ui-icon-object-multiple:before {
  content: "\e9f4";
}
.ui-icon-object-occupancy:before {
  content: "\e9f5";
}
.ui-icon-object-pet:before {
  content: "\e9f6";
}
.ui-icon-object-proximity:before {
  content: "\e9f7";
}
.ui-icon-object-speed-control:before {
  content: "\e9f8";
}
.ui-icon-object-tailgating:before {
  content: "\e9f9";
}
.ui-icon-object-traffic-control:before {
  content: "\e9fa";
}
.ui-icon-object-trespassing:before {
  content: "\e9fb";
}
.ui-icon-object-vehicle:before {
  content: "\e9fc";
}
.ui-icon-unsaved-vehicles:before {
  content: "\ea3e";
}
.ui-icon-object-weapon:before {
  content: "\e9fd";
}
.ui-icon-object-zone-protection:before {
  content: "\e9fe";
}
.ui-icon-tampering:before {
  content: "\e9ff";
}
.ui-icon-company:before {
  content: "\e904";
}
.ui-icon-settings:before {
  content: "\e902";
}
.ui-icon-logout:before {
  content: "\e901";
}
.ui-icon-attach_money:before {
  content: "\e900";
}
.ui-icon-addFile:before {
  content: "\e905";
}
.ui-icon-analytics:before {
  content: "\e907";
}
.ui-icon-arrow-down:before {
  content: "\e90d";
}
.ui-icon-arrow-download:before {
  content: "\e90e";
}
.ui-icon-arrow:before {
  content: "\e90f";
}
.ui-icon-backward:before {
  content: "\e911";
}
.ui-icon-bar_chart:before {
  content: "\e913";
}
.ui-icon-box:before {
  content: "\e914";
}
.ui-icon-calendar:before {
  content: "\e918";
}
.ui-icon-camera-off:before {
  content: "\e919";
}
.ui-icon-cases:before {
  content: "\e91b";
}
.ui-icon-check_in_green .path1:before {
  content: "\e91c";
  color: rgb(34, 197, 94);
}
.ui-icon-check_in_green .path2:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ui-icon-checkmark:before {
  content: "\e91f";
}
.ui-icon-clipboard:before {
  content: "\e920";
}
.ui-icon-dashboards:before {
  content: "\e922";
}
.ui-icon-delete:before {
  content: "\e923";
}
.ui-icon-done:before {
  content: "\e924";
}
.ui-icon-drag-handle:before {
  content: "\e925";
}
.ui-icon-edit:before {
  content: "\e927";
}
.ui-icon-eye:before {
  content: "\e92a";
}
.ui-icon-folder:before {
  content: "\e92b";
}
.ui-icon-forward:before {
  content: "\e92c";
}
.ui-icon-history:before {
  content: "\e92e";
}
.ui-icon-home:before {
  content: "\e92f";
}
.ui-icon-images:before {
  content: "\e930";
}
.ui-icon-info:before {
  content: "\e931";
}
.ui-icon-layout:before {
  content: "\e932";
}
.ui-icon-link:before {
  content: "\e934";
}
.ui-icon-linkedin:before {
  content: "\e935";
}
.ui-icon-location:before {
  content: "\e936";
}
.ui-icon-locations:before {
  content: "\e937";
}
.ui-icon-monitor_heart:before {
  content: "\e939";
}
.ui-icon-more-menu:before {
  content: "\e93a";
}
.ui-icon-more:before {
  content: "\e93b";
}
.ui-icon-organization:before {
  content: "\e93c";
}
.ui-icon-picture:before {
  content: "\e93d";
}
.ui-icon-player-settings:before {
  content: "\e940";
}
.ui-icon-plus:before {
  content: "\e941";
}
.ui-icon-preferences:before {
  content: "\e942";
}
.ui-icon-reset:before {
  content: "\e947";
}
.ui-icon-save:before {
  content: "\e948";
}
.ui-icon-search_list:before {
  content: "\e949";
}
.ui-icon-expand-arrow-old:before {
  content: "\e94c";
}
.ui-icon-share-arrow:before {
  content: "\e950";
}
.ui-icon-share:before {
  content: "\e951";
}
.ui-icon-shared:before {
  content: "\e952";
}
.ui-icon-shares:before {
  content: "\e953";
}
.ui-icon-show:before {
  content: "\e954";
}
.ui-icon-starred:before {
  content: "\e957";
}
.ui-icon-stats:before {
  content: "\e958";
}
.ui-icon-status-offline:before {
  content: "\e959";
}
.ui-icon-status-online:before {
  content: "\e95a";
}
.ui-icon-status-unhealthy:before {
  content: "\e95b";
}
.ui-icon-stream:before {
  content: "\e95d";
}
.ui-icon-time:before {
  content: "\e95e";
}
.ui-icon-upload:before {
  content: "\e961";
}
.ui-icon-video-cam:before {
  content: "\e963";
}
.ui-icon-videos:before {
  content: "\e965";
}
.ui-icon-warning:before {
  content: "\e967";
}

/* projects/web/src/app/theme/colors.scss */
:root {
  --color-primary-black: #000000;
  --color-primary-white: #ffffff;
  --color-primary-50: #f4f6fe;
  --color-primary-100: #E1E6FA;
  --color-primary-500: #4367f6;
  --color-primary-600: #3456e0;
  --color-primary-700: #2748CC;
  --color-primary-600-border: #4367f6;
  --color-secondary-gray-50: #fcfcfd;
  --color-secondary-gray-100: #f9fafb;
  --color-secondary-gray-200: #f2f4f7;
  --color-secondary-gray-300: #eaecf0;
  --color-secondary-gray-400: #d0d5dd;
  --color-secondary-gray-500: #98a2b3;
  --color-secondary-gray-600: #667085;
  --color-secondary-gray-700: #475467;
  --color-secondary-gray-800: #344054;
  --color-secondary-gray-900: #101828;
  --color-secondary-green-100: #DCFCE7;
  --color-secondary-green-500: #22C55E;
  --color-secondary-green-50: #F0FDF4;
  --color-secondary-green-200: #BBF7D0;
  --color-secondary-green-400: #4ADE80;
  --color-secondary-green-600: #16A34A;
  --color-secondary-green-700: #15803D;
  --color-secondary-green-checkmark: #22c55d;
  --color-secondary-border-shadow: #eaecf0;
  --color-secondary-border-shadow-100: #e4e4e4;
  --color-amber-500: #F59E0B;
  --color-teal-500: #14B8A6;
  --color-teal-50: #F0FDFA;
  --color-violet-500: #8B5CF6;
  --color-red-100: #FEE2E2;
  --color-red-50: #FEF2F2;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #B91C1C;
  --color-pink-500: #ec4899;
  --color-pink-50: #FDF2F8;
  --color-unseen: rgba(112, 181, 240, 0.2);
  --color-yellow-500: #EAB308;
  --color-border-warning: #EAB308;
  --color-icon-warning: #EAB308;
  --color-icon-alert: #EF4444;
  --color-background-warning-default: #FEFCE8;
  --color-yellow-50: #FEFCE8;
  --color-blue-500: #3B82F6;
  --color-blue-50: #EFF6FF;
  --color-indigo-100: #E0E7FF;
  --color-indigo-700: #4338CA;
  --white: #FFF;
  --color-icon-accent-gray200-default: #F2F4F7;
  --color-icon-accent-primary-default: #3456E0;
  --color-background-selected-selector-hover: #748CED;
  --color-text-primary-default: #4367F6;
  --color-icon-success: #22C55E;
  --color-icon-info: #3B82F6;
  --color-text-primary: #4367F6;
  --color-gray-old: #b3b7c5;
  --secondary-colors-blue-2: #627EEE;
  --color-background-accent-primary-400: #748CED;
  --color-background-accent-gray200-default: #F2F4F7;
  --volor-background-accent-white-default: #FFF;
  --color-icon-primary-subtle: #E1E6FA;
  --color-text-primary-bold: #2748CC;
  --color-background-chart-timeline-no-preview: #101828;
  --color-text-accent-green: #15803D;
  --color-text-accent-amber: #B45309;
  --color-background-accent-green-subtle: #BBF7D0;
  --color-background-accent-amber-subtle: #FEF3C7;
  --mat-option-selected-item-color: #0000000A;
  --color-background-error-opacity12: rgba(220, 38, 38, 0.12);
  --color-background-accent-primary-subtlest: #F4F6FE;
}
:root {
  --elevation-surface-overlay-default: var(--color-secondary-gray-50);
  --elevation-surface-subtlest: var(--color-secondary-gray-50);
  --elevation-surface: var(--color-primary-white);
  --background-table: var(--color-secondary-gray-100);
  --background-table-header: var(--color-primary-50);
  --background-input: var(--color-secondary-gray-50);
  --link-hover: var(--color-secondary-gray-200);
  --link-active: var(--color-primary-100);
  --link-default: var(--color-primary-600);
  --icon-selected: var(--color-primary-500);
  --icon-default-no-bg: var(--color-secondary-gray-600);
  --icon-default-with-bg: var(--color-secondary-gray-600);
  --hr-default: var(--color-secondary-gray-300);
  --text-color-text-primary: var(--color-primary-600);
  --text-title: var(--color-secondary-gray-900);
  --button-bg-primary: var(--color-primary-500);
  --button-bg-default: var(--color-primary-white);
  --button-bg-secondary: var(--color-primary-white);
  --button-text-primary: var(--color-primary-white);
  --button-border-primary: var(--color-primary-600);
  --input-border-default: var(--color-secondary-gray-400);
  --box-shadow-default: inset 0px -1px 0px var(--color-secondary-border-shadow);
  --background-tooltip: var(--color-secondary-gray-900);
  --color-tooltip: var(--color-secondary-gray-400);
  --selected-calendar: #e7edfd;
  --color-background-selected-active: #E1E6FA;
  --color-icon-default: #667085;
  --color-icon-primary-default: #4367F6;
  --color-icon-subtle: #98A2B3;
  --color-background-accent-primary-subtle: #E1E6FA;
  --color-text-default: #344054;
  --color-background-button-primary-default: #4367F6;
  --color-border-button-primary-default: #3456E0;
  --color-text-inverse: #FFF;
  --color-border-button-default-default: #D0D5DD;
  --color-background-button-default-default: #FFF;
  --color-background-button-default-pressed: #F9FAFB;
  --color-elevation-surface-subtle: #F9FAFB;
  --color-border-input-typing: #3456E0;
  --color-border-default: #EAECF0;
  --color-text-subtle: #667085;
  --color-background-input-disabled: #F2F4F7;
  --color-background-neutral-subtlest-50900: #FCFCFD;
  --color-background-neutral-bolder: #101828;
  --color-background-accent-white-default: #FFF;
  --color-text-accent-gray800: #344054;
  --color-text-accent-gray700: #475467;
  --color-text-subtlest: #98A2B3;
  --color-background-button-video-default: rgba(16, 24, 40, 0.40);
  --color-icon-accent-gray200-default: #F2F4F7;
  --color-background-neutral-subtle-100700: #F9FAFB;
  --color-background-neutral-subtle-roy: #f3f7f8;
  --color-border-input-default: #D0D5DD;
  --color-border-input-error: #EF4444;
  --color-text-accent-white: #FFFFFF;
  --color-elevation-surface-default: #FFF;
  --color-elevation-surface-overlay-darker: #F9FAFB;
  --color-background-accent-gray-200-default: #F2F4F7;
  --color-background-accent-gray-300-default: #EAECF0;
  --color-text-accent-gray-700: #475467;
  --color-text-accent-green-700: #0D7132;
  --color-elevation-surface-overlay-default: #FFF;
  --color-text-selected: #3456E0;
  --color-border-button-secondary-default: #4367F6;
  --color-elevation-surface-subtlest: #FCFCFD;
  --color-background-neutral-subtle: #F2F4F7;
  --color-text-bold: #101828;
  --color-background-input-default: #FFF;
  --color-border-input-value: #D0D5DD;
  --color-background-input-value: #FFF;
  --color-text-disabled: #D0D5DD;
  --color-background-neutral-default-200700: #F2F4F7;
  --color-link-default: #3456E0;
  --color-link-hover: #163483;
  --color-elevation-surface-background-default: #FFF;
  --color-border-selected-default: #3456E0;
  --color-border-accent-primary: #CFD8FA;
  --color-background-accent-primary-subtlest: #F4F6FE;
  --color-background-selected-selector-active: #4367F6;
  --color-border-button-primary-deafult: #3456E0;
  --color-background-button-secondary-default: #FFF;
  --color-border-button-tetriary-color-pressed: #E1E6FA;
  --color-border-button-tertiary-color-focused: #1C3BB8;
  --color-border-button-tertiary-grey-focused: #EAECF0;
  --color-background-button-tertiary-color-pressed: #F4F6FE;
  --color-background-button-tertiary-color-focused: #F4F6FE;
  --color-background-button-tertiary-gray-focused: #F9FAFB;
  --color-background-button-tertiary-color-hover: #F4F6FE;
  --color-background-button-secondary-pressed: #F4F6FE;
  --color-border-button-primary-pressed: #2748CC;
  --color-icon-primary-bold: #3456E0;
  --color-border-error-default: #EF4444;
  --color-border-success-default: #22C55E;
  --color-border-info: #3B82F6;
  --color-background-error-default: #FEF2F2;
  --color-background-error-opacity50: #DC2626;
  --color-background-success-default: #F0FDF4;
  --color-background-information-default: #EFF6FF;
  --color-text-error-default: #EF4444;
  --color-text-alert-default: #DC2626;
  --color-icon-inverse: #FFFFFF;
  --color-background-accent-gray300-default: #EAECF0;
  --mat-option-selected-item-color: #0000000A;
  --color-background-input-read-only: #F2F4F7;
  --color-border-button-default-hover: #D0D5DD;
  --color-background-button-default-hover: #F9FAFB;
  --color-icon-accent-primary-subtle: #3456E0;
  --color-icon-selected: #4367F6;
  --color-border-error-opacity50: #EF4444;
  --color-background-accent-primary-default: #748CED;
  --color-text-accent-primary: #4367F6;
  --color-backdrop-dialog: rgba(16, 24, 40, 0.40);
  --color-border-button-tertiary-caution-default: #DC2626;
  --color-background-button-tetriary-caution-hover: #FEE2E2;
  --color-border-button-tertiary-caution-hover: #DC2626;
  --color-background-button-tertiary-caution-focused: #FEF2F2;
  --color-border-button-tertiary-caution-focused: #DC2626;
  --color-text-alert-bold: #DC2626;
  --color-border-input-read-only: #D0D5DD;
  --color-text-accent-violet: #6D28D9;
  --color-background-chart-alert-default: #EF4444;
  --color-background-chart-success-default: #4ADE80;
  --color-text-success-default: #22C55E;
  --color-timeline-past-color: #FFF;
  --color-timeline-feature-color: #F9FAFB;
  --color-border-input-pressed: #3456E0;
  --color-link: #3456E0;
  --color-background-accent-yellow-subtle: #FEF9C3;
  --color-text-accent-yellow: #A16207;
  --color-border-toggles-default: #22C55E;
  --color-border-selected-focused: #2748CC;
  --\441olor-border-default: #EAECF0;
  --\441olor-elevation-surface-subtle: #F9FAFB;
  --color-background-button-tetriary-caution-focused: #FEF2F2;
  --color-border-button-primary-hover: #4367F6;
  --color-background-button-primary-hover: #748CED;
  --color-background-button-primary-focused: #3456E0;
  --color-border-button-default-focused: #EAECF0;
  --color-background-button-default-focused: #FCFCFD;
  --color-background-button-secondary-hover: #F4F6FE;
  --color-border-button-secondary-focused: #3456E0;
  --color-background-button-secondary-focused: #F4F6FE;
  --color-background-button-tertiary-gray-hover: #F2F4F7;
  --color-workflow-background: #f9fafb;
  --color-node-background: #fff;
  --color-node-text: #667085;
  --color-minimap-background: #f2f4f7;
  --color-workflow-background-line-stroke: rgba(0, 0, 0, 0.1);
  --color-drag-drop-file-upload-area: #fcfcfd;
  --color-drag-drop-file-upload-area-dragover: #f4f6fe ;
}
:root .dark-theme {
  --elevation-surface-overlay-default: #212D3F;
  --elevation-surface-subtlest: #161F31;
  --elevation-surface: var(--color-secondary-gray-900);
  --background-table: var(--color-secondary-gray-900);
  --background-table-header: #293342;
  --background-input: var(--color-secondary-gray-900);
  --link-hover: var(--color-secondary-gray-700);
  --link-active: var(--color-secondary-gray-800);
  --icon-selected: #9BACF2;
  --icon-default-no-bg: var(--color-secondary-gray-300);
  --icon-default-with-bg: var(--color-secondary-gray-300);
  --hr-default: #2D3442;
  --text-color-text-primary: #9BACF2;
  --text-title: var(--color-primary-white);
  --button-bg-primary: #9BACF2;
  --button-text-primary: var(--color-secondary-gray-900);
  --button-bg-default: transparent;
  --button-bg-secondary: var(--color-secondary-gray-900);
  --button-border-primary: var(--color-secondary-gray-800);
  --input-border-default: var(--color-secondary-gray-800);
  --box-shadow-default: 0px -1px 0px 0px rgba(255, 255, 255, 0.12) inset;
  --background-tooltip: var(--color-secondary-gray-400);
  --color-tooltip: var(--color-secondary-gray-900);
  --selected-calendar: #163483;
  --color-background-selected-active: #122FA3;
  --color-icon-default: #EAECF0;
  --color-icon-primary-default: #748CED;
  --color-icon-subtle: #98A2B3;
  --color-background-accent-primary-subtle: #3456E0;
  --color-text-default: #F9FAFB;
  --color-background-button-primary-default: #748CED;
  --color-border-button-primary-default: #4367F6;
  --color-text-inverse: #101828;
  --color-border-button-default-default: #344054;
  --color-background-button-default-default: #101828;
  --color-background-button-default-pressed: #131c2e;
  --color-elevation-surface-subtle: #212D3F;
  --color-border-default: #344054;
  --color-text-subtle: #D0D5DD;
  --color-background-neutral-subtlest-50900: #101828;
  --color-background-neutral-bolder: #FCFCFD;
  --color-background-accent-white-default: #FFF;
  --color-text-accent-gray800: #344054;
  --color-text-subtlest: #98A2B3;
  --color-background-button-video-default: rgba(16, 24, 40, 0.40);
  --color-icon-accent-gray200-default: #F2F4F7;
  --color-background-neutral-subtle-100700: #344054;
  --color-border-input-default: #667085;
  --color-border-input-error: #EF4444;
  --color-text-accent-white: #FFFFFF;
  --color-elevation-surface-default: #101828;
  --color-elevation-surface-overlay-darker: #161F31;
  --color-background-accent-gray-200-default: #202e4a;
  --color-text-accent-gray-700: #475467;
  --color-text-accent-green-700: #0D7132;
  --color-elevation-surface-overlay-default: #212D3F;
  --color-text-selected: #9BACF2;
  --color-border-button-secondary-default: #748CED;
  --color-elevation-surface-subtlest: #161F31;
  --color-background-neutral-subtle: #212D3F;
  --color-text-bold: #FFF;
  --color-background-input-default: #101828;
  --color-border-input-value: #344054;
  --color-background-input-value: #101828;
  --color-text-disabled: #667085;
  --color-background-neutral-default-200700: #475467;
  --color-link-default: #9BACF2;
  --color-link-hover: #6575bf;
  --color-elevation-surface-background-default: #FFF;
  --color-border-selected-default: #4367F6;
  --color-border-accent-primary: #CFD8FA;
  --color-background-accent-primary-subtlest: rgba(18, 47, 163, 0.4);
  --color-background-selected-selector-active: #748CED;
  --color-border-button-primary-deafult: #4367F6;
  --color-background-button-secondary-default: #101828;
  --color-border-button-tetriary-color-pressed: #E1E6FA;
  --color-border-button-tetriary-color-focused: #E1E6FA;
  --color-border-button-tertiary-color-focused: #E1E6FA;
  --color-background-button-tertiary-color-pressed: #122FA3;
  --color-background-button-tertiary-color-focused: #122FA3;
  --color-background-button-tertiary-gray-focused: #344054;
  --color-border-button-tetriary-grey-focused: #344054;
  --color-border-button-tertiary-grey-focused: #667085;
  --color-background-button-tertiary-color-hover: #122FA3;
  --color-icon-warning: #FDBA74;
  --color-icon-alert: #F87171;
  --color-background-button-secondary-pressed: #122FA3;
  --color-border-button-primary-pressed: #748CED;
  --color-icon-primary-bold: #CFD8FA;
  --color-icon-inverse: #101828;
  --mat-option-selected-item-color: #0000000A;
  --color-background-accent-gray300-default: #667085;
  --color-background-accent-gray200-default: #475467;
  --color-icon-accent-primary-default: #3456E0;
  --color-background-warning-default: #713F12;
  --color-background-error-default: #7F1D1D;
  --color-background-success-default: #14532D;
  --color-background-information-default: #1E3A8A;
  --color-background-input-read-only: #141E33;
  --color-border-button-default-hover: #667085;
  --color-background-button-default-hover: #344054;
  --color-background-input-disabled: #141E33;
  --color-icon-accent-primary-subtle: #3456E0;
  --color-icon-selected: #9BACF2;
  --color-border-error-opacity50: #EF4444;
  --color-background-error-opacity50: #DC2626;
  --color-background-accent-primary-default: #748CED;
  --color-text-accent-primary: #CFD8FA;
  --color-backdrop-dialog: rgba(0, 0, 0, 0.6);
  --color-text-alert-default: #FCA5A5;
  --color-border-button-tertiary-caution-default: #F87171;
  --color-background-button-tetriary-caution-hover: #7F1D1D;
  --color-border-button-tertiary-caution-hover: #F87171;
  --color-background-button-tertiary-caution-focused: #7F1D1D;
  --color-text-alert-bold: #DC2626;
  --color-border-input-read-only: #344054;
  --color-text-accent-violet: #DDD6FE;
  --color-background-chart-alert-default: #F87171;
  --color-background-chart-success-default: #4ADE80;
  --color-text-success-default: #4ADE80;
  --color-text-primary-default: #748CED;
  --color-timeline-past-color: #475467;
  --color-timeline-feature-color: #101828;
  --color-border-input-pressed: #748CED;
  --color-background-selected-selector-hover: #4367F6;
  --color-icon-primary-subtle: #1C3BB8;
  --color-text-primary-bold: #9BACF2;
  --color-link: #9BACF2;
  --color-border-error-default: #EF4444;
  --color-border-toggles-default: #22C55E;
  --\441olor-elevation-surface-subtle: #212D3F;
  --color-background-button-tetriary-caution-focused: #7F1D1D;
  --color-border-button-primary-hover: #2748CC;
  --color-background-button-primary-hover: #4367F6;
  --color-background-button-primary-focused: #9BACF2;
  --color-border-button-default-focused: #98A2B3;
  --color-background-button-default-focused: #475467;
  --color-background-button-secondary-hover: #122FA3;
  --color-border-button-secondary-focused: #9BACF2;
  --color-background-button-secondary-focused: #122FA3;
  --color-background-button-tertiary-gray-hover: #344054;
  --color-workflow-background: #101828;
  --color-node-background: #101828;
  --color-node-text: #F9FAFB;
  --color-minimap-background: #212d3e;
  --color-workflow-background-line-stroke: #344054;
  --color-drag-drop-file-upload-area: #344054;
  --color-drag-drop-file-upload-area-dragover: #475467;
}

/* projects/web/src/app/theme/ui-icons.scss */
[class^=ui-icon-],
[class*=" ui-icon-"] {
  font-size: 16px;
  color: var(--icon-default-no-bg);
}
.ui-mat-icon-button-16 {
  background: var(--background-page);
  border: 1px solid var(--color-border-button-default-default);
  border-radius: 4px;
  font-size: 16px;
  width: 16px !important;
  height: 16px !important;
  padding: 8px;
  cursor: pointer;
}
.ui-icon-20 {
  height: 20px !important;
  width: 20px !important;
  line-height: 20px !important;
  font-size: 20px !important;
}
.ui-icon-16 {
  height: 16px !important;
  width: 16px !important;
  line-height: 16px !important;
  font-size: 16px !important;
}
.icon-16 .mat-icon {
  height: 16px !important;
  width: 16px !important;
  line-height: 16px !important;
  font-size: 16px !important;
}
.icon-14 .mat-icon {
  height: 14px !important;
  width: 14px !important;
  line-height: 14px !important;
  font-size: 14px !important;
}
.icon-20 .mat-icon {
  height: 20px !important;
  width: 20px !important;
  line-height: 20px !important;
  font-size: 20px !important;
}
.icon-18 .mat-icon {
  height: 18px !important;
  width: 18px !important;
  line-height: 18px !important;
  font-size: 18px !important;
}
.ui-icon-button {
  border: 1px solid var(--color-border-button-default-default);
  border-radius: 4px;
  padding: 8px;
  cursor: pointer;
}
.ui-icon-button.primary,
.ui-icon-button.selected {
  border: 1px solid var(--color-border-button-primary-deafult);
  color: var(--color-icon-primary-default);
}
.ui-icon-button.primary-full {
  background: var(--color-background-button-primary-default);
  color: var(--color-primary-white);
  border: 1px solid var(--color-border-button-primary-deafult);
}
.ui-icon-button.primary-full:hover {
  background: var(--color-border-button-primary-pressed);
}
.ui-icon-button:hover {
  background: var(--color-background-button-tertiary-gray-hover);
}
.ui-icon-button.no-border {
  border: none;
  padding: 9px;
}
.ui-icon-button.no-border.primary,
.ui-icon-button.no-border.selected {
  border: none;
}
.ui-preloader-button {
  border: 1px solid var(--color-border-button-default-default);
  border-radius: 4px;
  padding: 8px 4px;
  cursor: pointer;
  min-width: 24px;
}
.ui-preloader-button.primary {
  border: 1px solid var(--color-border-button-primary-deafult);
  color: var(--color-icon-primary-default);
}
.ui-icon-status-offline {
  color: var(--color-icon-alert) !important;
}
.ui-icon-status-online {
  color: var(--color-icon-success) !important;
}

/* projects/web/src/app/theme/shorts.scss */
.ml-10 {
  margin-left: 10px !important;
}
.w-100 {
  width: 100% !important;
}
.w-50 {
  width: 50% !important;
}
.w-25 {
  width: 25% !important;
}
.w-75 {
  width: 75% !important;
}
.w-25-flex {
  flex: 1 1 100%;
  box-sizing: border-box;
  max-width: 25%;
}
.w-20-flex {
  flex: 1 1 100%;
  box-sizing: border-box;
  max-width: 20%;
}
.h-100 {
  height: 100% !important;
}
.h-50-3 {
  height: 16.6666666667% !important;
}
.h-50 {
  height: 50%;
}
.hidden {
  display: none !important;
}
.p-r {
  position: relative !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mt-6 {
  margin-top: 6px !important;
}
.mt-3 {
  margin-top: 3px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-18 {
  margin-top: 18px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.c-p {
  cursor: pointer;
}
.c-p label {
  cursor: inherit !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.gap-3 {
  gap: 3px;
}
.gap-4 {
  gap: 4px;
}
.gap-2 {
  gap: 2px;
}
.gap-8 {
  gap: 8px;
}
.gap-13 {
  gap: 13px;
}
.gap-14 {
  gap: 14px;
}
.gap-20 {
  gap: 20px;
}
.gap-30 {
  gap: 30px;
}
.gap-32 {
  gap: 32px;
}
.gap-40 {
  gap: 40px;
}
.gap-45 {
  gap: 45px;
}
.gap-48 {
  gap: 48px;
}
.gap-60 {
  gap: 60px;
}
.gap-100 {
  gap: 100px;
}
.mr-5 {
  margin-right: 5px !important;
}
.c-primary {
  color: var(--color-primary-500);
}
.primary {
  color: var(--color-primary-500) !important;
}
.gap-24 {
  gap: 24px;
}
.gap-25 {
  gap: 25px;
}
.gap-20 {
  gap: 20px;
}
.gap-50 {
  gap: 50px;
}
.gap-10 {
  gap: 10px;
}
.gap-15 {
  gap: 15px;
}
.opacity-25 {
  opacity: 0.25;
}
.gap-12 {
  gap: 12px;
}
.gap-16 {
  gap: 16px;
}
.gap-18 {
  gap: 18px;
}
.p-24 {
  padding: 24px !important;
}
.p-25 {
  padding: 25px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-36 {
  margin-bottom: 36px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-8 {
  padding: 8px !important;
}
.mw-m {
  width: 100% !important;
}
.c-yellow {
  color: #ffdd6e !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mb-8 {
  margin-bottom: 8px;
}
.p-r {
  position: relative !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-16 {
  padding: 16px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-25 {
  padding: 25px !important;
}
.p-30 {
  padding: 30px !important;
}
.ph-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.ph-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.svg-fill-icon-selected .mat-icon svg path {
  fill: var(--color-icon-selected);
}
.svg-fill-icon-selected span:before {
  color: var(--color-icon-selected);
}
.svg-fill-primary .mat-icon svg path,
.ui-icon-primary .mat-icon svg path {
  fill: var(--color-primary-500);
}
.svg-fill-primary span:before,
.ui-icon-primary span:before {
  color: var(--color-primary-500);
}
.svg-fill-white .mat-icon svg path,
.ui-icon-white .mat-icon svg path {
  fill: #FFFFFF !important;
}
.svg-fill-white span:before,
.ui-icon-white span:before {
  color: #FFFFFF;
}
.svg-fill-text-default .mat-icon svg path,
.ui-icon-white .mat-icon svg path {
  fill: var(--color-text-default) !important;
}
.svg-fill-text-default span:before,
.ui-icon-white span:before {
  color: var(--color-text-default);
}
.svg-stroke-white svg g path {
  stroke: var(--color-primary-white);
}
.svg-fill-red .mat-icon svg path,
.ui-icon-red .mat-icon svg path {
  fill: var(--color-red-500);
}
.svg-fill-red span:before,
.ui-icon-red span:before {
  color: var(--color-red-500);
}
.svg-fill-yellow .mat-icon svg path,
.ui-icon-yellow .mat-icon svg path {
  fill: #F59E0B;
}
.svg-fill-yellow span:before,
.ui-icon-yellow span:before {
  color: #F59E0B;
}
.svg-fill-warning .mat-icon svg path {
  fill: var(--color-icon-warning);
}
.svg-fill-warning span:before {
  color: var(--color-icon-warning);
}
.svg-fill-icon-default .mat-icon svg path {
  fill: var(--color-icon-default);
}
.svg-fill-icon-default span:before {
  color: var(--color-icon-default);
}
.svg-fill-green .mat-icon svg path,
.ui-icon-green .mat-icon svg path {
  fill: var(--color-secondary-green-500);
}
.svg-fill-green span:before,
.ui-icon-green span:before {
  color: var(--color-secondary-green-500);
}
.svg-fill-gray .mat-icon svg path {
  fill: #7a88b1;
}
.svg-fill-gray-600 .mat-icon svg path {
  fill: var(--color-secondary-gray-600);
}
.svg-fill-gray-400 .mat-icon svg path {
  fill: var(--color-secondary-gray-400);
}
.icon-12 .mat-icon {
  height: 12px !important;
  width: 12px !important;
  line-height: 12px !important;
  font-size: 12px !important;
}
.icon-14 .mat-icon {
  height: 14px !important;
  width: 14px !important;
  line-height: 14px !important;
  font-size: 14px !important;
}
.icon-18 .mat-icon {
  height: 18px !important;
  width: 18px !important;
  line-height: 18px !important;
  font-size: 18px !important;
}
.icon-20 .mat-icon {
  height: 20px !important;
  width: 20px !important;
  line-height: 20px !important;
  font-size: 20px !important;
}
.icon-24 .mat-icon {
  height: 24px !important;
  width: 24px !important;
  line-height: 24px !important;
  font-size: 24px !important;
}
.child-100 > * {
  width: 100%;
}
.t-r {
  text-align: right !important;
}
.t-l {
  text-align: left !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.ml-4 {
  margin-left: 4px;
}
.pl-24 {
  padding-left: 24px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.gap-5 {
  gap: 5px;
}
.z-index-1001 {
  z-index: 1001 !important;
}
.mt-48 {
  margin-top: 48px;
}
.gap-6 {
  gap: 6px;
}
.min-h-0 {
  min-height: 0 !important;
}
.b-box {
  box-sizing: border-box;
}
.min-w-0 {
  min-width: 0 !important;
}

/* projects/web/src/app/theme/material-customization.scss */
.mat-mdc-card-content {
  padding: unset !important;
}
.mat-mdc-menu-panel {
  max-width: unset !important;
}
.mat-button,
.mat-flat-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button,
.mat-fab,
.mat-mini-fab {
  font-size: var(--ui-font-mx-size);
  font-weight: var(--ui-font-mx-weight);
  line-height: var(--ui-font-mx-height);
}
.mat-mdc-button > .mat-icon {
  width: 24px !important;
  height: 24px !important;
}
.mdc-tooltip__surface {
  color: var(--color-tooltip) !important;
  background: var(--background-tooltip) !important;
  font-size: 14px !important;
  padding: 8px 16px !important;
}
div.mat-mdc-select-panel,
.mat-mdc-dialog-surface {
  border-radius: 5px !important;
}
.mat-mdc-header-cell {
  font-size: var(--ui-font-xs-size);
  font-weight: var(--ui-font-xs-weight);
  line-height: var(--ui-font-xs-height);
}
.mat-form-field-ui-selector .mat-mdc-select {
  font-size: 14px;
}
.mat-form-field-ui-selector .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 4.5px;
  padding-bottom: 4.5px;
  min-height: unset;
}
.mat-form-field-ui-selector .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.mat-form-field-ui-selector mat-option {
  color: var(--color-text-default);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
mat-form-field {
  border-radius: 4px;
}
mat-form-field:not(:has(.mat-mdc-select)) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
mat-form-field:not(:has(.mat-mdc-select)) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
mat-form-field:not(:has(.mat-mdc-select)) .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: var(--input-border-default) !important;
}
mat-form-field:not(:has(.mat-mdc-select)).mat-focused .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
mat-form-field:not(:has(.mat-mdc-select)).mat-focused .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
mat-form-field:not(:has(.mat-mdc-select)).mat-focused .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: var(--color-border-input-pressed) !important;
  border-width: 1px !important;
}
mat-form-field:not(:has(.mat-mdc-select)).mat-form-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
mat-form-field:not(:has(.mat-mdc-select)).mat-form-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
mat-form-field:not(:has(.mat-mdc-select)).mat-form-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: var(--color-border-error-default) !important;
}
mat-form-field:not(:has(.mat-mdc-select)) .mdc-text-field--outlined .mat-mdc-form-field-infix,
mat-form-field:not(:has(.mat-mdc-select)) .mdc-text-field--no-label .mat-mdc-form-field-infix {
  padding-bottom: 0 !important;
  padding-top: 5px !important;
  min-height: unset;
}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
  color: var(--color-text-default) !important;
}
mat-form-field.no-hint .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.mat-form-field-disabled {
  color: var(--color-text-default);
  background: var(--color-background-input-read-only);
}
.mdc-text-field--outlined.mdc-text-field--disabled .mat-mdc-notch-piece {
  border-color: var(--color-border-input-read-only) !important;
}
.mat-mdc-form-field:not(.mat-form-field-disabled) {
  background: var(--color-background-input-default) !important;
}
div.mat-mdc-select-panel {
  padding: 8px 0 !important;
  margin-top: 11px;
}
div.mat-mdc-select-panel.mat-select-autosize-panel {
  min-width: 100%;
  width: max-content;
  max-width: 450px;
}
.cdk-overlay-pane:has(.selector-option-350-width) div.mat-mdc-select-panel,
.cdk-overlay-pane:has(.resolution-selector-panel) div.mat-mdc-select-panel,
.cdk-overlay-pane:has(.alert-type-selector--wide) div.mat-mdc-select-panel {
  max-width: none;
}
.cdk-overlay-pane:has(div.mat-mdc-select-panel.custom-state-selector-panel) {
  margin-left: 0 !important;
}
div.mat-mdc-select-panel.custom-state-selector-panel {
  margin-left: 0 !important;
  margin-top: 4px !important;
  min-width: 100%;
  width: max-content;
  max-width: 450px;
  box-sizing: border-box;
}
div.mat-mdc-select-panel.custom-state-selector-panel .mat-mdc-option .mdc-list-item__primary-text {
  padding-left: 16px;
  padding-right: 16px;
}
.mdc-text-field__input {
  padding: 4px 0 !important;
  font-size: var(--ui-font-xm-size) !important;
  font-weight: var(--ui-font-xm-weight) !important;
  line-height: var(--ui-font-xm-height) !important;
}
.mdc-text-field__input:focus,
.mdc-text-field__input:focus-visible {
  border: 1px solid var(--color-border-input-pressed);
  outline: none;
}
.mdc-text-field__input.input-40 {
  padding: 8px 0 !important;
}
.mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: unset !important;
}
.mat-badge-accent .mat-badge-content {
  background-color: var(--color-red-500);
  font-size: var(--ui-font-badge-label-size);
  font-weight: var(--ui-font-badge-label-weight);
  line-height: var(--ui-font-badge-label-height);
  color: var(--color-primary-white);
}
.sentence-option-selector .mat-mdc-select-placeholder {
  color: var(--color-text-selected) !important;
  font-size: 24px;
  font-weight: 500;
  padding: 5px 6px 5px 6px;
}
.sentence-option-selector.groups .mat-mdc-select-placeholder {
  color: var(--color-text-default) !important;
}
.sentence-option-selector .mat-mdc-select-arrow-wrapper {
  display: none;
}
.sentence-option-selector .mat-mdc-select-value {
  color: var(--color-text-selected);
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
.sentence-option-selector .cdk-overlay-pane {
  width: 200px;
}
.sentence-option-selector .mdc-list-item__primary-text {
  width: 100%;
}
.sentence-option-selector .mat-mdc-option .mdc-list-item__primary-text {
  width: 100% !important;
}
.step-option-selector-groups-overlay {
  min-width: 250px;
}
.step-option-selector-overlay {
  min-width: 150px;
}
.mdc-checkbox__background {
  border: 1px solid var(--color-border-input-default) !important;
}
.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  background-color: var(--color-background-selected-selector-active) !important;
  border-color: var(--color-background-selected-selector-active) !important;
}
.mdc-checkbox__mixedmark {
  border-color: var(--color-primary-white) !important;
}
.mdc-checkbox__ripple {
  display: none;
}
.mat-mdc-checkbox .mdc-label {
  font-size: 14px !important;
}
.mat-mdc-unelevated-button:not(:disabled) {
  background-color: var(--color-primary-600) !important;
  color: var(--color-primary-white) !important;
}
.mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field-icon-suffix {
  padding: 0px 4px 0px 16px !important;
}
.mat-mdc-select-panel,
.mat-mdc-menu-panel {
  margin-top: 4px;
  box-shadow: 0px 2px 4px -2px rgba(15, 23, 42, 0.06), 0px 4px 8px -2px rgba(15, 23, 42, 0.1) !important;
  border: 1px solid var(--color-border-default);
}
.alert-type-selector {
  min-width: 170px;
}
.people-selector-appears-selector {
  min-width: 250px !important;
}
.slack-channels {
  min-width: 300px !important;
}
.widget-type-selector {
  min-width: 141px;
  margin-left: -36px;
}
.widget-type-selector .mat-mdc-select-trigger {
  opacity: 0 !important;
  top: -18px !important;
}
.health-status-selector,
.events-selector {
  min-width: 245px;
}
.color-selection .mat-mdc-form-field-flex {
  margin-top: 3px;
}
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--color-primary-500) !important;
}
.mdc-slider__track {
  height: 2px !important;
  background: var(--color-background-neutral-default-200700) !important;
}
.mdc-slider__track--inactive {
  background: var(--color-primary-500) !important;
  height: 2px !important;
}
.mdc-slider__track--active {
  background: var(--color-background-neutral-default-200700) !important;
  height: 2px !important;
  margin-top: 1px;
}
.mdc-slider__track--active_fill {
  border-color: var(--color-primary-500) !important;
}
.mat-mdc-slider-visual-thumb .mat-ripple {
  border-radius: 50% !important;
}
.mdc-slider .mdc-slider__thumb {
  height: 20px !important;
  width: 20px !important;
  left: -10px !important;
  top: 13px !important;
}
.mdc-slider .mdc-slider__thumb-knob {
  background-color: var(--color-primary-white) !important;
  border: 1px solid var(--color-border-default) !important;
}
.mdc-slider .mdc-slider__thumb-knob:before {
  position: absolute;
  background: var(--color-primary-500);
  top: 50%;
  left: 50%;
  height: 6px;
  width: 6px;
  transform: translate(-50%, -50%);
  content: "";
  border-radius: 4px;
}
.mat-mdc-select {
  -webkit-font-smoothing: inherit !important;
}
.progress-wrapper .mdc-linear-progress__bar-inner {
  border-color: var(--color-border-button-primary-default) !important;
}
.progress-wrapper .mdc-linear-progress__buffer-bar {
  background: var(--elevation-surface);
}
.mat-mdc-select-disabled {
  opacity: 1 !important;
  color: var(--color-secondary-gray-500) !important;
  border: 1px solid var(--color-secondary-gray-400) !important;
  background: var(--link-hover) !important;
}
.mdc-checkbox__background {
  background-color: unset !important;
}
.cdk-overlay-pane:has(.selector-option-full-width) {
  max-width: 100% !important;
  width: auto !important;
}
.cdk-overlay-pane:has(.selector-option-350-width) {
  width: 350px !important;
}
.cdk-overlay-pane:has(.list-item-48-height) .mat-mdc-option .mdc-list-item__primary-text {
  height: 48px !important;
}
.cdk-overlay-pane:has(.ui-mat-select) .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background-color: var(--mat-option-selected-item-color);
}
.cdk-overlay-pane:has(.ui-mat-select) .mat-mdc-option:hover {
  background-color: var(--mat-option-selected-item-color);
}
.mat-mdc-autocomplete-panel .mat-pseudo-checkbox {
  display: none;
}
.resolution-selector-panel {
  background: rgba(0, 0, 0, 0.7) !important;
  -webkit-backdrop-filter: blur(50px) !important;
  backdrop-filter: blur(50px) !important;
  color: var(--color-text-default) !important;
  border: none;
  min-width: 120px;
}
.resolution-selector-panel .mdc-list-item__primary-text {
  color: var(--color-text-default) !important;
}
.resolution-selector-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  color: var(--color-text-default);
}
.always-on-indicator.mdc-slider .mdc-slider__value-indicator-container {
  display: flex;
  font-size: 12px;
  height: 24px;
  bottom: 25px;
  left: var(--slider-value-indicator-container-left, 45%);
}
.always-on-indicator.mdc-slider .mdc-slider__value-indicator {
  display: flex;
  justify-content: center;
  width: 16px;
  height: 100%;
  transform: scale(1);
  opacity: 1;
  background-color: var(--color-primary-500);
}
.always-on-indicator.mdc-slider .mdc-slider__value-indicator::before {
  border-top-color: var(--color-primary-500);
}
.mat-mdc-tooltip {
  white-space: pre-line;
}
.in-menu-action {
  margin: -77px 136px 0px 0px;
}
.in-menu-action .mat-mdc-menu-content {
  padding: 0;
}
.modal-on-top {
  z-index: 1100 !important;
}
div.mat-mdc-select-panel,
.mat-mdc-dialog-surface,
.mat-mdc-menu-panel,
.mat-mdc-card {
  background: var(--color-elevation-surface-overlay-default) !important;
}
.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel {
  background: var(--color-elevation-surface-overlay-default) !important;
}
.mat-mdc-table thead {
  background: var(--color-elevation-surface-subtle) !important;
}
.mat-mdc-table tbody {
  background: var(--color-elevation-surface-default) !important;
}
.mat-mdc-paginator {
  background: var(--color-elevation-surface-subtle) !important;
}
div.mat-mdc-select-panel,
.mat-mdc-dialog-surface,
.mat-mdc-menu-panel,
.mat-mdc-card {
  background: var(--color-elevation-surface-overlay-default) !important;
}
.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel {
  background: var(--color-elevation-surface-overlay-default) !important;
}
div.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible {
  background: var(--color-elevation-surface-overlay-default) !important;
}
.mat-select-search-input {
  background-color: var(--color-background-input-default) !important;
}
.mat-horizontal-stepper-wrapper {
  background: var(--color-elevation-surface-default) !important;
}
div.mat-mdc-select-panel {
  padding: 8px 0 !important;
  margin-top: 4px !important;
}
div.mat-mdc-select-panel {
  max-height: 500px !important;
}
.wide-tooltip {
  width: 223px;
  text-align: center;
}
.wide-tooltip .mdc-tooltip__surface {
  min-width: 223px !important;
  text-align: center;
}
.clips-tooltip .mdc-tooltip__surface {
  max-width: 400px !important;
}
.mat-mdc-cell,
.mat-mdc-header-cell {
  border-bottom-color: var(--color-border-default) !important;
}
.mat-mdc-option .mat-pseudo-checkbox {
  border: 1px solid var(--color-border-input-default) !important;
}
.case-view .mat-mdc-tab-group {
  flex: 1;
}
.case-view .mat-mdc-tab-header {
  width: auto;
  max-width: fit-content;
}
.case-view .mat-mdc-tab-body-wrapper {
  height: 100%;
  border-top: 1px solid var(--color-background-accent-gray-300-default);
}
.case-view .case-info-tabs .mat-mdc-tab .mdc-tab__text-label {
  font-family: Satoshi, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.6px;
}
.case-view .case-info-tabs .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: var(--color-text-accent-primary) !important;
}
.workflow-action-menu-accordion .mat-expansion-indicator::after {
  border-width: 0 1px 1px 0;
  padding: 3px;
}
.workflow-action-menu-accordion .mat-expansion-panel-header {
  padding: 0px 0px 0px 24px;
}
.workflow-action-menu-accordion .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator::after {
  transform: rotate(-45deg) !important;
  transition: 0.3s;
}
.workflow-action-menu-accordion .mat-expanded .mat-expansion-panel-header.mat-expansion-toggle-indicator-before .mat-expansion-indicator::after {
  transform: rotate(-135deg) !important;
}
.workflow-action-menu-accordion .mat-expansion-panel-header-title {
  color: var(--color-text-default);
}
.workflow-action-menu-accordion .mat-expansion-panel-header-description {
  font-size: 14px;
  color: var(--color-text-subtlest);
}
.workflow-action-menu-accordion .mat-expansion-indicator::after {
  width: 0px !important;
  height: 0px !important;
  margin-top: -3px !important;
}
.workflow-action-menu-accordion .mat-expansion-panel-body {
  padding: 0px 0px 0px 0px !important;
  height: 100%;
  color: var(--color-text-subtle);
}
.workflow-action-menu-accordion mat-content {
  min-width: 250px;
}
.workflow-action-menu-accordion mat-expansion-panel {
  box-shadow: none !important;
  border-width: 1px 0;
  border-style: solid;
  border-color: #eaecf0;
  margin: -1px 0px -1px 0px;
}
.workflow-action-menu-accordion .action {
  margin-top: 20px;
}
.workflow-action-menu-accordion .action .add {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  background: #4367f6;
  border: 1px solid #3456e0;
  border-radius: 4px;
  padding: 3.5px 23.5px;
  margin: 0 8px;
  cursor: pointer;
}
.workflow-action-menu-accordion .action .chevron {
  padding: 3px;
  background: #ffffff;
  border: 1px solid #4367f6;
  border-radius: 4px;
  cursor: pointer;
  color: #3456e0;
}
.workflow-action-menu-accordion.level-2 mat-expansion-panel {
  box-shadow: none !important;
  background: var(--color-background-neutral-subtle-100700);
  border-radius: 4px;
  border: 1px solid var(--color-background-neutral-subtle-100700);
  margin-bottom: 8px;
}
.workflow-action-menu-accordion.level-2 .mat-expansion-panel-header {
  height: 40px;
  -webkit-user-select: none;
  user-select: none;
  padding: 0px 16px;
}
.workflow-action-menu-accordion.level-2 .mat-expansion-panel-header.mat-expanded {
  height: 40px;
}
.workflow-action-menu-accordion.level-2 .mat-expansion-panel-header-description {
  color: var(--color-secondary-gray-600);
  margin-right: 0px !important;
}

/* projects/web/src/app/theme/gridster-customization.scss */
gridster {
  background-color: var(--color-background-neutral-subtle-100700) !important;
}
gridster-item {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--color-border-default);
  background: var(--color-elevation-surface-default) !important;
}
gridster .gridster-row {
  border-top: none !important;
  border-bottom: none !important;
  outline: 6px solid var(--color-elevation-surface-default);
  outline-offset: 0px;
}
gridster .gridster-column {
  border-left: none !important;
  border-right: none !important;
  outline: 6px solid var(--color-elevation-surface-default);
  outline-offset: 0px;
}

/* projects/web/src/app/theme/ckeditor-customization.scss */
.ck.ck-toolbar {
  background-color: var(--color-background-neutral-subtle-100700) !important;
}
.ck-reset_all *:not(.ck-reset_all-excluded *):not(.ck-button-save):not(.ck-button-save *):not(.ck-button-cancel):not(.ck-button-cancel *) {
  color: var(--color-text-default) !important;
}
.ck-toolbar__items .ck-button:not(.ck-disabled):hover:not(.ck-color-grid *),
.ck-toolbar__items .ck-button:not(.ck-disabled):hover:not(.ck-color-grid *) * {
  background-color: var(--color-elevation-surface-overlay-default) !important;
}
.ck.ck-button.ck-on {
  background: unset !important;
}
.ck.ck-dropdown__panel,
.ck.ck-button.ck-list-item-button,
.ck.ck-list {
  background-color: var(--color-elevation-surface-overlay-default) !important;
}
.ck.ck-button:active,
.ck.ck-button:focus {
  box-shadow: none !important;
  border: none !important;
  background-color: var(--color-elevation-surface-subtlest) !important;
}
.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
  background-color: var(--color-elevation-surface-overlay-default) !important;
}
.ck.ck-balloon-panel {
  background-color: var(--color-elevation-surface-overlay-default) !important;
}
.ck.ck-input {
  background: var(--color-background-input-default) !important;
  border: 1px solid var(--color-border-default) !important;
}
.ck.ck-balloon-panel {
  box-shadow: none !important;
  border: 1px solid var(--color-border-default) !important;
}
.ck.ck-button.ck-button-save {
  color: var(--color-border-success-default) !important;
}
.ck.ck-button.ck-button-cancel {
  color: var(--color-text-error-default) !important;
}
.ck.ck-balloon-panel[class*=arrow_n]:after {
  margin-top: unset !important;
  border-color: transparent transparent var(--color-border-default) transparent !important;
}
.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
  background-color: unset !important;
}
.ck.ck-input:focus {
  box-shadow: none !important;
}
.ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
  background-color: var(--color-elevation-surface-overlay-default) !important;
}

/* projects/web/src/app/theme/monaco-editor-customization.scss */
.monaco-editor-background {
  background-color: var(--color-background-neutral-subtle-100700) !important;
}
.monaco-editor .line-numbers.active-line-number {
  color: var(--color-text-selected) !important;
}
.monaco-editor .line-numbers {
  color: var(--color-text-default) !important;
}
.monaco-editor .margin {
  background-color: var(--color-background-neutral-default-200700) !important;
}
.mtk20 {
  color: var(--color-red-500) !important;
}
.mtk7 {
  color: var(--color-secondary-green-600) !important;
}
.mtk5 {
  color: var(--color-blue-500) !important;
}
.monaco-editor .view-overlays .current-line-exact {
  border: 1px solid var(--color-border-button-secondary-default) !important;
}
.decorationsOverviewRuler {
  color: #0d47a1;
}
.monaco-editor .find-widget[aria-hidden=false] {
  visibility: visible !important;
  opacity: 1 !important;
}
.monaco-editor .find-widget[aria-hidden=false]:has(input:focus),
.monaco-editor .find-widget[aria-hidden=false]:has(textarea:focus) {
  aria-hidden: false !important;
}
.monaco-editor .find-widget .monaco-button {
  background-image: none !important;
  background: transparent !important;
  position: relative !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 2px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.monaco-editor .find-widget .monaco-button .codicon {
  font-family: "codicon" !important;
  font-size: 16px !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  text-align: center !important;
  vertical-align: middle !important;
  color: var(--color-text-default) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  visibility: visible !important;
  opacity: 1 !important;
  speak: none !important;
}
.monaco-editor .find-widget .monaco-button[class*=codicon-] {
  font-family: "codicon" !important;
  font-size: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--color-text-default) !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.monaco-editor .find-widget .monaco-button svg {
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  fill: var(--color-text-default) !important;
  pointer-events: none !important;
}
.monaco-editor .find-widget .monaco-button[class*=codicon-]::before {
  font-family: "codicon" !important;
  font-size: 16px !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.monaco-editor .find-widget .monaco-button:hover {
  background: var(--color-elevation-surface-hover) !important;
}
.monaco-editor .find-widget .monaco-button:hover .codicon,
.monaco-editor .find-widget .monaco-button:hover svg,
.monaco-editor .find-widget .monaco-button:hover[class*=codicon-] {
  color: var(--color-text-default) !important;
  fill: var(--color-text-default) !important;
  opacity: 1 !important;
}
.monaco-editor .find-widget .monaco-button:active {
  background: var(--color-elevation-surface-pressed) !important;
}
.monaco-editor .find-widget .monaco-button > * {
  visibility: visible !important;
  opacity: 1 !important;
}
.monaco-editor .find-widget .monaco-inputbox input:focus,
.monaco-editor .find-widget .monaco-inputbox textarea:focus {
  outline: 2px solid var(--color-primary-500) !important;
  outline-offset: 2px !important;
}

/* projects/web/src/app/theme/intl-tel-input-customization.scss */
.iti__dropdown-content {
  background: var(--color-elevation-surface-overlay-default) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.iti__country-list {
  border: 1px solid var(--color-border-default) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
.iti__search-input {
  border: 1px solid var(--color-border-default) !important;
  border-radius: 4px !important;
}
.iti__search-input:focus,
.iti__search-input:focus-visible {
  border: 1px solid var(--color-border-input-pressed) !important;
  outline: none;
}
.iti__dropdown-content {
  position: fixed !important;
  z-index: 1000 !important;
}
.iti__dropdown-content.iti__dropdown-content--above {
  transform: translateY(-100%) !important;
  margin-top: -1px !important;
}
.iti--show-selected-dial-code .iti__selected-flag {
  border-right: 1px solid var(--color-border-input-default) !important;
}

/* projects/web/src/app/theme/json-viewer-customization.scss */
.segment-key {
  color: var(--color-text-accent-violet) !important;
}

/* projects/web/src/app/theme/mat-light-autocomplete.scss */
:is(.mat-mdc-autocomplete-panel.map-light-autocomplete-panel--app-map, .mat-mdc-autocomplete-panel.map-light-autocomplete-panel--location-map) {
  margin-top: 6px;
  padding: 0 !important;
  background: var(--color-background-accent-white-default) !important;
  border: 1px solid var(--color-secondary-gray-300) !important;
}
:is(.mat-mdc-autocomplete-panel.map-light-autocomplete-panel--app-map, .mat-mdc-autocomplete-panel.map-light-autocomplete-panel--location-map) .mat-mdc-option {
  background: var(--color-background-accent-white-default) !important;
  color: var(--color-secondary-gray-800) !important;
  opacity: 1 !important;
}
:is(.mat-mdc-autocomplete-panel.map-light-autocomplete-panel--app-map, .mat-mdc-autocomplete-panel.map-light-autocomplete-panel--location-map) .mat-mdc-option .mdc-list-item__primary-text {
  color: var(--color-secondary-gray-800) !important;
  opacity: 1 !important;
}
:is(.mat-mdc-autocomplete-panel.map-light-autocomplete-panel--app-map, .mat-mdc-autocomplete-panel.map-light-autocomplete-panel--location-map) .mat-mdc-option:hover:not(.mdc-list-item--disabled),
:is(.mat-mdc-autocomplete-panel.map-light-autocomplete-panel--app-map, .mat-mdc-autocomplete-panel.map-light-autocomplete-panel--location-map) .mat-mdc-option.mat-mdc-option-active:not(.mdc-list-item--disabled),
:is(.mat-mdc-autocomplete-panel.map-light-autocomplete-panel--app-map, .mat-mdc-autocomplete-panel.map-light-autocomplete-panel--location-map) .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  background: var(--color-secondary-gray-100) !important;
}

/* projects/web/src/app/theme/legacy_styles.scss */
.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-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
input,
textarea {
  border: 1px solid var(--input-border-default);
  background: var(--color-background-input-default);
  color: var(--color-text-subtlest);
}
html,
body {
  height: 100%;
  font-family: "Satoshi" !important;
  color: var(--color-text-default);
}
body {
  margin: 0;
  font-family: "Satoshi" !important;
  overflow: hidden;
}
.mat-tab-body {
  padding: 20px !important;
}
.mat-tab-body-wrapper {
  flex-grow: 1;
}
.mat-table {
  background-color: transparent !important;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 5px;
}
table tr {
  transition: 0.3s;
}
.plyr {
  height: 100%;
  width: 100%;
}
.plyr__video-wrapper {
  height: 100%;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: none !important;
}
.plyr__video-wrapper iframe {
  width: 100%;
  height: 100%;
}
h1,
h2,
h3,
h4 {
  font-family: "Satoshi";
}
.page-wrapper {
  height: 100%;
  width: 100%;
  font-family: "Satoshi";
}
.page-wrapper > div {
  width: 100%;
  height: 100%;
}
.page-wrapper .inner {
  padding: 25px 30px;
  overflow-y: auto;
  max-height: calc(100vh - 75px);
}
.footer-actions {
  height: 70px;
  max-height: 70px;
  padding: 15px 28px;
  background: var(--elevation-surface);
  border-top: 1px solid var(--color-border-default);
}
.c-primary {
  color: var(--color-primary-500);
}
.c-green {
  color: #22C55E;
}
.c-gray {
  color: #667085;
}
.c-red {
  color: #d67979;
}
.c-blue {
  color: #748fff;
}
.c-white {
  color: #ffffff;
}
.c-yellow {
  color: #ffdd6e !important;
}
.c-orange {
  color: #F59E0B !important;
}
.bold {
  font-weight: bold;
}
.mat-dialog-content {
  max-height: 80vh !important;
}
.table-style-1 .mat-table thead {
  background: #f9fafb;
  color: #777777;
}
.table-style-1 .mat-table thead tr:hover {
  background: #f9fafb !important;
}
.table-style-1 .mat-cell,
.table-style-1 th.mat-header-cell {
  padding: 13px;
  font-size: 14px;
}
.menu .mat-list-base .mat-list-item .mat-list-item-content {
  padding: 0px 33px;
}
.menu.loaded .mat-list-base .mat-list-item .mat-list-item-content {
  transition: 0.5s;
}
.menu .dropdown-arrow {
  transition: 0.5s;
  position: absolute;
  left: 5px;
}
.menu .items a.active {
  background: #f4f6fe;
  color: var(--color-primary-500);
}
.menu .items a.active .mat-icon {
  color: var(--color-primary-500);
}
.menu .items a.active .mat-icon svg path {
  fill: var(--color-primary-500);
}
.svg-fill-primary .mat-icon svg path,
.ui-icon-primary .mat-icon svg path {
  fill: var(--color-primary-500);
}
.svg-fill-primary span:before,
.ui-icon-primary span:before {
  color: var(--color-primary-500);
}
.svg-fill-white .mat-icon svg path,
.ui-icon-white .mat-icon svg path {
  fill: #FFFFFF;
}
.svg-fill-white span:before,
.ui-icon-white span:before {
  color: #FFFFFF;
}
.svg-fill-primary .mat-icon svg path,
.ui-icon-white .mat-icon svg path {
  fill: var(--color-primary-500);
}
.svg-fill-primary span:before,
.ui-icon-white span:before {
  color: var(--color-primary-500);
}
.svg-fill-red .mat-icon svg path,
.ui-icon-red .mat-icon svg path {
  fill: var(--color-red-500);
}
.svg-fill-red span:before,
.ui-icon-red span:before {
  color: var(--color-red-500);
}
.svg-fill-yellow .mat-icon svg path,
.ui-icon-yellow .mat-icon svg path {
  fill: #F59E0B;
}
.svg-fill-yellow span:before,
.ui-icon-yellow span:before {
  color: #F59E0B;
}
.svg-fill-green .mat-icon svg path,
.ui-icon-green .mat-icon svg path {
  fill: var(--color-secondary-green-500);
}
.svg-fill-green span:before,
.ui-icon-green span:before {
  color: var(--color-secondary-green-500);
}
.svg-fill-gray .mat-icon svg path {
  fill: #7a88b1;
}
.svg-fill-gray-600 .mat-icon svg path {
  fill: var(--color-secondary-gray-600);
}
.sidenav-wrapper:not(.opened) .mat-list-item-name {
  opacity: 1;
}
.sidenav-wrapper:not(.opened) .menu .mat-list-base .mat-list-item,
.sidenav-wrapper:not(.opened) .menu .mat-list-base .mat-list-option {
  height: 64px !important;
  width: 100% !important;
}
.sidenav-wrapper:not(.opened) .menu .mat-list-base .mat-list-item.narrow,
.sidenav-wrapper:not(.opened) .menu .mat-list-base .mat-list-option.narrow {
  height: 36px !important;
}
.sidenav-wrapper:not(.opened) .menu .dropdown-arrow {
  transition: 0.5s;
  left: -5px !important;
  opacity: 0;
}
.sidenav-wrapper:not(.opened) .menu .items a .mat-icon svg {
  width: 24px;
}
.fadeInfadeOut {
  opacity: 1 !important;
  animation: fade 1.5s linear !important;
  animation-iteration-count: infinite !important;
}
.breadcrumb-small {
  font-size: 10px;
  color: #667085;
}
.plyr--video {
  overflow: hidden;
  border-radius: 4px !important;
}
.menu-button {
  background: #f9fafb;
  min-width: 40px;
  height: 40px;
  border-radius: 8px;
}
.icon-button {
  border: 1px solid #d5dbee !important;
  border-radius: 8px !important;
  height: 48px !important;
  width: 48px !important;
  color: #b3b7c5 !important;
}
.collection-top-filter-wrapper {
  background: #ffffff;
  padding: 20px 20px;
}
.infinite-scroll-container {
  margin: 30px 20px;
  height: 76vh;
  width: 98%;
  overflow: auto;
}
.wall-wrapper {
  overflow-y: auto;
  max-height: calc(100vh - 75px);
}
.onvif-compliant {
  opacity: 0.2;
}
.onvif-compliant img {
  max-width: 55px;
}
.onvif-compliant.true {
  opacity: 1;
}
@media only screen and (max-height: 1050px) {
  .infinite-scroll-container {
    height: 70vh;
  }
}
@media only screen and (max-width: 1300px) {
  .infinite-scroll-container {
    width: 97%;
  }
}
@media only screen and (max-width: 1210px) {
  .infinite-scroll-container {
    width: 95%;
    height: 68vh;
  }
}
.mat-dialog-container {
  border-radius: 5px !important;
  box-shadow:
    0px 4px 3px -7px rgba(0, 0, 0, 0.1),
    0px 3px 11px 3px rgba(0, 0, 0, 0.06),
    0px 3px 17px 8px rgba(0, 0, 0, 0.05) !important;
  height: auto !important;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.15) !important;
}
.mat-list-base {
  padding-top: 0px !important;
}
.location-label {
  padding: 0px;
  margin: 0px;
}
.location-address {
  color: var(--color-primary-500);
}
.location-address .mat-icon {
  font-size: 12px;
  height: 12px;
  width: 12px;
}
.camera-player-wrapper {
  border: 1px solid rgb(0, 0, 0);
  border-radius: 5px;
  position: relative;
  background: #000000;
  width: 100%;
}
.camera-player-wrapper:hover .camera-change-label {
  opacity: 1;
}
.camera-player-wrapper .camera-change-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 999;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  border-radius: 5px;
  padding: 10px 15px;
  opacity: 0;
  transition: 0.3s;
}
.camera-player-wrapper stream-player .p-wrapper .video-wrapper,
.camera-player-wrapper webrtc-player .p-wrapper .video-wrapper {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.camera-player-wrapper stream-player .p-wrapper .video-wrapper video,
.camera-player-wrapper webrtc-player .p-wrapper .video-wrapper video {
  border-radius: 0px;
  display: block;
  height: 100%;
  width: 100%;
}
.playback-wrapper stream-player .p-wrapper .video-wrapper,
.playback-wrapper webrtc-player .p-wrapper .video-wrapper,
.camera-view-wrapper stream-player .p-wrapper .video-wrapper,
.camera-view-wrapper webrtc-player .p-wrapper .video-wrapper {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  border-radius: 4px 4px 4px 4px;
}
.playback-wrapper stream-player .p-wrapper .video-wrapper video,
.playback-wrapper webrtc-player .p-wrapper .video-wrapper video,
.camera-view-wrapper stream-player .p-wrapper .video-wrapper video,
.camera-view-wrapper webrtc-player .p-wrapper .video-wrapper video {
  border-radius: 4px 4px 4px 4px;
  height: 100%;
  width: 100%;
  background: #000;
}
.no-camera-wrapper {
  border: 1px dashed var(--color-primary-500);
  border-radius: 5px;
}
.font-w-500 {
  font-weight: 500;
}
.font-16 {
  font-size: 16px;
}
.font-12 {
  font-size: 12px;
}
.primary {
  color: var(--color-primary-500);
}
.camera-preview-wrapper {
  position: relative;
  background: rgba(213, 219, 238, 0.2);
  border: 1px dashed var(--color-primary-500);
  border-radius: 4px;
  min-height: 352px;
}
.camera-preview-wrapper .image-loader {
  position: absolute;
  background: #f7f8fc;
  width: 100%;
  height: 100%;
}
.camera-preview-wrapper ui-snapshot {
  height: 100% !important;
  width: 100% !important;
}
.camera-preview-wrapper ui-snapshot img {
  width: 100% !important;
  height: auto !important;
}
.camera-preview-wrapper.loaded {
  border: none;
  background: none;
}
.camera-preview-wrapper.loaded ui-snapshot img {
  background: #f7f8fc;
  border: 1px dashed var(--color-primary-500);
  border-radius: 4px;
}
.tabs {
  position: relative;
}
.tabs .mat-tab-body {
  transition: 0.5s;
  opacity: 0;
  margin: 0px 20px;
}
.tabs .mat-tab-body.mat-tab-body-active {
  margin: 0px;
  opacity: 1;
}
.tabs .mat-tab-body-content {
  overflow: unset;
}
.tabs .mat-tab-header {
  border-bottom: none;
}
.tabs .mat-tab-label {
  margin: 20px 10px;
  height: 34px;
  min-width: 0px;
  padding: 0 15px;
}
.tabs .mat-tab-label-active {
  background: #dae1ff;
  border-radius: 25px;
  opacity: 1;
}
.tabs .mat-tab-label-active .mat-tab-label-content {
  color: var(--color-primary-500);
}
.tabs .mat-tab-body {
  padding: 15px 50px !important;
}
.tabs .mat-tab-body mat-label {
  color: #475569;
}
.tabs .mat-tab-body.mat-tab-body-active {
  overflow-y: overlay;
}
.tabs .mat-tab-header:hover .mat-tab-header-pagination {
  opacity: 1;
}
.tabs .mat-tab-header-pagination {
  height: 36px;
  border-radius: 50px;
  margin: 19px 10px;
  box-shadow: none;
  transition: ease-out 0.3s;
  opacity: 0;
  width: 0px !important;
  min-width: 27px;
  display: none;
}
.tabs .mat-tab-header-pagination-disabled {
  min-width: 10px;
  box-shadow: none;
  opacity: 0 !important;
}
.tabs .mat-ink-bar {
  display: none;
}
.tabs .form-wrapper > div {
  width: 100%;
}
.tabs .divider {
  height: 1px;
  width: 100%;
  background: #d5dbee;
  margin: 20px 0px;
}
.tabs .section-wrapper {
  padding-top: 20px;
}
.camera-view {
  position: relative;
}
.camera-view .tabs {
  padding: 0px 20px;
}
.camera-view .tabs .mat-tab-body {
  padding: 0px 0px 0px 0px !important;
}
.camera-view .tabs .mat-tab-label-active {
  padding: 0px 25px;
  background: var(--color-primary-500);
  border-radius: 25px;
  opacity: 1;
}
.camera-view .tabs .mat-tab-label-active .mat-tab-label-content {
  color: #ffffff;
}
.camera-view .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-flex:hover .mat-mdc-form-field-outline-gap {
  border-top-color: #000000 !important;
  transition: 0.1s;
}
.camera-view .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-outline-gap {
  border-top-color: #e4e4e4 !important;
}
.camera-view .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float.mat-focused .mat-mdc-form-field-outline-gap {
  border-top-color: #4367f6 !important;
}
.camera-view .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label,
.camera-view .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label {
  transform: translateY(-0.7em) scale(0.75);
}
.camera-view .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix {
  padding: 0.1em 4px 0.36em 0px;
}
.camera-view .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-flex {
  margin-top: -0.3em;
}
.camera-view app-search-selector {
  margin-bottom: -18px;
}
.camera-view app-search-selector .advanced-search-button {
  line-height: 29px;
  padding: 0px 19px;
}
.picker-wrapper,
.playback-url {
  width: 100%;
}
.picker-wrapper .mat-mdc-form-field-wrapper,
.playback-url .mat-mdc-form-field-wrapper {
  padding-bottom: 0px;
}
.on-top {
  z-index: 998;
}
.mw {
  width: 100% !important;
}
.mw-m {
  width: 100% !important;
}
@media only screen and (min-width: 2000px) {
  .mw {
    max-width: 1400px !important;
  }
  .mw-m {
    max-width: 1600px !important;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 2000px) {
  .mw {
    max-width: 1500px !important;
  }
  .mw-m {
    max-width: 1500px !important;
  }
}
@media only screen and (max-width: 1600px) {
  .mw {
    max-width: 1100px !important;
  }
  .mw-m {
    max-width: 1300px !important;
  }
}
@media only screen and (max-height: 900px) {
  .mw {
    max-width: 1500px !important;
  }
  .mw-m {
    max-width: 1500px !important;
  }
}
.mat-mdc-menu-panel {
  max-width: 100% !important;
}
.toggle-button .mat-icon {
  line-height: 22px;
}
.controls-options {
  min-height: auto !important;
  font-size: 12px;
}
.controls-options .mat-mdc-menu-content:not(:empty) {
  padding-top: 0px;
  padding-bottom: 0px;
}
.speed-options {
  background: rgba(0, 0, 0, 0.95) !important;
  min-height: auto !important;
  font-size: 12px;
}
.speed-options .mat-mdc-menu-content:not(:empty) {
  padding-top: 0px;
  padding-bottom: 0px;
}
.speed-options .mat-mdc-menu-content {
  background: none !important;
}
.speed-options .mat-mdc-menu-item {
  height: 35px;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.2);
  color: #ffffff;
}
.speed-options .mat-icon {
  height: 14px;
  width: 14px;
  font-size: 12px;
  color: #ffffff !important;
  margin-right: 5px !important;
}
.hidden {
  display: none !important;
}
.options-menu {
  font-size: 13px;
  padding: 8px 15px 0px 15px;
  place-content: start flex-start !important;
  align-items: start !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  display: flex !important;
  min-width: 450px;
  max-width: 500px;
}
.options-menu .label {
  font-weight: 500;
  border-bottom: 1px solid #d5dbee;
  width: 100%;
  padding-bottom: 8px;
}
.options-menu-item {
  padding: 5px 0px;
}
.options-menu .mat-mdc-form-field-wrapper {
  padding-bottom: 0px !important;
}
.advanced-search {
  padding: 0px;
  max-height: 75vh;
  min-height: 570px;
}
.advanced-search > div {
  min-height: 570px !important;
}
.advanced-search .side-panel {
  padding: 10px 0px 10px 0px;
  border-right: #000;
}
.advanced-search .side-panel .subject {
  height: 40px;
  padding: 0px 10px 0px 25px;
}
.advanced-search .side-panel .subject.selected {
  background: #f4f6fe;
}
.advanced-search .side-panel .label {
  color: #667085;
  padding-left: 24px;
  font-size: 14px;
  margin-bottom: 0px;
}
.advanced-search .properties-placeholder {
  width: 100%;
  min-height: 570px;
  border-left: 1px solid var(--color-border-default);
  border-bottom: 1px solid var(--color-border-default);
  background: #ffffff;
}
.advanced-search .properties-panel {
  overflow-y: auto;
  max-height: 75vh;
  min-height: 570px;
  background: #ffffff;
  border-bottom: 1px solid var(--color-border-default);
  border-left: 1px solid var(--color-border-default);
}
.advanced-search .mat-mdc-form-field-wrapper {
  padding-bottom: 0px;
  background: #ffffff;
}
.advanced-search .search-selector {
  width: 100%;
}
.advanced-search .search-selector .mat-mdc-form-field-wrapper {
  padding-bottom: 0px;
  background: #ffffff;
}
.advanced-search .search-selector .mat-mdc-form-field-infix {
  width: auto;
}
.advanced-search .operator {
  max-width: 58px !important;
}
.advanced-search .operator .mat-select-arrow {
  border: none;
}
.advanced-search .operator:hover .mat-select-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  margin: 0 4px;
}
.mat-drawer[style*="visibility: hidden"] {
  display: block !important;
}
.main-settings h1 {
  margin-bottom: 0px;
}
.main-settings label {
  font-weight: 600;
  color: #344054;
}
.main-settings .tabs .mat-tab-body {
  padding: 15px 0px !important;
}
.main-settings .tabs .mat-tab-body mat-label {
  color: #475569;
}
.playback-timeline {
  padding: 20px;
  background: rgba(213, 219, 238, 0.2);
  border-radius: 4px;
  position: relative;
  min-height: 150px !important;
}
.playback-timeline .bar-line {
  background: #000000;
  width: 1px;
  height: 50%;
}
.playback-timeline .bar-line-wrapper {
  padding: 0px 17px;
  position: relative;
}
.playback-timeline .bar-line-current {
  position: relative;
  width: 2px;
  background: #4367f6;
  height: 41%;
  top: 26%;
  cursor: pointer;
  z-index: 999;
}
.playback-timeline .bar-line-current mat-icon {
  color: red;
  margin: -4px 0px 0px -11px;
}
.playback-timeline .bar-line.full {
  height: 100%;
}
.playback-timeline .bar-line-current-wrapper {
  position: absolute;
  top: 0px;
  left: 36px;
  z-index: 998;
  width: calc(100% - 72px);
  height: 100%;
}
.playback-timeline .bar-line-current-tooltip {
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 5px;
  transition: 0.3s;
  margin-left: 3px;
  -webkit-user-select: none;
  user-select: none;
}
.playback-timeline .bar-line-current-tooltip.hide {
  opacity: 0;
}
.cdk-overlay-container .cdk-overlay-pane .org-dropdown-panel {
  margin-top: 30px !important;
}
.cdk-overlay-container .cdk-overlay-pane .org-dropdown-panel .mat-option-button {
  text-align: center;
  border: 1px solid black;
  border-radius: 6px;
  margin: 4px;
  padding: 5px 0;
  cursor: pointer;
}
.cdk-overlay-container .cdk-overlay-pane .org-dropdown-panel .done-icon {
  height: 20px;
}
.playback-player .plyr {
  max-height: 48vh;
}
@media only screen and (max-height: 1300px) {
  .playback-player .plyr {
    max-height: 40vh;
  }
}
@media only screen and (max-height: 1000px) {
  .playback-player .plyr {
    max-height: 36vh;
  }
}
@media only screen and (max-height: 830px) {
  .playback-player .plyr {
    max-height: 30vh;
  }
}
.invisible {
  opacity: 0;
  max-height: 0;
  height: 0;
  transition: 0.3s;
}
.bar-line-download-area {
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  left: 36px;
  z-index: 999;
  width: 0px;
  height: 30%;
  background: rgba(67, 103, 246, 0.15);
  box-shadow:
    inset 0px 1px 0px 0px #4367f6,
    inset 15px 0px 0px 0px #4367f6,
    inset -15px 0px 0px 0px #4367f6,
    inset 0px -1px 0px 0px #4367f6;
  border-radius: 4px;
}
.bar-line-download-area.no-border {
  border: none;
}
.bar-line-download-area.show:before {
  position: absolute;
  content: "||";
  color: #fff;
  font-size: 10px;
  left: 5px;
}
.bar-line-download-area.show:after {
  position: absolute;
  content: "||";
  color: #fff;
  font-size: 10px;
  right: 5px;
}
.gm-fullscreen-control {
  top: 0 !important;
}
.bar-selection-ts {
  position: absolute;
  top: 0px;
  background: rgba(50, 177, 255, 0.5);
  border-radius: 5px;
  padding: 5px;
}
.bar-selection-ts.start {
  left: -70px;
}
.bar-selection-ts.end {
  right: -70px;
}
.options-button {
  position: absolute;
  background: #ffffff;
  top: 10px;
  right: 30px;
  z-index: 999;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.tab-actions {
  position: absolute;
  background: #ffffff;
  top: 10px;
  right: 30px;
  z-index: 999;
}
.tab-actions-button {
  background: #f9fafb !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  font-size: 23px;
  padding: 0px 12px;
}
.tab-actions-button mat-icon {
  color: #777777;
  height: 27px;
  width: 37px;
}
.tab-actions-menu-button {
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  border-radius: 8px !important;
}
.camera-settings .mat-slide-toggle-bar,
.edge-settings .mat-slide-toggle-bar {
  height: 22px;
  width: 44px;
  border-radius: 2px;
}
.camera-settings .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar,
.edge-settings .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  height: 22px;
  background: #0acb9d;
}
.camera-settings .mat-slide-toggle-thumb-container,
.edge-settings .mat-slide-toggle-thumb-container {
  top: 2px;
  left: 2px;
}
.camera-settings .mat-slide-toggle-thumb,
.edge-settings .mat-slide-toggle-thumb {
  height: 18px;
  width: 19px;
  border-radius: 0px;
  box-shadow: none;
}
.camera-settings .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container,
.edge-settings .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
  transform: translate3d(21px, 0, 0);
}
.camera-settings .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb,
.edge-settings .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background: #ffffff;
}
.camera-settings .toggle-label,
.edge-settings .toggle-label {
  font-size: 10px;
}
.camera-settings .camera-detail,
.edge-settings .camera-detail {
  border: 1px solid #cbd5e1;
  padding: 14px 16px;
  border-radius: 4px;
  background: rgba(238, 238, 238, 0.3882352941);
}
.camera-settings .camera-detail label,
.edge-settings .camera-detail label {
  color: #777777;
}
.camera-settings .camera-detail input,
.edge-settings .camera-detail input {
  border: none;
  text-align: right;
  font-size: 16px;
  padding: 5px;
  border-radius: 5px;
  width: 50px;
}
.camera-settings .camera-detail input.wide,
.edge-settings .camera-detail input.wide {
  width: 200px;
}
.camera-settings .camera-detail.edit,
.edge-settings .camera-detail.edit {
  padding: 10px 16px;
  background: #fff;
}
.camera-settings .ptz .camera-detail,
.edge-settings .ptz .camera-detail {
  padding: 10px 16px;
}
.settings-sidebar {
  position: fixed;
  top: 75px;
  right: 0px;
  bottom: 0px;
  width: 590px;
  height: calc(100% - 75px);
  border-left: 1px solid #d5dbee;
  transition: 0.5s;
  z-index: 999;
  background: #fff;
  transform: translateX(100%);
  resize: both;
}
.settings-sidebar.wide {
  width: 75vw;
}
.settings-sidebar.opened {
  box-shadow: none;
  transform: translateX(0%);
}
.edit-edge-ip-wrapper mat-progress-bar {
  opacity: 0.15;
  margin-top: -12px;
  height: 34px;
  margin-bottom: -21px;
}
.scroll-wrapper {
  overflow-y: auto;
  max-height: calc(100vh - 74px);
}
.location-scroll-wrapper {
  overflow-y: auto;
  max-height: calc(100vh - 130px);
}
mat-icon.up {
  transform: rotateX(180deg);
}
.mat-elevation-z8 {
  box-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.1),
    0px 8px 10px 1px rgba(0, 0, 0, 0.05),
    0px 3px 14px 2px rgba(0, 0, 0, 0.04) !important;
}
.ui-tab .page-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 16px;
}
.alert-tab,
.variable-tab {
  padding: 32px 32px;
  max-width: 1000px;
}
.alert-tab .page-title,
.variable-tab .page-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 0px;
  color: #000000;
}
.alert-tab .info-icon,
.variable-tab .info-icon {
  height: 14px;
  width: 14px;
  line-height: 14px;
}
.alert-tab .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-wrapper,
.variable-tab .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-wrapper {
  margin: 0px 0px;
}
.alert-tab .attributes-block,
.variable-tab .attributes-block {
  background: #ffffff;
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
  margin-top: 16px;
}
.alert-tab .attributes-block .radio-button-wrapper,
.variable-tab .attributes-block .radio-button-wrapper {
  background: #ffffff;
  box-shadow: inset 0px -1px 0px var(--color-border-default);
  cursor: pointer;
}
.modal-16-24 mat-dialog-container {
  padding: 16px 24px !important;
}
.modal-no-padding mat-dialog-container {
  padding: 0 !important;
}
.color-selector .mat-mdc-select-trigger .mat-mdc-select-value {
  margin-left: 31px !important;
}
.radio-button {
  padding: 0;
  margin-top: 5px;
  cursor: pointer;
}
.zone-tab .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix,
.ui-tab .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix,
.alert-notification-user-selection table .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix,
.alert-notification-manual-selection .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix,
.zone-tab .cdk-drag-preview .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix {
  padding: 5px 0px 9px 0px;
}
.zone-tab .mat-mdc-form-field-wrapper,
.ui-tab .mat-mdc-form-field-wrapper,
.alert-notification-user-selection table .mat-mdc-form-field-wrapper,
.alert-notification-manual-selection .mat-mdc-form-field-wrapper,
.zone-tab .cdk-drag-preview .mat-mdc-form-field-wrapper {
  padding-bottom: 0px !important;
}
.ui-chip-select {
  margin: 4px;
}
.ui-chip-select .mat-chip.mat-standard-chip {
  padding: 7px 16px;
  cursor: pointer;
  background: var(--elevation-surface);
  border: 1px solid #d0d5dd;
  color: var(--color-text-default);
}
.ui-chip-select .mat-chip.mat-standard-chip mat-icon {
  font-size: 18px;
  color: #344054;
  height: 18px;
  width: 18px;
  line-height: 18px;
}
.ui-chip-select .mat-chip.mat-standard-chip :focus {
  background: red;
}
.ui-chip-select .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background: #f4f6fe;
  border: 1px solid var(--color-primary-500);
  color: var(--color-primary-500);
}
.ui-chip-select .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary mat-icon {
  color: var(--color-primary-500);
}
.section-wrapper .title {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  color: #101828;
}
.section-wrapper .description {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #667085;
}
.mat-elevation-z8 {
  box-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.05),
    0px 8px 10px 1px rgba(0, 0, 0, 0.03),
    0px 3px 14px 2px rgba(0, 0, 0, 0.02) !important;
}
.delete-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
  line-height: 16px;
}
.wall-max-width {
  max-width: 125vh !important;
}
.multi-search-view ui-datetime-range-picker .date-range-wrapper {
  padding: 14px 20px 14px 20px;
  border-radius: 5px;
}
.multi-search-view ui-datetime-range-picker .date-range-wrapper label {
  display: none;
}
.pin-img {
  height: 132px;
  width: 140px;
}
.logo {
  height: 74px;
  min-height: 75px;
  min-width: 120px;
  background: #f7f8fc;
  padding: 0px 38px;
  transition: 0s;
}
.logo.fixed {
  border-right: 1px solid #d5dbee;
  border-bottom: 1px solid #d5dbee;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
}
.logo mat-icon {
  color: #7c808e;
}
.logo img.show {
  width: 153px;
  height: 43px;
}
.logo.closed {
  transition: 0.5s;
  padding: 0px 10px;
}
.top-left-actions {
  z-index: 999;
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0px 8px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  color: #ffffff;
  border-radius: 5px;
  min-height: 32px;
}
.top-left-actions mat-icon {
  color: #ffffff;
  font-size: 30px;
  height: 30px;
  width: 30px;
  line-height: 40px;
}
.top-left-actions .maximize-button {
  cursor: pointer;
}
.top-left-actions .maximize-button mat-icon {
  color: #ffffff;
  color: #ffffff;
  font-size: 35px;
  height: 35px;
  width: 30px;
  line-height: 43px;
}
.top-left-actions .divider {
  height: 28px;
  width: 2px;
  background: #d5dbee;
  margin: 0px 0px 0px 5px;
  opacity: 0.1;
}
.monitoring-view-page .ng-scroll-content {
  width: 100%;
}
.search-properties-selector .operator-selector .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix {
  padding: 0.2em 0px 0.5em 0px;
}
.quality-selector .mat-progress-spinner circle,
.quality-selector .mat-spinner circle {
  stroke: #ffffff;
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: unset;
}
.mat-option-pseudo-checkbox.mat-pseudo-checkbox-checked {
  background-color: var(--color-background-selected-selector-active);
  border-color: var(--color-border-selected-default);
}
.checking-connection-wrapper {
  padding: 3px 0px;
}
.checking-connection-wrapper .mat-progress-spinner circle,
.checking-connection-wrapper .mat-spinner circle {
  stroke: #ffffff;
}
.thumbnail-dialog-wrapper .mat-dialog-container {
  padding: 0px;
}
.thumbnail-dialog-wrapper app-events-histogram .rel {
  opacity: 1;
  border-radius: 10px 10px 0px 0px;
}
.thumbnail-dialog-wrapper .multiple-histogram app-events-histogram .rel {
  border-radius: 0px;
  margin: 0px 0px 1px 0px;
}
.playback-player.new-design app-player-controls .controls .wrapper {
  padding: 0px !important;
  background: #fff;
  margin-top: 10px;
}
.playback-player.new-design app-player-controls .controls .wrapper button {
  background: #f9fafb;
  border-radius: 4px;
  height: 32px;
  width: 32px;
}
.playback-player.new-design app-player-controls .controls .wrapper button .mat-icon-button {
  line-height: 0px !important;
}
.playback-player.new-design app-player-controls .controls .wrapper button mat-icon {
  height: 15px !important;
  width: 14px !important;
}
.playback-player.new-design stream-player .current-zoom-label,
.playback-player.new-design webrtc-player .current-zoom-label {
  top: 15px;
  background: rgba(0, 0, 0, 0.5);
}
.playback-player.new-design stream-player .manual-zoom-wrapper,
.playback-player.new-design webrtc-player .manual-zoom-wrapper {
  bottom: 15px;
  right: 15px;
  background: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 0px;
}
.playback-player.new-design stream-player .manual-zoom-wrapper > div,
.playback-player.new-design webrtc-player .manual-zoom-wrapper > div {
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  color: #ffffff;
  padding: 5px;
  border-radius: 4px;
}
.playback-player.new-design app-playback-timeline .playback-timeline {
  background: #f9fafb;
}
.no-us {
  -webkit-user-select: none;
  user-select: none;
}
.hover {
  opacity: 0;
  transition: 0.3s;
}
.p-wrapper:hover .hover,
.animation-wrapper:hover .hover,
.playback-wrapper:hover .hover,
.camera-view-wrapper:hover .hover {
  opacity: 1;
  transition: 0.3s;
}
.mat-slider-horizontal {
  height: 40px;
}
.mat-slider.mat-slider-horizontal .mat-slider-wrapper {
  top: 18px;
}
.mat-slider.mat-slider-horizontal .mat-slider-track-wrapper {
  height: 2px;
  border-radius: 10px;
}
.mat-slider.mat-slider-horizontal .mat-slider-track-background,
.mat-slider.mat-slider-horizontal .mat-slider-track-fill {
  height: 100%;
}
.mat-slider.mat-slider-horizontal .mat-slider-track-background {
  background-color: #ececec;
}
.mat-slider.mat-slider-horizontal .mat-slider-track-fill {
  background-color: var(--color-primary-500);
}
.mat-slider-thumb {
  height: 30px !important;
  width: 30px !important;
  background-color: white !important;
  border: 1px solid var(--color-secondary-gray-400) !important;
  bottom: -15px !important;
  right: -20px !important;
}
.mat-slider-thumb:before {
  background: var(--color-primary-500);
  position: absolute;
  content: " ";
  top: 50%;
  left: 50%;
  height: 8px;
  width: 8px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  background-color: white;
}
.camera-view.new-design .view-wrapper {
  padding: 20px 0px 0px 0px;
}
.camera-view.new-design .top-details {
  padding: 25px 0px 10px 0px;
}
.camera-view.new-design .animation-wrapper {
  border-bottom: none;
}
.camera-view.new-design .mat-tab-header {
  display: none;
}
.bar {
  opacity: 0.5;
  transition: 0.3s;
}
.bar:hover {
  opacity: 1;
}
.bar-label {
  opacity: 0.4;
  font-size: 12px;
  width: 100%;
  margin-top: 10px;
}
.bar-tooltip {
  position: absolute;
  z-index: 999 !important;
  top: -78px;
  background: var(--color-elevation-surface-overlay-default);
  border-radius: 8px;
  padding: 11px 15px;
  transform: translateX(-50%);
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.15),
    0 8px 10px 1px rgba(0, 0, 0, 0.11),
    0 3px 14px 2px rgba(0, 0, 0, 0.09);
  min-width: 320px;
}
.bar-tooltip-time {
  font-size: 12px;
  margin-top: 5px;
  opacity: 0.5;
}
.bar-tooltip-status {
  font-size: 16px;
}
.bar-tooltip-status.red {
  color: #f24949;
}
.menu.closed .organization-dropdown mat-select {
  width: 33px;
  border: 1px solid #d5dbee;
  border-radius: 8px;
  padding: 13px 7px;
  background: #ffffff;
}
.menu.closed .organization-dropdown mat-select .mat-select-trigger .mat-select-arrow-wrapper {
  display: none;
}
.menu.closed .avatar-random-color {
  color: white;
  width: 50px !important;
}
.display-none {
  display: none;
}
.success {
  color: #34d399;
}
.error {
  color: #f87171;
}
.filters-menu {
  font-size: 13px;
  padding: 8px 15px 0px 15px;
  place-content: start flex-start !important;
  align-items: start !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  display: flex !important;
  min-width: 350px;
}
.filters-menu .label {
  font-weight: 500;
  border-bottom: 1px solid #d5dbee;
  width: 100%;
  padding-bottom: 8px;
}
.success-snackbar {
  background: #f0fdf4 !important;
  white-space: pre-wrap;
  border: 1px solid #22c55e !important;
  border-left: 3px solid #22c55e !important;
  color: #000000 !important;
  white-space: pre-wrap;
}
.success-snackbar .mat-button-wrapper {
  font-family: "Material Icons";
  font-size: 16px;
  line-height: 2.4;
  letter-spacing: normal;
  text-transform: none;
}
.success-snackbar .mat-simple-snackbar-action {
  color: #667085;
}
.success-snackbar .mat-snack-bar-container:hover {
  background: none !important;
}
.failed-snackbar {
  background: #fef2f2 !important;
  border: 1px solid #ef4444 !important;
  border-left: 3px solid #ef4444 !important;
  color: #000000 !important;
  white-space: pre-wrap;
}
.failed-snackbar .mat-button-wrapper {
  font-family: "Material Icons";
  font-size: 16px;
  line-height: 2.4;
  letter-spacing: normal;
  text-transform: none;
}
.failed-snackbar .mat-simple-snackbar-action {
  color: #667085;
}
.failed-snackbar .mat-snack-bar-container:hover {
  background: none !important;
}
.ptz .clickable {
  -webkit-user-select: none;
  user-select: none;
}
.ptz .clickable:active .mat-icon svg path {
  fill: var(--color-primary-500);
}
.section-title {
  font-weight: 500;
  font-size: 16px;
}
.narrow-input .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix {
  padding: 6px 4px 10px 0px;
}
.narrow-input .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-flex {
  margin-top: -0.3em;
}
.narrow-input .mat-mdc-form-field-wrapper {
  padding-bottom: 0px;
}
.narrow-input-40 .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix {
  padding: 2px 4px 8px 0px !important;
}
.narrower-input .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix {
  padding: 5px 4px 10px 0px;
}
.narrower-input .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-flex {
  margin-top: -0.3em;
}
.narrower-input .mat-mdc-form-field .mat-mdc-form-field-prefix .mat-icon {
  color: #667085;
  font-size: 16px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  margin-right: 10px;
}
.tall-date-range-picker .date-range-wrapper.no-label {
  padding: 5px 23px 5px 13px !important;
}
.playback-quality-selector {
  position: absolute;
  bottom: 20px !important;
  left: 20px !important;
  z-index: 999;
}
.dx-mention {
  background: #e1e6fa !important;
  color: #2748cc !important;
  padding: 7px 7px;
  border-radius: 30px;
  line-height: 38px;
}
.workspace-create .mat-expansion-panel-spacing {
  margin: 0px !important;
}
.ui-camera-select.narrow .location-cameras-list {
  height: 68px;
}
.ui-camera-select.narrow .location-cameras-list .camera-block {
  padding: 12px 16px 12px 16px !important;
}
.ui-camera-select.narrow .location-cameras-list .camera-block .camera-snapshot {
  width: 42px !important;
  height: 33px !important;
}
.ui-camera-select.narrow .location-cameras-list .camera-block .camera-snapshot img {
  height: 33px !important;
}
.ui-camera-select.narrow .location-cameras-list .camera-block .camera-name {
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-camera-select.narrow .location-cameras-list .radio {
  padding-right: 16px !important;
}
.icon-12 .mat-icon {
  height: 12px !important;
  width: 12px !important;
  line-height: 12px !important;
  font-size: 12px !important;
}
.icon-14 .mat-icon {
  height: 14px !important;
  width: 14px !important;
  line-height: 14px !important;
  font-size: 14px !important;
}
.icon-18 .mat-icon {
  height: 18px !important;
  width: 18px !important;
  line-height: 18px !important;
  font-size: 18px !important;
}
.icon-20 .mat-icon {
  height: 20px !important;
  width: 20px !important;
  line-height: 20px !important;
  font-size: 20px !important;
}
.icon-24 .mat-icon {
  height: 24px !important;
  width: 24px !important;
  line-height: 24px !important;
  font-size: 24px !important;
}
.widget-info-content {
  color: #667085;
}
.widget-info-content .mat-button {
  line-height: 32px !important;
}
.error-card {
  padding: 15px 20px;
  background: #FEF2F2;
  border: 1px solid #EF4444;
  border-left: 3px solid #EF4444;
  border-radius: 4px;
  color: var(--color-red-700);
}
.success-card {
  padding: 15px 20px;
  background: #F0FDF4;
  border: 1px solid #22C55E;
  border-left: 3px solid #22C55E;
  border-radius: 4px;
  color: #101828;
}
.success-card mat-icon {
  color: #22C55E;
}
.scrollbar-wrapper .ng-scroll-content {
  height: 100% !important;
}
.toast-container {
  pointer-events: all !important;
}
.list-camera-snapshot {
  margin: 8px 0;
  height: 48px;
  width: 64px;
  max-height: 48px;
  max-width: 64px;
  border-radius: 4px;
  margin-right: 10px;
}
.list-camera-snapshot img {
  max-height: 48px !important;
  max-width: 64px !important;
  height: 48px;
  width: 64px;
  border-radius: 4px;
}
.notification-user-selection-table {
  border-radius: 4px;
}
.notification-user-selection-table th {
  height: 44px;
}
.camera-preview-data-tab .mat-table,
.camera-import-tab .mat-table,
.camera-select-tab .mat-table,
.pricing-info-dialog .mat-table,
.notification-user-selection-table .mat-table {
  overflow-x: scroll;
}
.camera-preview-data-tab .mat-cell,
.camera-preview-data-tab .mat-header-cell,
.camera-import-tab .mat-cell,
.camera-import-tab .mat-header-cell,
.camera-select-tab .mat-cell,
.camera-select-tab .mat-header-cell,
.pricing-info-dialog .mat-cell,
.pricing-info-dialog .mat-header-cell,
.notification-user-selection-table .mat-cell,
.notification-user-selection-table .mat-header-cell {
  word-wrap: initial;
  display: table-cell;
  padding: 0px 10px;
  line-break: unset;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
.camera-preview-data-tab .mat-row,
.camera-preview-data-tab .mat-header-row,
.camera-import-tab .mat-row,
.camera-import-tab .mat-header-row,
.camera-select-tab .mat-row,
.camera-select-tab .mat-header-row,
.pricing-info-dialog .mat-row,
.pricing-info-dialog .mat-header-row,
.notification-user-selection-table .mat-row,
.notification-user-selection-table .mat-header-row {
  display: table-row;
}
.object-attributes-inline .mat-mdc-form-field-wrapper {
  padding-bottom: 0px;
  background: var(--background-input);
}
.object-attributes-inline .search-selector {
  width: 100%;
}
.object-attributes-inline .search-selector .mat-mdc-form-field-wrapper {
  padding-bottom: 0px;
  background: #ffffff;
}
.object-attributes-inline .search-selector .mat-mdc-form-field-infix {
  width: auto;
}
.object-attributes-inline .operator {
  max-width: 58px !important;
}
.object-attributes-inline .operator .mat-select-arrow {
  border: none;
}
.menu-no-padding .mat-mdc-menu-panel,
.property-chips-wrapper .mat-mdc-menu-panel {
  min-height: 0px !important;
}
.menu-no-padding .mat-mdc-menu-content:not(:empty),
.property-chips-wrapper .mat-mdc-menu-content:not(:empty) {
  padding-top: 0px;
  padding-bottom: 0px;
}
.menu-no-padding.radius,
.property-chips-wrapper.radius {
  border-radius: 20px !important;
}
.property-chips {
  padding: 10px;
  max-width: 342px;
  max-height: 500px;
  min-height: 0;
  overflow-y: scroll;
}
.property-chips.blue .ui-filter-chip {
  background-color: var(--color-primary-100) !important;
  border-radius: 24px !important;
}
.property-chips.blue .ui-filter-chip .title {
  font-weight: 300;
  color: var(--color-primary-700) !important;
}
.mat-mdc-menu-panel {
  overflow: hidden !important;
  min-height: 0px !important;
}
.how-to-draw {
  max-width: 400px;
}
.how-to-draw-description {
  font-weight: 300;
  text-align: center;
}
.how-to-draw-wrapper {
  background: rgba(16, 24, 40, 0.65);
  position: absolute;
  top: 0;
  left: 0px;
  margin: 4px 0px 0px 3px;
  width: calc(100% - 6px);
  height: calc(100% - 9px);
  color: #fff;
}
.how-to-draw h2 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0px;
}
.no-click {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: none;
}
.fill img {
  object-fit: cover;
}
.mat-badge-accent .mat-badge-content {
  background-color: var(--color-red-500);
}
.bullet-divider {
  font-size: 8px;
  color: var(--color-secondary-gray-600);
}
video-progress .mat-progress-bar-buffer {
  background: #E4E8EB;
}
.c-100 > div {
  width: 100%;
}
.table-container {
  width: 100%;
  border-radius: 4px;
  border-bottom: none;
}
.child-100 > * {
  width: 100%;
}
.mat-mdc-form-field-appearance-outline .mat-select-arrow-wrapper {
  transform: translateY(0px);
}
.sentence-option-selector {
  font-family: Satoshi;
}
.sentence-option-selector.selected .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #fff;
  border-radius: 0px;
  border-bottom: 1px solid var(--color-primary-600);
}
.sentence-option-selector .mat-option {
  font-size: 14px !important;
}
.sentence-option-selector .mat-select-value {
  font-size: 24px;
  text-align: center;
  color: var(--color-primary-600);
  overflow: visible;
}
.sentence-option-selector .mat-select-arrow-wrapper {
  display: none;
}
.sentence-option-selector .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: var(--color-primary-600);
}
.sentence-option-selector input.mat-input-element {
  color: var(--color-primary-600);
}
.sentence-option-selector .mat-mdc-select-placeholder {
  color: var(--color-primary-600);
  font-size: 24px;
  font-weight: 500;
}
.sentence-option-selector .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix {
  padding: 5px 4px 5px 0px;
}
.sentence-option-selector .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-flex {
  margin-top: -0.3em;
}
.sentence-option-selector .mat-mdc-form-field-wrapper {
  padding-bottom: 0px;
}
.sentence-option-selector-panel {
  margin-top: 35px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
.sentence-option-selector .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-wrapper {
  background: none !important;
}
.ngx-json-viewer {
  overflow: auto;
}
.ui-selector,
mat-select {
  border-radius: 4px;
  background: var(--color-background-input-default);
  color: var(--color-text-subtlest);
  font-family: Satoshi !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.ui-mat-icon-16 {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}
.ui-mat-icon-16 span {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}
.ui-mat-icon-50 {
  font-size: 16px !important;
  width: 50px !important;
  height: 50px !important;
}
.ui-mat-icon-50 span {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}
.ui-mat-icon-50 {
  font-size: 16px !important;
  width: 50px !important;
  height: 50px !important;
}
.ui-mat-icon-50 span {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}
.ui-mat-icon-20 {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
}
.ui-mat-icon-20 span {
  font-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
}
.ui-mat-icon-50 {
  font-size: 50px !important;
  width: 50px !important;
  height: 50px !important;
}
.ui-mat-icon-50 span {
  font-size: 50px !important;
  width: 50px !important;
  height: 50px !important;
}
.ui-mat-icon-button-16 {
  background: var(--background-page);
  border: 1px solid var(--color-border-button-default-default);
  border-radius: 4px;
  font-size: 16px;
  width: 16px !important;
  height: 16px !important;
  padding: 8px;
  cursor: pointer;
}
.zone-selector-wrapper {
  width: 100%;
}
.create-v2-settings-form .mat-mdc-form-field-label-wrapper {
  font-size: 20px !important;
}
.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-prefix,
.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-suffix {
  top: 0 !important;
  opacity: 0.5 !important;
}
.toggle-menu-button {
  position: absolute;
  top: 20px;
  right: -16px;
  background: #f9fafb;
  border: 1px solid #d0d5dd;
  height: 32px;
  width: 32px;
  z-index: 990;
}
.toggle-menu-button .mat-icon {
  cursor: pointer;
  line-height: 16px;
  height: 16px;
  width: 16px;
  transform: translate(-1px, -2px);
}
.toggle-menu-button .mat-icon.collapsed {
  transform: translate(2px, -2px);
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-scrollbar) rgba(233, 233, 233, 0);
}
*::-webkit-scrollbar {
  width: 8px;
}
*::-webkit-scrollbar-track {
  background: #e9e9e9;
}
*::-webkit-scrollbar-thumb {
  background-color: #aeaeae;
  border-radius: 20px;
  border: 3px solid rgba(233, 233, 233, 0);
}
ng-scrollbar {
  --scrollbar-size: 10px;
}
.person-selector .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-prefix {
  opacity: 1 !important;
  top: 0.5em !important;
  margin-right: 8px;
}
.person-selector .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-suffix {
  opacity: 1 !important;
  top: 0.4em !important;
}
.mat-selector-panel-class {
  margin-top: 30px !important;
}
.icon-yellow {
  color: var(--color-yellow-500) !important;
}
.calendar-block.single .mat-calendar-body-label {
  opacity: 0 !important;
}
[class^=ui-icon-],
[class*=" ui-icon-"] {
  font-size: 16px;
  color: var(--icon-default-no-bg);
}
.mat-selector-panel-class {
  background: var(--elevation-surface);
  color: var(--color-text-default);
}
.mat-icon {
  color: var(--color-icon-default);
}
.mat-flat-button.mat-primary,
.mat-flat-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
  color: var(--button-text-primary);
  background-color: var(--button-bg-primary);
}
.dark-theme .mat-ripple-element {
  opacity: 0 !important;
}
mat-mdc-form-field mat-select {
  width: 100% !important;
  box-sizing: border-box;
  background: transparent;
  border: none;
}
.mat-select-panel .mat-optgroup-label,
.mat-select-panel .mat-option {
  font-size: 14px;
}
.cdk-virtual-scroll-content-wrapper {
  width: 100%;
}
.mat-mdc-select-placeholder,
.search-input::placeholder {
  color: var(--color-secondary-gray-500) !important;
}
.ui-input {
  color: var(--color-text-default);
  font-family: Satoshi;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 8px 16px;
  border-radius: 4px;
}
.ui-input:disabled {
  color: var(--color-text-disabled);
}
.mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: var(--color-background-selected-selector-active) !important;
  border: 1px solid var(--color-border-selected-default) !important;
}
.mat-checkbox-checked.mat-primary .mat-checkbox-background::after {
  content: url(/assets/icons/checkbox-checkmark.svg);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 16px;
  width: 16px;
  color: var(--color-primary-white);
}
.mat-checkbox.mat-primary .mat-checkbox-background svg {
  display: none;
}
mat-checkbox .mat-checkbox-frame {
  border-radius: 4px;
}
mat-checkbox .mat-checkbox-background {
  border-radius: 4px !important;
  width: 20px !important;
  height: 20px !important;
}
mat-checkbox .mat-checkbox-inner-container {
  width: 20px;
  height: 20px;
}
mat-checkbox .mat-checkbox-checkmark {
  transform: scale(0.8);
}
.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  background: var(--color-background-input-value);
}
label {
  color: var(--color-text-default);
}
.mat-expansion-indicator::after {
  width: 4px !important;
  height: 4px !important;
  margin-top: -7px !important;
}
.custom-slider .ngx-slider .ngx-slider-bar {
  background: var(--color-secondary-gray-300);
  height: 2px;
}
.custom-slider .ngx-slider .ngx-slider-selection {
  background: var(--color-primary-500);
}
.custom-slider .ngx-slider .ngx-slider-pointer {
  background-color: #ffffff;
  border: 1px solid var(--color-secondary-gray-400);
  top: -9px;
  height: 20px;
  width: 20px;
}
.custom-slider .ngx-slider-active .ngx-slider-pointer :after,
.custom-slider .ngx-slider .ngx-slider-pointer:after {
  background: var(--color-primary-500);
  top: 50%;
  left: 50%;
  height: 6px;
  width: 6px;
  transform: translate(-50%, -50%);
}
.custom-slider .ngx-slider .ngx-slider-pointer:hover:after {
  background: var(--color-primary-500);
  top: 50%;
  left: 50%;
  height: 6px;
  width: 6px;
  transform: translate(-50%, -50%);
}
.custom-slider .ngx-slider .ngx-slider-bubble {
  font-size: 12px;
  bottom: 23px;
  background: var(--color-primary-500);
  padding: 2px 8px;
  border-radius: 4px;
  color: #fff;
}
.custom-slider .ngx-slider .ngx-slider-bubble:before {
  content: "\25b2";
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-43%, 12px) rotate(60deg);
  color: var(--color-primary-500);
}
.custom-slider .ngx-slider .ngx-slider-limit {
  font-weight: bold;
  color: var(--color-primary-500);
  display: none;
}
.custom-slider .ngx-slider .ngx-slider-tick {
  width: 1px;
  height: 10px;
  margin-left: 4px;
  border-radius: 0;
  background: #ffe4d1;
  top: -1px;
}
.custom-slider .ngx-slider .ngx-slider-tick.ngx-slider-selected {
  background: orange;
}
.custom-slider.precision .ngx-slider .ngx-slider-bubble {
  display: none;
}
.custom-slider.precision .ngx-slider .ngx-slider-bar {
  background: var(--color-primary-500);
  height: 2px;
}
.input-field {
  margin-top: 16px;
}
.ui-select-option {
  color: var(--color-text-default);
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}
.xterm-rows span {
  width: 9.0314465409px !important;
  font-family:
    "Cascadia Code",
    Menlo,
    monospace !important;
}
.seperator {
  height: 1px;
  background: var(--color-border-default);
  margin: 32px 0;
}
.sidebar-tooltip {
  border-radius: 4px;
  max-width: none !important;
}
.sidebar-tooltip .mdc-tooltip__surface {
  color: var(--color-tooltip) !important;
  background: var(--background-tooltip) !important;
  font-size: 14px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 100%;
}
.sidebar-tooltip.no-truncate {
  word-break: break-all !important;
  white-space: normal !important;
}
.sidebar-tooltip.wide {
  width: 315px;
}
.sidebar-tooltip.wide .mdc-tooltip__surface {
  min-width: 315px !important;
}
.sidebar-tooltip.oldest-video {
  width: 295px;
}
.sidebar-tooltip.oldest-video .mdc-tooltip__surface {
  min-width: 295px !important;
}
.sidebar-tooltip.schedule-info {
  width: 265px;
}
.sidebar-tooltip.schedule-info .mdc-tooltip__surface {
  min-width: 265px !important;
}
.mat-mdc-form-field-ui-selector .mat-mdc-select {
  font-size: 14px;
}
.mat-mdc-form-field-ui-selector .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 4.5px;
  padding-bottom: 4.5px;
  min-height: unset;
}
.mat-mdc-form-field-ui-selector .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.mat-mdc-form-field-ui-selector mat-option {
  color: var(--color-text-default);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: var(--input-border-default) !important;
}
.mat-checkbox-disabled {
  opacity: 0.5;
}
.mat-mdc-menu-panel {
  max-width: unset !important;
}
.step-option-selector .mat-mdc-select-arrow-wrapper {
  display: none !important;
}
.sentence-option-selector-panel[aria-multiselectable=false] {
  margin-top: 15px;
  margin-left: -5px;
}
.sentence-option-selector-panel[aria-multiselectable=false] .mat-pseudo-checkbox {
  display: none;
}
.mat-mdc-text-field-wrapper {
  height: 40px !important;
}
.mdc-text-field--outlined .mat-mdc-form-field-infix,
.mdc-text-field--no-label .mat-mdc-form-field-infix {
  padding-top: 8px !important;
  padding-bottom: 0px !important;
  font-size: 14px;
}
.mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.mat-mdc-card-content {
  padding: 0 !important;
}
.mat-mdc-option {
  min-height: unset !important;
}

/* projects/web/src/app/theme/ui-tab.scss */
.ui-tab {
  height: 100%;
  box-sizing: border-box;
  padding: 24px 24px;
  overflow-y: auto;
}
.ui-tab .ui-page-title {
  font-size: var(--ui-font-page-title-size);
  font-weight: var(--ui-font-page-title-weight);
  line-height: var(--ui-font-page-title-height);
  margin-bottom: 0;
}
.ui-tab .ui-input-row {
  margin-bottom: 24px;
}
.ui-tab .ui-tab-inner {
  height: 100%;
}
.ui-tab.reader {
  padding: 24px 24px;
  max-width: 100vw;
}
.ui-tab.wide {
  max-width: 1300px;
}
.ui-tab.limit {
  overflow: auto;
  height: calc(100% - 50px) !important;
}

/* projects/web/src/app/theme/ui-create-page.scss */
.ui-create-page {
  overflow: hidden;
}
.ui-create-page .ui-router-wrapper {
  overflow-y: auto;
}
.ui-create-page .ui-router-wrapper .router-content {
  overflow: auto;
}

/* projects/web/src/app/theme/ui-flex.scss */
.flex-fill {
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-row {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  min-width: 0;
}
.flex-col {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
}
.flex {
  flex: 1 1 0%;
  box-sizing: border-box;
}
.flex-auto {
  flex: 1 1 auto;
  box-sizing: border-box;
}
.flex-50 {
  max-width: 50%;
}
.flex-100 {
  flex: 1 1 100%;
  max-width: 100%;
}
.flex-1-3 {
  flex: 0 0 33.3333333333%;
}
.space-between-center {
  align-items: center;
  justify-content: space-between;
}
.space-between-start {
  align-items: start;
  justify-content: space-between;
}
.space-between-end {
  align-items: end;
  justify-content: space-between;
}
.space-evenly-center {
  align-items: center;
  justify-content: space-evenly;
}
.space-around-center {
  align-items: center;
  justify-content: space-around;
}
.space-around-start {
  align-items: start;
  justify-content: space-around;
}
.start-center {
  align-items: center;
  justify-content: start;
}
.center-start {
  align-items: start;
  justify-content: center;
}
.start-end {
  align-items: end;
  justify-content: start;
}
.start-start {
  align-items: start;
  justify-content: start;
}
.center-center {
  justify-content: center;
  align-items: center;
}
.center-baseline {
  justify-content: center;
  align-items: baseline;
}
.end-center {
  justify-content: end;
  align-items: center;
}
.end-end {
  justify-content: end;
  align-items: end;
}
.end-start {
  justify-content: end;
  align-items: start;
}
.flex {
  flex: 1 1 0%;
}
.flex-25 {
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
}
.flex-23 {
  flex: 0 0 23%;
  max-width: 23%;
  box-sizing: border-box;
}
.flex-30 {
  flex: 0 0 30%;
  max-width: 30%;
  box-sizing: border-box;
}

/* projects/web/src/app/theme/ui-dialog.scss */
.dialog {
  height: 100%;
}
.dialog > div {
  padding: 16px 24px;
  width: 100%;
}
.dialog .dialog-content {
  border-top: 1px solid var(--color-border-default);
  border-bottom: 1px solid var(--color-border-default);
  height: 100%;
  max-height: calc(90vh - 120px);
  overflow-y: auto;
  overflow-x: hidden;
}

/* projects/web/src/app/theme/ui-input.scss */
.ui-input {
  box-sizing: border-box;
  border-radius: 4px;
  padding: 4px 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--color-text-default) !important;
}
.ui-input.thick {
  padding: 8px 16px;
}
.ui-input.prefix {
  padding-left: 40px;
}
.ui-input:focus,
.ui-input:focus-visible {
  border: 1px solid var(--color-border-input-pressed);
  outline: none;
}
.input-label {
  font-size: var(--ui-font-m-size);
  font-weight: var(--ui-font-m-weight);
  line-height: var(--ui-font-m-height);
}
.ui-input.ng-invalid.ng-touched,
.ui-input-40.ng-invalid.ng-touched {
  border-color: red;
  outline: none;
}
.ui-input-wrapper.invalid .ui-input {
  border-color: red;
  outline: none;
}
.ui-input-wrapper.invalid .label {
  color: red;
}
.ui-input-wrapper.invalid .ui-input:focus-visible {
  outline-color: red;
}
.ui-input-wrapper.invalid .suffix {
  position: absolute;
  bottom: 3px;
  right: 3px;
}
.validation-msg-block {
  height: 15px;
}
.ui-input-wrapper.label-out .ui-input {
  border-radius: 4px;
  padding: 8px 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.ui-input-wrapper.label-out.narrow .ui-input {
  padding: 4px 16px !important;
}
.ui-input-wrapper.label-out .label {
  color: var(--color-text-default);
  margin-bottom: 8px;
  font-size: var(--ui-font-mx-size);
  font-weight: var(--ui-font-mx-weight);
  line-height: var(--ui-font-mx-height);
}
.ui-input-wrapper.label-out .suffix {
  position: absolute;
  bottom: 10px;
  right: 15px;
  opacity: 0.7;
}
.ui-input-container {
  position: relative;
}
[dir=ltr] .ui-input-container .ui-icon-search {
  position: absolute;
  top: 12px;
  left: 16px;
  z-index: 998;
}
[dir=rtl] .ui-input-container .ui-icon-search {
  position: absolute;
  top: 12px;
  left: 16px;
  z-index: 998;
}
.ui-input-container .ui-input {
  width: 100%;
  padding-left: 48px !important;
  box-sizing: border-box;
  color: var(--color-text-default);
}
.ui-input-container-no-icon label {
  font-size: var(--ui-font-m-size);
  font-weight: var(--ui-font-m-weight);
  line-height: var(--ui-font-m-height);
  color: var(--color-text-default);
}
.ui-input-container-no-icon input,
.ui-input-container-no-icon textarea {
  font-family: "Satoshi";
  font-size: var(--ui-font-xm-size);
  font-weight: var(--ui-font-xm-weight);
  line-height: var(--ui-font-xm-height);
  color: var(--color-text-default);
  border: 1px solid var(--color-secondary-gray-400);
  border-radius: 4px;
  padding: 7px 16px;
}
.ui-input-container-no-icon input.with-label {
  margin-top: 8px;
}
.ui-input-container-no-icon textarea.with-label {
  margin-top: 8px;
}
.ui-input-container-no-icon input.invalid,
.ui-input-container-no-icon textarea.invalid {
  border-color: red;
  outline: none;
}
.ui-input:disabled {
  opacity: 1 !important;
  color: var(--color-text-default) !important;
  border: 1px solid var(--color-border-input-read-only) !important;
  background: var(--color-background-input-disabled) !important;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  background: var(--link-hover);
  border-radius: 6px;
  color: var(--color-secondary-gray-600);
}
.mat-input-element:disabled {
  color: var(--color-secondary-gray-600);
}
.mat-mdc-select-arrow {
  width: 0 !important;
  height: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 solid !important;
  margin: 0 4px;
  opacity: 0;
}
.mat-mdc-select-arrow-wrapper {
  margin-top: -5px !important;
  background-image: url(/assets/icons/arrow_drop_down_big.svg);
  background-repeat: no-repeat;
  width: 16px !important;
  height: 16px !important;
  transform: translateY(3px) !important;
}
[dir=ltr] .mat-mdc-select-arrow-wrapper {
  margin-right: 8px;
}
[dir=rtl] .mat-mdc-select-arrow-wrapper {
  margin-left: 8px;
}
.ui-selector,
mat-select,
.mat-mdc-select {
  border-radius: 4px;
  background: var(--color-background-input-default);
  color: var(--color-text-subtlest);
  font-size: var(--ui-font-m-size) !important;
  font-weight: var(--ui-font-m-weight) !important;
  line-height: var(--ui-font-m-height) !important;
}
.ui-selector.ng-invalid.ng-touched,
mat-select.ng-invalid.ng-touched,
.mat-mdc-select.ng-invalid.ng-touched {
  border-color: red;
  outline: none;
}
.ui-selector {
  cursor: pointer;
  border: 1px solid var(--input-border-default);
}
.ui-selector .mat-mdc-select-value {
  padding: 4px 16px;
}
.ui-selector.thick {
  padding: 3px 0px;
}
input:not([type=checkbox]),
textarea {
  border: 1px solid var(--input-border-default);
  background: var(--color-background-input-default);
  color: var(--color-text-default);
}
input::placeholder,
textarea::placeholder,
mat-select::placeholder,
.mat-mdc-select-placeholder {
  color: var(--color-secondary-gray-500) !important;
}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
  color: var(--color-secondary-gray-600);
}
.mat-mdc-option .mdc-list-item__primary-text {
  font-size: var(--ui-font-xm-size) !important;
  font-weight: var(--ui-font-xm-weight) !important;
  line-height: var(--ui-font-xm-height) !important;
  line-height: 3em !important;
  height: 3em !important;
  width: 100%;
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after {
  bottom: unset !important;
  right: unset !important;
}
.mat-mdc-option .mat-icon,
.mat-mdc-option .mat-pseudo-checkbox-full {
  margin-right: 8px !important;
}
[dir=rtl] .no-margin-checkbox .mat-mdc-option .mat-icon,
[dir=rtl] .no-margin-checkbox .mat-mdc-option .mat-pseudo-checkbox-full {
  margin-right: 0px !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: unset !important;
}
.mat-mdc-select-panel[aria-multiselectable=false] mat-pseudo-checkbox {
  display: none;
}
.mat-mdc-option {
  min-height: unset !important;
}
.mdc-checkbox {
  padding: 0 !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
}
[dir=ltr] .mdc-checkbox {
  margin-right: 8px !important;
}
[dir=rtl] .mdc-checkbox {
  margin-left: 8px !important;
}
.mdc-checkbox__background {
  top: unset !important;
  left: unset !important;
  border-radius: 4px !important;
  width: 20px !important;
  height: 20px !important;
}
.mdc-checkbox__background svg {
  display: none;
}
.mat-mdc-checkbox .mdc-checkbox__background,
.mat-pseudo-checkbox {
  border-radius: 4px !important;
  width: 20px !important;
  height: 20px !important;
}
.mat-mdc-checkbox-checked .mdc-checkbox__background,
.mat-pseudo-checkbox-checked {
  position: relative !important;
  background-color: var(--color-background-selected-selector-active) !important;
  border: 1px solid var(--color-border-selected-default) !important;
  border-radius: 4px !important;
  width: 20px !important;
  height: 20px !important;
}
.mat-mdc-checkbox-checked .mdc-checkbox__background::after,
.mat-pseudo-checkbox-checked::after {
  content: url(/assets/icons/checkbox-checkmark.svg) !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  height: 20px !important;
  width: 20px !important;
  color: var(--color-primary-white) !important;
  line-height: 0 !important;
  border: none !important;
}
[dir=rtl] .mat-mdc-checkbox-checked .mdc-checkbox__background::after,
[dir=rtl] .mat-pseudo-checkbox-checked::after {
  transform: translate(-56%, -44%) !important;
}
[dir=ltr] .mat-mdc-checkbox-checked .mdc-checkbox__background::after,
[dir=ltr] .mat-pseudo-checkbox-checked::after {
  transform: translate(-39%, -43%) !important;
}
.mdc-checkbox__native-control {
  width: 20px !important;
  height: 20px !important;
}
.ui-selector-40 {
  box-sizing: border-box;
  border: 1px solid var(--color-border-input-value) !important;
  border-radius: 4px;
}
.ui-selector-40 .mat-mdc-select-value {
  padding: 8px 16px !important;
}
.ui-selector-40.ng-invalid.ng-touched {
  border-color: red !important;
  outline: none;
}
.ui-input-40 {
  padding: 7px 16px !important;
  border-radius: 4px;
  color: var(--color-text-default);
}
.ui-phone-input-40 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.mat-mdc-checkbox-disabled {
  opacity: 0.5;
}
.mat-mdc-checkbox .mdc-label {
  font-size: var(--ui-font-checkbox-label-size);
  font-weight: var(--ui-font-checkbox-label-weight);
  line-height: var(--ui-font-checkbox-label-height);
}
.bold .mat-mdc-checkbox .mdc-label {
  font-size: var(--ui-font-mx-size);
  font-weight: var(--ui-font-mx-weight);
  line-height: var(--ui-font-mx-height);
}
.ui-input-suffix {
  position: absolute;
  bottom: 7px;
  right: 15px;
  opacity: 0.7;
}
.ui-input-suffix.input-40 {
  bottom: 11px;
}
.ui-input-prefix {
  position: absolute;
  bottom: 8px;
  left: 8px;
  opacity: 0.7;
  font-size: 16px;
  height: 16px !important;
  width: 16px !important;
}
input[type=time] {
  color: var(--color-text-default);
  font-size: var(--ui-font-xm-size);
  font-weight: var(--ui-font-xm-weight);
  line-height: var(--ui-font-xm-height);
}

/* projects/web/src/app/theme/ui-modal.scss */
.ui-modal {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ui-modal .header {
  padding: 16px 24px;
  font-size: var(--ui-font-m-size);
  font-weight: var(--ui-font-m-weight);
  line-height: var(--ui-font-m-height);
  color: var(--color-text-default);
  border-bottom: 1px solid var(--color-border-default);
  background: var(--color-elevation-surface-overlay-default);
}
.ui-modal .body {
  padding: 24px;
  border-bottom: 1px solid var(--color-border-default);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--color-elevation-surface-overlay-darker);
}
.ui-modal .footer {
  padding: 20px 24px;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  background: var(--color-elevation-surface-overlay-default);
  gap: 8px;
}

/* projects/web/src/app/theme/ui-page.scss */
.ui-level2-page-wrapper {
  box-sizing: border-box;
  width: 100%;
}
.ui-level2-page {
  padding: 24px;
  box-sizing: border-box;
}
.ui-level2-page .title {
  font-size: 16px;
  color: var(--text-title);
}
.ui-page.content-wrapper {
  padding: 32px 40px;
}
.ui-page.content-wrapper .table-wrapper {
  margin-top: 16px;
  background: var(--elevation-surface);
  border-radius: 4px;
}
.ui-page.content-wrapper .table-wrapper .header {
  background: var(--color-elevation-surface-subtle);
  box-shadow: var(--box-shadow-default);
}
.ui-page.content-wrapper .table-wrapper .header div {
  padding: 12px 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: var(--color-text-subtle);
}
.ui-page.content-wrapper .table-wrapper .table-row .td {
  padding: 0 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--color-text-default);
  height: 72px;
  box-shadow: var(--box-shadow-default);
}
.ui-page.content-wrapper .table-wrapper .table-row .td.name {
  cursor: pointer;
}
.ui-page.content-wrapper .clickable-menu {
  cursor: pointer;
}

/* projects/web/src/app/theme/ui-selectors.scss */
:root {
  --color-primary-black: #000000;
  --color-primary-white: #ffffff;
  --color-primary-50: #f4f6fe;
  --color-primary-100: #E1E6FA;
  --color-primary-500: #4367f6;
  --color-primary-600: #3456e0;
  --color-primary-700: #2748CC;
  --color-primary-600-border: #4367f6;
  --color-secondary-gray-50: #fcfcfd;
  --color-secondary-gray-100: #f9fafb;
  --color-secondary-gray-200: #f2f4f7;
  --color-secondary-gray-300: #eaecf0;
  --color-secondary-gray-400: #d0d5dd;
  --color-secondary-gray-500: #98a2b3;
  --color-secondary-gray-600: #667085;
  --color-secondary-gray-700: #475467;
  --color-secondary-gray-800: #344054;
  --color-secondary-gray-900: #101828;
  --color-secondary-green-100: #DCFCE7;
  --color-secondary-green-500: #22C55E;
  --color-secondary-green-50: #F0FDF4;
  --color-secondary-green-200: #BBF7D0;
  --color-secondary-green-400: #4ADE80;
  --color-secondary-green-600: #16A34A;
  --color-secondary-green-700: #15803D;
  --color-secondary-green-checkmark: #22c55d;
  --color-secondary-border-shadow: #eaecf0;
  --color-secondary-border-shadow-100: #e4e4e4;
  --color-amber-500: #F59E0B;
  --color-teal-500: #14B8A6;
  --color-teal-50: #F0FDFA;
  --color-violet-500: #8B5CF6;
  --color-red-100: #FEE2E2;
  --color-red-50: #FEF2F2;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #B91C1C;
  --color-pink-500: #ec4899;
  --color-pink-50: #FDF2F8;
  --color-unseen: rgba(112, 181, 240, 0.2);
  --color-yellow-500: #EAB308;
  --color-border-warning: #EAB308;
  --color-icon-warning: #EAB308;
  --color-icon-alert: #EF4444;
  --color-background-warning-default: #FEFCE8;
  --color-yellow-50: #FEFCE8;
  --color-blue-500: #3B82F6;
  --color-blue-50: #EFF6FF;
  --color-indigo-100: #E0E7FF;
  --color-indigo-700: #4338CA;
  --white: #FFF;
  --color-icon-accent-gray200-default: #F2F4F7;
  --color-icon-accent-primary-default: #3456E0;
  --color-background-selected-selector-hover: #748CED;
  --color-text-primary-default: #4367F6;
  --color-icon-success: #22C55E;
  --color-icon-info: #3B82F6;
  --color-text-primary: #4367F6;
  --color-gray-old: #b3b7c5;
  --secondary-colors-blue-2: #627EEE;
  --color-background-accent-primary-400: #748CED;
  --color-background-accent-gray200-default: #F2F4F7;
  --volor-background-accent-white-default: #FFF;
  --color-icon-primary-subtle: #E1E6FA;
  --color-text-primary-bold: #2748CC;
  --color-background-chart-timeline-no-preview: #101828;
  --color-text-accent-green: #15803D;
  --color-text-accent-amber: #B45309;
  --color-background-accent-green-subtle: #BBF7D0;
  --color-background-accent-amber-subtle: #FEF3C7;
  --mat-option-selected-item-color: #0000000A;
  --color-background-error-opacity12: rgba(220, 38, 38, 0.12);
  --color-background-accent-primary-subtlest: #F4F6FE;
}
:root {
  --elevation-surface-overlay-default: var(--color-secondary-gray-50);
  --elevation-surface-subtlest: var(--color-secondary-gray-50);
  --elevation-surface: var(--color-primary-white);
  --background-table: var(--color-secondary-gray-100);
  --background-table-header: var(--color-primary-50);
  --background-input: var(--color-secondary-gray-50);
  --link-hover: var(--color-secondary-gray-200);
  --link-active: var(--color-primary-100);
  --link-default: var(--color-primary-600);
  --icon-selected: var(--color-primary-500);
  --icon-default-no-bg: var(--color-secondary-gray-600);
  --icon-default-with-bg: var(--color-secondary-gray-600);
  --hr-default: var(--color-secondary-gray-300);
  --text-color-text-primary: var(--color-primary-600);
  --text-title: var(--color-secondary-gray-900);
  --button-bg-primary: var(--color-primary-500);
  --button-bg-default: var(--color-primary-white);
  --button-bg-secondary: var(--color-primary-white);
  --button-text-primary: var(--color-primary-white);
  --button-border-primary: var(--color-primary-600);
  --input-border-default: var(--color-secondary-gray-400);
  --box-shadow-default: inset 0px -1px 0px var(--color-secondary-border-shadow);
  --background-tooltip: var(--color-secondary-gray-900);
  --color-tooltip: var(--color-secondary-gray-400);
  --selected-calendar: #e7edfd;
  --color-background-selected-active: #E1E6FA;
  --color-icon-default: #667085;
  --color-icon-primary-default: #4367F6;
  --color-icon-subtle: #98A2B3;
  --color-background-accent-primary-subtle: #E1E6FA;
  --color-text-default: #344054;
  --color-background-button-primary-default: #4367F6;
  --color-border-button-primary-default: #3456E0;
  --color-text-inverse: #FFF;
  --color-border-button-default-default: #D0D5DD;
  --color-background-button-default-default: #FFF;
  --color-background-button-default-pressed: #F9FAFB;
  --color-elevation-surface-subtle: #F9FAFB;
  --color-border-input-typing: #3456E0;
  --color-border-default: #EAECF0;
  --color-text-subtle: #667085;
  --color-background-input-disabled: #F2F4F7;
  --color-background-neutral-subtlest-50900: #FCFCFD;
  --color-background-neutral-bolder: #101828;
  --color-background-accent-white-default: #FFF;
  --color-text-accent-gray800: #344054;
  --color-text-accent-gray700: #475467;
  --color-text-subtlest: #98A2B3;
  --color-background-button-video-default: rgba(16, 24, 40, 0.40);
  --color-icon-accent-gray200-default: #F2F4F7;
  --color-background-neutral-subtle-100700: #F9FAFB;
  --color-background-neutral-subtle-roy: #f3f7f8;
  --color-border-input-default: #D0D5DD;
  --color-border-input-error: #EF4444;
  --color-text-accent-white: #FFFFFF;
  --color-elevation-surface-default: #FFF;
  --color-elevation-surface-overlay-darker: #F9FAFB;
  --color-background-accent-gray-200-default: #F2F4F7;
  --color-background-accent-gray-300-default: #EAECF0;
  --color-text-accent-gray-700: #475467;
  --color-text-accent-green-700: #0D7132;
  --color-elevation-surface-overlay-default: #FFF;
  --color-text-selected: #3456E0;
  --color-border-button-secondary-default: #4367F6;
  --color-elevation-surface-subtlest: #FCFCFD;
  --color-background-neutral-subtle: #F2F4F7;
  --color-text-bold: #101828;
  --color-background-input-default: #FFF;
  --color-border-input-value: #D0D5DD;
  --color-background-input-value: #FFF;
  --color-text-disabled: #D0D5DD;
  --color-background-neutral-default-200700: #F2F4F7;
  --color-link-default: #3456E0;
  --color-link-hover: #163483;
  --color-elevation-surface-background-default: #FFF;
  --color-border-selected-default: #3456E0;
  --color-border-accent-primary: #CFD8FA;
  --color-background-accent-primary-subtlest: #F4F6FE;
  --color-background-selected-selector-active: #4367F6;
  --color-border-button-primary-deafult: #3456E0;
  --color-background-button-secondary-default: #FFF;
  --color-border-button-tetriary-color-pressed: #E1E6FA;
  --color-border-button-tertiary-color-focused: #1C3BB8;
  --color-border-button-tertiary-grey-focused: #EAECF0;
  --color-background-button-tertiary-color-pressed: #F4F6FE;
  --color-background-button-tertiary-color-focused: #F4F6FE;
  --color-background-button-tertiary-gray-focused: #F9FAFB;
  --color-background-button-tertiary-color-hover: #F4F6FE;
  --color-background-button-secondary-pressed: #F4F6FE;
  --color-border-button-primary-pressed: #2748CC;
  --color-icon-primary-bold: #3456E0;
  --color-border-error-default: #EF4444;
  --color-border-success-default: #22C55E;
  --color-border-info: #3B82F6;
  --color-background-error-default: #FEF2F2;
  --color-background-error-opacity50: #DC2626;
  --color-background-success-default: #F0FDF4;
  --color-background-information-default: #EFF6FF;
  --color-text-error-default: #EF4444;
  --color-text-alert-default: #DC2626;
  --color-icon-inverse: #FFFFFF;
  --color-background-accent-gray300-default: #EAECF0;
  --mat-option-selected-item-color: #0000000A;
  --color-background-input-read-only: #F2F4F7;
  --color-border-button-default-hover: #D0D5DD;
  --color-background-button-default-hover: #F9FAFB;
  --color-icon-accent-primary-subtle: #3456E0;
  --color-icon-selected: #4367F6;
  --color-border-error-opacity50: #EF4444;
  --color-background-accent-primary-default: #748CED;
  --color-text-accent-primary: #4367F6;
  --color-backdrop-dialog: rgba(16, 24, 40, 0.40);
  --color-border-button-tertiary-caution-default: #DC2626;
  --color-background-button-tetriary-caution-hover: #FEE2E2;
  --color-border-button-tertiary-caution-hover: #DC2626;
  --color-background-button-tertiary-caution-focused: #FEF2F2;
  --color-border-button-tertiary-caution-focused: #DC2626;
  --color-text-alert-bold: #DC2626;
  --color-border-input-read-only: #D0D5DD;
  --color-text-accent-violet: #6D28D9;
  --color-background-chart-alert-default: #EF4444;
  --color-background-chart-success-default: #4ADE80;
  --color-text-success-default: #22C55E;
  --color-timeline-past-color: #FFF;
  --color-timeline-feature-color: #F9FAFB;
  --color-border-input-pressed: #3456E0;
  --color-link: #3456E0;
  --color-background-accent-yellow-subtle: #FEF9C3;
  --color-text-accent-yellow: #A16207;
  --color-border-toggles-default: #22C55E;
  --color-border-selected-focused: #2748CC;
  --\441olor-border-default: #EAECF0;
  --\441olor-elevation-surface-subtle: #F9FAFB;
  --color-background-button-tetriary-caution-focused: #FEF2F2;
  --color-border-button-primary-hover: #4367F6;
  --color-background-button-primary-hover: #748CED;
  --color-background-button-primary-focused: #3456E0;
  --color-border-button-default-focused: #EAECF0;
  --color-background-button-default-focused: #FCFCFD;
  --color-background-button-secondary-hover: #F4F6FE;
  --color-border-button-secondary-focused: #3456E0;
  --color-background-button-secondary-focused: #F4F6FE;
  --color-background-button-tertiary-gray-hover: #F2F4F7;
  --color-workflow-background: #f9fafb;
  --color-node-background: #fff;
  --color-node-text: #667085;
  --color-minimap-background: #f2f4f7;
  --color-workflow-background-line-stroke: rgba(0, 0, 0, 0.1);
  --color-drag-drop-file-upload-area: #fcfcfd;
  --color-drag-drop-file-upload-area-dragover: #f4f6fe ;
}
:root .dark-theme {
  --elevation-surface-overlay-default: #212D3F;
  --elevation-surface-subtlest: #161F31;
  --elevation-surface: var(--color-secondary-gray-900);
  --background-table: var(--color-secondary-gray-900);
  --background-table-header: #293342;
  --background-input: var(--color-secondary-gray-900);
  --link-hover: var(--color-secondary-gray-700);
  --link-active: var(--color-secondary-gray-800);
  --icon-selected: #9BACF2;
  --icon-default-no-bg: var(--color-secondary-gray-300);
  --icon-default-with-bg: var(--color-secondary-gray-300);
  --hr-default: #2D3442;
  --text-color-text-primary: #9BACF2;
  --text-title: var(--color-primary-white);
  --button-bg-primary: #9BACF2;
  --button-text-primary: var(--color-secondary-gray-900);
  --button-bg-default: transparent;
  --button-bg-secondary: var(--color-secondary-gray-900);
  --button-border-primary: var(--color-secondary-gray-800);
  --input-border-default: var(--color-secondary-gray-800);
  --box-shadow-default: 0px -1px 0px 0px rgba(255, 255, 255, 0.12) inset;
  --background-tooltip: var(--color-secondary-gray-400);
  --color-tooltip: var(--color-secondary-gray-900);
  --selected-calendar: #163483;
  --color-background-selected-active: #122FA3;
  --color-icon-default: #EAECF0;
  --color-icon-primary-default: #748CED;
  --color-icon-subtle: #98A2B3;
  --color-background-accent-primary-subtle: #3456E0;
  --color-text-default: #F9FAFB;
  --color-background-button-primary-default: #748CED;
  --color-border-button-primary-default: #4367F6;
  --color-text-inverse: #101828;
  --color-border-button-default-default: #344054;
  --color-background-button-default-default: #101828;
  --color-background-button-default-pressed: #131c2e;
  --color-elevation-surface-subtle: #212D3F;
  --color-border-default: #344054;
  --color-text-subtle: #D0D5DD;
  --color-background-neutral-subtlest-50900: #101828;
  --color-background-neutral-bolder: #FCFCFD;
  --color-background-accent-white-default: #FFF;
  --color-text-accent-gray800: #344054;
  --color-text-subtlest: #98A2B3;
  --color-background-button-video-default: rgba(16, 24, 40, 0.40);
  --color-icon-accent-gray200-default: #F2F4F7;
  --color-background-neutral-subtle-100700: #344054;
  --color-border-input-default: #667085;
  --color-border-input-error: #EF4444;
  --color-text-accent-white: #FFFFFF;
  --color-elevation-surface-default: #101828;
  --color-elevation-surface-overlay-darker: #161F31;
  --color-background-accent-gray-200-default: #202e4a;
  --color-text-accent-gray-700: #475467;
  --color-text-accent-green-700: #0D7132;
  --color-elevation-surface-overlay-default: #212D3F;
  --color-text-selected: #9BACF2;
  --color-border-button-secondary-default: #748CED;
  --color-elevation-surface-subtlest: #161F31;
  --color-background-neutral-subtle: #212D3F;
  --color-text-bold: #FFF;
  --color-background-input-default: #101828;
  --color-border-input-value: #344054;
  --color-background-input-value: #101828;
  --color-text-disabled: #667085;
  --color-background-neutral-default-200700: #475467;
  --color-link-default: #9BACF2;
  --color-link-hover: #6575bf;
  --color-elevation-surface-background-default: #FFF;
  --color-border-selected-default: #4367F6;
  --color-border-accent-primary: #CFD8FA;
  --color-background-accent-primary-subtlest: rgba(18, 47, 163, 0.4);
  --color-background-selected-selector-active: #748CED;
  --color-border-button-primary-deafult: #4367F6;
  --color-background-button-secondary-default: #101828;
  --color-border-button-tetriary-color-pressed: #E1E6FA;
  --color-border-button-tetriary-color-focused: #E1E6FA;
  --color-border-button-tertiary-color-focused: #E1E6FA;
  --color-background-button-tertiary-color-pressed: #122FA3;
  --color-background-button-tertiary-color-focused: #122FA3;
  --color-background-button-tertiary-gray-focused: #344054;
  --color-border-button-tetriary-grey-focused: #344054;
  --color-border-button-tertiary-grey-focused: #667085;
  --color-background-button-tertiary-color-hover: #122FA3;
  --color-icon-warning: #FDBA74;
  --color-icon-alert: #F87171;
  --color-background-button-secondary-pressed: #122FA3;
  --color-border-button-primary-pressed: #748CED;
  --color-icon-primary-bold: #CFD8FA;
  --color-icon-inverse: #101828;
  --mat-option-selected-item-color: #0000000A;
  --color-background-accent-gray300-default: #667085;
  --color-background-accent-gray200-default: #475467;
  --color-icon-accent-primary-default: #3456E0;
  --color-background-warning-default: #713F12;
  --color-background-error-default: #7F1D1D;
  --color-background-success-default: #14532D;
  --color-background-information-default: #1E3A8A;
  --color-background-input-read-only: #141E33;
  --color-border-button-default-hover: #667085;
  --color-background-button-default-hover: #344054;
  --color-background-input-disabled: #141E33;
  --color-icon-accent-primary-subtle: #3456E0;
  --color-icon-selected: #9BACF2;
  --color-border-error-opacity50: #EF4444;
  --color-background-error-opacity50: #DC2626;
  --color-background-accent-primary-default: #748CED;
  --color-text-accent-primary: #CFD8FA;
  --color-backdrop-dialog: rgba(0, 0, 0, 0.6);
  --color-text-alert-default: #FCA5A5;
  --color-border-button-tertiary-caution-default: #F87171;
  --color-background-button-tetriary-caution-hover: #7F1D1D;
  --color-border-button-tertiary-caution-hover: #F87171;
  --color-background-button-tertiary-caution-focused: #7F1D1D;
  --color-text-alert-bold: #DC2626;
  --color-border-input-read-only: #344054;
  --color-text-accent-violet: #DDD6FE;
  --color-background-chart-alert-default: #F87171;
  --color-background-chart-success-default: #4ADE80;
  --color-text-success-default: #4ADE80;
  --color-text-primary-default: #748CED;
  --color-timeline-past-color: #475467;
  --color-timeline-feature-color: #101828;
  --color-border-input-pressed: #748CED;
  --color-background-selected-selector-hover: #4367F6;
  --color-icon-primary-subtle: #1C3BB8;
  --color-text-primary-bold: #9BACF2;
  --color-link: #9BACF2;
  --color-border-error-default: #EF4444;
  --color-border-toggles-default: #22C55E;
  --\441olor-elevation-surface-subtle: #212D3F;
  --color-background-button-tetriary-caution-focused: #7F1D1D;
  --color-border-button-primary-hover: #2748CC;
  --color-background-button-primary-hover: #4367F6;
  --color-background-button-primary-focused: #9BACF2;
  --color-border-button-default-focused: #98A2B3;
  --color-background-button-default-focused: #475467;
  --color-background-button-secondary-hover: #122FA3;
  --color-border-button-secondary-focused: #9BACF2;
  --color-background-button-secondary-focused: #122FA3;
  --color-background-button-tertiary-gray-hover: #344054;
  --color-workflow-background: #101828;
  --color-node-background: #101828;
  --color-node-text: #F9FAFB;
  --color-minimap-background: #212d3e;
  --color-workflow-background-line-stroke: #344054;
  --color-drag-drop-file-upload-area: #344054;
  --color-drag-drop-file-upload-area-dragover: #475467;
}
.ui-selector-item {
  font-size: var(--ui-font-m-size);
  font-weight: var(--ui-font-m-weight);
  line-height: var(--ui-font-m-height);
  -webkit-user-select: none;
  user-select: none;
}
.ui-input-wrapper {
  width: 100%;
}
.ui-select-active-background {
  background-color: var(--color-tertiary-blue-bg-0);
}
.ui-selector-no-options-container {
  padding-bottom: 13px;
  font-size: var(--ui-font-sb-size);
  font-weight: var(--ui-font-sb-weight);
  line-height: var(--ui-font-sb-height);
  color: var(--color-secondary-gray-4);
}
.ui-selector-select-all {
  display: flex;
  flex-direction: row;
  margin-left: 13px;
}
.ui-selector-selected {
  display: flex;
  max-width: calc(100% - 24px);
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.ui-selector-scroll-bar-container {
  margin: 16px 0px;
}
.ui-selector-search-bar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 6px 0px 8px 0;
}
.ui-selector-search-bar-container ui-search-bar {
  width: calc(100% - 12px);
}
.ui-selector-search-bar-container .ui-input-wrapper.label-out .ui-input {
  border-radius: 0px;
  border: none;
  border-bottom: 1px solid #eee;
  padding: 0px 0px 5px 0px;
  width: 100% !important;
  font-family: "Satoshi";
}
.ui-selector-menu-trigger {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding-right: 8px;
}
.ui-selector-menu-trigger .arrow_icon {
  transform: rotate(180deg);
  height: 16px;
  width: 16px;
  min-height: 16px;
  min-width: 16px;
}
.ui-selector-option {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  align-items: center;
}
.ui-selector-option:hover {
  background-color: var(--color-secondary-gray-1);
}
.ui-selector-opened {
  transform: unset;
}
.ui-selector-no-items {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ui-selector-checkbox {
  font-size: 20px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 8px;
}
.ui-select-multi-container {
  vertical-align: baseline;
  padding-left: 16px;
}
.ui-select-multi-container:hover {
  color: var(--color-primary-500);
  transition: 0.3s;
}

/* projects/web/src/app/theme/map-marker.scss */
.custom-marker {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 10px;
  margin-bottom: 5px;
}
.custom-marker [class^=ui-icon-],
.custom-marker [class*=" ui-icon-"] {
  font-size: 20px;
  color: var(--color-background-accent-white-default);
}
.custom-marker-global {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 4px;
}
.custom-marker-global [class^=ui-icon-],
.custom-marker-global [class*=" ui-icon-"] {
  font-size: 16px;
  color: var(--color-background-accent-white-default);
}
.global-marker {
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
  border-radius: 20px;
  background: var(--color-background-accent-white-default) !important;
  padding: 4px 4px;
}
.camera-marker-global {
  display: flex;
  justify-content: center;
  gap: 4px;
  width: 50px;
  align-items: center;
  border-radius: 20px;
  background: var(--color-background-accent-white-default) !important;
  padding: 4px 0px;
}
.camera-marker-global [class^=ui-icon-],
.camera-marker-global [class*=" ui-icon-"] {
  font-size: 16px;
  color: var(--color-background-accent-white-default);
}
.camera-marker-global .camera-status {
  display: block;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.zone-marker {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  width: 32px;
  height: 32px;
}

/* projects/web/src/app/theme/map-type-control.scss */
app-map .gm-style .gm-style-mtc-bbw,
app-location-map .gm-style .gm-style-mtc-bbw {
  display: inline-flex !important;
  align-items: stretch !important;
  overflow: visible !important;
  border: 1px solid var(--color-secondary-gray-300) !important;
  border-radius: 40px !important;
  background: var(--color-background-accent-white-default) !important;
  box-shadow: none !important;
}
app-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc,
app-location-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc {
  float: none !important;
  position: relative !important;
}
app-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc + .gm-style-mtc,
app-location-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc + .gm-style-mtc {
  border-left: 1px solid var(--color-secondary-gray-300) !important;
}
app-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > button[role=menuitemradio],
app-location-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > button[role=menuitemradio] {
  height: 36px !important;
  min-height: 36px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  text-transform: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #374151 !important;
}
app-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc:first-child > button[role=menuitemradio],
app-location-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc:first-child > button[role=menuitemradio] {
  border-top-left-radius: 40px !important;
  border-bottom-left-radius: 40px !important;
}
app-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc:last-child > button[role=menuitemradio],
app-location-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc:last-child > button[role=menuitemradio] {
  border-top-right-radius: 40px !important;
  border-bottom-right-radius: 40px !important;
}
app-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > button[role=menuitemradio][aria-checked=true],
app-location-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > button[role=menuitemradio][aria-checked=true] {
  font-weight: 500 !important;
  color: #ffffff !important;
  background: #3f66e0 !important;
}
app-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > ul[role=menu],
app-location-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > ul[role=menu] {
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: auto !important;
  z-index: 3 !important;
  margin: 0 !important;
  padding: 3px 0 !important;
  list-style: none !important;
  border: 1px solid var(--color-secondary-gray-300) !important;
  border-radius: 16px !important;
  background: var(--color-background-accent-white-default) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
app-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc:last-child > ul[role=menu],
app-location-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc:last-child > ul[role=menu] {
  left: auto !important;
  right: 0 !important;
}
app-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > ul[role=menu] > li[role=menuitemcheckbox],
app-location-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > ul[role=menu] > li[role=menuitemcheckbox] {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  position: relative !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  border: 0 !important;
  background: transparent !important;
  white-space: nowrap !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #374151 !important;
}
app-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > ul[role=menu] > li[role=menuitemcheckbox] > span,
app-location-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > ul[role=menu] > li[role=menuitemcheckbox] > span {
  display: none !important;
}
app-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > ul[role=menu] > li[role=menuitemcheckbox]::before,
app-location-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > ul[role=menu] > li[role=menuitemcheckbox]::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border: 1px solid var(--color-border-input-default);
  border-radius: 4px;
  box-sizing: border-box;
  background: transparent;
}
app-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > ul[role=menu] > li[role=menuitemcheckbox][aria-checked=true]::before,
app-location-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > ul[role=menu] > li[role=menuitemcheckbox][aria-checked=true]::before {
  background: #3456E0;
  border-color: #3456E0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.6 8.8L2.2 6.4l-.9.9 3.3 3.3 6.1-6.1-.9-.9z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 10px;
}
app-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > ul[role=menu] > li[role=menuitemcheckbox] label,
app-location-map .gm-style .gm-style-mtc-bbw > .gm-style-mtc > ul[role=menu] > li[role=menuitemcheckbox] label {
  cursor: inherit !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  color: #374151 !important;
}

/* projects/web/src/themes.scss */
html {
  --mat-badge-text-font: Satoshi, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Satoshi, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Satoshi, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Satoshi, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Satoshi, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Satoshi, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Satoshi, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Satoshi, sans-serif;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Satoshi, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Satoshi, sans-serif;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Satoshi, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Satoshi, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Satoshi, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Satoshi, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}
html {
  --mat-bottom-sheet-container-text-font: Satoshi, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-legacy-button-toggle-label-text-font: Satoshi, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
}
html {
  --mat-standard-button-toggle-label-text-font: Satoshi, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-text-font: Satoshi, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-expansion-header-text-font: Satoshi, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Satoshi, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-stepper-container-text-font: Satoshi, sans-serif;
  --mat-stepper-header-label-text-font: Satoshi, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-toolbar-title-text-font: Satoshi, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-node-text-font: Satoshi, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-option-label-text-font: Satoshi, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Satoshi, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-title-text-font: Satoshi, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Satoshi, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mdc-plain-tooltip-supporting-text-font: Satoshi, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mdc-filled-text-field-label-text-font: Satoshi, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
}
html {
  --mdc-outlined-text-field-label-text-font: Satoshi, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
}
html {
  --mat-form-field-container-text-font: Satoshi, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Satoshi, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}
html {
  --mat-select-trigger-text-font: Satoshi, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mdc-dialog-subhead-font: Satoshi, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Satoshi, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Satoshi, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Satoshi, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}
html {
  --mat-radio-label-text-font: Satoshi, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mdc-slider-label-label-text-font: Satoshi, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-item-label-text-font: Satoshi, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mdc-list-list-item-label-text-font: Satoshi, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Satoshi, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Satoshi, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Satoshi, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-container-text-font: Satoshi, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Satoshi, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mat-checkbox-label-text-font: Satoshi, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mdc-text-button-label-text-font: Satoshi, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
}
html {
  --mdc-filled-button-label-text-font: Satoshi, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
}
html {
  --mdc-protected-button-label-text-font: Satoshi, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}
html {
  --mdc-outlined-button-label-text-font: Satoshi, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-extended-fab-label-text-font: Satoshi, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}
html {
  --mdc-snackbar-supporting-text-font: Satoshi, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}
html {
  --mat-table-header-headline-font: Satoshi, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Satoshi, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Satoshi, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mdc-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-touch-target-display: block;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
html {
  --mdc-switch-state-layer-size: 40px;
}
html {
  --mdc-radio-state-layer-size: 40px;
}
html {
  --mat-radio-touch-target-display: block;
}
html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-text-button-container-height: 36px;
}
html {
  --mdc-filled-button-container-height: 36px;
}
html {
  --mdc-protected-button-container-height: 36px;
}
html {
  --mdc-outlined-button-container-height: 36px;
}
html {
  --mat-text-button-touch-target-display: block;
}
html {
  --mat-filled-button-touch-target-display: block;
}
html {
  --mat-protected-button-touch-target-display: block;
}
html {
  --mat-outlined-button-touch-target-display: block;
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-small-touch-target-display: block;
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-standard-button-toggle-height: 48px;
}
:root {
  --ui-font-page-title-size: 24px;
  --ui-font-page-title-weight: 500;
  --ui-font-page-title-height: 32px;
  --ui-font-page-title2-size: 36px;
  --ui-font-page-title2-weight: 400;
  --ui-font-page-title2-height: 44px;
  --ui-font-page-title3-size: 18px;
  --ui-font-page-title3-weight: 400;
  --ui-font-page-title3-height: 28px;
  --ui-font-page-title4-size: 24px;
  --ui-font-page-title4-weight: 400;
  --ui-font-page-title4-height: 32px;
  --ui-font-xxxs-size: 6px;
  --ui-font-xxxs-weight: 400;
  --ui-font-xxxs-height: 16px;
  --ui-font-xxs-size: 10px;
  --ui-font-xxs-weight: 400;
  --ui-font-xxs-height: 16px;
  --ui-font-xxxxs-size: 10px;
  --ui-font-xxxxs-weight: 500;
  --ui-font-xxxxs-height: 16px;
  --ui-font-xs-size: 12px;
  --ui-font-xs-weight: 400;
  --ui-font-xs-height: 20px;
  --ui-font-s-size: 12px;
  --ui-font-s-weight: 500;
  --ui-font-s-height: 20px;
  --ui-font-xm-size: 14px;
  --ui-font-xm-weight: 400;
  --ui-font-xm-height: 24px;
  --ui-font-xxm-size: 14px;
  --ui-font-xxm-weight: 400;
  --ui-font-xxm-height: 20px;
  --ui-font-m-size: 14px;
  --ui-font-m-weight: 500;
  --ui-font-m-height: 24px;
  --ui-font-mx-size: 14px;
  --ui-font-mx-weight: 500;
  --ui-font-mx-height: 24px;
  --ui-font-l-size: 16px;
  --ui-font-l-weight: 500;
  --ui-font-l-height: 24px;
  --ui-font-lx-size: 20px;
  --ui-font-lx-weight: 500;
  --ui-font-lx-height: 28px;
  --ui-font-lxx-size: 16px;
  --ui-font-lxx-weight: 400;
  --ui-font-lxx-height: 24px;
  --ui-font-xxl-size: 64px;
  --ui-font-xxl-weight: 500;
  --ui-font-xxl-height: 64px;
  --ui-font-h2-size: 20px;
  --ui-font-h2-weight: 500;
  --ui-font-h2-height: 32px;
  --ui-font-h4-size: 15px;
  --ui-font-h4-weight: 400;
  --ui-font-h4-height: 24px;
  --ui-font-h3-size: 16px;
  --ui-font-h3-weight: 400;
  --ui-font-h3-height: 28px;
  --ui-font-checkbox-label-size: 12px;
  --ui-font-checkbox-label-weight: 500;
  --ui-font-checkbox-label-height: 20px;
  --ui-font-badge-label-size: 12px;
  --ui-font-badge-label-weight: 600;
  --ui-font-badge-label-height: 24px;
  --ui-font-xxxl-medium-size: 32px;
  --ui-font-xxxl-medium-weight: 500;
  --ui-font-xxxl-medium-height: 40px;
}
.light-theme {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
.light-theme {
  --mat-option-selected-state-label-text-color: #9bacf2;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.light-theme .mat-accent {
  --mat-option-selected-state-label-text-color: var(--color-secondary-gray-500);
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.light-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.light-theme {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.light-theme {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--color-secondary-gray-500);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.light-theme {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--color-secondary-gray-500);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.light-theme .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #9bacf2;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.light-theme .mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #9bacf2;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.light-theme .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--color-secondary-gray-500);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.light-theme .mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--color-secondary-gray-500);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.light-theme .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.light-theme .mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.light-theme {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 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);
}
.light-theme {
  --mdc-elevated-card-container-shape: 4px;
}
.light-theme {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
.light-theme {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
.light-theme {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.light-theme .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #9bacf2;
  --mdc-linear-progress-track-color: rgba(155, 172, 242, 0.25);
}
.light-theme .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: var(--color-secondary-gray-500);
  --mdc-linear-progress-track-color: var(--color-secondary-gray-500);
}
.light-theme .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
.light-theme {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
.light-theme {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
.light-theme {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
.light-theme {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
.light-theme {
  --mdc-filled-text-field-caret-color: #9bacf2;
  --mdc-filled-text-field-focus-active-indicator-color: #9bacf2;
  --mdc-filled-text-field-focus-label-text-color: rgba(155, 172, 242, 0.87);
  --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
}
.light-theme {
  --mdc-outlined-text-field-caret-color: #9bacf2;
  --mdc-outlined-text-field-focus-outline-color: #9bacf2;
  --mdc-outlined-text-field-focus-label-text-color: rgba(155, 172, 242, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
}
.light-theme {
  --mat-form-field-focus-select-arrow-color: rgba(155, 172, 242, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}
.light-theme .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: var(--color-secondary-gray-500);
  --mdc-filled-text-field-focus-active-indicator-color: var(--color-secondary-gray-500);
  --mdc-filled-text-field-focus-label-text-color: var(--color-secondary-gray-500);
}
.light-theme .mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color: var(--color-secondary-gray-500);
  --mdc-outlined-text-field-focus-outline-color: var(--color-secondary-gray-500);
  --mdc-outlined-text-field-focus-label-text-color: var(--color-secondary-gray-500);
}
.light-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: var(--color-secondary-gray-500);
}
.light-theme .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.light-theme .mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.light-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}
.light-theme {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(155, 172, 242, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.light-theme .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: var(--color-secondary-gray-500);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.light-theme .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.light-theme {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mat-autocomplete-background-color: white;
}
.light-theme {
  --mdc-dialog-container-shape: 4px;
}
.light-theme {
  --mat-dialog-container-elevation-shadow:
    0px 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);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
.light-theme {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
.light-theme .mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.light-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.light-theme .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.light-theme .mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: #101828;
  --mdc-chip-elevated-container-color: #9bacf2;
  --mdc-chip-elevated-selected-container-color: #9bacf2;
  --mdc-chip-elevated-disabled-container-color: #9bacf2;
  --mdc-chip-flat-disabled-selected-container-color: #9bacf2;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #101828;
  --mdc-chip-selected-label-text-color: #101828;
  --mdc-chip-with-icon-icon-color: #101828;
  --mdc-chip-with-icon-disabled-icon-color: #101828;
  --mdc-chip-with-icon-selected-icon-color: #101828;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #101828;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #101828;
}
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color: #101828;
  --mat-chip-selected-trailing-icon-color: #101828;
}
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: var(--color-text-default);
  --mdc-chip-elevated-container-color: var(--color-secondary-gray-500);
  --mdc-chip-elevated-selected-container-color: var(--color-secondary-gray-500);
  --mdc-chip-elevated-disabled-container-color: var(--color-secondary-gray-500);
  --mdc-chip-flat-disabled-selected-container-color: var(--color-secondary-gray-500);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--color-text-default);
  --mdc-chip-selected-label-text-color: var(--color-text-default);
  --mdc-chip-with-icon-icon-color: var(--color-text-default);
  --mdc-chip-with-icon-disabled-icon-color: var(--color-text-default);
  --mdc-chip-with-icon-selected-icon-color: var(--color-text-default);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--color-text-default);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--color-text-default);
}
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color: var(--color-text-default);
  --mat-chip-selected-trailing-icon-color: var(--color-text-default);
}
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.light-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.light-theme {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
.light-theme .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
.light-theme {
  --mdc-switch-selected-focus-state-layer-color: #3456e0;
  --mdc-switch-selected-handle-color: #3456e0;
  --mdc-switch-selected-hover-state-layer-color: #3456e0;
  --mdc-switch-selected-pressed-state-layer-color: #3456e0;
  --mdc-switch-selected-focus-handle-color: #122fa3;
  --mdc-switch-selected-hover-handle-color: #122fa3;
  --mdc-switch-selected-pressed-handle-color: #122fa3;
  --mdc-switch-selected-focus-track-color: #9bacf2;
  --mdc-switch-selected-hover-track-color: #9bacf2;
  --mdc-switch-selected-pressed-track-color: #9bacf2;
  --mdc-switch-selected-track-color: #9bacf2;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.light-theme .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: var(--color-secondary-gray-600);
  --mdc-switch-selected-handle-color: var(--color-secondary-gray-600);
  --mdc-switch-selected-hover-state-layer-color: var(--color-secondary-gray-600);
  --mdc-switch-selected-pressed-state-layer-color: var(--color-secondary-gray-600);
  --mdc-switch-selected-focus-handle-color: var(--color-secondary-gray-900);
  --mdc-switch-selected-hover-handle-color: var(--color-secondary-gray-900);
  --mdc-switch-selected-pressed-handle-color: var(--color-secondary-gray-900);
  --mdc-switch-selected-focus-track-color: var(--color-secondary-gray-300);
  --mdc-switch-selected-hover-track-color: var(--color-secondary-gray-300);
  --mdc-switch-selected-pressed-track-color: var(--color-secondary-gray-300);
  --mdc-switch-selected-track-color: var(--color-secondary-gray-300);
}
.light-theme .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}
.light-theme {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.light-theme .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #9bacf2;
  --mdc-radio-selected-hover-icon-color: #9bacf2;
  --mdc-radio-selected-icon-color: #9bacf2;
  --mdc-radio-selected-pressed-icon-color: #9bacf2;
}
.light-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #9bacf2;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--color-secondary-gray-500);
  --mdc-radio-selected-hover-icon-color: var(--color-secondary-gray-500);
  --mdc-radio-selected-icon-color: var(--color-secondary-gray-500);
  --mdc-radio-selected-pressed-icon-color: var(--color-secondary-gray-500);
}
.light-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: var(--color-secondary-gray-500);
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.light-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.light-theme {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
.light-theme {
  --mdc-slider-handle-color: #9bacf2;
  --mdc-slider-focus-handle-color: #9bacf2;
  --mdc-slider-hover-handle-color: #9bacf2;
  --mdc-slider-active-track-color: #9bacf2;
  --mdc-slider-inactive-track-color: #9bacf2;
  --mdc-slider-with-tick-marks-inactive-container-color: #9bacf2;
  --mdc-slider-with-tick-marks-active-container-color: #101828;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
}
.light-theme {
  --mat-slider-ripple-color: #9bacf2;
  --mat-slider-hover-state-layer-color: rgba(155, 172, 242, 0.05);
  --mat-slider-focus-state-layer-color: rgba(155, 172, 242, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
.light-theme .mat-accent {
  --mdc-slider-handle-color: var(--color-secondary-gray-500);
  --mdc-slider-focus-handle-color: var(--color-secondary-gray-500);
  --mdc-slider-hover-handle-color: var(--color-secondary-gray-500);
  --mdc-slider-active-track-color: var(--color-secondary-gray-500);
  --mdc-slider-inactive-track-color: var(--color-secondary-gray-500);
  --mdc-slider-with-tick-marks-inactive-container-color: var(--color-secondary-gray-500);
  --mdc-slider-with-tick-marks-active-container-color: var(--color-text-default);
}
.light-theme .mat-accent {
  --mat-slider-ripple-color: var(--color-secondary-gray-500);
  --mat-slider-hover-state-layer-color: rgba(var(--color-secondary-gray-500), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--color-secondary-gray-500), 0.2);
}
.light-theme .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.light-theme .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}
.light-theme {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
.light-theme {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
.light-theme {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.light-theme .mdc-list-item__start,
.light-theme .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #9bacf2;
  --mdc-radio-selected-hover-icon-color: #9bacf2;
  --mdc-radio-selected-icon-color: #9bacf2;
  --mdc-radio-selected-pressed-icon-color: #9bacf2;
}
.light-theme .mat-accent .mdc-list-item__start,
.light-theme .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--color-secondary-gray-500);
  --mdc-radio-selected-hover-icon-color: var(--color-secondary-gray-500);
  --mdc-radio-selected-icon-color: var(--color-secondary-gray-500);
  --mdc-radio-selected-pressed-icon-color: var(--color-secondary-gray-500);
}
.light-theme .mat-warn .mdc-list-item__start,
.light-theme .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.light-theme .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #101828;
  --mdc-checkbox-selected-focus-icon-color: #9bacf2;
  --mdc-checkbox-selected-hover-icon-color: #9bacf2;
  --mdc-checkbox-selected-icon-color: #9bacf2;
  --mdc-checkbox-selected-pressed-icon-color: #9bacf2;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #9bacf2;
  --mdc-checkbox-selected-hover-state-layer-color: #9bacf2;
  --mdc-checkbox-selected-pressed-state-layer-color: #9bacf2;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.light-theme .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--color-text-default);
  --mdc-checkbox-selected-focus-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-hover-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-hover-state-layer-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--color-secondary-gray-500);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.light-theme .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.light-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #9bacf2;
}
.light-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.light-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.light-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.light-theme {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.light-theme {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
.light-theme {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.light-theme .mat-mdc-tab-group,
.light-theme .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #9bacf2;
}
.light-theme .mat-mdc-tab-group,
.light-theme .mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #9bacf2;
  --mat-tab-header-active-ripple-color: #9bacf2;
  --mat-tab-header-inactive-ripple-color: #9bacf2;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #9bacf2;
  --mat-tab-header-active-hover-label-text-color: #9bacf2;
  --mat-tab-header-active-focus-indicator-color: #9bacf2;
  --mat-tab-header-active-hover-indicator-color: #9bacf2;
}
.light-theme .mat-mdc-tab-group.mat-accent,
.light-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: var(--color-secondary-gray-500);
}
.light-theme .mat-mdc-tab-group.mat-accent,
.light-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: var(--color-secondary-gray-500);
  --mat-tab-header-active-ripple-color: var(--color-secondary-gray-500);
  --mat-tab-header-inactive-ripple-color: var(--color-secondary-gray-500);
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: var(--color-secondary-gray-500);
  --mat-tab-header-active-hover-label-text-color: var(--color-secondary-gray-500);
  --mat-tab-header-active-focus-indicator-color: var(--color-secondary-gray-500);
  --mat-tab-header-active-hover-indicator-color: var(--color-secondary-gray-500);
}
.light-theme .mat-mdc-tab-group.mat-warn,
.light-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
}
.light-theme .mat-mdc-tab-group.mat-warn,
.light-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.light-theme .mat-mdc-tab-group.mat-background-primary,
.light-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #9bacf2;
  --mat-tab-header-with-background-foreground-color: #101828;
}
.light-theme .mat-mdc-tab-group.mat-background-accent,
.light-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: var(--color-secondary-gray-500);
  --mat-tab-header-with-background-foreground-color: var(--color-text-default);
}
.light-theme .mat-mdc-tab-group.mat-background-warn,
.light-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}
.light-theme {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
.light-theme {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--color-text-default);
  --mdc-checkbox-selected-focus-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-hover-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-hover-state-layer-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--color-secondary-gray-500);
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.light-theme {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #101828;
  --mdc-checkbox-selected-focus-icon-color: #9bacf2;
  --mdc-checkbox-selected-hover-icon-color: #9bacf2;
  --mdc-checkbox-selected-icon-color: #9bacf2;
  --mdc-checkbox-selected-pressed-icon-color: #9bacf2;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #9bacf2;
  --mdc-checkbox-selected-hover-state-layer-color: #9bacf2;
  --mdc-checkbox-selected-pressed-state-layer-color: #9bacf2;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.light-theme .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.light-theme {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
.light-theme {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
.light-theme {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
.light-theme {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
.light-theme {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
.light-theme {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
.light-theme {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
.light-theme {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.light-theme {
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
}
.light-theme {
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.light-theme {
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
}
.light-theme {
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.light-theme {
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
}
.light-theme {
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.light-theme .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #9bacf2;
}
.light-theme .mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #9bacf2;
  --mat-text-button-ripple-color: rgba(155, 172, 242, 0.1);
}
.light-theme .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: var(--color-secondary-gray-500);
}
.light-theme .mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: var(--color-secondary-gray-500);
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.light-theme .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.light-theme .mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.light-theme .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #9bacf2;
  --mdc-filled-button-label-text-color: #101828;
}
.light-theme .mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: #101828;
  --mat-filled-button-ripple-color: rgba(16, 24, 40, 0.1);
}
.light-theme .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: var(--color-secondary-gray-500);
  --mdc-filled-button-label-text-color: var(--color-text-default);
}
.light-theme .mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: #000;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.light-theme .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
}
.light-theme .mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.light-theme .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #9bacf2;
  --mdc-protected-button-label-text-color: #101828;
}
.light-theme .mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: #101828;
  --mat-protected-button-ripple-color: rgba(16, 24, 40, 0.1);
}
.light-theme .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: var(--color-secondary-gray-500);
  --mdc-protected-button-label-text-color: var(--color-text-default);
}
.light-theme .mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: #000;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.light-theme .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
}
.light-theme .mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.light-theme .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #9bacf2;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.light-theme .mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #9bacf2;
  --mat-outlined-button-ripple-color: rgba(155, 172, 242, 0.1);
}
.light-theme .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: var(--color-secondary-gray-500);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.light-theme .mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: var(--color-secondary-gray-500);
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.light-theme .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.light-theme .mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.light-theme {
  --mdc-icon-button-icon-size: 24px;
}
.light-theme {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}
.light-theme {
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
.light-theme .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #9bacf2;
}
.light-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color: #9bacf2;
  --mat-icon-button-ripple-color: rgba(155, 172, 242, 0.1);
}
.light-theme .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: var(--color-secondary-gray-500);
}
.light-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color: var(--color-secondary-gray-500);
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.light-theme .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
}
.light-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.light-theme {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mdc-fab-container-color: white;
}
.light-theme {
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
.light-theme {
  --mdc-fab-small-container-color: white;
}
.light-theme {
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
.light-theme .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #9bacf2;
}
.light-theme .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: #101828;
  --mat-fab-state-layer-color: #101828;
  --mat-fab-ripple-color: rgba(16, 24, 40, 0.1);
}
.light-theme .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: var(--color-secondary-gray-500);
}
.light-theme .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color: #000;
  --mat-fab-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
.light-theme .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
}
.light-theme .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.light-theme .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #9bacf2;
}
.light-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color: #101828;
  --mat-fab-small-state-layer-color: #101828;
  --mat-fab-small-ripple-color: rgba(16, 24, 40, 0.1);
}
.light-theme .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: var(--color-secondary-gray-500);
}
.light-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color: #000;
  --mat-fab-small-state-layer-color: #000;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
.light-theme .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
}
.light-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.light-theme {
  --mdc-snackbar-container-shape: 4px;
}
.light-theme {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
}
.light-theme {
  --mat-snack-bar-button-color: #e1e6fa;
}
.light-theme {
  --mat-table-row-item-outline-width: 1px;
}
.light-theme {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
.light-theme {
  --mdc-circular-progress-active-indicator-color: #9bacf2;
}
.light-theme .mat-accent {
  --mdc-circular-progress-active-indicator-color: var(--color-secondary-gray-500);
}
.light-theme .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}
.light-theme {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
.light-theme {
  --mat-badge-background-color: #9bacf2;
  --mat-badge-text-color: #101828;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.light-theme .mat-badge-accent {
  --mat-badge-background-color: var(--color-secondary-gray-500);
  --mat-badge-text-color: var(--color-text-default);
}
.light-theme .mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
.light-theme {
  --mat-bottom-sheet-container-shape: 4px;
}
.light-theme {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
.light-theme {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
.light-theme {
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
.light-theme {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
}
.light-theme {
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
}
.light-theme {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 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);
}
.light-theme {
  --mat-datepicker-calendar-date-selected-state-text-color: #101828;
  --mat-datepicker-calendar-date-selected-state-background-color: #9bacf2;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(155, 172, 242, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #101828;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(155, 172, 242, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(155, 172, 242, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #9bacf2;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(155, 172, 242, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--color-text-default);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--color-secondary-gray-500);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 0, 0, 0.26);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--color-text-default);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--color-secondary-gray-500);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--color-secondary-gray-500);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--color-secondary-gray-500), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.light-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.light-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--color-secondary-gray-500);
}
.light-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.light-theme {
  --mat-divider-width: 1px;
}
.light-theme {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
.light-theme {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
.light-theme {
  --mat-icon-color: inherit;
}
.light-theme .mat-icon.mat-primary {
  --mat-icon-color: #9bacf2;
}
.light-theme .mat-icon.mat-accent {
  --mat-icon-color: var(--color-secondary-gray-500);
}
.light-theme .mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
.light-theme {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
.light-theme {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
.light-theme {
  --mat-stepper-header-icon-foreground-color: #101828;
  --mat-stepper-header-selected-state-icon-background-color: #9bacf2;
  --mat-stepper-header-selected-state-icon-foreground-color: #101828;
  --mat-stepper-header-done-state-icon-background-color: #9bacf2;
  --mat-stepper-header-done-state-icon-foreground-color: #101828;
  --mat-stepper-header-edit-state-icon-background-color: #9bacf2;
  --mat-stepper-header-edit-state-icon-foreground-color: #101828;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.light-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--color-text-default);
  --mat-stepper-header-selected-state-icon-background-color: var(--color-secondary-gray-500);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--color-text-default);
  --mat-stepper-header-done-state-icon-background-color: var(--color-secondary-gray-500);
  --mat-stepper-header-done-state-icon-foreground-color: var(--color-text-default);
  --mat-stepper-header-edit-state-icon-background-color: var(--color-secondary-gray-500);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--color-text-default);
}
.light-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.light-theme {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
.light-theme {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.light-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #9bacf2;
  --mat-toolbar-container-text-color: #101828;
}
.light-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--color-secondary-gray-500);
  --mat-toolbar-container-text-color: var(--color-text-default);
}
.light-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
.light-theme {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
.light-theme {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.light-theme {
  --mat-timepicker-container-background-color: white;
}
.dark-theme {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme {
  --mat-option-selected-state-label-text-color: #9bacf2;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.dark-theme .mat-accent {
  --mat-option-selected-state-label-text-color: var(--color-secondary-gray-500);
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.dark-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.dark-theme {
  --mat-optgroup-label-text-color: white;
}
.dark-theme {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--color-secondary-gray-500);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
}
.dark-theme {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--color-secondary-gray-500);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-theme .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #9bacf2;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
}
.dark-theme .mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #9bacf2;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-theme .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: var(--color-secondary-gray-500);
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
}
.dark-theme .mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--color-secondary-gray-500);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-theme .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
}
.dark-theme .mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-theme {
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 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);
}
.dark-theme {
  --mdc-elevated-card-container-shape: 4px;
}
.dark-theme {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
.dark-theme {
  --mdc-elevated-card-container-color: #424242;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.dark-theme {
  --mdc-outlined-card-container-color: #424242;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.dark-theme {
  --mat-card-subtitle-text-color: rgba(255, 255, 255, 0.7);
}
.dark-theme {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.dark-theme .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #9bacf2;
  --mdc-linear-progress-track-color: rgba(155, 172, 242, 0.25);
}
.dark-theme .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: var(--color-secondary-gray-500);
  --mdc-linear-progress-track-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
.dark-theme {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
.dark-theme {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
.dark-theme {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
.dark-theme {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
.dark-theme {
  --mdc-filled-text-field-caret-color: #9bacf2;
  --mdc-filled-text-field-focus-active-indicator-color: #9bacf2;
  --mdc-filled-text-field-focus-label-text-color: rgba(155, 172, 242, 0.87);
  --mdc-filled-text-field-container-color: rgb(73.56, 73.56, 73.56);
  --mdc-filled-text-field-disabled-container-color: rgb(69.78, 69.78, 69.78);
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
}
.dark-theme {
  --mdc-outlined-text-field-caret-color: #9bacf2;
  --mdc-outlined-text-field-focus-outline-color: #9bacf2;
  --mdc-outlined-text-field-focus-label-text-color: rgba(155, 172, 242, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
}
.dark-theme {
  --mat-form-field-focus-select-arrow-color: rgba(155, 172, 242, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
}
.dark-theme .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: var(--color-secondary-gray-500);
  --mdc-filled-text-field-focus-active-indicator-color: var(--color-secondary-gray-500);
  --mdc-filled-text-field-focus-label-text-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color: var(--color-secondary-gray-500);
  --mdc-outlined-text-field-focus-outline-color: var(--color-secondary-gray-500);
  --mdc-outlined-text-field-focus-label-text-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.dark-theme .mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.dark-theme .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}
.dark-theme {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.dark-theme {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(155, 172, 242, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.dark-theme .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: var(--color-secondary-gray-500);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.dark-theme .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.dark-theme {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.dark-theme {
  --mat-autocomplete-background-color: #424242;
}
.dark-theme {
  --mdc-dialog-container-shape: 4px;
}
.dark-theme {
  --mat-dialog-container-elevation-shadow:
    0px 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);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
.dark-theme {
  --mdc-dialog-container-color: #424242;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
}
.dark-theme .mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.dark-theme .mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.dark-theme .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: rgb(88.68, 88.68, 88.68);
  --mdc-chip-elevated-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mdc-chip-elevated-disabled-container-color: rgb(88.68, 88.68, 88.68);
  --mdc-chip-flat-disabled-selected-container-color: rgb(88.68, 88.68, 88.68);
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
}
.dark-theme .mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: #101828;
  --mdc-chip-elevated-container-color: #9bacf2;
  --mdc-chip-elevated-selected-container-color: #9bacf2;
  --mdc-chip-elevated-disabled-container-color: #9bacf2;
  --mdc-chip-flat-disabled-selected-container-color: #9bacf2;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #101828;
  --mdc-chip-selected-label-text-color: #101828;
  --mdc-chip-with-icon-icon-color: #101828;
  --mdc-chip-with-icon-disabled-icon-color: #101828;
  --mdc-chip-with-icon-selected-icon-color: #101828;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #101828;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #101828;
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color: #101828;
  --mat-chip-selected-trailing-icon-color: #101828;
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: var(--color-text-default);
  --mdc-chip-elevated-container-color: var(--color-secondary-gray-500);
  --mdc-chip-elevated-selected-container-color: var(--color-secondary-gray-500);
  --mdc-chip-elevated-disabled-container-color: var(--color-secondary-gray-500);
  --mdc-chip-flat-disabled-selected-container-color: var(--color-secondary-gray-500);
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: var(--color-text-default);
  --mdc-chip-selected-label-text-color: var(--color-text-default);
  --mdc-chip-with-icon-icon-color: var(--color-text-default);
  --mdc-chip-with-icon-disabled-icon-color: var(--color-text-default);
  --mdc-chip-with-icon-selected-icon-color: var(--color-text-default);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var(--color-text-default);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--color-text-default);
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color: var(--color-text-default);
  --mat-chip-selected-trailing-icon-color: var(--color-text-default);
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.dark-theme {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
.dark-theme .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
.dark-theme {
  --mdc-switch-selected-focus-state-layer-color: #9bacf2;
  --mdc-switch-selected-handle-color: #9bacf2;
  --mdc-switch-selected-hover-state-layer-color: #9bacf2;
  --mdc-switch-selected-pressed-state-layer-color: #9bacf2;
  --mdc-switch-selected-focus-handle-color: #cfd8fa;
  --mdc-switch-selected-hover-handle-color: #cfd8fa;
  --mdc-switch-selected-pressed-handle-color: #cfd8fa;
  --mdc-switch-selected-focus-track-color: #3456e0;
  --mdc-switch-selected-hover-track-color: #3456e0;
  --mdc-switch-selected-pressed-track-color: #3456e0;
  --mdc-switch-selected-track-color: #3456e0;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.dark-theme {
  --mdc-switch-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.dark-theme .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: white;
}
.dark-theme .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: var(--color-secondary-gray-300);
  --mdc-switch-selected-handle-color: var(--color-secondary-gray-300);
  --mdc-switch-selected-hover-state-layer-color: var(--color-secondary-gray-300);
  --mdc-switch-selected-pressed-state-layer-color: var(--color-secondary-gray-300);
  --mdc-switch-selected-focus-handle-color: var(--color-secondary-gray-200);
  --mdc-switch-selected-hover-handle-color: var(--color-secondary-gray-200);
  --mdc-switch-selected-pressed-handle-color: var(--color-secondary-gray-200);
  --mdc-switch-selected-focus-track-color: var(--color-secondary-gray-600);
  --mdc-switch-selected-hover-track-color: var(--color-secondary-gray-600);
  --mdc-switch-selected-pressed-track-color: var(--color-secondary-gray-600);
  --mdc-switch-selected-track-color: var(--color-secondary-gray-600);
}
.dark-theme .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e57373;
  --mdc-switch-selected-handle-color: #e57373;
  --mdc-switch-selected-hover-state-layer-color: #e57373;
  --mdc-switch-selected-pressed-state-layer-color: #e57373;
  --mdc-switch-selected-focus-handle-color: #ef9a9a;
  --mdc-switch-selected-hover-handle-color: #ef9a9a;
  --mdc-switch-selected-pressed-handle-color: #ef9a9a;
  --mdc-switch-selected-focus-track-color: #e53935;
  --mdc-switch-selected-hover-track-color: #e53935;
  --mdc-switch-selected-pressed-track-color: #e53935;
  --mdc-switch-selected-track-color: #e53935;
}
.dark-theme {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.dark-theme .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #9bacf2;
  --mdc-radio-selected-hover-icon-color: #9bacf2;
  --mdc-radio-selected-icon-color: #9bacf2;
  --mdc-radio-selected-pressed-icon-color: #9bacf2;
}
.dark-theme .mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #9bacf2;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-theme .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--color-secondary-gray-500);
  --mdc-radio-selected-hover-icon-color: var(--color-secondary-gray-500);
  --mdc-radio-selected-icon-color: var(--color-secondary-gray-500);
  --mdc-radio-selected-pressed-icon-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: var(--color-secondary-gray-500);
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-theme .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.dark-theme .mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-theme {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.dark-theme {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
.dark-theme {
  --mdc-slider-handle-color: #9bacf2;
  --mdc-slider-focus-handle-color: #9bacf2;
  --mdc-slider-hover-handle-color: #9bacf2;
  --mdc-slider-active-track-color: #9bacf2;
  --mdc-slider-inactive-track-color: #9bacf2;
  --mdc-slider-with-tick-marks-inactive-container-color: #9bacf2;
  --mdc-slider-with-tick-marks-active-container-color: #101828;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
}
.dark-theme {
  --mat-slider-ripple-color: #9bacf2;
  --mat-slider-hover-state-layer-color: rgba(155, 172, 242, 0.05);
  --mat-slider-focus-state-layer-color: rgba(155, 172, 242, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
}
.dark-theme .mat-accent {
  --mdc-slider-handle-color: var(--color-secondary-gray-500);
  --mdc-slider-focus-handle-color: var(--color-secondary-gray-500);
  --mdc-slider-hover-handle-color: var(--color-secondary-gray-500);
  --mdc-slider-active-track-color: var(--color-secondary-gray-500);
  --mdc-slider-inactive-track-color: var(--color-secondary-gray-500);
  --mdc-slider-with-tick-marks-inactive-container-color: var(--color-secondary-gray-500);
  --mdc-slider-with-tick-marks-active-container-color: var(--color-text-default);
}
.dark-theme .mat-accent {
  --mat-slider-ripple-color: var(--color-secondary-gray-500);
  --mat-slider-hover-state-layer-color: rgba(var(--color-secondary-gray-500), 0.05);
  --mat-slider-focus-state-layer-color: rgba(var(--color-secondary-gray-500), 0.2);
}
.dark-theme .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.dark-theme .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}
.dark-theme {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.dark-theme {
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
}
.dark-theme {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
.dark-theme {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
.dark-theme {
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
}
.dark-theme .mdc-list-item__start,
.dark-theme .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #9bacf2;
  --mdc-radio-selected-hover-icon-color: #9bacf2;
  --mdc-radio-selected-icon-color: #9bacf2;
  --mdc-radio-selected-pressed-icon-color: #9bacf2;
}
.dark-theme .mat-accent .mdc-list-item__start,
.dark-theme .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--color-secondary-gray-500);
  --mdc-radio-selected-hover-icon-color: var(--color-secondary-gray-500);
  --mdc-radio-selected-icon-color: var(--color-secondary-gray-500);
  --mdc-radio-selected-pressed-icon-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-warn .mdc-list-item__start,
.dark-theme .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.dark-theme .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #101828;
  --mdc-checkbox-selected-focus-icon-color: #9bacf2;
  --mdc-checkbox-selected-hover-icon-color: #9bacf2;
  --mdc-checkbox-selected-icon-color: #9bacf2;
  --mdc-checkbox-selected-pressed-icon-color: #9bacf2;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #9bacf2;
  --mdc-checkbox-selected-hover-state-layer-color: #9bacf2;
  --mdc-checkbox-selected-pressed-state-layer-color: #9bacf2;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--color-text-default);
  --mdc-checkbox-selected-focus-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-hover-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-hover-state-layer-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--color-secondary-gray-500);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #9bacf2;
}
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.dark-theme {
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
}
.dark-theme {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.dark-theme {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
.dark-theme {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.dark-theme .mat-mdc-tab-group,
.dark-theme .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #9bacf2;
}
.dark-theme .mat-mdc-tab-group,
.dark-theme .mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #9bacf2;
  --mat-tab-header-active-ripple-color: #9bacf2;
  --mat-tab-header-inactive-ripple-color: #9bacf2;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #9bacf2;
  --mat-tab-header-active-hover-label-text-color: #9bacf2;
  --mat-tab-header-active-focus-indicator-color: #9bacf2;
  --mat-tab-header-active-hover-indicator-color: #9bacf2;
}
.dark-theme .mat-mdc-tab-group.mat-accent,
.dark-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-mdc-tab-group.mat-accent,
.dark-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: var(--color-secondary-gray-500);
  --mat-tab-header-active-ripple-color: var(--color-secondary-gray-500);
  --mat-tab-header-inactive-ripple-color: var(--color-secondary-gray-500);
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: var(--color-secondary-gray-500);
  --mat-tab-header-active-hover-label-text-color: var(--color-secondary-gray-500);
  --mat-tab-header-active-focus-indicator-color: var(--color-secondary-gray-500);
  --mat-tab-header-active-hover-indicator-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-mdc-tab-group.mat-warn,
.dark-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
}
.dark-theme .mat-mdc-tab-group.mat-warn,
.dark-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.dark-theme .mat-mdc-tab-group.mat-background-primary,
.dark-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #9bacf2;
  --mat-tab-header-with-background-foreground-color: #101828;
}
.dark-theme .mat-mdc-tab-group.mat-background-accent,
.dark-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: var(--color-secondary-gray-500);
  --mat-tab-header-with-background-foreground-color: var(--color-text-default);
}
.dark-theme .mat-mdc-tab-group.mat-background-warn,
.dark-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}
.dark-theme {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
.dark-theme {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: var(--color-text-default);
  --mdc-checkbox-selected-focus-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-hover-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--color-secondary-gray-500);
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-hover-state-layer-color: var(--color-secondary-gray-500);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--color-secondary-gray-500);
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme {
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
}
.dark-theme .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: #101828;
  --mdc-checkbox-selected-focus-icon-color: #9bacf2;
  --mdc-checkbox-selected-hover-icon-color: #9bacf2;
  --mdc-checkbox-selected-icon-color: #9bacf2;
  --mdc-checkbox-selected-pressed-icon-color: #9bacf2;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #9bacf2;
  --mdc-checkbox-selected-hover-state-layer-color: #9bacf2;
  --mdc-checkbox-selected-pressed-state-layer-color: #9bacf2;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
.dark-theme {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
.dark-theme {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.dark-theme {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
.dark-theme {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
.dark-theme {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
.dark-theme {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
.dark-theme {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
.dark-theme {
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.dark-theme {
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
}
.dark-theme {
  --mdc-filled-button-container-color: #424242;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.dark-theme {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
}
.dark-theme {
  --mdc-protected-button-container-color: #424242;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
.dark-theme {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
}
.dark-theme {
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.dark-theme {
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
}
.dark-theme .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #9bacf2;
}
.dark-theme .mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #9bacf2;
  --mat-text-button-ripple-color: rgba(155, 172, 242, 0.1);
}
.dark-theme .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: var(--color-secondary-gray-500);
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.dark-theme .mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.dark-theme .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #9bacf2;
  --mdc-filled-button-label-text-color: #101828;
}
.dark-theme .mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: #101828;
  --mat-filled-button-ripple-color: rgba(16, 24, 40, 0.1);
}
.dark-theme .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: var(--color-secondary-gray-500);
  --mdc-filled-button-label-text-color: var(--color-text-default);
}
.dark-theme .mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: #fff;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
}
.dark-theme .mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #9bacf2;
  --mdc-protected-button-label-text-color: #101828;
}
.dark-theme .mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: #101828;
  --mat-protected-button-ripple-color: rgba(16, 24, 40, 0.1);
}
.dark-theme .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: var(--color-secondary-gray-500);
  --mdc-protected-button-label-text-color: var(--color-text-default);
}
.dark-theme .mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: #fff;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
}
.dark-theme .mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #9bacf2;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.dark-theme .mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #9bacf2;
  --mat-outlined-button-ripple-color: rgba(155, 172, 242, 0.1);
}
.dark-theme .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: var(--color-secondary-gray-500);
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.dark-theme .mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: var(--color-secondary-gray-500);
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
}
.dark-theme .mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.dark-theme {
  --mdc-icon-button-icon-size: 24px;
}
.dark-theme {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
}
.dark-theme {
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
}
.dark-theme .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #9bacf2;
}
.dark-theme .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color: #9bacf2;
  --mat-icon-button-ripple-color: rgba(155, 172, 242, 0.1);
}
.dark-theme .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color: var(--color-secondary-gray-500);
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
}
.dark-theme .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.dark-theme {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.dark-theme {
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.dark-theme {
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.dark-theme {
  --mdc-fab-container-color: #424242;
}
.dark-theme {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
}
.dark-theme {
  --mdc-fab-small-container-color: #424242;
}
.dark-theme {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
}
.dark-theme .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #9bacf2;
}
.dark-theme .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: #101828;
  --mat-fab-state-layer-color: #101828;
  --mat-fab-ripple-color: rgba(16, 24, 40, 0.1);
}
.dark-theme .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color: #fff;
  --mat-fab-state-layer-color: #fff;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
}
.dark-theme .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #9bacf2;
}
.dark-theme .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color: #101828;
  --mat-fab-small-state-layer-color: #101828;
  --mat-fab-small-ripple-color: rgba(16, 24, 40, 0.1);
}
.dark-theme .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color: #fff;
  --mat-fab-small-state-layer-color: #fff;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
}
.dark-theme .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme {
  --mdc-snackbar-container-shape: 4px;
}
.dark-theme {
  --mdc-snackbar-container-color: rgb(217.2, 217.2, 217.2);
  --mdc-snackbar-supporting-text-color: rgba(66, 66, 66, 0.87);
}
.dark-theme {
  --mat-snack-bar-button-color: #4367f6;
}
.dark-theme {
  --mat-table-row-item-outline-width: 1px;
}
.dark-theme {
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
}
.dark-theme {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
.dark-theme {
  --mdc-circular-progress-active-indicator-color: #9bacf2;
}
.dark-theme .mat-accent {
  --mdc-circular-progress-active-indicator-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}
.dark-theme {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
.dark-theme {
  --mat-badge-background-color: #9bacf2;
  --mat-badge-text-color: #101828;
  --mat-badge-disabled-state-background-color: rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
}
.dark-theme .mat-badge-accent {
  --mat-badge-background-color: var(--color-secondary-gray-500);
  --mat-badge-text-color: var(--color-text-default);
}
.dark-theme .mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
.dark-theme {
  --mat-bottom-sheet-container-shape: 4px;
}
.dark-theme {
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
}
.dark-theme {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
.dark-theme {
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
.dark-theme {
  --mat-legacy-button-toggle-text-color: rgba(255, 255, 255, 0.5);
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-legacy-button-toggle-selected-state-background-color: #212121;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #424242;
}
.dark-theme {
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #424242;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #212121;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-standard-button-toggle-disabled-state-background-color: #424242;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-divider-color: rgb(88.68, 88.68, 88.68);
}
.dark-theme {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 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);
}
.dark-theme {
  --mat-datepicker-calendar-date-selected-state-text-color: #101828;
  --mat-datepicker-calendar-date-selected-state-background-color: #9bacf2;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(155, 172, 242, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #101828;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(155, 172, 242, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(155, 172, 242, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #9bacf2;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(155, 172, 242, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
}
.dark-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: var(--color-text-default);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--color-secondary-gray-500);
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--color-text-default);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--color-secondary-gray-500);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--color-secondary-gray-500);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(var(--color-secondary-gray-500), 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.dark-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.dark-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.dark-theme {
  --mat-divider-width: 1px;
}
.dark-theme {
  --mat-divider-color: rgba(255, 255, 255, 0.12);
}
.dark-theme {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
.dark-theme {
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
}
.dark-theme {
  --mat-icon-color: inherit;
}
.dark-theme .mat-icon.mat-primary {
  --mat-icon-color: #9bacf2;
}
.dark-theme .mat-icon.mat-accent {
  --mat-icon-color: var(--color-secondary-gray-500);
}
.dark-theme .mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
.dark-theme {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
.dark-theme {
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
}
.dark-theme {
  --mat-stepper-header-icon-foreground-color: #101828;
  --mat-stepper-header-selected-state-icon-background-color: #9bacf2;
  --mat-stepper-header-selected-state-icon-foreground-color: #101828;
  --mat-stepper-header-done-state-icon-background-color: #9bacf2;
  --mat-stepper-header-done-state-icon-foreground-color: #101828;
  --mat-stepper-header-edit-state-icon-background-color: #9bacf2;
  --mat-stepper-header-edit-state-icon-foreground-color: #101828;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.dark-theme .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: var(--color-text-default);
  --mat-stepper-header-selected-state-icon-background-color: var(--color-secondary-gray-500);
  --mat-stepper-header-selected-state-icon-foreground-color: var(--color-text-default);
  --mat-stepper-header-done-state-icon-background-color: var(--color-secondary-gray-500);
  --mat-stepper-header-done-state-icon-foreground-color: var(--color-text-default);
  --mat-stepper-header-edit-state-icon-background-color: var(--color-secondary-gray-500);
  --mat-stepper-header-edit-state-icon-foreground-color: var(--color-text-default);
}
.dark-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.dark-theme {
  --mat-sort-arrow-color: rgb(198.3, 198.3, 198.3);
}
.dark-theme {
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
}
.dark-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #9bacf2;
  --mat-toolbar-container-text-color: #101828;
}
.dark-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: var(--color-secondary-gray-500);
  --mat-toolbar-container-text-color: var(--color-text-default);
}
.dark-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
.dark-theme {
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
}
.dark-theme {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.dark-theme {
  --mat-timepicker-container-background-color: #424242;
}

/* node_modules/intl-tel-input/build/css/intlTelInput.css */
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
[dir=rtl] .iti__arrow {
  margin-right: 6px;
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: white;
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: -1px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__dropdown-content--dropup {
  bottom: 100%;
  margin-bottom: 3px;
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid #ccc;
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px 8px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box,
.iti__country-name {
  margin-right: 8px;
}
[dir=rtl] .iti__flag-box,
[dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: 8px;
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel],
.iti--show-selected-dial-code input.iti__tel-input,
.iti--show-selected-dial-code input.iti__tel-input[type=text],
.iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: 52px;
  padding-left: 6px;
  margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container,
.iti--show-selected-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container,
[dir=rtl] .iti--show-selected-dial-code .iti__flag-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover {
  cursor: default;
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag {
  background-color: transparent;
}
.iti--show-selected-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 6px;
}
[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 6px;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.iti--fullscreen-popup.iti--container.iti--country-search {
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-size: 5762px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 12px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cq {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1269px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1357px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1379px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1467px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1511px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1555px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1577px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1599px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1621px 0px;
}
.iti__flag.iti__ez {
  height: 14px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1731px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1775px 0px;
}
.iti__flag.iti__fx {
  height: 14px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1863px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2149px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2171px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2237px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2303px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2325px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2369px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2391px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2413px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2435px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2457px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2479px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2501px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2567px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2589px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2611px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2633px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2655px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2699px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2743px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2809px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2853px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2875px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2897px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2985px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -3051px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3073px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3095px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3117px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3139px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3161px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3183px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3205px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3226px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3270px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3556px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3622px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3666px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3688px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3710px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3732px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3752px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3774px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3818px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3840px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3862px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3899px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3921px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3965px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -4031px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4097px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4163px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4185px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4207px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4229px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4251px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4273px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4361px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4405px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4537px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4647px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4669px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4713px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4735px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4757px 0px;
}
.iti__flag.iti__su {
  height: 10px;
  background-position: -4779px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4801px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4823px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4889px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4911px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4977px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -5021px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5109px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5175px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5197px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5219px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5263px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uk {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5329px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5351px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5373px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5395px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5417px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5439px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5456px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5522px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5566px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5610px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5632px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5654px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5676px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5698px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5720px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5742px 0px;
}
.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("./media/flags.png?1");
  background-repeat: no-repeat;
  background-position: 20px 0;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: url("./media/flags@2x.png?1");
  }
}
.iti__globe {
  background-image: url("./media/globe.png");
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}
@media (min-resolution: 2x) {
  .iti__globe {
    background-image: url("./media/globe@2x.png");
  }
}

/* node_modules/@copilotkitnext/angular/dist/styles.css */
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-3xl: 48rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --leading-relaxed: 1.625;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --animate-pulse-cursor: pulse-cursor 0.9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  }
}
@layer base {
  [data-copilotkit],
  [data-copilotkit] *,
  [data-copilotkit] ::after,
  [data-copilotkit] ::before,
  [data-copilotkit] ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  [data-copilotkit],
  [data-copilotkit] {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  [data-copilotkit] hr,
  hr[data-copilotkit] {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  [data-copilotkit] abbr:where([title]),
  abbr:where([title])[data-copilotkit] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  [data-copilotkit] h1,
  h1[data-copilotkit],
  [data-copilotkit] h2,
  h2[data-copilotkit],
  [data-copilotkit] h3,
  h3[data-copilotkit],
  [data-copilotkit] h4,
  h4[data-copilotkit],
  [data-copilotkit] h5,
  h5[data-copilotkit],
  [data-copilotkit] h6,
  h6[data-copilotkit] {
    font-size: inherit;
    font-weight: inherit;
  }
  [data-copilotkit] a,
  a[data-copilotkit] {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  [data-copilotkit] b,
  b[data-copilotkit],
  [data-copilotkit] strong,
  strong[data-copilotkit] {
    font-weight: bolder;
  }
  [data-copilotkit] code,
  code[data-copilotkit],
  [data-copilotkit] kbd,
  kbd[data-copilotkit],
  [data-copilotkit] samp,
  samp[data-copilotkit],
  [data-copilotkit] pre,
  pre[data-copilotkit] {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  [data-copilotkit] small,
  small[data-copilotkit] {
    font-size: 80%;
  }
  [data-copilotkit] sub,
  sub[data-copilotkit],
  [data-copilotkit] sup,
  sup[data-copilotkit] {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  [data-copilotkit] sub,
  sub[data-copilotkit] {
    bottom: -0.25em;
  }
  [data-copilotkit] sup,
  sup[data-copilotkit] {
    top: -0.5em;
  }
  [data-copilotkit] table,
  table[data-copilotkit] {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  [data-copilotkit] :-moz-focusring {
    outline: auto;
  }
  [data-copilotkit] progress,
  progress[data-copilotkit] {
    vertical-align: baseline;
  }
  [data-copilotkit] summary,
  summary[data-copilotkit] {
    display: list-item;
  }
  [data-copilotkit] ol,
  ol[data-copilotkit],
  [data-copilotkit] ul,
  ul[data-copilotkit],
  [data-copilotkit] menu,
  menu[data-copilotkit] {
    list-style: none;
  }
  [data-copilotkit] img,
  img[data-copilotkit],
  [data-copilotkit] svg,
  svg[data-copilotkit],
  [data-copilotkit] video,
  video[data-copilotkit],
  [data-copilotkit] canvas,
  canvas[data-copilotkit],
  [data-copilotkit] audio,
  audio[data-copilotkit],
  [data-copilotkit] iframe,
  iframe[data-copilotkit],
  [data-copilotkit] embed,
  embed[data-copilotkit],
  [data-copilotkit] object,
  object[data-copilotkit] {
    display: block;
    vertical-align: middle;
  }
  [data-copilotkit] img,
  img[data-copilotkit],
  [data-copilotkit] video,
  video[data-copilotkit] {
    max-width: 100%;
    height: auto;
  }
  [data-copilotkit] button,
  button[data-copilotkit],
  [data-copilotkit] input,
  input[data-copilotkit],
  [data-copilotkit] select,
  select[data-copilotkit],
  [data-copilotkit] optgroup,
  optgroup[data-copilotkit],
  [data-copilotkit] textarea,
  textarea[data-copilotkit],
  [data-copilotkit] ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  [data-copilotkit] :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  [data-copilotkit] :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  [data-copilotkit] ::file-selector-button {
    margin-inline-end: 4px;
  }
  [data-copilotkit] ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    [data-copilotkit] ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
       {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  [data-copilotkit] textarea,
  textarea[data-copilotkit] {
    resize: vertical;
  }
  [data-copilotkit] ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  [data-copilotkit] ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  [data-copilotkit] ::-webkit-datetime-edit {
    display: inline-flex;
  }
  [data-copilotkit] ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  [data-copilotkit] ::-webkit-datetime-edit,
  [data-copilotkit] ::-webkit-datetime-edit-year-field,
  [data-copilotkit] ::-webkit-datetime-edit-month-field,
  [data-copilotkit] ::-webkit-datetime-edit-day-field,
  [data-copilotkit] ::-webkit-datetime-edit-hour-field,
  [data-copilotkit] ::-webkit-datetime-edit-minute-field,
  [data-copilotkit] ::-webkit-datetime-edit-second-field,
  [data-copilotkit] ::-webkit-datetime-edit-millisecond-field,
  [data-copilotkit] ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  [data-copilotkit] ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  [data-copilotkit] :-moz-ui-invalid {
    box-shadow: none;
  }
  [data-copilotkit] button,
  button[data-copilotkit],
  [data-copilotkit] input:where([type=button], [type=reset], [type=submit]),
  input:where([type=button], [type=reset], [type=submit])[data-copilotkit],
  [data-copilotkit] ::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
  }
  [data-copilotkit] ::-webkit-inner-spin-button,
  [data-copilotkit] ::-webkit-outer-spin-button {
    height: auto;
  }
  [data-copilotkit] [hidden]:where(:not([hidden=until-found])),
  [hidden]:where(:not([hidden=until-found]))[data-copilotkit] {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
    --tw-prose-body: oklch(37.3% 0.034 259.733);
    --tw-prose-headings: oklch(21% 0.034 264.665);
    --tw-prose-lead: oklch(44.6% 0.03 256.802);
    --tw-prose-links: oklch(21% 0.034 264.665);
    --tw-prose-bold: oklch(21% 0.034 264.665);
    --tw-prose-counters: oklch(55.1% 0.027 264.364);
    --tw-prose-bullets: oklch(87.2% 0.01 258.338);
    --tw-prose-hr: oklch(92.8% 0.006 264.531);
    --tw-prose-quotes: oklch(21% 0.034 264.665);
    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-captions: oklch(55.1% 0.027 264.364);
    --tw-prose-kbd: oklch(21% 0.034 264.665);
    --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
    --tw-prose-code: oklch(21% 0.034 264.665);
    --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
    --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
    --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
    font-size: 1rem;
    line-height: 1.75;
  }
  .prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  .prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
  }
  .prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500;
  }
  .prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }
  .prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }
  .prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha;
  }
  .prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha;
  }
  .prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-alpha;
  }
  .prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-alpha;
  }
  .prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman;
  }
  .prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman;
  }
  .prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: upper-roman;
  }
  .prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: lower-roman;
  }
  .prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: decimal;
  }
  .prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }
  .prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters);
  }
  .prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets);
  }
  .prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em;
  }
  .prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-inline-start-width: 0.25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "\201c""\201d""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
  }
  .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::before {
    content: open-quote;
  }
  .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::after {
    content: close-quote;
  }
  .prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111;
  }
  .prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 900;
    color: inherit;
  }
  .prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333;
  }
  .prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 800;
    color: inherit;
  }
  .prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6;
  }
  .prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 700;
    color: inherit;
  }
  .prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5;
  }
  .prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 700;
    color: inherit;
  }
  .prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-weight: 500;
    font-family: inherit;
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    font-size: 0.875em;
    border-radius: 0.3125rem;
    padding-top: 0.1875em;
    padding-inline-end: 0.375em;
    padding-bottom: 0.1875em;
    padding-inline-start: 0.375em;
  }
  .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: 0.875em;
  }
  .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
    content: "`";
  }
  .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
    content: "`";
  }
  .prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: 0.875em;
  }
  .prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
    font-size: 0.9em;
  }
  .prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: inherit;
  }
  .prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-inline-end: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-inline-start: 1.1428571em;
  }
  .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
  }
  .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
    content: none;
  }
  .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
    content: none;
  }
  .prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
    width: 100%;
    table-layout: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.7142857;
  }
  .prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }
  .prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
  }
  .prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }
  .prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-bottom-width: 0;
  }
  .prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: baseline;
  }
  .prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }
  .prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    vertical-align: top;
  }
  .prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    text-align: start;
  }
  .prose :where(figure > *):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }
  .prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em;
  }
  .prose :where(picture > img):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }
  .prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0.375em;
  }
  .prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0.375em;
  }
  .prose :where(.prose > ul > li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  .prose :where(.prose > ul > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
  }
  .prose :where(.prose > ul > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em;
  }
  .prose :where(.prose > ol > li > p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
  }
  .prose :where(.prose > ol > li > p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 1.25em;
  }
  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  .prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  .prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0.5em;
    padding-inline-start: 1.625em;
  }
  .prose :where(hr + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
  }
  .prose :where(h2 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
  }
  .prose :where(h3 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
  }
  .prose :where(h4 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
  }
  .prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0;
  }
  .prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0;
  }
  .prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-top: 0.5714286em;
    padding-inline-end: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-inline-start: 0.5714286em;
  }
  .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-start: 0;
  }
  .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    padding-inline-end: 0;
  }
  .prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .prose :where(.prose > :first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-top: 0;
  }
  .prose :where(.prose > :last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
    margin-bottom: 0;
  }
  .-mt-\[0px\] {
    margin-top: calc(0px * -1);
  }
  .mt-\[4px\] {
    margin-top: 4px;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-\[10px\] {
    margin-right: 10px;
  }
  .-ml-\[5px\] {
    margin-left: calc(5px * -1);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-\[11px\] {
    height: 11px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-\[11px\] {
    width: 11px;
  }
  .w-full {
    width: 100%;
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-\[80\%\] {
    max-width: 80%;
  }
  .max-w-full {
    max-width: 100%;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse-cursor {
    animation: var(--animate-pulse-cursor);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[28px\] {
    border-radius: 28px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius);
  }
  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-foreground {
    background-color: var(--foreground);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-muted {
    background-color: var(--muted);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-white {
    --tw-gradient-via: var(--color-white);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .bg-clip-padding {
    background-clip: padding-box;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[\#444444\] {
    color: #444444;
  }
  .text-\[rgb\(93\,93\,93\)\] {
    color: rgb(93, 93, 93);
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .text-white {
    color: var(--color-white);
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-\[0_4px_4px_0_\#0000000a\,0_0_1px_0_\#0000009e\] {
    --tw-shadow: 0 4px 4px 0 var(--tw-shadow-color, #0000000a), 0 0 1px 0 var(--tw-shadow-color, #0000009e);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .contain-inline-size {
    --tw-contain-size: inline-size;
    contain: var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .running {
    animation-play-state: running;
  }
  @media (hover: hover) {
    .group-hover\:visible:is(:where(.group):hover *) {
      visibility: visible;
    }
  }
  .placeholder\:text-\[\#00000077\]::placeholder {
    color: #00000077;
  }
  @media (hover: hover) {
    .hover\:bg-\[\#E8E8E8\]:hover {
      background-color: #E8E8E8;
    }
  }
  @media (hover: hover) {
    .hover\:bg-\[\#f8f8f8\]:hover {
      background-color: #f8f8f8;
    }
  }
  @media (hover: hover) {
    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50);
    }
  }
  @media (hover: hover) {
    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }
  }
  @media (hover: hover) {
    .hover\:text-\[\#333333\]:hover {
      color: #333333;
    }
  }
  @media (hover: hover) {
    .hover\:text-\[rgb\(93\,93\,93\)\]:hover {
      color: rgb(93, 93, 93);
    }
  }
  @media (hover: hover) {
    .hover\:opacity-70:hover {
      opacity: 70%;
    }
  }
  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:bg-\[\#00000014\]:disabled {
    background-color: #00000014;
  }
  .disabled\:text-\[rgb\(13\,13\,13\)\]:disabled {
    color: rgb(13, 13, 13);
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  @media (hover: hover) {
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: transparent;
    }
  }
  @media (hover: hover) {
    .disabled\:hover\:text-\[\#444444\]:disabled:hover {
      color: #444444;
    }
  }
  @media (hover: hover) {
    .disabled\:hover\:opacity-100:disabled:hover {
      opacity: 100%;
    }
  }
  .data-\[multiline\]\:py-3[data-multiline] {
    padding-block: calc(var(--spacing) * 3);
  }
  @media (width >= 40rem) {
    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  .dark\:border-\[\#404040\]:is(.dark *) {
    border-color: #404040;
  }
  .dark\:border-gray-700:is(.dark *) {
    border-color: var(--color-gray-700);
  }
  .dark\:bg-\[\#1F1F1F\]:is(.dark *) {
    background-color: #1F1F1F;
  }
  .dark\:bg-\[\#303030\]:is(.dark *) {
    background-color: #303030;
  }
  .dark\:bg-gray-700:is(.dark *) {
    background-color: var(--color-gray-700);
  }
  .dark\:bg-gray-900:is(.dark *) {
    background-color: var(--color-gray-900);
  }
  .dark\:bg-white:is(.dark *) {
    background-color: var(--color-white);
  }
  .dark\:from-\[rgb\(33\,33\,33\)\]:is(.dark *) {
    --tw-gradient-from: rgb(33,33,33);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .dark\:via-\[rgb\(33\,33\,33\)\]:is(.dark *) {
    --tw-gradient-via: rgb(33,33,33);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .dark\:text-\[rgb\(243\,243\,243\)\]:is(.dark *) {
    color: rgb(243, 243, 243);
  }
  .dark\:text-black:is(.dark *) {
    color: var(--color-black);
  }
  .dark\:text-white:is(.dark *) {
    color: var(--color-white);
  }
  .dark\:prose-invert:is(.dark *) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
  }
  .dark\:placeholder\:text-\[\#fffc\]:is(.dark *)::placeholder {
    color: #fffc;
  }
  @media (hover: hover) {
    .dark\:hover\:bg-\[\#303030\]:is(.dark *):hover {
      background-color: #303030;
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-\[\#404040\]:is(.dark *):hover {
      background-color: #404040;
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-gray-800:is(.dark *):hover {
      background-color: var(--color-gray-800);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-\[\#FFFFFF\]:is(.dark *):hover {
      color: #FFFFFF;
    }
  }
  @media (hover: hover) {
    .dark\:hover\:text-\[rgb\(243\,243\,243\)\]:is(.dark *):hover {
      color: rgb(243, 243, 243);
    }
  }
  .dark\:focus-visible\:outline-white:is(.dark *):focus-visible {
    outline-color: var(--color-white);
  }
  .dark\:disabled\:bg-\[\#454545\]:is(.dark *):disabled {
    background-color: #454545;
  }
  .dark\:disabled\:text-white:is(.dark *):disabled {
    color: var(--color-white);
  }
  @media (hover: hover) {
    .dark\:disabled\:hover\:bg-transparent:is(.dark *):disabled:hover {
      background-color: transparent;
    }
  }
  @media (hover: hover) {
    .dark\:disabled\:hover\:text-\[\#CCCCCC\]:is(.dark *):disabled:hover {
      color: #CCCCCC;
    }
  }
  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }
  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
}
@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
@property --tw-animation-duration { syntax: "*"; inherits: false; }
@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
[data-copilotkit] {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}
.dark [data-copilotkit],
[data-copilotkit].dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.145 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.145 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.985 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: oklch(0.637 0.237 25.331);
  --border: oklch(0.269 0 0);
  --input: oklch(0.269 0 0);
  --ring: oklch(0.556 0 0);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(0.269 0 0);
  --sidebar-ring: oklch(0.439 0 0);
}
@layer base {
  [data-copilotkit],
  [data-copilotkit] * {
    border-color: var(--border);
    outline-color: var(--ring);
  }
  @supports (color: color-mix(in lab, red, red)) {
    [data-copilotkit],
    [data-copilotkit] * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  [data-copilotkit] {
    color: var(--foreground);
    background-color: var(--background);
  }
}
[data-copilotkit] .prose {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[data-copilotkit] .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
  content: none;
}
[data-copilotkit] .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
  content: none;
}
[data-copilotkit] .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
  font-weight: 400;
}
[data-copilotkit] .prose h1 {
  margin-block-end: 8px;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 600;
}
[data-copilotkit] .prose h2 {
  margin-block-end: 4px;
  margin-block-start: 16px;
  margin-top: 16px;
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 600;
}
[data-copilotkit] .prose h3 {
  margin-block-end: 4px;
  margin-block-start: 16px;
  margin-top: 16px;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 600;
}
[data-copilotkit] .prose p {
  margin-block-start: 8px;
  margin-block-end: 4px;
  margin-top: 4px;
  margin-bottom: 8px;
}
[data-copilotkit] .prose a {
  color: #2964aa;
  text-decoration: none;
}
[data-copilotkit] .prose a:hover {
  color: #749ac8;
}
[data-copilotkit] .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::before {
  content: none;
}
[data-copilotkit] .prose blockquote {
  font-style: normal;
  font-weight: 400;
}
[data-copilotkit] .prose input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-origin: border-box;
  border-color: #9b9b9b;
  border-width: 1px;
  color: #004f99;
  display: inline-block;
  flex-shrink: 0;
  height: 1rem;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: 1rem;
  border-radius: 2px;
}
[data-copilotkit] .prose input[type=checkbox]:checked {
  background-color: #004f99;
  border-color: #004f99;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
[data-copilotkit] .prose em {
  color: var(--foreground);
}
[data-copilotkit] .prose hr {
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-top: 28px;
  margin-bottom: 28px;
  color: rgb(13, 13, 13);
}
[data-copilotkit] .prose td {
  color: var(--foreground);
}
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-contain-size { syntax: "*"; inherits: false; }
@property --tw-contain-layout { syntax: "*"; inherits: false; }
@property --tw-contain-paint { syntax: "*"; inherits: false; }
@property --tw-contain-style { syntax: "*"; inherits: false; }
@keyframes pulse-cursor {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.8;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-contain-size: initial;
      --tw-contain-layout: initial;
      --tw-contain-paint: initial;
      --tw-contain-style: initial;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

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