@charset "UTF-8";

/* src/styles/styles.scss */
:root {
  --forest-green: #2b3e2b;
  --off-black: #1e1e1e;
  --light-gray: #e8e8e3;
  --white: #ffffff;
  --purple: #aa95ff;
  --bright-purple: #e9e8fc;
  --icy-blue: #bbe8ee;
  --vibrant-blue: #4c3de3;
  --lemon-yellow: #fef387;
  --orange: #ff782d;
  --dark-gray: #2c2c2c;
  --dim-gray: #646463;
  --gray: #9c9c9c;
  --nobel: #c3c3c1;
  --bright-gray: #f7f7f5;
  --summer-sky: #3498db;
  --rebecca-purple: #542785;
  --magenta: #d70080;
  --nickel: #6d6d5e;
  --pale-chestnut: #fadcdd;
  --peach: #fff0db;
  --light-green: #eafdeb;
  --granny-apple: #538038;
  --fire-engine-red: #ca2f41;
  --primary-main: var(--forest-green);
  --primary-dark: var(--off-black);
  --primary-light: var(--light-gray);
  --primary-contrast: var(--white);
  --secondary-main: var(--purple);
  --secondary-light: var(--bright-purple);
  --secondary-dark: var(--vibrant-blue);
  --secondary-accent: var(--icy-blue);
  --secondary-warm: var(--lemon-yellow);
  --secondary-alert: var(--orange);
  --neutral-dark: var(--dim-gray);
  --neutral: var(--gray);
  --neutral-light: var(--nobel);
  --neutral-bright: var(--bright-gray);
  --data-blue: var(--summer-sky);
  --data-purple: var(--rebecca-purple);
  --data-magenta: var(--magenta);
  --data-muted: var(--nickel);
  --alert-error: var(--pale-chestnut);
  --alert-warning: var(--peach);
  --alert-success: var(--light-green);
  --alert-info: var(--light-gray);
  --alert-highlight: var(--lemon-yellow);
  --status-success: var(--granny-apple);
  --status-error: var(--fire-engine-red);
  --status-warning: var(--orange);
  --status-info: var(--icy-blue);
  --status-highlight: var(--lemon-yellow);
  --selected-main: var(--forest-green);
  --selected-dark: var(--off-black);
  --selected-accent: var(--vibrant-blue);
}
[data-theme=dark] {
  --primary-main: var(--forest-green);
  --primary-dark: var(--white);
  --primary-light: var(--dark-gray);
  --primary-contrast: var(--off-black);
  --secondary-main: var(--vibrant-blue);
  --secondary-light: var(--purple);
  --secondary-dark: var(--bright-purple);
  --secondary-accent: var(--icy-blue);
  --secondary-warm: var(--lemon-yellow);
  --secondary-alert: var(--orange);
  --neutral-dark: var(--nobel);
  --neutral: var(--gray);
  --neutral-light: var(--bright-gray);
  --neutral-bright: var(--dark-gray);
  --data-blue: var(--summer-sky);
  --data-purple: var(--rebecca-purple);
  --data-magenta: var(--magenta);
  --data-muted: var(--nickel);
  --alert-error: var(--pale-chestnut);
  --alert-warning: var(--peach);
  --alert-success: var(--light-green);
  --alert-info: var(--icy-blue);
  --alert-highlight: var(--lemon-yellow);
  --status-success: var(--granny-apple);
  --status-error: var(--fire-engine-red);
  --status-warning: var(--orange);
  --status-info: var(--icy-blue);
  --status-highlight: var(--lemon-yellow);
  --selected-main: var(--forest-green);
  --selected-dark: var(--off-black);
  --selected-accent: var(--vibrant-blue);
}
html {
  color-scheme: light !important;
  --mat-sys-background: light-dark(#fafaf4, #121411);
  --mat-sys-error: light-dark(#b71f35, #ffb3b3);
  --mat-sys-error-container: light-dark(#ffdad9, #920021);
  --mat-sys-inverse-on-surface: light-dark(#f1f1ec, #2f312e);
  --mat-sys-inverse-primary: light-dark(#b6cdb3, #4f644e);
  --mat-sys-inverse-surface: light-dark(#2f312e, #e3e3de);
  --mat-sys-on-background: light-dark(#1a1c19, #e3e3de);
  --mat-sys-on-error: light-dark(#ffffff, #680015);
  --mat-sys-on-error-container: light-dark(#920021, #ffdad9);
  --mat-sys-on-primary: light-dark(#ffffff, #223522);
  --mat-sys-on-primary-container: light-dark(#384c38, #d2e9ce);
  --mat-sys-on-primary-fixed: light-dark(#0d1f0f, #0d1f0f);
  --mat-sys-on-primary-fixed-variant: light-dark(#384c38, #384c38);
  --mat-sys-on-secondary: light-dark(#ffffff, #341981);
  --mat-sys-on-secondary-container: light-dark(#4a3499, #e7deff);
  --mat-sys-on-secondary-fixed: light-dark(#1e0060, #1e0060);
  --mat-sys-on-secondary-fixed-variant: light-dark(#4a3499, #4a3499);
  --mat-sys-on-surface: light-dark(#1a1c19, #e3e3de);
  --mat-sys-on-surface-variant: light-dark(#464747, #e3e2e2);
  --mat-sys-on-tertiary: light-dark(#ffffff, #341981);
  --mat-sys-on-tertiary-container: light-dark(#4a3499, #e7deff);
  --mat-sys-on-tertiary-fixed: light-dark(#1e0060, #1e0060);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#4a3499, #4a3499);
  --mat-sys-outline: light-dark(#777777, #909191);
  --mat-sys-outline-variant: light-dark(#c7c6c6, #464747);
  --mat-sys-primary: light-dark(#4f644e, #b6cdb3);
  --mat-sys-primary-container: light-dark(#d2e9ce, #384c38);
  --mat-sys-primary-fixed: light-dark(#d2e9ce, #d2e9ce);
  --mat-sys-primary-fixed-dim: light-dark(#b6cdb3, #b6cdb3);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#634eb2, #cbbeff);
  --mat-sys-secondary-container: light-dark(#e7deff, #4a3499);
  --mat-sys-secondary-fixed: light-dark(#e7deff, #e7deff);
  --mat-sys-secondary-fixed-dim: light-dark(#cbbeff, #cbbeff);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fafaf4, #121411);
  --mat-sys-surface-bright: light-dark(#fafaf4, #383a36);
  --mat-sys-surface-container: light-dark(#eeeee9, #1e201d);
  --mat-sys-surface-container-high: light-dark(#e8e8e3, #292a27);
  --mat-sys-surface-container-highest: light-dark(#e3e3de, #333532);
  --mat-sys-surface-container-low: light-dark(#f4f4ef, #1a1c19);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0f0c);
  --mat-sys-surface-dim: light-dark(#dadad5, #121411);
  --mat-sys-surface-tint: light-dark(#4f644e, #b6cdb3);
  --mat-sys-surface-variant: light-dark(#e3e2e2, #464747);
  --mat-sys-tertiary: light-dark(#634eb2, #cbbeff);
  --mat-sys-tertiary-container: light-dark(#e7deff, #4a3499);
  --mat-sys-tertiary-fixed: light-dark(#e7deff, #e7deff);
  --mat-sys-tertiary-fixed-dim: light-dark(#cbbeff, #cbbeff);
  --mat-sys-neutral-variant20: #2f3131;
  --mat-sys-neutral10: #1a1c19;
  --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 Saans;
  --mat-sys-body-large-font: Saans;
  --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 Saans;
  --mat-sys-body-medium-font: Saans;
  --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 Saans;
  --mat-sys-body-small-font: Saans;
  --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 Saans;
  --mat-sys-display-large-font: Saans;
  --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 Saans;
  --mat-sys-display-medium-font: Saans;
  --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 Saans;
  --mat-sys-display-small-font: Saans;
  --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 Saans;
  --mat-sys-headline-large-font: Saans;
  --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 Saans;
  --mat-sys-headline-medium-font: Saans;
  --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 Saans;
  --mat-sys-headline-small-font: Saans;
  --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 Saans;
  --mat-sys-label-large-font: Saans;
  --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 Saans;
  --mat-sys-label-medium-font: Saans;
  --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 Saans;
  --mat-sys-label-small-font: Saans;
  --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 Saans;
  --mat-sys-title-large-font: Saans;
  --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 Saans;
  --mat-sys-title-medium-font: Saans;
  --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 Saans;
  --mat-sys-title-small-font: Saans;
  --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;
}
body.dark-mode {
  color-scheme: dark !important;
}
.m-2 {
  margin: 0.125rem;
}
.mt-2 {
  margin-top: 0.125rem;
}
.mb-2 {
  margin-bottom: 0.125rem;
}
.ml-2 {
  margin-left: 0.125rem;
}
.mr-2 {
  margin-right: 0.125rem;
}
.mx-2 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.my-2 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.p-2 {
  padding: 0.125rem;
}
.pt-2 {
  padding-top: 0.125rem;
}
.pb-2 {
  padding-bottom: 0.125rem;
}
.pl-2 {
  padding-left: 0.125rem;
}
.pr-2 {
  padding-right: 0.125rem;
}
.px-2 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.py-2 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.m-4 {
  margin: 0.25rem;
}
.mt-4 {
  margin-top: 0.25rem;
}
.mb-4 {
  margin-bottom: 0.25rem;
}
.ml-4 {
  margin-left: 0.25rem;
}
.mr-4 {
  margin-right: 0.25rem;
}
.mx-4 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.my-4 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.p-4 {
  padding: 0.25rem;
}
.pt-4 {
  padding-top: 0.25rem;
}
.pb-4 {
  padding-bottom: 0.25rem;
}
.pl-4 {
  padding-left: 0.25rem;
}
.pr-4 {
  padding-right: 0.25rem;
}
.px-4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.py-4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.m-8 {
  margin: 0.5rem;
}
.mt-8 {
  margin-top: 0.5rem;
}
.mb-8 {
  margin-bottom: 0.5rem;
}
.ml-8 {
  margin-left: 0.5rem;
}
.mr-8 {
  margin-right: 0.5rem;
}
.mx-8,
.sita-small-chip,
.sita-chip,
.sita-large-chip,
.sita-round-chip {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my-8 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.p-8 {
  padding: 0.5rem;
}
.pt-8 {
  padding-top: 0.5rem;
}
.pb-8 {
  padding-bottom: 0.5rem;
}
.pl-8 {
  padding-left: 0.5rem;
}
.pr-8 {
  padding-right: 0.5rem;
}
.px-8,
.sita-small-chip,
.sita-chip,
.sita-large-chip,
.sita-round-chip {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.m-12 {
  margin: 0.75rem;
}
.mt-12 {
  margin-top: 0.75rem;
}
.mb-12 {
  margin-bottom: 0.75rem;
}
.ml-12 {
  margin-left: 0.75rem;
}
.mr-12 {
  margin-right: 0.75rem;
}
.mx-12,
.horizontal-divider {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.my-12 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.p-12 {
  padding: 0.75rem;
}
.pt-12 {
  padding-top: 0.75rem;
}
.pb-12 {
  padding-bottom: 0.75rem;
}
.pl-12 {
  padding-left: 0.75rem;
}
.pr-12 {
  padding-right: 0.75rem;
}
.px-12,
.sita-form-field {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.m-16,
.sita-button,
.sita-button-primary,
.sita-button-secondary {
  margin: 1rem;
}
.mt-16 {
  margin-top: 1rem;
}
.mb-16,
.sita-form-field {
  margin-bottom: 1rem;
}
.ml-16 {
  margin-left: 1rem;
}
.mr-16 {
  margin-right: 1rem;
}
.mx-16,
.short-vertical-divider-gray {
  margin-left: 1rem;
  margin-right: 1rem;
}
.my-16 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.p-16 {
  padding: 1rem;
}
.pt-16 {
  padding-top: 1rem;
}
.pb-16 {
  padding-bottom: 1rem;
}
.pl-16 {
  padding-left: 1rem;
}
.pr-16 {
  padding-right: 1rem;
}
.px-16 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.m-20 {
  margin: 1.25rem;
}
.mt-20 {
  margin-top: 1.25rem;
}
.mb-20 {
  margin-bottom: 1.25rem;
}
.ml-20 {
  margin-left: 1.25rem;
}
.mr-20 {
  margin-right: 1.25rem;
}
.mx-20,
.short-vertical-divider {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.my-20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.p-20 {
  padding: 1.25rem;
}
.pt-20 {
  padding-top: 1.25rem;
}
.pb-20 {
  padding-bottom: 1.25rem;
}
.pl-20 {
  padding-left: 1.25rem;
}
.pr-20 {
  padding-right: 1.25rem;
}
.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.m-24 {
  margin: 1.5rem;
}
.mt-24 {
  margin-top: 1.5rem;
}
.mb-24 {
  margin-bottom: 1.5rem;
}
.ml-24 {
  margin-left: 1.5rem;
}
.mr-24 {
  margin-right: 1.5rem;
}
.mx-24 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.my-24 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.p-24 {
  padding: 1.5rem;
}
.pt-24 {
  padding-top: 1.5rem;
}
.pb-24 {
  padding-bottom: 1.5rem;
}
.pl-24 {
  padding-left: 1.5rem;
}
.pr-24 {
  padding-right: 1.5rem;
}
.px-24,
.sita-button,
.sita-button-primary,
.sita-button-secondary {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.m-32 {
  margin: 2rem;
}
.mt-32 {
  margin-top: 2rem;
}
.mb-32 {
  margin-bottom: 2rem;
}
.ml-32 {
  margin-left: 2rem;
}
.mr-32 {
  margin-right: 2rem;
}
.mx-32 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.my-32 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.p-32 {
  padding: 2rem;
}
.pt-32 {
  padding-top: 2rem;
}
.pb-32 {
  padding-bottom: 2rem;
}
.pl-32 {
  padding-left: 2rem;
}
.pr-32 {
  padding-right: 2rem;
}
.px-32 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-32 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.m-40 {
  margin: 2.5rem;
}
.mt-40 {
  margin-top: 2.5rem;
}
.mb-40 {
  margin-bottom: 2.5rem;
}
.ml-40 {
  margin-left: 2.5rem;
}
.mr-40 {
  margin-right: 2.5rem;
}
.mx-40 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.my-40 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.p-40 {
  padding: 2.5rem;
}
.pt-40 {
  padding-top: 2.5rem;
}
.pb-40 {
  padding-bottom: 2.5rem;
}
.pl-40 {
  padding-left: 2.5rem;
}
.pr-40 {
  padding-right: 2.5rem;
}
.px-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.m-44 {
  margin: 2.75rem;
}
.mt-44 {
  margin-top: 2.75rem;
}
.mb-44 {
  margin-bottom: 2.75rem;
}
.ml-44 {
  margin-left: 2.75rem;
}
.mr-44 {
  margin-right: 2.75rem;
}
.mx-44 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}
.my-44 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}
.p-44 {
  padding: 2.75rem;
}
.pt-44 {
  padding-top: 2.75rem;
}
.pb-44 {
  padding-bottom: 2.75rem;
}
.pl-44 {
  padding-left: 2.75rem;
}
.pr-44 {
  padding-right: 2.75rem;
}
.px-44 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}
.py-44 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}
.m-48 {
  margin: 3rem;
}
.mt-48 {
  margin-top: 3rem;
}
.mb-48 {
  margin-bottom: 3rem;
}
.ml-48 {
  margin-left: 3rem;
}
.mr-48 {
  margin-right: 3rem;
}
.mx-48 {
  margin-left: 3rem;
  margin-right: 3rem;
}
.my-48 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.p-48 {
  padding: 3rem;
}
.pt-48 {
  padding-top: 3rem;
}
.pb-48 {
  padding-bottom: 3rem;
}
.pl-48 {
  padding-left: 3rem;
}
.pr-48 {
  padding-right: 3rem;
}
.px-48 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.py-48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.m-52 {
  margin: 3.25rem;
}
.mt-52 {
  margin-top: 3.25rem;
}
.mb-52 {
  margin-bottom: 3.25rem;
}
.ml-52 {
  margin-left: 3.25rem;
}
.mr-52 {
  margin-right: 3.25rem;
}
.mx-52 {
  margin-left: 3.25rem;
  margin-right: 3.25rem;
}
.my-52 {
  margin-top: 3.25rem;
  margin-bottom: 3.25rem;
}
.p-52 {
  padding: 3.25rem;
}
.pt-52 {
  padding-top: 3.25rem;
}
.pb-52 {
  padding-bottom: 3.25rem;
}
.pl-52 {
  padding-left: 3.25rem;
}
.pr-52 {
  padding-right: 3.25rem;
}
.px-52 {
  padding-left: 3.25rem;
  padding-right: 3.25rem;
}
.py-52 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}
.m-56 {
  margin: 3.5rem;
}
.mt-56 {
  margin-top: 3.5rem;
}
.mb-56 {
  margin-bottom: 3.5rem;
}
.ml-56 {
  margin-left: 3.5rem;
}
.mr-56 {
  margin-right: 3.5rem;
}
.mx-56 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}
.my-56 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}
.p-56 {
  padding: 3.5rem;
}
.pt-56 {
  padding-top: 3.5rem;
}
.pb-56 {
  padding-bottom: 3.5rem;
}
.pl-56 {
  padding-left: 3.5rem;
}
.pr-56 {
  padding-right: 3.5rem;
}
.px-56 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.py-56 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.m-60 {
  margin: 3.75rem;
}
.mt-60 {
  margin-top: 3.75rem;
}
.mb-60 {
  margin-bottom: 3.75rem;
}
.ml-60 {
  margin-left: 3.75rem;
}
.mr-60 {
  margin-right: 3.75rem;
}
.mx-60 {
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}
.my-60 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}
.p-60 {
  padding: 3.75rem;
}
.pt-60 {
  padding-top: 3.75rem;
}
.pb-60 {
  padding-bottom: 3.75rem;
}
.pl-60 {
  padding-left: 3.75rem;
}
.pr-60 {
  padding-right: 3.75rem;
}
.px-60 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}
.py-60 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.m-64 {
  margin: 4rem;
}
.mt-64 {
  margin-top: 4rem;
}
.mb-64 {
  margin-bottom: 4rem;
}
.ml-64 {
  margin-left: 4rem;
}
.mr-64 {
  margin-right: 4rem;
}
.mx-64 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.my-64 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.p-64 {
  padding: 4rem;
}
.pt-64 {
  padding-top: 4rem;
}
.pb-64 {
  padding-bottom: 4rem;
}
.pl-64 {
  padding-left: 4rem;
}
.pr-64 {
  padding-right: 4rem;
}
.px-64 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.py-64 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.m-72 {
  margin: 4.5rem;
}
.mt-72 {
  margin-top: 4.5rem;
}
.mb-72 {
  margin-bottom: 4.5rem;
}
.ml-72 {
  margin-left: 4.5rem;
}
.mr-72 {
  margin-right: 4.5rem;
}
.mx-72 {
  margin-left: 4.5rem;
  margin-right: 4.5rem;
}
.my-72 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}
.p-72 {
  padding: 4.5rem;
}
.pt-72 {
  padding-top: 4.5rem;
}
.pb-72 {
  padding-bottom: 4.5rem;
}
.pl-72 {
  padding-left: 4.5rem;
}
.pr-72 {
  padding-right: 4.5rem;
}
.px-72 {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}
.py-72 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}
.m-80 {
  margin: 5rem;
}
.mt-80 {
  margin-top: 5rem;
}
.mb-80 {
  margin-bottom: 5rem;
}
.ml-80 {
  margin-left: 5rem;
}
.mr-80 {
  margin-right: 5rem;
}
.mx-80 {
  margin-left: 5rem;
  margin-right: 5rem;
}
.my-80 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.p-80 {
  padding: 5rem;
}
.pt-80 {
  padding-top: 5rem;
}
.pb-80 {
  padding-bottom: 5rem;
}
.pl-80 {
  padding-left: 5rem;
}
.pr-80 {
  padding-right: 5rem;
}
.px-80 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.py-80 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.m-84 {
  margin: 5.25rem;
}
.mt-84 {
  margin-top: 5.25rem;
}
.mb-84 {
  margin-bottom: 5.25rem;
}
.ml-84 {
  margin-left: 5.25rem;
}
.mr-84 {
  margin-right: 5.25rem;
}
.mx-84 {
  margin-left: 5.25rem;
  margin-right: 5.25rem;
}
.my-84 {
  margin-top: 5.25rem;
  margin-bottom: 5.25rem;
}
.p-84 {
  padding: 5.25rem;
}
.pt-84 {
  padding-top: 5.25rem;
}
.pb-84 {
  padding-bottom: 5.25rem;
}
.pl-84 {
  padding-left: 5.25rem;
}
.pr-84 {
  padding-right: 5.25rem;
}
.px-84 {
  padding-left: 5.25rem;
  padding-right: 5.25rem;
}
.py-84 {
  padding-top: 5.25rem;
  padding-bottom: 5.25rem;
}
.m-88 {
  margin: 5.5rem;
}
.mt-88 {
  margin-top: 5.5rem;
}
.mb-88 {
  margin-bottom: 5.5rem;
}
.ml-88 {
  margin-left: 5.5rem;
}
.mr-88 {
  margin-right: 5.5rem;
}
.mx-88 {
  margin-left: 5.5rem;
  margin-right: 5.5rem;
}
.my-88 {
  margin-top: 5.5rem;
  margin-bottom: 5.5rem;
}
.p-88 {
  padding: 5.5rem;
}
.pt-88 {
  padding-top: 5.5rem;
}
.pb-88 {
  padding-bottom: 5.5rem;
}
.pl-88 {
  padding-left: 5.5rem;
}
.pr-88 {
  padding-right: 5.5rem;
}
.px-88 {
  padding-left: 5.5rem;
  padding-right: 5.5rem;
}
.py-88 {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}
.m-92 {
  margin: 5.75rem;
}
.mt-92 {
  margin-top: 5.75rem;
}
.mb-92 {
  margin-bottom: 5.75rem;
}
.ml-92 {
  margin-left: 5.75rem;
}
.mr-92 {
  margin-right: 5.75rem;
}
.mx-92 {
  margin-left: 5.75rem;
  margin-right: 5.75rem;
}
.my-92 {
  margin-top: 5.75rem;
  margin-bottom: 5.75rem;
}
.p-92 {
  padding: 5.75rem;
}
.pt-92 {
  padding-top: 5.75rem;
}
.pb-92 {
  padding-bottom: 5.75rem;
}
.pl-92 {
  padding-left: 5.75rem;
}
.pr-92 {
  padding-right: 5.75rem;
}
.px-92 {
  padding-left: 5.75rem;
  padding-right: 5.75rem;
}
.py-92 {
  padding-top: 5.75rem;
  padding-bottom: 5.75rem;
}
.m-96 {
  margin: 6rem;
}
.mt-96 {
  margin-top: 6rem;
}
.mb-96 {
  margin-bottom: 6rem;
}
.ml-96 {
  margin-left: 6rem;
}
.mr-96 {
  margin-right: 6rem;
}
.mx-96 {
  margin-left: 6rem;
  margin-right: 6rem;
}
.my-96 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.p-96 {
  padding: 6rem;
}
.pt-96 {
  padding-top: 6rem;
}
.pb-96 {
  padding-bottom: 6rem;
}
.pl-96 {
  padding-left: 6rem;
}
.pr-96 {
  padding-right: 6rem;
}
.px-96 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.py-96 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.m-100 {
  margin: 6.25rem;
}
.mt-100 {
  margin-top: 6.25rem;
}
.mb-100 {
  margin-bottom: 6.25rem;
}
.ml-100 {
  margin-left: 6.25rem;
}
.mr-100 {
  margin-right: 6.25rem;
}
.mx-100 {
  margin-left: 6.25rem;
  margin-right: 6.25rem;
}
.my-100 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}
.p-100 {
  padding: 6.25rem;
}
.pt-100 {
  padding-top: 6.25rem;
}
.pb-100 {
  padding-bottom: 6.25rem;
}
.pl-100 {
  padding-left: 6.25rem;
}
.pr-100 {
  padding-right: 6.25rem;
}
.px-100 {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}
.py-100 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
.m-120 {
  margin: 7.5rem;
}
.mt-120 {
  margin-top: 7.5rem;
}
.mb-120 {
  margin-bottom: 7.5rem;
}
.ml-120 {
  margin-left: 7.5rem;
}
.mr-120 {
  margin-right: 7.5rem;
}
.mx-120 {
  margin-left: 7.5rem;
  margin-right: 7.5rem;
}
.my-120 {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}
.p-120 {
  padding: 7.5rem;
}
.pt-120 {
  padding-top: 7.5rem;
}
.pb-120 {
  padding-bottom: 7.5rem;
}
.pl-120 {
  padding-left: 7.5rem;
}
.pr-120 {
  padding-right: 7.5rem;
}
.px-120 {
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}
.py-120 {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
.m-200 {
  margin: 12.5rem;
}
.mt-200 {
  margin-top: 12.5rem;
}
.mb-200 {
  margin-bottom: 12.5rem;
}
.ml-200 {
  margin-left: 12.5rem;
}
.mr-200 {
  margin-right: 12.5rem;
}
.mx-200 {
  margin-left: 12.5rem;
  margin-right: 12.5rem;
}
.my-200 {
  margin-top: 12.5rem;
  margin-bottom: 12.5rem;
}
.p-200 {
  padding: 12.5rem;
}
.pt-200 {
  padding-top: 12.5rem;
}
.pb-200 {
  padding-bottom: 12.5rem;
}
.pl-200 {
  padding-left: 12.5rem;
}
.pr-200 {
  padding-right: 12.5rem;
}
.px-200 {
  padding-left: 12.5rem;
  padding-right: 12.5rem;
}
.py-200 {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}
.m-300 {
  margin: 18.75rem;
}
.mt-300 {
  margin-top: 18.75rem;
}
.mb-300 {
  margin-bottom: 18.75rem;
}
.ml-300 {
  margin-left: 18.75rem;
}
.mr-300 {
  margin-right: 18.75rem;
}
.mx-300 {
  margin-left: 18.75rem;
  margin-right: 18.75rem;
}
.my-300 {
  margin-top: 18.75rem;
  margin-bottom: 18.75rem;
}
.p-300 {
  padding: 18.75rem;
}
.pt-300 {
  padding-top: 18.75rem;
}
.pb-300 {
  padding-bottom: 18.75rem;
}
.pl-300 {
  padding-left: 18.75rem;
}
.pr-300 {
  padding-right: 18.75rem;
}
.px-300 {
  padding-left: 18.75rem;
  padding-right: 18.75rem;
}
.py-300 {
  padding-top: 18.75rem;
  padding-bottom: 18.75rem;
}
.m-350 {
  margin: 21.875rem;
}
.mt-350 {
  margin-top: 21.875rem;
}
.mb-350 {
  margin-bottom: 21.875rem;
}
.ml-350 {
  margin-left: 21.875rem;
}
.mr-350 {
  margin-right: 21.875rem;
}
.mx-350 {
  margin-left: 21.875rem;
  margin-right: 21.875rem;
}
.my-350 {
  margin-top: 21.875rem;
  margin-bottom: 21.875rem;
}
.p-350 {
  padding: 21.875rem;
}
.pt-350 {
  padding-top: 21.875rem;
}
.pb-350 {
  padding-bottom: 21.875rem;
}
.pl-350 {
  padding-left: 21.875rem;
}
.pr-350 {
  padding-right: 21.875rem;
}
.px-350 {
  padding-left: 21.875rem;
  padding-right: 21.875rem;
}
.py-350 {
  padding-top: 21.875rem;
  padding-bottom: 21.875rem;
}
.m-400 {
  margin: 25rem;
}
.mt-400 {
  margin-top: 25rem;
}
.mb-400 {
  margin-bottom: 25rem;
}
.ml-400 {
  margin-left: 25rem;
}
.mr-400 {
  margin-right: 25rem;
}
.mx-400 {
  margin-left: 25rem;
  margin-right: 25rem;
}
.my-400 {
  margin-top: 25rem;
  margin-bottom: 25rem;
}
.p-400 {
  padding: 25rem;
}
.pt-400 {
  padding-top: 25rem;
}
.pb-400 {
  padding-bottom: 25rem;
}
.pl-400 {
  padding-left: 25rem;
}
.pr-400 {
  padding-right: 25rem;
}
.px-400 {
  padding-left: 25rem;
  padding-right: 25rem;
}
.py-400 {
  padding-top: 25rem;
  padding-bottom: 25rem;
}
.m-500 {
  margin: 35rem;
}
.mt-500 {
  margin-top: 35rem;
}
.mb-500 {
  margin-bottom: 35rem;
}
.ml-500 {
  margin-left: 35rem;
}
.mr-500 {
  margin-right: 35rem;
}
.mx-500 {
  margin-left: 35rem;
  margin-right: 35rem;
}
.my-500 {
  margin-top: 35rem;
  margin-bottom: 35rem;
}
.p-500 {
  padding: 35rem;
}
.pt-500 {
  padding-top: 35rem;
}
.pb-500 {
  padding-bottom: 35rem;
}
.pl-500 {
  padding-left: 35rem;
}
.pr-500 {
  padding-right: 35rem;
}
.px-500 {
  padding-left: 35rem;
  padding-right: 35rem;
}
.py-500 {
  padding-top: 35rem;
  padding-bottom: 35rem;
}
.m-full {
  margin: 100%;
}
.mt-full {
  margin-top: 100%;
}
.mb-full {
  margin-bottom: 100%;
}
.ml-full {
  margin-left: 100%;
}
.mr-full {
  margin-right: 100%;
}
.mx-full {
  margin-left: 100%;
  margin-right: 100%;
}
.my-full {
  margin-top: 100%;
  margin-bottom: 100%;
}
.p-full {
  padding: 100%;
}
.pt-full {
  padding-top: 100%;
}
.pb-full {
  padding-bottom: 100%;
}
.pl-full {
  padding-left: 100%;
}
.pr-full {
  padding-right: 100%;
}
.px-full {
  padding-left: 100%;
  padding-right: 100%;
}
.py-full {
  padding-top: 100%;
  padding-bottom: 100%;
}
.m-half {
  margin: 50%;
}
.mt-half {
  margin-top: 50%;
}
.mb-half {
  margin-bottom: 50%;
}
.ml-half {
  margin-left: 50%;
}
.mr-half {
  margin-right: 50%;
}
.mx-half {
  margin-left: 50%;
  margin-right: 50%;
}
.my-half {
  margin-top: 50%;
  margin-bottom: 50%;
}
.p-half {
  padding: 50%;
}
.pt-half {
  padding-top: 50%;
}
.pb-half {
  padding-bottom: 50%;
}
.pl-half {
  padding-left: 50%;
}
.pr-half {
  padding-right: 50%;
}
.px-half {
  padding-left: 50%;
  padding-right: 50%;
}
.py-half {
  padding-top: 50%;
  padding-bottom: 50%;
}
.m-70-h {
  margin: 70vh;
}
.mt-70-h {
  margin-top: 70vh;
}
.mb-70-h {
  margin-bottom: 70vh;
}
.ml-70-h {
  margin-left: 70vh;
}
.mr-70-h {
  margin-right: 70vh;
}
.mx-70-h {
  margin-left: 70vh;
  margin-right: 70vh;
}
.my-70-h {
  margin-top: 70vh;
  margin-bottom: 70vh;
}
.p-70-h {
  padding: 70vh;
}
.pt-70-h {
  padding-top: 70vh;
}
.pb-70-h {
  padding-bottom: 70vh;
}
.pl-70-h {
  padding-left: 70vh;
}
.pr-70-h {
  padding-right: 70vh;
}
.px-70-h {
  padding-left: 70vh;
  padding-right: 70vh;
}
.py-70-h {
  padding-top: 70vh;
  padding-bottom: 70vh;
}
.m-screen-h {
  margin: 100vh;
}
.mt-screen-h {
  margin-top: 100vh;
}
.mb-screen-h {
  margin-bottom: 100vh;
}
.ml-screen-h {
  margin-left: 100vh;
}
.mr-screen-h {
  margin-right: 100vh;
}
.mx-screen-h {
  margin-left: 100vh;
  margin-right: 100vh;
}
.my-screen-h {
  margin-top: 100vh;
  margin-bottom: 100vh;
}
.p-screen-h {
  padding: 100vh;
}
.pt-screen-h {
  padding-top: 100vh;
}
.pb-screen-h {
  padding-bottom: 100vh;
}
.pl-screen-h {
  padding-left: 100vh;
}
.pr-screen-h {
  padding-right: 100vh;
}
.px-screen-h {
  padding-left: 100vh;
  padding-right: 100vh;
}
.py-screen-h {
  padding-top: 100vh;
  padding-bottom: 100vh;
}
.m-screen-w {
  margin: 100vw;
}
.mt-screen-w {
  margin-top: 100vw;
}
.mb-screen-w {
  margin-bottom: 100vw;
}
.ml-screen-w {
  margin-left: 100vw;
}
.mr-screen-w {
  margin-right: 100vw;
}
.mx-screen-w {
  margin-left: 100vw;
  margin-right: 100vw;
}
.my-screen-w {
  margin-top: 100vw;
  margin-bottom: 100vw;
}
.p-screen-w {
  padding: 100vw;
}
.pt-screen-w {
  padding-top: 100vw;
}
.pb-screen-w {
  padding-bottom: 100vw;
}
.pl-screen-w {
  padding-left: 100vw;
}
.pr-screen-w {
  padding-right: 100vw;
}
.px-screen-w {
  padding-left: 100vw;
  padding-right: 100vw;
}
.py-screen-w {
  padding-top: 100vw;
  padding-bottom: 100vw;
}
.m-auto {
  margin: auto;
}
.mt-auto {
  margin-top: auto;
}
.mb-auto {
  margin-bottom: auto;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.p-auto {
  padding: auto;
}
.pt-auto {
  padding-top: auto;
}
.pb-auto {
  padding-bottom: auto;
}
.pl-auto {
  padding-left: auto;
}
.pr-auto {
  padding-right: auto;
}
.px-auto {
  padding-left: auto;
  padding-right: auto;
}
.py-auto {
  padding-top: auto;
  padding-bottom: auto;
}
.w-2 {
  width: 0.125rem;
}
.min-w-2 {
  min-width: 0.125rem;
}
.max-w-2 {
  max-width: 0.125rem;
}
.h-2 {
  height: 0.125rem;
}
.min-h-2 {
  min-height: 0.125rem;
}
.max-h-2 {
  max-height: 0.125rem;
}
.w-4 {
  width: 0.25rem;
}
.min-w-4 {
  min-width: 0.25rem;
}
.max-w-4 {
  max-width: 0.25rem;
}
.h-4 {
  height: 0.25rem;
}
.min-h-4 {
  min-height: 0.25rem;
}
.max-h-4 {
  max-height: 0.25rem;
}
.w-8 {
  width: 0.5rem;
}
.min-w-8 {
  min-width: 0.5rem;
}
.max-w-8 {
  max-width: 0.5rem;
}
.h-8 {
  height: 0.5rem;
}
.min-h-8 {
  min-height: 0.5rem;
}
.max-h-8 {
  max-height: 0.5rem;
}
.w-12 {
  width: 0.75rem;
}
.min-w-12 {
  min-width: 0.75rem;
}
.max-w-12 {
  max-width: 0.75rem;
}
.h-12 {
  height: 0.75rem;
}
.min-h-12 {
  min-height: 0.75rem;
}
.max-h-12 {
  max-height: 0.75rem;
}
.w-16 {
  width: 1rem;
}
.min-w-16 {
  min-width: 1rem;
}
.max-w-16 {
  max-width: 1rem;
}
.h-16 {
  height: 1rem;
}
.min-h-16 {
  min-height: 1rem;
}
.max-h-16 {
  max-height: 1rem;
}
.w-20 {
  width: 1.25rem;
}
.min-w-20 {
  min-width: 1.25rem;
}
.max-w-20 {
  max-width: 1.25rem;
}
.h-20,
.short-vertical-divider-gray,
.sita-small-chip {
  height: 1.25rem;
}
.min-h-20 {
  min-height: 1.25rem;
}
.max-h-20 {
  max-height: 1.25rem;
}
.w-24 {
  width: 1.5rem;
}
.min-w-24 {
  min-width: 1.5rem;
}
.max-w-24 {
  max-width: 1.5rem;
}
.h-24,
.sita-form-label {
  height: 1.5rem;
}
.min-h-24 {
  min-height: 1.5rem;
}
.max-h-24 {
  max-height: 1.5rem;
}
.w-32,
.sita-round-chip {
  width: 2rem;
}
.min-w-32 {
  min-width: 2rem;
}
.max-w-32 {
  max-width: 2rem;
}
.h-32,
.short-vertical-divider,
.sita-chip,
.sita-round-chip {
  height: 2rem;
}
.min-h-32 {
  min-height: 2rem;
}
.max-h-32 {
  max-height: 2rem;
}
.w-40 {
  width: 2.5rem;
}
.min-w-40 {
  min-width: 2.5rem;
}
.max-w-40 {
  max-width: 2.5rem;
}
.h-40,
.sita-form-field,
.sita-large-chip {
  height: 2.5rem;
}
.min-h-40 {
  min-height: 2.5rem;
}
.max-h-40 {
  max-height: 2.5rem;
}
.w-44 {
  width: 2.75rem;
}
.min-w-44 {
  min-width: 2.75rem;
}
.max-w-44 {
  max-width: 2.75rem;
}
.h-44,
.sita-button,
.sita-button-primary,
.sita-button-secondary {
  height: 2.75rem;
}
.min-h-44 {
  min-height: 2.75rem;
}
.max-h-44 {
  max-height: 2.75rem;
}
.w-48 {
  width: 3rem;
}
.min-w-48 {
  min-width: 3rem;
}
.max-w-48 {
  max-width: 3rem;
}
.h-48 {
  height: 3rem;
}
.min-h-48 {
  min-height: 3rem;
}
.max-h-48 {
  max-height: 3rem;
}
.w-52 {
  width: 3.25rem;
}
.min-w-52 {
  min-width: 3.25rem;
}
.max-w-52 {
  max-width: 3.25rem;
}
.h-52 {
  height: 3.25rem;
}
.min-h-52 {
  min-height: 3.25rem;
}
.max-h-52 {
  max-height: 3.25rem;
}
.w-56 {
  width: 3.5rem;
}
.min-w-56 {
  min-width: 3.5rem;
}
.max-w-56 {
  max-width: 3.5rem;
}
.h-56 {
  height: 3.5rem;
}
.min-h-56 {
  min-height: 3.5rem;
}
.max-h-56 {
  max-height: 3.5rem;
}
.w-60 {
  width: 3.75rem;
}
.min-w-60 {
  min-width: 3.75rem;
}
.max-w-60 {
  max-width: 3.75rem;
}
.h-60 {
  height: 3.75rem;
}
.min-h-60 {
  min-height: 3.75rem;
}
.max-h-60 {
  max-height: 3.75rem;
}
.w-64 {
  width: 4rem;
}
.min-w-64 {
  min-width: 4rem;
}
.max-w-64 {
  max-width: 4rem;
}
.h-64 {
  height: 4rem;
}
.min-h-64 {
  min-height: 4rem;
}
.max-h-64 {
  max-height: 4rem;
}
.w-72 {
  width: 4.5rem;
}
.min-w-72 {
  min-width: 4.5rem;
}
.max-w-72 {
  max-width: 4.5rem;
}
.h-72 {
  height: 4.5rem;
}
.min-h-72 {
  min-height: 4.5rem;
}
.max-h-72 {
  max-height: 4.5rem;
}
.w-80 {
  width: 5rem;
}
.min-w-80 {
  min-width: 5rem;
}
.max-w-80 {
  max-width: 5rem;
}
.h-80 {
  height: 5rem;
}
.min-h-80 {
  min-height: 5rem;
}
.max-h-80 {
  max-height: 5rem;
}
.w-84 {
  width: 5.25rem;
}
.min-w-84 {
  min-width: 5.25rem;
}
.max-w-84 {
  max-width: 5.25rem;
}
.h-84 {
  height: 5.25rem;
}
.min-h-84 {
  min-height: 5.25rem;
}
.max-h-84 {
  max-height: 5.25rem;
}
.w-88 {
  width: 5.5rem;
}
.min-w-88 {
  min-width: 5.5rem;
}
.max-w-88 {
  max-width: 5.5rem;
}
.h-88 {
  height: 5.5rem;
}
.min-h-88 {
  min-height: 5.5rem;
}
.max-h-88 {
  max-height: 5.5rem;
}
.w-92 {
  width: 5.75rem;
}
.min-w-92 {
  min-width: 5.75rem;
}
.max-w-92 {
  max-width: 5.75rem;
}
.h-92 {
  height: 5.75rem;
}
.min-h-92 {
  min-height: 5.75rem;
}
.max-h-92 {
  max-height: 5.75rem;
}
.w-96 {
  width: 6rem;
}
.min-w-96 {
  min-width: 6rem;
}
.max-w-96 {
  max-width: 6rem;
}
.h-96 {
  height: 6rem;
}
.min-h-96 {
  min-height: 6rem;
}
.max-h-96 {
  max-height: 6rem;
}
.w-100 {
  width: 6.25rem;
}
.min-w-100 {
  min-width: 6.25rem;
}
.max-w-100 {
  max-width: 6.25rem;
}
.h-100 {
  height: 6.25rem;
}
.min-h-100 {
  min-height: 6.25rem;
}
.max-h-100 {
  max-height: 6.25rem;
}
.w-120 {
  width: 7.5rem;
}
.min-w-120 {
  min-width: 7.5rem;
}
.max-w-120 {
  max-width: 7.5rem;
}
.h-120 {
  height: 7.5rem;
}
.min-h-120 {
  min-height: 7.5rem;
}
.max-h-120 {
  max-height: 7.5rem;
}
.w-200 {
  width: 12.5rem;
}
.min-w-200 {
  min-width: 12.5rem;
}
.max-w-200 {
  max-width: 12.5rem;
}
.h-200 {
  height: 12.5rem;
}
.min-h-200 {
  min-height: 12.5rem;
}
.max-h-200 {
  max-height: 12.5rem;
}
.w-300 {
  width: 18.75rem;
}
.min-w-300 {
  min-width: 18.75rem;
}
.max-w-300 {
  max-width: 18.75rem;
}
.h-300 {
  height: 18.75rem;
}
.min-h-300 {
  min-height: 18.75rem;
}
.max-h-300 {
  max-height: 18.75rem;
}
.w-350 {
  width: 21.875rem;
}
.min-w-350 {
  min-width: 21.875rem;
}
.max-w-350 {
  max-width: 21.875rem;
}
.h-350 {
  height: 21.875rem;
}
.min-h-350 {
  min-height: 21.875rem;
}
.max-h-350 {
  max-height: 21.875rem;
}
.w-400,
.sita-form {
  width: 25rem;
}
.min-w-400 {
  min-width: 25rem;
}
.max-w-400 {
  max-width: 25rem;
}
.h-400 {
  height: 25rem;
}
.min-h-400 {
  min-height: 25rem;
}
.max-h-400 {
  max-height: 25rem;
}
.w-500 {
  width: 35rem;
}
.min-w-500 {
  min-width: 35rem;
}
.max-w-500 {
  max-width: 35rem;
}
.h-500 {
  height: 35rem;
}
.min-h-500 {
  min-height: 35rem;
}
.max-h-500 {
  max-height: 35rem;
}
.w-full,
.sita-form-label,
.sita-form-field {
  width: 100%;
}
.min-w-full {
  min-width: 100%;
}
.max-w-full {
  max-width: 100%;
}
.h-full {
  height: 100%;
}
.min-h-full {
  min-height: 100%;
}
.max-h-full {
  max-height: 100%;
}
.w-half {
  width: 50%;
}
.min-w-half {
  min-width: 50%;
}
.max-w-half {
  max-width: 50%;
}
.h-half {
  height: 50%;
}
.min-h-half {
  min-height: 50%;
}
.max-h-half {
  max-height: 50%;
}
.w-70-h {
  width: 70vh;
}
.min-w-70-h {
  min-width: 70vh;
}
.max-w-70-h {
  max-width: 70vh;
}
.h-70-h {
  height: 70vh;
}
.min-h-70-h {
  min-height: 70vh;
}
.max-h-70-h {
  max-height: 70vh;
}
.w-screen-h {
  width: 100vh;
}
.min-w-screen-h {
  min-width: 100vh;
}
.max-w-screen-h {
  max-width: 100vh;
}
.h-screen-h {
  height: 100vh;
}
.min-h-screen-h {
  min-height: 100vh;
}
.max-h-screen-h {
  max-height: 100vh;
}
.w-screen-w {
  width: 100vw;
}
.min-w-screen-w {
  min-width: 100vw;
}
.max-w-screen-w {
  max-width: 100vw;
}
.h-screen-w {
  height: 100vw;
}
.min-h-screen-w {
  min-height: 100vw;
}
.max-h-screen-w {
  max-height: 100vw;
}
.w-auto {
  width: auto;
}
.min-w-auto {
  min-width: auto;
}
.max-w-auto {
  max-width: auto;
}
.h-auto {
  height: auto;
}
.min-h-auto {
  min-height: auto;
}
.max-h-auto {
  max-height: auto;
}
.br-2 {
  border-radius: 0.125rem;
}
.br-4,
.sita-form-field,
.sita-small-chip,
.sita-chip,
.sita-large-chip,
.sita-round-chip {
  border-radius: 0.25rem;
}
.br-8 {
  border-radius: 0.5rem;
}
.br-12 {
  border-radius: 0.75rem;
}
.br-16,
.sita-round-chip {
  border-radius: 1rem;
}
.br-20 {
  border-radius: 1.25rem;
}
.br-24,
.sita-button,
.sita-button-primary,
.sita-button-secondary {
  border-radius: 1.5rem;
}
.br-32 {
  border-radius: 2rem;
}
.br-40 {
  border-radius: 2.5rem;
}
.br-44 {
  border-radius: 2.75rem;
}
.br-48 {
  border-radius: 3rem;
}
.br-52 {
  border-radius: 3.25rem;
}
.br-56 {
  border-radius: 3.5rem;
}
.br-60 {
  border-radius: 3.75rem;
}
.br-64 {
  border-radius: 4rem;
}
.br-72 {
  border-radius: 4.5rem;
}
.br-80 {
  border-radius: 5rem;
}
.br-84 {
  border-radius: 5.25rem;
}
.br-88 {
  border-radius: 5.5rem;
}
.br-92 {
  border-radius: 5.75rem;
}
.br-96 {
  border-radius: 6rem;
}
.br-100 {
  border-radius: 6.25rem;
}
.br-120 {
  border-radius: 7.5rem;
}
.br-200 {
  border-radius: 12.5rem;
}
.br-300 {
  border-radius: 18.75rem;
}
.br-350 {
  border-radius: 21.875rem;
}
.br-400 {
  border-radius: 25rem;
}
.br-500 {
  border-radius: 35rem;
}
.br-full {
  border-radius: 100%;
}
.br-half {
  border-radius: 50%;
}
.br-70-h {
  border-radius: 70vh;
}
.br-screen-h {
  border-radius: 100vh;
}
.br-screen-w {
  border-radius: 100vw;
}
.br-auto {
  border-radius: auto;
}
.g-2 {
  gap: 0.125rem;
}
.col-g-2 {
  column-gap: 0.125rem;
}
.row-g-2 {
  row-gap: 0.125rem;
}
.g-4 {
  gap: 0.25rem;
}
.col-g-4 {
  column-gap: 0.25rem;
}
.row-g-4 {
  row-gap: 0.25rem;
}
.g-8 {
  gap: 0.5rem;
}
.col-g-8 {
  column-gap: 0.5rem;
}
.row-g-8 {
  row-gap: 0.5rem;
}
.g-12 {
  gap: 0.75rem;
}
.col-g-12 {
  column-gap: 0.75rem;
}
.row-g-12 {
  row-gap: 0.75rem;
}
.g-16 {
  gap: 1rem;
}
.col-g-16 {
  column-gap: 1rem;
}
.row-g-16 {
  row-gap: 1rem;
}
.g-20 {
  gap: 1.25rem;
}
.col-g-20 {
  column-gap: 1.25rem;
}
.row-g-20 {
  row-gap: 1.25rem;
}
.g-24 {
  gap: 1.5rem;
}
.col-g-24 {
  column-gap: 1.5rem;
}
.row-g-24 {
  row-gap: 1.5rem;
}
.g-32 {
  gap: 2rem;
}
.col-g-32 {
  column-gap: 2rem;
}
.row-g-32 {
  row-gap: 2rem;
}
.g-40 {
  gap: 2.5rem;
}
.col-g-40 {
  column-gap: 2.5rem;
}
.row-g-40 {
  row-gap: 2.5rem;
}
.g-44 {
  gap: 2.75rem;
}
.col-g-44 {
  column-gap: 2.75rem;
}
.row-g-44 {
  row-gap: 2.75rem;
}
.g-48 {
  gap: 3rem;
}
.col-g-48 {
  column-gap: 3rem;
}
.row-g-48 {
  row-gap: 3rem;
}
.g-52 {
  gap: 3.25rem;
}
.col-g-52 {
  column-gap: 3.25rem;
}
.row-g-52 {
  row-gap: 3.25rem;
}
.g-56 {
  gap: 3.5rem;
}
.col-g-56 {
  column-gap: 3.5rem;
}
.row-g-56 {
  row-gap: 3.5rem;
}
.g-60 {
  gap: 3.75rem;
}
.col-g-60 {
  column-gap: 3.75rem;
}
.row-g-60 {
  row-gap: 3.75rem;
}
.g-64 {
  gap: 4rem;
}
.col-g-64 {
  column-gap: 4rem;
}
.row-g-64 {
  row-gap: 4rem;
}
.g-72 {
  gap: 4.5rem;
}
.col-g-72 {
  column-gap: 4.5rem;
}
.row-g-72 {
  row-gap: 4.5rem;
}
.g-80 {
  gap: 5rem;
}
.col-g-80 {
  column-gap: 5rem;
}
.row-g-80 {
  row-gap: 5rem;
}
.g-84 {
  gap: 5.25rem;
}
.col-g-84 {
  column-gap: 5.25rem;
}
.row-g-84 {
  row-gap: 5.25rem;
}
.g-88 {
  gap: 5.5rem;
}
.col-g-88 {
  column-gap: 5.5rem;
}
.row-g-88 {
  row-gap: 5.5rem;
}
.g-92 {
  gap: 5.75rem;
}
.col-g-92 {
  column-gap: 5.75rem;
}
.row-g-92 {
  row-gap: 5.75rem;
}
.g-96 {
  gap: 6rem;
}
.col-g-96 {
  column-gap: 6rem;
}
.row-g-96 {
  row-gap: 6rem;
}
.g-100 {
  gap: 6.25rem;
}
.col-g-100 {
  column-gap: 6.25rem;
}
.row-g-100 {
  row-gap: 6.25rem;
}
.g-120 {
  gap: 7.5rem;
}
.col-g-120 {
  column-gap: 7.5rem;
}
.row-g-120 {
  row-gap: 7.5rem;
}
.g-200 {
  gap: 12.5rem;
}
.col-g-200 {
  column-gap: 12.5rem;
}
.row-g-200 {
  row-gap: 12.5rem;
}
.g-300 {
  gap: 18.75rem;
}
.col-g-300 {
  column-gap: 18.75rem;
}
.row-g-300 {
  row-gap: 18.75rem;
}
.g-350 {
  gap: 21.875rem;
}
.col-g-350 {
  column-gap: 21.875rem;
}
.row-g-350 {
  row-gap: 21.875rem;
}
.g-400 {
  gap: 25rem;
}
.col-g-400 {
  column-gap: 25rem;
}
.row-g-400 {
  row-gap: 25rem;
}
.g-500 {
  gap: 35rem;
}
.col-g-500 {
  column-gap: 35rem;
}
.row-g-500 {
  row-gap: 35rem;
}
.g-full {
  gap: 100%;
}
.col-g-full {
  column-gap: 100%;
}
.row-g-full {
  row-gap: 100%;
}
.g-half {
  gap: 50%;
}
.col-g-half {
  column-gap: 50%;
}
.row-g-half {
  row-gap: 50%;
}
.g-70-h {
  gap: 70vh;
}
.col-g-70-h {
  column-gap: 70vh;
}
.row-g-70-h {
  row-gap: 70vh;
}
.g-screen-h {
  gap: 100vh;
}
.col-g-screen-h {
  column-gap: 100vh;
}
.row-g-screen-h {
  row-gap: 100vh;
}
.g-screen-w {
  gap: 100vw;
}
.col-g-screen-w {
  column-gap: 100vw;
}
.row-g-screen-w {
  row-gap: 100vw;
}
.g-auto {
  gap: auto;
}
.col-g-auto {
  column-gap: auto;
}
.row-g-auto {
  row-gap: auto;
}
.row {
  display: flex;
  flex-direction: row;
}
.column {
  display: flex;
  flex-direction: column;
}
.jc-start {
  justify-content: flex-start;
}
.jc-end {
  justify-content: flex-end;
}
.jc-center {
  justify-content: center;
}
.jc-between {
  justify-content: space-between;
}
.jc-around {
  justify-content: space-around;
}
.jc-evenly {
  justify-content: space-evenly;
}
.ai-start {
  align-items: flex-start;
}
.ai-end {
  align-items: flex-end;
}
.ai-center {
  align-items: center;
}
.ai-baseline {
  align-items: baseline;
}
.ai-stretch {
  align-items: stretch;
}
@font-face {
  font-family: "Saans";
  src: url("./media/Saans-Regular-1.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Saans";
  src: url("./media/Saans-SemiBold-1.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Favorit Mono";
  src: url("./media/ABCFavoritMono-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
h1 {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 600;
  margin: 0;
}
h2 {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 600;
  margin: 0;
}
h3 {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: 600;
  margin: 0;
}
h4 {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 600;
  margin: 0;
}
.app-title {
  font-family: "Saans", sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.app-title--dark {
  color: var(--primary-dark);
}
.app-title--light {
  color: var(--primary-contrast);
}
.app-title--white {
  color: var(--white);
}
.app-title--black {
  color: var(--off-black);
}
.body-text-large {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.body-text-large-bold {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
.body-text-medium-bold {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 0.9rem;
  line-height: 1.5rem;
  font-weight: 700;
}
p,
.body-text-paragraph {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
p.bold,
.body-text-paragraph-bold {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.body-text-italic {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  font-style: italic;
}
.fine-print-small-text,
.sita-small-chip,
.sita-chip,
.sita-large-chip,
.sita-round-chip {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}
.field-label,
.sita-form-label,
.sita-form-field {
  font-family: "Saans", sans-serif;
  color: var(--neutral-dark);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
}
.descriptive-text {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 400;
}
a,
.text-link {
  font-family: "Saans", sans-serif;
  color: var(--secondary-dark);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-decoration: underline;
  cursor: pointer;
}
.text-link-dark {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-decoration: underline;
  cursor: pointer;
}
.tertiary-button {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.button-text-primary,
.sita-button,
.sita-button-primary,
.sita-button-secondary {
  font-family: "Saans", sans-serif;
  color: var(--primary-contrast);
  font-size: 0.875rem;
  line-height: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
}
.button-text-secondary {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 0.875rem;
  line-height: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
}
.tab-menu-heading {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 600;
}
.tab-heading-active {
  font-family: "Saans", sans-serif;
  color: var(--selected-accent);
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: 600;
}
.primary-nav-menu-text {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 0.625rem;
  line-height: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
}
.primary-nav-menu-text-selected,
.selected-state {
  font-family: "Saans", sans-serif;
  color: var(--selected-accent) !important;
  font-size: 0.625rem;
  line-height: 0.75rem;
  font-weight: 600 !important;
  text-transform: uppercase;
}
.secondary-nav-title {
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 0.625rem;
  line-height: 0.875rem;
  font-weight: 400;
  text-transform: uppercase;
}
.secondary-nav-item-title-selected {
  font-family: "Saans", sans-serif;
  color: var(--selected-accent);
  font-size: 0.625rem;
  line-height: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.secondary-nav-description {
  font-family: "Saans", sans-serif;
  font-size: 0.625rem;
  line-height: 1.125rem;
  font-weight: 400;
}
.sita-round-chip,
.sita-large-chip,
.sita-chip,
.sita-small-chip {
  width: fit-content;
  color: var(--chip-fg, var(--off-black));
  background-color: var(--chip-bg, var(--status-info));
  display: flex;
  align-items: center;
}
.chip-info {
  --chip-bg: var(--status-info);
  --chip-fg: var(--off-black);
}
.chip-success {
  --chip-bg: var(--status-success);
  --chip-fg: white;
}
.chip-warning {
  --chip-bg: var(--status-warning);
  --chip-fg: white;
}
.chip-error {
  --chip-bg: var(--status-error);
  --chip-fg: white;
}
.chip-highlight,
.chip-highligh {
  --chip-bg: var(--status-highlight);
  --chip-fg: white;
}
.chip-light-neutral {
  --chip-bg: color-mix(in srgb, var(--off-white) 92%, var(--icy-blue));
  --chip-fg: color-mix(in srgb, var(--off-black) 86%, var(--text-blue));
}
.chip-light-info {
  --chip-bg: color-mix(in srgb, var(--status-info) 34%, white);
  --chip-fg: color-mix(in srgb, var(--text-blue) 88%, var(--off-black));
}
.chip-light-success {
  --chip-bg: color-mix(in srgb, var(--status-success) 30%, white);
  --chip-fg: color-mix(in srgb, var(--forest-green) 88%, var(--off-black));
}
.chip-light-warning {
  --chip-bg: color-mix(in srgb, var(--status-warning) 34%, white);
  --chip-fg: color-mix(in srgb, #8a5a13 88%, var(--off-black));
}
.chip-light-error {
  --chip-bg: color-mix(in srgb, var(--status-error) 30%, white);
  --chip-fg: color-mix(in srgb, #8c2f35 88%, var(--off-black));
}
.chip-light-highlight {
  --chip-bg: color-mix(in srgb, var(--status-highlight) 42%, white);
  --chip-fg: color-mix(in srgb, #6b561f 88%, var(--off-black));
}
.sita-form-label {
  text-align: left;
}
.sita-form-field {
  border: 0.0625rem solid var(--primary-light);
  background-color: var(--primary-light);
}
.sita-form-field:focus,
.sita-form-field:focus-visible {
  border-color: var(--vibrant-blue);
  outline: none;
}
.sita-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.sita-form-label.required::after {
  content: " *";
  color: var(--status-error, );
}
.sita-button,
.sita-button-secondary,
.sita-button-primary {
  cursor: pointer;
}
.sita-button-primary {
  background-color: var(--primary-main);
  color: var(--white);
}
.sita-button-primary:hover {
  background-color: var(--off-black);
}
.sita-button-secondary {
  background-color: var(--white);
  border: 0.065rem solid var(--off-black);
  color: var(--off-black);
}
.sita-button-secondary:hover {
  background-color: var(--forest-green);
  color: var(--white);
  border-color: var(--white);
}
.er-workflow-row--action {
  cursor: pointer;
  font: inherit;
  text-align: left;
  width: 100%;
}
.er-workflow-row--selected {
  box-shadow: 0 0 0 0.125rem rgba(34, 197, 94, 0.5);
}
.er-workflow-drawer-backdrop {
  animation: er-workflow-backdrop-enter 0.22s ease-out forwards;
  background: rgba(3, 8, 14, 0.5);
  border: 0;
  inset: 0;
  position: fixed;
  z-index: 1200;
}
.er-workflow-drawer-backdrop--closing {
  animation: er-workflow-backdrop-exit 0.22s ease-in forwards;
  pointer-events: none;
}
.er-workflow-drawer {
  animation: er-workflow-drawer-enter 0.24s cubic-bezier(0.22, 1, 0.36, 1);
  border-left: 0.0625rem solid rgba(148, 178, 235, 0.2);
  border-radius: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  max-width: 96vw;
  overflow: auto;
  padding: 1.1rem 1.2rem 2rem;
  position: fixed;
  right: 0;
  top: 0;
  width: 46rem;
  z-index: 1201;
}
.er-workflow-drawer--closing {
  animation: er-workflow-drawer-exit 0.22s ease-in forwards;
}
.er-workflow-drawer__header {
  align-items: flex-start;
  display: flex;
  gap: 0.8rem;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
.er-workflow-drawer__header-left {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
}
.er-workflow-drawer__eyebrow {
  color: var(--er-text-muted);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.er-workflow-drawer__name {
  color: var(--er-text);
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin: 0;
}
.er-workflow-drawer__meta {
  color: var(--er-text-muted);
  font-size: 0.77rem;
  margin: 0;
}
.er-workflow-drawer__close {
  background: rgba(148, 178, 235, 0.12);
  border: 0.0625rem solid rgba(148, 178, 235, 0.26);
  border-radius: 0.48rem;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 700;
  min-height: 2rem;
  padding: 0 0.7rem;
  transition: background 150ms ease;
}
.er-workflow-drawer__close:hover {
  background: rgba(148, 178, 235, 0.22);
}
.er-wd-intervention {
  background:
    linear-gradient(
      135deg,
      rgba(248, 113, 113, 0.12),
      rgba(248, 113, 113, 0.06));
  border: 0.09rem solid rgba(248, 113, 113, 0.38);
  border-radius: 0.75rem;
  display: grid;
  gap: 0.55rem;
  margin-top: 0.9rem;
  padding: 0.85rem 0.9rem;
}
.er-wd-intervention__head {
  align-items: center;
  display: flex;
  gap: 0.65rem;
}
.er-wd-intervention__text {
  display: grid;
  gap: 0.1rem;
  min-width: 0;
}
.er-wd-intervention__title {
  color: rgba(248, 113, 113, 0.98);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  margin: 0;
}
.er-wd-intervention__sub {
  color: rgba(248, 113, 113, 0.72);
  font-size: 0.66rem;
  line-height: 1.4;
  margin: 0;
}
.er-wd-intervention__body {
  border-top: 0.0625rem solid rgba(248, 113, 113, 0.18);
  padding-top: 0.45rem;
}
.er-wd-intervention__owner {
  color: rgba(248, 113, 113, 0.82);
  font-size: 0.7rem;
  font-weight: 600;
  margin: 0;
}
.er-wd-intervention__owner-lbl {
  color: rgba(248, 113, 113, 0.5);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-right: 0.25rem;
  text-transform: uppercase;
}
.er-wd-intervention__alert {
  align-items: center;
  background: rgba(245, 158, 11, 0.13);
  border: 0.065rem solid rgba(245, 158, 11, 0.38);
  border-radius: 0.45rem;
  color: rgba(245, 158, 11, 0.95);
  display: flex;
  font-size: 0.68rem;
  font-weight: 700;
  gap: 0.38rem;
  padding: 0.4rem 0.55rem;
}
.er-wd-intervention__alert-icon {
  flex-shrink: 0;
}
.er-wd-agent-badge {
  align-items: center;
  background: rgba(148, 178, 235, 0.22);
  border: 0.08rem solid rgba(148, 178, 235, 0.4);
  border-radius: 999px;
  color: var(--er-text);
  display: inline-flex;
  flex-shrink: 0;
  font-size: 0.62rem;
  font-weight: 800;
  height: 2rem;
  justify-content: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  width: 2rem;
}
.er-wd-agent-badge--gov {
  background: rgba(248, 113, 113, 0.22);
  border-color: rgba(248, 113, 113, 0.5);
  color: rgba(248, 113, 113, 0.95);
}
.er-wd-live-badge {
  align-items: center;
  background: rgba(52, 211, 153, 0.1);
  border: 0.0625rem solid rgba(52, 211, 153, 0.3);
  border-radius: 999px;
  color: rgba(52, 211, 153, 0.9);
  display: inline-flex;
  font-size: 0.56rem;
  font-weight: 800;
  gap: 0.28rem;
  letter-spacing: 0.08em;
  line-height: 1.2;
  min-height: 1.35rem;
  padding: 0.2rem 0.42rem;
  text-transform: uppercase;
}
.er-wd-live-badge--blocked {
  background: rgba(245, 158, 11, 0.1);
  border-color: rgba(245, 158, 11, 0.32);
  color: rgba(245, 158, 11, 0.9);
}
.er-wd-live-badge__dot {
  animation: er-wd-pulse-dot 1.4s ease-in-out infinite;
  background: rgba(52, 211, 153, 0.9);
  border-radius: 999px;
  height: 0.42rem;
  width: 0.42rem;
}
.er-wd-live-badge--blocked .er-wd-live-badge__dot {
  animation-name: er-wd-pulse-dot-amber;
  background: rgba(245, 158, 11, 0.9);
}
.er-wd-happening {
  align-items: flex-start;
  background: rgba(96, 165, 250, 0.07);
  border: 0.0625rem solid rgba(96, 165, 250, 0.18);
  border-radius: 0.45rem;
  display: flex;
  gap: 0.5rem;
  padding: 0.38rem 0.5rem;
}
.er-wd-happening__text {
  color: rgba(148, 178, 235, 0.92);
  font-size: 0.72rem;
  font-style: italic;
  line-height: 1.4;
  margin: 0;
}
.er-wd-human-decision {
  background:
    linear-gradient(
      145deg,
      rgba(245, 158, 11, 0.17),
      rgba(245, 158, 11, 0.07) 70%);
  border: 0.0625rem solid rgba(245, 158, 11, 0.36);
  border-radius: 0.5rem;
  display: grid;
  gap: 0.35rem;
  padding: 0.55rem 0.62rem;
}
.er-wd-human-decision__title {
  color: rgba(245, 158, 11, 0.94);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  margin: 0;
  text-transform: uppercase;
}
.er-wd-human-decision__meta {
  color: rgba(255, 236, 199, 0.9);
  font-size: 0.64rem;
  margin: 0;
}
.er-wd-human-decision__summary {
  color: rgba(255, 244, 221, 0.96);
  font-size: 0.72rem;
  line-height: 1.35;
  margin: 0;
}
.er-wd-human-decision__actions {
  display: grid;
  gap: 0.3rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0.12rem;
}
.er-wd-human-decision__btn {
  border-radius: 0.42rem;
  cursor: pointer;
  font-family: var(--er-sans);
  font-size: 0.67rem;
  font-weight: 700;
  min-height: 1.8rem;
  padding: 0 0.46rem;
}
.er-wd-human-decision__btn--ack {
  background: rgba(245, 164, 38, 0.22);
  border: 0.0625rem solid rgba(245, 164, 38, 0.42);
  color: #ffe0ae;
}
.er-wd-human-decision__btn--reject {
  background: rgba(255, 106, 114, 0.2);
  border: 0.0625rem solid rgba(255, 106, 114, 0.42);
  color: #ffc9ce;
}
.er-wd-human-decision__btn:focus-visible {
  outline: 0.125rem solid rgba(45, 212, 191, 0.6);
  outline-offset: 0.1rem;
}
.er-wd-thinking {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  gap: 0.18rem;
  height: 1rem;
  padding-top: 0.05rem;
}
.er-wd-thinking > span {
  animation: er-wd-bounce 1.1s ease-in-out infinite;
  background: rgba(96, 165, 250, 0.75);
  border-radius: 999px;
  display: block;
  height: 0.32rem;
  width: 0.32rem;
}
.er-wd-thinking > span:nth-child(2) {
  animation-delay: 0.18s;
}
.er-wd-thinking > span:nth-child(3) {
  animation-delay: 0.36s;
}
.er-wd-thinking--inline {
  height: auto;
  padding-top: 0;
}
.er-wd-thinking--inline > span {
  background: rgba(96, 165, 250, 0.65);
  height: 0.26rem;
  width: 0.26rem;
}
.er-wd-scan {
  animation: er-wd-scan 4s linear infinite;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(96, 165, 250, 0.18),
      transparent);
  height: 100%;
  left: -100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 60%;
  z-index: -1;
}
.er-workflow-drawer__section {
  background: rgba(148, 178, 235, 0.06);
  border: 0.0625rem solid rgba(148, 178, 235, 0.18);
  border-radius: 0.6rem;
  display: grid;
  gap: 0.42rem;
  margin-top: 0.75rem;
  padding: 0.72rem 0.8rem;
}
.er-workflow-drawer__section > h3,
.er-workflow-drawer__section .er-wd-section-title {
  color: var(--er-text-muted);
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  margin: 0;
  text-transform: uppercase;
}
.er-wd-section-title {
  align-items: center;
  display: flex;
  gap: 0.35rem;
}
.er-wd-section-icon {
  flex-shrink: 0;
  height: 0.82rem;
  opacity: 0.75;
  width: 0.82rem;
}
.er-workflow-drawer__section--current {
  --wd-current-bg:
    linear-gradient(
      155deg,
      rgba(13, 24, 40, 0.98),
      rgba(17, 32, 52, 0.98));
  --wd-current-border: rgba(148, 178, 235, 0.3);
  --wd-current-shadow: 0 0.5rem 1.4rem rgba(4, 8, 14, 0.38);
  --wd-current-heading: rgba(148, 178, 235, 0.7);
  --wd-current-title: #ddeeff;
  --wd-current-meta: rgba(148, 178, 235, 0.65);
  background: var(--wd-current-bg);
  border-color: var(--wd-current-border);
  box-shadow: var(--wd-current-shadow);
  isolation: isolate;
  overflow: clip;
  position: sticky;
  top: 0.2rem;
  z-index: 2;
}
.er-workflow-drawer__section--current > h3,
.er-workflow-drawer__section--current .er-workflow-drawer__section-head > h3,
.er-workflow-drawer__section--current .er-wd-section-title {
  color: var(--wd-current-heading);
}
.er-workflow-drawer__section--current .er-wd-meta-card {
  --wd-card-bg: rgba(148, 178, 235, 0.07);
  --wd-card-border: rgba(148, 178, 235, 0.16);
  background: var(--wd-card-bg);
  border-color: var(--wd-card-border);
}
.er-workflow-drawer__section--current .er-wd-meta-card__value {
  color: var(--wd-current-title);
}
.er-workflow-drawer__section--current .er-wd-meta-card__label {
  color: var(--wd-current-meta);
}
.er-workflow-drawer__section--blocked {
  animation: er-wd-blocked-glow 2.6s ease-in-out infinite;
  border-color: rgba(248, 113, 113, 0.4);
}
.er-workflow-drawer__section-head {
  align-items: flex-start;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}
.er-workflow-drawer__state-badges {
  align-items: center;
  display: inline-flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 0.28rem;
}
.er-workflow-drawer__chip {
  align-items: center;
  background: rgba(45, 212, 191, 0.12);
  border: 0.0625rem solid rgba(45, 212, 191, 0.32);
  border-radius: 999px;
  color: rgba(45, 212, 191, 0.9);
  display: inline-flex;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  min-height: 1.35rem;
  padding: 0.22rem 0.42rem;
  text-transform: uppercase;
  white-space: nowrap;
}
.er-workflow-drawer__chip--blocked {
  background: rgba(248, 113, 113, 0.14);
  border-color: rgba(248, 113, 113, 0.38);
  color: rgba(248, 113, 113, 0.92);
}
.er-workflow-drawer__chip--done {
  background: rgba(52, 211, 153, 0.13);
  border-color: rgba(52, 211, 153, 0.36);
  color: rgba(52, 211, 153, 0.9);
}
.er-workflow-drawer__chip--risk {
  background: rgba(245, 158, 11, 0.13);
  border-color: rgba(245, 158, 11, 0.38);
  color: rgba(245, 158, 11, 0.9);
}
.er-workflow-drawer__chip--outcome {
  background: rgba(148, 178, 235, 0.1);
  border-color: rgba(148, 178, 235, 0.28);
  color: var(--er-text-muted);
}
.er-wd-progress {
  align-items: center;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: minmax(0, 1fr) auto;
}
.er-wd-progress__track {
  appearance: none;
  background: rgba(148, 178, 235, 0.14);
  border: 0;
  border-radius: 999px;
  height: 0.42rem;
  overflow: hidden;
  width: 100%;
}
.er-wd-progress__track::-webkit-progress-bar {
  background: rgba(148, 178, 235, 0.14);
  border-radius: 999px;
}
.er-wd-progress__track::-webkit-progress-value {
  background:
    linear-gradient(
      90deg,
      #60a5fa,
      #2dd4bf);
  border-radius: 999px;
}
.er-wd-progress__track::-moz-progress-bar {
  background:
    linear-gradient(
      90deg,
      #60a5fa,
      #2dd4bf);
  border-radius: 999px;
}
.er-wd-progress__track--active::-webkit-progress-value {
  background:
    linear-gradient(
      90deg,
      #3b82f6,
      #60a5fa,
      #2dd4bf);
  background-size: 200% 100%;
  animation: er-wd-progress-flow 2s linear infinite;
}
.er-wd-progress__track--active::-moz-progress-bar {
  background:
    linear-gradient(
      90deg,
      #3b82f6,
      #60a5fa,
      #2dd4bf);
}
.er-wd-progress__track--blocked::-webkit-progress-value {
  background:
    linear-gradient(
      90deg,
      #f87171,
      #f59e0b);
  background-size: 200% 100%;
  animation: er-wd-progress-flow 3s linear infinite;
}
.er-wd-progress__track--blocked::-moz-progress-bar {
  background:
    linear-gradient(
      90deg,
      #f87171,
      #f59e0b);
}
.er-wd-progress__track--done::-webkit-progress-value {
  background:
    linear-gradient(
      90deg,
      #34d399,
      #2dd4bf);
}
.er-wd-progress__track--done::-moz-progress-bar {
  background:
    linear-gradient(
      90deg,
      #34d399,
      #2dd4bf);
}
.er-wd-progress__fill {
  background:
    linear-gradient(
      90deg,
      #60a5fa,
      #2dd4bf);
  border-radius: 999px;
  height: 100%;
  transition: width 0.4s ease;
}
.er-wd-progress__fill--active {
  background:
    linear-gradient(
      90deg,
      #3b82f6,
      #60a5fa,
      #2dd4bf);
  background-size: 200% 100%;
  animation: er-wd-progress-flow 2s linear infinite;
}
.er-wd-progress__fill--blocked {
  background:
    linear-gradient(
      90deg,
      #f87171,
      #f59e0b);
  background-size: 200% 100%;
  animation: er-wd-progress-flow 3s linear infinite;
}
.er-wd-progress__fill--done {
  background:
    linear-gradient(
      90deg,
      #34d399,
      #2dd4bf);
}
.er-wd-progress__pct {
  color: var(--er-text-muted);
  font-size: 0.64rem;
  font-weight: 800;
  min-width: 2.2rem;
  text-align: right;
}
.er-wd-stepper {
  align-items: flex-start;
  display: flex;
  overflow-x: auto;
  padding-bottom: 0.18rem;
}
.er-wd-stepper__node {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 0.28rem;
  position: relative;
  text-align: center;
  width: 4.6rem;
}
.er-wd-stepper__badge {
  align-items: center;
  background: rgba(148, 178, 235, 0.16);
  border: 0.09rem solid rgba(148, 178, 235, 0.38);
  border-radius: 999px;
  color: var(--er-text-muted);
  display: flex;
  font-size: 0.54rem;
  font-weight: 800;
  height: 1.7rem;
  justify-content: center;
  letter-spacing: 0.02em;
  position: relative;
  text-transform: uppercase;
  width: 1.7rem;
  z-index: 1;
}
.er-wd-stepper__node--done .er-wd-stepper__badge {
  background: rgba(52, 211, 153, 0.22);
  border-color: rgba(52, 211, 153, 0.55);
  color: rgba(52, 211, 153, 0.95);
}
.er-wd-stepper__node--current .er-wd-stepper__badge {
  animation: er-workflow-pulse 1.4s ease-in-out infinite;
  background: rgba(96, 165, 250, 0.22);
  border-color: rgba(96, 165, 250, 0.6);
  color: rgba(96, 165, 250, 0.95);
}
.er-wd-stepper__node--blocked .er-wd-stepper__badge,
.er-wd-stepper__badge--gov {
  background: rgba(248, 113, 113, 0.22);
  border-color: rgba(248, 113, 113, 0.6);
  color: rgba(248, 113, 113, 0.95);
}
.er-wd-stepper__badge--human {
  background: rgba(245, 158, 11, 0.18);
  border-color: rgba(245, 158, 11, 0.5);
  color: rgba(245, 158, 11, 0.9);
}
.er-wd-stepper__label {
  color: var(--er-text-muted);
  font-size: 0.51rem;
  font-weight: 600;
  line-height: 1.25;
  margin: 0;
  max-width: 4rem;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.er-wd-stepper__node--blocked .er-wd-stepper__label {
  color: rgba(248, 113, 113, 0.8);
  font-weight: 700;
}
.er-wd-stepper__line {
  background: rgba(148, 178, 235, 0.2);
  height: 0.1rem;
  left: 50%;
  position: absolute;
  top: 0.8rem;
  width: 4.6rem;
  z-index: 0;
}
.er-wd-stepper__line--done {
  background: rgba(52, 211, 153, 0.4);
}
.er-wd-meta-grid {
  display: grid;
  gap: 0.28rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.er-wd-meta-grid--sm {
  margin-top: 0.22rem;
}
.er-wd-meta-card {
  background: rgba(148, 178, 235, 0.07);
  border: 0.0625rem solid rgba(148, 178, 235, 0.16);
  border-radius: 0.4rem;
  display: grid;
  gap: 0.1rem;
  padding: 0.3rem 0.42rem;
}
.er-wd-meta-card__label {
  color: var(--er-text-muted);
  font-size: 0.54rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.er-wd-meta-card__value {
  color: var(--er-text);
  font-size: 0.68rem;
  font-weight: 500;
  line-height: 1.3;
}
.er-wd-meta-card__value--warn {
  color: rgba(248, 113, 113, 0.9);
  font-weight: 700;
}
.er-wd-timeline {
  display: grid;
  gap: 0;
  list-style: none;
  margin: 0.3rem 0 0;
  max-height: 24rem;
  overflow: auto;
  padding: 0;
}
.er-wd-timeline__item {
  display: grid;
  gap: 0.55rem;
  grid-template-columns: auto minmax(0, 1fr);
  padding-bottom: 0.8rem;
}
.er-wd-timeline__item:last-child {
  padding-bottom: 0;
}
.er-wd-timeline__item:last-child .er-wd-timeline__line {
  display: none;
}
.er-wd-timeline__left {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 1.65rem;
}
.er-wd-timeline__badge {
  align-items: center;
  background: rgba(148, 178, 235, 0.15);
  border: 0.09rem solid rgba(148, 178, 235, 0.36);
  border-radius: 999px;
  color: var(--er-text-muted);
  display: flex;
  flex-shrink: 0;
  font-size: 0.52rem;
  font-weight: 800;
  height: 1.65rem;
  justify-content: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  width: 1.65rem;
}
.er-wd-timeline__badge--done {
  background: rgba(52, 211, 153, 0.2);
  border-color: rgba(52, 211, 153, 0.52);
  color: rgba(52, 211, 153, 0.92);
}
.er-wd-timeline__badge--current {
  animation: er-workflow-pulse 1.4s ease-in-out infinite;
  background: rgba(96, 165, 250, 0.2);
  border-color: rgba(96, 165, 250, 0.55);
  color: rgba(96, 165, 250, 0.92);
}
.er-wd-timeline__badge--blocked {
  background: rgba(248, 113, 113, 0.2);
  border-color: rgba(248, 113, 113, 0.55);
  color: rgba(248, 113, 113, 0.92);
}
.er-wd-timeline__badge--pending {
  background: rgba(245, 158, 11, 0.14);
  border-color: rgba(245, 158, 11, 0.36);
  color: rgba(245, 158, 11, 0.75);
}
.er-wd-timeline__badge--human {
  background: rgba(245, 158, 11, 0.18);
  border-color: rgba(245, 158, 11, 0.5);
  color: rgba(245, 158, 11, 0.9);
}
.er-wd-timeline__line {
  background: rgba(148, 178, 235, 0.15);
  flex: 1;
  margin-top: 0.18rem;
  min-height: 0.6rem;
  width: 0.09rem;
}
.er-wd-timeline__item--done .er-wd-timeline__line {
  background: rgba(52, 211, 153, 0.3);
}
.er-wd-timeline__body {
  display: grid;
  gap: 0.18rem;
  padding-top: 0.1rem;
}
.er-wd-timeline__item--current .er-wd-timeline__body {
  animation: er-wd-item-glow 2.2s ease-in-out infinite;
  background: rgba(96, 165, 250, 0.06);
  border: 0.0625rem solid rgba(96, 165, 250, 0.22);
  border-radius: 0.48rem;
  padding: 0.38rem 0.48rem;
}
.er-wd-timeline__item--blocked .er-wd-timeline__body {
  animation: er-wd-blocked-item-glow 2.4s ease-in-out infinite;
  background: rgba(248, 113, 113, 0.07);
  border: 0.0625rem solid rgba(248, 113, 113, 0.2);
  border-radius: 0.48rem;
  padding: 0.38rem 0.48rem;
}
.er-wd-timeline__item--human .er-wd-timeline__body {
  background: rgba(245, 158, 11, 0.07);
  border: 0.0625rem solid rgba(245, 158, 11, 0.22);
  border-radius: 0.48rem;
  padding: 0.38rem 0.48rem;
}
.er-wd-timeline__row {
  align-items: flex-start;
  display: flex;
  gap: 0.4rem;
  justify-content: space-between;
}
.er-wd-timeline__title {
  color: var(--er-text);
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}
.er-wd-timeline__status {
  border-radius: 999px;
  flex-shrink: 0;
  font-size: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-top: 0.1rem;
  padding: 0.18rem 0.36rem;
  text-transform: uppercase;
  white-space: nowrap;
}
.er-wd-timeline__status--done {
  background: rgba(52, 211, 153, 0.14);
  color: rgba(52, 211, 153, 0.88);
}
.er-wd-timeline__status--current {
  animation: er-workflow-pulse 1.4s ease-in-out infinite;
  background: rgba(96, 165, 250, 0.14);
  color: rgba(96, 165, 250, 0.88);
}
.er-wd-timeline__status--blocked {
  background: rgba(248, 113, 113, 0.15);
  color: rgba(248, 113, 113, 0.9);
}
.er-wd-timeline__status--pending {
  background: rgba(245, 158, 11, 0.13);
  color: rgba(245, 158, 11, 0.8);
}
.er-wd-timeline__human {
  color: rgba(245, 158, 11, 0.9);
  font-size: 0.62rem;
  font-weight: 700;
  margin: 0;
}
.er-wd-timeline__detail {
  color: var(--er-text-muted);
  font-size: 0.64rem;
  line-height: 1.35;
  margin: 0;
}
.er-wd-timeline__detail-lbl {
  color: rgba(148, 178, 235, 0.55);
  font-size: 0.55rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-right: 0.2rem;
  text-transform: uppercase;
}
.er-workflow-drawer__systems-list {
  display: grid;
  gap: 0.45rem;
  list-style: none;
  margin: 0.1rem 0 0;
  padding: 0;
}
.er-workflow-drawer__systems-item {
  background: rgba(148, 178, 235, 0.05);
  border: 0.0625rem solid rgba(148, 178, 235, 0.16);
  border-radius: 0.5rem;
  display: grid;
  gap: 0.22rem;
  padding: 0.5rem 0.55rem;
}
.er-wd-sys-head {
  align-items: center;
  display: flex;
  gap: 0.45rem;
  justify-content: space-between;
}
.er-workflow-drawer__systems-name {
  color: var(--er-text);
  font-size: 0.74rem;
  font-weight: 700;
  margin: 0;
}
.er-wd-sys-outcome {
  border-radius: 999px;
  flex-shrink: 0;
  font-size: 0.52rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 0.18rem 0.38rem;
  text-transform: uppercase;
}
.er-wd-sys-outcome--success {
  background: rgba(52, 211, 153, 0.13);
  color: rgba(52, 211, 153, 0.88);
}
.er-wd-sys-outcome--warning {
  background: rgba(245, 158, 11, 0.14);
  color: rgba(245, 158, 11, 0.88);
}
.er-wd-sys-outcome--failed {
  background: rgba(248, 113, 113, 0.14);
  color: rgba(248, 113, 113, 0.9);
}
.er-wd-sys-correlation {
  color: rgba(148, 178, 235, 0.45);
  font-size: 0.57rem;
  margin: 0;
}
.er-workflow-drawer__line {
  color: var(--er-text);
  font-size: 0.76rem;
  line-height: 1.35;
  margin: 0;
}
.er-wd-label {
  color: var(--er-text-muted);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-right: 0.2rem;
  text-transform: uppercase;
}
.er-workflow-drawer__impact-list {
  display: grid;
  gap: 0.26rem;
  list-style: disc;
  margin: 0.1rem 0 0;
  padding-left: 1.1rem;
}
.er-workflow-drawer__impact-list > li {
  color: var(--er-text);
  font-size: 0.72rem;
  line-height: 1.3;
}
.er-workflow-drawer__empty {
  color: var(--er-text-muted);
  font-size: 0.72rem;
  margin: 0;
}
.er-workflow-drawer__action-grid {
  display: grid;
  gap: 0.55rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.er-workflow-drawer__action-title {
  color: var(--er-text-muted);
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  margin: 0 0 0.28rem;
  text-transform: uppercase;
}
.er-workflow-drawer__action-title--blocked {
  color: rgba(248, 113, 113, 0.75);
}
.er-workflow-drawer__action-title--rec {
  color: rgba(45, 212, 191, 0.75);
}
.er-workflow-drawer__action-list {
  display: grid;
  gap: 0.2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.er-workflow-drawer__action-list > li {
  color: var(--er-text);
  font-size: 0.7rem;
  line-height: 1.3;
  padding-left: 0.65rem;
  position: relative;
}
.er-workflow-drawer__action-list > li::before {
  color: var(--er-text-muted);
  content: "\b7";
  left: 0.1rem;
  position: absolute;
}
.er-workflow-drawer__action-list > li.er-workflow-drawer__empty {
  color: var(--er-text-muted);
  font-size: 0.66rem;
  padding-left: 0;
}
.er-workflow-drawer__action-list > li.er-workflow-drawer__empty::before {
  display: none;
}
@keyframes er-workflow-drawer-enter {
  from {
    opacity: 0;
    transform: translateX(1.8rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes er-workflow-drawer-exit {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(1.5rem);
  }
}
@keyframes er-workflow-backdrop-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes er-workflow-backdrop-exit {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes er-workflow-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(96, 165, 250, 0.1);
    opacity: 0.72;
  }
  50% {
    box-shadow: 0 0 0 0.3rem rgba(96, 165, 250, 0.06);
    opacity: 1;
  }
}
@media (max-width: 64rem) {
  .er-workflow-drawer {
    padding: 0.85rem 0.9rem 1.5rem;
    width: min(46rem, 100vw - 0.4rem);
  }
  .er-workflow-drawer__action-grid,
  .er-wd-meta-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .er-wd-human-decision__actions {
    grid-template-columns: minmax(0, 1fr);
  }
}
@keyframes er-wd-pulse-dot {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.4);
    opacity: 0.7;
  }
  50% {
    box-shadow: 0 0 0 0.3rem rgba(52, 211, 153, 0.08);
    opacity: 1;
  }
}
@keyframes er-wd-pulse-dot-amber {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4);
    opacity: 0.7;
  }
  50% {
    box-shadow: 0 0 0 0.3rem rgba(245, 158, 11, 0.08);
    opacity: 1;
  }
}
@keyframes er-wd-bounce {
  0%, 80%, 100% {
    opacity: 0.3;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-0.3rem);
  }
}
@keyframes er-wd-progress-flow {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
@keyframes er-wd-scan {
  0% {
    left: -60%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    left: 140%;
    opacity: 0;
  }
}
@keyframes er-wd-blocked-glow {
  0%, 100% {
    border-color: rgba(248, 113, 113, 0.35);
    box-shadow: 0 0.5rem 1.4rem rgba(4, 8, 14, 0.38);
  }
  50% {
    border-color: rgba(248, 113, 113, 0.7);
    box-shadow: 0 0.5rem 1.8rem rgba(248, 113, 113, 0.14);
  }
}
@keyframes er-wd-item-glow {
  0%, 100% {
    border-color: rgba(96, 165, 250, 0.18);
    box-shadow: none;
  }
  50% {
    border-color: rgba(96, 165, 250, 0.42);
    box-shadow: 0 0 0.55rem rgba(96, 165, 250, 0.1);
  }
}
@keyframes er-wd-blocked-item-glow {
  0%, 100% {
    border-color: rgba(248, 113, 113, 0.2);
    box-shadow: none;
  }
  50% {
    border-color: rgba(248, 113, 113, 0.48);
    box-shadow: 0 0 0.5rem rgba(248, 113, 113, 0.1);
  }
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer {
  background: #ffffff;
  border-left-color: rgba(14, 56, 92, 0.14);
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__section--current {
  --wd-current-bg:
    linear-gradient(
      155deg,
      #f0f6fc,
      #e4eef8);
  --wd-current-border: rgba(14, 56, 92, 0.2);
  --wd-current-shadow: 0 0.4rem 1.2rem rgba(14, 56, 92, 0.12);
  --wd-current-heading: #3a6080;
  --wd-current-title: #0d2d45;
  --wd-current-meta: #5a7d96;
  --wd-card-bg: rgba(255, 255, 255, 0.8);
  --wd-card-border: rgba(14, 56, 92, 0.14);
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__section--blocked {
  --wd-current-bg:
    linear-gradient(
      155deg,
      #fff4f4,
      #fdecea);
  --wd-current-border: rgba(185, 28, 28, 0.22);
  --wd-current-heading: #9b2c2c;
  --wd-current-title: #7f1d1d;
  --wd-current-meta: #b45454;
  --wd-card-bg: rgba(255, 255, 255, 0.78);
  --wd-card-border: rgba(185, 28, 28, 0.14);
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__section {
  background: rgba(14, 56, 92, 0.04);
  border-color: rgba(14, 56, 92, 0.12);
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__section > h3 {
  color: #4a7090;
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__line,
:host-context(html:not([data-theme=dark])) .er-wd-timeline__title,
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__systems-name,
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__action-list > li {
  color: #0d2d45;
}
:host-context(html:not([data-theme=dark])) .er-wd-happening__text {
  color: #2a4e68;
}
:host-context(html:not([data-theme=dark])) .er-wd-timeline__detail {
  color: #1e3d55;
}
:host-context(html:not([data-theme=dark])) .er-wd-sys-correlation {
  color: #2a4e68;
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__empty {
  color: #5a7d96;
}
:host-context(html:not([data-theme=dark])) .er-wd-timeline__detail-lbl {
  color: #3a6278;
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__action-title {
  color: #3a6278;
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-wd-meta-card {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(14, 56, 92, 0.13);
}
:host-context(html:not([data-theme=dark])) .er-wd-meta-card__label {
  color: #6a8fa8;
}
:host-context(html:not([data-theme=dark])) .er-wd-meta-card__value {
  color: #0d2d45;
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-wd-timeline__badge {
  background: rgba(14, 56, 92, 0.1);
  border-color: rgba(14, 56, 92, 0.25);
  color: #2d5c78;
}
:host-context(html:not([data-theme=dark])) .er-wd-timeline__line {
  background: rgba(14, 56, 92, 0.15);
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-wd-stepper__badge {
  background: rgba(14, 56, 92, 0.1);
  border-color: rgba(14, 56, 92, 0.28);
  color: #2d5c78;
}
:host-context(html:not([data-theme=dark])) .er-wd-stepper__label {
  color: #5a7d96;
}
:host-context(html:not([data-theme=dark])) .er-wd-stepper__line {
  background: rgba(14, 56, 92, 0.18);
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-wd-happening {
  background: rgba(59, 130, 246, 0.07);
  border-color: rgba(59, 130, 246, 0.2);
}
:host-context(html:not([data-theme=dark])) .er-wd-human-decision {
  background:
    linear-gradient(
      145deg,
      rgba(180, 83, 9, 0.12),
      rgba(180, 83, 9, 0.05) 70%);
  border-color: rgba(180, 83, 9, 0.28);
}
:host-context(html:not([data-theme=dark])) .er-wd-human-decision__title {
  color: #92400e;
}
:host-context(html:not([data-theme=dark])) .er-wd-human-decision__meta {
  color: #7c5b2d;
}
:host-context(html:not([data-theme=dark])) .er-wd-human-decision__summary {
  color: #0d2d45;
}
:host-context(html:not([data-theme=dark])) .er-wd-human-decision__btn--ack {
  background: color-mix(in srgb, var(--status-warning) 22%, white);
  border-color: color-mix(in srgb, var(--status-warning) 44%, white);
  color: color-mix(in srgb, var(--status-warning) 92%, black);
}
:host-context(html:not([data-theme=dark])) .er-wd-human-decision__btn--reject {
  background: color-mix(in srgb, var(--status-error) 16%, white);
  border-color: color-mix(in srgb, var(--status-error) 38%, white);
  color: color-mix(in srgb, var(--status-error) 90%, black);
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__chip {
  background: rgba(14, 56, 92, 0.08);
  border-color: rgba(14, 56, 92, 0.22);
  color: #2d6080;
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__chip--blocked {
  background: rgba(185, 28, 28, 0.08);
  border-color: rgba(185, 28, 28, 0.25);
  color: #9b1c1c;
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__chip--done {
  background: rgba(5, 150, 105, 0.08);
  border-color: rgba(5, 150, 105, 0.25);
  color: #065f46;
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__chip--risk {
  background: rgba(180, 83, 9, 0.08);
  border-color: rgba(180, 83, 9, 0.22);
  color: #92400e;
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-wd-intervention {
  background:
    linear-gradient(
      135deg,
      #fff1f1,
      #fde8e8);
  border-color: rgba(185, 28, 28, 0.3);
  box-shadow: 0 0.25rem 0.9rem rgba(185, 28, 28, 0.1);
}
:host-context(html:not([data-theme=dark])) .er-wd-intervention__title {
  color: #7f1d1d;
  font-size: 0.82rem;
}
:host-context(html:not([data-theme=dark])) .er-wd-intervention__sub {
  color: #9b2c2c;
}
:host-context(html:not([data-theme=dark])) .er-wd-intervention__body {
  border-top-color: rgba(185, 28, 28, 0.15);
}
:host-context(html:not([data-theme=dark])) .er-wd-intervention__owner {
  color: #7f1d1d;
}
:host-context(html:not([data-theme=dark])) .er-wd-intervention__owner-lbl {
  color: #b45454;
}
:host-context(html:not([data-theme=dark])) .er-wd-intervention__alert {
  background: #fffbeb;
  border-color: rgba(180, 83, 9, 0.35);
  color: #78350f;
}
:host-context(html:not([data-theme=dark])) .er-wd-agent-badge--gov {
  background: #fee2e2;
  border-color: rgba(185, 28, 28, 0.4);
  color: #7f1d1d;
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-wd-sys-outcome--success {
  background: rgba(5, 150, 105, 0.1);
  color: #065f46;
}
:host-context(html:not([data-theme=dark])) .er-wd-sys-outcome--warning {
  background: rgba(180, 83, 9, 0.1);
  color: #92400e;
}
:host-context(html:not([data-theme=dark])) .er-wd-sys-outcome--failed {
  background: rgba(185, 28, 28, 0.1);
  color: #9b1c1c;
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__systems-item {
  background: rgba(14, 56, 92, 0.04);
  border-color: rgba(14, 56, 92, 0.12);
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-workflow-drawer__close {
  background: rgba(14, 56, 92, 0.07);
  border-color: rgba(14, 56, 92, 0.18);
  color: #0d2d45;
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-wd-scan {
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(14, 56, 92, 0.08),
      transparent);
}
:host-context(html:not([data-theme=dark])) {
}
:host-context(html:not([data-theme=dark])) .er-wd-progress__track {
  background: rgba(14, 56, 92, 0.1);
}
* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: var(--primary-dark) auto;
  scroll-margin: 2rem;
}
html {
  font-size: 16px;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: "Saans", sans-serif;
  color: var(--primary-dark);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  background-color: var(--primary-contrast);
}
.canvas {
  padding: 0.25rem;
}
.canvas--default {
  background-color: var(--primary-contrast);
}
.canvas--gray {
  background-color: var(--primary-light);
}
.canvas--black {
  background-color: var(--primary-dark);
}
.short-vertical-divider {
  width: 0.05rem;
  background-color: var(--primary-contrast);
}
.short-vertical-divider-gray {
  width: 0.05rem;
  background-color: var(--neutral-light);
}
.horizontal-divider {
  height: 0.05rem;
  background-color: var(--primary-light);
}
.material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 300,
    "GRAD" 0,
    "opsz" 24;
}
.hover-state:not(.selected-state):hover {
  background-color: var(--neutral-bright);
  font-weight: 600;
}
.hover-state:not(.selected-state):hover .material-symbols-outlined {
  font-variation-settings:
    "FILL" 0,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
.selected-state {
  background-color: var(--secondary-light);
}
.selected-state .material-symbols-outlined {
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
.not-clickable {
  cursor: default !important;
}
.selected-text {
  font-size: 0.9rem !important;
}
.mat-mdc-snack-bar-container.canvas-snackbar .mdc-snackbar__surface {
  border: 0.065rem solid transparent;
  border-radius: 0.6rem;
  box-shadow: 0 0.7rem 1.4rem rgba(0, 0, 0, 0.2);
}
.mat-mdc-snack-bar-container.canvas-snackbar .mat-mdc-snack-bar-label {
  font-weight: 600;
}
.mat-mdc-snack-bar-container.canvas-snackbar--success .mdc-snackbar__surface {
  background-color: var(--alert-success);
  border-color: color-mix(in srgb, var(--status-success) 28%, transparent);
}
.mat-mdc-snack-bar-container.canvas-snackbar--success .mat-mdc-snack-bar-label {
  color: var(--status-success);
}
.mat-mdc-snack-bar-container.canvas-snackbar--error .mdc-snackbar__surface {
  background-color: var(--alert-error);
  border-color: color-mix(in srgb, var(--status-error) 30%, transparent);
}
.mat-mdc-snack-bar-container.canvas-snackbar--error .mat-mdc-snack-bar-label {
  color: var(--status-error);
}
.mat-mdc-snack-bar-container.canvas-snackbar--info .mdc-snackbar__surface {
  background-color: var(--secondary-light);
  border-color: var(--selected-accent);
}
.mat-mdc-snack-bar-container.canvas-snackbar--info .mat-mdc-snack-bar-label {
  color: var(--primary-main);
}
.business-node-dialog-panel .mat-mdc-dialog-container {
  padding: 0;
}
.business-node-dialog-panel .mdc-dialog__surface {
  border-left: 0.065rem solid var(--primary-light);
  border-radius: 0;
  box-shadow: -0.75rem 0 1.8rem rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.business-node-dialog-panel .mat-mdc-dialog-content {
  margin: 0;
  max-height: none;
  padding: 0;
}
.create-workflow-dialog-panel .mat-mdc-dialog-container {
  height: 100%;
  min-height: 0;
  padding: 0;
}
.create-workflow-dialog-panel .mdc-dialog__surface {
  border: 0.0625rem solid color-mix(in srgb, var(--primary-light) 62%, white);
  border-radius: 0.9rem;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.create-workflow-dialog-panel .mat-mdc-dialog-content {
  flex: 1 1 auto;
  margin: 0;
  max-height: none;
  min-height: 0;
  padding: 0;
}

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