/* COPIED from design/reference/tokens.css by website/build.mjs. DO NOT EDIT. */
/* GENERATED BY design/tokens/build.mjs FROM design/tokens/tokens.json. DO NOT EDIT. */

:root {
  --ink-primary: #F7F5F2;
  --ink-secondary: rgba(247,245,242,0.62);
  --ink-muted: rgba(247,245,242,0.38);
  --ink-onGlass: #FFFFFF;
  --ink-onGlassSecondary: rgba(255,255,255,0.56);
  --ink-onGlassMuted: rgba(255,255,255,0.44);
  --ink-inverted: #14151E;
  --surface-ground: #0A0B14;
  --surface-ground2: #12131F;
  --surface-sunk: rgba(255,255,255,0.05);
  --surface-inverted: rgba(255,255,255,0.92);
  --surface-screen: #07080E;
  --surface-screenTop: #191A2B;
  --field-warm: #FF9E4A;
  --field-warmAlpha: 0.26;
  --field-cool: #6B4E9E;
  --field-coolAlpha: 0.3;
  --field-bloom: #FF6B5B;
  --field-bloomAlpha: 0.14;
  --field-grainAlpha: 0.32;
  --field-vignette: rgba(4,5,10,0.55);
  --material-fillFrom: rgba(255,255,255,0.16);
  --material-fillTo: rgba(255,255,255,0.055);
  --material-rim: rgba(255,255,255,0.24);
  --material-specular: rgba(255,255,255,0.36);
  --material-underglow: rgba(255,255,255,0.05);
  --material-shadow: rgba(0,0,0,0.38);
  --material-refractWarm: rgba(255,158,74,0.10);
  --material-refractCool: rgba(107,78,158,0.10);
  --line-hairline: rgba(255,255,255,0.09);
  --line-hairlineStrong: rgba(255,255,255,0.16);
  --line-hairlineOnGlass: rgba(255,255,255,0.13);
  --line-rimAlert: rgba(255,196,107,0.40);
  --state-hover: rgba(255,255,255,0.06);
  --state-active: rgba(255,255,255,0.10);
  --state-emphasis: rgba(255,255,255,0.10);
  --state-selected: rgba(125,226,176,0.14);
  --state-disabled: rgba(255,255,255,0.12);
  --state-disabledInk: rgba(255,255,255,0.40);
  --state-controlFill: rgba(255,255,255,0.12);
  --state-controlHover: rgba(255,255,255,0.20);
  --state-controlRim: rgba(255,255,255,0.20);
  --state-trackFill: rgba(255,255,255,0.14);
  --state-stepTrack: rgba(255,255,255,0.18);
  --state-ring: rgba(255,255,255,0.55);
  --state-glyphFill: rgba(255,255,255,0.11);
  --state-glyphRim: rgba(255,255,255,0.16);
  --state-switchOn: rgba(125,226,176,0.30);
  --state-switchOnRim: rgba(125,226,176,0.50);
  --state-inputFill: rgba(255,255,255,0.08);
  --device-rimInset: rgba(255,255,255,0.30);
  --device-shadowKey: rgba(0,0,0,0.50);
  --device-shadowContact: rgba(0,0,0,0.30);
  --device-screenInset: rgba(255,255,255,0.07);
  --device-homebar: rgba(255,255,255,0.35);
  --device-screenWarmAlpha: 0.62;
  --device-screenCoolAlpha: 0.72;
  --device-screenBloomAlpha: 0.34;
  --status-good: #7DE2B0;
  --status-over: #FF8A7A;
  --status-thin: #FFC46B;
  --status-goodTint: rgba(125,226,176,0.17);
  --status-goodRim: rgba(125,226,176,0.32);
  --status-thinTint: rgba(255,196,107,0.17);
  --status-thinRim: rgba(255,196,107,0.34);
  --status-overTint: rgba(255,138,122,0.17);
  --status-overRim: rgba(255,138,122,0.32);
  --status-neutralTint: rgba(255,255,255,0.11);
  --status-neutralRim: rgba(255,255,255,0.16);
  --data-seq1: #FFC46B;
  --data-seq2: #FF8A5B;
  --data-seq3: #E4685F;
  --field-warmRgb: 255,158,74;
  --field-coolRgb: 107,78,158;
  --field-bloomRgb: 255,107,91;
  --font-stack: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro Display', 'Helvetica Neue', system-ui, sans-serif;
  --font-mono: ui-monospace;
  --space-xs: 4px;
  --space-sm: 6px;
  --space-md: 9px;
  --space-lg: 12px;
  --space-xl: 14px;
  --space-2xl: 18px;
  --space-3xl: 22px;
  --space-4xl: 28px;
  --space-5xl: 38px;
  --space-screenGutter: 16px;
  --radius-tag: 3px;
  --radius-inner: 6px;
  --radius-panel: 10px;
  --radius-island: 13px;
  --radius-deviceOuter: 54px;
  --radius-deviceInner: 43px;
  --line-hairline-w: 0.5px;
  --line-rule-w: 1px;
  --line-emphasis-w: 2px;
  --type-heroNumber: 200 88px/79px var(--font-stack);
  --track-heroNumber: -0.0450em;
  --type-bigNumber: 200 58px/52px var(--font-stack);
  --track-bigNumber: -0.0450em;
  --type-clock: 220 72px/68px var(--font-stack);
  --track-clock: -0.0450em;
  --type-statNumber: 200 29px/26px var(--font-stack);
  --track-statNumber: -0.0452em;
  --type-display: 340 21px/25px var(--font-stack);
  --track-display: -0.0219em;
  --type-title: 560 17px/22px var(--font-stack);
  --track-title: -0.0159em;
  --type-body: 450 14px/20px var(--font-stack);
  --track-body: -0.0050em;
  --type-bodyStrong: 530 14px/20px var(--font-stack);
  --track-bodyStrong: -0.0050em;
  --type-amount: 530 14px/18px var(--font-stack);
  --track-amount: -0.0100em;
  --type-caption: 450 12px/17px var(--font-stack);
  --track-caption: 0.0000em;
  --type-micro: 450 10px/14px var(--font-stack);
  --track-micro: 0.0000em;
  --type-label: 640 9.5px/12px var(--font-stack);
  --track-label: 0.1305em;
  --type-tag: 620 9.5px/12px var(--font-stack);
  --track-tag: 0.0505em;
  --type-button: 580 13px/13px var(--font-stack);
  --track-button: 0.0000em;
  --type-input: 450 11.5px/15px var(--font-stack);
  --track-input: 0.0000em;
  --type-wordmark: 310 27px/27px var(--font-stack);
  --track-wordmark: -0.0222em;
  --type-wordmarkStack: 400 17px/17px var(--font-stack);
  --track-wordmarkStack: 0.1412em;
  --motion-instant: 0ms;
  --motion-quick: 140ms;
  --motion-base: 240ms;
  --motion-settle: 420ms;
  --motion-resolve: 1100ms;
  --motion-logoLoop: 7000ms;
  --motion-drift: 44000ms;
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-resolve: quartOut;
  --size-meterTrack: 3px;
  --size-stemRadius: 1.5px;
  --size-stepTrack: 2px;
  --size-dot: 4px;
  --size-switchWidth: 32px;
  --size-switchHeight: 18px;
  --size-switchKnob: 13px;
  --size-switchPad: 2px;
  --size-switchKnobRadius: 2px;
  --size-rowGap: 10px;
  --size-tagPadY: 4px;
  --size-tagPadX: 8px;
  --size-stepGap: 3px;
  --size-asofGap: 6px;
  --size-glyphGlyph: 11px;
  --size-devicePad: 11px;
  --size-homebarMarginY: 9px;
  --size-homebarMarginB: 8px;
  --size-scrollFadeTop: 12px;
  --size-scrollFadeBottom: 4px;
  --size-homebarWidth: 110px;
  --size-homebarHeight: 4.5px;
  --size-logoMark: 64px;
  --size-logoTile: 44px;
  --size-glyphTile: 24px;
  --size-iconTile: 28px;
  --size-markTile: 36px;
  --size-scrollFade: 12px;
  --size-controlPadY: 13px;
  --size-inputPadY: 8px;
  --size-inputPadX: 10px;
  --size-islandTop: 11px;
  --offset-rise: 16px;
  --offset-sheet: 26px;
  --offset-view: 7px;
  --offset-lift: 5px;
  --offset-blur: 4px;
  --material-blur: 24px;
  --material-saturation: 1.8;
  --material-blur-page: 32px;
  --shadow-plane: inset 0 1px 0 var(--material-specular), inset 0 -1px 0 var(--material-underglow);
  --shadow-planeFloating: inset 0 1px 0 var(--material-specular), inset 0 -1px 0 var(--material-underglow), 0 18px 48px var(--material-shadow);
  --shadow-device: inset 0 1px 0 var(--device-rimInset), 0 44px 90px var(--device-shadowKey), 0 6px 20px var(--device-shadowContact);
  --device-shell: linear-gradient(160deg, #3A3D4E, #15161F 42%, #0C0D14);
  --device-rim: rgba(255,255,255,0.24);
  --device-width: 312px;
  --island-w: 86px;
  --island-h: 25px;
  --device-islandFill: #000000;
  --device-maskStencil: #000000;
  --screen-warm: rgba(255,158,74,0.62);
  --screen-cool: rgba(107,78,158,0.72);
  --screen-bloom: rgba(255,107,91,0.34);
  --gradient-mark: linear-gradient(160deg, #FFC46B, #FF7A5B, #FF6B5B);
  --gradient-meterGood: linear-gradient(160deg, #FFC46B, #7DE2B0);
  --gradient-meterData: linear-gradient(160deg, #FFC46B, #FF8A5B);
  --gradient-brand: var(--gradient-mark);
  --logo-mark: url("../assets/logo-sunrise.svg");
  --logo-mark-mono: url("../assets/logo-sunrise-mono.svg");
  --logo-mark-animated: url("../assets/logo-sunrise-animated.svg");
}

@media (prefers-color-scheme: light) {
  :root {
    --ink-primary: #17171E;
    --ink-secondary: rgba(23,23,30,0.64);
    --ink-muted: rgba(23,23,30,0.42);
    --ink-onGlass: #17171E;
    --ink-onGlassSecondary: rgba(23,23,30,0.62);
    --ink-onGlassMuted: rgba(23,23,30,0.46);
    --ink-inverted: #F7F5F2;
    --surface-ground: #EDF0F8;
    --surface-ground2: #E3E8F4;
    --surface-sunk: rgba(16,20,40,0.045);
    --surface-inverted: #17171E;
    --surface-screen: #07080E;
    --surface-screenTop: #191A2B;
    --field-warm: #FF9E4A;
    --field-warmAlpha: 0.4;
    --field-cool: #6B4E9E;
    --field-coolAlpha: 0.34;
    --field-bloom: #FF6B5B;
    --field-bloomAlpha: 0.18;
    --field-grainAlpha: 0.32;
    --field-vignette: rgba(38,44,78,0.18);
    --material-fillFrom: rgba(255,255,255,0.70);
    --material-fillTo: rgba(255,255,255,0.40);
    --material-rim: rgba(255,255,255,0.90);
    --material-specular: rgba(255,255,255,1);
    --material-underglow: rgba(16,20,40,0.045);
    --material-shadow: rgba(38,44,78,0.13);
    --material-refractWarm: rgba(255,158,74,0.14);
    --material-refractCool: rgba(107,78,158,0.12);
    --line-hairline: rgba(23,23,30,0.10);
    --line-hairlineStrong: rgba(23,23,30,0.17);
    --line-hairlineOnGlass: rgba(23,23,30,0.12);
    --line-rimAlert: rgba(180,118,26,0.45);
    --state-hover: rgba(16,20,40,0.05);
    --state-active: rgba(16,20,40,0.09);
    --state-emphasis: rgba(16,20,40,0.06);
    --state-selected: rgba(18,164,107,0.13);
    --state-disabled: rgba(16,20,40,0.08);
    --state-disabledInk: rgba(23,23,30,0.38);
    --state-controlFill: rgba(16,20,40,0.07);
    --state-controlHover: rgba(16,20,40,0.13);
    --state-controlRim: rgba(23,23,30,0.17);
    --state-trackFill: rgba(16,20,40,0.12);
    --state-stepTrack: rgba(16,20,40,0.16);
    --state-ring: rgba(23,23,30,0.45);
    --state-glyphFill: rgba(16,20,40,0.06);
    --state-glyphRim: rgba(16,20,40,0.12);
    --state-switchOn: rgba(18,164,107,0.26);
    --state-switchOnRim: rgba(18,164,107,0.46);
    --state-inputFill: rgba(16,20,40,0.05);
    --device-rimInset: rgba(255,255,255,0.30);
    --device-shadowKey: rgba(38,44,78,0.28);
    --device-shadowContact: rgba(38,44,78,0.18);
    --device-screenInset: rgba(255,255,255,0.07);
    --device-homebar: rgba(255,255,255,0.35);
    --device-screenWarmAlpha: 0.62;
    --device-screenCoolAlpha: 0.72;
    --device-screenBloomAlpha: 0.34;
    --status-good: #12A46B;
    --status-over: #D9503C;
    --status-thin: #B4761A;
    --status-goodTint: rgba(18,164,107,0.14);
    --status-goodRim: rgba(18,164,107,0.30);
    --status-thinTint: rgba(180,118,26,0.14);
    --status-thinRim: rgba(180,118,26,0.32);
    --status-overTint: rgba(217,80,60,0.14);
    --status-overRim: rgba(217,80,60,0.30);
    --status-neutralTint: rgba(16,20,40,0.06);
    --status-neutralRim: rgba(16,20,40,0.14);
    --data-seq1: #C67A12;
    --data-seq2: #C2542A;
    --data-seq3: #A83B3B;
    --field-warmRgb: 255,158,74;
    --field-coolRgb: 107,78,158;
    --field-bloomRgb: 255,107,91;
  }
}

:root[data-theme="dark"] {
  --ink-primary: #F7F5F2;
  --ink-secondary: rgba(247,245,242,0.62);
  --ink-muted: rgba(247,245,242,0.38);
  --ink-onGlass: #FFFFFF;
  --ink-onGlassSecondary: rgba(255,255,255,0.56);
  --ink-onGlassMuted: rgba(255,255,255,0.44);
  --ink-inverted: #14151E;
  --surface-ground: #0A0B14;
  --surface-ground2: #12131F;
  --surface-sunk: rgba(255,255,255,0.05);
  --surface-inverted: rgba(255,255,255,0.92);
  --surface-screen: #07080E;
  --surface-screenTop: #191A2B;
  --field-warm: #FF9E4A;
  --field-warmAlpha: 0.26;
  --field-cool: #6B4E9E;
  --field-coolAlpha: 0.3;
  --field-bloom: #FF6B5B;
  --field-bloomAlpha: 0.14;
  --field-grainAlpha: 0.32;
  --field-vignette: rgba(4,5,10,0.55);
  --material-fillFrom: rgba(255,255,255,0.16);
  --material-fillTo: rgba(255,255,255,0.055);
  --material-rim: rgba(255,255,255,0.24);
  --material-specular: rgba(255,255,255,0.36);
  --material-underglow: rgba(255,255,255,0.05);
  --material-shadow: rgba(0,0,0,0.38);
  --material-refractWarm: rgba(255,158,74,0.10);
  --material-refractCool: rgba(107,78,158,0.10);
  --line-hairline: rgba(255,255,255,0.09);
  --line-hairlineStrong: rgba(255,255,255,0.16);
  --line-hairlineOnGlass: rgba(255,255,255,0.13);
  --line-rimAlert: rgba(255,196,107,0.40);
  --state-hover: rgba(255,255,255,0.06);
  --state-active: rgba(255,255,255,0.10);
  --state-emphasis: rgba(255,255,255,0.10);
  --state-selected: rgba(125,226,176,0.14);
  --state-disabled: rgba(255,255,255,0.12);
  --state-disabledInk: rgba(255,255,255,0.40);
  --state-controlFill: rgba(255,255,255,0.12);
  --state-controlHover: rgba(255,255,255,0.20);
  --state-controlRim: rgba(255,255,255,0.20);
  --state-trackFill: rgba(255,255,255,0.14);
  --state-stepTrack: rgba(255,255,255,0.18);
  --state-ring: rgba(255,255,255,0.55);
  --state-glyphFill: rgba(255,255,255,0.11);
  --state-glyphRim: rgba(255,255,255,0.16);
  --state-switchOn: rgba(125,226,176,0.30);
  --state-switchOnRim: rgba(125,226,176,0.50);
  --state-inputFill: rgba(255,255,255,0.08);
  --device-rimInset: rgba(255,255,255,0.30);
  --device-shadowKey: rgba(0,0,0,0.50);
  --device-shadowContact: rgba(0,0,0,0.30);
  --device-screenInset: rgba(255,255,255,0.07);
  --device-homebar: rgba(255,255,255,0.35);
  --device-screenWarmAlpha: 0.62;
  --device-screenCoolAlpha: 0.72;
  --device-screenBloomAlpha: 0.34;
  --status-good: #7DE2B0;
  --status-over: #FF8A7A;
  --status-thin: #FFC46B;
  --status-goodTint: rgba(125,226,176,0.17);
  --status-goodRim: rgba(125,226,176,0.32);
  --status-thinTint: rgba(255,196,107,0.17);
  --status-thinRim: rgba(255,196,107,0.34);
  --status-overTint: rgba(255,138,122,0.17);
  --status-overRim: rgba(255,138,122,0.32);
  --status-neutralTint: rgba(255,255,255,0.11);
  --status-neutralRim: rgba(255,255,255,0.16);
  --data-seq1: #FFC46B;
  --data-seq2: #FF8A5B;
  --data-seq3: #E4685F;
  --field-warmRgb: 255,158,74;
  --field-coolRgb: 107,78,158;
  --field-bloomRgb: 255,107,91;
}

:root[data-theme="light"] {
  --ink-primary: #17171E;
  --ink-secondary: rgba(23,23,30,0.64);
  --ink-muted: rgba(23,23,30,0.42);
  --ink-onGlass: #17171E;
  --ink-onGlassSecondary: rgba(23,23,30,0.62);
  --ink-onGlassMuted: rgba(23,23,30,0.46);
  --ink-inverted: #F7F5F2;
  --surface-ground: #EDF0F8;
  --surface-ground2: #E3E8F4;
  --surface-sunk: rgba(16,20,40,0.045);
  --surface-inverted: #17171E;
  --surface-screen: #07080E;
  --surface-screenTop: #191A2B;
  --field-warm: #FF9E4A;
  --field-warmAlpha: 0.4;
  --field-cool: #6B4E9E;
  --field-coolAlpha: 0.34;
  --field-bloom: #FF6B5B;
  --field-bloomAlpha: 0.18;
  --field-grainAlpha: 0.32;
  --field-vignette: rgba(38,44,78,0.18);
  --material-fillFrom: rgba(255,255,255,0.70);
  --material-fillTo: rgba(255,255,255,0.40);
  --material-rim: rgba(255,255,255,0.90);
  --material-specular: rgba(255,255,255,1);
  --material-underglow: rgba(16,20,40,0.045);
  --material-shadow: rgba(38,44,78,0.13);
  --material-refractWarm: rgba(255,158,74,0.14);
  --material-refractCool: rgba(107,78,158,0.12);
  --line-hairline: rgba(23,23,30,0.10);
  --line-hairlineStrong: rgba(23,23,30,0.17);
  --line-hairlineOnGlass: rgba(23,23,30,0.12);
  --line-rimAlert: rgba(180,118,26,0.45);
  --state-hover: rgba(16,20,40,0.05);
  --state-active: rgba(16,20,40,0.09);
  --state-emphasis: rgba(16,20,40,0.06);
  --state-selected: rgba(18,164,107,0.13);
  --state-disabled: rgba(16,20,40,0.08);
  --state-disabledInk: rgba(23,23,30,0.38);
  --state-controlFill: rgba(16,20,40,0.07);
  --state-controlHover: rgba(16,20,40,0.13);
  --state-controlRim: rgba(23,23,30,0.17);
  --state-trackFill: rgba(16,20,40,0.12);
  --state-stepTrack: rgba(16,20,40,0.16);
  --state-ring: rgba(23,23,30,0.45);
  --state-glyphFill: rgba(16,20,40,0.06);
  --state-glyphRim: rgba(16,20,40,0.12);
  --state-switchOn: rgba(18,164,107,0.26);
  --state-switchOnRim: rgba(18,164,107,0.46);
  --state-inputFill: rgba(16,20,40,0.05);
  --device-rimInset: rgba(255,255,255,0.30);
  --device-shadowKey: rgba(38,44,78,0.28);
  --device-shadowContact: rgba(38,44,78,0.18);
  --device-screenInset: rgba(255,255,255,0.07);
  --device-homebar: rgba(255,255,255,0.35);
  --device-screenWarmAlpha: 0.62;
  --device-screenCoolAlpha: 0.72;
  --device-screenBloomAlpha: 0.34;
  --status-good: #12A46B;
  --status-over: #D9503C;
  --status-thin: #B4761A;
  --status-goodTint: rgba(18,164,107,0.14);
  --status-goodRim: rgba(18,164,107,0.30);
  --status-thinTint: rgba(180,118,26,0.14);
  --status-thinRim: rgba(180,118,26,0.32);
  --status-overTint: rgba(217,80,60,0.14);
  --status-overRim: rgba(217,80,60,0.30);
  --status-neutralTint: rgba(16,20,40,0.06);
  --status-neutralRim: rgba(16,20,40,0.14);
  --data-seq1: #C67A12;
  --data-seq2: #C2542A;
  --data-seq3: #A83B3B;
  --field-warmRgb: 255,158,74;
  --field-coolRgb: 107,78,158;
  --field-bloomRgb: 255,107,91;
}