/* HIG Native — generated from tokens.json (read-only copy for the Outbreak Detective mockup) */
:root, [data-theme="light"] {
  --system-red: #ff383c;
  --system-orange: #ff8d28;
  --system-yellow: #ffcc00;
  --system-green: #34c759;
  --system-mint: #00c8b3;
  --system-teal: #00c3d0;
  --system-cyan: #00c0e8;
  --system-blue: #0088ff;
  --system-indigo: #6155f5;
  --system-purple: #cb30e0;
  --system-pink: #ff2d55;
  --system-brown: #ac7f5e;
  --system-gray: #8e8e93;
  --system-gray-2: #aeaeb2;
  --system-gray-3: #c7c7cc;
  --system-gray-4: #d1d1d6;
  --system-gray-5: #e5e5ea;
  --system-gray-6: #f2f2f7;
  --label-primary: #000000;
  --label-secondary: rgba(60, 60, 67, 0.6);
  --label-tertiary: rgba(60, 60, 67, 0.3);
  --label-quaternary: rgba(60, 60, 67, 0.18);
  --label-quinary: rgba(60, 60, 67, 0.09);
  --placeholder-text: var(--label-tertiary);
  --link: var(--accent);
  --separator: rgba(0, 0, 0, 0.12);
  --separator-opaque: #c6c6c8;
  --fill-primary: rgba(120, 120, 120, 0.2);
  --fill-secondary: rgba(120, 120, 128, 0.16);
  --fill-tertiary: rgba(118, 118, 128, 0.12);
  --fill-quaternary: rgba(116, 116, 128, 0.08);
  --fill-quinary: rgba(0, 0, 0, 0.02);
  --background-primary: #ffffff;
  --background-secondary: #f2f2f7;
  --background-tertiary: #ffffff;
  --background-elevated-primary: #ffffff;
  --background-elevated-secondary: #f2f2f7;
  --background-elevated-tertiary: #ffffff;
  --grouped-background-primary: #f2f2f7;
  --grouped-background-secondary: #ffffff;
  --grouped-background-tertiary: #f2f2f7;
  --grouped-background-elevated-primary: #f2f2f7;
  --grouped-background-elevated-secondary: #ffffff;
  --grouped-background-elevated-tertiary: #f2f2f7;
  --vibrant-label-primary: #000000;
  --vibrant-label-secondary: rgba(0, 0, 0, 0.4);
  --vibrant-label-tertiary: rgba(0, 0, 0, 0.251);
  --vibrant-label-quaternary: rgba(0, 0, 0, 0.149);
  --vibrant-fill-primary: rgba(0, 0, 0, 0.2);
  --vibrant-fill-secondary: rgba(0, 0, 0, 0.122);
  --vibrant-fill-tertiary: rgba(0, 0, 0, 0.071);
  --vibrant-separator: rgba(0, 0, 0, 0.098);
  --glass-label-primary: #1a1a1a;
  --glass-label-secondary: #727272;
  --glass-label-tertiary: #bfbfbf;
  --glass-label-quaternary: #d9d9d9;
  --material-ultrathin: rgba(255, 255, 255, 0.03);
  --material-ultrathin-wash: rgba(255, 255, 255, 0.07);
  --material-thin: rgba(255, 255, 255, 0.4);
  --material-thin-wash: rgba(255, 255, 255, 0.05);
  --material-regular: rgba(255, 255, 255, 0.6);
  --material-regular-wash: rgba(255, 255, 255, 0.25);
  --material-thick: rgba(255, 255, 255, 0.84);
  --material-thick-wash: rgba(255, 255, 255, 0.34);
  --glass-regular-tint: rgba(255, 255, 255, 0.7);
  --glass-regular-shade: rgba(191, 191, 191, 0.1);
  --glass-small-fill: rgba(255, 255, 255, 0.519);
  --glass-clear-tint: rgba(248, 248, 248, 0.12);
  --glass-dim: rgba(0, 0, 0, 0.35);
  --glass-inactive: rgba(0, 0, 0, 0.02);
  --pressed-overlay: rgba(0, 0, 0, 0.08);
  --scrim-alert: rgba(41, 41, 58, 0.23);
  --scrim-sheet: rgba(0, 0, 0, 0.2);
  --mac-label-primary: rgba(0, 0, 0, 0.85);
  --mac-label-secondary: rgba(0, 0, 0, 0.5);
  --mac-label-tertiary: rgba(0, 0, 0, 0.25);
  --mac-label-quaternary: rgba(0, 0, 0, 0.1);
  --mac-label-quinary: rgba(0, 0, 0, 0.05);
  --mac-fill-primary: rgba(0, 0, 0, 0.1);
  --mac-fill-secondary: rgba(0, 0, 0, 0.08);
  --mac-fill-tertiary: rgba(0, 0, 0, 0.05);
  --mac-fill-quaternary: rgba(0, 0, 0, 0.03);
  --mac-fill-quinary: rgba(0, 0, 0, 0.02);
  --mac-gray: #8e8e93;
  --mac-window-background: #ffffff;
  --mac-separator: rgba(60, 60, 67, 0.29);
  --mac-track: rgba(0, 0, 0, 0.06);
  --mac-track-border: rgba(0, 0, 0, 0.07);
  --mac-material-ultrathick: rgba(236, 236, 236, 0.88);
  --mac-material-thick: rgba(236, 236, 236, 0.76);
  --mac-material-regular: rgba(236, 236, 236, 0.63);
  --mac-material-thin: rgba(236, 236, 236, 0.5);
  --mac-material-ultrathin: rgba(236, 236, 236, 0.38);
  --accent: var(--system-blue);
  --focus-ring: var(--accent);
  --on-accent: #ffffff;
  --on-media: #ffffff;
  --control-knob: #ffffff;
  --mac-control-knob: #ffffff;
  --white: #ffffff;
  --black: #000000;
  --shadow-glass-small: 0 8px 15px 0 rgba(0, 0, 0, 0.02);
  --shadow-glass: 0 18px 46px 0 rgba(0, 0, 0, 0.25);
  --shadow-glass-highlight: inset 0 2px 0.25px -1.2px rgba(255, 255, 255, 1);
  --shadow-glass-rim: inset 0 -4px 2px -4px #ffffff27, inset 0 4px 8px -4px #ffffff27, inset 0 -1px 1.5px -0.5px #ffffff27, inset 0 1px 1.5px -0.5px #ffffff27;
  --shadow-glass-edge: 0 0 0.3px 0.3px #00000024, -1.25px 0 0 -0.75px #00000040, 1.25px 0 0 -0.75px #00000040;
  --shadow-glass-small-rim: inset -20px 0 20px -30px #00000026, inset 20px 0 20px -30px #00000026, inset 0 -4px 0.5px -4px #ffffff66, inset 0 4px 0.5px -4px #ffffff66, inset 0 -1px 0 0 #ffffff17, inset 0 1px 0 0 #ffffff17, inset 0 40px 30px -40px #00000019, inset 0 -40px 10px -40px #ffffff28, inset 0 40px 10px -40px #ffffff28;
  --shadow-glass-small-edge: 0 0 0 0.5px #00000024, -1.25px 0 0 -0.75px #00000024, 1.25px 0 0 -0.75px #00000024;
  --shadow-glass-clear-rim: inset -20px 0 20px -30px #00000026, inset 20px 0 20px -30px #00000026, inset 0 -4px 0.5px -4px #ffffff66, inset 0 4px 0.5px -4px #ffffff66, inset 0 40px 30px -40px #00000019, inset 0 -1px 0 0 #ffffff33, inset 0 1px 0 0 #ffffff33, inset 0 -40px 20px -40px #ffffff40, inset 0 40px 20px -40px #ffffff40;
  --shadow-glass-clear-edge: 0 0 0 0.5px #00000026, -1.25px 0 0 -0.75px #00000033, 1.25px 0 0 -0.75px #00000033;
  --shadow-glass-tinted-rim: inset 20px 0 20px -30px #00000026, inset -20px 0 20px -30px #00000026, inset 0 -4px 0.5px -4px #ffffff99, inset 0 4px 0.5px -4px #ffffff99, inset 0 -1px 0 0 #ffffff26, inset 0 1px 0 0 #ffffff26, inset 0 -40px 10px -40px #ffffff11, inset 0 40px 10px -40px #ffffff11;
  --shadow-glass-tinted-edge: -1.25px 0 0 -0.75px #00000019, 1.25px 0 0 -0.75px #00000019;
  --shadow-knob: 0 3px 36px 0 rgba(0, 0, 0, 0.05);
  --shadow-segment-knob: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
  --shadow-slider-knob: 0 6px 13px 0 rgba(0, 0, 0, 0.12), 0 0.5px 4px 0 rgba(0, 0, 0, 0.12);
  --shadow-mac-slider-knob: 0 0.5px 6px 0 rgba(0, 0, 0, 0.12);
  --shadow-menu-preview: 0 0 25px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.1);
  --shadow-menu-bar-title: 0 2px 16px 0 rgba(0, 0, 0, 0.083);
  --shadow-mac-window: 0 36px 100px 0 rgba(0, 0, 0, 0.4), 0 0 1px 0 rgba(0, 0, 0, 0.8);
  --shadow-mac-window-inactive: 0 16px 32px 0 rgba(0, 0, 0, 0.2), 0 0 1px 0 rgba(0, 0, 0, 0.8);
  --shadow-mac-menu: 0 4px 24px 0 rgba(0, 0, 0, 0.3), 0 0 0 0.5px rgba(0, 0, 0, 0.2);
  --shadow-mac-notification: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
}
[data-theme="dark"] {
  --system-red: #ff4245;
  --system-orange: #ff9230;
  --system-yellow: #ffd600;
  --system-green: #30d158;
  --system-mint: #00dac3;
  --system-teal: #00d2e0;
  --system-cyan: #3cd3fe;
  --system-blue: #0091ff;
  --system-indigo: #6d7cff;
  --system-purple: #db34f2;
  --system-pink: #ff375f;
  --system-brown: #b78a66;
  --system-gray: #8e8e93;
  --system-gray-2: #636366;
  --system-gray-3: #48484a;
  --system-gray-4: #3a3a3c;
  --system-gray-5: #2c2c2e;
  --system-gray-6: #1c1c1e;
  --label-primary: #ffffff;
  --label-secondary: rgba(235, 235, 245, 0.6);
  --label-tertiary: rgba(235, 235, 245, 0.3);
  --label-quaternary: rgba(235, 235, 245, 0.16);
  --label-quinary: rgba(235, 235, 245, 0.09);
  --placeholder-text: var(--label-tertiary);
  --link: var(--accent);
  --separator: rgba(255, 255, 255, 0.12);
  --separator-opaque: #38383a;
  --fill-primary: rgba(120, 120, 128, 0.36);
  --fill-secondary: rgba(120, 120, 128, 0.32);
  --fill-tertiary: rgba(118, 118, 128, 0.24);
  --fill-quaternary: rgba(118, 118, 128, 0.18);
  --fill-quinary: rgba(118, 118, 128, 0.02);
  --background-primary: #000000;
  --background-secondary: #1c1c1e;
  --background-tertiary: #2c2c2e;
  --background-elevated-primary: #1c1c1e;
  --background-elevated-secondary: #2c2c2e;
  --background-elevated-tertiary: #3a3a3c;
  --grouped-background-primary: #000000;
  --grouped-background-secondary: #1c1c1e;
  --grouped-background-tertiary: #2c2c2e;
  --grouped-background-elevated-primary: #1c1c1e;
  --grouped-background-elevated-secondary: #2c2c2e;
  --grouped-background-elevated-tertiary: #3a3a3c;
  --vibrant-label-primary: #ffffff;
  --vibrant-label-secondary: rgba(255, 255, 255, 0.6);
  --vibrant-label-tertiary: rgba(255, 255, 255, 0.251);
  --vibrant-label-quaternary: rgba(255, 255, 255, 0.149);
  --vibrant-fill-primary: rgba(255, 255, 255, 0.2);
  --vibrant-fill-secondary: rgba(255, 255, 255, 0.122);
  --vibrant-fill-tertiary: rgba(255, 255, 255, 0.071);
  --vibrant-separator: rgba(255, 255, 255, 0.102);
  --glass-label-primary: #ededed;
  --glass-label-secondary: #8a8a8a;
  --glass-label-tertiary: #404040;
  --glass-label-quaternary: #262626;
  --material-ultrathin: #00000000;
  --material-ultrathin-wash: #00000000;
  --material-thin: rgba(0, 0, 0, 0.26);
  --material-thin-wash: #00000000;
  --material-regular: rgba(0, 0, 0, 0.41);
  --material-regular-wash: #00000000;
  --material-thick: rgba(0, 0, 0, 0.6);
  --material-thick-wash: #00000000;
  --glass-regular-tint: rgba(26, 26, 26, 0.5);
  --glass-regular-shade: rgba(26, 26, 26, 0.9);
  --glass-small-fill: rgba(153, 153, 153, 0.17);
  --glass-clear-tint: rgba(248, 248, 248, 0.12);
  --glass-dim: rgba(0, 0, 0, 0.35);
  --glass-inactive: rgba(118, 118, 128, 0.24);
  --pressed-overlay: rgba(255, 255, 255, 0.08);
  --scrim-alert: rgba(18, 18, 18, 0.56);
  --scrim-sheet: rgba(0, 0, 0, 0.48);
  --mac-label-primary: #ffffff;
  --mac-label-secondary: rgba(255, 255, 255, 0.55);
  --mac-label-tertiary: rgba(255, 255, 255, 0.25);
  --mac-label-quaternary: rgba(255, 255, 255, 0.1);
  --mac-label-quinary: rgba(255, 255, 255, 0.05);
  --mac-fill-primary: rgba(255, 255, 255, 0.1);
  --mac-fill-secondary: rgba(255, 255, 255, 0.08);
  --mac-fill-tertiary: rgba(255, 255, 255, 0.05);
  --mac-fill-quaternary: rgba(255, 255, 255, 0.03);
  --mac-fill-quinary: rgba(255, 255, 255, 0.02);
  --mac-gray: #98989d;
  --mac-window-background: #1e1e1e;
  --mac-separator: var(--separator);
  --mac-track: rgba(255, 255, 255, 0.08);
  --mac-track-border: rgba(255, 255, 255, 0.04);
  --mac-material-ultrathick: rgba(44, 44, 44, 0.82);
  --mac-material-thick: rgba(44, 44, 44, 0.71);
  --mac-material-regular: rgba(44, 44, 44, 0.61);
  --mac-material-thin: rgba(41, 41, 41, 0.49);
  --mac-material-ultrathin: rgba(41, 41, 41, 0.4);
  --accent: var(--system-blue);
  --focus-ring: var(--accent);
  --on-accent: #ffffff;
  --on-media: #ffffff;
  --control-knob: #ffffff;
  --mac-control-knob: rgba(255, 255, 255, 0.85);
  --white: #ffffff;
  --black: #000000;
  --shadow-glass-small: 0 8px 15px 0 rgba(0, 0, 0, 0.04);
  --shadow-glass: 0 18px 48px 0 rgba(0, 0, 0, 0.45);
  --shadow-glass-highlight: inset 0 2px 0.2px -1.2px rgba(255, 255, 255, 0.2);
  --shadow-glass-rim: inset 0 -4px 8px -4px #ffffff22, inset 0 4px 8px -4px #ffffff22, inset 0 -1px 1.5px -0.5px #ffffff40, inset 0 1px 1.5px -0.5px #ffffff40;
  --shadow-glass-edge: 0 0 0.3px 0.3px #00000080, -1.25px 0 0 -0.75px #00000040, 1.25px 0 0 -0.75px #00000040;
  --shadow-glass-small-rim: inset 20px 0 20px -30px #0000004d, inset -20px 0 20px -30px #0000004d, inset 0 -4px 0.5px -4px #ffffff66, inset 0 4px 0.5px -4px #ffffff66, inset 0 -1px 0 0 #ffffff17, inset 0 1px 0 0 #ffffff17, inset 0 -40px 10px -40px #ffffff1a, inset 0 40px 10px -40px #ffffff1a;
  --shadow-glass-small-edge: 0 0 0 0.5px #00000040, -1.25px 0 0 -0.75px #00000040, 1.25px 0 0 -0.75px #00000040;
  --shadow-glass-clear-rim: inset -20px 0 20px -30px #00000026, inset 20px 0 20px -30px #00000026, inset 0 -4px 0.5px -4px #ffffff66, inset 0 4px 0.5px -4px #ffffff66, inset 0 40px 30px -40px #00000019, inset 0 -1px 0 0 #ffffff33, inset 0 1px 0 0 #ffffff33, inset 0 -40px 20px -40px #ffffff40, inset 0 40px 20px -40px #ffffff40;
  --shadow-glass-clear-edge: 0 0 0 0.5px #00000026, -1.25px 0 0 -0.75px #00000033, 1.25px 0 0 -0.75px #00000033;
  --shadow-glass-tinted-rim: inset 20px 0 20px -30px #00000026, inset -20px 0 20px -30px #00000026, inset 0 -4px 0.5px -4px #ffffff99, inset 0 4px 0.5px -4px #ffffff99, inset 0 -1px 0 0 #ffffff26, inset 0 1px 0 0 #ffffff26, inset 0 -40px 10px -40px #ffffff11, inset 0 40px 10px -40px #ffffff11;
  --shadow-glass-tinted-edge: -1.25px 0 0 -0.75px #00000019, 1.25px 0 0 -0.75px #00000019;
  --shadow-knob: 0 3px 36px 0 rgba(0, 0, 0, 0.05);
  --shadow-segment-knob: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
  --shadow-slider-knob: 0 6px 13px 0 rgba(0, 0, 0, 0.12), 0 0.5px 4px 0 rgba(0, 0, 0, 0.12);
  --shadow-mac-slider-knob: 0 0.5px 6px 0 rgba(0, 0, 0, 0.12);
  --shadow-menu-preview: 0 0 25px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.1);
  --shadow-menu-bar-title: 0 2px 16px 0 rgba(0, 0, 0, 0.083);
  --shadow-mac-window: 0 36px 100px 0 rgba(0, 0, 0, 0.4), 0 0 1px 0 rgba(0, 0, 0, 0.8);
  --shadow-mac-window-inactive: 0 16px 32px 0 rgba(0, 0, 0, 0.2), 0 0 1px 0 rgba(0, 0, 0, 0.8);
  --shadow-mac-menu: 0 4px 24px 0 rgba(0, 0, 0, 0.3), 0 0 0 0.5px rgba(0, 0, 0, 0.8);
  --shadow-mac-notification: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
}
[data-theme="light-hc"] {
  --system-red: #e9152d;
  --system-orange: #c55300;
  --system-yellow: #a16a00;
  --system-green: #008932;
  --system-mint: #008575;
  --system-teal: #008198;
  --system-cyan: #007eae;
  --system-blue: #1e6ef4;
  --system-indigo: #564ade;
  --system-purple: #b02fc2;
  --system-pink: #e7124d;
  --system-brown: #956d51;
  --system-gray: #6c6c70;
  --system-gray-2: #8e8e93;
  --system-gray-3: #aeaeb2;
  --system-gray-4: #bcbcc0;
  --system-gray-5: #d8d8dc;
  --system-gray-6: #ebebf0;
  --label-primary: #000000;
  --label-secondary: rgba(60, 60, 67, 0.6);
  --label-tertiary: rgba(60, 60, 67, 0.3);
  --label-quaternary: rgba(60, 60, 67, 0.18);
  --label-quinary: rgba(60, 60, 67, 0.09);
  --placeholder-text: var(--label-tertiary);
  --link: var(--accent);
  --separator: rgba(0, 0, 0, 0.12);
  --separator-opaque: #c6c6c8;
  --fill-primary: rgba(120, 120, 120, 0.2);
  --fill-secondary: rgba(120, 120, 128, 0.16);
  --fill-tertiary: rgba(118, 118, 128, 0.12);
  --fill-quaternary: rgba(116, 116, 128, 0.08);
  --fill-quinary: rgba(0, 0, 0, 0.02);
  --background-primary: #ffffff;
  --background-secondary: #f2f2f7;
  --background-tertiary: #ffffff;
  --background-elevated-primary: #ffffff;
  --background-elevated-secondary: #f2f2f7;
  --background-elevated-tertiary: #ffffff;
  --grouped-background-primary: #f2f2f7;
  --grouped-background-secondary: #ffffff;
  --grouped-background-tertiary: #f2f2f7;
  --grouped-background-elevated-primary: #f2f2f7;
  --grouped-background-elevated-secondary: #ffffff;
  --grouped-background-elevated-tertiary: #f2f2f7;
  --vibrant-label-primary: #000000;
  --vibrant-label-secondary: rgba(0, 0, 0, 0.4);
  --vibrant-label-tertiary: rgba(0, 0, 0, 0.251);
  --vibrant-label-quaternary: rgba(0, 0, 0, 0.149);
  --vibrant-fill-primary: rgba(0, 0, 0, 0.2);
  --vibrant-fill-secondary: rgba(0, 0, 0, 0.122);
  --vibrant-fill-tertiary: rgba(0, 0, 0, 0.071);
  --vibrant-separator: rgba(0, 0, 0, 0.098);
  --glass-label-primary: #1a1a1a;
  --glass-label-secondary: #727272;
  --glass-label-tertiary: #bfbfbf;
  --glass-label-quaternary: #d9d9d9;
  --material-ultrathin: rgba(255, 255, 255, 0.03);
  --material-ultrathin-wash: rgba(255, 255, 255, 0.07);
  --material-thin: rgba(255, 255, 255, 0.4);
  --material-thin-wash: rgba(255, 255, 255, 0.05);
  --material-regular: rgba(255, 255, 255, 0.6);
  --material-regular-wash: rgba(255, 255, 255, 0.25);
  --material-thick: rgba(255, 255, 255, 0.84);
  --material-thick-wash: rgba(255, 255, 255, 0.34);
  --glass-regular-tint: rgba(255, 255, 255, 0.7);
  --glass-regular-shade: rgba(191, 191, 191, 0.1);
  --glass-small-fill: rgba(255, 255, 255, 0.519);
  --glass-clear-tint: rgba(248, 248, 248, 0.12);
  --glass-dim: rgba(0, 0, 0, 0.35);
  --glass-inactive: rgba(0, 0, 0, 0.02);
  --pressed-overlay: rgba(0, 0, 0, 0.08);
  --scrim-alert: rgba(41, 41, 58, 0.23);
  --scrim-sheet: rgba(0, 0, 0, 0.2);
  --mac-label-primary: rgba(0, 0, 0, 0.85);
  --mac-label-secondary: rgba(0, 0, 0, 0.5);
  --mac-label-tertiary: rgba(0, 0, 0, 0.25);
  --mac-label-quaternary: rgba(0, 0, 0, 0.1);
  --mac-label-quinary: rgba(0, 0, 0, 0.05);
  --mac-fill-primary: rgba(0, 0, 0, 0.1);
  --mac-fill-secondary: rgba(0, 0, 0, 0.08);
  --mac-fill-tertiary: rgba(0, 0, 0, 0.05);
  --mac-fill-quaternary: rgba(0, 0, 0, 0.03);
  --mac-fill-quinary: rgba(0, 0, 0, 0.02);
  --mac-gray: #8e8e93;
  --mac-window-background: #ffffff;
  --mac-separator: rgba(60, 60, 67, 0.29);
  --mac-track: rgba(0, 0, 0, 0.06);
  --mac-track-border: rgba(0, 0, 0, 0.07);
  --mac-material-ultrathick: rgba(236, 236, 236, 0.88);
  --mac-material-thick: rgba(236, 236, 236, 0.76);
  --mac-material-regular: rgba(236, 236, 236, 0.63);
  --mac-material-thin: rgba(236, 236, 236, 0.5);
  --mac-material-ultrathin: rgba(236, 236, 236, 0.38);
  --accent: var(--system-blue);
  --focus-ring: var(--accent);
  --on-accent: #ffffff;
  --on-media: #ffffff;
  --control-knob: #ffffff;
  --mac-control-knob: #ffffff;
  --white: #ffffff;
  --black: #000000;
  --shadow-glass-small: 0 8px 15px 0 rgba(0, 0, 0, 0.02);
  --shadow-glass: 0 18px 46px 0 rgba(0, 0, 0, 0.25);
  --shadow-glass-highlight: inset 0 2px 0.25px -1.2px rgba(255, 255, 255, 1);
  --shadow-glass-rim: inset 0 -4px 2px -4px #ffffff27, inset 0 4px 8px -4px #ffffff27, inset 0 -1px 1.5px -0.5px #ffffff27, inset 0 1px 1.5px -0.5px #ffffff27;
  --shadow-glass-edge: 0 0 0.3px 0.3px #00000024, -1.25px 0 0 -0.75px #00000040, 1.25px 0 0 -0.75px #00000040;
  --shadow-glass-small-rim: inset -20px 0 20px -30px #00000026, inset 20px 0 20px -30px #00000026, inset 0 -4px 0.5px -4px #ffffff66, inset 0 4px 0.5px -4px #ffffff66, inset 0 -1px 0 0 #ffffff17, inset 0 1px 0 0 #ffffff17, inset 0 40px 30px -40px #00000019, inset 0 -40px 10px -40px #ffffff28, inset 0 40px 10px -40px #ffffff28;
  --shadow-glass-small-edge: 0 0 0 0.5px #00000024, -1.25px 0 0 -0.75px #00000024, 1.25px 0 0 -0.75px #00000024;
  --shadow-glass-clear-rim: inset -20px 0 20px -30px #00000026, inset 20px 0 20px -30px #00000026, inset 0 -4px 0.5px -4px #ffffff66, inset 0 4px 0.5px -4px #ffffff66, inset 0 40px 30px -40px #00000019, inset 0 -1px 0 0 #ffffff33, inset 0 1px 0 0 #ffffff33, inset 0 -40px 20px -40px #ffffff40, inset 0 40px 20px -40px #ffffff40;
  --shadow-glass-clear-edge: 0 0 0 0.5px #00000026, -1.25px 0 0 -0.75px #00000033, 1.25px 0 0 -0.75px #00000033;
  --shadow-glass-tinted-rim: inset 20px 0 20px -30px #00000026, inset -20px 0 20px -30px #00000026, inset 0 -4px 0.5px -4px #ffffff99, inset 0 4px 0.5px -4px #ffffff99, inset 0 -1px 0 0 #ffffff26, inset 0 1px 0 0 #ffffff26, inset 0 -40px 10px -40px #ffffff11, inset 0 40px 10px -40px #ffffff11;
  --shadow-glass-tinted-edge: -1.25px 0 0 -0.75px #00000019, 1.25px 0 0 -0.75px #00000019;
  --shadow-knob: 0 3px 36px 0 rgba(0, 0, 0, 0.05);
  --shadow-segment-knob: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
  --shadow-slider-knob: 0 6px 13px 0 rgba(0, 0, 0, 0.12), 0 0.5px 4px 0 rgba(0, 0, 0, 0.12);
  --shadow-mac-slider-knob: 0 0.5px 6px 0 rgba(0, 0, 0, 0.12);
  --shadow-menu-preview: 0 0 25px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.1);
  --shadow-menu-bar-title: 0 2px 16px 0 rgba(0, 0, 0, 0.083);
  --shadow-mac-window: 0 36px 100px 0 rgba(0, 0, 0, 0.4), 0 0 1px 0 rgba(0, 0, 0, 0.8);
  --shadow-mac-window-inactive: 0 16px 32px 0 rgba(0, 0, 0, 0.2), 0 0 1px 0 rgba(0, 0, 0, 0.8);
  --shadow-mac-menu: 0 4px 24px 0 rgba(0, 0, 0, 0.3), 0 0 0 0.5px rgba(0, 0, 0, 0.2);
  --shadow-mac-notification: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
}
[data-theme="dark-hc"] {
  --system-red: #ff6165;
  --system-orange: #ffa056;
  --system-yellow: #fedf43;
  --system-green: #4ad968;
  --system-mint: #54dfcb;
  --system-teal: #3bddec;
  --system-cyan: #6dd9ff;
  --system-blue: #5cb8ff;
  --system-indigo: #a7aaff;
  --system-purple: #ea8dff;
  --system-pink: #ff8ac4;
  --system-brown: #dba679;
  --system-gray: #aeaeb2;
  --system-gray-2: #7c7c80;
  --system-gray-3: #545456;
  --system-gray-4: #444446;
  --system-gray-5: #363638;
  --system-gray-6: #242426;
  --label-primary: #ffffff;
  --label-secondary: rgba(235, 235, 245, 0.6);
  --label-tertiary: rgba(235, 235, 245, 0.3);
  --label-quaternary: rgba(235, 235, 245, 0.16);
  --label-quinary: rgba(235, 235, 245, 0.09);
  --placeholder-text: var(--label-tertiary);
  --link: var(--accent);
  --separator: rgba(255, 255, 255, 0.12);
  --separator-opaque: #38383a;
  --fill-primary: rgba(120, 120, 128, 0.36);
  --fill-secondary: rgba(120, 120, 128, 0.32);
  --fill-tertiary: rgba(118, 118, 128, 0.24);
  --fill-quaternary: rgba(118, 118, 128, 0.18);
  --fill-quinary: rgba(118, 118, 128, 0.02);
  --background-primary: #000000;
  --background-secondary: #1c1c1e;
  --background-tertiary: #2c2c2e;
  --background-elevated-primary: #1c1c1e;
  --background-elevated-secondary: #2c2c2e;
  --background-elevated-tertiary: #3a3a3c;
  --grouped-background-primary: #000000;
  --grouped-background-secondary: #1c1c1e;
  --grouped-background-tertiary: #2c2c2e;
  --grouped-background-elevated-primary: #1c1c1e;
  --grouped-background-elevated-secondary: #2c2c2e;
  --grouped-background-elevated-tertiary: #3a3a3c;
  --vibrant-label-primary: #ffffff;
  --vibrant-label-secondary: rgba(255, 255, 255, 0.6);
  --vibrant-label-tertiary: rgba(255, 255, 255, 0.251);
  --vibrant-label-quaternary: rgba(255, 255, 255, 0.149);
  --vibrant-fill-primary: rgba(255, 255, 255, 0.2);
  --vibrant-fill-secondary: rgba(255, 255, 255, 0.122);
  --vibrant-fill-tertiary: rgba(255, 255, 255, 0.071);
  --vibrant-separator: rgba(255, 255, 255, 0.102);
  --glass-label-primary: #ededed;
  --glass-label-secondary: #8a8a8a;
  --glass-label-tertiary: #404040;
  --glass-label-quaternary: #262626;
  --material-ultrathin: #00000000;
  --material-ultrathin-wash: #00000000;
  --material-thin: rgba(0, 0, 0, 0.26);
  --material-thin-wash: #00000000;
  --material-regular: rgba(0, 0, 0, 0.41);
  --material-regular-wash: #00000000;
  --material-thick: rgba(0, 0, 0, 0.6);
  --material-thick-wash: #00000000;
  --glass-regular-tint: rgba(26, 26, 26, 0.5);
  --glass-regular-shade: rgba(26, 26, 26, 0.9);
  --glass-small-fill: rgba(153, 153, 153, 0.17);
  --glass-clear-tint: rgba(248, 248, 248, 0.12);
  --glass-dim: rgba(0, 0, 0, 0.35);
  --glass-inactive: rgba(118, 118, 128, 0.24);
  --pressed-overlay: rgba(255, 255, 255, 0.08);
  --scrim-alert: rgba(18, 18, 18, 0.56);
  --scrim-sheet: rgba(0, 0, 0, 0.48);
  --mac-label-primary: #ffffff;
  --mac-label-secondary: rgba(255, 255, 255, 0.55);
  --mac-label-tertiary: rgba(255, 255, 255, 0.25);
  --mac-label-quaternary: rgba(255, 255, 255, 0.1);
  --mac-label-quinary: rgba(255, 255, 255, 0.05);
  --mac-fill-primary: rgba(255, 255, 255, 0.1);
  --mac-fill-secondary: rgba(255, 255, 255, 0.08);
  --mac-fill-tertiary: rgba(255, 255, 255, 0.05);
  --mac-fill-quaternary: rgba(255, 255, 255, 0.03);
  --mac-fill-quinary: rgba(255, 255, 255, 0.02);
  --mac-gray: #98989d;
  --mac-window-background: #1e1e1e;
  --mac-separator: var(--separator);
  --mac-track: rgba(255, 255, 255, 0.08);
  --mac-track-border: rgba(255, 255, 255, 0.04);
  --mac-material-ultrathick: rgba(44, 44, 44, 0.82);
  --mac-material-thick: rgba(44, 44, 44, 0.71);
  --mac-material-regular: rgba(44, 44, 44, 0.61);
  --mac-material-thin: rgba(41, 41, 41, 0.49);
  --mac-material-ultrathin: rgba(41, 41, 41, 0.4);
  --accent: var(--system-blue);
  --focus-ring: var(--accent);
  --on-accent: #000000;
  --on-media: #ffffff;
  --control-knob: #ffffff;
  --mac-control-knob: rgba(255, 255, 255, 0.85);
  --white: #ffffff;
  --black: #000000;
  --shadow-glass-small: 0 8px 15px 0 rgba(0, 0, 0, 0.04);
  --shadow-glass: 0 18px 48px 0 rgba(0, 0, 0, 0.45);
  --shadow-glass-highlight: inset 0 2px 0.2px -1.2px rgba(255, 255, 255, 0.2);
  --shadow-glass-rim: inset 0 -4px 8px -4px #ffffff22, inset 0 4px 8px -4px #ffffff22, inset 0 -1px 1.5px -0.5px #ffffff40, inset 0 1px 1.5px -0.5px #ffffff40;
  --shadow-glass-edge: 0 0 0.3px 0.3px #00000080, -1.25px 0 0 -0.75px #00000040, 1.25px 0 0 -0.75px #00000040;
  --shadow-glass-small-rim: inset 20px 0 20px -30px #0000004d, inset -20px 0 20px -30px #0000004d, inset 0 -4px 0.5px -4px #ffffff66, inset 0 4px 0.5px -4px #ffffff66, inset 0 -1px 0 0 #ffffff17, inset 0 1px 0 0 #ffffff17, inset 0 -40px 10px -40px #ffffff1a, inset 0 40px 10px -40px #ffffff1a;
  --shadow-glass-small-edge: 0 0 0 0.5px #00000040, -1.25px 0 0 -0.75px #00000040, 1.25px 0 0 -0.75px #00000040;
  --shadow-glass-clear-rim: inset -20px 0 20px -30px #00000026, inset 20px 0 20px -30px #00000026, inset 0 -4px 0.5px -4px #ffffff66, inset 0 4px 0.5px -4px #ffffff66, inset 0 40px 30px -40px #00000019, inset 0 -1px 0 0 #ffffff33, inset 0 1px 0 0 #ffffff33, inset 0 -40px 20px -40px #ffffff40, inset 0 40px 20px -40px #ffffff40;
  --shadow-glass-clear-edge: 0 0 0 0.5px #00000026, -1.25px 0 0 -0.75px #00000033, 1.25px 0 0 -0.75px #00000033;
  --shadow-glass-tinted-rim: inset 20px 0 20px -30px #00000026, inset -20px 0 20px -30px #00000026, inset 0 -4px 0.5px -4px #ffffff99, inset 0 4px 0.5px -4px #ffffff99, inset 0 -1px 0 0 #ffffff26, inset 0 1px 0 0 #ffffff26, inset 0 -40px 10px -40px #ffffff11, inset 0 40px 10px -40px #ffffff11;
  --shadow-glass-tinted-edge: -1.25px 0 0 -0.75px #00000019, 1.25px 0 0 -0.75px #00000019;
  --shadow-knob: 0 3px 36px 0 rgba(0, 0, 0, 0.05);
  --shadow-segment-knob: 0 2px 20px 0 rgba(0, 0, 0, 0.06);
  --shadow-slider-knob: 0 6px 13px 0 rgba(0, 0, 0, 0.12), 0 0.5px 4px 0 rgba(0, 0, 0, 0.12);
  --shadow-mac-slider-knob: 0 0.5px 6px 0 rgba(0, 0, 0, 0.12);
  --shadow-menu-preview: 0 0 25px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.1);
  --shadow-menu-bar-title: 0 2px 16px 0 rgba(0, 0, 0, 0.083);
  --shadow-mac-window: 0 36px 100px 0 rgba(0, 0, 0, 0.4), 0 0 1px 0 rgba(0, 0, 0, 0.8);
  --shadow-mac-window-inactive: 0 16px 32px 0 rgba(0, 0, 0, 0.2), 0 0 1px 0 rgba(0, 0, 0, 0.8);
  --shadow-mac-menu: 0 4px 24px 0 rgba(0, 0, 0, 0.3), 0 0 0 0.5px rgba(0, 0, 0, 0.8);
  --shadow-mac-notification: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
}
:root {
  --margin-compact: 16px;
  --padding-bezeled: 12px;
  --padding-borderless: 24px;
  --button-padding-small: 10px;
  --button-padding-medium: 12px;
  --button-padding-large: 20px;
  --button-icon-gap: 4px;
  --mac-button-padding-mini: 7px;
  --mac-button-padding: 16px;
  --segment-inset: 2px;
  --segment-gap: 4px;
  --vision-button-spacing: 60px;
  --tv-safe-vertical: 60px;
  --tv-safe-horizontal: 80px;
  --tv-grid-gap: 40px;
  --tv-grid-row-gap: 100px;
  --radius-capsule: 9999px;
  --radius-xs: 3px;
  --radius-sm: 8px;
  --radius-thumbnail: 10px;
  --radius-platter: 13px;
  --radius-glass: 20px;
  --radius-banner: 22px;
  --radius-group: 26px;
  --radius-menu: 32px;
  --radius-sheet: 34px;
  --radius-mac-mini: 4px;
  --radius-mac-small: 5px;
  --radius-mac-regular: 6px;
  --radius-mac-large: 7px;
  --radius-mac-xl: 9px;
  --radius-mac-menu-item: 8px;
  --radius-mac-menu: 12px;
  --radius-mac-window: 16px;
  --radius-mac-popover: 20px;
  --radius-mac-alert: 26px;
  --target-ios: 44px;
  --target-ios-min: 28px;
  --target-mac: 28px;
  --target-mac-min: 20px;
  --target-tv: 66px;
  --target-tv-min: 56px;
  --target-vision: 60px;
  --target-watch: 44px;
  --button-small: 28px;
  --button-medium: 34px;
  --button-large: 50px;
  --mac-control-mini: 16px;
  --mac-control-small: 20px;
  --mac-control-regular: 24px;
  --mac-control-large: 28px;
  --mac-control-xl: 36px;
  --toggle-width: 64px;
  --toggle-height: 28px;
  --segmented-small: 32px;
  --segmented-large: 48px;
  --stepper-width: 92px;
  --stepper-height: 32px;
  --row-height: 52px;
  --sidebar-row-height: 44px;
  --sidebar-width: 260px;
  --toolbar-button: 44px;
  --tab-bar-height: 99px;
  --status-bar-height: 62px;
  --alert-width: 300px;
  --action-sheet-width: 260px;
  --menu-width: 250px;
  --spinner-small: 14px;
  --spinner-regular: 20px;
  --spinner-large: 35px;
  --track-height: 6px;
  --tv-grid-width-2: 860px;
  --tv-grid-width-3: 560px;
  --tv-grid-width-4: 410px;
  --tv-grid-width-5: 320px;
  --tv-grid-width-6: 260px;
  --tv-grid-width-7: 217px;
  --tv-grid-width-8: 184px;
  --tv-grid-width-9: 160px;
  --text-min-ios: 11px;
  --text-min-mac: 10px;
  --text-min-vision: 12px;
  --text-min-watch: 12px;
  --text-min-tv: 23px;
  --blur-material: 75px;
  --blur-mac-material: 60px;
  --blur-glass-small: 6px;
  --blur-glass: 30px;
  --blur-glass-clear: 3px;
  --saturate-glass: 1.4;
  --saturate-glass-small: 2;
  --saturate-material: 1.208;
  --saturate-mac-material: 1.45;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-rounded: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-serif: ui-serif, "New York", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --font-compact: "SF Compact", "SF Compact Text", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}
.ios-large-title { font-family: var(--font-sans); font-size: 34px; line-height: 41px; font-weight: 400; letter-spacing: 0.4px; }
.ios-title-1 { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 400; letter-spacing: 0.38px; }
.ios-title-2 { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 400; letter-spacing: -0.26px; }
.ios-title-3 { font-family: var(--font-sans); font-size: 20px; line-height: 25px; font-weight: 400; letter-spacing: -0.45px; }
.ios-headline { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 600; letter-spacing: -0.43px; }
.ios-body { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 400; letter-spacing: -0.43px; }
.ios-callout { font-family: var(--font-sans); font-size: 16px; line-height: 21px; font-weight: 400; letter-spacing: -0.31px; }
.ios-subheadline { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 400; letter-spacing: -0.23px; }
.ios-footnote { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: -0.08px; }
.ios-caption-1 { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0px; }
.ios-caption-2 { font-family: var(--font-sans); font-size: 11px; line-height: 13px; font-weight: 400; letter-spacing: 0.06px; }
.ios-large-title-emphasized { font-family: var(--font-sans); font-size: 34px; line-height: 41px; font-weight: 700; letter-spacing: 0.4px; }
.ios-title-1-emphasized { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: 0.38px; }
.ios-title-2-emphasized { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 700; letter-spacing: -0.26px; }
.ios-title-3-emphasized { font-family: var(--font-sans); font-size: 20px; line-height: 25px; font-weight: 600; letter-spacing: -0.45px; }
.ios-headline-emphasized { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 600; letter-spacing: -0.43px; }
.ios-body-emphasized { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 600; letter-spacing: -0.43px; }
.ios-callout-emphasized { font-family: var(--font-sans); font-size: 16px; line-height: 21px; font-weight: 600; letter-spacing: -0.31px; }
.ios-subheadline-emphasized { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 600; letter-spacing: -0.23px; }
.ios-footnote-emphasized { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 600; letter-spacing: -0.08px; }
.ios-caption-1-emphasized { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0px; }
.ios-caption-2-emphasized { font-family: var(--font-sans); font-size: 11px; line-height: 13px; font-weight: 600; letter-spacing: 0.06px; }
.mac-large-title { font-family: var(--font-sans); font-size: 26px; line-height: 32px; font-weight: 400; letter-spacing: 0.22px; }
.mac-title-1 { font-family: var(--font-sans); font-size: 22px; line-height: 26px; font-weight: 400; letter-spacing: -0.26px; }
.mac-title-2 { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 400; letter-spacing: -0.43px; }
.mac-title-3 { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 400; letter-spacing: -0.23px; }
.mac-headline { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: -0.08px; }
.mac-body { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 400; letter-spacing: -0.08px; }
.mac-callout { font-family: var(--font-sans); font-size: 12px; line-height: 15px; font-weight: 400; letter-spacing: 0px; }
.mac-subheadline { font-family: var(--font-sans); font-size: 11px; line-height: 14px; font-weight: 400; letter-spacing: 0.06px; }
.mac-footnote { font-family: var(--font-sans); font-size: 10px; line-height: 13px; font-weight: 400; letter-spacing: 0.12px; }
.mac-caption-1 { font-family: var(--font-sans); font-size: 10px; line-height: 13px; font-weight: 400; letter-spacing: 0.12px; }
.mac-caption-2 { font-family: var(--font-sans); font-size: 10px; line-height: 13px; font-weight: 500; letter-spacing: 0.12px; }
.mac-large-title-emphasized { font-family: var(--font-sans); font-size: 26px; line-height: 32px; font-weight: 700; letter-spacing: 0.22px; }
.mac-title-1-emphasized { font-family: var(--font-sans); font-size: 22px; line-height: 26px; font-weight: 700; letter-spacing: -0.26px; }
.mac-title-2-emphasized { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 700; letter-spacing: -0.43px; }
.mac-title-3-emphasized { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 600; letter-spacing: -0.23px; }
.mac-headline-emphasized { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 800; letter-spacing: -0.08px; }
.mac-body-emphasized { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 600; letter-spacing: -0.08px; }
.mac-callout-emphasized { font-family: var(--font-sans); font-size: 12px; line-height: 15px; font-weight: 600; letter-spacing: 0px; }
.mac-subheadline-emphasized { font-family: var(--font-sans); font-size: 11px; line-height: 14px; font-weight: 600; letter-spacing: 0.06px; }
.mac-footnote-emphasized { font-family: var(--font-sans); font-size: 10px; line-height: 13px; font-weight: 600; letter-spacing: 0.12px; }
.mac-caption-1-emphasized { font-family: var(--font-sans); font-size: 10px; line-height: 13px; font-weight: 500; letter-spacing: 0.12px; }
.mac-caption-2-emphasized { font-family: var(--font-sans); font-size: 10px; line-height: 13px; font-weight: 600; letter-spacing: 0.12px; }
.vision-extra-large-title-1 { font-family: var(--font-sans); font-size: 48px; line-height: 56px; font-weight: 700; letter-spacing: 0.35px; }
.vision-extra-large-title-2 { font-family: var(--font-sans); font-size: 38px; line-height: 46px; font-weight: 700; letter-spacing: 0.37px; }
.vision-large-title { font-family: var(--font-sans); font-size: 29px; line-height: 38px; font-weight: 700; letter-spacing: 0.4px; }
.vision-title-1 { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: 0.07px; }
.vision-title-2 { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 700; letter-spacing: -0.26px; }
.vision-title-3 { font-family: var(--font-sans); font-size: 19px; line-height: 24px; font-weight: 700; letter-spacing: -0.45px; }
.vision-headline { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 700; letter-spacing: -0.43px; }
.vision-body { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 500; letter-spacing: -0.43px; }
.vision-callout { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 500; letter-spacing: -0.23px; }
.vision-subheadline { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 400; letter-spacing: -0.23px; }
.vision-footnote { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; letter-spacing: -0.08px; }
.vision-caption-1 { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0px; }
.vision-caption-2 { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0px; }
.watch-large-title { font-family: var(--font-compact); font-size: 36px; line-height: 38.5px; font-weight: 400; letter-spacing: -0.69px; }
.watch-title-1 { font-family: var(--font-compact); font-size: 34px; line-height: 36.5px; font-weight: 400; letter-spacing: -0.6px; }
.watch-title-2 { font-family: var(--font-compact); font-size: 28px; line-height: 30.5px; font-weight: 400; letter-spacing: -0.34px; }
.watch-title-3 { font-family: var(--font-compact); font-size: 19px; line-height: 21.5px; font-weight: 400; letter-spacing: -0.22px; }
.watch-headline { font-family: var(--font-compact); font-size: 16px; line-height: 18.5px; font-weight: 600; letter-spacing: 0px; }
.watch-body { font-family: var(--font-compact); font-size: 16px; line-height: 18.5px; font-weight: 400; letter-spacing: 0px; }
.watch-caption-1 { font-family: var(--font-compact); font-size: 15px; line-height: 17.5px; font-weight: 400; letter-spacing: 0.06px; }
.watch-caption-2 { font-family: var(--font-compact); font-size: 14px; line-height: 16.5px; font-weight: 400; letter-spacing: 0.19px; }
.watch-footnote-1 { font-family: var(--font-compact); font-size: 13px; line-height: 15.5px; font-weight: 400; letter-spacing: 0.2px; }
.watch-footnote-2 { font-family: var(--font-compact); font-size: 12px; line-height: 14.5px; font-weight: 400; letter-spacing: 0.23px; }
.tv-title-1 { font-family: var(--font-sans); font-size: 76px; line-height: 96px; font-weight: 500; letter-spacing: 0.07px; }
.tv-title-2 { font-family: var(--font-sans); font-size: 57px; line-height: 66px; font-weight: 500; }
.tv-title-3 { font-family: var(--font-sans); font-size: 48px; line-height: 56px; font-weight: 500; letter-spacing: 0.35px; }
.tv-headline { font-family: var(--font-sans); font-size: 38px; line-height: 46px; font-weight: 500; letter-spacing: 0.37px; }
.tv-subtitle-1 { font-family: var(--font-sans); font-size: 38px; line-height: 46px; font-weight: 400; letter-spacing: 0.37px; }
.tv-callout { font-family: var(--font-sans); font-size: 31px; line-height: 38px; font-weight: 500; letter-spacing: 0.39px; }
.tv-body { font-family: var(--font-sans); font-size: 29px; line-height: 36px; font-weight: 500; letter-spacing: 0.4px; }
.tv-caption-1 { font-family: var(--font-sans); font-size: 25px; line-height: 32px; font-weight: 500; letter-spacing: 0.15px; }
.tv-caption-2 { font-family: var(--font-sans); font-size: 23px; line-height: 30px; font-weight: 500; letter-spacing: -0.1px; }