/* Movanect Material 3 tokens 1.4.0. GENERATED from tokens/tokens.json (m3) by tools/build_m3.py: do not edit. */
/* Light by default; dark by prefers-color-scheme unless [data-theme=light]; [data-theme=dark] forces dark.
   Set color-scheme so native controls, scrollbars and the canvas follow the theme (theme-strict rule). */
:root {
  color-scheme: light;
  --md-sys-color-primary: #001C55;
  --md-sys-color-on-primary: #FFFFFF;
  --md-sys-color-primary-container: #DBE1FF;
  --md-sys-color-on-primary-container: #224290;
  --md-sys-color-inverse-primary: #B3C5FF;
  --md-sys-color-secondary: #705D00;
  --md-sys-color-on-secondary: #FFFFFF;
  --md-sys-color-secondary-container: #FFDE59;
  --md-sys-color-on-secondary-container: #001C55;
  --md-sys-color-tertiary: #00687A;
  --md-sys-color-on-tertiary: #FFFFFF;
  --md-sys-color-tertiary-container: #ADECFF;
  --md-sys-color-on-tertiary-container: #004E5D;
  --md-sys-color-error: #B91D20;
  --md-sys-color-on-error: #FFFFFF;
  --md-sys-color-error-container: #FFDAD6;
  --md-sys-color-on-error-container: #93000E;
  --md-sys-color-surface-dim: #D8D9E7;
  --md-sys-color-surface: #FAF8FF;
  --md-sys-color-surface-bright: #FAF8FF;
  --md-sys-color-surface-container-lowest: #FFFFFF;
  --md-sys-color-surface-container-low: #F2F3FF;
  --md-sys-color-surface-container: #ECEDFB;
  --md-sys-color-surface-container-high: #E6E7F5;
  --md-sys-color-surface-container-highest: #E0E2EF;
  --md-sys-color-on-surface: #191B25;
  --md-sys-color-on-surface-variant: #424656;
  --md-sys-color-surface-variant: #DEE1F6;
  --md-sys-color-surface-tint: #001C55;
  --md-sys-color-outline: #727688;
  --md-sys-color-outline-variant: #C2C6D9;
  --md-sys-color-inverse-surface: #2D303A;
  --md-sys-color-inverse-on-surface: #EFF0FE;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-background: #FAF8FF;
  --md-sys-color-on-background: #191B25;
  --mov-success-color: #006D33;
  --mov-success-on-color: #FFFFFF;
  --mov-success-container: #C7F3CB;
  --mov-success-on-container: #00461E;
  --mov-warning-color: #865300;
  --mov-warning-on-color: #FFFFFF;
  --mov-warning-container: #FFE4C8;
  --mov-warning-on-container: #563400;
  --mov-live-color: #00687A;
  --mov-live-on-color: #FFFFFF;
  --mov-live-container: #BFF0FF;
  --mov-live-on-container: #00424E;
  --mov-live-fill: #2CD3F5;
  --mov-live-on-fill: #001C55;
  --md-ref-typeface-plain: "Inter", "Roboto", system-ui, sans-serif;
  --md-sys-typescale-display-large: 500 57px/64px var(--md-ref-typeface-plain);
  --md-sys-typescale-display-large-tracking: -0.5px;
  --md-sys-typescale-display-medium: 500 45px/52px var(--md-ref-typeface-plain);
  --md-sys-typescale-display-medium-tracking: -0.25px;
  --md-sys-typescale-display-small: 500 36px/44px var(--md-ref-typeface-plain);
  --md-sys-typescale-display-small-tracking: 0px;
  --md-sys-typescale-headline-large: 500 32px/40px var(--md-ref-typeface-plain);
  --md-sys-typescale-headline-large-tracking: 0px;
  --md-sys-typescale-headline-medium: 500 28px/36px var(--md-ref-typeface-plain);
  --md-sys-typescale-headline-medium-tracking: 0px;
  --md-sys-typescale-headline-small: 500 24px/32px var(--md-ref-typeface-plain);
  --md-sys-typescale-headline-small-tracking: 0px;
  --md-sys-typescale-title-large: 500 22px/28px var(--md-ref-typeface-plain);
  --md-sys-typescale-title-large-tracking: 0px;
  --md-sys-typescale-title-medium: 600 16px/24px var(--md-ref-typeface-plain);
  --md-sys-typescale-title-medium-tracking: 0.15px;
  --md-sys-typescale-title-small: 600 14px/20px var(--md-ref-typeface-plain);
  --md-sys-typescale-title-small-tracking: 0.1px;
  --md-sys-typescale-body-large: 400 16px/24px var(--md-ref-typeface-plain);
  --md-sys-typescale-body-large-tracking: 0.5px;
  --md-sys-typescale-body-medium: 400 14px/20px var(--md-ref-typeface-plain);
  --md-sys-typescale-body-medium-tracking: 0.25px;
  --md-sys-typescale-body-small: 400 12px/16px var(--md-ref-typeface-plain);
  --md-sys-typescale-body-small-tracking: 0.4px;
  --md-sys-typescale-label-large: 600 14px/20px var(--md-ref-typeface-plain);
  --md-sys-typescale-label-large-tracking: 0.1px;
  --md-sys-typescale-label-medium: 600 12px/16px var(--md-ref-typeface-plain);
  --md-sys-typescale-label-medium-tracking: 0.5px;
  --md-sys-typescale-label-small: 600 11px/16px var(--md-ref-typeface-plain);
  --md-sys-typescale-label-small-tracking: 0.5px;
  --md-sys-typescale-numeral-hero: 600 64px/72px var(--md-ref-typeface-plain);
  --md-sys-typescale-numeral-hero-tracking: -1.0px;
  --md-sys-typescale-numeral-large: 600 36px/44px var(--md-ref-typeface-plain);
  --md-sys-typescale-numeral-large-tracking: -0.5px;
  --md-sys-typescale-numeral-medium: 600 24px/32px var(--md-ref-typeface-plain);
  --md-sys-typescale-numeral-medium-tracking: 0px;
  --md-sys-shape-corner-none: 0px;
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-large-increased: 20px;
  --md-sys-shape-corner-extra-large: 28px;
  --md-sys-shape-corner-extra-large-increased: 32px;
  --md-sys-shape-corner-full: 9999px;
  --mov-space-s0: 0px;
  --mov-space-s1: 4px;
  --mov-space-s2: 8px;
  --mov-space-s3: 12px;
  --mov-space-s4: 16px;
  --mov-space-s5: 20px;
  --mov-space-s6: 24px;
  --mov-space-s8: 32px;
  --mov-space-s10: 40px;
  --mov-space-s12: 48px;
  --mov-space-s16: 64px;
  --md-sys-motion-easing-emphasized: cubic-bezier(0.2, 0.0, 0.0, 1.0);
  --md-sys-motion-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1.0);
  --md-sys-motion-easing-emphasized-accelerate: cubic-bezier(0.3, 0.0, 0.8, 0.15);
  --md-sys-motion-easing-standard: cubic-bezier(0.2, 0.0, 0.0, 1.0);
  --md-sys-motion-easing-standard-decelerate: cubic-bezier(0.0, 0.0, 0.0, 1.0);
  --md-sys-motion-easing-standard-accelerate: cubic-bezier(0.3, 0.0, 1.0, 1.0);
  --md-sys-motion-duration-short1: 50ms;
  --md-sys-motion-duration-short2: 100ms;
  --md-sys-motion-duration-short3: 150ms;
  --md-sys-motion-duration-short4: 200ms;
  --md-sys-motion-duration-medium1: 250ms;
  --md-sys-motion-duration-medium2: 300ms;
  --md-sys-motion-duration-medium3: 350ms;
  --md-sys-motion-duration-medium4: 400ms;
  --md-sys-motion-duration-long1: 450ms;
  --md-sys-motion-duration-long2: 500ms;
  --md-sys-motion-duration-long3: 550ms;
  --md-sys-motion-duration-long4: 600ms;
  --md-sys-motion-duration-extra-long1: 700ms;
  --md-sys-motion-duration-extra-long2: 800ms;
  --md-sys-motion-duration-extra-long3: 900ms;
  --md-sys-motion-duration-extra-long4: 1000ms;
  --mov-size-top-app-bar-small: 64px;
  --mov-size-top-app-bar-medium-flexible: 112px;
  --mov-size-top-app-bar-large-flexible: 120px;
  --mov-size-navigation-bar: 80px;
  --mov-size-navigation-rail: 96px;
  --mov-size-fab: 56px;
  --mov-size-fab-medium: 80px;
  --mov-size-fab-large: 96px;
  --mov-size-extended-fab: 56px;
  --mov-size-button-small: 40px;
  --mov-size-button-medium: 56px;
  --mov-size-button-large: 96px;
  --mov-size-icon-button: 40px;
  --mov-size-icon-button-target: 48px;
  --mov-size-text-field: 56px;
  --mov-size-search-bar: 56px;
  --mov-size-chip: 32px;
  --mov-size-list-item1: 56px;
  --mov-size-list-item2: 72px;
  --mov-size-list-item3: 88px;
  --mov-size-segmented-button: 40px;
  --mov-size-dialog-min-width: 280px;
  --mov-size-dialog-max-width: 560px;
  --mov-size-bottom-sheet-max-width: 640px;
  --mov-size-snackbar: 48px;
  --mov-size-progress-circular: 48px;
  --mov-size-progress-linear-track: 4px;
  --mov-size-live-gauge: 240px;
  --mov-size-live-gauge-stroke: 16px;
  --mov-size-slide-to-start: 64px;
  --mov-size-cashier-key: 72px;
  --mov-size-cashier-target: 56px;
  --mov-size-icon: 24px;
  --mov-elevation-3: 0 1px 3px rgba(0,0,0,.12), 0 4px 8px 3px rgba(0,0,0,.08);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --md-sys-color-primary: #FFDE59;
    --md-sys-color-on-primary: #001C55;
    --md-sys-color-primary-container: #224290;
    --md-sys-color-on-primary-container: #DBE1FF;
    --md-sys-color-inverse-primary: #001C55;
    --md-sys-color-secondary: #E4C542;
    --md-sys-color-on-secondary: #3A3000;
    --md-sys-color-secondary-container: #123684;
    --md-sys-color-on-secondary-container: #FFDE59;
    --md-sys-color-tertiary: #2CD3F5;
    --md-sys-color-on-tertiary: #001C55;
    --md-sys-color-tertiary-container: #004E5D;
    --md-sys-color-on-tertiary-container: #ADECFF;
    --md-sys-color-error: #FFB4AC;
    --md-sys-color-on-error: #690007;
    --md-sys-color-error-container: #93000E;
    --md-sys-color-on-error-container: #FFDAD6;
    --md-sys-color-surface-dim: #10131C;
    --md-sys-color-surface: #10131C;
    --md-sys-color-surface-bright: #363943;
    --md-sys-color-surface-container-lowest: #0B0E17;
    --md-sys-color-surface-container-low: #191B25;
    --md-sys-color-surface-container: #1D1F29;
    --md-sys-color-surface-container-high: #272A34;
    --md-sys-color-surface-container-highest: #32343F;
    --md-sys-color-on-surface: #E0E2EF;
    --md-sys-color-on-surface-variant: #C2C6D9;
    --md-sys-color-surface-variant: #424656;
    --md-sys-color-surface-tint: #FFDE59;
    --md-sys-color-outline: #8C90A2;
    --md-sys-color-outline-variant: #424656;
    --md-sys-color-inverse-surface: #E0E2EF;
    --md-sys-color-inverse-on-surface: #2D303A;
    --md-sys-color-shadow: #000000;
    --md-sys-color-scrim: #000000;
    --md-sys-color-background: #10131C;
    --md-sys-color-on-background: #E0E2EF;
    --mov-success-color: #62DE85;
    --mov-success-on-color: #003917;
    --mov-success-container: #1D4327;
    --mov-success-on-container: #7FFB9F;
    --mov-warning-color: #FFB963;
    --mov-warning-on-color: #472A00;
    --mov-warning-container: #543408;
    --mov-warning-on-container: #FFDDB9;
    --mov-live-color: #2CD3F5;
    --mov-live-on-color: #003640;
    --mov-live-container: #00424E;
    --mov-live-on-container: #ADECFF;
    --mov-live-fill: #2CD3F5;
    --mov-live-on-fill: #001C55;
    --mov-elevation-3: none;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --md-sys-color-primary: #FFDE59;
  --md-sys-color-on-primary: #001C55;
  --md-sys-color-primary-container: #224290;
  --md-sys-color-on-primary-container: #DBE1FF;
  --md-sys-color-inverse-primary: #001C55;
  --md-sys-color-secondary: #E4C542;
  --md-sys-color-on-secondary: #3A3000;
  --md-sys-color-secondary-container: #123684;
  --md-sys-color-on-secondary-container: #FFDE59;
  --md-sys-color-tertiary: #2CD3F5;
  --md-sys-color-on-tertiary: #001C55;
  --md-sys-color-tertiary-container: #004E5D;
  --md-sys-color-on-tertiary-container: #ADECFF;
  --md-sys-color-error: #FFB4AC;
  --md-sys-color-on-error: #690007;
  --md-sys-color-error-container: #93000E;
  --md-sys-color-on-error-container: #FFDAD6;
  --md-sys-color-surface-dim: #10131C;
  --md-sys-color-surface: #10131C;
  --md-sys-color-surface-bright: #363943;
  --md-sys-color-surface-container-lowest: #0B0E17;
  --md-sys-color-surface-container-low: #191B25;
  --md-sys-color-surface-container: #1D1F29;
  --md-sys-color-surface-container-high: #272A34;
  --md-sys-color-surface-container-highest: #32343F;
  --md-sys-color-on-surface: #E0E2EF;
  --md-sys-color-on-surface-variant: #C2C6D9;
  --md-sys-color-surface-variant: #424656;
  --md-sys-color-surface-tint: #FFDE59;
  --md-sys-color-outline: #8C90A2;
  --md-sys-color-outline-variant: #424656;
  --md-sys-color-inverse-surface: #E0E2EF;
  --md-sys-color-inverse-on-surface: #2D303A;
  --md-sys-color-shadow: #000000;
  --md-sys-color-scrim: #000000;
  --md-sys-color-background: #10131C;
  --md-sys-color-on-background: #E0E2EF;
  --mov-success-color: #62DE85;
  --mov-success-on-color: #003917;
  --mov-success-container: #1D4327;
  --mov-success-on-container: #7FFB9F;
  --mov-warning-color: #FFB963;
  --mov-warning-on-color: #472A00;
  --mov-warning-container: #543408;
  --mov-warning-on-container: #FFDDB9;
  --mov-live-color: #2CD3F5;
  --mov-live-on-color: #003640;
  --mov-live-container: #00424E;
  --mov-live-on-container: #ADECFF;
  --mov-live-fill: #2CD3F5;
  --mov-live-on-fill: #001C55;
  --mov-elevation-3: none;
}
@media (prefers-reduced-motion: reduce) {
  :root { --md-sys-motion-duration-short1: 0ms; --md-sys-motion-duration-short2: 0ms; --md-sys-motion-duration-short3: 0ms; --md-sys-motion-duration-short4: 0ms; --md-sys-motion-duration-medium1: 0ms; --md-sys-motion-duration-medium2: 0ms; --md-sys-motion-duration-medium3: 0ms; --md-sys-motion-duration-medium4: 0ms; --md-sys-motion-duration-long1: 0ms; --md-sys-motion-duration-long2: 0ms; --md-sys-motion-duration-long3: 0ms; --md-sys-motion-duration-long4: 0ms; --md-sys-motion-duration-extra-long1: 0ms; --md-sys-motion-duration-extra-long2: 0ms; --md-sys-motion-duration-extra-long3: 0ms; --md-sys-motion-duration-extra-long4: 0ms; }
}
html, body { background: var(--md-sys-color-surface); color: var(--md-sys-color-on-surface); }
.md-display-large { font: var(--md-sys-typescale-display-large); letter-spacing: var(--md-sys-typescale-display-large-tracking); }
.md-display-medium { font: var(--md-sys-typescale-display-medium); letter-spacing: var(--md-sys-typescale-display-medium-tracking); }
.md-display-small { font: var(--md-sys-typescale-display-small); letter-spacing: var(--md-sys-typescale-display-small-tracking); }
.md-headline-large { font: var(--md-sys-typescale-headline-large); letter-spacing: var(--md-sys-typescale-headline-large-tracking); }
.md-headline-medium { font: var(--md-sys-typescale-headline-medium); letter-spacing: var(--md-sys-typescale-headline-medium-tracking); }
.md-headline-small { font: var(--md-sys-typescale-headline-small); letter-spacing: var(--md-sys-typescale-headline-small-tracking); }
.md-title-large { font: var(--md-sys-typescale-title-large); letter-spacing: var(--md-sys-typescale-title-large-tracking); }
.md-title-medium { font: var(--md-sys-typescale-title-medium); letter-spacing: var(--md-sys-typescale-title-medium-tracking); }
.md-title-small { font: var(--md-sys-typescale-title-small); letter-spacing: var(--md-sys-typescale-title-small-tracking); }
.md-body-large { font: var(--md-sys-typescale-body-large); letter-spacing: var(--md-sys-typescale-body-large-tracking); }
.md-body-medium { font: var(--md-sys-typescale-body-medium); letter-spacing: var(--md-sys-typescale-body-medium-tracking); }
.md-body-small { font: var(--md-sys-typescale-body-small); letter-spacing: var(--md-sys-typescale-body-small-tracking); }
.md-label-large { font: var(--md-sys-typescale-label-large); letter-spacing: var(--md-sys-typescale-label-large-tracking); }
.md-label-medium { font: var(--md-sys-typescale-label-medium); letter-spacing: var(--md-sys-typescale-label-medium-tracking); }
.md-label-small { font: var(--md-sys-typescale-label-small); letter-spacing: var(--md-sys-typescale-label-small-tracking); }
.md-numeral-hero { font: var(--md-sys-typescale-numeral-hero); letter-spacing: var(--md-sys-typescale-numeral-hero-tracking); font-variant-numeric: tabular-nums; }
.md-numeral-large { font: var(--md-sys-typescale-numeral-large); letter-spacing: var(--md-sys-typescale-numeral-large-tracking); font-variant-numeric: tabular-nums; }
.md-numeral-medium { font: var(--md-sys-typescale-numeral-medium); letter-spacing: var(--md-sys-typescale-numeral-medium-tracking); font-variant-numeric: tabular-nums; }