/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* node_modules/material-icons/iconfont/material-icons.css */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-LEZCGFVT.woff2") format("woff2"), url("./media/material-icons-JLIDJUWE.woff") format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-outlined-7BWLPMFK.woff2") format("woff2"), url("./media/material-icons-outlined-PCUTWIDZ.woff") format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-round-WEHMTW23.woff2") format("woff2"), url("./media/material-icons-round-SLOHZIXU.woff") format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-sharp-HCCYMPXE.woff2") format("woff2"), url("./media/material-icons-sharp-U4OLFP3G.woff") format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-two-tone-M5N5K6F5.woff2") format("woff2"), url("./media/material-icons-two-tone-LCGWGE2N.woff") format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/* node_modules/material-icons/iconfont/outlined.css */
@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-icons-outlined-7BWLPMFK.woff2") format("woff2"), url("./media/material-icons-outlined-PCUTWIDZ.woff") format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/* src/styles.scss */
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --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);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --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);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #c62828;
  --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);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #3f51b5;
  --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;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #3f51b5;
  --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;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #3f51b5;
  --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;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #c62828;
  --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;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #c62828;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --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);
}
html {
  --mat-option-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-option-label-text-line-height: 20px;
  --mat-option-label-text-size: 13px;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-optgroup-label-text-line-height: 20px;
  --mat-optgroup-label-text-size: 13px;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mdc-elevated-card-container-shape: 4px;
}
html {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --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);
}
html {
  --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);
}
html {
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-card-title-text-line-height: 24px;
  --mat-card-title-text-size: 16px;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 600;
  --mat-card-subtitle-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-card-subtitle-text-line-height: 20px;
  --mat-card-subtitle-text-size: 13px;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #3f51b5;
  --mdc-linear-progress-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #3f51b5;
  --mdc-linear-progress-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #c62828;
  --mdc-linear-progress-track-color: rgba(198, 40, 40, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: normal;
}
html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
html {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mdc-filled-text-field-caret-color: #3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
  --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, 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: #c62828;
  --mdc-filled-text-field-error-focus-label-text-color: #c62828;
  --mdc-filled-text-field-error-label-text-color: #c62828;
  --mdc-filled-text-field-error-caret-color: #c62828;
  --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: #c62828;
  --mdc-filled-text-field-error-focus-active-indicator-color: #c62828;
  --mdc-filled-text-field-error-hover-active-indicator-color: #c62828;
}
html {
  --mdc-outlined-text-field-caret-color: #3f51b5;
  --mdc-outlined-text-field-focus-outline-color: #3f51b5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, 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: #c62828;
  --mdc-outlined-text-field-error-focus-label-text-color: #c62828;
  --mdc-outlined-text-field-error-label-text-color: #c62828;
  --mdc-outlined-text-field-error-hover-label-text-color: #c62828;
  --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: #c62828;
  --mdc-outlined-text-field-error-hover-outline-color: #c62828;
  --mdc-outlined-text-field-error-outline-color: #c62828;
}
html {
  --mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, 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: #c62828;
  --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;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
  --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color: #3f51b5;
  --mdc-outlined-text-field-focus-outline-color: #3f51b5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #c62828;
  --mdc-filled-text-field-focus-active-indicator-color: #c62828;
  --mdc-filled-text-field-focus-label-text-color: rgba(198, 40, 40, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: #c62828;
  --mdc-outlined-text-field-focus-outline-color: #c62828;
  --mdc-outlined-text-field-focus-label-text-color: rgba(198, 40, 40, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(198, 40, 40, 0.87);
}
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 {
  --mdc-filled-text-field-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-filled-text-field-label-text-size: 13px;
  --mdc-filled-text-field-label-text-tracking: normal;
  --mdc-filled-text-field-label-text-weight: 400;
}
html {
  --mdc-outlined-text-field-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-outlined-text-field-label-text-size: 13px;
  --mdc-outlined-text-field-label-text-tracking: normal;
  --mdc-outlined-text-field-label-text-weight: 400;
}
html {
  --mat-form-field-container-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-form-field-container-text-line-height: 20px;
  --mat-form-field-container-text-size: 13px;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 13px;
  --mat-form-field-subscript-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-form-field-subscript-text-line-height: 16px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 400;
}
html {
  --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);
}
html {
  --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(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color: rgba(198, 40, 40, 0.87);
}
html .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: rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color: rgba(198, 40, 40, 0.87);
}
html .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(198, 40, 40, 0.87);
  --mat-select-invalid-arrow-color: rgba(198, 40, 40, 0.87);
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-select-trigger-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-select-trigger-text-line-height: 20px;
  --mat-select-trigger-text-size: 13px;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
}
html {
  --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);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mdc-dialog-container-shape: 4px;
}
html {
  --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;
}
html {
  --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);
}
html {
  --mdc-dialog-subhead-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-dialog-subhead-line-height: 24px;
  --mdc-dialog-subhead-size: 16px;
  --mdc-dialog-subhead-weight: 600;
  --mdc-dialog-subhead-tracking: normal;
  --mdc-dialog-supporting-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-dialog-supporting-text-line-height: 20px;
  --mdc-dialog-supporting-text-size: 13px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: normal;
}
.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;
}
.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;
}
.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;
}
.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #3f51b5;
  --mdc-chip-elevated-selected-container-color: #3f51b5;
  --mdc-chip-elevated-disabled-container-color: #3f51b5;
  --mdc-chip-flat-disabled-selected-container-color: #3f51b5;
  --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;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #3f51b5;
  --mdc-chip-elevated-selected-container-color: #3f51b5;
  --mdc-chip-elevated-disabled-container-color: #3f51b5;
  --mdc-chip-flat-disabled-selected-container-color: #3f51b5;
  --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;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #c62828;
  --mdc-chip-elevated-selected-container-color: #c62828;
  --mdc-chip-elevated-disabled-container-color: #c62828;
  --mdc-chip-flat-disabled-selected-container-color: #c62828;
  --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;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.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;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 13px;
  --mdc-chip-label-text-tracking: normal;
  --mdc-chip-label-text-weight: 400;
}
html {
  --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;
}
html .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;
}
html {
  --mdc-switch-selected-focus-state-layer-color: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
  --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);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
}
html .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;
}
html {
  --mdc-switch-state-layer-size: 40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 13px;
  --mat-switch-label-text-tracking: normal;
  --mat-switch-label-text-weight: 400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.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: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.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: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.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: #c62828;
  --mdc-radio-selected-hover-icon-color: #c62828;
  --mdc-radio-selected-icon-color: #c62828;
  --mdc-radio-selected-pressed-icon-color: #c62828;
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #c62828;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size: 40px;
}
html {
  --mat-radio-touch-target-display: block;
}
html {
  --mat-radio-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 13px;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 400;
}
html {
  --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);
}
html {
  --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%);
}
html {
  --mdc-slider-handle-color: #3f51b5;
  --mdc-slider-focus-handle-color: #3f51b5;
  --mdc-slider-hover-handle-color: #3f51b5;
  --mdc-slider-active-track-color: #3f51b5;
  --mdc-slider-inactive-track-color: #3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --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;
}
html {
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-hover-state-layer-color: rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color: rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #3f51b5;
  --mdc-slider-focus-handle-color: #3f51b5;
  --mdc-slider-hover-handle-color: #3f51b5;
  --mdc-slider-active-track-color: #3f51b5;
  --mdc-slider-inactive-track-color: #3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-accent {
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-hover-state-layer-color: rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color: rgba(63, 81, 181, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #c62828;
  --mdc-slider-focus-handle-color: #c62828;
  --mdc-slider-hover-handle-color: #c62828;
  --mdc-slider-active-track-color: #c62828;
  --mdc-slider-inactive-track-color: #c62828;
  --mdc-slider-with-tick-marks-inactive-container-color: #c62828;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #c62828;
  --mat-slider-hover-state-layer-color: rgba(198, 40, 40, 0.05);
  --mat-slider-focus-state-layer-color: rgba(198, 40, 40, 0.2);
}
html {
  --mdc-slider-label-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-slider-label-label-text-size: 13px;
  --mdc-slider-label-label-text-line-height: 20px;
  --mdc-slider-label-label-text-tracking: normal;
  --mdc-slider-label-label-text-weight: 500;
}
html {
  --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);
}
html {
  --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);
}
html {
  --mat-menu-item-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-menu-item-label-text-size: 13px;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 20px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --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;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
html {
  --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;
}
.mdc-list-item__start,
.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: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}
.mat-accent .mdc-list-item__start,
.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: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}
.mat-warn .mdc-list-item__start,
.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: #c62828;
  --mdc-radio-selected-hover-icon-color: #c62828;
  --mdc-radio-selected-icon-color: #c62828;
  --mdc-radio-selected-pressed-icon-color: #c62828;
}
.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: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --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: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.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: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --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: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.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: #c62828;
  --mdc-checkbox-selected-hover-icon-color: #c62828;
  --mdc-checkbox-selected-icon-color: #c62828;
  --mdc-checkbox-selected-pressed-icon-color: #c62828;
  --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: #c62828;
  --mdc-checkbox-selected-hover-state-layer-color: #c62828;
  --mdc-checkbox-selected-pressed-state-layer-color: #c62828;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
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 {
  --mdc-list-list-item-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-list-list-item-label-text-line-height: 20px;
  --mdc-list-list-item-label-text-size: 13px;
  --mdc-list-list-item-label-text-tracking: normal;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 13px;
  --mdc-list-list-item-supporting-text-tracking: normal;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 16px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: normal;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font:
    400 13px / 20px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  letter-spacing: normal;
}
html {
  --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);
}
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;
}
html {
  --mat-paginator-container-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-paginator-container-text-line-height: 16px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
html {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
html {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group,
.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: #3f51b5;
  --mat-tab-header-active-ripple-color: #3f51b5;
  --mat-tab-header-inactive-ripple-color: #3f51b5;
  --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: #3f51b5;
  --mat-tab-header-active-hover-label-text-color: #3f51b5;
  --mat-tab-header-active-focus-indicator-color: #3f51b5;
  --mat-tab-header-active-hover-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.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: #3f51b5;
  --mat-tab-header-active-ripple-color: #3f51b5;
  --mat-tab-header-inactive-ripple-color: #3f51b5;
  --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: #3f51b5;
  --mat-tab-header-active-hover-label-text-color: #3f51b5;
  --mat-tab-header-active-focus-indicator-color: #3f51b5;
  --mat-tab-header-active-hover-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #c62828;
}
.mat-mdc-tab-group.mat-warn,
.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: #c62828;
  --mat-tab-header-active-ripple-color: #c62828;
  --mat-tab-header-inactive-ripple-color: #c62828;
  --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: #c62828;
  --mat-tab-header-active-hover-label-text-color: #c62828;
  --mat-tab-header-active-focus-indicator-color: #c62828;
  --mat-tab-header-active-hover-indicator-color: #c62828;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #3f51b5;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #3f51b5;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #c62828;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-tab-header-label-text-size: 13px;
  --mat-tab-header-label-text-tracking: normal;
  --mat-tab-header-label-text-line-height: 20px;
  --mat-tab-header-label-text-weight: 500;
}
html {
  --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;
}
html {
  --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: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --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: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}
.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: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --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: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.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: #c62828;
  --mdc-checkbox-selected-hover-icon-color: #c62828;
  --mdc-checkbox-selected-icon-color: #c62828;
  --mdc-checkbox-selected-pressed-icon-color: #c62828;
  --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: #c62828;
  --mdc-checkbox-selected-hover-state-layer-color: #c62828;
  --mdc-checkbox-selected-pressed-state-layer-color: #c62828;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mdc-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-touch-target-display: block;
}
html {
  --mat-checkbox-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 13px;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
html {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
html {
  --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);
}
html {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
html {
  --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;
}
html {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
html {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
html {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --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;
}
html {
  --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);
}
html {
  --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;
}
html {
  --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);
}
html {
  --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;
}
html {
  --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);
}
html {
  --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;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #3f51b5;
}
.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #3f51b5;
  --mat-text-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #3f51b5;
}
.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: #3f51b5;
  --mat-text-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #c62828;
}
.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #c62828;
  --mat-text-button-ripple-color: rgba(198, 40, 40, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #c62828;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #3f51b5;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #3f51b5;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #c62828;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #3f51b5;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #3f51b5;
  --mat-outlined-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #3f51b5;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: #3f51b5;
  --mat-outlined-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #c62828;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #c62828;
  --mat-outlined-button-ripple-color: rgba(198, 40, 40, 0.1);
}
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 {
  --mdc-text-button-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-text-button-label-text-size: 13px;
  --mdc-text-button-label-text-tracking: normal;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
}
html {
  --mdc-filled-button-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-filled-button-label-text-size: 13px;
  --mdc-filled-button-label-text-tracking: normal;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
}
html {
  --mdc-protected-button-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-protected-button-label-text-size: 13px;
  --mdc-protected-button-label-text-tracking: normal;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}
html {
  --mdc-outlined-button-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-outlined-button-label-text-size: 13px;
  --mdc-outlined-button-label-text-tracking: normal;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-icon-button-icon-size: 24px;
}
html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}
html {
  --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;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #3f51b5;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #3f51b5;
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #c62828;
}
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: #c62828;
  --mat-icon-button-ripple-color: rgba(198, 40, 40, 0.1);
}
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 {
  --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);
}
html {
  --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);
}
html {
  --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);
}
html {
  --mdc-fab-container-color: white;
}
html {
  --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);
}
html {
  --mdc-fab-small-container-color: white;
}
html {
  --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);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #3f51b5;
}
html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #3f51b5;
}
html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #c62828;
}
html .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);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #3f51b5;
}
html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #3f51b5;
}
html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #c62828;
}
html .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);
}
html {
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-small-touch-target-display: block;
}
html {
  --mdc-extended-fab-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-extended-fab-label-text-size: 13px;
  --mdc-extended-fab-label-text-tracking: normal;
  --mdc-extended-fab-label-text-weight: 500;
}
html {
  --mdc-snackbar-container-shape: 4px;
}
html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
}
html {
  --mat-snack-bar-button-color: #c5cae9;
}
html {
  --mdc-snackbar-supporting-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 13px;
  --mdc-snackbar-supporting-text-weight: 400;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --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);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mat-table-header-headline-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-table-header-headline-line-height: 20px;
  --mat-table-header-headline-size: 13px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 13px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 13px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: normal;
}
html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mdc-circular-progress-active-indicator-color: #3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #3f51b5;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #c62828;
}
html {
  --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;
}
html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #c62828;
  --mat-badge-text-color: white;
}
html {
  --mat-badge-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    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;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-bottom-sheet-container-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 13px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
html {
  --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;
}
html {
  --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;
}
html {
  --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);
}
html {
  --mat-standard-button-toggle-height: 48px;
}
html {
  --mat-legacy-button-toggle-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 20px;
  --mat-legacy-button-toggle-label-text-size: 13px;
  --mat-legacy-button-toggle-label-text-tracking: normal;
  --mat-legacy-button-toggle-label-text-weight: 400;
}
html {
  --mat-standard-button-toggle-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 20px;
  --mat-standard-button-toggle-label-text-size: 13px;
  --mat-standard-button-toggle-label-text-tracking: normal;
  --mat-standard-button-toggle-label-text-weight: 400;
}
html {
  --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);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 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);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 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-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #c62828;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(198, 40, 40, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(198, 40, 40, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(198, 40, 40, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(198, 40, 40, 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-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #c62828;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 13px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --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);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-expansion-header-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-expansion-header-text-size: 13px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 13px;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 13px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 13px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-warn {
  --mat-icon-color: #c62828;
}
html {
  --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;
}
html {
  --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);
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --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: #c62828;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #c62828;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #c62828;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #c62828;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #c62828;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-stepper-container-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-stepper-header-label-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-stepper-header-label-text-size: 13px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 13px;
  --mat-stepper-header-selected-state-label-text-size: 13px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #c62828;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-toolbar-title-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-toolbar-title-text-line-height: 24px;
  --mat-toolbar-title-text-size: 16px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 600;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-tree-node-text-font:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --mat-tree-node-text-size: 13px;
  --mat-tree-node-text-weight: 400;
}
html {
  --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);
}
html {
  --mat-timepicker-container-background-color: white;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font:
    600 20px / 28px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  letter-spacing: -0.01em;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font:
    600 16px / 24px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font:
    400 13px / 20px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font:
    400 13px / 20px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font:
    400 calc(13px * 0.83) / 20px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font:
    400 calc(13px * 0.67) / 20px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font:
    500 13px / 20px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font:
    400 13px / 20px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  letter-spacing: normal;
}
.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 / 16px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  letter-spacing: normal;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font:
    600 32px / 40px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font:
    600 24px / 32px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  letter-spacing: -0.01em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font:
    600 20px / 28px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  letter-spacing: -0.01em;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font:
    600 20px / 28px "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  letter-spacing: -0.01em;
  margin: 0 0 64px;
}
:root {
  color-scheme: light;
  --font-sans:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --font-mono:
    ui-monospace,
    "SF Mono",
    Menlo,
    Consolas,
    monospace;
  --font-icons: "Material Icons Outlined";
  --space-0: 0px;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 999px;
  --control-sm: 32px;
  --control-md: 36px;
  --control-lg: 40px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --row-compact: 36px;
  --row-default: 44px;
  --row-comfortable: 52px;
  --nav-rail-width: 80px;
  --nav-flyout-width: 220px;
  --appbar-height: 56px;
  --dialog-sm: 400px;
  --dialog-md: 560px;
  --dialog-lg: 800px;
  --content-max: 1440px;
  --bp-sm: 576px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1536px;
  --z-sticky: 2;
  --z-header: 10;
  --z-nav: 100;
  --z-overlay: 1000;
  --z-toast: 1100;
  --brand-50: #e8eaf6;
  --brand-100: #c5cae9;
  --brand-200: #9fa8da;
  --brand-300: #7986cb;
  --brand-400: #5c6bc0;
  --brand-500: #3f51b5;
  --brand-600: #3949ab;
  --brand-700: #303f9f;
  --brand-800: #283593;
  --brand-900: #1a237e;
  --bg-canvas: #f3f6f8;
  --bg-surface: #ffffff;
  --bg-surface-raised: #ffffff;
  --bg-surface-sunken: #f7f9fa;
  --bg-hover: #f1f4f6;
  --bg-selected: var(--brand-50);
  --bg-overlay: rgba(15, 18, 26, 0.48);
  --bg-inverse: #1b2530;
  --text-primary: #1b2530;
  --text-secondary: #3f4d5a;
  --text-tertiary: #5f6f7c;
  --text-disabled: #9aa7b2;
  --text-inverse: #ffffff;
  --text-on-color: #ffffff;
  --text-brand: var(--brand-700);
  --text-link: var(--brand-600);
  --text-link-hover: var(--brand-800);
  --border-subtle: #e6eaee;
  --border-default: #d3dae1;
  --border-strong: #8593a0;
  --border-focus: var(--brand-500);
  --action-primary: var(--brand-500);
  --action-primary-hover: var(--brand-600);
  --action-primary-pressed: var(--brand-800);
  --nav-bg: var(--brand-500);
  --nav-bg-hover: var(--brand-800);
  --nav-active-bg: #ffffff;
  --nav-active-text: var(--brand-800);
  --nav-icon: var(--brand-100);
  --nav-text: #ffffff;
  --nav-text-muted: #dfe2f5;
  --neutral-bg: #eef1f4;
  --neutral-text: #475764;
  --neutral-solid: #5f6f7c;
  --brand-bg: var(--brand-50);
  --brand-text: var(--brand-700);
  --brand-solid: var(--brand-500);
  --info-bg: #e3f0fd;
  --info-text: #0b5cad;
  --info-solid: #1769c4;
  --success-bg: #e6f4ea;
  --success-text: #1e6b34;
  --success-solid: #2e7d32;
  --warning-bg: #fff1e3;
  --warning-text: #a33f00;
  --warning-solid: #c2410c;
  --caution-bg: #fff7db;
  --caution-text: #7a5300;
  --caution-solid: #c78500;
  --danger-bg: #fdecec;
  --danger-text: #b3261e;
  --danger-solid: #c62828;
  --discovery-bg: #f4e8f8;
  --discovery-text: #7b1fa2;
  --discovery-solid: #8e24aa;
  --success-solid-hover: #1b5e20;
  --warning-solid-hover: #9a3412;
  --danger-solid-hover: #b71c1c;
  --chart-1: var(--brand-500);
  --chart-2: #1e9488;
  --chart-3: #c78500;
  --chart-4: #8e24aa;
  --chart-5: #1769c4;
  --chart-6: #78909c;
  --chart-planned: #8593a0;
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.08), 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-md: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
  --shadow-lg: 0 16px 32px -8px rgba(16, 24, 40, 0.16), 0 4px 8px -4px rgba(16, 24, 40, 0.06);
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #3f51b5;
  --focus-halo: 0 0 0 3px rgba(63, 81, 181, 0.18);
}
:root[data-theme=dark] {
  color-scheme: dark;
  --bg-canvas: #0f121a;
  --bg-surface: #161a23;
  --bg-surface-raised: #1d2230;
  --bg-surface-sunken: #12151d;
  --bg-hover: #222837;
  --bg-selected: #252c52;
  --bg-overlay: rgba(0, 0, 0, 0.64);
  --bg-inverse: #e7eaf0;
  --text-primary: #e7eaf0;
  --text-secondary: #b3bcc7;
  --text-tertiary: #8794a3;
  --text-disabled: #566170;
  --text-inverse: #1b2530;
  --text-brand: #b3bbf0;
  --text-link: var(--brand-200);
  --text-link-hover: var(--brand-100);
  --border-subtle: #252b37;
  --border-default: #313847;
  --border-strong: #677385;
  --border-focus: var(--brand-300);
  --action-primary-hover: #4c5ec4;
  --action-primary-pressed: var(--brand-700);
  --nav-bg: #17213b;
  --nav-bg-hover: #253252;
  --nav-active-bg: var(--brand-500);
  --nav-active-text: #ffffff;
  --nav-icon: var(--brand-200);
  --nav-text-muted: var(--brand-100);
  --neutral-bg: #262c37;
  --neutral-text: #c3cbd4;
  --neutral-solid: #66778a;
  --brand-bg: #232a4f;
  --brand-text: #b3bbf0;
  --brand-solid: #4f5fc0;
  --info-bg: #12283f;
  --info-text: #8cc2f5;
  --info-solid: #1f6fc7;
  --success-bg: #122a1b;
  --success-text: #80d09a;
  --warning-bg: #35200f;
  --warning-text: #ffb07a;
  --caution-bg: #2f260c;
  --caution-text: #f0c65a;
  --danger-bg: #3a1719;
  --danger-text: #ff9e98;
  --discovery-bg: #2e1838;
  --discovery-text: #dba6ee;
  --discovery-solid: #9c3fbf;
  --chart-1: var(--brand-300);
  --chart-2: #4db6ac;
  --chart-3: #f0c65a;
  --chart-4: #ce93d8;
  --chart-5: #64b5f6;
  --chart-6: #90a4ae;
  --chart-planned: #677385;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 8px -2px rgba(0, 0, 0, 0.6), 0 2px 4px -2px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 32px -8px rgba(0, 0, 0, 0.7), 0 4px 8px -4px rgba(0, 0, 0, 0.5);
  --focus-ring: 0 0 0 2px #161a23, 0 0 0 4px #7986cb;
  --focus-halo: 0 0 0 3px rgba(121, 134, 203, 0.32);
}
html {
  --mat-app-background-color: var(--bg-canvas);
  --mat-app-text-color: var(--text-primary);
  --mat-ripple-color: transparent;
  --mat-divider-color: var(--border-subtle);
  --mat-icon-color: inherit;
  --mdc-text-button-container-shape: var(--radius-md);
  --mdc-filled-button-container-shape: var(--radius-md);
  --mdc-protected-button-container-shape: var(--radius-md);
  --mdc-outlined-button-container-shape: var(--radius-md);
  --mdc-text-button-container-height: var(--control-md);
  --mdc-filled-button-container-height: var(--control-md);
  --mdc-protected-button-container-height: var(--control-md);
  --mdc-outlined-button-container-height: var(--control-md);
  --mat-text-button-horizontal-padding: var(--space-12);
  --mat-text-button-with-icon-horizontal-padding: var(--space-12);
  --mat-filled-button-horizontal-padding: var(--space-12);
  --mat-protected-button-horizontal-padding: var(--space-12);
  --mat-outlined-button-horizontal-padding: var(--space-12);
  --mat-text-button-icon-spacing: var(--space-6);
  --mat-filled-button-icon-spacing: var(--space-6);
  --mat-protected-button-icon-spacing: var(--space-6);
  --mat-outlined-button-icon-spacing: var(--space-6);
  --mat-text-button-icon-offset: -2px;
  --mat-filled-button-icon-offset: -2px;
  --mat-protected-button-icon-offset: -2px;
  --mat-outlined-button-icon-offset: -2px;
  --mat-text-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-icon-button-touch-target-display: none;
  --mdc-text-button-label-text-color: var(--text-secondary);
  --mdc-text-button-disabled-label-text-color: var(--text-disabled);
  --mat-text-button-state-layer-color: var(--text-primary);
  --mat-text-button-disabled-state-layer-color: transparent;
  --mat-text-button-ripple-color: transparent;
  --mat-text-button-hover-state-layer-opacity: 0;
  --mat-text-button-focus-state-layer-opacity: 0;
  --mat-text-button-pressed-state-layer-opacity: 0;
  --mdc-filled-button-container-color: var(--bg-surface);
  --mdc-filled-button-label-text-color: var(--text-primary);
  --mdc-filled-button-disabled-container-color: var(--bg-surface-sunken);
  --mdc-filled-button-disabled-label-text-color: var(--text-disabled);
  --mat-filled-button-state-layer-color: transparent;
  --mat-filled-button-disabled-state-layer-color: transparent;
  --mat-filled-button-ripple-color: transparent;
  --mat-filled-button-hover-state-layer-opacity: 0;
  --mat-filled-button-focus-state-layer-opacity: 0;
  --mat-filled-button-pressed-state-layer-opacity: 0;
  --mdc-protected-button-container-color: var(--bg-surface);
  --mdc-protected-button-label-text-color: var(--text-primary);
  --mdc-protected-button-disabled-container-color: var(--bg-surface-sunken);
  --mdc-protected-button-disabled-label-text-color: var(--text-disabled);
  --mdc-protected-button-container-elevation-shadow: var(--shadow-xs);
  --mdc-protected-button-disabled-container-elevation-shadow: none;
  --mdc-protected-button-focus-container-elevation-shadow: var(--shadow-xs);
  --mdc-protected-button-hover-container-elevation-shadow: var(--shadow-xs);
  --mdc-protected-button-pressed-container-elevation-shadow: var(--shadow-xs);
  --mat-protected-button-state-layer-color: transparent;
  --mat-protected-button-disabled-state-layer-color: transparent;
  --mat-protected-button-ripple-color: transparent;
  --mat-protected-button-hover-state-layer-opacity: 0;
  --mat-protected-button-focus-state-layer-opacity: 0;
  --mat-protected-button-pressed-state-layer-opacity: 0;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-outline-color: var(--border-default);
  --mdc-outlined-button-disabled-outline-color: var(--border-subtle);
  --mdc-outlined-button-label-text-color: var(--text-primary);
  --mdc-outlined-button-disabled-label-text-color: var(--text-disabled);
  --mat-outlined-button-state-layer-color: transparent;
  --mat-outlined-button-disabled-state-layer-color: transparent;
  --mat-outlined-button-ripple-color: transparent;
  --mat-outlined-button-hover-state-layer-opacity: 0;
  --mat-outlined-button-focus-state-layer-opacity: 0;
  --mat-outlined-button-pressed-state-layer-opacity: 0;
  --mdc-icon-button-icon-size: var(--icon-md);
  --mdc-icon-button-icon-color: var(--text-secondary);
  --mdc-icon-button-disabled-icon-color: var(--text-disabled);
  --mat-icon-button-state-layer-color: transparent;
  --mat-icon-button-disabled-state-layer-color: transparent;
  --mat-icon-button-ripple-color: transparent;
  --mat-icon-button-hover-state-layer-opacity: 0;
  --mat-icon-button-focus-state-layer-opacity: 0;
  --mat-icon-button-pressed-state-layer-opacity: 0;
  --mdc-fab-container-color: var(--action-primary);
  --mat-fab-foreground-color: var(--text-on-color);
  --mdc-fab-small-container-color: var(--action-primary);
  --mat-fab-small-foreground-color: var(--text-on-color);
  --mat-fab-state-layer-color: transparent;
  --mat-fab-small-state-layer-color: transparent;
  --mat-fab-ripple-color: transparent;
  --mat-fab-small-ripple-color: transparent;
  --mdc-fab-container-elevation-shadow: var(--shadow-sm);
  --mdc-fab-small-container-elevation-shadow: var(--shadow-sm);
  --mat-option-label-text-color: var(--text-primary);
  --mat-option-selected-state-label-text-color: var(--text-brand);
  --mat-option-hover-state-layer-color: var(--bg-hover);
  --mat-option-focus-state-layer-color: var(--bg-hover);
  --mat-option-selected-state-layer-color: var(--bg-selected);
  --mat-optgroup-label-text-color: var(--text-tertiary);
  --mat-option-label-text-size: 13px;
  --mat-option-label-text-line-height: 20px;
  --mat-full-pseudo-checkbox-selected-icon-color: var(--action-primary);
  --mat-full-pseudo-checkbox-selected-checkmark-color: var(--text-on-color);
  --mat-full-pseudo-checkbox-unselected-icon-color: var(--border-strong);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: var( --bg-surface );
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: var( --text-disabled );
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: var(--text-disabled);
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--action-primary);
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: var( --text-disabled );
  --mdc-elevated-card-container-color: var(--bg-surface);
  --mdc-elevated-card-container-elevation: var(--shadow-xs);
  --mdc-elevated-card-container-shape: var(--radius-lg);
  --mdc-outlined-card-container-color: var(--bg-surface);
  --mdc-outlined-card-outline-color: var(--border-default);
  --mdc-outlined-card-container-elevation: var(--shadow-xs);
  --mdc-outlined-card-container-shape: var(--radius-lg);
  --mat-card-subtitle-text-color: var(--text-tertiary);
  --mdc-linear-progress-active-indicator-color: var(--action-primary);
  --mdc-linear-progress-track-color: var(--border-subtle);
  --mdc-circular-progress-active-indicator-color: var(--action-primary);
  --mdc-plain-tooltip-container-color: var(--bg-inverse);
  --mdc-plain-tooltip-supporting-text-color: var(--text-inverse);
  --mdc-plain-tooltip-container-shape: var(--radius-sm);
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-outlined-text-field-caret-color: var(--border-focus);
  --mdc-outlined-text-field-focus-outline-color: var(--border-focus);
  --mdc-outlined-text-field-focus-label-text-color: var(--text-primary);
  --mdc-outlined-text-field-label-text-color: var(--text-primary);
  --mdc-outlined-text-field-hover-label-text-color: var(--text-primary);
  --mdc-outlined-text-field-disabled-label-text-color: var(--text-disabled);
  --mdc-outlined-text-field-input-text-color: var(--text-primary);
  --mdc-outlined-text-field-disabled-input-text-color: var(--text-disabled);
  --mdc-outlined-text-field-input-text-placeholder-color: var(--text-tertiary);
  --mdc-outlined-text-field-error-caret-color: var(--danger-solid);
  --mdc-outlined-text-field-error-focus-label-text-color: var(--text-primary);
  --mdc-outlined-text-field-error-label-text-color: var(--text-primary);
  --mdc-outlined-text-field-error-hover-label-text-color: var(--text-primary);
  --mdc-outlined-text-field-outline-color: var(--border-strong);
  --mdc-outlined-text-field-disabled-outline-color: var(--border-default);
  --mdc-outlined-text-field-hover-outline-color: var(--text-tertiary);
  --mdc-outlined-text-field-error-focus-outline-color: var(--danger-solid);
  --mdc-outlined-text-field-error-hover-outline-color: var(--danger-solid);
  --mdc-outlined-text-field-error-outline-color: var(--danger-solid);
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 1px;
  --mdc-outlined-text-field-container-shape: var(--radius-md);
  --mdc-outlined-text-field-label-text-size: 13px;
  --mdc-outlined-text-field-label-text-weight: 500;
  --mdc-outlined-text-field-input-text-size: 13px;
  --mdc-filled-text-field-container-color: var(--bg-surface-sunken);
  --mdc-filled-text-field-input-text-color: var(--text-primary);
  --mdc-filled-text-field-label-text-color: var(--text-secondary);
  --mdc-filled-text-field-caret-color: var(--border-focus);
  --mdc-filled-text-field-focus-active-indicator-color: var(--border-focus);
  --mdc-filled-text-field-active-indicator-color: var(--border-strong);
  --mat-form-field-focus-select-arrow-color: var(--text-secondary);
  --mat-form-field-disabled-input-text-placeholder-color: var(--text-disabled);
  --mat-form-field-state-layer-color: transparent;
  --mat-form-field-error-text-color: var(--danger-text);
  --mat-form-field-enabled-select-arrow-color: var(--text-tertiary);
  --mat-form-field-disabled-select-arrow-color: var(--text-disabled);
  --mat-form-field-container-height: var(--control-md);
  --mat-form-field-container-vertical-padding: 7px;
  --mat-form-field-container-text-size: 13px;
  --mat-form-field-container-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-line-height: 16px;
  --mat-form-field-outlined-label-text-populated-size: 13px;
  --mat-select-container-elevation-shadow: var(--shadow-md);
  --mat-select-panel-background-color: var(--bg-surface-raised);
  --mat-select-enabled-trigger-text-color: var(--text-primary);
  --mat-select-disabled-trigger-text-color: var(--text-disabled);
  --mat-select-placeholder-text-color: var(--text-tertiary);
  --mat-select-enabled-arrow-color: var(--text-tertiary);
  --mat-select-disabled-arrow-color: var(--text-disabled);
  --mat-select-focused-arrow-color: var(--text-secondary);
  --mat-select-invalid-arrow-color: var(--danger-text);
  --mat-select-trigger-text-size: 13px;
  --mat-select-trigger-text-line-height: 20px;
  --mat-autocomplete-container-elevation-shadow: var(--shadow-md);
  --mat-autocomplete-background-color: var(--bg-surface-raised);
  --mat-autocomplete-container-shape: var(--radius-lg);
  --mdc-dialog-container-elevation-shadow: var(--shadow-lg);
  --mdc-dialog-container-color: var(--bg-surface-raised);
  --mdc-dialog-container-shape: var(--radius-xl);
  --mdc-dialog-subhead-color: var(--text-primary);
  --mdc-dialog-supporting-text-color: var(--text-secondary);
  --mdc-dialog-subhead-size: 16px;
  --mdc-dialog-subhead-line-height: 24px;
  --mdc-dialog-subhead-weight: 600;
  --mdc-dialog-supporting-text-size: 13px;
  --mdc-dialog-supporting-text-line-height: 20px;
  --mat-dialog-container-elevation-shadow: var(--shadow-lg);
  --mdc-chip-container-shape-radius: var(--radius-full);
  --mdc-chip-outline-color: var(--border-default);
  --mdc-chip-outline-width: 1px;
  --mdc-chip-elevated-container-color: var(--bg-surface);
  --mdc-chip-elevated-selected-container-color: var(--bg-selected);
  --mdc-chip-elevated-disabled-container-color: var(--bg-surface);
  --mdc-chip-flat-disabled-selected-container-color: var(--bg-surface-sunken);
  --mdc-chip-label-text-color: var(--text-secondary);
  --mdc-chip-selected-label-text-color: var(--text-brand);
  --mdc-chip-disabled-label-text-color: var(--text-disabled);
  --mdc-chip-with-icon-icon-color: var(--text-tertiary);
  --mdc-chip-with-icon-selected-icon-color: var(--text-brand);
  --mdc-chip-with-icon-disabled-icon-color: var(--text-disabled);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--text-tertiary);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: var( --text-disabled );
  --mat-chip-selected-trailing-icon-color: var(--text-brand);
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mdc-chip-focus-state-layer-color: transparent;
  --mdc-chip-hover-state-layer-color: var(--text-primary);
  --mdc-chip-selected-hover-state-layer-color: var(--text-primary);
  --mdc-chip-selected-focus-state-layer-color: transparent;
  --mdc-chip-label-text-size: 12px;
  --mdc-chip-label-text-weight: 500;
  --mdc-chip-container-height: 28px;
  --mdc-switch-selected-handle-color: var(--text-on-color);
  --mdc-switch-selected-track-color: var(--action-primary);
  --mdc-switch-selected-hover-track-color: var(--action-primary-hover);
  --mdc-switch-selected-focus-track-color: var(--action-primary-hover);
  --mdc-switch-selected-pressed-track-color: var(--action-primary-pressed);
  --mdc-switch-selected-hover-handle-color: var(--text-on-color);
  --mdc-switch-selected-focus-handle-color: var(--text-on-color);
  --mdc-switch-selected-pressed-handle-color: var(--text-on-color);
  --mdc-switch-unselected-track-color: var(--border-default);
  --mdc-switch-unselected-hover-track-color: var(--border-strong);
  --mdc-switch-unselected-focus-track-color: var(--border-strong);
  --mdc-switch-unselected-pressed-track-color: var(--border-strong);
  --mdc-switch-unselected-handle-color: var(--bg-surface);
  --mdc-switch-unselected-hover-handle-color: var(--bg-surface);
  --mdc-switch-unselected-focus-handle-color: var(--bg-surface);
  --mdc-switch-unselected-pressed-handle-color: var(--bg-surface);
  --mdc-switch-handle-surface-color: var(--bg-surface);
  --mdc-switch-selected-icon-color: var(--action-primary);
  --mdc-switch-unselected-icon-color: transparent;
  --mdc-switch-selected-hover-state-layer-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: transparent;
  --mdc-switch-selected-pressed-state-layer-color: transparent;
  --mdc-switch-unselected-hover-state-layer-color: transparent;
  --mdc-switch-unselected-focus-state-layer-color: transparent;
  --mdc-switch-unselected-pressed-state-layer-color: transparent;
  --mdc-switch-handle-elevation-shadow: var(--shadow-xs);
  --mat-switch-label-text-color: var(--text-primary);
  --mdc-radio-unselected-icon-color: var(--border-strong);
  --mdc-radio-unselected-hover-icon-color: var(--text-tertiary);
  --mdc-radio-unselected-focus-icon-color: var(--text-tertiary);
  --mdc-radio-unselected-pressed-icon-color: var(--text-tertiary);
  --mdc-radio-selected-icon-color: var(--action-primary);
  --mdc-radio-selected-hover-icon-color: var(--action-primary-hover);
  --mdc-radio-selected-focus-icon-color: var(--action-primary);
  --mdc-radio-selected-pressed-icon-color: var(--action-primary-pressed);
  --mdc-radio-disabled-selected-icon-color: var(--text-disabled);
  --mdc-radio-disabled-unselected-icon-color: var(--text-disabled);
  --mat-radio-ripple-color: transparent;
  --mat-radio-checked-ripple-color: transparent;
  --mat-radio-label-text-color: var(--text-primary);
  --mat-radio-disabled-label-color: var(--text-disabled);
  --mdc-checkbox-selected-icon-color: var(--action-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--action-primary-hover);
  --mdc-checkbox-selected-focus-icon-color: var(--action-primary);
  --mdc-checkbox-selected-pressed-icon-color: var(--action-primary-pressed);
  --mdc-checkbox-selected-checkmark-color: var(--text-on-color);
  --mdc-checkbox-unselected-icon-color: var(--border-strong);
  --mdc-checkbox-unselected-hover-icon-color: var(--text-tertiary);
  --mdc-checkbox-unselected-focus-icon-color: var(--text-tertiary);
  --mdc-checkbox-unselected-pressed-icon-color: var(--text-tertiary);
  --mdc-checkbox-disabled-selected-icon-color: var(--text-disabled);
  --mdc-checkbox-disabled-unselected-icon-color: var(--text-disabled);
  --mdc-checkbox-disabled-selected-checkmark-color: var(--bg-surface);
  --mdc-checkbox-selected-focus-state-layer-color: transparent;
  --mdc-checkbox-selected-hover-state-layer-color: transparent;
  --mdc-checkbox-selected-pressed-state-layer-color: transparent;
  --mdc-checkbox-unselected-focus-state-layer-color: transparent;
  --mdc-checkbox-unselected-hover-state-layer-color: transparent;
  --mdc-checkbox-unselected-pressed-state-layer-color: transparent;
  --mat-checkbox-label-text-color: var(--text-primary);
  --mat-checkbox-disabled-label-color: var(--text-disabled);
  --mat-checkbox-touch-target-display: none;
  --mat-menu-container-color: var(--bg-surface-raised);
  --mat-menu-container-shape: var(--radius-lg);
  --mat-menu-container-elevation-shadow: var(--shadow-md);
  --mat-menu-item-label-text-color: var(--text-primary);
  --mat-menu-item-icon-color: var(--text-secondary);
  --mat-menu-item-hover-state-layer-color: var(--bg-hover);
  --mat-menu-item-focus-state-layer-color: var(--bg-hover);
  --mat-menu-divider-color: var(--border-subtle);
  --mat-menu-item-label-text-size: 13px;
  --mat-menu-item-label-text-line-height: 20px;
  --mat-menu-item-label-text-weight: 400;
  --mat-menu-item-icon-size: 20px;
  --mat-menu-item-spacing: var(--space-8);
  --mat-menu-item-leading-spacing: var(--space-12);
  --mat-menu-item-trailing-spacing: var(--space-12);
  --mat-menu-item-with-icon-leading-spacing: var(--space-12);
  --mat-menu-item-with-icon-trailing-spacing: var(--space-12);
  --mdc-list-list-item-label-text-color: var(--text-primary);
  --mdc-list-list-item-supporting-text-color: var(--text-tertiary);
  --mdc-list-list-item-leading-icon-color: var(--text-secondary);
  --mdc-list-list-item-trailing-icon-color: var(--text-tertiary);
  --mdc-list-list-item-hover-label-text-color: var(--text-primary);
  --mdc-list-list-item-focus-label-text-color: var(--text-primary);
  --mdc-list-list-item-hover-state-layer-color: var(--text-primary);
  --mdc-list-list-item-focus-state-layer-color: transparent;
  --mdc-list-list-item-disabled-label-text-color: var(--text-disabled);
  --mat-paginator-container-text-color: var(--text-secondary);
  --mat-paginator-container-background-color: transparent;
  --mat-paginator-enabled-icon-color: var(--text-secondary);
  --mat-paginator-disabled-icon-color: var(--text-disabled);
  --mat-paginator-container-text-size: 13px;
  --mat-paginator-select-trigger-text-size: 13px;
  --mat-paginator-container-size: 52px;
  --mat-paginator-form-field-container-height: var(--control-sm);
  --mat-paginator-form-field-container-vertical-padding: 5px;
  --mdc-tab-indicator-active-indicator-color: var(--action-primary);
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mat-tab-header-divider-color: var(--border-subtle);
  --mat-tab-header-divider-height: 1px;
  --mat-tab-header-pagination-icon-color: var(--text-secondary);
  --mat-tab-header-inactive-label-text-color: var(--text-secondary);
  --mat-tab-header-active-label-text-color: var(--text-brand);
  --mat-tab-header-active-ripple-color: transparent;
  --mat-tab-header-inactive-ripple-color: transparent;
  --mat-tab-header-inactive-focus-label-text-color: var(--text-primary);
  --mat-tab-header-inactive-hover-label-text-color: var(--text-primary);
  --mat-tab-header-active-focus-label-text-color: var(--text-brand);
  --mat-tab-header-active-hover-label-text-color: var(--text-brand);
  --mat-tab-header-active-focus-indicator-color: var(--action-primary);
  --mat-tab-header-active-hover-indicator-color: var(--action-primary);
  --mat-tab-header-label-text-size: 13px;
  --mat-tab-header-label-text-weight: 500;
  --mat-tab-header-label-text-tracking: normal;
  --mdc-secondary-navigation-tab-container-height: 44px;
  --mat-table-background-color: var(--bg-surface);
  --mat-table-header-headline-color: var(--text-secondary);
  --mat-table-row-item-label-text-color: var(--text-primary);
  --mat-table-row-item-outline-color: var(--border-subtle);
  --mat-table-header-container-height: 40px;
  --mat-table-row-item-container-height: var(--row-default);
  --mat-table-footer-container-height: var(--row-default);
  --mat-table-header-headline-size: 12px;
  --mat-table-header-headline-weight: 600;
  --mat-table-header-headline-line-height: 16px;
  --mat-table-row-item-label-text-size: 13px;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 13px;
  --mat-table-footer-supporting-text-weight: 600;
  --mat-sort-arrow-color: var(--text-tertiary);
  --mat-badge-background-color: var(--action-primary);
  --mat-badge-text-color: var(--text-on-color);
  --mat-badge-disabled-state-background-color: var(--text-disabled);
  --mat-badge-disabled-state-text-color: var(--bg-surface);
  --mat-bottom-sheet-container-text-color: var(--text-primary);
  --mat-bottom-sheet-container-background-color: var(--bg-surface-raised);
  --mat-standard-button-toggle-text-color: var(--text-secondary);
  --mat-standard-button-toggle-background-color: var(--bg-surface);
  --mat-standard-button-toggle-state-layer-color: var(--text-primary);
  --mat-standard-button-toggle-selected-state-background-color: var( --bg-selected );
  --mat-standard-button-toggle-selected-state-text-color: var(--text-brand);
  --mat-standard-button-toggle-disabled-state-text-color: var(--text-disabled);
  --mat-standard-button-toggle-disabled-state-background-color: var( --bg-surface-sunken );
  --mat-standard-button-toggle-disabled-selected-state-text-color: var( --text-disabled );
  --mat-standard-button-toggle-disabled-selected-state-background-color: var( --bg-surface-sunken );
  --mat-standard-button-toggle-divider-color: var(--border-default);
  --mat-standard-button-toggle-shape: var(--radius-md);
  --mat-standard-button-toggle-height: var(--control-md);
  --mat-datepicker-calendar-container-elevation-shadow: var(--shadow-md);
  --mat-datepicker-calendar-container-touch-elevation-shadow: var(--shadow-lg);
  --mat-datepicker-calendar-container-shape: var(--radius-lg);
  --mat-datepicker-calendar-container-touch-shape: var(--radius-xl);
  --mat-datepicker-calendar-date-selected-state-text-color: var( --text-on-color );
  --mat-datepicker-calendar-date-selected-state-background-color: var( --action-primary );
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: var( --brand-200 );
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var( --text-on-color );
  --mat-datepicker-calendar-date-focus-state-background-color: var(--bg-hover);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--bg-hover);
  --mat-datepicker-toggle-active-state-icon-color: var(--text-brand);
  --mat-datepicker-calendar-date-in-range-state-background-color: var( --bg-selected );
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var( --caution-bg );
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var( --success-bg );
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var( --success-solid );
  --mat-datepicker-toggle-icon-color: var(--text-tertiary);
  --mat-datepicker-calendar-body-label-text-color: var(--text-tertiary);
  --mat-datepicker-calendar-period-button-text-color: var(--text-primary);
  --mat-datepicker-calendar-period-button-icon-color: var(--text-secondary);
  --mat-datepicker-calendar-navigation-button-icon-color: var(--text-secondary);
  --mat-datepicker-calendar-header-divider-color: var(--border-subtle);
  --mat-datepicker-calendar-header-text-color: var(--text-tertiary);
  --mat-datepicker-calendar-date-today-outline-color: var(--border-strong);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: var( --border-default );
  --mat-datepicker-calendar-date-text-color: var(--text-primary);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: var( --text-disabled );
  --mat-datepicker-calendar-date-preview-state-outline-color: var( --border-strong );
  --mat-datepicker-range-input-separator-color: var(--text-secondary);
  --mat-datepicker-range-input-disabled-state-separator-color: var( --text-disabled );
  --mat-datepicker-range-input-disabled-state-text-color: var(--text-disabled);
  --mat-datepicker-calendar-container-background-color: var( --bg-surface-raised );
  --mat-datepicker-calendar-container-text-color: var(--text-primary);
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 12px;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-expansion-container-background-color: var(--bg-surface);
  --mat-expansion-container-text-color: var(--text-primary);
  --mat-expansion-container-shape: var(--radius-lg);
  --mat-expansion-actions-divider-color: var(--border-subtle);
  --mat-expansion-header-hover-state-layer-color: var(--bg-hover);
  --mat-expansion-header-focus-state-layer-color: var(--bg-hover);
  --mat-expansion-header-disabled-state-text-color: var(--text-disabled);
  --mat-expansion-header-text-color: var(--text-primary);
  --mat-expansion-header-description-color: var(--text-tertiary);
  --mat-expansion-header-indicator-color: var(--text-tertiary);
  --mat-expansion-header-text-size: 13px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-container-text-size: 13px;
  --mat-sidenav-container-elevation-shadow: var(--shadow-lg);
  --mat-sidenav-container-divider-color: transparent;
  --mat-sidenav-container-background-color: var(--nav-bg);
  --mat-sidenav-container-text-color: var(--nav-text);
  --mat-sidenav-content-background-color: var(--bg-canvas);
  --mat-sidenav-content-text-color: var(--text-primary);
  --mat-sidenav-scrim-color: var(--bg-overlay);
  --mat-sidenav-container-shape: 0;
  --mat-stepper-container-color: var(--bg-surface);
  --mat-stepper-line-color: var(--border-default);
  --mat-stepper-header-label-text-color: var(--text-secondary);
  --mat-stepper-header-selected-state-label-text-color: var(--text-primary);
  --mat-stepper-header-icon-background-color: var(--text-tertiary);
  --mat-stepper-header-icon-foreground-color: var(--text-on-color);
  --mat-stepper-header-selected-state-icon-background-color: var( --action-primary );
  --mat-stepper-header-done-state-icon-background-color: var(--success-solid);
  --mat-stepper-header-edit-state-icon-background-color: var(--action-primary);
  --mat-toolbar-container-background-color: var(--bg-surface);
  --mat-toolbar-container-text-color: var(--text-primary);
  --mat-tree-container-background-color: var(--bg-surface);
  --mat-tree-node-text-color: var(--text-primary);
  --mat-timepicker-container-background-color: var(--bg-surface-raised);
  --mat-timepicker-container-elevation-shadow: var(--shadow-md);
  --mat-snack-bar-button-color: var(--brand-200);
  --mdc-snackbar-container-color: var(--bg-inverse);
  --mdc-snackbar-supporting-text-color: var(--text-inverse);
  --mdc-snackbar-container-shape: var(--radius-md);
}
.mat-primary,
.mat-accent {
  --mat-option-selected-state-label-text-color: var(--text-brand);
  --mat-full-pseudo-checkbox-selected-icon-color: var(--action-primary);
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--action-primary);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: var(--danger-text);
  --mat-full-pseudo-checkbox-selected-icon-color: var(--danger-solid);
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: var(--danger-solid);
}
.mat-mdc-progress-bar.mat-accent,
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: var(--action-primary);
  --mdc-linear-progress-track-color: var(--border-subtle);
}
.mat-mdc-form-field.mat-accent,
.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: var(--border-focus);
  --mdc-outlined-text-field-focus-outline-color: var(--border-focus);
  --mdc-outlined-text-field-focus-label-text-color: var(--text-primary);
  --mat-form-field-focus-select-arrow-color: var(--text-secondary);
}
html .mat-mdc-form-field.mat-accent,
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: var(--bg-surface-raised);
  --mat-select-enabled-trigger-text-color: var(--text-primary);
  --mat-select-focused-arrow-color: var(--text-secondary);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-elevated-container-color: var(--bg-selected);
  --mdc-chip-elevated-selected-container-color: var(--bg-selected);
  --mdc-chip-label-text-color: var(--text-brand);
  --mdc-chip-selected-label-text-color: var(--text-brand);
  --mdc-chip-with-icon-icon-color: var(--text-brand);
  --mdc-chip-with-icon-selected-icon-color: var(--text-brand);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--text-brand);
  --mat-chip-selected-trailing-icon-color: var(--text-brand);
}
.mat-mdc-standard-chip {
  --mdc-chip-elevated-container-color: var(--bg-surface);
  --mdc-chip-label-text-color: var(--text-secondary);
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--text-tertiary);
}
html .mat-mdc-slide-toggle,
html .mat-mdc-slide-toggle.mat-accent,
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-handle-color: var(--text-on-color);
  --mdc-switch-selected-track-color: var(--action-primary);
  --mdc-switch-selected-hover-track-color: var(--action-primary-hover);
  --mdc-switch-selected-focus-track-color: var(--action-primary-hover);
  --mdc-switch-selected-pressed-track-color: var(--action-primary-pressed);
  --mdc-switch-selected-hover-handle-color: var(--text-on-color);
  --mdc-switch-selected-focus-handle-color: var(--text-on-color);
  --mdc-switch-selected-pressed-handle-color: var(--text-on-color);
  --mdc-switch-selected-hover-state-layer-color: transparent;
  --mdc-switch-selected-focus-state-layer-color: transparent;
  --mdc-switch-selected-pressed-state-layer-color: transparent;
  --mat-switch-label-text-color: var(--text-primary);
}
.mat-mdc-radio-button.mat-primary,
.mat-mdc-radio-button.mat-accent,
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-selected-icon-color: var(--action-primary);
  --mdc-radio-selected-hover-icon-color: var(--action-primary-hover);
  --mdc-radio-selected-focus-icon-color: var(--action-primary);
  --mdc-radio-selected-pressed-icon-color: var(--action-primary-pressed);
  --mdc-radio-unselected-icon-color: var(--border-strong);
  --mdc-radio-unselected-hover-icon-color: var(--text-tertiary);
  --mdc-radio-disabled-selected-icon-color: var(--text-disabled);
  --mdc-radio-disabled-unselected-icon-color: var(--text-disabled);
  --mat-radio-ripple-color: transparent;
  --mat-radio-checked-ripple-color: transparent;
  --mat-radio-label-text-color: var(--text-primary);
}
.mat-mdc-checkbox.mat-primary,
.mat-mdc-checkbox.mat-accent,
.mat-mdc-checkbox.mat-warn,
.mat-mdc-list-option,
.mat-mdc-list-option.mat-accent,
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-selected-icon-color: var(--action-primary);
  --mdc-checkbox-selected-hover-icon-color: var(--action-primary-hover);
  --mdc-checkbox-selected-focus-icon-color: var(--action-primary);
  --mdc-checkbox-selected-pressed-icon-color: var(--action-primary-pressed);
  --mdc-checkbox-selected-checkmark-color: var(--text-on-color);
  --mdc-checkbox-unselected-icon-color: var(--border-strong);
  --mdc-checkbox-unselected-hover-icon-color: var(--text-tertiary);
  --mdc-checkbox-unselected-focus-icon-color: var(--text-tertiary);
  --mdc-checkbox-disabled-selected-icon-color: var(--text-disabled);
  --mdc-checkbox-disabled-unselected-icon-color: var(--text-disabled);
  --mdc-checkbox-selected-focus-state-layer-color: transparent;
  --mdc-checkbox-selected-hover-state-layer-color: transparent;
  --mdc-checkbox-selected-pressed-state-layer-color: transparent;
  --mdc-checkbox-unselected-focus-state-layer-color: transparent;
  --mdc-checkbox-unselected-hover-state-layer-color: transparent;
  --mdc-checkbox-unselected-pressed-state-layer-color: transparent;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar,
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent,
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: var(--action-primary);
  --mat-tab-header-active-label-text-color: var(--text-brand);
  --mat-tab-header-active-focus-label-text-color: var(--text-brand);
  --mat-tab-header-active-hover-label-text-color: var(--text-brand);
  --mat-tab-header-active-focus-indicator-color: var(--action-primary);
  --mat-tab-header-active-hover-indicator-color: var(--action-primary);
  --mat-tab-header-inactive-label-text-color: var(--text-secondary);
  --mat-tab-header-inactive-focus-label-text-color: var(--text-primary);
  --mat-tab-header-inactive-hover-label-text-color: var(--text-primary);
  --mat-tab-header-active-ripple-color: transparent;
  --mat-tab-header-inactive-ripple-color: transparent;
  --mat-tab-header-disabled-ripple-color: transparent;
  --mat-tab-header-pagination-icon-color: var(--text-secondary);
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: var(--text-brand);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: var(--success-text);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: var(--danger-text);
}
.mat-mdc-button.mat-primary,
.mat-mdc-button.mat-accent,
.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: transparent;
  --mat-text-button-ripple-color: transparent;
}
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary {
  --mdc-filled-button-container-color: var(--action-primary);
  --mdc-filled-button-label-text-color: var(--text-on-color);
  --mdc-protected-button-container-color: var(--action-primary);
  --mdc-protected-button-label-text-color: var(--text-on-color);
}
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent {
  --mdc-filled-button-container-color: var(--success-solid);
  --mdc-filled-button-label-text-color: var(--text-on-color);
  --mdc-protected-button-container-color: var(--success-solid);
  --mdc-protected-button-label-text-color: var(--text-on-color);
}
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn {
  --mdc-filled-button-container-color: var(--danger-solid);
  --mdc-filled-button-label-text-color: var(--text-on-color);
  --mdc-protected-button-container-color: var(--danger-solid);
  --mdc-protected-button-label-text-color: var(--text-on-color);
}
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-raised-button.mat-warn {
  --mat-filled-button-state-layer-color: transparent;
  --mat-filled-button-ripple-color: transparent;
  --mat-protected-button-state-layer-color: transparent;
  --mat-protected-button-ripple-color: transparent;
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: var(--text-brand);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: var(--success-text);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: var(--danger-text);
}
.mat-mdc-outlined-button.mat-primary,
.mat-mdc-outlined-button.mat-accent,
.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: transparent;
  --mat-outlined-button-ripple-color: transparent;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: var(--text-brand);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: var(--success-text);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: var(--danger-text);
}
html .mat-mdc-icon-button.mat-primary,
html .mat-mdc-icon-button.mat-accent,
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: transparent;
  --mat-icon-button-ripple-color: transparent;
}
html .mat-mdc-fab.mat-primary,
html .mat-mdc-fab.mat-accent,
html .mat-mdc-fab.mat-warn,
html .mat-mdc-mini-fab.mat-primary,
html .mat-mdc-mini-fab.mat-accent,
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: var(--action-primary);
  --mat-fab-foreground-color: var(--text-on-color);
  --mdc-fab-small-container-color: var(--action-primary);
  --mat-fab-small-foreground-color: var(--text-on-color);
  --mat-fab-state-layer-color: transparent;
  --mat-fab-small-state-layer-color: transparent;
}
html .mat-accent,
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: var(--action-primary);
}
.mat-badge-accent {
  --mat-badge-background-color: var(--success-solid);
  --mat-badge-text-color: var(--text-on-color);
}
.mat-badge-warn {
  --mat-badge-background-color: var(--danger-solid);
  --mat-badge-text-color: var(--text-on-color);
}
.mat-datepicker-content.mat-accent,
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: var( --text-on-color );
  --mat-datepicker-calendar-date-selected-state-background-color: var( --action-primary );
  --mat-datepicker-calendar-date-focus-state-background-color: var(--bg-hover);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--bg-hover);
  --mat-datepicker-calendar-date-in-range-state-background-color: var( --bg-selected );
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var( --text-on-color );
}
.mat-datepicker-toggle-active.mat-accent,
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: var(--text-brand);
}
.mat-icon.mat-primary {
  --mat-icon-color: var(--text-brand);
}
.mat-icon.mat-accent {
  --mat-icon-color: var(--success-text);
}
.mat-icon.mat-warn {
  --mat-icon-color: var(--danger-text);
}
html .mat-step-header.mat-accent,
html .mat-step-header.mat-warn {
  --mat-stepper-header-selected-state-icon-background-color: var( --action-primary );
  --mat-stepper-header-done-state-icon-background-color: var(--success-solid);
  --mat-stepper-header-edit-state-icon-background-color: var(--action-primary);
}
.mat-toolbar.mat-primary,
.mat-toolbar.mat-accent,
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: var(--nav-bg);
  --mat-toolbar-container-text-color: var(--nav-text);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1,
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  --mat-app-elevation-shadow-level-1: var(--shadow-xs);
  --mat-app-elevation-shadow-level-2: var(--shadow-sm);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4,
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  --mat-app-elevation-shadow-level-4: var(--shadow-md);
  --mat-app-elevation-shadow-level-8: var(--shadow-md);
}
:root {
  --app-vh: 100vh;
  --app-vh: 100dvh;
  --bx-field-label-space: 26px;
}
@media (max-width: 768px) {
  :root {
    --app-vh: calc(100vh - var(--appbar-height));
    --app-vh: calc(100dvh - var(--appbar-height));
  }
}
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
html,
body {
  height: 100%;
  margin: 0;
}
body {
  background: var(--bg-canvas);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  font-feature-settings: "cv11", "ss01";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input,
button,
select,
textarea,
optgroup {
  font-family: inherit;
  font-weight: 400;
}
mat-icon,
.mat-icon,
.material-icons,
.material-icons-outlined {
  font-family: "Material Icons Outlined" !important;
  font-feature-settings: "liga";
}
::selection {
  background: var(--bg-selected);
  color: var(--text-brand);
}
:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}
.mat-mdc-form-field :focus-visible,
.mat-mdc-menu-item:focus-visible,
.mat-mdc-option:focus-visible,
.mat-expansion-panel-header:focus-visible {
  outline: none;
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--border-default) transparent;
}
@supports selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: var(--border-default);
  border-radius: var(--radius-full);
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--border-strong);
}
*::-webkit-scrollbar-corner {
  background: transparent;
}
select {
  background-position: center right 20px;
  background-repeat: no-repeat;
  background-size: 11px;
  appearance: none;
}
.container {
  width: 100%;
  margin: 0 auto;
}
.container .bottomSheetFromTop {
  transform: translateY(-500px) !important;
}
.content-container {
  min-height: var(--app-vh);
  display: flex;
  flex-direction: column;
}
.copied-hint {
  position: absolute;
  top: -30px;
  left: 50%;
  z-index: 1;
  padding: var(--space-4) var(--space-8);
  border-radius: var(--radius-sm);
  background: var(--bg-inverse);
  color: var(--text-inverse);
  font-size: 12px;
  line-height: 16px;
  transform: translateX(-50%);
}
.cd-preserve-lines {
  white-space: pre-line;
  text-align: left;
}
.multiline-tooltip {
  white-space: pre-line;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.d-block {
  display: block;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline;
}
.d-flex {
  display: flex;
}
.flex-auto {
  flex: 1 1 auto;
}
.d-grid {
  display: grid;
}
.h-100 {
  height: 100%;
}
.w-100 {
  width: 100%;
}
.w-75 {
  width: 75%;
}
.w-50 {
  width: 50%;
}
.w-25 {
  width: 25%;
}
.w-inherit {
  width: inherit;
}
.content-fit {
  width: fit-content !important;
}
.align-start {
  align-items: start;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.flex-end {
  justify-content: flex-end;
}
.flex-start {
  justify-content: flex-start;
}
.flex-row {
  flex-direction: row;
}
.flex-column {
  flex-direction: column;
}
.p-relative {
  position: relative !important;
}
.p-absolute {
  position: absolute !important;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
a,
button.link-btn {
  color: var(--text-link);
  text-decoration: none;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  cursor: pointer;
  transition: color 120ms ease;
}
a:hover,
button.link-btn:hover {
  color: var(--text-link-hover);
}
a.link-gray,
a.link-basic,
button.link-btn.link-gray,
button.link-btn.link-basic {
  color: var(--text-secondary);
}
a.link-gray:hover,
a.link-gray:active,
a.link-basic:hover,
a.link-basic:active,
button.link-btn.link-gray:hover,
button.link-btn.link-gray:active,
button.link-btn.link-basic:hover,
button.link-btn.link-basic:active {
  color: var(--text-primary);
}
a.link-primary,
button.link-btn.link-primary {
  color: var(--text-link);
}
a.link-primary:hover,
a.link-primary:active,
button.link-btn.link-primary:hover,
button.link-btn.link-primary:active {
  color: var(--text-link-hover);
}
a.link-success,
button.link-btn.link-success {
  color: var(--success-text);
}
a.link-success:hover,
a.link-success:active,
button.link-btn.link-success:hover,
button.link-btn.link-success:active {
  color: var(--success-solid-hover);
}
a.link-warning,
button.link-btn.link-warning {
  color: var(--warning-text);
}
a.link-warning:hover,
a.link-warning:active,
button.link-btn.link-warning:hover,
button.link-btn.link-warning:active {
  color: var(--warning-solid-hover);
}
a.link-danger,
button.link-btn.link-danger {
  color: var(--danger-text);
}
a.link-danger:hover,
button.link-btn.link-danger:hover {
  color: var(--danger-solid-hover);
}
a.disabled,
button.link-btn.disabled {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  color: var(--text-disabled);
}
a.link-btn,
button.link-btn.link-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}
a.link-btn i,
button.link-btn.link-btn i {
  font-size: 20px;
  font-weight: normal;
}
a.link-decorated:hover,
a.link-decorated-normal,
button.link-btn.link-decorated:hover,
button.link-btn.link-decorated-normal {
  color: var(--text-link-hover);
  text-decoration-line: underline;
}
button.link-btn {
  padding: 0;
  border: 0;
  background: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.mat-typography h1,
.mat-typography h2,
.mat-typography h3,
.mat-typography h4,
.mat-typography h5,
.mat-typography h6 {
  margin: 0 !important;
  color: var(--text-primary);
}
h1,
.mat-typography h1 {
  flex: 1;
  min-width: 100px;
  padding-top: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font: 600 20px/28px var(--font-sans);
  letter-spacing: -0.01em;
}
h2,
.mat-typography h2 {
  font: 600 16px/24px var(--font-sans);
}
h3,
.mat-typography h3 {
  font: 600 14px/20px var(--font-sans);
}
h4,
h5,
h6,
.mat-typography h4,
.mat-typography h5,
.mat-typography h6 {
  font: 500 13px/20px var(--font-sans);
}
p,
.mat-typography p {
  margin: 0 !important;
  line-height: 20px;
}
.fs-sm,
.fs-12 {
  font-size: 12px !important;
  line-height: 16px !important;
}
.fs-base,
.fs-14 {
  font-size: 13px !important;
  line-height: 20px !important;
}
.fs-lg,
.fs-16 {
  font-size: 14px !important;
  line-height: 20px !important;
}
.fs-18 {
  font-size: 16px !important;
  line-height: 24px !important;
}
.fs-20 {
  font-size: 20px !important;
  line-height: 28px !important;
}
.fs-24 {
  font-size: 24px !important;
  line-height: 32px !important;
}
.fs-32 {
  font-size: 32px !important;
  line-height: 40px !important;
}
.text {
  font-size: 13px;
  color: var(--text-secondary);
}
.text-light,
.text-normal {
  font-weight: 400 !important;
}
.text-medium,
.text-bold {
  font-weight: 500 !important;
}
.text-bolder {
  font-weight: 600 !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-center {
  text-align: center;
}
.text-primary {
  color: var(--text-brand) !important;
}
.text-secondary,
.text-gray,
.text-brownish,
.action-details {
  color: var(--text-secondary) !important;
}
.text-grayish {
  color: var(--text-tertiary) !important;
}
.text-black,
.content-color {
  color: var(--text-primary);
}
.text-white {
  color: var(--text-on-color) !important;
}
.text-info,
.text-pay {
  color: var(--info-text) !important;
}
.text-success,
.action-send,
.action-sign,
.action-approve,
.action-approve_budget,
.action-proceed,
.action-pay,
.action-deliver,
.action-invoice,
.action-evaluate,
.action-complete,
.action-add,
.action-download,
.action-permissions,
.action-copy,
.action-new-expense,
.action-new-purchase {
  color: var(--success-text) !important;
}
.text-warning,
.action-void,
.action-update,
.action-reallocate,
.action-carry-over {
  color: var(--warning-text) !important;
}
.text-danger,
.action-decline,
.action-reject,
.action-delete {
  color: var(--danger-text) !important;
}
.mat-mdc-menu-item[class*=action-] .mat-icon,
.mat-mdc-menu-item.text-success .mat-icon,
.mat-mdc-menu-item.text-warning .mat-icon,
.mat-mdc-menu-item.text-danger .mat-icon {
  color: inherit;
}
.mat-mdc-menu-item.action-destructive,
.mat-mdc-menu-item.action-separated {
  position: relative;
  margin-top: var(--space-8);
  overflow: visible;
}
.mat-mdc-menu-item.action-destructive::after,
.mat-mdc-menu-item.action-separated::after {
  content: "";
  position: absolute;
  top: calc(-1 * var(--space-4) - 1px);
  right: calc(-1 * var(--space-4));
  left: calc(-1 * var(--space-4));
  height: 1px;
  background: var(--border-subtle);
  pointer-events: none;
}
.mat-mdc-menu-item.action-destructive:first-child,
.mat-mdc-menu-item.action-separated:first-child {
  margin-top: 0;
}
.mat-mdc-menu-item.action-destructive:first-child::after,
.mat-mdc-menu-item.action-separated:first-child::after {
  display: none;
}
.no-wrap {
  white-space: nowrap;
}
.wrap-spaces {
  white-space: break-spaces;
}
.bx-num,
.num {
  font-variant-numeric: tabular-nums;
}
.bx-code {
  font: 400 12px/16px var(--font-mono);
}
.bx-overline {
  font: 600 11px/16px var(--font-sans);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-tertiary);
}
.mt-0 {
  margin-top: 0px !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.m-0 {
  margin: 0px !important;
}
.p-0 {
  padding: 0px !important;
}
.mt-2 {
  margin-top: 2px !important;
}
.pt-2 {
  padding-top: 2px !important;
}
.mb-2 {
  margin-bottom: 2px !important;
}
.pb-2 {
  padding-bottom: 2px !important;
}
.ml-2 {
  margin-left: 2px !important;
}
.pl-2 {
  padding-left: 2px !important;
}
.mr-2 {
  margin-right: 2px !important;
}
.pr-2 {
  padding-right: 2px !important;
}
.mx-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.px-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.my-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.m-2 {
  margin: 2px !important;
}
.p-2 {
  padding: 2px !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.pt-4 {
  padding-top: 4px !important;
}
.mb-4 {
  margin-bottom: 4px !important;
}
.pb-4 {
  padding-bottom: 4px !important;
}
.ml-4 {
  margin-left: 4px !important;
}
.pl-4 {
  padding-left: 4px !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.pr-4 {
  padding-right: 4px !important;
}
.mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.m-4 {
  margin: 4px !important;
}
.p-4 {
  padding: 4px !important;
}
.mt-6 {
  margin-top: 6px !important;
}
.pt-6 {
  padding-top: 6px !important;
}
.mb-6 {
  margin-bottom: 6px !important;
}
.pb-6 {
  padding-bottom: 6px !important;
}
.ml-6 {
  margin-left: 6px !important;
}
.pl-6 {
  padding-left: 6px !important;
}
.mr-6 {
  margin-right: 6px !important;
}
.pr-6 {
  padding-right: 6px !important;
}
.mx-6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}
.px-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.my-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.m-6 {
  margin: 6px !important;
}
.p-6 {
  padding: 6px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.pt-8 {
  padding-top: 8px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.pb-8 {
  padding-bottom: 8px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.pl-8 {
  padding-left: 8px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.pr-8 {
  padding-right: 8px !important;
}
.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.m-8 {
  margin: 8px !important;
}
.p-8 {
  padding: 8px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.m-10 {
  margin: 10px !important;
}
.p-10 {
  padding: 10px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.pt-12 {
  padding-top: 12px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.pb-12 {
  padding-bottom: 12px !important;
}
.ml-12 {
  margin-left: 12px !important;
}
.pl-12 {
  padding-left: 12px !important;
}
.mr-12 {
  margin-right: 12px !important;
}
.pr-12 {
  padding-right: 12px !important;
}
.mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.m-12 {
  margin: 12px !important;
}
.p-12 {
  padding: 12px !important;
}
.mt-14 {
  margin-top: 14px !important;
}
.pt-14 {
  padding-top: 14px !important;
}
.mb-14 {
  margin-bottom: 14px !important;
}
.pb-14 {
  padding-bottom: 14px !important;
}
.ml-14 {
  margin-left: 14px !important;
}
.pl-14 {
  padding-left: 14px !important;
}
.mr-14 {
  margin-right: 14px !important;
}
.pr-14 {
  padding-right: 14px !important;
}
.mx-14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}
.px-14 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
.my-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}
.py-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
.m-14 {
  margin: 14px !important;
}
.p-14 {
  padding: 14px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.pb-16 {
  padding-bottom: 16px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.pl-16 {
  padding-left: 16px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.pr-16 {
  padding-right: 16px !important;
}
.mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.m-16 {
  margin: 16px !important;
}
.p-16 {
  padding: 16px !important;
}
.mt-18 {
  margin-top: 18px !important;
}
.pt-18 {
  padding-top: 18px !important;
}
.mb-18 {
  margin-bottom: 18px !important;
}
.pb-18 {
  padding-bottom: 18px !important;
}
.ml-18 {
  margin-left: 18px !important;
}
.pl-18 {
  padding-left: 18px !important;
}
.mr-18 {
  margin-right: 18px !important;
}
.pr-18 {
  padding-right: 18px !important;
}
.mx-18 {
  margin-left: 18px !important;
  margin-right: 18px !important;
}
.px-18 {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.my-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}
.py-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
.m-18 {
  margin: 18px !important;
}
.p-18 {
  padding: 18px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.m-20 {
  margin: 20px !important;
}
.p-20 {
  padding: 20px !important;
}
.mt-22 {
  margin-top: 22px !important;
}
.pt-22 {
  padding-top: 22px !important;
}
.mb-22 {
  margin-bottom: 22px !important;
}
.pb-22 {
  padding-bottom: 22px !important;
}
.ml-22 {
  margin-left: 22px !important;
}
.pl-22 {
  padding-left: 22px !important;
}
.mr-22 {
  margin-right: 22px !important;
}
.pr-22 {
  padding-right: 22px !important;
}
.mx-22 {
  margin-left: 22px !important;
  margin-right: 22px !important;
}
.px-22 {
  padding-left: 22px !important;
  padding-right: 22px !important;
}
.my-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}
.py-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}
.m-22 {
  margin: 22px !important;
}
.p-22 {
  padding: 22px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.pt-24 {
  padding-top: 24px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.pb-24 {
  padding-bottom: 24px !important;
}
.ml-24 {
  margin-left: 24px !important;
}
.pl-24 {
  padding-left: 24px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.pr-24 {
  padding-right: 24px !important;
}
.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.m-24 {
  margin: 24px !important;
}
.p-24 {
  padding: 24px !important;
}
.mt-26 {
  margin-top: 26px !important;
}
.pt-26 {
  padding-top: 26px !important;
}
.mb-26 {
  margin-bottom: 26px !important;
}
.pb-26 {
  padding-bottom: 26px !important;
}
.ml-26 {
  margin-left: 26px !important;
}
.pl-26 {
  padding-left: 26px !important;
}
.mr-26 {
  margin-right: 26px !important;
}
.pr-26 {
  padding-right: 26px !important;
}
.mx-26 {
  margin-left: 26px !important;
  margin-right: 26px !important;
}
.px-26 {
  padding-left: 26px !important;
  padding-right: 26px !important;
}
.my-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}
.py-26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}
.m-26 {
  margin: 26px !important;
}
.p-26 {
  padding: 26px !important;
}
.mt-28 {
  margin-top: 28px !important;
}
.pt-28 {
  padding-top: 28px !important;
}
.mb-28 {
  margin-bottom: 28px !important;
}
.pb-28 {
  padding-bottom: 28px !important;
}
.ml-28 {
  margin-left: 28px !important;
}
.pl-28 {
  padding-left: 28px !important;
}
.mr-28 {
  margin-right: 28px !important;
}
.pr-28 {
  padding-right: 28px !important;
}
.mx-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.m-28 {
  margin: 28px !important;
}
.p-28 {
  padding: 28px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.m-30 {
  margin: 30px !important;
}
.p-30 {
  padding: 30px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.pt-32 {
  padding-top: 32px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.pb-32 {
  padding-bottom: 32px !important;
}
.ml-32 {
  margin-left: 32px !important;
}
.pl-32 {
  padding-left: 32px !important;
}
.mr-32 {
  margin-right: 32px !important;
}
.pr-32 {
  padding-right: 32px !important;
}
.mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.m-32 {
  margin: 32px !important;
}
.p-32 {
  padding: 32px !important;
}
.mt-34 {
  margin-top: 34px !important;
}
.pt-34 {
  padding-top: 34px !important;
}
.mb-34 {
  margin-bottom: 34px !important;
}
.pb-34 {
  padding-bottom: 34px !important;
}
.ml-34 {
  margin-left: 34px !important;
}
.pl-34 {
  padding-left: 34px !important;
}
.mr-34 {
  margin-right: 34px !important;
}
.pr-34 {
  padding-right: 34px !important;
}
.mx-34 {
  margin-left: 34px !important;
  margin-right: 34px !important;
}
.px-34 {
  padding-left: 34px !important;
  padding-right: 34px !important;
}
.my-34 {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}
.py-34 {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}
.m-34 {
  margin: 34px !important;
}
.p-34 {
  padding: 34px !important;
}
.mt-36 {
  margin-top: 36px !important;
}
.pt-36 {
  padding-top: 36px !important;
}
.mb-36 {
  margin-bottom: 36px !important;
}
.pb-36 {
  padding-bottom: 36px !important;
}
.ml-36 {
  margin-left: 36px !important;
}
.pl-36 {
  padding-left: 36px !important;
}
.mr-36 {
  margin-right: 36px !important;
}
.pr-36 {
  padding-right: 36px !important;
}
.mx-36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.px-36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.my-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
.py-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.m-36 {
  margin: 36px !important;
}
.p-36 {
  padding: 36px !important;
}
.mt-38 {
  margin-top: 38px !important;
}
.pt-38 {
  padding-top: 38px !important;
}
.mb-38 {
  margin-bottom: 38px !important;
}
.pb-38 {
  padding-bottom: 38px !important;
}
.ml-38 {
  margin-left: 38px !important;
}
.pl-38 {
  padding-left: 38px !important;
}
.mr-38 {
  margin-right: 38px !important;
}
.pr-38 {
  padding-right: 38px !important;
}
.mx-38 {
  margin-left: 38px !important;
  margin-right: 38px !important;
}
.px-38 {
  padding-left: 38px !important;
  padding-right: 38px !important;
}
.my-38 {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}
.py-38 {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}
.m-38 {
  margin: 38px !important;
}
.p-38 {
  padding: 38px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.m-40 {
  margin: 40px !important;
}
.p-40 {
  padding: 40px !important;
}
.mt-42 {
  margin-top: 42px !important;
}
.pt-42 {
  padding-top: 42px !important;
}
.mb-42 {
  margin-bottom: 42px !important;
}
.pb-42 {
  padding-bottom: 42px !important;
}
.ml-42 {
  margin-left: 42px !important;
}
.pl-42 {
  padding-left: 42px !important;
}
.mr-42 {
  margin-right: 42px !important;
}
.pr-42 {
  padding-right: 42px !important;
}
.mx-42 {
  margin-left: 42px !important;
  margin-right: 42px !important;
}
.px-42 {
  padding-left: 42px !important;
  padding-right: 42px !important;
}
.my-42 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}
.py-42 {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}
.m-42 {
  margin: 42px !important;
}
.p-42 {
  padding: 42px !important;
}
.mt-44 {
  margin-top: 44px !important;
}
.pt-44 {
  padding-top: 44px !important;
}
.mb-44 {
  margin-bottom: 44px !important;
}
.pb-44 {
  padding-bottom: 44px !important;
}
.ml-44 {
  margin-left: 44px !important;
}
.pl-44 {
  padding-left: 44px !important;
}
.mr-44 {
  margin-right: 44px !important;
}
.pr-44 {
  padding-right: 44px !important;
}
.mx-44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}
.px-44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.my-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}
.py-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
.m-44 {
  margin: 44px !important;
}
.p-44 {
  padding: 44px !important;
}
.mt-46 {
  margin-top: 46px !important;
}
.pt-46 {
  padding-top: 46px !important;
}
.mb-46 {
  margin-bottom: 46px !important;
}
.pb-46 {
  padding-bottom: 46px !important;
}
.ml-46 {
  margin-left: 46px !important;
}
.pl-46 {
  padding-left: 46px !important;
}
.mr-46 {
  margin-right: 46px !important;
}
.pr-46 {
  padding-right: 46px !important;
}
.mx-46 {
  margin-left: 46px !important;
  margin-right: 46px !important;
}
.px-46 {
  padding-left: 46px !important;
  padding-right: 46px !important;
}
.my-46 {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}
.py-46 {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}
.m-46 {
  margin: 46px !important;
}
.p-46 {
  padding: 46px !important;
}
.mt-48 {
  margin-top: 48px !important;
}
.pt-48 {
  padding-top: 48px !important;
}
.mb-48 {
  margin-bottom: 48px !important;
}
.pb-48 {
  padding-bottom: 48px !important;
}
.ml-48 {
  margin-left: 48px !important;
}
.pl-48 {
  padding-left: 48px !important;
}
.mr-48 {
  margin-right: 48px !important;
}
.pr-48 {
  padding-right: 48px !important;
}
.mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.px-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.py-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.m-48 {
  margin: 48px !important;
}
.p-48 {
  padding: 48px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.m-50 {
  margin: 50px !important;
}
.p-50 {
  padding: 50px !important;
}
.mt-auto {
  margin-top: auto !important;
}
.pt-auto {
  margin-top: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.pb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.pl-auto {
  margin-left: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.pr-auto {
  margin-right: auto !important;
}
.mx-auto {
  margin-x: auto !important;
}
.px-auto {
  margin-x: auto !important;
}
.my-auto {
  margin-y: auto !important;
}
.py-auto {
  margin-y: auto !important;
}
.primary-background {
  background: var(--action-primary);
}
.white-background {
  background: var(--bg-surface) !important;
}
.content-background,
.content-light-background {
  background: var(--bg-canvas);
}
.content-background-deep {
  background: var(--bg-overlay);
}
.light-label-background {
  background: var(--bg-surface-sunken);
}
.bg-planned {
  background: var(--info-bg) !important;
}
.bg-actual {
  background: var(--warning-bg) !important;
}
.sidenav-color {
  color: var(--text-tertiary);
}
.sidenav-item-color {
  color: var(--text-secondary);
}
.common-radius {
  border-radius: var(--radius-md);
}
.border-bottom {
  border-bottom: 1px solid var(--border-subtle);
}
.border-top {
  border-top: 1px solid var(--border-subtle);
}
.border-right {
  border-right: 1px solid var(--border-subtle);
}
.border-left {
  border-left: 1px solid var(--border-subtle);
}
.bordered {
  border: 1px solid var(--border-subtle);
}
.overflow-hidden {
  overflow: hidden;
}
.flex-equal {
  flex: 0 1 48%;
}
.cursor-pointer {
  cursor: pointer;
}
.table-wrapped-card {
  width: 100%;
  overflow-x: auto;
}
.filter-input {
  width: 240px;
}
@media (max-width: 768px) {
  .filter-input {
    display: none !important;
  }
}
.nested-block {
  padding: var(--space-24);
  background: var(--bg-surface-sunken);
}
.notifications {
  overflow: hidden;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--bg-surface);
}
.notifications > div:not(:last-child) {
  border-bottom: 1px solid var(--border-subtle);
}
.notifications > div div .material-icons {
  color: var(--text-tertiary);
}
.default-avatar {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
}
.default-avatar.sm-circle {
  width: 40px;
  height: 40px;
}
.default-avatar.sm-square {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
}
.bx-card,
.mat-mdc-card.mdc-card--outlined {
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--bg-surface);
  box-shadow: var(--shadow-xs);
}
.bx-card {
  padding: var(--space-20);
}
.bx-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-8);
  margin-bottom: var(--space-12);
}
.bx-kpi {
  font: 600 24px/32px var(--font-sans);
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
  color: var(--text-primary);
}
.bx-kpi small {
  margin-left: var(--space-4);
  color: var(--text-tertiary);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}
.bx-hint {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  color: var(--text-tertiary);
  font: 400 12px/16px var(--font-sans);
}
.bx-meter {
  height: 6px;
  margin-top: var(--space-12);
  overflow: hidden;
  border-radius: var(--radius-full);
  background: var(--border-subtle);
}
.bx-meter > i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--action-primary);
}
.bx-meter--warning > i {
  background: var(--warning-solid);
}
.bx-meter--danger > i {
  background: var(--danger-solid);
}
.bx-alert,
.sc-alert {
  --_bg: var(--info-bg);
  --_fg: var(--info-text);
  padding: var(--space-12) var(--space-16);
  border-radius: var(--radius-lg);
  background: var(--_bg);
  color: var(--text-primary);
}
.bx-alert .title,
.bx-alert .bx-alert__title,
.sc-alert .title,
.sc-alert .bx-alert__title {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  margin-bottom: var(--space-4);
  color: var(--_fg);
  font-weight: 600;
}
.bx-alert .bx-alert__body,
.sc-alert .bx-alert__body {
  color: var(--text-secondary);
}
.bx-alert.warning,
.bx-alert.bx-alert--warning,
.sc-alert.warning,
.sc-alert.bx-alert--warning {
  --_bg: var(--warning-bg);
  --_fg: var(--warning-text);
}
.bx-alert.success,
.bx-alert.bx-alert--success,
.sc-alert.success,
.sc-alert.bx-alert--success {
  --_bg: var(--success-bg);
  --_fg: var(--success-text);
}
.bx-alert.danger,
.bx-alert.bx-alert--danger,
.sc-alert.danger,
.sc-alert.bx-alert--danger {
  --_bg: var(--danger-bg);
  --_fg: var(--danger-text);
}
.hr {
  display: block;
  width: 100%;
  height: 1px;
  margin: var(--space-32) 0;
  background: var(--border-subtle);
}
.bx-badge,
.document-status-draft,
.document-status-voided,
.document-status-paid,
.document-status-approved,
.document-status-awaiting,
.document-status-awaiting_corrections,
.document-status-awaiting_signature,
.document-status-pending,
.document-status-declined,
.label-orange,
.label-red,
.label-green,
.label-active,
.label-inactive,
.label-program,
.label-non-program,
.label-special-project,
.report-pending,
.report-draft,
.report-submitted,
.report-approved,
.report-declined,
.pr-status-in_progress,
.pr-status-awaiting_budget_approval,
.pr-status-awaiting_approval,
.pr-status-awaiting_correction,
.pr-status-vendor_evaluated,
.pr-status-delivered,
.pr-status-invoiced,
.pr-status-completed,
.pr-status-void,
.ti-status-issued,
.ti-status-approved,
.ti-source-account-certifications,
.ti-source-tax-accounts,
.sd-status-awaiting_approval,
.sd-status-approved,
.sd-status-voided,
.se-status-awaiting_liaison,
.se-status-awaiting_po,
.se-status-completed,
.se-status-cancelled,
.bp-status-overspent,
.bp-status-overspending,
.bp-status-stalled,
.bp-status-healthy {
  --_bg: var(--neutral-bg);
  --_fg: var(--neutral-text);
  --_dot: var(--neutral-solid);
  display: inline-flex;
  align-items: center;
  gap: var(--space-6);
  width: fit-content;
  height: 22px;
  padding: 0 var(--space-8);
  border-radius: var(--radius-full);
  background: var(--_bg);
  color: var(--_fg);
  font: 500 12px/16px var(--font-sans);
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
}
.bx-badge .mat-icon,
.bx-badge .material-icons,
.document-status-draft .mat-icon,
.document-status-draft .material-icons,
.document-status-voided .mat-icon,
.document-status-voided .material-icons,
.document-status-paid .mat-icon,
.document-status-paid .material-icons,
.document-status-approved .mat-icon,
.document-status-approved .material-icons,
.document-status-awaiting .mat-icon,
.document-status-awaiting .material-icons,
.document-status-awaiting_corrections .mat-icon,
.document-status-awaiting_corrections .material-icons,
.document-status-awaiting_signature .mat-icon,
.document-status-awaiting_signature .material-icons,
.document-status-pending .mat-icon,
.document-status-pending .material-icons,
.document-status-declined .mat-icon,
.document-status-declined .material-icons,
.label-orange .mat-icon,
.label-orange .material-icons,
.label-red .mat-icon,
.label-red .material-icons,
.label-green .mat-icon,
.label-green .material-icons,
.label-active .mat-icon,
.label-active .material-icons,
.label-inactive .mat-icon,
.label-inactive .material-icons,
.label-program .mat-icon,
.label-program .material-icons,
.label-non-program .mat-icon,
.label-non-program .material-icons,
.label-special-project .mat-icon,
.label-special-project .material-icons,
.report-pending .mat-icon,
.report-pending .material-icons,
.report-draft .mat-icon,
.report-draft .material-icons,
.report-submitted .mat-icon,
.report-submitted .material-icons,
.report-approved .mat-icon,
.report-approved .material-icons,
.report-declined .mat-icon,
.report-declined .material-icons,
.pr-status-in_progress .mat-icon,
.pr-status-in_progress .material-icons,
.pr-status-awaiting_budget_approval .mat-icon,
.pr-status-awaiting_budget_approval .material-icons,
.pr-status-awaiting_approval .mat-icon,
.pr-status-awaiting_approval .material-icons,
.pr-status-awaiting_correction .mat-icon,
.pr-status-awaiting_correction .material-icons,
.pr-status-vendor_evaluated .mat-icon,
.pr-status-vendor_evaluated .material-icons,
.pr-status-delivered .mat-icon,
.pr-status-delivered .material-icons,
.pr-status-invoiced .mat-icon,
.pr-status-invoiced .material-icons,
.pr-status-completed .mat-icon,
.pr-status-completed .material-icons,
.pr-status-void .mat-icon,
.pr-status-void .material-icons,
.ti-status-issued .mat-icon,
.ti-status-issued .material-icons,
.ti-status-approved .mat-icon,
.ti-status-approved .material-icons,
.ti-source-account-certifications .mat-icon,
.ti-source-account-certifications .material-icons,
.ti-source-tax-accounts .mat-icon,
.ti-source-tax-accounts .material-icons,
.sd-status-awaiting_approval .mat-icon,
.sd-status-awaiting_approval .material-icons,
.sd-status-approved .mat-icon,
.sd-status-approved .material-icons,
.sd-status-voided .mat-icon,
.sd-status-voided .material-icons,
.se-status-awaiting_liaison .mat-icon,
.se-status-awaiting_liaison .material-icons,
.se-status-awaiting_po .mat-icon,
.se-status-awaiting_po .material-icons,
.se-status-completed .mat-icon,
.se-status-completed .material-icons,
.se-status-cancelled .mat-icon,
.se-status-cancelled .material-icons,
.bp-status-overspent .mat-icon,
.bp-status-overspent .material-icons,
.bp-status-overspending .mat-icon,
.bp-status-overspending .material-icons,
.bp-status-stalled .mat-icon,
.bp-status-stalled .material-icons,
.bp-status-healthy .mat-icon,
.bp-status-healthy .material-icons {
  width: 14px !important;
  height: 14px !important;
  color: inherit;
  font-size: 14px !important;
  line-height: 14px !important;
}
.mat-mdc-cell > .bx-badge,
.mat-mdc-cell > .document-status-draft,
.mat-mdc-cell > .document-status-voided,
.mat-mdc-cell > .document-status-paid,
.mat-mdc-cell > .document-status-approved,
.mat-mdc-cell > .document-status-awaiting,
.mat-mdc-cell > .document-status-awaiting_corrections,
.mat-mdc-cell > .document-status-awaiting_signature,
.mat-mdc-cell > .document-status-pending,
.mat-mdc-cell > .document-status-declined,
.mat-mdc-cell > .label-orange,
.mat-mdc-cell > .label-red,
.mat-mdc-cell > .label-green,
.mat-mdc-cell > .label-active,
.mat-mdc-cell > .label-inactive,
.mat-mdc-cell > .label-program,
.mat-mdc-cell > .label-non-program,
.mat-mdc-cell > .label-special-project,
.mat-mdc-cell > .report-pending,
.mat-mdc-cell > .report-draft,
.mat-mdc-cell > .report-submitted,
.mat-mdc-cell > .report-approved,
.mat-mdc-cell > .report-declined,
.mat-mdc-cell > .pr-status-in_progress,
.mat-mdc-cell > .pr-status-awaiting_budget_approval,
.mat-mdc-cell > .pr-status-awaiting_approval,
.mat-mdc-cell > .pr-status-awaiting_correction,
.mat-mdc-cell > .pr-status-vendor_evaluated,
.mat-mdc-cell > .pr-status-delivered,
.mat-mdc-cell > .pr-status-invoiced,
.mat-mdc-cell > .pr-status-completed,
.mat-mdc-cell > .pr-status-void,
.mat-mdc-cell > .ti-status-issued,
.mat-mdc-cell > .ti-status-approved,
.mat-mdc-cell > .ti-source-account-certifications,
.mat-mdc-cell > .ti-source-tax-accounts,
.mat-mdc-cell > .sd-status-awaiting_approval,
.mat-mdc-cell > .sd-status-approved,
.mat-mdc-cell > .sd-status-voided,
.mat-mdc-cell > .se-status-awaiting_liaison,
.mat-mdc-cell > .se-status-awaiting_po,
.mat-mdc-cell > .se-status-completed,
.mat-mdc-cell > .se-status-cancelled,
.mat-mdc-cell > .bp-status-overspent,
.mat-mdc-cell > .bp-status-overspending,
.mat-mdc-cell > .bp-status-stalled,
.mat-mdc-cell > .bp-status-healthy {
  display: flex;
}
.bx-badge--dot::before {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: var(--radius-full);
  background: var(--_dot);
}
.bx-badge--square,
.label-program,
.label-non-program,
.label-special-project,
.ti-source-account-certifications,
.ti-source-tax-accounts {
  border-radius: var(--radius-sm);
}
.bx-badge--neutral,
.document-status-draft,
.document-status-voided,
.label-inactive,
.report-pending,
.sd-status-voided,
.se-status-cancelled,
.bp-status-stalled {
  --_bg: var(--neutral-bg);
  --_fg: var(--neutral-text);
  --_dot: var(--neutral-solid);
}
.bx-badge--brand,
.document-status-paid,
.label-non-program,
.report-draft,
.ti-source-account-certifications {
  --_bg: var(--brand-bg);
  --_fg: var(--brand-text);
  --_dot: var(--brand-solid);
}
.bx-badge--info,
.pr-status-in_progress,
.pr-status-awaiting_budget_approval,
.ti-source-tax-accounts {
  --_bg: var(--info-bg);
  --_fg: var(--info-text);
  --_dot: var(--info-solid);
}
.bx-badge--success,
.document-status-approved,
.label-green,
.label-active,
.report-approved,
.pr-status-completed,
.ti-status-approved,
.sd-status-approved,
.se-status-completed,
.bp-status-healthy {
  --_bg: var(--success-bg);
  --_fg: var(--success-text);
  --_dot: var(--success-solid);
}
.bx-badge--warning,
.document-status-awaiting,
.document-status-awaiting_corrections,
.label-orange,
.pr-status-awaiting_approval,
.pr-status-awaiting_correction,
.ti-status-issued,
.sd-status-awaiting_approval,
.bp-status-overspending {
  --_bg: var(--warning-bg);
  --_fg: var(--warning-text);
  --_dot: var(--warning-solid);
}
.bx-badge--caution,
.document-status-awaiting_signature,
.document-status-pending,
.label-program,
.report-submitted,
.pr-status-vendor_evaluated,
.se-status-awaiting_liaison,
.se-status-awaiting_po {
  --_bg: var(--caution-bg);
  --_fg: var(--caution-text);
  --_dot: var(--caution-solid);
}
.bx-badge--danger,
.document-status-declined,
.report-declined,
.label-red,
.pr-status-void,
.bp-status-overspent {
  --_bg: var(--danger-bg);
  --_fg: var(--danger-text);
  --_dot: var(--danger-solid);
}
.bx-badge--discovery,
.pr-status-delivered,
.pr-status-invoiced,
.label-special-project {
  --_bg: var(--discovery-bg);
  --_fg: var(--discovery-text);
  --_dot: var(--discovery-solid);
}
.bx-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-6);
  height: 28px;
  padding: 0 var(--space-12);
  border: 1px solid var(--border-default);
  border-radius: var(--radius-full);
  background: var(--bg-surface);
  color: var(--text-secondary);
  font: 500 12px/16px var(--font-sans);
  cursor: pointer;
  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    color 120ms ease;
}
.bx-chip:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
.bx-chip:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.bx-chip[aria-pressed=true] {
  border-color: var(--border-focus);
  background: var(--bg-selected);
  color: var(--text-brand);
}
.bx-chip .bx-count {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: var(--radius-full);
  background: var(--bg-surface-sunken);
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}
.bx-chip[aria-pressed=true] .bx-count {
  background: var(--action-primary);
  color: var(--text-on-color);
}
.bx-link {
  color: var(--text-link);
  font-weight: 500;
  text-decoration: none;
  text-underline-offset: 3px;
  cursor: pointer;
}
.bx-link:hover {
  color: var(--text-link-hover);
  text-decoration-line: underline;
}
.bx-link--subtle {
  color: var(--text-secondary);
  font-weight: 400;
  text-decoration-line: underline;
  text-decoration-color: var(--border-strong);
}
.bx-link--danger {
  color: var(--danger-text);
}
.bx-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-8);
  padding: var(--space-48) var(--space-24);
  color: var(--text-tertiary);
  text-align: center;
}
.attachment-label {
  color: var(--text-primary);
  font: 500 13px/20px var(--font-sans);
}
.bx-skeleton {
  display: block;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--text-primary) 5%, transparent);
}
.mt-0.d-flex.justify-between {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-8) var(--space-16);
  min-height: 56px;
}
.mt-0.d-flex.justify-between > div:first-child {
  min-width: 0;
}
.mt-0.d-flex.justify-between > .d-flex.align-center {
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: auto;
  row-gap: var(--space-8);
}
h1 > a[backButton],
h1 > a.link-primary[backButton] {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--control-sm);
  height: var(--control-sm);
  margin: 0 var(--space-4) 0 calc(-1 * var(--space-6)) !important;
  border-radius: var(--radius-md);
  color: var(--text-secondary);
  transition: background-color 120ms ease, color 120ms ease;
}
h1 > a[backButton]:hover,
h1 > a.link-primary[backButton]:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
h1 > a[backButton]:focus-visible,
h1 > a.link-primary[backButton]:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
h1 > a[backButton] .mat-icon,
h1 > a.link-primary[backButton] .mat-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.form-page-header {
  position: sticky;
  top: 0;
  z-index: var(--z-header);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-8) var(--space-16);
  margin: calc(-1 * var(--page-top, var(--space-16))) calc(-1 * var(--page-gutter, var(--space-24))) var(--space-16);
  padding: var(--page-top, var(--space-16)) var(--page-gutter, var(--space-24)) var(--space-12);
  background: var(--bg-canvas);
}
@supports (animation-timeline: scroll()) {
  .form-page-header {
    animation: bx-header-divider linear both;
    animation-timeline: scroll(nearest block);
    animation-range: 0 var(--space-24);
  }
}
@media (max-width: 768px) {
  .form-page-header {
    position: static;
    justify-content: flex-start;
    gap: var(--space-8);
    margin: 0 0 var(--space-16);
    padding: 0;
    background: transparent;
    animation: none;
  }
  .form-page-header > :not(.form-page-title) {
    order: 2;
  }
  .form-page-header:has(> .form-page-actions > app-table-actions-menu.has-mobile-actions) > .form-page-title > app-breadcrumbs {
    margin-right: calc(-1 * (var(--control-md) + var(--space-16)));
  }
}
@keyframes bx-header-divider {
  from {
    box-shadow: 0 1px 0 transparent;
  }
  to {
    box-shadow: 0 1px 0 var(--border-default);
  }
}
.form-page-title {
  flex: 1 1 320px;
  min-width: 0;
}
@media (max-width: 768px) {
  .form-page-title {
    flex-basis: 0;
    min-width: calc(100% - var(--control-md) - var(--space-16));
  }
}
.form-page-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-8);
  margin-left: auto;
}
.form-page-actions .mat-mdc-button-base + .mat-mdc-button-base {
  margin-left: 0;
}
@media (max-width: 768px) {
  .form-page-actions {
    display: contents;
  }
  .form-page-actions > * {
    order: 2;
  }
  .form-page-actions > app-table-actions-menu {
    order: 1;
    margin-bottom: calc(-1 * var(--space-4));
  }
  .form-page-actions .mat-mdc-button-base:not(.mat-mdc-icon-button) {
    height: var(--control-lg);
  }
}
.mat-sidenav {
  width: var(--nav-rail-width) !important;
  min-width: var(--nav-rail-width) !important;
  max-width: var(--nav-rail-width) !important;
  border-right: none !important;
}
.mat-sidenav .mat-drawer-inner-container {
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--nav-bg);
}
@supports not selector(::-webkit-scrollbar) {
  .mat-sidenav .mat-drawer-inner-container {
    scrollbar-width: none;
  }
}
.mat-sidenav .mat-drawer-inner-container::-webkit-scrollbar {
  width: 0;
}
.mat-sidenav .mat-drawer-inner-container::-webkit-scrollbar-track-piece:start {
  margin-top: 64px;
}
.mat-sidenav .mat-drawer-inner-container::-webkit-scrollbar-track-piece:end {
  margin-bottom: 80px;
}
.mat-sidenav .mat-drawer-inner-container::-webkit-scrollbar-thumb {
  background-color: var(--nav-icon);
}
.mat-sidenav .mat-drawer-inner-container::-webkit-scrollbar-track {
  background: transparent;
}
@supports selector(::-webkit-scrollbar) {
  .mat-sidenav.menu-scrolls:hover:not(:has(.menu-options:hover, .user-menu:hover)) .mat-drawer-inner-container::-webkit-scrollbar {
    width: 2px;
  }
  .mat-sidenav.menu-scrolls:hover:not(:has(.menu-options:hover, .user-menu:hover)) .mat-drawer-inner-container > * {
    width: calc(100% + 2px);
  }
}
@media (max-width: 768px) {
  .mat-sidenav {
    display: none !important;
  }
}
.mat-drawer-container {
  background: var(--bg-canvas);
  color: var(--text-primary);
}
.mat-mdc-button-base {
  letter-spacing: normal !important;
  text-transform: none;
  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    color 120ms ease,
    box-shadow 120ms ease;
}
.mat-mdc-button-base:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring) !important;
}
.mat-mdc-button-base .mat-ripple,
.mat-mdc-button-base .mat-mdc-button-ripple,
.mat-mdc-button-base .mat-mdc-button-persistent-ripple,
.mat-mdc-button-base .mat-mdc-focus-indicator {
  display: none;
}
.mat-mdc-button,
.mat-mdc-raised-button,
.mat-mdc-unelevated-button,
.mat-mdc-outlined-button {
  min-width: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}
.mat-mdc-button .mdc-button__label,
.mat-mdc-raised-button .mdc-button__label,
.mat-mdc-unelevated-button .mdc-button__label,
.mat-mdc-outlined-button .mdc-button__label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-6);
}
.mat-mdc-button .mat-icon,
.mat-mdc-button .material-icons,
.mat-mdc-button .material-icons-outlined,
.mat-mdc-raised-button .mat-icon,
.mat-mdc-raised-button .material-icons,
.mat-mdc-raised-button .material-icons-outlined,
.mat-mdc-unelevated-button .mat-icon,
.mat-mdc-unelevated-button .material-icons,
.mat-mdc-unelevated-button .material-icons-outlined,
.mat-mdc-outlined-button .mat-icon,
.mat-mdc-outlined-button .material-icons,
.mat-mdc-outlined-button .material-icons-outlined {
  width: 18px;
  height: 18px;
  margin: 0;
  font-size: 18px;
  line-height: 18px;
}
.mat-mdc-button.sm,
.mat-mdc-raised-button.sm,
.mat-mdc-unelevated-button.sm,
.mat-mdc-outlined-button.sm {
  height: var(--control-md);
}
.mat-mdc-button.xsm,
.mat-mdc-button.btn-sm,
.mat-mdc-raised-button.xsm,
.mat-mdc-raised-button.btn-sm,
.mat-mdc-unelevated-button.xsm,
.mat-mdc-unelevated-button.btn-sm,
.mat-mdc-outlined-button.xsm,
.mat-mdc-outlined-button.btn-sm {
  height: var(--control-sm);
  padding: 0 10px;
}
.mat-mdc-button.lg,
.mat-mdc-raised-button.lg,
.mat-mdc-unelevated-button.lg,
.mat-mdc-outlined-button.lg {
  height: var(--control-lg);
  padding: 0 var(--space-16);
  font-size: 14px !important;
}
.mat-mdc-raised-button:not(.mat-primary, .mat-accent, .mat-warn),
.mat-mdc-unelevated-button:not(.mat-primary, .mat-accent, .mat-warn),
.mat-mdc-outlined-button:not(.mat-primary, .mat-accent, .mat-warn) {
  border: 1px solid var(--border-default);
  background: var(--bg-surface);
  color: var(--text-primary);
  box-shadow: var(--shadow-xs);
}
.mat-mdc-raised-button:not(.mat-primary, .mat-accent, .mat-warn):not(:disabled):hover,
.mat-mdc-unelevated-button:not(.mat-primary, .mat-accent, .mat-warn):not(:disabled):hover,
.mat-mdc-outlined-button:not(.mat-primary, .mat-accent, .mat-warn):not(:disabled):hover {
  background: var(--bg-hover);
}
.mat-mdc-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary {
  border: 1px solid var(--action-primary);
  box-shadow: none;
}
.mat-mdc-raised-button.mat-primary:not(:disabled):hover,
.mat-mdc-unelevated-button.mat-primary:not(:disabled):hover {
  border-color: var(--action-primary-hover);
  background: var(--action-primary-hover);
}
.mat-mdc-raised-button.mat-primary:not(:disabled):active,
.mat-mdc-unelevated-button.mat-primary:not(:disabled):active {
  border-color: var(--action-primary-pressed);
  background: var(--action-primary-pressed);
}
.mat-mdc-raised-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent {
  border: 1px solid var(--success-solid);
  box-shadow: none;
}
.mat-mdc-raised-button.mat-accent:not(:disabled):hover,
.mat-mdc-unelevated-button.mat-accent:not(:disabled):hover {
  border-color: var(--success-solid-hover);
  background: var(--success-solid-hover);
}
.mat-mdc-raised-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn {
  border: 1px solid var(--danger-solid);
  box-shadow: none;
}
.mat-mdc-raised-button.mat-warn:not(:disabled):hover,
.mat-mdc-unelevated-button.mat-warn:not(:disabled):hover {
  border-color: var(--danger-solid-hover);
  background: var(--danger-solid-hover);
}
.mat-mdc-raised-button.tone-fill-success,
.mat-mdc-raised-button.tone-fill-warning,
.mat-mdc-raised-button.tone-fill-danger,
.mat-mdc-raised-button.tone-fill-brand,
.mat-mdc-unelevated-button.tone-fill-success,
.mat-mdc-unelevated-button.tone-fill-warning,
.mat-mdc-unelevated-button.tone-fill-danger,
.mat-mdc-unelevated-button.tone-fill-brand,
.mat-mdc-button.tone-fill-success,
.mat-mdc-button.tone-fill-warning,
.mat-mdc-button.tone-fill-danger,
.mat-mdc-button.tone-fill-brand {
  --_fill: var(--action-primary);
  --_fill-hover: var(--action-primary-hover);
  --mdc-protected-button-container-color: var(--_fill);
  --mdc-protected-button-label-text-color: var(--text-on-color);
  --mdc-filled-button-container-color: var(--_fill);
  --mdc-filled-button-label-text-color: var(--text-on-color);
  --mdc-text-button-label-text-color: var(--text-on-color);
  border: 1px solid var(--_fill);
  background: var(--_fill);
  color: var(--text-on-color) !important;
  box-shadow: none;
}
.mat-mdc-raised-button.tone-fill-success:not(:disabled):hover,
.mat-mdc-raised-button.tone-fill-warning:not(:disabled):hover,
.mat-mdc-raised-button.tone-fill-danger:not(:disabled):hover,
.mat-mdc-raised-button.tone-fill-brand:not(:disabled):hover,
.mat-mdc-unelevated-button.tone-fill-success:not(:disabled):hover,
.mat-mdc-unelevated-button.tone-fill-warning:not(:disabled):hover,
.mat-mdc-unelevated-button.tone-fill-danger:not(:disabled):hover,
.mat-mdc-unelevated-button.tone-fill-brand:not(:disabled):hover,
.mat-mdc-button.tone-fill-success:not(:disabled):hover,
.mat-mdc-button.tone-fill-warning:not(:disabled):hover,
.mat-mdc-button.tone-fill-danger:not(:disabled):hover,
.mat-mdc-button.tone-fill-brand:not(:disabled):hover {
  border-color: var(--_fill-hover);
  background: var(--_fill-hover);
}
.mat-mdc-raised-button.tone-fill-success,
.mat-mdc-unelevated-button.tone-fill-success,
.mat-mdc-button.tone-fill-success {
  --_fill: var(--success-solid);
  --_fill-hover: var(--success-solid-hover);
}
.mat-mdc-raised-button.tone-fill-warning,
.mat-mdc-unelevated-button.tone-fill-warning,
.mat-mdc-button.tone-fill-warning {
  --_fill: var(--warning-solid);
  --_fill-hover: var(--warning-solid-hover);
}
.mat-mdc-raised-button.tone-fill-danger,
.mat-mdc-unelevated-button.tone-fill-danger,
.mat-mdc-button.tone-fill-danger {
  --_fill: var(--danger-solid);
  --_fill-hover: var(--danger-solid-hover);
}
.mat-mdc-outlined-button.mat-primary {
  border-color: var(--action-primary);
  background: var(--bg-surface);
}
.mat-mdc-outlined-button.mat-primary:not(:disabled):hover {
  background: var(--bg-selected);
}
.mat-mdc-outlined-button.mat-accent {
  border-color: var(--success-solid);
  background: var(--bg-surface);
}
.mat-mdc-outlined-button.mat-accent:not(:disabled):hover {
  background: var(--success-bg);
}
.mat-mdc-outlined-button.mat-warn {
  border-color: var(--danger-solid);
  background: var(--bg-surface);
}
.mat-mdc-outlined-button.mat-warn:not(:disabled):hover {
  background: var(--danger-bg);
}
.mat-mdc-button:not(:disabled):hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
.mat-mdc-button:not(:disabled).mat-primary:hover {
  background: var(--bg-selected);
  color: var(--text-brand);
}
.mat-mdc-button:not(:disabled).mat-accent:hover {
  background: var(--success-bg);
  color: var(--success-text);
}
.mat-mdc-button:not(:disabled).mat-warn:hover {
  background: var(--danger-bg);
  color: var(--danger-text);
}
.mat-mdc-raised-button:disabled,
.mat-mdc-raised-button.mat-mdc-button-disabled,
.mat-mdc-unelevated-button:disabled,
.mat-mdc-unelevated-button.mat-mdc-button-disabled,
.mat-mdc-outlined-button:disabled,
.mat-mdc-outlined-button.mat-mdc-button-disabled,
.mat-mdc-button:disabled,
.mat-mdc-button.mat-mdc-button-disabled {
  border-color: var(--border-subtle) !important;
  background: var(--bg-surface-sunken) !important;
  color: var(--text-disabled) !important;
  box-shadow: none !important;
  cursor: not-allowed;
  pointer-events: auto;
}
.mat-mdc-button:disabled,
.mat-mdc-button.mat-mdc-button-disabled {
  border-color: transparent !important;
  background: transparent !important;
}
.mat-mdc-button.btn-workflow,
.mat-mdc-outlined-button.btn-workflow {
  --_bd: var(--border-strong);
  --_fg: var(--text-secondary);
  --_hv: var(--bg-hover);
  border: 1px solid var(--_bd);
  background: var(--bg-surface);
  color: var(--_fg) !important;
}
.mat-mdc-button.btn-workflow:not(:disabled):hover,
.mat-mdc-outlined-button.btn-workflow:not(:disabled):hover {
  background: var(--_hv);
  color: var(--_fg) !important;
}
.mat-mdc-button.btn-workflow.tone-success,
.mat-mdc-outlined-button.btn-workflow.tone-success {
  --_bd: var(--success-solid);
  --_fg: var(--success-text);
  --_hv: var(--success-bg);
}
.mat-mdc-button.btn-workflow.tone-warning,
.mat-mdc-outlined-button.btn-workflow.tone-warning {
  --_bd: var(--warning-solid);
  --_fg: var(--warning-text);
  --_hv: var(--warning-bg);
}
.mat-mdc-button.btn-workflow.tone-danger,
.mat-mdc-outlined-button.btn-workflow.tone-danger {
  --_bd: var(--danger-solid);
  --_fg: var(--danger-text);
  --_hv: var(--danger-bg);
}
.mat-mdc-button.btn-workflow.tone-brand,
.mat-mdc-outlined-button.btn-workflow.tone-brand {
  --_bd: var(--action-primary);
  --_fg: var(--text-brand);
  --_hv: var(--bg-selected);
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: var(--control-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--control-md);
  height: var(--control-md);
  padding: 0;
  border-radius: var(--radius-md);
}
.mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}
.mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.mat-mdc-icon-button.mat-mdc-button-base .material-icons,
.mat-mdc-icon-button.mat-mdc-button-base .material-icons-outlined {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}
.mat-mdc-icon-button.mat-mdc-button-base:not(:disabled):hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
.mat-mdc-icon-button.mat-mdc-button-base.sm,
.mat-mdc-icon-button.mat-mdc-button-base.xsm {
  width: var(--control-sm);
  height: var(--control-sm);
}
.mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
  display: none;
}
a[mat-button] .mdc-button__label {
  display: flex;
}
.mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
}
.mat-badge-accent .mat-badge-content {
  width: 10px;
  height: 10px;
  border: 2px solid var(--bg-surface);
  background: var(--success-solid);
}
.plus-button {
  display: inline-grid;
  place-items: center;
  width: var(--control-sm);
  height: var(--control-sm);
  padding: 0;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  color: var(--text-secondary);
  cursor: pointer;
}
.plus-button:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
.plus-button.filled {
  border-color: var(--action-primary);
  background: var(--action-primary);
  color: var(--text-on-color);
}
.plus-button.filled:hover {
  background: var(--action-primary-hover);
}
.plus-button[disabled] {
  border-color: var(--border-subtle);
  background: var(--bg-surface-sunken);
  color: var(--text-disabled);
  cursor: not-allowed;
}
@media (max-width: 1280px) {
  .btn-label {
    display: none;
  }
  button.sm:has(.btn-label) {
    width: var(--control-md);
    min-width: var(--control-md) !important;
    padding: 0 !important;
  }
  button.sm:has(.btn-label) .mdc-button__label {
    justify-content: center;
  }
  button.sm:has(.btn-label) .mat-icon {
    margin: 0 !important;
  }
}
.mat-mdc-dialog-container {
  padding: 0 !important;
}
.mat-mdc-dialog-surface {
  border: 1px solid var(--border-default);
}
.mat-mdc-dialog-container .mat-mdc-dialog-title,
.mat-mdc-dialog-title {
  display: flex !important;
  align-items: center;
  gap: var(--space-12);
  margin: 0;
  padding: var(--space-20) var(--space-24) var(--space-12) !important;
  color: var(--text-primary);
  font: 600 16px/24px var(--font-sans);
}
.mat-mdc-dialog-container .mat-mdc-dialog-title::before,
.mat-mdc-dialog-title::before {
  display: none;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content,
.mat-mdc-dialog-content,
.mat-dialog-content {
  padding: var(--space-8) var(--space-24) var(--space-24);
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 20px;
}
.mat-mdc-dialog-actions {
  gap: var(--space-8);
  justify-content: flex-end !important;
  min-height: 0;
  margin: 0;
  padding: var(--space-16) var(--space-24) !important;
  border-top: 1px solid var(--border-subtle);
  background: var(--bg-surface-sunken);
}
.mat-mdc-dialog-actions .mat-mdc-button-base + .mat-mdc-button-base {
  margin-left: 0 !important;
}
h2.dialog-header,
.dialog-header {
  padding: var(--space-20) var(--space-24) var(--space-12);
  background: transparent;
  color: var(--text-primary) !important;
  font: 600 16px/24px var(--font-sans);
}
.header-container {
  border-bottom: 1px solid var(--border-subtle);
  background: var(--bg-surface-raised);
}
.header-container + .mat-dialog-content,
.header-container + .mat-mdc-dialog-content {
  padding-top: var(--space-20);
}
.dialog-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-8);
  margin-bottom: 0 !important;
  padding: var(--space-16) var(--space-24) !important;
  border-top: 1px solid var(--border-subtle);
  background: var(--bg-surface-sunken);
  font-size: 13px !important;
  line-height: 20px !important;
}
.dialog-footer button {
  text-transform: none !important;
}
.dialog-footer .text-grayish {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
.leave-unsaved-form {
  padding: 0 var(--space-24) !important;
}
.dialog-scroll {
  max-height: 100vh;
}
.dialog-scroll .mat-mdc-dialog-container {
  overflow: hidden;
}
.dialog-scroll .mat-mdc-dialog-content {
  max-height: none;
  overflow: auto;
}
.dialog-scroll .mat-mdc-dialog-surface {
  overflow: hidden;
}
.dialog-scroll .mat-mdc-dialog-surface > :first-child {
  display: grid;
  grid-template-rows: auto 1fr auto;
  max-height: 90vh;
  overflow: hidden;
}
.dialog-scroll .mat-mdc-dialog-surface > :first-child .mat-dialog-content {
  overflow: auto;
}
.cdk-overlay-dark-backdrop,
.cdk-confirmation-overlay {
  background: var(--bg-overlay);
}
.mat-mdc-dialog-title,
.header-container h2 {
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
}
.cdk-overlay-backdrop.bx-filter-drawer-backdrop {
  background: var(--bg-overlay);
}
.bx-filter-drawer .mat-mdc-dialog-surface {
  overflow: hidden;
  border: 0;
  border-left: 1px solid var(--border-default);
  border-radius: 0;
  background: var(--bg-surface-raised);
  box-shadow: var(--shadow-lg);
}
@media (min-width: calc(768px + 1px)) {
  .bx-filter-drawer .mat-mdc-dialog-inner-container {
    opacity: 1;
    transition: none;
  }
  .bx-filter-drawer .mat-mdc-dialog-surface {
    transform: translateX(100%);
    transition: transform 220ms cubic-bezier(0.2, 0, 0, 1);
  }
  .bx-filter-drawer .mdc-dialog--open .mat-mdc-dialog-surface {
    transform: none;
    animation: bx-filter-drawer-in 220ms cubic-bezier(0.2, 0, 0, 1);
  }
  .bx-filter-drawer .mdc-dialog--closing .mat-mdc-dialog-surface {
    transform: translateX(100%);
    transition-duration: 160ms;
  }
}
@keyframes bx-filter-drawer-in {
  from {
    transform: translateX(100%);
  }
}
.empty-filtered {
  position: sticky;
  left: 0;
  width: calc(100vw - var(--nav-rail-width) - 2 * var(--page-gutter, 24px));
  max-width: 100%;
}
@media (max-width: 768px) {
  .empty-filtered {
    width: calc(100vw - 2 * var(--page-gutter, 16px));
  }
}
mat-card:has(> app-active-filters.has-filters) {
  --active-filters-h: var(--active-filters-bar-h, 48px);
}
@media (prefers-reduced-motion: reduce) {
  .bx-filter-drawer .mat-mdc-dialog-surface,
  .bx-filter-drawer .mdc-dialog--open .mat-mdc-dialog-surface,
  .bx-filter-drawer .mdc-dialog--closing .mat-mdc-dialog-surface {
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}
.mat-mdc-checkbox .mdc-checkbox__background {
  border-width: 1.5px;
  border-radius: var(--radius-xs);
}
.mat-mdc-checkbox .mdc-form-field > label {
  padding-left: var(--space-4);
  color: var(--text-primary);
  font-size: 13px;
  line-height: 20px;
}
.mat-mdc-checkbox .mdc-checkbox__ripple,
.mat-mdc-checkbox .mat-mdc-checkbox-ripple {
  display: none;
}
.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: var(--text-disabled);
}
.custom-select-all .mat-mdc-checkbox label {
  font-size: 13px;
}
.custom-select-all .mdc-checkbox {
  width: 28px !important;
  height: 28px !important;
  padding: 6px !important;
}
.custom-select-all .mdc-checkbox .mdc-checkbox__native-control,
.custom-select-all .mdc-checkbox .mat-mdc-checkbox-touch-target {
  width: 28px !important;
  height: 28px !important;
}
.custom-select-all .mdc-checkbox .mdc-checkbox__background {
  width: 16px !important;
  height: 16px !important;
}
.mat-mdc-chip-set .mdc-evolution-chip-set__chips {
  flex-wrap: nowrap;
}
.mat-mdc-standard-chip {
  border: 1px solid var(--border-default);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted {
  border-color: var(--border-focus);
}
.mat-mdc-standard-chip .mat-mdc-chip-remove .mat-icon,
.mat-mdc-standard-chip .mat-mdc-chip-remove.material-icons {
  color: var(--text-tertiary) !important;
  opacity: 1;
}
.mat-mdc-standard-chip .mat-mdc-chip-remove:hover .mat-icon {
  color: var(--danger-text) !important;
}
.mat-mdc-form-field {
  font-size: 13px !important;
}
.mat-mdc-form-field .mat-mdc-input-element,
.mat-mdc-form-field .mat-mdc-select-trigger,
.mat-mdc-form-field .mat-mdc-select-value,
.mat-mdc-form-field .mat-mdc-select-value-text,
.mat-mdc-form-field .mat-mdc-select-placeholder,
.mat-mdc-form-field .mdc-floating-label,
.mat-mdc-form-field .mat-mdc-floating-label,
.mat-mdc-form-field .mat-mdc-form-field-hint,
.mat-mdc-form-field .mat-mdc-form-field-error,
.mat-mdc-form-field .mat-mdc-form-field-icon-prefix,
.mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  font-size: inherit;
}
.mat-mdc-form-field .mat-mdc-input-element::placeholder,
.mat-mdc-form-field textarea::placeholder {
  color: var(--text-tertiary);
}
mat-form-field.mat-form-field-appearance-outline {
  display: block;
}
mat-form-field.mat-form-field-appearance-outline:has(.mdc-floating-label) {
  padding-top: var(--bx-field-label-space);
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper {
  padding: 0 var(--space-12);
  border-radius: var(--radius-md);
  background: var(--bg-surface);
  transition: none;
}
mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-mdc-text-field-wrapper {
  background: var(--bg-surface-sunken);
}
mat-form-field.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid) .mat-mdc-text-field-wrapper {
  box-shadow: var(--focus-halo);
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-flex {
  align-items: center;
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-infix {
  width: auto;
  min-width: 0;
  min-height: var(--control-md);
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
mat-form-field.mat-form-field-appearance-outline textarea.mat-mdc-input-element {
  height: auto;
  padding: 0;
  line-height: 20px;
}
mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline__leading,
mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline__notch,
mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline__trailing {
  border-width: 1px !important;
  border-style: solid !important;
}
mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline__leading {
  border-right-width: 0 !important;
}
mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline__trailing {
  border-left-width: 0 !important;
}
mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline__notch {
  width: auto !important;
  clip-path: none !important;
  max-width: none !important;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
}
mat-form-field.mat-form-field-appearance-outline .mdc-notched-outline--notched .mdc-notched-outline__notch {
  border-top-style: solid !important;
  border-top-width: 1px !important;
}
mat-form-field.mat-form-field-appearance-outline .mdc-floating-label,
mat-form-field.mat-form-field-appearance-outline .mdc-floating-label.mdc-floating-label--float-above {
  top: calc(-1 * var(--bx-field-label-space)) !important;
  left: -11px !important;
  right: auto !important;
  max-width: none !important;
  overflow: visible;
  color: var(--text-primary) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  letter-spacing: normal !important;
  transform: none !important;
  transition: none !important;
  pointer-events: auto;
}
mat-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mdc-floating-label {
  color: var(--text-secondary) !important;
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-required-marker,
mat-form-field.mat-form-field-appearance-outline .mdc-floating-label--required::after {
  margin-left: 2px;
  color: var(--danger-text);
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix {
  align-self: center;
  color: var(--text-tertiary);
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix > .mat-icon,
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix > .mat-icon {
  padding: 0 var(--space-4);
  font-size: 20px;
  width: 20px;
  height: 20px;
  box-sizing: content-box;
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix .mat-mdc-icon-button,
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button {
  width: var(--control-sm);
  height: var(--control-sm);
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-icon-prefix {
  margin-left: calc(-1 * var(--space-4));
  padding-right: var(--space-4);
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-icon-suffix {
  margin-right: calc(-1 * var(--space-8));
  padding-left: var(--space-4);
}
mat-form-field.mat-form-field-appearance-outline .mat-datepicker-toggle .mat-mdc-icon-button {
  width: var(--control-sm);
  height: var(--control-sm);
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper {
  height: 20px;
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper {
  margin-top: 0;
  font-size: 12px;
  line-height: 16px;
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper:has(mat-hint:not(:empty), mat-error:not(:empty), .mat-mdc-form-field-hint:not(:empty), .mat-mdc-form-field-error:not(:empty)) {
  margin-top: var(--space-4);
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper mat-hint:empty,
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper mat-error:empty,
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint:empty,
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error:empty {
  display: none;
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper,
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper {
  padding: 0;
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper mat-hint,
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint {
  color: var(--text-tertiary);
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper mat-error,
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  color: var(--danger-text);
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper mat-error::before,
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error::before {
  content: "error_outline";
  font-family: "Material Icons Outlined";
  font-size: 14px;
  line-height: 1;
  font-feature-settings: "liga";
}
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-text-field-wrapper {
  padding-bottom: 0;
}
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-subscript-wrapper {
  margin-top: 0;
}
.mat-mdc-select-panel,
.mat-mdc-autocomplete-panel {
  padding: var(--space-4) !important;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg) !important;
}
.mat-mdc-select-panel .mat-mdc-option,
.mat-mdc-autocomplete-panel .mat-mdc-option {
  height: auto;
  min-height: var(--control-md);
  padding: var(--space-8) var(--space-12);
  border-radius: var(--radius-md);
  font-size: 13px;
}
.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text,
.mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text {
  font-size: 13px;
  line-height: 20px;
  white-space: normal;
  overflow-wrap: anywhere;
}
.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--text-brand);
  font-weight: 500;
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) .mat-mdc-select-panel {
  margin-top: var(--space-4);
}
.mat-mdc-option .mat-pseudo-checkbox-minimal::after {
  color: var(--text-brand);
}
mat-form-field.mat-form-field-appearance-outline.filter-input {
  --bx-field-label-space: 0px;
  padding-top: 0 !important;
}
mat-form-field.mat-form-field-appearance-outline.filter-input .mdc-floating-label {
  display: none !important;
}
mat-form-field.mat-form-field-appearance-outline.filter-input:has(input.mat-mdc-input-element) .mat-mdc-text-field-wrapper::before {
  content: "search";
  position: absolute;
  top: 50%;
  left: 10px;
  color: var(--text-tertiary);
  font-family: "Material Icons Outlined";
  font-size: 18px;
  line-height: 1;
  font-feature-settings: "liga";
  transform: translateY(-50%);
  pointer-events: none;
}
mat-form-field.mat-form-field-appearance-outline.filter-input:has(input.mat-mdc-input-element) .mat-mdc-form-field-infix {
  padding-left: 22px;
}
.mat-mdc-select-panel input::placeholder,
.mat-mdc-select-panel .mat-mdc-input-element::placeholder,
.mat-mdc-autocomplete-panel input::placeholder,
.mat-mdc-autocomplete-panel .mat-mdc-input-element::placeholder {
  color: var(--text-tertiary) !important;
  opacity: 1 !important;
}
.mat-mdc-select-placeholder {
  transition: none !important;
}
.mat-mdc-select-panel.mat-select-panel-animations-enabled {
  animation: none !important;
}
.mat-mdc-select-panel.mat-select-panel-animations-enabled.mat-select-panel-exit {
  animation: _mat-select-exit 1ms linear !important;
}
.mat-mdc-menu-panel {
  min-width: 160px !important;
  min-height: unset !important;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg) !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: var(--space-4) !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  width: 100%;
  min-height: var(--control-md);
  padding: 0 var(--space-12);
  border-radius: var(--radius-md);
  color: var(--text-primary);
  font-size: 13px !important;
  line-height: 20px !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-icon {
  width: 20px;
  height: 20px;
  margin-right: var(--space-8);
  color: var(--text-secondary);
  font-size: 20px;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item[class*=action-] .mat-icon,
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.text-success .mat-icon,
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.text-warning .mat-icon,
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.text-danger .mat-icon {
  color: inherit;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.act-button,
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.action-buttons {
  display: flex !important;
  align-items: center !important;
  font-weight: 400 !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.menu-item-button,
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item.text-capitalize {
  font-size: 13px !important;
  font-weight: 400 !important;
  text-transform: none !important;
}
.mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:hover:not([disabled]) {
  background: var(--bg-hover);
}
.mat-mdc-menu-panel .mat-mdc-menu-content .material-icons-outlined,
.mat-mdc-menu-panel .mat-mdc-menu-content .material-icons {
  font-size: 20px !important;
  line-height: 20px;
}
.mat-datepicker-content {
  border: 1px solid var(--border-default);
}
.mat-datepicker-content .mat-calendar {
  font-family: var(--font-sans);
}
.mat-datepicker-content .mat-calendar-body-cell-content,
.mat-datepicker-content .mat-calendar-table-header th,
.mat-datepicker-content .mat-calendar-period-button {
  font-size: 13px;
}
.mat-datepicker-content .mat-calendar-body-cell-content {
  border-radius: var(--radius-md);
}
.mat-datepicker-content .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: var(--border-focus);
}
mat-paginator {
  margin-left: auto;
  background: transparent;
}
.mat-mdc-paginator-container {
  align-items: center;
  justify-content: flex-end !important;
  min-height: 52px;
  padding: 0 var(--space-16) 0 var(--space-8) !important;
  font-size: 13px !important;
}
.mat-mdc-paginator-range-label,
.mat-mdc-paginator-page-size-label,
.mat-mdc-paginator-page-size-select {
  font-size: 13px !important;
}
.mat-mdc-paginator-range-label {
  margin: 0 var(--space-16) 0 var(--space-24) !important;
  font-variant-numeric: tabular-nums;
}
.mat-mdc-paginator-page-size {
  align-items: center !important;
  margin-right: 0 !important;
}
.mat-mdc-paginator-page-size .mat-mdc-form-field {
  width: 80px;
  margin: 0 0 0 var(--space-8) !important;
  padding-top: 0 !important;
}
.mat-mdc-paginator-page-size .mat-mdc-form-field-infix {
  min-height: var(--control-sm) !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.mat-mdc-paginator-page-size .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.mat-mdc-paginator-navigation-first.mat-mdc-icon-button.mat-mdc-button-base,
.mat-mdc-paginator-navigation-previous.mat-mdc-icon-button.mat-mdc-button-base,
.mat-mdc-paginator-navigation-next.mat-mdc-icon-button.mat-mdc-button-base,
.mat-mdc-paginator-navigation-last.mat-mdc-icon-button.mat-mdc-button-base {
  width: var(--control-sm);
  height: var(--control-sm);
}
.mat-mdc-paginator-navigation-first .mat-mdc-paginator-icon,
.mat-mdc-paginator-navigation-previous .mat-mdc-paginator-icon,
.mat-mdc-paginator-navigation-next .mat-mdc-paginator-icon,
.mat-mdc-paginator-navigation-last .mat-mdc-paginator-icon {
  width: 20px;
  fill: currentColor;
}
p.sidenav-color {
  color: var(--text-tertiary);
  font-size: 13px !important;
}
.loader-overlay,
.bx-loading-anchor {
  position: relative;
}
.loader-overlay.active,
.bx-loading-anchor {
  isolation: isolate;
}
.loader-overlay.active:not(button, .mat-mdc-button-base, .bx-pending):not(:has(> .bx-loading--form)) {
  min-height: 160px;
}
.bx-loading {
  position: absolute;
  right: 0;
  left: 0;
  z-index: var(--z-overlay);
  overflow: hidden;
  cursor: progress;
}
.bx-loading--table {
  display: flex;
  flex-direction: column;
}
.bx-loading__head,
.bx-loading__row {
  position: relative;
  flex: none;
  border-bottom: 1px solid var(--border-subtle);
}
.bx-loading__head {
  background: var(--bg-surface-sunken);
}
.bx-loading__cell {
  position: absolute;
  top: 50%;
  height: var(--space-16);
  transform: translateY(-50%);
}
.bx-loading__head .bx-loading__cell {
  height: var(--space-12);
}
.bx-loading--form {
  pointer-events: auto;
}
.bx-loading__card {
  position: absolute;
  overflow: hidden;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--bg-surface);
  box-shadow: var(--shadow-xs);
}
.bx-loading__card--flat {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.loader-overlay.active:has(> .bx-loading--form),
.bx-loading-anchor:has(> .bx-loading--form) {
  overflow: hidden !important;
}
.loader-overlay.active:has(> .bx-loading--form):not(.mat-dialog-content, .mat-mdc-dialog-content, mat-dialog-content) {
  overflow: clip !important;
}
.mat-mdc-dialog-surface:has(.bx-loading--form, .bx-loading--table) :is(.mat-mdc-dialog-actions, .dialog-footer) :is(.mat-mdc-raised-button, .mat-mdc-unelevated-button) {
  opacity: 0.45;
  pointer-events: none;
}
.bx-loading__item {
  position: absolute;
}
.bx-loading__text {
  max-height: var(--space-12);
  margin-top: var(--space-4);
}
.bx-loading__text--title {
  max-height: var(--space-16);
  margin-top: var(--space-2);
}
.bx-loading__control {
  border-radius: var(--radius-md);
}
.bx-loading__circle {
  border-radius: var(--radius-full);
}
:has(> .bx-loading--table) :has(> mat-paginator) p.sidenav-color,
:has(> .bx-loading--table) ~ :has(> mat-paginator) p.sidenav-color {
  visibility: hidden;
}
.bx-pending {
  cursor: progress;
}
.bx-pending [data-skeleton]:not(.mat-mdc-form-field),
.bx-pending .mat-mdc-form-field[data-skeleton] .mat-mdc-text-field-wrapper {
  position: relative;
  border-color: transparent !important;
  background: none !important;
  box-shadow: none !important;
  color: transparent !important;
  pointer-events: none;
}
.bx-pending [data-skeleton]:not(.mat-mdc-form-field) > *,
.bx-pending .mat-mdc-form-field[data-skeleton] .mat-mdc-text-field-wrapper > * {
  visibility: hidden;
}
.bx-pending [data-skeleton]:not(.mat-mdc-form-field)::after,
.bx-pending .mat-mdc-form-field[data-skeleton] .mat-mdc-text-field-wrapper::after {
  position: absolute;
  inset: 0;
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--text-primary) 5%, transparent);
  content: "";
}
.bx-pending .mat-mdc-form-field[data-skeleton] .mat-mdc-text-field-wrapper::after {
  border-radius: var(--radius-md);
}
.bx-pending .mat-mdc-form-field[data-skeleton] .mdc-notched-outline,
.bx-pending .mat-mdc-form-field[data-skeleton] .mdc-notched-outline__leading,
.bx-pending .mat-mdc-form-field[data-skeleton] .mdc-notched-outline__notch,
.bx-pending .mat-mdc-form-field[data-skeleton] .mdc-notched-outline__trailing {
  border-color: transparent !important;
  visibility: visible;
}
.bx-pending .mat-mdc-form-field[data-skeleton] .mdc-floating-label {
  visibility: visible;
}
.bx-pending [data-skeleton=text] {
  width: fit-content;
  min-width: 6em;
  max-width: 100%;
  min-height: 1lh;
}
.bx-pending [data-skeleton=text]::after {
  inset: 2px 0;
}
.bx-pending span[data-skeleton] {
  display: inline-block;
  vertical-align: middle;
}
.bx-refreshing {
  cursor: progress;
}
.bx-refreshing tbody,
.bx-refreshing .mdc-data-table__content {
  opacity: 0.45;
  pointer-events: none;
}
.bx-loading--block {
  padding: var(--space-4) 0;
}
.bx-loading__panel {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  align-content: start;
  gap: var(--space-16);
  padding: var(--space-20) var(--space-24);
}
.bx-loading__panel--card {
  border: 1px solid var(--border-default);
  border-radius: var(--radius-lg);
  background: var(--bg-surface);
  box-shadow: var(--shadow-xs);
}
.bx-loading__block {
  height: 56px;
  border-radius: var(--radius-md);
}
button.loader-overlay.active,
.mat-mdc-button-base.loader-overlay.active {
  color: transparent !important;
  pointer-events: none;
}
button.loader-overlay.active .mdc-button__label,
button.loader-overlay.active .mat-icon,
button.loader-overlay.active .mat-mdc-button-touch-target,
.mat-mdc-button-base.loader-overlay.active .mdc-button__label,
.mat-mdc-button-base.loader-overlay.active .mat-icon,
.mat-mdc-button-base.loader-overlay.active .mat-mdc-button-touch-target {
  visibility: hidden;
}
.bx-loading--button {
  inset: 0;
  display: grid;
  place-items: center;
  background: transparent;
}
.bx-loading__spinner {
  width: 16px;
  height: 16px;
  border: 2px solid var(--border-default);
  border-top-color: var(--text-secondary);
  border-radius: var(--radius-full);
  animation: bx-spin 0.7s linear infinite;
}
.mat-mdc-raised-button.mat-primary .bx-loading__spinner,
.mat-mdc-unelevated-button.mat-primary .bx-loading__spinner,
.mat-mdc-raised-button.mat-warn .bx-loading__spinner,
.mat-mdc-raised-button.mat-accent .bx-loading__spinner {
  border-color: color-mix(in srgb, var(--text-on-color) 35%, transparent);
  border-top-color: var(--text-on-color);
}
@keyframes bx-spin {
  to {
    transform: rotate(360deg);
  }
}
.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  box-shadow: var(--shadow-lg);
}
.mat-mdc-snack-bar-action .mat-mdc-button .mdc-button__label {
  color: var(--text-inverse);
}
.mat-mdc-simple-snack-bar span {
  color: var(--text-inverse);
}
.sc-table-container {
  overflow-x: auto;
  overflow-y: hidden;
}
.sc-table,
table.mat-mdc-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow-x: auto;
  background: var(--bg-surface);
  color: var(--text-primary);
  font-size: 13px;
}
.sc-table .align-middle,
table.mat-mdc-table .align-middle {
  vertical-align: middle;
}
.sc-table td,
.sc-table th,
table.mat-mdc-table td,
table.mat-mdc-table th {
  padding: 10px var(--space-16);
  border-bottom: 1px solid var(--border-subtle);
  color: var(--text-primary);
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  word-break: break-word;
}
.sc-table td.text-center,
.sc-table th.text-center,
table.mat-mdc-table td.text-center,
table.mat-mdc-table th.text-center {
  text-align: center;
}
.sc-table td.num,
.sc-table td.bx-num,
.sc-table th.num,
.sc-table th.bx-num,
table.mat-mdc-table td.num,
table.mat-mdc-table td.bx-num,
table.mat-mdc-table th.num,
table.mat-mdc-table th.bx-num {
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}
.sc-table td.num small,
.sc-table td.bx-num small,
.sc-table th.num small,
.sc-table th.bx-num small,
table.mat-mdc-table td.num small,
table.mat-mdc-table td.bx-num small,
table.mat-mdc-table th.num small,
table.mat-mdc-table th.bx-num small {
  margin-left: var(--space-4);
  color: var(--text-tertiary);
  font: 400 12px/16px var(--font-sans);
}
.sc-table td.num .mat-sort-header-container,
.sc-table td.bx-num .mat-sort-header-container,
.sc-table th.num .mat-sort-header-container,
.sc-table th.bx-num .mat-sort-header-container,
table.mat-mdc-table td.num .mat-sort-header-container,
table.mat-mdc-table td.bx-num .mat-sort-header-container,
table.mat-mdc-table th.num .mat-sort-header-container,
table.mat-mdc-table th.bx-num .mat-sort-header-container {
  justify-content: flex-end;
}
.sc-table td,
table.mat-mdc-table td {
  height: var(--row-default);
}
.sc-table thead tr,
.sc-table tr.mat-mdc-header-row,
table.mat-mdc-table thead tr,
table.mat-mdc-table tr.mat-mdc-header-row {
  height: 40px;
  background: var(--bg-surface-sunken);
}
.sc-table thead th,
.sc-table th.mat-mdc-header-cell,
table.mat-mdc-table thead th,
table.mat-mdc-table th.mat-mdc-header-cell {
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  padding-top: var(--space-8);
  padding-bottom: var(--space-8);
  border-bottom: 1px solid var(--border-default);
  background: var(--bg-surface-sunken);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
}
.sc-table tbody tr:last-child td,
table.mat-mdc-table tbody tr:last-child td {
  border-bottom: 0;
}
.sc-table .mat-sort-header-arrow,
table.mat-mdc-table .mat-sort-header-arrow {
  display: none !important;
}
.sc-table th.mat-sort-header .mat-sort-header-content::after,
table.mat-mdc-table th.mat-sort-header .mat-sort-header-content::after {
  content: "unfold_more";
  display: inline-block;
  margin-left: var(--space-4);
  color: var(--text-tertiary);
  font-family: "Material Icons Outlined", "Material Icons";
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  font-feature-settings: "liga";
  opacity: 0;
  transition: opacity 120ms ease;
}
.sc-table th.mat-sort-header:hover .mat-sort-header-content::after,
table.mat-mdc-table th.mat-sort-header:hover .mat-sort-header-content::after {
  opacity: 1;
}
.sc-table th.mat-sort-header[aria-sort=ascending] .mat-sort-header-content::after,
table.mat-mdc-table th.mat-sort-header[aria-sort=ascending] .mat-sort-header-content::after {
  content: "arrow_upward";
  opacity: 1;
}
.sc-table th.mat-sort-header[aria-sort=descending] .mat-sort-header-content::after,
table.mat-mdc-table th.mat-sort-header[aria-sort=descending] .mat-sort-header-content::after {
  content: "arrow_downward";
  opacity: 1;
}
.sc-table th.mat-sort-header[aria-sort=ascending],
.sc-table th.mat-sort-header[aria-sort=descending],
table.mat-mdc-table th.mat-sort-header[aria-sort=ascending],
table.mat-mdc-table th.mat-sort-header[aria-sort=descending] {
  color: var(--text-primary);
}
.sc-table .mat-mdc-checkbox,
table.mat-mdc-table .mat-mdc-checkbox {
  --mdc-checkbox-state-layer-size: 28px;
}
.sc-table .mat-column-expansion,
table.mat-mdc-table .mat-column-expansion {
  padding-block: var(--space-4);
}
.sc-table .mat-column-avatar,
table.mat-mdc-table .mat-column-avatar {
  box-sizing: border-box;
  width: 68px;
  min-width: 68px;
  max-width: 68px;
}
.sc-table [class*=cdk-column-actions],
.sc-table .actions,
table.mat-mdc-table [class*=cdk-column-actions],
table.mat-mdc-table .actions {
  margin: 0 0 0 auto;
  grid-auto-flow: column;
  grid-gap: var(--space-24);
  text-align: end;
  vertical-align: middle;
  word-break: keep-all;
}
.sc-table [class*=cdk-column-actions]:not(th),
.sc-table .actions:not(th),
table.mat-mdc-table [class*=cdk-column-actions]:not(th),
table.mat-mdc-table .actions:not(th) {
  display: grid;
}
.sc-table [class*=cdk-column-actions].custom-actions,
.sc-table .actions.custom-actions,
table.mat-mdc-table [class*=cdk-column-actions].custom-actions,
table.mat-mdc-table .actions.custom-actions {
  grid-gap: 0;
}
.sc-table [class*=cdk-column-actions] a,
.sc-table .actions a,
table.mat-mdc-table [class*=cdk-column-actions] a,
table.mat-mdc-table .actions a {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 20px;
}
.sc-table [class*=cdk-column-actions] a i,
.sc-table .actions a i,
table.mat-mdc-table [class*=cdk-column-actions] a i,
table.mat-mdc-table .actions a i {
  font-size: 20px;
}
.sc-table [class*=cdk-column-actions] mat-form-field,
.sc-table .actions mat-form-field,
table.mat-mdc-table [class*=cdk-column-actions] mat-form-field,
table.mat-mdc-table .actions mat-form-field {
  width: 86px;
}
.sc-table [class*=cdk-column-actions] > *,
.sc-table .actions > *,
table.mat-mdc-table [class*=cdk-column-actions] > *,
table.mat-mdc-table .actions > * {
  display: grid;
  grid-auto-flow: column;
  grid-gap: var(--space-16);
  align-items: center;
}
.sc-table .process-status-cnt,
table.mat-mdc-table .process-status-cnt {
  min-width: 190px;
}
.sc-table .process-status-cnt a,
table.mat-mdc-table .process-status-cnt a {
  width: fit-content;
}
.sc-table tbody tr,
.sc-table tr.mat-mdc-row,
table.mat-mdc-table tbody tr,
table.mat-mdc-table tr.mat-mdc-row {
  transition: background-color 120ms ease;
}
.sc-table:not(.no-interactive) tbody tr:hover,
.sc-table:not(.no-interactive) tr.mat-mdc-row:hover,
table.mat-mdc-table:not(.no-interactive) tbody tr:hover,
table.mat-mdc-table:not(.no-interactive) tr.mat-mdc-row:hover {
  background: var(--bg-hover);
}
.sc-table tr[aria-selected=true],
.sc-table tr.selected,
table.mat-mdc-table tr[aria-selected=true],
table.mat-mdc-table tr.selected {
  background: var(--bg-selected);
}
.sc-table tfoot td,
.sc-table tr.mat-mdc-footer-row td,
table.mat-mdc-table tfoot td,
table.mat-mdc-table tr.mat-mdc-footer-row td {
  border-top: 1px solid var(--border-default);
  border-bottom: 0;
  background: var(--bg-surface-sunken);
  font-weight: 600;
}
.sc-table.bordered-bottom thead tr th,
.sc-table.bordered-bottom tbody tr:not(:last-child) td,
table.mat-mdc-table.bordered-bottom thead tr th,
table.mat-mdc-table.bordered-bottom tbody tr:not(:last-child) td {
  border-bottom: 1px solid var(--border-default);
}
.sc-table.compact td,
table.mat-mdc-table.compact td {
  height: var(--row-compact);
  padding-top: var(--space-8);
  padding-bottom: var(--space-8);
}
tr.example-detail-row {
  height: 0;
}
tr.example-detail-row,
tr.example-detail-row:hover {
  background-color: transparent !important;
}
tr.example-detail-row td {
  height: 0;
}
.expansion-container {
  padding: 0 !important;
  border-bottom-width: 0 !important;
}
.element-detail {
  overflow: hidden;
}
.element-detail > * {
  display: block;
  margin: 0 !important;
  padding: var(--space-12) var(--space-16) var(--space-16) !important;
  border-width: 1px 0 !important;
  border-style: solid !important;
  border-color: var(--border-subtle) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--bg-surface-sunken) !important;
}
.element-detail .mat-mdc-card:not(.exp-wrapper) {
  overflow: hidden;
  border: 1px solid var(--border-default);
  border-radius: var(--radius-md);
  box-shadow: none;
}
.element-detail .table-container {
  height: auto !important;
  max-height: 440px;
}
.exp-wrapper table tr:hover {
  background-color: transparent !important;
}
.table-container + :has(> mat-paginator) {
  border-top: 1px solid var(--border-subtle);
}
.table-container {
  height: calc(var(--app-vh) - 127px - var(--page-top, 16px) - var(--page-gutter, 24px) - var(--active-filters-h, 0px));
  overflow-y: auto;
}
@media (max-width: 768px) {
  .table-container {
    height: auto !important;
    max-height: none !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: none;
  }
}
.mat-column-actions {
  position: sticky;
  right: 0;
  z-index: 1;
  box-sizing: border-box;
  width: 76px;
  min-width: 76px;
  max-width: 76px;
  background: var(--bg-surface);
}
.mat-column-actions:not(th) {
  display: table-cell !important;
  padding: var(--space-4) var(--space-16) var(--space-4) var(--space-8) !important;
  text-align: end;
  vertical-align: middle !important;
}
.mat-column-actions:not(th) > * {
  justify-content: end;
  margin-left: auto;
}
.mat-column-actions .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-icon-color: var(--text-secondary);
  width: var(--control-sm);
  height: var(--control-sm);
}
thead .mat-column-actions,
th.mat-column-actions {
  z-index: calc(var(--z-sticky) + 1);
  padding-right: var(--space-16) !important;
  padding-left: var(--space-8) !important;
  text-align: end;
  background: var(--bg-surface-sunken);
}
tbody tr:hover .mat-column-actions,
tr.mat-mdc-row:hover .mat-column-actions {
  background: var(--bg-hover);
}
tbody tr.example-detail-row:hover .mat-column-actions,
.exp-wrapper tbody tr:hover .mat-column-actions {
  background: transparent;
}
.table-scrolled td.mat-column-actions,
.table-scrolled th.mat-column-actions {
  box-shadow: inset 1px 0 0 var(--border-default);
}
.mat-column-email,
.mat-column-name,
.mat-column-user_name,
.mat-column-fullName,
.mat-column-phone_number,
.mat-column-supplier_name,
.mat-column-taxpayer_id,
.mat-column-roles,
.mat-column-transaction_id,
.mat-column-bank_name,
.mat-column-bank_account,
.mat-column-bank,
.mat-column-account_name,
.mat-column-account_number {
  white-space: nowrap !important;
  word-break: keep-all !important;
}
@media (max-width: 768px) {
  .mat-mdc-paginator-page-size,
  .mat-mdc-paginator-range-label,
  p.sidenav-color {
    display: none !important;
  }
}
table.mat-mdc-table.py-16,
table.mat-mdc-table.py-8 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
table.mat-mdc-table.border-top,
table.mat-mdc-table.border-bottom {
  border-top: 0;
  border-bottom: 0;
}
.mdc-tooltip__surface {
  max-width: 280px !important;
  padding: 6px var(--space-8) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  box-shadow: var(--shadow-md);
}
.mat-mdc-tab-group .mat-mdc-tab,
.mat-mdc-tab-group .mat-mdc-tab-link,
.mat-mdc-tab-nav-bar .mat-mdc-tab,
.mat-mdc-tab-nav-bar .mat-mdc-tab-link {
  min-width: 0;
  height: 44px;
  padding: 0 var(--space-16);
  letter-spacing: normal;
  opacity: 1;
}
.mat-mdc-tab-group .mat-mdc-tab-header,
.mat-mdc-tab-nav-bar .mat-mdc-tab-header {
  border-bottom: 1px solid var(--border-subtle);
}
.mat-mdc-tab-group .mdc-tab__ripple,
.mat-mdc-tab-group .mat-mdc-tab-ripple,
.mat-mdc-tab-nav-bar .mdc-tab__ripple,
.mat-mdc-tab-nav-bar .mat-mdc-tab-ripple {
  display: none;
}
.mat-expansion-panel {
  border: 1px solid var(--border-default);
  box-shadow: none !important;
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.mat-expansion-panel .mat-expansion-panel-header {
  padding: 0 var(--space-16);
  font-size: 13px;
}
.mat-accordion .mat-expansion-panel:not(:last-of-type) {
  border-bottom-width: 0;
}
@media (max-width: 768px) {
  a[backButton] {
    display: none !important;
  }
  app-breadcrumbs {
    display: block !important;
  }
  .mt-0.d-flex.justify-between > .d-flex.justify-between {
    display: none !important;
  }
  .mt-0.d-flex.justify-between > div:first-child {
    flex: 1 1 auto;
  }
  .mt-0.d-flex.justify-between > div:first-child > app-breadcrumbs {
    width: 0;
    min-width: 100%;
  }
  app-table-actions-menu:not(.has-mobile-actions) {
    display: none !important;
  }
  .table-actions-panel .mat-mdc-menu-item.desktop-only {
    display: none !important;
  }
  app-filter-trigger {
    margin-right: 0 !important;
  }
  app-filter-trigger:has(~ button) {
    margin-right: var(--space-16) !important;
  }
  .cdk-overlay-container {
    z-index: 1003;
  }
  .cdk-global-overlay-wrapper:has(> .mat-mdc-dialog-panel:not(.cdk-confirmation-panel)) {
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
  .cdk-overlay-pane.mat-mdc-dialog-panel:not(.cdk-confirmation-panel) {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
  }
  .mat-mdc-dialog-panel:not(.cdk-confirmation-panel) {
    max-height: 100vh !important;
    max-height: 100dvh !important;
  }
  .mat-mdc-dialog-panel:not(.cdk-confirmation-panel) .mat-mdc-dialog-container {
    max-height: 100vh !important;
    max-height: 100dvh !important;
  }
  .mat-mdc-dialog-panel:not(.cdk-confirmation-panel) .mat-mdc-dialog-surface {
    border-radius: 0 !important;
  }
  .mat-mdc-dialog-panel:not(.cdk-confirmation-panel) .mat-mdc-dialog-surface > :first-child {
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
    overflow: auto;
  }
  .mat-mdc-dialog-panel:not(.cdk-confirmation-panel) .mat-mdc-dialog-surface > :first-child .mat-dialog-content,
  .mat-mdc-dialog-panel:not(.cdk-confirmation-panel) .mat-mdc-dialog-surface > :first-child .mat-mdc-dialog-content {
    overflow: auto;
  }
  .mat-mdc-dialog-panel:not(.cdk-confirmation-panel) .d-grid {
    grid-template-columns: 1fr !important;
    grid-column-gap: 0 !important;
  }
  .mat-mdc-dialog-panel:not(.cdk-confirmation-panel) .field-row {
    flex-direction: column !important;
  }
  .mat-mdc-dialog-panel:not(.cdk-confirmation-panel) .documents-panel {
    min-width: 0 !important;
  }
  .mat-mdc-form-field .mat-mdc-form-field-infix {
    min-height: var(--control-lg);
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
}

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