@layer tokens{:root,[data-custom-theme]{--brand-hue: 250;--brand-saturation: 60%;--primary-hue: var(--brand-hue);--primary-sat: var(--brand-saturation);--secondary-hue: calc(var(--brand-hue) + 30);--secondary-sat: 30%;--tertiary-hue: calc(var(--brand-hue) + 60);--tertiary-sat: 60%;--neutral-hue: var(--brand-hue);--neutral-sat: 5%;--neutral-variant-sat: 15%;--sat-min-primary: 5%;--sat-max-primary: 75%;--sat-min-secondary: 3%;--sat-max-secondary: 70%;--sat-min-tertiary: 5%;--sat-max-tertiary: 75%;--primary-sat-safe: clamp(var(--sat-min-primary), var(--primary-sat), var(--sat-max-primary));--secondary-sat-safe: clamp( var(--sat-min-secondary), var(--secondary-sat), var(--sat-max-secondary) );--tertiary-sat-safe: clamp(var(--sat-min-tertiary), var(--tertiary-sat), var(--sat-max-tertiary));--lightness-base-max: 50%;--lightness-sat-factor-primary: .2;--lightness-sat-factor-secondary: .18;--lightness-sat-factor-tertiary: .18;--primary-lightness-max: calc( var(--lightness-base-max) - (var(--primary-sat-safe) * var(--lightness-sat-factor-primary)) );--secondary-lightness-max: calc( var(--lightness-base-max) - (var(--secondary-sat-safe) * var(--lightness-sat-factor-secondary)) );--tertiary-lightness-max: calc( var(--lightness-base-max) - (var(--tertiary-sat-safe) * var(--lightness-sat-factor-tertiary)) );--container-sat-ratio: .85;--primary-container-sat: calc(var(--primary-sat-safe) * var(--container-sat-ratio));--secondary-container-sat: calc(var(--secondary-sat-safe) * var(--container-sat-ratio));--tertiary-container-sat: calc(var(--tertiary-sat-safe) * var(--container-sat-ratio));--tone-main: 40%;--tone-main-min: 20%;--tone-on-main: 100%;--tone-container: 90%;--tone-container-min: 88%;--tone-container-max: 95%;--tone-on-container: 10%;--tone-on-container-min: 5%;--tone-on-container-max: 15%;--color-primary: hsl( var(--primary-hue) var(--primary-sat-safe) clamp(var(--tone-main-min), var(--tone-main), var(--primary-lightness-max)) );--color-on-primary: hsl(0deg 0% var(--tone-on-main));--color-primary-container: hsl( var(--primary-hue) var(--primary-container-sat) clamp(var(--tone-container-min), var(--tone-container), var(--tone-container-max)) );--color-on-primary-container: hsl( var(--primary-hue) var(--primary-sat-safe) clamp(var(--tone-on-container-min), var(--tone-on-container), var(--tone-on-container-max)) );--color-secondary: hsl( var(--secondary-hue) var(--secondary-sat-safe) clamp(25%, var(--tone-main), var(--secondary-lightness-max)) );--color-on-secondary: hsl(0deg 0% var(--tone-on-main));--color-secondary-container: hsl( var(--secondary-hue) var(--secondary-container-sat) clamp(var(--tone-container-min), var(--tone-container), var(--tone-container-max)) );--color-on-secondary-container: hsl( var(--secondary-hue) var(--secondary-sat-safe) clamp(var(--tone-on-container-min), var(--tone-on-container), var(--tone-on-container-max)) );--color-tertiary: hsl( var(--tertiary-hue) var(--tertiary-sat-safe) clamp(25%, var(--tone-main), var(--tertiary-lightness-max)) );--color-on-tertiary: hsl(0deg 0% var(--tone-on-main));--color-tertiary-container: hsl( var(--tertiary-hue) var(--tertiary-container-sat) clamp(var(--tone-container-min), var(--tone-container), var(--tone-container-max)) );--color-on-tertiary-container: hsl( var(--tertiary-hue) var(--tertiary-sat-safe) clamp(var(--tone-on-container-min), var(--tone-on-container), var(--tone-on-container-max)) );--error-sat-min: 60%;--error-sat: 72%;--error-sat-max: 80%;--error-tone: 40%;--error-tone-min: 35%;--error-tone-max: 45%;--error-container-sat-min: 70%;--error-container-sat: 80%;--error-container-sat-max: 90%;--error-container-tone: 93%;--error-container-tone-min: 90%;--error-container-tone-max: 96%;--color-error: hsl( 0deg clamp(var(--error-sat-min), var(--error-sat), var(--error-sat-max)) clamp(var(--error-tone-min), var(--error-tone), var(--error-tone-max)) );--color-on-error: hsl(0deg 0% var(--tone-on-main));--color-error-container: hsl( 0deg clamp( var(--error-container-sat-min), var(--error-container-sat), var(--error-container-sat-max) ) clamp( var(--error-container-tone-min), var(--error-container-tone), var(--error-container-tone-max) ) );--color-on-error-container: hsl(0deg 60% 20%);--surface-tone: 98%;--surface-on-tone: 10%;--color-background: hsl(var(--neutral-hue) var(--neutral-sat) var(--surface-tone));--color-on-background: hsl(var(--neutral-hue) var(--neutral-sat) var(--surface-on-tone));--color-surface: var(--color-background);--color-on-surface: var(--color-on-background);--surface-container-lowest-tone: 100%;--surface-container-low-tone: 96%;--surface-container-tone: 94%;--surface-container-high-tone: 92%;--surface-container-highest-tone: 90%;--color-surface-container-lowest: hsl( var(--neutral-hue) var(--neutral-sat) var(--surface-container-lowest-tone) );--color-surface-container-low: hsl( var(--neutral-hue) var(--neutral-sat) var(--surface-container-low-tone) );--color-surface-container: hsl( var(--neutral-hue) var(--neutral-sat) var(--surface-container-tone) );--color-surface-container-high: hsl( var(--neutral-hue) var(--neutral-sat) var(--surface-container-high-tone) );--color-surface-container-highest: hsl( var(--neutral-hue) var(--neutral-sat) var(--surface-container-highest-tone) );--surface-variant-sat-min: 2%;--surface-variant-sat-max: 15%;--surface-variant-tone-min: 85%;--surface-variant-tone: 90%;--surface-variant-tone-max: 92%;--on-surface-variant-sat-min: 5%;--on-surface-variant-sat-max: 20%;--on-surface-variant-tone-min: 25%;--on-surface-variant-tone: 30%;--on-surface-variant-tone-max: 35%;--outline-sat-min: 5%;--outline-sat-max: 15%;--outline-tone-min: 40%;--outline-tone: 50%;--outline-tone-max: 60%;--outline-variant-sat-min: 3%;--outline-variant-sat-max: 10%;--outline-variant-tone-min: 70%;--outline-variant-tone: 80%;--outline-variant-tone-max: 85%;--color-surface-variant: hsl( var(--neutral-hue) clamp( var(--surface-variant-sat-min), var(--neutral-variant-sat), var(--surface-variant-sat-max) ) clamp( var(--surface-variant-tone-min), var(--surface-variant-tone), var(--surface-variant-tone-max) ) );--color-on-surface-variant: hsl( var(--neutral-hue) clamp( var(--on-surface-variant-sat-min), var(--neutral-variant-sat), var(--on-surface-variant-sat-max) ) clamp( var(--on-surface-variant-tone-min), var(--on-surface-variant-tone), var(--on-surface-variant-tone-max) ) );--color-outline: hsl( var(--neutral-hue) clamp(var(--outline-sat-min), var(--neutral-variant-sat), var(--outline-sat-max)) clamp(var(--outline-tone-min), var(--outline-tone), var(--outline-tone-max)) );--color-outline-variant: hsl( var(--neutral-hue) clamp( var(--outline-variant-sat-min), var(--neutral-variant-sat), var(--outline-variant-sat-max) ) clamp( var(--outline-variant-tone-min), var(--outline-variant-tone), var(--outline-variant-tone-max) ) );--color-success: hsl(146deg 82% 24%);--color-on-success: hsl(0deg 0% 100%);--color-success-container: hsl(132deg 83% 79%);--color-on-success-container: hsl(140deg 100% 6%);--color-info: hsl(236deg 67% 55%);--color-on-info: hsl(0deg 0% 100%);--color-info-container: hsl(240deg 100% 94%);--color-on-info-container: hsl(238deg 100% 21%);--color-warning: hsl(25deg 100% 31%);--color-on-warning: hsl(0deg 0% 100%);--color-warning-container: hsl(18deg 100% 90%);--color-on-warning-container: hsl(20deg 100% 10%)}[data-theme=dark],[data-theme=dark] [data-custom-theme]{--sat-dark-ratio-primary: .95;--sat-dark-ratio-secondary: .9;--sat-dark-ratio-tertiary: .9;--sat-dark-min-primary: 5%;--sat-dark-max-primary: 90%;--sat-dark-min-secondary: 3%;--sat-dark-max-secondary: 85%;--sat-dark-min-tertiary: 5%;--sat-dark-max-tertiary: 85%;--primary-sat-dark: clamp( var(--sat-dark-min-primary), calc(var(--primary-sat) * var(--sat-dark-ratio-primary)), var(--sat-dark-max-primary) );--secondary-sat-dark: clamp( var(--sat-dark-min-secondary), calc(var(--secondary-sat) * var(--sat-dark-ratio-secondary)), var(--sat-dark-max-secondary) );--tertiary-sat-dark: clamp( var(--sat-dark-min-tertiary), calc(var(--tertiary-sat) * var(--sat-dark-ratio-tertiary)), var(--sat-dark-max-tertiary) );--lightness-dark-base-min: 60%;--lightness-dark-sat-boost: .15;--primary-lightness-min: calc( var(--lightness-dark-base-min) + (var(--primary-sat-dark) * var(--lightness-dark-sat-boost)) );--secondary-lightness-min: calc( var(--lightness-dark-base-min) + (var(--secondary-sat-dark) * var(--lightness-dark-sat-boost)) );--tertiary-lightness-min: calc( var(--lightness-dark-base-min) + (var(--tertiary-sat-dark) * var(--lightness-dark-sat-boost)) );--container-dark-sat-ratio: .55;--primary-container-sat-dark: calc(var(--primary-sat-dark) * var(--container-dark-sat-ratio));--secondary-container-sat-dark: calc(var(--secondary-sat-dark) * var(--container-dark-sat-ratio));--tertiary-container-sat-dark: calc(var(--tertiary-sat-dark) * var(--container-dark-sat-ratio));--tone-dark-main: 80%;--tone-dark-main-max: 88%;--tone-dark-on-main: 20%;--tone-dark-on-main-min: 10%;--tone-dark-on-main-max: 25%;--tone-dark-container: 30%;--tone-dark-container-min: 18%;--tone-dark-container-max: 35%;--tone-dark-on-container: 90%;--tone-dark-on-container-min: 82%;--tone-dark-on-container-max: 95%;--color-primary: hsl( var(--primary-hue) var(--primary-sat-dark) clamp(var(--primary-lightness-min), var(--tone-dark-main), var(--tone-dark-main-max)) );--color-on-primary: hsl( var(--primary-hue) var(--primary-sat-dark) clamp(var(--tone-dark-on-main-min), var(--tone-dark-on-main), var(--tone-dark-on-main-max)) );--color-primary-container: hsl( var(--primary-hue) var(--primary-container-sat-dark) clamp( var(--tone-dark-container-min), var(--tone-dark-container), var(--tone-dark-container-max) ) );--color-on-primary-container: hsl( var(--primary-hue) var(--primary-sat-dark) clamp( var(--tone-dark-on-container-min), var(--tone-dark-on-container), var(--tone-dark-on-container-max) ) );--color-secondary: hsl( var(--secondary-hue) var(--secondary-sat-dark) clamp(var(--secondary-lightness-min), var(--tone-dark-main), var(--tone-dark-main-max)) );--color-on-secondary: hsl( var(--secondary-hue) var(--secondary-sat-dark) clamp(var(--tone-dark-on-main-min), var(--tone-dark-on-main), var(--tone-dark-on-main-max)) );--color-secondary-container: hsl( var(--secondary-hue) var(--secondary-container-sat-dark) clamp( var(--tone-dark-container-min), var(--tone-dark-container), var(--tone-dark-container-max) ) );--color-on-secondary-container: hsl( var(--secondary-hue) var(--secondary-sat-dark) clamp( var(--tone-dark-on-container-min), var(--tone-dark-on-container), var(--tone-dark-on-container-max) ) );--color-tertiary: hsl( var(--tertiary-hue) var(--tertiary-sat-dark) clamp(var(--tertiary-lightness-min), var(--tone-dark-main), var(--tone-dark-main-max)) );--color-on-tertiary: hsl( var(--tertiary-hue) var(--tertiary-sat-dark) clamp(var(--tone-dark-on-main-min), var(--tone-dark-on-main), var(--tone-dark-on-main-max)) );--color-tertiary-container: hsl( var(--tertiary-hue) var(--tertiary-container-sat-dark) clamp( var(--tone-dark-container-min), var(--tone-dark-container), var(--tone-dark-container-max) ) );--color-on-tertiary-container: hsl( var(--tertiary-hue) var(--tertiary-sat-dark) clamp( var(--tone-dark-on-container-min), var(--tone-dark-on-container), var(--tone-dark-on-container-max) ) );--color-error: hsl(6deg 100% 84%);--color-on-error: hsl(359deg 93% 20%);--color-error-container: hsl(356deg 100% 29%);--color-on-error-container: hsl(6deg 100% 84%);--surface-dark-tone: 6%;--surface-dark-on-tone: 90%;--color-background: hsl(var(--neutral-hue) var(--neutral-sat) var(--surface-dark-tone));--color-on-background: hsl(var(--neutral-hue) var(--neutral-sat) var(--surface-dark-on-tone));--color-surface: var(--color-background);--color-on-surface: var(--color-on-background);--surface-container-dark-lowest-tone: 4%;--surface-container-dark-low-tone: 10%;--surface-container-dark-tone: 12%;--surface-container-dark-high-tone: 17%;--surface-container-dark-highest-tone: 22%;--color-surface-container-lowest: hsl( var(--neutral-hue) var(--neutral-sat) var(--surface-container-dark-lowest-tone) );--color-surface-container-low: hsl( var(--neutral-hue) var(--neutral-sat) var(--surface-container-dark-low-tone) );--color-surface-container: hsl( var(--neutral-hue) var(--neutral-sat) var(--surface-container-dark-tone) );--color-surface-container-high: hsl( var(--neutral-hue) var(--neutral-sat) var(--surface-container-dark-high-tone) );--color-surface-container-highest: hsl( var(--neutral-hue) var(--neutral-sat) var(--surface-container-dark-highest-tone) );--surface-variant-dark-sat-min: 3%;--surface-variant-dark-sat-max: 10%;--surface-variant-dark-tone-min: 8%;--surface-variant-dark-tone: 12%;--surface-variant-dark-tone-max: 16%;--on-surface-variant-dark-tone-min: 70%;--on-surface-variant-dark-tone: 80%;--on-surface-variant-dark-tone-max: 88%;--outline-dark-sat-min: 5%;--outline-dark-sat-max: 18%;--outline-dark-tone-min: 48%;--outline-dark-tone: 60%;--outline-dark-tone-max: 68%;--outline-variant-dark-sat-min: 3%;--outline-variant-dark-sat-max: 15%;--outline-variant-dark-tone-min: 25%;--outline-variant-dark-tone: 30%;--outline-variant-dark-tone-max: 38%;--color-surface-variant: hsl( var(--neutral-hue) clamp( var(--surface-variant-dark-sat-min), var(--neutral-variant-sat), var(--surface-variant-dark-sat-max) ) clamp( var(--surface-variant-dark-tone-min), var(--surface-variant-dark-tone), var(--surface-variant-dark-tone-max) ) );--color-on-surface-variant: hsl( var(--neutral-hue) clamp( var(--surface-variant-dark-sat-min), var(--neutral-variant-sat), var(--surface-variant-dark-sat-max) ) clamp( var(--on-surface-variant-dark-tone-min), var(--on-surface-variant-dark-tone), var(--on-surface-variant-dark-tone-max) ) );--color-outline: hsl( var(--neutral-hue) clamp(var(--outline-dark-sat-min), var(--neutral-variant-sat), var(--outline-dark-sat-max)) clamp(var(--outline-dark-tone-min), var(--outline-dark-tone), var(--outline-dark-tone-max)) );--color-outline-variant: hsl( var(--neutral-hue) clamp( var(--outline-variant-dark-sat-min), var(--neutral-variant-sat), var(--outline-variant-dark-sat-max) ) clamp( var(--outline-variant-dark-tone-min), var(--outline-variant-dark-tone), var(--outline-variant-dark-tone-max) ) );--color-success: hsl(134deg 53% 68%);--color-on-success: hsl(145deg 100% 11%);--color-success-container: hsl(148deg 100% 16%);--color-on-success-container: hsl(132deg 83% 79%);--color-info: hsl(236deg 100% 87%);--color-on-info: hsl(238deg 100% 33%);--color-info-container: hwb(236deg 14% 24%);--color-on-info-container: #e0e0ff;--color-warning: hsl(20deg 100% 78%);--color-on-warning: hsl(23deg 100% 17%);--color-warning-container: hsl(25deg 100% 24%);--color-on-warning-container: hsl(18deg 100% 90%)}}@layer tokens{:root{--spacing-0: 0;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-14: 14px;--spacing-16: 16px;--spacing-24: 24px;--spacing-32: 32px;--spacing-48: 48px;--spacing-64: 64px;--radius-none: 0px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-lg-inc: 20px;--radius-xl: 28px;--radius-xl-inc: 32px;--radius-xxl: 48px;--radius-rounded: 999px;--radius-circled: 50%;--shadow-1: 0px 1px 2px rgb(0 0 0 / 30%), 0px 1px 3px rgb(0 0 0 / 15%);--shadow-2: 0px 1px 2px rgb(0 0 0 / 30%), 0px 2px 6px rgb(0 0 0 / 15%);--shadow-3: 0px 1px 3px rgb(0 0 0 / 30%), 0px 4px 8px rgb(0 0 0 / 15%);--shadow-4: 0px 2px 3px rgb(0 0 0 / 30%), 0px 6px 10px rgb(0 0 0 / 15%);--shadow-5: 0px 4px 4px rgb(0 0 0 / 30%), 0px 8px 12px rgb(0 0 0 / 15%);--font-family: var(--font-dm-sans), sans-serif;--font-display-lg: 400 57px / 64px var(--font-family);--font-display-md: 400 45px / 52px var(--font-family);--font-display-sm: 400 36px / 44px var(--font-family);--font-headline-lg: 400 32px / 40px var(--font-family);--font-headline-md: 400 28px / 36px var(--font-family);--font-headline-sm: 400 24px / 32px var(--font-family);--font-title-lg: 400 22px / 28px var(--font-family);--font-title-md: 500 16px / 24px var(--font-family);--font-title-sm: 500 14px / 20px var(--font-family);--font-body-lg: 400 16px / 24px var(--font-family);--font-body-md: 400 14px / 20px var(--font-family);--font-body-sm: 400 12px / 16px var(--font-family);--font-label-lg: 400 14px / 20px var(--font-family);--font-label-md: 400 12px / 16px var(--font-family);--font-label-sm: 500 11px / 16px var(--font-family);--transition-expressive-fast-spatial: .35s cubic-bezier(.42, 1.67, .21, .9);--transition-expressive-default-spatial: .5s cubic-bezier(.38, 1.21, .22, 1);--transition-expressive-slow-spatial: .65s cubic-bezier(.39, 1.29, .35, .98);--transition-expressive-fast-effects: .15s cubic-bezier(.31, .94, .34, 1);--transition-expressive-default-effects: .2s cubic-bezier(.34, .8, .34, 1);--transition-expressive-slow-effects: .3s cubic-bezier(.34, .88, .34, 1);--transition-standard-fast-spatial: .35s cubic-bezier(.27, 1.06, .18, 1);--transition-standard-default-spatial: .5s cubic-bezier(.27, 1.06, .18, 1);--transition-standard-slow-spatial: .75s cubic-bezier(.27, 1.06, .18, 1);--transition-standard-fast-effects: .15s cubic-bezier(.31, .94, .34, 1);--transition-standard-default-effects: .2s cubic-bezier(.34, .8, .34, 1);--transition-standard-slow-effects: .3s cubic-bezier(.34, .88, .34, 1)}}@layer reset,base,utilities,components,misc,tokens;@layer reset{*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family)}}@layer base{:root{--font-family: "Outfit", system-ui, sans-serif;--font-heading: "Outfit", system-ui, sans-serif;--color-black: hsl(200 10% 8%);--color-gray-dark: hsl(210 8% 18%);--color-gray-medium: hsl(210 6% 32%);--color-gray-light: hsl(210 14% 86%);--color-white: hsl(210 17% 97%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.65}body{background-color:var(--color-background);color:var(--color-on-background);font-family:var(--font-family);font-size:var(--text-base);font-weight:400;line-height:var(--line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;letter-spacing:.01em;line-height:var(--line-height-tight)}h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;letter-spacing:.01em;line-height:var(--line-height-tight)}a{font-weight:500}code{font-family:Menlo,Monaco,Consolas,monospace;font-size:.875em;background-color:var(--color-surface-container-high);color:var(--color-primary);padding:1px 6px;border-radius:var(--radius-xs)}}@layer utilities{[data-ui=input],[data-ui=input-wrapper]{--icon-size: 16px;--inline-padding: var(--spacing-10);--surface-low: var(--color-surface-container-low);width:100%;position:relative;height:36px;border:1px solid var(--color-surface-variant);border-radius:var(--radius-md);background-color:var(--color-surface);box-shadow:0 1px 2px color-mix(in srgb,currentcolor 3%,transparent);color:var(--color-on-background);font:var(--font-body-md);outline:0;transition:all var(--transition-expressive-fast-effects)}[data-ui=input]::placeholder,[data-ui=input-wrapper]::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent);transition:all var(--transition-expressive-fast-effects)}[data-ui=input]:focus-within,[data-ui=input-wrapper]:focus-within{border-color:var(--color-outline);box-shadow:0 0 0 2px var(--color-primary-container)}[data-ui=input]:hover:not(:focus-within,:disabled),[data-ui=input-wrapper]:hover:not(:focus-within,:disabled){background-color:var(--surface-low)}[data-ui=input]:hover:not(:focus-within,:disabled)::placeholder,[data-ui=input-wrapper]:hover:not(:focus-within,:disabled)::placeholder{color:var(--color-on-surface-variant)}[data-ui=input]:disabled,[data-ui=input]:has(input:disabled),[data-ui=input-wrapper]:disabled,[data-ui=input-wrapper]:has(input:disabled){border-color:transparent;background-color:var(--surface-low);color:color-mix(in oklab,currentcolor 50%,transparent);box-shadow:none}[data-ui=input][data-invalid],[data-ui=input-wrapper][data-invalid]{border-color:var(--color-error)}[data-ui=input][data-invalid]:focus-within,[data-ui=input-wrapper][data-invalid]:focus-within{box-shadow:0 0 0 2px var(--color-error-container)}[data-ui=input]{padding-inline:var(--inline-padding)}}@layer components{[data-ui=badge]{display:inline-flex;align-items:center;justify-content:center;height:var(--badge-size);border:1px solid transparent;width:fit-content;padding-inline:var(--spacing-6)}[data-ui=badge][data-shape=rounded]{border-radius:var(--radius-rounded)}[data-ui=badge][data-shape=smoothed]{border-radius:var(--radius-xs)}[data-ui=badge] svg{width:var(--icon-size);height:var(--icon-size)}[data-ui=badge][data-doted]:before{content:"";display:block;clip-path:circle();background-color:currentcolor;width:var(--dot-size);height:var(--dot-size)}[data-ui=badge][data-size=lg]{--icon-size: 20px;--badge-size: 24px;--dot-size: 8px;gap:var(--spacing-8);font:var(--font-label-lg)}[data-ui=badge][data-size=lg]>[data-ui=badge-dot]{margin-inline:calc(var(--spacing-8) * -1)}[data-ui=badge][data-size=md]{--icon-size: 16px;--badge-size: 20px;--dot-size: 6px;gap:var(--spacing-6);font:var(--font-label-md)}[data-ui=badge][data-size=md]>[data-ui=badge-dot]{margin-inline:calc(var(--spacing-6) * -1)}[data-ui=badge][data-size=sm]{--icon-size: 12px;--badge-size: 16px;--dot-size: 4px;font:var(--font-label-sm);gap:var(--spacing-8)}[data-ui=badge][data-size=sm]>[data-ui=badge-dot]{margin-inline:calc(var(--spacing-8) * -1)}[data-ui=badge][data-variant=primary]{--color-badge: var(--color-primary-container);--color-on-badge: var(--color-primary);--color-badge-border: var(--color-primary)}[data-ui=badge][data-mode=filled]{background-color:var(--color-badge);color:var(--color-on-badge)}[data-ui=badge][data-mode=filled] svg{fill:var(--color-on-badge)}[data-ui=badge][data-mode=light],[data-ui=badge][data-mode=lighter]{background-color:color-mix(in srgb,var(--color-badge) var(--badge-lightness),var(--color-background));color:color-mix(in srgb,var(--color-badge),var(--color-on-badge))}[data-ui=badge][data-mode=light] svg,[data-ui=badge][data-mode=lighter] svg{fill:color-mix(in srgb,var(--color-badge),var(--color-on-badge))}[data-ui=badge][data-mode=light]{--badge-lightness: 60%}[data-ui=badge][data-mode=lighter]{--badge-lightness: 40%}[data-ui=badge][data-mode=stroke]{color:var(--color-on-badge);border-color:currentColor}[data-ui=badge][data-mode=stroke] svg{fill:var(--color-on-badge)}[data-ui=badge][aria-disabled=true]{border-color:var(--color-surface-container-highest);background-color:transparent;color:color-mix(in srgb,var(--color-on-surface) 38%,transparent);pointer-events:none}}@layer components{[data-ui=separator]{--separator-color: var(--color-surface-variant)}[data-ui=separator][data-orientation=vertical]{--separator-width: 1px;--separator-height: 100%}[data-ui=separator][data-orientation=horizontal]{--separator-width: 100%;--separator-height: 1px}[data-ui=separator][data-variant=line]{width:var(--separator-width);height:var(--separator-height);background-color:var(--separator-color)}[data-ui=separator][data-variant=solid-text],[data-ui=separator][data-variant=underline]{width:100%;font:var(--font-label-md);color:var(--color-on-surface-variant);text-transform:uppercase;border-radius:var(--radius-xs)}[data-ui=separator][data-variant=solid-text][data-variant=solid-text],[data-ui=separator][data-variant=underline][data-variant=solid-text]{padding:var(--spacing-6) calc(var(--spacing-16) + var(--spacing-4));background-color:var(--color-surface)}[data-ui=separator][data-variant=solid-text][data-variant=underline],[data-ui=separator][data-variant=underline][data-variant=underline]{padding:var(--spacing-2);border-bottom:2px solid var(--separator-color)}[data-ui=separator][data-variant=content]{width:100%;display:flex;gap:var(--spacing-10);align-items:center;font:var(--font-label-sm);color:var(--color-on-surface-variant);white-space:nowrap}[data-ui=separator][data-variant=content][data-orientation=vertical]{flex-direction:column;align-items:center;height:100%}[data-ui=separator][data-variant=content]:before,[data-ui=separator][data-variant=content]:after{display:block;width:var(--separator-width);height:var(--separator-height);content:"";background-color:var(--color-surface-variant)}}