/* src/styles.scss */
html {
  --mat-sys-background: light-dark(#fff8f5, #181210);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#fbeee8, #362f2b);
  --mat-sys-inverse-primary: light-dark(#ffb787, #964900);
  --mat-sys-inverse-surface: light-dark(#362f2b, #ece0da);
  --mat-sys-on-background: light-dark(#201a17, #ece0da);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #502400);
  --mat-sys-on-primary-container: light-dark(#723600, #ffdcc7);
  --mat-sys-on-primary-fixed: light-dark(#311300, #311300);
  --mat-sys-on-primary-fixed-variant: light-dark(#723600, #723600);
  --mat-sys-on-secondary: light-dark(#ffffff, #422b1b);
  --mat-sys-on-secondary-container: light-dark(#5b4130, #ffdcc7);
  --mat-sys-on-secondary-fixed: light-dark(#2b1708, #2b1708);
  --mat-sys-on-secondary-fixed-variant: light-dark(#5b4130, #5b4130);
  --mat-sys-on-surface: light-dark(#201a17, #ece0da);
  --mat-sys-on-surface-variant: light-dark(#52443c, #f4ded3);
  --mat-sys-on-tertiary: light-dark(#ffffff, #502400);
  --mat-sys-on-tertiary-container: light-dark(#723600, #ffdcc7);
  --mat-sys-on-tertiary-fixed: light-dark(#311300, #311300);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#723600, #723600);
  --mat-sys-outline: light-dark(#84746a, #9f8d83);
  --mat-sys-outline-variant: light-dark(#d7c3b8, #52443c);
  --mat-sys-primary: light-dark(#964900, #ffb787);
  --mat-sys-primary-container: light-dark(#ffdcc7, #723600);
  --mat-sys-primary-fixed: light-dark(#ffdcc7, #ffdcc7);
  --mat-sys-primary-fixed-dim: light-dark(#ffb787, #ffb787);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#755846, #e5bfa8);
  --mat-sys-secondary-container: light-dark(#ffdcc7, #5b4130);
  --mat-sys-secondary-fixed: light-dark(#ffdcc7, #ffdcc7);
  --mat-sys-secondary-fixed-dim: light-dark(#e5bfa8, #e5bfa8);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#fff8f5, #181210);
  --mat-sys-surface-bright: light-dark(#fff8f5, #3f3834);
  --mat-sys-surface-container: light-dark(#f8ebe6, #241e1b);
  --mat-sys-surface-container-high: light-dark(#f2e6e1, #2f2926);
  --mat-sys-surface-container-highest: light-dark(#ece0da, #3a3330);
  --mat-sys-surface-container-low: light-dark(#fef1ec, #201a17);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0b);
  --mat-sys-surface-dim: light-dark(#e3d8d3, #181210);
  --mat-sys-surface-tint: light-dark(#964900, #ffb787);
  --mat-sys-surface-variant: light-dark(#f4ded3, #52443c);
  --mat-sys-tertiary: light-dark(#964900, #ffb787);
  --mat-sys-tertiary-container: light-dark(#ffdcc7, #723600);
  --mat-sys-tertiary-fixed: light-dark(#ffdcc7, #ffdcc7);
  --mat-sys-tertiary-fixed-dim: light-dark(#ffb787, #ffb787);
  --mat-sys-neutral-variant20: #3a2e26;
  --mat-sys-neutral10: #201a17;
  --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 Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-body-large-font:
    Sora,
    system-ui,
    -apple-system,
    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 Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-body-medium-font:
    Sora,
    system-ui,
    -apple-system,
    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 Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-body-small-font:
    Sora,
    system-ui,
    -apple-system,
    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 Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-display-large-font:
    Sora,
    system-ui,
    -apple-system,
    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 Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-display-medium-font:
    Sora,
    system-ui,
    -apple-system,
    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 Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-display-small-font:
    Sora,
    system-ui,
    -apple-system,
    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 Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-headline-large-font:
    Sora,
    system-ui,
    -apple-system,
    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 Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-headline-medium-font:
    Sora,
    system-ui,
    -apple-system,
    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 Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-headline-small-font:
    Sora,
    system-ui,
    -apple-system,
    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:
    600 0.875rem / 1.25rem Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-label-large-font:
    Sora,
    system-ui,
    -apple-system,
    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: 600;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium:
    600 0.75rem / 1rem Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-label-medium-font:
    Sora,
    system-ui,
    -apple-system,
    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: 600;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small:
    600 0.688rem / 1rem Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-label-small-font:
    Sora,
    system-ui,
    -apple-system,
    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: 600;
  --mat-sys-title-large:
    400 1.375rem / 1.75rem Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-title-large-font:
    Sora,
    system-ui,
    -apple-system,
    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:
    600 1rem / 1.5rem Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-title-medium-font:
    Sora,
    system-ui,
    -apple-system,
    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: 600;
  --mat-sys-title-small:
    600 0.875rem / 1.25rem Sora,
    system-ui,
    -apple-system,
    sans-serif;
  --mat-sys-title-small-font:
    Sora,
    system-ui,
    -apple-system,
    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: 600;
  --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;
}
:root {
  --ua-amber: #b9772a;
  --ua-amber-deep: #9c611f;
  --ua-amber-wash: #f6efe4;
  --ua-amber-soft: #faf5ec;
  --ua-green: #1f9d6b;
  --ua-green-wash: #e6f4ee;
  --ua-red: #c2483f;
  --ua-red-wash: #fbe9e7;
  --ua-ink: #10222a;
  --ua-ink2: #5d7079;
  --ua-ink3: #9aa7ad;
  --ua-ink-muted-text: #62737a;
  --ua-bg: #f3f6f7;
  --ua-card: #ffffff;
  --ua-line: #e6ecee;
  --ua-line-soft: #eef2f3;
  --ua-rad-card: 14px;
  --ua-rad-button: 12px;
  --ua-rad-chip: 8px;
  --ua-font:
    "Sora",
    system-ui,
    -apple-system,
    sans-serif;
  --ua-mono:
    ui-monospace,
    "SF Mono",
    Menlo,
    monospace;
}
html.ua-dark {
  --ua-amber: #cf8c3e;
  --ua-amber-deep: #cf8c3e;
  --ua-amber-wash: #2e2417;
  --ua-amber-soft: #1e1810;
  --ua-green: #2bb37c;
  --ua-green-wash: #0d2a1f;
  --ua-red: #d65a51;
  --ua-red-wash: #2c1212;
  --ua-ink: #eef4f6;
  --ua-ink2: #9fb2ba;
  --ua-ink3: #5a7580;
  --ua-ink-muted-text: #8a9ca3;
  --ua-bg: #0b1620;
  --ua-card: #14242c;
  --ua-line: #273a43;
  --ua-line-soft: #1b2f38;
}
:root,
html.ua-dark {
  --mat-sys-primary: var(--ua-amber);
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: var(--ua-amber-wash);
  --mat-sys-on-primary-container: var(--ua-amber-deep);
  --mat-sys-background: var(--ua-bg);
  --mat-sys-on-background: var(--ua-ink);
  --mat-sys-surface: var(--ua-card);
  --mat-sys-surface-container: var(--ua-card);
  --mat-sys-surface-container-low: var(--ua-card);
  --mat-sys-surface-container-high: var(--ua-card);
  --mat-sys-on-surface: var(--ua-ink);
  --mat-sys-on-surface-variant: var(--ua-ink2);
  --mat-sys-outline: var(--ua-ink3);
  --mat-sys-outline-variant: var(--ua-line);
  --mat-sys-error: var(--ua-red);
}
body {
  margin: 0;
  font-family: var(--ua-font);
  background: var(--ua-bg);
  color: var(--ua-ink);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}
.ua-num {
  font-family: var(--ua-mono);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}
.ua-spinner {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--ua-line);
  border-top-color: var(--ua-amber);
  display: inline-block;
  animation: ua-spin 0.7s linear infinite;
}
.ua-spinner--lg {
  width: 34px;
  height: 34px;
  border-width: 3px;
}
.ua-spinner--on-primary {
  border-color: rgba(255, 255, 255, 0.45);
  border-top-color: #fff;
}
@keyframes ua-spin {
  to {
    transform: rotate(360deg);
  }
}

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