:root{--component-accordion-trigger-bg-default: rgba(0, 0, 0, 0);--component-avatar-border-width: 2px;--component-badge-variant-outline-bg: rgba(0, 0, 0, 0);--component-breadcrumb-max-width: 200px;--component-button-focus-ring-width: 2px;--component-button-focus-ring-offset: 2px;--component-button-disabled-opacity: .5;--component-button-disabled-cursor: not-allowed;--component-button-size-xs-height: 24px;--component-button-size-xl-height: 48px;--component-button-primary-shadow: 0 1px 3px 0 rgba(37, 99, 235, .4), 0 1px 2px -1px rgba(37, 99, 235, .3);--component-button-primary-shadow-hover: 0 4px 12px -2px rgba(37, 99, 235, .4);--component-button-primary-shadow-active: inset 0 2px 4px 0 rgba(0, 0, 0, .15);--component-button-primary-gradient: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);--component-button-primary-gradient-hover: linear-gradient(180deg, #1d4ed8 0%, #1e40af 100%);--component-button-secondary-shadow: 0 1px 2px 0 rgba(0, 0, 0, .06);--component-button-secondary-shadow-hover: 0 2px 6px -1px rgba(0, 0, 0, .1);--component-button-secondary-shadow-active: inset 0 1px 3px 0 rgba(0, 0, 0, .1);--component-button-danger-shadow: 0 1px 3px 0 rgba(185, 28, 28, .4), 0 1px 2px -1px rgba(185, 28, 28, .3);--component-button-danger-shadow-hover: 0 4px 12px -2px rgba(185, 28, 28, .4);--component-button-danger-shadow-active: inset 0 2px 4px 0 rgba(0, 0, 0, .15);--component-button-danger-gradient: linear-gradient(180deg, #dc2626 0%, #b91c1c 100%);--component-button-danger-gradient-hover: linear-gradient(180deg, #b91c1c 0%, #991b1b 100%);--component-button-success-shadow: 0 1px 3px 0 rgba(4, 120, 87, .4), 0 1px 2px -1px rgba(4, 120, 87, .3);--component-button-success-shadow-hover: 0 4px 12px -2px rgba(4, 120, 87, .4);--component-button-success-gradient: linear-gradient(180deg, #059669 0%, #047857 100%);--component-button-outline-bg: rgba(0, 0, 0, 0);--component-button-outline-shadow: 0 1px 2px 0 rgba(37, 99, 235, .08);--component-button-outline-shadow-hover: 0 2px 8px -2px rgba(37, 99, 235, .2);--component-button-ghost-bg: rgba(0, 0, 0, 0);--component-card-product-image-aspect-ratio: 1.333;--component-card-product-image-overlay-bg: rgba(0, 0, 0, .03);--component-card-profile-avatar-size: 128px;--component-card-profile-avatar-border-width: 3px;--component-card-profile-role-letter-spacing: .05em;--component-card-profile-bio-max-width: 280px;--component-card-profile-social-size: 40px;--component-card-stats-min-width: 200px;--component-card-stats-icon-size: 48px;--component-card-stats-label-letter-spacing: .05em;--component-card-stats-value-font-size: 2rem;--component-card-stats-border-width: 4px;--component-card-shadow-default: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--component-card-shadow-hover: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--component-card-shadow-elevated: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--component-card-media-aspect-ratio: 16/9;--component-card-interactive-cursor: pointer;--component-card-focus-ring-width: 2px;--component-checkbox-border-width: 2px;--component-checkbox-icon-size: 70%;--component-checkbox-focus-ring-width: 2px;--component-checkbox-focus-ring-offset: 2px;--component-chip-height-sm: 24px;--component-chip-height-md: 32px;--component-chip-height-lg: 40px;--component-chip-variant-outlined-bg: rgba(0, 0, 0, 0);--component-chip-close-button-size: 16px;--component-chip-disabled-opacity: .5;--component-divider-with-label-text-transform: uppercase;--component-divider-with-label-letter-spacing: .05em;--component-dropdown-menu-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--component-dropdown-item-bg-default: rgba(0, 0, 0, 0);--component-feature-grid-column-min: 280px;--component-feature-grid-icon-size: 64px;--component-feature-grid-icon-font-size: 28px;--component-form-wizard-max-width: 640px;--component-form-wizard-progress-height: 3px;--component-hero-min-height: 60vh;--component-hero-max-width: 1200px;--component-hero-headline-font-size-min: 2rem;--component-hero-headline-font-size-max: 3.5rem;--component-hero-headline-line-height: 1.1;--component-hero-description-max-width: 600px;--component-hero-overlay-bg: rgba(0, 0, 0, .4);--component-input-focus-ring-width: 2px;--component-input-focus-ring-offset: 1px;--component-link-decoration-default: none;--component-link-decoration-hover: underline;--component-link-focus-ring-width: 2px;--component-link-focus-ring-offset: 2px;--component-link-external-icon-size: .75em;--component-modal-overlay-bg: rgba(15, 23, 42, .5);--component-modal-overlay-blur: 4px;--component-modal-container-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--component-modal-container-max-height: 85vh;--component-modal-size-md: 448px;--component-modal-size-lg: 512px;--component-modal-size-xl: 640px;--component-modal-size-full: calc(100vw - 32px) ;--component-nav-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);--component-nav-item-bg-default: rgba(0, 0, 0, 0);--component-nav-item-indicator-height: 2px;--component-nav-dropdown-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--component-nav-sticky-z-index: 50;--component-pagination-item-size: 36px;--component-pagination-item-bg-default: rgba(0, 0, 0, 0);--component-pagination-item-bg-disabled: rgba(0, 0, 0, 0);--component-pagination-item-border-width: 1px;--component-popover-border-width: 1px;--component-popover-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--component-popover-max-width: 320px;--component-popover-arrow-size: 8px;--component-pricing-card-price-font-size: 3rem;--component-progress-track-height: 8px;--component-progress-bar-transition: width .3s ease;--component-progress-size-sm: 4px;--component-progress-size-md: 8px;--component-progress-size-lg: 12px;--component-radio-border-width: 2px;--component-radio-dot-size: 50%;--component-radio-focus-ring-width: 2px;--component-radio-focus-ring-offset: 2px;--component-rating-size-sm: 16px;--component-rating-size-md: 24px;--component-rating-size-lg: 32px;--component-rating-focus-ring-width: 2px;--component-search-autocomplete-dropdown-max-height: 320px;--component-search-autocomplete-icon-size: 20px;--component-select-dropdown-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--component-select-option-bg-default: rgba(0, 0, 0, 0);--component-skeleton-animation-duration: 1.5s;--component-spinner-border-width-xs: 2px;--component-spinner-border-width-sm: 2px;--component-spinner-border-width-md: 2px;--component-spinner-border-width-lg: 3px;--component-spinner-border-width-xl: 4px;--component-spinner-animation-duration: .6s;--component-stepper-connector-height: 2px;--component-stepper-step-size: 32px;--component-stepper-orientation-vertical-connector-width: 2px;--component-table-header-letter-spacing: .05em;--component-table-header-text-transform: uppercase;--component-table-row-bg-default: rgba(0, 0, 0, 0);--component-table-loading-overlay: rgba(255, 255, 255, .7);--component-tabs-trigger-bg-default: rgba(0, 0, 0, 0);--component-tabs-trigger-bg-active: rgba(0, 0, 0, 0);--component-tabs-trigger-indicator-height: 2px;--component-tabs-variant-boxed-active-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--component-textarea-resize: vertical;--component-textarea-focus-ring-width: 2px;--component-toast-container-max-width: 420px;--component-toast-container-z-index: 100;--component-toast-item-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--component-toast-progress-height: 3px;--component-toast-duration-short: 3s;--component-toast-duration-default: 5s;--component-toast-duration-long: 10s;--component-toggle-thumb-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--component-toggle-thumb-offset: 2px;--component-toggle-focus-ring-width: 2px;--component-toggle-focus-ring-offset: 2px;--component-tooltip-variant-light-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--component-tooltip-animation-delay: .2s;--primitive-border-width-none: 0px;--primitive-border-width-thin: 1px;--primitive-border-width-default: 1px;--primitive-border-width-medium: 2px;--primitive-border-width-thick: 4px;--primitive-border-width-heavy: 8px;--primitive-color-neutral-0: #ffffff;--primitive-color-neutral-50: #f8fafc;--primitive-color-neutral-100: #f1f5f9;--primitive-color-neutral-200: #e2e8f0;--primitive-color-neutral-300: #cbd5e1;--primitive-color-neutral-400: #94a3b8;--primitive-color-neutral-500: #64748b;--primitive-color-neutral-600: #475569;--primitive-color-neutral-700: #334155;--primitive-color-neutral-800: #1e293b;--primitive-color-neutral-900: #0f172a;--primitive-color-neutral-950: #020617;--primitive-color-blue-50: #eff6ff;--primitive-color-blue-100: #dbeafe;--primitive-color-blue-200: #bfdbfe;--primitive-color-blue-300: #93c5fd;--primitive-color-blue-400: #60a5fa;--primitive-color-blue-500: #3b82f6;--primitive-color-blue-600: #2563eb;--primitive-color-blue-700: #1d4ed8;--primitive-color-blue-800: #1e40af;--primitive-color-blue-900: #1e3a8a;--primitive-color-blue-950: #172554;--primitive-color-emerald-50: #ecfdf5;--primitive-color-emerald-100: #d1fae5;--primitive-color-emerald-200: #a7f3d0;--primitive-color-emerald-300: #6ee7b7;--primitive-color-emerald-400: #34d399;--primitive-color-emerald-500: #10b981;--primitive-color-emerald-600: #059669;--primitive-color-emerald-700: #047857;--primitive-color-emerald-800: #065f46;--primitive-color-emerald-900: #064e3b;--primitive-color-emerald-950: #022c22;--primitive-color-amber-50: #fffbeb;--primitive-color-amber-100: #fef3c7;--primitive-color-amber-200: #fde68a;--primitive-color-amber-300: #fcd34d;--primitive-color-amber-400: #fbbf24;--primitive-color-amber-500: #f59e0b;--primitive-color-amber-600: #d97706;--primitive-color-amber-700: #b45309;--primitive-color-amber-800: #92400e;--primitive-color-amber-900: #78350f;--primitive-color-amber-950: #451a03;--primitive-color-red-50: #fef2f2;--primitive-color-red-100: #fee2e2;--primitive-color-red-200: #fecaca;--primitive-color-red-300: #fca5a5;--primitive-color-red-400: #f87171;--primitive-color-red-500: #ef4444;--primitive-color-red-600: #dc2626;--primitive-color-red-700: #b91c1c;--primitive-color-red-800: #991b1b;--primitive-color-red-900: #7f1d1d;--primitive-color-red-950: #450a0a;--primitive-color-purple-50: #faf5ff;--primitive-color-purple-100: #f3e8ff;--primitive-color-purple-200: #e9d5ff;--primitive-color-purple-300: #d8b4fe;--primitive-color-purple-400: #c084fc;--primitive-color-purple-500: #a855f7;--primitive-color-purple-600: #9333ea;--primitive-color-purple-700: #7e22ce;--primitive-color-purple-800: #6b21a8;--primitive-color-purple-900: #581c87;--primitive-color-purple-950: #3b0764;--primitive-color-cyan-50: #ecfeff;--primitive-color-cyan-100: #cffafe;--primitive-color-cyan-200: #a5f3fc;--primitive-color-cyan-300: #67e8f9;--primitive-color-cyan-400: #22d3ee;--primitive-color-cyan-500: #06b6d4;--primitive-color-cyan-600: #0891b2;--primitive-color-cyan-700: #0e7490;--primitive-color-cyan-800: #155e75;--primitive-color-cyan-900: #164e63;--primitive-color-cyan-950: #083344;--primitive-color-teal-50: #f0fdfa;--primitive-color-teal-100: #ccfbf1;--primitive-color-teal-200: #99f6e4;--primitive-color-teal-300: #5eead4;--primitive-color-teal-400: #2dd4bf;--primitive-color-teal-500: #14b8a6;--primitive-color-teal-600: #0d9488;--primitive-color-teal-700: #0f766e;--primitive-color-teal-800: #115e59;--primitive-color-teal-900: #134e4a;--primitive-color-teal-950: #042f2e;--primitive-color-indigo-50: #eef2ff;--primitive-color-indigo-100: #e0e7ff;--primitive-color-indigo-200: #c7d2fe;--primitive-color-indigo-300: #a5b4fc;--primitive-color-indigo-400: #818cf8;--primitive-color-indigo-500: #6366f1;--primitive-color-indigo-600: #4f46e5;--primitive-color-indigo-700: #4338ca;--primitive-color-indigo-800: #3730a3;--primitive-color-indigo-900: #312e81;--primitive-color-indigo-950: #1e1b4b;--primitive-color-violet-50: #f5f3ff;--primitive-color-violet-100: #ede9fe;--primitive-color-violet-200: #ddd6fe;--primitive-color-violet-300: #c4b5fd;--primitive-color-violet-400: #a78bfa;--primitive-color-violet-500: #8b5cf6;--primitive-color-violet-600: #7c3aed;--primitive-color-violet-700: #6d28d9;--primitive-color-violet-800: #5b21b6;--primitive-color-violet-900: #4c1d95;--primitive-color-violet-950: #2e1065;--primitive-color-pink-50: #fdf2f8;--primitive-color-pink-100: #fce7f3;--primitive-color-pink-200: #fbcfe8;--primitive-color-pink-300: #f9a8d4;--primitive-color-pink-400: #f472b6;--primitive-color-pink-500: #ec4899;--primitive-color-pink-600: #db2777;--primitive-color-pink-700: #be185d;--primitive-color-pink-800: #9d174d;--primitive-color-pink-900: #831843;--primitive-color-pink-950: #500724;--primitive-color-rose-50: #fff1f2;--primitive-color-rose-100: #ffe4e6;--primitive-color-rose-200: #fecdd3;--primitive-color-rose-300: #fda4af;--primitive-color-rose-400: #fb7185;--primitive-color-rose-500: #f43f5e;--primitive-color-rose-600: #e11d48;--primitive-color-rose-700: #be123c;--primitive-color-rose-800: #9f1239;--primitive-color-rose-900: #881337;--primitive-color-rose-950: #4c0519;--primitive-color-orange-50: #fff7ed;--primitive-color-orange-100: #ffedd5;--primitive-color-orange-200: #fed7aa;--primitive-color-orange-300: #fdba74;--primitive-color-orange-400: #fb923c;--primitive-color-orange-500: #f97316;--primitive-color-orange-600: #ea580c;--primitive-color-orange-700: #c2410c;--primitive-color-orange-800: #9a3412;--primitive-color-orange-900: #7c2d12;--primitive-color-orange-950: #431407;--primitive-color-lime-50: #f7fee7;--primitive-color-lime-100: #ecfccb;--primitive-color-lime-200: #d9f99d;--primitive-color-lime-300: #bef264;--primitive-color-lime-400: #a3e635;--primitive-color-lime-500: #84cc16;--primitive-color-lime-600: #65a30d;--primitive-color-lime-700: #4d7c0f;--primitive-color-lime-800: #3f6212;--primitive-color-lime-900: #365314;--primitive-color-lime-950: #1a2e05;--primitive-blur-none: 0px;--primitive-blur-sm: 4px;--primitive-blur-md: 8px;--primitive-blur-lg: 12px;--primitive-blur-xl: 16px;--primitive-blur-2xl: 24px;--primitive-gradient-angle-to-top: 0deg;--primitive-gradient-angle-to-top-right: 45deg;--primitive-gradient-angle-to-right: 90deg;--primitive-gradient-angle-to-bottom-right: 135deg;--primitive-gradient-angle-to-bottom: 180deg;--primitive-gradient-angle-to-bottom-left: 225deg;--primitive-gradient-angle-to-left: 270deg;--primitive-gradient-angle-to-top-left: 315deg;--primitive-animation-fade-in-distance: 0px;--primitive-animation-fade-in-opacity: 0;--primitive-animation-fade-in-up-distance: 10px;--primitive-animation-fade-in-up-opacity: 0;--primitive-animation-fade-in-down-distance: -10px;--primitive-animation-fade-in-down-opacity: 0;--primitive-animation-fade-in-left-distance: 20px;--primitive-animation-fade-in-left-opacity: 0;--primitive-animation-fade-in-right-distance: -20px;--primitive-animation-fade-in-right-opacity: 0;--primitive-animation-scale-in-from: .95;--primitive-animation-scale-in-opacity: 0;--primitive-animation-slide-in-up-distance: 100%;--primitive-animation-slide-in-down-distance: -100%;--primitive-animation-shimmer-angle: 90deg;--primitive-animation-pulse-scale: 1.05;--primitive-animation-spin-from: 0deg;--primitive-animation-spin-to: 360deg;--primitive-animation-stagger-delay: 75ms;--primitive-animation-stagger-max-delay: .5s;--primitive-motion-duration-instant: 0ms;--primitive-motion-duration-micro: .1s;--primitive-motion-duration-fast: .15s;--primitive-motion-duration-normal: .25s;--primitive-motion-duration-slow: .4s;--primitive-motion-duration-slower: .6s;--primitive-motion-easing-default: cubic-bezier(.4, 0, .2, 1);--primitive-motion-easing-enter: cubic-bezier(0, 0, .2, 1);--primitive-motion-easing-exit: cubic-bezier(.4, 0, 1, 1);--primitive-motion-easing-linear: cubic-bezier(0, 0, 1, 1);--primitive-radius-none: 0px;--primitive-radius-2xs: 2px;--primitive-radius-xs: 4px;--primitive-radius-sm: 4rem;--primitive-radius-base: 4px;--primitive-radius-md: 6px;--primitive-radius-lg: 8px;--primitive-radius-xl: 12px;--primitive-radius-2xl: 16px;--primitive-radius-3xl: 24px;--primitive-radius-full: 9999px;--primitive-spacing-0: 0px;--primitive-spacing-1: 4px;--primitive-spacing-2: 8px;--primitive-spacing-3: 12px;--primitive-spacing-4: 16px;--primitive-spacing-5: 20px;--primitive-spacing-6: 24px;--primitive-spacing-7: 28px;--primitive-spacing-8: 32px;--primitive-spacing-9: 36px;--primitive-spacing-10: 40px;--primitive-spacing-11: 44px;--primitive-spacing-12: 48px;--primitive-spacing-14: 56px;--primitive-spacing-16: 64px;--primitive-spacing-20: 80px;--primitive-spacing-24: 96px;--primitive-spacing-32: 128px;--primitive-spacing-40: 160px;--primitive-spacing-48: 192px;--primitive-spacing-64: 256px;--primitive-spacing-72: 288px;--primitive-spacing-80: 320px;--primitive-spacing-96: 384px;--primitive-spacing-px: 1px;--primitive-spacing-0-5: 2px;--primitive-spacing-1-5: 6px;--primitive-spacing-2-5: 10px;--primitive-spacing-3-5: 14px;--primitive-spacing-xs: 6rem;--primitive-spacing-sm: 12rem;--primitive-font-family-sans: Inter, ui-sans-serif, system-ui, sans-serif;--primitive-font-family-serif: ui-serif, Georgia, Cambria, Times, serif;--primitive-font-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--primitive-font-size-xs: .75rem;--primitive-font-size-sm: .875rem;--primitive-font-size-base: 1rem;--primitive-font-size-lg: 1.125rem;--primitive-font-size-xl: 1.25rem;--primitive-font-size-2xl: 1.5rem;--primitive-font-size-3xl: 1.875rem;--primitive-font-size-4xl: 2.25rem;--primitive-font-size-5xl: 3rem;--primitive-font-size-6xl: 3.75rem;--primitive-font-weight-light: 300;--primitive-font-weight-normal: 400;--primitive-font-weight-medium: 500;--primitive-font-weight-semibold: 600;--primitive-font-weight-bold: 700;--primitive-font-weight-extrabold: 800;--primitive-font-weight-black: 900;--primitive-font-letter-spacing-tighter: -.05em;--primitive-font-letter-spacing-tight: -.025em;--primitive-font-letter-spacing-normal: 0em;--primitive-font-letter-spacing-wide: .025em;--primitive-font-letter-spacing-wider: .05em;--primitive-font-letter-spacing-widest: .1em;--primitive-font-line-height-none: 1;--primitive-font-line-height-tight: 1.25;--primitive-font-line-height-snug: 1.375;--primitive-font-line-height-normal: 1.5;--primitive-font-line-height-relaxed: 1.625;--primitive-font-line-height-loose: 2;--semantic-color-dark-primary-subtle: rgba(96, 165, 250, .2);--semantic-color-dark-success-subtle: rgba(52, 211, 153, .2);--semantic-color-dark-warning-subtle: rgba(251, 191, 36, .2);--semantic-color-dark-danger-subtle: rgba(248, 113, 113, .2);--semantic-color-dark-info-subtle: rgba(96, 165, 250, .2);--semantic-color-dark-secondary-subtle: rgba(148, 163, 184, .2);--semantic-color-dark-error-subtle: rgba(248, 113, 113, .2);--semantic-surface-dark-overlay: rgba(0, 0, 0, .7);--semantic-surface-overlay: rgba(0, 0, 0, .5);--semantic-shadow-colored-primary-sm: 0 2px 8px -2px rgba(37, 99, 235, .25);--semantic-shadow-colored-primary-md: 0 4px 12px -2px rgba(37, 99, 235, .3);--semantic-shadow-colored-primary-lg: 0 8px 24px -4px rgba(37, 99, 235, .3);--semantic-shadow-colored-primary-glow: 0 0 20px rgba(37, 99, 235, .4);--semantic-shadow-colored-success-sm: 0 2px 8px -2px rgba(4, 120, 87, .25);--semantic-shadow-colored-success-md: 0 4px 12px -2px rgba(4, 120, 87, .3);--semantic-shadow-colored-warning-sm: 0 2px 8px -2px rgba(180, 83, 9, .25);--semantic-shadow-colored-warning-md: 0 4px 12px -2px rgba(180, 83, 9, .3);--semantic-shadow-colored-danger-sm: 0 2px 8px -2px rgba(185, 28, 28, .25);--semantic-shadow-colored-danger-md: 0 4px 12px -2px rgba(185, 28, 28, .3);--semantic-shadow-colored-danger-lg: 0 8px 24px -4px rgba(185, 28, 28, .3);--semantic-shadow-none: none;--semantic-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--semantic-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--semantic-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--semantic-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--semantic-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--semantic-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--semantic-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--semantic-shadow-inner-md: inset 0 2px 6px 0 rgba(0, 0, 0, .1);--semantic-shadow-ring: 0 0 0 3px rgba(37, 99, 235, .15);--semantic-shadow-up-sm: 0 -1px 3px 0 rgba(0, 0, 0, .1), 0 -1px 2px -1px rgba(0, 0, 0, .1);--semantic-shadow-up-md: 0 -4px 6px -1px rgba(0, 0, 0, .1), 0 -2px 4px -2px rgba(0, 0, 0, .1);--semantic-glass-surface-light: rgba(255, 255, 255, .7);--semantic-glass-surface-lighter: rgba(255, 255, 255, .85);--semantic-glass-surface-dark: rgba(15, 23, 42, .7);--semantic-glass-surface-darker: rgba(15, 23, 42, .85);--semantic-glass-surface-primary: rgba(37, 99, 235, .1);--semantic-glass-surface-subtle: rgba(255, 255, 255, .5);--semantic-glass-border-light: rgba(255, 255, 255, .2);--semantic-glass-border-dark: rgba(255, 255, 255, .1);--semantic-focus-ring-width: 2px;--semantic-focus-ring-offset: 2px;--semantic-focus-ring-style: solid;--semantic-focus-outline-width: 2px;--semantic-focus-outline-offset: 2px;--semantic-gradient-primary-default: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--semantic-gradient-primary-vibrant: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%);--semantic-gradient-primary-subtle: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);--semantic-gradient-success-default: linear-gradient(135deg, #047857 0%, #065f46 100%);--semantic-gradient-success-subtle: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);--semantic-gradient-warning-default: linear-gradient(135deg, #b45309 0%, #92400e 100%);--semantic-gradient-warning-subtle: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);--semantic-gradient-danger-default: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%);--semantic-gradient-danger-subtle: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);--semantic-gradient-info-default: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);--semantic-gradient-surface-default: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--semantic-gradient-surface-card: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--semantic-gradient-surface-hero: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--semantic-gradient-accent-purple: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--semantic-gradient-accent-indigo: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);--semantic-gradient-accent-teal: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);--semantic-gradient-accent-rose: linear-gradient(135deg, #e11d48 0%, #be123c 100%);--semantic-gradient-accent-amber: linear-gradient(135deg, #d97706 0%, #b45309 100%);--semantic-gradient-mesh-light: radial-gradient(at 40% 20%, #dbeafe 0px, transparent 50%), radial-gradient(at 80% 0%, #ede9fe 0px, transparent 50%), radial-gradient(at 0% 50%, #d1fae5 0px, transparent 50%);--semantic-gradient-mesh-dark: radial-gradient(at 40% 20%, #1e3a8a 0px, transparent 50%), radial-gradient(at 80% 0%, #4c1d95 0px, transparent 50%), radial-gradient(at 0% 50%, #064e3b 0px, transparent 50%);--semantic-opacity-0: 0;--semantic-opacity-5: .05;--semantic-opacity-10: .1;--semantic-opacity-20: .2;--semantic-opacity-25: .25;--semantic-opacity-30: .3;--semantic-opacity-40: .4;--semantic-opacity-50: .5;--semantic-opacity-60: .6;--semantic-opacity-70: .7;--semantic-opacity-75: .75;--semantic-opacity-80: .8;--semantic-opacity-90: .9;--semantic-opacity-95: .95;--semantic-opacity-100: 1;--semantic-opacity-disabled: .5;--semantic-opacity-placeholder: .5;--semantic-opacity-overlay: .5;--semantic-z-index-hide: -1;--semantic-z-index-base: 0;--semantic-z-index-raised: 1;--semantic-z-index-dropdown: 1000;--semantic-z-index-sticky: 1100;--semantic-z-index-fixed: 1200;--semantic-z-index-modal-backdrop: 1300;--semantic-z-index-modal: 1400;--semantic-z-index-popover: 1500;--semantic-z-index-tooltip: 1600;--semantic-z-index-toast: 1700;--component-accordion-radius: var(--primitive-radius-lg);--component-accordion-border-width: var(--primitive-spacing-px);--component-accordion-item-padding-x: var(--primitive-spacing-4);--component-accordion-trigger-padding-y: var(--primitive-spacing-4);--component-accordion-trigger-font-size: var(--primitive-font-size-sm);--component-accordion-trigger-font-weight: var(--primitive-font-weight-medium);--component-accordion-trigger-icon-size: var(--primitive-spacing-5);--component-accordion-content-padding-bottom: var(--primitive-spacing-4);--component-accordion-content-font-size: var(--primitive-font-size-sm);--component-accordion-content-line-height: var(--primitive-font-line-height-relaxed);--component-accordion-animation-duration: var(--primitive-motion-duration-normal);--component-accordion-animation-easing: var(--primitive-motion-easing-default);--component-accordion-variant-default-item-gap: var(--primitive-spacing-0);--component-accordion-variant-separated-item-gap: var(--primitive-spacing-2);--component-accordion-variant-separated-item-radius: var(--primitive-radius-lg);--component-alert-padding-x: var(--primitive-spacing-4);--component-alert-padding-y: var(--primitive-spacing-3);--component-alert-radius: var(--primitive-radius-lg);--component-alert-border-width: var(--primitive-spacing-px);--component-alert-icon-size: var(--primitive-spacing-5);--component-alert-icon-gap: var(--primitive-spacing-3);--component-alert-title-font-size: var(--primitive-font-size-sm);--component-alert-title-font-weight: var(--primitive-font-weight-semibold);--component-alert-title-margin-bottom: var(--primitive-spacing-1);--component-alert-description-font-size: var(--primitive-font-size-sm);--component-alert-description-line-height: var(--primitive-font-line-height-normal);--component-alert-close-size: var(--primitive-spacing-5);--component-alert-close-offset: var(--primitive-spacing-2);--component-alert-variant-info-bg: var(--primitive-color-blue-50);--component-alert-variant-info-border: var(--primitive-color-blue-200);--component-alert-variant-info-icon: var(--primitive-color-blue-600);--component-alert-variant-info-title: var(--primitive-color-blue-800);--component-alert-variant-info-text: var(--primitive-color-blue-700);--component-alert-variant-success-bg: var(--primitive-color-emerald-50);--component-alert-variant-success-border: var(--primitive-color-emerald-200);--component-alert-variant-success-icon: var(--primitive-color-emerald-600);--component-alert-variant-success-title: var(--primitive-color-emerald-800);--component-alert-variant-success-text: var(--primitive-color-emerald-700);--component-alert-variant-warning-bg: var(--primitive-color-amber-50);--component-alert-variant-warning-border: var(--primitive-color-amber-200);--component-alert-variant-warning-icon: var(--primitive-color-amber-600);--component-alert-variant-warning-title: var(--primitive-color-amber-800);--component-alert-variant-warning-text: var(--primitive-color-amber-700);--component-alert-variant-danger-bg: var(--primitive-color-red-50);--component-alert-variant-danger-border: var(--primitive-color-red-200);--component-alert-variant-danger-icon: var(--primitive-color-red-600);--component-alert-variant-danger-title: var(--primitive-color-red-800);--component-alert-variant-danger-text: var(--primitive-color-red-700);--component-alert-animation-enter-duration: var(--primitive-motion-duration-normal);--component-alert-animation-enter-easing: var(--primitive-motion-easing-enter);--component-alert-animation-exit-duration: var(--primitive-motion-duration-fast);--component-alert-animation-exit-easing: var(--primitive-motion-easing-exit);--component-avatar-size-xs: var(--primitive-spacing-6);--component-avatar-size-sm: var(--primitive-spacing-8);--component-avatar-size-md: var(--primitive-spacing-10);--component-avatar-size-lg: var(--primitive-spacing-12);--component-avatar-size-xl: var(--primitive-spacing-16);--component-avatar-size-2xl: var(--primitive-spacing-20);--component-avatar-radius-default: var(--primitive-radius-full);--component-avatar-radius-square: var(--primitive-radius-lg);--component-avatar-bg-default: var(--primitive-color-neutral-200);--component-avatar-text-color: var(--primitive-color-neutral-600);--component-avatar-text-font-size-xs: var(--primitive-font-size-xs);--component-avatar-text-font-size-sm: var(--primitive-font-size-xs);--component-avatar-text-font-size-md: var(--primitive-font-size-sm);--component-avatar-text-font-size-lg: var(--primitive-font-size-base);--component-avatar-text-font-size-xl: var(--primitive-font-size-lg);--component-avatar-text-font-size-2xl: var(--primitive-font-size-xl);--component-avatar-text-font-weight: var(--primitive-font-weight-medium);--component-avatar-status-size-xs: var(--primitive-spacing-1-5);--component-avatar-status-size-sm: var(--primitive-spacing-2);--component-avatar-status-size-md: var(--primitive-spacing-2-5);--component-avatar-status-size-lg: var(--primitive-spacing-3);--component-avatar-status-size-xl: var(--primitive-spacing-3-5);--component-avatar-status-size-2xl: var(--primitive-spacing-4);--component-avatar-status-online: var(--primitive-color-emerald-500);--component-avatar-status-offline: var(--primitive-color-neutral-400);--component-avatar-status-busy: var(--primitive-color-red-500);--component-avatar-status-away: var(--primitive-color-amber-500);--component-avatar-group-overlap: var(--primitive-spacing-2);--component-badge-size-sm-padding-x: var(--primitive-spacing-1-5);--component-badge-size-sm-padding-y: var(--primitive-spacing-0-5);--component-badge-size-sm-font-size: var(--primitive-font-size-xs);--component-badge-size-md-padding-x: var(--primitive-spacing-2-5);--component-badge-size-md-padding-y: var(--primitive-spacing-0-5);--component-badge-size-md-font-size: var(--primitive-font-size-xs);--component-badge-size-lg-padding-x: var(--primitive-spacing-3);--component-badge-size-lg-padding-y: var(--primitive-spacing-1);--component-badge-size-lg-font-size: var(--primitive-font-size-sm);--component-badge-radius-default: var(--primitive-radius-base);--component-badge-radius-pill: var(--primitive-radius-full);--component-badge-font-weight: var(--primitive-font-weight-medium);--component-badge-variant-default-bg: var(--primitive-color-neutral-100);--component-badge-variant-default-text: var(--primitive-color-neutral-700);--component-badge-variant-primary-text: var(--primitive-color-blue-700);--component-badge-variant-success-text: var(--primitive-color-emerald-700);--component-badge-variant-warning-text: var(--primitive-color-amber-700);--component-badge-variant-danger-text: var(--primitive-color-red-700);--component-badge-dot-size: var(--primitive-spacing-1-5);--component-badge-dot-gap: var(--primitive-spacing-1-5);--component-breadcrumb-font-size: var(--primitive-font-size-sm);--component-breadcrumb-gap: var(--primitive-spacing-2);--component-breadcrumb-separator-margin: var(--primitive-spacing-2);--component-breadcrumb-item-font-weight-default: var(--primitive-font-weight-normal);--component-breadcrumb-item-font-weight-current: var(--primitive-font-weight-medium);--component-button-radius: var(--primitive-radius-md);--component-button-size-xs-padding-x: var(--primitive-spacing-2);--component-button-size-xs-font-size: var(--primitive-font-size-xs);--component-button-size-sm-height: var(--primitive-spacing-8);--component-button-size-sm-padding-x: var(--primitive-spacing-3);--component-button-size-sm-font-size: var(--primitive-font-size-sm);--component-button-size-md-height: var(--primitive-spacing-10);--component-button-size-md-padding-x: var(--primitive-spacing-4);--component-button-size-md-font-size: var(--primitive-font-size-sm);--component-button-size-lg-height: var(--primitive-spacing-12);--component-button-size-lg-padding-x: var(--primitive-spacing-6);--component-button-size-lg-font-size: var(--primitive-font-size-base);--component-button-size-xl-padding-x: var(--primitive-spacing-8);--component-button-size-xl-font-size: var(--primitive-font-size-lg);--component-button-primary-text: var(--primitive-color-neutral-0);--component-button-secondary-bg-hover: var(--primitive-color-neutral-200);--component-button-danger-text: var(--primitive-color-neutral-0);--component-button-success-text: var(--primitive-color-neutral-0);--component-button-ghost-bg-hover: var(--primitive-color-neutral-100);--component-card-product-radius: var(--primitive-radius-lg);--component-card-product-shadow: var(--semantic-shadow-sm);--component-card-product-shadow-hover: var(--semantic-shadow-md);--component-card-product-badge-color: var(--primitive-color-neutral-0);--component-card-product-badge-radius: var(--primitive-radius-full);--component-card-product-badge-padding-x: var(--primitive-spacing-3);--component-card-product-badge-padding-y: var(--primitive-spacing-1);--component-card-product-badge-font-size: var(--primitive-font-size-xs);--component-card-product-title-font-size: var(--primitive-font-size-base);--component-card-product-title-font-weight: var(--primitive-font-weight-semibold);--component-card-product-price-font-size: var(--primitive-font-size-lg);--component-card-product-price-font-weight: var(--primitive-font-weight-bold);--component-card-product-rating-star-color: var(--primitive-color-amber-400);--component-card-product-rating-empty-color: var(--primitive-color-neutral-300);--component-card-product-rating-font-size: var(--primitive-font-size-sm);--component-card-product-padding: var(--primitive-spacing-4);--component-card-profile-radius: var(--primitive-radius-lg);--component-card-profile-shadow: var(--semantic-shadow-sm);--component-card-profile-padding: var(--primitive-spacing-6);--component-card-profile-name-font-size: var(--primitive-font-size-xl);--component-card-profile-name-font-weight: var(--primitive-font-weight-bold);--component-card-profile-role-font-size: var(--primitive-font-size-sm);--component-card-profile-bio-font-size: var(--primitive-font-size-sm);--component-card-profile-social-bg: var(--primitive-color-neutral-100);--component-card-profile-social-color-hover: var(--primitive-color-neutral-0);--component-card-stats-padding: var(--primitive-spacing-5);--component-card-stats-radius: var(--primitive-radius-lg);--component-card-stats-shadow: var(--semantic-shadow-sm);--component-card-stats-icon-radius: var(--primitive-radius-full);--component-card-stats-label-font-size: var(--primitive-font-size-sm);--component-card-stats-label-font-weight: var(--primitive-font-weight-medium);--component-card-stats-value-font-weight: var(--primitive-font-weight-bold);--component-card-stats-change-font-size: var(--primitive-font-size-sm);--component-card-radius: var(--primitive-radius-xl);--component-card-border-width: var(--primitive-spacing-px);--component-card-padding-sm: var(--primitive-spacing-3);--component-card-padding-md: var(--primitive-spacing-4);--component-card-padding-lg: var(--primitive-spacing-6);--component-card-header-padding-bottom: var(--primitive-spacing-4);--component-card-title-font-size: var(--primitive-font-size-lg);--component-card-title-font-weight: var(--primitive-font-weight-semibold);--component-card-description-font-size: var(--primitive-font-size-sm);--component-card-description-margin-top: var(--primitive-spacing-1);--component-card-body-font-size: var(--primitive-font-size-sm);--component-card-body-line-height: var(--primitive-font-line-height-normal);--component-card-footer-padding-top: var(--primitive-spacing-4);--component-card-footer-gap: var(--primitive-spacing-2);--component-card-media-radius: var(--primitive-radius-lg);--component-card-interactive-transition-duration: var(--primitive-motion-duration-fast);--component-card-interactive-transition-easing: var(--primitive-motion-easing-default);--component-card-size-compact-padding: var(--primitive-spacing-3);--component-card-size-default-padding: var(--primitive-spacing-5);--component-card-size-spacious-padding: var(--primitive-spacing-8);--component-checkbox-size-sm: var(--primitive-spacing-4);--component-checkbox-size-md: var(--primitive-spacing-5);--component-checkbox-size-lg: var(--primitive-spacing-6);--component-checkbox-radius: var(--primitive-radius-base);--component-checkbox-icon-color: var(--primitive-color-neutral-0);--component-checkbox-label-gap: var(--primitive-spacing-2);--component-checkbox-label-font-size: var(--primitive-font-size-sm);--component-checkbox-transition-duration: var(--primitive-motion-duration-micro);--component-checkbox-transition-easing: var(--primitive-motion-easing-default);--component-chip-padding-x-sm: var(--primitive-spacing-2);--component-chip-padding-x-md: var(--primitive-spacing-3);--component-chip-padding-x-lg: var(--primitive-spacing-4);--component-chip-radius: var(--primitive-radius-full);--component-chip-font-size: var(--primitive-font-size-sm);--component-chip-font-weight: var(--primitive-font-weight-medium);--component-chip-gap: var(--primitive-spacing-1);--component-chip-variant-filled-bg: var(--primitive-color-neutral-100);--component-chip-variant-filled-bg-hover: var(--primitive-color-neutral-200);--component-chip-variant-outlined-bg-hover: var(--primitive-color-neutral-50);--component-chip-close-button-radius: var(--primitive-radius-full);--component-data-table-radius: var(--primitive-radius-lg);--component-data-table-toolbar-padding: var(--primitive-spacing-4);--component-data-table-toolbar-gap: var(--primitive-spacing-3);--component-data-table-header-font-size: var(--primitive-font-size-sm);--component-data-table-header-font-weight: var(--primitive-font-weight-semibold);--component-data-table-header-padding-x: var(--primitive-spacing-4);--component-data-table-header-padding-y: var(--primitive-spacing-3);--component-data-table-cell-padding-x: var(--primitive-spacing-4);--component-data-table-cell-padding-y: var(--primitive-spacing-3);--component-data-table-cell-font-size: var(--primitive-font-size-sm);--component-data-table-row-bg-hover: var(--primitive-color-neutral-50);--component-data-table-footer-padding: var(--primitive-spacing-3);--component-data-table-footer-font-size: var(--primitive-font-size-sm);--component-data-table-empty-padding: var(--primitive-spacing-12);--component-divider-thickness: var(--primitive-spacing-px);--component-divider-spacing-sm: var(--primitive-spacing-2);--component-divider-spacing-md: var(--primitive-spacing-4);--component-divider-spacing-lg: var(--primitive-spacing-6);--component-divider-with-label-gap: var(--primitive-spacing-3);--component-divider-with-label-font-size: var(--primitive-font-size-xs);--component-divider-with-label-font-weight: var(--primitive-font-weight-medium);--component-dropdown-menu-min-width: var(--primitive-spacing-48);--component-dropdown-menu-max-width: var(--primitive-spacing-72);--component-dropdown-menu-radius: var(--primitive-radius-lg);--component-dropdown-menu-border-width: var(--primitive-spacing-px);--component-dropdown-menu-padding: var(--primitive-spacing-1);--component-dropdown-menu-offset: var(--primitive-spacing-1);--component-dropdown-item-padding-x: var(--primitive-spacing-3);--component-dropdown-item-padding-y: var(--primitive-spacing-2);--component-dropdown-item-radius: var(--primitive-radius-md);--component-dropdown-item-font-size: var(--primitive-font-size-sm);--component-dropdown-item-icon-size: var(--primitive-spacing-4);--component-dropdown-item-icon-gap: var(--primitive-spacing-2);--component-dropdown-item-shortcut-font-size: var(--primitive-font-size-xs);--component-dropdown-item-check-size: var(--primitive-spacing-4);--component-dropdown-separator-height: var(--primitive-spacing-px);--component-dropdown-separator-margin-y: var(--primitive-spacing-1);--component-dropdown-label-padding-x: var(--primitive-spacing-3);--component-dropdown-label-padding-y: var(--primitive-spacing-1-5);--component-dropdown-label-font-size: var(--primitive-font-size-xs);--component-dropdown-label-font-weight: var(--primitive-font-weight-semibold);--component-dropdown-animation-duration: var(--primitive-motion-duration-fast);--component-dropdown-animation-easing: var(--primitive-motion-easing-enter);--component-feature-grid-gap: var(--primitive-spacing-8);--component-feature-grid-item-padding: var(--primitive-spacing-6);--component-feature-grid-icon-radius: var(--primitive-radius-full);--component-feature-grid-title-font-size: var(--primitive-font-size-lg);--component-feature-grid-title-font-weight: var(--primitive-font-weight-semibold);--component-feature-grid-description-font-size: var(--primitive-font-size-sm);--component-feature-grid-description-line-height: var(--primitive-font-line-height-relaxed);--component-form-field-gap: var(--primitive-spacing-1-5);--component-form-field-label-font-size: var(--primitive-font-size-sm);--component-form-field-label-font-weight: var(--primitive-font-weight-medium);--component-form-field-label-required-gap: var(--primitive-spacing-0-5);--component-form-field-helper-font-size: var(--primitive-font-size-xs);--component-form-field-helper-margin-top: var(--primitive-spacing-1);--component-form-field-error-font-size: var(--primitive-font-size-xs);--component-form-field-error-margin-top: var(--primitive-spacing-1);--component-form-field-error-icon-size: var(--primitive-spacing-4);--component-form-field-error-icon-gap: var(--primitive-spacing-1);--component-form-field-success-font-size: var(--primitive-font-size-xs);--component-form-field-success-margin-top: var(--primitive-spacing-1);--component-form-field-character-count-font-size: var(--primitive-font-size-xs);--component-form-wizard-radius: var(--primitive-radius-lg);--component-form-wizard-shadow: var(--semantic-shadow-md);--component-form-wizard-content-padding: var(--primitive-spacing-6);--component-form-wizard-fields-gap: var(--primitive-spacing-4);--component-form-wizard-navigation-padding: var(--primitive-spacing-4);--component-form-wizard-progress-bg: var(--primitive-color-neutral-200);--component-hero-padding-y: var(--primitive-spacing-16);--component-hero-padding-x: var(--primitive-spacing-6);--component-hero-gap: var(--primitive-spacing-12);--component-hero-headline-font-weight: var(--primitive-font-weight-extrabold);--component-hero-subheadline-font-size: var(--primitive-font-size-xl);--component-hero-description-font-size: var(--primitive-font-size-lg);--component-hero-description-line-height: var(--primitive-font-line-height-relaxed);--component-hero-actions-gap: var(--primitive-spacing-4);--component-hero-actions-margin-top: var(--primitive-spacing-8);--component-hero-image-radius: var(--primitive-radius-xl);--component-hero-image-shadow: var(--semantic-shadow-xl);--component-hero-gradient: var(--semantic-gradient-surface-hero);--component-input-radius: var(--primitive-radius-md);--component-input-border-width: var(--primitive-spacing-px);--component-input-size-sm-height: var(--primitive-spacing-8);--component-input-size-sm-padding-x: var(--primitive-spacing-2-5);--component-input-size-sm-font-size: var(--primitive-font-size-sm);--component-input-size-md-height: var(--primitive-spacing-10);--component-input-size-md-padding-x: var(--primitive-spacing-3);--component-input-size-md-font-size: var(--primitive-font-size-sm);--component-input-size-lg-height: var(--primitive-spacing-12);--component-input-size-lg-padding-x: var(--primitive-spacing-4);--component-input-size-lg-font-size: var(--primitive-font-size-base);--component-input-transition-duration: var(--primitive-motion-duration-fast);--component-input-transition-easing: var(--primitive-motion-easing-default);--component-link-color-visited: var(--primitive-color-purple-600);--component-link-font-weight: var(--primitive-font-weight-medium);--component-link-variant-inverse-hover-color: var(--primitive-color-neutral-200);--component-link-external-icon-gap: var(--primitive-spacing-1);--component-modal-container-radius: var(--primitive-radius-xl);--component-modal-container-border-width: var(--primitive-spacing-px);--component-modal-container-margin: var(--primitive-spacing-4);--component-modal-size-sm: var(--primitive-spacing-96);--component-modal-header-padding-x: var(--primitive-spacing-6);--component-modal-header-padding-y: var(--primitive-spacing-4);--component-modal-title-font-size: var(--primitive-font-size-lg);--component-modal-title-font-weight: var(--primitive-font-weight-semibold);--component-modal-description-font-size: var(--primitive-font-size-sm);--component-modal-description-margin-top: var(--primitive-spacing-1);--component-modal-close-size: var(--primitive-spacing-5);--component-modal-close-radius: var(--primitive-radius-base);--component-modal-close-padding: var(--primitive-spacing-1);--component-modal-body-padding-x: var(--primitive-spacing-6);--component-modal-body-padding-y: var(--primitive-spacing-4);--component-modal-body-font-size: var(--primitive-font-size-sm);--component-modal-footer-padding-x: var(--primitive-spacing-6);--component-modal-footer-padding-y: var(--primitive-spacing-4);--component-modal-footer-gap: var(--primitive-spacing-3);--component-modal-animation-overlay-duration: var(--primitive-motion-duration-normal);--component-modal-animation-overlay-easing: var(--primitive-motion-easing-default);--component-modal-animation-content-duration: var(--primitive-motion-duration-normal);--component-modal-animation-content-easing: var(--primitive-motion-easing-enter);--component-modal-animation-exit-duration: var(--primitive-motion-duration-fast);--component-modal-animation-exit-easing: var(--primitive-motion-easing-exit);--component-nav-height: var(--primitive-spacing-16);--component-nav-border-width: var(--primitive-spacing-px);--component-nav-padding-x: var(--primitive-spacing-4);--component-nav-logo-height: var(--primitive-spacing-8);--component-nav-logo-gap: var(--primitive-spacing-2);--component-nav-item-padding-x: var(--primitive-spacing-3);--component-nav-item-padding-y: var(--primitive-spacing-2);--component-nav-item-radius: var(--primitive-radius-md);--component-nav-item-font-size: var(--primitive-font-size-sm);--component-nav-item-font-weight: var(--primitive-font-weight-medium);--component-nav-item-gap: var(--primitive-spacing-1);--component-nav-group-gap: var(--primitive-spacing-1);--component-nav-divider-width: var(--primitive-spacing-px);--component-nav-divider-height: var(--primitive-spacing-6);--component-nav-divider-margin-x: var(--primitive-spacing-2);--component-nav-dropdown-min-width: var(--primitive-spacing-48);--component-nav-dropdown-radius: var(--primitive-radius-lg);--component-nav-dropdown-padding: var(--primitive-spacing-1);--component-nav-dropdown-offset: var(--primitive-spacing-2);--component-nav-mobile-trigger-size: var(--primitive-spacing-10);--component-nav-mobile-trigger-icon-size: var(--primitive-spacing-6);--component-nav-mobile-menu-padding: var(--primitive-spacing-4);--component-nav-mobile-menu-item-padding-y: var(--primitive-spacing-3);--component-nav-animation-duration: var(--primitive-motion-duration-fast);--component-nav-animation-easing: var(--primitive-motion-easing-default);--component-pagination-gap: var(--primitive-spacing-1);--component-pagination-item-radius: var(--primitive-radius-md);--component-pagination-item-font-size: var(--primitive-font-size-sm);--component-pagination-item-font-weight: var(--primitive-font-weight-medium);--component-pagination-item-bg-hover: var(--primitive-color-neutral-100);--component-pagination-item-color-active: var(--primitive-color-neutral-0);--component-popover-radius: var(--primitive-radius-lg);--component-popover-padding: var(--primitive-spacing-4);--component-popover-header-font-size: var(--primitive-font-size-sm);--component-popover-header-font-weight: var(--primitive-font-weight-semibold);--component-popover-header-padding-bottom: var(--primitive-spacing-2);--component-popover-body-font-size: var(--primitive-font-size-sm);--component-popover-animation-duration: var(--primitive-motion-duration-fast);--component-pricing-card-radius: var(--primitive-radius-lg);--component-pricing-card-shadow: var(--semantic-shadow-sm);--component-pricing-card-padding: var(--primitive-spacing-6);--component-pricing-card-name-font-size: var(--primitive-font-size-lg);--component-pricing-card-name-font-weight: var(--primitive-font-weight-semibold);--component-pricing-card-price-font-weight: var(--primitive-font-weight-extrabold);--component-pricing-card-period-font-size: var(--primitive-font-size-sm);--component-pricing-card-feature-font-size: var(--primitive-font-size-sm);--component-pricing-card-feature-gap: var(--primitive-spacing-3);--component-pricing-card-highlighted-shadow: var(--semantic-shadow-colored-primary-md);--component-pricing-card-highlighted-badge-color: var(--primitive-color-neutral-0);--component-progress-track-radius: var(--primitive-radius-full);--component-progress-track-bg: var(--primitive-color-neutral-200);--component-progress-bar-radius: var(--primitive-radius-full);--component-progress-label-font-size: var(--primitive-font-size-xs);--component-radio-size-sm: var(--primitive-spacing-4);--component-radio-size-md: var(--primitive-spacing-5);--component-radio-size-lg: var(--primitive-spacing-6);--component-radio-radius: var(--primitive-radius-full);--component-radio-label-gap: var(--primitive-spacing-2);--component-radio-label-font-size: var(--primitive-font-size-sm);--component-radio-group-gap: var(--primitive-spacing-3);--component-radio-transition-duration: var(--primitive-motion-duration-micro);--component-radio-transition-easing: var(--primitive-motion-easing-default);--component-rating-gap: var(--primitive-spacing-1);--component-rating-color-filled: var(--primitive-color-amber-400);--component-rating-color-empty: var(--primitive-color-neutral-300);--component-rating-color-hover: var(--primitive-color-amber-300);--component-rating-color-disabled: var(--primitive-color-neutral-200);--component-rating-label-font-size: var(--primitive-font-size-sm);--component-rating-label-gap: var(--primitive-spacing-2);--component-search-autocomplete-dropdown-shadow: var(--semantic-shadow-lg);--component-search-autocomplete-dropdown-radius: var(--primitive-radius-lg);--component-search-autocomplete-item-padding-x: var(--primitive-spacing-4);--component-search-autocomplete-item-padding-y: var(--primitive-spacing-2);--component-search-autocomplete-item-bg-hover: var(--primitive-color-neutral-50);--component-search-autocomplete-section-title-font-size: var(--primitive-font-size-xs);--component-search-autocomplete-section-title-font-weight: var(--primitive-font-weight-medium);--component-search-autocomplete-hint-font-size: var(--primitive-font-size-xs);--component-select-trigger-radius: var(--primitive-radius-md);--component-select-trigger-border-width: var(--primitive-spacing-px);--component-select-trigger-size-sm-height: var(--primitive-spacing-8);--component-select-trigger-size-sm-padding-x: var(--primitive-spacing-2-5);--component-select-trigger-size-sm-font-size: var(--primitive-font-size-sm);--component-select-trigger-size-md-height: var(--primitive-spacing-10);--component-select-trigger-size-md-padding-x: var(--primitive-spacing-3);--component-select-trigger-size-md-font-size: var(--primitive-font-size-sm);--component-select-trigger-size-lg-height: var(--primitive-spacing-12);--component-select-trigger-size-lg-padding-x: var(--primitive-spacing-4);--component-select-trigger-size-lg-font-size: var(--primitive-font-size-base);--component-select-trigger-icon-size: var(--primitive-spacing-5);--component-select-dropdown-radius: var(--primitive-radius-lg);--component-select-dropdown-border-width: var(--primitive-spacing-px);--component-select-dropdown-padding: var(--primitive-spacing-1);--component-select-dropdown-max-height: var(--primitive-spacing-64);--component-select-dropdown-animation-duration: var(--primitive-motion-duration-fast);--component-select-dropdown-animation-easing: var(--primitive-motion-easing-enter);--component-select-option-padding-x: var(--primitive-spacing-3);--component-select-option-padding-y: var(--primitive-spacing-2);--component-select-option-radius: var(--primitive-radius-base);--component-skeleton-radius-text: var(--primitive-radius-base);--component-skeleton-radius-circle: var(--primitive-radius-full);--component-skeleton-radius-rect: var(--primitive-radius-md);--component-skeleton-bg-base: var(--primitive-color-neutral-200);--component-skeleton-bg-shimmer: var(--primitive-color-neutral-100);--component-skeleton-height-text: var(--primitive-spacing-4);--component-skeleton-height-heading: var(--primitive-spacing-6);--component-skeleton-height-avatar: var(--primitive-spacing-10);--component-skeleton-height-thumbnail: var(--primitive-spacing-20);--component-skeleton-height-card: var(--primitive-spacing-48);--component-skeleton-animation-easing: var(--primitive-motion-easing-linear);--component-skeleton-gap: var(--primitive-spacing-2);--component-spinner-size-xs: var(--primitive-spacing-3);--component-spinner-size-sm: var(--primitive-spacing-4);--component-spinner-size-md: var(--primitive-spacing-6);--component-spinner-size-lg: var(--primitive-spacing-8);--component-spinner-size-xl: var(--primitive-spacing-12);--component-spinner-color-secondary: var(--primitive-color-neutral-400);--component-spinner-color-white: var(--primitive-color-neutral-0);--component-spinner-color-track: var(--primitive-color-neutral-200);--component-spinner-animation-easing: var(--primitive-motion-easing-linear);--component-stepper-step-font-size: var(--primitive-font-size-sm);--component-stepper-step-font-weight: var(--primitive-font-weight-semibold);--component-stepper-step-radius: var(--primitive-radius-full);--component-stepper-step-bg-default: var(--primitive-color-neutral-200);--component-stepper-step-color-active: var(--primitive-color-neutral-0);--component-stepper-step-color-completed: var(--primitive-color-neutral-0);--component-stepper-step-label-font-size: var(--primitive-font-size-sm);--component-stepper-step-description-font-size: var(--primitive-font-size-xs);--component-stepper-gap: var(--primitive-spacing-4);--component-stepper-orientation-vertical-gap: var(--primitive-spacing-6);--component-table-radius: var(--primitive-radius-lg);--component-table-border-width: var(--primitive-spacing-px);--component-table-header-padding-x: var(--primitive-spacing-4);--component-table-header-padding-y: var(--primitive-spacing-3);--component-table-header-font-size: var(--primitive-font-size-xs);--component-table-header-font-weight: var(--primitive-font-weight-semibold);--component-table-cell-padding-x: var(--primitive-spacing-4);--component-table-cell-padding-y: var(--primitive-spacing-3);--component-table-cell-font-size: var(--primitive-font-size-sm);--component-table-sort-icon-size: var(--primitive-spacing-4);--component-table-sort-icon-gap: var(--primitive-spacing-1);--component-table-pagination-padding-x: var(--primitive-spacing-4);--component-table-pagination-padding-y: var(--primitive-spacing-3);--component-table-pagination-gap: var(--primitive-spacing-2);--component-table-empty-padding-y: var(--primitive-spacing-12);--component-table-empty-icon-size: var(--primitive-spacing-12);--component-table-empty-font-size: var(--primitive-font-size-sm);--component-table-size-compact-cell-padding-y: var(--primitive-spacing-2);--component-table-size-default-cell-padding-y: var(--primitive-spacing-3);--component-table-size-relaxed-cell-padding-y: var(--primitive-spacing-4);--component-tabs-list-gap: var(--primitive-spacing-0);--component-tabs-list-border-width: var(--primitive-spacing-px);--component-tabs-trigger-padding-x: var(--primitive-spacing-4);--component-tabs-trigger-padding-y: var(--primitive-spacing-2-5);--component-tabs-trigger-font-size: var(--primitive-font-size-sm);--component-tabs-trigger-font-weight-default: var(--primitive-font-weight-medium);--component-tabs-trigger-font-weight-active: var(--primitive-font-weight-semibold);--component-tabs-trigger-indicator-radius: var(--primitive-radius-full);--component-tabs-content-padding-top: var(--primitive-spacing-4);--component-tabs-variant-underline-trigger-radius: var(--primitive-radius-none);--component-tabs-variant-pills-trigger-radius: var(--primitive-radius-md);--component-tabs-variant-pills-gap: var(--primitive-spacing-1);--component-tabs-variant-boxed-trigger-radius: var(--primitive-radius-md);--component-tabs-variant-boxed-list-padding: var(--primitive-spacing-1);--component-tabs-variant-boxed-list-radius: var(--primitive-radius-lg);--component-tabs-animation-duration: var(--primitive-motion-duration-fast);--component-tabs-animation-easing: var(--primitive-motion-easing-default);--component-textarea-radius: var(--primitive-radius-md);--component-textarea-border-width: var(--primitive-spacing-px);--component-textarea-padding-x: var(--primitive-spacing-3);--component-textarea-padding-y: var(--primitive-spacing-2);--component-textarea-font-size: var(--primitive-font-size-sm);--component-textarea-line-height: var(--primitive-font-line-height-normal);--component-textarea-min-height: var(--primitive-spacing-24);--component-toast-container-padding: var(--primitive-spacing-4);--component-toast-container-gap: var(--primitive-spacing-3);--component-toast-item-radius: var(--primitive-radius-lg);--component-toast-item-padding-x: var(--primitive-spacing-4);--component-toast-item-padding-y: var(--primitive-spacing-3);--component-toast-item-border-width: var(--primitive-spacing-px);--component-toast-icon-size: var(--primitive-spacing-5);--component-toast-icon-gap: var(--primitive-spacing-3);--component-toast-title-font-size: var(--primitive-font-size-sm);--component-toast-title-font-weight: var(--primitive-font-weight-semibold);--component-toast-description-font-size: var(--primitive-font-size-sm);--component-toast-description-margin-top: var(--primitive-spacing-0-5);--component-toast-close-size: var(--primitive-spacing-5);--component-toast-action-margin-top: var(--primitive-spacing-2);--component-toast-action-gap: var(--primitive-spacing-2);--component-toast-variant-default-accent: var(--primitive-color-neutral-400);--component-toast-progress-radius: var(--primitive-radius-full);--component-toast-animation-enter-duration: var(--primitive-motion-duration-normal);--component-toast-animation-enter-easing: var(--primitive-motion-easing-enter);--component-toast-animation-exit-duration: var(--primitive-motion-duration-fast);--component-toast-animation-exit-easing: var(--primitive-motion-easing-exit);--component-toggle-track-size-sm-width: var(--primitive-spacing-8);--component-toggle-track-size-sm-height: var(--primitive-spacing-4);--component-toggle-track-size-md-width: var(--primitive-spacing-11);--component-toggle-track-size-md-height: var(--primitive-spacing-6);--component-toggle-track-size-lg-width: var(--primitive-spacing-14);--component-toggle-track-size-lg-height: var(--primitive-spacing-8);--component-toggle-track-radius: var(--primitive-radius-full);--component-toggle-track-bg-off: var(--primitive-color-neutral-300);--component-toggle-track-bg-off-hover: var(--primitive-color-neutral-400);--component-toggle-track-bg-disabled: var(--primitive-color-neutral-200);--component-toggle-thumb-size-sm: var(--primitive-spacing-3);--component-toggle-thumb-size-md: var(--primitive-spacing-5);--component-toggle-thumb-size-lg: var(--primitive-spacing-7);--component-toggle-thumb-radius: var(--primitive-radius-full);--component-toggle-thumb-bg-default: var(--primitive-color-neutral-0);--component-toggle-thumb-bg-disabled: var(--primitive-color-neutral-100);--component-toggle-label-gap: var(--primitive-spacing-2);--component-toggle-label-font-size: var(--primitive-font-size-sm);--component-toggle-transition-duration: var(--primitive-motion-duration-fast);--component-toggle-transition-easing: var(--primitive-motion-easing-default);--component-tooltip-padding-x: var(--primitive-spacing-3);--component-tooltip-padding-y: var(--primitive-spacing-1-5);--component-tooltip-radius: var(--primitive-radius-md);--component-tooltip-max-width: var(--primitive-spacing-64);--component-tooltip-font-size: var(--primitive-font-size-xs);--component-tooltip-line-height: var(--primitive-font-line-height-normal);--component-tooltip-variant-dark-bg: var(--primitive-color-neutral-900);--component-tooltip-variant-dark-text: var(--primitive-color-neutral-0);--component-tooltip-arrow-size: var(--primitive-spacing-2);--component-tooltip-offset: var(--primitive-spacing-2);--component-tooltip-animation-duration: var(--primitive-motion-duration-micro);--component-tooltip-animation-easing: var(--primitive-motion-easing-enter);--semantic-color-primary-default: var(--primitive-color-blue-600);--semantic-color-primary-hover: var(--primitive-color-blue-700);--semantic-color-primary-active: var(--primitive-color-blue-800);--semantic-color-primary-subtle: var(--primitive-color-blue-100);--semantic-color-primary-muted: var(--primitive-color-blue-50);--semantic-color-secondary-default: var(--primitive-color-neutral-600);--semantic-color-secondary-hover: var(--primitive-color-neutral-700);--semantic-color-secondary-active: var(--primitive-color-neutral-800);--semantic-color-secondary-subtle: var(--primitive-color-neutral-100);--semantic-color-secondary-muted: var(--primitive-color-neutral-50);--semantic-color-success-default: var(--primitive-color-emerald-700);--semantic-color-success-hover: var(--primitive-color-emerald-800);--semantic-color-success-active: var(--primitive-color-emerald-900);--semantic-color-success-subtle: var(--primitive-color-emerald-100);--semantic-color-success-muted: var(--primitive-color-emerald-50);--semantic-color-warning-default: var(--primitive-color-amber-700);--semantic-color-warning-hover: var(--primitive-color-amber-800);--semantic-color-warning-active: var(--primitive-color-amber-900);--semantic-color-warning-subtle: var(--primitive-color-amber-100);--semantic-color-warning-muted: var(--primitive-color-amber-50);--semantic-color-danger-default: var(--primitive-color-red-700);--semantic-color-danger-hover: var(--primitive-color-red-800);--semantic-color-danger-active: var(--primitive-color-red-900);--semantic-color-danger-subtle: var(--primitive-color-red-100);--semantic-color-danger-muted: var(--primitive-color-red-50);--semantic-color-info-default: var(--primitive-color-blue-600);--semantic-color-info-hover: var(--primitive-color-blue-700);--semantic-color-info-active: var(--primitive-color-blue-800);--semantic-color-info-subtle: var(--primitive-color-blue-100);--semantic-color-info-muted: var(--primitive-color-blue-50);--semantic-color-error-default: var(--primitive-color-red-700);--semantic-color-error-hover: var(--primitive-color-red-800);--semantic-color-error-active: var(--primitive-color-red-900);--semantic-color-error-subtle: var(--primitive-color-red-100);--semantic-color-error-muted: var(--primitive-color-red-50);--semantic-color-dark-primary-default: var(--primitive-color-blue-400);--semantic-color-dark-primary-hover: var(--primitive-color-blue-300);--semantic-color-dark-primary-active: var(--primitive-color-blue-500);--semantic-color-dark-success-default: var(--primitive-color-emerald-400);--semantic-color-dark-success-hover: var(--primitive-color-emerald-300);--semantic-color-dark-warning-default: var(--primitive-color-amber-400);--semantic-color-dark-warning-hover: var(--primitive-color-amber-300);--semantic-color-dark-danger-default: var(--primitive-color-red-400);--semantic-color-dark-danger-hover: var(--primitive-color-red-300);--semantic-color-dark-info-default: var(--primitive-color-blue-400);--semantic-color-dark-info-hover: var(--primitive-color-blue-300);--semantic-color-dark-secondary-default: var(--primitive-color-neutral-400);--semantic-color-dark-error-default: var(--primitive-color-red-400);--semantic-color-dark-error-hover: var(--primitive-color-red-300);--semantic-surface-dark-page-default: var(--primitive-color-neutral-900);--semantic-surface-dark-page-subtle: var(--primitive-color-neutral-800);--semantic-surface-dark-page-muted: var(--primitive-color-neutral-700);--semantic-surface-dark-card-default: var(--primitive-color-neutral-800);--semantic-surface-dark-card-hover: var(--primitive-color-neutral-700);--semantic-surface-dark-input-default: var(--primitive-color-neutral-800);--semantic-surface-dark-input-hover: var(--primitive-color-neutral-700);--semantic-surface-dark-inverse-default: var(--primitive-color-neutral-100);--semantic-surface-page-default: var(--primitive-color-neutral-0);--semantic-surface-page-subtle: var(--primitive-color-neutral-50);--semantic-surface-page-muted: var(--primitive-color-neutral-100);--semantic-surface-card-default: var(--primitive-color-neutral-0);--semantic-surface-card-hover: var(--primitive-color-neutral-50);--semantic-surface-input-default: var(--primitive-color-neutral-0);--semantic-surface-input-hover: var(--primitive-color-neutral-50);--semantic-surface-inverse-default: var(--primitive-color-neutral-900);--semantic-surface-inverse-subtle: var(--primitive-color-neutral-800);--semantic-border-dark-default: var(--primitive-color-neutral-500);--semantic-border-dark-subtle: var(--primitive-color-neutral-600);--semantic-border-dark-strong: var(--primitive-color-neutral-400);--semantic-border-dark-focus: var(--primitive-color-blue-400);--semantic-border-default: var(--primitive-color-neutral-200);--semantic-border-subtle: var(--primitive-color-neutral-100);--semantic-border-strong: var(--primitive-color-neutral-300);--semantic-border-focus: var(--primitive-color-blue-500);--semantic-text-dark-default: var(--primitive-color-neutral-100);--semantic-text-dark-muted: var(--primitive-color-neutral-400);--semantic-text-dark-subtle: var(--primitive-color-neutral-400);--semantic-text-dark-inverse: var(--primitive-color-neutral-900);--semantic-text-dark-disabled: var(--primitive-color-neutral-500);--semantic-text-dark-placeholder: var(--primitive-color-neutral-400);--semantic-text-dark-link: var(--primitive-color-blue-400);--semantic-text-dark-link-hover: var(--primitive-color-blue-300);--semantic-text-default: var(--primitive-color-neutral-900);--semantic-text-secondary: var(--primitive-color-neutral-600);--semantic-text-muted: var(--primitive-color-neutral-500);--semantic-text-subtle: var(--primitive-color-neutral-400);--semantic-text-disabled: var(--primitive-color-neutral-400);--semantic-text-inverse: var(--primitive-color-neutral-0);--semantic-text-placeholder: var(--primitive-color-neutral-400);--semantic-text-link: var(--primitive-color-blue-600);--semantic-text-link-hover: var(--primitive-color-blue-700);--semantic-backdrop-blur-sm: var(--primitive-blur-sm);--semantic-backdrop-blur-md: var(--primitive-blur-md);--semantic-backdrop-blur-lg: var(--primitive-blur-lg);--semantic-backdrop-blur-xl: var(--primitive-blur-xl);--semantic-focus-ring-color: var(--primitive-color-blue-500);--semantic-focus-ring-color-danger: var(--primitive-color-red-500);--semantic-focus-outline-color: var(--primitive-color-blue-500);--semantic-typography-display-lg-font-size: var(--primitive-font-size-6xl);--semantic-typography-display-lg-line-height: var(--primitive-font-line-height-tight);--semantic-typography-display-lg-font-weight: var(--primitive-font-weight-bold);--semantic-typography-display-lg-letter-spacing: var(--primitive-font-letter-spacing-tighter);--semantic-typography-display-md-font-size: var(--primitive-font-size-5xl);--semantic-typography-display-md-line-height: var(--primitive-font-line-height-tight);--semantic-typography-display-md-font-weight: var(--primitive-font-weight-bold);--semantic-typography-display-md-letter-spacing: var(--primitive-font-letter-spacing-tight);--semantic-typography-display-sm-font-size: var(--primitive-font-size-4xl);--semantic-typography-display-sm-line-height: var(--primitive-font-line-height-tight);--semantic-typography-display-sm-font-weight: var(--primitive-font-weight-bold);--semantic-typography-display-sm-letter-spacing: var(--primitive-font-letter-spacing-tight);--semantic-typography-heading-h1-font-size: var(--primitive-font-size-4xl);--semantic-typography-heading-h1-line-height: var(--primitive-font-line-height-tight);--semantic-typography-heading-h1-font-weight: var(--primitive-font-weight-bold);--semantic-typography-heading-h1-letter-spacing: var(--primitive-font-letter-spacing-tight);--semantic-typography-heading-h2-font-size: var(--primitive-font-size-3xl);--semantic-typography-heading-h2-line-height: var(--primitive-font-line-height-tight);--semantic-typography-heading-h2-font-weight: var(--primitive-font-weight-semibold);--semantic-typography-heading-h2-letter-spacing: var(--primitive-font-letter-spacing-tight);--semantic-typography-heading-h3-font-size: var(--primitive-font-size-2xl);--semantic-typography-heading-h3-line-height: var(--primitive-font-line-height-snug);--semantic-typography-heading-h3-font-weight: var(--primitive-font-weight-semibold);--semantic-typography-heading-h3-letter-spacing: var(--primitive-font-letter-spacing-normal);--semantic-typography-heading-h4-font-size: var(--primitive-font-size-xl);--semantic-typography-heading-h4-line-height: var(--primitive-font-line-height-snug);--semantic-typography-heading-h4-font-weight: var(--primitive-font-weight-semibold);--semantic-typography-heading-h4-letter-spacing: var(--primitive-font-letter-spacing-normal);--semantic-typography-heading-h5-font-size: var(--primitive-font-size-lg);--semantic-typography-heading-h5-line-height: var(--primitive-font-line-height-normal);--semantic-typography-heading-h5-font-weight: var(--primitive-font-weight-medium);--semantic-typography-heading-h5-letter-spacing: var(--primitive-font-letter-spacing-normal);--semantic-typography-heading-h6-font-size: var(--primitive-font-size-base);--semantic-typography-heading-h6-line-height: var(--primitive-font-line-height-normal);--semantic-typography-heading-h6-font-weight: var(--primitive-font-weight-medium);--semantic-typography-heading-h6-letter-spacing: var(--primitive-font-letter-spacing-wide);--semantic-typography-body-lg-font-size: var(--primitive-font-size-lg);--semantic-typography-body-lg-line-height: var(--primitive-font-line-height-relaxed);--semantic-typography-body-lg-font-weight: var(--primitive-font-weight-normal);--semantic-typography-body-md-font-size: var(--primitive-font-size-base);--semantic-typography-body-md-line-height: var(--primitive-font-line-height-normal);--semantic-typography-body-md-font-weight: var(--primitive-font-weight-normal);--semantic-typography-body-sm-font-size: var(--primitive-font-size-sm);--semantic-typography-body-sm-line-height: var(--primitive-font-line-height-normal);--semantic-typography-body-sm-font-weight: var(--primitive-font-weight-normal);--semantic-typography-label-lg-font-size: var(--primitive-font-size-base);--semantic-typography-label-lg-line-height: var(--primitive-font-line-height-normal);--semantic-typography-label-lg-font-weight: var(--primitive-font-weight-medium);--semantic-typography-label-md-font-size: var(--primitive-font-size-sm);--semantic-typography-label-md-line-height: var(--primitive-font-line-height-normal);--semantic-typography-label-md-font-weight: var(--primitive-font-weight-medium);--semantic-typography-label-sm-font-size: var(--primitive-font-size-xs);--semantic-typography-label-sm-line-height: var(--primitive-font-line-height-normal);--semantic-typography-label-sm-font-weight: var(--primitive-font-weight-medium);--semantic-typography-caption-font-size: var(--primitive-font-size-xs);--semantic-typography-caption-line-height: var(--primitive-font-line-height-normal);--semantic-typography-caption-font-weight: var(--primitive-font-weight-normal);--semantic-typography-overline-font-size: var(--primitive-font-size-xs);--semantic-typography-overline-line-height: var(--primitive-font-line-height-normal);--semantic-typography-overline-font-weight: var(--primitive-font-weight-semibold);--semantic-typography-overline-letter-spacing: var(--primitive-font-letter-spacing-widest);--semantic-typography-code-font-size: var(--primitive-font-size-sm);--semantic-typography-code-line-height: var(--primitive-font-line-height-relaxed);--semantic-typography-code-font-weight: var(--primitive-font-weight-normal);--semantic-typography-code-font-family: var(--primitive-font-family-mono);--component-accordion-border-color: var(--semantic-border-default);--component-accordion-bg: var(--semantic-surface-card-default);--component-accordion-divider-color: var(--semantic-border-subtle);--component-accordion-trigger-color-default: var(--semantic-text-default);--component-accordion-trigger-color-hover: var(--semantic-color-primary-default);--component-accordion-trigger-color-disabled: var(--semantic-text-disabled);--component-accordion-trigger-bg-hover: var(--semantic-surface-page-subtle);--component-accordion-trigger-icon-color: var(--semantic-text-secondary);--component-accordion-content-color: var(--semantic-text-secondary);--component-avatar-bg-primary: var(--semantic-color-primary-subtle);--component-avatar-border-color: var(--semantic-surface-page-default);--component-avatar-group-border: var(--semantic-surface-page-default);--component-badge-variant-primary-bg: var(--semantic-color-primary-subtle);--component-badge-variant-success-bg: var(--semantic-color-success-subtle);--component-badge-variant-warning-bg: var(--semantic-color-warning-subtle);--component-badge-variant-danger-bg: var(--semantic-color-danger-subtle);--component-badge-variant-outline-text: var(--semantic-text-secondary);--component-badge-variant-outline-border: var(--semantic-border-default);--component-breadcrumb-separator-color: var(--semantic-text-muted);--component-breadcrumb-item-color-default: var(--semantic-text-secondary);--component-breadcrumb-item-color-hover: var(--semantic-color-primary-default);--component-breadcrumb-item-color-current: var(--semantic-text-default);--component-button-focus-ring-color: var(--semantic-color-primary-subtle);--component-button-primary-bg: var(--semantic-color-primary-default);--component-button-primary-bg-hover: var(--semantic-color-primary-hover);--component-button-primary-bg-active: var(--semantic-color-primary-active);--component-button-secondary-bg: var(--semantic-color-secondary-subtle);--component-button-secondary-bg-active: var(--semantic-color-secondary-active);--component-button-secondary-text: var(--semantic-text-default);--component-button-danger-bg: var(--semantic-color-danger-default);--component-button-danger-bg-hover: var(--semantic-color-danger-hover);--component-button-danger-bg-active: var(--semantic-color-danger-active);--component-button-success-bg: var(--semantic-color-success-default);--component-button-success-bg-hover: var(--semantic-color-success-hover);--component-button-success-bg-active: var(--semantic-color-success-active);--component-button-outline-bg-hover: var(--semantic-color-primary-muted);--component-button-outline-text: var(--semantic-color-primary-default);--component-button-outline-border: var(--semantic-color-primary-default);--component-button-ghost-text: var(--semantic-text-default);--component-card-product-bg: var(--semantic-surface-page-default);--component-card-product-badge-bg: var(--semantic-color-danger-default);--component-card-product-title-color: var(--semantic-text-default);--component-card-product-price-color: var(--semantic-text-default);--component-card-product-price-sale-color: var(--semantic-color-danger-default);--component-card-product-price-original-color: var(--semantic-text-muted);--component-card-profile-bg: var(--semantic-surface-page-default);--component-card-profile-avatar-border-color: var(--semantic-color-primary-default);--component-card-profile-name-color: var(--semantic-text-default);--component-card-profile-role-color: var(--semantic-text-muted);--component-card-profile-bio-color: var(--semantic-text-secondary);--component-card-profile-social-bg-hover: var(--semantic-color-primary-default);--component-card-profile-social-color: var(--semantic-text-secondary);--component-card-stats-bg: var(--semantic-surface-page-default);--component-card-stats-icon-bg: var(--semantic-color-primary-muted);--component-card-stats-icon-color: var(--semantic-color-primary-default);--component-card-stats-label-color: var(--semantic-text-muted);--component-card-stats-value-color: var(--semantic-text-default);--component-card-stats-change-up-color: var(--semantic-color-success-default);--component-card-stats-change-down-color: var(--semantic-color-danger-default);--component-card-stats-border-primary-color: var(--semantic-color-primary-default);--component-card-stats-border-success-color: var(--semantic-color-success-default);--component-card-stats-border-danger-color: var(--semantic-color-danger-default);--component-card-border-color: var(--semantic-border-subtle);--component-card-bg-default: var(--semantic-surface-card-default);--component-card-bg-hover: var(--semantic-surface-card-hover);--component-card-header-border-color: var(--semantic-border-subtle);--component-card-title-color: var(--semantic-text-default);--component-card-description-color: var(--semantic-text-secondary);--component-card-body-color: var(--semantic-text-default);--component-card-footer-border-color: var(--semantic-border-subtle);--component-card-focus-ring-color: var(--semantic-color-primary-subtle);--component-card-active-border-color: var(--semantic-color-primary-default);--component-card-selected-border-color: var(--semantic-color-primary-default);--component-card-selected-bg: var(--semantic-color-primary-muted);--component-checkbox-border-color-default: var(--semantic-border-strong);--component-checkbox-border-color-hover: var(--semantic-color-primary-default);--component-checkbox-border-color-checked: var(--semantic-color-primary-default);--component-checkbox-border-color-disabled: var(--semantic-border-subtle);--component-checkbox-border-color-error: var(--semantic-color-danger-default);--component-checkbox-bg-default: var(--semantic-surface-page-default);--component-checkbox-bg-checked: var(--semantic-color-primary-default);--component-checkbox-bg-disabled: var(--semantic-surface-page-muted);--component-checkbox-bg-disabled-checked: var(--semantic-color-primary-subtle);--component-checkbox-label-color-default: var(--semantic-text-default);--component-checkbox-label-color-disabled: var(--semantic-text-disabled);--component-checkbox-focus-ring-color: var(--semantic-color-primary-subtle);--component-chip-variant-filled-color: var(--semantic-text-default);--component-chip-variant-outlined-color: var(--semantic-text-default);--component-chip-variant-outlined-border: var(--semantic-border-default);--component-chip-variant-primary-bg: var(--semantic-color-primary-subtle);--component-chip-variant-primary-color: var(--semantic-color-primary-default);--component-chip-variant-primary-bg-hover: var(--semantic-color-primary-muted);--component-chip-variant-success-bg: var(--semantic-color-success-subtle);--component-chip-variant-success-color: var(--semantic-color-success-default);--component-chip-variant-danger-bg: var(--semantic-color-danger-subtle);--component-chip-variant-danger-color: var(--semantic-color-danger-default);--component-chip-close-button-color: var(--semantic-text-muted);--component-chip-close-button-hover-color: var(--semantic-text-default);--component-data-table-border-color: var(--semantic-border-default);--component-data-table-toolbar-bg: var(--semantic-surface-page-default);--component-data-table-header-bg: var(--semantic-surface-page-subtle);--component-data-table-header-color: var(--semantic-text-secondary);--component-data-table-cell-color: var(--semantic-text-default);--component-data-table-row-border-color: var(--semantic-border-subtle);--component-data-table-row-bg-selected: var(--semantic-color-primary-muted);--component-data-table-sort-color: var(--semantic-text-muted);--component-data-table-sort-active-color: var(--semantic-color-primary-default);--component-data-table-footer-bg: var(--semantic-surface-page-default);--component-data-table-footer-color: var(--semantic-text-muted);--component-data-table-empty-color: var(--semantic-text-muted);--component-divider-color-default: var(--semantic-border-default);--component-divider-color-subtle: var(--semantic-border-subtle);--component-divider-color-strong: var(--semantic-border-strong);--component-divider-with-label-color: var(--semantic-text-muted);--component-dropdown-menu-bg: var(--semantic-surface-card-default);--component-dropdown-menu-border-color: var(--semantic-border-subtle);--component-dropdown-item-color-default: var(--semantic-text-default);--component-dropdown-item-color-hover: var(--semantic-text-default);--component-dropdown-item-color-disabled: var(--semantic-text-disabled);--component-dropdown-item-color-danger: var(--semantic-color-danger-default);--component-dropdown-item-bg-hover: var(--semantic-surface-page-subtle);--component-dropdown-item-bg-active: var(--semantic-surface-page-muted);--component-dropdown-item-icon-color: var(--semantic-text-secondary);--component-dropdown-item-shortcut-color: var(--semantic-text-muted);--component-dropdown-item-check-color: var(--semantic-color-primary-default);--component-dropdown-separator-color: var(--semantic-border-subtle);--component-dropdown-label-color: var(--semantic-text-muted);--component-feature-grid-icon-bg: var(--semantic-color-primary-muted);--component-feature-grid-icon-color: var(--semantic-color-primary-default);--component-feature-grid-title-color: var(--semantic-text-default);--component-feature-grid-description-color: var(--semantic-text-muted);--component-form-field-label-color-default: var(--semantic-text-default);--component-form-field-label-color-disabled: var(--semantic-text-disabled);--component-form-field-label-required-color: var(--semantic-color-danger-default);--component-form-field-helper-color: var(--semantic-text-muted);--component-form-field-error-color: var(--semantic-color-danger-default);--component-form-field-success-color: var(--semantic-color-success-default);--component-form-field-character-count-color-default: var(--semantic-text-muted);--component-form-field-character-count-color-warning: var(--semantic-color-warning-default);--component-form-field-character-count-color-error: var(--semantic-color-danger-default);--component-form-wizard-bg: var(--semantic-surface-page-default);--component-form-wizard-navigation-bg: var(--semantic-surface-page-subtle);--component-form-wizard-navigation-border-color: var(--semantic-border-default);--component-form-wizard-progress-bar-color: var(--semantic-color-primary-default);--component-hero-headline-color: var(--semantic-text-default);--component-hero-subheadline-color: var(--semantic-text-secondary);--component-hero-description-color: var(--semantic-text-muted);--component-input-border-color-default: var(--semantic-border-default);--component-input-border-color-hover: var(--semantic-border-strong);--component-input-border-color-focus: var(--semantic-color-primary-default);--component-input-border-color-error: var(--semantic-color-danger-default);--component-input-border-color-success: var(--semantic-color-success-default);--component-input-border-color-disabled: var(--semantic-border-subtle);--component-input-bg-default: var(--semantic-surface-page-default);--component-input-bg-disabled: var(--semantic-surface-page-muted);--component-input-text-default: var(--semantic-text-default);--component-input-text-placeholder: var(--semantic-text-muted);--component-input-text-disabled: var(--semantic-text-disabled);--component-input-focus-ring-color: var(--semantic-color-primary-subtle);--component-link-color-default: var(--semantic-color-primary-default);--component-link-color-hover: var(--semantic-color-primary-hover);--component-link-color-active: var(--semantic-color-primary-active);--component-link-color-disabled: var(--semantic-text-disabled);--component-link-focus-ring-color: var(--semantic-color-primary-subtle);--component-link-variant-subtle-color: var(--semantic-text-secondary);--component-link-variant-subtle-hover-color: var(--semantic-text-default);--component-link-variant-inverse-color: var(--semantic-text-inverse);--component-modal-container-bg: var(--semantic-surface-card-default);--component-modal-container-border-color: var(--semantic-border-subtle);--component-modal-header-border-color: var(--semantic-border-subtle);--component-modal-title-color: var(--semantic-text-default);--component-modal-description-color: var(--semantic-text-secondary);--component-modal-close-color: var(--semantic-text-muted);--component-modal-close-hover-color: var(--semantic-text-default);--component-modal-close-hover-bg: var(--semantic-surface-page-subtle);--component-modal-body-color: var(--semantic-text-default);--component-modal-footer-border-color: var(--semantic-border-subtle);--component-modal-footer-bg: var(--semantic-surface-page-subtle);--component-nav-bg: var(--semantic-surface-page-default);--component-nav-border-color: var(--semantic-border-subtle);--component-nav-item-color-default: var(--semantic-text-secondary);--component-nav-item-color-hover: var(--semantic-text-default);--component-nav-item-color-active: var(--semantic-color-primary-default);--component-nav-item-bg-hover: var(--semantic-surface-page-subtle);--component-nav-item-bg-active: var(--semantic-color-primary-subtle);--component-nav-item-indicator-color: var(--semantic-color-primary-default);--component-nav-divider-color: var(--semantic-border-default);--component-nav-dropdown-bg: var(--semantic-surface-card-default);--component-nav-dropdown-border: var(--semantic-border-subtle);--component-nav-mobile-menu-bg: var(--semantic-surface-page-default);--component-pagination-item-bg-active: var(--semantic-color-primary-default);--component-pagination-item-color-default: var(--semantic-text-default);--component-pagination-item-color-hover: var(--semantic-text-default);--component-pagination-item-color-disabled: var(--semantic-text-disabled);--component-pagination-item-border-color: var(--semantic-border-default);--component-pagination-ellipsis-color: var(--semantic-text-muted);--component-popover-bg: var(--semantic-surface-page-default);--component-popover-border-color: var(--semantic-border-default);--component-popover-arrow-bg: var(--semantic-surface-page-default);--component-popover-arrow-border: var(--semantic-border-default);--component-popover-header-border-bottom: var(--semantic-border-subtle);--component-popover-body-color: var(--semantic-text-secondary);--component-pricing-card-bg: var(--semantic-surface-page-default);--component-pricing-card-border-color: var(--semantic-border-default);--component-pricing-card-header-border-color: var(--semantic-border-subtle);--component-pricing-card-name-color: var(--semantic-text-default);--component-pricing-card-price-color: var(--semantic-text-default);--component-pricing-card-period-color: var(--semantic-text-muted);--component-pricing-card-feature-included-color: var(--semantic-color-success-default);--component-pricing-card-feature-excluded-color: var(--semantic-text-muted);--component-pricing-card-highlighted-border-color: var(--semantic-color-primary-default);--component-pricing-card-highlighted-badge-bg: var(--semantic-color-primary-default);--component-progress-bar-color-default: var(--semantic-color-primary-default);--component-progress-bar-color-success: var(--semantic-color-success-default);--component-progress-bar-color-warning: var(--semantic-color-warning-default);--component-progress-bar-color-danger: var(--semantic-color-danger-default);--component-progress-label-color: var(--semantic-text-secondary);--component-radio-border-color-default: var(--semantic-border-strong);--component-radio-border-color-hover: var(--semantic-color-primary-default);--component-radio-border-color-checked: var(--semantic-color-primary-default);--component-radio-border-color-disabled: var(--semantic-border-subtle);--component-radio-border-color-error: var(--semantic-color-danger-default);--component-radio-bg-default: var(--semantic-surface-page-default);--component-radio-bg-checked: var(--semantic-surface-page-default);--component-radio-bg-disabled: var(--semantic-surface-page-muted);--component-radio-dot-color-default: var(--semantic-color-primary-default);--component-radio-dot-color-disabled: var(--semantic-text-disabled);--component-radio-label-color-default: var(--semantic-text-default);--component-radio-label-color-disabled: var(--semantic-text-disabled);--component-radio-focus-ring-color: var(--semantic-color-primary-subtle);--component-rating-label-color: var(--semantic-text-secondary);--component-rating-focus-ring-color: var(--semantic-color-primary-subtle);--component-search-autocomplete-dropdown-bg: var(--semantic-surface-page-default);--component-search-autocomplete-dropdown-border-color: var(--semantic-border-default);--component-search-autocomplete-item-bg-highlighted: var(--semantic-color-primary-muted);--component-search-autocomplete-item-color: var(--semantic-text-default);--component-search-autocomplete-section-title-color: var(--semantic-text-muted);--component-search-autocomplete-hint-color: var(--semantic-text-muted);--component-search-autocomplete-hint-border-color: var(--semantic-border-subtle);--component-search-autocomplete-icon-color: var(--semantic-text-muted);--component-select-trigger-border-color-default: var(--semantic-border-default);--component-select-trigger-border-color-hover: var(--semantic-border-strong);--component-select-trigger-border-color-focus: var(--semantic-color-primary-default);--component-select-trigger-border-color-error: var(--semantic-color-danger-default);--component-select-trigger-border-color-disabled: var(--semantic-border-subtle);--component-select-trigger-bg-default: var(--semantic-surface-page-default);--component-select-trigger-bg-hover: var(--semantic-surface-page-subtle);--component-select-trigger-bg-disabled: var(--semantic-surface-page-muted);--component-select-trigger-text-default: var(--semantic-text-default);--component-select-trigger-text-placeholder: var(--semantic-text-muted);--component-select-trigger-text-disabled: var(--semantic-text-disabled);--component-select-trigger-icon-color: var(--semantic-text-secondary);--component-select-dropdown-bg: var(--semantic-surface-card-default);--component-select-dropdown-border-color: var(--semantic-border-default);--component-select-option-bg-hover: var(--semantic-surface-page-subtle);--component-select-option-bg-selected: var(--semantic-color-primary-subtle);--component-select-option-text-default: var(--semantic-text-default);--component-select-option-text-selected: var(--semantic-color-primary-default);--component-spinner-color-primary: var(--semantic-color-primary-default);--component-stepper-connector-color-default: var(--semantic-border-default);--component-stepper-connector-color-completed: var(--semantic-color-primary-default);--component-stepper-step-bg-active: var(--semantic-color-primary-default);--component-stepper-step-bg-completed: var(--semantic-color-primary-default);--component-stepper-step-color-default: var(--semantic-text-muted);--component-stepper-step-label-color-default: var(--semantic-text-muted);--component-stepper-step-label-color-active: var(--semantic-text-default);--component-stepper-step-label-color-completed: var(--semantic-text-secondary);--component-stepper-step-description-color: var(--semantic-text-muted);--component-table-border-color: var(--semantic-border-default);--component-table-bg: var(--semantic-surface-card-default);--component-table-header-bg: var(--semantic-surface-page-subtle);--component-table-header-color: var(--semantic-text-secondary);--component-table-cell-color: var(--semantic-text-default);--component-table-cell-border-color: var(--semantic-border-subtle);--component-table-row-bg-hover: var(--semantic-surface-page-subtle);--component-table-row-bg-selected: var(--semantic-color-primary-subtle);--component-table-row-bg-striped: var(--semantic-surface-page-subtle);--component-table-sort-icon-color-default: var(--semantic-text-muted);--component-table-sort-icon-color-active: var(--semantic-color-primary-default);--component-table-pagination-bg: var(--semantic-surface-page-subtle);--component-table-pagination-border-color: var(--semantic-border-subtle);--component-table-empty-icon-color: var(--semantic-text-muted);--component-table-empty-text-color: var(--semantic-text-secondary);--component-tabs-list-border-color: var(--semantic-border-default);--component-tabs-trigger-color-default: var(--semantic-text-secondary);--component-tabs-trigger-color-hover: var(--semantic-text-default);--component-tabs-trigger-color-active: var(--semantic-color-primary-default);--component-tabs-trigger-color-disabled: var(--semantic-text-disabled);--component-tabs-trigger-bg-hover: var(--semantic-surface-page-subtle);--component-tabs-trigger-indicator-color: var(--semantic-color-primary-default);--component-tabs-variant-pills-active-bg: var(--semantic-surface-page-muted);--component-tabs-variant-boxed-list-bg: var(--semantic-surface-page-subtle);--component-tabs-variant-boxed-active-bg: var(--semantic-surface-page-default);--component-textarea-border-color-default: var(--semantic-border-default);--component-textarea-border-color-hover: var(--semantic-border-strong);--component-textarea-border-color-focus: var(--semantic-color-primary-default);--component-textarea-border-color-error: var(--semantic-color-danger-default);--component-textarea-border-color-disabled: var(--semantic-border-subtle);--component-textarea-bg-default: var(--semantic-surface-page-default);--component-textarea-bg-disabled: var(--semantic-surface-page-muted);--component-textarea-text-default: var(--semantic-text-default);--component-textarea-text-placeholder: var(--semantic-text-muted);--component-textarea-text-disabled: var(--semantic-text-disabled);--component-textarea-focus-ring-color: var(--semantic-color-primary-subtle);--component-toast-item-bg: var(--semantic-surface-card-default);--component-toast-item-border-color: var(--semantic-border-subtle);--component-toast-title-color: var(--semantic-text-default);--component-toast-description-color: var(--semantic-text-secondary);--component-toast-close-color: var(--semantic-text-muted);--component-toast-close-hover-color: var(--semantic-text-default);--component-toast-variant-success-accent: var(--semantic-color-success-default);--component-toast-variant-success-icon: var(--semantic-color-success-default);--component-toast-variant-warning-accent: var(--semantic-color-warning-default);--component-toast-variant-warning-icon: var(--semantic-color-warning-default);--component-toast-variant-danger-accent: var(--semantic-color-danger-default);--component-toast-variant-danger-icon: var(--semantic-color-danger-default);--component-toast-variant-info-accent: var(--semantic-color-primary-default);--component-toast-variant-info-icon: var(--semantic-color-primary-default);--component-toggle-track-bg-on: var(--semantic-color-primary-default);--component-toggle-track-bg-on-hover: var(--semantic-color-primary-hover);--component-toggle-label-color-default: var(--semantic-text-default);--component-toggle-label-color-disabled: var(--semantic-text-disabled);--component-toggle-focus-ring-color: var(--semantic-color-primary-subtle);--component-tooltip-variant-light-bg: var(--semantic-surface-page-default);--component-tooltip-variant-light-text: var(--semantic-text-default);--component-tooltip-variant-light-border: var(--semantic-border-default)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{font-family:var(--primitive-font-family-sans);color:var(--semantic-text-default);background-color:var(--semantic-surface-page-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-theme=dark]{--semantic-color-primary-default: var(--semantic-color-dark-primary-default);--semantic-color-primary-hover: var(--semantic-color-dark-primary-hover);--semantic-color-primary-active: var(--semantic-color-dark-primary-active);--semantic-color-primary-subtle: var(--semantic-color-dark-primary-subtle);--semantic-color-success-default: var(--semantic-color-dark-success-default);--semantic-color-success-hover: var(--semantic-color-dark-success-hover);--semantic-color-success-subtle: var(--semantic-color-dark-success-subtle);--semantic-color-warning-default: var(--semantic-color-dark-warning-default);--semantic-color-warning-hover: var(--semantic-color-dark-warning-hover);--semantic-color-warning-subtle: var(--semantic-color-dark-warning-subtle);--semantic-color-danger-default: var(--semantic-color-dark-danger-default);--semantic-color-danger-hover: var(--semantic-color-dark-danger-hover);--semantic-color-danger-subtle: var(--semantic-color-dark-danger-subtle);--semantic-color-info-default: var(--semantic-color-dark-info-default);--semantic-color-info-hover: var(--semantic-color-dark-info-hover);--semantic-color-info-subtle: var(--semantic-color-dark-info-subtle);--semantic-surface-page-default: var(--semantic-surface-dark-page-default);--semantic-surface-page-subtle: var(--semantic-surface-dark-page-subtle);--semantic-surface-card-default: var(--semantic-surface-dark-card-default);--semantic-surface-card-hover: var(--semantic-surface-dark-card-hover);--semantic-border-default: var(--semantic-border-dark-default);--semantic-border-subtle: var(--semantic-border-dark-subtle);--semantic-border-strong: var(--semantic-border-dark-strong);--semantic-border-focus: var(--semantic-border-dark-focus);--semantic-text-default: var(--semantic-text-dark-default);--semantic-text-muted: var(--semantic-text-dark-muted);--semantic-text-disabled: var(--semantic-text-dark-disabled);--semantic-text-inverse: var(--semantic-text-dark-inverse);--semantic-text-link: var(--semantic-text-dark-link);--semantic-focus-ring-color: var(--semantic-border-dark-focus);color-scheme:dark}@media (prefers-color-scheme: dark){html:not([data-theme]){--semantic-color-primary-default: var(--semantic-color-dark-primary-default);--semantic-color-primary-hover: var(--semantic-color-dark-primary-hover);--semantic-color-primary-active: var(--semantic-color-dark-primary-active);--semantic-color-primary-subtle: var(--semantic-color-dark-primary-subtle);--semantic-color-success-default: var(--semantic-color-dark-success-default);--semantic-color-success-hover: var(--semantic-color-dark-success-hover);--semantic-color-success-subtle: var(--semantic-color-dark-success-subtle);--semantic-color-warning-default: var(--semantic-color-dark-warning-default);--semantic-color-warning-hover: var(--semantic-color-dark-warning-hover);--semantic-color-warning-subtle: var(--semantic-color-dark-warning-subtle);--semantic-color-danger-default: var(--semantic-color-dark-danger-default);--semantic-color-danger-hover: var(--semantic-color-dark-danger-hover);--semantic-color-danger-subtle: var(--semantic-color-dark-danger-subtle);--semantic-color-info-default: var(--semantic-color-dark-info-default);--semantic-color-info-hover: var(--semantic-color-dark-info-hover);--semantic-color-info-subtle: var(--semantic-color-dark-info-subtle);--semantic-surface-page-default: var(--semantic-surface-dark-page-default);--semantic-surface-page-subtle: var(--semantic-surface-dark-page-subtle);--semantic-surface-card-default: var(--semantic-surface-dark-card-default);--semantic-surface-card-hover: var(--semantic-surface-dark-card-hover);--semantic-border-default: var(--semantic-border-dark-default);--semantic-border-subtle: var(--semantic-border-dark-subtle);--semantic-border-strong: var(--semantic-border-dark-strong);--semantic-border-focus: var(--semantic-border-dark-focus);--semantic-text-default: var(--semantic-text-dark-default);--semantic-text-muted: var(--semantic-text-dark-muted);--semantic-text-disabled: var(--semantic-text-dark-disabled);--semantic-text-inverse: var(--semantic-text-dark-inverse);--semantic-text-link: var(--semantic-text-dark-link);--semantic-focus-ring-color: var(--semantic-border-dark-focus);color-scheme:dark}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}@keyframes backdropEnter{0%{opacity:0}to{opacity:1}}@keyframes toastEnter{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}@keyframes expandDown{0%{opacity:0;transform:scaleY(.95);transform-origin:top}to{opacity:1;transform:scaleY(1);transform-origin:top}}@keyframes collapseUp{0%{opacity:1;transform:scaleY(1);transform-origin:top}to{opacity:0;transform:scaleY(.95);transform-origin:top}}@keyframes dropdownOpen{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tooltipEnter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: no-preference){.animate-fade-in{animation:fadeIn var(--primitive-motion-duration-normal) var(--primitive-motion-easing-enter) both}.animate-fade-in-up{animation:fadeInUp var(--primitive-motion-duration-normal) var(--primitive-motion-easing-enter) both}.animate-fade-in-down{animation:fadeInDown var(--primitive-motion-duration-normal) var(--primitive-motion-easing-enter) both}.animate-fade-in-left{animation:fadeInLeft var(--primitive-motion-duration-normal) var(--primitive-motion-easing-enter) both}.animate-fade-in-right{animation:fadeInRight var(--primitive-motion-duration-normal) var(--primitive-motion-easing-enter) both}.animate-scale-in{animation:scaleIn var(--primitive-motion-duration-normal) var(--primitive-motion-easing-enter) both}.animate-slide-in-up{animation:slideInUp var(--primitive-motion-duration-slow) var(--primitive-motion-easing-enter) both}.animate-slide-in-left{animation:slideInLeft var(--primitive-motion-duration-slow) var(--primitive-motion-easing-enter) both}.animate-slide-in-right{animation:slideInRight var(--primitive-motion-duration-slow) var(--primitive-motion-easing-enter) both}.animate-shake{animation:shake var(--primitive-motion-duration-normal) var(--primitive-motion-easing-default)}.animate-pulse{animation:pulse 2s var(--primitive-motion-easing-default) infinite}.animate-ping{animation:ping 1s var(--primitive-motion-easing-default) infinite}.animate-bounce{animation:bounce 1s var(--primitive-motion-easing-default) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{background:linear-gradient(90deg,var(--primitive-color-neutral-100) 25%,var(--primitive-color-neutral-200) 50%,var(--primitive-color-neutral-100) 75%);background-size:400% 100%;animation:shimmer 1.5s linear infinite}.animate-stagger>*{--stagger-index: 0;animation-delay:calc(var(--stagger-index) * 75ms)}.animate-stagger>*:nth-child(1){--stagger-index: 0}.animate-stagger>*:nth-child(2){--stagger-index: 1}.animate-stagger>*:nth-child(3){--stagger-index: 2}.animate-stagger>*:nth-child(4){--stagger-index: 3}.animate-stagger>*:nth-child(5){--stagger-index: 4}.animate-stagger>*:nth-child(6){--stagger-index: 5}.animate-stagger>*:nth-child(7){--stagger-index: 6}.animate-stagger>*:nth-child(8){--stagger-index: 7}.animate-stagger>*:nth-child(9){--stagger-index: 8}.animate-stagger>*:nth-child(10){--stagger-index: 9}.animate-stagger>*:nth-child(n+11){--stagger-index: 10}.animate-duration-micro{animation-duration:var(--primitive-motion-duration-micro)}.animate-duration-fast{animation-duration:var(--primitive-motion-duration-fast)}.animate-duration-normal{animation-duration:var(--primitive-motion-duration-normal)}.animate-duration-slow{animation-duration:var(--primitive-motion-duration-slow)}.animate-duration-slower{animation-duration:var(--primitive-motion-duration-slower)}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}}@media (prefers-reduced-motion: no-preference){.hover-underline-grow{position:relative;text-decoration:none}.hover-underline-grow:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:currentColor;transform:scaleX(0);transform-origin:center;transition:transform var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.hover-underline-grow:hover:after{transform:scaleX(1)}.hover-lift{transition:transform var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default),box-shadow var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--semantic-shadow-md)}.hover-glow{transition:box-shadow var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.hover-glow:hover{box-shadow:var(--semantic-shadow-colored-primary-lg)}.hover-scale{transition:transform var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.hover-scale:hover{transform:scale(1.05)}.hover-scale:active{transform:scale(.95)}.hover-brighten{transition:filter var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.hover-brighten:hover{filter:brightness(1.1)}}@media (prefers-reduced-motion: no-preference){.badge--pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;animation:ping 1.5s var(--primitive-motion-easing-default) infinite;background-color:inherit;opacity:.75}.badge--pulse{position:relative;overflow:visible}.toggle__thumb{transition:transform var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.accordion__panel[data-state=open]{animation:expandDown var(--primitive-motion-duration-normal) var(--primitive-motion-easing-enter) both}.accordion__panel[data-state=closed]{animation:collapseUp var(--primitive-motion-duration-fast) var(--primitive-motion-easing-exit) both}.dropdown__menu[data-state=open]{animation:dropdownOpen var(--primitive-motion-duration-fast) var(--primitive-motion-easing-enter) both}.tooltip[data-state=open]{animation:tooltipEnter var(--primitive-motion-duration-micro) var(--primitive-motion-easing-enter) both}.modal[data-state=open] .modal__container{animation:modalEnter var(--primitive-motion-duration-slow) var(--primitive-motion-easing-enter) both}.modal[data-state=open] .modal__backdrop{animation:backdropEnter var(--primitive-motion-duration-normal) var(--primitive-motion-easing-default) both}.toast[data-state=entering]{animation:toastEnter var(--primitive-motion-duration-normal) var(--primitive-motion-easing-enter) both}.toast[data-state=exiting]{animation:toastExit var(--primitive-motion-duration-fast) var(--primitive-motion-easing-exit) both}.skeleton{background:linear-gradient(90deg,var(--primitive-color-neutral-100) 25%,var(--primitive-color-neutral-200) 50%,var(--primitive-color-neutral-100) 75%);background-size:400% 100%;animation:shimmer 1.5s linear infinite}.progress--indeterminate .progress__bar{width:25%;animation:progressIndeterminate 1.5s var(--primitive-motion-easing-default) infinite}.nav__indicator{transition:transform var(--primitive-motion-duration-normal) var(--primitive-motion-easing-default)}.scroll-reveal{opacity:0;transform:translateY(10px);transition:opacity var(--primitive-motion-duration-slow) var(--primitive-motion-easing-enter),transform var(--primitive-motion-duration-slow) var(--primitive-motion-easing-enter)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-reveal-stagger>.scroll-reveal:nth-child(1){transition-delay:0ms}.scroll-reveal-stagger>.scroll-reveal:nth-child(2){transition-delay:75ms}.scroll-reveal-stagger>.scroll-reveal:nth-child(3){transition-delay:.15s}.scroll-reveal-stagger>.scroll-reveal:nth-child(4){transition-delay:225ms}.scroll-reveal-stagger>.scroll-reveal:nth-child(5){transition-delay:.3s}.scroll-reveal-stagger>.scroll-reveal:nth-child(6){transition-delay:375ms}}.spinner{animation:spin 1s linear infinite}@keyframes focusRingPulse{0%,to{box-shadow:0 0 0 3px #2563eb26}50%{box-shadow:0 0 0 5px #2563eb1a}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--primitive-spacing-2);border:var(--primitive-border-width-default) solid transparent;border-radius:var(--component-button-radius);font-family:var(--primitive-font-family-sans);font-weight:var(--primitive-font-weight-medium);line-height:var(--primitive-font-line-height-none);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,background-image,color,border-color,box-shadow,opacity,transform;transition-duration:var(--primitive-motion-duration-fast);transition-timing-function:var(--primitive-motion-easing-default)}.btn:focus-visible{outline:var(--component-button-focus-ring-width) solid var(--component-button-focus-ring-color);outline-offset:var(--component-button-focus-ring-offset)}.btn--xs{height:var(--component-button-size-xs-height);padding-inline:var(--component-button-size-xs-padding-x);font-size:var(--component-button-size-xs-font-size)}.btn--sm{height:var(--component-button-size-sm-height);padding-inline:var(--component-button-size-sm-padding-x);font-size:var(--component-button-size-sm-font-size)}.btn--md{height:var(--component-button-size-md-height);padding-inline:var(--component-button-size-md-padding-x);font-size:var(--component-button-size-md-font-size)}.btn--lg{height:var(--component-button-size-lg-height);padding-inline:var(--component-button-size-lg-padding-x);font-size:var(--component-button-size-lg-font-size)}.btn--xl{height:var(--component-button-size-xl-height);padding-inline:var(--component-button-size-xl-padding-x);font-size:var(--component-button-size-xl-font-size)}.btn--primary{background-color:var(--component-button-primary-bg);background-image:var(--component-button-primary-gradient);color:var(--component-button-primary-text);border-color:var(--component-button-primary-bg);box-shadow:var(--component-button-primary-shadow)}.btn--primary:hover{background-color:var(--component-button-primary-bg-hover);background-image:var(--component-button-primary-gradient-hover);border-color:var(--component-button-primary-bg-hover);box-shadow:var(--component-button-primary-shadow-hover);transform:translateY(-1px)}.btn--primary:active{background-color:var(--component-button-primary-bg-active);background-image:none;border-color:var(--component-button-primary-bg-active);box-shadow:var(--component-button-primary-shadow-active);transform:translateY(0) scale(.98)}.btn--secondary{background-color:var(--component-button-secondary-bg);color:var(--component-button-secondary-text);border-color:transparent;box-shadow:var(--component-button-secondary-shadow)}.btn--secondary:hover{background-color:var(--component-button-secondary-bg-hover);box-shadow:var(--component-button-secondary-shadow-hover);transform:translateY(-1px)}.btn--secondary:active{background-color:var(--component-button-secondary-bg-active);box-shadow:var(--component-button-secondary-shadow-active);transform:translateY(0) scale(.98)}.btn--danger{background-color:var(--component-button-danger-bg);background-image:var(--component-button-danger-gradient);color:var(--component-button-danger-text);border-color:var(--component-button-danger-bg);box-shadow:var(--component-button-danger-shadow)}.btn--danger:hover{background-color:var(--component-button-danger-bg-hover);background-image:var(--component-button-danger-gradient-hover);border-color:var(--component-button-danger-bg-hover);box-shadow:var(--component-button-danger-shadow-hover);transform:translateY(-1px)}.btn--danger:active{background-color:var(--component-button-danger-bg-active);background-image:none;border-color:var(--component-button-danger-bg-active);box-shadow:var(--component-button-danger-shadow-active);transform:translateY(0) scale(.98)}.btn--success{background-color:var(--component-button-success-bg);background-image:var(--component-button-success-gradient);color:var(--component-button-success-text);border-color:var(--component-button-success-bg);box-shadow:var(--component-button-success-shadow)}.btn--success:hover{background-color:var(--component-button-success-bg-hover);border-color:var(--component-button-success-bg-hover);box-shadow:var(--component-button-success-shadow-hover);transform:translateY(-1px)}.btn--success:active{background-color:var(--component-button-success-bg-active);background-image:none;border-color:var(--component-button-success-bg-active);box-shadow:var(--semantic-shadow-inner);transform:translateY(0) scale(.98)}.btn--ghost{background-color:var(--component-button-ghost-bg);color:var(--component-button-ghost-text);border-color:transparent}.btn--ghost:hover{background-color:var(--component-button-ghost-bg-hover)}.btn--ghost:active{background-color:var(--component-button-ghost-bg-hover);opacity:.8;transform:scale(.98)}.btn--outline{background-color:var(--component-button-outline-bg);color:var(--component-button-outline-text);border-color:var(--component-button-outline-border);box-shadow:var(--component-button-outline-shadow)}.btn--outline:hover{background-color:var(--component-button-outline-bg-hover);box-shadow:var(--component-button-outline-shadow-hover);transform:translateY(-1px)}.btn--outline:active{background-color:var(--component-button-outline-bg-hover);box-shadow:var(--semantic-shadow-inner);transform:translateY(0) scale(.98)}.btn--disabled,.btn:disabled,.btn[aria-disabled=true]{opacity:var(--component-button-disabled-opacity);cursor:var(--component-button-disabled-cursor);pointer-events:none;box-shadow:none;transform:none}.btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.btn:hover .btn__icon--trailing{transform:translate(2px)}.btn__text{display:inline-flex;align-items:center}@media (prefers-reduced-motion: reduce){.btn{transition-duration:0ms}.btn:hover,.btn:active,.btn--primary:hover,.btn--primary:active,.btn--danger:hover,.btn--danger:active,.btn--secondary:hover,.btn--secondary:active,.btn--success:hover,.btn--success:active,.btn--outline:hover,.btn--outline:active,.btn--ghost:active{transform:none}}.form-field__label{font-family:var(--primitive-font-family-sans);font-size:var(--component-form-field-label-font-size);font-weight:var(--component-form-field-label-font-weight);color:var(--component-form-field-label-color-default);line-height:var(--primitive-font-line-height-normal)}.form-field__required{color:var(--component-form-field-label-required-color);margin-inline-start:var(--component-form-field-label-required-gap)}.form-field__input{display:block;width:100%;height:var(--component-input-size-md-height);padding-inline:var(--component-input-size-md-padding-x);font-family:var(--primitive-font-family-sans);font-size:var(--component-input-size-md-font-size);line-height:var(--primitive-font-line-height-normal);color:var(--component-input-text-default);background-color:var(--component-input-bg-default);border:var(--component-input-border-width) solid var(--component-input-border-color-default);border-radius:var(--component-input-radius);outline:none;transition-property:border-color,box-shadow,background-color;transition-duration:var(--component-input-transition-duration);transition-timing-function:var(--component-input-transition-easing)}.form-field__input::placeholder{color:var(--component-input-text-placeholder);opacity:var(--semantic-opacity-placeholder)}.form-field__input:focus-visible{border-color:var(--component-input-border-color-focus);box-shadow:0 0 0 var(--component-input-focus-ring-width) var(--component-input-focus-ring-color)}.form-field__input:disabled,.form-field__input[aria-disabled=true]{color:var(--component-input-text-disabled);background-color:var(--component-input-bg-disabled);border-color:var(--component-input-border-color-disabled);cursor:not-allowed;opacity:var(--semantic-opacity-disabled)}.form-field__input--sm{height:var(--component-input-size-sm-height);padding-inline:var(--component-input-size-sm-padding-x);font-size:var(--component-input-size-sm-font-size)}.form-field__input--lg{height:var(--component-input-size-lg-height);padding-inline:var(--component-input-size-lg-padding-x);font-size:var(--component-input-size-lg-font-size)}.form-field--error .form-field__input{border-color:var(--component-input-border-color-error)}.form-field--error .form-field__input:focus-visible{border-color:var(--component-input-border-color-error);box-shadow:0 0 0 var(--component-input-focus-ring-width) var(--semantic-focus-ring-color-danger)}.form-field--error .form-field__label{color:var(--component-form-field-error-color)}.form-field__error{display:flex;align-items:center;gap:var(--component-form-field-error-icon-gap);margin-top:var(--component-form-field-error-margin-top);font-family:var(--primitive-font-family-sans);font-size:var(--component-form-field-error-font-size);color:var(--component-form-field-error-color);line-height:var(--primitive-font-line-height-normal)}.form-field--success .form-field__input:focus-visible{border-color:var(--component-input-border-color-success)}.form-field__helper{margin-top:var(--component-form-field-helper-margin-top);font-family:var(--primitive-font-family-sans);font-size:var(--component-form-field-helper-font-size);color:var(--component-form-field-helper-color);line-height:var(--primitive-font-line-height-normal)}.form-field:has(.form-field__input:disabled) .form-field__label{color:var(--component-form-field-label-color-disabled)}@media (prefers-reduced-motion: reduce){.form-field__input{transition-duration:0ms}}.badge{display:inline-flex;align-items:center;gap:var(--component-badge-dot-gap);font-family:var(--primitive-font-family-sans);font-weight:var(--component-badge-font-weight);line-height:var(--primitive-font-line-height-none);white-space:nowrap;vertical-align:middle;border-radius:var(--component-badge-radius-default)}.badge--sm{padding:var(--component-badge-size-sm-padding-y) var(--component-badge-size-sm-padding-x);font-size:var(--component-badge-size-sm-font-size)}.badge--md{padding:var(--component-badge-size-md-padding-y) var(--component-badge-size-md-padding-x);font-size:var(--component-badge-size-md-font-size)}.badge--lg{padding:var(--component-badge-size-lg-padding-y) var(--component-badge-size-lg-padding-x);font-size:var(--component-badge-size-lg-font-size)}.badge--default{background-color:var(--component-badge-variant-default-bg);color:var(--component-badge-variant-default-text)}.badge--primary{background-color:var(--component-badge-variant-primary-bg);color:var(--component-badge-variant-primary-text)}.badge--success{background-color:var(--component-badge-variant-success-bg);color:var(--component-badge-variant-success-text)}.badge--warning{background-color:var(--component-badge-variant-warning-bg);color:var(--component-badge-variant-warning-text)}.badge--danger{background-color:var(--component-badge-variant-danger-bg);color:var(--component-badge-variant-danger-text)}.badge--outline{background-color:var(--component-badge-variant-outline-bg);color:var(--component-badge-variant-outline-text);border:var(--primitive-border-width-default) solid var(--component-badge-variant-outline-border)}.badge--pill{border-radius:var(--component-badge-radius-pill)}.badge--dot{padding:var(--component-badge-size-sm-padding-y) var(--component-badge-size-sm-padding-x)}.badge--dot:before{content:"";display:inline-block;width:var(--component-badge-dot-size);height:var(--component-badge-dot-size);border-radius:var(--primitive-radius-full);background-color:currentColor;flex-shrink:0}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--component-avatar-radius-default);background-color:var(--component-avatar-bg-default);border:var(--component-avatar-border-width) solid var(--component-avatar-border-color);flex-shrink:0;vertical-align:middle}.avatar--xs{width:var(--component-avatar-size-xs);height:var(--component-avatar-size-xs)}.avatar--sm{width:var(--component-avatar-size-sm);height:var(--component-avatar-size-sm)}.avatar--md{width:var(--component-avatar-size-md);height:var(--component-avatar-size-md)}.avatar--lg{width:var(--component-avatar-size-lg);height:var(--component-avatar-size-lg)}.avatar--xl{width:var(--component-avatar-size-xl);height:var(--component-avatar-size-xl)}.avatar--2xl{width:var(--component-avatar-size-2xl);height:var(--component-avatar-size-2xl)}.avatar--square{border-radius:var(--component-avatar-radius-square)}.avatar__image{display:block;width:100%;height:100%;object-fit:cover}.avatar__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--component-avatar-text-color);font-family:var(--primitive-font-family-sans);font-weight:var(--component-avatar-text-font-weight);text-transform:uppercase;-webkit-user-select:none;user-select:none}.avatar--xs .avatar__fallback{font-size:var(--component-avatar-text-font-size-xs)}.avatar--sm .avatar__fallback{font-size:var(--component-avatar-text-font-size-sm)}.avatar--md .avatar__fallback{font-size:var(--component-avatar-text-font-size-md)}.avatar--lg .avatar__fallback{font-size:var(--component-avatar-text-font-size-lg)}.avatar--xl .avatar__fallback{font-size:var(--component-avatar-text-font-size-xl)}.avatar--2xl .avatar__fallback{font-size:var(--component-avatar-text-font-size-2xl)}.avatar__status{position:absolute;bottom:0;right:0;border-radius:var(--primitive-radius-full);border:var(--primitive-border-width-medium) solid var(--component-avatar-border-color)}.avatar--xs .avatar__status{width:var(--component-avatar-status-size-xs);height:var(--component-avatar-status-size-xs)}.avatar--sm .avatar__status{width:var(--component-avatar-status-size-sm);height:var(--component-avatar-status-size-sm)}.avatar--md .avatar__status{width:var(--component-avatar-status-size-md);height:var(--component-avatar-status-size-md)}.avatar--lg .avatar__status{width:var(--component-avatar-status-size-lg);height:var(--component-avatar-status-size-lg)}.avatar--xl .avatar__status{width:var(--component-avatar-status-size-xl);height:var(--component-avatar-status-size-xl)}.avatar--2xl .avatar__status{width:var(--component-avatar-status-size-2xl);height:var(--component-avatar-status-size-2xl)}.avatar__status--online{background-color:var(--component-avatar-status-online)}.avatar__status--offline{background-color:var(--component-avatar-status-offline)}.avatar__status--busy{background-color:var(--component-avatar-status-busy)}.avatar__status--away{background-color:var(--component-avatar-status-away)}.avatar-group{display:inline-flex;flex-direction:row-reverse}.avatar-group .avatar{border:var(--component-avatar-border-width) solid var(--component-avatar-group-border)}.avatar-group .avatar+.avatar{margin-inline-end:calc(-1 * var(--component-avatar-group-overlap))}.avatar--primary{background-color:var(--component-avatar-bg-primary)}.spinner{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}.spinner--xs{width:var(--component-spinner-size-xs);height:var(--component-spinner-size-xs)}.spinner--sm{width:var(--component-spinner-size-sm);height:var(--component-spinner-size-sm)}.spinner--md{width:var(--component-spinner-size-md);height:var(--component-spinner-size-md)}.spinner--lg{width:var(--component-spinner-size-lg);height:var(--component-spinner-size-lg)}.spinner--xl{width:var(--component-spinner-size-xl);height:var(--component-spinner-size-xl)}.spinner__circle{display:block;width:100%;height:100%;border-radius:var(--primitive-radius-full);border-style:solid;border-color:var(--component-spinner-color-track);border-top-color:var(--component-spinner-color-primary);animation:spinner-rotate var(--component-spinner-animation-duration) var(--component-spinner-animation-easing) infinite}.spinner--xs .spinner__circle{border-width:var(--component-spinner-border-width-xs)}.spinner--sm .spinner__circle{border-width:var(--component-spinner-border-width-sm)}.spinner--md .spinner__circle{border-width:var(--component-spinner-border-width-md)}.spinner--lg .spinner__circle{border-width:var(--component-spinner-border-width-lg)}.spinner--xl .spinner__circle{border-width:var(--component-spinner-border-width-xl)}.spinner--secondary .spinner__circle{border-top-color:var(--component-spinner-color-secondary)}.spinner--white .spinner__circle{border-color:#ffffff40;border-top-color:var(--component-spinner-color-white)}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.spinner__circle{animation-duration:calc(var(--component-spinner-animation-duration) * 3)}}.link{display:inline-flex;align-items:center;gap:var(--component-link-external-icon-gap);font-family:var(--primitive-font-family-sans);font-weight:var(--component-link-font-weight);color:var(--component-link-color-default);text-decoration:var(--component-link-decoration-default);cursor:pointer;transition-property:color,opacity;transition-duration:var(--primitive-motion-duration-fast);transition-timing-function:var(--primitive-motion-easing-default)}.link:hover{color:var(--component-link-color-hover);text-decoration:var(--component-link-decoration-hover)}.link:active{color:var(--component-link-color-active)}.link:visited{color:var(--component-link-color-visited)}.link:focus-visible{outline:var(--component-link-focus-ring-width) solid var(--component-link-focus-ring-color);outline-offset:var(--component-link-focus-ring-offset);border-radius:var(--primitive-radius-2xs)}.link--subtle{color:var(--component-link-variant-subtle-color)}.link--subtle:hover{color:var(--component-link-variant-subtle-hover-color)}.link--inverse{color:var(--component-link-variant-inverse-color)}.link--inverse:hover{color:var(--component-link-variant-inverse-hover-color)}.link--disabled,.link[aria-disabled=true]{color:var(--component-link-color-disabled);cursor:not-allowed;pointer-events:none;text-decoration:none}.link__external-icon{display:inline-flex;align-items:center;font-size:var(--component-link-external-icon-size);flex-shrink:0}@media (prefers-reduced-motion: reduce){.link{transition-duration:0ms}}.chip{display:inline-flex;align-items:center;gap:var(--component-chip-gap);font-family:var(--primitive-font-family-sans);font-size:var(--component-chip-font-size);font-weight:var(--component-chip-font-weight);line-height:var(--primitive-font-line-height-none);border-radius:var(--component-chip-radius);border:var(--primitive-border-width-default) solid transparent;white-space:nowrap;vertical-align:middle;transition-property:background-color,color,border-color,opacity;transition-duration:var(--primitive-motion-duration-fast);transition-timing-function:var(--primitive-motion-easing-default)}.chip--sm{height:var(--component-chip-height-sm);padding-inline:var(--component-chip-padding-x-sm)}.chip--md{height:var(--component-chip-height-md);padding-inline:var(--component-chip-padding-x-md)}.chip--lg{height:var(--component-chip-height-lg);padding-inline:var(--component-chip-padding-x-lg)}.chip--filled{background-color:var(--component-chip-variant-filled-bg);color:var(--component-chip-variant-filled-color)}.chip--filled:hover{background-color:var(--component-chip-variant-filled-bg-hover)}.chip--outlined{background-color:var(--component-chip-variant-outlined-bg);color:var(--component-chip-variant-outlined-color);border-color:var(--component-chip-variant-outlined-border)}.chip--outlined:hover{background-color:var(--component-chip-variant-outlined-bg-hover)}.chip--primary{background-color:var(--component-chip-variant-primary-bg);color:var(--component-chip-variant-primary-color)}.chip--primary:hover{background-color:var(--component-chip-variant-primary-bg-hover)}.chip--success{background-color:var(--component-chip-variant-success-bg);color:var(--component-chip-variant-success-color)}.chip--danger{background-color:var(--component-chip-variant-danger-bg);color:var(--component-chip-variant-danger-color)}.chip--disabled,.chip[aria-disabled=true]{opacity:var(--component-chip-disabled-opacity);cursor:not-allowed;pointer-events:none}.chip__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.chip__label{display:inline-flex;align-items:center}.chip__remove{display:inline-flex;align-items:center;justify-content:center;width:var(--component-chip-close-button-size);height:var(--component-chip-close-button-size);padding:0;border:none;border-radius:var(--component-chip-close-button-radius);background:none;color:var(--component-chip-close-button-color);cursor:pointer;flex-shrink:0;line-height:1;transition-property:color,background-color;transition-duration:var(--primitive-motion-duration-fast);transition-timing-function:var(--primitive-motion-easing-default)}.chip__remove:hover{color:var(--component-chip-close-button-hover-color)}.chip__remove:focus-visible{outline:var(--semantic-focus-ring-width) solid var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.chip__remove:disabled{cursor:not-allowed;pointer-events:none}@media (prefers-reduced-motion: reduce){.chip,.chip__remove{transition-duration:0ms}}.divider{border:none;margin:0;flex-shrink:0}.divider--horizontal{width:100%;height:var(--component-divider-thickness);background-color:var(--component-divider-color-default);margin-block:var(--component-divider-spacing-md)}.divider--vertical{width:var(--component-divider-thickness);height:auto;align-self:stretch;background-color:var(--component-divider-color-default);margin-inline:var(--component-divider-spacing-md)}.divider--default{background-color:var(--component-divider-color-default)}.divider--subtle{background-color:var(--component-divider-color-subtle)}.divider--strong{background-color:var(--component-divider-color-strong)}.divider--spacing-sm.divider--horizontal{margin-block:var(--component-divider-spacing-sm)}.divider--spacing-sm.divider--vertical{margin-inline:var(--component-divider-spacing-sm)}.divider--spacing-lg.divider--horizontal{margin-block:var(--component-divider-spacing-lg)}.divider--spacing-lg.divider--vertical{margin-inline:var(--component-divider-spacing-lg)}.divider--with-label{display:flex;align-items:center;gap:var(--component-divider-with-label-gap);background-color:transparent;height:auto}.divider--with-label.divider--horizontal{flex-direction:row}.divider--with-label.divider--vertical{flex-direction:column;width:auto}.divider__line{flex:1;background-color:var(--component-divider-color-default)}.divider--with-label.divider--horizontal .divider__line{height:var(--component-divider-thickness)}.divider--with-label.divider--vertical .divider__line{width:var(--component-divider-thickness)}.divider--subtle .divider__line{background-color:var(--component-divider-color-subtle)}.divider--strong .divider__line{background-color:var(--component-divider-color-strong)}.divider__label{flex-shrink:0;font-family:var(--primitive-font-family-sans);font-size:var(--component-divider-with-label-font-size);font-weight:var(--component-divider-with-label-font-weight);color:var(--component-divider-with-label-color);text-transform:var(--component-divider-with-label-text-transform);letter-spacing:var(--component-divider-with-label-letter-spacing);line-height:var(--primitive-font-line-height-none);white-space:nowrap;-webkit-user-select:none;user-select:none}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-group{display:flex;flex-direction:column;gap:var(--component-skeleton-gap)}.skeleton{display:block;background-color:var(--component-skeleton-bg-base);border-radius:var(--component-skeleton-radius-text)}.skeleton--text{height:var(--component-skeleton-height-text);border-radius:var(--component-skeleton-radius-text)}.skeleton--circle{width:var(--component-skeleton-height-avatar);height:var(--component-skeleton-height-avatar);border-radius:var(--component-skeleton-radius-circle)}.skeleton--rect{height:var(--component-skeleton-height-card);border-radius:var(--component-skeleton-radius-rect)}.skeleton--animated{background-image:linear-gradient(90deg,var(--component-skeleton-bg-base) 0%,var(--component-skeleton-bg-shimmer) 40%,var(--component-skeleton-bg-base) 80%);background-size:200% 100%;animation:skeleton-shimmer var(--component-skeleton-animation-duration) var(--component-skeleton-animation-easing) infinite}@media (prefers-reduced-motion: reduce){.skeleton--animated{animation:none;background-image:none;background-color:var(--component-skeleton-bg-base)}}.progress{display:flex;flex-direction:column;gap:var(--primitive-spacing-1-5);width:100%}.progress__header{display:flex;align-items:center;justify-content:space-between}.progress__label{font-size:var(--component-progress-label-font-size);font-weight:var(--primitive-font-weight-medium);color:var(--component-progress-label-color);line-height:var(--primitive-font-line-height-normal)}.progress__value{font-size:var(--component-progress-label-font-size);font-weight:var(--primitive-font-weight-semibold);color:var(--semantic-text-default);line-height:var(--primitive-font-line-height-normal)}.progress__track{width:100%;height:var(--component-progress-track-height);background-color:var(--component-progress-track-bg);border-radius:var(--component-progress-track-radius);overflow:hidden}.progress__bar{height:100%;border-radius:var(--component-progress-bar-radius);transition:width var(--primitive-motion-duration-slow) var(--primitive-motion-easing-default);min-width:0}.progress__bar--default{background-color:var(--component-progress-bar-color-default)}.progress__bar--success{background-color:var(--component-progress-bar-color-success)}.progress__bar--warning{background-color:var(--component-progress-bar-color-warning)}.progress__bar--danger{background-color:var(--component-progress-bar-color-danger)}.progress--sm .progress__track{height:var(--component-progress-size-sm)}.progress--md .progress__track{height:var(--component-progress-size-md)}.progress--lg .progress__track{height:var(--component-progress-size-lg)}@media (prefers-reduced-motion: reduce){.progress__bar{transition:none}}.tooltip{position:absolute;z-index:var(--semantic-z-index-tooltip);max-width:var(--component-tooltip-max-width);padding:var(--component-tooltip-padding-y) var(--component-tooltip-padding-x);font-size:var(--component-tooltip-font-size);font-weight:var(--primitive-font-weight-normal);line-height:var(--component-tooltip-line-height);text-align:center;white-space:normal;word-wrap:break-word;border-radius:var(--component-tooltip-radius);pointer-events:none;background-color:var(--component-tooltip-variant-dark-bg);color:var(--component-tooltip-variant-dark-text);opacity:0;transform:scale(.95);transition:opacity var(--component-tooltip-animation-duration) var(--component-tooltip-animation-easing),transform var(--component-tooltip-animation-duration) var(--component-tooltip-animation-easing);transition-delay:var(--component-tooltip-animation-delay)}.tooltip[data-visible=true],.tooltip.is-visible{opacity:1;transform:scale(1)}.tooltip:after{content:"";position:absolute;width:var(--component-tooltip-arrow-size);height:var(--component-tooltip-arrow-size);background-color:inherit;transform:rotate(45deg)}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%) scale(.95);margin-bottom:var(--component-tooltip-offset)}.tooltip--top[data-visible=true],.tooltip--top.is-visible{transform:translate(-50%) scale(1)}.tooltip--top:after{bottom:calc(-1 * var(--component-tooltip-arrow-size) / 2);left:50%;transform:translate(-50%) rotate(45deg)}.tooltip--right{left:100%;top:50%;transform:translateY(-50%) scale(.95);margin-left:var(--component-tooltip-offset)}.tooltip--right[data-visible=true],.tooltip--right.is-visible{transform:translateY(-50%) scale(1)}.tooltip--right:after{left:calc(-1 * var(--component-tooltip-arrow-size) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip--bottom{top:100%;left:50%;transform:translate(-50%) scale(.95);margin-top:var(--component-tooltip-offset)}.tooltip--bottom[data-visible=true],.tooltip--bottom.is-visible{transform:translate(-50%) scale(1)}.tooltip--bottom:after{top:calc(-1 * var(--component-tooltip-arrow-size) / 2);left:50%;transform:translate(-50%) rotate(45deg)}.tooltip--left{right:100%;top:50%;transform:translateY(-50%) scale(.95);margin-right:var(--component-tooltip-offset)}.tooltip--left[data-visible=true],.tooltip--left.is-visible{transform:translateY(-50%) scale(1)}.tooltip--left:after{right:calc(-1 * var(--component-tooltip-arrow-size) / 2);top:50%;transform:translateY(-50%) rotate(45deg)}.tooltip--light{background-color:var(--component-tooltip-variant-light-bg);color:var(--component-tooltip-variant-light-text);border:var(--primitive-border-width-thin) solid var(--component-tooltip-variant-light-border);box-shadow:var(--component-tooltip-variant-light-shadow)}@media (prefers-reduced-motion: reduce){.tooltip{transition:none;transition-delay:0ms}}.checkbox{display:inline-flex;align-items:flex-start;gap:var(--component-checkbox-label-gap);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.checkbox--disabled{cursor:not-allowed}.checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox__control{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--component-checkbox-size-md);height:var(--component-checkbox-size-md);background-color:var(--component-checkbox-bg-default);border:var(--component-checkbox-border-width) solid var(--component-checkbox-border-color-default);border-radius:var(--component-checkbox-radius);transition:background-color var(--component-checkbox-transition-duration) var(--component-checkbox-transition-easing),border-color var(--component-checkbox-transition-duration) var(--component-checkbox-transition-easing),box-shadow var(--component-checkbox-transition-duration) var(--component-checkbox-transition-easing)}.checkbox__control:after{content:"";display:block;width:var(--component-checkbox-icon-size);height:var(--component-checkbox-icon-size);opacity:0;transform:scale(.5);transition:opacity var(--component-checkbox-transition-duration) var(--component-checkbox-transition-easing),transform var(--component-checkbox-transition-duration) var(--component-checkbox-transition-easing);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.checkbox:hover .checkbox__control{border-color:var(--component-checkbox-border-color-hover)}.checkbox__input:focus-visible+.checkbox__control{border-color:var(--component-checkbox-border-color-hover);box-shadow:0 0 0 var(--component-checkbox-focus-ring-offset) var(--semantic-surface-page-default),0 0 0 calc(var(--component-checkbox-focus-ring-offset) + var(--component-checkbox-focus-ring-width)) var(--component-checkbox-focus-ring-color)}.checkbox__input:checked+.checkbox__control{background-color:var(--component-checkbox-bg-checked);border-color:var(--component-checkbox-border-color-checked)}.checkbox__input:checked+.checkbox__control:after{opacity:1;transform:scale(1)}.checkbox__input:active+.checkbox__control{transform:scale(.95)}.checkbox__input:disabled+.checkbox__control{background-color:var(--component-checkbox-bg-disabled);border-color:var(--component-checkbox-border-color-disabled);cursor:not-allowed}.checkbox__input:disabled:checked+.checkbox__control{background-color:var(--component-checkbox-bg-disabled-checked);border-color:var(--component-checkbox-border-color-disabled)}.form-field--error .checkbox__control{border-color:var(--component-checkbox-border-color-error)}.checkbox__label{font-size:var(--component-checkbox-label-font-size);line-height:var(--primitive-font-line-height-normal);color:var(--component-checkbox-label-color-default);padding-top:var(--primitive-spacing-0-5)}.checkbox__input:disabled~.checkbox__label{color:var(--component-checkbox-label-color-disabled);cursor:not-allowed}.checkbox--sm .checkbox__control,.form-field--sm .checkbox__control{width:var(--component-checkbox-size-sm);height:var(--component-checkbox-size-sm)}.checkbox--lg .checkbox__control,.form-field--lg .checkbox__control{width:var(--component-checkbox-size-lg);height:var(--component-checkbox-size-lg)}.form-field--error .form-field__error{display:flex;align-items:center;gap:var(--component-form-field-error-icon-gap);margin-top:var(--component-form-field-error-margin-top);font-size:var(--component-form-field-error-font-size);color:var(--component-form-field-error-color)}@media (prefers-reduced-motion: reduce){.checkbox__control,.checkbox__control:after{transition:none}.checkbox__input:active+.checkbox__control{transform:none}}.radio-group{display:flex;flex-direction:column;gap:var(--component-radio-group-gap);border:none;padding:0;margin:0}.radio-group__legend{font-size:var(--component-form-field-label-font-size);font-weight:var(--component-form-field-label-font-weight);color:var(--component-form-field-label-color-default);margin-bottom:var(--primitive-spacing-2)}.radio{display:inline-flex;align-items:flex-start;gap:var(--component-radio-label-gap);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.radio--disabled{cursor:not-allowed}.radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.radio__control{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--component-radio-size-md);height:var(--component-radio-size-md);background-color:var(--component-radio-bg-default);border:var(--component-radio-border-width) solid var(--component-radio-border-color-default);border-radius:var(--component-radio-radius);transition:background-color var(--component-radio-transition-duration) var(--component-radio-transition-easing),border-color var(--component-radio-transition-duration) var(--component-radio-transition-easing),box-shadow var(--component-radio-transition-duration) var(--component-radio-transition-easing)}.radio__control:after{content:"";display:block;width:var(--component-radio-dot-size);height:var(--component-radio-dot-size);border-radius:var(--primitive-radius-full);background-color:var(--component-radio-dot-color-default);opacity:0;transform:scale(0);transition:opacity var(--component-radio-transition-duration) var(--component-radio-transition-easing),transform var(--component-radio-transition-duration) var(--component-radio-transition-easing)}.radio:hover .radio__control{border-color:var(--component-radio-border-color-hover)}.radio__input:focus-visible+.radio__control{border-color:var(--component-radio-border-color-hover);box-shadow:0 0 0 var(--component-radio-focus-ring-offset) var(--semantic-surface-page-default),0 0 0 calc(var(--component-radio-focus-ring-offset) + var(--component-radio-focus-ring-width)) var(--component-radio-focus-ring-color)}.radio__input:checked+.radio__control{background-color:var(--component-radio-bg-checked);border-color:var(--component-radio-border-color-checked)}.radio__input:checked+.radio__control:after{opacity:1;transform:scale(1)}.radio__input:active+.radio__control{transform:scale(.95)}.radio__input:disabled+.radio__control{background-color:var(--component-radio-bg-disabled);border-color:var(--component-radio-border-color-disabled);cursor:not-allowed}.radio__input:disabled:checked+.radio__control:after{background-color:var(--component-radio-dot-color-disabled)}.radio-group--error .radio__control{border-color:var(--component-radio-border-color-error)}.radio__label{font-size:var(--component-radio-label-font-size);line-height:var(--primitive-font-line-height-normal);color:var(--component-radio-label-color-default);padding-top:var(--primitive-spacing-0-5)}.radio__input:disabled~.radio__label{color:var(--component-radio-label-color-disabled);cursor:not-allowed}.radio--sm .radio__control{width:var(--component-radio-size-sm);height:var(--component-radio-size-sm)}.radio--lg .radio__control{width:var(--component-radio-size-lg);height:var(--component-radio-size-lg)}.radio-group--error .form-field__error{display:flex;align-items:center;gap:var(--component-form-field-error-icon-gap);margin-top:var(--component-form-field-error-margin-top);font-size:var(--component-form-field-error-font-size);color:var(--component-form-field-error-color)}@media (prefers-reduced-motion: reduce){.radio__control,.radio__control:after{transition:none}.radio__input:active+.radio__control{transform:none}}.rating{display:inline-flex;align-items:center;gap:var(--component-rating-gap);border:none;padding:0;margin:0}.rating__star{display:inline-flex;align-items:center;justify-content:center;color:var(--component-rating-color-empty);font-size:var(--component-rating-size-md);line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default),transform var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.rating__star--filled{color:var(--component-rating-color-filled)}.rating--readonly .rating__star{cursor:default}.rating__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rating:not(.rating--readonly) .rating__star{color:var(--component-rating-color-empty)}.rating__input:checked~.rating__star{color:var(--component-rating-color-filled)}.rating:not(.rating--disabled) .rating__star:hover,.rating:not(.rating--disabled) .rating__star:hover~.rating__star{color:var(--component-rating-color-hover)}.rating:not(.rating--disabled) .rating__star:active{transform:scale(1.15)}.rating__input:focus-visible+.rating__star{outline:var(--component-rating-focus-ring-width) solid var(--component-rating-focus-ring-color);outline-offset:var(--primitive-spacing-0-5);border-radius:var(--primitive-radius-2xs)}.rating--disabled{pointer-events:none}.rating--disabled .rating__star{color:var(--component-rating-color-disabled);cursor:not-allowed}.rating--disabled .rating__input:checked~.rating__star{color:var(--component-rating-color-disabled)}.rating--sm .rating__star{font-size:var(--component-rating-size-sm)}.rating--md .rating__star{font-size:var(--component-rating-size-md)}.rating--lg .rating__star{font-size:var(--component-rating-size-lg)}.rating__label{font-size:var(--component-rating-label-font-size);color:var(--component-rating-label-color);margin-left:var(--component-rating-label-gap)}@media (prefers-reduced-motion: reduce){.rating__star{transition:none}.rating:not(.rating--disabled) .rating__star:active{transform:none}}.toggle{display:inline-flex;align-items:center;gap:var(--component-toggle-label-gap);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.toggle--disabled{cursor:not-allowed}.toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle__track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:var(--component-toggle-track-size-md-width);height:var(--component-toggle-track-size-md-height);background-color:var(--component-toggle-track-bg-off);border-radius:var(--component-toggle-track-radius);transition:background-color var(--component-toggle-transition-duration) var(--component-toggle-transition-easing)}.toggle__thumb{position:absolute;left:var(--component-toggle-thumb-offset);width:var(--component-toggle-thumb-size-md);height:var(--component-toggle-thumb-size-md);background-color:var(--component-toggle-thumb-bg-default);border-radius:var(--component-toggle-thumb-radius);box-shadow:var(--component-toggle-thumb-shadow);transition:transform var(--component-toggle-transition-duration) var(--component-toggle-transition-easing)}.toggle:hover .toggle__track{background-color:var(--component-toggle-track-bg-off-hover)}.toggle__input:checked+.toggle__track{background-color:var(--component-toggle-track-bg-on)}.toggle__input:checked+.toggle__track .toggle__thumb{transform:translate(calc(var(--component-toggle-track-size-md-width) - var(--component-toggle-thumb-size-md) - var(--component-toggle-thumb-offset) * 2))}.toggle:hover .toggle__input:checked+.toggle__track{background-color:var(--component-toggle-track-bg-on-hover)}.toggle__input:focus-visible+.toggle__track{box-shadow:0 0 0 var(--component-toggle-focus-ring-offset) var(--semantic-surface-page-default),0 0 0 calc(var(--component-toggle-focus-ring-offset) + var(--component-toggle-focus-ring-width)) var(--component-toggle-focus-ring-color)}.toggle__input:active+.toggle__track .toggle__thumb{transform:scaleX(1.1)}.toggle__input:checked:active+.toggle__track .toggle__thumb{transform:translate(calc(var(--component-toggle-track-size-md-width) - var(--component-toggle-thumb-size-md) - var(--component-toggle-thumb-offset) * 2)) scaleX(1.1)}.toggle__input:disabled+.toggle__track{background-color:var(--component-toggle-track-bg-disabled);cursor:not-allowed}.toggle__input:disabled+.toggle__track .toggle__thumb{background-color:var(--component-toggle-thumb-bg-disabled);box-shadow:none}.toggle__label{font-size:var(--component-toggle-label-font-size);line-height:var(--primitive-font-line-height-normal);color:var(--component-toggle-label-color-default)}.toggle__input:disabled~.toggle__label{color:var(--component-toggle-label-color-disabled);cursor:not-allowed}.toggle--sm .toggle__track{width:var(--component-toggle-track-size-sm-width);height:var(--component-toggle-track-size-sm-height)}.toggle--sm .toggle__thumb{width:var(--component-toggle-thumb-size-sm);height:var(--component-toggle-thumb-size-sm)}.toggle--sm .toggle__input:checked+.toggle__track .toggle__thumb{transform:translate(calc(var(--component-toggle-track-size-sm-width) - var(--component-toggle-thumb-size-sm) - var(--component-toggle-thumb-offset) * 2))}.toggle--sm .toggle__input:checked:active+.toggle__track .toggle__thumb{transform:translate(calc(var(--component-toggle-track-size-sm-width) - var(--component-toggle-thumb-size-sm) - var(--component-toggle-thumb-offset) * 2)) scaleX(1.1)}.toggle--lg .toggle__track{width:var(--component-toggle-track-size-lg-width);height:var(--component-toggle-track-size-lg-height)}.toggle--lg .toggle__thumb{width:var(--component-toggle-thumb-size-lg);height:var(--component-toggle-thumb-size-lg)}.toggle--lg .toggle__input:checked+.toggle__track .toggle__thumb{transform:translate(calc(var(--component-toggle-track-size-lg-width) - var(--component-toggle-thumb-size-lg) - var(--component-toggle-thumb-offset) * 2))}.toggle--lg .toggle__input:checked:active+.toggle__track .toggle__thumb{transform:translate(calc(var(--component-toggle-track-size-lg-width) - var(--component-toggle-thumb-size-lg) - var(--component-toggle-thumb-offset) * 2)) scaleX(1.1)}@media (prefers-reduced-motion: reduce){.toggle__track,.toggle__thumb{transition:none}.toggle__input:active+.toggle__track .toggle__thumb,.toggle__input:checked:active+.toggle__track .toggle__thumb{transform:none}.toggle__input:checked+.toggle__track .toggle__thumb{transition:none}.toggle--sm .toggle__input:checked:active+.toggle__track .toggle__thumb,.toggle--lg .toggle__input:checked:active+.toggle__track .toggle__thumb{transform:none}}.form-field{display:flex;flex-direction:column;gap:var(--component-form-field-gap)}.form-field__label{font-size:var(--component-form-field-label-font-size);font-weight:var(--component-form-field-label-font-weight);color:var(--component-form-field-label-color-default);line-height:var(--primitive-font-line-height-normal)}.form-field__required{color:var(--component-form-field-label-required-color);margin-left:var(--component-form-field-label-required-gap)}.select{display:block;width:100%;height:var(--component-select-trigger-size-md-height);padding:0 var(--component-select-trigger-icon-size) 0 var(--component-select-trigger-size-md-padding-x);font-size:var(--component-select-trigger-size-md-font-size);color:var(--component-select-trigger-text-default);background-color:var(--component-select-trigger-bg-default);border:var(--component-select-trigger-border-width) solid var(--component-select-trigger-border-color-default);border-radius:var(--component-select-trigger-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 5.646a.5.5 0 01.708 0L8 8.293l2.646-2.647a.5.5 0 01.708.708l-3 3a.5.5 0 01-.708 0l-3-3a.5.5 0 010-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--component-select-trigger-size-md-padding-x) center;background-size:var(--component-select-trigger-icon-size);line-height:var(--primitive-font-line-height-normal);cursor:pointer;transition:border-color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default),background-color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default),box-shadow var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.select option[value=""][disabled]{color:var(--component-select-trigger-text-placeholder)}.select:hover:not(:disabled){border-color:var(--component-select-trigger-border-color-hover);background-color:var(--component-select-trigger-bg-hover)}.select:focus-visible{border-color:var(--component-select-trigger-border-color-focus);outline:none;box-shadow:0 0 0 var(--primitive-spacing-px) var(--semantic-surface-page-default),0 0 0 calc(var(--primitive-spacing-px) + var(--semantic-focus-ring-width)) var(--semantic-focus-ring-color)}.select:disabled,.select[aria-disabled=true]{color:var(--component-select-trigger-text-disabled);background-color:var(--component-select-trigger-bg-disabled);border-color:var(--component-select-trigger-border-color-disabled);cursor:not-allowed;opacity:var(--semantic-opacity-disabled)}.form-field--error .select{border-color:var(--component-select-trigger-border-color-error)}.form-field--error .select:focus-visible{box-shadow:0 0 0 var(--primitive-spacing-px) var(--semantic-surface-page-default),0 0 0 calc(var(--primitive-spacing-px) + var(--semantic-focus-ring-width)) var(--semantic-focus-ring-color-danger)}.form-field__error{display:flex;align-items:center;gap:var(--component-form-field-error-icon-gap);margin-top:var(--component-form-field-error-margin-top);font-size:var(--component-form-field-error-font-size);color:var(--component-form-field-error-color)}.select--sm{height:var(--component-select-trigger-size-sm-height);padding-left:var(--component-select-trigger-size-sm-padding-x);padding-right:var(--component-select-trigger-icon-size);font-size:var(--component-select-trigger-size-sm-font-size);background-position:right var(--component-select-trigger-size-sm-padding-x) center}.select--lg{height:var(--component-select-trigger-size-lg-height);padding-left:var(--component-select-trigger-size-lg-padding-x);padding-right:var(--component-select-trigger-icon-size);font-size:var(--component-select-trigger-size-lg-font-size);background-position:right var(--component-select-trigger-size-lg-padding-x) center}.form-field:has(.select:disabled) .form-field__label{color:var(--component-form-field-label-color-disabled)}@media (prefers-reduced-motion: reduce){.select{transition:none}}.textarea{display:block;width:100%;min-height:var(--component-textarea-min-height);padding:var(--component-textarea-padding-y) var(--component-textarea-padding-x);font-family:inherit;font-size:var(--component-textarea-font-size);line-height:var(--component-textarea-line-height);color:var(--component-textarea-text-default);background-color:var(--component-textarea-bg-default);border:var(--component-textarea-border-width) solid var(--component-textarea-border-color-default);border-radius:var(--component-textarea-radius);resize:var(--component-textarea-resize);transition:border-color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default),background-color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default),box-shadow var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.textarea::placeholder{color:var(--component-textarea-text-placeholder);opacity:var(--semantic-opacity-placeholder)}.textarea:hover:not(:disabled):not(:focus){border-color:var(--component-textarea-border-color-hover)}.textarea:focus,.textarea:focus-visible{border-color:var(--component-textarea-border-color-focus);outline:none;box-shadow:0 0 0 var(--primitive-spacing-px) var(--semantic-surface-page-default),0 0 0 calc(var(--primitive-spacing-px) + var(--component-textarea-focus-ring-width)) var(--component-textarea-focus-ring-color)}.textarea:disabled,.textarea[aria-disabled=true]{color:var(--component-textarea-text-disabled);background-color:var(--component-textarea-bg-disabled);border-color:var(--component-textarea-border-color-disabled);cursor:not-allowed;opacity:var(--semantic-opacity-disabled);resize:none}.form-field--error .textarea{border-color:var(--component-textarea-border-color-error)}.form-field--error .textarea:focus,.form-field--error .textarea:focus-visible{box-shadow:0 0 0 var(--primitive-spacing-px) var(--semantic-surface-page-default),0 0 0 calc(var(--primitive-spacing-px) + var(--component-textarea-focus-ring-width)) var(--semantic-focus-ring-color-danger)}.form-field__char-count{display:block;text-align:right;font-size:var(--component-form-field-character-count-font-size);color:var(--component-form-field-character-count-color-default);margin-top:var(--component-form-field-helper-margin-top)}.form-field:has(.textarea:disabled) .form-field__label{color:var(--component-form-field-label-color-disabled)}@media (prefers-reduced-motion: reduce){.textarea{transition:none}}.alert{position:relative;display:flex;align-items:flex-start;gap:var(--component-alert-icon-gap);padding:var(--component-alert-padding-y) var(--component-alert-padding-x);border-radius:var(--component-alert-radius);border-width:var(--component-alert-border-width);border-style:solid;font-family:var(--primitive-font-family-sans);opacity:1;transform:translateY(0);transition:opacity var(--component-alert-animation-enter-duration) var(--component-alert-animation-enter-easing),transform var(--component-alert-animation-enter-duration) var(--component-alert-animation-enter-easing)}.alert[data-entering]{opacity:0;transform:translateY(-8px)}.alert[data-exiting]{opacity:0;transform:translateY(-8px);transition:opacity var(--component-alert-animation-exit-duration) var(--component-alert-animation-exit-easing),transform var(--component-alert-animation-exit-duration) var(--component-alert-animation-exit-easing)}.alert__icon{flex-shrink:0;width:var(--component-alert-icon-size);height:var(--component-alert-icon-size);line-height:1}.alert__content{flex:1;min-width:0}.alert__title{display:block;font-size:var(--component-alert-title-font-size);font-weight:var(--component-alert-title-font-weight);line-height:var(--primitive-font-line-height-snug);margin-bottom:var(--component-alert-title-margin-bottom)}.alert__message{font-size:var(--component-alert-description-font-size);line-height:var(--component-alert-description-line-height);margin:0}.alert__dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--component-alert-close-size);height:var(--component-alert-close-size);padding:0;border:none;border-radius:var(--primitive-radius-base);background:transparent;cursor:pointer;position:absolute;top:var(--component-alert-close-offset);right:var(--component-alert-close-offset);transition:background-color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default),color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.alert__dismiss:hover{opacity:.8}.alert__dismiss:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.alert__dismiss:active{opacity:.6}.alert--info{background-color:var(--component-alert-variant-info-bg);border-color:var(--component-alert-variant-info-border);color:var(--component-alert-variant-info-text)}.alert--info .alert__icon{color:var(--component-alert-variant-info-icon)}.alert--info .alert__title{color:var(--component-alert-variant-info-title)}.alert--info .alert__dismiss{color:var(--component-alert-variant-info-icon)}.alert--success{background-color:var(--component-alert-variant-success-bg);border-color:var(--component-alert-variant-success-border);color:var(--component-alert-variant-success-text)}.alert--success .alert__icon{color:var(--component-alert-variant-success-icon)}.alert--success .alert__title{color:var(--component-alert-variant-success-title)}.alert--success .alert__dismiss{color:var(--component-alert-variant-success-icon)}.alert--warning{background-color:var(--component-alert-variant-warning-bg);border-color:var(--component-alert-variant-warning-border);color:var(--component-alert-variant-warning-text)}.alert--warning .alert__icon{color:var(--component-alert-variant-warning-icon)}.alert--warning .alert__title{color:var(--component-alert-variant-warning-title)}.alert--warning .alert__dismiss{color:var(--component-alert-variant-warning-icon)}.alert--danger{background-color:var(--component-alert-variant-danger-bg);border-color:var(--component-alert-variant-danger-border);color:var(--component-alert-variant-danger-text)}.alert--danger .alert__icon{color:var(--component-alert-variant-danger-icon)}.alert--danger .alert__title{color:var(--component-alert-variant-danger-title)}.alert--danger .alert__dismiss{color:var(--component-alert-variant-danger-icon)}@media (prefers-reduced-motion: reduce){.alert,.alert[data-entering],.alert[data-exiting],.alert__dismiss{transition:none}}.tabs{font-family:var(--primitive-font-family-sans)}.tabs__list{display:flex;align-items:stretch;gap:var(--component-tabs-list-gap);border-bottom:var(--component-tabs-list-border-width) solid var(--component-tabs-list-border-color);margin:0;padding:0;list-style:none}.tabs__tab{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--component-tabs-trigger-padding-y) var(--component-tabs-trigger-padding-x);border:none;border-radius:var(--component-tabs-variant-underline-trigger-radius);background-color:var(--component-tabs-trigger-bg-default);color:var(--component-tabs-trigger-color-default);font-family:inherit;font-size:var(--component-tabs-trigger-font-size);font-weight:var(--component-tabs-trigger-font-weight-default);line-height:var(--primitive-font-line-height-normal);white-space:nowrap;cursor:pointer;transition:color var(--component-tabs-animation-duration) var(--component-tabs-animation-easing),background-color var(--component-tabs-animation-duration) var(--component-tabs-animation-easing),box-shadow var(--component-tabs-animation-duration) var(--component-tabs-animation-easing)}.tabs__tab:after{content:"";position:absolute;bottom:calc(-1 * var(--component-tabs-list-border-width));left:0;right:0;height:var(--component-tabs-trigger-indicator-height);border-radius:var(--component-tabs-trigger-indicator-radius);background-color:transparent;transition:background-color var(--component-tabs-animation-duration) var(--component-tabs-animation-easing)}.tabs__tab:hover{color:var(--component-tabs-trigger-color-hover);background-color:var(--component-tabs-trigger-bg-hover)}.tabs__tab:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset);z-index:1}.tabs__tab:active{color:var(--component-tabs-trigger-color-active)}.tabs__tab[disabled],.tabs__tab[aria-disabled=true]{color:var(--component-tabs-trigger-color-disabled);cursor:not-allowed;opacity:var(--semantic-opacity-disabled)}.tabs__tab--active{color:var(--component-tabs-trigger-color-active);font-weight:var(--component-tabs-trigger-font-weight-active)}.tabs__tab--active:after{background-color:var(--component-tabs-trigger-indicator-color)}.tabs--pills .tabs__list{border-bottom:none;gap:var(--component-tabs-variant-pills-gap)}.tabs--pills .tabs__tab{border-radius:var(--component-tabs-variant-pills-trigger-radius)}.tabs--pills .tabs__tab:after{display:none}.tabs--pills .tabs__tab--active{background-color:var(--component-tabs-variant-pills-active-bg)}.tabs--boxed .tabs__list{border-bottom:none;background-color:var(--component-tabs-variant-boxed-list-bg);border-radius:var(--component-tabs-variant-boxed-list-radius);padding:var(--component-tabs-variant-boxed-list-padding)}.tabs--boxed .tabs__tab{border-radius:var(--component-tabs-variant-boxed-trigger-radius)}.tabs--boxed .tabs__tab:after{display:none}.tabs--boxed .tabs__tab--active{background-color:var(--component-tabs-variant-boxed-active-bg);box-shadow:var(--component-tabs-variant-boxed-active-shadow)}.tabs__panel{padding-top:var(--component-tabs-content-padding-top);font-size:var(--semantic-typography-body-sm-font-size);line-height:var(--semantic-typography-body-sm-line-height);color:var(--semantic-text-default)}.tabs__panel[hidden]{display:none}@media (prefers-reduced-motion: reduce){.tabs__tab,.tabs__tab:after{transition:none}}.accordion{font-family:var(--primitive-font-family-sans);border-radius:var(--component-accordion-radius);border:var(--component-accordion-border-width) solid var(--component-accordion-border-color);background-color:var(--component-accordion-bg);overflow:hidden}.accordion__item{border-bottom:var(--component-accordion-border-width) solid var(--component-accordion-divider-color)}.accordion__item:last-child{border-bottom:none}.accordion__header{margin:0;padding:0}.accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--component-accordion-trigger-padding-y) var(--component-accordion-item-padding-x);border:none;background-color:var(--component-accordion-trigger-bg-default);color:var(--component-accordion-trigger-color-default);font-family:inherit;font-size:var(--component-accordion-trigger-font-size);font-weight:var(--component-accordion-trigger-font-weight);line-height:var(--primitive-font-line-height-normal);text-align:left;cursor:pointer;transition:color var(--component-accordion-animation-duration) var(--component-accordion-animation-easing),background-color var(--component-accordion-animation-duration) var(--component-accordion-animation-easing)}.accordion__trigger:hover{color:var(--component-accordion-trigger-color-hover);background-color:var(--component-accordion-trigger-bg-hover)}.accordion__trigger:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:calc(-1 * var(--semantic-focus-ring-width));z-index:1}.accordion__trigger:active{opacity:.9}.accordion__trigger[disabled],.accordion__trigger[aria-disabled=true]{color:var(--component-accordion-trigger-color-disabled);cursor:not-allowed;opacity:var(--semantic-opacity-disabled)}.accordion__title{flex:1;min-width:0}.accordion__icon{flex-shrink:0;width:var(--component-accordion-trigger-icon-size);height:var(--component-accordion-trigger-icon-size);color:var(--component-accordion-trigger-icon-color);display:inline-flex;align-items:center;justify-content:center;transform:rotate(0);transition:transform var(--component-accordion-animation-duration) var(--component-accordion-animation-easing)}.accordion__trigger[aria-expanded=true] .accordion__icon{transform:rotate(180deg)}.accordion__panel{overflow:hidden;max-height:0;opacity:0;transition:max-height var(--component-accordion-animation-duration) var(--component-accordion-animation-easing),opacity var(--component-accordion-animation-duration) var(--component-accordion-animation-easing)}.accordion__panel:not([hidden]){max-height:500px;opacity:1}.accordion__panel[hidden]{display:block;visibility:hidden;max-height:0;opacity:0}.accordion__content{padding:0 var(--component-accordion-item-padding-x) var(--component-accordion-content-padding-bottom);font-size:var(--component-accordion-content-font-size);line-height:var(--component-accordion-content-line-height);color:var(--component-accordion-content-color)}.accordion--separated{border:none;background:transparent;display:flex;flex-direction:column;gap:var(--component-accordion-variant-separated-item-gap)}.accordion--separated .accordion__item{border:var(--component-accordion-border-width) solid var(--component-accordion-border-color);border-radius:var(--component-accordion-variant-separated-item-radius);border-bottom:var(--component-accordion-border-width) solid var(--component-accordion-border-color);overflow:hidden}@media (prefers-reduced-motion: reduce){.accordion__trigger,.accordion__icon,.accordion__panel{transition:none}.accordion__panel:not([hidden]){max-height:none}}.dropdown{position:relative;display:inline-block;font-family:var(--primitive-font-family-sans)}.dropdown__trigger{display:inline-flex;align-items:center;gap:var(--primitive-spacing-2);padding:var(--component-dropdown-item-padding-y) var(--component-dropdown-item-padding-x);border:var(--primitive-border-width-thin) solid var(--semantic-border-default);border-radius:var(--component-dropdown-item-radius);background-color:var(--semantic-surface-page-default);color:var(--semantic-text-default);font-family:inherit;font-size:var(--component-dropdown-item-font-size);font-weight:var(--primitive-font-weight-medium);line-height:var(--primitive-font-line-height-normal);cursor:pointer;transition:border-color var(--component-dropdown-animation-duration) var(--component-dropdown-animation-easing),background-color var(--component-dropdown-animation-duration) var(--component-dropdown-animation-easing)}.dropdown__trigger:hover{border-color:var(--semantic-border-strong);background-color:var(--semantic-surface-page-subtle)}.dropdown__trigger:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.dropdown__trigger:active{background-color:var(--semantic-surface-page-muted)}.dropdown__trigger[disabled],.dropdown__trigger[aria-disabled=true]{color:var(--semantic-text-disabled);cursor:not-allowed;opacity:var(--semantic-opacity-disabled)}.dropdown__arrow{display:inline-flex;font-size:var(--primitive-font-size-xs);color:var(--semantic-text-secondary);transition:transform var(--component-dropdown-animation-duration) var(--component-dropdown-animation-easing)}.dropdown__trigger[aria-expanded=true] .dropdown__arrow{transform:rotate(180deg)}.dropdown__menu{position:absolute;top:100%;left:0;z-index:var(--semantic-z-index-dropdown);min-width:var(--component-dropdown-menu-min-width);max-width:var(--component-dropdown-menu-max-width);margin-top:var(--component-dropdown-menu-offset);padding:var(--component-dropdown-menu-padding);border:var(--component-dropdown-menu-border-width) solid var(--component-dropdown-menu-border-color);border-radius:var(--component-dropdown-menu-radius);background-color:var(--component-dropdown-menu-bg);box-shadow:var(--component-dropdown-menu-shadow);list-style:none;opacity:1;transform:translateY(0) scale(1);transform-origin:top left;transition:opacity var(--component-dropdown-animation-duration) var(--component-dropdown-animation-easing),transform var(--component-dropdown-animation-duration) var(--component-dropdown-animation-easing)}.dropdown__menu[hidden]{display:block;visibility:hidden;opacity:0;transform:translateY(-4px) scale(.95);pointer-events:none}.dropdown__item{display:flex;align-items:center;gap:var(--component-dropdown-item-icon-gap);width:100%;padding:var(--component-dropdown-item-padding-y) var(--component-dropdown-item-padding-x);border:none;border-radius:var(--component-dropdown-item-radius);background-color:var(--component-dropdown-item-bg-default);color:var(--component-dropdown-item-color-default);font-family:inherit;font-size:var(--component-dropdown-item-font-size);line-height:var(--primitive-font-line-height-normal);text-decoration:none;text-align:left;cursor:pointer;transition:background-color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default),color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.dropdown__item:hover{background-color:var(--component-dropdown-item-bg-hover);color:var(--component-dropdown-item-color-hover)}.dropdown__item:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:calc(-1 * var(--semantic-focus-ring-width))}.dropdown__item:active{background-color:var(--component-dropdown-item-bg-active)}.dropdown__item[aria-disabled=true]{color:var(--component-dropdown-item-color-disabled);cursor:not-allowed;opacity:var(--semantic-opacity-disabled)}.dropdown__item--danger{color:var(--component-dropdown-item-color-danger)}.dropdown__item--danger:hover{color:var(--component-dropdown-item-color-danger);background-color:var(--semantic-color-danger-muted)}.dropdown__icon{flex-shrink:0;width:var(--component-dropdown-item-icon-size);height:var(--component-dropdown-item-icon-size);color:var(--component-dropdown-item-icon-color)}.dropdown__shortcut{margin-left:auto;font-size:var(--component-dropdown-item-shortcut-font-size);color:var(--component-dropdown-item-shortcut-color)}.dropdown__separator{height:var(--component-dropdown-separator-height);margin:var(--component-dropdown-separator-margin-y) 0;background-color:var(--component-dropdown-separator-color);border:none;list-style:none}.dropdown__label{padding:var(--component-dropdown-label-padding-y) var(--component-dropdown-label-padding-x);font-size:var(--component-dropdown-label-font-size);font-weight:var(--component-dropdown-label-font-weight);color:var(--component-dropdown-label-color);list-style:none}@media (prefers-reduced-motion: reduce){.dropdown__trigger,.dropdown__arrow,.dropdown__menu,.dropdown__item{transition:none}}.toast-container{position:fixed;top:0;right:0;z-index:var(--component-toast-container-z-index);display:flex;flex-direction:column;gap:var(--component-toast-container-gap);padding:var(--component-toast-container-padding);max-width:var(--component-toast-container-max-width);width:100%;pointer-events:none}.toast-container--bottom{top:auto;bottom:0;flex-direction:column-reverse}.toast-container--center{right:50%;transform:translate(50%)}.toast{display:flex;align-items:flex-start;gap:var(--component-toast-icon-gap);padding:var(--component-toast-item-padding-y) var(--component-toast-item-padding-x);border:var(--component-toast-item-border-width) solid var(--component-toast-item-border-color);border-radius:var(--component-toast-item-radius);background-color:var(--component-toast-item-bg);box-shadow:var(--component-toast-item-shadow);font-family:var(--primitive-font-family-sans);pointer-events:auto;position:relative;overflow:hidden;opacity:1;transform:translate(0);transition:opacity var(--component-toast-animation-enter-duration) var(--component-toast-animation-enter-easing),transform var(--component-toast-animation-enter-duration) var(--component-toast-animation-enter-easing)}.toast[data-entering]{opacity:0;transform:translate(100%)}.toast[data-exiting]{opacity:0;transform:translate(100%);transition:opacity var(--component-toast-animation-exit-duration) var(--component-toast-animation-exit-easing),transform var(--component-toast-animation-exit-duration) var(--component-toast-animation-exit-easing)}.toast-container--bottom .toast[data-entering],.toast-container--bottom .toast[data-exiting]{transform:translateY(100%)}.toast:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;border-radius:var(--component-toast-item-radius) 0 0 var(--component-toast-item-radius)}.toast__icon{flex-shrink:0;width:var(--component-toast-icon-size);height:var(--component-toast-icon-size);line-height:1}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--component-toast-title-font-size);font-weight:var(--component-toast-title-font-weight);color:var(--component-toast-title-color);line-height:var(--primitive-font-line-height-snug)}.toast__message{font-size:var(--component-toast-description-font-size);color:var(--component-toast-description-color);margin:var(--component-toast-description-margin-top) 0 0;line-height:var(--primitive-font-line-height-normal)}.toast__actions{display:flex;gap:var(--component-toast-action-gap);margin-top:var(--component-toast-action-margin-top)}.toast__action{display:inline-flex;align-items:center;padding:0;border:none;background:transparent;font-family:inherit;font-size:var(--component-toast-description-font-size);font-weight:var(--primitive-font-weight-medium);cursor:pointer;transition:color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.toast__action:hover{opacity:.8}.toast__action:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.toast__dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--component-toast-close-size);height:var(--component-toast-close-size);padding:0;border:none;border-radius:var(--primitive-radius-base);background:transparent;color:var(--component-toast-close-color);cursor:pointer;transition:color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default),background-color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.toast__dismiss:hover{color:var(--component-toast-close-hover-color)}.toast__dismiss:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.toast__progress{position:absolute;bottom:0;left:0;height:var(--component-toast-progress-height);border-radius:var(--component-toast-progress-radius);transform-origin:left;animation:toast-progress linear forwards}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast--info:before{background-color:var(--component-toast-variant-info-accent)}.toast--info .toast__icon{color:var(--component-toast-variant-info-icon)}.toast--info .toast__action{color:var(--component-toast-variant-info-accent)}.toast--info .toast__progress{background-color:var(--component-toast-variant-info-accent)}.toast--success:before{background-color:var(--component-toast-variant-success-accent)}.toast--success .toast__icon{color:var(--component-toast-variant-success-icon)}.toast--success .toast__action{color:var(--component-toast-variant-success-accent)}.toast--success .toast__progress{background-color:var(--component-toast-variant-success-accent)}.toast--warning:before{background-color:var(--component-toast-variant-warning-accent)}.toast--warning .toast__icon{color:var(--component-toast-variant-warning-icon)}.toast--warning .toast__action{color:var(--component-toast-variant-warning-accent)}.toast--warning .toast__progress{background-color:var(--component-toast-variant-warning-accent)}.toast--error:before,.toast--danger:before{background-color:var(--component-toast-variant-danger-accent)}.toast--error .toast__icon,.toast--danger .toast__icon{color:var(--component-toast-variant-danger-icon)}.toast--error .toast__action,.toast--danger .toast__action{color:var(--component-toast-variant-danger-accent)}.toast--error .toast__progress,.toast--danger .toast__progress{background-color:var(--component-toast-variant-danger-accent)}.toast--default:before{background-color:var(--component-toast-variant-default-accent)}@media (prefers-reduced-motion: reduce){.toast,.toast[data-entering],.toast[data-exiting],.toast__action,.toast__dismiss{transition:none}.toast__progress{animation:none}}.breadcrumb{font-family:var(--primitive-font-family-sans);font-size:var(--component-breadcrumb-font-size);line-height:var(--primitive-font-line-height-normal)}.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--component-breadcrumb-gap);margin:0;padding:0;list-style:none}.breadcrumb__item{display:inline-flex;align-items:center;gap:var(--component-breadcrumb-separator-margin);max-width:var(--component-breadcrumb-max-width)}.breadcrumb__link{color:var(--component-breadcrumb-item-color-default);font-weight:var(--component-breadcrumb-item-font-weight-default);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.breadcrumb__link:hover{color:var(--component-breadcrumb-item-color-hover);text-decoration:underline}.breadcrumb__link:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset);border-radius:var(--primitive-radius-2xs)}.breadcrumb__link:active{opacity:.8}.breadcrumb__separator{flex-shrink:0;color:var(--component-breadcrumb-separator-color);-webkit-user-select:none;user-select:none}.breadcrumb__current{color:var(--component-breadcrumb-item-color-current);font-weight:var(--component-breadcrumb-item-font-weight-current);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion: reduce){.breadcrumb__link{transition:none}}.pagination{font-family:var(--primitive-font-family-sans)}.pagination__list{display:flex;align-items:center;gap:var(--component-pagination-gap);margin:0;padding:0;list-style:none}.pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:var(--component-pagination-item-size);height:var(--component-pagination-item-size);padding:0 var(--primitive-spacing-1);border:var(--component-pagination-item-border-width) solid var(--component-pagination-item-border-color);border-radius:var(--component-pagination-item-radius);background-color:var(--component-pagination-item-bg-default);color:var(--component-pagination-item-color-default);font-family:inherit;font-size:var(--component-pagination-item-font-size);font-weight:var(--component-pagination-item-font-weight);line-height:1;text-decoration:none;cursor:pointer;transition:background-color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default),color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default),border-color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.pagination__item:hover{background-color:var(--component-pagination-item-bg-hover);color:var(--component-pagination-item-color-hover)}.pagination__item:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset);z-index:1}.pagination__item:active{opacity:.8}.pagination__item--active{background-color:var(--component-pagination-item-bg-active);color:var(--component-pagination-item-color-active);border-color:var(--component-pagination-item-bg-active);pointer-events:none}.pagination__item[disabled],.pagination__item[aria-disabled=true]{background-color:var(--component-pagination-item-bg-disabled);color:var(--component-pagination-item-color-disabled);cursor:not-allowed;opacity:var(--semantic-opacity-disabled)}.pagination__prev,.pagination__next{font-size:var(--primitive-font-size-base)}.pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--component-pagination-item-size);height:var(--component-pagination-item-size);color:var(--component-pagination-ellipsis-color);font-size:var(--component-pagination-item-font-size);cursor:default;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion: reduce){.pagination__item{transition:none}}.stepper{font-family:var(--primitive-font-family-sans)}.stepper__list{display:flex;align-items:flex-start;margin:0;padding:0;list-style:none;counter-reset:stepper}.stepper--horizontal .stepper__list{flex-direction:row;gap:var(--component-stepper-gap)}.stepper--horizontal .stepper__item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.stepper--horizontal .stepper__connector{position:absolute;top:calc(var(--component-stepper-step-size) / 2);left:calc(50% + var(--component-stepper-step-size) / 2 + var(--primitive-spacing-2));right:calc(-50% + var(--component-stepper-step-size) / 2 + var(--primitive-spacing-2));height:var(--component-stepper-connector-height);background-color:var(--component-stepper-connector-color-default)}.stepper--vertical .stepper__list{flex-direction:column;gap:var(--component-stepper-orientation-vertical-gap)}.stepper--vertical .stepper__item{display:flex;flex-direction:row;align-items:flex-start;gap:var(--primitive-spacing-3);position:relative}.stepper--vertical .stepper__connector{position:absolute;left:calc(var(--component-stepper-step-size) / 2 - var(--component-stepper-orientation-vertical-connector-width) / 2);top:calc(var(--component-stepper-step-size) + var(--primitive-spacing-2));bottom:calc(-1 * var(--component-stepper-orientation-vertical-gap) + var(--primitive-spacing-2));width:var(--component-stepper-orientation-vertical-connector-width);background-color:var(--component-stepper-connector-color-default)}.stepper__indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--component-stepper-step-size);height:var(--component-stepper-step-size);border-radius:var(--component-stepper-step-radius);background-color:var(--component-stepper-step-bg-default);color:var(--component-stepper-step-color-default);font-size:var(--component-stepper-step-font-size);font-weight:var(--component-stepper-step-font-weight);line-height:1;position:relative;z-index:1;transition:background-color var(--primitive-motion-duration-normal) var(--primitive-motion-easing-default),color var(--primitive-motion-duration-normal) var(--primitive-motion-easing-default)}.stepper__content{display:flex;flex-direction:column;gap:var(--primitive-spacing-0-5)}.stepper__label{font-size:var(--component-stepper-step-label-font-size);font-weight:var(--primitive-font-weight-medium);color:var(--component-stepper-step-label-color-default);line-height:var(--primitive-font-line-height-normal)}.stepper__description{font-size:var(--component-stepper-step-description-font-size);color:var(--component-stepper-step-description-color);line-height:var(--primitive-font-line-height-normal)}.stepper__item--active .stepper__indicator{background-color:var(--component-stepper-step-bg-active);color:var(--component-stepper-step-color-active)}.stepper__item--active .stepper__label{color:var(--component-stepper-step-label-color-active);font-weight:var(--component-stepper-step-font-weight)}.stepper__item--completed .stepper__indicator{background-color:var(--component-stepper-step-bg-completed);color:var(--component-stepper-step-color-completed)}.stepper__item--completed .stepper__label{color:var(--component-stepper-step-label-color-completed)}.stepper__item--completed .stepper__connector{background-color:var(--component-stepper-connector-color-completed)}@media (prefers-reduced-motion: reduce){.stepper__indicator{transition:none}}.popover{position:absolute;z-index:var(--semantic-z-index-popover);max-width:var(--component-popover-max-width);font-family:var(--primitive-font-family-sans);opacity:1;transform:scale(1);transition:opacity var(--component-popover-animation-duration) var(--primitive-motion-easing-enter),transform var(--component-popover-animation-duration) var(--primitive-motion-easing-enter)}.popover[hidden]{display:block;visibility:hidden;opacity:0;transform:scale(.95);pointer-events:none}.popover__container{background-color:var(--component-popover-bg);border:var(--component-popover-border-width) solid var(--component-popover-border-color);border-radius:var(--component-popover-radius);box-shadow:var(--component-popover-shadow);overflow:hidden}.popover__header{display:flex;align-items:center;justify-content:space-between;gap:var(--primitive-spacing-2);padding:var(--component-popover-padding);padding-bottom:var(--component-popover-header-padding-bottom);border-bottom:var(--primitive-border-width-thin) solid var(--component-popover-header-border-bottom)}.popover__title{margin:0;font-size:var(--component-popover-header-font-size);font-weight:var(--component-popover-header-font-weight);color:var(--semantic-text-default);line-height:var(--primitive-font-line-height-snug)}.popover__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--primitive-spacing-5);height:var(--primitive-spacing-5);padding:0;border:none;border-radius:var(--primitive-radius-base);background:transparent;color:var(--semantic-text-muted);cursor:pointer;transition:color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default),background-color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.popover__close:hover{color:var(--semantic-text-default);background-color:var(--semantic-surface-page-subtle)}.popover__close:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.popover__close:active{background-color:var(--semantic-surface-page-muted)}.popover__body{padding:var(--component-popover-padding);font-size:var(--component-popover-body-font-size);color:var(--component-popover-body-color);line-height:var(--primitive-font-line-height-normal)}.popover__container>.popover__body:first-child{padding-top:var(--component-popover-padding)}.popover__arrow{position:absolute;width:var(--component-popover-arrow-size);height:var(--component-popover-arrow-size);background-color:var(--component-popover-arrow-bg);border:var(--component-popover-border-width) solid var(--component-popover-arrow-border);transform:rotate(45deg);z-index:-1}.popover--top .popover__arrow{bottom:calc(-1 * var(--component-popover-arrow-size) / 2);left:50%;margin-left:calc(-1 * var(--component-popover-arrow-size) / 2);border-top:none;border-left:none}.popover--bottom .popover__arrow{top:calc(-1 * var(--component-popover-arrow-size) / 2);left:50%;margin-left:calc(-1 * var(--component-popover-arrow-size) / 2);border-bottom:none;border-right:none}.popover--left .popover__arrow{right:calc(-1 * var(--component-popover-arrow-size) / 2);top:50%;margin-top:calc(-1 * var(--component-popover-arrow-size) / 2);border-bottom:none;border-left:none}.popover--right .popover__arrow{left:calc(-1 * var(--component-popover-arrow-size) / 2);top:50%;margin-top:calc(-1 * var(--component-popover-arrow-size) / 2);border-top:none;border-right:none}@media (prefers-reduced-motion: reduce){.popover,.popover__close{transition:none}}.form-group{display:flex;flex-direction:column;gap:var(--primitive-spacing-4);font-family:var(--primitive-font-family-sans)}.form-group__title{margin:0 0 var(--primitive-spacing-2) 0;font-size:var(--semantic-typography-heading-h4-font-size);font-weight:var(--semantic-typography-heading-h4-font-weight);line-height:var(--semantic-typography-heading-h4-line-height);color:var(--semantic-text-default)}.form-group__field,.form-field{display:flex;flex-direction:column;gap:var(--component-form-field-gap)}.form-group__label,.form-field__label{display:inline-flex;align-items:center;gap:var(--component-form-field-label-required-gap);font-size:var(--component-form-field-label-font-size);font-weight:var(--component-form-field-label-font-weight);color:var(--component-form-field-label-color-default);line-height:var(--primitive-font-line-height-normal)}.form-field--disabled .form-field__label,.form-group__field--disabled .form-group__label{color:var(--component-form-field-label-color-disabled)}.form-group__required,.form-field__required{color:var(--component-form-field-label-required-color);font-weight:var(--primitive-font-weight-bold)}.form-group__input{width:100%;height:var(--component-input-size-md-height);padding:0 var(--component-input-size-md-padding-x);border:var(--component-input-border-width) solid var(--component-input-border-color-default);border-radius:var(--component-input-radius);background-color:var(--component-input-bg-default);color:var(--component-input-text-default);font-family:inherit;font-size:var(--component-input-size-md-font-size);line-height:var(--primitive-font-line-height-normal);transition:border-color var(--component-input-transition-duration) var(--component-input-transition-easing),box-shadow var(--component-input-transition-duration) var(--component-input-transition-easing)}.form-group__input::placeholder{color:var(--component-input-text-placeholder)}.form-group__input:hover{border-color:var(--component-input-border-color-hover)}.form-group__input:focus{border-color:var(--component-input-border-color-focus);outline:none;box-shadow:0 0 0 var(--component-input-focus-ring-width) var(--component-input-focus-ring-color)}.form-group__input:focus-visible{border-color:var(--component-input-border-color-focus);outline:none;box-shadow:0 0 0 var(--component-input-focus-ring-width) var(--component-input-focus-ring-color)}.form-group__input:disabled,.form-group__input[aria-disabled=true]{background-color:var(--component-input-bg-disabled);color:var(--component-input-text-disabled);border-color:var(--component-input-border-color-disabled);cursor:not-allowed;opacity:var(--semantic-opacity-disabled)}.form-field__input{width:100%;height:var(--component-input-size-md-height);padding:0 var(--component-input-size-md-padding-x);border:var(--component-input-border-width) solid var(--component-input-border-color-default);border-radius:var(--component-input-radius);background-color:var(--component-input-bg-default);color:var(--component-input-text-default);font-family:var(--primitive-font-family-sans);font-size:var(--component-input-size-md-font-size);line-height:var(--primitive-font-line-height-normal);transition:border-color var(--component-input-transition-duration) var(--component-input-transition-easing),box-shadow var(--component-input-transition-duration) var(--component-input-transition-easing)}.form-field__input::placeholder{color:var(--component-input-text-placeholder)}.form-field__input:hover{border-color:var(--component-input-border-color-hover)}.form-field__input:focus,.form-field__input:focus-visible{border-color:var(--component-input-border-color-focus);outline:none;box-shadow:0 0 0 var(--component-input-focus-ring-width) var(--component-input-focus-ring-color)}.form-field__input:disabled,.form-field__input[aria-disabled=true]{background-color:var(--component-input-bg-disabled);color:var(--component-input-text-disabled);border-color:var(--component-input-border-color-disabled);cursor:not-allowed;opacity:var(--semantic-opacity-disabled)}.form-field--error .form-field__input,.form-field--error .form-group__input{border-color:var(--component-input-border-color-error)}.form-field--error .form-field__input:focus,.form-field--error .form-field__input:focus-visible{box-shadow:0 0 0 var(--component-input-focus-ring-width) var(--semantic-focus-ring-color-danger)}.form-field--success .form-field__input{border-color:var(--component-input-border-color-success)}.form-group__helper,.form-field__helper{font-size:var(--component-form-field-helper-font-size);color:var(--component-form-field-helper-color);margin-top:var(--component-form-field-helper-margin-top);line-height:var(--primitive-font-line-height-normal)}.form-field__error{display:inline-flex;align-items:center;gap:var(--component-form-field-error-icon-gap);font-size:var(--component-form-field-error-font-size);color:var(--component-form-field-error-color);margin-top:var(--component-form-field-error-margin-top);line-height:var(--primitive-font-line-height-normal)}.form-field__success{font-size:var(--component-form-field-success-font-size);color:var(--component-form-field-success-color);margin-top:var(--component-form-field-success-margin-top);line-height:var(--primitive-font-line-height-normal)}.form-field__char-count{font-size:var(--component-form-field-character-count-font-size);color:var(--component-form-field-character-count-color-default);text-align:right}.form-field__char-count--warning{color:var(--component-form-field-character-count-color-warning)}.form-field__char-count--error{color:var(--component-form-field-character-count-color-error)}.form-group__actions{display:flex;align-items:center;gap:var(--primitive-spacing-3);padding-top:var(--primitive-spacing-2)}@media (prefers-reduced-motion: reduce){.form-group__input,.form-field__input{transition:none}}.card{display:flex;flex-direction:column;border-radius:var(--component-card-radius);border:var(--component-card-border-width) solid var(--component-card-border-color);background-color:var(--component-card-bg-default);box-shadow:var(--component-card-shadow-default);overflow:hidden;font-family:var(--primitive-font-family-sans);transition:box-shadow var(--component-card-interactive-transition-duration) var(--component-card-interactive-transition-easing),transform var(--component-card-interactive-transition-duration) var(--component-card-interactive-transition-easing),border-color var(--component-card-interactive-transition-duration) var(--component-card-interactive-transition-easing)}.card--interactive{cursor:var(--component-card-interactive-cursor)}.card--interactive:hover{box-shadow:var(--component-card-shadow-hover);transform:translateY(-2px);background-color:var(--component-card-bg-hover)}.card--interactive:active{transform:translateY(0);box-shadow:var(--component-card-shadow-default)}.card--interactive:focus-visible{outline:var(--component-card-focus-ring-width) var(--semantic-focus-ring-style) var(--component-card-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.card--selected{border-color:var(--component-card-selected-border-color);background-color:var(--component-card-selected-bg)}.card--elevated{border-color:transparent;box-shadow:var(--component-card-shadow-elevated)}.card--elevated:hover{box-shadow:var(--semantic-shadow-xl)}.card--outlined{box-shadow:none;border-color:var(--component-card-border-color)}.card--outlined:hover{box-shadow:none;border-color:var(--component-card-active-border-color)}.card--glass{background:var(--semantic-glass-surface-light);border-color:var(--semantic-glass-border-light);backdrop-filter:blur(var(--semantic-backdrop-blur-md));-webkit-backdrop-filter:blur(var(--semantic-backdrop-blur-md));box-shadow:var(--semantic-shadow-sm)}.card--glass:hover{background:var(--semantic-glass-surface-lighter);box-shadow:var(--semantic-shadow-md)}[data-theme=dark] .card--glass{background:var(--semantic-glass-surface-dark);border-color:var(--semantic-glass-border-dark)}[data-theme=dark] .card--glass:hover{background:var(--semantic-glass-surface-darker)}.card--gradient .card__header{background:var(--semantic-gradient-primary-default);color:#fff;border-bottom:none}.card--gradient .card__header .card__title{color:#fff}.card--primary-shadow{box-shadow:var(--semantic-shadow-colored-primary-sm)}.card--primary-shadow:hover,.card--primary-shadow.card--interactive:hover{box-shadow:var(--semantic-shadow-colored-primary-md)}.card--compact .card__header,.card--compact .card__body,.card--compact .card__footer{padding:var(--component-card-size-compact-padding)}.card__header,.card__body,.card__footer{padding:var(--component-card-size-default-padding)}.card--spacious .card__header,.card--spacious .card__body,.card--spacious .card__footer{padding:var(--component-card-size-spacious-padding)}.card__image,.card__media{width:100%;aspect-ratio:var(--component-card-media-aspect-ratio);object-fit:cover;display:block}.card__media{border-radius:var(--component-card-media-radius);overflow:hidden}.card__body .card__media,.card__body .card__image{margin:0 calc(-1 * var(--component-card-size-default-padding));width:calc(100% + 2 * var(--component-card-size-default-padding))}.card__header{border-bottom:var(--component-card-border-width) solid var(--component-card-header-border-color);padding-bottom:var(--component-card-header-padding-bottom)}.card__header+.card__body{padding-top:0}.card__title{margin:0;font-size:var(--component-card-title-font-size);font-weight:var(--component-card-title-font-weight);color:var(--component-card-title-color);line-height:var(--primitive-font-line-height-snug)}.card__description{margin-top:var(--component-card-description-margin-top);font-size:var(--component-card-description-font-size);color:var(--component-card-description-color);line-height:var(--primitive-font-line-height-normal)}.card__body{flex:1}.card__content{font-size:var(--component-card-body-font-size);line-height:var(--component-card-body-line-height);color:var(--component-card-body-color)}.card__footer,.card__actions{display:flex;align-items:center;gap:var(--component-card-footer-gap);border-top:var(--component-card-border-width) solid var(--component-card-footer-border-color);padding-top:var(--component-card-footer-padding-top)}@media (prefers-reduced-motion: reduce){.card,.card--interactive,.card--interactive:hover,.card--interactive:active{transition:none;transform:none}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--semantic-z-index-modal);display:flex;align-items:center;justify-content:center;padding:var(--component-modal-container-margin);font-family:var(--primitive-font-family-sans)}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--semantic-z-index-modal-backdrop);background-color:var(--component-modal-overlay-bg);-webkit-backdrop-filter:blur(var(--component-modal-overlay-blur));backdrop-filter:blur(var(--component-modal-overlay-blur));opacity:1;transition:opacity var(--component-modal-animation-overlay-duration) var(--component-modal-animation-overlay-easing)}.modal[data-entering] .modal__backdrop,.modal[hidden] .modal__backdrop{opacity:0}.modal[data-exiting] .modal__backdrop{opacity:0;transition:opacity var(--component-modal-animation-exit-duration) var(--component-modal-animation-exit-easing)}.modal__container{position:relative;z-index:var(--semantic-z-index-modal);display:flex;flex-direction:column;width:100%;max-width:var(--component-modal-size-md);max-height:var(--component-modal-container-max-height);border:var(--component-modal-container-border-width) solid var(--component-modal-container-border-color);border-radius:var(--component-modal-container-radius);background-color:var(--component-modal-container-bg);box-shadow:var(--component-modal-container-shadow);overflow:hidden;opacity:1;transform:translateY(0) scale(1);transition:opacity var(--component-modal-animation-content-duration) var(--component-modal-animation-content-easing),transform var(--component-modal-animation-content-duration) var(--component-modal-animation-content-easing)}.modal[data-entering] .modal__container,.modal[hidden] .modal__container{opacity:0;transform:translateY(16px) scale(.95)}.modal[data-exiting] .modal__container{opacity:0;transform:translateY(8px) scale(.98);transition:opacity var(--component-modal-animation-exit-duration) var(--component-modal-animation-exit-easing),transform var(--component-modal-animation-exit-duration) var(--component-modal-animation-exit-easing)}.modal--sm .modal__container{max-width:var(--component-modal-size-sm)}.modal--md .modal__container{max-width:var(--component-modal-size-md)}.modal--lg .modal__container{max-width:var(--component-modal-size-lg)}.modal--xl .modal__container{max-width:var(--component-modal-size-xl)}.modal--full .modal__container{max-width:var(--component-modal-size-full);max-height:calc(100vh - 2 * var(--component-modal-container-margin))}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--primitive-spacing-4);padding:var(--component-modal-header-padding-y) var(--component-modal-header-padding-x);border-bottom:var(--primitive-border-width-thin) solid var(--component-modal-header-border-color);flex-shrink:0}.modal__title{margin:0;font-size:var(--component-modal-title-font-size);font-weight:var(--component-modal-title-font-weight);color:var(--component-modal-title-color);line-height:var(--primitive-font-line-height-snug)}.modal__description{margin-top:var(--component-modal-description-margin-top);font-size:var(--component-modal-description-font-size);color:var(--component-modal-description-color);line-height:var(--primitive-font-line-height-normal)}.modal__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--component-modal-close-size);height:var(--component-modal-close-size);padding:var(--component-modal-close-padding);border:none;border-radius:var(--component-modal-close-radius);background:transparent;color:var(--component-modal-close-color);cursor:pointer;transition:color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default),background-color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.modal__close:hover{color:var(--component-modal-close-hover-color);background-color:var(--component-modal-close-hover-bg)}.modal__close:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.modal__close:active{opacity:.8}.modal__content,.modal__body{flex:1;overflow-y:auto;padding:var(--component-modal-body-padding-y) var(--component-modal-body-padding-x);font-size:var(--component-modal-body-font-size);color:var(--component-modal-body-color);line-height:var(--primitive-font-line-height-normal)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--component-modal-footer-gap);padding:var(--component-modal-footer-padding-y) var(--component-modal-footer-padding-x);border-top:var(--primitive-border-width-thin) solid var(--component-modal-footer-border-color);background-color:var(--component-modal-footer-bg);flex-shrink:0}.modal[hidden]{display:none}@media (prefers-reduced-motion: reduce){.modal__backdrop,.modal__container,.modal[data-entering] .modal__backdrop,.modal[data-entering] .modal__container,.modal[data-exiting] .modal__backdrop,.modal[data-exiting] .modal__container,.modal__close{transition:none;transform:none}}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:var(--component-table-border-width) solid var(--component-table-border-color);border-radius:var(--component-table-radius)}.table-container:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.table{width:100%;border-collapse:collapse;border-spacing:0;font-family:var(--primitive-font-family-sans);background-color:var(--component-table-bg)}.table__caption{padding:var(--component-table-cell-padding-y) var(--component-table-cell-padding-x);font-size:var(--component-table-cell-font-size);color:var(--semantic-text-secondary);text-align:left;caption-side:top}.table__head{background-color:var(--component-table-header-bg)}.table__header{padding:var(--component-table-header-padding-y) var(--component-table-header-padding-x);font-size:var(--component-table-header-font-size);font-weight:var(--component-table-header-font-weight);color:var(--component-table-header-color);text-align:left;text-transform:var(--component-table-header-text-transform);letter-spacing:var(--component-table-header-letter-spacing);white-space:nowrap;border-bottom:var(--component-table-border-width) solid var(--component-table-cell-border-color)}.table__sort{display:inline-flex;align-items:center;gap:var(--component-table-sort-icon-gap);padding:0;border:none;background:transparent;color:var(--component-table-sort-icon-color-default);font:inherit;cursor:pointer;transition:color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.table__sort:hover{color:var(--component-table-sort-icon-color-active)}.table__sort:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset);border-radius:var(--primitive-radius-2xs)}.table__header[aria-sort=ascending] .table__sort,.table__header[aria-sort=descending] .table__sort{color:var(--component-table-sort-icon-color-active)}.table__row{background-color:var(--component-table-row-bg-default);transition:background-color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.table__row:hover{background-color:var(--component-table-row-bg-hover)}.table__row--selected{background-color:var(--component-table-row-bg-selected)}.table--striped .table__body .table__row:nth-child(2n){background-color:var(--component-table-row-bg-striped)}.table--striped .table__body .table__row:nth-child(2n):hover{background-color:var(--component-table-row-bg-hover)}.table__cell{padding:var(--component-table-cell-padding-y) var(--component-table-cell-padding-x);font-size:var(--component-table-cell-font-size);color:var(--component-table-cell-color);border-bottom:var(--component-table-border-width) solid var(--component-table-cell-border-color);line-height:var(--primitive-font-line-height-normal)}.table__body .table__row:last-child .table__cell{border-bottom:none}.table--compact .table__cell,.table--compact .table__header{padding-top:var(--component-table-size-compact-cell-padding-y);padding-bottom:var(--component-table-size-compact-cell-padding-y)}.table--relaxed .table__cell,.table--relaxed .table__header{padding-top:var(--component-table-size-relaxed-cell-padding-y);padding-bottom:var(--component-table-size-relaxed-cell-padding-y)}.table__pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--component-table-pagination-gap);padding:var(--component-table-pagination-padding-y) var(--component-table-pagination-padding-x);background-color:var(--component-table-pagination-bg);border-top:var(--component-table-border-width) solid var(--component-table-pagination-border-color);font-size:var(--component-table-cell-font-size);color:var(--semantic-text-secondary)}.table__empty{padding:var(--component-table-empty-padding-y) var(--component-table-cell-padding-x);text-align:center}.table__empty-icon{width:var(--component-table-empty-icon-size);height:var(--component-table-empty-icon-size);margin:0 auto var(--primitive-spacing-3);color:var(--component-table-empty-icon-color)}.table__empty-text{font-size:var(--component-table-empty-font-size);color:var(--component-table-empty-text-color)}.table-container--loading{position:relative}.table-container--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--component-table-loading-overlay);z-index:1}@media (prefers-reduced-motion: reduce){.table__row,.table__sort{transition:none}}.nav{width:100%;height:var(--component-nav-height);background-color:var(--component-nav-bg);border-bottom:var(--component-nav-border-width) solid var(--component-nav-border-color);box-shadow:var(--component-nav-shadow);font-family:var(--primitive-font-family-sans)}.nav--sticky{position:sticky;top:0;z-index:var(--component-nav-sticky-z-index)}.nav--fixed{position:fixed;top:0;left:0;right:0;z-index:var(--semantic-z-index-fixed)}.nav__container{display:flex;align-items:center;height:100%;padding:0 var(--component-nav-padding-x);max-width:1280px;margin:0 auto}.nav__brand{display:inline-flex;align-items:center;gap:var(--component-nav-logo-gap);height:var(--component-nav-logo-height);margin-right:var(--primitive-spacing-6);text-decoration:none;color:var(--semantic-text-default);font-weight:var(--primitive-font-weight-bold);font-size:var(--primitive-font-size-lg);flex-shrink:0}.nav__brand:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset);border-radius:var(--primitive-radius-base)}.nav__brand img{height:100%;width:auto}.nav__mobile-trigger{display:none;align-items:center;justify-content:center;width:var(--component-nav-mobile-trigger-size);height:var(--component-nav-mobile-trigger-size);padding:0;border:none;border-radius:var(--component-nav-item-radius);background:transparent;color:var(--semantic-text-default);cursor:pointer;margin-left:auto;transition:background-color var(--component-nav-animation-duration) var(--component-nav-animation-easing),color var(--component-nav-animation-duration) var(--component-nav-animation-easing)}.nav__mobile-trigger:hover{background-color:var(--component-nav-item-bg-hover)}.nav__mobile-trigger:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.nav__mobile-trigger:active{background-color:var(--semantic-surface-page-muted)}.nav__hamburger{display:block;width:var(--component-nav-mobile-trigger-icon-size);height:2px;background-color:currentColor;position:relative;transition:background-color var(--component-nav-animation-duration) var(--component-nav-animation-easing)}.nav__hamburger:before,.nav__hamburger:after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:currentColor;transition:transform var(--component-nav-animation-duration) var(--component-nav-animation-easing)}.nav__hamburger:before{top:-6px}.nav__hamburger:after{bottom:-6px}.nav__mobile-trigger[aria-expanded=true] .nav__hamburger{background-color:transparent}.nav__mobile-trigger[aria-expanded=true] .nav__hamburger:before{transform:rotate(45deg) translate(4px,4px)}.nav__mobile-trigger[aria-expanded=true] .nav__hamburger:after{transform:rotate(-45deg) translate(4px,-4px)}.nav__menu{display:flex;align-items:center;gap:var(--component-nav-group-gap);margin:0;padding:0;list-style:none;flex:1}.nav__item{display:inline-flex;align-items:center;gap:var(--component-nav-item-gap);padding:var(--component-nav-item-padding-y) var(--component-nav-item-padding-x);border-radius:var(--component-nav-item-radius);background-color:var(--component-nav-item-bg-default);color:var(--component-nav-item-color-default);font-size:var(--component-nav-item-font-size);font-weight:var(--component-nav-item-font-weight);line-height:var(--primitive-font-line-height-normal);text-decoration:none;white-space:nowrap;cursor:pointer;position:relative;transition:color var(--component-nav-animation-duration) var(--component-nav-animation-easing),background-color var(--component-nav-animation-duration) var(--component-nav-animation-easing)}.nav__item:hover{color:var(--component-nav-item-color-hover);background-color:var(--component-nav-item-bg-hover)}.nav__item:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.nav__item:active{opacity:.9}.nav__item--active{color:var(--component-nav-item-color-active);background-color:var(--component-nav-item-bg-active)}.nav__item--active:after{content:"";position:absolute;bottom:calc(-1 * var(--component-nav-item-padding-y));left:var(--component-nav-item-padding-x);right:var(--component-nav-item-padding-x);height:var(--component-nav-item-indicator-height);background-color:var(--component-nav-item-indicator-color);border-radius:var(--primitive-radius-full)}.nav__divider{width:var(--component-nav-divider-width);height:var(--component-nav-divider-height);margin:0 var(--component-nav-divider-margin-x);background-color:var(--component-nav-divider-color);flex-shrink:0}.nav__dropdown{position:absolute;top:100%;left:0;z-index:var(--semantic-z-index-dropdown);min-width:var(--component-nav-dropdown-min-width);margin-top:var(--component-nav-dropdown-offset);padding:var(--component-nav-dropdown-padding);background-color:var(--component-nav-dropdown-bg);border:var(--primitive-border-width-thin) solid var(--component-nav-dropdown-border);border-radius:var(--component-nav-dropdown-radius);box-shadow:var(--component-nav-dropdown-shadow);list-style:none;opacity:1;transform:translateY(0);transition:opacity var(--component-nav-animation-duration) var(--component-nav-animation-easing),transform var(--component-nav-animation-duration) var(--component-nav-animation-easing)}.nav__dropdown[hidden]{display:block;visibility:hidden;opacity:0;transform:translateY(-4px);pointer-events:none}@media (max-width: 768px){.nav__mobile-trigger{display:flex}.nav__menu{position:absolute;top:var(--component-nav-height);left:0;right:0;flex-direction:column;align-items:stretch;padding:var(--component-nav-mobile-menu-padding);background-color:var(--component-nav-mobile-menu-bg);border-bottom:var(--component-nav-border-width) solid var(--component-nav-border-color);box-shadow:var(--component-nav-shadow);opacity:1;transform:translateY(0);transition:opacity var(--component-nav-animation-duration) var(--component-nav-animation-easing),transform var(--component-nav-animation-duration) var(--component-nav-animation-easing)}.nav__menu[hidden]{display:block;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none}.nav__item{padding:var(--component-nav-mobile-menu-item-padding-y) var(--component-nav-item-padding-x);border-radius:var(--component-nav-item-radius);width:100%}.nav__item--active:after{display:none}.nav__divider{width:100%;height:var(--component-nav-divider-width);margin:var(--primitive-spacing-2) 0}.nav__dropdown{position:static;box-shadow:none;border:none;padding-left:var(--primitive-spacing-4);margin-top:0}}@media (prefers-reduced-motion: reduce){.nav__mobile-trigger,.nav__hamburger,.nav__hamburger:before,.nav__hamburger:after,.nav__item,.nav__menu,.nav__dropdown{transition:none}}.card-product{display:flex;flex-direction:column;border-radius:var(--component-card-radius);overflow:hidden;background-color:var(--component-card-bg-default);box-shadow:var(--semantic-shadow-sm);font-family:var(--primitive-font-family-sans);border:var(--component-card-border-width) solid var(--component-card-border-color)}.card-product--interactive{cursor:pointer;transition:transform var(--component-card-interactive-transition-duration) var(--component-card-interactive-transition-easing),box-shadow var(--component-card-interactive-transition-duration) var(--component-card-interactive-transition-easing)}.card-product--interactive:hover{transform:translateY(-2px);box-shadow:var(--semantic-shadow-md)}.card-product--interactive:active{transform:translateY(0)}.card-product--interactive:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.card-product__image-wrapper{position:relative;aspect-ratio:4 / 3;overflow:hidden}.card-product__image{width:100%;height:100%;object-fit:cover;display:block}.card-product__badge{position:absolute;top:var(--primitive-spacing-3);right:var(--primitive-spacing-3);background-color:var(--semantic-color-danger-default);color:var(--primitive-color-white);font-size:var(--primitive-font-size-xs);font-weight:var(--primitive-font-weight-semibold);padding:var(--primitive-spacing-1) var(--primitive-spacing-2);border-radius:var(--primitive-radius-full);line-height:var(--primitive-font-line-height-none);letter-spacing:.02em}.card-product__body{padding:var(--component-card-size-default-padding);display:flex;flex-direction:column;gap:var(--primitive-spacing-2);flex:1}.card-product__title{margin:0;font-size:var(--primitive-font-size-base);font-weight:var(--primitive-font-weight-semibold);color:var(--semantic-text-default);line-height:var(--primitive-font-line-height-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-product__price-group{display:flex;flex-direction:row;align-items:center;gap:var(--primitive-spacing-2)}.card-product__price{font-weight:var(--primitive-font-weight-bold);font-size:var(--primitive-font-size-lg);color:var(--semantic-text-default);line-height:var(--primitive-font-line-height-none)}.card-product__price--original{text-decoration:line-through;color:var(--semantic-text-muted);font-size:var(--primitive-font-size-sm);font-weight:var(--primitive-font-weight-normal)}.card-product__price--sale{color:var(--semantic-color-danger-default);font-weight:var(--primitive-font-weight-bold);font-size:var(--primitive-font-size-lg)}.card-product__rating{display:flex;flex-direction:row;align-items:center;gap:2px;color:var(--primitive-color-amber-400);font-size:var(--primitive-font-size-sm)}.card-product__rating--empty{color:var(--primitive-color-neutral-300)}.card-product__actions{display:flex;align-items:center;gap:var(--primitive-spacing-2);padding:var(--component-card-size-default-padding);border-top:var(--component-card-border-width) solid var(--component-card-footer-border-color)}@media (prefers-reduced-motion: reduce){.card-product--interactive,.card-product--interactive:hover,.card-product--interactive:active{transition:none;transform:none}}.card-profile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--primitive-spacing-6);background-color:var(--component-card-bg-default);border-radius:var(--component-card-radius);box-shadow:var(--component-card-shadow-default);border:var(--component-card-border-width) solid var(--component-card-border-color);font-family:var(--primitive-font-family-sans)}.card-profile__avatar{width:128px;height:128px;border-radius:var(--primitive-radius-full);object-fit:cover;border:3px solid var(--semantic-color-primary-default);margin-bottom:var(--primitive-spacing-4);display:block}.card-profile__name{margin:0;font-size:var(--primitive-font-size-lg);font-weight:var(--primitive-font-weight-bold);color:var(--semantic-text-default);line-height:var(--primitive-font-line-height-snug)}.card-profile__role{font-size:var(--primitive-font-size-sm);color:var(--semantic-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--primitive-spacing-1);line-height:var(--primitive-font-line-height-normal)}.card-profile__bio{font-size:var(--primitive-font-size-sm);color:var(--semantic-text-secondary);max-width:280px;line-height:var(--primitive-font-line-height-relaxed);margin-top:var(--primitive-spacing-3)}.card-profile__socials{display:flex;flex-direction:row;align-items:center;gap:var(--primitive-spacing-3);margin-top:var(--primitive-spacing-4);list-style:none;padding:0;margin-bottom:0}.card-profile__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--primitive-radius-full);background-color:var(--primitive-color-neutral-100);color:var(--semantic-text-secondary);text-decoration:none;transition:background-color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default),color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.card-profile__social-link:hover{background-color:var(--semantic-color-primary-default);color:var(--primitive-color-white)}.card-profile__social-link:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.card-profile__email{font-size:var(--primitive-font-size-sm);color:var(--semantic-color-primary-default);text-decoration:none;margin-top:var(--primitive-spacing-3);transition:color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.card-profile__email:hover{text-decoration:underline}.card-profile__email:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}@media (prefers-reduced-motion: reduce){.card-profile__social-link,.card-profile__social-link:hover,.card-profile__email,.card-profile__email:hover{transition:none}}.card-stats{display:flex;flex-direction:column;padding:var(--primitive-spacing-5);background-color:var(--component-card-bg-default);border-radius:var(--component-card-radius);box-shadow:var(--semantic-shadow-sm);border:var(--component-card-border-width) solid var(--component-card-border-color);font-family:var(--primitive-font-family-sans);min-width:200px}.card-stats__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--primitive-radius-full);background-color:var(--semantic-color-primary-muted);color:var(--semantic-color-primary-default);font-size:var(--primitive-font-size-xl);margin-bottom:var(--primitive-spacing-3);flex-shrink:0}.card-stats__label{font-size:var(--primitive-font-size-sm);color:var(--semantic-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--primitive-font-weight-medium);line-height:var(--primitive-font-line-height-normal);margin-bottom:var(--primitive-spacing-1)}.card-stats__value{font-size:2rem;font-weight:var(--primitive-font-weight-bold);color:var(--semantic-text-default);line-height:1;margin-bottom:var(--primitive-spacing-2)}.card-stats__change{font-size:var(--primitive-font-size-sm);font-weight:var(--primitive-font-weight-medium);display:flex;align-items:center;gap:4px;line-height:var(--primitive-font-line-height-normal)}.card-stats__change--up{color:var(--semantic-color-success-default)}.card-stats__change--down{color:var(--semantic-color-danger-default)}.card-stats--primary{border-left:4px solid var(--semantic-color-primary-default)}.card-stats--success{border-left:4px solid var(--semantic-color-success-default)}.card-stats--danger{border-left:4px solid var(--semantic-color-danger-default)}.hero{position:relative;min-height:60vh;display:flex;align-items:center;padding:var(--primitive-spacing-16) var(--primitive-spacing-6);overflow:hidden;font-family:var(--primitive-font-family-sans)}.hero__container{max-width:1200px;margin:0 auto;display:grid;gap:var(--primitive-spacing-12);width:100%;position:relative;z-index:1}.hero--with-image .hero__container{grid-template-columns:1fr 1fr;align-items:center}.hero--center{text-align:center}.hero--center .hero__container{justify-items:center}.hero--center .hero__content{max-width:800px;align-items:center}.hero--center .hero__description{margin-left:auto;margin-right:auto}.hero--center .hero__actions{justify-content:center}.hero--left{text-align:left}.hero__content{display:flex;flex-direction:column}.hero__headline{margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--primitive-font-weight-extrabold);color:var(--semantic-text-default);line-height:1.1}.hero__subheadline{margin:0;margin-top:var(--primitive-spacing-4);font-size:var(--primitive-font-size-xl);color:var(--semantic-text-secondary);line-height:var(--primitive-font-line-height-normal)}.hero__description{font-size:var(--primitive-font-size-lg);color:var(--semantic-text-muted);max-width:600px;line-height:var(--primitive-font-line-height-relaxed);margin-top:var(--primitive-spacing-4)}.hero__actions{display:flex;flex-direction:row;gap:var(--primitive-spacing-4);margin-top:var(--primitive-spacing-8);flex-wrap:wrap}.hero__image{border-radius:var(--primitive-radius-xl);box-shadow:var(--semantic-shadow-xl);max-width:100%;display:block}.hero--gradient{background:var(--semantic-gradient-surface-hero)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:0}.hero__overlay~.hero__container{z-index:1}@media (max-width: 768px){.hero{min-height:50vh;padding:var(--primitive-spacing-10) var(--primitive-spacing-4)}.hero--with-image .hero__container{grid-template-columns:1fr;text-align:center}.hero--with-image .hero__actions{justify-content:center}.hero__headline{font-size:clamp(1.75rem,6vw,2.5rem)}.hero__subheadline{font-size:var(--primitive-font-size-lg)}.hero__description{font-size:var(--primitive-font-size-base)}.hero__image{max-width:100%;margin:0 auto}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--primitive-spacing-8);font-family:var(--primitive-font-family-sans)}.feature-grid__item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--primitive-spacing-6);transition:transform var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default),box-shadow var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.feature-grid__item:hover{transform:translateY(-4px);box-shadow:var(--semantic-shadow-colored-primary-sm)}.feature-grid__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--primitive-radius-full);background-color:var(--semantic-color-primary-muted);color:var(--semantic-color-primary-default);font-size:28px;margin-bottom:var(--primitive-spacing-4);flex-shrink:0}.feature-grid__title{margin:0;font-size:var(--primitive-font-size-lg);font-weight:var(--primitive-font-weight-semibold);color:var(--semantic-text-default);line-height:var(--primitive-font-line-height-snug);margin-bottom:var(--primitive-spacing-2)}.feature-grid__description{font-size:var(--primitive-font-size-sm);color:var(--semantic-text-muted);line-height:var(--primitive-font-line-height-relaxed);margin:0}@media (prefers-reduced-motion: reduce){.feature-grid__item,.feature-grid__item:hover{transition:none;transform:none}}.pricing-card{display:flex;flex-direction:column;background-color:var(--component-card-bg-default);border-radius:var(--component-card-radius);box-shadow:var(--semantic-shadow-sm);overflow:hidden;border:1px solid var(--component-card-border-color);font-family:var(--primitive-font-family-sans);position:relative}.pricing-card__header{padding:var(--primitive-spacing-6);text-align:center;border-bottom:var(--component-card-border-width) solid var(--component-card-border-color)}.pricing-card__name{margin:0;font-size:var(--primitive-font-size-lg);font-weight:var(--primitive-font-weight-semibold);color:var(--semantic-text-default);line-height:var(--primitive-font-line-height-snug)}.pricing-card__price{margin:var(--primitive-spacing-4) 0;display:flex;align-items:baseline;justify-content:center;gap:var(--primitive-spacing-1)}.pricing-card__price-amount{font-size:3rem;font-weight:var(--primitive-font-weight-extrabold);color:var(--semantic-text-default);line-height:1}.pricing-card__price-period{font-size:var(--primitive-font-size-sm);color:var(--semantic-text-muted)}.pricing-card__description{font-size:var(--primitive-font-size-sm);color:var(--semantic-text-secondary);line-height:var(--primitive-font-line-height-normal);margin-top:var(--primitive-spacing-2)}.pricing-card__features{list-style:none;padding:var(--primitive-spacing-6);margin:0;display:flex;flex-direction:column;gap:var(--primitive-spacing-3);flex:1}.pricing-card__feature{display:flex;flex-direction:row;align-items:center;gap:var(--primitive-spacing-2);font-size:var(--primitive-font-size-sm);color:var(--semantic-text-default);line-height:var(--primitive-font-line-height-normal)}.pricing-card__feature--included .pricing-card__feature-icon{color:var(--semantic-color-success-default)}.pricing-card__feature--excluded{color:var(--semantic-text-muted);text-decoration:line-through}.pricing-card__feature--excluded .pricing-card__feature-icon{color:var(--semantic-text-muted)}.pricing-card__feature-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.pricing-card__cta{padding:var(--primitive-spacing-6);text-align:center;border-top:var(--component-card-border-width) solid var(--component-card-border-color)}.pricing-card--highlighted{border-color:var(--semantic-color-primary-default);box-shadow:var(--semantic-shadow-colored-primary-md);transform:scale(1.02);z-index:1}.pricing-card__badge{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:var(--semantic-color-primary-default);color:var(--primitive-color-white);font-size:var(--primitive-font-size-xs);font-weight:var(--primitive-font-weight-semibold);padding:var(--primitive-spacing-1) var(--primitive-spacing-3);border-radius:0 0 var(--primitive-radius-base) var(--primitive-radius-base);line-height:var(--primitive-font-line-height-normal);letter-spacing:.02em}@media (prefers-reduced-motion: reduce){.pricing-card--highlighted{transform:none}}.layout-dashboard{display:grid;grid-template-columns:260px 1fr;min-height:100vh;font-family:var(--primitive-font-family-sans)}.layout-dashboard__sidebar{background-color:var(--semantic-surface-secondary);border-right:1px solid var(--semantic-border-default);padding:var(--primitive-spacing-4);position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.layout-dashboard__main{display:flex;flex-direction:column;min-width:0}.layout-dashboard__header{background-color:var(--semantic-surface-default);border-bottom:1px solid var(--semantic-border-default);padding:0 var(--primitive-spacing-6);display:flex;align-items:center;justify-content:space-between;height:64px;position:sticky;top:0;z-index:10;flex-shrink:0}.layout-dashboard__content{flex:1;padding:var(--primitive-spacing-6);overflow-y:auto}.layout-dashboard__nav{display:flex;flex-direction:column;gap:var(--primitive-spacing-1);list-style:none;margin:0;padding:0}.layout-dashboard__nav-item{display:flex;align-items:center;gap:var(--primitive-spacing-2);padding:var(--primitive-spacing-2) var(--primitive-spacing-3);border-radius:var(--primitive-radius-md);color:var(--semantic-text-secondary);font-size:var(--primitive-font-size-sm);text-decoration:none;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;line-height:var(--primitive-font-line-height-normal);transition:background-color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default),color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.layout-dashboard__nav-item:hover{background-color:var(--primitive-color-neutral-100);color:var(--semantic-text-default)}.layout-dashboard__nav-item:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.layout-dashboard__nav-item--active{background-color:var(--semantic-color-primary-muted);color:var(--semantic-color-primary-default);font-weight:var(--primitive-font-weight-medium)}.layout-dashboard__nav-item--active:hover{background-color:var(--semantic-color-primary-muted);color:var(--semantic-color-primary-default)}.layout-dashboard__skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;background-color:var(--semantic-color-primary-default);color:var(--primitive-color-white);font-size:var(--primitive-font-size-sm);text-decoration:none;z-index:100}.layout-dashboard__skip:focus{position:fixed;top:var(--primitive-spacing-2);left:var(--primitive-spacing-2);width:auto;height:auto;padding:var(--primitive-spacing-2) var(--primitive-spacing-4);margin:0;clip:auto;border-radius:var(--primitive-radius-base);outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.layout-dashboard__toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--primitive-radius-md);background:transparent;color:var(--semantic-text-default);cursor:pointer;transition:background-color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.layout-dashboard__toggle:hover{background-color:var(--primitive-color-neutral-100)}.layout-dashboard__toggle:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}@media (max-width: 768px){.layout-dashboard{grid-template-columns:1fr}.layout-dashboard__sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:20;transform:translate(-100%);transition:transform var(--primitive-motion-duration-normal) var(--primitive-motion-easing-default)}.layout-dashboard__sidebar--open{transform:translate(0)}.layout-dashboard__toggle{display:flex}}@media (prefers-reduced-motion: reduce){.layout-dashboard__nav-item,.layout-dashboard__nav-item:hover,.layout-dashboard__toggle,.layout-dashboard__sidebar{transition:none}}.layout-marketing{font-family:var(--primitive-font-family-sans);min-height:100vh;display:flex;flex-direction:column}.layout-marketing__header{position:sticky;top:0;z-index:50;backdrop-filter:blur(var(--semantic-backdrop-blur-md));-webkit-backdrop-filter:blur(var(--semantic-backdrop-blur-md));background:var(--semantic-glass-surface-light);border-bottom:1px solid var(--semantic-glass-border-light)}[data-theme=dark] .layout-marketing__header{background:var(--semantic-glass-surface-dark);border-bottom-color:var(--semantic-glass-border-dark)}.layout-marketing__nav{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--primitive-spacing-6)}.layout-marketing__brand{font-weight:var(--primitive-font-weight-bold);font-size:var(--primitive-font-size-lg);color:var(--semantic-text-default);text-decoration:none;display:inline-flex;align-items:center;flex-shrink:0}.layout-marketing__brand:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset);border-radius:var(--primitive-radius-base)}.layout-marketing__nav-items{display:flex;align-items:center;gap:var(--primitive-spacing-6);list-style:none;margin:0;padding:0}.layout-marketing__nav-items a{color:var(--semantic-text-secondary);text-decoration:none;font-size:var(--primitive-font-size-sm);font-weight:var(--primitive-font-weight-medium);transition:color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.layout-marketing__nav-items a:hover{color:var(--semantic-text-default)}.layout-marketing__nav-items a:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset);border-radius:var(--primitive-radius-base)}.layout-marketing__hero{flex-shrink:0}.layout-marketing__section{max-width:1200px;margin:0 auto;padding:var(--primitive-spacing-16) var(--primitive-spacing-6);width:100%}.layout-marketing__footer{background-color:var(--semantic-surface-secondary);border-top:1px solid var(--semantic-border-default);padding:var(--primitive-spacing-8) var(--primitive-spacing-6);text-align:center;color:var(--semantic-text-muted);font-size:var(--primitive-font-size-sm);margin-top:auto}.layout-marketing__skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;background-color:var(--semantic-color-primary-default);color:var(--primitive-color-white);font-size:var(--primitive-font-size-sm);text-decoration:none;z-index:100}.layout-marketing__skip:focus{position:fixed;top:var(--primitive-spacing-2);left:var(--primitive-spacing-2);width:auto;height:auto;padding:var(--primitive-spacing-2) var(--primitive-spacing-4);margin:0;clip:auto;border-radius:var(--primitive-radius-base);outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}@media (max-width: 768px){.layout-marketing__nav{padding:0 var(--primitive-spacing-4)}.layout-marketing__nav-items{display:none}.layout-marketing__nav-items--open{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:var(--semantic-glass-surface-light);backdrop-filter:blur(var(--semantic-backdrop-blur-md));-webkit-backdrop-filter:blur(var(--semantic-backdrop-blur-md));border-bottom:1px solid var(--semantic-glass-border-light);padding:var(--primitive-spacing-4);gap:var(--primitive-spacing-2);z-index:49}[data-theme=dark] .layout-marketing__nav-items--open{background:var(--semantic-glass-surface-dark);border-bottom-color:var(--semantic-glass-border-dark)}.layout-marketing__section{padding:var(--primitive-spacing-10) var(--primitive-spacing-4)}}@media (prefers-reduced-motion: reduce){.layout-marketing__nav-items a,.layout-marketing__nav-items a:hover{transition:none}}.layout-blog{display:grid;grid-template-columns:1fr 260px;gap:var(--primitive-spacing-8);max-width:1080px;margin:0 auto;padding:var(--primitive-spacing-8) var(--primitive-spacing-6);font-family:var(--primitive-font-family-sans)}.layout-blog__article{max-width:720px;min-width:0}.layout-blog__header{margin-bottom:var(--primitive-spacing-6)}.layout-blog__title{margin:0;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:var(--primitive-font-weight-extrabold);color:var(--semantic-text-default);line-height:1.2}.layout-blog__meta{display:flex;flex-direction:row;gap:var(--primitive-spacing-3);align-items:center;color:var(--semantic-text-muted);font-size:var(--primitive-font-size-sm);margin-top:var(--primitive-spacing-3);margin-bottom:var(--primitive-spacing-6);line-height:var(--primitive-font-line-height-normal)}.layout-blog__author{font-weight:var(--primitive-font-weight-medium);color:var(--semantic-text-secondary)}.layout-blog__date,.layout-blog__reading-time{color:var(--semantic-text-muted)}.layout-blog__meta>*:not(:last-child):after{content:"·";margin-left:var(--primitive-spacing-3);color:var(--semantic-text-muted)}.layout-blog__content{line-height:var(--primitive-font-line-height-relaxed);font-size:var(--primitive-font-size-base);color:var(--semantic-text-default)}.layout-blog__content>*+*{margin-top:var(--primitive-spacing-4)}.layout-blog__content h2{font-size:var(--primitive-font-size-xl);font-weight:var(--primitive-font-weight-bold);color:var(--semantic-text-default);margin-top:var(--primitive-spacing-8)}.layout-blog__content h3{font-size:var(--primitive-font-size-lg);font-weight:var(--primitive-font-weight-semibold);color:var(--semantic-text-default);margin-top:var(--primitive-spacing-6)}.layout-blog__content a{color:var(--semantic-color-primary-default);text-decoration:underline}.layout-blog__content a:hover{color:var(--semantic-color-primary-hover)}.layout-blog__content blockquote{border-left:3px solid var(--semantic-color-primary-default);padding-left:var(--primitive-spacing-4);color:var(--semantic-text-secondary);font-style:italic;margin:var(--primitive-spacing-6) 0}.layout-blog__content code{background-color:var(--semantic-surface-secondary);padding:var(--primitive-spacing-0-5) var(--primitive-spacing-1);border-radius:var(--primitive-radius-sm);font-family:var(--primitive-font-family-mono);font-size:.875em}.layout-blog__content pre{background-color:var(--semantic-surface-secondary);padding:var(--primitive-spacing-4);border-radius:var(--primitive-radius-md);overflow-x:auto}.layout-blog__content pre code{background:none;padding:0;border-radius:0}.layout-blog__tags{display:flex;flex-wrap:wrap;gap:var(--primitive-spacing-2);margin-top:var(--primitive-spacing-8);list-style:none;padding:0}.layout-blog__related{margin-top:var(--primitive-spacing-10);border-top:1px solid var(--semantic-border-default);padding-top:var(--primitive-spacing-6)}.layout-blog__sidebar{position:sticky;top:80px;height:fit-content;align-self:start}.layout-blog__toc{border-left:2px solid var(--semantic-border-default);padding-left:var(--primitive-spacing-4);list-style:none;margin:0;display:flex;flex-direction:column}.layout-blog__toc-item{display:block;padding:var(--primitive-spacing-1) 0;font-size:var(--primitive-font-size-sm);color:var(--semantic-text-muted);text-decoration:none;transition:color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default);line-height:var(--primitive-font-line-height-normal)}.layout-blog__toc-item:hover{color:var(--semantic-text-default)}.layout-blog__toc-item:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset);border-radius:var(--primitive-radius-sm)}.layout-blog__toc-item--active{color:var(--semantic-color-primary-default);font-weight:var(--primitive-font-weight-medium);position:relative}.layout-blog__toc-item--active:before{content:"";position:absolute;left:calc(-1 * var(--primitive-spacing-4) - 2px);top:0;bottom:0;width:2px;background-color:var(--semantic-color-primary-default)}@media (max-width: 1024px){.layout-blog{grid-template-columns:1fr;padding:var(--primitive-spacing-6) var(--primitive-spacing-4)}.layout-blog__sidebar{position:static;order:-1;border-bottom:1px solid var(--semantic-border-default);padding-bottom:var(--primitive-spacing-4);margin-bottom:var(--primitive-spacing-4)}.layout-blog__toc{flex-direction:row;flex-wrap:wrap;gap:var(--primitive-spacing-2);border-left:none;padding-left:0;border-bottom:none}.layout-blog__toc-item--active:before{display:none}.layout-blog__article{max-width:100%}}@media (prefers-reduced-motion: reduce){.layout-blog__toc-item,.layout-blog__toc-item:hover{transition:none}}.search-autocomplete{position:relative;width:100%;font-family:var(--primitive-font-family-sans)}.search-autocomplete__input-wrapper{position:relative;display:flex;align-items:center}.search-autocomplete__icon{position:absolute;left:var(--primitive-spacing-3);color:var(--semantic-text-muted);pointer-events:none;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.search-autocomplete__input{width:100%;height:var(--component-input-size-md-height);padding-left:calc(var(--primitive-spacing-3) + 20px + var(--primitive-spacing-2));padding-right:calc(var(--primitive-spacing-3) + 20px + var(--primitive-spacing-2));font-family:var(--primitive-font-family-sans);font-size:var(--component-input-size-md-font-size);line-height:var(--primitive-font-line-height-normal);color:var(--component-input-text-default);background-color:var(--component-input-bg-default);border:var(--component-input-border-width) solid var(--component-input-border-color-default);border-radius:var(--component-input-radius);outline:none;transition:border-color var(--component-input-transition-duration) var(--component-input-transition-easing),box-shadow var(--component-input-transition-duration) var(--component-input-transition-easing)}.search-autocomplete__input::placeholder{color:var(--component-input-text-placeholder);opacity:var(--semantic-opacity-placeholder)}.search-autocomplete__input:hover{border-color:var(--component-input-border-color-hover)}.search-autocomplete__input:focus-visible{border-color:var(--component-input-border-color-focus);box-shadow:0 0 0 var(--component-input-focus-ring-width) var(--component-input-focus-ring-color)}.search-autocomplete__clear{position:absolute;right:var(--primitive-spacing-3);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--semantic-text-muted);cursor:pointer;opacity:0;transition:opacity var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.search-autocomplete__clear--visible{opacity:1}.search-autocomplete__clear:hover{color:var(--semantic-text-default)}.search-autocomplete__clear:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset);border-radius:var(--primitive-radius-sm);opacity:1}.search-autocomplete__dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--primitive-spacing-1);background-color:var(--semantic-surface-default);box-shadow:var(--semantic-shadow-lg);border-radius:var(--component-input-radius);max-height:320px;overflow-y:auto;z-index:50;border:1px solid var(--semantic-border-default)}.search-autocomplete__dropdown[hidden]{display:none}.search-autocomplete__section{padding:0;margin:0;list-style:none}.search-autocomplete__section-title{padding:var(--primitive-spacing-2) var(--primitive-spacing-3);font-size:var(--primitive-font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--semantic-text-muted);font-weight:var(--primitive-font-weight-medium);line-height:var(--primitive-font-line-height-normal)}.search-autocomplete__item{padding:var(--primitive-spacing-2) var(--primitive-spacing-3);cursor:pointer;font-size:var(--primitive-font-size-sm);color:var(--semantic-text-default);line-height:var(--primitive-font-line-height-normal);transition:background-color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.search-autocomplete__item:hover{background-color:var(--primitive-color-neutral-50)}.search-autocomplete__item--highlighted{background-color:var(--semantic-color-primary-muted)}.search-autocomplete__hint{padding:var(--primitive-spacing-2) var(--primitive-spacing-3);font-size:var(--primitive-font-size-xs);color:var(--semantic-text-muted);border-top:1px solid var(--semantic-border-default);display:flex;gap:var(--primitive-spacing-2);align-items:center;line-height:var(--primitive-font-line-height-normal)}.search-autocomplete__dropdown.animate-dropdown-open{animation:search-dropdown-enter var(--primitive-motion-duration-fast) var(--primitive-motion-easing-enter)}@keyframes search-dropdown-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.search-autocomplete__input,.search-autocomplete__input:hover,.search-autocomplete__clear,.search-autocomplete__item,.search-autocomplete__item:hover{transition:none}.search-autocomplete__dropdown.animate-dropdown-open{animation:none}}.data-table{font-family:var(--primitive-font-family-sans)}.data-table__toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--primitive-spacing-4);gap:var(--primitive-spacing-4);flex-wrap:wrap}.data-table__search{max-width:280px;flex-shrink:0}.data-table__filters{display:flex;flex-direction:row;gap:var(--primitive-spacing-2);align-items:center;flex-wrap:wrap}.data-table__filter-chip{display:inline-flex;align-items:center;gap:var(--primitive-spacing-1);padding:var(--primitive-spacing-1) var(--primitive-spacing-2);font-size:var(--primitive-font-size-xs);border-radius:var(--primitive-radius-full);background-color:var(--semantic-color-primary-muted);color:var(--semantic-color-primary-default);border:none;cursor:pointer;font-family:inherit;line-height:var(--primitive-font-line-height-normal)}.data-table__actions{display:flex;gap:var(--primitive-spacing-2);align-items:center;margin-left:auto}.data-table__container{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--semantic-border-default);border-radius:var(--component-card-radius)}.data-table__container:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.data-table__table{width:100%;border-collapse:collapse;border-spacing:0}.data-table__header{background-color:var(--semantic-surface-secondary);position:sticky;top:0;z-index:1}.data-table__header-cell{padding:var(--primitive-spacing-3) var(--primitive-spacing-4);font-size:var(--primitive-font-size-sm);font-weight:var(--primitive-font-weight-semibold);text-align:left;color:var(--semantic-text-secondary);white-space:nowrap;border-bottom:1px solid var(--semantic-border-default);line-height:var(--primitive-font-line-height-normal)}.data-table__sort-icon{display:inline-flex;align-items:center;cursor:pointer;opacity:.5;margin-left:var(--primitive-spacing-1);transition:opacity var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.data-table__sort-icon:hover{opacity:1}.data-table__header-cell[aria-sort] .data-table__sort-icon{opacity:1;color:var(--semantic-color-primary-default)}.data-table__row{border-bottom:1px solid var(--semantic-border-default);transition:background-color var(--primitive-motion-duration-micro) var(--primitive-motion-easing-default)}.data-table__row:last-child{border-bottom:none}.data-table__row:hover,.data-table__row--hover{background-color:var(--primitive-color-neutral-50)}.data-table__row--selected,.data-table__row--selected:hover{background-color:var(--semantic-color-primary-muted)}.data-table__cell{padding:var(--primitive-spacing-3) var(--primitive-spacing-4);font-size:var(--primitive-font-size-sm);color:var(--semantic-text-default);line-height:var(--primitive-font-line-height-normal)}.data-table__checkbox{display:flex;align-items:center;justify-content:center;width:40px}.data-table__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--primitive-spacing-3) var(--primitive-spacing-4);border-top:1px solid var(--semantic-border-default);font-size:var(--primitive-font-size-sm);color:var(--semantic-text-muted);line-height:var(--primitive-font-line-height-normal)}.data-table__page-info{font-size:var(--primitive-font-size-sm);color:var(--semantic-text-muted)}.data-table__empty{padding:var(--primitive-spacing-10) var(--primitive-spacing-4);text-align:center;color:var(--semantic-text-muted);font-size:var(--primitive-font-size-sm);line-height:var(--primitive-font-line-height-relaxed)}@media (prefers-reduced-motion: reduce){.data-table__row,.data-table__row:hover,.data-table__sort-icon,.data-table__sort-icon:hover{transition:none}}.form-wizard{max-width:640px;margin:0 auto;background-color:var(--component-card-bg-default);border-radius:var(--component-card-radius);box-shadow:var(--component-card-shadow-default);overflow:hidden;font-family:var(--primitive-font-family-sans);border:var(--component-card-border-width) solid var(--component-card-border-color);position:relative}.form-wizard__progress{height:3px;background-color:var(--primitive-color-neutral-200);position:relative;width:100%}.form-wizard__progress-bar{height:100%;background-color:var(--semantic-color-primary-default);transition:width .3s var(--primitive-motion-easing-default)}.form-wizard__stepper{padding:var(--primitive-spacing-4) var(--primitive-spacing-6);border-bottom:var(--component-card-border-width) solid var(--component-card-border-color)}.form-wizard__step-content{padding:var(--primitive-spacing-6)}.form-wizard__fields{display:flex;flex-direction:column;gap:var(--primitive-spacing-4)}.form-wizard__navigation{display:flex;justify-content:space-between;align-items:center;padding:var(--primitive-spacing-4) var(--primitive-spacing-6);border-top:var(--component-card-border-width) solid var(--component-card-border-color);background-color:var(--semantic-surface-secondary)}.form-wizard__btn-back{display:inline-flex;align-items:center;justify-content:center;gap:var(--primitive-spacing-2);padding:var(--primitive-spacing-2) var(--primitive-spacing-4);border:none;border-radius:var(--component-button-radius);background-color:transparent;color:var(--semantic-text-secondary);font-family:var(--primitive-font-family-sans);font-size:var(--primitive-font-size-sm);font-weight:var(--primitive-font-weight-medium);cursor:pointer;transition:background-color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default),color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.form-wizard__btn-back:hover{background-color:var(--primitive-color-neutral-100);color:var(--semantic-text-default)}.form-wizard__btn-back:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.form-wizard__btn-back:disabled{opacity:var(--semantic-opacity-disabled);cursor:not-allowed;pointer-events:none}.form-wizard__btn-next{display:inline-flex;align-items:center;justify-content:center;gap:var(--primitive-spacing-2);padding:var(--primitive-spacing-2) var(--primitive-spacing-4);border:none;border-radius:var(--component-button-radius);background-color:var(--component-button-primary-bg);color:var(--component-button-primary-text);font-family:var(--primitive-font-family-sans);font-size:var(--primitive-font-size-sm);font-weight:var(--primitive-font-weight-medium);cursor:pointer;transition:background-color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default),box-shadow var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default),transform var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.form-wizard__btn-next:hover{background-color:var(--component-button-primary-bg-hover);transform:translateY(-1px);box-shadow:var(--component-button-primary-shadow-hover)}.form-wizard__btn-next:active{transform:translateY(0)}.form-wizard__btn-next:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.form-wizard__btn-next:disabled{opacity:var(--semantic-opacity-disabled);cursor:not-allowed;pointer-events:none}.form-wizard__btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--primitive-spacing-2);padding:var(--primitive-spacing-2) var(--primitive-spacing-4);border:none;border-radius:var(--component-button-radius);background-color:var(--component-button-success-bg);background-image:var(--component-button-success-gradient);color:var(--component-button-success-text);font-family:var(--primitive-font-family-sans);font-size:var(--primitive-font-size-sm);font-weight:var(--primitive-font-weight-medium);cursor:pointer;box-shadow:var(--component-button-success-shadow);transition:background-color var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default),box-shadow var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default),transform var(--primitive-motion-duration-fast) var(--primitive-motion-easing-default)}.form-wizard__btn-submit:hover{background-color:var(--component-button-success-bg-hover);box-shadow:var(--component-button-success-shadow-hover);transform:translateY(-1px)}.form-wizard__btn-submit:active{background-image:none;transform:translateY(0) scale(.98);box-shadow:var(--semantic-shadow-inner)}.form-wizard__btn-submit:focus-visible{outline:var(--semantic-focus-ring-width) var(--semantic-focus-ring-style) var(--semantic-focus-ring-color);outline-offset:var(--semantic-focus-ring-offset)}.form-wizard__btn-submit:disabled{opacity:var(--semantic-opacity-disabled);cursor:not-allowed;pointer-events:none}.form-wizard__live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){.form-wizard__progress-bar{transition:none}.form-wizard__btn-back,.form-wizard__btn-back:hover,.form-wizard__btn-next,.form-wizard__btn-next:hover,.form-wizard__btn-next:active,.form-wizard__btn-submit,.form-wizard__btn-submit:hover,.form-wizard__btn-submit:active{transition:none;transform:none}}