@charset "UTF-8";

/* src/styles.scss */
html {
  --mat-sys-background: rgb(245.3036, 246.174, 252.2048);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: rgb(237.188, 237.78, 245.312);
  --mat-sys-inverse-primary: #abc7ff;
  --mat-sys-inverse-surface: rgb(37.6, 47.8, 61);
  --mat-sys-on-background: rgb(20.8, 27, 37.4);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #00458f;
  --mat-sys-on-primary-fixed: #001b3f;
  --mat-sys-on-primary-fixed-variant: #00458f;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #3e4759;
  --mat-sys-on-secondary-fixed: #131c2b;
  --mat-sys-on-secondary-fixed-variant: #3e4759;
  --mat-sys-on-surface: rgb(20.8, 27, 37.4);
  --mat-sys-on-surface-variant: rgb(54.4, 70.6, 91);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #00458f;
  --mat-sys-on-tertiary-fixed: #001b3f;
  --mat-sys-on-tertiary-fixed-variant: #00458f;
  --mat-sys-outline: rgb(92.8, 118.4, 148.2);
  --mat-sys-outline-variant: rgb(191, 198.2, 217.4);
  --mat-sys-primary: #005cbb;
  --mat-sys-primary-container: #d7e3ff;
  --mat-sys-primary-fixed: #d7e3ff;
  --mat-sys-primary-fixed-dim: #abc7ff;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #565e71;
  --mat-sys-secondary-container: #dae2f9;
  --mat-sys-secondary-fixed: #dae2f9;
  --mat-sys-secondary-fixed-dim: #bec6dc;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(245.3036, 246.174, 252.2048);
  --mat-sys-surface-bright: rgb(245.3036, 246.174, 252.2048);
  --mat-sys-surface-container: rgb(234.23416, 235.04888, 242.216);
  --mat-sys-surface-container-high: rgb(228.30704, 229.56912, 238.376);
  --mat-sys-surface-container-highest: rgb(222.354, 224.858, 234.52);
  --mat-sys-surface-container-low: rgb(239.3744, 240.584, 246.8272);
  --mat-sys-surface-container-lowest: rgb(249.9, 251.74, 253.64);
  --mat-sys-surface-dim: rgb(214.05108, 216.44276, 227.5144);
  --mat-sys-surface-tint: #005cbb;
  --mat-sys-surface-variant: rgb(219.978, 224.858, 239.272);
  --mat-sys-tertiary: #005cbb;
  --mat-sys-tertiary-container: #d7e3ff;
  --mat-sys-tertiary-fixed: #d7e3ff;
  --mat-sys-tertiary-fixed-dim: #abc7ff;
  --mat-sys-neutral-variant20: rgb(36, 47.8, 65);
  --mat-sys-neutral10: rgb(20.8, 27, 37.4);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-body-large: 400 1rem / 1.5rem Inter;
  --mat-sys-body-large-font: Inter;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Inter;
  --mat-sys-body-medium-font: Inter;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Inter;
  --mat-sys-body-small-font: Inter;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Inter;
  --mat-sys-display-large-font: Inter;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;
  --mat-sys-display-medium-font: Inter;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Inter;
  --mat-sys-display-small-font: Inter;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Inter;
  --mat-sys-headline-large-font: Inter;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;
  --mat-sys-headline-medium-font: Inter;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Inter;
  --mat-sys-headline-small-font: Inter;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Inter;
  --mat-sys-label-large-font: Inter;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Inter;
  --mat-sys-label-medium-font: Inter;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Inter;
  --mat-sys-label-small-font: Inter;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Inter;
  --mat-sys-title-large-font: Inter;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Inter;
  --mat-sys-title-medium-font: Inter;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Inter;
  --mat-sys-title-small-font: Inter;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-touch-target-display: block;
  --mat-button-filled-container-height: 36px;
  --mat-button-outlined-container-height: 36px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-touch-target-display: block;
  --mat-button-protected-container-height: 36px;
  --mat-button-text-touch-target-display: block;
  --mat-button-text-container-height: 36px;
  --mat-button-tonal-container-height: 36px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-toggle-height: 40px;
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 36px;
  --mat-chip-container-height: 28px;
  --mat-expansion-header-collapsed-state-height: 44px;
  --mat-expansion-header-expanded-state-height: 60px;
  --mat-fab-touch-target-display: block;
  --mat-form-field-container-height: 52px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 14px;
  --mat-form-field-filled-with-label-container-padding-top: 22px;
  --mat-form-field-filled-with-label-container-padding-bottom: 6px;
  --mat-icon-button-touch-target-display: block;
  --mat-icon-button-state-layer-size: 36px;
  --mat-list-list-item-leading-icon-start-space: 12px;
  --mat-list-list-item-leading-icon-end-space: 12px;
  --mat-list-list-item-one-line-container-height: 44px;
  --mat-list-list-item-two-line-container-height: 60px;
  --mat-list-list-item-three-line-container-height: 84px;
  --mat-paginator-container-size: 52px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-radio-touch-target-display: block;
  --mat-radio-state-layer-size: 36px;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-slide-toggle-touch-target-display: block;
  --mat-stepper-header-height: 68px;
  --mat-table-header-container-height: 52px;
  --mat-table-footer-container-height: 48px;
  --mat-table-row-item-container-height: 48px;
  --mat-tab-container-height: 44px;
  --mat-toolbar-standard-height: 60px;
  --mat-toolbar-mobile-height: 52px;
  --mat-tree-node-min-height: 44px;
  --lib-surface-tint: #ffffff;
  --lib-page-tint: var(--mat-sys-surface-container-low);
  --lib-input-fill: var(--mat-sys-surface);
  --lib-sidebar-selected-fill: color-mix(in oklab, var(--mat-sys-primary) 10%, var(--mat-sys-surface-container-lowest));
  --lib-json-key: #a626a4;
  --lib-json-string: #256628;
  --lib-json-number: #7a5300;
  --lib-json-boolean: #01579b;
  --lib-json-null: #5c5e66;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
html .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
html .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
html .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body[data-theme=abs-dark],
body.abs-dark-theme {
  --mat-sys-background: rgb(14.4, 18.44, 25.16);
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: rgb(37.6, 47.8, 61);
  --mat-sys-inverse-primary: #005cbb;
  --mat-sys-inverse-surface: rgb(222.354, 224.858, 234.52);
  --mat-sys-on-background: rgb(222.354, 224.858, 234.52);
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #002f65;
  --mat-sys-on-primary-container: #d7e3ff;
  --mat-sys-on-primary-fixed: #001b3f;
  --mat-sys-on-primary-fixed-variant: #00458f;
  --mat-sys-on-secondary: #283041;
  --mat-sys-on-secondary-container: #dae2f9;
  --mat-sys-on-secondary-fixed: #131c2b;
  --mat-sys-on-secondary-fixed-variant: #3e4759;
  --mat-sys-on-surface: rgb(222.354, 224.858, 234.52);
  --mat-sys-on-surface-variant: rgb(219.978, 224.858, 239.272);
  --mat-sys-on-tertiary: #002f65;
  --mat-sys-on-tertiary-container: #d7e3ff;
  --mat-sys-on-tertiary-fixed: #001b3f;
  --mat-sys-on-tertiary-fixed-variant: #00458f;
  --mat-sys-outline: rgb(127, 143.8, 173.4);
  --mat-sys-outline-variant: rgb(54.4, 70.6, 91);
  --mat-sys-primary: #abc7ff;
  --mat-sys-primary-container: #00458f;
  --mat-sys-primary-fixed: #d7e3ff;
  --mat-sys-primary-fixed-dim: #abc7ff;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #bec6dc;
  --mat-sys-secondary-container: #3e4759;
  --mat-sys-secondary-fixed: #dae2f9;
  --mat-sys-secondary-fixed-dim: #bec6dc;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(14.4, 18.44, 25.16);
  --mat-sys-surface-bright: rgb(44.8, 56.76, 71.56);
  --mat-sys-surface-container: rgb(24.8, 31.8, 41.32);
  --mat-sys-surface-container-high: rgb(32.8, 41.8, 53.12);
  --mat-sys-surface-container-highest: rgb(41.6, 52.68, 65.88);
  --mat-sys-surface-container-low: rgb(20.8, 27, 37.4);
  --mat-sys-surface-container-lowest: rgb(10.4, 13.36, 18.64);
  --mat-sys-surface-dim: rgb(14.4, 18.44, 25.16);
  --mat-sys-surface-tint: #abc7ff;
  --mat-sys-surface-variant: rgb(54.4, 70.6, 91);
  --mat-sys-tertiary: #abc7ff;
  --mat-sys-tertiary-container: #00458f;
  --mat-sys-tertiary-fixed: #d7e3ff;
  --mat-sys-tertiary-fixed-dim: #abc7ff;
  --mat-sys-neutral-variant20: rgb(36, 47.8, 65);
  --mat-sys-neutral10: rgb(20.8, 27, 37.4);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: var(--mat-sys-surface-container);
  --lib-page-tint: var(--mat-sys-surface);
  --lib-input-fill: var(--mat-sys-surface-container-low);
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --lib-json-key: #e06c75;
  --lib-json-string: #98c379;
  --lib-json-number: #d19a66;
  --lib-json-boolean: #56b6c2;
  --lib-json-null: #abb2bf;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body[data-theme=abs-dark] .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body[data-theme=abs-dark] .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body[data-theme=abs-dark] .mat-mdc-standard-chip .mat-mdc-chip-action-label,
body.abs-dark-theme .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.abs-dark-theme .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.abs-dark-theme .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body.tbd-palette-azure {
  --mat-sys-background: rgb(245.3036, 246.174, 252.2048);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: rgb(237.188, 237.78, 245.312);
  --mat-sys-inverse-primary: #abc7ff;
  --mat-sys-inverse-surface: rgb(37.6, 47.8, 61);
  --mat-sys-on-background: rgb(20.8, 27, 37.4);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #00458f;
  --mat-sys-on-primary-fixed: #001b3f;
  --mat-sys-on-primary-fixed-variant: #00458f;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #3e4759;
  --mat-sys-on-secondary-fixed: #131c2b;
  --mat-sys-on-secondary-fixed-variant: #3e4759;
  --mat-sys-on-surface: rgb(20.8, 27, 37.4);
  --mat-sys-on-surface-variant: rgb(54.4, 70.6, 91);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #00458f;
  --mat-sys-on-tertiary-fixed: #001b3f;
  --mat-sys-on-tertiary-fixed-variant: #00458f;
  --mat-sys-outline: rgb(92.8, 118.4, 148.2);
  --mat-sys-outline-variant: rgb(191, 198.2, 217.4);
  --mat-sys-primary: #005cbb;
  --mat-sys-primary-container: #d7e3ff;
  --mat-sys-primary-fixed: #d7e3ff;
  --mat-sys-primary-fixed-dim: #abc7ff;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #565e71;
  --mat-sys-secondary-container: #dae2f9;
  --mat-sys-secondary-fixed: #dae2f9;
  --mat-sys-secondary-fixed-dim: #bec6dc;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(245.3036, 246.174, 252.2048);
  --mat-sys-surface-bright: rgb(245.3036, 246.174, 252.2048);
  --mat-sys-surface-container: rgb(234.23416, 235.04888, 242.216);
  --mat-sys-surface-container-high: rgb(228.30704, 229.56912, 238.376);
  --mat-sys-surface-container-highest: rgb(222.354, 224.858, 234.52);
  --mat-sys-surface-container-low: rgb(239.3744, 240.584, 246.8272);
  --mat-sys-surface-container-lowest: rgb(249.9, 251.74, 253.64);
  --mat-sys-surface-dim: rgb(214.05108, 216.44276, 227.5144);
  --mat-sys-surface-tint: #005cbb;
  --mat-sys-surface-variant: rgb(219.978, 224.858, 239.272);
  --mat-sys-tertiary: #005cbb;
  --mat-sys-tertiary-container: #d7e3ff;
  --mat-sys-tertiary-fixed: #d7e3ff;
  --mat-sys-tertiary-fixed-dim: #abc7ff;
  --mat-sys-neutral-variant20: rgb(36, 47.8, 65);
  --mat-sys-neutral10: rgb(20.8, 27, 37.4);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: #ffffff;
  --lib-page-tint: var(--mat-sys-surface-container-low);
  --lib-input-fill: var(--mat-sys-surface);
  --lib-sidebar-selected-fill: color-mix(in oklab, var(--mat-sys-primary) 10%, var(--mat-sys-surface-container-lowest));
  --lib-json-key: #a626a4;
  --lib-json-string: #256628;
  --lib-json-number: #7a5300;
  --lib-json-boolean: #01579b;
  --lib-json-null: #5c5e66;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body.tbd-palette-azure .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.tbd-palette-azure .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.tbd-palette-azure .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body.tbd-palette-azure .lib-sidebar-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 150ms ease;
}
body.tbd-palette-azure .lib-sidebar-caption:hover {
  background: var(--mat-sys-surface-container-high);
}
body.tbd-palette-azure mat-icon.lib-sidebar-caption-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mat-sys-primary);
  flex-shrink: 0;
}
body.tbd-palette-azure .lib-sidebar-caption-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.tbd-palette-azure mat-icon.lib-sidebar-caption-chevron {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--mat-sys-on-surface-variant);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
body.tbd-palette-azure mat-icon.lib-sidebar-caption-chevron.expanded {
  transform: rotate(180deg);
}
body.tbd-palette-azure mat-nav-list.lib-sidebar-nav-list {
  padding: 0;
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-start-space: 0;
  --mat-list-list-item-one-line-container-height: 34px;
  --mat-list-list-item-leading-icon-size: 18px;
  --mat-list-list-item-label-text-size: 0.8125rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0;
}
body.tbd-palette-azure mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item {
  padding-left: 28px;
  padding-right: 16px;
  margin-right: 0;
  border-radius: 0;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  transition: background-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --mat-focus-indicator-display: none;
}
body.tbd-palette-azure mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: -2px;
}
body.tbd-palette-azure mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-root {
  padding-left: 13px;
}
body.tbd-palette-azure mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-active {
  --mat-list-list-item-container-color: var(--lib-sidebar-selected-fill);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-weight: 600;
  border-left-color: var(--mat-sys-primary);
}
body.tbd-palette-azure .lib-sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--mat-sys-on-surface-variant);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
body.tbd-palette-azure .lib-sidebar-item mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.tbd-palette-azure .lib-sidebar-item:hover {
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
}
body.tbd-palette-azure .lib-sidebar-item-active {
  border-left-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
body.tbd-palette-azure .lib-sidebar {
  --mat-sys-surface: rgb(15.12, 18.552, 24.528);
  --mat-sys-surface-container: rgb(26.04, 31.84, 39.856);
  --mat-sys-surface-container-high: rgb(34.44, 41.84, 51.296);
  --mat-sys-surface-container-low: rgb(21.84, 27, 36.12);
  --mat-sys-surface-container-highest: rgb(43.68, 52.744, 63.704);
  --mat-sys-surface-variant: rgb(57.12, 70.68, 88.4);
  --mat-sys-on-surface: rgb(225.08, 226.16, 234);
  --mat-sys-on-surface-variant: rgb(222.56, 226.16, 239.04);
  --mat-sys-outline: rgb(130, 143.84, 169.32);
  --mat-sys-outline-variant: rgb(57.12, 70.68, 88.4);
  --mat-sys-inverse-surface: rgb(225.08, 226.16, 234);
  --mat-sys-inverse-on-surface: rgb(39.48, 47.84, 59);
  --mat-sys-background: rgb(15.12, 18.552, 24.528);
  --mat-sys-on-background: rgb(225.08, 226.16, 234);
  --mat-sys-secondary-container: #3e4759;
  --mat-sys-on-secondary-container: #dae2f9;
  --mat-sys-primary: #abc7ff;
  --mat-sys-on-primary: #002f65;
  --mat-sys-primary-container: #00458f;
  --mat-sys-on-primary-container: #d7e3ff;
  --mat-sys-error: #ffb4ab;
  --mat-sys-on-error: #690005;
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
}
.tbd-swatch-azure {
  background: #005cbb;
}
body.tbd-palette-blue {
  --mat-sys-background: rgb(248.2036, 244.634, 253.4288);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: rgb(239.741, 236.33, 246.332);
  --mat-sys-inverse-primary: #bec2ff;
  --mat-sys-inverse-surface: rgb(38.4, 38.6, 76);
  --mat-sys-on-background: rgb(21.6, 21.6, 46.8);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #0000ef;
  --mat-sys-on-primary-fixed: #00006e;
  --mat-sys-on-primary-fixed-variant: #0000ef;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #444559;
  --mat-sys-on-secondary-fixed: #191a2c;
  --mat-sys-on-secondary-fixed-variant: #444559;
  --mat-sys-on-surface: rgb(21.6, 21.6, 46.8);
  --mat-sys-on-surface-variant: #38386f;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #0000ef;
  --mat-sys-on-tertiary-fixed: #00006e;
  --mat-sys-on-tertiary-fixed-variant: #0000ef;
  --mat-sys-outline: rgb(113.2, 114.4, 153.4);
  --mat-sys-outline-variant: rgb(197.2, 196.4, 217.4);
  --mat-sys-primary: #343dff;
  --mat-sys-primary-container: #e0e0ff;
  --mat-sys-primary-fixed: #e0e0ff;
  --mat-sys-primary-fixed-dim: #bec2ff;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #5c5d72;
  --mat-sys-secondary-container: #e1e0f9;
  --mat-sys-secondary-fixed: #e1e0f9;
  --mat-sys-secondary-fixed-dim: #c5c4dd;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(248.2036, 244.634, 253.4288);
  --mat-sys-surface-bright: rgb(248.2036, 244.634, 253.4288);
  --mat-sys-surface-container: rgb(236.89472, 234.3388, 243.9568);
  --mat-sys-surface-container-high: rgb(231.97408, 228.7624, 239.192);
  --mat-sys-surface-container-highest: rgb(226.24, 223.162, 235.2);
  --mat-sys-surface-container-low: rgb(242.568, 239.104, 248.7024);
  --mat-sys-surface-container-lowest: rgb(250.94, 251.12, 255);
  --mat-sys-surface-dim: rgb(217.59268, 215.5108, 227.9904);
  --mat-sys-surface-tint: #343dff;
  --mat-sys-surface-variant: rgb(225.448, 223.162, 239.952);
  --mat-sys-tertiary: #343dff;
  --mat-sys-tertiary-container: #e0e0ff;
  --mat-sys-tertiary-fixed: #e0e0ff;
  --mat-sys-tertiary-fixed-dim: #bec2ff;
  --mat-sys-neutral-variant20: rgb(38.4, 38.6, 79.2);
  --mat-sys-neutral10: rgb(21.6, 21.6, 46.8);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: #ffffff;
  --lib-page-tint: var(--mat-sys-surface-container-low);
  --lib-input-fill: var(--mat-sys-surface);
  --lib-sidebar-selected-fill: color-mix(in oklab, var(--mat-sys-primary) 10%, var(--mat-sys-surface-container-lowest));
  --lib-json-key: #a626a4;
  --lib-json-string: #256628;
  --lib-json-number: #7a5300;
  --lib-json-boolean: #01579b;
  --lib-json-null: #5c5e66;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body.tbd-palette-blue .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.tbd-palette-blue .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.tbd-palette-blue .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body.tbd-palette-blue .lib-sidebar-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 150ms ease;
}
body.tbd-palette-blue .lib-sidebar-caption:hover {
  background: var(--mat-sys-surface-container-high);
}
body.tbd-palette-blue mat-icon.lib-sidebar-caption-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mat-sys-primary);
  flex-shrink: 0;
}
body.tbd-palette-blue .lib-sidebar-caption-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.tbd-palette-blue mat-icon.lib-sidebar-caption-chevron {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--mat-sys-on-surface-variant);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
body.tbd-palette-blue mat-icon.lib-sidebar-caption-chevron.expanded {
  transform: rotate(180deg);
}
body.tbd-palette-blue mat-nav-list.lib-sidebar-nav-list {
  padding: 0;
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-start-space: 0;
  --mat-list-list-item-one-line-container-height: 34px;
  --mat-list-list-item-leading-icon-size: 18px;
  --mat-list-list-item-label-text-size: 0.8125rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0;
}
body.tbd-palette-blue mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item {
  padding-left: 28px;
  padding-right: 16px;
  margin-right: 0;
  border-radius: 0;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  transition: background-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --mat-focus-indicator-display: none;
}
body.tbd-palette-blue mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: -2px;
}
body.tbd-palette-blue mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-root {
  padding-left: 13px;
}
body.tbd-palette-blue mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-active {
  --mat-list-list-item-container-color: var(--lib-sidebar-selected-fill);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-weight: 600;
  border-left-color: var(--mat-sys-primary);
}
body.tbd-palette-blue .lib-sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--mat-sys-on-surface-variant);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
body.tbd-palette-blue .lib-sidebar-item mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.tbd-palette-blue .lib-sidebar-item:hover {
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
}
body.tbd-palette-blue .lib-sidebar-item-active {
  border-left-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
body.tbd-palette-blue .lib-sidebar {
  --mat-sys-surface: rgb(15.96, 15.96, 29.04);
  --mat-sys-surface-container: rgb(26.88, 26.072, 48.144);
  --mat-sys-surface-container-high: rgb(35.28, 34.552, 62.344);
  --mat-sys-surface-container-low: rgb(22.68, 22.68, 43.64);
  --mat-sys-surface-container-highest: rgb(44.52, 43.84, 76.672);
  --mat-sys-surface-variant: rgb(58.8, 58.8, 104.6);
  --mat-sys-on-surface: rgb(228.2, 224.84, 234);
  --mat-sys-on-surface-variant: rgb(227.36, 224.84, 239.04);
  --mat-sys-outline: rgb(141.64, 142.08, 170.16);
  --mat-sys-outline-variant: rgb(58.8, 58.8, 104.6);
  --mat-sys-inverse-surface: rgb(228.2, 224.84, 234);
  --mat-sys-inverse-on-surface: rgb(40.32, 40.48, 71.2);
  --mat-sys-background: rgb(15.96, 15.96, 29.04);
  --mat-sys-on-background: rgb(228.2, 224.84, 234);
  --mat-sys-secondary-container: #444559;
  --mat-sys-on-secondary-container: #e1e0f9;
  --mat-sys-primary: #bec2ff;
  --mat-sys-on-primary: #0001ac;
  --mat-sys-primary-container: #0000ef;
  --mat-sys-on-primary-container: #e0e0ff;
  --mat-sys-error: #ffb4ab;
  --mat-sys-on-error: #690005;
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
}
.tbd-swatch-blue {
  background: #343dff;
}
body.tbd-palette-chartreuse {
  --mat-sys-background: rgb(244.0432, 248.408, 233.3232);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: rgb(231.437, 241.748, 217.685);
  --mat-sys-inverse-primary: #70e000;
  --mat-sys-inverse-surface: rgb(42.2, 50.4, 35.2);
  --mat-sys-on-background: rgb(23, 28.8, 19.2);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #245100;
  --mat-sys-on-primary-fixed: #0b2000;
  --mat-sys-on-primary-fixed-variant: #245100;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #3f4a35;
  --mat-sys-on-secondary-fixed: #141e0c;
  --mat-sys-on-secondary-fixed-variant: #3f4a35;
  --mat-sys-on-surface: rgb(23, 28.8, 19.2);
  --mat-sys-on-surface-variant: rgb(61.6, 73.8, 49.6);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #245100;
  --mat-sys-on-tertiary-fixed: #0b2000;
  --mat-sys-on-tertiary-fixed-variant: #245100;
  --mat-sys-outline: rgb(105.8, 123.8, 87.2);
  --mat-sys-outline-variant: rgb(179.2, 204.8, 149.6);
  --mat-sys-primary: #326b00;
  --mat-sys-primary-container: #82ff10;
  --mat-sys-primary-fixed: #82ff10;
  --mat-sys-primary-fixed-dim: #70e000;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #56624b;
  --mat-sys-secondary-container: #dae7ca;
  --mat-sys-secondary-fixed: #dae7ca;
  --mat-sys-secondary-fixed-dim: #becbaf;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(244.0432, 248.408, 233.3232);
  --mat-sys-surface-bright: rgb(244.0432, 248.408, 233.3232);
  --mat-sys-surface-container: rgb(226.21792, 239.5184, 209.50528);
  --mat-sys-surface-container-high: rgb(215.74688, 235.8352, 193.09472);
  --mat-sys-surface-container-highest: rgb(206.024, 231.344, 177.408);
  --mat-sys-surface-container-low: rgb(234.8608, 243.9728, 223.1712);
  --mat-sys-surface-container-lowest: rgb(250.9, 252.04, 249.9);
  --mat-sys-surface-dim: rgb(198.27476, 223.51862, 169.84272);
  --mat-sys-surface-tint: #326b00;
  --mat-sys-surface-variant: rgb(203.648, 232.136, 172.656);
  --mat-sys-tertiary: #326b00;
  --mat-sys-tertiary-container: #82ff10;
  --mat-sys-tertiary-fixed: #82ff10;
  --mat-sys-tertiary-fixed-dim: #70e000;
  --mat-sys-neutral-variant20: rgb(40.6, 51.2, 32);
  --mat-sys-neutral10: rgb(23, 28.8, 19.2);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: #ffffff;
  --lib-page-tint: var(--mat-sys-surface-container-low);
  --lib-input-fill: var(--mat-sys-surface);
  --lib-sidebar-selected-fill: color-mix(in oklab, var(--mat-sys-primary) 10%, var(--mat-sys-surface-container-lowest));
  --lib-json-key: #a626a4;
  --lib-json-string: #256628;
  --lib-json-number: #7a5300;
  --lib-json-boolean: #01579b;
  --lib-json-null: #5c5e66;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body.tbd-palette-chartreuse .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.tbd-palette-chartreuse .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.tbd-palette-chartreuse .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body.tbd-palette-chartreuse .lib-sidebar-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 150ms ease;
}
body.tbd-palette-chartreuse .lib-sidebar-caption:hover {
  background: var(--mat-sys-surface-container-high);
}
body.tbd-palette-chartreuse mat-icon.lib-sidebar-caption-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mat-sys-primary);
  flex-shrink: 0;
}
body.tbd-palette-chartreuse .lib-sidebar-caption-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.tbd-palette-chartreuse mat-icon.lib-sidebar-caption-chevron {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--mat-sys-on-surface-variant);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
body.tbd-palette-chartreuse mat-icon.lib-sidebar-caption-chevron.expanded {
  transform: rotate(180deg);
}
body.tbd-palette-chartreuse mat-nav-list.lib-sidebar-nav-list {
  padding: 0;
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-start-space: 0;
  --mat-list-list-item-one-line-container-height: 34px;
  --mat-list-list-item-leading-icon-size: 18px;
  --mat-list-list-item-label-text-size: 0.8125rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0;
}
body.tbd-palette-chartreuse mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item {
  padding-left: 28px;
  padding-right: 16px;
  margin-right: 0;
  border-radius: 0;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  transition: background-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --mat-focus-indicator-display: none;
}
body.tbd-palette-chartreuse mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: -2px;
}
body.tbd-palette-chartreuse mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-root {
  padding-left: 13px;
}
body.tbd-palette-chartreuse mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-active {
  --mat-list-list-item-container-color: var(--lib-sidebar-selected-fill);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-weight: 600;
  border-left-color: var(--mat-sys-primary);
}
body.tbd-palette-chartreuse .lib-sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--mat-sys-on-surface-variant);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
body.tbd-palette-chartreuse .lib-sidebar-item mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.tbd-palette-chartreuse .lib-sidebar-item:hover {
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
}
body.tbd-palette-chartreuse .lib-sidebar-item-active {
  border-left-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
body.tbd-palette-chartreuse .lib-sidebar {
  --mat-sys-surface: rgb(16.176, 19.872, 13.44);
  --mat-sys-surface-container: rgb(27.344, 32.768, 23.52);
  --mat-sys-surface-container-high: rgb(36.704, 43.928, 31.92);
  --mat-sys-surface-container-low: rgb(23.6, 28.64, 20.16);
  --mat-sys-surface-container-highest: rgb(46.968, 54.248, 41.16);
  --mat-sys-surface-variant: rgb(62.88, 73.44, 52.08);
  --mat-sys-on-surface: rgb(211.48, 231.48, 187.36);
  --mat-sys-on-surface-variant: rgb(208.96, 232.32, 182.32);
  --mat-sys-outline: rgb(132.08, 148.88, 112.56);
  --mat-sys-outline-variant: rgb(62.88, 73.44, 52.08);
  --mat-sys-inverse-surface: rgb(211.48, 231.48, 187.36);
  --mat-sys-inverse-on-surface: rgb(43.16, 50.12, 36.96);
  --mat-sys-background: rgb(16.176, 19.872, 13.44);
  --mat-sys-on-background: rgb(211.48, 231.48, 187.36);
  --mat-sys-secondary-container: #3f4a35;
  --mat-sys-on-secondary-container: #dae7ca;
  --mat-sys-primary: #70e000;
  --mat-sys-on-primary: #173800;
  --mat-sys-primary-container: #245100;
  --mat-sys-on-primary-container: #82ff10;
  --mat-sys-error: #ffb4ab;
  --mat-sys-on-error: #690005;
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
}
.tbd-swatch-chartreuse {
  background: #326b00;
}
body.tbd-palette-cyan {
  --mat-sys-background: rgb(238.4296, 248.39, 247.408);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: rgb(222.413, 241.733, 240.748);
  --mat-sys-inverse-primary: #00dddd;
  --mat-sys-inverse-surface: rgb(36, 50.2, 50.2);
  --mat-sys-on-background: rgb(20, 28.8, 28.8);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #004f4f;
  --mat-sys-on-primary-fixed: #002020;
  --mat-sys-on-primary-fixed-variant: #004f4f;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #324b4b;
  --mat-sys-on-secondary-fixed: #051f1f;
  --mat-sys-on-secondary-fixed-variant: #324b4b;
  --mat-sys-on-surface: rgb(20, 28.8, 28.8);
  --mat-sys-on-surface-variant: rgb(50.4, 74.2, 73.4);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #004f4f;
  --mat-sys-on-tertiary-fixed: #002020;
  --mat-sys-on-tertiary-fixed-variant: #004f4f;
  --mat-sys-outline: rgb(88.8, 123.4, 123.4);
  --mat-sys-outline-variant: rgb(152, 205, 204.2);
  --mat-sys-primary: #006a6a;
  --mat-sys-primary-container: #00fbfb;
  --mat-sys-primary-fixed: #00fbfb;
  --mat-sys-primary-fixed-dim: #00dddd;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #4a6363;
  --mat-sys-secondary-container: #cce8e7;
  --mat-sys-secondary-fixed: #cce8e7;
  --mat-sys-secondary-fixed-dim: #b0cccb;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(238.4296, 248.39, 247.408);
  --mat-sys-surface-bright: rgb(238.4296, 248.39, 247.408);
  --mat-sys-surface-container: rgb(212.66048, 240.13544, 238.40008);
  --mat-sys-surface-container-high: rgb(195.46592, 235.34896, 233.68912);
  --mat-sys-surface-container-highest: rgb(177.408, 230.542, 229.75);
  --mat-sys-surface-container-low: rgb(227.2384, 243.9568, 242.9728);
  --mat-sys-surface-container-lowest: rgb(249.9, 252.02, 252.02);
  --mat-sys-surface-dim: rgb(170.796, 222.7768, 221.188);
  --mat-sys-surface-tint: #006a6a;
  --mat-sys-surface-variant: rgb(172.656, 232.126, 231.334);
  --mat-sys-tertiary: #006a6a;
  --mat-sys-tertiary-container: #00fbfb;
  --mat-sys-tertiary-fixed: #00fbfb;
  --mat-sys-tertiary-fixed-dim: #00dddd;
  --mat-sys-neutral-variant20: rgb(32.8, 51, 51);
  --mat-sys-neutral10: rgb(20, 28.8, 28.8);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: #ffffff;
  --lib-page-tint: var(--mat-sys-surface-container-low);
  --lib-input-fill: var(--mat-sys-surface);
  --lib-sidebar-selected-fill: color-mix(in oklab, var(--mat-sys-primary) 10%, var(--mat-sys-surface-container-lowest));
  --lib-json-key: #a626a4;
  --lib-json-string: #256628;
  --lib-json-number: #7a5300;
  --lib-json-boolean: #01579b;
  --lib-json-null: #5c5e66;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body.tbd-palette-cyan .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.tbd-palette-cyan .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.tbd-palette-cyan .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body.tbd-palette-cyan .lib-sidebar-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 150ms ease;
}
body.tbd-palette-cyan .lib-sidebar-caption:hover {
  background: var(--mat-sys-surface-container-high);
}
body.tbd-palette-cyan mat-icon.lib-sidebar-caption-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mat-sys-primary);
  flex-shrink: 0;
}
body.tbd-palette-cyan .lib-sidebar-caption-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.tbd-palette-cyan mat-icon.lib-sidebar-caption-chevron {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--mat-sys-on-surface-variant);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
body.tbd-palette-cyan mat-icon.lib-sidebar-caption-chevron.expanded {
  transform: rotate(180deg);
}
body.tbd-palette-cyan mat-nav-list.lib-sidebar-nav-list {
  padding: 0;
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-start-space: 0;
  --mat-list-list-item-one-line-container-height: 34px;
  --mat-list-list-item-leading-icon-size: 18px;
  --mat-list-list-item-label-text-size: 0.8125rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0;
}
body.tbd-palette-cyan mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item {
  padding-left: 28px;
  padding-right: 16px;
  margin-right: 0;
  border-radius: 0;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  transition: background-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --mat-focus-indicator-display: none;
}
body.tbd-palette-cyan mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: -2px;
}
body.tbd-palette-cyan mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-root {
  padding-left: 13px;
}
body.tbd-palette-cyan mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-active {
  --mat-list-list-item-container-color: var(--lib-sidebar-selected-fill);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-weight: 600;
  border-left-color: var(--mat-sys-primary);
}
body.tbd-palette-cyan .lib-sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--mat-sys-on-surface-variant);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
body.tbd-palette-cyan .lib-sidebar-item mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.tbd-palette-cyan .lib-sidebar-item:hover {
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
}
body.tbd-palette-cyan .lib-sidebar-item-active {
  border-left-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
body.tbd-palette-cyan .lib-sidebar {
  --mat-sys-surface: rgb(13.44, 19.872, 19.872);
  --mat-sys-surface-container: rgb(23.52, 32.736, 32.736);
  --mat-sys-surface-container-high: rgb(32.76, 43.816, 42.976);
  --mat-sys-surface-container-low: rgb(21, 28.64, 28.64);
  --mat-sys-surface-container-highest: rgb(41.16, 54.928, 54.088);
  --mat-sys-surface-variant: rgb(52.92, 73.96, 73.12);
  --mat-sys-on-surface: rgb(188.16, 230.84, 230);
  --mat-sys-on-surface-variant: rgb(183.12, 232.52, 231.68);
  --mat-sys-outline: rgb(114.24, 149.24, 148.4);
  --mat-sys-outline-variant: rgb(52.92, 73.96, 73.12);
  --mat-sys-inverse-surface: rgb(188.16, 230.84, 230);
  --mat-sys-inverse-on-surface: rgb(37.8, 49.96, 49.96);
  --mat-sys-background: rgb(13.44, 19.872, 19.872);
  --mat-sys-on-background: rgb(188.16, 230.84, 230);
  --mat-sys-secondary-container: #324b4b;
  --mat-sys-on-secondary-container: #cce8e7;
  --mat-sys-primary: #00dddd;
  --mat-sys-on-primary: #003737;
  --mat-sys-primary-container: #004f4f;
  --mat-sys-on-primary-container: #00fbfb;
  --mat-sys-error: #ffb4ab;
  --mat-sys-on-error: #690005;
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
}
.tbd-swatch-cyan {
  background: #006a6a;
}
body.tbd-palette-green {
  --mat-sys-background: rgb(242.1972, 248.462, 235.0908);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: rgb(229.929, 241.793, 221.428);
  --mat-sys-inverse-primary: #02e600;
  --mat-sys-inverse-surface: rgb(37.8, 50.8, 36);
  --mat-sys-on-background: rgb(20.8, 29.2, 19.2);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #015300;
  --mat-sys-on-primary-fixed: #002200;
  --mat-sys-on-primary-fixed-variant: #015300;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #3c4b37;
  --mat-sys-on-secondary-fixed: #121f0e;
  --mat-sys-on-secondary-fixed-variant: #3c4b37;
  --mat-sys-on-surface: rgb(20.8, 29.2, 19.2);
  --mat-sys-on-surface-variant: rgb(53.8, 74.2, 50.4);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #015300;
  --mat-sys-on-tertiary-fixed: #002200;
  --mat-sys-on-tertiary-fixed-variant: #015300;
  --mat-sys-outline: rgb(92.6, 124.6, 88);
  --mat-sys-outline-variant: rgb(156.4, 206, 150.4);
  --mat-sys-primary: #026e00;
  --mat-sys-primary-container: #77ff61;
  --mat-sys-primary-fixed: #77ff61;
  --mat-sys-primary-fixed-dim: #02e600;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #54634d;
  --mat-sys-secondary-container: #d7e8cd;
  --mat-sys-secondary-fixed: #d7e8cd;
  --mat-sys-secondary-fixed-dim: #bbcbb2;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(242.1972, 248.462, 235.0908);
  --mat-sys-surface-bright: rgb(242.1972, 248.462, 235.0908);
  --mat-sys-surface-container: rgb(224.48104, 239.5604, 215.06632);
  --mat-sys-surface-container-high: rgb(213.55056, 235.8712, 203.88368);
  --mat-sys-surface-container-highest: rgb(202.574, 231.374, 193.446);
  --mat-sys-surface-container-low: rgb(233.5024, 244.0208, 225.4672);
  --mat-sys-surface-container-lowest: rgb(249.94, 252.1, 249.9);
  --mat-sys-surface-dim: rgb(189.85574, 223.8971, 181.10334);
  --mat-sys-surface-tint: #026e00;
  --mat-sys-surface-variant: rgb(200.198, 232.166, 189.486);
  --mat-sys-tertiary: #026e00;
  --mat-sys-tertiary-container: #77ff61;
  --mat-sys-tertiary-fixed: #77ff61;
  --mat-sys-tertiary-fixed-dim: #02e600;
  --mat-sys-neutral-variant20: rgb(35.4, 51.6, 32.8);
  --mat-sys-neutral10: rgb(20.8, 29.2, 19.2);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: #ffffff;
  --lib-page-tint: var(--mat-sys-surface-container-low);
  --lib-input-fill: var(--mat-sys-surface);
  --lib-sidebar-selected-fill: color-mix(in oklab, var(--mat-sys-primary) 10%, var(--mat-sys-surface-container-lowest));
  --lib-json-key: #a626a4;
  --lib-json-string: #256628;
  --lib-json-number: #7a5300;
  --lib-json-boolean: #01579b;
  --lib-json-null: #5c5e66;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body.tbd-palette-green .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.tbd-palette-green .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.tbd-palette-green .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body.tbd-palette-green .lib-sidebar-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 150ms ease;
}
body.tbd-palette-green .lib-sidebar-caption:hover {
  background: var(--mat-sys-surface-container-high);
}
body.tbd-palette-green mat-icon.lib-sidebar-caption-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mat-sys-primary);
  flex-shrink: 0;
}
body.tbd-palette-green .lib-sidebar-caption-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.tbd-palette-green mat-icon.lib-sidebar-caption-chevron {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--mat-sys-on-surface-variant);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
body.tbd-palette-green mat-icon.lib-sidebar-caption-chevron.expanded {
  transform: rotate(180deg);
}
body.tbd-palette-green mat-nav-list.lib-sidebar-nav-list {
  padding: 0;
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-start-space: 0;
  --mat-list-list-item-one-line-container-height: 34px;
  --mat-list-list-item-leading-icon-size: 18px;
  --mat-list-list-item-label-text-size: 0.8125rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0;
}
body.tbd-palette-green mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item {
  padding-left: 28px;
  padding-right: 16px;
  margin-right: 0;
  border-radius: 0;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  transition: background-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --mat-focus-indicator-display: none;
}
body.tbd-palette-green mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: -2px;
}
body.tbd-palette-green mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-root {
  padding-left: 13px;
}
body.tbd-palette-green mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-active {
  --mat-list-list-item-container-color: var(--lib-sidebar-selected-fill);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-weight: 600;
  border-left-color: var(--mat-sys-primary);
}
body.tbd-palette-green .lib-sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--mat-sys-on-surface-variant);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
body.tbd-palette-green .lib-sidebar-item mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.tbd-palette-green .lib-sidebar-item:hover {
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
}
body.tbd-palette-green .lib-sidebar-item-active {
  border-left-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
body.tbd-palette-green .lib-sidebar {
  --mat-sys-surface: rgb(15.12, 20.064, 13.44);
  --mat-sys-surface-container: rgb(25.232, 33.088, 23.52);
  --mat-sys-surface-container-high: rgb(33.712, 44.248, 31.92);
  --mat-sys-surface-container-low: rgb(21.84, 28.96, 20.16);
  --mat-sys-surface-container-highest: rgb(43, 54.568, 41.16);
  --mat-sys-surface-variant: rgb(56.44, 73.76, 52.92);
  --mat-sys-on-surface: rgb(208.88, 231.48, 200.32);
  --mat-sys-on-surface-variant: rgb(206.36, 232.32, 196.12);
  --mat-sys-outline: rgb(118.92, 150.36, 113.4);
  --mat-sys-outline-variant: rgb(56.44, 73.76, 52.92);
  --mat-sys-inverse-surface: rgb(208.88, 231.48, 200.32);
  --mat-sys-inverse-on-surface: rgb(39.64, 50.44, 37.8);
  --mat-sys-background: rgb(15.12, 20.064, 13.44);
  --mat-sys-on-background: rgb(208.88, 231.48, 200.32);
  --mat-sys-secondary-container: #3c4b37;
  --mat-sys-on-secondary-container: #d7e8cd;
  --mat-sys-primary: #02e600;
  --mat-sys-on-primary: #013a00;
  --mat-sys-primary-container: #015300;
  --mat-sys-on-primary-container: #77ff61;
  --mat-sys-error: #ffb4ab;
  --mat-sys-on-error: #690005;
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
}
.tbd-swatch-green {
  background: #026e00;
}
body.tbd-palette-magenta {
  --mat-sys-background: rgb(253.452, 242.554, 247.56);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: rgb(248.194, 233.839, 242.087);
  --mat-sys-inverse-primary: #ffabf3;
  --mat-sys-inverse-surface: rgb(59.8, 37.6, 58.2);
  --mat-sys-on-background: rgb(35.2, 20.8, 34.4);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #810081;
  --mat-sys-on-primary-fixed: #380038;
  --mat-sys-on-primary-fixed-variant: #810081;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #554151;
  --mat-sys-on-secondary-fixed: #271624;
  --mat-sys-on-secondary-fixed-variant: #554151;
  --mat-sys-on-surface: rgb(35.2, 20.8, 34.4);
  --mat-sys-on-surface-variant: rgb(88.2, 54.4, 85.8);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #810081;
  --mat-sys-on-tertiary-fixed: #380038;
  --mat-sys-on-tertiary-fixed-variant: #810081;
  --mat-sys-outline: rgb(144.4, 92.8, 141.2);
  --mat-sys-outline-variant: rgb(218.2, 189.4, 211);
  --mat-sys-primary: #a900a9;
  --mat-sys-primary-container: #ffd7f5;
  --mat-sys-primary-fixed: #ffd7f5;
  --mat-sys-primary-fixed-dim: #ffabf3;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #6e5869;
  --mat-sys-secondary-container: #f7daef;
  --mat-sys-secondary-fixed: #f7daef;
  --mat-sys-secondary-fixed-dim: #dabfd2;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(253.452, 242.554, 247.56);
  --mat-sys-surface-bright: rgb(253.452, 242.554, 247.56);
  --mat-sys-surface-container: rgb(245.908, 230.9212, 240.46528);
  --mat-sys-surface-container-high: rgb(241.3216, 225.8568, 235.63072);
  --mat-sys-surface-container-highest: rgb(236.716, 219.978, 230.776);
  --mat-sys-surface-container-low: rgb(250.4752, 236.7504, 244.44);
  --mat-sys-surface-container-lowest: rgb(253.28, 249.9, 253.28);
  --mat-sys-surface-dim: rgb(230.566, 210.87348, 224.48884);
  --mat-sys-surface-tint: #a900a9;
  --mat-sys-surface-variant: rgb(240.676, 218.394, 233.152);
  --mat-sys-tertiary: #a900a9;
  --mat-sys-tertiary-container: #ffd7f5;
  --mat-sys-tertiary-fixed: #ffd7f5;
  --mat-sys-tertiary-fixed-dim: #ffabf3;
  --mat-sys-neutral-variant20: rgb(62.2, 36.8, 59.8);
  --mat-sys-neutral10: rgb(35.2, 20.8, 34.4);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: #ffffff;
  --lib-page-tint: var(--mat-sys-surface-container-low);
  --lib-input-fill: var(--mat-sys-surface);
  --lib-sidebar-selected-fill: color-mix(in oklab, var(--mat-sys-primary) 10%, var(--mat-sys-surface-container-lowest));
  --lib-json-key: #a626a4;
  --lib-json-string: #256628;
  --lib-json-number: #7a5300;
  --lib-json-boolean: #01579b;
  --lib-json-null: #5c5e66;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body.tbd-palette-magenta .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.tbd-palette-magenta .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.tbd-palette-magenta .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body.tbd-palette-magenta .lib-sidebar-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 150ms ease;
}
body.tbd-palette-magenta .lib-sidebar-caption:hover {
  background: var(--mat-sys-surface-container-high);
}
body.tbd-palette-magenta mat-icon.lib-sidebar-caption-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mat-sys-primary);
  flex-shrink: 0;
}
body.tbd-palette-magenta .lib-sidebar-caption-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.tbd-palette-magenta mat-icon.lib-sidebar-caption-chevron {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--mat-sys-on-surface-variant);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
body.tbd-palette-magenta mat-icon.lib-sidebar-caption-chevron.expanded {
  transform: rotate(180deg);
}
body.tbd-palette-magenta mat-nav-list.lib-sidebar-nav-list {
  padding: 0;
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-start-space: 0;
  --mat-list-list-item-one-line-container-height: 34px;
  --mat-list-list-item-leading-icon-size: 18px;
  --mat-list-list-item-label-text-size: 0.8125rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0;
}
body.tbd-palette-magenta mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item {
  padding-left: 28px;
  padding-right: 16px;
  margin-right: 0;
  border-radius: 0;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  transition: background-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --mat-focus-indicator-display: none;
}
body.tbd-palette-magenta mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: -2px;
}
body.tbd-palette-magenta mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-root {
  padding-left: 13px;
}
body.tbd-palette-magenta mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-active {
  --mat-list-list-item-container-color: var(--lib-sidebar-selected-fill);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-weight: 600;
  border-left-color: var(--mat-sys-primary);
}
body.tbd-palette-magenta .lib-sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--mat-sys-on-surface-variant);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
body.tbd-palette-magenta .lib-sidebar-item mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.tbd-palette-magenta .lib-sidebar-item:hover {
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
}
body.tbd-palette-magenta .lib-sidebar-item-active {
  border-left-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
body.tbd-palette-magenta .lib-sidebar {
  --mat-sys-surface: rgb(23.856, 15.12, 23.016);
  --mat-sys-surface-container: rgb(39.48, 25.2, 38.64);
  --mat-sys-surface-container-high: rgb(50.68, 34.44, 49.84);
  --mat-sys-surface-container-low: rgb(34.16, 21.84, 33.32);
  --mat-sys-surface-container-highest: rgb(62.816, 42.84, 61.976);
  --mat-sys-surface-variant: rgb(86.16, 57.12, 83.64);
  --mat-sys-on-surface: rgb(236.52, 222.56, 230.72);
  --mat-sys-on-surface-variant: rgb(240.72, 220.88, 233.24);
  --mat-sys-outline: rgb(170, 118.44, 165.8);
  --mat-sys-outline-variant: rgb(86.16, 57.12, 83.64);
  --mat-sys-inverse-surface: rgb(236.52, 222.56, 230.72);
  --mat-sys-inverse-on-surface: rgb(58.24, 39.48, 56.56);
  --mat-sys-background: rgb(23.856, 15.12, 23.016);
  --mat-sys-on-background: rgb(236.52, 222.56, 230.72);
  --mat-sys-secondary-container: #554151;
  --mat-sys-on-secondary-container: #f7daef;
  --mat-sys-primary: #ffabf3;
  --mat-sys-on-primary: #5b005b;
  --mat-sys-primary-container: #810081;
  --mat-sys-on-primary-container: #ffd7f5;
  --mat-sys-error: #ffb4ab;
  --mat-sys-on-error: #690005;
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
}
.tbd-swatch-magenta {
  background: #a900a9;
}
body.tbd-palette-orange {
  --mat-sys-background: rgb(253.11, 244.85, 240.59);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: rgb(250.273, 235.328, 227.732);
  --mat-sys-inverse-primary: #ffb787;
  --mat-sys-inverse-surface: rgb(59.2, 44.8, 34.4);
  --mat-sys-on-background: rgb(35.4, 24.6, 18.4);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #723600;
  --mat-sys-on-primary-fixed: #311300;
  --mat-sys-on-primary-fixed-variant: #723600;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #5b4130;
  --mat-sys-on-secondary-fixed: #2b1708;
  --mat-sys-on-secondary-fixed-variant: #5b4130;
  --mat-sys-on-surface: rgb(35.4, 24.6, 18.4);
  --mat-sys-on-surface-variant: rgb(88.4, 65.2, 48);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #723600;
  --mat-sys-on-tertiary-fixed: #311300;
  --mat-sys-on-tertiary-fixed-variant: #723600;
  --mat-sys-outline: rgb(143.2, 111.4, 84.8);
  --mat-sys-outline-variant: rgb(223, 192.6, 174.2);
  --mat-sys-primary: #964900;
  --mat-sys-primary-container: #ffdcc7;
  --mat-sys-primary-fixed: #ffdcc7;
  --mat-sys-primary-fixed-dim: #ffb787;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #755846;
  --mat-sys-secondary-container: #ffdcc7;
  --mat-sys-secondary-fixed: #ffdcc7;
  --mat-sys-secondary-fixed-dim: #e5bfa8;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(253.11, 244.85, 240.59);
  --mat-sys-surface-bright: rgb(253.11, 244.85, 240.59);
  --mat-sys-surface-container: rgb(248.0084, 232.45592, 225.24184);
  --mat-sys-surface-container-high: rgb(243.4648, 227.48368, 219.45456);
  --mat-sys-surface-container-highest: rgb(238.902, 221.698, 212.058);
  --mat-sys-surface-container-low: rgb(252.5328, 238.2464, 231.7648);
  --mat-sys-surface-container-lowest: rgb(252.9, 251.36, 249.9);
  --mat-sys-surface-dim: rgb(232.0218, 213.58894, 203.32668);
  --mat-sys-surface-tint: #964900;
  --mat-sys-surface-variant: rgb(245.238, 220.114, 206.514);
  --mat-sys-tertiary: #964900;
  --mat-sys-tertiary-container: #ffdcc7;
  --mat-sys-tertiary-fixed: #ffdcc7;
  --mat-sys-tertiary-fixed-dim: #ffb787;
  --mat-sys-neutral-variant20: rgb(62.4, 44, 30.4);
  --mat-sys-neutral10: rgb(35.4, 24.6, 18.4);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: #ffffff;
  --lib-page-tint: var(--mat-sys-surface-container-low);
  --lib-input-fill: var(--mat-sys-surface);
  --lib-sidebar-selected-fill: color-mix(in oklab, var(--mat-sys-primary) 10%, var(--mat-sys-surface-container-lowest));
  --lib-json-key: #a626a4;
  --lib-json-string: #256628;
  --lib-json-number: #7a5300;
  --lib-json-boolean: #01579b;
  --lib-json-null: #5c5e66;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body.tbd-palette-orange .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.tbd-palette-orange .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.tbd-palette-orange .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body.tbd-palette-orange .lib-sidebar-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 150ms ease;
}
body.tbd-palette-orange .lib-sidebar-caption:hover {
  background: var(--mat-sys-surface-container-high);
}
body.tbd-palette-orange mat-icon.lib-sidebar-caption-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mat-sys-primary);
  flex-shrink: 0;
}
body.tbd-palette-orange .lib-sidebar-caption-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.tbd-palette-orange mat-icon.lib-sidebar-caption-chevron {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--mat-sys-on-surface-variant);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
body.tbd-palette-orange mat-icon.lib-sidebar-caption-chevron.expanded {
  transform: rotate(180deg);
}
body.tbd-palette-orange mat-nav-list.lib-sidebar-nav-list {
  padding: 0;
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-start-space: 0;
  --mat-list-list-item-one-line-container-height: 34px;
  --mat-list-list-item-leading-icon-size: 18px;
  --mat-list-list-item-label-text-size: 0.8125rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0;
}
body.tbd-palette-orange mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item {
  padding-left: 28px;
  padding-right: 16px;
  margin-right: 0;
  border-radius: 0;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  transition: background-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --mat-focus-indicator-display: none;
}
body.tbd-palette-orange mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: -2px;
}
body.tbd-palette-orange mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-root {
  padding-left: 13px;
}
body.tbd-palette-orange mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-active {
  --mat-list-list-item-container-color: var(--lib-sidebar-selected-fill);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-weight: 600;
  border-left-color: var(--mat-sys-primary);
}
body.tbd-palette-orange .lib-sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--mat-sys-on-surface-variant);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
body.tbd-palette-orange .lib-sidebar-item mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.tbd-palette-orange .lib-sidebar-item:hover {
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
}
body.tbd-palette-orange .lib-sidebar-item-active {
  border-left-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
body.tbd-palette-orange .lib-sidebar {
  --mat-sys-surface: rgb(24.864, 16.944, 13.44);
  --mat-sys-surface-container: rgb(39.072, 28.784, 22.68);
  --mat-sys-surface-container-high: rgb(50.792, 39.384, 31.92);
  --mat-sys-surface-container-low: rgb(34.72, 24.88, 19.32);
  --mat-sys-surface-container-highest: rgb(62.608, 49.176, 40.32);
  --mat-sys-surface-variant: rgb(87.12, 65.76, 50.4);
  --mat-sys-on-surface: rgb(239.04, 223.36, 214.96);
  --mat-sys-on-surface-variant: rgb(245.76, 221.68, 209.08);
  --mat-sys-outline: rgb(169.88, 136.52, 110.04);
  --mat-sys-outline-variant: rgb(87.12, 65.76, 50.4);
  --mat-sys-inverse-surface: rgb(239.04, 223.36, 214.96);
  --mat-sys-inverse-on-surface: rgb(58.16, 45.24, 36.12);
  --mat-sys-background: rgb(24.864, 16.944, 13.44);
  --mat-sys-on-background: rgb(239.04, 223.36, 214.96);
  --mat-sys-secondary-container: #5b4130;
  --mat-sys-on-secondary-container: #ffdcc7;
  --mat-sys-primary: #ffb787;
  --mat-sys-on-primary: #502400;
  --mat-sys-primary-container: #723600;
  --mat-sys-on-primary-container: #ffdcc7;
  --mat-sys-error: #ffb4ab;
  --mat-sys-on-error: #690005;
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
}
.tbd-swatch-orange {
  background: #964900;
}
body.tbd-palette-red {
  --mat-sys-background: rgb(253.866, 243.554, 241.572);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: rgb(250.903, 234.248, 232.066);
  --mat-sys-inverse-primary: #ffb4a8;
  --mat-sys-inverse-surface: rgb(64.2, 37.8, 36.8);
  --mat-sys-on-background: rgb(38.6, 20.8, 20);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #930100;
  --mat-sys-on-primary-fixed: #410000;
  --mat-sys-on-primary-fixed-variant: #930100;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #5d3f3b;
  --mat-sys-on-secondary-fixed: #2c1512;
  --mat-sys-on-secondary-fixed-variant: #5d3f3b;
  --mat-sys-on-surface: rgb(38.6, 20.8, 20);
  --mat-sys-on-surface-variant: rgb(95.8, 53.8, 52);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #930100;
  --mat-sys-on-tertiary-fixed: #410000;
  --mat-sys-on-tertiary-fixed-variant: #930100;
  --mat-sys-outline: rgb(154.2, 92, 89.6);
  --mat-sys-outline-variant: rgb(223.8, 191.2, 185.6);
  --mat-sys-primary: #c00100;
  --mat-sys-primary-container: #ffdad4;
  --mat-sys-primary-fixed: #ffdad4;
  --mat-sys-primary-fixed-dim: #ffb4a8;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #775651;
  --mat-sys-secondary-container: #ffdad4;
  --mat-sys-secondary-fixed: #ffdad4;
  --mat-sys-secondary-fixed-dim: #e7bdb6;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(253.866, 243.554, 241.572);
  --mat-sys-surface-bright: rgb(253.866, 243.554, 241.572);
  --mat-sys-surface-container: rgb(249.3852, 231.36904, 229.06752);
  --mat-sys-surface-container-high: rgb(244.7592, 225.59216, 223.84128);
  --mat-sys-surface-container-highest: rgb(240.114, 220.582, 217.008);
  --mat-sys-surface-container-low: rgb(253.2048, 237.0944, 234.9792);
  --mat-sys-surface-container-lowest: rgb(253.74, 249.92, 249.9);
  --mat-sys-surface-dim: rgb(233.1102, 211.83376, 209.48328);
  --mat-sys-surface-tint: #c00100;
  --mat-sys-surface-variant: rgb(246.45, 218.206, 214.632);
  --mat-sys-tertiary: #c00100;
  --mat-sys-tertiary-container: #ffdad4;
  --mat-sys-tertiary-fixed: #ffdad4;
  --mat-sys-tertiary-fixed-dim: #ffb4a8;
  --mat-sys-neutral-variant20: rgb(68.2, 36.2, 34.4);
  --mat-sys-neutral10: rgb(38.6, 20.8, 20);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: #ffffff;
  --lib-page-tint: var(--mat-sys-surface-container-low);
  --lib-input-fill: var(--mat-sys-surface);
  --lib-sidebar-selected-fill: color-mix(in oklab, var(--mat-sys-primary) 10%, var(--mat-sys-surface-container-lowest));
  --lib-json-key: #a626a4;
  --lib-json-string: #256628;
  --lib-json-number: #7a5300;
  --lib-json-boolean: #01579b;
  --lib-json-null: #5c5e66;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body.tbd-palette-red .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.tbd-palette-red .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.tbd-palette-red .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body.tbd-palette-red .lib-sidebar-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 150ms ease;
}
body.tbd-palette-red .lib-sidebar-caption:hover {
  background: var(--mat-sys-surface-container-high);
}
body.tbd-palette-red mat-icon.lib-sidebar-caption-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mat-sys-primary);
  flex-shrink: 0;
}
body.tbd-palette-red .lib-sidebar-caption-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.tbd-palette-red mat-icon.lib-sidebar-caption-chevron {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--mat-sys-on-surface-variant);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
body.tbd-palette-red mat-icon.lib-sidebar-caption-chevron.expanded {
  transform: rotate(180deg);
}
body.tbd-palette-red mat-nav-list.lib-sidebar-nav-list {
  padding: 0;
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-start-space: 0;
  --mat-list-list-item-one-line-container-height: 34px;
  --mat-list-list-item-leading-icon-size: 18px;
  --mat-list-list-item-label-text-size: 0.8125rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0;
}
body.tbd-palette-red mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item {
  padding-left: 28px;
  padding-right: 16px;
  margin-right: 0;
  border-radius: 0;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  transition: background-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --mat-focus-indicator-display: none;
}
body.tbd-palette-red mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: -2px;
}
body.tbd-palette-red mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-root {
  padding-left: 13px;
}
body.tbd-palette-red mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-active {
  --mat-list-list-item-container-color: var(--lib-sidebar-selected-fill);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-weight: 600;
  border-left-color: var(--mat-sys-primary);
}
body.tbd-palette-red .lib-sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--mat-sys-on-surface-variant);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
body.tbd-palette-red .lib-sidebar-item mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.tbd-palette-red .lib-sidebar-item:hover {
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
}
body.tbd-palette-red .lib-sidebar-item-active {
  border-left-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
body.tbd-palette-red .lib-sidebar {
  --mat-sys-surface: rgb(26.4, 15.12, 14.28);
  --mat-sys-surface-container: rgb(42.76, 25.232, 24.36);
  --mat-sys-surface-container-high: rgb(55.2, 33.712, 33.6);
  --mat-sys-surface-container-low: rgb(37.28, 21.84, 21);
  --mat-sys-surface-container-highest: rgb(67.704, 43, 42);
  --mat-sys-surface-variant: rgb(93.24, 56.44, 54.6);
  --mat-sys-on-surface: rgb(239.88, 223.04, 219.56);
  --mat-sys-on-surface-variant: rgb(246.6, 220.52, 217.04);
  --mat-sys-outline: rgb(175.2, 131.2, 125.32);
  --mat-sys-outline-variant: rgb(93.24, 56.44, 54.6);
  --mat-sys-inverse-surface: rgb(239.88, 223.04, 219.56);
  --mat-sys-inverse-on-surface: rgb(62.16, 39.64, 38.64);
  --mat-sys-background: rgb(26.4, 15.12, 14.28);
  --mat-sys-on-background: rgb(239.88, 223.04, 219.56);
  --mat-sys-secondary-container: #5d3f3b;
  --mat-sys-on-secondary-container: #ffdad4;
  --mat-sys-primary: #ffb4a8;
  --mat-sys-on-primary: #690100;
  --mat-sys-primary-container: #930100;
  --mat-sys-on-primary-container: #ffdad4;
  --mat-sys-error: #ffb4ab;
  --mat-sys-on-error: #690005;
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
}
.tbd-swatch-red {
  background: #c00100;
}
body.tbd-palette-rose {
  --mat-sys-background: rgb(253.758, 243.536, 245.192);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: rgb(250.025, 234.036, 236.795);
  --mat-sys-inverse-primary: #ffb1c5;
  --mat-sys-inverse-surface: rgb(62.6, 37.6, 47.8);
  --mat-sys-on-background: rgb(38.2, 20.8, 27);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #8f0045;
  --mat-sys-on-primary-fixed: #3f001b;
  --mat-sys-on-primary-fixed-variant: #8f0045;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #5b3f46;
  --mat-sys-on-secondary-fixed: #2b151b;
  --mat-sys-on-secondary-fixed-variant: #5b3f46;
  --mat-sys-on-surface: rgb(38.2, 20.8, 27);
  --mat-sys-on-surface-variant: rgb(93.4, 53.6, 69.8);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #8f0045;
  --mat-sys-on-tertiary-fixed: #3f001b;
  --mat-sys-on-tertiary-fixed-variant: #8f0045;
  --mat-sys-outline: rgb(152, 92, 117.6);
  --mat-sys-outline-variant: rgb(222.2, 190.6, 197);
  --mat-sys-primary: #ba005c;
  --mat-sys-primary-container: #ffd9e1;
  --mat-sys-primary-fixed: #ffd9e1;
  --mat-sys-primary-fixed-dim: #ffb1c5;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #74565d;
  --mat-sys-secondary-container: #ffd9e1;
  --mat-sys-secondary-fixed: #ffd9e1;
  --mat-sys-secondary-fixed-dim: #e3bdc5;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(253.758, 243.536, 245.192);
  --mat-sys-surface-bright: rgb(253.758, 243.536, 245.192);
  --mat-sys-surface-container: rgb(247.7236, 231.15784, 234.02344);
  --mat-sys-surface-container-high: rgb(243.1064, 225.38256, 228.46256);
  --mat-sys-surface-container-highest: rgb(239.262, 220.374, 223.67);
  --mat-sys-surface-container-low: rgb(252.3216, 236.9472, 239.6);
  --mat-sys-surface-container-lowest: rgb(253.62, 249.9, 251.74);
  --mat-sys-surface-dim: rgb(232.2738, 211.509, 215.25116);
  --mat-sys-surface-tint: #ba005c;
  --mat-sys-surface-variant: rgb(244.806, 217.998, 223.67);
  --mat-sys-tertiary: #ba005c;
  --mat-sys-tertiary-container: #ffd9e1;
  --mat-sys-tertiary-fixed: #ffd9e1;
  --mat-sys-tertiary-fixed-dim: #ffb1c5;
  --mat-sys-neutral-variant20: rgb(66.6, 36, 47.8);
  --mat-sys-neutral10: rgb(38.2, 20.8, 27);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: #ffffff;
  --lib-page-tint: var(--mat-sys-surface-container-low);
  --lib-input-fill: var(--mat-sys-surface);
  --lib-sidebar-selected-fill: color-mix(in oklab, var(--mat-sys-primary) 10%, var(--mat-sys-surface-container-lowest));
  --lib-json-key: #a626a4;
  --lib-json-string: #256628;
  --lib-json-number: #7a5300;
  --lib-json-boolean: #01579b;
  --lib-json-null: #5c5e66;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body.tbd-palette-rose .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.tbd-palette-rose .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.tbd-palette-rose .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body.tbd-palette-rose .lib-sidebar-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 150ms ease;
}
body.tbd-palette-rose .lib-sidebar-caption:hover {
  background: var(--mat-sys-surface-container-high);
}
body.tbd-palette-rose mat-icon.lib-sidebar-caption-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mat-sys-primary);
  flex-shrink: 0;
}
body.tbd-palette-rose .lib-sidebar-caption-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.tbd-palette-rose mat-icon.lib-sidebar-caption-chevron {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--mat-sys-on-surface-variant);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
body.tbd-palette-rose mat-icon.lib-sidebar-caption-chevron.expanded {
  transform: rotate(180deg);
}
body.tbd-palette-rose mat-nav-list.lib-sidebar-nav-list {
  padding: 0;
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-start-space: 0;
  --mat-list-list-item-one-line-container-height: 34px;
  --mat-list-list-item-leading-icon-size: 18px;
  --mat-list-list-item-label-text-size: 0.8125rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0;
}
body.tbd-palette-rose mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item {
  padding-left: 28px;
  padding-right: 16px;
  margin-right: 0;
  border-radius: 0;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  transition: background-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --mat-focus-indicator-display: none;
}
body.tbd-palette-rose mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: -2px;
}
body.tbd-palette-rose mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-root {
  padding-left: 13px;
}
body.tbd-palette-rose mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-active {
  --mat-list-list-item-container-color: var(--lib-sidebar-selected-fill);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-weight: 600;
  border-left-color: var(--mat-sys-primary);
}
body.tbd-palette-rose .lib-sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--mat-sys-on-surface-variant);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
body.tbd-palette-rose .lib-sidebar-item mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.tbd-palette-rose .lib-sidebar-item:hover {
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
}
body.tbd-palette-rose .lib-sidebar-item-active {
  border-left-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
body.tbd-palette-rose .lib-sidebar {
  --mat-sys-surface: rgb(25.368, 15.12, 18.552);
  --mat-sys-surface-container: rgb(41.536, 25.2, 31);
  --mat-sys-surface-container-high: rgb(53.816, 33.6, 41);
  --mat-sys-surface-container-low: rgb(36.96, 21.84, 27);
  --mat-sys-surface-container-highest: rgb(66.224, 42.84, 51.904);
  --mat-sys-surface-variant: rgb(90.92, 56.28, 69.84);
  --mat-sys-on-surface: rgb(239.04, 222.88, 225);
  --mat-sys-on-surface-variant: rgb(244.92, 220.36, 225);
  --mat-sys-outline: rgb(173.52, 129.44, 143.68);
  --mat-sys-outline-variant: rgb(90.92, 56.28, 69.84);
  --mat-sys-inverse-surface: rgb(239.04, 222.88, 225);
  --mat-sys-inverse-on-surface: rgb(60.68, 39.48, 47.84);
  --mat-sys-background: rgb(25.368, 15.12, 18.552);
  --mat-sys-on-background: rgb(239.04, 222.88, 225);
  --mat-sys-secondary-container: #5b3f46;
  --mat-sys-on-secondary-container: #ffd9e1;
  --mat-sys-primary: #ffb1c5;
  --mat-sys-on-primary: #65002f;
  --mat-sys-primary-container: #8f0045;
  --mat-sys-on-primary-container: #ffd9e1;
  --mat-sys-error: #ffb4ab;
  --mat-sys-on-error: #690005;
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
}
.tbd-swatch-rose {
  background: #ba005c;
}
body.tbd-palette-spring-green {
  --mat-sys-background: rgb(241.572, 248.444, 238.3656);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: rgb(227.732, 241.778, 226.724);
  --mat-sys-inverse-primary: #00e472;
  --mat-sys-inverse-surface: rgb(36.8, 50.6, 41.4);
  --mat-sys-on-background: rgb(20, 29, 22.2);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #005225;
  --mat-sys-on-primary-fixed: #00210b;
  --mat-sys-on-primary-fixed-variant: #005225;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #394b3b;
  --mat-sys-on-secondary-fixed: #0e1f12;
  --mat-sys-on-secondary-fixed-variant: #394b3b;
  --mat-sys-on-surface: rgb(20, 29, 22.2);
  --mat-sys-on-surface-variant: rgb(52, 74.8, 59.4);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #005225;
  --mat-sys-on-tertiary-fixed: #00210b;
  --mat-sys-on-tertiary-fixed-variant: #005225;
  --mat-sys-outline: rgb(90.4, 124.2, 102.8);
  --mat-sys-outline-variant: rgb(154.4, 206.4, 174.8);
  --mat-sys-primary: #006d33;
  --mat-sys-primary-container: #63ff94;
  --mat-sys-primary-fixed: #63ff94;
  --mat-sys-primary-fixed-dim: #00e472;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #506352;
  --mat-sys-secondary-container: #d3e8d2;
  --mat-sys-secondary-fixed: #d3e8d2;
  --mat-sys-secondary-fixed-dim: #b7ccb7;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(241.572, 248.444, 238.3656);
  --mat-sys-surface-bright: rgb(241.572, 248.444, 238.3656);
  --mat-sys-surface-container: rgb(221.77112, 240.3352, 221.578);
  --mat-sys-surface-container-high: rgb(209.81168, 235.8592, 213.6248);
  --mat-sys-surface-container-highest: rgb(198.594, 231.364, 205.638);
  --mat-sys-surface-container-low: rgb(231.568, 244.0048, 230.088);
  --mat-sys-surface-container-lowest: rgb(249.9, 252.08, 250.92);
  --mat-sys-surface-dim: rgb(186.14778, 223.77094, 196.93128);
  --mat-sys-surface-tint: #006d33;
  --mat-sys-surface-variant: rgb(194.634, 232.948, 202.47);
  --mat-sys-tertiary: #006d33;
  --mat-sys-tertiary-container: #63ff94;
  --mat-sys-tertiary-fixed: #63ff94;
  --mat-sys-tertiary-fixed-dim: #00e472;
  --mat-sys-neutral-variant20: rgb(34.4, 51.4, 39);
  --mat-sys-neutral10: rgb(20, 29, 22.2);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: #ffffff;
  --lib-page-tint: var(--mat-sys-surface-container-low);
  --lib-input-fill: var(--mat-sys-surface);
  --lib-sidebar-selected-fill: color-mix(in oklab, var(--mat-sys-primary) 10%, var(--mat-sys-surface-container-lowest));
  --lib-json-key: #a626a4;
  --lib-json-string: #256628;
  --lib-json-number: #7a5300;
  --lib-json-boolean: #01579b;
  --lib-json-null: #5c5e66;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body.tbd-palette-spring-green .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.tbd-palette-spring-green .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.tbd-palette-spring-green .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body.tbd-palette-spring-green .lib-sidebar-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 150ms ease;
}
body.tbd-palette-spring-green .lib-sidebar-caption:hover {
  background: var(--mat-sys-surface-container-high);
}
body.tbd-palette-spring-green mat-icon.lib-sidebar-caption-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mat-sys-primary);
  flex-shrink: 0;
}
body.tbd-palette-spring-green .lib-sidebar-caption-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.tbd-palette-spring-green mat-icon.lib-sidebar-caption-chevron {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--mat-sys-on-surface-variant);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
body.tbd-palette-spring-green mat-icon.lib-sidebar-caption-chevron.expanded {
  transform: rotate(180deg);
}
body.tbd-palette-spring-green mat-nav-list.lib-sidebar-nav-list {
  padding: 0;
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-start-space: 0;
  --mat-list-list-item-one-line-container-height: 34px;
  --mat-list-list-item-leading-icon-size: 18px;
  --mat-list-list-item-label-text-size: 0.8125rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0;
}
body.tbd-palette-spring-green mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item {
  padding-left: 28px;
  padding-right: 16px;
  margin-right: 0;
  border-radius: 0;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  transition: background-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --mat-focus-indicator-display: none;
}
body.tbd-palette-spring-green mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: -2px;
}
body.tbd-palette-spring-green mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-root {
  padding-left: 13px;
}
body.tbd-palette-spring-green mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-active {
  --mat-list-list-item-container-color: var(--lib-sidebar-selected-fill);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-weight: 600;
  border-left-color: var(--mat-sys-primary);
}
body.tbd-palette-spring-green .lib-sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--mat-sys-on-surface-variant);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
body.tbd-palette-spring-green .lib-sidebar-item mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.tbd-palette-spring-green .lib-sidebar-item:hover {
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
}
body.tbd-palette-spring-green .lib-sidebar-item-active {
  border-left-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
body.tbd-palette-spring-green .lib-sidebar {
  --mat-sys-surface: rgb(14.28, 19.968, 15.336);
  --mat-sys-surface-container: rgb(24.36, 32.928, 26.504);
  --mat-sys-surface-container-high: rgb(33.6, 44.088, 35.864);
  --mat-sys-surface-container-low: rgb(21, 28.8, 22.76);
  --mat-sys-surface-container-highest: rgb(42, 55.312, 46.128);
  --mat-sys-surface-variant: rgb(54.6, 74.44, 60.52);
  --mat-sys-on-surface: rgb(205.68, 231.48, 210.16);
  --mat-sys-on-surface-variant: rgb(201.48, 233.16, 206.8);
  --mat-sys-outline: rgb(116.76, 150.2, 128.04);
  --mat-sys-outline-variant: rgb(54.6, 74.44, 60.52);
  --mat-sys-inverse-surface: rgb(205.68, 231.48, 210.16);
  --mat-sys-inverse-on-surface: rgb(38.64, 50.28, 42.32);
  --mat-sys-background: rgb(14.28, 19.968, 15.336);
  --mat-sys-on-background: rgb(205.68, 231.48, 210.16);
  --mat-sys-secondary-container: #394b3b;
  --mat-sys-on-secondary-container: #d3e8d2;
  --mat-sys-primary: #00e472;
  --mat-sys-on-primary: #003917;
  --mat-sys-primary-container: #005225;
  --mat-sys-on-primary-container: #63ff94;
  --mat-sys-error: #ffb4ab;
  --mat-sys-on-error: #690005;
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
}
.tbd-swatch-spring-green {
  background: #006d33;
}
body.tbd-palette-violet {
  --mat-sys-background: rgb(251.678, 243.3396, 252.5532);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: rgb(243.594, 235.021, 246.257);
  --mat-sys-inverse-primary: #d5baff;
  --mat-sys-inverse-surface: rgb(53.2, 38.4, 68.4);
  --mat-sys-on-background: rgb(31, 21.6, 41.4);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #5f00c0;
  --mat-sys-on-primary-fixed: #270057;
  --mat-sys-on-primary-fixed-variant: #5f00c0;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #4b4357;
  --mat-sys-on-secondary-fixed: #1f182a;
  --mat-sys-on-secondary-fixed-variant: #4b4357;
  --mat-sys-on-surface: rgb(31, 21.6, 41.4);
  --mat-sys-on-surface-variant: rgb(77.4, 55.2, 100.8);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #5f00c0;
  --mat-sys-on-tertiary-fixed: #270057;
  --mat-sys-on-tertiary-fixed-variant: #5f00c0;
  --mat-sys-outline: rgb(128, 108.4, 152.6);
  --mat-sys-outline-variant: rgb(205, 194, 216.6);
  --mat-sys-primary: #7d00fa;
  --mat-sys-primary-container: #ecdcff;
  --mat-sys-primary-fixed: #ecdcff;
  --mat-sys-primary-fixed-dim: #d5baff;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #645b70;
  --mat-sys-secondary-container: #eadef7;
  --mat-sys-secondary-fixed: #eadef7;
  --mat-sys-secondary-fixed-dim: #cec2db;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(251.678, 243.3396, 252.5532);
  --mat-sys-surface-bright: rgb(251.678, 243.3396, 252.5532);
  --mat-sys-surface-container: rgb(240.91416, 232.22272, 243.8868);
  --mat-sys-surface-container-high: rgb(236.32784, 226.60768, 239.132);
  --mat-sys-surface-container-highest: rgb(230.138, 221.76, 235.15);
  --mat-sys-surface-container-low: rgb(246.2944, 237.8, 247.8352);
  --mat-sys-surface-container-lowest: rgb(252.4, 249.9, 254.9);
  --mat-sys-surface-dim: rgb(222.73106, 213.25668, 227.9554);
  --mat-sys-surface-tint: #7d00fa;
  --mat-sys-surface-variant: rgb(231.722, 220.968, 239.11);
  --mat-sys-tertiary: #7d00fa;
  --mat-sys-tertiary-container: #ecdcff;
  --mat-sys-tertiary-fixed: #ecdcff;
  --mat-sys-tertiary-fixed-dim: #d5baff;
  --mat-sys-neutral-variant20: rgb(54, 37.6, 71.6);
  --mat-sys-neutral10: rgb(31, 21.6, 41.4);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: #ffffff;
  --lib-page-tint: var(--mat-sys-surface-container-low);
  --lib-input-fill: var(--mat-sys-surface);
  --lib-sidebar-selected-fill: color-mix(in oklab, var(--mat-sys-primary) 10%, var(--mat-sys-surface-container-lowest));
  --lib-json-key: #a626a4;
  --lib-json-string: #256628;
  --lib-json-number: #7a5300;
  --lib-json-boolean: #01579b;
  --lib-json-null: #5c5e66;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body.tbd-palette-violet .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.tbd-palette-violet .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.tbd-palette-violet .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body.tbd-palette-violet .lib-sidebar-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 150ms ease;
}
body.tbd-palette-violet .lib-sidebar-caption:hover {
  background: var(--mat-sys-surface-container-high);
}
body.tbd-palette-violet mat-icon.lib-sidebar-caption-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mat-sys-primary);
  flex-shrink: 0;
}
body.tbd-palette-violet .lib-sidebar-caption-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.tbd-palette-violet mat-icon.lib-sidebar-caption-chevron {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--mat-sys-on-surface-variant);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
body.tbd-palette-violet mat-icon.lib-sidebar-caption-chevron.expanded {
  transform: rotate(180deg);
}
body.tbd-palette-violet mat-nav-list.lib-sidebar-nav-list {
  padding: 0;
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-start-space: 0;
  --mat-list-list-item-one-line-container-height: 34px;
  --mat-list-list-item-leading-icon-size: 18px;
  --mat-list-list-item-label-text-size: 0.8125rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0;
}
body.tbd-palette-violet mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item {
  padding-left: 28px;
  padding-right: 16px;
  margin-right: 0;
  border-radius: 0;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  transition: background-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --mat-focus-indicator-display: none;
}
body.tbd-palette-violet mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: -2px;
}
body.tbd-palette-violet mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-root {
  padding-left: 13px;
}
body.tbd-palette-violet mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-active {
  --mat-list-list-item-container-color: var(--lib-sidebar-selected-fill);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-weight: 600;
  border-left-color: var(--mat-sys-primary);
}
body.tbd-palette-violet .lib-sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--mat-sys-on-surface-variant);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
body.tbd-palette-violet .lib-sidebar-item mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.tbd-palette-violet .lib-sidebar-item:hover {
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
}
body.tbd-palette-violet .lib-sidebar-item-active {
  border-left-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
body.tbd-palette-violet .lib-sidebar {
  --mat-sys-surface: rgb(21.384, 15.96, 26.832);
  --mat-sys-surface-container: rgb(34.824, 26.04, 44.112);
  --mat-sys-surface-container-high: rgb(45.384, 34.44, 57.432);
  --mat-sys-surface-container-low: rgb(30.6, 22.68, 39.12);
  --mat-sys-surface-container-highest: rgb(56.816, 43.68, 69.944);
  --mat-sys-surface-variant: rgb(76.52, 57.96, 96.24);
  --mat-sys-on-surface: rgb(230.96, 224.2, 234);
  --mat-sys-on-surface-variant: rgb(232.64, 223.36, 238.2);
  --mat-sys-outline: rgb(152.2, 137.84, 169.32);
  --mat-sys-outline-variant: rgb(76.52, 57.96, 96.24);
  --mat-sys-inverse-surface: rgb(230.96, 224.2, 234);
  --mat-sys-inverse-on-surface: rgb(52.56, 40.32, 64.92);
  --mat-sys-background: rgb(21.384, 15.96, 26.832);
  --mat-sys-on-background: rgb(230.96, 224.2, 234);
  --mat-sys-secondary-container: #4b4357;
  --mat-sys-on-secondary-container: #eadef7;
  --mat-sys-primary: #d5baff;
  --mat-sys-on-primary: #42008a;
  --mat-sys-primary-container: #5f00c0;
  --mat-sys-on-primary-container: #ecdcff;
  --mat-sys-error: #ffb4ab;
  --mat-sys-on-error: #690005;
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
}
.tbd-swatch-violet {
  background: #7d00fa;
}
body.tbd-palette-yellow {
  --mat-sys-background: rgb(250.6028, 247.264, 222.3248);
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: rgb(242.795, 239.643, 182.816);
  --mat-sys-inverse-primary: #cdcd00;
  --mat-sys-inverse-surface: rgb(49.2, 49.2, 34.4);
  --mat-sys-on-background: rgb(28.2, 28.2, 18.4);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #494900;
  --mat-sys-on-primary-fixed: #1d1d00;
  --mat-sys-on-primary-fixed-variant: #494900;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #49482d;
  --mat-sys-on-secondary-fixed: #1d1d06;
  --mat-sys-on-secondary-fixed-variant: #49482d;
  --mat-sys-on-surface: rgb(28.2, 28.2, 18.4);
  --mat-sys-on-surface-variant: rgb(72.2, 71.4, 46.4);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #494900;
  --mat-sys-on-tertiary-fixed: #1d1d00;
  --mat-sys-on-tertiary-fixed-variant: #494900;
  --mat-sys-outline: rgb(121.4, 120.6, 84);
  --mat-sys-outline-variant: rgb(202.6, 200.2, 145.6);
  --mat-sys-primary: #626200;
  --mat-sys-primary-container: #eaea00;
  --mat-sys-primary-fixed: #eaea00;
  --mat-sys-primary-fixed-dim: #cdcd00;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #606043;
  --mat-sys-secondary-container: #e7e4bf;
  --mat-sys-secondary-fixed: #e7e4bf;
  --mat-sys-secondary-fixed-dim: #cac8a5;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(250.6028, 247.264, 222.3248);
  --mat-sys-surface-bright: rgb(250.6028, 247.264, 222.3248);
  --mat-sys-surface-container: rgb(239.984, 236.8288, 180.6352);
  --mat-sys-surface-container-high: rgb(235.1344, 231.9728, 176.2592);
  --mat-sys-surface-container-highest: rgb(229.472, 226.304, 171.864);
  --mat-sys-surface-container-low: rgb(245.4032, 242.1888, 195.488);
  --mat-sys-surface-container-lowest: rgb(251.86, 251.86, 249.9);
  --mat-sys-surface-dim: rgb(220.99298, 218.60978, 166.0296);
  --mat-sys-surface-tint: #626200;
  --mat-sys-surface-variant: rgb(229.472, 227.096, 165.528);
  --mat-sys-tertiary: #626200;
  --mat-sys-tertiary-container: #eaea00;
  --mat-sys-tertiary-fixed: #eaea00;
  --mat-sys-tertiary-fixed-dim: #cdcd00;
  --mat-sys-neutral-variant20: rgb(49.2, 49.2, 29.6);
  --mat-sys-neutral10: rgb(28.2, 28.2, 18.4);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: #ffffff;
  --lib-page-tint: var(--mat-sys-surface-container-low);
  --lib-input-fill: var(--mat-sys-surface);
  --lib-sidebar-selected-fill: color-mix(in oklab, var(--mat-sys-primary) 10%, var(--mat-sys-surface-container-lowest));
  --lib-json-key: #a626a4;
  --lib-json-string: #256628;
  --lib-json-number: #7a5300;
  --lib-json-boolean: #01579b;
  --lib-json-null: #5c5e66;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body.tbd-palette-yellow .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.tbd-palette-yellow .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.tbd-palette-yellow .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body.tbd-palette-yellow .lib-sidebar-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 150ms ease;
}
body.tbd-palette-yellow .lib-sidebar-caption:hover {
  background: var(--mat-sys-surface-container-high);
}
body.tbd-palette-yellow mat-icon.lib-sidebar-caption-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mat-sys-primary);
  flex-shrink: 0;
}
body.tbd-palette-yellow .lib-sidebar-caption-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.tbd-palette-yellow mat-icon.lib-sidebar-caption-chevron {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--mat-sys-on-surface-variant);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
body.tbd-palette-yellow mat-icon.lib-sidebar-caption-chevron.expanded {
  transform: rotate(180deg);
}
body.tbd-palette-yellow mat-nav-list.lib-sidebar-nav-list {
  padding: 0;
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-start-space: 0;
  --mat-list-list-item-one-line-container-height: 34px;
  --mat-list-list-item-leading-icon-size: 18px;
  --mat-list-list-item-label-text-size: 0.8125rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0;
}
body.tbd-palette-yellow mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item {
  padding-left: 28px;
  padding-right: 16px;
  margin-right: 0;
  border-radius: 0;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  transition: background-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --mat-focus-indicator-display: none;
}
body.tbd-palette-yellow mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: -2px;
}
body.tbd-palette-yellow mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-root {
  padding-left: 13px;
}
body.tbd-palette-yellow mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-active {
  --mat-list-list-item-container-color: var(--lib-sidebar-selected-fill);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-weight: 600;
  border-left-color: var(--mat-sys-primary);
}
body.tbd-palette-yellow .lib-sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--mat-sys-on-surface-variant);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
body.tbd-palette-yellow .lib-sidebar-item mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
body.tbd-palette-yellow .lib-sidebar-item:hover {
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
}
body.tbd-palette-yellow .lib-sidebar-item-active {
  border-left-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
body.tbd-palette-yellow .lib-sidebar {
  --mat-sys-surface: rgb(19.584, 19.584, 12.6);
  --mat-sys-surface-container: rgb(32.192, 32.192, 22.68);
  --mat-sys-surface-container-high: rgb(43.112, 42.272, 31.08);
  --mat-sys-surface-container-low: rgb(28.16, 28.16, 19.32);
  --mat-sys-surface-container-highest: rgb(54.128, 53.288, 39.48);
  --mat-sys-surface-variant: rgb(72.16, 71.32, 48.72);
  --mat-sys-on-surface: rgb(230.64, 227.28, 182.28);
  --mat-sys-on-surface-variant: rgb(230.64, 228.12, 175.56);
  --mat-sys-outline: rgb(147.48, 145.8, 109.2);
  --mat-sys-outline-variant: rgb(72.16, 71.32, 48.72);
  --mat-sys-inverse-surface: rgb(230.64, 227.28, 182.28);
  --mat-sys-inverse-on-surface: rgb(49.16, 49.16, 36.12);
  --mat-sys-background: rgb(19.584, 19.584, 12.6);
  --mat-sys-on-background: rgb(230.64, 227.28, 182.28);
  --mat-sys-secondary-container: #49482d;
  --mat-sys-on-secondary-container: #e7e4bf;
  --mat-sys-primary: #cdcd00;
  --mat-sys-on-primary: #323200;
  --mat-sys-primary-container: #494900;
  --mat-sys-on-primary-container: #eaea00;
  --mat-sys-error: #ffb4ab;
  --mat-sys-on-error: #690005;
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
}
.tbd-swatch-yellow {
  background: #626200;
}
.palette-swatch-check {
  color: #fff;
}
body[data-theme=abs-dark].tbd-palette-azure,
body.abs-dark-theme.tbd-palette-azure {
  --mat-sys-background: rgb(14.4, 18.44, 25.16);
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: rgb(37.6, 47.8, 61);
  --mat-sys-inverse-primary: #005cbb;
  --mat-sys-inverse-surface: rgb(222.354, 224.858, 234.52);
  --mat-sys-on-background: rgb(222.354, 224.858, 234.52);
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #002f65;
  --mat-sys-on-primary-container: #d7e3ff;
  --mat-sys-on-primary-fixed: #001b3f;
  --mat-sys-on-primary-fixed-variant: #00458f;
  --mat-sys-on-secondary: #283041;
  --mat-sys-on-secondary-container: #dae2f9;
  --mat-sys-on-secondary-fixed: #131c2b;
  --mat-sys-on-secondary-fixed-variant: #3e4759;
  --mat-sys-on-surface: rgb(222.354, 224.858, 234.52);
  --mat-sys-on-surface-variant: rgb(219.978, 224.858, 239.272);
  --mat-sys-on-tertiary: #002f65;
  --mat-sys-on-tertiary-container: #d7e3ff;
  --mat-sys-on-tertiary-fixed: #001b3f;
  --mat-sys-on-tertiary-fixed-variant: #00458f;
  --mat-sys-outline: rgb(127, 143.8, 173.4);
  --mat-sys-outline-variant: rgb(54.4, 70.6, 91);
  --mat-sys-primary: #abc7ff;
  --mat-sys-primary-container: #00458f;
  --mat-sys-primary-fixed: #d7e3ff;
  --mat-sys-primary-fixed-dim: #abc7ff;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #bec6dc;
  --mat-sys-secondary-container: #3e4759;
  --mat-sys-secondary-fixed: #dae2f9;
  --mat-sys-secondary-fixed-dim: #bec6dc;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(14.4, 18.44, 25.16);
  --mat-sys-surface-bright: rgb(44.8, 56.76, 71.56);
  --mat-sys-surface-container: rgb(24.8, 31.8, 41.32);
  --mat-sys-surface-container-high: rgb(32.8, 41.8, 53.12);
  --mat-sys-surface-container-highest: rgb(41.6, 52.68, 65.88);
  --mat-sys-surface-container-low: rgb(20.8, 27, 37.4);
  --mat-sys-surface-container-lowest: rgb(10.4, 13.36, 18.64);
  --mat-sys-surface-dim: rgb(14.4, 18.44, 25.16);
  --mat-sys-surface-tint: #abc7ff;
  --mat-sys-surface-variant: rgb(54.4, 70.6, 91);
  --mat-sys-tertiary: #abc7ff;
  --mat-sys-tertiary-container: #00458f;
  --mat-sys-tertiary-fixed: #d7e3ff;
  --mat-sys-tertiary-fixed-dim: #abc7ff;
  --mat-sys-neutral-variant20: rgb(36, 47.8, 65);
  --mat-sys-neutral10: rgb(20.8, 27, 37.4);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: var(--mat-sys-surface-container);
  --lib-page-tint: var(--mat-sys-surface);
  --lib-input-fill: var(--mat-sys-surface-container-low);
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --lib-json-key: #e06c75;
  --lib-json-string: #98c379;
  --lib-json-number: #d19a66;
  --lib-json-boolean: #56b6c2;
  --lib-json-null: #abb2bf;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body[data-theme=abs-dark].tbd-palette-azure .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body[data-theme=abs-dark].tbd-palette-azure .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body[data-theme=abs-dark].tbd-palette-azure .mat-mdc-standard-chip .mat-mdc-chip-action-label,
body.abs-dark-theme.tbd-palette-azure .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.abs-dark-theme.tbd-palette-azure .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.abs-dark-theme.tbd-palette-azure .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body[data-theme=abs-dark] .tbd-swatch-azure,
body.abs-dark-theme .tbd-swatch-azure {
  background: #abc7ff;
}
body[data-theme=abs-dark].tbd-palette-blue,
body.abs-dark-theme.tbd-palette-blue {
  --mat-sys-background: rgb(15.2, 15.2, 30.8);
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: rgb(38.4, 38.6, 76);
  --mat-sys-inverse-primary: #343dff;
  --mat-sys-inverse-surface: rgb(226.24, 223.162, 235.2);
  --mat-sys-on-background: rgb(226.24, 223.162, 235.2);
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #0001ac;
  --mat-sys-on-primary-container: #e0e0ff;
  --mat-sys-on-primary-fixed: #00006e;
  --mat-sys-on-primary-fixed-variant: #0000ef;
  --mat-sys-on-secondary: #2e2f42;
  --mat-sys-on-secondary-container: #e1e0f9;
  --mat-sys-on-secondary-fixed: #191a2c;
  --mat-sys-on-secondary-fixed-variant: #444559;
  --mat-sys-on-surface: rgb(226.24, 223.162, 235.2);
  --mat-sys-on-surface-variant: rgb(225.448, 223.162, 239.952);
  --mat-sys-on-tertiary: #0001ac;
  --mat-sys-on-tertiary-container: #e0e0ff;
  --mat-sys-on-tertiary-fixed: #00006e;
  --mat-sys-on-tertiary-fixed-variant: #0000ef;
  --mat-sys-outline: rgb(140.8, 141.6, 174.2);
  --mat-sys-outline-variant: #38386f;
  --mat-sys-primary: #bec2ff;
  --mat-sys-primary-container: #0000ef;
  --mat-sys-primary-fixed: #e0e0ff;
  --mat-sys-primary-fixed-dim: #bec2ff;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #c5c4dd;
  --mat-sys-secondary-container: #444559;
  --mat-sys-secondary-fixed: #e1e0f9;
  --mat-sys-secondary-fixed-dim: #c5c4dd;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(15.2, 15.2, 30.8);
  --mat-sys-surface-bright: rgb(46.4, 45.8, 87.68);
  --mat-sys-surface-container: rgb(25.6, 24.84, 51.68);
  --mat-sys-surface-container-high: rgb(33.6, 32.94, 66.68);
  --mat-sys-surface-container-highest: rgb(42.4, 41.8, 81.84);
  --mat-sys-surface-container-low: rgb(21.6, 21.6, 46.8);
  --mat-sys-surface-container-lowest: rgb(11.2, 11.2, 22.4);
  --mat-sys-surface-dim: rgb(15.2, 15.2, 30.8);
  --mat-sys-surface-tint: #bec2ff;
  --mat-sys-surface-variant: #38386f;
  --mat-sys-tertiary: #bec2ff;
  --mat-sys-tertiary-container: #0000ef;
  --mat-sys-tertiary-fixed: #e0e0ff;
  --mat-sys-tertiary-fixed-dim: #bec2ff;
  --mat-sys-neutral-variant20: rgb(38.4, 38.6, 79.2);
  --mat-sys-neutral10: rgb(21.6, 21.6, 46.8);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: var(--mat-sys-surface-container);
  --lib-page-tint: var(--mat-sys-surface);
  --lib-input-fill: var(--mat-sys-surface-container-low);
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --lib-json-key: #e06c75;
  --lib-json-string: #98c379;
  --lib-json-number: #d19a66;
  --lib-json-boolean: #56b6c2;
  --lib-json-null: #abb2bf;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body[data-theme=abs-dark].tbd-palette-blue .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body[data-theme=abs-dark].tbd-palette-blue .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body[data-theme=abs-dark].tbd-palette-blue .mat-mdc-standard-chip .mat-mdc-chip-action-label,
body.abs-dark-theme.tbd-palette-blue .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.abs-dark-theme.tbd-palette-blue .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.abs-dark-theme.tbd-palette-blue .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body[data-theme=abs-dark] .tbd-swatch-blue,
body.abs-dark-theme .tbd-swatch-blue {
  background: #bec2ff;
}
body[data-theme=abs-dark].tbd-palette-chartreuse,
body.abs-dark-theme.tbd-palette-chartreuse {
  --mat-sys-background: rgb(15.72, 19.84, 12.8);
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: rgb(42.2, 50.4, 35.2);
  --mat-sys-inverse-primary: #326b00;
  --mat-sys-inverse-surface: rgb(206.024, 231.344, 177.408);
  --mat-sys-on-background: rgb(206.024, 231.344, 177.408);
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #173800;
  --mat-sys-on-primary-container: #82ff10;
  --mat-sys-on-primary-fixed: #0b2000;
  --mat-sys-on-primary-fixed-variant: #245100;
  --mat-sys-on-secondary: #293420;
  --mat-sys-on-secondary-container: #dae7ca;
  --mat-sys-on-secondary-fixed: #141e0c;
  --mat-sys-on-secondary-fixed-variant: #3f4a35;
  --mat-sys-on-surface: rgb(206.024, 231.344, 177.408);
  --mat-sys-on-surface-variant: rgb(203.648, 232.136, 172.656);
  --mat-sys-on-tertiary: #173800;
  --mat-sys-on-tertiary-container: #82ff10;
  --mat-sys-on-tertiary-fixed: #0b2000;
  --mat-sys-on-tertiary-fixed-variant: #245100;
  --mat-sys-outline: rgb(129.6, 149.6, 107.2);
  --mat-sys-outline-variant: rgb(61.6, 73.8, 49.6);
  --mat-sys-primary: #70e000;
  --mat-sys-primary-container: #245100;
  --mat-sys-primary-fixed: #82ff10;
  --mat-sys-primary-fixed-dim: #70e000;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #becbaf;
  --mat-sys-secondary-container: #3f4a35;
  --mat-sys-secondary-fixed: #dae7ca;
  --mat-sys-secondary-fixed-dim: #becbaf;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(15.72, 19.84, 12.8);
  --mat-sys-surface-bright: rgb(50.52, 59.52, 42.4);
  --mat-sys-surface-container: rgb(26.68, 32.96, 22.4);
  --mat-sys-surface-container-high: rgb(35.88, 44.16, 30.4);
  --mat-sys-surface-container-highest: rgb(45.96, 54.56, 39.2);
  --mat-sys-surface-container-low: rgb(23, 28.8, 19.2);
  --mat-sys-surface-container-lowest: rgb(10.48, 14.56, 8.8);
  --mat-sys-surface-dim: rgb(15.72, 19.84, 12.8);
  --mat-sys-surface-tint: #70e000;
  --mat-sys-surface-variant: rgb(61.6, 73.8, 49.6);
  --mat-sys-tertiary: #70e000;
  --mat-sys-tertiary-container: #245100;
  --mat-sys-tertiary-fixed: #82ff10;
  --mat-sys-tertiary-fixed-dim: #70e000;
  --mat-sys-neutral-variant20: rgb(40.6, 51.2, 32);
  --mat-sys-neutral10: rgb(23, 28.8, 19.2);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: var(--mat-sys-surface-container);
  --lib-page-tint: var(--mat-sys-surface);
  --lib-input-fill: var(--mat-sys-surface-container-low);
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --lib-json-key: #e06c75;
  --lib-json-string: #98c379;
  --lib-json-number: #d19a66;
  --lib-json-boolean: #56b6c2;
  --lib-json-null: #abb2bf;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body[data-theme=abs-dark].tbd-palette-chartreuse .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body[data-theme=abs-dark].tbd-palette-chartreuse .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body[data-theme=abs-dark].tbd-palette-chartreuse .mat-mdc-standard-chip .mat-mdc-chip-action-label,
body.abs-dark-theme.tbd-palette-chartreuse .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.abs-dark-theme.tbd-palette-chartreuse .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.abs-dark-theme.tbd-palette-chartreuse .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body[data-theme=abs-dark] .tbd-swatch-chartreuse,
body.abs-dark-theme .tbd-swatch-chartreuse {
  background: #70e000;
}
body[data-theme=abs-dark].tbd-palette-cyan,
body.abs-dark-theme.tbd-palette-cyan {
  --mat-sys-background: rgb(12.8, 19.84, 19.84);
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: rgb(36, 50.2, 50.2);
  --mat-sys-inverse-primary: #006a6a;
  --mat-sys-inverse-surface: rgb(177.408, 230.542, 229.75);
  --mat-sys-on-background: rgb(177.408, 230.542, 229.75);
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #003737;
  --mat-sys-on-primary-container: #00fbfb;
  --mat-sys-on-primary-fixed: #002020;
  --mat-sys-on-primary-fixed-variant: #004f4f;
  --mat-sys-on-secondary: #1b3534;
  --mat-sys-on-secondary-container: #cce8e7;
  --mat-sys-on-secondary-fixed: #051f1f;
  --mat-sys-on-secondary-fixed-variant: #324b4b;
  --mat-sys-on-surface: rgb(177.408, 230.542, 229.75);
  --mat-sys-on-surface-variant: rgb(172.656, 232.126, 231.334);
  --mat-sys-on-tertiary: #003737;
  --mat-sys-on-tertiary-container: #00fbfb;
  --mat-sys-on-tertiary-fixed: #002020;
  --mat-sys-on-tertiary-fixed-variant: #004f4f;
  --mat-sys-outline: rgb(108.8, 149.8, 149);
  --mat-sys-outline-variant: rgb(50.4, 74.2, 73.4);
  --mat-sys-primary: #00dddd;
  --mat-sys-primary-container: #004f4f;
  --mat-sys-primary-fixed: #00fbfb;
  --mat-sys-primary-fixed-dim: #00dddd;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #b0cccb;
  --mat-sys-secondary-container: #324b4b;
  --mat-sys-secondary-fixed: #cce8e7;
  --mat-sys-secondary-fixed-dim: #b0cccb;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(12.8, 19.84, 19.84);
  --mat-sys-surface-bright: rgb(43.2, 59.32, 58.52);
  --mat-sys-surface-container: rgb(22.4, 32.92, 32.92);
  --mat-sys-surface-container-high: rgb(31.2, 44.02, 43.22);
  --mat-sys-surface-container-highest: rgb(39.2, 55.16, 54.36);
  --mat-sys-surface-container-low: rgb(20, 28.8, 28.8);
  --mat-sys-surface-container-lowest: rgb(8.8, 14.56, 13.76);
  --mat-sys-surface-dim: rgb(12.8, 19.84, 19.84);
  --mat-sys-surface-tint: #00dddd;
  --mat-sys-surface-variant: rgb(50.4, 74.2, 73.4);
  --mat-sys-tertiary: #00dddd;
  --mat-sys-tertiary-container: #004f4f;
  --mat-sys-tertiary-fixed: #00fbfb;
  --mat-sys-tertiary-fixed-dim: #00dddd;
  --mat-sys-neutral-variant20: rgb(32.8, 51, 51);
  --mat-sys-neutral10: rgb(20, 28.8, 28.8);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: var(--mat-sys-surface-container);
  --lib-page-tint: var(--mat-sys-surface);
  --lib-input-fill: var(--mat-sys-surface-container-low);
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --lib-json-key: #e06c75;
  --lib-json-string: #98c379;
  --lib-json-number: #d19a66;
  --lib-json-boolean: #56b6c2;
  --lib-json-null: #abb2bf;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body[data-theme=abs-dark].tbd-palette-cyan .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body[data-theme=abs-dark].tbd-palette-cyan .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body[data-theme=abs-dark].tbd-palette-cyan .mat-mdc-standard-chip .mat-mdc-chip-action-label,
body.abs-dark-theme.tbd-palette-cyan .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.abs-dark-theme.tbd-palette-cyan .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.abs-dark-theme.tbd-palette-cyan .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body[data-theme=abs-dark] .tbd-swatch-cyan,
body.abs-dark-theme .tbd-swatch-cyan {
  background: #00dddd;
}
body[data-theme=abs-dark].tbd-palette-green,
body.abs-dark-theme.tbd-palette-green {
  --mat-sys-background: rgb(14.4, 20.08, 12.8);
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: rgb(37.8, 50.8, 36);
  --mat-sys-inverse-primary: #026e00;
  --mat-sys-inverse-surface: rgb(202.574, 231.374, 193.446);
  --mat-sys-on-background: rgb(202.574, 231.374, 193.446);
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #013a00;
  --mat-sys-on-primary-container: #77ff61;
  --mat-sys-on-primary-fixed: #002200;
  --mat-sys-on-primary-fixed-variant: #015300;
  --mat-sys-on-secondary: #263422;
  --mat-sys-on-secondary-container: #d7e8cd;
  --mat-sys-on-secondary-fixed: #121f0e;
  --mat-sys-on-secondary-fixed-variant: #3c4b37;
  --mat-sys-on-surface: rgb(202.574, 231.374, 193.446);
  --mat-sys-on-surface-variant: rgb(200.198, 232.166, 189.486);
  --mat-sys-on-tertiary: #013a00;
  --mat-sys-on-tertiary-container: #77ff61;
  --mat-sys-on-tertiary-fixed: #002200;
  --mat-sys-on-tertiary-fixed-variant: #015300;
  --mat-sys-outline: rgb(113.4, 151.2, 108);
  --mat-sys-outline-variant: rgb(53.8, 74.2, 50.4);
  --mat-sys-primary: #02e600;
  --mat-sys-primary-container: #015300;
  --mat-sys-primary-fixed: #77ff61;
  --mat-sys-primary-fixed-dim: #02e600;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #bbcbb2;
  --mat-sys-secondary-container: #3c4b37;
  --mat-sys-secondary-fixed: #d7e8cd;
  --mat-sys-secondary-fixed-dim: #bbcbb2;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(14.4, 20.08, 12.8);
  --mat-sys-surface-bright: rgb(45, 59.92, 42.4);
  --mat-sys-surface-container: rgb(24.04, 33.36, 22.4);
  --mat-sys-surface-container-high: rgb(32.14, 44.56, 30.4);
  --mat-sys-surface-container-highest: rgb(41, 54.96, 39.2);
  --mat-sys-surface-container-low: rgb(20.8, 29.2, 19.2);
  --mat-sys-surface-container-lowest: rgb(9.6, 14.72, 8.8);
  --mat-sys-surface-dim: rgb(14.4, 20.08, 12.8);
  --mat-sys-surface-tint: #02e600;
  --mat-sys-surface-variant: rgb(53.8, 74.2, 50.4);
  --mat-sys-tertiary: #02e600;
  --mat-sys-tertiary-container: #015300;
  --mat-sys-tertiary-fixed: #77ff61;
  --mat-sys-tertiary-fixed-dim: #02e600;
  --mat-sys-neutral-variant20: rgb(35.4, 51.6, 32.8);
  --mat-sys-neutral10: rgb(20.8, 29.2, 19.2);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: var(--mat-sys-surface-container);
  --lib-page-tint: var(--mat-sys-surface);
  --lib-input-fill: var(--mat-sys-surface-container-low);
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --lib-json-key: #e06c75;
  --lib-json-string: #98c379;
  --lib-json-number: #d19a66;
  --lib-json-boolean: #56b6c2;
  --lib-json-null: #abb2bf;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body[data-theme=abs-dark].tbd-palette-green .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body[data-theme=abs-dark].tbd-palette-green .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body[data-theme=abs-dark].tbd-palette-green .mat-mdc-standard-chip .mat-mdc-chip-action-label,
body.abs-dark-theme.tbd-palette-green .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.abs-dark-theme.tbd-palette-green .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.abs-dark-theme.tbd-palette-green .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body[data-theme=abs-dark] .tbd-swatch-green,
body.abs-dark-theme .tbd-swatch-green {
  background: #02e600;
}
body[data-theme=abs-dark].tbd-palette-magenta,
body.abs-dark-theme.tbd-palette-magenta {
  --mat-sys-background: rgb(24.32, 14.4, 23.52);
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: rgb(59.8, 37.6, 58.2);
  --mat-sys-inverse-primary: #a900a9;
  --mat-sys-inverse-surface: rgb(236.716, 219.978, 230.776);
  --mat-sys-on-background: rgb(236.716, 219.978, 230.776);
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #5b005b;
  --mat-sys-on-primary-container: #ffd7f5;
  --mat-sys-on-primary-fixed: #380038;
  --mat-sys-on-primary-fixed-variant: #810081;
  --mat-sys-on-secondary: #3d2b3a;
  --mat-sys-on-secondary-container: #f7daef;
  --mat-sys-on-secondary-fixed: #271624;
  --mat-sys-on-secondary-fixed-variant: #554151;
  --mat-sys-on-surface: rgb(236.716, 219.978, 230.776);
  --mat-sys-on-surface-variant: rgb(240.676, 218.394, 233.152);
  --mat-sys-on-tertiary: #5b005b;
  --mat-sys-on-tertiary-container: #ffd7f5;
  --mat-sys-on-tertiary-fixed: #380038;
  --mat-sys-on-tertiary-fixed-variant: #810081;
  --mat-sys-outline: rgb(174, 112.8, 170);
  --mat-sys-outline-variant: rgb(88.2, 54.4, 85.8);
  --mat-sys-primary: #ffabf3;
  --mat-sys-primary-container: #810081;
  --mat-sys-primary-fixed: #ffd7f5;
  --mat-sys-primary-fixed-dim: #ffabf3;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #dabfd2;
  --mat-sys-secondary-container: #554151;
  --mat-sys-secondary-fixed: #f7daef;
  --mat-sys-secondary-fixed-dim: #dabfd2;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(24.32, 14.4, 23.52);
  --mat-sys-surface-bright: rgb(70.04, 44.8, 68.44);
  --mat-sys-surface-container: rgb(40.6, 24, 39.8);
  --mat-sys-surface-container-high: rgb(52.1, 32.8, 51.3);
  --mat-sys-surface-container-highest: rgb(64.52, 40.8, 63.72);
  --mat-sys-surface-container-low: rgb(35.2, 20.8, 34.4);
  --mat-sys-surface-container-lowest: rgb(18.08, 10.4, 17.28);
  --mat-sys-surface-dim: rgb(24.32, 14.4, 23.52);
  --mat-sys-surface-tint: #ffabf3;
  --mat-sys-surface-variant: rgb(88.2, 54.4, 85.8);
  --mat-sys-tertiary: #ffabf3;
  --mat-sys-tertiary-container: #810081;
  --mat-sys-tertiary-fixed: #ffd7f5;
  --mat-sys-tertiary-fixed-dim: #ffabf3;
  --mat-sys-neutral-variant20: rgb(62.2, 36.8, 59.8);
  --mat-sys-neutral10: rgb(35.2, 20.8, 34.4);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: var(--mat-sys-surface-container);
  --lib-page-tint: var(--mat-sys-surface);
  --lib-input-fill: var(--mat-sys-surface-container-low);
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --lib-json-key: #e06c75;
  --lib-json-string: #98c379;
  --lib-json-number: #d19a66;
  --lib-json-boolean: #56b6c2;
  --lib-json-null: #abb2bf;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body[data-theme=abs-dark].tbd-palette-magenta .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body[data-theme=abs-dark].tbd-palette-magenta .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body[data-theme=abs-dark].tbd-palette-magenta .mat-mdc-standard-chip .mat-mdc-chip-action-label,
body.abs-dark-theme.tbd-palette-magenta .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.abs-dark-theme.tbd-palette-magenta .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.abs-dark-theme.tbd-palette-magenta .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body[data-theme=abs-dark] .tbd-swatch-magenta,
body.abs-dark-theme .tbd-swatch-magenta {
  background: #ffabf3;
}
body[data-theme=abs-dark].tbd-palette-orange,
body.abs-dark-theme.tbd-palette-orange {
  --mat-sys-background: rgb(25.08, 16.68, 12.8);
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: rgb(59.2, 44.8, 34.4);
  --mat-sys-inverse-primary: #964900;
  --mat-sys-inverse-surface: rgb(238.902, 221.698, 212.058);
  --mat-sys-on-background: rgb(238.902, 221.698, 212.058);
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #502400;
  --mat-sys-on-primary-container: #ffdcc7;
  --mat-sys-on-primary-fixed: #311300;
  --mat-sys-on-primary-fixed-variant: #723600;
  --mat-sys-on-secondary: #422b1b;
  --mat-sys-on-secondary-container: #ffdcc7;
  --mat-sys-on-secondary-fixed: #2b1708;
  --mat-sys-on-secondary-fixed-variant: #5b4130;
  --mat-sys-on-surface: rgb(238.902, 221.698, 212.058);
  --mat-sys-on-surface-variant: rgb(245.238, 220.114, 206.514);
  --mat-sys-on-tertiary: #502400;
  --mat-sys-on-tertiary-container: #ffdcc7;
  --mat-sys-on-tertiary-fixed: #311300;
  --mat-sys-on-tertiary-fixed-variant: #723600;
  --mat-sys-outline: rgb(172.6, 135.4, 104.8);
  --mat-sys-outline-variant: rgb(88.4, 65.2, 48);
  --mat-sys-primary: #ffb787;
  --mat-sys-primary-container: #723600;
  --mat-sys-primary-fixed: #ffdcc7;
  --mat-sys-primary-fixed-dim: #ffb787;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #e5bfa8;
  --mat-sys-secondary-container: #5b4130;
  --mat-sys-secondary-fixed: #ffdcc7;
  --mat-sys-secondary-fixed-dim: #e5bfa8;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(25.08, 16.68, 12.8);
  --mat-sys-surface-bright: rgb(69.12, 53.44, 41.6);
  --mat-sys-surface-container: rgb(39.84, 28.48, 21.6);
  --mat-sys-surface-container-high: rgb(51.74, 38.98, 30.4);
  --mat-sys-surface-container-highest: rgb(63.76, 48.72, 38.4);
  --mat-sys-surface-container-low: rgb(35.4, 24.6, 18.4);
  --mat-sys-surface-container-lowest: rgb(18.32, 11.92, 8.8);
  --mat-sys-surface-dim: rgb(25.08, 16.68, 12.8);
  --mat-sys-surface-tint: #ffb787;
  --mat-sys-surface-variant: rgb(88.4, 65.2, 48);
  --mat-sys-tertiary: #ffb787;
  --mat-sys-tertiary-container: #723600;
  --mat-sys-tertiary-fixed: #ffdcc7;
  --mat-sys-tertiary-fixed-dim: #ffb787;
  --mat-sys-neutral-variant20: rgb(62.4, 44, 30.4);
  --mat-sys-neutral10: rgb(35.4, 24.6, 18.4);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: var(--mat-sys-surface-container);
  --lib-page-tint: var(--mat-sys-surface);
  --lib-input-fill: var(--mat-sys-surface-container-low);
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --lib-json-key: #e06c75;
  --lib-json-string: #98c379;
  --lib-json-number: #d19a66;
  --lib-json-boolean: #56b6c2;
  --lib-json-null: #abb2bf;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body[data-theme=abs-dark].tbd-palette-orange .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body[data-theme=abs-dark].tbd-palette-orange .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body[data-theme=abs-dark].tbd-palette-orange .mat-mdc-standard-chip .mat-mdc-chip-action-label,
body.abs-dark-theme.tbd-palette-orange .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.abs-dark-theme.tbd-palette-orange .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.abs-dark-theme.tbd-palette-orange .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body[data-theme=abs-dark] .tbd-swatch-orange,
body.abs-dark-theme .tbd-swatch-orange {
  background: #ffb787;
}
body[data-theme=abs-dark].tbd-palette-red,
body.abs-dark-theme.tbd-palette-red {
  --mat-sys-background: rgb(27, 14.4, 13.6);
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: rgb(64.2, 37.8, 36.8);
  --mat-sys-inverse-primary: #c00100;
  --mat-sys-inverse-surface: rgb(240.114, 220.582, 217.008);
  --mat-sys-on-background: rgb(240.114, 220.582, 217.008);
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #690100;
  --mat-sys-on-primary-container: #ffdad4;
  --mat-sys-on-primary-fixed: #410000;
  --mat-sys-on-primary-fixed-variant: #930100;
  --mat-sys-on-secondary: #442925;
  --mat-sys-on-secondary-container: #ffdad4;
  --mat-sys-on-secondary-fixed: #2c1512;
  --mat-sys-on-secondary-fixed-variant: #5d3f3b;
  --mat-sys-on-surface: rgb(240.114, 220.582, 217.008);
  --mat-sys-on-surface-variant: rgb(246.45, 218.206, 214.632);
  --mat-sys-on-tertiary: #690100;
  --mat-sys-on-tertiary-container: #ffdad4;
  --mat-sys-on-tertiary-fixed: #410000;
  --mat-sys-on-tertiary-fixed-variant: #930100;
  --mat-sys-outline: rgb(179, 129, 122.4);
  --mat-sys-outline-variant: rgb(95.8, 53.8, 52);
  --mat-sys-primary: #ffb4a8;
  --mat-sys-primary-container: #930100;
  --mat-sys-primary-fixed: #ffdad4;
  --mat-sys-primary-fixed-dim: #ffb4a8;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #e7bdb6;
  --mat-sys-secondary-container: #5d3f3b;
  --mat-sys-secondary-fixed: #ffdad4;
  --mat-sys-secondary-fixed-dim: #e7bdb6;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(27, 14.4, 13.6);
  --mat-sys-surface-bright: rgb(74.76, 44.2, 44);
  --mat-sys-surface-container: rgb(44.2, 24.04, 23.2);
  --mat-sys-surface-container-high: rgb(57, 32.14, 32);
  --mat-sys-surface-container-highest: rgb(69.88, 41, 40);
  --mat-sys-surface-container-low: rgb(38.6, 20.8, 20);
  --mat-sys-surface-container-lowest: rgb(20.4, 10.4, 9.6);
  --mat-sys-surface-dim: rgb(27, 14.4, 13.6);
  --mat-sys-surface-tint: #ffb4a8;
  --mat-sys-surface-variant: rgb(95.8, 53.8, 52);
  --mat-sys-tertiary: #ffb4a8;
  --mat-sys-tertiary-container: #930100;
  --mat-sys-tertiary-fixed: #ffdad4;
  --mat-sys-tertiary-fixed-dim: #ffb4a8;
  --mat-sys-neutral-variant20: rgb(68.2, 36.2, 34.4);
  --mat-sys-neutral10: rgb(38.6, 20.8, 20);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: var(--mat-sys-surface-container);
  --lib-page-tint: var(--mat-sys-surface);
  --lib-input-fill: var(--mat-sys-surface-container-low);
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --lib-json-key: #e06c75;
  --lib-json-string: #98c379;
  --lib-json-number: #d19a66;
  --lib-json-boolean: #56b6c2;
  --lib-json-null: #abb2bf;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body[data-theme=abs-dark].tbd-palette-red .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body[data-theme=abs-dark].tbd-palette-red .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body[data-theme=abs-dark].tbd-palette-red .mat-mdc-standard-chip .mat-mdc-chip-action-label,
body.abs-dark-theme.tbd-palette-red .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.abs-dark-theme.tbd-palette-red .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.abs-dark-theme.tbd-palette-red .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body[data-theme=abs-dark] .tbd-swatch-red,
body.abs-dark-theme .tbd-swatch-red {
  background: #ffb4a8;
}
body[data-theme=abs-dark].tbd-palette-rose,
body.abs-dark-theme.tbd-palette-rose {
  --mat-sys-background: rgb(25.96, 14.4, 18.44);
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: rgb(62.6, 37.6, 47.8);
  --mat-sys-inverse-primary: #ba005c;
  --mat-sys-inverse-surface: rgb(239.262, 220.374, 223.67);
  --mat-sys-on-background: rgb(239.262, 220.374, 223.67);
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #65002f;
  --mat-sys-on-primary-container: #ffd9e1;
  --mat-sys-on-primary-fixed: #3f001b;
  --mat-sys-on-primary-fixed-variant: #8f0045;
  --mat-sys-on-secondary: #422930;
  --mat-sys-on-secondary-container: #ffd9e1;
  --mat-sys-on-secondary-fixed: #2b151b;
  --mat-sys-on-secondary-fixed-variant: #5b3f46;
  --mat-sys-on-surface: rgb(239.262, 220.374, 223.67);
  --mat-sys-on-surface-variant: rgb(244.806, 217.998, 223.67);
  --mat-sys-on-tertiary: #65002f;
  --mat-sys-on-tertiary-container: #ffd9e1;
  --mat-sys-on-tertiary-fixed: #3f001b;
  --mat-sys-on-tertiary-fixed-variant: #8f0045;
  --mat-sys-outline: rgb(177.4, 126.8, 143.6);
  --mat-sys-outline-variant: rgb(93.4, 53.6, 69.8);
  --mat-sys-primary: #ffb1c5;
  --mat-sys-primary-container: #8f0045;
  --mat-sys-primary-fixed: #ffd9e1;
  --mat-sys-primary-fixed-dim: #ffb1c5;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #e3bdc5;
  --mat-sys-secondary-container: #5b3f46;
  --mat-sys-secondary-fixed: #ffd9e1;
  --mat-sys-secondary-fixed-dim: #e3bdc5;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(25.96, 14.4, 18.44);
  --mat-sys-surface-bright: rgb(73.16, 44, 55.96);
  --mat-sys-surface-container: rgb(42.92, 24, 31);
  --mat-sys-surface-container-high: rgb(55.52, 32, 41);
  --mat-sys-surface-container-highest: rgb(68.28, 40.8, 51.88);
  --mat-sys-surface-container-low: rgb(38.2, 20.8, 27);
  --mat-sys-surface-container-lowest: rgb(19.44, 10.4, 13.36);
  --mat-sys-surface-dim: rgb(25.96, 14.4, 18.44);
  --mat-sys-surface-tint: #ffb1c5;
  --mat-sys-surface-variant: rgb(93.4, 53.6, 69.8);
  --mat-sys-tertiary: #ffb1c5;
  --mat-sys-tertiary-container: #8f0045;
  --mat-sys-tertiary-fixed: #ffd9e1;
  --mat-sys-tertiary-fixed-dim: #ffb1c5;
  --mat-sys-neutral-variant20: rgb(66.6, 36, 47.8);
  --mat-sys-neutral10: rgb(38.2, 20.8, 27);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: var(--mat-sys-surface-container);
  --lib-page-tint: var(--mat-sys-surface);
  --lib-input-fill: var(--mat-sys-surface-container-low);
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --lib-json-key: #e06c75;
  --lib-json-string: #98c379;
  --lib-json-number: #d19a66;
  --lib-json-boolean: #56b6c2;
  --lib-json-null: #abb2bf;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body[data-theme=abs-dark].tbd-palette-rose .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body[data-theme=abs-dark].tbd-palette-rose .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body[data-theme=abs-dark].tbd-palette-rose .mat-mdc-standard-chip .mat-mdc-chip-action-label,
body.abs-dark-theme.tbd-palette-rose .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.abs-dark-theme.tbd-palette-rose .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.abs-dark-theme.tbd-palette-rose .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body[data-theme=abs-dark] .tbd-swatch-rose,
body.abs-dark-theme .tbd-swatch-rose {
  background: #ffb1c5;
}
body[data-theme=abs-dark].tbd-palette-spring-green,
body.abs-dark-theme.tbd-palette-spring-green {
  --mat-sys-background: rgb(13.6, 19.96, 14.92);
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: rgb(36.8, 50.6, 41.4);
  --mat-sys-inverse-primary: #006d33;
  --mat-sys-inverse-surface: rgb(198.594, 231.364, 205.638);
  --mat-sys-on-background: rgb(198.594, 231.364, 205.638);
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #003917;
  --mat-sys-on-primary-container: #63ff94;
  --mat-sys-on-primary-fixed: #00210b;
  --mat-sys-on-primary-fixed-variant: #005225;
  --mat-sys-on-secondary: #233425;
  --mat-sys-on-secondary-container: #d3e8d2;
  --mat-sys-on-secondary-fixed: #0e1f12;
  --mat-sys-on-secondary-fixed-variant: #394b3b;
  --mat-sys-on-surface: rgb(198.594, 231.364, 205.638);
  --mat-sys-on-surface-variant: rgb(194.634, 232.948, 202.47);
  --mat-sys-on-tertiary: #003917;
  --mat-sys-on-tertiary-container: #63ff94;
  --mat-sys-on-tertiary-fixed: #00210b;
  --mat-sys-on-tertiary-fixed-variant: #005225;
  --mat-sys-outline: rgb(111.2, 151, 125.8);
  --mat-sys-outline-variant: rgb(52, 74.8, 59.4);
  --mat-sys-primary: #00e472;
  --mat-sys-primary-container: #005225;
  --mat-sys-primary-fixed: #63ff94;
  --mat-sys-primary-fixed-dim: #00e472;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #b7ccb7;
  --mat-sys-secondary-container: #394b3b;
  --mat-sys-secondary-fixed: #d3e8d2;
  --mat-sys-secondary-fixed-dim: #b7ccb7;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(13.6, 19.96, 14.92);
  --mat-sys-surface-bright: rgb(44, 59.88, 48.92);
  --mat-sys-surface-container: rgb(23.2, 33.16, 25.88);
  --mat-sys-surface-container-high: rgb(32, 44.36, 35.08);
  --mat-sys-surface-container-highest: rgb(40, 55.64, 45.16);
  --mat-sys-surface-container-low: rgb(20, 29, 22.2);
  --mat-sys-surface-container-lowest: rgb(9.6, 14.64, 10.48);
  --mat-sys-surface-dim: rgb(13.6, 19.96, 14.92);
  --mat-sys-surface-tint: #00e472;
  --mat-sys-surface-variant: rgb(52, 74.8, 59.4);
  --mat-sys-tertiary: #00e472;
  --mat-sys-tertiary-container: #005225;
  --mat-sys-tertiary-fixed: #63ff94;
  --mat-sys-tertiary-fixed-dim: #00e472;
  --mat-sys-neutral-variant20: rgb(34.4, 51.4, 39);
  --mat-sys-neutral10: rgb(20, 29, 22.2);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: var(--mat-sys-surface-container);
  --lib-page-tint: var(--mat-sys-surface);
  --lib-input-fill: var(--mat-sys-surface-container-low);
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --lib-json-key: #e06c75;
  --lib-json-string: #98c379;
  --lib-json-number: #d19a66;
  --lib-json-boolean: #56b6c2;
  --lib-json-null: #abb2bf;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body[data-theme=abs-dark].tbd-palette-spring-green .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body[data-theme=abs-dark].tbd-palette-spring-green .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body[data-theme=abs-dark].tbd-palette-spring-green .mat-mdc-standard-chip .mat-mdc-chip-action-label,
body.abs-dark-theme.tbd-palette-spring-green .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.abs-dark-theme.tbd-palette-spring-green .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.abs-dark-theme.tbd-palette-spring-green .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body[data-theme=abs-dark] .tbd-swatch-spring-green,
body.abs-dark-theme .tbd-swatch-spring-green {
  background: #00e472;
}
body[data-theme=abs-dark].tbd-palette-violet,
body.abs-dark-theme.tbd-palette-violet {
  --mat-sys-background: rgb(21.48, 15.2, 28.04);
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: rgb(53.2, 38.4, 68.4);
  --mat-sys-inverse-primary: #7d00fa;
  --mat-sys-inverse-surface: rgb(230.138, 221.76, 235.15);
  --mat-sys-on-background: rgb(230.138, 221.76, 235.15);
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #42008a;
  --mat-sys-on-primary-container: #ecdcff;
  --mat-sys-on-primary-fixed: #270057;
  --mat-sys-on-primary-fixed-variant: #5f00c0;
  --mat-sys-on-secondary: #352d40;
  --mat-sys-on-secondary-container: #eadef7;
  --mat-sys-on-secondary-fixed: #1f182a;
  --mat-sys-on-secondary-fixed-variant: #4b4357;
  --mat-sys-on-surface: rgb(230.138, 221.76, 235.15);
  --mat-sys-on-surface-variant: rgb(231.722, 220.968, 239.11);
  --mat-sys-on-tertiary: #42008a;
  --mat-sys-on-tertiary-container: #ecdcff;
  --mat-sys-on-tertiary-fixed: #270057;
  --mat-sys-on-tertiary-fixed-variant: #5f00c0;
  --mat-sys-outline: rgb(153, 136.8, 173.4);
  --mat-sys-outline-variant: rgb(77.4, 55.2, 100.8);
  --mat-sys-primary: #d5baff;
  --mat-sys-primary-container: #5f00c0;
  --mat-sys-primary-fixed: #ecdcff;
  --mat-sys-primary-fixed-dim: #d5baff;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #cec2db;
  --mat-sys-secondary-container: #4b4357;
  --mat-sys-secondary-fixed: #eadef7;
  --mat-sys-secondary-fixed-dim: #cec2db;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(21.48, 15.2, 28.04);
  --mat-sys-surface-bright: rgb(62.64, 44.8, 79.76);
  --mat-sys-surface-container: rgb(35.28, 24.8, 46.64);
  --mat-sys-surface-container-high: rgb(45.98, 32.8, 60.54);
  --mat-sys-surface-container-highest: rgb(57.52, 41.6, 73.68);
  --mat-sys-surface-container-low: rgb(31, 21.6, 41.4);
  --mat-sys-surface-container-lowest: rgb(15.12, 10.4, 20.56);
  --mat-sys-surface-dim: rgb(21.48, 15.2, 28.04);
  --mat-sys-surface-tint: #d5baff;
  --mat-sys-surface-variant: rgb(77.4, 55.2, 100.8);
  --mat-sys-tertiary: #d5baff;
  --mat-sys-tertiary-container: #5f00c0;
  --mat-sys-tertiary-fixed: #ecdcff;
  --mat-sys-tertiary-fixed-dim: #d5baff;
  --mat-sys-neutral-variant20: rgb(54, 37.6, 71.6);
  --mat-sys-neutral10: rgb(31, 21.6, 41.4);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: var(--mat-sys-surface-container);
  --lib-page-tint: var(--mat-sys-surface);
  --lib-input-fill: var(--mat-sys-surface-container-low);
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --lib-json-key: #e06c75;
  --lib-json-string: #98c379;
  --lib-json-number: #d19a66;
  --lib-json-boolean: #56b6c2;
  --lib-json-null: #abb2bf;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body[data-theme=abs-dark].tbd-palette-violet .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body[data-theme=abs-dark].tbd-palette-violet .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body[data-theme=abs-dark].tbd-palette-violet .mat-mdc-standard-chip .mat-mdc-chip-action-label,
body.abs-dark-theme.tbd-palette-violet .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.abs-dark-theme.tbd-palette-violet .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.abs-dark-theme.tbd-palette-violet .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body[data-theme=abs-dark] .tbd-swatch-violet,
body.abs-dark-theme .tbd-swatch-violet {
  background: #d5baff;
}
body[data-theme=abs-dark].tbd-palette-yellow,
body.abs-dark-theme.tbd-palette-yellow {
  --mat-sys-background: rgb(19.48, 19.48, 12);
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #93000a;
  --mat-sys-inverse-on-surface: rgb(49.2, 49.2, 34.4);
  --mat-sys-inverse-primary: #626200;
  --mat-sys-inverse-surface: rgb(229.472, 226.304, 171.864);
  --mat-sys-on-background: rgb(229.472, 226.304, 171.864);
  --mat-sys-on-error: #690005;
  --mat-sys-on-error-container: #ffdad6;
  --mat-sys-on-primary: #323200;
  --mat-sys-on-primary-container: #eaea00;
  --mat-sys-on-primary-fixed: #1d1d00;
  --mat-sys-on-primary-fixed-variant: #494900;
  --mat-sys-on-secondary: #323218;
  --mat-sys-on-secondary-container: #e7e4bf;
  --mat-sys-on-secondary-fixed: #1d1d06;
  --mat-sys-on-secondary-fixed-variant: #49482d;
  --mat-sys-on-surface: rgb(229.472, 226.304, 171.864);
  --mat-sys-on-surface-variant: rgb(229.472, 227.096, 165.528);
  --mat-sys-on-tertiary: #323200;
  --mat-sys-on-tertiary-container: #eaea00;
  --mat-sys-on-tertiary-fixed: #1d1d00;
  --mat-sys-on-tertiary-fixed-variant: #494900;
  --mat-sys-outline: rgb(147.6, 146, 104);
  --mat-sys-outline-variant: rgb(72.2, 71.4, 46.4);
  --mat-sys-primary: #cdcd00;
  --mat-sys-primary-container: #494900;
  --mat-sys-primary-fixed: #eaea00;
  --mat-sys-primary-fixed-dim: #cdcd00;
  --mat-sys-scrim: black;
  --mat-sys-secondary: #cac8a5;
  --mat-sys-secondary-container: #49482d;
  --mat-sys-secondary-fixed: #e7e4bf;
  --mat-sys-secondary-fixed-dim: #cac8a5;
  --mat-sys-shadow: black;
  --mat-sys-surface: rgb(19.48, 19.48, 12);
  --mat-sys-surface-bright: rgb(58.32, 57.52, 40.8);
  --mat-sys-surface-container: rgb(32.24, 32.24, 21.6);
  --mat-sys-surface-container-high: rgb(43.14, 42.34, 29.6);
  --mat-sys-surface-container-highest: rgb(54.16, 53.36, 37.6);
  --mat-sys-surface-container-low: rgb(28.2, 28.2, 18.4);
  --mat-sys-surface-container-lowest: rgb(14.32, 13.52, 8);
  --mat-sys-surface-dim: rgb(19.48, 19.48, 12);
  --mat-sys-surface-tint: #cdcd00;
  --mat-sys-surface-variant: rgb(72.2, 71.4, 46.4);
  --mat-sys-tertiary: #cdcd00;
  --mat-sys-tertiary-container: #494900;
  --mat-sys-tertiary-fixed: #eaea00;
  --mat-sys-tertiary-fixed-dim: #cdcd00;
  --mat-sys-neutral-variant20: rgb(49.2, 49.2, 29.6);
  --mat-sys-neutral10: rgb(28.2, 28.2, 18.4);
  --mat-sys-level0:
    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-sys-level1:
    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-sys-level2:
    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-sys-level3:
    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-sys-level4:
    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-sys-level5:
    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-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --lib-surface-tint: var(--mat-sys-surface-container);
  --lib-page-tint: var(--mat-sys-surface);
  --lib-input-fill: var(--mat-sys-surface-container-low);
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --lib-json-key: #e06c75;
  --lib-json-string: #98c379;
  --lib-json-number: #d19a66;
  --lib-json-boolean: #56b6c2;
  --lib-json-null: #abb2bf;
  --lib-surface-tint-hover: var(--mat-sys-surface-container-low);
  --mat-table-background-color: var(--lib-surface-tint);
  --mat-card-outlined-container-color: var(--lib-surface-tint);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
  --mat-focus-indicator-display: block;
}
body[data-theme=abs-dark].tbd-palette-yellow .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body[data-theme=abs-dark].tbd-palette-yellow .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body[data-theme=abs-dark].tbd-palette-yellow .mat-mdc-standard-chip .mat-mdc-chip-action-label,
body.abs-dark-theme.tbd-palette-yellow .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
body.abs-dark-theme.tbd-palette-yellow .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
body.abs-dark-theme.tbd-palette-yellow .mat-mdc-standard-chip .mat-mdc-chip-action-label {
  overflow: visible;
}
body[data-theme=abs-dark] .tbd-swatch-yellow,
body.abs-dark-theme .tbd-swatch-yellow {
  background: #cdcd00;
}
body[data-theme=abs-dark] .palette-swatch-check,
body.abs-dark-theme .palette-swatch-check {
  color: rgba(0, 0, 0, 0.87);
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border-width: var(--mat-focus-indicator-border-width, 3px);
  border-style: var(--mat-focus-indicator-border-style, solid);
  border-color: var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus-visible::before {
  content: "";
}
@media (forced-colors: active) {
  html {
    --mat-focus-indicator-display: block;
  }
}
:root {
  --app-content-padding: 24px;
  --app-section-gap: 16px;
  --app-sidebar-width: 256px;
  --app-sidebar-collapsed-width: 64px;
  --lib-form-max-width: 640px;
  --lib-content-max-width: 1100px;
  --lib-font-heading: "Inter", sans-serif;
  --lib-font-body:
    "Inter",
    "Segoe UI",
    system-ui,
    sans-serif;
  --lib-font-mono:
    "JetBrains Mono",
    "Consolas",
    monospace;
  --lib-color-success: #15803d;
  --lib-color-on-success: #ffffff;
  --lib-color-warning: #b45309;
  --lib-color-on-warning: #ffffff;
  --lib-color-info: #1d4ed8;
  --lib-color-on-info: #ffffff;
  --lib-color-neutral: #4b5563;
  --lib-color-on-neutral: #ffffff;
}
body {
  --lib-color-success-container: color-mix(in oklab, var(--lib-color-success) 18%, var(--mat-sys-surface));
  --lib-color-on-success-container: color-mix(in oklab, var(--lib-color-success) 75%, var(--mat-sys-on-surface));
  --lib-color-success-container-strong: color-mix(in oklab, var(--lib-color-success) 30%, var(--mat-sys-surface));
  --lib-color-warning-container: color-mix(in oklab, var(--lib-color-warning) 18%, var(--mat-sys-surface));
  --lib-color-on-warning-container: color-mix(in oklab, var(--lib-color-warning) 75%, var(--mat-sys-on-surface));
  --lib-color-info-container: color-mix(in oklab, var(--lib-color-info) 18%, var(--mat-sys-surface));
  --lib-color-on-info-container: color-mix(in oklab, var(--lib-color-info) 75%, var(--mat-sys-on-surface));
  --lib-color-neutral-container: color-mix(in oklab, var(--lib-color-neutral) 18%, var(--mat-sys-surface));
  --lib-color-on-neutral-container: color-mix(in oklab, var(--lib-color-neutral) 75%, var(--mat-sys-on-surface));
}
.lib-card {
  background: var(--lib-surface-tint);
  border: 1px solid var(--mat-sys-outline-variant);
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 16px;
}
.lib-card-form {
  width: 100%;
  max-width: var(--_edit-max-width, var(--lib-form-max-width, 640px));
  box-shadow: var(--mat-sys-level1);
}
.lib-section-caption {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  margin: 0 0 12px;
}
.lib-section-caption mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
mat-divider.lib-section-divider {
  margin: 24px 0 16px;
}
.lib-tag {
  display: inline-block;
  font-size: 10.5px;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 20px;
  white-space: nowrap;
}
.lib-tag-success {
  background: var(--lib-color-success-container);
  color: color-mix(in oklab, var(--lib-color-success) 55%, var(--mat-sys-on-surface));
}
.lib-tag-warning {
  background: var(--lib-color-warning-container);
  color: color-mix(in oklab, var(--lib-color-warning) 55%, var(--mat-sys-on-surface));
}
.lib-tag-error {
  background: var(--mat-sys-error-container);
  color: var(--mat-sys-on-error-container);
}
.lib-tag-info {
  background: var(--lib-color-info-container);
  color: color-mix(in oklab, var(--lib-color-info) 55%, var(--mat-sys-on-surface));
}
.lib-tag-neutral {
  background: var(--lib-color-neutral-container);
  color: color-mix(in oklab, var(--lib-color-neutral) 55%, var(--mat-sys-on-surface));
}
.lib-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 6px;
}
.lib-dot-success {
  background: var(--lib-color-success);
}
.lib-dot-warning {
  background: var(--lib-color-warning);
}
.lib-dot-error {
  background: var(--mat-sys-error);
}
.lib-dot-info {
  background: var(--lib-color-info);
}
.lib-dot-neutral {
  background: var(--lib-color-neutral);
}
.lib-chip {
  display: inline-block;
  font-size: 11.5px;
  font-weight: 600;
  padding: 5px 11px;
  border-radius: 20px;
  background: var(--mat-sys-secondary-container);
  color: var(--mat-sys-on-secondary-container);
}
[mat-flat-button].lib-btn-success {
  --mat-button-filled-container-color: var(--lib-color-success);
  --mat-button-filled-label-text-color: var(--lib-color-on-success);
  --mat-button-filled-state-layer-color: var(--lib-color-on-success);
  --mat-button-filled-ripple-color: color-mix(in oklab, var(--lib-color-on-success) 12%, transparent);
}
[mat-stroked-button].lib-btn-success {
  --mat-button-outlined-outline-color: var(--lib-color-success);
  --mat-button-outlined-label-text-color: var(--lib-color-success);
  --mat-button-outlined-state-layer-color: var(--lib-color-success);
  --mat-button-outlined-ripple-color: color-mix(in oklab, var(--lib-color-success) 12%, transparent);
}
[mat-flat-button].lib-btn-warning {
  --mat-button-filled-container-color: var(--lib-color-warning);
  --mat-button-filled-label-text-color: var(--lib-color-on-warning);
  --mat-button-filled-state-layer-color: var(--lib-color-on-warning);
  --mat-button-filled-ripple-color: color-mix(in oklab, var(--lib-color-on-warning) 12%, transparent);
}
[mat-stroked-button].lib-btn-warning {
  --mat-button-outlined-outline-color: var(--lib-color-warning);
  --mat-button-outlined-label-text-color: var(--lib-color-warning);
  --mat-button-outlined-state-layer-color: var(--lib-color-warning);
  --mat-button-outlined-ripple-color: color-mix(in oklab, var(--lib-color-warning) 12%, transparent);
}
.lib-btn-full {
  width: 100%;
}
[mat-flat-button] {
  --mat-button-filled-container-shape: 8px;
  --mat-button-filled-label-text-weight: 600;
}
[mat-stroked-button] {
  --mat-button-outlined-container-shape: 8px;
  --mat-button-outlined-label-text-weight: 600;
}
[mat-button] {
  --mat-button-text-container-shape: 8px;
  --mat-button-text-label-text-weight: 600;
}
.lib-money {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
mat-cell.lib-money,
[mat-cell].lib-money,
mat-header-cell.lib-money,
[mat-header-cell].lib-money {
  text-align: right;
}
.lib-callout {
  border: 1px solid;
  border-radius: 8px;
  padding: 10px 14px;
  font-size: 12.5px;
  margin-bottom: 14px;
}
.lib-callout-success {
  background: var(--lib-color-success-container);
  color: var(--lib-color-on-success-container);
  border-color: var(--lib-color-success);
}
.lib-callout-warning {
  background: var(--lib-color-warning-container);
  color: var(--lib-color-on-warning-container);
  border-color: var(--lib-color-warning);
}
.lib-callout-error {
  background: var(--mat-sys-error-container);
  color: var(--mat-sys-on-error-container);
  border-color: var(--mat-sys-error);
}
.lib-callout-info {
  background: var(--lib-color-info-container);
  color: var(--lib-color-on-info-container);
  border-color: var(--lib-color-info);
}
.lib-callout-neutral {
  background: var(--lib-color-neutral-container);
  color: var(--lib-color-on-neutral-container);
  border-color: var(--lib-color-neutral);
}
.lib-page-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}
.lib-page-header-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.lib-page-header-back {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  border: none;
  background: none;
  border-radius: 8px;
  font-family: var(--lib-font-body);
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--mat-sys-primary);
  --mat-icon-button-icon-color: var(--mat-sys-primary);
  cursor: pointer;
  transition: background 0.15s ease;
}
.lib-page-header-back mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.lib-page-header-back:hover {
  background: var(--mat-sys-primary-container);
}
.lib-page-header-text {
  min-width: 0;
}
.lib-page-header-crumb {
  font-size: 12px;
  color: var(--mat-sys-on-surface-variant);
  margin-bottom: 4px;
}
.lib-page-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
  flex-shrink: 0;
}
.lib-page-header-icon mat-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.lib-page-header-subtitle {
  font-size: 0.85rem;
  color: var(--mat-sys-on-surface-variant);
  margin: 4px 0 0;
  line-height: 1.4;
}
.lib-page-header-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 22.4px;
  font-family: var(--lib-font-heading, "Inter", sans-serif);
  font-weight: 700;
  color: var(--mat-sys-on-surface);
  margin: 0;
}
.lib-page-header-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 8px;
}
.lib-kpi-value {
  font-size: 24px;
  font-weight: 800;
  color: var(--mat-sys-on-surface);
}
.lib-kpi-label {
  font-size: 11.5px;
  color: var(--mat-sys-on-surface-variant);
  margin-top: 2px;
}
.lib-kpi-delta {
  font-size: 11.5px;
  font-weight: 700;
  margin-top: 6px;
}
.lib-kpi-delta-up {
  color: var(--lib-color-success);
}
.lib-kpi-delta-down {
  color: var(--mat-sys-error);
}
.lib-kpi-delta-warn {
  color: var(--lib-color-warning);
}
.lib-grid {
  display: grid;
  gap: 14px;
}
.lib-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.lib-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.lib-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1100px) {
  .lib-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .lib-grid-3,
  .lib-grid-2 {
    grid-template-columns: 1fr;
  }
}
.lib-steps {
  display: flex;
  gap: 0;
  margin-bottom: 20px;
  border-radius: 8px;
  overflow: hidden;
}
.lib-step {
  flex: 1;
  min-width: 0;
  text-align: center;
  padding: 10px 6px;
  font-size: 12.5px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--mat-sys-surface-variant);
  color: var(--mat-sys-on-surface-variant);
}
.lib-step-done {
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
.lib-step-done::before {
  content: "\2713  ";
  font-weight: 700;
}
.lib-step-current {
  background: var(--mat-sys-primary);
  color: var(--mat-sys-on-primary);
  font-weight: 800;
  box-shadow: inset 0 -3px 0 0 var(--mat-sys-on-primary);
}
.lib-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
}
.lib-timeline-item {
  position: relative;
  padding: 0 0 18px 26px;
  margin-left: 8px;
  border-left: 2px solid var(--mat-sys-outline-variant);
}
.lib-timeline-item:last-child {
  border-left-color: transparent;
}
.lib-timeline-item::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--mat-sys-primary);
  border: 2px solid var(--mat-sys-surface);
}
.lib-timeline-item-pending::before {
  background: var(--mat-sys-outline-variant);
}
.lib-timeline-title {
  font-weight: 700;
  font-size: 13px;
  color: var(--mat-sys-on-surface);
}
.lib-timeline-detail {
  font-size: 11.5px;
  color: var(--mat-sys-on-surface-variant);
}
.lib-option-card {
  display: block;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  font: inherit;
  border: 2px solid var(--mat-sys-outline-variant);
  border-radius: 10px;
  padding: 16px;
  cursor: pointer;
  background: var(--mat-sys-surface);
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.lib-option-card:hover {
  border-color: var(--mat-sys-outline);
}
.lib-option-card:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: 2px;
}
.lib-option-card-selected {
  border-width: 3px;
  border-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
}
.lib-option-card-figure {
  font-size: 21px;
  font-weight: 800;
  color: var(--mat-sys-on-surface);
}
.lib-option-card-name {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 6px;
  color: var(--mat-sys-on-surface);
}
.lib-option-card-features {
  list-style: none;
  font-size: 12px;
  color: var(--mat-sys-on-surface-variant);
  margin: 0;
  padding: 0;
}
.lib-option-card-features li {
  padding: 2px 0;
}
.lib-option-card-features li::before {
  content: "\2713  ";
  color: var(--mat-sys-primary);
  font-weight: 700;
}
.lib-split {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--app-section-gap, 16px);
}
.lib-form-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--app-section-gap, 16px);
  max-width: var(--lib-content-max-width, 1100px);
}
.lib-full {
  grid-column: 1/-1;
}
@media (max-width: 1000px) {
  .lib-split,
  .lib-form-grid {
    grid-template-columns: 1fr;
  }
}
.lib-sidebar-caption {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--mat-sys-on-surface-variant);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background 150ms ease;
}
.lib-sidebar-caption:hover {
  background: var(--mat-sys-surface-container-high);
}
mat-icon.lib-sidebar-caption-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: var(--mat-sys-primary);
  flex-shrink: 0;
}
.lib-sidebar-caption-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
mat-icon.lib-sidebar-caption-chevron {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--mat-sys-on-surface-variant);
  transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
}
mat-icon.lib-sidebar-caption-chevron.expanded {
  transform: rotate(180deg);
}
mat-nav-list.lib-sidebar-nav-list {
  padding: 0;
  --mat-list-active-indicator-shape: 0;
  --mat-list-list-item-leading-icon-start-space: 0;
  --mat-list-list-item-one-line-container-height: 34px;
  --mat-list-list-item-leading-icon-size: 18px;
  --mat-list-list-item-label-text-size: 0.8125rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-hover-leading-icon-color: var(--mat-sys-on-surface);
  --mat-list-list-item-focus-state-layer-opacity: 0;
}
mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item {
  padding-left: 28px;
  padding-right: 16px;
  margin-right: 0;
  border-radius: 0;
  border-left: 3px solid transparent;
  box-sizing: border-box;
  transition: background-color 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --mat-focus-indicator-display: none;
}
mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item:focus-visible {
  outline: 2px solid var(--mat-sys-primary);
  outline-offset: -2px;
}
mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-root {
  padding-left: 13px;
}
mat-nav-list.lib-sidebar-nav-list [mat-list-item].lib-sidebar-nav-item.lib-sidebar-nav-item-active {
  --mat-list-list-item-container-color: var(--lib-sidebar-selected-fill);
  --mat-list-list-item-label-text-color: var(--mat-sys-on-surface);
  --mat-list-list-item-label-text-weight: 600;
  border-left-color: var(--mat-sys-primary);
}
.lib-sidebar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: 500;
  color: var(--mat-sys-on-surface-variant);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.lib-sidebar-item mat-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.lib-sidebar-item:hover {
  background: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface);
}
.lib-sidebar-item-active {
  border-left-color: var(--mat-sys-primary);
  background: var(--mat-sys-primary-container);
  color: var(--mat-sys-on-primary-container);
}
.lib-sidebar {
  --mat-sys-surface: rgb(14.4, 18.44, 25.16);
  --mat-sys-surface-container: rgb(24.8, 31.8, 41.32);
  --mat-sys-surface-container-high: rgb(32.8, 41.8, 53.12);
  --mat-sys-surface-container-low: rgb(20.8, 27, 37.4);
  --mat-sys-surface-container-highest: rgb(41.6, 52.68, 65.88);
  --mat-sys-surface-variant: rgb(54.4, 70.6, 91);
  --mat-sys-on-surface: rgb(222.354, 224.858, 234.52);
  --mat-sys-on-surface-variant: rgb(219.978, 224.858, 239.272);
  --mat-sys-outline: rgb(127, 143.8, 173.4);
  --mat-sys-outline-variant: rgb(54.4, 70.6, 91);
  --mat-sys-inverse-surface: rgb(222.354, 224.858, 234.52);
  --mat-sys-inverse-on-surface: rgb(37.6, 47.8, 61);
  --mat-sys-background: rgb(14.4, 18.44, 25.16);
  --mat-sys-on-background: rgb(222.354, 224.858, 234.52);
  --mat-sys-secondary-container: #3e4759;
  --mat-sys-on-secondary-container: #dae2f9;
  --mat-sys-primary: #abc7ff;
  --mat-sys-on-primary: #002f65;
  --mat-sys-primary-container: #00458f;
  --mat-sys-on-primary-container: #d7e3ff;
  --mat-sys-error: #ffb4ab;
  --mat-sys-on-error: #690005;
  --lib-sidebar-selected-fill: var(--mat-sys-primary-container);
  --mat-focus-indicator-border-color: var(--mat-sys-primary);
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--lib-font-body);
  background: var(--mat-sys-surface);
  color: var(--mat-sys-on-surface);
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
body[data-theme=abs-dark],
body.abs-dark-theme {
  --ae-toolbar-bg-color: var(--mat-sys-surface-container, #2b2b2b);
  --ae-toolbar-border-radius: 1px solid var(--mat-sys-outline-variant, #444);
  --ae-text-area-border: 1px solid var(--mat-sys-outline-variant, #444);
  --ae-button-bg-color: var(--mat-sys-surface-container-high, #333);
  --ae-button-border: 1px solid var(--mat-sys-outline-variant, #555);
  --ae-button-hover-bg-color: var(--mat-sys-surface-container-highest, #444);
  --ae-button-active-bg-color: var(--mat-sys-primary-container, #3a3a3a);
  --ae-button-active-hover-bg-color: var(--mat-sys-primary-container, #4a4a4a);
  --ae-button-disabled-bg-color: var(--mat-sys-surface-container, #2b2b2b);
  --ae-picker-label-color: var(--mat-sys-surface, #1e1e1e);
  --ae-picker-icon-bg-color: var(--mat-sys-surface-container-high, #333);
  --ae-picker-option-bg-color: var(--mat-sys-surface-container, #2b2b2b);
  --ae-picker-option-active-bg-color: var(--mat-sys-primary-container, #3a3a3a);
  --ae-picker-option-focused-bg-color: var(--mat-sys-surface-container-highest, #444);
  --ae-picker-option-hover-bg-color: var(--mat-sys-surface-container-high, #3a3a3a);
  --ae-focus-outline-color: var(--mat-sys-primary, #bb86fc) auto 1px;
}
body[data-theme=abs-dark] .angular-editor-textarea,
body.abs-dark-theme .angular-editor-textarea {
  background-color: var(--mat-sys-surface, #1e1e1e) !important;
  color: var(--mat-sys-on-surface, #e0e0e0) !important;
}
body[data-theme=abs-dark] .angular-editor-toolbar-set .angular-editor-button,
body.abs-dark-theme .angular-editor-toolbar-set .angular-editor-button {
  filter: invert(1);
}
.mat-mdc-card {
  border-radius: 12px !important;
}
.grecaptcha-badge {
  visibility: hidden;
}
body.abs-dark-theme {
  scrollbar-width: thin;
  scrollbar-color: #444 transparent;
}
body.abs-dark-theme::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
body.abs-dark-theme::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 3px;
}
.support-readonly button[mat-flat-button],
.support-readonly button[type=submit] {
  opacity: 0.55;
}

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