:root{--breakpoint-width-375: 375px;--breakpoint-width-343: 343px;--breakpoint-width-768: 768px;--breakpoint-width-720: 720px;--breakpoint-width-1280: 1280px;--breakpoint-width-1232: 1232px;--breakpoint-width-1440: 1440px;--breakpoint-width-1360: 1360px;--breakpoint-page-width: var(--breakpoint-width-375);--breakpoint-container-max: var(--breakpoint-width-343);--breakpoint-gutter: var(--space-16);--breakpoint-columns-count: 4;--color-neutral-0: #ffffff;--color-neutral-0-60: rgba(255, 255, 255, .6);--color-neutral-0-0: rgba(255, 255, 255, 0);--color-neutral-50: #faf8f3;--color-neutral-100: #e8e6e1;--color-neutral-200: #d3cec4;--color-neutral-300: #b8b2a7;--color-neutral-400: #a39e93;--color-neutral-500: #857f72;--color-neutral-600: #625d52;--color-neutral-700: #504a40;--color-neutral-800: #423d33;--color-neutral-900: #27241d;--color-neutral-950: #1a1813;--color-neutral-950-60: rgba(26, 24, 19, .3);--color-neutral-950-0: rgba(26, 24, 19, 0);--color-purple-50: #f4f0fa;--color-purple-100: #eae2f8;--color-purple-200: #cfbcf2;--color-purple-300: #a081d9;--color-purple-400: #8662c7;--color-purple-500: #724bb7;--color-purple-600: #653cad;--color-purple-700: #51279b;--color-purple-800: #421987;--color-purple-900: #34126f;--color-purple-950: #240754;--color-green-50: #edfaf1;--color-green-100: #e3f9e5;--color-green-200: #c1f2c7;--color-green-300: #91e697;--color-green-400: #51ca58;--color-green-500: #31b237;--color-green-600: #18981d;--color-green-700: #0f8613;--color-green-800: #0e7817;--color-green-900: #07600e;--color-green-950: #014807;--color-red-50: #fff2f3;--color-red-100: #ffe3e3;--color-red-200: #ffbdbd;--color-red-300: #ff9b9b;--color-red-400: #f86a6a;--color-red-500: #ef4e4e;--color-red-600: #e12d39;--color-red-700: #cf1124;--color-red-800: #ab091e;--color-red-900: #8a041a;--color-red-950: #610316;--color-yellow-50: #fffdf5;--color-yellow-100: #fffaeb;--color-yellow-200: #fcefc7;--color-yellow-300: #f8e3a3;--color-yellow-400: #f9da8b;--color-yellow-500: #f7d070;--color-yellow-600: #e9b949;--color-yellow-700: #c99a2e;--color-yellow-800: #a27c1a;--color-yellow-900: #7c5e10;--color-yellow-950: #513c06;--color-teal-50: #f0f8f9;--color-teal-100: #ddf1f3;--color-teal-200: #b6e0e4;--color-teal-300: #86c5cd;--color-teal-400: #53a7b3;--color-teal-500: #2a7f8a;--color-teal-600: #226871;--color-teal-700: #1b5158;--color-teal-800: #143c41;--color-teal-900: #0d272a;--color-teal-950: #061214;--color-orange-50: #fff5ed;--color-orange-100: #ffe8d6;--color-orange-200: #ffcda8;--color-orange-300: #ffac70;--color-orange-400: #fa8d3d;--color-orange-500: #f97316;--color-orange-600: #dc5d06;--color-orange-700: #b44905;--color-orange-800: #8c3704;--color-orange-900: #642603;--color-orange-950: #3f1601;--color-gold-100: #f6ecd2;--color-gold-50: #faf6ec;--color-gold-200: #ead6a5;--color-gold-300: #dfc076;--color-gold-400: #d3ad55;--color-gold-500: #c49a3c;--color-gold-600: #a6802e;--color-gold-700: #886723;--color-gold-800: #6a4f18;--color-gold-900: #4b370e;--color-gold-950: #302206;--color-bg-base: var(--color-neutral-0);--color-bg-tone: var(--color-neutral-50);--color-bg-disabled: var(--color-neutral-100);--color-bg-subtle: var(--color-neutral-200);--color-bg-elevated: var(--color-neutral-300);--color-bg-inverse: var(--color-neutral-950);--color-bg-fade: var(--color-neutral-0-60);--color-bg-fade-zero: var(--color-neutral-0-0);--color-bg-neutral-primary-default: var(--color-neutral-400);--color-bg-neutral-primary-accent: var(--color-neutral-400);--color-bg-neutral-primary-state: var(--color-neutral-600);--color-bg-neutral-primary-active: var(--color-neutral-700);--color-bg-neutral-secondary-default: var(--color-neutral-200);--color-bg-neutral-secondary-state: var(--color-neutral-400);--color-bg-neutral-secondary-active: var(--color-neutral-500);--color-bg-neutral-accent-default: var(--color-neutral-400);--color-bg-neutral-accent-state: var(--color-neutral-600);--color-bg-neutral-accent-active: var(--color-neutral-700);--color-bg-brand-primary-default: var(--color-purple-400);--color-bg-brand-primary-state: var(--color-purple-500);--color-bg-brand-primary-active: var(--color-purple-600);--color-bg-brand-secondary-default: var(--color-purple-50);--color-bg-brand-secondary-state: var(--color-purple-100);--color-bg-brand-secondary-active: var(--color-purple-200);--color-bg-brand-accent-default: var(--color-purple-400);--color-bg-brand-accent-state: var(--color-purple-500);--color-bg-brand-accent-active: var(--color-purple-600);--color-bg-brand-accent-base: var(--color-purple-100);--color-bg-success-primary-default: var(--color-green-400);--color-bg-success-primary-state: var(--color-green-500);--color-bg-success-primary-active: var(--color-green-600);--color-bg-success-secondary-default: var(--color-green-50);--color-bg-success-secondary-state: var(--color-green-100);--color-bg-success-secondary-active: var(--color-green-200);--color-bg-success-accent-default: var(--color-green-400);--color-bg-success-accent-state: var(--color-green-500);--color-bg-success-accent-active: var(--color-green-600);--color-bg-success-accent-base: var(--color-green-100);--color-bg-error-primary-default: var(--color-red-400);--color-bg-error-primary-state: var(--color-red-500);--color-bg-error-primary-active: var(--color-red-600);--color-bg-error-secondary-default: var(--color-red-50);--color-bg-error-secondary-state: var(--color-red-100);--color-bg-error-secondary-active: var(--color-red-200);--color-bg-error-accent-default: var(--color-red-400);--color-bg-error-accent-state: var(--color-red-500);--color-bg-error-accent-active: var(--color-red-600);--color-bg-error-accent-base: var(--color-red-100);--color-bg-warning-primary-default: var(--color-yellow-600);--color-bg-warning-primary-state: var(--color-yellow-700);--color-bg-warning-primary-active: var(--color-yellow-800);--color-bg-warning-secondary-default: var(--color-yellow-100);--color-bg-warning-secondary-state: var(--color-yellow-200);--color-bg-warning-secondary-active: var(--color-yellow-300);--color-bg-warning-accent-default: var(--color-yellow-500);--color-bg-warning-accent-state: var(--color-yellow-500);--color-bg-warning-accent-active: var(--color-yellow-600);--color-bg-action-warning-accent-base: var(--color-yellow-200);--color-bg-action-orange-accent-default: var(--color-orange-400);--color-bg-orange-accent-base: var(--color-orange-100);--color-bg-gold-accent-default: var(--color-gold-400);--color-bg-gold-accent-state: var(--color-gold-500);--color-bg-gold-accent-active: var(--color-gold-600);--color-bg-action-gold-accent-base: var(--color-gold-100);--color-bg-action-teal-accent-default: var(--color-teal-400);--color-bg-teal-accent-state: var(--color-teal-500);--color-bg-teal-accent-active: var(--color-teal-600);--color-bg-teal-accent-base: var(--color-teal-100);--color-text-neutral-white: var(--color-neutral-0);--color-text-neutral-primary: var(--color-neutral-900);--color-text-neutral-title: var(--color-neutral-700);--color-text-neutral-subtitle: var(--color-neutral-500);--color-text-neutral-placeholder: var(--color-neutral-400);--color-text-neutral-disabled: var(--color-neutral-500);--color-text-neutral-base: var(--color-neutral-0);--color-text-brand-default: var(--color-purple-500);--color-text-brand-state: var(--color-purple-700);--color-text-brand-active: var(--color-purple-800);--color-text-action-brand-base: var(--color-purple-700);--color-text-success-default: var(--color-green-500);--color-text-success-state: var(--color-green-700);--color-text-success-active: var(--color-green-800);--color-text-action-success-base: var(--color-green-800);--color-text-action-error-default: var(--color-red-500);--color-text-error-state: var(--color-red-700);--color-text-error-active: var(--color-red-800);--color-text-error-base: var(--color-red-700);--color-text-warning-default: var(--color-yellow-700);--color-text-warning-state: var(--color-yellow-800);--color-text-warning-active: var(--color-yellow-900);--color-text-action-warning-base: var(--color-yellow-800);--color-text-teal-primary: var(--color-teal-500);--color-text-teal-secondary: var(--color-teal-400);--color-text-action-teal-base: var(--color-teal-700);--color-text-orange-primary: var(--color-orange-500);--color-text-orange-secondary: var(--color-orange-400);--color-text-action-orange-base: var(--color-orange-700);--color-text-gold-primary: var(--color-gold-500);--color-text-gold-secondary: var(--color-gold-400);--color-text-accent-gold-base: var(--color-gold-700);--color-icon-neutral-on-accent: var(--color-neutral-0);--color-icon-neutral-disabled: var(--color-neutral-500);--color-icon-neutral-primary-default: var(--color-neutral-600);--color-icon-neutral-primary-state: var(--color-neutral-700);--color-icon-neutral-primary-active: var(--color-neutral-800);--color-icon-neutral-secondary-default: var(--color-neutral-200);--color-icon-neutral-secondary-state: var(--color-neutral-400);--color-icon-neutral-secondary-active: var(--color-neutral-500);--color-icon-brand-primary-default: var(--color-purple-600);--color-icon-brand-primary-state: var(--color-purple-700);--color-icon-brand-primary-active: var(--color-purple-800);--color-icon-brand-secondary-default: var(--color-purple-500);--color-icon-brand-secondary-state: var(--color-purple-500);--color-icon-brand-secondary-active: var(--color-purple-500);--color-icon-brand-base: var(--color-purple-500);--color-icon-success-primary-default: var(--color-green-600);--color-icon-success-primary-state: var(--color-green-700);--color-icon-success-primary-active: var(--color-green-800);--color-icon-success-secondary-default: var(--color-green-500);--color-icon-success-secondary-state: var(--color-green-500);--color-icon-success-secondary-active: var(--color-green-500);--color-icon-success-secondary-base: var(--color-green-500);--color-icon-error-primary-default: var(--color-red-600);--color-icon-error-primary-state: var(--color-red-700);--color-icon-error-primary-active: var(--color-red-800);--color-icon-error-secondary-default: var(--color-red-500);--color-icon-error-secondary-state: var(--color-red-500);--color-icon-error-secondary-active: var(--color-red-500);--color-icon-error-secondary-base: var(--color-red-500);--color-icon-warning-primary-default: var(--color-yellow-700);--color-icon-warning-primary-state: var(--color-yellow-800);--color-icon-warning-primary-active: var(--color-yellow-900);--color-icon-warning-secondary-default: var(--color-yellow-800);--color-icon-warning-secondary-state: var(--color-yellow-800);--color-icon-warning-secondary-active: var(--color-yellow-800);--color-icon-warning-secondary-base: var(--color-yellow-700);--color-icon-teal-primary: var(--color-teal-700);--color-icon-teal-secondary: var(--color-teal-200);--color-icon-teal-base: var(--color-teal-500);--color-icon-orange-primary: var(--color-orange-700);--color-icon-orange-secondary: var(--color-orange-200);--color-icon-orange-base: var(--color-orange-500);--color-icon-gold-primary: var(--color-gold-700);--color-icon-gold-secondary: var(--color-gold-200);--color-icon-gold-base: var(--color-gold-500);--color-border-divider: var(--color-neutral-100);--color-border-subtle: var(--color-neutral-200);--color-border-strong: var(--color-neutral-300);--color-border-brand-primary: var(--color-purple-400);--color-border-brand-secondary: var(--color-purple-200);--color-border-succes-primary: var(--color-green-400);--color-border-succes-secondary: var(--color-green-200);--color-border-error-primary: var(--color-red-400);--color-border-error-secondary: var(--color-red-200);--color-border-warning-primary: var(--color-yellow-500);--color-border-warning-secondary: var(--color-yellow-300);--color-border-gold-primary: var(--color-gold-400);--color-border-gold-secondary: var(--color-gold-200);--color-border-teal-primary: var(--color-teal-400);--color-border-teal-secondary: var(--color-teal-200);--color-border-orange-primary: var(--color-orange-400);--color-border-orange-secondary: var(--color-orange-200);--color-gradient-tone: var(--color-neutral-400);--color-gradient-brand: var(--color-purple-400);--color-gradient-success: var(--color-green-400);--color-gradient-error: var(--color-red-400);--color-gradient-warning: var(--color-yellow-400);--color-gradient-orange: var(--color-orange-400);--color-gradient-gold: var(--color-gold-400);--color-gradient-teal: var(--color-teal-400);--control-size-24: 24px;--control-size-32: 32px;--control-size-36: 36px;--control-size-40: 40px;--control-size-48: 48px;--control-size-56: 56px;--control-icon-size-md: var(--control-size-24);--control-xs: var(--control-size-32);--control-s: var(--control-size-36);--control-m: var(--control-size-40);--control-l: var(--control-size-48);--control-xl: var(--control-size-56);--opacity-percent-0: 0;--opacity-percent-10: .1;--opacity-percent-20: .2;--opacity-percent-40: .4;--opacity-percent-60: .6;--opacity-percent-80: .8;--opacity-percent-100: 1;--opacity-zero: var(--opacity-percent-0);--opacity-backgraund: var(--opacity-percent-20);--opacity-disabled: var(--opacity-percent-40);--opacity-muted: var(--opacity-percent-60);--opacity-overlay: var(--opacity-percent-80);--opacity-full: var(--opacity-percent-100);--radius-0: 0px;--radius-2: 2px;--radius-4: 4px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-24: 24px;--radius-32: 32px;--radius-999: 999px;--radius-xsmall: var(--radius-4);--radius-small: var(--radius-8);--radius-interactive: var(--radius-12);--radius-container: var(--radius-16);--radius-base: var(--radius-24);--radius-main: var(--radius-32);--space-0: 0px;--space-2: 2px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-gap-s: var(--space-4);--space-gap-m: var(--space-8);--space-gap-l: var(--space-16);--space-padding-container: var(--space-16);--space-padding-page: var(--space-24);--stroke-weight-none: 0px;--stroke-weight-1: 1px;--stroke-weight-2: 2px;--stroke-weight-3: 3px;--stroke-weight-4: 4px;--stroke-weight-pill: 100px;--stroke-xs: var(--stroke-weight-1);--stroke-s: var(--stroke-weight-2);--stroke-m: var(--stroke-weight-3);--stroke-max: var(--stroke-weight-pill);--type-font-size-12: 12px;--type-font-size-14: 14px;--type-font-size-16: 16px;--type-font-size-24: 24px;--type-font-size-32: 32px;--type-font-size-44: 44px;--type-font-size-56: 56px;--type-font-line-height-16: 16px;--type-font-line-height-20: 20px;--type-font-line-height-24: 24px;--type-font-line-height-28: 28px;--type-font-line-height-32: 32px;--type-font-line-height-36: 36px;--type-font-line-height-44: 44px;--type-font-line-height-52: 52px;--type-font-line-height-68: 68px;--type-font-weight-200: 200;--type-font-weight-300: 300;--type-font-weight-400: 400;--type-font-weight-500: 500;--type-font-weight-600: 600;--type-font-family-sans: Geologica;--type-text-h1-size: var(--type-font-line-height-36);--type-text-h1-light-height: var(--type-font-line-height-44);--type-text-h2-size: var(--type-font-size-24);--type-text-h2-light-height: var(--type-font-line-height-28);--type-text-h3-size: var(--type-font-size-24);--type-text-h3-light-height: var(--type-font-line-height-32);--type-text-h4-size: var(--type-font-size-16);--type-text-h4-light-height: var(--type-font-line-height-24);--type-text-body-size: var(--type-font-size-16);--type-text-body-light-height: var(--type-font-line-height-24);--type-text-caption-size: var(--type-font-size-14);--type-text-caption-light-height: var(--type-font-line-height-16);--type-text-small-size: var(--type-font-size-12);--type-text-small-light-height: var(--type-font-line-height-16);--type-font-weight-thin: var(--type-font-weight-200);--type-font-weight-light: var(--type-font-weight-300);--type-font-weight-regular: var(--type-font-weight-400);--type-font-weight-medium: var(--type-font-weight-500);--type-font-weight-bold: var(--type-font-weight-600)}[data-theme=dark]{--color-bg-base: var(--color-neutral-950);--color-bg-tone: var(--color-neutral-900);--color-bg-disabled: var(--color-neutral-700);--color-bg-subtle: var(--color-neutral-600);--color-bg-elevated: var(--color-neutral-700);--color-bg-inverse: var(--color-neutral-0);--color-bg-fade: var(--color-neutral-950-60);--color-bg-fade-zero: var(--color-neutral-950-0);--color-bg-neutral-primary-default: var(--color-neutral-500);--color-bg-neutral-primary-accent: var(--color-neutral-500);--color-bg-neutral-primary-state: var(--color-neutral-400);--color-bg-neutral-primary-active: var(--color-neutral-200);--color-bg-neutral-secondary-default: var(--color-neutral-300);--color-bg-neutral-secondary-state: var(--color-neutral-100);--color-bg-neutral-secondary-active: var(--color-neutral-500);--color-bg-neutral-accent-default: var(--color-neutral-500);--color-bg-neutral-accent-state: var(--color-neutral-400);--color-bg-neutral-accent-active: var(--color-neutral-200);--color-bg-brand-primary-default: var(--color-purple-50);--color-bg-brand-primary-state: var(--color-purple-200);--color-bg-brand-primary-active: var(--color-purple-300);--color-bg-brand-secondary-default: var(--color-purple-400);--color-bg-brand-secondary-state: var(--color-purple-600);--color-bg-brand-secondary-active: var(--color-purple-700);--color-bg-brand-accent-default: var(--color-purple-600);--color-bg-brand-accent-state: var(--color-purple-500);--color-bg-brand-accent-active: var(--color-purple-400);--color-bg-brand-accent-base: var(--color-purple-200);--color-bg-success-primary-default: var(--color-green-500);--color-bg-success-primary-state: var(--color-green-400);--color-bg-success-primary-active: var(--color-green-300);--color-bg-success-secondary-default: var(--color-green-900);--color-bg-success-secondary-state: var(--color-green-700);--color-bg-success-secondary-active: var(--color-green-600);--color-bg-success-accent-default: var(--color-green-600);--color-bg-success-accent-state: var(--color-green-500);--color-bg-success-accent-active: var(--color-green-400);--color-bg-success-accent-base: var(--color-green-200);--color-bg-error-primary-default: var(--color-red-500);--color-bg-error-primary-state: var(--color-red-400);--color-bg-error-primary-active: var(--color-red-300);--color-bg-error-secondary-default: var(--color-red-900);--color-bg-error-secondary-state: var(--color-red-700);--color-bg-error-secondary-active: var(--color-red-600);--color-bg-error-accent-default: var(--color-red-600);--color-bg-error-accent-state: var(--color-red-500);--color-bg-error-accent-active: var(--color-red-400);--color-bg-error-accent-base: var(--color-red-200);--color-bg-warning-primary-default: var(--color-yellow-600);--color-bg-warning-primary-state: var(--color-yellow-500);--color-bg-warning-primary-active: var(--color-yellow-400);--color-bg-warning-secondary-default: var(--color-yellow-950);--color-bg-warning-secondary-state: var(--color-yellow-900);--color-bg-warning-secondary-active: var(--color-yellow-800);--color-bg-warning-accent-default: var(--color-yellow-600);--color-bg-warning-accent-state: var(--color-yellow-500);--color-bg-warning-accent-active: var(--color-yellow-400);--color-bg-action-warning-accent-base: var(--color-yellow-200);--color-bg-action-orange-accent-default: var(--color-orange-500);--color-bg-orange-accent-base: var(--color-orange-200);--color-bg-gold-accent-default: var(--color-gold-600);--color-bg-gold-accent-state: var(--color-gold-400);--color-bg-gold-accent-active: var(--color-gold-400);--color-bg-action-gold-accent-base: var(--color-gold-200);--color-bg-action-teal-accent-default: var(--color-teal-400);--color-bg-teal-accent-state: var(--color-teal-500);--color-bg-teal-accent-active: var(--color-teal-400);--color-bg-teal-accent-base: var(--color-teal-200);--color-text-neutral-white: var(--color-neutral-0);--color-text-neutral-primary: var(--color-neutral-50);--color-text-neutral-title: var(--color-neutral-300);--color-text-neutral-subtitle: var(--color-neutral-400);--color-text-neutral-placeholder: var(--color-neutral-500);--color-text-neutral-disabled: var(--color-neutral-400);--color-text-neutral-base: var(--color-neutral-0);--color-text-brand-default: var(--color-purple-300);--color-text-brand-state: var(--color-purple-100);--color-text-brand-active: var(--color-purple-50);--color-text-action-brand-base: var(--color-purple-700);--color-text-success-default: var(--color-green-300);--color-text-success-state: var(--color-green-100);--color-text-success-active: var(--color-green-100);--color-text-action-success-base: var(--color-green-700);--color-text-action-error-default: var(--color-red-300);--color-text-error-state: var(--color-red-100);--color-text-error-active: var(--color-red-100);--color-text-error-base: var(--color-red-700);--color-text-warning-default: var(--color-yellow-300);--color-text-warning-state: var(--color-yellow-200);--color-text-warning-active: var(--color-yellow-200);--color-text-action-warning-base: var(--color-yellow-800);--color-text-teal-primary: var(--color-teal-300);--color-text-teal-secondary: var(--color-teal-100);--color-text-action-teal-base: var(--color-teal-700);--color-text-orange-primary: var(--color-orange-400);--color-text-orange-secondary: var(--color-orange-100);--color-text-action-orange-base: var(--color-orange-700);--color-text-gold-primary: var(--color-gold-300);--color-text-gold-secondary: var(--color-gold-100);--color-text-accent-gold-base: var(--color-gold-700);--color-icon-neutral-on-accent: var(--color-neutral-0);--color-icon-neutral-disabled: var(--color-neutral-400);--color-icon-neutral-primary-default: var(--color-neutral-400);--color-icon-neutral-primary-state: var(--color-neutral-300);--color-icon-neutral-primary-active: var(--color-neutral-200);--color-icon-neutral-secondary-default: var(--color-neutral-700);--color-icon-neutral-secondary-state: var(--color-neutral-600);--color-icon-neutral-secondary-active: var(--color-neutral-500);--color-icon-brand-primary-default: var(--color-purple-500);--color-icon-brand-primary-state: var(--color-purple-100);--color-icon-brand-primary-active: var(--color-purple-50);--color-icon-brand-secondary-default: var(--color-purple-100);--color-icon-brand-secondary-state: var(--color-purple-50);--color-icon-brand-secondary-active: var(--color-purple-50);--color-icon-brand-base: var(--color-purple-300);--color-icon-success-primary-default: var(--color-green-500);--color-icon-success-primary-state: var(--color-green-100);--color-icon-success-primary-active: var(--color-green-50);--color-icon-success-secondary-default: var(--color-green-100);--color-icon-success-secondary-state: var(--color-green-50);--color-icon-success-secondary-active: var(--color-green-50);--color-icon-success-secondary-base: var(--color-green-300);--color-icon-error-primary-default: var(--color-red-500);--color-icon-error-primary-state: var(--color-red-100);--color-icon-error-primary-active: var(--color-red-50);--color-icon-error-secondary-default: var(--color-red-100);--color-icon-error-secondary-state: var(--color-red-50);--color-icon-error-secondary-active: var(--color-red-50);--color-icon-error-secondary-base: var(--color-red-300);--color-icon-warning-primary-default: var(--color-yellow-700);--color-icon-warning-primary-state: var(--color-yellow-200);--color-icon-warning-primary-active: var(--color-yellow-100);--color-icon-warning-secondary-default: var(--color-yellow-300);--color-icon-warning-secondary-state: var(--color-yellow-200);--color-icon-warning-secondary-active: var(--color-yellow-200);--color-icon-warning-secondary-base: var(--color-yellow-300);--color-icon-teal-primary: var(--color-teal-600);--color-icon-teal-secondary: var(--color-teal-700);--color-icon-teal-base: var(--color-teal-400);--color-icon-orange-primary: var(--color-orange-600);--color-icon-orange-secondary: var(--color-orange-700);--color-icon-orange-base: var(--color-orange-400);--color-icon-gold-primary: var(--color-gold-600);--color-icon-gold-secondary: var(--color-gold-700);--color-icon-gold-base: var(--color-gold-400);--color-border-divider: var(--color-neutral-700);--color-border-subtle: var(--color-neutral-600);--color-border-strong: var(--color-neutral-500);--color-border-brand-primary: var(--color-purple-200);--color-border-brand-secondary: var(--color-purple-300);--color-border-succes-primary: var(--color-green-200);--color-border-succes-secondary: var(--color-green-300);--color-border-error-primary: var(--color-red-200);--color-border-error-secondary: var(--color-red-300);--color-border-warning-primary: var(--color-yellow-300);--color-border-warning-secondary: var(--color-yellow-500);--color-border-gold-primary: var(--color-gold-200);--color-border-gold-secondary: var(--color-gold-600);--color-border-teal-primary: var(--color-teal-200);--color-border-teal-secondary: var(--color-teal-400);--color-border-orange-primary: var(--color-orange-200);--color-border-orange-secondary: var(--color-orange-400);--color-gradient-tone: var(--color-neutral-900);--color-gradient-brand: var(--color-purple-800);--color-gradient-success: var(--color-green-900);--color-gradient-error: var(--color-red-900);--color-gradient-warning: var(--color-yellow-900);--color-gradient-orange: var(--color-orange-900);--color-gradient-gold: var(--color-gold-900);--color-gradient-teal: var(--color-teal-800)}@media (min-width: 768px){:root{--breakpoint-page-width: var(--breakpoint-width-1280);--breakpoint-container-max: var(--breakpoint-width-1232);--breakpoint-gutter: var(--space-40);--breakpoint-columns-count: 12;--space-gap-s: var(--space-4);--space-gap-m: var(--space-8);--space-gap-l: var(--space-16);--space-padding-container: var(--space-24);--space-padding-page: var(--space-32);--type-text-h1-size: var(--type-font-size-56);--type-text-h1-light-height: var(--type-font-line-height-68);--type-text-h2-size: var(--type-font-size-44);--type-text-h2-light-height: var(--type-font-line-height-52);--type-text-h3-size: var(--type-font-size-32);--type-text-h3-light-height: var(--type-font-line-height-44);--type-text-h4-size: var(--type-font-size-24);--type-text-h4-light-height: var(--type-font-line-height-32);--type-text-body-size: var(--type-font-size-16);--type-text-body-light-height: var(--type-font-line-height-24);--type-text-caption-size: var(--type-font-size-14);--type-text-caption-light-height: var(--type-font-line-height-16);--type-text-small-size: var(--type-font-size-12);--type-text-small-light-height: var(--type-font-line-height-16);--type-font-weight-thin: var(--type-font-weight-200);--type-font-weight-light: var(--type-font-weight-300);--type-font-weight-regular: var(--type-font-weight-400);--type-font-weight-medium: var(--type-font-weight-500);--type-font-weight-bold: var(--type-font-weight-600)}}.ds-btn{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-container);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-weight:var(--type-font-weight-light);letter-spacing:.2px;line-height:var(--type-text-small-light-height);white-space:nowrap;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.ds-btn--large{height:var(--control-xl);gap:var(--space-gap-m);font-size:var(--type-text-body-size);border-radius:var(--radius-base)}.ds-btn--small{height:var(--control-m);gap:var(--space-gap-s);font-size:var(--type-text-caption-size);border-radius:var(--radius-interactive)}.ds-btn{padding-inline:var(--space-gap-l)}.ds-btn--no-start-icon{padding-inline-start:var(--space-24)}.ds-btn--no-end-icon{padding-inline-end:var(--space-24)}.ds-btn--block{width:100%;padding-inline:0}.ds-btn--icon-only{padding-inline:0}.ds-btn--large.ds-btn--icon-only{width:var(--control-xl)}.ds-btn--small.ds-btn--icon-only{width:var(--control-m)}.ds-btn__icon{display:inline-flex;flex-shrink:0;transition:color .12s ease}.ds-btn--primary.ds-btn--color-brand{background:var(--color-bg-brand-accent-default);color:var(--color-text-neutral-white)}.ds-btn--primary.ds-btn--color-brand:not(:disabled):hover{background:var(--color-bg-brand-accent-state)}.ds-btn--primary.ds-btn--color-brand:not(:disabled):active{background:var(--color-bg-brand-accent-active)}.ds-btn--primary.ds-btn--color-success{background:var(--color-bg-success-accent-default);color:var(--color-text-neutral-white)}.ds-btn--primary.ds-btn--color-success:not(:disabled):hover{background:var(--color-bg-success-accent-state)}.ds-btn--primary.ds-btn--color-success:not(:disabled):active{background:var(--color-bg-success-accent-active)}.ds-btn--primary.ds-btn--color-error{background:var(--color-bg-error-accent-default);color:var(--color-text-neutral-white)}.ds-btn--primary.ds-btn--color-error:not(:disabled):hover{background:var(--color-bg-error-accent-state)}.ds-btn--primary.ds-btn--color-error:not(:disabled):active{background:var(--color-bg-error-accent-active)}.ds-btn--primary.ds-btn--color-warning{background:var(--color-bg-warning-accent-default);color:var(--color-text-neutral-white)}.ds-btn--primary.ds-btn--color-warning:not(:disabled):hover{background:var(--color-bg-warning-accent-state)}.ds-btn--primary.ds-btn--color-warning:not(:disabled):active{background:var(--color-bg-warning-accent-active)}.ds-btn--primary.ds-btn--color-neutral{background:var(--color-bg-neutral-accent-default);color:var(--color-text-neutral-white)}.ds-btn--primary.ds-btn--color-neutral:not(:disabled):hover{background:var(--color-bg-neutral-accent-state)}.ds-btn--primary.ds-btn--color-neutral:not(:disabled):active{background:var(--color-bg-neutral-accent-active)}.ds-btn--primary .ds-btn__icon{color:var(--color-icon-neutral-on-accent)}.ds-btn--secondary.ds-btn--color-brand{color:var(--color-text-brand-state)}.ds-btn--secondary.ds-btn--color-brand.ds-btn--filled{background:var(--color-bg-brand-secondary-default)}.ds-btn--secondary.ds-btn--color-brand.ds-btn--stroke{background:var(--color-bg-base);border-color:var(--color-border-brand-primary)}.ds-btn--secondary.ds-btn--color-brand.ds-btn--ghost{background:transparent}.ds-btn--secondary.ds-btn--color-brand:not(:disabled):not(.ds-btn--selected):hover{background:var(--color-bg-brand-secondary-state);border-color:transparent}.ds-btn--secondary.ds-btn--color-brand:not(:disabled):not(.ds-btn--selected):active{background:var(--color-bg-brand-secondary-active);border-color:transparent;color:var(--color-text-brand-active)}.ds-btn--secondary.ds-btn--color-success{color:var(--color-text-success-state)}.ds-btn--secondary.ds-btn--color-success.ds-btn--filled{background:var(--color-bg-success-secondary-default)}.ds-btn--secondary.ds-btn--color-success.ds-btn--stroke{background:var(--color-bg-base);border-color:var(--color-border-succes-primary)}.ds-btn--secondary.ds-btn--color-success.ds-btn--ghost{background:transparent}.ds-btn--secondary.ds-btn--color-success:not(:disabled):not(.ds-btn--selected):hover{background:var(--color-bg-success-secondary-state);border-color:transparent}.ds-btn--secondary.ds-btn--color-success:not(:disabled):not(.ds-btn--selected):active{background:var(--color-bg-success-secondary-active);border-color:transparent;color:var(--color-text-success-active)}.ds-btn--secondary.ds-btn--color-error{color:var(--color-text-error-state)}.ds-btn--secondary.ds-btn--color-error.ds-btn--filled{background:var(--color-bg-error-secondary-default)}.ds-btn--secondary.ds-btn--color-error.ds-btn--stroke{background:var(--color-bg-base);border-color:var(--color-border-error-primary)}.ds-btn--secondary.ds-btn--color-error.ds-btn--ghost{background:transparent}.ds-btn--secondary.ds-btn--color-error:not(:disabled):not(.ds-btn--selected):hover{background:var(--color-bg-error-secondary-state);border-color:transparent}.ds-btn--secondary.ds-btn--color-error:not(:disabled):not(.ds-btn--selected):active{background:var(--color-bg-error-secondary-active);border-color:transparent;color:var(--color-text-error-active)}.ds-btn--secondary.ds-btn--color-warning{color:var(--color-text-warning-state)}.ds-btn--secondary.ds-btn--color-warning.ds-btn--filled{background:var(--color-bg-warning-secondary-default)}.ds-btn--secondary.ds-btn--color-warning.ds-btn--stroke{background:var(--color-bg-base);border-color:var(--color-border-warning-primary)}.ds-btn--secondary.ds-btn--color-warning.ds-btn--ghost{background:transparent}.ds-btn--secondary.ds-btn--color-warning:not(:disabled):not(.ds-btn--selected):hover{background:var(--color-bg-warning-secondary-state);border-color:transparent}.ds-btn--secondary.ds-btn--color-warning:not(:disabled):not(.ds-btn--selected):active{background:var(--color-bg-warning-secondary-active);border-color:transparent;color:var(--color-text-warning-active)}.ds-btn--secondary.ds-btn--color-neutral{color:var(--color-text-neutral-title)}.ds-btn--secondary.ds-btn--color-neutral.ds-btn--filled{background:var(--color-bg-neutral-secondary-default)}.ds-btn--secondary.ds-btn--color-neutral.ds-btn--stroke{background:var(--color-bg-base);border-color:var(--color-border-strong)}.ds-btn--secondary.ds-btn--color-neutral.ds-btn--ghost{background:transparent}.ds-btn--secondary.ds-btn--color-neutral:not(:disabled):not(.ds-btn--selected):hover{background:var(--color-bg-neutral-secondary-state);border-color:transparent}.ds-btn--secondary.ds-btn--color-neutral:not(:disabled):not(.ds-btn--selected):active{background:var(--color-bg-neutral-secondary-active);border-color:transparent;color:var(--color-text-neutral-primary)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-brand,.ds-btn--secondary.ds-btn--selected.ds-btn--color-brand[class]{background:var(--color-bg-brand-accent-default);border-color:var(--color-border-brand-secondary);color:var(--color-text-neutral-white);box-shadow:0 0 0 2px var(--color-border-brand-secondary)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-brand:not(:disabled):hover,.ds-btn--secondary.ds-btn--selected.ds-btn--color-brand[class]:not(:disabled):hover{background:var(--color-bg-brand-accent-state)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-brand:not(:disabled):active,.ds-btn--secondary.ds-btn--selected.ds-btn--color-brand[class]:not(:disabled):active{background:var(--color-bg-brand-accent-active)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-success,.ds-btn--secondary.ds-btn--selected.ds-btn--color-success[class]{background:var(--color-bg-success-accent-default);border-color:var(--color-border-succes-secondary);color:var(--color-text-neutral-white);box-shadow:0 0 0 2px var(--color-border-succes-secondary)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-success:not(:disabled):hover,.ds-btn--secondary.ds-btn--selected.ds-btn--color-success[class]:not(:disabled):hover{background:var(--color-bg-success-accent-state)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-success:not(:disabled):active,.ds-btn--secondary.ds-btn--selected.ds-btn--color-success[class]:not(:disabled):active{background:var(--color-bg-success-accent-active)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-error,.ds-btn--secondary.ds-btn--selected.ds-btn--color-error[class]{background:var(--color-bg-error-accent-default);border-color:var(--color-border-error-secondary);color:var(--color-text-neutral-white);box-shadow:0 0 0 2px var(--color-border-error-secondary)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-error:not(:disabled):hover,.ds-btn--secondary.ds-btn--selected.ds-btn--color-error[class]:not(:disabled):hover{background:var(--color-bg-error-accent-state)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-error:not(:disabled):active,.ds-btn--secondary.ds-btn--selected.ds-btn--color-error[class]:not(:disabled):active{background:var(--color-bg-error-accent-active)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-warning,.ds-btn--secondary.ds-btn--selected.ds-btn--color-warning[class]{background:var(--color-bg-warning-accent-default);border-color:var(--color-border-warning-secondary);color:var(--color-text-neutral-white);box-shadow:0 0 0 2px var(--color-border-warning-secondary)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-warning:not(:disabled):hover,.ds-btn--secondary.ds-btn--selected.ds-btn--color-warning[class]:not(:disabled):hover{background:var(--color-bg-warning-accent-state)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-warning:not(:disabled):active,.ds-btn--secondary.ds-btn--selected.ds-btn--color-warning[class]:not(:disabled):active{background:var(--color-bg-warning-accent-active)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-neutral,.ds-btn--secondary.ds-btn--selected.ds-btn--color-neutral[class]{background:var(--color-bg-neutral-accent-default);border-color:var(--color-border-strong);color:var(--color-text-neutral-white);box-shadow:0 0 0 2px var(--color-border-strong)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-neutral:not(:disabled):hover,.ds-btn--secondary.ds-btn--selected.ds-btn--color-neutral[class]:not(:disabled):hover{background:var(--color-bg-neutral-accent-state)}.ds-btn--secondary.ds-btn--selected.ds-btn--color-neutral:not(:disabled):active,.ds-btn--secondary.ds-btn--selected.ds-btn--color-neutral[class]:not(:disabled):active{background:var(--color-bg-neutral-accent-active)}.ds-btn--selected .ds-btn__icon{color:var(--color-icon-neutral-on-accent)}.ds-btn:disabled,.ds-btn[class][class][class]:disabled{background:var(--color-bg-disabled);border-color:transparent;color:var(--color-text-neutral-disabled);cursor:not-allowed;box-shadow:none}.ds-btn:disabled .ds-btn__icon,.ds-btn[class][class][class]:disabled .ds-btn__icon{color:var(--color-icon-neutral-disabled)}.ds-blur{background:var(--color-bg-fade);-webkit-backdrop-filter:blur(var(--ds-blur-amount, 7.5px));backdrop-filter:blur(var(--ds-blur-amount, 7.5px))}.ds-header{position:relative}.ds-header__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ds-header__inner{position:relative;z-index:1;max-width:calc(800px + var(--space-gap-l) * 2);margin-inline:auto}.ds-header__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-gap-m);padding:var(--space-gap-m) var(--space-gap-l)}.ds-header__left,.ds-header__controls{display:flex;align-items:center;gap:var(--space-gap-m)}.ds-header__tabs,.ds-header__menu{display:none}.ds-header__tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-gap-s);height:var(--control-m);padding-inline:var(--space-gap-l);border:0;background:none;border-radius:var(--radius-interactive);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-weight:var(--type-font-weight-thin);font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);letter-spacing:.2px;color:var(--color-text-neutral-title);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .12s ease}.ds-header__tab:before{content:"";position:absolute;z-index:0;inset:6px var(--space-gap-l);border-radius:var(--radius-small);background:var(--color-bg-brand-accent-base);opacity:0;transition:all .15s ease-out}.ds-header__tab-label,.ds-header__tab-icon{position:relative;z-index:1}.ds-header__tab-icon{display:inline-flex;align-items:center}.ds-header__tab:not(.ds-header__tab--active):hover{color:var(--color-text-brand-state)}.ds-header__tab--active{color:var(--color-text-action-brand-base)}.ds-header__tab--active:before{top:0;right:0;bottom:0;left:0;border-radius:var(--radius-interactive);opacity:1}.ds-header[data-open=true] .ds-header__menu{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-gap-m);padding:var(--space-gap-s) var(--space-gap-l) var(--space-gap-l)}@media (min-width: 768px){.ds-header__bar{padding-block:var(--space-gap-l)}.ds-header__burger{display:none!important}.ds-header__tabs{display:flex;align-items:center;gap:var(--space-gap-m)}.ds-header__menu{display:none!important}}.ds-badge{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--space-gap-l);border:1px solid transparent;border-radius:var(--radius-interactive);font-family:var(--type-font-family-sans),system-ui,sans-serif;letter-spacing:.2px;white-space:nowrap}.ds-badge--small{height:24px;gap:0;font-size:var(--type-text-caption-size);line-height:var(--type-text-small-light-height);font-weight:var(--type-font-weight-light)}.ds-badge--normal,.ds-badge--large{gap:var(--space-gap-s);font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);font-weight:var(--type-font-weight-light)}.ds-badge--normal{padding-block:var(--space-gap-s)}.ds-badge--large{padding-block:var(--space-gap-m)}.ds-badge--small.ds-badge--has-start-icon{padding-inline-start:var(--space-gap-s)}.ds-badge--small.ds-badge--has-end-icon{padding-inline-end:var(--space-gap-s)}.ds-badge--normal.ds-badge--has-start-icon,.ds-badge--large.ds-badge--has-start-icon{padding-inline-start:var(--space-gap-m)}.ds-badge--normal.ds-badge--has-end-icon,.ds-badge--large.ds-badge--has-end-icon{padding-inline-end:var(--space-gap-m)}.ds-badge--icon-only{padding:0}.ds-badge--small.ds-badge--icon-only{width:24px;height:24px}.ds-badge--normal.ds-badge--icon-only{width:32px;height:32px}.ds-badge--large.ds-badge--icon-only{width:40px;height:40px}.ds-badge--soft{color:var(--badge-text-soft);background:var(--badge-tint)}.ds-badge--outline{color:var(--badge-text);background:var(--color-bg-base);border-color:var(--badge-border)}.ds-badge--blue,.ds-badge--brand{--badge-text: var(--color-text-brand-default);--badge-text-soft: var(--color-text-action-brand-base);--badge-border: var(--color-border-brand-secondary);--badge-tint: var(--color-bg-brand-accent-base)}.ds-badge--gold{--badge-text: var(--color-text-gold-primary);--badge-text-soft: var(--color-text-accent-gold-base);--badge-border: var(--color-border-gold-secondary);--badge-tint: var(--color-bg-action-gold-accent-base)}.ds-badge--red{--badge-text: var(--color-text-action-error-default);--badge-text-soft: var(--color-text-error-base);--badge-border: var(--color-border-error-secondary);--badge-tint: var(--color-bg-error-accent-base)}.ds-badge--yellow{--badge-text: var(--color-text-warning-default);--badge-text-soft: var(--color-text-action-warning-base);--badge-border: var(--color-border-warning-secondary);--badge-tint: var(--color-bg-action-warning-accent-base)}.ds-badge--green{--badge-text: var(--color-text-success-default);--badge-text-soft: var(--color-text-action-success-base);--badge-border: var(--color-border-succes-secondary);--badge-tint: var(--color-bg-success-accent-base)}.ds-badge--teal{--badge-text: var(--color-text-teal-primary);--badge-text-soft: var(--color-text-action-teal-base);--badge-border: var(--color-border-teal-secondary);--badge-tint: var(--color-bg-teal-accent-base)}.ds-badge--orange{--badge-text: var(--color-text-orange-primary);--badge-text-soft: var(--color-text-action-orange-base);--badge-border: var(--color-border-orange-secondary);--badge-tint: var(--color-bg-orange-accent-base)}.ds-accordion{display:flex;flex-direction:column;width:100%;gap:var(--space-gap-m)}.ds-accordion-item{box-sizing:border-box;display:flex;flex-direction:column;width:100%;background:var(--color-bg-base);border:1px solid transparent;border-radius:var(--radius-container);transition:border-color .12s ease,box-shadow .12s ease}.ds-accordion-item:hover{border-color:transparent;box-shadow:0 0 0 2px var(--color-border-brand-secondary)}.ds-accordion__header{display:flex;align-items:flex-start;gap:var(--space-gap-l);width:100%;margin:0;padding:var(--space-gap-l) var(--space-padding-container);border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}.ds-accordion-item--no-subtitles .ds-accordion__header{align-items:center}.ds-accordion__titles{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;word-break:break-word}.ds-accordion__title{color:var(--color-text-neutral-primary);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);font-weight:var(--type-font-weight-medium);letter-spacing:.2px;white-space:nowrap}.ds-accordion__subtitles{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;row-gap:0;column-gap:var(--space-gap-m);width:100%}.ds-accordion__subtitle{color:var(--color-text-neutral-subtitle);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);font-weight:var(--type-font-weight-thin);letter-spacing:.2px;white-space:nowrap}.ds-accordion__icon{flex-shrink:0;width:24px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-icon-brand-secondary-default);transition:transform .42s cubic-bezier(.65,0,.35,1)}.ds-accordion-item[data-open=true] .ds-accordion__icon{transform:rotate(45deg)}.ds-accordion__body{width:100%;height:0;overflow:hidden;transition:height .42s cubic-bezier(.65,0,.35,1)}.ds-accordion__content{display:flex;flex-direction:column;width:100%;box-sizing:border-box;gap:0;padding:0 var(--space-padding-container) var(--space-padding-container) var(--space-padding-container)}@media (max-width: 767px){.ds-accordion__header{gap:var(--space-gap-m)}}@media (min-width: 768px){.ds-accordion-item{scroll-margin-top:104px}}.ds-input{display:flex;flex-direction:column;gap:var(--space-gap-s);width:100%}.ds-input__field{--ds-input-border: var(--color-border-brand-primary);box-sizing:border-box;display:flex;align-items:center;min-height:56px;padding:var(--space-gap-m);border:0;border-radius:var(--radius-base);background:var(--color-bg-base);overflow:hidden;box-shadow:inset 0 0 0 1px var(--ds-input-border);transition:box-shadow .12s ease,background-color .12s ease}.ds-input--error .ds-input__field{--ds-input-border: var(--color-border-error-primary)}.ds-input--success .ds-input__field{--ds-input-border: var(--color-border-succes-primary)}.ds-input--warning .ds-input__field{--ds-input-border: var(--color-border-warning-primary)}.ds-input:not(.ds-input--error):not(.ds-input--success):not(.ds-input--warning) .ds-input__field:hover:not(:focus-within):has(.ds-input__control:placeholder-shown){box-shadow:inset 0 0 0 var(--stroke-m) var(--ds-input-border)}.ds-input--has-button.ds-input:not(.ds-input--error):not(.ds-input--success):not(.ds-input--warning) .ds-input__field:hover:not(:focus-within):has(.ds-input__control:placeholder-shown){box-shadow:inset 0 0 0 1px var(--ds-input-border)}.ds-input--error .ds-input__field:hover,.ds-input--success .ds-input__field:hover,.ds-input--warning .ds-input__field:hover{box-shadow:inset 0 0 0 2px var(--ds-input-border)}.ds-input__field:focus-within{box-shadow:inset 0 0 0 2px var(--ds-input-border)}.ds-input__field:focus-within:hover{box-shadow:inset 0 0 0 2px var(--ds-input-border),0 0 0 2px var(--color-border-brand-secondary)}.ds-input--disabled .ds-input__field{box-shadow:none;background:var(--color-bg-disabled)}.ds-input__icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-icon-neutral-primary-default)}.ds-input__icon--left{padding-left:var(--space-gap-m)}.ds-input__icon--right{padding-right:var(--space-gap-m)}.ds-input:not(.ds-input--error):not(.ds-input--success):not(.ds-input--warning) .ds-input__field:focus-within .ds-input__icon{color:var(--color-icon-brand-primary-default)}.ds-input--disabled .ds-input__icon{color:var(--color-icon-neutral-disabled)}.ds-input__main{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding-inline:var(--space-gap-m)}.ds-input__label{width:100%;padding-top:var(--space-gap-s);color:var(--color-text-neutral-title);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-size:var(--type-text-caption-size);line-height:var(--type-text-small-light-height);font-weight:var(--type-font-weight-light);letter-spacing:.2px}.ds-input:not(.ds-input--error):not(.ds-input--success):not(.ds-input--warning) .ds-input__field:focus-within .ds-input__label{color:var(--color-text-brand-default)}.ds-input__control{width:100%;margin:0;border:0;padding:0;background:transparent;outline:none;color:var(--color-text-neutral-primary);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);font-weight:var(--type-font-weight-thin);letter-spacing:.2px}.ds-input__control::placeholder{color:var(--color-text-neutral-placeholder);opacity:1}.ds-input__button{display:flex;align-items:center;flex-shrink:0}.ds-input__hint{margin:0;width:100%;padding-inline:var(--space-gap-l);color:var(--color-text-neutral-title);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-size:var(--type-text-caption-size);line-height:var(--type-text-small-light-height);font-weight:var(--type-font-weight-light);letter-spacing:.2px}.ds-input--error .ds-input__label,.ds-input--error .ds-input__hint{color:var(--color-text-action-error-default)}.ds-input--success .ds-input__label,.ds-input--success .ds-input__hint{color:var(--color-text-success-default)}.ds-input--warning .ds-input__label,.ds-input--warning .ds-input__hint{color:var(--color-text-warning-default)}.ds-input--disabled .ds-input__label,.ds-input--disabled .ds-input__control{color:var(--color-text-neutral-disabled)}.ds-input--disabled .ds-input__control::placeholder{color:var(--color-text-neutral-disabled)}.ds-checkbox{display:inline-flex;position:relative;cursor:pointer}.ds-checkbox--disabled{cursor:not-allowed}.ds-checkbox__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.ds-checkbox__box{--cb-bg: var(--color-bg-tone);--cb-border: var(--color-border-brand-primary);box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--cb-bg);border:1px solid var(--cb-border);transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.ds-checkbox--small .ds-checkbox__box{width:24px;height:24px;border-radius:var(--radius-small)}.ds-checkbox--normal .ds-checkbox__box{width:var(--control-xs);height:var(--control-xs);border-radius:var(--radius-interactive)}.ds-checkbox--large .ds-checkbox__box{width:var(--control-xl);height:var(--control-xl);border-radius:var(--radius-base)}.ds-checkbox--circle .ds-checkbox__box{border-radius:999px}.ds-checkbox__check{display:flex;color:var(--color-icon-neutral-on-accent);opacity:0;transition:opacity .12s ease}.ds-checkbox__input:checked+.ds-checkbox__box .ds-checkbox__check{opacity:1}.ds-checkbox__input:focus-visible+.ds-checkbox__box{box-shadow:0 0 0 2px var(--color-border-brand-secondary)}.ds-checkbox:not(.ds-checkbox--error):not(.ds-checkbox--disabled) .ds-checkbox__input:not(:checked):hover+.ds-checkbox__box{--cb-bg: var(--color-bg-brand-secondary-state)}.ds-checkbox:not(.ds-checkbox--error):not(.ds-checkbox--disabled) .ds-checkbox__input:not(:checked):active+.ds-checkbox__box{--cb-bg: var(--color-bg-brand-secondary-active)}.ds-checkbox:not(.ds-checkbox--error):not(.ds-checkbox--disabled) .ds-checkbox__input:checked+.ds-checkbox__box{--cb-bg: var(--color-bg-success-primary-default);--cb-border: var(--color-border-succes-primary)}.ds-checkbox:not(.ds-checkbox--error):not(.ds-checkbox--disabled) .ds-checkbox__input:checked:hover+.ds-checkbox__box{--cb-bg: var(--color-bg-success-primary-state)}.ds-checkbox:not(.ds-checkbox--error):not(.ds-checkbox--disabled) .ds-checkbox__input:checked:active+.ds-checkbox__box{--cb-bg: var(--color-bg-success-primary-active)}.ds-checkbox--error .ds-checkbox__box{--cb-bg: var(--color-bg-error-secondary-default);--cb-border: var(--color-border-error-primary)}.ds-checkbox--error .ds-checkbox__check{color:var(--color-icon-error-primary-default)}.ds-checkbox--disabled .ds-checkbox__box{--cb-bg: var(--color-bg-disabled);--cb-border: transparent}.ds-checkbox--disabled .ds-checkbox__check{color:var(--color-icon-neutral-disabled)}.ds-dropdown{display:flex;flex-direction:column;gap:var(--space-gap-s);width:100%}.ds-dropdown__field{--ds-dd-border: var(--color-border-brand-primary);box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:56px;padding:var(--space-gap-m);border:0;border-radius:var(--radius-base);background:var(--color-bg-base);overflow:hidden;box-shadow:inset 0 0 0 1px var(--ds-dd-border);font:inherit;text-align:left;color:inherit;cursor:pointer;transition:box-shadow .12s ease,background-color .12s ease}.ds-dropdown--error .ds-dropdown__field{--ds-dd-border: var(--color-border-error-primary)}.ds-dropdown--success .ds-dropdown__field{--ds-dd-border: var(--color-border-succes-primary)}.ds-dropdown--warning .ds-dropdown__field{--ds-dd-border: var(--color-border-warning-primary)}.ds-dropdown--empty:not(.ds-dropdown--open):not(.ds-dropdown--disabled):not(.ds-dropdown--error):not(.ds-dropdown--success):not(.ds-dropdown--warning) .ds-dropdown__field:hover{box-shadow:inset 0 0 0 var(--stroke-m) var(--ds-dd-border)}.ds-dropdown--error .ds-dropdown__field:hover,.ds-dropdown--success .ds-dropdown__field:hover,.ds-dropdown--warning .ds-dropdown__field:hover,.ds-dropdown--open .ds-dropdown__field{box-shadow:inset 0 0 0 2px var(--ds-dd-border)}.ds-dropdown--open .ds-dropdown__field:hover,.ds-dropdown__field:focus-visible{box-shadow:inset 0 0 0 2px var(--ds-dd-border),0 0 0 2px var(--color-border-brand-secondary)}.ds-dropdown--disabled .ds-dropdown__field{box-shadow:none;background:var(--color-bg-disabled);cursor:not-allowed}.ds-dropdown__icon{display:flex;align-items:center;flex-shrink:0;color:var(--color-icon-neutral-primary-default)}.ds-dropdown__icon--left{padding-left:var(--space-gap-m)}.ds-dropdown__icon--right{padding-right:var(--space-gap-m)}.ds-dropdown:not(.ds-dropdown--error):not(.ds-dropdown--success):not(.ds-dropdown--warning).ds-dropdown--open .ds-dropdown__icon{color:var(--color-icon-brand-primary-default)}.ds-dropdown--disabled .ds-dropdown__icon{color:var(--color-icon-neutral-disabled)}.ds-dropdown__chevron svg{transition:transform .2s ease;transform-origin:center}.ds-dropdown--open .ds-dropdown__chevron svg{transform:rotate(180deg)}.ds-dropdown__main{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding-inline:var(--space-gap-m)}.ds-dropdown__label{width:100%;padding-top:var(--space-gap-s);color:var(--color-text-neutral-title);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-size:var(--type-text-caption-size);line-height:var(--type-text-small-light-height);font-weight:var(--type-font-weight-light);letter-spacing:.2px}.ds-dropdown:not(.ds-dropdown--error):not(.ds-dropdown--success):not(.ds-dropdown--warning).ds-dropdown--open .ds-dropdown__label{color:var(--color-text-brand-default)}.ds-dropdown__value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text-neutral-primary);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);font-weight:var(--type-font-weight-thin);letter-spacing:.2px}.ds-dropdown--empty .ds-dropdown__value{color:var(--color-text-neutral-placeholder)}.ds-dropdown--disabled .ds-dropdown__label,.ds-dropdown--disabled .ds-dropdown__value{color:var(--color-text-neutral-disabled)}.ds-dropdown__hint{margin:0;width:100%;padding-inline:var(--space-gap-l);color:var(--color-text-neutral-title);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-size:var(--type-text-caption-size);line-height:var(--type-text-small-light-height);font-weight:var(--type-font-weight-light);letter-spacing:.2px}.ds-dropdown--error .ds-dropdown__label,.ds-dropdown--error .ds-dropdown__hint{color:var(--color-text-action-error-default)}.ds-dropdown--success .ds-dropdown__label,.ds-dropdown--success .ds-dropdown__hint{color:var(--color-text-success-default)}.ds-dropdown--warning .ds-dropdown__label,.ds-dropdown--warning .ds-dropdown__hint{color:var(--color-text-warning-default)}.ds-list-item{box-sizing:border-box;display:flex;align-items:center;flex-shrink:0;height:var(--control-m);padding-inline:var(--space-gap-l);gap:var(--space-gap-s);border-radius:var(--radius-interactive);background:var(--color-bg-base);color:var(--color-text-neutral-title);font-family:var(--type-font-family-sans),system-ui,sans-serif;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}.ds-list-item--has-left{padding-left:var(--space-gap-m)}.ds-list-item--ghost-icon{padding-left:var(--space-32)}.ds-list-item--has-right{padding-right:var(--space-gap-m)}.ds-list-item--multi-select{gap:var(--space-gap-m)}.ds-list-item:not(.ds-list-item--selected):not(.ds-list-item--disabled):hover{background:var(--color-bg-brand-secondary-state);color:var(--color-text-brand-state)}.ds-list-item:not(.ds-list-item--selected):not(.ds-list-item--disabled):active{background:var(--color-bg-brand-secondary-active);color:var(--color-text-brand-active)}.ds-list-item--single-select.ds-list-item--selected{background:var(--color-bg-brand-secondary-default);color:var(--color-text-brand-active);box-shadow:inset 0 0 0 2px var(--color-border-brand-secondary)}.ds-list-item--multi-select.ds-list-item--selected{background:var(--color-bg-success-secondary-active);color:var(--color-text-success-active)}.ds-list-item--disabled{background:var(--color-bg-disabled);color:var(--color-text-neutral-disabled);cursor:not-allowed}.ds-list-item__label{flex:1 1 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:inherit;font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);font-weight:var(--type-font-weight-thin);letter-spacing:.2px}.ds-list-item__icon{display:flex;align-items:center;flex-shrink:0;color:inherit}.ds-list-item__shortcut{flex-shrink:0;color:var(--color-text-neutral-subtitle);font-size:var(--type-text-caption-size);line-height:var(--type-text-small-light-height);font-weight:var(--type-font-weight-regular);letter-spacing:.2px}.ds-list-item__checkbox{flex-shrink:0;pointer-events:none}.ds-listbox{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-gap-s);padding:var(--space-gap-s);background:var(--color-bg-base);border:1px solid var(--color-border-brand-primary);border-radius:var(--radius-container)}.ds-listbox--scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-divider) transparent}.ds-listbox--scroll::-webkit-scrollbar{width:8px}.ds-listbox--scroll::-webkit-scrollbar-thumb{background:var(--color-border-divider);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.ds-listbox--scroll::-webkit-scrollbar-track{background:transparent}.ds-tabs{box-sizing:border-box;display:inline-flex;align-items:center;position:relative;width:fit-content;max-width:100%;font-family:var(--type-font-family-sans),system-ui,sans-serif}.ds-tabs--line,.ds-tabs--fill,.ds-tabs--scroll{display:flex;width:100%}.ds-tabs__viewport{box-sizing:border-box;flex:1 1 auto;min-width:0}.ds-tabs--scroll .ds-tabs__viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.ds-tabs--scroll .ds-tabs__viewport::-webkit-scrollbar{display:none}.ds-tabs--button .ds-tabs__viewport{background:var(--color-bg-tone);border:1px solid var(--color-border-divider);border-radius:var(--radius-container);padding:var(--space-gap-s)}.ds-tabs__track{box-sizing:border-box;display:flex;align-items:stretch;min-width:100%}.ds-tabs--button .ds-tabs__track{gap:var(--space-gap-s);min-width:max-content}.ds-tabs--fill .ds-tabs__track{min-width:100%}.ds-tabs--fill .ds-tabs__track>.ds-tabs__tab{flex:1 1 0;min-width:0}.ds-tabs--line .ds-tabs__track{padding-bottom:var(--space-gap-s)}.ds-tabs--line:not(.ds-tabs--fill) .ds-tabs__track{gap:var(--space-32)}.ds-tabs--line-top .ds-tabs__track{padding-bottom:0;padding-top:var(--space-gap-s)}.ds-tabs--line:after{content:"";position:absolute;left:0;right:0;bottom:var(--space-gap-s);height:1px;background:var(--color-border-divider);z-index:0}.ds-tabs--line-top:after{bottom:auto;top:var(--space-gap-s)}.ds-tabs--line .ds-tabs__viewport{position:relative;z-index:1}.ds-tabs__tab{box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;padding:0;background:transparent;cursor:pointer;color:var(--color-text-neutral-primary);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.ds-tabs__col{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:100%;min-width:0}.ds-tabs__row{display:flex;align-items:center;gap:var(--space-gap-s);min-width:0}.ds-tabs__icon{display:flex;align-items:center;flex-shrink:0;color:inherit}.ds-tabs__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:inherit;font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);font-weight:var(--type-font-weight-light);letter-spacing:.2px}.ds-tabs--small .ds-tabs__label{font-size:var(--type-text-caption-size);line-height:var(--type-text-small-light-height)}.ds-tabs__tab--button{height:var(--control-l);padding-inline:var(--space-gap-l);border-radius:var(--radius-interactive);overflow:hidden;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease}.ds-tabs--small .ds-tabs__tab--button{height:var(--control-s);padding-inline:var(--space-gap-m)}.ds-tabs__tab--button.ds-tabs__tab--no-start-icon{padding-left:var(--space-24)}.ds-tabs__tab--button.ds-tabs__tab--no-end-icon{padding-right:var(--space-24)}.ds-tabs--small .ds-tabs__tab--button.ds-tabs__tab--no-start-icon{padding-left:var(--space-gap-l)}.ds-tabs--small .ds-tabs__tab--button.ds-tabs__tab--no-end-icon{padding-right:var(--space-gap-l)}.ds-tabs__tab--button.ds-tabs__tab--square{width:var(--control-l);padding:0}.ds-tabs--small .ds-tabs__tab--button.ds-tabs__tab--square{width:var(--control-s)}.ds-tabs__tab--button:not(.is-selected):not(.ds-tabs__tab--disabled):hover{box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.ds-tabs__tab--button.is-selected{background:var(--color-bg-base);color:var(--color-text-brand-active);box-shadow:0 0 0 2px var(--color-border-brand-secondary)}.ds-tabs__tab--button.is-selected:not(.ds-tabs__tab--disabled):hover{background:var(--color-bg-brand-secondary-default)}.ds-tabs__tab--button.ds-tabs__tab--disabled{background:var(--color-bg-disabled);color:var(--color-text-neutral-disabled);cursor:not-allowed;box-shadow:none}.ds-tabs__tab--line{height:var(--control-s);padding-inline:0;align-items:stretch;transition:color .14s ease}.ds-tabs__tab--line.ds-tabs__tab--square{width:var(--control-s);padding:0}.ds-tabs__tab--line .ds-tabs__col{justify-content:flex-start;gap:var(--space-gap-m)}.ds-tabs--line-top .ds-tabs__col{justify-content:flex-end}.ds-tabs__tab--line .ds-tabs__row{height:24px;flex-shrink:0}.ds-tabs__tab--line.is-selected{color:var(--color-text-brand-active)}.ds-tabs__tab--line.ds-tabs__tab--disabled{color:var(--color-text-neutral-disabled);cursor:not-allowed}.ds-tabs__indicator{align-self:stretch;flex-shrink:0;height:7px;border-radius:var(--radius-small);background:var(--color-bg-subtle);opacity:0;transition:opacity .16s ease,background-color .16s ease;pointer-events:none}.ds-tabs--line-top .ds-tabs__indicator{order:-1}.ds-tabs__tab--line:not(.ds-tabs__tab--disabled):hover .ds-tabs__indicator{opacity:1}.ds-tabs__tab--line.is-selected .ds-tabs__indicator{opacity:1;background:var(--color-bg-brand-accent-default)}.ds-tabs__tab--line.is-selected:not(.ds-tabs__tab--disabled):hover .ds-tabs__indicator{background:var(--color-bg-brand-accent-state)}.ds-toggle{display:inline-flex;align-items:center;gap:var(--space-gap-l);cursor:pointer}.ds-toggle--has-label{display:flex;width:100%}.ds-toggle--disabled{cursor:not-allowed}.ds-toggle__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.ds-toggle__text{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;word-break:break-word;letter-spacing:.2px}.ds-toggle__title{color:var(--color-text-neutral-primary);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);font-weight:var(--type-font-weight-thin)}.ds-toggle__subtitle{color:var(--color-text-neutral-disabled);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);font-weight:var(--type-font-weight-thin)}.ds-toggle--left .ds-toggle__text{text-align:left}.ds-toggle--left.ds-toggle--near .ds-toggle__text,.ds-toggle--right .ds-toggle__text{text-align:right}.ds-toggle--right.ds-toggle--near .ds-toggle__text{text-align:left}.ds-toggle__track{--tg-track-bg: var(--color-bg-tone);--tg-track-ring: var(--color-border-subtle);--tg-knob-bg: var(--color-bg-base);--tg-knob-ring: var(--color-border-subtle);--tg-ring-w: var(--stroke-xs);--tg-travel: 28px;box-sizing:border-box;position:relative;flex-shrink:0;width:60px;height:32px;border-radius:999px;background:var(--tg-track-bg);box-shadow:inset 0 0 0 var(--tg-ring-w) var(--tg-track-ring);transition:background-color .15s ease,box-shadow .15s ease}.ds-toggle__knob{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:999px;background:var(--tg-knob-bg);box-shadow:inset 0 0 0 var(--tg-ring-w) var(--tg-knob-ring);transition:transform .2s cubic-bezier(.65,0,.35,1),background-color .15s ease,box-shadow .15s ease}.ds-toggle__input:focus-visible~.ds-toggle__track{outline:var(--stroke-s) solid var(--color-border-brand-secondary);outline-offset:2px}.ds-toggle:not(.ds-toggle--disabled) .ds-toggle__input:checked~.ds-toggle__track{--tg-track-bg: var(--color-bg-success-secondary-default);--tg-track-ring: var(--color-border-succes-primary);--tg-knob-ring: var(--color-border-succes-primary)}.ds-toggle__input:checked~.ds-toggle__track .ds-toggle__knob{transform:translate(var(--tg-travel))}.ds-toggle:not(.ds-toggle--disabled):hover .ds-toggle__track{--tg-ring-w: var(--stroke-s)}.ds-toggle--disabled .ds-toggle__track{--tg-track-bg: var(--color-bg-subtle);--tg-track-ring: transparent;--tg-knob-bg: var(--color-bg-disabled);--tg-knob-ring: transparent}.ds-vtabs__track{display:flex;flex-direction:column;gap:var(--space-gap-m)}.ds-vtabs__tab{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:var(--space-gap-m);width:100%;height:var(--control-l);padding-left:var(--space-gap-l);padding-right:var(--space-gap-l);border:0;border-radius:var(--radius-interactive);background:var(--color-bg-base);color:var(--color-text-neutral-title);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-weight:var(--type-font-weight-light);font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);letter-spacing:.2px;text-align:left;cursor:pointer;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.ds-vtabs--small .ds-vtabs__tab{height:var(--control-s);font-size:var(--type-text-caption-size);line-height:var(--type-text-small-light-height)}.ds-vtabs__tab--with-icon{padding-left:calc(var(--space-gap-m) + 24px)}.ds-vtabs__icon{position:absolute;left:var(--space-gap-m);top:50%;transform:translateY(-50%);display:inline-flex;width:24px;height:24px;color:var(--color-icon-neutral-primary-default);transition:color .12s ease}.ds-vtabs__label{flex:1 1 0;min-width:0;padding-left:0;word-break:break-word}.ds-vtabs__tab--with-icon .ds-vtabs__label{padding-left:var(--space-gap-m)}.ds-vtabs__indicator{display:inline-flex;flex-shrink:0;color:var(--color-icon-brand-primary-active)}.ds-vtabs__tab:not(:disabled):not(.is-selected):hover{box-shadow:inset 0 0 0 var(--stroke-xs) var(--color-border-subtle)}.ds-vtabs__tab:not(:disabled):not(.is-selected):hover .ds-vtabs__icon{color:var(--color-icon-neutral-primary-state)}.ds-vtabs__tab:focus-visible{outline:var(--stroke-s) solid var(--color-border-brand-secondary);outline-offset:2px}.ds-vtabs__tab.is-selected{background:var(--color-bg-brand-secondary-default);color:var(--color-text-brand-active);box-shadow:0 0 0 var(--stroke-s) var(--color-border-brand-secondary);padding-right:var(--space-gap-m)}.ds-vtabs__tab.is-selected .ds-vtabs__icon{color:var(--color-icon-brand-primary-active)}.ds-vtabs__tab:disabled{background:var(--color-bg-disabled);color:var(--color-text-neutral-disabled);cursor:not-allowed}.ds-vtabs__tab:disabled .ds-vtabs__icon{color:var(--color-icon-neutral-disabled)}.ds-link-btn{display:inline-flex;align-items:center;gap:var(--space-gap-s);border:0;background:transparent;padding:0;color:var(--color-text-brand-default);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-weight:var(--type-font-weight-thin);font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);letter-spacing:.2px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;transition:color .12s ease}.ds-link-btn--small{font-size:var(--type-text-caption-size);line-height:var(--type-text-small-light-height)}.ds-link-btn:not(:disabled):hover{color:var(--color-text-brand-active)}.ds-link-btn:focus-visible{outline:var(--stroke-s) solid var(--color-border-brand-secondary);outline-offset:4px;border-radius:var(--radius-xsmall)}.ds-link-btn:disabled{color:var(--color-text-neutral-disabled);cursor:not-allowed}.ds-link-btn__icon{display:inline-flex;flex-shrink:0}.ds-image-block{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-gap-m);border:1px solid var(--color-border-divider);border-radius:var(--radius-container);padding:var(--space-gap-l);width:100%}.ds-image-block__header{display:flex;align-items:center;padding-inline:var(--space-gap-s)}.ds-image-block__title{color:var(--color-text-brand-default);margin:0;word-break:break-word}.ds-image-block__frame{background:var(--color-bg-tone);border-top-left-radius:var(--radius-small);border-top-right-radius:var(--radius-interactive);border-bottom-right-radius:var(--radius-interactive);border-bottom-left-radius:var(--radius-small);padding:var(--space-gap-m);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;width:100%;height:440px}.ds-image-block__img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-xsmall);display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}.ds-image-block__comparison-header{display:flex;align-items:center;gap:var(--space-gap-m);width:100%}.ds-image-block__comparison-col{flex:1;display:flex;align-items:center;justify-content:center}.ds-image-block__title--muted{color:var(--color-text-neutral-subtitle);margin:0;text-align:center;transition:color .15s ease}.ds-image-block__title--active{color:var(--color-text-brand-default);margin:0;text-align:center;transition:color .15s ease}.ds-image-block__comparison-row{display:flex;align-items:stretch;gap:var(--space-gap-s);width:100%;height:440px;cursor:ew-resize;user-select:none;-webkit-user-select:none;touch-action:none}.ds-image-block__picture-box{background:var(--color-bg-tone);padding:var(--space-gap-m);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;height:100%;flex-shrink:0;user-select:none;-webkit-user-select:none;transition:width .25s cubic-bezier(.2,0,0,1)}.ds-image-block__comparison-row.is-dragging .ds-image-block__picture-box{transition:none!important}.ds-image-block__picture-box--before{border-top-left-radius:var(--radius-interactive);border-bottom-left-radius:var(--radius-interactive);border-top-right-radius:var(--radius-small);border-bottom-right-radius:var(--radius-small)}.ds-image-block__picture-box--after{border-top-left-radius:var(--radius-small);border-bottom-left-radius:var(--radius-small);border-top-right-radius:var(--radius-interactive);border-bottom-right-radius:var(--radius-interactive)}.ds-image-block__picture-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.ds-image-block__handle-box{width:16px;height:100%;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ds-image-block__handle-bar{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-small);background:var(--color-border-divider);transition:inset .15s ease,background-color .15s ease}.ds-image-block__comparison-row:hover .ds-image-block__handle-bar{background:var(--color-border-brand-secondary)}.ds-image-block__comparison-row.is-dragging .ds-image-block__handle-bar{top:4px;right:4px;bottom:4px;left:4px;background:var(--color-border-brand-primary)}@media (max-width: 767px){.ds-image-block{padding:var(--space-gap-m)}.ds-image-block__frame,.ds-image-block__comparison-row{height:260px}}.cx-btn-docs{display:flex;flex-direction:column;gap:var(--space-padding-page);width:100%}.cx-btn-docs__section{background:var(--color-bg-tone);border-radius:var(--radius-base);padding:var(--space-padding-container);display:flex;flex-direction:column;gap:var(--space-24);width:100%;box-sizing:border-box}.cx-btn-docs__title-group{display:flex;flex-direction:column;gap:var(--space-gap-xs)}.cx-btn-docs__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-24);width:100%}.cx-btn-docs__card{background:var(--color-bg-base);border-radius:var(--radius-container);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-24)}.cx-btn-docs__card-preview{padding:var(--space-24);background:var(--color-bg-tone);border-radius:var(--radius-small);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-gap-m);min-height:88px}.cx-btn-docs__bullets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-24)}.cx-btn-docs__bullet-item{display:flex;flex-direction:column;gap:var(--space-gap-xs)}.cx-btn-docs__table-wrap{width:100%;overflow-x:auto;border-radius:var(--radius-container);background:var(--color-bg-base)}.cx-btn-docs__table{width:100%;border-collapse:collapse;text-align:left}.cx-btn-docs__table th{background:var(--color-bg-tone);padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--color-border-divider)}.cx-btn-docs__table td{padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--color-border-divider)}.cx-btn-docs__table tr:last-child td{border-bottom:none}.cx-btn-docs__code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:var(--type-font-weight-thin);font-size:13px;color:var(--color-text-brand-default);background:var(--color-bg-tone);padding:2px 6px;border-radius:4px}.cx-btn-docs__practices{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-24)}.cx-btn-docs__practice{background:var(--color-bg-base);border-radius:var(--radius-container);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-gap-xs)}.cx-btn-cat{display:flex;flex-direction:column;gap:var(--space-padding-page);width:100%}.cx-btn-cat__section{background:var(--color-bg-tone);border-radius:var(--radius-base);padding:var(--space-padding-container);display:flex;flex-direction:column;gap:var(--space-24);width:100%;box-sizing:border-box}.cx-btn-cat__grid{display:flex;flex-wrap:wrap;gap:var(--space-24);align-items:stretch}.cx-btn-cat__group{background:var(--color-bg-base);border-radius:var(--radius-container);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-24);flex:1 1 280px}.cx-btn-cat__row{display:flex;flex-wrap:wrap;gap:var(--space-gap-m);align-items:center}.cx-colors{display:flex;flex-direction:column;gap:var(--space-padding-page);width:100%}.cx-colors__section{background:var(--color-bg-tone);border-radius:var(--radius-base);padding:var(--space-padding-container);display:flex;flex-direction:column;gap:var(--space-gap-l);width:100%;box-sizing:border-box}.cx-colors__section-title{font-family:var(--type-font-family-sans),system-ui,sans-serif;font-weight:var(--type-font-weight-medium);font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);color:var(--color-text-neutral-title);margin:0}.cx-colors__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-items:stretch;gap:10px;width:100%}.cx-color-card{background:var(--color-bg-base);border-radius:var(--radius-container);padding:var(--space-gap-m);display:flex;flex-direction:column;gap:var(--space-gap-m);justify-content:space-between;box-sizing:border-box;height:100%}.cx-color-card__top{display:flex;flex-direction:column;gap:var(--space-gap-s)}.cx-color-card__preview{height:132px;width:100%;border-radius:var(--radius-small);box-sizing:border-box}.cx-color-card__info{display:flex;flex-direction:column}.cx-color-card__name{font-family:var(--type-font-family-sans),system-ui,sans-serif;font-weight:var(--type-font-weight-medium);font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);color:var(--color-text-neutral-title);word-break:break-word}.cx-color-card__val{font-family:var(--type-font-family-sans),system-ui,sans-serif;font-weight:var(--type-font-weight-thin);font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);color:var(--color-text-neutral-subtitle);word-break:break-word}.cx-color-card__action{display:flex;justify-content:flex-start}.cx-color-card:hover .ds-btn--secondary:not(:disabled){background:var(--color-bg-brand-secondary-state)}.cx-typography{display:flex;flex-direction:column;gap:var(--space-padding-page);width:100%}.cx-typography__section{background:var(--color-bg-tone);border-radius:var(--radius-base);padding:var(--space-padding-container);display:flex;flex-direction:column;gap:var(--space-24);width:100%;box-sizing:border-box}.cx-typography__section-header{display:flex;flex-direction:column;gap:var(--space-gap-xs)}.cx-typography__section-title{margin:0;color:var(--color-text-brand-default)}.cx-typography__section-desc{margin:0;color:var(--color-text-neutral-subtitle)}.cx-type-specimen{background:var(--color-bg-base);border-radius:var(--radius-container);padding:var(--space-padding-container);display:flex;flex-direction:column;gap:var(--space-24);width:100%;box-sizing:border-box}.cx-type-specimen__top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-gap-m);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-gap-m)}.cx-type-specimen__title{display:flex;flex-direction:column;gap:4px}.cx-type-specimen__glyphs{display:flex;flex-direction:column;gap:var(--space-gap-m);color:var(--color-text-neutral-primary)}.cx-type-specimen__alphabet{font-size:var(--type-font-size-24);line-height:var(--type-font-line-height-36);letter-spacing:1.5px;word-break:break-all}.cx-type-specimen__sentence{font-size:var(--type-font-size-24);line-height:var(--type-font-line-height-32);color:var(--color-text-brand-default)}.cx-type-list{display:flex;flex-direction:column;gap:12px;width:100%}.cx-type-row{background:var(--color-bg-base);border-radius:var(--radius-container);padding:var(--space-24);display:flex;justify-content:space-between;align-items:center;gap:var(--space-24);width:100%;box-sizing:border-box}.cx-type-row__content{flex:1;min-width:0;overflow:hidden}.cx-type-row__sample{color:var(--color-text-neutral-primary);word-wrap:break-word}.cx-type-row__meta{display:flex;align-items:center;gap:var(--space-gap-l);flex-shrink:0}.cx-type-row__specs{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.cx-type-row__name{color:var(--color-text-neutral-title)}.cx-type-row__code{color:var(--color-text-neutral-subtitle)}.cx-type-row:hover .ds-btn--secondary:not(:disabled),.cx-type-specimen:hover .ds-btn--secondary:not(:disabled),.cx-type-grid-item:hover .ds-btn--secondary:not(:disabled){background:var(--color-bg-brand-secondary-state)}.cx-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-items:stretch;width:100%}.cx-type-grid-item{background:var(--color-bg-base);border-radius:var(--radius-container);padding:var(--space-gap-m);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-gap-l);box-sizing:border-box;height:100%}.cx-type-grid-item__preview{background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-small);box-sizing:border-box;padding:var(--space-gap-m);color:var(--color-text-neutral-primary);word-wrap:break-word}.cx-type-grid-item__footer{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-gap-s)}@media (max-width: 768px){.cx-type-row{flex-direction:column;align-items:flex-start}.cx-type-row__meta{width:100%;justify-content:space-between;border-top:1px solid var(--color-border-subtle);padding-top:var(--space-gap-m)}.cx-type-row__specs{align-items:flex-start;text-align:left}}.cx-spacing{display:flex;flex-direction:column;gap:var(--space-padding-page);width:100%}.cx-spacing__section{background:var(--color-bg-tone);border-radius:var(--radius-base);padding:var(--space-padding-container);display:flex;flex-direction:column;gap:var(--space-24);width:100%;box-sizing:border-box}.cx-spacing__section-header{display:flex;flex-direction:column;gap:var(--space-gap-xs)}.cx-spacing__section-title{margin:0;color:var(--color-text-brand-default)}.cx-spacing__section-desc{margin:0;color:var(--color-text-neutral-subtitle)}.cx-spacing-list{display:flex;flex-direction:column;gap:12px;width:100%}.cx-spacing-row{background:var(--color-bg-base);border-radius:var(--radius-container);padding:var(--space-24);display:flex;justify-content:space-between;align-items:center;gap:var(--space-24);width:100%;box-sizing:border-box;box-shadow:none;transition:none}.cx-spacing-row__preview{display:flex;align-items:center;gap:16px;flex:1;min-width:0;overflow:hidden}.cx-spacing-bar{background:var(--color-bg-brand-secondary-default);border:1px solid var(--color-border-brand-default);border-radius:var(--radius-4);height:28px;min-width:2px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.cx-spacing-demo-group{display:flex;align-items:center;background:transparent;border:1px solid var(--color-border-subtle);padding:8px;border-radius:var(--radius-small)}.cx-spacing-demo-box{background:var(--color-bg-brand-secondary-default);border:1px solid var(--color-border-brand-default);border-radius:var(--radius-4);height:32px;padding:0 12px;display:flex;align-items:center;justify-content:center;color:var(--color-text-brand-default);font-size:var(--type-font-size-12);font-weight:var(--type-font-weight-medium)}.cx-spacing-row__meta{display:flex;align-items:center;gap:var(--space-gap-l);flex-shrink:0}.cx-spacing-row__specs{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.cx-spacing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;align-items:stretch;width:100%}.cx-radius-card{background:var(--color-bg-base);border-radius:var(--radius-container);padding:var(--space-gap-m);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-gap-l);box-sizing:border-box;height:100%;box-shadow:none;transition:none}.cx-radius-card__preview-area{background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-small);height:140px;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-gap-m);box-sizing:border-box}.cx-radius-shape{width:80px;height:80px;background:var(--color-bg-brand-secondary-default);border:2px solid var(--color-border-brand-default)}.cx-radius-card__footer{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-gap-s)}.cx-spacing-row:hover .ds-btn--secondary:not(:disabled),.cx-radius-card:hover .ds-btn--secondary:not(:disabled){background:var(--color-bg-brand-secondary-state)}@media (max-width: 768px){.cx-spacing-row{flex-direction:column;align-items:flex-start}.cx-spacing-row__meta{width:100%;justify-content:space-between;border-top:1px solid var(--color-border-subtle);padding-top:var(--space-gap-m)}.cx-spacing-row__specs{align-items:flex-start;text-align:left}}.cx-icons{display:flex;flex-direction:column;gap:var(--space-padding-page);width:100%}.cx-icons__section{background:var(--color-bg-tone);border-radius:var(--radius-base);padding:var(--space-padding-container);display:flex;flex-direction:column;gap:var(--space-24);width:100%;box-sizing:border-box}.cx-icons__section-header{display:flex;flex-direction:column;gap:var(--space-gap-xs)}.cx-icons__section-title{margin:0;color:var(--color-text-brand-default)}.cx-icons__section-desc{margin:0;color:var(--color-text-neutral-subtitle)}.cx-icons__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;align-items:stretch;width:100%}.cx-icon-card{background:var(--color-bg-base);border-radius:var(--radius-container);padding:var(--space-gap-m);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-gap-m);box-sizing:border-box;height:100%;box-shadow:none;transition:none}.cx-icon-card__preview{background:transparent;border:1px solid var(--color-border-subtle);border-radius:var(--radius-small);box-sizing:border-box;height:96px;width:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-brand-default)}.cx-icon-card__info{display:flex;flex-direction:column}.cx-icon-card__name{color:var(--color-text-neutral-title);word-break:break-word}.cx-icon-card__footer{display:flex;justify-content:flex-start}.cx-icons-list{display:flex;flex-direction:column;gap:12px;width:100%}.cx-icon-row{background:var(--color-bg-base);border-radius:var(--radius-container);padding:var(--space-24);display:flex;justify-content:space-between;align-items:center;gap:var(--space-24);width:100%;box-sizing:border-box;box-shadow:none;transition:none}.cx-icon-row__sample{display:flex;align-items:center;gap:16px;color:var(--color-text-neutral-primary)}.cx-icon-row__icon-box{background:var(--color-bg-brand-secondary-default);color:var(--color-text-brand-default);width:48px;height:48px;border-radius:var(--radius-12);display:flex;align-items:center;justify-content:center}.cx-icon-row__meta{display:flex;align-items:center;gap:var(--space-gap-l);flex-shrink:0}.cx-icon-card:hover .ds-btn--secondary:not(:disabled),.cx-icon-row:hover .ds-btn--secondary:not(:disabled){background:var(--color-bg-brand-secondary-state)}.cx-controls{display:flex;flex-direction:column;gap:var(--space-padding-page);width:100%}.cx-controls__section{background:var(--color-bg-tone);border-radius:var(--radius-base);padding:var(--space-padding-container);display:flex;flex-direction:column;gap:var(--space-24);width:100%;box-sizing:border-box}.cx-controls__section-header{display:flex;flex-direction:column;gap:var(--space-gap-xs)}.cx-controls__section-title{margin:0;color:var(--color-text-brand-default)}.cx-controls__section-desc{margin:0;color:var(--color-text-neutral-subtitle)}.cx-controls-list{display:flex;flex-direction:column;gap:12px;width:100%}.cx-control-row{background:var(--color-bg-base);border-radius:var(--radius-container);padding:var(--space-24);display:flex;justify-content:space-between;align-items:center;gap:var(--space-24);width:100%;box-sizing:border-box;box-shadow:none;transition:none}.cx-control-row__preview{display:flex;align-items:center;gap:16px}.cx-control-bar{background:var(--color-bg-brand-secondary-default);border:1px solid var(--color-border-brand-default);border-radius:var(--radius-small);width:180px;display:flex;align-items:center;justify-content:center;color:var(--color-text-brand-default);font-size:var(--type-font-size-14);font-weight:var(--type-font-weight-medium)}.cx-control-row__meta{display:flex;align-items:center;gap:var(--space-gap-l);flex-shrink:0}.cx-control-row:hover .ds-btn--secondary:not(:disabled){background:var(--color-bg-brand-secondary-state)}.cx-effects{display:flex;flex-direction:column;gap:var(--space-padding-page);width:100%}.cx-effects__section{background:var(--color-bg-tone);border-radius:var(--radius-base);padding:var(--space-padding-container);display:flex;flex-direction:column;gap:var(--space-24);width:100%;box-sizing:border-box}.cx-effects__section-header{display:flex;flex-direction:column;gap:var(--space-gap-xs)}.cx-effects__section-title{margin:0;color:var(--color-text-brand-default)}.cx-effects__section-desc{margin:0;color:var(--color-text-neutral-subtitle)}.cx-effects-list{display:flex;flex-direction:column;gap:12px;width:100%}.cx-effect-row{background:var(--color-bg-base);border-radius:var(--radius-container);padding:var(--space-24);display:flex;justify-content:space-between;align-items:center;gap:var(--space-24);width:100%;box-sizing:border-box;box-shadow:none;transition:none}.cx-effect-stroke-demo{background:var(--color-bg-tone);border-color:var(--color-border-brand-default);border-style:solid;border-radius:var(--radius-container);padding:12px 24px;color:var(--color-text-brand-default);font-size:var(--type-font-size-14)}.cx-effect-opacity-demo{background:linear-gradient(135deg,var(--color-gradient-brand) 0%,var(--color-gradient-teal) 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);padding:12px 24px;border-radius:var(--radius-small);font-size:var(--type-font-size-14);font-weight:var(--type-font-weight-medium)}.cx-effect-row__meta{display:flex;align-items:center;gap:var(--space-gap-l);flex-shrink:0}.cx-effect-row:hover .ds-btn--secondary:not(:disabled){background:var(--color-bg-brand-secondary-state)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{font-family:var(--type-font-family-sans),system-ui,sans-serif;background:var(--color-bg-tone);color:var(--color-text-neutral-primary)}.cx-app{display:flex;height:100vh;overflow:hidden}.cx-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;height:100vh;padding-block:var(--space-32);background:var(--color-bg-base)}.cx-sidebar__header{flex-shrink:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 var(--space-32) var(--space-24);border-bottom:var(--stroke-xs) solid var(--color-border-divider)}.cx-logo{display:flex;flex-direction:column;align-items:flex-start}.cx-nav-section{display:flex;flex-direction:column;gap:var(--space-gap-l);padding:var(--space-32) var(--space-32) 0}.cx-sidebar__scroll{flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.cx-nav-section--foundation{flex-shrink:0}.cx-nav-section--components{flex-shrink:0;padding-bottom:var(--space-32)}.cx-sidebar__links{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-gap-l);padding:var(--space-24) var(--space-32) 0;border-top:var(--stroke-xs) solid var(--color-border-divider)}.cx-content{flex:1 1 0;min-width:0;padding:var(--space-32) var(--space-32) 0;overflow:hidden;display:flex;flex-direction:column;height:100vh}.cx-panel{flex:1 1 0;min-height:0;background:var(--color-bg-base);border-radius:var(--radius-main) var(--radius-main) 0 0;padding:var(--space-32) var(--space-32) 0;display:flex;flex-direction:column;overflow:hidden}.cx-section-header{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-gap-l)}.cx-title-group{display:flex;flex-direction:column;gap:var(--space-gap-s)}.cx-section-content{flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-24);padding-top:var(--space-24);padding-bottom:var(--space-32)}.cx-playground{display:flex;flex-direction:column;gap:var(--space-24)}.cx-control-tabs{display:flex;flex-wrap:wrap;gap:var(--space-gap-m)}.cx-controls{display:flex;gap:var(--space-24);align-items:stretch}.cx-card{border:var(--stroke-xs) solid var(--color-border-divider);border-radius:var(--radius-base);padding:var(--space-24)}.cx-toggles{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-24)}.cx-preview{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;min-height:360px}.cx-code{display:flex;flex-direction:column;gap:var(--space-gap-m);padding:var(--space-24);background:var(--color-bg-tone);border-radius:var(--radius-base)}.cx-code__header{display:flex;align-items:center;justify-content:space-between}.cx-code__block{margin:0;min-height:200px;padding:var(--space-gap-l);background:var(--color-bg-base);border-radius:var(--radius-container);color:var(--color-text-neutral-primary);font-family:var(--type-font-family-sans),system-ui,sans-serif;font-weight:var(--type-font-weight-thin);font-size:var(--type-text-body-size);line-height:var(--type-text-body-light-height);letter-spacing:.2px;white-space:pre-wrap}.cx-empty{display:flex;flex-direction:column;gap:var(--space-gap-s);align-items:center;justify-content:center;min-height:360px;text-align:center}.cx-empty__sub{color:var(--color-text-neutral-subtitle)}