:root {
  --mg-canvas: #F3F5FA;
  --mg-surface: #FFFFFF;
  --mg-raised: #FFFFFF;
  --mg-sunken: #EBEFF6;
  --mg-hover: #E6EBF4;
  --mg-rule: #E1E6EF;
  --mg-rule-strong: #78829A;
  --mg-ink: #141D3A;
  --mg-ink-2: #56617E;
  --mg-on-ink: #FFFFFF;
  --mg-ink-hover: #26335E;
  --mg-navy: #141D3A;
  --mg-navy-hi: #22305C;
  --mg-on-navy: #FFFFFF;
  --mg-on-navy-2: #A9B4D0;
  --mg-blue: #0A84FF;
  --mg-blue-text: #0060CC;
  --mg-blue-tint: #E6F0FF;
  --mg-focus: var(--mg-blue);
  --mg-ok: #0E9447;
  --mg-ok-text: #0D7A3C;
  --mg-ok-tint: #E2F5E9;
  --mg-warn: #B57300;
  --mg-warn-text: #8A5700;
  --mg-warn-tint: #FFF2D6;
  --mg-alarm: #E5484D;
  --mg-alarm-text: #B42330;
  --mg-alarm-hover: #8E1620;
  --mg-alarm-tint: #FDECEC;
  --mg-on-alarm: #FFFFFF;
  --mg-chart-1: var(--mg-blue);
  --mg-chart-2: #7B859C;
  --mg-chart-3: var(--mg-ink);
  --mg-cat-1: #0D8282;
  --mg-cat-2: #6945D3;
  --mg-cat-3: #3A76A3;
  --mg-cat-4: #797115;
  --mg-cat-5: #A3295A;
  --mg-cat-other: #8A909E;
  --mg-cat-1-tint: #DBECEC;
  --mg-cat-2-tint: #E9E3F8;
  --mg-cat-3-tint: #E1EAF1;
  --mg-cat-4-tint: #EBEADC;
  --mg-cat-5-tint: #F1DFE6;
  --mg-cat-other-tint: #EDEEF0;
  --mg-cat-1-navy: #4CC2BE;
  --mg-cat-2-navy: #9C86F0;
  --mg-cat-3-navy: #6FA6D6;
  --mg-cat-4-navy: #C9BC4A;
  --mg-cat-5-navy: #E0709C;
  --mg-seq-1: #E6EBF4;
  --mg-seq-2: #B7C2DA;
  --mg-seq-3: #7F90B6;
  --mg-seq-4: #46598A;
  --mg-seq-5: #141D3A;
  --mg-div-under: #8A5700;
  --mg-div-under-2: #E9C77E;
  --mg-div-mid: #E6EBF4;
  --mg-div-over-2: #93D3AC;
  --mg-div-over: #0D7A3C;
  --mg-chart-grid: var(--mg-rule);
  --mg-chart-axis: var(--mg-ink-2);
  --mg-scrim: rgba(10,15,30,0.48);
  --mg-space-1: 4px;
  --mg-space-2: 8px;
  --mg-space-3: 12px;
  --mg-space-4: 16px;
  --mg-space-5: 20px;
  --mg-space-6: 24px;
  --mg-space-7: 32px;
  --mg-space-8: 48px;
  --mg-space-9: 64px;
  --mg-radius-dot: 999px;
  --mg-radius-field: 12px;
  --mg-radius-card: 20px;
  --mg-radius-sheet: 28px;
  --mg-shadow-card: 0 1px 2px rgba(20,29,58,0.05), 0 10px 28px -18px rgba(20,29,58,0.22);
  --mg-shadow-float: 0 2px 6px rgba(20,29,58,0.08), 0 24px 48px -16px rgba(20,29,58,0.3);
  --mg-control: 40px;
  --mg-control-touch: 44px;
  --mg-control-sm: 32px;
  --mg-row: 44px;
  --mg-row-tight: 34px;
  --mg-row-list: 52px;
  --mg-row-list-compact: 34px;
  --mg-row-list-spacious: 60px;
  --mg-chart-stroke: 2px;
  --mg-chart-stroke-tv: 4px;
  --mg-chart-point: 4px;
  --mg-chart-band: 0.16;
  --mg-chart-gap: 2px;
  --mg-dot: 10px;
  --mg-stem: 4px;
  --mg-rail: 240px;
  --mg-page-max: 1440px;
  --mg-measure: 66ch;
  --mg-z-sticky: 10;
  --mg-z-popover: 20;
  --mg-z-overlay: 30;
  --mg-z-dialog: 40;
  --mg-z-toast: 50;
  --mg-font: Manrope, system-ui, -apple-system, Segoe UI, sans-serif;
  --mg-text-xs: 12px;
  --mg-text-sm: 13px;
  --mg-text-md: 14px;
  --mg-text-lg: 17px;
  --mg-text-xl: 22px;
  --mg-text-2xl: 28px;
  --mg-text-3xl: 36px;
  --mg-text-display: 64px;
  --mg-motion-quick: 140ms cubic-bezier(0.2, 0, 0, 1);
  --mg-motion-data: 520ms cubic-bezier(0.2, 0, 0, 1);
  --mg-motion-rise: 520ms cubic-bezier(0.34, 1.56, 0.64, 1);
  --mg-motion-enter: 220ms cubic-bezier(0, 0, 0.2, 1);
  --mg-motion-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
  --mg-dur-instant: 80ms;
  --mg-dur-quick: 140ms;
  --mg-dur-base: 220ms;
  --mg-dur-exit: 160ms;
  --mg-dur-rise: 520ms;
  --mg-dur-story: 900ms;
  --mg-stagger: 70ms;
  --mg-dur-live: 2400ms;
  --mg-dur-moment: 6000ms;
  --mg-dur-pulse: 1600ms;
  --mg-dur-confetti: 2500ms;
  --mg-dur-spin: 3200ms;
  --mg-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --mg-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --mg-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --mg-ease-rise: cubic-bezier(0.34, 1.56, 0.64, 1);
  --mg-move-sm: 8px;
  --mg-move-md: 16px;
  --mg-move-lg: 40px;
  --mg-tv-label: clamp(14px, 1.4cqi, 26px);
  --mg-tv-body: clamp(18px, 2.2cqi, 42px);
  --mg-tv-num: clamp(24px, 3cqi, 60px);
  --mg-tv-display: clamp(56px, 12cqi, 240px);
  --mg-image-overlay-day: rgba(255,255,255,0.72);
  --mg-image-overlay-night: rgba(10,15,30,0.56);
  --mg-button-radius: var(--mg-radius-field);
  --mg-button-height: var(--mg-control);
  --mg-button-height-sm: var(--mg-control-sm);
  --mg-button-pad-x: 18px;
  --mg-button-pad-x-sm: 14px;
  --mg-button-border: 1.5px;
  --mg-button-weight: 700;
  --mg-field-radius: var(--mg-radius-field);
  --mg-field-height: var(--mg-control);
  --mg-field-pad-x: 14px;
  --mg-field-border: 1.5px;
  --mg-chip-radius: var(--mg-radius-dot);
  --mg-seg-radius: calc(var(--mg-radius-field) - 4px);
  --mg-seg-track-radius: var(--mg-radius-field);
  --mg-toggle-radius: var(--mg-radius-dot);
  --mg-avatar-radius: var(--mg-radius-dot);
  --mg-badge-radius: var(--mg-radius-dot);
  --mg-card-radius: var(--mg-radius-card);
  --mg-card-shadow: var(--mg-shadow-card);
  --mg-dialog-radius: var(--mg-radius-sheet);
  --mg-menu-radius: var(--mg-radius-field);
  --mg-menu-item-radius: calc(var(--mg-radius-field) - 4px);
  --mg-nav-item-radius: var(--mg-radius-field);
  --mg-popover-radius: var(--mg-radius-field);
  --mg-tab-radius: var(--mg-radius-field);
  --mg-table-radius: var(--mg-radius-field);
  --mg-table-row: var(--mg-row);
}
[data-theme="dark"] {
  --mg-canvas: #0A0F1E;
  --mg-surface: #121A2E;
  --mg-raised: #18223A;
  --mg-sunken: #0D1426;
  --mg-hover: #202B47;
  --mg-rule: #26314D;
  --mg-rule-strong: #76839F;
  --mg-ink: #EEF2FA;
  --mg-ink-2: #A3AEC8;
  --mg-on-ink: #141D3A;
  --mg-ink-hover: #FFFFFF;
  --mg-navy: #1B2752;
  --mg-navy-hi: #283770;
  --mg-on-navy: #FFFFFF;
  --mg-on-navy-2: #A9B4D0;
  --mg-blue: #0A84FF;
  --mg-blue-text: #5EA8FF;
  --mg-blue-tint: #10264A;
  --mg-focus: var(--mg-blue);
  --mg-ok: #2FBF6F;
  --mg-ok-text: #5ED593;
  --mg-ok-tint: #0F2A1B;
  --mg-warn: #F2B233;
  --mg-warn-text: #F5C35E;
  --mg-warn-tint: #33260C;
  --mg-alarm: #F0484E;
  --mg-alarm-text: #FF8A8E;
  --mg-alarm-hover: #FFB3B6;
  --mg-alarm-tint: #3A1517;
  --mg-on-alarm: #0A0F1E;
  --mg-chart-1: var(--mg-blue);
  --mg-chart-2: #6E7B99;
  --mg-chart-3: var(--mg-ink);
  --mg-cat-1: #4CC2BE;
  --mg-cat-2: #9C86F0;
  --mg-cat-3: #6FA6D6;
  --mg-cat-4: #C9BC4A;
  --mg-cat-5: #E0709C;
  --mg-cat-other: #626A7A;
  --mg-cat-1-tint: #1B3344;
  --mg-cat-2-tint: #272A4B;
  --mg-cat-3-tint: #202F47;
  --mg-cat-4-tint: #2D3232;
  --mg-cat-5-tint: #31273F;
  --mg-cat-other-tint: #1E2639;
  --mg-cat-1-navy: #4CC2BE;
  --mg-cat-2-navy: #9C86F0;
  --mg-cat-3-navy: #6FA6D6;
  --mg-cat-4-navy: #C9BC4A;
  --mg-cat-5-navy: #E0709C;
  --mg-seq-1: #1B2540;
  --mg-seq-2: #2D3B63;
  --mg-seq-3: #50659A;
  --mg-seq-4: #8C9FCC;
  --mg-seq-5: #EEF2FA;
  --mg-div-under: #F5C35E;
  --mg-div-under-2: #5C4415;
  --mg-div-mid: #26314D;
  --mg-div-over-2: #1E5636;
  --mg-div-over: #5ED593;
  --mg-chart-grid: var(--mg-rule);
  --mg-chart-axis: var(--mg-ink-2);
  --mg-scrim: rgba(0,0,0,0.66);
  --mg-shadow-card: 0 0 0 1px rgba(255,255,255,0.04), 0 10px 28px -18px rgba(0,0,0,0.6);
  --mg-shadow-float: 0 0 0 1px rgba(255,255,255,0.06), 0 24px 48px -16px rgba(0,0,0,0.75);
}
@supports not (width: 1cqi) {
  :root {
    --mg-tv-label: clamp(16px, 1.4vw, 26px);
    --mg-tv-body: clamp(24px, 2.2vw, 42px);
    --mg-tv-num: clamp(32px, 3vw, 60px);
    --mg-tv-display: clamp(110px, 12vw, 240px);
  }
}