/* @mbdd/design-foundations 1.2.0 — generated, do not edit. */
@font-face {
  font-family: "MBDD Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
}

@font-face {
  font-family: "MBDD Manrope";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("./fonts/manrope-latin-wght-normal.woff2") format("woff2-variations");
}

:root {
  --mbdd-primitive-color-white: #FFFFFF;
  --mbdd-primitive-color-paper: #FAF8F4;
  --mbdd-primitive-color-surface-strong: #F7FAF8;
  --mbdd-primitive-color-sand: #F6F1EA;
  --mbdd-primitive-color-canvas-cool: #F1F5F2;
  --mbdd-primitive-color-border-soft: #E8EEEB;
  --mbdd-primitive-color-border: #D7E1DC;
  --mbdd-primitive-color-ink: #252A28;
  --mbdd-primitive-color-slate-900: #1F2933;
  --mbdd-primitive-color-slate-700: #33414A;
  --mbdd-primitive-color-slate-600: #46504C;
  --mbdd-primitive-color-slate-500: #5E6A65;
  --mbdd-primitive-color-green-800: #024738;
  --mbdd-primitive-color-green-700: #035F49;
  --mbdd-primitive-color-green-500: #159071;
  --mbdd-primitive-color-green-100: #E8F3EF;
  --mbdd-primitive-color-petrol-900: #102F37;
  --mbdd-primitive-color-petrol-800: #123F49;
  --mbdd-primitive-color-petrol-700: #1D5C68;
  --mbdd-primitive-color-petrol-200: #BBDDE3;
  --mbdd-primitive-color-petrol-100: #E8F2F4;
  --mbdd-primitive-color-petrol-50: #F3F7F8;
  --mbdd-primitive-color-orange-700: #A84019;
  --mbdd-primitive-color-orange-500: #D55824;
  --mbdd-primitive-color-orange-100: #FBEEE7;
  --mbdd-primitive-color-lichen-700: #557A10;
  --mbdd-primitive-color-lichen-300: #BDE26D;
  --mbdd-primitive-color-lichen-100: #EFF6DB;
  --mbdd-primitive-color-blue-700: #0055B3;
  --mbdd-primitive-color-blue-600: #0066CC;
  --mbdd-primitive-color-blue-100: #EAF3FC;
  --mbdd-primitive-color-success-700: #1F684F;
  --mbdd-primitive-color-success-100: #DFF2EA;
  --mbdd-primitive-color-fail-700: #8B3732;
  --mbdd-primitive-color-fail-100: #F8E9E7;
  --mbdd-primitive-color-neutral-700: #46525F;
  --mbdd-primitive-color-neutral-100: #E7EBEE;
  --mbdd-primitive-color-error-700: #7A3E65;
  --mbdd-primitive-color-error-100: #F5EAF2;
  --mbdd-primitive-color-warning-700: #704A18;
  --mbdd-primitive-color-warning-100: #F4EADC;
  --mbdd-primitive-color-info-700: #3F566D;
  --mbdd-primitive-color-info-100: #E8EEF5;
  --mbdd-primitive-color-violet-700: #6D28D9;
  --mbdd-primitive-color-map-reference: #94A3B8;
  --mbdd-primitive-color-focus: #FFDD00;
  --mbdd-primitive-color-night: #111820;
  --mbdd-primitive-color-inverse-text: #E4EBE7;
  --mbdd-primitive-space-0: 0px;
  --mbdd-primitive-space-1: 0.25rem;
  --mbdd-primitive-space-2: 0.5rem;
  --mbdd-primitive-space-3: 0.75rem;
  --mbdd-primitive-space-4: 1rem;
  --mbdd-primitive-space-5: 1.25rem;
  --mbdd-primitive-space-6: 1.5rem;
  --mbdd-primitive-space-8: 2rem;
  --mbdd-primitive-space-10: 2.5rem;
  --mbdd-primitive-space-12: 3rem;
  --mbdd-primitive-space-16: 4rem;
  --mbdd-color-background-canvas: var(--mbdd-primitive-color-paper);
  --mbdd-color-background-surface: var(--mbdd-primitive-color-white);
  --mbdd-color-background-surface-strong: var(--mbdd-primitive-color-surface-strong);
  --mbdd-color-background-elevated: var(--mbdd-primitive-color-sand);
  --mbdd-color-text-default: var(--mbdd-primitive-color-ink);
  --mbdd-color-text-strong: var(--mbdd-primitive-color-slate-900);
  --mbdd-color-text-soft: var(--mbdd-primitive-color-slate-600);
  --mbdd-color-text-muted: var(--mbdd-primitive-color-slate-500);
  --mbdd-color-text-inverse: var(--mbdd-primitive-color-white);
  --mbdd-color-border-default: var(--mbdd-primitive-color-border);
  --mbdd-color-border-soft: var(--mbdd-primitive-color-border-soft);
  --mbdd-color-brand-action: var(--mbdd-primitive-color-green-700);
  --mbdd-color-brand-action-hover: var(--mbdd-primitive-color-green-800);
  --mbdd-color-brand-action-soft: var(--mbdd-primitive-color-green-100);
  --mbdd-color-brand-signature: var(--mbdd-primitive-color-orange-500);
  --mbdd-color-brand-signature-strong: var(--mbdd-primitive-color-orange-700);
  --mbdd-color-product-accent: var(--mbdd-primitive-color-green-700);
  --mbdd-color-product-accent-strong: var(--mbdd-primitive-color-green-800);
  --mbdd-color-product-accent-soft: var(--mbdd-primitive-color-green-100);
  --mbdd-color-product-highlight: var(--mbdd-primitive-color-orange-500);
  --mbdd-color-state-pass: var(--mbdd-primitive-color-success-700);
  --mbdd-color-state-pass-soft: var(--mbdd-primitive-color-success-100);
  --mbdd-color-state-fail: var(--mbdd-primitive-color-fail-700);
  --mbdd-color-state-fail-soft: var(--mbdd-primitive-color-fail-100);
  --mbdd-color-state-not-evaluable: var(--mbdd-primitive-color-neutral-700);
  --mbdd-color-state-not-evaluable-soft: var(--mbdd-primitive-color-neutral-100);
  --mbdd-color-state-error: var(--mbdd-primitive-color-error-700);
  --mbdd-color-state-error-soft: var(--mbdd-primitive-color-error-100);
  --mbdd-color-state-warning: var(--mbdd-primitive-color-warning-700);
  --mbdd-color-state-warning-soft: var(--mbdd-primitive-color-warning-100);
  --mbdd-color-state-info: var(--mbdd-primitive-color-info-700);
  --mbdd-color-state-info-soft: var(--mbdd-primitive-color-info-100);
  --mbdd-color-map-selection: var(--mbdd-primitive-color-violet-700);
  --mbdd-color-map-reference: var(--mbdd-primitive-color-map-reference);
  --mbdd-color-focus: var(--mbdd-primitive-color-focus);
  --mbdd-product-geocontrol-accent: var(--mbdd-primitive-color-petrol-700);
  --mbdd-product-geocontrol-accent-strong: var(--mbdd-primitive-color-petrol-800);
  --mbdd-product-geocontrol-accent-soft: var(--mbdd-primitive-color-petrol-100);
  --mbdd-product-geocontrol-highlight: var(--mbdd-primitive-color-petrol-200);
  --mbdd-product-geocontrol-canvas: var(--mbdd-primitive-color-petrol-50);
  --mbdd-product-geocontrol-night: var(--mbdd-primitive-color-petrol-900);
  --mbdd-font-family-display: "MBDD Manrope", Manrope, Inter, sans-serif;
  --mbdd-font-family-body: "MBDD Inter", Inter, "Segoe UI", sans-serif;
  --mbdd-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --mbdd-font-weight-regular: 400;
  --mbdd-font-weight-medium: 500;
  --mbdd-font-weight-semibold: 600;
  --mbdd-font-weight-bold: 700;
  --mbdd-font-size-caption: 0.75rem;
  --mbdd-font-size-small: 0.875rem;
  --mbdd-font-size-body: 1rem;
  --mbdd-font-size-large: 1.125rem;
  --mbdd-font-size-title-small: 1.5rem;
  --mbdd-font-size-title: 2rem;
  --mbdd-font-size-display: 3rem;
  --mbdd-radius-control: 8px;
  --mbdd-radius-card: 12px;
  --mbdd-radius-dialog: 16px;
  --mbdd-radius-full: 999px;
  --mbdd-motion-duration-fast: 120ms;
  --mbdd-motion-duration-base: 200ms;
  --mbdd-motion-duration-slow: 300ms;
  --mbdd-motion-ease: cubic-bezier(0.2, 0, 0, 1);
  color-scheme: light;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

[data-mbdd-product="geocontrol"] {
  --mbdd-color-product-accent: var(--mbdd-product-geocontrol-accent);
  --mbdd-color-product-accent-strong: var(--mbdd-product-geocontrol-accent-strong);
  --mbdd-color-product-accent-soft: var(--mbdd-product-geocontrol-accent-soft);
  --mbdd-color-product-highlight: var(--mbdd-product-geocontrol-highlight);
}

.mbdd-tabular-numbers {
  font-variant-numeric: tabular-nums;
}

.mbdd-brand-lockup {
  display: block;
  width: auto;
  max-width: 100%;
  height: 40px;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--mbdd-color-focus);
  outline-offset: 3px;
  box-shadow: 0 0 0 5px var(--mbdd-color-text-strong);
}

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

@media (forced-colors: active) {
  :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 3px solid Highlight;
    box-shadow: none;
  }
}