/* projects/shared/ui/design-system/src/styles/themes/default/index.scss */
@keyframes fs-skeleton-background-loader {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes fs-skeleton-text-loader {
  0% {
    background-color: var(--initial-background);
  }
  50% {
    background-color: var(--transition-background);
  }
  100% {
    background-color: var(--initial-background);
  }
}
@keyframes fs-skeleton-outline-loader {
  0% {
    outline-color: var(--initial-outline);
  }
  50% {
    outline-color: var(--transition-outline);
  }
  100% {
    outline-color: var(--initial-outline);
  }
}
html {
  color-scheme: light;
  --mat-sys-background: light-dark(#2a282d, );
  --mat-sys-error: light-dark(#ff433d, #c20000);
  --mat-sys-error-container: light-dark(#a30000, #ff7a7a);
  --mat-sys-inverse-on-surface: light-dark(#2a282d, #cdcdd5);
  --mat-sys-inverse-primary: light-dark(#7f2f52, #cf285c);
  --mat-sys-inverse-surface: light-dark(#cdcdd5, #38373d);
  --mat-sys-on-background: light-dark(#e2e1e6, #38373d);
  --mat-sys-on-error: light-dark(#850000, #ffb8b8);
  --mat-sys-on-error-container: light-dark(#ff7a7a, #a30000);
  --mat-sys-on-primary: light-dark(#53283d, #ffa3c6);
  --mat-sys-on-primary-container: light-dark(#f15a90, #6c2d4b);
  --mat-sys-on-primary-fixed: light-dark(#ffd3e6, #ffd3e6);
  --mat-sys-on-primary-fixed-variant: light-dark(#f15a90, #f15a90);
  --mat-sys-on-secondary: light-dark(#062c44, #96d9e4);
  --mat-sys-on-secondary-container: light-dark(#4bb0c0, #063650);
  --mat-sys-on-secondary-fixed: light-dark(#bbe9f0, #bbe9f0);
  --mat-sys-on-secondary-fixed-variant: light-dark(#4bb0c0, #4bb0c0);
  --mat-sys-on-surface: light-dark(#e2e1e6, #38373d);
  --mat-sys-on-surface-variant: light-dark(#a6acb3, #38373d);
  --mat-sys-on-tertiary: light-dark(#584141, #fffece);
  --mat-sys-on-tertiary-container: light-dark(#fbfdaf, #765656);
  --mat-sys-on-tertiary-fixed: light-dark(#fffede, #fffede);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#fbfdaf, #fbfdaf);
  --mat-sys-outline: light-dark(#727b7f, #63696e);
  --mat-sys-outline-variant: light-dark(#46464d, #a6acb3);
  --mat-sys-primary: light-dark(#cf285c, #7f2f52);
  --mat-sys-primary-container: light-dark(#6c2d4b, #f15a90);
  --mat-sys-primary-fixed: light-dark(#6c2d4b, #6c2d4b);
  --mat-sys-primary-fixed-dim: light-dark(#7f2f52, #7f2f52);
  --mat-sys-scrim: light-dark(#f3f6f6, #f3f6f6);
  --mat-sys-secondary: light-dark(#007c8f, #05415c);
  --mat-sys-secondary-container: light-dark(#063650, #4bb0c0);
  --mat-sys-secondary-fixed: light-dark(#063650, #063650);
  --mat-sys-secondary-fixed-dim: light-dark(#05415c, #05415c);
  --mat-sys-shadow: light-dark(#f3f6f6, #f3f6f6);
  --mat-sys-surface: light-dark(#2a282d, );
  --mat-sys-surface-bright: light-dark(#2a282d, );
  --mat-sys-surface-container: light-dark(, );
  --mat-sys-surface-container-high: light-dark(, );
  --mat-sys-surface-container-highest: light-dark(#38373d, );
  --mat-sys-surface-container-low: light-dark(, #e2e1e6);
  --mat-sys-surface-container-lowest: light-dark(#2a282d, );
  --mat-sys-surface-dim: light-dark(, );
  --mat-sys-surface-tint: light-dark(#cf285c, #7f2f52);
  --mat-sys-surface-variant: light-dark(#38373d, #a6acb3);
  --mat-sys-tertiary: light-dark(#d8cd98, #8e7167);
  --mat-sys-tertiary-container: light-dark(#765656, #fbfdaf);
  --mat-sys-tertiary-fixed: light-dark(#765656, #765656);
  --mat-sys-tertiary-fixed-dim: light-dark(#8e7167, #8e7167);
  --mat-sys-neutral-variant20: #cdcdd5;
  --mat-sys-neutral10: #e2e1e6;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(243, 246, 246, 0.2),
    0px 0px 0px 0px rgba(243, 246, 246, 0.14),
    0px 0px 0px 0px rgba(243, 246, 246, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(243, 246, 246, 0.2),
    0px 1px 1px 0px rgba(243, 246, 246, 0.14),
    0px 1px 3px 0px rgba(243, 246, 246, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(243, 246, 246, 0.2),
    0px 3px 4px 0px rgba(243, 246, 246, 0.14),
    0px 1px 8px 0px rgba(243, 246, 246, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(243, 246, 246, 0.2),
    0px 6px 10px 0px rgba(243, 246, 246, 0.14),
    0px 1px 18px 0px rgba(243, 246, 246, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(243, 246, 246, 0.2),
    0px 8px 10px 1px rgba(243, 246, 246, 0.14),
    0px 3px 14px 2px rgba(243, 246, 246, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(243, 246, 246, 0.2),
    0px 12px 17px 2px rgba(243, 246, 246, 0.14),
    0px 5px 22px 4px rgba(243, 246, 246, 0.12);
  --mat-sys-body-large:
    400 1rem / 1.5rem Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-body-large-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-body-medium-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-body-small-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-display-large-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-display-medium-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-display-small-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-headline-large-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-headline-medium-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-headline-small-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-label-large-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-label-medium-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-label-small-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-title-large-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-title-medium-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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 Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --mat-sys-title-small-font:
    Reddit Sans Variable,
    Roboto,
    Helvetica Neue,
    sans-serif;
  --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;
}
@media (prefers-contrast: more) {
  html {
    --mat-sys-primary: light-dark(#cf285c, #a72f5c);
    --mat-sys-on-primary: light-dark(#fffede, #fefebe);
    --mat-sys-primary-container: light-dark(#bd2c5e, #97305b);
    --mat-sys-on-primary-container: light-dark(#fffede, #fefebe);
    --mat-sys-inverse-primary: light-dark(#a72f5c, #cf285c);
    --mat-sys-primary-fixed: light-dark(#fef0f6, #ffa3c6);
    --mat-sys-primary-fixed-dim: light-dark(#ff83bb, #cf285c);
    --mat-sys-on-primary-fixed: light-dark(#bd2c5e, #97305b);
    --mat-sys-on-primary-fixed-variant: light-dark(#012f32, rgb(255, 255, 255));
    --mat-sys-secondary: light-dark(#007c8f, #035c75);
    --mat-sys-on-secondary: light-dark(#d8cd98, #fefebe);
    --mat-sys-secondary-container: light-dark(#026b82, #035c75);
    --mat-sys-on-secondary-container: light-dark(#fffede, #fefebe);
    --mat-sys-secondary-fixed: light-dark(#e0f6fa, #96d9e4);
    --mat-sys-secondary-fixed-dim: light-dark(#70c6d4, #007c8f);
    --mat-sys-on-secondary-fixed: light-dark(#026b82, #044e68);
    --mat-sys-on-secondary-fixed-variant: light-dark(#012f32, rgb(255, 255, 255));
    --mat-sys-tertiary: light-dark(#fbfdaf, #d8cd98);
    --mat-sys-on-tertiary: light-dark(#012f32, #295456);
    --mat-sys-tertiary-container: light-dark(#fffede, #fefebe);
    --mat-sys-on-tertiary-container: light-dark(#012f32, #295456);
    --mat-sys-tertiary-fixed: light-dark(#ffffee, #fffece);
    --mat-sys-tertiary-fixed-dim: light-dark(#fefebe, #d8cd98);
    --mat-sys-on-tertiary-fixed: light-dark(rgb(19, 26, 27), rgb(19, 26, 27));
    --mat-sys-on-tertiary-fixed-variant: light-dark(#012f32, #295456);
    --mat-sys-surface: light-dark(#f3f6f6, #2a282d);
    --mat-sys-on-surface: light-dark(#012f32, rgb(255, 255, 255));
    --mat-sys-on-surface-variant: light-dark(#007c8f, #4bb0c0);
    --mat-sys-surface-dim: light-dark(#e2e1e6, #38373d);
    --mat-sys-surface-bright: light-dark(rgb(255, 255, 255), rgb(19, 26, 27));
    --mat-sys-surface-container-lowest: light-dark(rgb(255, 255, 255), rgb(19, 26, 27));
    --mat-sys-surface-container-low: light-dark(#f3f6f6, #2a282d);
    --mat-sys-surface-container: light-dark(rgb(255, 255, 255), rgb(19, 26, 27));
    --mat-sys-surface-container-high: light-dark(#e2e1e6, #38373d);
    --mat-sys-surface-container-highest: light-dark(#cdcdd5, #46464d);
    --mat-sys-error: light-dark(#ee2c00, #c20000);
    --mat-sys-on-error: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));
    --mat-sys-error-container: light-dark(#ffebeb, #ffd6d6);
    --mat-sys-on-error-container: light-dark(#c20000, #850000);
    --mat-sys-shadow: light-dark(#012f32, rgb(19, 26, 27));
    --mat-sys-scrim: light-dark(#012f32, rgb(19, 26, 27));
    --mat-sys-inverse-surface: light-dark(#012f32, #f3f6f6);
    --mat-sys-inverse-on-surface: light-dark(rgb(255, 255, 255), #012f32);
    --mat-sys-outline: light-dark(#e2e1e6, #38373d);
    --mat-sys-outline-variant: light-dark(#b9bcc4, #54575e);
  }
  html {
    --fs-palette-warning: light-dark(#ff9900, #c16a00);
  }
  html {
    --fs-palette-on-warning: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));
  }
  html {
    --fs-palette-warning-container: light-dark(#fff8e0, #fff0c4);
  }
  html {
    --fs-palette-on-warning-container: light-dark(#c16a00, #823900);
  }
  html {
    --fs-palette-success: light-dark(#00b542, #008f1d);
  }
  html {
    --fs-palette-on-success: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));
  }
  html {
    --fs-palette-success-container: light-dark(#e0fce9, #c4f8d4);
  }
  html {
    --fs-palette-on-success-container: light-dark(#008f1d, #005604);
  }
}
html {
  --mat-sys-primary: light-dark(#cf285c, #a72f5c);
  --mat-sys-on-primary: light-dark(#fffede, #fefebe);
  --mat-sys-primary-container: light-dark(#bd2c5e, #97305b);
  --mat-sys-on-primary-container: light-dark(#fffede, #fefebe);
  --mat-sys-inverse-primary: light-dark(#a72f5c, #cf285c);
  --mat-sys-primary-fixed: light-dark(#fef0f6, #ffa3c6);
  --mat-sys-primary-fixed-dim: light-dark(#ff83bb, #cf285c);
  --mat-sys-on-primary-fixed: light-dark(#bd2c5e, #97305b);
  --mat-sys-on-primary-fixed-variant: light-dark(#012f32, rgb(255, 255, 255));
  --mat-sys-secondary: light-dark(#007c8f, #035c75);
  --mat-sys-on-secondary: light-dark(#d8cd98, #fefebe);
  --mat-sys-secondary-container: light-dark(#026b82, #035c75);
  --mat-sys-on-secondary-container: light-dark(#fffede, #fefebe);
  --mat-sys-secondary-fixed: light-dark(#e0f6fa, #96d9e4);
  --mat-sys-secondary-fixed-dim: light-dark(#70c6d4, #007c8f);
  --mat-sys-on-secondary-fixed: light-dark(#026b82, #044e68);
  --mat-sys-on-secondary-fixed-variant: light-dark(#012f32, rgb(255, 255, 255));
  --mat-sys-tertiary: light-dark(#fbfdaf, #d8cd98);
  --mat-sys-on-tertiary: light-dark(#012f32, #295456);
  --mat-sys-tertiary-container: light-dark(#fffede, #fefebe);
  --mat-sys-on-tertiary-container: light-dark(#012f32, #295456);
  --mat-sys-tertiary-fixed: light-dark(#ffffee, #fffece);
  --mat-sys-tertiary-fixed-dim: light-dark(#fefebe, #d8cd98);
  --mat-sys-on-tertiary-fixed: light-dark(rgb(19, 26, 27), rgb(19, 26, 27));
  --mat-sys-on-tertiary-fixed-variant: light-dark(#012f32, #295456);
  --mat-sys-surface: light-dark(#f3f6f6, #2a282d);
  --mat-sys-on-surface: light-dark(#012f32, rgb(255, 255, 255));
  --mat-sys-on-surface-variant: light-dark(#007c8f, #4bb0c0);
  --mat-sys-surface-dim: light-dark(#e2e1e6, #38373d);
  --mat-sys-surface-bright: light-dark(rgb(255, 255, 255), rgb(19, 26, 27));
  --mat-sys-surface-container-lowest: light-dark(rgb(255, 255, 255), rgb(19, 26, 27));
  --mat-sys-surface-container-low: light-dark(#f3f6f6, #2a282d);
  --mat-sys-surface-container: light-dark(rgb(255, 255, 255), rgb(19, 26, 27));
  --mat-sys-surface-container-high: light-dark(#e2e1e6, #38373d);
  --mat-sys-surface-container-highest: light-dark(#cdcdd5, #46464d);
  --mat-sys-error: light-dark(#ee2c00, #c20000);
  --mat-sys-on-error: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));
  --mat-sys-error-container: light-dark(#ffebeb, #ffd6d6);
  --mat-sys-on-error-container: light-dark(#c20000, #850000);
  --mat-sys-shadow: light-dark(#012f32, rgb(19, 26, 27));
  --mat-sys-scrim: light-dark(#012f32, rgb(19, 26, 27));
  --mat-sys-inverse-surface: light-dark(#012f32, #f3f6f6);
  --mat-sys-inverse-on-surface: light-dark(rgb(255, 255, 255), #012f32);
  --mat-sys-outline: light-dark(#e2e1e6, #38373d);
  --mat-sys-outline-variant: light-dark(#b9bcc4, #54575e);
}
html {
  --fs-palette-warning: light-dark(#ff9900, #c16a00);
}
html {
  --fs-palette-on-warning: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));
}
html {
  --fs-palette-warning-container: light-dark(#fff8e0, #fff0c4);
}
html {
  --fs-palette-on-warning-container: light-dark(#c16a00, #823900);
}
html {
  --fs-palette-success: light-dark(#00b542, #008f1d);
}
html {
  --fs-palette-on-success: light-dark(rgb(255, 255, 255), rgb(255, 255, 255));
}
html {
  --fs-palette-success-container: light-dark(#e0fce9, #c4f8d4);
}
html {
  --fs-palette-on-success-container: light-dark(#008f1d, #005604);
}
html {
  --fs-palette-primary-0: #fef0f6;
}
html {
  --fs-palette-primary-10: #ffd3e6;
}
html {
  --fs-palette-primary-20: #ffa3c6;
}
html {
  --fs-palette-primary-25: #ff83bb;
}
html {
  --fs-palette-primary-30: #f15a90;
}
html {
  --fs-palette-primary-35: #f15a90;
}
html {
  --fs-palette-primary-40: #cf285c;
}
html {
  --fs-palette-primary-50: #bd2c5e;
}
html {
  --fs-palette-primary-60: #a72f5c;
}
html {
  --fs-palette-primary-70: #97305b;
}
html {
  --fs-palette-primary-80: #7f2f52;
}
html {
  --fs-palette-primary-90: #6c2d4b;
}
html {
  --fs-palette-primary-95: #53283d;
}
html {
  --fs-palette-primary-98: #53283d;
}
html {
  --fs-palette-primary-99: #53283d;
}
html {
  --fs-palette-primary-100: #53283d;
}
html {
  --fs-palette-secondary-0: #e0f6fa;
}
html {
  --fs-palette-secondary-10: #bbe9f0;
}
html {
  --fs-palette-secondary-20: #96d9e4;
}
html {
  --fs-palette-secondary-25: #70c6d4;
}
html {
  --fs-palette-secondary-30: #4bb0c0;
}
html {
  --fs-palette-secondary-35: #2597a9;
}
html {
  --fs-palette-secondary-40: #007c8f;
}
html {
  --fs-palette-secondary-50: #026b82;
}
html {
  --fs-palette-secondary-60: #035c75;
}
html {
  --fs-palette-secondary-70: #044e68;
}
html {
  --fs-palette-secondary-80: #05415c;
}
html {
  --fs-palette-secondary-90: #063650;
}
html {
  --fs-palette-secondary-95: #062c44;
}
html {
  --fs-palette-secondary-98: #062c44;
}
html {
  --fs-palette-secondary-99: #062c44;
}
html {
  --fs-palette-secondary-100: #062c44;
}
html {
  --fs-palette-tertiary-0: #ffffee;
}
html {
  --fs-palette-tertiary-10: #fffede;
}
html {
  --fs-palette-tertiary-20: #fffece;
}
html {
  --fs-palette-tertiary-25: #fefebe;
}
html {
  --fs-palette-tertiary-30: #fbfdaf;
}
html {
  --fs-palette-tertiary-35: #ebe5a4;
}
html {
  --fs-palette-tertiary-40: #d8cd98;
}
html {
  --fs-palette-tertiary-50: #c6b68c;
}
html {
  --fs-palette-tertiary-60: #b5a37f;
}
html {
  --fs-palette-tertiary-70: #a38c75;
}
html {
  --fs-palette-tertiary-80: #8e7167;
}
html {
  --fs-palette-tertiary-90: #765656;
}
html {
  --fs-palette-tertiary-95: #584141;
}
html {
  --fs-palette-tertiary-98: #584141;
}
html {
  --fs-palette-tertiary-99: #584141;
}
html {
  --fs-palette-tertiary-100: #584141;
}
html {
  --fs-palette-error-0: #ffebeb;
}
html {
  --fs-palette-error-10: #ffd6d6;
}
html {
  --fs-palette-error-20: #ffb8b8;
}
html {
  --fs-palette-error-25: #ff9999;
}
html {
  --fs-palette-error-30: #ff7a7a;
}
html {
  --fs-palette-error-35: #ff5c5c;
}
html {
  --fs-palette-error-40: #ff433d;
}
html {
  --fs-palette-error-50: #fc361f;
}
html {
  --fs-palette-error-60: #ee2c00;
}
html {
  --fs-palette-error-70: #e00300;
}
html {
  --fs-palette-error-80: #c20000;
}
html {
  --fs-palette-error-90: #a30000;
}
html {
  --fs-palette-error-95: #850000;
}
html {
  --fs-palette-error-98: #850000;
}
html {
  --fs-palette-error-99: #850000;
}
html {
  --fs-palette-error-100: #850000;
}
html {
  --fs-palette-neutral-0: #f3f6f6;
}
html {
  --fs-palette-neutral-10: #e2e1e6;
}
html {
  --fs-palette-neutral-20: #cdcdd5;
}
html {
  --fs-palette-neutral-25: #b9bcc4;
}
html {
  --fs-palette-neutral-30: #a6acb3;
}
html {
  --fs-palette-neutral-35: #949da1;
}
html {
  --fs-palette-neutral-40: #818e8f;
}
html {
  --fs-palette-neutral-50: #727b7f;
}
html {
  --fs-palette-neutral-60: #63696e;
}
html {
  --fs-palette-neutral-70: #54575e;
}
html {
  --fs-palette-neutral-80: #46464d;
}
html {
  --fs-palette-neutral-90: #38373d;
}
html {
  --fs-palette-neutral-95: #2a282d;
}
html {
  --fs-palette-neutral-98: #2a282d;
}
html {
  --fs-palette-neutral-99: #2a282d;
}
html {
  --fs-palette-neutral-100: #2a282d;
}
html {
  --fs-palette-neutral-variant-0: #f3f6f6;
}
html {
  --fs-palette-neutral-variant-10: #e2e1e6;
}
html {
  --fs-palette-neutral-variant-20: #cdcdd5;
}
html {
  --fs-palette-neutral-variant-25: #b9bcc4;
}
html {
  --fs-palette-neutral-variant-30: #a6acb3;
}
html {
  --fs-palette-neutral-variant-35: #949da1;
}
html {
  --fs-palette-neutral-variant-40: #818e8f;
}
html {
  --fs-palette-neutral-variant-50: #727b7f;
}
html {
  --fs-palette-neutral-variant-60: #63696e;
}
html {
  --fs-palette-neutral-variant-70: #54575e;
}
html {
  --fs-palette-neutral-variant-80: #46464d;
}
html {
  --fs-palette-neutral-variant-90: #38373d;
}
html {
  --fs-palette-neutral-variant-95: #2a282d;
}
html {
  --fs-palette-neutral-variant-98: #2a282d;
}
html {
  --fs-palette-neutral-variant-99: #2a282d;
}
html {
  --fs-palette-neutral-variant-100: #2a282d;
}
html {
  --fs-palette-green-0: #e0e9e8;
}
html {
  --fs-palette-green-10: #cedbd9;
}
html {
  --fs-palette-green-20: #bbcdcb;
}
html {
  --fs-palette-green-25: #a8bfbc;
}
html {
  --fs-palette-green-30: #96b0ae;
}
html {
  --fs-palette-green-35: #83a19f;
}
html {
  --fs-palette-green-40: #709291;
}
html {
  --fs-palette-green-50: #5e8382;
}
html {
  --fs-palette-green-60: #4b7373;
}
html {
  --fs-palette-green-70: #386363;
}
html {
  --fs-palette-green-80: #295456;
}
html {
  --fs-palette-green-90: #124649;
}
html {
  --fs-palette-green-95: #012f32;
}
html {
  --fs-palette-green-98: #012f32;
}
html {
  --fs-palette-green-99: #012f32;
}
html {
  --fs-palette-green-100: #012f32;
}
html {
  --fs-palette-warning-0: #fff8e0;
}
html {
  --fs-palette-warning-10: #fff0c4;
}
html {
  --fs-palette-warning-20: #ffe6a8;
}
html {
  --fs-palette-warning-25: #ffdc8c;
}
html {
  --fs-palette-warning-30: #ffd070;
}
html {
  --fs-palette-warning-35: #ffc354;
}
html {
  --fs-palette-warning-40: #ffb638;
}
html {
  --fs-palette-warning-50: #ffa81c;
}
html {
  --fs-palette-warning-60: #ff9900;
}
html {
  --fs-palette-warning-70: #e08200;
}
html {
  --fs-palette-warning-80: #c16a00;
}
html {
  --fs-palette-warning-90: #a15100;
}
html {
  --fs-palette-warning-95: #823900;
}
html {
  --fs-palette-warning-98: #823900;
}
html {
  --fs-palette-warning-99: #823900;
}
html {
  --fs-palette-warning-100: #823900;
}
html {
  --fs-palette-success-0: #e0fce9;
}
html {
  --fs-palette-success-10: #c4f8d4;
}
html {
  --fs-palette-success-20: #a8f3c0;
}
html {
  --fs-palette-success-25: #8cecab;
}
html {
  --fs-palette-success-30: #70e496;
}
html {
  --fs-palette-success-35: #54da81;
}
html {
  --fs-palette-success-40: #38cf6c;
}
html {
  --fs-palette-success-50: #1cc357;
}
html {
  --fs-palette-success-60: #00b542;
}
html {
  --fs-palette-success-70: #00a42e;
}
html {
  --fs-palette-success-80: #008f1d;
}
html {
  --fs-palette-success-90: #00750e;
}
html {
  --fs-palette-success-95: #005604;
}
html {
  --fs-palette-success-98: #005604;
}
html {
  --fs-palette-success-99: #005604;
}
html {
  --fs-palette-success-100: #005604;
}
html {
  --fs-palette-focus-50: #0084ff;
}
html {
  --fs-palette-gradient-primary-tertiary:
    linear-gradient(
      90deg,
      var(--fs-palette-primary-25) 0%,
      var(--fs-palette-primary-10) 25%,
      var(--fs-palette-tertiary-10) 75%,
      var(--fs-palette-tertiary-25) 100%);
}
html {
  --fs-palette-gradient-tertiary-secondary:
    linear-gradient(
      0deg,
      var(--fs-palette-tertiary-25) 0%,
      var(--fs-palette-tertiary-10) 25%,
      var(--fs-palette-secondary-10) 75%,
      var(--fs-palette-secondary-25) 100%);
}
html {
  --fs-palette-light_dark-0: rgb(255, 255, 255);
}
html {
  --fs-palette-light_dark-100: rgb(19, 26, 27);
}

/* projects/shared/ui/design-system/src/styles/main.scss */
html {
  --mat-form-field-outlined-outline-width: 0;
  --mat-form-field-outlined-container-shape: 16px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-caret-color: var(--fs-palette-green-95);
  --mat-form-field-outlined-outline-color: var(--fs-palette-neutral-10);
  --mat-form-field-outlined-label-text-color: var(--fs-palette-neutral-60);
  --mat-form-field-outlined-hover-outline-color: var(--fs-palette-green-95);
  --mat-form-field-outlined-error-outline-color: var(--fs-palette-green-95);
  --mat-form-field-outlined-focus-outline-color: var(--fs-palette-green-95);
  --mat-form-field-outlined-error-hover-outline-color: var(--fs-palette-green-95);
  --mat-form-field-outlined-error-focus-outline-color: var(--fs-palette-green-95);
  --mat-form-field-outlined-input-text-placeholder-color: var(--fs-palette-neutral-60);
}
mat-form-field {
  width: 100%;
}
.mat-mdc-text-field-wrapper:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0;
}
.mat-mdc-form-field .mdc-text-field--outlined {
  border-radius: var(--fs-input-shape, 16px);
  background-color: var(--fs-input-background-color, var(--fs-palette-light_dark-0));
}
.mat-mdc-form-field .mdc-text-field--focused {
  background-color: var(--fs-input-background-focused-color, var(--fs-palette-light_dark-0));
}
.mat-mdc-form-field.mat-mdc-select-focused .mdc-text-field--outlined {
  background-color: var(--fs-palette-green-95);
}
.mat-mdc-form-field.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper {
  padding-right: 16px;
}
.custom-panel.mat-mdc-select-panel {
  margin-top: 12px;
  border-radius: 16px;
  background: var(--fs-palette-green-90);
}
.custom-panel.mat-mdc-select-panel .mat-mdc-option {
  font-weight: 400;
  color: var(--fs-palette-light_dark-0);
}
.custom-panel.mat-mdc-select-panel .mat-mdc-option:hover {
  background-color: var(--fs-palette-green-80);
}
.custom-panel.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected {
  font-weight: 500 !important;
  color: var(--fs-palette-tertiary-30) !important;
  background-color: var(--fs-palette-green-90) !important;
}
.mat-mdc-select .mat-mdc-select-value {
  color: var(--fs-palette-green-100);
}
.mat-mdc-select:focus .mat-mdc-select-value,
.mat-mdc-select:focus-within .mat-mdc-select-value,
.mat-mdc-select.mat-mdc-select-focused .mat-mdc-select-value {
  color: var(--fs-select-input-selected-value-color, var(--fs-palette-green-100));
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel {
  border-radius: 16px !important;
}
.mat-mdc-select-panel-above div.mat-mdc-select-panel {
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}
.mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--invalid:hover .mdc-floating-label {
  color: var(--fs-top-placeholder, var(--fs-palette-green-100));
}
:root {
  --mat-card-outlined-container-shape: 16px;
  --mat-card-outlined-outline-width: 0;
  --mat-card-outlined-container-color: var(--fs-palette-light_dark-0);
}
:root .fs-card {
  --fs-card-background-color: var(--fs-palette-light_dark-0);
  --mat-card-outlined-container-color: var(--fs-card-background-color);
}
:root .fs-card--inverted {
  --fs-card-background-color: var(--fs-palette-neutral-0);
}
html {
  --mat-button-filled-container-shape: 16px;
  --mat-button-filled-label-text-size: 16px;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-filled-container-height: 48px;
  --mat-button-filled-horizontal-padding: 20px;
  --mat-button-filled-container-color: var(--fs-palette-primary-40);
  --mat-button-filled-label-text-color: var(--fs-palette-light_dark-0);
  --mat-button-filled-disabled-container-color: var(--fs-palette-neutral-25);
  --mat-button-filled-disabled-label-text-color: var(--fs-palette-neutral-80);
  --mat-button-outlined-outline-width: 2px;
  --mat-button-outlined-container-shape: 16px;
  --mat-button-outlined-label-text-size: 16px;
  --mat-button-outlined-container-height: 48px;
  --mat-button-outlined-horizontal-padding: 20px;
  --mat-button-outlined-outline-color: var(--fs-palette-primary-40);
  --mat-button-outlined-label-text-color: var(--fs-palette-primary-40);
}
html {
  --mat-datepicker-calendar-container-background-color: var(--fs-palette-light_dark-0);
}
.mat-mdc-menu-panel.table-header-filter {
  max-height: 280px;
  min-width: 15vw;
}
html {
  --mat-slide-toggle-selected-track-color: var(--fs-palette-success-70);
  --mat-slide-toggle-selected-focus-track-color: var(--fs-palette-success-70);
  --mat-slide-toggle-selected-hover-track-color: var(--fs-palette-success-70);
  --mat-slide-toggle-selected-pressed-track-color: var(--fs-palette-success-70);
  --mat-slide-toggle-unselected-track-color: var(--fs-palette-error-60);
  --mat-slide-toggle-unselected-focus-track-color: var(--fs-palette-error-60);
  --mat-slide-toggle-unselected-hover-track-color: var(--fs-palette-error-60);
  --mat-slide-toggle-unselected-pressed-track-color: var(--fs-palette-error-60);
  --mat-slide-toggle-disabled-unselected-track-color: var(--fs-palette-error-60);
  --mat-slide-toggle-disabled-selected-track-color: var(--fs-palette-success-70);
  --mat-slide-toggle-selected-handle-color: var(--fs-palette-light_dark-0);
  --mat-slide-toggle-selected-focus-handle-color: var(--fs-palette-light_dark-0);
  --mat-slide-toggle-selected-hover-handle-color: var(--fs-palette-light_dark-0);
  --mat-slide-toggle-selected-pressed-handle-color: var(--fs-palette-light_dark-0);
  --mat-slide-toggle-unselected-handle-color: var(--fs-palette-light_dark-0);
  --mat-slide-toggle-unselected-focus-handle-color: var(--fs-palette-light_dark-0);
  --mat-slide-toggle-unselected-hover-handle-color: var(--fs-palette-light_dark-0);
  --mat-slide-toggle-unselected-pressed-handle-color: var(--fs-palette-light_dark-0);
  --mat-slide-toggle-disabled-selected-handle-color: var(--fs-palette-light_dark-0);
  --mat-slide-toggle-disabled-unselected-handle-color: var(--fs-palette-light_dark-0);
  --mat-slide-toggle-selected-icon-color: var(--fs-palette-success-70);
  --mat-slide-toggle-unselected-icon-color: var(--fs-palette-error-60);
  --mat-slide-toggle-disabled-selected-icon-color: var(--fs-palette-success-70);
  --mat-slide-toggle-disabled-unselected-icon-color: var(--fs-palette-error-60);
  --mat-slide-toggle-selected-track-outline-color: var(--fs-palette-success-70);
  --mat-slide-toggle-disabled-unselected-track-outline-color: var(--fs-palette-error-60);
}
.mat-step-header:has(.mat-step-icon-state-done) + .mat-stepper-horizontal-line {
  background-color: var(--fs-stepper-line-completed, var(--fs-palette-neutral-40));
  border-radius: 9999px;
  height: 3px;
}
.mat-stepper-horizontal .mat-horizontal-stepper-wrapper {
  gap: 3rem;
}
.mat-stepper-horizontal .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header:first-child {
  padding-left: 0;
}
.mat-stepper-horizontal .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header:last-child {
  padding-right: 0;
}
.mat-stepper-horizontal .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header:hover,
.mat-stepper-horizontal .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header:focus {
  background-color: transparent;
}
.mat-stepper-horizontal .mat-horizontal-content-container {
  padding-left: 0;
  padding-right: 0;
}
@keyframes fs-skeleton-background-loader {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes fs-skeleton-text-loader {
  0% {
    background-color: var(--initial-background);
  }
  50% {
    background-color: var(--transition-background);
  }
  100% {
    background-color: var(--initial-background);
  }
}
@keyframes fs-skeleton-outline-loader {
  0% {
    outline-color: var(--initial-outline);
  }
  50% {
    outline-color: var(--transition-outline);
  }
  100% {
    outline-color: var(--initial-outline);
  }
}
html {
  --mat-table-header-headline-color: var(--fs-palette-light_dark-0);
  --mat-table-header-container-height: 64px;
  --mat-table-header-headline-line-height: 120%;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 600;
  --mat-table-row-item-label-text-color: var(--fs-palette-green-100);
  --mat-table-row-item-container-height: 64px;
  --mat-table-row-item-label-text-line-height: 120%;
  --mat-table-row-item-label-text-size: 16px;
  --mat-table-row-item-label-text-weight: 400;
}
.mat-mdc-table,
table:not(.docblock-argstable):not(.mat-calendar-table) {
  --fs-table-border-radius: 16px;
}
.mat-mdc-table thead th,
.mat-mdc-table thead th.mat-mdc-header-cell,
table:not(.docblock-argstable):not(.mat-calendar-table) thead th,
table:not(.docblock-argstable):not(.mat-calendar-table) thead th.mat-mdc-header-cell {
  background-color: var(--fs-palette-green-100);
}
.mat-mdc-table thead th:first-child,
.mat-mdc-table thead th.mat-mdc-header-cell:first-child,
table:not(.docblock-argstable):not(.mat-calendar-table) thead th:first-child,
table:not(.docblock-argstable):not(.mat-calendar-table) thead th.mat-mdc-header-cell:first-child {
  border-top-left-radius: var(--fs-table-border-radius);
  border-right: 2px solid var(--fs-palette-green-80);
}
.mat-mdc-table thead th:last-child,
.mat-mdc-table thead th.mat-mdc-header-cell:last-child,
table:not(.docblock-argstable):not(.mat-calendar-table) thead th:last-child,
table:not(.docblock-argstable):not(.mat-calendar-table) thead th.mat-mdc-header-cell:last-child {
  border-top-right-radius: var(--fs-table-border-radius);
}
.mat-mdc-table tbody tr td,
table:not(.docblock-argstable):not(.mat-calendar-table) tbody tr td {
  background-color: var(--fs-palette-light_dark-0);
  border-bottom: none;
}
.mat-mdc-table tbody tr td:first-child,
table:not(.docblock-argstable):not(.mat-calendar-table) tbody tr td:first-child {
  border-right: 2px solid var(--fs-palette-neutral-10);
}
.mat-mdc-table tbody tr td.fs-table__cell--smaller,
table:not(.docblock-argstable):not(.mat-calendar-table) tbody tr td.fs-table__cell--smaller {
  font-size: 14px;
}
.mat-mdc-table tbody tr td.fs-table__cell--loading,
table:not(.docblock-argstable):not(.mat-calendar-table) tbody tr td.fs-table__cell--loading {
  color: transparent;
}
.mat-mdc-table tbody tr td.fs-table__cell--loading > *,
table:not(.docblock-argstable):not(.mat-calendar-table) tbody tr td.fs-table__cell--loading > * {
  --initial-background: var(--fs-palette-neutral-0);
  --transition-background: var(--fs-palette-neutral-10);
  color: transparent;
  background: var(--fs-palette-neutral-0);
  width: 100%;
  height: 1.5rem;
  border-radius: 0.25rem;
  animation: fs-skeleton-text-loader 1.5s infinite ease-in-out;
}
.mat-mdc-table tbody tr:last-child td:first-child,
table:not(.docblock-argstable):not(.mat-calendar-table) tbody tr:last-child td:first-child {
  border-bottom-left-radius: var(--fs-table-border-radius);
}
.mat-mdc-table tbody tr:last-child td:last-child,
table:not(.docblock-argstable):not(.mat-calendar-table) tbody tr:last-child td:last-child {
  border-bottom-right-radius: var(--fs-table-border-radius);
}
.mat-sort-header-arrow {
  color: var(--fs-palette-neutral-0);
}
.mat-sort-header-sorted .mat-sort-header-arrow {
  color: var(--fs-palette-neutral-0);
}
.mat-mdc-tooltip {
  --fs-tooltip-bg-color: var(--fs-palette-light_dark-100);
  --fs-tooltip-bg-image-right-url: url("./media/tooltip_triangle_right.svg");
  --fs-tooltip-bg-image-bottom-url: url("./media/tooltip_triangle_bottom.svg");
  --fs-tooltip-bg-image-left-url: url("./media/tooltip_triangle_left.svg");
  --fs-tooltip-bg-image-top-url: url("./media/tooltip_triangle_top.svg");
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-container-color: var(--fs-tooltip-bg-color);
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 600;
  --mat-tooltip-supporting-text-line-height: 140%;
  --mat-tooltip-supporting-text-color: var(--fs-palette-light_dark-0);
}
.mat-mdc-tooltip--inverted {
  --fs-tooltip-bg-color: var(--fs-palette-light_dark-0);
  --fs-tooltip-bg-image-right-url: url("./media/tooltip_triangle_right_inverted.svg");
  --fs-tooltip-bg-image-bottom-url: url("./media/tooltip_triangle_bottom_inverted.svg");
  --fs-tooltip-bg-image-left-url: url("./media/tooltip_triangle_left_inverted.svg");
  --fs-tooltip-bg-image-top-url: url("./media/tooltip_triangle_top_inverted.svg");
  --mat-tooltip-supporting-text-color: var(--fs-palette-light_dark-100);
}
.mat-mdc-tooltip::before {
  background-size: auto;
  background-repeat: no-repeat;
}
.mat-mdc-tooltip-panel-below .mat-mdc-tooltip::before {
  background-image: var(--fs-tooltip-bg-image-bottom-url);
  background-position-x: center;
  background-position-y: top;
}
.mat-mdc-tooltip-panel-right .mat-mdc-tooltip::before {
  background-image: var(--fs-tooltip-bg-image-right-url);
  background-position-x: left;
  background-position-y: center;
}
.mat-mdc-tooltip-panel-left .mat-mdc-tooltip::before {
  background-image: var(--fs-tooltip-bg-image-left-url);
  background-position-x: right;
  background-position-y: center;
}
.mat-mdc-tooltip-panel-above .mat-mdc-tooltip::before {
  background-image: var(--fs-tooltip-bg-image-top-url);
  background-position-x: center;
  background-position-y: bottom;
}
:root .mat-bottom-sheet-container {
  display: flex;
  padding: 2rem 2rem 0rem 2rem;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  color: var(--fs-palette-light_dark-0);
  border-radius: 2rem 2rem 0 0;
  background: var(--fs-palette-green-100);
  overflow: hidden;
}
.mat-mdc-optgroup-label .mdc-list-item__primary-text {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
design-system-side-nav-item .mat-expansion-panel-body {
  padding: 0;
}
design-system-side-nav-item .fs-side-nav-item__accordion mat-expansion-panel-header:has(.fs-side-nav-item__header-link.active) .mat-expansion-indicator svg,
design-system-side-nav-item .fs-side-nav-item__accordion mat-expansion-panel-header.has-active-child .mat-expansion-indicator svg {
  fill: var(--fs-palette-tertiary-30);
}
.ngx-graph {
  background-color: var(--fs-palette-neutral-100);
}
.ngx-graph .graph .panning-rect {
  cursor: grab;
}
.ngx-graph .graph .panning-rect:active {
  cursor: grabbing;
}
.fs-route-layout {
  padding-left: calc(var(--fs-nav-menu-side-width, 0) + var(--fs-nav-menu-side-horizontal-padding) * 2);
  width: calc(100% - (var(--fs-nav-menu-side-width, 0) + var(--fs-nav-menu-side-horizontal-padding) * 2));
  width: -moz-available;
  width: -webkit-fill-available;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  align-self: stretch;
}
*.handset ::-webkit-scrollbar,
*.custom-scrollbar ::-webkit-scrollbar {
  height: var(--Tech-Scrollbar-Height, 4px);
  width: var(--Tech-Scrollbar-Width, 4px);
}
*.handset ::-webkit-scrollbar-track,
*.custom-scrollbar ::-webkit-scrollbar-track {
  border-radius: var(--Tech-Scrollbar-Border-Radius, 10px);
  background: var(--Tech-Scrollbar-Track-Bg, initial);
}
*.handset ::-webkit-scrollbar-thumb,
*.custom-scrollbar ::-webkit-scrollbar-thumb {
  border-radius: var(--Tech-Scrollbar-Border-Radius, 10px);
  background: var(--Tech-Scrollbar-Thumb-Bg, initial);
}
*.handset ::-webkit-scrollbar-thumb:hover,
*.custom-scrollbar ::-webkit-scrollbar-thumb:hover {
  background: var(--Tech-Scrollbar-Thumb-Hover-Bg, initial);
}
:root {
  --fs-side-panel-padding: 32px;
}
.fs-side-panel-layout {
  --fs-side-panel-horizontal-padding: 2rem;
  --fs-side-panel-vertical-padding: 2rem;
  gap: 3rem;
  display: flex;
  padding: var(--fs-side-panel-vertical-padding) var(--fs-side-panel-horizontal-padding);
  flex-shrink: 0;
  overflow: auto;
  align-items: stretch;
  flex-direction: column;
  height: calc(100vh - var(--fs-mobile-menu-height, 0px) - var(--fs-side-panel-layout-footer-height, 0px) - var(--fs-side-panel-horizontal-padding, 0px) * 2);
}
.fs-side-panel-layout:has(.fs-side-panel-layout__sticky-footer) {
  --fs-side-panel-layout-footer-height: 64px;
}
.fs-side-panel-layout--help {
  --fs-expansion-card-color: var(--fs-palette-light_dark-0);
  background: var(--fs-palette-secondary-40);
}
.fs-side-panel-layout--help > p,
.fs-side-panel-layout--help > span,
.fs-side-panel-layout--help > h1,
.fs-side-panel-layout--help > h2,
.fs-side-panel-layout--help > h3,
.fs-side-panel-layout--help > h4,
.fs-side-panel-layout--help > h5,
.fs-side-panel-layout--help > h6 {
  color: var(--fs-palette-light_dark-0);
}
.fs-side-panel-layout__sticky-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  inset-inline: 0;
  z-index: 1;
  padding: 1rem;
  box-shadow: 0 -0.5rem 0.75rem 0 var(--fs-side-panel-sticky-footer-shadow, var(--fs-palette-neutral-0));
  background-color: var(--fs-side-panel-sticky-footer-background-color, var(--fs-palette-light_dark-0));
  border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
  border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large));
}
.fs-side-panel-layout {
  --mat-expansion-container-background-color: var(--fs-palette-light_dark-0);
}
.fs-side-panel-layout.handset,
.fs-side-panel-layout.tablet {
  --fs-side-panel-horizontal-padding: 1rem;
  --fs-side-panel-vertical-padding: 1rem;
}
@font-face {
  font-family: "Reddit Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("./media/reddit-mono-vietnamese-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Reddit Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("./media/reddit-mono-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Reddit Mono Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("./media/reddit-mono-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Reddit Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("./media/reddit-sans-vietnamese-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Reddit Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("./media/reddit-sans-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Reddit Sans Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 900;
  src: url("./media/reddit-sans-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
body {
  font-family:
    "Reddit Sans Variable",
    "Reddit Mono Variable",
    "Roboto",
    "Helvetica Neue",
    sans-serif;
}
:root {
  --mat-fab-container-color: var(--fs-palette-primary-50);
}
:root button:not(.mat-calendar-body-cell):not(.mat-datepicker-close-button) {
  overflow: hidden;
  cursor: pointer;
}
:root button:not(.mat-calendar-body-cell):not(.mat-datepicker-close-button):hover .fs-animated-button-content .fs-animated-button-content__label {
  transform: translateY(-100%);
  opacity: 0;
}
:root button:not(.mat-calendar-body-cell):not(.mat-datepicker-close-button):hover .fs-animated-button-content .fs-animated-button-content__hovered-label {
  transform: translateY(0);
  opacity: 1;
}
input.fs-input {
  border: unset;
  outline: unset;
  background: unset;
  flex: 1 0 0;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
input.fs-input--text,
input.fs-input--search {
  color: var(--fs-palette-green-100);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
input.fs-input--text::placeholder,
input.fs-input--search::placeholder {
  color: var(--fs-palette-neutral-60);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
input.fs-input--search::-webkit-search-decoration,
input.fs-input--search::-webkit-search-cancel-button,
input.fs-input--search::-webkit-search-results-button,
input.fs-input--search::-webkit-search-results-decoration {
  display: none;
}
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("./media/material-symbols-rounded.woff2") format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
.material-symbols-rounded {
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 24;
}
.fill-icon {
  font-variation-settings: "FILL" 1;
}
textarea.fs-input {
  border: none;
  outline: none;
  resize: none;
}
p,
a,
b,
span,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
*::placeholder {
  font-style: normal;
  padding: unset;
  margin: unset;
}
p,
input,
textarea,
*::placeholder {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
a {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 8%;
  text-underline-offset: 12%;
  text-underline-position: from-font;
  cursor: pointer;
}
b {
  font-weight: 600;
}
button {
  font-size: 1rem;
  font-weight: 500;
  line-height: 140%;
}
span {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
}
small {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
}
h1 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 120%;
}
h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
}
h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
}
h4 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 120%;
}
.tablet h1 {
  font-size: 2rem;
}
.tablet h2 {
  font-size: 1.75rem;
}
.tablet h3 {
  font-size: 1.5rem;
}
.tablet h4 {
  font-size: 1.25rem;
}
.handset h1 {
  font-size: 1.75rem;
}
.handset h2 {
  font-size: 1.5rem;
}
.handset h3 {
  font-size: 1.25rem;
}
.handset h4 {
  font-size: 1.125rem;
}
:root {
  --toggle-button-bg: var(--fs-palette-neutral-10);
  --toggle-button-item-bg: var(--fs-palette-neutral-10);
  --toggle-button-item-color: var(--fs-palette-green-100);
  --toggle-button-item-selected-bg: var(--fs-palette-primary-40);
  --toggle-button-item-selected-color: var(--fs-palette-light_dark-0);
}
body {
  margin: 0;
  color: var(--fs-palette-green-100);
  --mat-sidenav-content-text-color: var(--fs-palette-green-100);
}
.clickable {
  cursor: pointer;
}
.loading-cursor {
  cursor: progress;
}

/* projects/farming-suite/features/animal-sheet/styles/main.scss */
.animal-sheet-header__actions__button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 16px;
  --mat-slide-toggle-selected-icon-color: var(--fs-palette-tertiary-30);
  --mat-button-text-label-text-color: var(--fs-palette-tertiary-30);
  --mat-button-text-hover-state-layer-opacity: 0;
  --mat-button-text-pressed-state-layer-opacity: 0;
  --mat-button-text-focus-state-layer-opacity: 0;
  --mat-slide-toggle-selected-track-color: var(--fs-palette-tertiary-30);
  --mat-slide-toggle-selected-handle-color: var(--fs-palette-success-70);
  --mat-slide-toggle-selected-icon-color: var(--fs-palette-tertiary-30);
  --mat-slide-toggle-unselected-track-color: var(--fs-palette-tertiary-30);
  --mat-slide-toggle-unselected-handle-color: var(--fs-palette-error-60);
  --mat-slide-toggle-unselected-icon-color: var(--fs-palette-tertiary-30);
  --mat-slide-toggle-track-outline-color: transparent;
  --mat-slide-toggle-label-text-color: var(--fs-palette-tertiary-30);
  --mat-slide-toggle-label-text-size: 16px;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0;
  --mat-slide-toggle-selected-hover-state-layer-color: transparent;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0;
  --mat-slide-toggle-selected-hover-handle-color: var(--fs-palette-success-70);
  --mat-slide-toggle-selected-hover-track-color: var(--fs-palette-tertiary-30);
  --mat-slide-toggle-unselected-hover-handle-color: var(--fs-palette-error-60);
  --mat-slide-toggle-unselected-hover-state-layer-color: transparent;
  --mat-slide-toggle-unselected-hover-track-color: var(--fs-palette-tertiary-30);
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0;
  --mat-slide-toggle-selected-pressed-state-layer-color: transparent;
  --mat-slide-toggle-selected-pressed-handle-color: var(--fs-palette-success-70);
  --mat-slide-toggle-selected-pressed-track-color: var(--fs-palette-tertiary-30);
  --mat-slide-toggle-unselected-pressed-handle-color: var(--fs-palette-error-60);
  --mat-slide-toggle-unselected-pressed-state-layer-color: transparent;
  --mat-slide-toggle-unselected-pressed-track-color: var(--fs-palette-tertiary-30);
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0;
  --mat-slide-toggle-selected-focus-state-layer-color: transparent;
  --mat-slide-toggle-selected-focus-handle-color: var(--fs-palette-success-70);
  --mat-slide-toggle-selected-focus-track-color: var(--fs-palette-tertiary-30);
  --mat-slide-toggle-unselected-focus-handle-color: var(--fs-palette-error-60);
  --mat-slide-toggle-unselected-focus-state-layer-color: transparent;
  --mat-slide-toggle-unselected-focus-track-color: var(--fs-palette-tertiary-30);
}
.animal-sheet-header__actions__button.mat-mdc-slide-toggle .mdc-form-field {
  gap: 8px;
}
.animal-sheet-header__actions__button .action-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
  --mat-icon-color: var(--fs-palette-tertiary-30);
}
.animal-sheet-header__actions__button--open-bottom-sheet {
  background-color: var(--fs-palette-green-90) !important;
}
.animal-sheet-header__actions__bottom-sheet .mat-bottom-sheet-container {
  background-image: url(/assets/img/swirl.svg);
  background-repeat: no-repeat;
  background-position-x: calc(100% + 39px);
  background-position-y: calc(100% + 29px);
  background-size: 264px 252px;
}
.animal-sheet-header__actions__bottom-sheet__buttons-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  --mat-divider-color: var(--fs-palette-green-90);
}
.animal-sheet-header__actions__bottom-sheet__buttons-container .divider {
  width: 100%;
}
.animal-sheet-header__actions__bottom-sheet__buttons-container button {
  align-self: stretch;
}
.reformed .animal-sheet-header__actions__button--open-bottom-sheet {
  background-color: var(--fs-palette-neutral-80) !important;
}

/* projects/farming-suite/hybrid/src/styles.scss */

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