/* Generated from src/ui/brandTheme.ts. Do not edit directly. */
@font-face {
  font-family: "Archivo Variable";
  src: url("/fonts/archivo-variable-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Bitter Variable";
  src: url("/fonts/bitter-variable-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --ngb-font-system: "Archivo Variable", sans-serif;
  --ngb-font-record: "Bitter Variable", serif;
  --ngb-ink-950: #102A30;
  --ngb-ink-900: #132126;
  --ngb-ink-800: #17363C;
  --ngb-ink-700: #21464A;
  --ngb-ink-650: #253A40;
  --ngb-teal-line: #527672;
  --ngb-cream: #FFF3D6;
  --ngb-cream-muted: #D8E3D2;
  --ngb-text-unavailable: #9AA8A4;
  --ngb-brass: #F4BD68;
  --ngb-brass-bright: #FFD27B;
  --ngb-mint: #91DCC7;
  --ngb-mint-surface: #2D6659;
  --ngb-coral: #E97B4B;
  --ngb-coral-light: #FFAD8F;
  --ngb-rock-shadow: #70493D;
  --ngb-sky-upper: #65C7CF;
  --ngb-sky-middle: #87D0C2;
  --ngb-sky-horizon: #E5A05D;
  --ngb-sky-dusk: #BC5E48;
  --ngb-sky-sun: #FFDC8B;
  --ngb-parchment: #DCCBA8;
  --ngb-parchment-highlight: #F2DFB3;
  --ngb-parchment-ink: #1C1710;
  --ngb-parchment-affirmative: #1D5145;
  --ngb-parchment-danger: #843420;
  --ngb-parchment-caution: #5F4917;
  --ngb-parchment-muted: #414D49;
  --ngb-space-xs: 8px;
  --ngb-space-sm: 12px;
  --ngb-space-md: 16px;
  --ngb-space-lg: 24px;
  --ngb-space-xl: 32px;
  --ngb-radius-fitted: 4px;
  --ngb-target-min: 44px;
  --ngb-motion-contact: 140ms;
  --ngb-motion-modal: 190ms;
  --ngb-motion-xr: 160ms;
  color: var(--ngb-cream);
  background: var(--ngb-ink-950);
  font-family: var(--ngb-font-system);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

html[data-ui-scale="large"] {
  font-size: 125%;
}

[hidden] {
  display: none !important;
}

.ngb-stone-panel {
  border: 2px solid var(--ngb-brass);
  border-radius: var(--ngb-radius-fitted);
  color: var(--ngb-cream);
  background: var(--ngb-ink-900);
  box-shadow: 10px 12px 0 var(--ngb-rock-shadow);
}

.ngb-stone-panel::before {
  border: 1px solid var(--ngb-teal-line);
  content: "";
  inset: 5px;
  pointer-events: none;
  position: absolute;
}

.ngb-button {
  align-items: center;
  border: 1px solid var(--ngb-teal-line);
  border-radius: var(--ngb-radius-fitted);
  box-shadow: 0 3px 0 var(--ngb-ink-950);
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  font: 700 0.875rem/1 var(--ngb-font-system);
  justify-content: center;
  min-height: var(--ngb-target-min);
  padding: 0 var(--ngb-space-md);
  transition: background-color var(--ngb-motion-contact) ease-out,
    border-color var(--ngb-motion-contact) ease-out,
    box-shadow var(--ngb-motion-contact) ease-out,
    transform var(--ngb-motion-contact) ease-out;
}

.ngb-button,
.ngb-button[data-state="idle"],
.ngb-button[data-state="toggle-off"] {
  color: var(--ngb-cream);
  background: var(--ngb-ink-700);
}

.ngb-button[data-state="action"] {
  border-color: var(--ngb-brass-bright);
  color: var(--ngb-cream);
  background: var(--ngb-ink-700);
}

.ngb-button[data-state="danger"] {
  border-color: var(--ngb-coral-light);
  color: var(--ngb-coral-light);
  background: var(--ngb-ink-700);
}

.ngb-button[data-state="selected"],
.ngb-button[data-state="toggle-on"] {
  border-color: var(--ngb-mint);
  color: var(--ngb-cream);
  background: var(--ngb-mint-surface);
}

.ngb-button[data-state="unavailable"],
.ngb-button:disabled {
  border-color: var(--ngb-teal-line);
  color: var(--ngb-text-unavailable);
  background: var(--ngb-ink-650);
  cursor: not-allowed;
}

.ngb-button:hover:not(:disabled),
.ngb-button:focus-visible {
  border-color: var(--ngb-brass-bright);
}

.ngb-button[data-state="action"]:hover:not(:disabled),
.ngb-button[data-state="action"]:focus-visible {
  color: var(--ngb-cream);
  background: var(--ngb-ink-800);
}

.ngb-button[data-state="danger"]:hover:not(:disabled),
.ngb-button[data-state="danger"]:focus-visible {
  border-color: var(--ngb-coral-light);
  color: var(--ngb-coral-light);
  background: var(--ngb-ink-800);
}

.ngb-button:active:not(:disabled) {
  box-shadow: 0 1px 0 var(--ngb-ink-950);
  transform: translateY(2px);
}

.ngb-button:focus-visible,
.ngb-focusable:focus-visible {
  outline: 3px solid var(--ngb-brass-bright);
  outline-offset: 3px;
}

.ngb-wordmark {
  color: var(--ngb-cream);
  font-family: var(--ngb-font-system);
  font-weight: 900;
  letter-spacing: -0.055em;
  line-height: 0.82;
  text-transform: uppercase;
}

.ngb-wordmark__accent {
  color: var(--ngb-brass-bright);
}

.ngb-wordmark-image {
  display: block;
  height: auto;
  max-width: 100%;
}

.ngb-sr-only {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.ngb-tone-marker {
  background: var(--ngb-teal-line);
}

[data-tone="action"] .ngb-tone-marker,
[data-tone="warning"] .ngb-tone-marker {
  background: var(--ngb-brass);
}

[data-tone="success"] .ngb-tone-marker {
  background: var(--ngb-mint);
}

[data-tone="danger"] .ngb-tone-marker {
  background: var(--ngb-coral);
}

.analytics-consent {
  background: var(--ngb-ink-900);
  border: 2px solid var(--ngb-brass);
  border-radius: var(--ngb-radius-fitted);
  bottom: 18px;
  box-shadow: 8px 9px 0 var(--ngb-rock-shadow);
  color: var(--ngb-cream);
  display: grid;
  font-family: var(--ngb-font-system);
  gap: var(--ngb-space-md);
  grid-template-columns: 116px minmax(0, 1fr);
  padding: var(--ngb-space-lg);
  position: fixed;
  right: 18px;
  width: min(620px, calc(100vw - 36px));
  z-index: 1000;
}

.analytics-consent__logo {
  height: auto;
  width: 116px;
}

.analytics-consent__body {
  min-width: 0;
}

.analytics-consent__title {
  color: var(--ngb-cream);
  font: 900 1.375rem/1.05 var(--ngb-font-system);
  letter-spacing: -0.035em;
  margin: 0;
  padding-right: 30px;
}

.analytics-consent__copy,
.analytics-consent__status {
  color: var(--ngb-cream-muted);
  font-size: 1rem;
  line-height: 1.5;
  margin: var(--ngb-space-xs) 0 0;
}

.analytics-consent__status {
  color: var(--ngb-mint);
  font-size: 0.75rem;
}

.analytics-consent__link {
  color: var(--ngb-brass-bright);
  font-weight: 700;
  text-underline-offset: 2px;
}

.analytics-consent__link:hover,
.analytics-consent__link:focus-visible {
  color: var(--ngb-cream);
}

.analytics-consent__actions {
  display: grid;
  gap: var(--ngb-space-xs);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: var(--ngb-space-md);
}

.analytics-consent__button,
.analytics-consent__close,
.analytics-consent-settings {
  background: var(--ngb-ink-700);
  border: 1px solid var(--ngb-teal-line);
  border-radius: var(--ngb-radius-fitted);
  color: var(--ngb-cream);
  cursor: pointer;
  font: 700 0.875rem/1 var(--ngb-font-system);
  min-height: var(--ngb-target-min);
}

.analytics-consent__button--necessary,
.analytics-consent__button:hover,
.analytics-consent__button:focus-visible {
  background: var(--ngb-ink-800);
  border-color: var(--ngb-brass-bright);
  color: var(--ngb-cream);
}

.analytics-consent__button:focus-visible,
.analytics-consent__close:focus-visible,
.analytics-consent-settings:focus-visible {
  outline: 3px solid var(--ngb-brass-bright);
  outline-offset: 3px;
}

.analytics-consent__close {
  background: var(--ngb-ink-700);
  font-size: 1.125rem;
  min-width: var(--ngb-target-min);
  position: absolute;
  right: 10px;
  top: 10px;
}

.analytics-consent-settings {
  background: var(--ngb-ink-900);
  bottom: 14px;
  left: 14px;
  padding: 0 var(--ngb-space-sm);
  position: fixed;
  z-index: 999;
}

@media (max-width: 560px) {
  .analytics-consent {
    bottom: 10px;
    grid-template-columns: 76px minmax(0, 1fr);
    padding: var(--ngb-space-md);
    right: 10px;
    width: calc(100vw - 20px);
  }

  .analytics-consent__logo {
    width: 76px;
  }

  .analytics-consent__actions {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

html[data-ui-motion="reduced"] *,
html[data-ui-motion="reduced"] *::before,
html[data-ui-motion="reduced"] *::after {
  scroll-behavior: auto !important;
  transition-duration: 0.01ms !important;
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
}