.has-light{ --fx-bg: #F3F4F7; --fx-surface: #FFFFFF; --fx-surface-2: #F6F7FA; --fx-surface-3: #E9EBF0; --fx-line: #CDD0DA; --fx-heading: #14161D; --fx-text-strong: #262935; --fx-text: #464A59; --fx-muted: #666B7A; --fx-ink: 20 22 30; --fx-ink-color: var(--neutral-ultra-dark, #13181B); --fx-shade: 24 28 45; --fx-shade-k: .4; --fx-tint: 14%; --fx-on-image: #FFFFFF; color-scheme: light; } .has-light--warm{ --fx-bg: #F6F3EE; --fx-surface: #FFFDF9; --fx-surface-2: #F3EFE8; --fx-surface-3: #EAE4DA; --fx-line: #D6CEC1; --fx-ink: 40 30 20; --fx-shade: 60 40 20; } .has-light--cool{ --fx-bg: #EEF2F8; --fx-surface: #FFFFFF; --fx-surface-2: #EDF1F8; --fx-surface-3: #E0E7F1; --fx-line: #C5CFDD; --fx-ink: 14 26 48; --fx-shade: 20 40 80; } .has-light--soft{ --fx-heading: #2A2D38; --fx-text-strong: #383B47; --fx-text: #595D6B; --fx-muted: #7A7E8C; --fx-shade-k: .3; }  .has-dark{ --fx-bg: initial; --fx-surface: initial; --fx-surface-2: initial; --fx-surface-3: initial; --fx-line: initial; --fx-heading: initial; --fx-text-strong: initial; --fx-text: initial; --fx-muted: initial; --fx-ink: initial; --fx-ink-color: initial; --fx-shade: initial; --fx-shade-k: initial; --fx-tint: initial; --fx-on-image: initial; color-scheme: dark; }  .has-invert{ filter: invert(1) hue-rotate(180deg); } .has-invert--soft{ filter: invert(1) hue-rotate(180deg) brightness(.96) contrast(.9); }  .has-invert :is(img, video, iframe, canvas, .has-invert-keep):not(.has-invert-keep *){ filter: invert(1) hue-rotate(180deg); }   .has-grid:is(.has-light, .has-light *){ --grid-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 6%, transparent); }  .has-hatch:is(.has-light, .has-light *){ --hatch-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); } .has-hatch--strong:is(.has-light, .has-light *){ --hatch-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 13%, transparent); } .has-hatch--invert:is(.has-light, .has-light *){ --hatch-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 7%, transparent); }  .has-blueprint:is(.has-light, .has-light *){ --bp-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); --bp-color-fine: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 5%, transparent); } .has-blueprint--invert:is(.has-light, .has-light *){ --bp-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 7%, transparent); --bp-color-fine: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 3%, transparent); }  .has-ticks:is(.has-light, .has-light *){ --tick-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 16%, transparent); } .has-ticks--invert:is(.has-light, .has-light *){ --tick-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 14%, transparent); }  .has-topo:is(.has-light, .has-light *){ --topo-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); } .has-topo--invert:is(.has-light, .has-light *){ --topo-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 8%, transparent); }  .has-perspective:is(.has-light, .has-light *){ --pg-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 16%, transparent); } .has-perspective--invert:is(.has-light, .has-light *){ --pg-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 14%, transparent); }  .has-marks:is(.has-light, .has-light *){ --cm-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); } .has-marks--invert:is(.has-light, .has-light *){ --cm-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 22%, transparent); } .has-marks--strong:is(.has-light, .has-light *){ --cm-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 45%, transparent); }  .has-bond:is(.has-light, .has-light *){ --bond-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 14%, transparent); } .has-bond--invert:is(.has-light, .has-light *){ --bond-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 10%, transparent); }  .has-iso:is(.has-light, .has-light *){ --iso-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 11%, transparent); } .has-iso--invert:is(.has-light, .has-light *){ --iso-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 8%, transparent); }  .has-halftone:is(.has-light, .has-light *){ --ht-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 30%, transparent); } .has-halftone--invert:is(.has-light, .has-light *){ --ht-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 22%, transparent); }  .has-rays:is(.has-light, .has-light *){ --rays-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 20%, transparent); } .has-rays--invert:is(.has-light, .has-light *){ --rays-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 14%, transparent); }  .has-wave:is(.has-light, .has-light *){ --wave-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 14%, transparent); } .has-wave--invert:is(.has-light, .has-light *){ --wave-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 10%, transparent); }  .has-scatter:is(.has-light, .has-light *){ --sc-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 26%, transparent); --sc-color-soft: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 12%, transparent); } .has-scatter--invert:is(.has-light, .has-light *){ --sc-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 20%, transparent); --sc-color-soft: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 9%, transparent); }  .has-drift:is(.has-light, .has-light *){ --drift-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); } .has-drift--invert:is(.has-light, .has-light *){ --drift-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 7%, transparent); }  .has-sweep:is(.has-light, .has-light *){ --sweep-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); } .has-sweep--invert:is(.has-light, .has-light *){ --sweep-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 8%, transparent); }  .has-radar:is(.has-light, .has-light *){ --radar-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 8%, transparent); } .has-radar--invert:is(.has-light, .has-light *){ --radar-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 7%, transparent); }  .has-marching:is(.has-light, .has-light *){ --ma-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); } .has-marching--strong:is(.has-light, .has-light *){ --ma-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 40%, transparent); } .has-marching--invert:is(.has-light, .has-light *){ --ma-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 26%, transparent); }  .has-ripple:is(.has-light, .has-light *){ --ripple-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 18%, transparent); } .has-ripple--invert:is(.has-light, .has-light *){ --ripple-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 12%, transparent); }  .has-runway:is(.has-light, .has-light *){ --rw-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 16%, transparent); } .has-runway--invert:is(.has-light, .has-light *){ --rw-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 14%, transparent); }  .has-parallax:is(.has-light, .has-light *){ --px-near: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 30%, transparent); --px-far: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 15%, transparent); } .has-parallax--invert:is(.has-light, .has-light *){ --px-near: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 24%, transparent); --px-far: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 11%, transparent); }  .has-breathe:is(.has-light, .has-light *){ --br-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 12%, transparent); } .has-breathe--invert:is(.has-light, .has-light *){ --br-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 9%, transparent); }  .has-edge:is(.has-light, .has-light *){ --edge-b: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 75%, transparent); }  .has-spot:is(.has-light, .has-light *){ --spot-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 16%, transparent); } .has-spot--strong:is(.has-light, .has-light *){ --spot-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 28%, transparent); } .has-spot--tinted:is(.has-light, .has-light *){ --spot-color: color-mix(in srgb, var(--primary, #6C63E0) 35%, transparent); } .has-spot--invert:is(.has-light, .has-light *){ --spot-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 10%, transparent); }  .has-underglow:is(.has-light, .has-light *){ --ug-color: var(--secondary, #28BE96); } .has-underglow--neutral:is(.has-light, .has-light *){ --ug-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 60%, transparent); }  .has-rain:is(.has-light, .has-light *){ --rain-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 50%, transparent); --rain-soft: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); } .has-rain--invert:is(.has-light, .has-light *){ --rain-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 40%, transparent); --rain-soft: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 18%, transparent); }  .has-swell:is(.has-light, .has-light *){ --swell-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 18%, transparent); } .has-swell--invert:is(.has-light, .has-light *){ --swell-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 12%, transparent); }  .has-sonar:is(.has-light, .has-light *){ --sonar-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 24%, transparent); } .has-sonar--invert:is(.has-light, .has-light *){ --sonar-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 14%, transparent); }  .has-cursor:is(.has-light, .has-light *){ --cursor-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); --cursor-grid: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 12%, transparent); } .has-cursor--tinted:is(.has-light, .has-light *){ --cursor-color: color-mix(in srgb, var(--primary, #6C63E0) 40%, transparent); } .has-cursor--invert:is(.has-light, .has-light *){ --cursor-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 12%, transparent); --cursor-grid: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 8%, transparent); }  .has-spotlight:is(.has-light, .has-light *){ --sl-edge: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 80%, transparent); }  .has-scrollpan:is(.has-light, .has-light *){ --pan-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); } .has-scrollpan--invert:is(.has-light, .has-light *){ --pan-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 8%, transparent); }  .has-shine:is(.has-light, .has-light *){ --shine-base: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 45%, transparent); } .has-shine--invert:is(.has-light, .has-light *){ --shine-base: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 70%, transparent); }  .has-compare:is(.has-light, .has-light *){ --cmp-line-color: var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)); }  .has-lift:is(.has-light, .has-light *){ --lift-shadow: 0 18px 40px -12px rgb(var(--fx-shade, 0 0 0) / calc(.55 * var(--fx-shade-k, 1))); --lift-border: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); } .has-lift--flat:is(.has-light, .has-light *){ --lift-shadow: 0 8px 20px -10px rgb(var(--fx-shade, 0 0 0) / calc(.5 * var(--fx-shade-k, 1))); }  .has-stroke:is(.has-light, .has-light *){ --stroke-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 85%, transparent); } .has-stroke--tinted:is(.has-light, .has-light *){ --stroke-color: var(--primary, #6C63E0); }  .has-slice--text:is(.has-light, .has-light *):hover, .has-slice--text:is(.has-light, .has-light *):focus-within{ color: var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)); }  .has-glowline:is(.has-light, .has-light *){ --gl-base: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 14%, transparent); } .has-glowline--no-base:is(.has-light, .has-light *){ --gl-base: transparent; }  .has-thread:is(.has-light, .has-light *){ --th-base: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 14%, transparent); --th-fill: var(--primary, #6C63E0); } .has-thread:is(.has-light, .has-light *) .has-thread-item::before{ outline: 3px solid var(--section-bg, var(--fx-surface, #14181B)); } .has-thread--neutral:is(.has-light, .has-light *){ --th-fill: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 60%, transparent); }  .has-sheet:is(.has-light, .has-light *){ --sheet-base: var(--surface, var(--fx-surface-3, #1E252A)); }  .has-flow:is(.has-light, .has-light *){ --fl-base: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 16%, transparent); }  .has-focus:is(.has-light, .has-light *){ --fc-b: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 85%, transparent); }  .has-dawn:is(.has-light, .has-light *){ --dawn-color: var(--primary, #6C63E0); --dawn-edge: color-mix(in srgb, var(--primary, #6C63E0) 55%, rgb(var(--fx-ink, 255 255 255))); } .has-dawn--neutral:is(.has-light, .has-light *){ --dawn-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 40%, transparent); --dawn-edge: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 55%, transparent); }  .has-horizon:is(.has-light, .has-light *){ --hz-grid: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 11%, transparent); }  .has-spotgrid:is(.has-light, .has-light *){ --sg-dim: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 7%, transparent); --sg-lit: color-mix(in srgb, var(--primary, #8C82FF) 85%, transparent); } .has-spotgrid--neutral:is(.has-light, .has-light *){ --sg-lit: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 45%, transparent); }  .has-cells:is(.has-light, .has-light *){ --cell-grid: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 8%, transparent); --cell-fill: color-mix(in srgb, var(--primary, #8C82FF) 20%, transparent); --cell-edge: color-mix(in srgb, var(--primary, #8C82FF) 60%, transparent); } .has-cells--outline:is(.has-light, .has-light *){ --cell-fill: transparent; } .has-cells--neutral:is(.has-light, .has-light *){ --cell-fill: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); --cell-edge: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 40%, transparent); }  .has-crosshair:is(.has-light, .has-light *){ --ch-color: color-mix(in srgb, var(--primary, #8C82FF) 75%, transparent); --ch-grid: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 8%, transparent); } .has-crosshair--neutral:is(.has-light, .has-light *){ --ch-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 45%, transparent); }  .has-holo:is(.has-light, .has-light *){ --ho-grid: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 7%, transparent); }  .has-scanner:is(.has-light, .has-light *){ --sc-color: color-mix(in srgb, var(--primary, #8C82FF) 45%, transparent); --sc-grid: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 8%, transparent); } .has-scanner--neutral:is(.has-light, .has-light *){ --sc-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 28%, transparent); }  .has-circuit:is(.has-light, .has-light *){ --ci-base: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); }  .has-starfield:is(.has-light, .has-light *){ --st-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 55%, transparent); --st-soft: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); --st-bright: color-mix(in srgb, var(--primary, #8C82FF) 80%, transparent); } .has-starfield--neutral:is(.has-light, .has-light *){ --st-bright: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 85%, transparent); }  .has-warp:is(.has-light, .has-light *){ --wp-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 12%, transparent); }  .has-prism:is(.has-light, .has-light *){ --pr-a: color-mix(in srgb, var(--primary, #6C63E0) 70%, transparent); --pr-b: color-mix(in srgb, var(--secondary, #28BE96) 55%, transparent); --pr-c: color-mix(in srgb, var(--tertiary, #E27C58) 45%, transparent); } .has-prism--neutral:is(.has-light, .has-light *){ --pr-a: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 40%, transparent); --pr-b: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); --pr-c: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 14%, transparent); }  .has-ruler:is(.has-light, .has-light *){ --ru-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 18%, transparent); --ru-major-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 38%, transparent); } .has-ruler--tinted:is(.has-light, .has-light *){ --ru-major-color: color-mix(in srgb, var(--primary, #8C82FF) 65%, transparent); }  .has-glass:is(.has-light, .has-light *){ --gs-tint: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 6%, transparent); --gs-top: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 20%, transparent); --gs-bottom: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 7%, transparent); --gs-grid: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); }  .has-ping:is(.has-light, .has-light *){ --pg-grid: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 8%, transparent); }  .has-field:is(.has-light, .has-light *){ --fd-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); } .has-field--tinted:is(.has-light, .has-light *){ --fd-color: color-mix(in srgb, var(--primary, #8C82FF) 55%, transparent); }  .has-eyebrow:is(.has-light, .has-light *){ --ey-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 62%, transparent); } .has-eyebrow--accent:is(.has-light, .has-light *){ --ey-color: var(--ey-accent, var(--primary, #8C82FF)); } .has-eyebrow--bright:is(.has-light, .has-light *){ --ey-color: var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)); } .has-eyebrow--invert:is(.has-light, .has-light *){ --ey-color: color-mix(in srgb, var(--neutral-ultra-dark, #13181B) 62%, transparent); }  .has-eyebrow-glow:is(.has-light, .has-light *){ --eyg-base: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 18%, transparent); --eyg-b: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 92%, transparent); } .has-eyebrow-glow--quiet:is(.has-light, .has-light *){ --eyg-base: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); } .has-eyebrow-glow--arc:is(.has-light, .has-light *){ --eyg-base: transparent; }  .has-eyebrow-mark:is(.has-light, .has-light *){ --eym-color: color-mix(in srgb, var(--ey-accent, var(--primary, #8C82FF)) 22%, transparent); } .has-eyebrow-mark--strong:is(.has-light, .has-light *){ --eym-color: color-mix(in srgb, var(--ey-accent, var(--primary, #8C82FF)) 45%, transparent); } .has-eyebrow-mark--neutral:is(.has-light, .has-light *){ --eym-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 14%, transparent); }  .has-eyebrow-tag:is(.has-light, .has-light *){ --eyt-fill: color-mix(in srgb, var(--ey-accent, var(--primary, #8C82FF)) 14%, transparent); --eyt-bar-color: var(--ey-accent, var(--primary, #8C82FF)); } .has-eyebrow-tag--solid:is(.has-light, .has-light *){ --eyt-fill: color-mix(in srgb, var(--ey-accent, var(--primary, #8C82FF)) 30%, transparent); } .has-eyebrow-tag--neutral:is(.has-light, .has-light *){ --eyt-fill: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); --eyt-bar-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 45%, transparent); }  .has-eyebrow-shine:is(.has-light, .has-light *){ --eys-base: var(--ey-color, color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 62%, transparent)); --eys-peak: var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)); } .has-eyebrow-shine--tinted:is(.has-light, .has-light *){ --eys-peak: var(--ey-accent, var(--primary, #8C82FF)); }  .has-list-steps:is(.has-light, .has-light *){ --ls-color: var(--primary, #8C82FF); } .has-list-steps--solid:is(.has-light, .has-light *){ --ls-color: var(--fx-heading, #FFFFFF); }  .has-media-duo:is(.has-light, .has-light *){ --md-a: var(--primary, #6C63E0); --md-b: var(--secondary, #28BE96); } .has-media-duo--mono:is(.has-light, .has-light *){ --md-a: var(--fx-muted, #8A97A2); --md-b: var(--fx-muted, #8A97A2); } .has-media-duo--single:is(.has-light, .has-light *){ --md-b: var(--md-a); }  .has-media-frame:is(.has-light, .has-light *){ --mf-chrome: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); --mf-border: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 14%, transparent); --mf-dot: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 28%, transparent); background: var(--mf-chrome); } .has-media-frame:is(.has-light, .has-light *)::before{ background: var(--mf-dot); } .has-media-frame--bar:is(.has-light, .has-light *)::after{ background: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 8%, transparent); }  .has-guides:is(.has-light, .has-light *){ --gd-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); }  .has-flicker:is(.has-light, .has-light *){ --fk-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 7%, transparent); }  .has-watermark:is(.has-light, .has-light *){ --wm-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 12%, transparent); } .has-watermark--fill:is(.has-light, .has-light *)::before{ --wm-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 5%, transparent); }  .has-dotwave:is(.has-light, .has-light *){ --dw-dim: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 14%, transparent); }  .has-rim:is(.has-light, .has-light *){ --rim-base: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); }  .has-frost:is(.has-light, .has-light *){ --fr-tint: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 6%, transparent); --fr-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 14%, transparent); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 18%, transparent), 0 24px 48px -24px rgb(var(--fx-shade, 0 0 0) / calc(.55 * var(--fx-shade-k, 1))); } .has-frost--strong:is(.has-light, .has-light *){ --fr-tint: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); } .has-frost--tint:is(.has-light, .has-light *){ --fr-tint: color-mix(in srgb, var(--primary, #8C82FF) 14%, transparent); } .has-frost--light:is(.has-light, .has-light *){ --fr-tint: rgb(var(--fx-ink, 255 255 255) / .55); --fr-line: rgb(var(--fx-ink, 255 255 255) / .7); box-shadow: inset 0 1px 0 #FFFFFF, 0 24px 48px -24px rgb(20 20 40 / .25); }  .has-layers:is(.has-light, .has-light *){ --ly-base: var(--fx-surface-2, #1A1C23); --ly-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); }  .has-notch:is(.has-light, .has-light *){ --nt-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 16%, transparent); }  .has-surface:is(.has-light, .has-light *){ --sf-base: var(--fx-surface, #16181E); --sf-edge: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); --sf-top: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 12%, transparent); box-shadow: inset 0 1px 0 var(--sf-top), 0 1px 1px rgb(var(--fx-shade, 0 0 0) / calc(.4 * var(--fx-shade-k, 1))), 0 8px 16px -8px rgb(var(--fx-shade, 0 0 0) / calc(.45 * var(--fx-shade-k, 1))), 0 28px 48px -24px rgb(var(--fx-shade, 0 0 0) / calc(.55 * var(--fx-shade-k, 1))); } .has-surface--sunken:is(.has-light, .has-light *), .has-surface--press:is(.has-light, .has-light *):active{ box-shadow: inset 0 2px 6px rgb(var(--fx-shade, 0 0 0) / calc(.45 * var(--fx-shade-k, 1))), inset 0 -1px 0 color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 6%, transparent); } .has-surface--flat:is(.has-light, .has-light *){ box-shadow: inset 0 1px 0 var(--sf-top); }  .has-tab:is(.has-light, .has-light *){ --tab-text: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 70%, transparent); }  .has-sun:is(.has-light, .has-light *){ --sn-top: var(--secondary, #FFB547); } .has-sun--mono:is(.has-light, .has-light *){ --sn-top: var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)); }  .has-seam:is(.has-light, .has-light *){ --sm-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 14%, transparent); --sm-core: color-mix(in srgb, var(--primary, #8C82FF) 90%, rgb(var(--fx-ink, 255 255 255))); } .has-seam--quiet:is(.has-light, .has-light *){ --sm-core: var(--sm-line); }  :where(.has-window:is(.has-light, .has-light *)){ color: var(--fx-on-image); }  :where(.has-kenburns:is(.has-light, .has-light *)){ color: var(--fx-on-image); }  .has-duotone:is(.has-light, .has-light *){ --dt-dark: color-mix(in srgb, #1B1446 var(--fx-tint, 100%), var(--fx-surface, #1B1446)); --dt-light: var(--primary, #8C82FF); } .has-duotone--teal:is(.has-light, .has-light *){ --dt-dark: color-mix(in srgb, #0B2A2E var(--fx-tint, 100%), var(--fx-surface, #0B2A2E)); --dt-light: #5FE0CF; } .has-duotone--warm:is(.has-light, .has-light *){ --dt-dark: color-mix(in srgb, #3A0F1E var(--fx-tint, 100%), var(--fx-surface, #3A0F1E)); --dt-light: #FFB86B; } .has-duotone--mono:is(.has-light, .has-light *){ --dt-dark: var(--fx-bg, #101114); --dt-light: var(--fx-text-strong, #E9E7E1); }  .has-solar:is(.has-light, .has-light *){ --so-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); --so-dot-2: var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)); }  .has-brackets:is(.has-light, .has-light *){ --bk-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 45%, transparent); } .has-brackets:is(.has-light, .has-light *):hover::before{ --bk-color: var(--primary, #8C82FF); } .has-brackets--accent:is(.has-light, .has-light *){ --bk-color: var(--primary, #8C82FF); }  .has-ticket:is(.has-light, .has-light *){ --tk-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); }  .has-fold:is(.has-light, .has-light *){ --fo-flap: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 16%, var(--fx-line, #2A2C35)); } .has-fold:is(.has-light, .has-light *)::before{ filter: drop-shadow(-3px 3px 4px rgb(var(--fx-shade, 0 0 0) / calc(.35 * var(--fx-shade-k, 1)))); } .has-fold--accent:is(.has-light, .has-light *){ --fo-flap: var(--primary, #8C82FF); }  .has-scrollshadow:is(.has-light, .has-light *){ --ss-bg: var(--fx-surface, #16181E); --ss-shadow: rgb(var(--fx-shade, 0 0 0) / calc(.55 * var(--fx-shade-k, 1))); } .has-scrollshadow--glow:is(.has-light, .has-light *){ --ss-shadow: color-mix(in srgb, var(--primary, #8C82FF) 45%, transparent); }  .has-browser:is(.has-light, .has-light *){ --bw-chrome: var(--fx-surface-2, #1E2028); --bw-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 8%, transparent); --bw-dot: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); --bw-url-bg: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 6%, transparent); --bw-url-text: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 55%, transparent); } .has-browser--light:is(.has-light, .has-light *){ --bw-chrome: var(--fx-text-strong, #EDEEF2); --bw-line: rgb(0 0 0 / .08); --bw-dot: rgb(0 0 0 / .18); --bw-url-bg: #FFFFFF; --bw-url-text: rgb(0 0 0 / .55); }  .has-tape:is(.has-light, .has-light *){ --tp-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 20%, transparent); } .has-tape:is(.has-light, .has-light *)::before, .has-tape--corners:is(.has-light, .has-light *)::after{ background: repeating-linear-gradient(90deg, rgb(var(--fx-ink, 255 255 255) / .05) 0 2px, transparent 2px 5px), var(--tp-color); box-shadow: 0 1px 2px rgb(var(--fx-shade, 0 0 0) / calc(.2 * var(--fx-shade-k, 1))); } .has-tape--color:is(.has-light, .has-light *){ --tp-color: color-mix(in srgb, var(--primary, #8C82FF) 45%, transparent); }  .has-offset:is(.has-light, .has-light *){ --of-border: var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)); }  .has-bokeh:is(.has-light, .has-light *){ --bo-c: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 14%, transparent); }  .has-crt:is(.has-light, .has-light *){ --crt-band: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 5%, transparent); }  .has-inset:is(.has-light, .has-light *){ --in-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 16%, transparent); --in-text: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 55%, transparent); } .has-inset--accent:is(.has-light, .has-light *){ --in-line: color-mix(in srgb, var(--primary, #8C82FF) 60%, transparent); }  .has-pin:is(.has-light, .has-light *){ box-shadow: 0 -24px 48px -12px rgb(var(--fx-shade, 0 0 0) / calc(.45 * var(--fx-shade-k, 1))); }  .has-hex:is(.has-light, .has-light *){ --hx-dim: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 8%, transparent); }  .has-eclipse:is(.has-light, .has-light *)::before{ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ec-glow) 70%, rgb(var(--fx-ink, 255 255 255))), inset 0 0 24px color-mix(in srgb, var(--ec-glow) 25%, transparent), 0 0 40px 4px color-mix(in srgb, var(--ec-glow) 55%, transparent), 0 0 140px 30px color-mix(in srgb, var(--ec-glow) 22%, transparent); }  .has-sash:is(.has-light, .has-light *)::after{ box-shadow: 0 2px 8px rgb(var(--fx-shade, 0 0 0) / calc(.3 * var(--fx-shade-k, 1))); }  .has-skeleton:is(.has-light, .has-light *){ --sk-block: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 8%, transparent); }  .has-key:is(.has-light, .has-light *){ --ky-face: var(--fx-surface-3, #262833); --ky-side: var(--fx-surface, #121318); background-color: var(--ky-face); background-image: linear-gradient(color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 6%, transparent), transparent 60%); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 12%, transparent), 0 var(--ky-now) 0 0 var(--ky-side), 0 calc(var(--ky-now) + 10px) 18px -8px rgb(var(--fx-shade, 0 0 0) / calc(.55 * var(--fx-shade-k, 1))); } .has-key--accent:is(.has-light, .has-light *){ --ky-face: var(--primary, #8C82FF); --ky-side: color-mix(in srgb, var(--primary, #8C82FF) 55%, #000); } .has-key--light:is(.has-light, .has-light *){ --ky-face: var(--fx-text-strong, #F2F2F5); --ky-side: var(--fx-text, #C2C3CC); }  .has-choice:is(.has-light, .has-light *){ --cho-bg: var(--fx-surface, #16181E); --cho-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 14%, transparent); }  .has-embers:is(.has-light, .has-light *){ --em-a: #FFB347; --em-b: #FF6A3D; } .has-embers--snow:is(.has-light, .has-light *){ --em-a: var(--fx-heading, #FFFFFF); --em-b: color-mix(in srgb, rgb(var(--fx-ink, 255 255 255)) 70%, transparent); }  .has-drawgrid:is(.has-light, .has-light *){ --dg-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 8%, transparent); }  .has-well:is(.has-light, .has-light *){ --wl-shadow: rgb(var(--fx-shade, 0 0 0) / calc(.55 * var(--fx-shade-k, 1))); } .has-well--deep:is(.has-light, .has-light *){ --wl-shadow: rgb(var(--fx-shade, 0 0 0) / calc(.7 * var(--fx-shade-k, 1))); }  .has-network:is(.has-light, .has-light *){ --nw-a: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); }  .has-podium:is(.has-light, .has-light *)::before{ box-shadow: inset 0 2px 0 color-mix(in srgb, color-mix(in srgb, var(--pd-color) 40%, rgb(var(--fx-ink, 255 255 255))) 45%, transparent); } .has-podium--plain:is(.has-light, .has-light *)::before{ box-shadow: none; }  .has-hills:is(.has-light, .has-light *){ --hl-back: color-mix(in srgb, var(--primary, #8C82FF) 30%, var(--fx-surface-2, #1A1C24)); }  .has-story:is(.has-light, .has-light *){ --sy-colors: #F9CE34, #EE2A7B, #6228D7, #F9CE34; } .has-story--brand:is(.has-light, .has-light *){ --sy-colors: var(--primary, #8C82FF), var(--secondary, #3FD0C9), var(--primary, #8C82FF); } .has-story--seen:is(.has-light, .has-light *){ --sy-colors: var(--fx-line, #4A4D57), var(--fx-line, #4A4D57); }  .has-ring:is(.has-light, .has-light *){ --rg-track: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 8%, transparent); }  .has-count:is(.has-light, .has-light *){ --ct-text: var(--fx-heading, #FFFFFF); } .has-count--accent:is(.has-light, .has-light *){ --ct-text: var(--neutral-ultra-dark, #0F1015); }  .has-details:is(.has-light, .has-light *){ --ac-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 12%, transparent); }  .has-float:is(.has-light, .has-light *){ --ft-shadow: rgb(var(--fx-shade, 0 0 0) / calc(.45 * var(--fx-shade-k, 1))); } .has-float--noshadow:is(.has-light, .has-light *){ --ft-shadow: transparent; }  :where(.has-zoomin:is(.has-light, .has-light *)){ color: var(--fx-on-image); }  .has-double:is(.has-light, .has-light *){ --db-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); --db-outer: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 12%, transparent); } .has-double--accent:is(.has-light, .has-light *){ --db-line: var(--primary, #8C82FF); --db-outer: color-mix(in srgb, var(--primary, #8C82FF) 45%, transparent); }  .has-sticker:is(.has-light, .has-light *){ --stk-edge: var(--fx-heading, #FFFFFF); filter: drop-shadow(var(--stk-w) 0 0 var(--stk-edge)) drop-shadow(calc(var(--stk-w) * -1) 0 0 var(--stk-edge)) drop-shadow(0 var(--stk-w) 0 var(--stk-edge)) drop-shadow(0 calc(var(--stk-w) * -1) 0 var(--stk-edge)) drop-shadow(0 6px 8px rgb(var(--fx-shade, 0 0 0) / calc(.35 * var(--fx-shade-k, 1)))); } .has-sticker--dark:is(.has-light, .has-light *){ --stk-edge: var(--fx-surface, #15161B); }  .has-marble:is(.has-light, .has-light *){ --mb-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 14%, transparent); } .has-marble--light:is(.has-light, .has-light *){ --mb-color: rgb(0 0 0 / .14); }  .has-hud:is(.has-light, .has-light *){ --hd-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); }  .has-caution:is(.has-light, .has-light *){ --cz-b: var(--fx-bg, #111111); } .has-caution--brand:is(.has-light, .has-light *){ --cz-b: var(--neutral-ultra-dark, #0F1015); }  @supports (animation-timeline: view()){ .has-fill:is(.has-light, .has-light *)::before{ background: var(--fi-color); } } .has-fill--edge:is(.has-light, .has-light *)::before{ background: linear-gradient(color-mix(in srgb, var(--primary, #8C82FF) 80%, rgb(var(--fx-ink, 255 255 255))) 0 2px, var(--fi-color) 2px); }  :where(.has-dolly:is(.has-light, .has-light *)){ color: var(--fx-on-image); }  .has-facets:is(.has-light, .has-light *){ --fc-tone: var(--primary, #8C82FF); } .has-facets:is(.has-light, .has-light *)::before{ background: linear-gradient(115deg, var(--fc-light) 0 28%, transparent 28%), linear-gradient(245deg, color-mix(in srgb, var(--fc-tone) 14%, transparent) 0 24%, transparent 24%), linear-gradient(35deg, transparent 58%, var(--fc-dark) 58%), linear-gradient(160deg, transparent 66%, var(--fc-light) 66%), linear-gradient(290deg, transparent 72%, color-mix(in srgb, var(--fc-tone) 10%, transparent) 72%), linear-gradient(75deg, var(--fc-dark) 0 18%, transparent 18%), linear-gradient(200deg, transparent 45%, rgb(var(--fx-ink, 255 255 255) / .025) 45% 62%, transparent 62%); } .has-facets--mono:is(.has-light, .has-light *){ --fc-tone: var(--fx-heading, #FFFFFF); }  .has-seigaiha:is(.has-light, .has-light *){ --sq-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 12%, transparent); } .has-seigaiha--accent:is(.has-light, .has-light *){ --sq-color: color-mix(in srgb, var(--primary, #8C82FF) 35%, transparent); }  .has-comet:is(.has-light, .has-light *){ --cmt-color: var(--fx-heading, #FFFFFF); } .has-comet--accent:is(.has-light, .has-light *){ --cmt-color: var(--primary, #8C82FF); }  .has-index:is(.has-light, .has-light *){ --ix-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 7%, transparent); } .has-index--outline:is(.has-light, .has-light *)::after{ -webkit-text-stroke: 1px color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 22%, transparent); } .has-index--accent:is(.has-light, .has-light *){ --ix-color: color-mix(in srgb, var(--primary, #8C82FF) 22%, transparent); }  .has-neon:is(.has-light, .has-light *){ --ne-core: color-mix(in srgb, var(--ne-color) 45%, rgb(var(--fx-ink, 255 255 255))); }  .has-spoiler:is(.has-light, .has-light *)::after{ color: var(--fx-heading, #FFFFFF); }  .has-meter:is(.has-light, .has-light *){ --mt-track: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); }  .has-go:is(.has-light, .has-light *){ --go-ring: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 20%, transparent); --go-arrow: var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)); } .has-go--filled:is(.has-light, .has-light *){ --go-ring: var(--go-fill); }  .has-depth:is(.has-light, .has-light *):is(:hover, :focus-within){ box-shadow: 18px 28px 40px -20px rgb(var(--fx-shade, 0 0 0) / calc(.6 * var(--fx-shade-k, 1))); }  .has-extrude:is(.has-light, .has-light *){ --ex-color: color-mix(in srgb, var(--primary, #8C82FF) 55%, #000); box-shadow: calc(var(--ex-d) * .1) calc(var(--ex-d) * .1) 0 var(--ex-color), calc(var(--ex-d) * .2) calc(var(--ex-d) * .2) 0 var(--ex-color), calc(var(--ex-d) * .3) calc(var(--ex-d) * .3) 0 var(--ex-color), calc(var(--ex-d) * .4) calc(var(--ex-d) * .4) 0 var(--ex-color), calc(var(--ex-d) * .5) calc(var(--ex-d) * .5) 0 var(--ex-color), calc(var(--ex-d) * .6) calc(var(--ex-d) * .6) 0 var(--ex-color), calc(var(--ex-d) * .7) calc(var(--ex-d) * .7) 0 var(--ex-color), calc(var(--ex-d) * .8) calc(var(--ex-d) * .8) 0 var(--ex-color), calc(var(--ex-d) * .9) calc(var(--ex-d) * .9) 0 var(--ex-color), var(--ex-d) var(--ex-d) 0 var(--ex-color), calc(var(--ex-d) + 8px) calc(var(--ex-d) + 12px) 24px -8px rgb(var(--fx-shade, 0 0 0) / calc(.5 * var(--fx-shade-k, 1))); } .has-extrude--neutral:is(.has-light, .has-light *){ --ex-color: var(--fx-bg, #07080B); }  .has-shift:is(.has-light, .has-light *){ --gs-c1: var(--fx-surface-2, #1C1E28); --gs-c2: color-mix(in srgb, var(--primary, #8C82FF) 45%, var(--fx-surface-2, #1C1E28)); --gs-c3: color-mix(in srgb, var(--secondary, #3FD0C9) 35%, var(--fx-surface-2, #1C1E28)); } .has-shift--warm:is(.has-light, .has-light *){ --gs-c2: color-mix(in srgb, #FF7A59 45%, var(--fx-surface-2, #1C1E28)); --gs-c3: color-mix(in srgb, #F2C14E 35%, var(--fx-surface-2, #1C1E28)); }  .has-popout:is(.has-light, .has-light *){ --po-shadow: rgb(var(--fx-shade, 0 0 0) / calc(.45 * var(--fx-shade-k, 1))); }  .has-swing:is(.has-light, .has-light *){ --sw-nail-color: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 70%, var(--fx-line, #666)); } .has-swing:is(.has-light, .has-light *)::before{ background: radial-gradient(circle at 35% 35%, #FFFFFF, var(--sw-nail-color) 45%, var(--fx-line, #333) 100%); box-shadow: 0 2px 3px rgb(var(--fx-shade, 0 0 0) / calc(.5 * var(--fx-shade-k, 1))); }  .card-classic:is(.has-light, .has-light *){ --cc-bg: var(--fx-surface, #17191F); --cc-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); --cc-text: var(--fx-text-strong, #E8E9EF); --cc-muted: var(--fx-muted, #9A9EAC); } .card-classic:is(.has-light, .has-light *):hover{ box-shadow: 0 24px 40px -24px rgb(var(--fx-shade, 0 0 0) / calc(.7 * var(--fx-shade-k, 1))); }  .card-overlay:is(.has-light, .has-light *){ color: #FFFFFF; } .card-overlay:is(.has-light, .has-light *) p{ color: rgb(255 255 255 / .78); } .card-overlay:is(.has-light, .has-light *) > :is(a, .brxe-button){ color: #FFFFFF; } :where(.card-overlay:is(.has-light, .has-light *)){ color: var(--fx-on-image); }  .card-horizontal:is(.has-light, .has-light *){ --chz-bg: var(--fx-surface, #17191F); --chz-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); --chz-muted: var(--fx-muted, #9A9EAC); color: var(--fx-text-strong, #E8E9EF); } .card-horizontal:is(.has-light, .has-light *) > span{ color: var(--chz-accent); } .card-horizontal:is(.has-light, .has-light *) p{ color: var(--chz-muted); } .card-horizontal:is(.has-light, .has-light *) > :is(a, .brxe-button){ color: var(--chz-accent); }  .card-inset:is(.has-light, .has-light *){ --cin-bg: var(--fx-surface, #17191F); --cin-muted: var(--fx-muted, #9A9EAC); color: var(--fx-text-strong, #E8E9EF); } .card-inset:is(.has-light, .has-light *) > span{ color: #15161B; box-shadow: 0 4px 14px -4px rgb(var(--fx-shade, 0 0 0) / calc(.4 * var(--fx-shade-k, 1))); } .card-inset:is(.has-light, .has-light *) p{ color: var(--cin-muted); } .card-inset:is(.has-light, .has-light *) > :is(a, .brxe-button){ color: var(--cin-accent); }  .card-snapshot:is(.has-light, .has-light *){ --cs-bg: var(--fx-surface-2, #1C1E26); --cs-frame: var(--fx-text-strong, #F4F2EC); --cs-muted: var(--fx-text, #A2A6B4); color: var(--fx-text-strong, #ECEDF2); } .card-snapshot:is(.has-light, .has-light *) > :is(img, figure){ box-shadow: 0 16px 30px -12px rgb(var(--fx-shade, 0 0 0) / calc(.6 * var(--fx-shade-k, 1))); } .card-snapshot:is(.has-light, .has-light *) > span{ color: var(--cs-accent); } .card-snapshot:is(.has-light, .has-light *) p{ color: var(--cs-muted); } .card-snapshot:is(.has-light, .has-light *) li::before{ color: var(--cs-accent); } .card-snapshot:is(.has-light, .has-light *) > :is(a, .brxe-button){ color: var(--cs-accent); }  .card-blueprint:is(.has-light, .has-light *){ --cb-bg: var(--fx-surface, #10151C); --cb-ink: var(--fx-heading, #CFE0FF); --cb-muted: var(--fx-muted, #7F93AE); }  .card-pricing:is(.has-light, .has-light *){ --cpr-bg: var(--fx-surface, #17191F); --cpr-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); --cpr-muted: var(--fx-muted, #9A9EAC); color: var(--fx-text-strong, #ECEDF2); } .card-pricing:is(.has-light, .has-light *) > span{ color: var(--cpr-accent); } .card-pricing:is(.has-light, .has-light *) p{ color: var(--cpr-muted); } .card-pricing:is(.has-light, .has-light *) > :is(a, .brxe-button){ color: #0F1015; } .card-pricing:is(.has-light, .has-light *)::after{ color: #15161B; }  .card-gradient:is(.has-light, .has-light *){ --cg-bg: var(--fx-surface, #13141A); --cg-muted: var(--fx-muted, #9A9EAC); color: var(--fx-text-strong, #ECEDF2); } .card-gradient:is(.has-light, .has-light *) > span{ color: transparent; } .card-gradient:is(.has-light, .has-light *) p{ color: var(--cg-muted); } .card-gradient:is(.has-light, .has-light *) > :is(a, .brxe-button){ color: #0F1015; }  .card-product:is(.has-light, .has-light *){ --cr-bg: var(--fx-surface, #17191F); --cr-muted: var(--fx-muted, #9A9EAC); background: var(--cr-bg); color: var(--fx-text-strong, #ECEDF2); } .card-product:is(.has-light, .has-light *) > :is(img, figure){ background: radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--cr-glow) 45%, transparent) 0 28%, transparent 62%), color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 3%, transparent); } .card-product:is(.has-light, .has-light *) > span{ color: var(--cr-muted); } .card-product:is(.has-light, .has-light *) p{ color: var(--cr-muted); } .card-product:is(.has-light, .has-light *) li{ background: color-mix(in srgb, var(--cr-glow) 10%, transparent); color: color-mix(in srgb, var(--cr-glow) 60%, rgb(var(--fx-ink, 255 255 255))); } .card-product:is(.has-light, .has-light *) > :is(a, .brxe-button){ background: #FFFFFF; color: #15161B; }  .card-minimal:is(.has-light, .has-light *){ --cmn-muted: var(--fx-muted, #9A9EAC); color: var(--fx-text-strong, #ECEDF2); } .card-minimal:is(.has-light, .has-light *) > span{ color: var(--cmn-accent); } .card-minimal:is(.has-light, .has-light *) p{ color: var(--cmn-muted); } .card-minimal:is(.has-light, .has-light *) ul{ color: var(--cmn-muted); } .card-minimal:is(.has-light, .has-light *) > :is(a, .brxe-button){ color: var(--cmn-accent); }  .card-reveal:is(.has-light, .has-light *){ --rv-bg: var(--fx-surface, #17191F); --rv-muted: var(--fx-text, #A0A4B2); color: var(--fx-text-strong, #ECEDF2); } .card-reveal:is(.has-light, .has-light *) > span, .card-reveal:is(.has-light, .has-light *) > :is(h2, h3, h4){ color: var(--fx-heading, #FFFFFF); text-shadow: 0 1px 12px rgb(var(--fx-shade, 0 0 0) / calc(.5 * var(--fx-shade-k, 1))); } .card-reveal:is(.has-light, .has-light *) p{ color: var(--rv-muted); } .card-reveal:is(.has-light, .has-light *) > :is(a, .brxe-button){ color: var(--rv-accent); }  .card-profile:is(.has-light, .has-light *){ --cf-bg: var(--fx-surface, #17191F); --cf-band-color: linear-gradient(120deg, color-mix(in srgb, var(--primary, #8C82FF) 60%, var(--fx-surface, #17191F)), color-mix(in srgb, var(--secondary, #3FD0C9) 45%, var(--fx-surface, #17191F))); --cf-muted: var(--fx-muted, #9A9EAC); background: var(--cf-band-color) 0 0 / 100% var(--cf-band) no-repeat, var(--cf-bg); color: var(--fx-text-strong, #ECEDF2); } .card-profile:is(.has-light, .has-light *) > span{ color: var(--primary, #8C82FF); } .card-profile:is(.has-light, .has-light *) p{ color: var(--cf-muted); } .card-profile:is(.has-light, .has-light *) li{ background: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 5%, transparent); color: var(--fx-text, #C9CBD6); } .card-profile:is(.has-light, .has-light *) > :is(a, .brxe-button){ color: var(--primary, #8C82FF); }  .card-feature:is(.has-light, .has-light *){ --cft-bg: var(--fx-surface, #17191F); --cft-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); --cft-muted: var(--fx-muted, #9A9EAC); color: var(--fx-text-strong, #ECEDF2); } .card-feature:is(.has-light, .has-light *) > :is(img, figure){ box-shadow: 0 0 0 1px var(--cft-line), 0 8px 20px -8px rgb(var(--fx-shade, 0 0 0) / calc(.6 * var(--fx-shade-k, 1))); } .card-feature:is(.has-light, .has-light *) > span{ color: var(--cft-muted); } .card-feature:is(.has-light, .has-light *) p{ color: var(--cft-muted); } .card-feature:is(.has-light, .has-light *) > :is(a, .brxe-button){ color: var(--cft-accent); }  .card-seam:is(.has-light, .has-light *){ --seam-bg: var(--fx-surface, #111318); --seam-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 8%, transparent); --seam-text: var(--fx-text-strong, #ECEDF2); --seam-muted: var(--fx-muted, #9A9EAC); background: linear-gradient(180deg, color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 3%, var(--seam-bg)), var(--seam-bg) 40%); } .card-seam:is(.has-light, .has-light *) li::before{ background: var(--seam-accent); }  .seam-classic:is(.has-light, .has-light *)::before{ background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--seam-accent) 80%, rgb(var(--fx-ink, 255 255 255))), transparent) 50% 0 / var(--scl-core) 1px no-repeat, linear-gradient(90deg, transparent, rgb(var(--fx-ink, 255 255 255) / .14) 20%, rgb(var(--fx-ink, 255 255 255) / .14) 80%, transparent) 0 0 / 100% 1px no-repeat, radial-gradient(50% 100% at 50% 0, color-mix(in srgb, var(--seam-accent) 24%, transparent), transparent) 50% 0 / var(--scl-spill) 100% no-repeat; } .seam-classic:is(.has-light, .has-light *)::after{ background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--seam-accent) 80%, rgb(var(--fx-ink, 255 255 255))), transparent) 50% 100% / var(--scl-core) 1px no-repeat, linear-gradient(90deg, transparent, rgb(var(--fx-ink, 255 255 255) / .14) 20%, rgb(var(--fx-ink, 255 255 255) / .14) 80%, transparent) 0 100% / 100% 1px no-repeat, radial-gradient(50% 100% at 50% 100%, color-mix(in srgb, var(--seam-accent) 18%, transparent), transparent) 50% 100% / var(--scl-spill) 100% no-repeat; }  .seam-scan:is(.has-light, .has-light *)::before{ background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--seam-accent) 85%, rgb(var(--fx-ink, 255 255 255))), transparent) -60% 0 / 30% 1px no-repeat, radial-gradient(50% 100% at 50% 0, color-mix(in srgb, var(--seam-accent) 30%, transparent), transparent) -60% 0 / 40% 100% no-repeat, linear-gradient(90deg, transparent, rgb(var(--fx-ink, 255 255 255) / .1) 15%, rgb(var(--fx-ink, 255 255 255) / .1) 85%, transparent) 0 0 / 100% 1px no-repeat; } .seam-scan:is(.has-light, .has-light *)::after{ background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--seam-accent) 85%, rgb(var(--fx-ink, 255 255 255))), transparent) -60% 100% / 30% 1px no-repeat, radial-gradient(50% 100% at 50% 100%, color-mix(in srgb, var(--seam-accent) 22%, transparent), transparent) -60% 100% / 40% 100% no-repeat, linear-gradient(90deg, transparent, rgb(var(--fx-ink, 255 255 255) / .1) 15%, rgb(var(--fx-ink, 255 255 255) / .1) 85%, transparent) 0 100% / 100% 1px no-repeat; } @media (prefers-reduced-motion: reduce){ .seam-scan:is(.has-light, .has-light *)::before, .seam-scan:is(.has-light, .has-light *)::after{ background-position: 50% 0, 50% 0, 0 0; } .seam-scan:is(.has-light, .has-light *)::after{ background-position: 50% 100%, 50% 100%, 0 100%; } }  .seam-pulse:is(.has-light, .has-light *)::before{ background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--seam-accent) 85%, rgb(var(--fx-ink, 255 255 255))), transparent) 50% 0 / 30% 1px no-repeat, radial-gradient(50% 100% at 50% 0, color-mix(in srgb, var(--seam-accent) 30%, transparent), transparent) 50% 0 / 60% 100% no-repeat; } .seam-pulse:is(.has-light, .has-light *)::after{ background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--seam-accent) 85%, rgb(var(--fx-ink, 255 255 255))), transparent) 50% 100% / 30% 1px no-repeat, radial-gradient(50% 100% at 50% 100%, color-mix(in srgb, var(--seam-accent) 24%, transparent), transparent) 50% 100% / 60% 100% no-repeat; }  .seam-beam:is(.has-light, .has-light *)::before, .seam-beam:is(.has-light, .has-light *)::after{ background: linear-gradient(color-mix(in srgb, var(--seam-accent) 90%, rgb(var(--fx-ink, 255 255 255))), color-mix(in srgb, var(--seam-accent) 90%, rgb(var(--fx-ink, 255 255 255)))) 50% 0 / 100% 1.5px no-repeat, linear-gradient(color-mix(in srgb, var(--seam-accent) 34%, transparent), transparent 85%); }  .seam-split:is(.has-light, .has-light *)::before, .seam-split:is(.has-light, .has-light *)::after{ --sspl-c: color-mix(in srgb, var(--seam-accent) 85%, rgb(var(--fx-ink, 255 255 255))); } .seam-split:is(.has-light, .has-light *)::before{ background: linear-gradient(90deg, transparent, var(--sspl-c), transparent) var(--sspl-l) 0 / 22% 1px no-repeat, linear-gradient(90deg, transparent, var(--sspl-c), transparent) var(--sspl-r) 0 / 22% 1px no-repeat, linear-gradient(90deg, transparent, rgb(var(--fx-ink, 255 255 255) / .1) 15%, rgb(var(--fx-ink, 255 255 255) / .1) 85%, transparent) 0 0 / 100% 1px no-repeat, radial-gradient(50% 100% at 50% 0, color-mix(in srgb, var(--seam-accent) 22%, transparent), transparent) 50% 0 / var(--sspl-spill) 100% no-repeat; } .seam-split:is(.has-light, .has-light *)::after{ background: linear-gradient(90deg, transparent, var(--sspl-c), transparent) var(--sspl-l) 100% / 22% 1px no-repeat, linear-gradient(90deg, transparent, var(--sspl-c), transparent) var(--sspl-r) 100% / 22% 1px no-repeat, linear-gradient(90deg, transparent, rgb(var(--fx-ink, 255 255 255) / .1) 15%, rgb(var(--fx-ink, 255 255 255) / .1) 85%, transparent) 0 100% / 100% 1px no-repeat, radial-gradient(50% 100% at 50% 100%, color-mix(in srgb, var(--seam-accent) 16%, transparent), transparent) 50% 100% / var(--sspl-spill) 100% no-repeat; }  .seam-dots:is(.has-light, .has-light *){ --sdo-c: rgb(var(--fx-ink, 255 255 255) / .28); } .seam-dots:is(.has-light, .has-light *):is(:hover, :focus-within){ --sdo-c: var(--seam-accent); }  .seam-corner:is(.has-light, .has-light *)::before{ background: linear-gradient(90deg, color-mix(in srgb, var(--seam-accent) 90%, rgb(var(--fx-ink, 255 255 255))), transparent) 0 0 / var(--sco-len) 1px no-repeat, linear-gradient(color-mix(in srgb, var(--seam-accent) 90%, rgb(var(--fx-ink, 255 255 255))), transparent) 0 0 / 1px calc(var(--sco-len) * .6) no-repeat, radial-gradient(closest-side at 0 0, color-mix(in srgb, var(--seam-accent) 30%, transparent), transparent) 0 0 / var(--sco-spot) 200% no-repeat; } .seam-corner:is(.has-light, .has-light *)::after{ background: linear-gradient(270deg, color-mix(in srgb, var(--seam-accent-2) 90%, rgb(var(--fx-ink, 255 255 255))), transparent) 100% 100% / var(--sco-len) 1px no-repeat, linear-gradient(0deg, color-mix(in srgb, var(--seam-accent-2) 90%, rgb(var(--fx-ink, 255 255 255))), transparent) 100% 100% / 1px calc(var(--sco-len) * .6) no-repeat, radial-gradient(closest-side at 100% 100%, color-mix(in srgb, var(--seam-accent-2) 24%, transparent), transparent) 100% 100% / var(--sco-spot) 200% no-repeat; }  .seam-draw:is(.has-light, .has-light *)::before{ background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--seam-accent) 90%, rgb(var(--fx-ink, 255 255 255))) 30%, color-mix(in srgb, var(--seam-accent) 90%, rgb(var(--fx-ink, 255 255 255))) 70%, transparent) 50% 0 / var(--sdr-line) 1px no-repeat, linear-gradient(90deg, transparent, rgb(var(--fx-ink, 255 255 255) / .08) 20%, rgb(var(--fx-ink, 255 255 255) / .08) 80%, transparent) 0 0 / 100% 1px no-repeat, radial-gradient(50% 100% at 50% 0, color-mix(in srgb, var(--seam-accent) 26%, transparent), transparent) 50% 0 / var(--sdr-spill) 100% no-repeat; } .seam-draw:is(.has-light, .has-light *)::after{ background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--seam-accent) 90%, rgb(var(--fx-ink, 255 255 255))) 30%, color-mix(in srgb, var(--seam-accent) 90%, rgb(var(--fx-ink, 255 255 255))) 70%, transparent) 50% 100% / var(--sdr-line) 1px no-repeat, linear-gradient(90deg, transparent, rgb(var(--fx-ink, 255 255 255) / .08) 20%, rgb(var(--fx-ink, 255 255 255) / .08) 80%, transparent) 0 100% / 100% 1px no-repeat, radial-gradient(50% 100% at 50% 100%, color-mix(in srgb, var(--seam-accent) 18%, transparent), transparent) 50% 100% / var(--sdr-spill) 100% no-repeat; }  .seam-shimmer:is(.has-light, .has-light *)::before, .seam-shimmer:is(.has-light, .has-light *)::after{ --ssh-g: linear-gradient(90deg, transparent, var(--fx-heading, #FFFFFF), transparent); }  .seam-grid:is(.has-light, .has-light *)::before, .seam-grid:is(.has-light, .has-light *)::after{ background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--seam-accent) 85%, rgb(var(--fx-ink, 255 255 255))), transparent) 50% 0 / 50% 1px no-repeat, radial-gradient(50% 100% at 50% 0, color-mix(in srgb, var(--seam-accent) 20%, transparent), transparent), linear-gradient(color-mix(in srgb, var(--seam-accent) 20%, transparent) 1px, transparent 1px) 50% 0 / var(--sgr-size) var(--sgr-size), linear-gradient(90deg, color-mix(in srgb, var(--seam-accent) 20%, transparent) 1px, transparent 1px) 50% 0 / var(--sgr-size) var(--sgr-size); }  .seam-arc:is(.has-light, .has-light *)::before{ border-bottom: 1px solid color-mix(in srgb, var(--seam-accent) 80%, rgb(var(--fx-ink, 255 255 255))); } .seam-arc:is(.has-light, .has-light *)::after{ border-top: 1px solid color-mix(in srgb, var(--seam-accent-2) 80%, rgb(var(--fx-ink, 255 255 255))); }  .seam-neon:is(.has-light, .has-light *)::before, .seam-neon:is(.has-light, .has-light *)::after{ background: color-mix(in srgb, var(--seam-accent) 40%, rgb(var(--fx-ink, 255 255 255))); }  .seam-grain:is(.has-light, .has-light *)::before, .seam-grain:is(.has-light, .has-light *)::after{ background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--seam-accent) 85%, rgb(var(--fx-ink, 255 255 255))), transparent) 50% 0 / 45% 1px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 160px 160px, radial-gradient(50% 100% at 50% 0, color-mix(in srgb, var(--seam-accent) 40%, transparent), transparent); }  .seam-halo:is(.has-light, .has-light *)::before{ background: radial-gradient(circle var(--sha-r) at 50% 0, color-mix(in srgb, var(--seam-accent) 40%, transparent), transparent), radial-gradient(circle calc(var(--sha-r) * 1.35) at 50% 0, transparent 97%, color-mix(in srgb, var(--seam-accent) 30%, transparent) 98.5%, transparent), linear-gradient(90deg, transparent, rgb(var(--fx-ink, 255 255 255) / .16) 25%, rgb(var(--fx-ink, 255 255 255) / .16) 75%, transparent) 0 0 / 100% 1px no-repeat; } .seam-halo:is(.has-light, .has-light *)::after{ background: radial-gradient(circle calc(var(--sha-r) * .7) at 50% 100%, color-mix(in srgb, var(--seam-accent-2) 32%, transparent), transparent), radial-gradient(circle calc(var(--sha-r) * 1.05) at 50% 100%, transparent 97%, color-mix(in srgb, var(--seam-accent-2) 26%, transparent) 98.5%, transparent), linear-gradient(90deg, transparent, rgb(var(--fx-ink, 255 255 255) / .12) 25%, rgb(var(--fx-ink, 255 255 255) / .12) 75%, transparent) 0 100% / 100% 1px no-repeat; }  .edge-ants:is(.has-light, .has-light *)::before{ background: color-mix(in srgb, var(--seam-accent) 80%, rgb(var(--fx-ink, 255 255 255))); }  .edge-stitch:is(.has-light, .has-light *)::before{ background: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 30%, transparent); } .edge-stitch:is(.has-light, .has-light *):is(:hover, :focus-within)::before{ background-color: var(--seam-accent); }  .edge-sketch:is(.has-light, .has-light *)::before{ background: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 75%, transparent); } .edge-sketch:is(.has-light, .has-light *):is(:hover, :focus-within)::before{ background-color: var(--seam-accent); }  .edge-glint:is(.has-light, .has-light *)::before{ background: conic-gradient(from var(--egl), transparent 0 80%, color-mix(in srgb, var(--seam-accent) 50%, rgb(var(--fx-ink, 255 255 255))) 94%, #FFFFFF 98%, transparent 100%); }  .edge-sheen:is(.has-light, .has-light *)::before{ background: linear-gradient(115deg, transparent 40%, color-mix(in srgb, var(--seam-accent) 60%, rgb(var(--fx-ink, 255 255 255))) 50%, transparent 60%) 0 0 / 300% 100% no-repeat, color-mix(in srgb, var(--seam-accent) 22%, transparent); }  .pat-grid:is(.has-light, .has-light *).card-seam{ --pat-line: rgb(var(--fx-ink, 255 255 255) / .06); background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 20%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, radial-gradient(130% 100% at var(--pat-at), transparent 30%, var(--pat-fade-color) 88%), linear-gradient(var(--pat-line) 1px, transparent 1px) 50% 0 / calc(var(--pat-size) + var(--pat-zoom)) calc(var(--pat-size) + var(--pat-zoom)), linear-gradient(90deg, var(--pat-line) 1px, transparent 1px) 50% 0 / calc(var(--pat-size) + var(--pat-zoom)) calc(var(--pat-size) + var(--pat-zoom)), var(--seam-bg); }  .pat-dots:is(.has-light, .has-light *).card-seam{ --pat-line: rgb(var(--fx-ink, 255 255 255) / .16); background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 20%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, radial-gradient(130% 100% at var(--pat-at), transparent 30%, var(--pat-fade-color) 88%), radial-gradient(circle, var(--pat-line) 1px, transparent 1.6px) 50% 0 / calc(var(--pat-size) - var(--pat-zoom)) calc(var(--pat-size) - var(--pat-zoom)), var(--seam-bg); }  .pat-cross:is(.has-light, .has-light *).card-seam{ background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 20%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, radial-gradient(130% 100% at var(--pat-at), transparent 30%, var(--pat-fade-color) 88%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M16 11v10M11 16h10' stroke='%23fff' stroke-opacity='.16' stroke-width='1.2'/%3E%3C/svg%3E") 50% 0 / var(--pat-size) var(--pat-size), var(--seam-bg); }  .pat-diagonal:is(.has-light, .has-light *).card-seam{ --pat-line: rgb(var(--fx-ink, 255 255 255) / .05); background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 20%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, radial-gradient(130% 100% at var(--pat-at), transparent 30%, var(--pat-fade-color) 88%), repeating-linear-gradient(45deg, var(--pat-line) 0 1px, transparent 1px var(--pat-size)) var(--pat-shift) 0, var(--seam-bg); }  .pat-blueprint:is(.has-light, .has-light *).card-seam{ background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 20%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, radial-gradient(140% 110% at var(--pat-at), transparent 40%, var(--pat-fade-color) 95%), linear-gradient(var(--pat-coarse) 1px, transparent 1px) -1px -1px / calc(var(--pat-size) * 5) calc(var(--pat-size) * 5), linear-gradient(90deg, var(--pat-coarse) 1px, transparent 1px) -1px -1px / calc(var(--pat-size) * 5) calc(var(--pat-size) * 5), linear-gradient(var(--pat-fine) 1px, transparent 1px) -1px -1px / var(--pat-size) var(--pat-size), linear-gradient(90deg, var(--pat-fine) 1px, transparent 1px) -1px -1px / var(--pat-size) var(--pat-size), var(--pat-bg); }  .pat-iso:is(.has-light, .has-light *).card-seam{ --pat-line: rgb(var(--fx-ink, 255 255 255) / .05); background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 20%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, radial-gradient(130% 100% at var(--pat-at), transparent 30%, var(--pat-fade-color) 88%), repeating-linear-gradient(30deg, var(--pat-line) 0 1px, transparent 1px var(--pat-size)), repeating-linear-gradient(150deg, var(--pat-line) 0 1px, transparent 1px var(--pat-size)), repeating-linear-gradient(90deg, var(--pat-line) 0 1px, transparent 1px calc(var(--pat-size) * 1.1547)), var(--seam-bg); }  .pat-waves:is(.has-light, .has-light *).card-seam{ background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 20%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, radial-gradient(130% 100% at var(--pat-at), transparent 30%, var(--pat-fade-color) 88%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='20'%3E%3Cpath d='M0 10C10 4 30 4 40 10S70 16 80 10' fill='none' stroke='%23fff' stroke-opacity='.09'/%3E%3C/svg%3E") 0 0 / 80px 18px, var(--seam-bg); }  .pat-topo:is(.has-light, .has-light *).card-seam{ background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 20%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, radial-gradient(130% 100% at var(--pat-at), transparent 30%, var(--pat-fade-color) 90%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cdefs%3E%3Cpath id='b' d='M150 55c55 0 100 32 100 88s-42 100-98 100-104-38-104-94 47-94 102-94z'/%3E%3C/defs%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.075'%3E%3Cuse href='%23b' transform='translate(150 150) scale(1.25) rotate(0) translate(-150 -150)'/%3E%3Cuse href='%23b' transform='translate(150 150) scale(1) rotate(8) translate(-150 -150)'/%3E%3Cuse href='%23b' transform='translate(150 150) scale(0.78) rotate(16) translate(-150 -150)'/%3E%3Cuse href='%23b' transform='translate(150 150) scale(0.56) rotate(24) translate(-150 -150)'/%3E%3Cuse href='%23b' transform='translate(150 150) scale(0.36) rotate(32) translate(-150 -150)'/%3E%3Cuse href='%23b' transform='translate(150 150) scale(0.18) rotate(40) translate(-150 -150)'/%3E%3C/g%3E%3C/svg%3E") 30% 20% / calc(var(--pat-size) + var(--pat-zoom)), var(--seam-bg); }  .pat-checker:is(.has-light, .has-light *).card-seam{ --pat-line: rgb(var(--fx-ink, 255 255 255) / .03); background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 20%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, radial-gradient(130% 100% at var(--pat-at), transparent 30%, var(--pat-fade-color) 88%), conic-gradient(var(--pat-line) 25%, transparent 0 50%, var(--pat-line) 0 75%, transparent 0) 50% 0 / calc(var(--pat-size) * 2) calc(var(--pat-size) * 2), var(--seam-bg); }  .pat-hex:is(.has-light, .has-light *).card-seam{ background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 20%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, radial-gradient(130% 100% at var(--pat-at), transparent 30%, var(--pat-fade-color) 88%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100M28 0L28 34L0 50L0 84L28 100L56 84L56 50L28 34' fill='none' stroke='%23fff' stroke-opacity='.08' stroke-width='1'/%3E%3C/svg%3E") 50% 0 / var(--pat-size) calc(var(--pat-size) * 100 / 56), var(--seam-bg); }  .pat-pinstripe:is(.has-light, .has-light *).card-seam{ --pat-line: rgb(var(--fx-ink, 255 255 255) / .045); background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 20%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, linear-gradient(90deg, var(--pat-fade-color), transparent 25%, transparent 75%, var(--pat-fade-color)), repeating-linear-gradient(90deg, var(--pat-line) 0 1px, transparent 1px var(--pat-size)), var(--seam-bg); }  .pat-grain:is(.has-light, .has-light *).card-seam{ background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 22%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 160px 160px, var(--seam-bg); }  .pat-rings:is(.has-light, .has-light *).card-seam{ --pat-line: rgb(var(--fx-ink, 255 255 255) / .06); background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 22%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, radial-gradient(150% 120% at var(--pat-at), transparent 30%, var(--pat-fade-color) 90%), repeating-radial-gradient(circle at var(--pat-at), var(--pat-line) 0 1px, transparent 1px var(--pat-size)), var(--seam-bg); }  .pat-glow:is(.has-light, .has-light *).card-seam{ background: radial-gradient(130% 100% at var(--pat-at), transparent 35%, var(--pat-fade-color) 85%), linear-gradient(var(--pat-line) 1px, transparent 1px) 50% 0 / var(--pat-size) var(--pat-size), linear-gradient(90deg, var(--pat-line) 1px, transparent 1px) 50% 0 / var(--pat-size) var(--pat-size), radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 32%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, var(--seam-bg); }  .pat-drift:is(.has-light, .has-light *).card-seam{ --pat-line: rgb(var(--fx-ink, 255 255 255) / .06); background: radial-gradient(closest-side, color-mix(in srgb, var(--seam-accent) 20%, transparent), transparent) var(--pat-at) / var(--pat-glow) no-repeat, radial-gradient(130% 100% at var(--pat-at), transparent 30%, var(--pat-fade-color) 88%), linear-gradient(var(--pat-line) 1px, transparent 1px) 0 0 / var(--pat-size) var(--pat-size), linear-gradient(90deg, var(--pat-line) 1px, transparent 1px) 0 0 / var(--pat-size) var(--pat-size), var(--seam-bg); }  .pat-scan:is(.has-light, .has-light *).card-seam{ --pat-line: rgb(var(--fx-ink, 255 255 255) / .05); background: linear-gradient(transparent, color-mix(in srgb, var(--seam-accent) 14%, transparent) 50%, transparent) 0 -60% / 100% 40% no-repeat, linear-gradient(var(--pat-line) 1px, transparent 1px) 50% 0 / var(--pat-size) var(--pat-size), linear-gradient(90deg, var(--pat-line) 1px, transparent 1px) 50% 0 / var(--pat-size) var(--pat-size), var(--seam-bg); }  .pat-spotgrid:is(.has-light, .has-light *){ --pat-line: rgb(var(--fx-ink, 255 255 255) / .05); }  .pat-cells:is(.has-light, .has-light *){ --pat-line: rgb(var(--fx-ink, 255 255 255) / .045); }  .pat-dotlens:is(.has-light, .has-light *){ --pat-line: rgb(var(--fx-ink, 255 255 255) / .16); }  .grp-rows:is(.has-light, .has-light *):has(li:nth-child(1):hover) li:nth-child(1), .grp-rows:is(.has-light, .has-light *):has(li:nth-child(2):hover) li:nth-child(2), .grp-rows:is(.has-light, .has-light *):has(li:nth-child(3):hover) li:nth-child(3), .grp-rows:is(.has-light, .has-light *):has(li:nth-child(4):hover) li:nth-child(4), .grp-rows:is(.has-light, .has-light *):has(li:nth-child(5):hover) li:nth-child(5), .grp-rows:is(.has-light, .has-light *):has(li:nth-child(6):hover) li:nth-child(6), .grp-rows:is(.has-light, .has-light *):has(li:nth-child(7):hover) li:nth-child(7), .grp-rows:is(.has-light, .has-light *):has(li:nth-child(8):hover) li:nth-child(8), .grp-rows:is(.has-light, .has-light *):has(li:nth-child(9):hover) li:nth-child(9), .grp-rows:is(.has-light, .has-light *):has(li:nth-child(10):hover) li:nth-child(10){ color: var(--fx-heading, #FFFFFF); }  :where(.grp-backdrop:is(.has-light, .has-light *)){ color: var(--fx-on-image); }  .acc-lines:is(.has-light, .has-light *){ --al-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 11%, transparent); --al-muted: var(--fx-text, #A0A4B2); }  .acc-cards:is(.has-light, .has-light *){ --ac-bg: var(--fx-surface, #15171D); --ac-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); --ac-muted: var(--fx-text, #A0A4B2); }  .acc-numbers:is(.has-light, .has-light *){ --an-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); --an-muted: var(--fx-text, #A0A4B2); } .acc-numbers:is(.has-light, .has-light *) > details > summary::before{ -webkit-text-stroke: 1px color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 35%, transparent); } .acc-numbers:is(.has-light, .has-light *) > details:hover > summary::before{ -webkit-text-stroke-color: var(--faq-accent); } .acc-numbers:is(.has-light, .has-light *) > details[open] > summary::before{ -webkit-text-stroke-color: var(--faq-accent); }  .acc-timeline:is(.has-light, .has-light *){ --at-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 12%, transparent); --at-muted: var(--fx-text, #A0A4B2); } .acc-timeline:is(.has-light, .has-light *)::before{ background: var(--at-line); } .acc-timeline:is(.has-light, .has-light *) > details::before{ background: linear-gradient(var(--faq-accent), transparent); } .acc-timeline:is(.has-light, .has-light *) > details > summary::before{ background: var(--fx-surface, #111318); } .acc-timeline:is(.has-light, .has-light *) > details[open] > summary::before{ background: var(--faq-accent); }  .acc-glass:is(.has-light, .has-light *){ background: radial-gradient(40% 50% at 15% 20%, var(--ag-a), transparent), radial-gradient(40% 50% at 90% 85%, var(--ag-b), transparent), var(--fx-bg, #0E1015); } .acc-glass:is(.has-light, .has-light *) > details{ background: rgb(var(--fx-ink, 255 255 255) / .05); border: 1px solid rgb(var(--fx-ink, 255 255 255) / .1); } .acc-glass:is(.has-light, .has-light *) > details[open]{ background: rgb(var(--fx-ink, 255 255 255) / .1); box-shadow: inset 0 1px 0 rgb(var(--fx-ink, 255 255 255) / .35), 0 20px 40px -24px rgb(var(--fx-shade, 0 0 0) / calc(.6 * var(--fx-shade-k, 1))); } .acc-glass:is(.has-light, .has-light *) > details > summary{ color: var(--fx-heading, #FFFFFF); } .acc-glass:is(.has-light, .has-light *) > details > summary:focus-visible{ outline: 2px solid var(--fx-heading, #FFFFFF); } .acc-glass:is(.has-light, .has-light *) > details > summary::after{ border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; } .acc-glass:is(.has-light, .has-light *) > details > :not(summary){ color: rgb(var(--fx-ink, 255 255 255) / .75); }  .acc-chat:is(.has-light, .has-light *){ --ch-a-bg: var(--fx-surface-2, #1E2029); --ch-a-text: var(--fx-text-strong, #D8DAE3); } .acc-chat:is(.has-light, .has-light *) > details > summary:focus-visible{ outline: 2px solid var(--fx-heading, #FFFFFF); }  .acc-draw:is(.has-light, .has-light *){ --dr-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); --dr-muted: var(--fx-text, #A0A4B2); } .acc-draw:is(.has-light, .has-light *) > details{ background: var(--fx-surface, #13151B); } .acc-draw:is(.has-light, .has-light *) > details::after{ background: conic-gradient(from -45deg, var(--faq-accent) var(--adw), transparent 0); }  .acc-big:is(.has-light, .has-light *){ --ab-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); --ab-muted: var(--fx-text, #A0A4B2); }  .tabs-pill:is(.has-light, .has-light *){ --tp-muted: var(--fx-text, #A0A4B2); --tp-on: var(--fx-bg, #0F1015); } .tabs-pill:is(.has-light, .has-light *) .tabs-nav{ background: rgb(var(--fx-ink, 255 255 255) / .05); border: 1px solid rgb(var(--fx-ink, 255 255 255) / .08); } .tabs-pill:is(.has-light, .has-light *) .tabs-btn{ border: 0; background: none; color: var(--tp-muted); } .tabs-pill:is(.has-light, .has-light *) .tabs-btn:hover{ color: var(--fx-heading, #FFFFFF); } .tabs-pill:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--tp-on); } .tabs-pill:is(.has-light, .has-light *) .tabs-ind{ background: var(--faq-accent); } .tabs-pill:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--tp-muted); }  .tabs-side:is(.has-light, .has-light *){ --ts-muted: var(--fx-text, #A0A4B2); } .tabs-side:is(.has-light, .has-light *) .tabs-nav{ border-left: 1px solid rgb(var(--fx-ink, 255 255 255) / .1); } .tabs-side:is(.has-light, .has-light *) .tabs-btn{ border: 0; color: var(--ts-muted); } .tabs-side:is(.has-light, .has-light *) .tabs-btn:hover{ color: var(--fx-heading, #FFFFFF); } .tabs-side:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); } .tabs-side:is(.has-light, .has-light *) .tabs-ind{ border-left: 2px solid var(--faq-accent); } .tabs-side:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); } .tabs-side:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--ts-muted); } @media (max-width: 760px){ .tabs-side:is(.has-light, .has-light *) .tabs-nav{ border-left: 0; border-bottom: 1px solid rgb(var(--fx-ink, 255 255 255) / .1); } .tabs-side:is(.has-light, .has-light *) .tabs-ind{ border-left: 0; } }  .tabs-underline:is(.has-light, .has-light *){ --tu-muted: var(--fx-text, #A0A4B2); } .tabs-underline:is(.has-light, .has-light *) .tabs-nav{ border-bottom: 1px solid rgb(var(--fx-ink, 255 255 255) / .1); } .tabs-underline:is(.has-light, .has-light *) .tabs-btn{ border: 0; color: var(--tu-muted); } .tabs-underline:is(.has-light, .has-light *) .tabs-btn:hover, .tabs-underline:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); } .tabs-underline:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--tu-muted); }  .tabs-auto:is(.has-light, .has-light *){ --ta-muted: var(--fx-text, #A0A4B2); } .tabs-auto:is(.has-light, .has-light *) .tabs-btn{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .08); background: var(--fx-surface, #15171D); color: var(--ta-muted); } .tabs-auto:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); border-color: color-mix(in srgb, var(--faq-accent) 40%, transparent); background: color-mix(in srgb, var(--faq-accent) 7%, var(--fx-surface, #15171D)); } .tabs-auto:is(.has-light, .has-light *) .tabs-btn::after{ background: var(--faq-accent); } .tabs-auto:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--ta-muted); }  .tabs-stack:is(.has-light, .has-light *){ --tk-muted: var(--fx-text, #A0A4B2); --tk-bg: var(--fx-surface, #17191F); } .tabs-stack:is(.has-light, .has-light *) .tabs-btn{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .1); color: var(--tk-muted); } .tabs-stack:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); border-color: var(--faq-accent); } .tabs-stack:is(.has-light, .has-light *).is-ready > .tabs-panel{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .09); color: var(--tk-muted); } .tabs-stack:is(.has-light, .has-light *).is-ready > .tabs-panel.is-active{ box-shadow: 0 24px 50px -28px rgb(var(--fx-shade, 0 0 0) / calc(.8 * var(--fx-shade-k, 1))); } .tabs-stack:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .tabs-reveal:is(.has-light, .has-light *){ --tr-muted: var(--fx-text, #B4B8C6); --tr-bg: color-mix(in srgb, var(--faq-accent) 12%, var(--fx-surface, #14161C)); } .tabs-reveal:is(.has-light, .has-light *) .tabs-btn{ background: rgb(var(--fx-ink, 255 255 255) / .05); color: var(--tr-muted); } .tabs-reveal:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ background: var(--faq-accent); color: #0F1015; } .tabs-reveal:is(.has-light, .has-light *).is-ready > .tabs-panel{ background: var(--tr-bg); color: var(--tr-muted); } .tabs-reveal:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .acc-dots:is(.has-light, .has-light *){ --ad-muted: var(--fx-text, #A0A4B2); } .acc-dots:is(.has-light, .has-light *) > details > summary{ color: var(--fx-text-strong, #D6D8E0); } .acc-dots:is(.has-light, .has-light *) > details > summary::before{ background: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 35%, transparent); } .acc-dots:is(.has-light, .has-light *) > details > summary:hover::before{ background: var(--faq-accent); } .acc-dots:is(.has-light, .has-light *) > details[open] > summary{ color: var(--fx-heading, #FFFFFF); } .acc-dots:is(.has-light, .has-light *) > details[open] > summary::before{ background: var(--faq-accent); } .acc-dots:is(.has-light, .has-light *) > details > :not(summary){ color: var(--ad-muted); }  .acc-grid:is(.has-light, .has-light *){ --ag2-bg: var(--fx-surface, #15171D); --ag2-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 9%, transparent); --ag2-muted: var(--fx-text, #A0A4B2); }  .acc-marker:is(.has-light, .has-light *){ --am-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); --am-muted: var(--fx-text, #A0A4B2); }  .acc-invert:is(.has-light, .has-light *){ --ai-bg: var(--fx-surface, #15171D); --ai-on: var(--fx-bg, #0F1015); } .acc-invert:is(.has-light, .has-light *) > details{ color: var(--fx-text-strong, #E6E8EF); } .acc-invert:is(.has-light, .has-light *) > details[open]{ color: var(--ai-on); } .acc-invert:is(.has-light, .has-light *) > details > summary:focus-visible{ outline: 2px solid var(--fx-heading, #FFFFFF); }  .acc-wipe:is(.has-light, .has-light *){ --aw-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); --aw-muted: var(--fx-text, #B0B4C2); }  .acc-stagger:is(.has-light, .has-light *){ --as-line: color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 10%, transparent); --as-muted: var(--fx-text, #A0A4B2); }  .acc-terminal:is(.has-light, .has-light *){ --at2-bg: var(--fx-bg, #0B0D10); border: 1px solid rgb(var(--fx-ink, 255 255 255) / .08); } .acc-terminal:is(.has-light, .has-light *)::before{ border-bottom: 1px solid rgb(var(--fx-ink, 255 255 255) / .06); } .acc-terminal:is(.has-light, .has-light *) > details > summary{ color: var(--fx-text-strong, #E8EAF0); } .acc-terminal:is(.has-light, .has-light *) > details > summary::before{ color: var(--faq-accent); } .acc-terminal:is(.has-light, .has-light *) > details > summary:hover{ color: var(--fx-heading, #FFFFFF); } .acc-terminal:is(.has-light, .has-light *) > details[open] > summary{ color: var(--faq-accent); } .acc-terminal:is(.has-light, .has-light *) > details > :not(summary){ color: var(--fx-text, #9DA3B3); }  .acc-tree:is(.has-light, .has-light *){ --tr2-muted: var(--fx-muted, #9A9EAC); } .acc-tree:is(.has-light, .has-light *) > details > summary{ color: var(--fx-text-strong, #D6D8E0); } .acc-tree:is(.has-light, .has-light *) > details > summary:hover{ background: rgb(var(--fx-ink, 255 255 255) / .05); } .acc-tree:is(.has-light, .has-light *) > details > summary::before{ border-left: 6px solid var(--tr2-muted); border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; } .acc-tree:is(.has-light, .has-light *) > details[open] > summary::before{ border-left-color: var(--faq-accent); } .acc-tree:is(.has-light, .has-light *) > details[open] > summary{ color: var(--fx-heading, #FFFFFF); } .acc-tree:is(.has-light, .has-light *) > details > :not(summary){ border-left: 1px dashed color-mix(in srgb, var(--fx-ink-color, var(--neutral-ultra-light, #FFFFFF)) 18%, transparent); color: var(--tr2-muted); }  .acc-glow:is(.has-light, .has-light *){ --agw-muted: var(--fx-text, #A0A4B2); } .acc-glow:is(.has-light, .has-light *) > details{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .09); background: var(--fx-surface, #14161C); } .acc-glow:is(.has-light, .has-light *) > details[open]{ border-color: transparent; } .acc-glow:is(.has-light, .has-light *) > details::after{ background: conic-gradient(from var(--agl), var(--faq-accent), var(--faq-accent-2), var(--faq-accent)); } .acc-glow:is(.has-light, .has-light *) > details > summary::after{ border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; }  .acc-fold:is(.has-light, .has-light *){ --af-bg: var(--fx-surface-2, #1A1C23); --af-muted: var(--fx-text, #B0B4C2); } .acc-fold:is(.has-light, .has-light *) > details > summary{ background: var(--fx-surface, #121419); border: 1px solid rgb(var(--fx-ink, 255 255 255) / .08); } .acc-fold:is(.has-light, .has-light *) > details[open] > summary{ border-color: color-mix(in srgb, var(--faq-accent) 45%, transparent); } .acc-fold:is(.has-light, .has-light *) > details > :not(summary){ background: linear-gradient(rgb(0 0 0 / .35), transparent 60%) 0 0 / 100% 100% no-repeat, var(--af-bg); } .acc-fold:is(.has-light, .has-light *) > details[open] > :not(summary){ background-size: 100% 0%, auto; }  .tabs-segment:is(.has-light, .has-light *){ --sg2-muted: var(--fx-text, #A0A4B2); } .tabs-segment:is(.has-light, .has-light *) .tabs-nav{ background: var(--fx-surface, #16181E); border: 1px solid rgb(var(--fx-ink, 255 255 255) / .06); } .tabs-segment:is(.has-light, .has-light *) .tabs-btn{ border: 0; background: none; color: var(--sg2-muted); } .tabs-segment:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"], .tabs-segment:is(.has-light, .has-light *) .tabs-btn:hover{ color: var(--fx-heading, #FFFFFF); } .tabs-segment:is(.has-light, .has-light *) .tabs-ind{ background: var(--fx-line, #2A2D38); box-shadow: 0 1px 0 rgb(var(--fx-ink, 255 255 255) / .08) inset, 0 4px 12px -4px rgb(var(--fx-shade, 0 0 0) / calc(.6 * var(--fx-shade-k, 1))); } .tabs-segment:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--sg2-muted); }  .tabs-cards:is(.has-light, .has-light *){ --tc-muted: var(--fx-text, #A0A4B2); } .tabs-cards:is(.has-light, .has-light *) .tabs-btn{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .08); background: var(--fx-surface, #15171D); color: var(--fx-text, #C9CBD6); } .tabs-cards:is(.has-light, .has-light *) .tabs-btn::before{ color: var(--faq-accent); } .tabs-cards:is(.has-light, .has-light *) .tabs-btn:hover{ border-color: color-mix(in srgb, var(--faq-accent) 35%, transparent); } .tabs-cards:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); border-color: var(--faq-accent); } .tabs-cards:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--tc-muted); } .tabs-cards:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .tabs-folder:is(.has-light, .has-light *){ --tf-panel: var(--fx-surface-2, #1B1E26); --tf-back: var(--fx-surface, #12141A); --tf-line: rgb(var(--fx-ink, 255 255 255) / .1); } .tabs-folder:is(.has-light, .has-light *) .tabs-btn{ color: var(--fx-muted, #8E92A0); } .tabs-folder:is(.has-light, .has-light *) .tabs-btn:hover{ color: var(--fx-text-strong, #D6D8E0); } .tabs-folder:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); } .tabs-folder:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--fx-text, #B0B4C2); } .tabs-folder:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .tabs-slide:is(.has-light, .has-light *){ --tsl-muted: var(--fx-text, #B0B4C2); } .tabs-slide:is(.has-light, .has-light *) .tabs-btn{ border: 0; background: rgb(var(--fx-ink, 255 255 255) / .06); color: var(--fx-muted, #8E92A0); } .tabs-slide:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ background: var(--faq-accent); color: #0F1015; } .tabs-slide:is(.has-light, .has-light *).is-ready > .tabs-panel{ background: var(--fx-surface, #16181E); border: 1px solid rgb(var(--fx-ink, 255 255 255) / .07); color: var(--tsl-muted); } .tabs-slide:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .tabs-flip:is(.has-light, .has-light *){ --tfl-muted: var(--fx-text, #B0B4C2); } .tabs-flip:is(.has-light, .has-light *) .tabs-btn{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .1); background: none; color: var(--fx-text, #A0A4B2); } .tabs-flip:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ border-color: var(--faq-accent); color: var(--fx-heading, #FFFFFF); } .tabs-flip:is(.has-light, .has-light *).is-ready > .tabs-panel{ background: linear-gradient(160deg, color-mix(in srgb, var(--faq-accent) 14%, var(--fx-surface, #17191F)), var(--fx-surface, #17191F) 60%); border: 1px solid rgb(var(--fx-ink, 255 255 255) / .08); color: var(--tfl-muted); } .tabs-flip:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .tabs-blur:is(.has-light, .has-light *){ --tbl-muted: var(--fx-text, #A0A4B2); } .tabs-blur:is(.has-light, .has-light *) .tabs-btn{ color: var(--fx-muted, #8E92A0); } .tabs-blur:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"], .tabs-blur:is(.has-light, .has-light *) .tabs-btn:hover{ color: var(--fx-heading, #FFFFFF); } .tabs-blur:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--tbl-muted); }  .tabs-spot:is(.has-light, .has-light *){ --tsp-muted: var(--fx-text, #A0A4B2); } .tabs-spot:is(.has-light, .has-light *) .tabs-nav{ background: var(--fx-surface, #101217); border: 1px solid rgb(var(--fx-ink, 255 255 255) / .06); } .tabs-spot:is(.has-light, .has-light *) .tabs-btn{ border: 0; background: none; color: var(--fx-muted, #8E92A0); } .tabs-spot:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"], .tabs-spot:is(.has-light, .has-light *) .tabs-btn:hover{ color: var(--fx-heading, #FFFFFF); } .tabs-spot:is(.has-light, .has-light *) .tabs-ind{ background: radial-gradient(60% 80% at 50% 100%, color-mix(in srgb, var(--faq-accent) 55%, transparent), transparent); } .tabs-spot:is(.has-light, .has-light *) .tabs-ind::after{ background: var(--faq-accent); } .tabs-spot:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--tsp-muted); }  .tabs-stepper:is(.has-light, .has-light *){ --tst-muted: var(--fx-text, #A0A4B2); } .tabs-stepper:is(.has-light, .has-light *) .tabs-nav::before{ background: rgb(var(--fx-ink, 255 255 255) / .1); } .tabs-stepper:is(.has-light, .has-light *) .tabs-nav::after{ background: var(--faq-accent); } .tabs-stepper:is(.has-light, .has-light *) .tabs-btn{ background: none; color: var(--fx-muted, #8E92A0); } .tabs-stepper:is(.has-light, .has-light *) .tabs-btn::before{ background: var(--fx-surface, #15171D); box-shadow: inset 0 0 0 2px rgb(var(--fx-ink, 255 255 255) / .14); color: var(--fx-text, #C9CBD6); } .tabs-stepper:is(.has-light, .has-light *) .tabs-btn.is-done::before{ background: var(--faq-accent); box-shadow: none; color: #0F1015; } .tabs-stepper:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); } .tabs-stepper:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]::before{ background: var(--fx-surface, #15171D); box-shadow: inset 0 0 0 2px var(--faq-accent), 0 0 0 5px color-mix(in srgb, var(--faq-accent) 22%, transparent); color: var(--fx-heading, #FFFFFF); } .tabs-stepper:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--tst-muted); } .tabs-stepper:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .tabs-bar:is(.has-light, .has-light *){ --tba-muted: var(--fx-text, #A0A4B2); } .tabs-bar:is(.has-light, .has-light *).is-ready{ background: var(--fx-surface, #14161C); border: 1px solid rgb(var(--fx-ink, 255 255 255) / .07); } .tabs-bar:is(.has-light, .has-light *) .tabs-nav{ border-top: 1px solid rgb(var(--fx-ink, 255 255 255) / .08); background: var(--fx-surface, #101217); } .tabs-bar:is(.has-light, .has-light *) .tabs-btn{ border: 0; background: none; color: var(--fx-muted, #8E92A0); } .tabs-bar:is(.has-light, .has-light *) .tabs-btn::before{ background: currentColor; } .tabs-bar:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); } .tabs-bar:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]::before{ background: var(--faq-accent); } .tabs-bar:is(.has-light, .has-light *) .tabs-ind{ background: linear-gradient(90deg, transparent, var(--faq-accent), transparent); } .tabs-bar:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--tba-muted); } .tabs-bar:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .tabs-hybrid:is(.has-light, .has-light *){ --thy-muted: var(--fx-text, #A0A4B2); } .tabs-hybrid:is(.has-light, .has-light *) .tabs-btn{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .07); background: var(--fx-surface, #15171D); color: var(--fx-text, #C9CBD6); } .tabs-hybrid:is(.has-light, .has-light *) .tabs-btn::after{ border-right: 2px solid currentColor; border-top: 2px solid currentColor; } .tabs-hybrid:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); border-color: var(--faq-accent); background: color-mix(in srgb, var(--faq-accent) 8%, var(--fx-surface, #15171D)); } .tabs-hybrid:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--thy-muted); } .tabs-hybrid:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .tabs-scroll:is(.has-light, .has-light *) .tabs-btn{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .1); background: none; color: var(--fx-text, #A0A4B2); } .tabs-scroll:is(.has-light, .has-light *) .tabs-btn:hover{ color: var(--fx-heading, #FFFFFF); } .tabs-scroll:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: #0F1015; border-color: transparent; } .tabs-scroll:is(.has-light, .has-light *) .tabs-ind{ background: var(--faq-accent); } .tabs-scroll:is(.has-light, .has-light *) .tabs-arrow{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .12); background: var(--fx-surface-2, #1C1E26); color: var(--fx-heading, #FFFFFF); } .tabs-scroll:is(.has-light, .has-light *) .tabs-arrow::before{ border-right: 2px solid currentColor; border-top: 2px solid currentColor; } .tabs-scroll:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--fx-text, #A0A4B2); } .tabs-scroll:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .tabs-scroll-line:is(.has-light, .has-light *){ --tsl2-bg: var(--fx-bg, #0A0B0F); } .tabs-scroll-line:is(.has-light, .has-light *) .tabs-nav{ border-bottom: 1px solid rgb(var(--fx-ink, 255 255 255) / .1); } .tabs-scroll-line:is(.has-light, .has-light *) .tabs-btn{ border: 0; color: var(--fx-muted, #8E92A0); } .tabs-scroll-line:is(.has-light, .has-light *) .tabs-btn:hover, .tabs-scroll-line:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); } .tabs-scroll-line:is(.has-light, .has-light *) .tabs-arrow{ border: 0; color: var(--fx-heading, #FFFFFF); } .tabs-scroll-line:is(.has-light, .has-light *) .tabs-arrow::before{ border-right: 2px solid currentColor; border-top: 2px solid currentColor; } .tabs-scroll-line:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--fx-text, #A0A4B2); }  .tabs-scroll-cards:is(.has-light, .has-light *) .tabs-btn{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .08); background: var(--fx-surface, #15171D); color: var(--fx-text, #C9CBD6); } .tabs-scroll-cards:is(.has-light, .has-light *) .tabs-btn::before{ color: var(--faq-accent); } .tabs-scroll-cards:is(.has-light, .has-light *) .tabs-btn:hover{ border-color: color-mix(in srgb, var(--faq-accent) 35%, transparent); } .tabs-scroll-cards:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); border-color: var(--faq-accent); background: color-mix(in srgb, var(--faq-accent) 8%, var(--fx-surface, #15171D)); box-shadow: 0 10px 26px -14px color-mix(in srgb, var(--faq-accent) 80%, transparent); } .tabs-scroll-cards:is(.has-light, .has-light *) .tabs-arrow{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .14); background: var(--fx-surface-2, #1C1E26); box-shadow: 0 6px 16px -6px rgb(var(--fx-shade, 0 0 0) / calc(.7 * var(--fx-shade-k, 1))); color: var(--fx-heading, #FFFFFF); } .tabs-scroll-cards:is(.has-light, .has-light *) .tabs-arrow::before{ border-right: 2px solid currentColor; border-top: 2px solid currentColor; } .tabs-scroll-cards:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--fx-text, #A0A4B2); } .tabs-scroll-cards:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .tabs-scroll-text:is(.has-light, .has-light *) .tabs-btn{ color: rgb(var(--fx-ink, 255 255 255) / .28); } .tabs-scroll-text:is(.has-light, .has-light *) .tabs-btn:hover{ color: rgb(var(--fx-ink, 255 255 255) / .6); } .tabs-scroll-text:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); } .tabs-scroll-text:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--fx-text, #A0A4B2); }  .tabs-vert-line:is(.has-light, .has-light *) .tabs-nav{ border-left: 1px solid rgb(var(--fx-ink, 255 255 255) / .1); } .tabs-vert-line:is(.has-light, .has-light *) .tabs-btn{ border: 0; color: var(--fx-muted, #8E92A0); } .tabs-vert-line:is(.has-light, .has-light *) .tabs-btn::before{ color: rgb(var(--fx-ink, 255 255 255) / .3); } .tabs-vert-line:is(.has-light, .has-light *) .tabs-btn:hover, .tabs-vert-line:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); } .tabs-vert-line:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]::before{ color: var(--faq-accent); } .tabs-vert-line:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--fx-text, #A0A4B2); } .tabs-vert-line:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); } @media (max-width: 760px){ .tabs-vert-line:is(.has-light, .has-light *) .tabs-nav{ border-left: 0; border-bottom: 1px solid rgb(var(--fx-ink, 255 255 255) / .1); } }  .tabs-vert-cards:is(.has-light, .has-light *) .tabs-btn{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .08); background: var(--fx-surface, #15171D); color: var(--fx-text, #C9CBD6); } .tabs-vert-cards:is(.has-light, .has-light *) .tabs-btn:hover{ border-color: color-mix(in srgb, var(--faq-accent) 35%, transparent); } .tabs-vert-cards:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: #0F1015; border-color: transparent; background: linear-gradient(120deg, var(--faq-accent), color-mix(in srgb, var(--faq-accent) 60%, rgb(var(--fx-ink, 255 255 255)))); } .tabs-vert-cards:is(.has-light, .has-light *).is-ready > .tabs-panel{ background: var(--fx-surface, #15171D); border: 1px solid rgb(var(--fx-ink, 255 255 255) / .07); color: var(--fx-text, #A0A4B2); } .tabs-vert-cards:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .tabs-vert-scroll:is(.has-light, .has-light *) .tabs-nav{ background: var(--fx-surface, #111318); border: 1px solid rgb(var(--fx-ink, 255 255 255) / .06); } .tabs-vert-scroll:is(.has-light, .has-light *) .tabs-btn{ border: 0; background: none; color: var(--fx-text, #A0A4B2); } .tabs-vert-scroll:is(.has-light, .has-light *) .tabs-btn:hover, .tabs-vert-scroll:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); } .tabs-vert-scroll:is(.has-light, .has-light *) .tabs-ind{ background: color-mix(in srgb, var(--faq-accent) 22%, transparent); } .tabs-vert-scroll:is(.has-light, .has-light *) .tabs-arrow{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .14); background: var(--fx-surface-2, #1C1E26); color: var(--fx-heading, #FFFFFF); } .tabs-vert-scroll:is(.has-light, .has-light *) .tabs-arrow::before{ border-right: 2px solid currentColor; border-top: 2px solid currentColor; } .tabs-vert-scroll:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--fx-text, #A0A4B2); } .tabs-vert-scroll:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .tabs-vert-pill:is(.has-light, .has-light *) .tabs-nav{ background: var(--fx-surface, #121419); border: 1px solid rgb(var(--fx-ink, 255 255 255) / .07); } .tabs-vert-pill:is(.has-light, .has-light *) .tabs-btn{ border: 0; background: none; color: var(--fx-text, #A0A4B2); } .tabs-vert-pill:is(.has-light, .has-light *) .tabs-btn:hover{ color: var(--fx-heading, #FFFFFF); } .tabs-vert-pill:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: #0F1015; } .tabs-vert-pill:is(.has-light, .has-light *) .tabs-ind{ background: var(--faq-accent); } .tabs-vert-pill:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--fx-text, #A0A4B2); } .tabs-vert-pill:is(.has-light, .has-light *).is-ready > .tabs-panel > :first-child{ color: var(--fx-heading, #FFFFFF); }  .tabs-picture:is(.has-light, .has-light *) .tabs-btn{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .1); background: var(--fx-surface, #15171D); color: var(--fx-text, #C9CBD6); } .tabs-picture:is(.has-light, .has-light *) .tabs-btn:hover{ border-color: color-mix(in srgb, var(--faq-accent) 40%, transparent); } .tabs-picture:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); border-color: var(--faq-accent); background: color-mix(in srgb, var(--faq-accent) 14%, var(--fx-surface, #15171D)); } .tabs-picture:is(.has-light, .has-light *) .tabs-arrow{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .14); background: var(--fx-surface-2, #1C1E26); color: var(--fx-heading, #FFFFFF); } .tabs-picture:is(.has-light, .has-light *) .tabs-arrow::before{ border-right: 2px solid currentColor; border-top: 2px solid currentColor; } .tabs-picture:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--fx-text, #A0A4B2); } .tabs-picture:is(.has-light, .has-light *).is-ready > .tabs-panel > :is(h1, h2, h3, h4){ color: var(--fx-heading, #FFFFFF); }  .tabs-thumbs:is(.has-light, .has-light *) .tabs-btn{ border: 0; } .tabs-thumbs:is(.has-light, .has-light *) .tabs-arrow{ border: 1px solid rgb(var(--fx-ink, 255 255 255) / .14); color: var(--fx-heading, #FFFFFF); } .tabs-thumbs:is(.has-light, .has-light *) .tabs-arrow::before{ border-right: 2px solid currentColor; border-top: 2px solid currentColor; } .tabs-thumbs:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--fx-text, #A0A4B2); } .tabs-thumbs:is(.has-light, .has-light *).is-ready > .tabs-panel > :is(h1, h2, h3, h4){ color: var(--fx-heading, #FFFFFF); }  .tabs-logos:is(.has-light, .has-light *) .tabs-nav{ border-bottom: 1px solid rgb(var(--fx-ink, 255 255 255) / .08); } .tabs-logos:is(.has-light, .has-light *) .tabs-btn{ border: 0; } .tabs-logos:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--fx-text, #C9CBD6); } .tabs-logos:is(.has-light, .has-light *).is-ready > .tabs-panel > :is(h1, h2, h3, h4){ color: var(--fx-muted, #8E92A0); } .tabs-logos:is(.has-light, .has-light *).is-ready > .tabs-panel > p{ color: var(--fx-heading, #FFFFFF); } .tabs-logos:is(.has-light, .has-light *).is-ready > .tabs-panel > p::before{ color: var(--faq-accent); } .tabs-logos:is(.has-light, .has-light *).is-ready > .tabs-panel > p::after{ color: var(--faq-accent); }  .tabs-vert-media:is(.has-light, .has-light *) .tabs-btn{ background: none; color: var(--fx-text, #A0A4B2); } .tabs-vert-media:is(.has-light, .has-light *) .tabs-btn:hover, .tabs-vert-media:is(.has-light, .has-light *) .tabs-btn[aria-selected="true"]{ color: var(--fx-heading, #FFFFFF); } .tabs-vert-media:is(.has-light, .has-light *) .tabs-ind{ background: linear-gradient(90deg, color-mix(in srgb, var(--faq-accent) 18%, transparent), rgb(var(--fx-ink, 255 255 255) / .03)); } .tabs-vert-media:is(.has-light, .has-light *).is-ready > .tabs-panel{ color: var(--fx-text, #A0A4B2); } .tabs-vert-media:is(.has-light, .has-light *).is-ready > .tabs-panel > :is(h1, h2, h3, h4){ color: var(--fx-heading, #FFFFFF); }