/* BINOM Design Code — токены и схемы оформления. Сгенерировано src/build.mjs из tokens/ — не править руками. */
:root {
  --bdc-font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
  --bdc-font-native: system-ui, -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Roboto", sans-serif;
  --bdc-font-brand: "Unbounded", "Golos Text", system-ui, -apple-system, sans-serif;
  --bdc-font-mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;
  --bdc-font: var(--bdc-font-ui);
  --bdc-weight-regular: 400;
  --bdc-weight-medium: 500;
  --bdc-weight-semibold: 600;
  --bdc-weight-bold: 700;
  --bdc-weight-heavy: 800;
  --bdc-type-display-size: clamp(2.5rem, 1.0849rem + 3.7736vw, 3.5rem);
  --bdc-type-display-line: 1.071;
  --bdc-type-display-weight: 700;
  --bdc-type-display-tracking: -0.0223em;
  --bdc-type-large-title-size: clamp(1.875rem, 1.5212rem + 0.9434vw, 2.125rem);
  --bdc-type-large-title-line: 1.206;
  --bdc-type-large-title-weight: 700;
  --bdc-type-large-title-tracking: -0.0218em;
  --bdc-type-title-1-size: clamp(1.625rem, 1.4481rem + 0.4717vw, 1.75rem);
  --bdc-type-title-1-line: 1.214;
  --bdc-type-title-1-weight: 700;
  --bdc-type-title-1-tracking: -0.0209em;
  --bdc-type-title-2-size: 1.375rem;
  --bdc-type-title-2-line: 1.273;
  --bdc-type-title-2-weight: 700;
  --bdc-type-title-2-tracking: -0.0183em;
  --bdc-type-title-3-size: 1.25rem;
  --bdc-type-title-3-line: 1.25;
  --bdc-type-title-3-weight: 600;
  --bdc-type-title-3-tracking: -0.0167em;
  --bdc-type-headline-size: 1.0625rem;
  --bdc-type-headline-line: 1.294;
  --bdc-type-headline-weight: 600;
  --bdc-type-headline-tracking: -0.0128em;
  --bdc-type-body-size: 1.0625rem;
  --bdc-type-body-line: 1.294;
  --bdc-type-body-weight: 400;
  --bdc-type-body-tracking: -0.0128em;
  --bdc-type-callout-size: 1rem;
  --bdc-type-callout-line: 1.313;
  --bdc-type-callout-weight: 400;
  --bdc-type-callout-tracking: -0.011em;
  --bdc-type-subheadline-size: 0.9375rem;
  --bdc-type-subheadline-line: 1.333;
  --bdc-type-subheadline-weight: 400;
  --bdc-type-subheadline-tracking: -0.0088em;
  --bdc-type-footnote-size: 0.8125rem;
  --bdc-type-footnote-line: 1.385;
  --bdc-type-footnote-weight: 400;
  --bdc-type-footnote-tracking: -0.0032em;
  --bdc-type-caption-1-size: 0.75rem;
  --bdc-type-caption-1-line: 1.333;
  --bdc-type-caption-1-weight: 400;
  --bdc-type-caption-1-tracking: 0.0005em;
  --bdc-type-caption-2-size: 0.6875rem;
  --bdc-type-caption-2-line: 1.182;
  --bdc-type-caption-2-weight: 500;
  --bdc-type-caption-2-tracking: 0.0048em;
  --bdc-space-0: 0px;
  --bdc-space-1: 2px;
  --bdc-space-2: 4px;
  --bdc-space-3: 6px;
  --bdc-space-4: 8px;
  --bdc-space-5: 12px;
  --bdc-space-6: 16px;
  --bdc-space-7: 20px;
  --bdc-space-8: 24px;
  --bdc-space-9: 32px;
  --bdc-space-10: 40px;
  --bdc-space-11: 48px;
  --bdc-space-12: 64px;
  --bdc-space-13: 80px;
  --bdc-radius-xs: 6px;
  --bdc-radius-sm: 10px;
  --bdc-radius-md: 12px;
  --bdc-radius-lg: 16px;
  --bdc-radius-xl: 22px;
  --bdc-radius-2xl: 28px;
  --bdc-radius-full: 999px;
  --bdc-squircle-scale: 1.3;
  --bdc-border-hairline: 0.5px;
  --bdc-border-thin: 1px;
  --bdc-border-focus: 3px;
  --bdc-readable-width: 672px;
  --bdc-content-max: 1280px;
  --bdc-touch-target: 44px;
  --bdc-top-bar: 56px;
  --bdc-large-title-bar: 52px;
  --bdc-tab-bar: 60px;
  --bdc-tab-bar-inset: 12px;
  --bdc-sidebar: 280px;
  --bdc-margin: 16px;
  --bdc-gutter: 12px;
  --bdc-columns: 4;
  --bdc-icon-sm: 16px;
  --bdc-icon-md: 20px;
  --bdc-icon-lg: 24px;
  --bdc-icon-xl: 32px;
  --bdc-icon-stroke-regular: 1.75;
  --bdc-icon-stroke-semibold: 2;
  --bdc-icon-stroke-bold: 2.25;
  --bdc-spring-default: linear(0, 0.0151, 0.0543, 0.11, 0.1762, 0.2481, 0.3221, 0.3956, 0.4665, 0.5336, 0.5959, 0.653, 0.7046, 0.7507, 0.7915, 0.8273, 0.8584, 0.8851, 0.9079, 0.9272, 0.9433, 0.9568, 0.9678, 0.9768, 0.984, 0.9897, 0.9942, 0.9976, 1.0002, 1.0021, 1.0034, 1.0042, 1.0047, 1.005, 1.005, 1.0049, 1.0047, 1.0044, 1.004, 1.0036, 1.0033, 1.0029, 1.0026, 1.0022, 1.0019, 1.0016, 1.0014, 1.0012, 1);
  --bdc-spring-default-duration: 699ms;
  --bdc-spring-snappy: linear(0, 0.0151, 0.0544, 0.1103, 0.1766, 0.2486, 0.3228, 0.3963, 0.4673, 0.5344, 0.5968, 0.6539, 0.7054, 0.7515, 0.7923, 0.828, 0.859, 0.8857, 0.9084, 0.9277, 0.9438, 0.9571, 0.9681, 0.977, 0.9842, 0.9899, 0.9943, 0.9977, 1.0003, 1.0021, 1.0034, 1.0043, 1.0048, 1.005, 1.005, 1.0049, 1.0046, 1.0043, 1.004, 1.0036, 1.0032, 1.0029, 1.0025, 1.0022, 1.0019, 1.0016, 1.0014, 1.0012, 1);
  --bdc-spring-snappy-duration: 420ms;
  --bdc-spring-smooth: linear(0, 0.0163, 0.0577, 0.1147, 0.1807, 0.2508, 0.3215, 0.3904, 0.456, 0.5173, 0.5738, 0.6254, 0.672, 0.7137, 0.7509, 0.7839, 0.8129, 0.8384, 0.8607, 0.8802, 0.8971, 0.9118, 0.9244, 0.9354, 0.9448, 0.9529, 0.9599, 0.9659, 0.971, 0.9753, 0.9791, 0.9822, 0.985, 0.9873, 0.9892, 0.9909, 0.9923, 0.9935, 0.9945, 0.9954, 0.9961, 0.9967, 0.9972, 0.9977, 0.998, 0.9983, 0.9986, 0.9988, 1);
  --bdc-spring-smooth-duration: 736ms;
  --bdc-spring-bouncy: linear(0, 0.02, 0.0723, 0.1462, 0.2334, 0.327, 0.4218, 0.5139, 0.6004, 0.6795, 0.7501, 0.8118, 0.8645, 0.9086, 0.9447, 0.9734, 0.9956, 1.0122, 1.0239, 1.0317, 1.0362, 1.0382, 1.0382, 1.0367, 1.0342, 1.0311, 1.0276, 1.024, 1.0204, 1.0169, 1.0137, 1.0109, 1.0083, 1.0061, 1.0043, 1.0028, 1.0015, 1.0005, 0.9998, 0.9993, 0.9989, 0.9987, 0.9986, 0.9985, 0.9986, 0.9986, 0.9987, 0.9989, 1);
  --bdc-spring-bouncy-duration: 805ms;
  --bdc-spring-interactive: linear(0, 0.0153, 0.0549, 0.1112, 0.1779, 0.2504, 0.3249, 0.3987, 0.47, 0.5372, 0.5996, 0.6567, 0.7082, 0.7542, 0.7948, 0.8304, 0.8612, 0.8877, 0.9102, 0.9292, 0.9451, 0.9583, 0.9691, 0.9779, 0.9849, 0.9905, 0.9948, 0.9981, 1.0006, 1.0024, 1.0036, 1.0044, 1.0048, 1.005, 1.005, 1.0048, 1.0046, 1.0043, 1.0039, 1.0036, 1.0032, 1.0028, 1.0025, 1.0021, 1.0018, 1.0016, 1.0013, 1.0011, 1);
  --bdc-spring-interactive-duration: 211ms;
  --bdc-ease-fallback: cubic-bezier(0.32, 0.72, 0, 1);
  --bdc-duration-instant: 100ms;
  --bdc-duration-fast: 200ms;
  --bdc-duration-standard: 300ms;
  --bdc-duration-slow: 450ms;
  --bdc-mascot-body: var(--bdc-label-2);
  --bdc-mascot-ink: var(--bdc-label);
  --bdc-mascot-surface: var(--bdc-surface);
  --bdc-mascot-accent: var(--bdc-brand);
  --bdc-mascot-eye: var(--bdc-tint-pressed);
  --bdc-mascot-line: var(--bdc-separator);
  --bdc-mascot-warm: var(--bdc-ochre);
  --bdc-mascot-k: var(--bdc-plum);
  --bdc-mascot-cl: var(--bdc-teal);
  --bdc-brand-vivid: var(--bdc-brand);
  --bdc-qr-light: #FFFFFF;
  --bdc-qr-dark: #1A1A1A;
  --bdc-size-control: 40px;
  --bdc-size-control-md: 36px;
  --bdc-size-control-sm: 32px;
  --bdc-size-dialog: 640px;
  --bdc-size-dialog-wide: 960px;
  --bdc-size-auth-card: 560px;
  --bdc-size-toast-max: 420px;
  --bdc-size-avatar: 28px;
  --bdc-size-brand-mark: 34px;
  --bdc-size-brand-mark-lg: 56px;
  --bdc-size-logo-height: 28px;
  --bdc-size-bottom-nav: 64px;
  --bdc-size-drawer-max: 280px;
  --bdc-z-base: 0;
  --bdc-z-raised: 1;
  --bdc-z-sticky: 30;
  --bdc-z-scrim: 25;
  --bdc-z-drawer: 26;
  --bdc-z-overlay: 60;
  --bdc-opacity-disabled: 0.5;
  --bdc-opacity-inactive-row: 0.55;
  --bdc-opacity-pressed: 0.8;
  --bdc-ambient-hue-1-duration: 70s;
  --bdc-ambient-hue-2-duration: 110s;
  --bdc-ambient-glow-1-duration: 23s;
  --bdc-ambient-glow-2-duration: 29s;
  --bdc-ambient-glow-3-duration: 31s;
  --bdc-ambient-turn-duration: 200s;
  --bdc-ambient-breathe-duration: 9s;
  --bdc-ambient-sketch-draw-duration: 5200ms;
  --bdc-ambient-sketch-hold-duration: 3200ms;
  --bdc-ambient-sketch-fade-duration: 1400ms;
  --bdc-ambient-paper-spread-duration: 150s;
  --bdc-ambient-seed-alpha-light: 0.75;
  --bdc-ambient-seed-alpha-dark: 0.55;
  --bdc-ambient-hue-opacity-1: 0.85;
  --bdc-ambient-hue-opacity-2: 0.5;
  --bdc-ambient-sketch-opacity: 0.42;
  --bdc-ambient-seeds: 540;
  --bdc-ambient-paper-grain-light: 0.6;
  --bdc-ambient-paper-grain-dark: 0;
  --bdc-ambient-blur-seeds: 1.4px;
  --bdc-ambient-paper-tile: 320px;
}
@media (min-width: 600px) {
  :root {
    --bdc-margin: 24px;
    --bdc-gutter: 16px;
    --bdc-columns: 8;
  }
}
@media (min-width: 1024px) {
  :root {
    --bdc-margin: 32px;
    --bdc-gutter: 24px;
    --bdc-columns: 12;
  }
}
@media (min-width: 1440px) {
  :root {
    --bdc-margin: 40px;
    --bdc-gutter: 24px;
    --bdc-columns: 12;
  }
}
:root, .bdc-appearance-light {
  color-scheme: light;
  --bdc-background: #ECF1F4;
  --bdc-surface: #FAFDFF;
  --bdc-surface-elevated: #FDFEFF;
  --bdc-fill: #E0E5E8;
  --bdc-fill-2: #E6EBEF;
  --bdc-fill-3: #EBF0F3;
  --bdc-separator: #D4D9DC;
  --bdc-label: #191F23;
  --bdc-label-2: #585F64;
  --bdc-label-3: #848C91;
  --bdc-border: #82878A;
  --bdc-tint-soft: #DFF6E9;
  --bdc-tint: #1C7450;
  --bdc-tint-hover: #076945;
  --bdc-tint-pressed: #005B3B;
  --bdc-on-tint: #FFFFFF;
  --bdc-focus: #1C7450;
  --bdc-brand: #62B32B;
  --bdc-green-soft: #E6F4E0;
  --bdc-green: #44712B;
  --bdc-on-green: #FFFFFF;
  --bdc-teal-soft: #DBF6EF;
  --bdc-teal: #1D7263;
  --bdc-on-teal: #FFFFFF;
  --bdc-sky-soft: #DFF3FF;
  --bdc-sky: #2B6B8B;
  --bdc-on-sky: #FFFFFF;
  --bdc-ochre-soft: #FFEBDE;
  --bdc-ochre: #974C00;
  --bdc-on-ochre: #FFFFFF;
  --bdc-red-soft: #FFEAE6;
  --bdc-red: #A43C2E;
  --bdc-on-red: #FFFFFF;
  --bdc-plum-soft: #FDE8F6;
  --bdc-plum: #884A78;
  --bdc-on-plum: #FFFFFF;
  --bdc-shadow-color: #191F23;
  --bdc-scrim: #000000;
  --bdc-scrim-fill: rgba(0, 0, 0, 0.3);
  --bdc-elevation-level-1: 0px 1px 2px rgba(25, 31, 35, 0.06), 0px 2px 8px rgba(25, 31, 35, 0.04);
  --bdc-elevation-level-2: 0px 2px 6px rgba(25, 31, 35, 0.05), 0px 10px 28px rgba(25, 31, 35, 0.06);
  --bdc-elevation-level-3: 0px 4px 12px rgba(25, 31, 35, 0.05), 0px 24px 64px rgba(25, 31, 35, 0.08);
  --bdc-material-chrome: rgba(236, 241, 244, 0.88);
  --bdc-material-chrome-solid: var(--bdc-background);
  --bdc-material-chrome-filter: blur(24px) saturate(180%);
  --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.6);
  --bdc-material-bar: rgba(250, 253, 255, 0.84);
  --bdc-material-bar-solid: var(--bdc-surface);
  --bdc-material-bar-filter: blur(28px) saturate(180%);
  --bdc-material-bar-highlight: rgba(255, 255, 255, 0.7);
  --bdc-material-menu: rgba(253, 254, 255, 0.84);
  --bdc-material-menu-solid: var(--bdc-surface-elevated);
  --bdc-material-menu-filter: blur(32px) saturate(180%);
  --bdc-material-menu-highlight: rgba(255, 255, 255, 0.6);
  --bdc-material-sheet: rgba(253, 254, 255, 0.9);
  --bdc-material-sheet-solid: var(--bdc-surface-elevated);
  --bdc-material-sheet-filter: blur(40px) saturate(160%);
  --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.5);
  --bdc-ambient-glow-1: rgba(28, 116, 80, 0.13);
  --bdc-ambient-glow-2: rgba(43, 107, 139, 0.11);
  --bdc-ambient-glow-3: rgba(151, 76, 0, 0.11);
  --bdc-ambient-seed-1: rgba(28, 116, 80, 0.5);
  --bdc-ambient-seed-2: rgba(29, 114, 99, 0.4);
  --bdc-ambient-seed-3: rgba(43, 107, 139, 0.26);
  --bdc-ambient-seed-alpha: 0.75;
  --bdc-ambient-paper-base: #EEE4D4;
  --bdc-ambient-paper-edge: #D4B693;
  --bdc-ambient-paper-stain: #E3D0B8;
  --bdc-ambient-paper-ink: #4B3011;
  --bdc-ambient-paper-grain: 0.6;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bdc-background: #101724;
    --bdc-surface: #1A212E;
    --bdc-surface-elevated: #232A38;
    --bdc-fill: #2E3544;
    --bdc-fill-2: #262D3C;
    --bdc-fill-3: #1F2634;
    --bdc-separator: #353D4C;
    --bdc-label: #E4EAF5;
    --bdc-label-2: #BEC4CF;
    --bdc-label-3: #8C919B;
    --bdc-border: #6B7485;
    --bdc-tint-soft: #2A3823;
    --bdc-tint: #85D755;
    --bdc-tint-hover: #90E361;
    --bdc-tint-pressed: #9BEF6C;
    --bdc-on-tint: #101724;
    --bdc-focus: #85D755;
    --bdc-brand: #62B32B;
    --bdc-green-soft: #293823;
    --bdc-green: #96C87F;
    --bdc-on-green: #101724;
    --bdc-teal-soft: #1A3A33;
    --bdc-teal: #7AC9B7;
    --bdc-on-teal: #101724;
    --bdc-sky-soft: #1D3644;
    --bdc-sky: #82C1E5;
    --bdc-on-sky: #101724;
    --bdc-ochre-soft: #432D1F;
    --bdc-ochre: #F89F5D;
    --bdc-on-ochre: #101724;
    --bdc-red-soft: #452B27;
    --bdc-red: #FF9685;
    --bdc-on-red: #101724;
    --bdc-plum-soft: #402B3A;
    --bdc-plum: #E39ECF;
    --bdc-on-plum: #101724;
    --bdc-shadow-color: #000000;
    --bdc-scrim: #000000;
    --bdc-scrim-fill: rgba(0, 0, 0, 0.55);
    --bdc-elevation-level-1: 0px 1px 2px rgba(0, 0, 0, 0.27), 0px 2px 8px rgba(0, 0, 0, 0.18);
    --bdc-elevation-level-2: 0px 2px 6px rgba(0, 0, 0, 0.225), 0px 10px 28px rgba(0, 0, 0, 0.27);
    --bdc-elevation-level-3: 0px 4px 12px rgba(0, 0, 0, 0.225), 0px 24px 64px rgba(0, 0, 0, 0.36);
    --bdc-material-chrome: rgba(16, 23, 36, 0.74);
    --bdc-material-chrome-solid: var(--bdc-background);
    --bdc-material-chrome-filter: blur(24px) saturate(180%);
    --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.08);
    --bdc-material-bar: rgba(26, 33, 46, 0.76);
    --bdc-material-bar-solid: var(--bdc-surface);
    --bdc-material-bar-filter: blur(28px) saturate(180%);
    --bdc-material-bar-highlight: rgba(255, 255, 255, 0.1);
    --bdc-material-menu: rgba(35, 42, 56, 0.8);
    --bdc-material-menu-solid: var(--bdc-surface-elevated);
    --bdc-material-menu-filter: blur(32px) saturate(180%);
    --bdc-material-menu-highlight: rgba(255, 255, 255, 0.1);
    --bdc-material-sheet: rgba(35, 42, 56, 0.86);
    --bdc-material-sheet-solid: var(--bdc-surface-elevated);
    --bdc-material-sheet-filter: blur(40px) saturate(160%);
    --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.08);
    --bdc-ambient-glow-1: rgba(122, 201, 183, 0.09);
    --bdc-ambient-glow-2: rgba(130, 193, 229, 0.08);
    --bdc-ambient-glow-3: rgba(227, 158, 207, 0.06);
    --bdc-ambient-seed-1: rgba(122, 201, 183, 0.5);
    --bdc-ambient-seed-2: rgba(130, 193, 229, 0.4);
    --bdc-ambient-seed-3: rgba(130, 193, 229, 0.26);
    --bdc-ambient-seed-alpha: 0.55;
    --bdc-ambient-paper-base: transparent;
    --bdc-ambient-paper-edge: transparent;
    --bdc-ambient-paper-stain: transparent;
    --bdc-ambient-paper-ink: #BEC4CF;
    --bdc-ambient-paper-grain: 0;
  }
}
@media (prefers-contrast: more) {
  :root {
    color-scheme: light;
    --bdc-background: #ECF1F4;
    --bdc-surface: #FAFDFF;
    --bdc-surface-elevated: #FDFEFF;
    --bdc-fill: #E0E5E8;
    --bdc-fill-2: #E6EBEF;
    --bdc-fill-3: #EBF0F3;
    --bdc-separator: #707477;
    --bdc-label: #191F23;
    --bdc-label-2: #434A4F;
    --bdc-label-3: #676E74;
    --bdc-border: #6A6E71;
    --bdc-tint-soft: #DFF6E9;
    --bdc-tint: #005437;
    --bdc-tint-hover: #00482E;
    --bdc-tint-pressed: #003B25;
    --bdc-on-tint: #FFFFFF;
    --bdc-focus: #005437;
    --bdc-brand: #62B32B;
    --bdc-green-soft: #E6F4E0;
    --bdc-green: #285409;
    --bdc-on-green: #FFFFFF;
    --bdc-teal-soft: #DBF6EF;
    --bdc-teal: #005448;
    --bdc-on-teal: #FFFFFF;
    --bdc-sky-soft: #DFF3FF;
    --bdc-sky: #064F6F;
    --bdc-on-sky: #FFFFFF;
    --bdc-ochre-soft: #FFEBDE;
    --bdc-ochre: #743A00;
    --bdc-on-ochre: #FFFFFF;
    --bdc-red-soft: #FFEAE6;
    --bdc-red: #8B2317;
    --bdc-on-red: #FFFFFF;
    --bdc-plum-soft: #FDE8F6;
    --bdc-plum: #703461;
    --bdc-on-plum: #FFFFFF;
    --bdc-shadow-color: #191F23;
    --bdc-scrim: #000000;
    --bdc-scrim-fill: rgba(0, 0, 0, 0.3);
    --bdc-elevation-level-1: 0px 1px 2px rgba(25, 31, 35, 0.06), 0px 2px 8px rgba(25, 31, 35, 0.04);
    --bdc-elevation-level-2: 0px 2px 6px rgba(25, 31, 35, 0.05), 0px 10px 28px rgba(25, 31, 35, 0.06);
    --bdc-elevation-level-3: 0px 4px 12px rgba(25, 31, 35, 0.05), 0px 24px 64px rgba(25, 31, 35, 0.08);
    --bdc-material-chrome: rgba(236, 241, 244, 0.78);
    --bdc-material-chrome-solid: var(--bdc-background);
    --bdc-material-chrome-filter: blur(24px) saturate(180%);
    --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.6);
    --bdc-material-bar: rgba(250, 253, 255, 0.72);
    --bdc-material-bar-solid: var(--bdc-surface);
    --bdc-material-bar-filter: blur(28px) saturate(180%);
    --bdc-material-bar-highlight: rgba(255, 255, 255, 0.7);
    --bdc-material-menu: rgba(253, 254, 255, 0.84);
    --bdc-material-menu-solid: var(--bdc-surface-elevated);
    --bdc-material-menu-filter: blur(32px) saturate(180%);
    --bdc-material-menu-highlight: rgba(255, 255, 255, 0.6);
    --bdc-material-sheet: rgba(253, 254, 255, 0.9);
    --bdc-material-sheet-solid: var(--bdc-surface-elevated);
    --bdc-material-sheet-filter: blur(40px) saturate(160%);
    --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.5);
    --bdc-ambient-glow-1: rgba(0, 84, 55, 0.13);
    --bdc-ambient-glow-2: rgba(6, 79, 111, 0.11);
    --bdc-ambient-glow-3: rgba(116, 58, 0, 0.11);
    --bdc-ambient-seed-1: rgba(0, 84, 55, 0.5);
    --bdc-ambient-seed-2: rgba(0, 84, 72, 0.4);
    --bdc-ambient-seed-3: rgba(6, 79, 111, 0.26);
    --bdc-ambient-seed-alpha: 0.75;
    --bdc-ambient-paper-base: #ECE2D4;
    --bdc-ambient-paper-edge: #C7AF93;
    --bdc-ambient-paper-stain: #DCCCB8;
    --bdc-ambient-paper-ink: #412B11;
    --bdc-ambient-paper-grain: 0.6;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --bdc-background: #101724;
    --bdc-surface: #1A212E;
    --bdc-surface-elevated: #232A38;
    --bdc-fill: #2E3544;
    --bdc-fill-2: #262D3C;
    --bdc-fill-3: #1F2634;
    --bdc-separator: #80899A;
    --bdc-label: #E4EAF5;
    --bdc-label-2: #BEC4CF;
    --bdc-label-3: #8C919B;
    --bdc-border: #8892A3;
    --bdc-tint-soft: #2A3823;
    --bdc-tint: #86D956;
    --bdc-tint-hover: #91E562;
    --bdc-tint-pressed: #9CF06E;
    --bdc-on-tint: #101724;
    --bdc-focus: #86D956;
    --bdc-brand: #62B32B;
    --bdc-green-soft: #293823;
    --bdc-green: #A0D288;
    --bdc-on-green: #101724;
    --bdc-teal-soft: #1A3A33;
    --bdc-teal: #84D3C1;
    --bdc-on-teal: #101724;
    --bdc-sky-soft: #1D3644;
    --bdc-sky: #8DCCF0;
    --bdc-on-sky: #101724;
    --bdc-ochre-soft: #432D1F;
    --bdc-ochre: #FFB480;
    --bdc-on-ochre: #101724;
    --bdc-red-soft: #452B27;
    --bdc-red: #FFB0A3;
    --bdc-on-red: #101724;
    --bdc-plum-soft: #402B3A;
    --bdc-plum: #F5AFE1;
    --bdc-on-plum: #101724;
    --bdc-shadow-color: #000000;
    --bdc-scrim: #000000;
    --bdc-scrim-fill: rgba(0, 0, 0, 0.55);
    --bdc-elevation-level-1: 0px 1px 2px rgba(0, 0, 0, 0.27), 0px 2px 8px rgba(0, 0, 0, 0.18);
    --bdc-elevation-level-2: 0px 2px 6px rgba(0, 0, 0, 0.225), 0px 10px 28px rgba(0, 0, 0, 0.27);
    --bdc-elevation-level-3: 0px 4px 12px rgba(0, 0, 0, 0.225), 0px 24px 64px rgba(0, 0, 0, 0.36);
    --bdc-material-chrome: rgba(16, 23, 36, 0.74);
    --bdc-material-chrome-solid: var(--bdc-background);
    --bdc-material-chrome-filter: blur(24px) saturate(180%);
    --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.08);
    --bdc-material-bar: rgba(26, 33, 46, 0.76);
    --bdc-material-bar-solid: var(--bdc-surface);
    --bdc-material-bar-filter: blur(28px) saturate(180%);
    --bdc-material-bar-highlight: rgba(255, 255, 255, 0.1);
    --bdc-material-menu: rgba(35, 42, 56, 0.8);
    --bdc-material-menu-solid: var(--bdc-surface-elevated);
    --bdc-material-menu-filter: blur(32px) saturate(180%);
    --bdc-material-menu-highlight: rgba(255, 255, 255, 0.1);
    --bdc-material-sheet: rgba(35, 42, 56, 0.86);
    --bdc-material-sheet-solid: var(--bdc-surface-elevated);
    --bdc-material-sheet-filter: blur(40px) saturate(160%);
    --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.08);
    --bdc-ambient-glow-1: rgba(132, 211, 193, 0.09);
    --bdc-ambient-glow-2: rgba(141, 204, 240, 0.08);
    --bdc-ambient-glow-3: rgba(245, 175, 225, 0.06);
    --bdc-ambient-seed-1: rgba(132, 211, 193, 0.5);
    --bdc-ambient-seed-2: rgba(141, 204, 240, 0.4);
    --bdc-ambient-seed-3: rgba(141, 204, 240, 0.26);
    --bdc-ambient-seed-alpha: 0.55;
    --bdc-ambient-paper-base: transparent;
    --bdc-ambient-paper-edge: transparent;
    --bdc-ambient-paper-stain: transparent;
    --bdc-ambient-paper-ink: #BEC4CF;
    --bdc-ambient-paper-grain: 0;
  }
}
:root[data-appearance="light"], .bdc-appearance-light {
  color-scheme: light;
  --bdc-background: #ECF1F4;
  --bdc-surface: #FAFDFF;
  --bdc-surface-elevated: #FDFEFF;
  --bdc-fill: #E0E5E8;
  --bdc-fill-2: #E6EBEF;
  --bdc-fill-3: #EBF0F3;
  --bdc-separator: #D4D9DC;
  --bdc-label: #191F23;
  --bdc-label-2: #585F64;
  --bdc-label-3: #848C91;
  --bdc-border: #82878A;
  --bdc-tint-soft: #DFF6E9;
  --bdc-tint: #1C7450;
  --bdc-tint-hover: #076945;
  --bdc-tint-pressed: #005B3B;
  --bdc-on-tint: #FFFFFF;
  --bdc-focus: #1C7450;
  --bdc-brand: #62B32B;
  --bdc-green-soft: #E6F4E0;
  --bdc-green: #44712B;
  --bdc-on-green: #FFFFFF;
  --bdc-teal-soft: #DBF6EF;
  --bdc-teal: #1D7263;
  --bdc-on-teal: #FFFFFF;
  --bdc-sky-soft: #DFF3FF;
  --bdc-sky: #2B6B8B;
  --bdc-on-sky: #FFFFFF;
  --bdc-ochre-soft: #FFEBDE;
  --bdc-ochre: #974C00;
  --bdc-on-ochre: #FFFFFF;
  --bdc-red-soft: #FFEAE6;
  --bdc-red: #A43C2E;
  --bdc-on-red: #FFFFFF;
  --bdc-plum-soft: #FDE8F6;
  --bdc-plum: #884A78;
  --bdc-on-plum: #FFFFFF;
  --bdc-shadow-color: #191F23;
  --bdc-scrim: #000000;
  --bdc-scrim-fill: rgba(0, 0, 0, 0.3);
  --bdc-elevation-level-1: 0px 1px 2px rgba(25, 31, 35, 0.06), 0px 2px 8px rgba(25, 31, 35, 0.04);
  --bdc-elevation-level-2: 0px 2px 6px rgba(25, 31, 35, 0.05), 0px 10px 28px rgba(25, 31, 35, 0.06);
  --bdc-elevation-level-3: 0px 4px 12px rgba(25, 31, 35, 0.05), 0px 24px 64px rgba(25, 31, 35, 0.08);
  --bdc-material-chrome: rgba(236, 241, 244, 0.88);
  --bdc-material-chrome-solid: var(--bdc-background);
  --bdc-material-chrome-filter: blur(24px) saturate(180%);
  --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.6);
  --bdc-material-bar: rgba(250, 253, 255, 0.84);
  --bdc-material-bar-solid: var(--bdc-surface);
  --bdc-material-bar-filter: blur(28px) saturate(180%);
  --bdc-material-bar-highlight: rgba(255, 255, 255, 0.7);
  --bdc-material-menu: rgba(253, 254, 255, 0.84);
  --bdc-material-menu-solid: var(--bdc-surface-elevated);
  --bdc-material-menu-filter: blur(32px) saturate(180%);
  --bdc-material-menu-highlight: rgba(255, 255, 255, 0.6);
  --bdc-material-sheet: rgba(253, 254, 255, 0.9);
  --bdc-material-sheet-solid: var(--bdc-surface-elevated);
  --bdc-material-sheet-filter: blur(40px) saturate(160%);
  --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.5);
  --bdc-ambient-glow-1: rgba(28, 116, 80, 0.13);
  --bdc-ambient-glow-2: rgba(43, 107, 139, 0.11);
  --bdc-ambient-glow-3: rgba(151, 76, 0, 0.11);
  --bdc-ambient-seed-1: rgba(28, 116, 80, 0.5);
  --bdc-ambient-seed-2: rgba(29, 114, 99, 0.4);
  --bdc-ambient-seed-3: rgba(43, 107, 139, 0.26);
  --bdc-ambient-seed-alpha: 0.75;
  --bdc-ambient-paper-base: #EEE4D4;
  --bdc-ambient-paper-edge: #D4B693;
  --bdc-ambient-paper-stain: #E3D0B8;
  --bdc-ambient-paper-ink: #4B3011;
  --bdc-ambient-paper-grain: 0.6;
}
:root[data-appearance="dark"], .bdc-appearance-dark {
  color-scheme: dark;
  --bdc-background: #101724;
  --bdc-surface: #1A212E;
  --bdc-surface-elevated: #232A38;
  --bdc-fill: #2E3544;
  --bdc-fill-2: #262D3C;
  --bdc-fill-3: #1F2634;
  --bdc-separator: #353D4C;
  --bdc-label: #E4EAF5;
  --bdc-label-2: #BEC4CF;
  --bdc-label-3: #8C919B;
  --bdc-border: #6B7485;
  --bdc-tint-soft: #2A3823;
  --bdc-tint: #85D755;
  --bdc-tint-hover: #90E361;
  --bdc-tint-pressed: #9BEF6C;
  --bdc-on-tint: #101724;
  --bdc-focus: #85D755;
  --bdc-brand: #62B32B;
  --bdc-green-soft: #293823;
  --bdc-green: #96C87F;
  --bdc-on-green: #101724;
  --bdc-teal-soft: #1A3A33;
  --bdc-teal: #7AC9B7;
  --bdc-on-teal: #101724;
  --bdc-sky-soft: #1D3644;
  --bdc-sky: #82C1E5;
  --bdc-on-sky: #101724;
  --bdc-ochre-soft: #432D1F;
  --bdc-ochre: #F89F5D;
  --bdc-on-ochre: #101724;
  --bdc-red-soft: #452B27;
  --bdc-red: #FF9685;
  --bdc-on-red: #101724;
  --bdc-plum-soft: #402B3A;
  --bdc-plum: #E39ECF;
  --bdc-on-plum: #101724;
  --bdc-shadow-color: #000000;
  --bdc-scrim: #000000;
  --bdc-scrim-fill: rgba(0, 0, 0, 0.55);
  --bdc-elevation-level-1: 0px 1px 2px rgba(0, 0, 0, 0.27), 0px 2px 8px rgba(0, 0, 0, 0.18);
  --bdc-elevation-level-2: 0px 2px 6px rgba(0, 0, 0, 0.225), 0px 10px 28px rgba(0, 0, 0, 0.27);
  --bdc-elevation-level-3: 0px 4px 12px rgba(0, 0, 0, 0.225), 0px 24px 64px rgba(0, 0, 0, 0.36);
  --bdc-material-chrome: rgba(16, 23, 36, 0.74);
  --bdc-material-chrome-solid: var(--bdc-background);
  --bdc-material-chrome-filter: blur(24px) saturate(180%);
  --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.08);
  --bdc-material-bar: rgba(26, 33, 46, 0.76);
  --bdc-material-bar-solid: var(--bdc-surface);
  --bdc-material-bar-filter: blur(28px) saturate(180%);
  --bdc-material-bar-highlight: rgba(255, 255, 255, 0.1);
  --bdc-material-menu: rgba(35, 42, 56, 0.8);
  --bdc-material-menu-solid: var(--bdc-surface-elevated);
  --bdc-material-menu-filter: blur(32px) saturate(180%);
  --bdc-material-menu-highlight: rgba(255, 255, 255, 0.1);
  --bdc-material-sheet: rgba(35, 42, 56, 0.86);
  --bdc-material-sheet-solid: var(--bdc-surface-elevated);
  --bdc-material-sheet-filter: blur(40px) saturate(160%);
  --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.08);
  --bdc-ambient-glow-1: rgba(122, 201, 183, 0.09);
  --bdc-ambient-glow-2: rgba(130, 193, 229, 0.08);
  --bdc-ambient-glow-3: rgba(227, 158, 207, 0.06);
  --bdc-ambient-seed-1: rgba(122, 201, 183, 0.5);
  --bdc-ambient-seed-2: rgba(130, 193, 229, 0.4);
  --bdc-ambient-seed-3: rgba(130, 193, 229, 0.26);
  --bdc-ambient-seed-alpha: 0.55;
  --bdc-ambient-paper-base: transparent;
  --bdc-ambient-paper-edge: transparent;
  --bdc-ambient-paper-stain: transparent;
  --bdc-ambient-paper-ink: #BEC4CF;
  --bdc-ambient-paper-grain: 0;
}
:root[data-appearance="light"][data-contrast="more"], .bdc-appearance-light.bdc-contrast-more {
  color-scheme: light;
  --bdc-background: #ECF1F4;
  --bdc-surface: #FAFDFF;
  --bdc-surface-elevated: #FDFEFF;
  --bdc-fill: #E0E5E8;
  --bdc-fill-2: #E6EBEF;
  --bdc-fill-3: #EBF0F3;
  --bdc-separator: #707477;
  --bdc-label: #191F23;
  --bdc-label-2: #434A4F;
  --bdc-label-3: #676E74;
  --bdc-border: #6A6E71;
  --bdc-tint-soft: #DFF6E9;
  --bdc-tint: #005437;
  --bdc-tint-hover: #00482E;
  --bdc-tint-pressed: #003B25;
  --bdc-on-tint: #FFFFFF;
  --bdc-focus: #005437;
  --bdc-brand: #62B32B;
  --bdc-green-soft: #E6F4E0;
  --bdc-green: #285409;
  --bdc-on-green: #FFFFFF;
  --bdc-teal-soft: #DBF6EF;
  --bdc-teal: #005448;
  --bdc-on-teal: #FFFFFF;
  --bdc-sky-soft: #DFF3FF;
  --bdc-sky: #064F6F;
  --bdc-on-sky: #FFFFFF;
  --bdc-ochre-soft: #FFEBDE;
  --bdc-ochre: #743A00;
  --bdc-on-ochre: #FFFFFF;
  --bdc-red-soft: #FFEAE6;
  --bdc-red: #8B2317;
  --bdc-on-red: #FFFFFF;
  --bdc-plum-soft: #FDE8F6;
  --bdc-plum: #703461;
  --bdc-on-plum: #FFFFFF;
  --bdc-shadow-color: #191F23;
  --bdc-scrim: #000000;
  --bdc-scrim-fill: rgba(0, 0, 0, 0.3);
  --bdc-elevation-level-1: 0px 1px 2px rgba(25, 31, 35, 0.06), 0px 2px 8px rgba(25, 31, 35, 0.04);
  --bdc-elevation-level-2: 0px 2px 6px rgba(25, 31, 35, 0.05), 0px 10px 28px rgba(25, 31, 35, 0.06);
  --bdc-elevation-level-3: 0px 4px 12px rgba(25, 31, 35, 0.05), 0px 24px 64px rgba(25, 31, 35, 0.08);
  --bdc-material-chrome: rgba(236, 241, 244, 0.78);
  --bdc-material-chrome-solid: var(--bdc-background);
  --bdc-material-chrome-filter: blur(24px) saturate(180%);
  --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.6);
  --bdc-material-bar: rgba(250, 253, 255, 0.72);
  --bdc-material-bar-solid: var(--bdc-surface);
  --bdc-material-bar-filter: blur(28px) saturate(180%);
  --bdc-material-bar-highlight: rgba(255, 255, 255, 0.7);
  --bdc-material-menu: rgba(253, 254, 255, 0.84);
  --bdc-material-menu-solid: var(--bdc-surface-elevated);
  --bdc-material-menu-filter: blur(32px) saturate(180%);
  --bdc-material-menu-highlight: rgba(255, 255, 255, 0.6);
  --bdc-material-sheet: rgba(253, 254, 255, 0.9);
  --bdc-material-sheet-solid: var(--bdc-surface-elevated);
  --bdc-material-sheet-filter: blur(40px) saturate(160%);
  --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.5);
  --bdc-ambient-glow-1: rgba(0, 84, 55, 0.13);
  --bdc-ambient-glow-2: rgba(6, 79, 111, 0.11);
  --bdc-ambient-glow-3: rgba(116, 58, 0, 0.11);
  --bdc-ambient-seed-1: rgba(0, 84, 55, 0.5);
  --bdc-ambient-seed-2: rgba(0, 84, 72, 0.4);
  --bdc-ambient-seed-3: rgba(6, 79, 111, 0.26);
  --bdc-ambient-seed-alpha: 0.75;
  --bdc-ambient-paper-base: #ECE2D4;
  --bdc-ambient-paper-edge: #C7AF93;
  --bdc-ambient-paper-stain: #DCCCB8;
  --bdc-ambient-paper-ink: #412B11;
  --bdc-ambient-paper-grain: 0.6;
}
:root[data-appearance="dark"][data-contrast="more"], .bdc-appearance-dark.bdc-contrast-more {
  color-scheme: dark;
  --bdc-background: #101724;
  --bdc-surface: #1A212E;
  --bdc-surface-elevated: #232A38;
  --bdc-fill: #2E3544;
  --bdc-fill-2: #262D3C;
  --bdc-fill-3: #1F2634;
  --bdc-separator: #80899A;
  --bdc-label: #E4EAF5;
  --bdc-label-2: #BEC4CF;
  --bdc-label-3: #8C919B;
  --bdc-border: #8892A3;
  --bdc-tint-soft: #2A3823;
  --bdc-tint: #86D956;
  --bdc-tint-hover: #91E562;
  --bdc-tint-pressed: #9CF06E;
  --bdc-on-tint: #101724;
  --bdc-focus: #86D956;
  --bdc-brand: #62B32B;
  --bdc-green-soft: #293823;
  --bdc-green: #A0D288;
  --bdc-on-green: #101724;
  --bdc-teal-soft: #1A3A33;
  --bdc-teal: #84D3C1;
  --bdc-on-teal: #101724;
  --bdc-sky-soft: #1D3644;
  --bdc-sky: #8DCCF0;
  --bdc-on-sky: #101724;
  --bdc-ochre-soft: #432D1F;
  --bdc-ochre: #FFB480;
  --bdc-on-ochre: #101724;
  --bdc-red-soft: #452B27;
  --bdc-red: #FFB0A3;
  --bdc-on-red: #101724;
  --bdc-plum-soft: #402B3A;
  --bdc-plum: #F5AFE1;
  --bdc-on-plum: #101724;
  --bdc-shadow-color: #000000;
  --bdc-scrim: #000000;
  --bdc-scrim-fill: rgba(0, 0, 0, 0.55);
  --bdc-elevation-level-1: 0px 1px 2px rgba(0, 0, 0, 0.27), 0px 2px 8px rgba(0, 0, 0, 0.18);
  --bdc-elevation-level-2: 0px 2px 6px rgba(0, 0, 0, 0.225), 0px 10px 28px rgba(0, 0, 0, 0.27);
  --bdc-elevation-level-3: 0px 4px 12px rgba(0, 0, 0, 0.225), 0px 24px 64px rgba(0, 0, 0, 0.36);
  --bdc-material-chrome: rgba(16, 23, 36, 0.74);
  --bdc-material-chrome-solid: var(--bdc-background);
  --bdc-material-chrome-filter: blur(24px) saturate(180%);
  --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.08);
  --bdc-material-bar: rgba(26, 33, 46, 0.76);
  --bdc-material-bar-solid: var(--bdc-surface);
  --bdc-material-bar-filter: blur(28px) saturate(180%);
  --bdc-material-bar-highlight: rgba(255, 255, 255, 0.1);
  --bdc-material-menu: rgba(35, 42, 56, 0.8);
  --bdc-material-menu-solid: var(--bdc-surface-elevated);
  --bdc-material-menu-filter: blur(32px) saturate(180%);
  --bdc-material-menu-highlight: rgba(255, 255, 255, 0.1);
  --bdc-material-sheet: rgba(35, 42, 56, 0.86);
  --bdc-material-sheet-solid: var(--bdc-surface-elevated);
  --bdc-material-sheet-filter: blur(40px) saturate(160%);
  --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.08);
  --bdc-ambient-glow-1: rgba(132, 211, 193, 0.09);
  --bdc-ambient-glow-2: rgba(141, 204, 240, 0.08);
  --bdc-ambient-glow-3: rgba(245, 175, 225, 0.06);
  --bdc-ambient-seed-1: rgba(132, 211, 193, 0.5);
  --bdc-ambient-seed-2: rgba(141, 204, 240, 0.4);
  --bdc-ambient-seed-3: rgba(141, 204, 240, 0.26);
  --bdc-ambient-seed-alpha: 0.55;
  --bdc-ambient-paper-base: transparent;
  --bdc-ambient-paper-edge: transparent;
  --bdc-ambient-paper-stain: transparent;
  --bdc-ambient-paper-ink: #BEC4CF;
  --bdc-ambient-paper-grain: 0;
}
:root[data-brand="binocore"] {
  color-scheme: light;
  --bdc-background: #EDF1F3;
  --bdc-surface: #FAFDFF;
  --bdc-surface-elevated: #FDFEFF;
  --bdc-fill: #E1E4E7;
  --bdc-fill-2: #E8EBED;
  --bdc-fill-3: #ECF0F2;
  --bdc-separator: #D5D9DB;
  --bdc-label: #191F23;
  --bdc-label-2: #585F64;
  --bdc-label-3: #848C91;
  --bdc-border: #838789;
  --bdc-tint-soft: #DBF4FE;
  --bdc-tint: #006E8B;
  --bdc-tint-hover: #00627C;
  --bdc-tint-pressed: #00546B;
  --bdc-on-tint: #FFFFFF;
  --bdc-focus: #006E8B;
  --bdc-brand: #62B32B;
  --bdc-green-soft: #E6F4E0;
  --bdc-green: #44712B;
  --bdc-on-green: #FFFFFF;
  --bdc-teal-soft: #DBF6EF;
  --bdc-teal: #1D7263;
  --bdc-on-teal: #FFFFFF;
  --bdc-sky-soft: #DFF3FF;
  --bdc-sky: #2B6B8B;
  --bdc-on-sky: #FFFFFF;
  --bdc-ochre-soft: #FFEBDE;
  --bdc-ochre: #974C00;
  --bdc-on-ochre: #FFFFFF;
  --bdc-red-soft: #FFEAE6;
  --bdc-red: #A43C2E;
  --bdc-on-red: #FFFFFF;
  --bdc-plum-soft: #FDE8F6;
  --bdc-plum: #884A78;
  --bdc-on-plum: #FFFFFF;
  --bdc-shadow-color: #191F23;
  --bdc-scrim: #000000;
  --bdc-scrim-fill: rgba(0, 0, 0, 0.3);
  --bdc-elevation-level-1: 0px 1px 2px rgba(25, 31, 35, 0.06), 0px 2px 8px rgba(25, 31, 35, 0.04);
  --bdc-elevation-level-2: 0px 2px 6px rgba(25, 31, 35, 0.05), 0px 10px 28px rgba(25, 31, 35, 0.06);
  --bdc-elevation-level-3: 0px 4px 12px rgba(25, 31, 35, 0.05), 0px 24px 64px rgba(25, 31, 35, 0.08);
  --bdc-material-chrome: rgba(237, 241, 243, 0.88);
  --bdc-material-chrome-solid: var(--bdc-background);
  --bdc-material-chrome-filter: blur(24px) saturate(180%);
  --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.6);
  --bdc-material-bar: rgba(250, 253, 255, 0.84);
  --bdc-material-bar-solid: var(--bdc-surface);
  --bdc-material-bar-filter: blur(28px) saturate(180%);
  --bdc-material-bar-highlight: rgba(255, 255, 255, 0.7);
  --bdc-material-menu: rgba(253, 254, 255, 0.84);
  --bdc-material-menu-solid: var(--bdc-surface-elevated);
  --bdc-material-menu-filter: blur(32px) saturate(180%);
  --bdc-material-menu-highlight: rgba(255, 255, 255, 0.6);
  --bdc-material-sheet: rgba(253, 254, 255, 0.9);
  --bdc-material-sheet-solid: var(--bdc-surface-elevated);
  --bdc-material-sheet-filter: blur(40px) saturate(160%);
  --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.5);
  --bdc-ambient-glow-1: rgba(0, 110, 139, 0.13);
  --bdc-ambient-glow-2: rgba(43, 107, 139, 0.11);
  --bdc-ambient-glow-3: rgba(151, 76, 0, 0.11);
  --bdc-ambient-seed-1: rgba(0, 110, 139, 0.5);
  --bdc-ambient-seed-2: rgba(29, 114, 99, 0.4);
  --bdc-ambient-seed-3: rgba(43, 107, 139, 0.26);
  --bdc-ambient-seed-alpha: 0.75;
  --bdc-ambient-paper-base: #EEE4D4;
  --bdc-ambient-paper-edge: #D4B693;
  --bdc-ambient-paper-stain: #E3D0B8;
  --bdc-ambient-paper-ink: #4B3011;
  --bdc-ambient-paper-grain: 0.6;
}
@media (prefers-color-scheme: dark) {
  :root[data-brand="binocore"]:not([data-appearance]) {
    color-scheme: dark;
    --bdc-background: #101724;
    --bdc-surface: #1A212E;
    --bdc-surface-elevated: #232A38;
    --bdc-fill: #2E3544;
    --bdc-fill-2: #262D3C;
    --bdc-fill-3: #1F2634;
    --bdc-separator: #353D4C;
    --bdc-label: #E4EAF5;
    --bdc-label-2: #BEC4CF;
    --bdc-label-3: #8C919B;
    --bdc-border: #6B7485;
    --bdc-tint-soft: #1A3742;
    --bdc-tint: #58CEF7;
    --bdc-tint-hover: #6FD8FF;
    --bdc-tint-pressed: #94E1FF;
    --bdc-on-tint: #101724;
    --bdc-focus: #58CEF7;
    --bdc-brand: #62B32B;
    --bdc-green-soft: #293823;
    --bdc-green: #96C87F;
    --bdc-on-green: #101724;
    --bdc-teal-soft: #1A3A33;
    --bdc-teal: #7AC9B7;
    --bdc-on-teal: #101724;
    --bdc-sky-soft: #1D3644;
    --bdc-sky: #82C1E5;
    --bdc-on-sky: #101724;
    --bdc-ochre-soft: #432D1F;
    --bdc-ochre: #F89F5D;
    --bdc-on-ochre: #101724;
    --bdc-red-soft: #452B27;
    --bdc-red: #FF9685;
    --bdc-on-red: #101724;
    --bdc-plum-soft: #402B3A;
    --bdc-plum: #E39ECF;
    --bdc-on-plum: #101724;
    --bdc-shadow-color: #000000;
    --bdc-scrim: #000000;
    --bdc-scrim-fill: rgba(0, 0, 0, 0.55);
    --bdc-elevation-level-1: 0px 1px 2px rgba(0, 0, 0, 0.27), 0px 2px 8px rgba(0, 0, 0, 0.18);
    --bdc-elevation-level-2: 0px 2px 6px rgba(0, 0, 0, 0.225), 0px 10px 28px rgba(0, 0, 0, 0.27);
    --bdc-elevation-level-3: 0px 4px 12px rgba(0, 0, 0, 0.225), 0px 24px 64px rgba(0, 0, 0, 0.36);
    --bdc-material-chrome: rgba(16, 23, 36, 0.74);
    --bdc-material-chrome-solid: var(--bdc-background);
    --bdc-material-chrome-filter: blur(24px) saturate(180%);
    --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.08);
    --bdc-material-bar: rgba(26, 33, 46, 0.76);
    --bdc-material-bar-solid: var(--bdc-surface);
    --bdc-material-bar-filter: blur(28px) saturate(180%);
    --bdc-material-bar-highlight: rgba(255, 255, 255, 0.1);
    --bdc-material-menu: rgba(35, 42, 56, 0.8);
    --bdc-material-menu-solid: var(--bdc-surface-elevated);
    --bdc-material-menu-filter: blur(32px) saturate(180%);
    --bdc-material-menu-highlight: rgba(255, 255, 255, 0.1);
    --bdc-material-sheet: rgba(35, 42, 56, 0.86);
    --bdc-material-sheet-solid: var(--bdc-surface-elevated);
    --bdc-material-sheet-filter: blur(40px) saturate(160%);
    --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.08);
    --bdc-ambient-glow-1: rgba(122, 201, 183, 0.09);
    --bdc-ambient-glow-2: rgba(130, 193, 229, 0.08);
    --bdc-ambient-glow-3: rgba(227, 158, 207, 0.06);
    --bdc-ambient-seed-1: rgba(122, 201, 183, 0.5);
    --bdc-ambient-seed-2: rgba(130, 193, 229, 0.4);
    --bdc-ambient-seed-3: rgba(130, 193, 229, 0.26);
    --bdc-ambient-seed-alpha: 0.55;
    --bdc-ambient-paper-base: transparent;
    --bdc-ambient-paper-edge: transparent;
    --bdc-ambient-paper-stain: transparent;
    --bdc-ambient-paper-ink: #BEC4CF;
    --bdc-ambient-paper-grain: 0;
  }
}
@media (prefers-contrast: more) {
  :root[data-brand="binocore"]:not([data-appearance]) {
    color-scheme: light;
    --bdc-background: #EDF1F3;
    --bdc-surface: #FAFDFF;
    --bdc-surface-elevated: #FDFEFF;
    --bdc-fill: #E1E4E7;
    --bdc-fill-2: #E8EBED;
    --bdc-fill-3: #ECF0F2;
    --bdc-separator: #727578;
    --bdc-label: #191F23;
    --bdc-label-2: #434A4F;
    --bdc-label-3: #676E74;
    --bdc-border: #6B6E70;
    --bdc-tint-soft: #DBF4FE;
    --bdc-tint: #005066;
    --bdc-tint-hover: #004458;
    --bdc-tint-pressed: #003848;
    --bdc-on-tint: #FFFFFF;
    --bdc-focus: #005066;
    --bdc-brand: #62B32B;
    --bdc-green-soft: #E6F4E0;
    --bdc-green: #275307;
    --bdc-on-green: #FFFFFF;
    --bdc-teal-soft: #DBF6EF;
    --bdc-teal: #005346;
    --bdc-on-teal: #FFFFFF;
    --bdc-sky-soft: #DFF3FF;
    --bdc-sky: #044E6D;
    --bdc-on-sky: #FFFFFF;
    --bdc-ochre-soft: #FFEBDE;
    --bdc-ochre: #743A00;
    --bdc-on-ochre: #FFFFFF;
    --bdc-red-soft: #FFEAE6;
    --bdc-red: #8A2216;
    --bdc-on-red: #FFFFFF;
    --bdc-plum-soft: #FDE8F6;
    --bdc-plum: #6E3360;
    --bdc-on-plum: #FFFFFF;
    --bdc-shadow-color: #191F23;
    --bdc-scrim: #000000;
    --bdc-scrim-fill: rgba(0, 0, 0, 0.3);
    --bdc-elevation-level-1: 0px 1px 2px rgba(25, 31, 35, 0.06), 0px 2px 8px rgba(25, 31, 35, 0.04);
    --bdc-elevation-level-2: 0px 2px 6px rgba(25, 31, 35, 0.05), 0px 10px 28px rgba(25, 31, 35, 0.06);
    --bdc-elevation-level-3: 0px 4px 12px rgba(25, 31, 35, 0.05), 0px 24px 64px rgba(25, 31, 35, 0.08);
    --bdc-material-chrome: rgba(237, 241, 243, 0.78);
    --bdc-material-chrome-solid: var(--bdc-background);
    --bdc-material-chrome-filter: blur(24px) saturate(180%);
    --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.6);
    --bdc-material-bar: rgba(250, 253, 255, 0.72);
    --bdc-material-bar-solid: var(--bdc-surface);
    --bdc-material-bar-filter: blur(28px) saturate(180%);
    --bdc-material-bar-highlight: rgba(255, 255, 255, 0.7);
    --bdc-material-menu: rgba(253, 254, 255, 0.84);
    --bdc-material-menu-solid: var(--bdc-surface-elevated);
    --bdc-material-menu-filter: blur(32px) saturate(180%);
    --bdc-material-menu-highlight: rgba(255, 255, 255, 0.6);
    --bdc-material-sheet: rgba(253, 254, 255, 0.9);
    --bdc-material-sheet-solid: var(--bdc-surface-elevated);
    --bdc-material-sheet-filter: blur(40px) saturate(160%);
    --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.5);
    --bdc-ambient-glow-1: rgba(0, 80, 102, 0.13);
    --bdc-ambient-glow-2: rgba(4, 78, 109, 0.11);
    --bdc-ambient-glow-3: rgba(116, 58, 0, 0.11);
    --bdc-ambient-seed-1: rgba(0, 80, 102, 0.5);
    --bdc-ambient-seed-2: rgba(0, 83, 70, 0.4);
    --bdc-ambient-seed-3: rgba(4, 78, 109, 0.26);
    --bdc-ambient-seed-alpha: 0.75;
    --bdc-ambient-paper-base: #ECE2D4;
    --bdc-ambient-paper-edge: #C7AF93;
    --bdc-ambient-paper-stain: #DCCCB8;
    --bdc-ambient-paper-ink: #412B11;
    --bdc-ambient-paper-grain: 0.6;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root[data-brand="binocore"]:not([data-appearance]) {
    color-scheme: dark;
    --bdc-background: #101724;
    --bdc-surface: #1A212E;
    --bdc-surface-elevated: #232A38;
    --bdc-fill: #2E3544;
    --bdc-fill-2: #262D3C;
    --bdc-fill-3: #1F2634;
    --bdc-separator: #80899A;
    --bdc-label: #E4EAF5;
    --bdc-label-2: #BEC4CF;
    --bdc-label-3: #8C919B;
    --bdc-border: #8892A3;
    --bdc-tint-soft: #1A3742;
    --bdc-tint: #5DD3FC;
    --bdc-tint-hover: #80DCFF;
    --bdc-tint-pressed: #A2E5FF;
    --bdc-on-tint: #101724;
    --bdc-focus: #5DD3FC;
    --bdc-brand: #62B32B;
    --bdc-green-soft: #293823;
    --bdc-green: #A0D288;
    --bdc-on-green: #101724;
    --bdc-teal-soft: #1A3A33;
    --bdc-teal: #84D3C1;
    --bdc-on-teal: #101724;
    --bdc-sky-soft: #1D3644;
    --bdc-sky: #8DCCF0;
    --bdc-on-sky: #101724;
    --bdc-ochre-soft: #432D1F;
    --bdc-ochre: #FFB480;
    --bdc-on-ochre: #101724;
    --bdc-red-soft: #452B27;
    --bdc-red: #FFB0A3;
    --bdc-on-red: #101724;
    --bdc-plum-soft: #402B3A;
    --bdc-plum: #F5AFE1;
    --bdc-on-plum: #101724;
    --bdc-shadow-color: #000000;
    --bdc-scrim: #000000;
    --bdc-scrim-fill: rgba(0, 0, 0, 0.55);
    --bdc-elevation-level-1: 0px 1px 2px rgba(0, 0, 0, 0.27), 0px 2px 8px rgba(0, 0, 0, 0.18);
    --bdc-elevation-level-2: 0px 2px 6px rgba(0, 0, 0, 0.225), 0px 10px 28px rgba(0, 0, 0, 0.27);
    --bdc-elevation-level-3: 0px 4px 12px rgba(0, 0, 0, 0.225), 0px 24px 64px rgba(0, 0, 0, 0.36);
    --bdc-material-chrome: rgba(16, 23, 36, 0.74);
    --bdc-material-chrome-solid: var(--bdc-background);
    --bdc-material-chrome-filter: blur(24px) saturate(180%);
    --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.08);
    --bdc-material-bar: rgba(26, 33, 46, 0.76);
    --bdc-material-bar-solid: var(--bdc-surface);
    --bdc-material-bar-filter: blur(28px) saturate(180%);
    --bdc-material-bar-highlight: rgba(255, 255, 255, 0.1);
    --bdc-material-menu: rgba(35, 42, 56, 0.8);
    --bdc-material-menu-solid: var(--bdc-surface-elevated);
    --bdc-material-menu-filter: blur(32px) saturate(180%);
    --bdc-material-menu-highlight: rgba(255, 255, 255, 0.1);
    --bdc-material-sheet: rgba(35, 42, 56, 0.86);
    --bdc-material-sheet-solid: var(--bdc-surface-elevated);
    --bdc-material-sheet-filter: blur(40px) saturate(160%);
    --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.08);
    --bdc-ambient-glow-1: rgba(132, 211, 193, 0.09);
    --bdc-ambient-glow-2: rgba(141, 204, 240, 0.08);
    --bdc-ambient-glow-3: rgba(245, 175, 225, 0.06);
    --bdc-ambient-seed-1: rgba(132, 211, 193, 0.5);
    --bdc-ambient-seed-2: rgba(141, 204, 240, 0.4);
    --bdc-ambient-seed-3: rgba(141, 204, 240, 0.26);
    --bdc-ambient-seed-alpha: 0.55;
    --bdc-ambient-paper-base: transparent;
    --bdc-ambient-paper-edge: transparent;
    --bdc-ambient-paper-stain: transparent;
    --bdc-ambient-paper-ink: #BEC4CF;
    --bdc-ambient-paper-grain: 0;
  }
}
:root[data-brand="binocore"][data-appearance="light"] {
  color-scheme: light;
  --bdc-background: #EDF1F3;
  --bdc-surface: #FAFDFF;
  --bdc-surface-elevated: #FDFEFF;
  --bdc-fill: #E1E4E7;
  --bdc-fill-2: #E8EBED;
  --bdc-fill-3: #ECF0F2;
  --bdc-separator: #D5D9DB;
  --bdc-label: #191F23;
  --bdc-label-2: #585F64;
  --bdc-label-3: #848C91;
  --bdc-border: #838789;
  --bdc-tint-soft: #DBF4FE;
  --bdc-tint: #006E8B;
  --bdc-tint-hover: #00627C;
  --bdc-tint-pressed: #00546B;
  --bdc-on-tint: #FFFFFF;
  --bdc-focus: #006E8B;
  --bdc-brand: #62B32B;
  --bdc-green-soft: #E6F4E0;
  --bdc-green: #44712B;
  --bdc-on-green: #FFFFFF;
  --bdc-teal-soft: #DBF6EF;
  --bdc-teal: #1D7263;
  --bdc-on-teal: #FFFFFF;
  --bdc-sky-soft: #DFF3FF;
  --bdc-sky: #2B6B8B;
  --bdc-on-sky: #FFFFFF;
  --bdc-ochre-soft: #FFEBDE;
  --bdc-ochre: #974C00;
  --bdc-on-ochre: #FFFFFF;
  --bdc-red-soft: #FFEAE6;
  --bdc-red: #A43C2E;
  --bdc-on-red: #FFFFFF;
  --bdc-plum-soft: #FDE8F6;
  --bdc-plum: #884A78;
  --bdc-on-plum: #FFFFFF;
  --bdc-shadow-color: #191F23;
  --bdc-scrim: #000000;
  --bdc-scrim-fill: rgba(0, 0, 0, 0.3);
  --bdc-elevation-level-1: 0px 1px 2px rgba(25, 31, 35, 0.06), 0px 2px 8px rgba(25, 31, 35, 0.04);
  --bdc-elevation-level-2: 0px 2px 6px rgba(25, 31, 35, 0.05), 0px 10px 28px rgba(25, 31, 35, 0.06);
  --bdc-elevation-level-3: 0px 4px 12px rgba(25, 31, 35, 0.05), 0px 24px 64px rgba(25, 31, 35, 0.08);
  --bdc-material-chrome: rgba(237, 241, 243, 0.88);
  --bdc-material-chrome-solid: var(--bdc-background);
  --bdc-material-chrome-filter: blur(24px) saturate(180%);
  --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.6);
  --bdc-material-bar: rgba(250, 253, 255, 0.84);
  --bdc-material-bar-solid: var(--bdc-surface);
  --bdc-material-bar-filter: blur(28px) saturate(180%);
  --bdc-material-bar-highlight: rgba(255, 255, 255, 0.7);
  --bdc-material-menu: rgba(253, 254, 255, 0.84);
  --bdc-material-menu-solid: var(--bdc-surface-elevated);
  --bdc-material-menu-filter: blur(32px) saturate(180%);
  --bdc-material-menu-highlight: rgba(255, 255, 255, 0.6);
  --bdc-material-sheet: rgba(253, 254, 255, 0.9);
  --bdc-material-sheet-solid: var(--bdc-surface-elevated);
  --bdc-material-sheet-filter: blur(40px) saturate(160%);
  --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.5);
  --bdc-ambient-glow-1: rgba(0, 110, 139, 0.13);
  --bdc-ambient-glow-2: rgba(43, 107, 139, 0.11);
  --bdc-ambient-glow-3: rgba(151, 76, 0, 0.11);
  --bdc-ambient-seed-1: rgba(0, 110, 139, 0.5);
  --bdc-ambient-seed-2: rgba(29, 114, 99, 0.4);
  --bdc-ambient-seed-3: rgba(43, 107, 139, 0.26);
  --bdc-ambient-seed-alpha: 0.75;
  --bdc-ambient-paper-base: #EEE4D4;
  --bdc-ambient-paper-edge: #D4B693;
  --bdc-ambient-paper-stain: #E3D0B8;
  --bdc-ambient-paper-ink: #4B3011;
  --bdc-ambient-paper-grain: 0.6;
}
:root[data-brand="binocore"][data-appearance="dark"] {
  color-scheme: dark;
  --bdc-background: #101724;
  --bdc-surface: #1A212E;
  --bdc-surface-elevated: #232A38;
  --bdc-fill: #2E3544;
  --bdc-fill-2: #262D3C;
  --bdc-fill-3: #1F2634;
  --bdc-separator: #353D4C;
  --bdc-label: #E4EAF5;
  --bdc-label-2: #BEC4CF;
  --bdc-label-3: #8C919B;
  --bdc-border: #6B7485;
  --bdc-tint-soft: #1A3742;
  --bdc-tint: #58CEF7;
  --bdc-tint-hover: #6FD8FF;
  --bdc-tint-pressed: #94E1FF;
  --bdc-on-tint: #101724;
  --bdc-focus: #58CEF7;
  --bdc-brand: #62B32B;
  --bdc-green-soft: #293823;
  --bdc-green: #96C87F;
  --bdc-on-green: #101724;
  --bdc-teal-soft: #1A3A33;
  --bdc-teal: #7AC9B7;
  --bdc-on-teal: #101724;
  --bdc-sky-soft: #1D3644;
  --bdc-sky: #82C1E5;
  --bdc-on-sky: #101724;
  --bdc-ochre-soft: #432D1F;
  --bdc-ochre: #F89F5D;
  --bdc-on-ochre: #101724;
  --bdc-red-soft: #452B27;
  --bdc-red: #FF9685;
  --bdc-on-red: #101724;
  --bdc-plum-soft: #402B3A;
  --bdc-plum: #E39ECF;
  --bdc-on-plum: #101724;
  --bdc-shadow-color: #000000;
  --bdc-scrim: #000000;
  --bdc-scrim-fill: rgba(0, 0, 0, 0.55);
  --bdc-elevation-level-1: 0px 1px 2px rgba(0, 0, 0, 0.27), 0px 2px 8px rgba(0, 0, 0, 0.18);
  --bdc-elevation-level-2: 0px 2px 6px rgba(0, 0, 0, 0.225), 0px 10px 28px rgba(0, 0, 0, 0.27);
  --bdc-elevation-level-3: 0px 4px 12px rgba(0, 0, 0, 0.225), 0px 24px 64px rgba(0, 0, 0, 0.36);
  --bdc-material-chrome: rgba(16, 23, 36, 0.74);
  --bdc-material-chrome-solid: var(--bdc-background);
  --bdc-material-chrome-filter: blur(24px) saturate(180%);
  --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.08);
  --bdc-material-bar: rgba(26, 33, 46, 0.76);
  --bdc-material-bar-solid: var(--bdc-surface);
  --bdc-material-bar-filter: blur(28px) saturate(180%);
  --bdc-material-bar-highlight: rgba(255, 255, 255, 0.1);
  --bdc-material-menu: rgba(35, 42, 56, 0.8);
  --bdc-material-menu-solid: var(--bdc-surface-elevated);
  --bdc-material-menu-filter: blur(32px) saturate(180%);
  --bdc-material-menu-highlight: rgba(255, 255, 255, 0.1);
  --bdc-material-sheet: rgba(35, 42, 56, 0.86);
  --bdc-material-sheet-solid: var(--bdc-surface-elevated);
  --bdc-material-sheet-filter: blur(40px) saturate(160%);
  --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.08);
  --bdc-ambient-glow-1: rgba(122, 201, 183, 0.09);
  --bdc-ambient-glow-2: rgba(130, 193, 229, 0.08);
  --bdc-ambient-glow-3: rgba(227, 158, 207, 0.06);
  --bdc-ambient-seed-1: rgba(122, 201, 183, 0.5);
  --bdc-ambient-seed-2: rgba(130, 193, 229, 0.4);
  --bdc-ambient-seed-3: rgba(130, 193, 229, 0.26);
  --bdc-ambient-seed-alpha: 0.55;
  --bdc-ambient-paper-base: transparent;
  --bdc-ambient-paper-edge: transparent;
  --bdc-ambient-paper-stain: transparent;
  --bdc-ambient-paper-ink: #BEC4CF;
  --bdc-ambient-paper-grain: 0;
}
:root[data-brand="binocore"][data-appearance="light"][data-contrast="more"] {
  color-scheme: light;
  --bdc-background: #EDF1F3;
  --bdc-surface: #FAFDFF;
  --bdc-surface-elevated: #FDFEFF;
  --bdc-fill: #E1E4E7;
  --bdc-fill-2: #E8EBED;
  --bdc-fill-3: #ECF0F2;
  --bdc-separator: #727578;
  --bdc-label: #191F23;
  --bdc-label-2: #434A4F;
  --bdc-label-3: #676E74;
  --bdc-border: #6B6E70;
  --bdc-tint-soft: #DBF4FE;
  --bdc-tint: #005066;
  --bdc-tint-hover: #004458;
  --bdc-tint-pressed: #003848;
  --bdc-on-tint: #FFFFFF;
  --bdc-focus: #005066;
  --bdc-brand: #62B32B;
  --bdc-green-soft: #E6F4E0;
  --bdc-green: #275307;
  --bdc-on-green: #FFFFFF;
  --bdc-teal-soft: #DBF6EF;
  --bdc-teal: #005346;
  --bdc-on-teal: #FFFFFF;
  --bdc-sky-soft: #DFF3FF;
  --bdc-sky: #044E6D;
  --bdc-on-sky: #FFFFFF;
  --bdc-ochre-soft: #FFEBDE;
  --bdc-ochre: #743A00;
  --bdc-on-ochre: #FFFFFF;
  --bdc-red-soft: #FFEAE6;
  --bdc-red: #8A2216;
  --bdc-on-red: #FFFFFF;
  --bdc-plum-soft: #FDE8F6;
  --bdc-plum: #6E3360;
  --bdc-on-plum: #FFFFFF;
  --bdc-shadow-color: #191F23;
  --bdc-scrim: #000000;
  --bdc-scrim-fill: rgba(0, 0, 0, 0.3);
  --bdc-elevation-level-1: 0px 1px 2px rgba(25, 31, 35, 0.06), 0px 2px 8px rgba(25, 31, 35, 0.04);
  --bdc-elevation-level-2: 0px 2px 6px rgba(25, 31, 35, 0.05), 0px 10px 28px rgba(25, 31, 35, 0.06);
  --bdc-elevation-level-3: 0px 4px 12px rgba(25, 31, 35, 0.05), 0px 24px 64px rgba(25, 31, 35, 0.08);
  --bdc-material-chrome: rgba(237, 241, 243, 0.78);
  --bdc-material-chrome-solid: var(--bdc-background);
  --bdc-material-chrome-filter: blur(24px) saturate(180%);
  --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.6);
  --bdc-material-bar: rgba(250, 253, 255, 0.72);
  --bdc-material-bar-solid: var(--bdc-surface);
  --bdc-material-bar-filter: blur(28px) saturate(180%);
  --bdc-material-bar-highlight: rgba(255, 255, 255, 0.7);
  --bdc-material-menu: rgba(253, 254, 255, 0.84);
  --bdc-material-menu-solid: var(--bdc-surface-elevated);
  --bdc-material-menu-filter: blur(32px) saturate(180%);
  --bdc-material-menu-highlight: rgba(255, 255, 255, 0.6);
  --bdc-material-sheet: rgba(253, 254, 255, 0.9);
  --bdc-material-sheet-solid: var(--bdc-surface-elevated);
  --bdc-material-sheet-filter: blur(40px) saturate(160%);
  --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.5);
  --bdc-ambient-glow-1: rgba(0, 80, 102, 0.13);
  --bdc-ambient-glow-2: rgba(4, 78, 109, 0.11);
  --bdc-ambient-glow-3: rgba(116, 58, 0, 0.11);
  --bdc-ambient-seed-1: rgba(0, 80, 102, 0.5);
  --bdc-ambient-seed-2: rgba(0, 83, 70, 0.4);
  --bdc-ambient-seed-3: rgba(4, 78, 109, 0.26);
  --bdc-ambient-seed-alpha: 0.75;
  --bdc-ambient-paper-base: #ECE2D4;
  --bdc-ambient-paper-edge: #C7AF93;
  --bdc-ambient-paper-stain: #DCCCB8;
  --bdc-ambient-paper-ink: #412B11;
  --bdc-ambient-paper-grain: 0.6;
}
:root[data-brand="binocore"][data-appearance="dark"][data-contrast="more"] {
  color-scheme: dark;
  --bdc-background: #101724;
  --bdc-surface: #1A212E;
  --bdc-surface-elevated: #232A38;
  --bdc-fill: #2E3544;
  --bdc-fill-2: #262D3C;
  --bdc-fill-3: #1F2634;
  --bdc-separator: #80899A;
  --bdc-label: #E4EAF5;
  --bdc-label-2: #BEC4CF;
  --bdc-label-3: #8C919B;
  --bdc-border: #8892A3;
  --bdc-tint-soft: #1A3742;
  --bdc-tint: #5DD3FC;
  --bdc-tint-hover: #80DCFF;
  --bdc-tint-pressed: #A2E5FF;
  --bdc-on-tint: #101724;
  --bdc-focus: #5DD3FC;
  --bdc-brand: #62B32B;
  --bdc-green-soft: #293823;
  --bdc-green: #A0D288;
  --bdc-on-green: #101724;
  --bdc-teal-soft: #1A3A33;
  --bdc-teal: #84D3C1;
  --bdc-on-teal: #101724;
  --bdc-sky-soft: #1D3644;
  --bdc-sky: #8DCCF0;
  --bdc-on-sky: #101724;
  --bdc-ochre-soft: #432D1F;
  --bdc-ochre: #FFB480;
  --bdc-on-ochre: #101724;
  --bdc-red-soft: #452B27;
  --bdc-red: #FFB0A3;
  --bdc-on-red: #101724;
  --bdc-plum-soft: #402B3A;
  --bdc-plum: #F5AFE1;
  --bdc-on-plum: #101724;
  --bdc-shadow-color: #000000;
  --bdc-scrim: #000000;
  --bdc-scrim-fill: rgba(0, 0, 0, 0.55);
  --bdc-elevation-level-1: 0px 1px 2px rgba(0, 0, 0, 0.27), 0px 2px 8px rgba(0, 0, 0, 0.18);
  --bdc-elevation-level-2: 0px 2px 6px rgba(0, 0, 0, 0.225), 0px 10px 28px rgba(0, 0, 0, 0.27);
  --bdc-elevation-level-3: 0px 4px 12px rgba(0, 0, 0, 0.225), 0px 24px 64px rgba(0, 0, 0, 0.36);
  --bdc-material-chrome: rgba(16, 23, 36, 0.74);
  --bdc-material-chrome-solid: var(--bdc-background);
  --bdc-material-chrome-filter: blur(24px) saturate(180%);
  --bdc-material-chrome-highlight: rgba(255, 255, 255, 0.08);
  --bdc-material-bar: rgba(26, 33, 46, 0.76);
  --bdc-material-bar-solid: var(--bdc-surface);
  --bdc-material-bar-filter: blur(28px) saturate(180%);
  --bdc-material-bar-highlight: rgba(255, 255, 255, 0.1);
  --bdc-material-menu: rgba(35, 42, 56, 0.8);
  --bdc-material-menu-solid: var(--bdc-surface-elevated);
  --bdc-material-menu-filter: blur(32px) saturate(180%);
  --bdc-material-menu-highlight: rgba(255, 255, 255, 0.1);
  --bdc-material-sheet: rgba(35, 42, 56, 0.86);
  --bdc-material-sheet-solid: var(--bdc-surface-elevated);
  --bdc-material-sheet-filter: blur(40px) saturate(160%);
  --bdc-material-sheet-highlight: rgba(255, 255, 255, 0.08);
  --bdc-ambient-glow-1: rgba(132, 211, 193, 0.09);
  --bdc-ambient-glow-2: rgba(141, 204, 240, 0.08);
  --bdc-ambient-glow-3: rgba(245, 175, 225, 0.06);
  --bdc-ambient-seed-1: rgba(132, 211, 193, 0.5);
  --bdc-ambient-seed-2: rgba(141, 204, 240, 0.4);
  --bdc-ambient-seed-3: rgba(141, 204, 240, 0.26);
  --bdc-ambient-seed-alpha: 0.55;
  --bdc-ambient-paper-base: transparent;
  --bdc-ambient-paper-edge: transparent;
  --bdc-ambient-paper-stain: transparent;
  --bdc-ambient-paper-ink: #BEC4CF;
  --bdc-ambient-paper-grain: 0;
}
:root[data-typeface="native"], .bdc-typeface-native {
  --bdc-font: var(--bdc-font-native);
}
@media (color-gamut: p3) {
  :root {
    --bdc-brand-vivid: oklch(68.9% 0.2394 135.75);
  }
}
@supports not (transition-timing-function: linear(0, 1)) {
  :root {
    --bdc-spring-default: var(--bdc-ease-fallback);
    --bdc-spring-snappy: var(--bdc-ease-fallback);
    --bdc-spring-smooth: var(--bdc-ease-fallback);
    --bdc-spring-bouncy: var(--bdc-ease-fallback);
    --bdc-spring-interactive: var(--bdc-ease-fallback);
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --bdc-spring-default: linear;
    --bdc-spring-default-duration: 150ms;
    --bdc-spring-snappy: linear;
    --bdc-spring-snappy-duration: 150ms;
    --bdc-spring-smooth: linear;
    --bdc-spring-smooth-duration: 150ms;
    --bdc-spring-bouncy: linear;
    --bdc-spring-bouncy-duration: 150ms;
    --bdc-spring-interactive: linear;
    --bdc-spring-interactive-duration: 150ms;
  }
}
.bdc-material-chrome {
  background-color: var(--bdc-material-chrome);
  -webkit-backdrop-filter: var(--bdc-material-chrome-filter);
  backdrop-filter: var(--bdc-material-chrome-filter);
  box-shadow: inset 0 var(--bdc-border-thin) 0 var(--bdc-material-chrome-highlight);
}
.bdc-material-bar {
  background-color: var(--bdc-material-bar);
  -webkit-backdrop-filter: var(--bdc-material-bar-filter);
  backdrop-filter: var(--bdc-material-bar-filter);
  box-shadow: inset 0 var(--bdc-border-thin) 0 var(--bdc-material-bar-highlight);
}
.bdc-material-menu {
  background-color: var(--bdc-material-menu);
  -webkit-backdrop-filter: var(--bdc-material-menu-filter);
  backdrop-filter: var(--bdc-material-menu-filter);
  box-shadow: inset 0 var(--bdc-border-thin) 0 var(--bdc-material-menu-highlight);
}
.bdc-material-sheet {
  background-color: var(--bdc-material-sheet);
  -webkit-backdrop-filter: var(--bdc-material-sheet-filter);
  backdrop-filter: var(--bdc-material-sheet-filter);
  box-shadow: inset 0 var(--bdc-border-thin) 0 var(--bdc-material-sheet-highlight);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .bdc-material-chrome {
    background-color: var(--bdc-material-chrome-solid);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .bdc-material-bar {
    background-color: var(--bdc-material-bar-solid);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .bdc-material-menu {
    background-color: var(--bdc-material-menu-solid);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .bdc-material-sheet {
    background-color: var(--bdc-material-sheet-solid);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (forced-colors: active) {
  .bdc-material-chrome {
    background-color: var(--bdc-material-chrome-solid);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .bdc-material-bar {
    background-color: var(--bdc-material-bar-solid);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .bdc-material-menu {
    background-color: var(--bdc-material-menu-solid);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .bdc-material-sheet {
    background-color: var(--bdc-material-sheet-solid);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
:root[data-transparency="reduce"] :is(.bdc-material-chrome, .bdc-material-bar, .bdc-material-menu, .bdc-material-sheet) {
  background-color: var(--bdc-surface-elevated);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
@supports (corner-shape: squircle) {
  .bdc-squircle {
    corner-shape: squircle;
  }
}
.bdc-text-display {
  font-family: var(--bdc-font);
  font-size: var(--bdc-type-display-size);
  line-height: var(--bdc-type-display-line);
  font-weight: var(--bdc-type-display-weight);
  letter-spacing: var(--bdc-type-display-tracking);
}
.bdc-text-large-title {
  font-family: var(--bdc-font);
  font-size: var(--bdc-type-large-title-size);
  line-height: var(--bdc-type-large-title-line);
  font-weight: var(--bdc-type-large-title-weight);
  letter-spacing: var(--bdc-type-large-title-tracking);
}
.bdc-text-title-1 {
  font-family: var(--bdc-font);
  font-size: var(--bdc-type-title-1-size);
  line-height: var(--bdc-type-title-1-line);
  font-weight: var(--bdc-type-title-1-weight);
  letter-spacing: var(--bdc-type-title-1-tracking);
}
.bdc-text-title-2 {
  font-family: var(--bdc-font);
  font-size: var(--bdc-type-title-2-size);
  line-height: var(--bdc-type-title-2-line);
  font-weight: var(--bdc-type-title-2-weight);
  letter-spacing: var(--bdc-type-title-2-tracking);
}
.bdc-text-title-3 {
  font-family: var(--bdc-font);
  font-size: var(--bdc-type-title-3-size);
  line-height: var(--bdc-type-title-3-line);
  font-weight: var(--bdc-type-title-3-weight);
  letter-spacing: var(--bdc-type-title-3-tracking);
}
.bdc-text-headline {
  font-family: var(--bdc-font);
  font-size: var(--bdc-type-headline-size);
  line-height: var(--bdc-type-headline-line);
  font-weight: var(--bdc-type-headline-weight);
  letter-spacing: var(--bdc-type-headline-tracking);
}
.bdc-text-body {
  font-family: var(--bdc-font);
  font-size: var(--bdc-type-body-size);
  line-height: var(--bdc-type-body-line);
  font-weight: var(--bdc-type-body-weight);
  letter-spacing: var(--bdc-type-body-tracking);
}
.bdc-text-callout {
  font-family: var(--bdc-font);
  font-size: var(--bdc-type-callout-size);
  line-height: var(--bdc-type-callout-line);
  font-weight: var(--bdc-type-callout-weight);
  letter-spacing: var(--bdc-type-callout-tracking);
}
.bdc-text-subheadline {
  font-family: var(--bdc-font);
  font-size: var(--bdc-type-subheadline-size);
  line-height: var(--bdc-type-subheadline-line);
  font-weight: var(--bdc-type-subheadline-weight);
  letter-spacing: var(--bdc-type-subheadline-tracking);
}
.bdc-text-footnote {
  font-family: var(--bdc-font);
  font-size: var(--bdc-type-footnote-size);
  line-height: var(--bdc-type-footnote-line);
  font-weight: var(--bdc-type-footnote-weight);
  letter-spacing: var(--bdc-type-footnote-tracking);
}
.bdc-text-caption-1 {
  font-family: var(--bdc-font);
  font-size: var(--bdc-type-caption-1-size);
  line-height: var(--bdc-type-caption-1-line);
  font-weight: var(--bdc-type-caption-1-weight);
  letter-spacing: var(--bdc-type-caption-1-tracking);
}
.bdc-text-caption-2 {
  font-family: var(--bdc-font);
  font-size: var(--bdc-type-caption-2-size);
  line-height: var(--bdc-type-caption-2-line);
  font-weight: var(--bdc-type-caption-2-weight);
  letter-spacing: var(--bdc-type-caption-2-tracking);
}