@media layer(components){.dropdown{@apply flex flex-col gap-1}.dropdown__trigger{@apply outline-none;transition:transform .25s var(--ease-out-quart),background-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply transform-gpu motion-reduce:transition-none;cursor:var(--cursor-interactive);&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply status-focused}&:disabled,&[aria-disabled=true]{@apply status-disabled}&[data-pending=true]{@apply status-pending}&:active,&[data-pressed=true]{transform:scale(.97)}}.dropdown__popover{@apply max-w-[48svw] origin-(--trigger-anchor-point) scroll-py-1 overflow-y-auto overscroll-contain rounded-3xl bg-overlay p-0 text-sm md:min-w-55;box-shadow:var(--shadow-overlay);&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply outline-none}&[data-entering=true]{@apply animate-in duration-150 ease-smooth fade-in-0 zoom-in-90;&[data-placement=top]{@apply slide-in-from-bottom-1}&[data-placement=bottom]{@apply slide-in-from-top-1}&[data-placement=left]{@apply slide-in-from-right-1}&[data-placement=right]{@apply slide-in-from-left-1}}&[data-exiting=true]{@apply animate-out duration-100 ease-smooth zoom-out-95 fade-out}&[data-entering=true],&[data-exiting=true]{@apply will-change-[opacity,transform]}& [data-slot=popover-overlay-arrow]{fill:var(--overlay)}&[data-placement=bottom] [data-slot=popover-overlay-arrow]{rotate:180deg}&[data-placement=left] [data-slot=popover-overlay-arrow]{rotate:-90deg}&[data-placement=right] [data-slot=popover-overlay-arrow]{rotate:90deg}[data-slot=dropdown-menu]{@apply p-1.5 outline-none}[data-slot=menu-item]{@apply px-2.5}}.dropdown__menu{@apply relative flex w-full flex-col gap-0.5 overflow-clip p-1;[data-slot=separator]{@apply ml-[3%] w-[94%]}}}@media layer(components){.list-box-item{@apply relative flex min-h-9 w-full items-center justify-start gap-3 rounded-2xl px-2 py-1.5 outline-none no-highlight;transition:transform .25s var(--ease-out-quart),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;cursor:var(--cursor-interactive);[data-slot=label]{@apply pointer-events-none w-fit select-none}[data-slot=description]{@apply pointer-events-none text-wrap select-none}&:has(.list-box-item__indicator){@apply pr-7}&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply status-focused}&:active,&[data-pressed=true]{transform:scale(.98)}@media (hover:hover){&:hover,&[data-hovered=true]{@apply bg-default}}&[data-disabled=true]{@apply status-disabled}}.list-box-item__indicator{@apply absolute top-1/2 right-2 flex size-4 shrink-0 -translate-y-1/2 items-center justify-center text-default-foreground;@apply transition duration-250 motion-reduce:transition-none;[data-slot=list-box-item-indicator--checkmark]{@apply size-2.5;@apply transition-all duration-300 motion-reduce:transition-none}.list-box-item[aria-selected=true] [data-slot=list-box-item-indicator--checkmark],.list-box-item[data-selected=true] [data-slot=list-box-item-indicator--checkmark]{transition:stroke-dashoffset .25s linear;@apply motion-reduce:transition-none}}.list-box-item--danger{.list-box-item__indicator{@apply text-danger}[data-slot=label]{@apply text-danger}}}@media layer(components){.list-box-section{@apply flex flex-col items-start gap-0}}@media layer(components){.list-box{@apply relative flex w-full flex-col gap-1 overflow-clip p-1;[data-slot=separator][data-orientation=horizontal]{@apply ml-[3%] w-[94%]}}}@media layer(components){.menu-item{@apply relative flex min-h-9 w-full items-center justify-start gap-3 rounded-2xl px-2 py-1.5 outline-none no-highlight;transition:transform .25s var(--ease-out-quart),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;cursor:var(--cursor-interactive);[data-slot=label]{@apply pointer-events-none w-fit select-none}[data-slot=description]{@apply pointer-events-none text-wrap select-none}[data-slot=submenu-indicator] svg{@apply size-3.5}&:has(.menu-item__indicator){@apply pl-7}&[data-has-submenu=true]:has(.menu-item__indicator){@apply pr-7 pl-2}&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply status-focused}&:active,&[data-pressed=true]{transform:scale(.98)}@media (hover:hover){&:hover,&[data-hovered=true]{@apply bg-default}}&[aria-checked=true],&[aria-selected=true],&[data-selected=true]{[data-slot=menu-item-indicator--checkmark]{transition:stroke-dashoffset .1s linear;@apply motion-reduce:transition-none}[data-slot=menu-item-indicator--dot]{@apply scale-100 opacity-100}}&[data-disabled=true]{@apply status-disabled}}.menu-item__indicator{@apply absolute top-1/2 left-2 flex size-4 shrink-0 -translate-y-1/2 items-center justify-center text-muted;@apply transition duration-250 motion-reduce:transition-none;.menu-item[data-has-submenu=true] &{@apply right-2 left-auto}[data-slot=menu-item-indicator--checkmark]{@apply size-2.5;.menu-item[data-selection-mode=multiple] &{@apply transition-all duration-300 motion-reduce:transition-none}}[data-slot=menu-item-indicator--dot]{@apply size-2;.menu-item[data-selection-mode=multiple] &{@apply transition-all duration-250 motion-reduce:transition-none}@apply scale-70 opacity-0}}.menu-item__indicator--submenu{@apply text-muted;svg{@apply size-3}}.menu-item--danger{.menu-item__indicator{@apply text-danger}[data-slot=label]{@apply text-danger}}}@media layer(components){.menu-section{@apply flex flex-col items-start gap-0}}@media layer(components){.menu{@apply relative flex w-full flex-col gap-1 overflow-clip p-1;[data-slot=separator]{@apply ml-[3%] w-[94%]}}}@media layer(components){.tag-group{@apply relative flex flex-col gap-1}.tag-group__list{@apply relative flex flex-wrap gap-1.5}.tag-group [data-slot=description],.tag-group [data-slot=error-message],.tag-group [slot=description],.tag-group [slot=errorMessage]{@apply p-1}}@media layer(components){.tag{--optical-offset:0.031em;@apply relative inline-flex items-center gap-1 rounded-full font-medium select-none no-highlight;transition:color .1s var(--ease-smooth),scale .1s var(--ease-smooth),opacity .1s var(--ease-smooth),background-color .1s var(--ease-smooth),box-shadow .1s var(--ease-out);@apply origin-center transform-gpu motion-reduce:transition-none;cursor:var(--cursor-interactive);& svg{@apply pointer-events-none size-3 shrink-0 self-center text-current}}.tag:is([data-disabled=true],[aria-disabled=true]){@apply status-disabled}.tag:is(:focus-visible,[data-focus-visible]){@apply status-focused}.tag:is([data-selected=true],[aria-selected=true]){@apply bg-accent-soft text-accent-soft-foreground;@media (hover:hover){&:is(:hover,[data-hovered=true]){@apply bg-accent-soft-hover}}}.tag--sm{@apply px-1 py-0.5 text-xs}.tag--md{@apply px-1.5 py-1 text-xs}.tag--lg{@apply px-2.5 py-1.5 text-sm}.tag--default{@apply bg-default text-default-foreground;@media (hover:hover){&:is(:hover,[data-hovered=true]):not([data-selected=true]):not([data-disabled=true]){@apply bg-default-hover}}}.tag--surface{@apply bg-surface text-surface-foreground;@media (hover:hover){&:is(:hover,[data-hovered=true]):not([data-selected=true]):not([data-disabled=true]){@apply bg-surface-hover}}}.tag__remove-button{@apply size-3 text-inherit;& svg{@apply size-[inherit] shrink-0 self-center text-current}}}@media layer(components){.color-area{@apply relative w-full max-w-56 shrink-0 rounded-2xl no-highlight;aspect-ratio:1/1;background:var(--color-area-background);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);&[data-disabled=true]{@apply status-disabled}}.color-area--show-dots{&:after{content:"";@apply pointer-events-none absolute inset-0 rounded-[inherit];background-image:radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 0);background-size:8px 8px}}.color-area__thumb{@apply size-4 rounded-full will-change-[width,height];background-color:var(--color-area-thumb-color);border:3px solid white;box-shadow:0 0 0 1px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.1);transition:width .15s var(--ease-out),height .15s var(--ease-out);@apply motion-reduce:transition-none;&[data-focus-visible=true]{@apply status-focused}&[data-dragging=true]{@apply size-5}&[data-disabled=true]{@apply status-disabled}}}@media layer(components){.color-picker{@apply inline-flex}.color-picker__trigger{@apply inline-flex items-center gap-3 rounded-sm text-sm no-highlight;cursor:var(--cursor-interactive);transition:background-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;[data-slot=label]{cursor:var(--cursor-interactive)}&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply status-focused}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}}.color-picker__popover{@apply min-w-62 origin-(--trigger-anchor-point) overflow-x-hidden overflow-y-auto overscroll-contain bg-overlay px-2 pt-2 pb-3;box-shadow:var(--shadow-overlay);border-radius:calc(var(--radius) * 2.5);@apply flex flex-col gap-3;&::-webkit-scrollbar{display:none}-ms-overflow-style:none;scrollbar-width:none;&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply outline-none}&[data-entering=true]{@apply animate-in duration-150 ease-smooth fade-in-0 zoom-in-95;&[data-placement^=top]{@apply slide-in-from-bottom-1}&[data-placement^=bottom]{@apply slide-in-from-top-1}&[data-placement^=left]{@apply slide-in-from-right-1}&[data-placement^=right]{@apply slide-in-from-left-1}}&[data-exiting=true]{@apply animate-out duration-100 ease-smooth zoom-out-95 fade-out}&[data-entering=true],&[data-exiting=true]{@apply will-change-[opacity,transform]}}}@media layer(components){.color-slider{@apply w-full gap-2;display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;grid-template-rows:auto auto;&:not(:has([data-slot=label])):not(:has(.color-slider__output)){grid-template-areas:"track";grid-template-columns:1fr;grid-template-rows:auto;gap:0}&:has([data-slot=label]):not(:has(.color-slider__output)){grid-template-areas:"label" "track";grid-template-columns:1fr}&:not(:has([data-slot=label])):has(.color-slider__output){grid-template-areas:"output" "track";grid-template-columns:1fr;.color-slider__output{justify-self:end}}[data-slot=label]{@apply w-fit text-sm font-medium;grid-area:label}.color-slider__output{@apply text-sm font-medium tabular-nums;grid-area:output}.color-slider__track{@apply relative rounded-full;grid-area:track;&:after,&:before{content:"";position:absolute;z-index:0;pointer-events:none}}.color-slider__thumb{@apply absolute flex cursor-grab items-center justify-center rounded-full no-highlight;@apply border-3 border-white shadow-overlay;z-index:1;transition:transform .25s var(--ease-out),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;&[data-dragging=true]{@apply cursor-grabbing}&[data-focus-visible=true]{@apply z-10 status-focused}&[data-disabled=true]{@apply cursor-default bg-default}}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled;[data-slot=label]{@apply opacity-100}}&[data-orientation=horizontal]{flex-direction:column;.color-slider__track{@apply h-5 justify-self-center rounded-none;width:calc(100% - 1.25rem);box-shadow:inset 0 1px 0 0 rgba(0,0,0,.1),inset 0 -1px 0 0 rgba(0,0,0,.1);&:after,&:before{@apply top-0 h-full;width:.625rem}&:before{left:-.625rem;border-top-left-radius:999px;border-bottom-left-radius:999px;box-shadow:inset 1px 0 0 0 rgba(0,0,0,.1),inset 0 1px 0 0 rgba(0,0,0,.1),inset 0 -1px 0 0 rgba(0,0,0,.1);background:linear-gradient(var(--track-start-color,transparent)),repeating-conic-gradient(#efefef 0 25%,#f7f7f7 0 50%) 50% /16px 16px}&:after{right:-.625rem;border-top-right-radius:999px;border-bottom-right-radius:999px;box-shadow:inset -1px 0 0 0 rgba(0,0,0,.1),inset 0 1px 0 0 rgba(0,0,0,.1),inset 0 -1px 0 0 rgba(0,0,0,.1);background-color:var(--track-end-color,transparent)}}.color-slider__thumb{@apply top-1/2 size-4}}&[data-orientation=vertical]{@apply h-full gap-2;flex-direction:row;grid-template-areas:"output" "track" "label";grid-template-rows:auto 1fr auto;grid-template-columns:1fr;align-items:center;justify-items:center;&:not(:has([data-slot=label])):not(:has(.color-slider__output)){grid-template-areas:"track";grid-template-rows:1fr;gap:0}&:has([data-slot=label]):not(:has(.color-slider__output)){grid-template-areas:"track" "label";grid-template-rows:1fr auto}&:not(:has([data-slot=label])):has(.color-slider__output){grid-template-areas:"output" "track";grid-template-rows:auto 1fr}.color-slider__output,[data-slot=label]{text-align:center}.color-slider__track{@apply w-5 justify-self-center rounded-none;height:calc(100% - 1.25rem);box-shadow:inset 1px 0 0 0 rgba(0,0,0,.1),inset -1px 0 0 0 rgba(0,0,0,.1);&:after,&:before{@apply left-0 w-full;height:.625rem}&:before{bottom:-.625rem;border-bottom-left-radius:999px;border-bottom-right-radius:999px;box-shadow:inset 1px 0 0 0 rgba(0,0,0,.1),inset -1px 0 0 0 rgba(0,0,0,.1),inset 0 -1px 0 0 rgba(0,0,0,.1);background:linear-gradient(var(--track-start-color,transparent)),repeating-conic-gradient(#efefef 0 25%,#f7f7f7 0 50%) 50% /16px 16px}&:after{top:-.625rem;border-top-left-radius:999px;border-top-right-radius:999px;box-shadow:inset 1px 0 0 0 rgba(0,0,0,.1),inset -1px 0 0 0 rgba(0,0,0,.1),inset 0 1px 0 0 rgba(0,0,0,.1);background-color:var(--track-end-color,transparent)}}.color-slider__thumb{@apply left-1/2 size-4}}}}@media layer(components){.color-swatch{@apply relative box-border size-8 shrink-0;background:linear-gradient(var(--color-swatch-current),var(--color-swatch-current)),repeating-conic-gradient(#efefef 0 25%,#f7f7f7 0 50%) 50% /16px 16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.color-swatch--circle{@apply rounded-full}.color-swatch--square{@apply rounded-md}.color-swatch--xs{@apply size-4}.color-swatch--sm{@apply size-6}.color-swatch--lg{@apply size-9}.color-swatch--xl{@apply size-10}}@media layer(components){.color-swatch-picker{@apply flex flex-wrap items-center gap-2}.color-swatch-picker__item{@apply relative flex size-8 items-center justify-center rounded-full border-2 border-transparent outline-none no-highlight;cursor:var(--cursor-interactive);transition:border-color .1s var(--ease-out),box-shadow .1s var(--ease-out);@apply transform-gpu motion-reduce:transition-none;&:focus-visible,&[data-focus-visible=true]{@apply status-focused}&[data-disabled=true]{@apply status-disabled}&[data-selected=true]{border-color:var(--color-swatch-current);box-shadow:var(--field-shadow);.color-swatch-picker__swatch{transform:scale(.77)}}}.color-swatch-picker__swatch{@apply block size-full;border-radius:inherit;transition:transform .1s var(--ease-out);@apply transform-gpu motion-reduce:transition-none;@media (hover:hover){&:hover{transform:scale(1.1)}}}.color-swatch-picker__indicator{@apply pointer-events-none absolute inset-0 z-10 flex items-center justify-center;&>*{@apply size-1/3 text-white;transform:scale(0) translateZ(0);transition:transform .15s var(--ease-out);@apply motion-reduce:transition-none}&[data-light-color=true] &>*{@apply text-black}.color-swatch-picker__item[data-selected=true] &>*{transform:scale(1) translateZ(0)}}.color-swatch-picker--stack{@apply flex-col}.color-swatch-picker--xs{.color-swatch-picker__item{@apply size-4 border}}.color-swatch-picker--sm{.color-swatch-picker__item{@apply size-6 border-2}}.color-swatch-picker--lg{.color-swatch-picker__item{@apply size-9 border-3}}.color-swatch-picker--xl{.color-swatch-picker__item{@apply size-10 border-3}}.color-swatch-picker--square{.color-swatch-picker__item{@apply rounded-xl;.color-swatch-picker__swatch{@apply rounded-lg}&[data-selected=true]{.color-swatch-picker__swatch{@apply rounded-lg}}}}.color-swatch-picker--square.color-swatch-picker--xs{.color-swatch-picker__item{@apply rounded-md;.color-swatch-picker__swatch{@apply rounded-md}&[data-selected=true]{.color-swatch-picker__swatch{@apply rounded-md}}}}.color-swatch-picker--square.color-swatch-picker--sm{.color-swatch-picker__item{@apply rounded-lg;.color-swatch-picker__swatch{@apply rounded-lg}&[data-selected=true]{.color-swatch-picker__swatch{@apply rounded-md}}}}.color-swatch-picker--square.color-swatch-picker--lg{.color-swatch-picker__item{@apply rounded-xl;.color-swatch-picker__swatch{@apply rounded-lg}&[data-selected=true]{.color-swatch-picker__swatch{@apply rounded-lg}}}}.color-swatch-picker--square.color-swatch-picker--xl{.color-swatch-picker__item{@apply rounded-xl;.color-swatch-picker__swatch{@apply rounded-lg}&[data-selected=true]{.color-swatch-picker__swatch{@apply rounded-lg}}}}}@media layer(components){.color-input-group{@apply inline-flex h-9 items-center overflow-hidden rounded-field border bg-field text-sm text-field-foreground shadow-field outline-none;border-width:var(--border-width-field);border-color:var(--color-field-border);transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;@media (hover:hover){&:hover:not(:focus-within),&[data-hovered=true]:not([data-focus-within=true]){@apply bg-field-hover;border-color:var(--color-field-border-hover)}}&:focus-within,&[data-focus-within=true]{@apply status-focused-field}&[data-invalid=true]{@apply status-invalid-field;background-color:var(--color-field-focus);border-color:var(--color-field-border-invalid)}&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}}.color-input-group__input{@apply flex h-full flex-1 cursor-text items-center rounded-none border-0 bg-transparent px-3 py-2 text-base shadow-none outline-none sm:text-sm;&::placeholder{@apply text-field-placeholder}.color-input-group:has([data-slot=color-input-group-prefix]) &{@apply rounded-l-none pl-2}.color-input-group:has([data-slot=color-input-group-suffix]) &{@apply rounded-r-none pr-2}&:focus,&:focus-visible{@apply outline-none}}.color-input-group__prefix{@apply shrink-0 text-field-placeholder;@apply mr-0 ml-3 flex items-center}.color-input-group__suffix{@apply shrink-0 text-field-placeholder;@apply mr-3 flex items-center}.color-input-group--secondary{@apply shadow-none;background-color:var(--color-input-group-bg);--color-input-group-bg:var(--color-default);--color-input-group-bg-hover:var(--color-default-hover);--color-input-group-bg-focus:var(--color-default);@media (hover:hover){&:hover:not(:focus-within),&[data-hovered=true]:not([data-focus-within=true]){background-color:var(--color-input-group-bg-hover)}}&:focus-within,&[data-focus-within=true]{background-color:var(--color-input-group-bg-focus)}&[data-invalid=true]{@apply status-invalid-field;border-color:var(--color-field-border-invalid);background-color:var(--color-input-group-bg-focus)}[data-slot=color-input-group-input]{@apply bg-transparent}}.color-input-group--full-width{@apply w-full}}@media layer(components){.color-field{@apply flex flex-col gap-1;&[aria-invalid=true],&[data-invalid=true]{[data-slot=description]{@apply hidden}}[data-slot=label]{@apply w-fit}[data-slot=description]{@apply px-1}}.color-field--full-width{@apply w-full}}@media layer(components){.slider{@apply w-full gap-2;display:grid;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;[data-slot=label]{@apply w-fit text-sm font-medium;grid-area:label}.slider__output{@apply text-sm font-medium tabular-nums;grid-area:output}.slider__track{@apply relative rounded-full bg-default;grid-area:track}.slider__fill{@apply pointer-events-none absolute bg-accent}.slider__thumb{@apply absolute flex cursor-grab items-center justify-center rounded-full bg-accent no-highlight;transition:background-color .25s var(--ease-smooth),transform .25s var(--ease-out),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;&:after{@apply relative z-10 rounded-full bg-accent-foreground text-black shadow-field;content:"";@apply origin-center transition-all motion-reduce:transition-none}&[data-dragging=true]{@apply cursor-grabbing;&:after{@apply scale-[0.9] motion-reduce:scale-100}}&[data-focus-visible=true]{@apply z-10 status-focused}&[data-disabled=true]{@apply cursor-default}}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled;[data-slot=label]{@apply opacity-100}}&[data-orientation=horizontal]{flex-direction:column;.slider__track{@apply h-5 w-full;@apply border-x-[0.75rem] border-x-transparent;&[data-fill-start=true]{@apply border-s-accent}&[data-fill-end=true]{@apply border-e-accent}}.slider__fill,.slider__thumb{@apply h-full}.slider__thumb{@apply top-1/2;width:calc(1.5rem + .25rem);&:after{width:1.5rem;height:1rem}}}&[data-orientation=vertical]{@apply h-full gap-2;flex-direction:row;grid-template-areas:"output" "track" "label";grid-template-rows:auto 1fr auto;grid-template-columns:1fr;.slider__output,[data-slot=label]{text-align:center}.slider__track{@apply h-full w-5;@apply border-y-[0.75rem] border-y-transparent;justify-self:center;&[data-fill-start=true]{@apply border-b-accent}&[data-fill-end=true]{@apply border-t-accent}}.slider__fill,.slider__thumb{@apply w-full}.slider__thumb{@apply left-1/2;height:calc(1.5rem + .25rem);&:after{width:1rem;height:1.5rem}}}}}@media layer(components){.switch{@apply inline-flex items-center gap-3 no-highlight;cursor:var(--cursor-interactive);--switch-control-bg:var(--color-default);--switch-control-bg-hover:color-mix(in oklab,var(--switch-control-bg),transparent 20%);--switch-control-bg-pressed:var(--switch-control-bg-hover);--switch-control-bg-checked:var(--color-accent);--switch-control-bg-checked-hover:var(--color-accent-hover);&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled;.switch__thumb{@apply bg-default-foreground/20}}&:disabled[aria-checked=true],&:disabled[data-selected=true],&[aria-disabled=true][aria-checked=true],&[aria-disabled=true][data-selected=true],&[data-disabled=true][aria-checked=true],&[data-disabled=true][data-selected=true]{.switch__thumb{opacity:.4}}}.switch__control{@apply relative flex shrink-0 items-center overflow-hidden rounded-full;height:1.25rem;width:2.5rem;background-color:var(--switch-control-bg);transition:background-color .25s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;.switch:focus-visible &,.switch[data-focus-visible=true] &{@apply status-focused}.switch:hover &,.switch[data-hovered=true] &{background-color:var(--switch-control-bg-hover)}.switch:active &,.switch[data-pressed=true] &{background-color:var(--switch-control-bg-pressed);@apply motion-reduce:transform-none}.switch[aria-checked=true] &,.switch[data-selected=true] &{background-color:var(--switch-control-bg-checked)}.switch[aria-checked=true]:active &,.switch[aria-checked=true]:hover &,.switch[aria-checked=true][data-hovered=true] &,.switch[aria-checked=true][data-pressed=true] &,.switch[data-selected=true]:active &,.switch[data-selected=true]:hover &,.switch[data-selected=true][data-hovered=true] &,.switch[data-selected=true][data-pressed=true] &{background-color:var(--switch-control-bg-checked-hover)}}.switch--sm .switch__control{height:1rem;width:2rem}.switch--lg .switch__control{height:1.5rem;width:3rem}.switch__thumb{@apply ms-0.5 flex origin-center rounded-full bg-white text-black shadow-field;height:1rem;width:1.375rem;transition:margin .3s var(--ease-out-fluid),background-color .2s var(--ease-out);@apply motion-reduce:transition-none;.switch[aria-checked=true] &,.switch[data-selected=true] &{@apply ms-[calc(100%-1.5rem)] bg-accent-foreground text-accent;box-shadow:0 0 5px 0 rgb(0 0 0/.02),0 2px 10px 0 rgb(0 0 0/.06),0 0 1px 0 rgb(0 0 0/.3)}}.switch--sm .switch__thumb{height:.75rem;width:1.03125rem;.switch[aria-checked=true] &,.switch[data-selected=true] &{@apply ms-[calc(100%-1.15625rem)]}}.switch--lg .switch__thumb{height:1.25rem;width:1.71875rem;.switch[aria-checked=true] &,.switch[data-selected=true] &{@apply ms-[calc(100%-1.84375rem)]}}.switch__thumb>*{@apply flex size-full items-center justify-center}.switch__label{@apply text-base font-medium text-foreground}.switch__content{@apply flex flex-col gap-0}}@media layer(components){.switch-group{@apply flex flex-col gap-6}.switch-group__items{@apply flex gap-4}.switch-group--horizontal .switch-group__items{@apply flex-row}.switch-group--vertical .switch-group__items{@apply flex-col}}@media layer(components){.badge{@apply inline-flex shrink-0 items-center justify-center gap-0.5 font-medium;@apply min-h-7 min-w-7 rounded-3xl text-xs leading-[1.34];--badge-bg:var(--color-default);--badge-fg:var(--color-default-foreground);--badge-border:var(--color-background);background-color:var(--badge-bg);color:var(--badge-fg);border:1px solid var(--badge-border)}.badge__label{@apply px-0.5}.badge-anchor{@apply relative inline-flex shrink-0}.badge--lg{@apply min-h-8 min-w-8 rounded-2xl text-sm leading-[1.43]}.badge--sm{@apply min-h-4 min-w-4 rounded-xl text-[10px] leading-[1.34]}.badge--accent{--badge-fg:var(--color-accent)}.badge--default{--badge-fg:var(--color-default-foreground)}.badge--success{--badge-fg:var(--color-success)}.badge--warning{--badge-fg:var(--color-warning)}.badge--danger{--badge-fg:var(--color-danger)}.badge--top-right{@apply absolute top-0 right-0;transform:translate(25%,-25%)}.badge--top-left{@apply absolute top-0 left-0;transform:translate(-25%,-25%)}.badge--bottom-right{@apply absolute right-0 bottom-0;transform:translate(25%,25%)}.badge--bottom-left{@apply absolute bottom-0 left-0;transform:translate(-25%,25%)}.badge--primary.badge--accent{--badge-bg:var(--color-accent);--badge-fg:var(--color-accent-foreground)}.badge--primary.badge--default{--badge-bg:var(--color-default);--badge-fg:var(--color-default-foreground)}.badge--primary.badge--success{--badge-bg:var(--color-success);--badge-fg:var(--color-success-foreground)}.badge--primary.badge--warning{--badge-bg:var(--color-warning);--badge-fg:var(--color-warning-foreground)}.badge--primary.badge--danger{--badge-bg:var(--color-danger);--badge-fg:var(--color-danger-foreground)}.badge--soft.badge--accent{--badge-bg:var(--color-accent-soft);--badge-fg:var(--color-accent-soft-foreground)}.badge--soft.badge--default{--badge-bg:var(--color-default);--badge-fg:var(--color-default-foreground)}.badge--soft.badge--success{--badge-bg:var(--color-success-soft);--badge-fg:var(--color-success-soft-foreground)}.badge--soft.badge--warning{--badge-bg:var(--color-warning-soft);--badge-fg:var(--color-warning-soft-foreground)}.badge--soft.badge--danger{--badge-bg:var(--color-danger-soft);--badge-fg:var(--color-danger-soft-foreground)}}@media layer(components){.chip{@apply inline-flex shrink-0 items-center gap-0.5 rounded-2xl px-2 py-0.5 text-xs leading-5 font-medium;--chip-bg:var(--color-default);--chip-fg:currentColor;background-color:var(--chip-bg);color:var(--chip-fg)}.chip__label{@apply px-0.5}.chip--accent{--chip-fg:var(--color-accent)}.chip--danger{--chip-fg:var(--color-danger)}.chip--default{--chip-fg:var(--color-default-foreground)}.chip--success{--chip-fg:var(--color-success)}.chip--warning{--chip-fg:var(--color-warning)}.chip--tertiary{--chip-bg:transparent}.chip--sm{@apply px-1 py-0 text-xs}.chip--md{@apply text-xs}.chip--lg{@apply px-3 py-1 text-sm font-medium}.chip--primary.chip--accent{--chip-bg:var(--color-accent);--chip-fg:var(--color-accent-foreground)}.chip--primary.chip--success{--chip-bg:var(--color-success);--chip-fg:var(--color-success-foreground)}.chip--primary.chip--warning{--chip-bg:var(--color-warning);--chip-fg:var(--color-warning-foreground)}.chip--primary.chip--danger{--chip-bg:var(--color-danger);--chip-fg:var(--color-danger-foreground)}.chip--accent.chip--soft{--chip-bg:var(--color-accent-soft);--chip-fg:var(--color-accent-soft-foreground)}.chip--success.chip--soft{--chip-bg:var(--color-success-soft);--chip-fg:var(--color-success-soft-foreground)}.chip--warning.chip--soft{--chip-bg:var(--color-warning-soft);--chip-fg:var(--color-warning-soft-foreground)}.chip--danger.chip--soft{--chip-bg:var(--color-danger-soft);--chip-fg:var(--color-danger-soft-foreground)}}@media layer(components){.table-root{@apply relative grid w-full overflow-clip;grid-template-columns:minmax(0,1fr)}.table__scroll-container{@apply overflow-x-auto;scrollbar-width:thin;scrollbar-color:oklch(0 0 0/.15) transparent;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:oklch(0 0 0/.15);border-radius:3px}&::-webkit-scrollbar-thumb:hover{background:oklch(0 0 0/.25)}:is([data-theme=dark],.dark) &{scrollbar-color:oklch(100% 0 0/.15) transparent;&::-webkit-scrollbar-thumb{background:oklch(100% 0 0/.15)}&::-webkit-scrollbar-thumb:hover{background:oklch(100% 0 0/.25)}}}.table-root--primary{@apply bg-surface-secondary px-1 pb-1;border-radius:calc(var(--radius) * 2.5)}.table-root--secondary .table__header{@apply rounded-2xl border-b-0}.table-root--secondary .table__column:first-child{@apply rounded-tl-2xl rounded-bl-2xl}.table-root--secondary .table__column:last-child{@apply rounded-tr-2xl rounded-br-2xl}.table-root--secondary .table__body{@apply shadow-none;& tr:first-child td:first-child,& tr:first-child td:last-child,& tr:last-child td:first-child,& tr:last-child td:last-child{@apply rounded-none}}.table-root--secondary .table__row{@apply bg-transparent;@media (hover:hover){&:hover,&[data-hovered=true]{@apply bg-default/50}}.table__cell{@apply border-b border-separator-tertiary/50}}.table__content{@apply w-full border-separate border-spacing-0 text-sm}.table-root--primary .table__content{@apply overflow-clip}.table__header{@apply border-b border-separator/50 bg-surface-secondary}.table__column{@apply relative px-4 py-2.5 text-left text-xs font-medium text-muted;&:after{content:"";@apply pointer-events-none absolute top-1/2 right-0 h-4 w-px -translate-y-1/2 rounded-sm bg-separator}&:last-child:after{content:none}&[data-allows-sorting=true]{cursor:var(--cursor-interactive)}@media (hover:hover){&[data-allows-sorting=true]:hover,&[data-allows-sorting=true][data-hovered=true]{@apply text-foreground}}&:focus-visible,&[data-focus-visible=true]{@apply rounded-lg outline-none;box-shadow:inset 0 0 0 2px var(--color-focus)}}.table__body{& tr:first-child td:first-child{@apply rounded-tl-2xl}& tr:first-child td:last-child{@apply rounded-tr-2xl}& tr:last-child td:first-child{@apply rounded-bl-2xl}& tr:last-child td:last-child{@apply rounded-br-2xl}}.table__row{@apply relative bg-surface;@apply border-b border-separator/50;&:last-child{@apply border-b-0}@media (hover:hover){&:hover,&[data-hovered=true]{@apply bg-surface/40}}&[data-selected=true]{@apply bg-surface/10}&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}&:focus-visible,&[data-focus-visible=true]{@apply outline-none;box-shadow:inset 0 0 0 2px var(--color-focus)}&[data-dragging=true]{@apply opacity-50}&[data-drop-target=true]{@apply bg-accent-soft}}.table__cell{@apply px-4 py-3 align-middle text-sm text-foreground;@apply border-b border-separator-tertiary/50;&:focus-visible,&[data-focus-visible=true]{@apply rounded-lg outline-none;box-shadow:inset 0 0 0 2px var(--color-focus)}}.table__footer{@apply flex items-center px-4 py-2.5}.table__resizable-container{@apply relative overflow-auto}.table__column-resizer{@apply absolute top-1/2 right-0 h-4 w-px -translate-y-1/2 rounded-sm bg-separator;@apply box-content translate-x-1/2 cursor-col-resize touch-none px-2;@apply border-none bg-clip-content outline-none;&:hover,&[data-hovered=true]{@apply h-full w-0.5 bg-accent}&[data-resizing=true]{@apply h-full w-0.5 bg-accent}&:focus-visible,&[data-focus-visible=true]{@apply h-full w-0.5 bg-focus}}.table__column:has(.table__column-resizer):after{content:none}.table__load-more{& td{@apply py-3 text-center;&>*{@apply mx-auto}}}.table__load-more-content{@apply flex items-center justify-center gap-2 py-2}}@media layer(components){.alert{@apply flex w-full flex-row items-start justify-start gap-4 rounded-3xl bg-surface px-4 py-3 shadow-surface}.alert__content{@apply flex h-full grow flex-col items-start}.alert__indicator{@apply flex items-center justify-center p-1 select-none;[data-slot=alert-default-icon]{@apply box-content size-4}}.alert__title{@apply text-sm leading-6 font-medium}.alert__description{@apply text-sm text-muted}.alert--default .alert__indicator{@apply text-foreground}.alert--default .alert__title{@apply text-foreground}.alert--accent .alert__indicator{@apply text-accent}.alert--accent .alert__title{@apply text-accent}.alert--success .alert__indicator{@apply text-success}.alert--success .alert__title{@apply text-success}.alert--warning .alert__indicator{@apply text-warning}.alert--warning .alert__title{@apply text-warning}.alert--danger .alert__indicator{@apply text-danger}.alert--danger .alert__title{@apply text-danger}}@media layer(components){.empty-state{@apply p-2 text-sm text-muted}}@media layer(components){.skeleton{@apply pointer-events-none relative overflow-hidden rounded-sm bg-surface-tertiary/70}.skeleton--shimmer{&:after{@apply absolute inset-0 -translate-x-full animate-skeleton bg-linear-to-r from-transparent via-surface-tertiary to-transparent content-[""]}&:has(.skeleton){&:after{content:none}&:before{@apply absolute inset-0 -translate-x-full animate-skeleton content-[""];background:linear-gradient(90deg,transparent,rgba(255,255,255,.5) 50%,transparent);z-index:10;pointer-events:none;mix-blend-mode:overlay}& .skeleton{&:after{content:none}}}}.skeleton--pulse{@apply animate-pulse}}@media layer(components){.spinner{@apply pointer-events-none relative size-6 origin-center animate-spin-fast}.spinner--sm{@apply size-4}.spinner--lg{@apply size-8}.spinner--xl{@apply size-10}.spinner--current{color:inherit}.spinner--accent{color:var(--accent)}.spinner--danger{color:var(--danger)}.spinner--success{color:var(--success)}.spinner--warning{color:var(--warning)}}@media layer(components){.toast-region{@apply pointer-events-none fixed z-50 outline-none;@apply w-[calc(100vw-2rem)] sm:w-auto sm:min-w-(--toast-width);display:block}.toast-region--bottom{@apply bottom-4 left-1/2 -translate-x-1/2}.toast-region--bottom-start{@apply bottom-4 left-4}.toast-region--bottom-end{@apply right-4 bottom-4}.toast-region--top{@apply top-4 left-1/2 -translate-x-1/2}.toast-region--top-start{@apply top-4 left-4}.toast-region--top-end{@apply top-4 right-4}.toast-region:focus-visible{@apply outline-2 outline-offset-2 outline-focus}.toast{position:absolute;left:0;right:0;@apply pointer-events-auto flex flex-row items-start justify-start gap-1.5 rounded-3xl bg-surface px-4 py-3 shadow-overlay}.toast--bottom,.toast--bottom-end,.toast--bottom-start{bottom:0}.toast--top,.toast--top-end,.toast--top-start{top:0}.toast:not([data-frontmost=true]){@apply pointer-events-none;height:var(--front-height);overflow:hidden;.toast__close-button{@apply pointer-events-none opacity-0;outline:none}}.toast[data-hidden=true]{@apply pointer-events-none flex opacity-0}.toast:focus-visible{@apply outline-2 outline-offset-2 outline-focus}.toast--bottom,.toast--bottom-end,.toast--bottom-start{view-transition-class:toast-bottom}.toast--top,.toast--top-end,.toast--top-start{view-transition-class:toast-top}.toast__content{@apply flex h-full grow flex-col items-start self-center}.toast__indicator{@apply flex shrink-0 items-center justify-center p-1 text-overlay-foreground select-none;[data-slot=toast-default-icon]{@apply box-content size-4}[data-slot=spinner]{@apply size-4}[data-slot=spinner-icon]{@apply size-4}}.toast__title{@apply text-sm leading-5 font-medium text-overlay-foreground}.toast__description{@apply text-sm text-muted}.toast__close-button{@apply absolute top-2.5 right-2.5 size-5 border-border bg-default opacity-100 sm:pointer-events-none sm:-top-1 sm:-right-1 sm:border sm:bg-overlay sm:opacity-0;transition:opacity .15s var(--ease-smooth);@apply motion-reduce:transition-none;[data-slot=close-button-icon]{@apply size-3.5 sm:size-3}@media (hover:hover){&:hover,&[data-hovered=true]{@apply bg-default}}}.toast[data-frontmost=true]:hover .toast__close-button{@apply pointer-events-auto opacity-100}.toast__action{@apply mt-2 sm:mt-0}.toast--accent .toast__title{@apply text-accent}.toast--success .toast__title{@apply text-success}.toast--success .toast__indicator{@apply text-success}.toast--warning .toast__title{@apply text-warning}.toast--warning .toast__indicator{@apply text-warning}.toast--danger .toast__title{@apply text-danger}.toast--danger .toast__indicator{@apply text-danger}::view-transition-new(*),::view-transition-old(*){will-change:translate,opacity}::view-transition-new(.toast-bottom):only-child{animation:toast-slide-bottom-in .35s}::view-transition-old(.toast-bottom):only-child{animation:toast-slide-bottom-out .35s;animation-fill-mode:forwards}::view-transition-new(.toast-top):only-child{animation:toast-slide-top-in .35s}::view-transition-old(.toast-top):only-child{animation:toast-slide-top-out .35s;animation-fill-mode:forwards}@keyframes toast-slide-bottom-in{0%{translate:0 100%;opacity:0}}@keyframes toast-slide-bottom-out{to{translate:0 100%;opacity:0}}@keyframes toast-slide-top-in{0%{translate:0 -100%;opacity:0}}@keyframes toast-slide-top-out{to{translate:0 -100%;opacity:0}}}@media layer(components){.checkbox-group{@apply flex flex-col;[data-slot=checkbox]{@apply mt-4}}}@media layer(components){.checkbox{@apply flex gap-3 outline-none no-highlight;cursor:var(--cursor-interactive);&:not(:has([data-slot=description])){@apply items-center}&:has([data-slot=description]){@apply items-start}[data-slot=label]{@apply select-none}[data-slot=description]{@apply text-wrap select-none}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}&[data-indeterminate=true],&[data-selected=true]{.checkbox__indicator{border-color:var(--accent-foreground);background:var(--accent-hover)}}[data-slot=checkbox-default-indicator--checkmark]{@apply size-2.5 stroke-[2.5px] text-accent-foreground;@apply transition-all duration-200 motion-reduce:transition-none}&[data-selected=true] [data-slot=checkbox-default-indicator--checkmark]{transition:stroke-dashoffset .15s linear 15ms}&[aria-invalid=true][aria-checked=true] [data-slot=checkbox-default-indicator--checkmark],&[aria-invalid=true][data-selected=true] [data-slot=checkbox-default-indicator--checkmark],&[data-invalid=true][aria-checked=true] [data-slot=checkbox-default-indicator--checkmark],&[data-invalid=true][data-selected=true] [data-slot=checkbox-default-indicator--checkmark]{@apply text-danger-foreground}&[data-indeterminate=true]{[data-slot=checkbox-default-indicator--indeterminate]{@apply size-3}}&[data-indeterminate=true][aria-invalid=true] [data-slot=checkbox-default-indicator--indeterminate],&[data-indeterminate=true][data-invalid=true] [data-slot=checkbox-default-indicator--indeterminate]{@apply text-danger-foreground}}.checkbox__control{@apply relative inline-flex size-4 shrink-0 items-center justify-center overflow-hidden rounded-md bg-field shadow-field outline-none no-highlight;transition:background-color .2s var(--ease-out),transform .1s var(--ease-out);@apply motion-reduce:transition-none;cursor:var(--cursor-interactive);.checkbox:has([data-slot=description]) &{@apply mt-0.5}&:before{@apply pointer-events-none absolute inset-0 z-0 origin-center scale-70 rounded-md bg-accent opacity-0 content-[""];transition:scale .1s var(--ease-linear),opacity .2s var(--ease-linear),background-color .2s var(--ease-out);@apply motion-reduce:transition-none}.checkbox:focus-visible &,.checkbox[data-focus-visible=true] &{@apply status-focused}.checkbox:hover &,.checkbox[data-hovered=true] &{@apply border-field-border-hover;&:before{@apply bg-accent-hover}}.checkbox[aria-checked=true] &,.checkbox[data-selected=true] &{@apply border-transparent text-accent-foreground;&:before{@apply scale-100 opacity-100}}.checkbox[data-indeterminate=true] &{@apply bg-accent text-accent-foreground}.checkbox:active[data-indeterminate=true] &,.checkbox[data-pressed=true][data-indeterminate=true] &{@apply bg-accent-hover}.checkbox[aria-invalid=true]:not([aria-checked=true]):not([data-selected=true]):not([data-indeterminate=true]) &,.checkbox[data-invalid=true]:not([aria-checked=true]):not([data-selected=true]):not([data-indeterminate=true]) &{@apply status-invalid-field}.checkbox[aria-invalid=true][aria-checked=true] &,.checkbox[aria-invalid=true][data-selected=true] &,.checkbox[data-invalid=true][aria-checked=true] &,.checkbox[data-invalid=true][data-selected=true] &{@apply border-transparent bg-danger text-danger-foreground;&:before{@apply scale-100 bg-danger opacity-100}}.checkbox[data-indeterminate=true][aria-invalid=true] &,.checkbox[data-indeterminate=true][data-invalid=true] &{@apply bg-danger text-danger-foreground}}.checkbox__indicator{@apply relative z-10 flex size-3 items-center justify-center;& svg{@apply transform-gpu}}.checkbox__content{@apply flex flex-col gap-0}.checkbox--disabled{@apply status-disabled}.checkbox--secondary .checkbox__control{@apply shadow-none;background-color:var(--checkbox-control-bg);--checkbox-control-bg:var(--color-default);.checkbox:hover &,.checkbox[data-hovered=true] &{@apply border-field-border-hover}}.checkbox--secondary:not([aria-checked=true]):not([data-selected=true]):not([data-indeterminate=true]) .checkbox__control{background-color:var(--checkbox-control-bg)}.checkbox--secondary[aria-checked=true] .checkbox__control,.checkbox--secondary[data-selected=true] .checkbox__control{&:before{@apply bg-accent}}.checkbox--secondary[data-indeterminate=true] .checkbox__control{@apply bg-accent;&:before{@apply bg-accent}}}@media layer(components){.fieldset{@apply flex flex-col gap-6;@apply shrink grow basis-0}.fieldset__legend{@apply text-base font-medium text-foreground}.fieldset__field_group{@apply w-full space-y-4}.fieldset__actions{@apply flex items-center gap-2 pt-1}}@media layer(components){.input-otp{@apply relative flex items-center gap-2;&[data-disabled=true]{@apply cursor-not-allowed opacity-50}}.input-otp__group{@apply flex items-center gap-2}.input-otp__slot{@apply relative flex h-10 w-9.5 flex-1 items-center justify-center;@apply border bg-field text-field-foreground shadow-field;@apply rounded-field text-sm font-semibold outline-none;border-width:var(--border-width-field);border-color:var(--color-field-border);transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;@media (hover:hover){&:hover,&[data-hovered=true]{@apply bg-field-hover;border-color:var(--color-field-border-hover)}}&[data-active=true]{@apply z-10 bg-field-focus status-focused-field}&[data-filled=true]{@apply bg-field-focus}&[data-disabled=true]{@apply status-disabled}&[data-invalid=true]{@apply status-invalid-field;background-color:var(--color-field-focus)}}.input-otp__slot-value{@apply text-lg leading-6 tracking-[-0.27px];animation:slot-value-in .25s var(--ease-smooth) both;transform-origin:bottom center;@apply motion-reduce:animate-none}.input-otp__caret{@apply absolute h-4 w-[2px] animate-caret-blink rounded-[4px] bg-field-placeholder}.input-otp__separator{@apply h-[2px] w-[6px] shrink-0 rounded-[4px] bg-separator}.input-otp--secondary .input-otp__slot{@apply shadow-none;background-color:var(--input-otp-slot-bg);--input-otp-slot-bg:var(--color-default);--input-otp-slot-bg-hover:var(--color-default-hover);--input-otp-slot-bg-focus:var(--color-default);@media (hover:hover){&:hover,&[data-hovered=true]{background-color:var(--input-otp-slot-bg-hover)}}&[data-active=true],&[data-filled=true]{background-color:var(--input-otp-slot-bg-focus)}}@keyframes slot-value-in{0%{opacity:0;transform:translateY(8px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}}@media layer(components){.input{@apply rounded-field border bg-field px-3 py-2 text-base text-field-foreground shadow-field outline-none placeholder:text-field-placeholder sm:text-sm;border-width:var(--border-width-field);border-color:var(--color-field-border);transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;@media (hover:hover){&:hover:not(:focus):not(:focus-visible),&[data-hovered=true]:not([data-focused=true]):not([data-focus-visible=true]){@apply bg-field-hover;border-color:var(--color-field-border-hover)}}&:focus,&[data-focused=true]{@apply status-focused-field;border-color:var(--color-field-border-focus);background-color:var(--color-field-focus)}&[data-invalid=true]{@apply status-invalid-field;background-color:var(--color-field-focus)}&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}}.input--secondary{@apply shadow-none;background-color:var(--input-bg);--input-bg:var(--color-default);--input-bg-hover:var(--color-default-hover);--input-bg-focus:var(--color-default);@media (hover:hover){&:hover:not(:focus):not(:focus-visible),&[data-hovered=true]:not([data-focus-visible=true]):not([data-focused=true]){background-color:var(--input-bg-hover)}}&:focus,&[data-focused=true]{background-color:var(--input-bg-focus)}&[data-invalid=true]{@apply status-invalid-field;background-color:var(--input-bg-focus)}}.input--full-width{@apply w-full}}@media layer(components){.input-group{@apply inline-flex min-h-9 items-center overflow-hidden rounded-field border bg-field text-sm text-field-foreground shadow-field outline-none;border-width:var(--border-width-field);border-color:var(--color-field-border);&:has([data-slot=input-group-textarea]){@apply items-start;height:auto}transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;@media (hover:hover){&:hover:not(:focus-within),&[data-hovered=true]:not([data-focus-within=true]){@apply bg-field-hover;border-color:var(--color-field-border-hover)}}&:focus-within,&[data-focus-within=true]{@apply status-focused-field;border-color:var(--color-field-border-focus);background-color:var(--color-field-focus)}&[data-invalid=true]{@apply status-invalid-field;background-color:var(--color-field-focus);border-color:var(--color-field-border-invalid)}&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}}.input-group__input{@apply flex-1 rounded-none border-0 bg-transparent px-3 py-2 text-base shadow-none outline-none placeholder:text-field-placeholder sm:text-sm;.input-group:has([data-slot=input-group-prefix]) &{@apply rounded-l-none pl-0}.input-group:has([data-slot=input-group-suffix]) &{@apply rounded-r-none pr-0}&:focus,&:focus-visible{@apply outline-none}}.input-group__input[data-slot=input-group-textarea]{min-height:38px;resize:vertical}.input-group__prefix{@apply flex h-full items-center justify-center rounded-l-field rounded-r-none bg-transparent px-3 text-field-placeholder;border-width:var(--border-width-field);border-color:var(--color-field-border);border-style:solid;border-right-color:var(--color-field-border);border-left:none;border-top:none;border-bottom:none;.input-group:has([data-slot=input-group-textarea]) &{@apply items-start;padding-top:.5rem}transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth);@apply motion-reduce:transition-none}.input-group__suffix{@apply flex h-full items-center justify-center rounded-l-none rounded-r-field bg-transparent px-3 text-field-placeholder;border-width:var(--border-width-field);border-color:var(--color-field-border);border-style:solid;border-left-color:var(--color-field-border);border-right:none;border-top:none;border-bottom:none;.input-group:has([data-slot=input-group-textarea]) &{@apply items-start;padding-top:.5rem}transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth);@apply motion-reduce:transition-none}.input-group--secondary{@apply shadow-none;background-color:var(--input-group-bg);--input-group-bg:var(--color-default);--input-group-bg-hover:var(--color-default-hover);--input-group-bg-focus:var(--color-default);@media (hover:hover){&:hover:not(:focus-within),&[data-hovered=true]:not([data-focus-within=true]){background-color:var(--input-group-bg-hover)}}&:focus-within,&[data-focus-within=true]{background-color:var(--input-group-bg-focus)}&[data-invalid=true]{@apply status-invalid-field;border-color:var(--color-field-border-invalid);background-color:var(--input-group-bg-focus)}[data-slot=input-group-input],[data-slot=input-group-textarea]{@apply bg-transparent}}.input-group--full-width{@apply w-full}}@media layer(components){.number-field{@apply flex flex-col gap-1;&[aria-invalid=true],&[data-invalid=true]{[data-slot=description]{@apply hidden}}[data-slot=label]{@apply w-fit}[data-slot=description]{@apply px-1}}.number-field__group{@apply inline-flex h-9 items-center overflow-hidden rounded-field border bg-field text-sm text-field-foreground shadow-field outline-none;border-width:var(--border-width-field);border-color:var(--color-field-border);transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;@media (hover:hover){&:hover:not(:focus-within),&[data-hovered=true]:not([data-focus-within=true]){@apply bg-field-hover;border-color:var(--color-field-border-hover)}}&:focus-within,&[data-focus-within=true]{@apply status-focused-field;border-color:var(--color-field-border-focus);background-color:var(--color-field-focus)}&[data-invalid=true]{@apply status-invalid-field;background-color:var(--color-field-focus);border-color:var(--color-field-border-invalid)}&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}}.number-field__input{@apply flex-1 rounded-none border-0 bg-transparent px-3 py-2 text-base tabular-nums shadow-none outline-none sm:text-sm;.number-field__group:has([slot=decrement]) &{@apply rounded-l-none}.number-field__group:has([slot=increment]) &{@apply rounded-r-none}&:focus,&:focus-visible{@apply outline-none}}.number-field__decrement-button,.number-field__increment-button{@apply flex h-full w-10 items-center justify-center rounded-none bg-transparent text-field-foreground outline-none;border-width:var(--border-width-field);border-color:var(--color-field-border);border-style:solid;transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth);@apply motion-reduce:transition-none;cursor:var(--cursor-interactive);&:active,&[data-pressed=true]{@apply bg-field-foreground/10;transform:scale(.97)}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}[data-slot=number-field-decrement-button-icon],[data-slot=number-field-increment-button-icon]{@apply size-4}}.number-field__increment-button{@apply rounded-l-none rounded-r-field border-l border-field-placeholder/15}.number-field__decrement-button{@apply rounded-l-field rounded-r-none border-r border-field-placeholder/15}.number-field--secondary .number-field__group{@apply shadow-none;background-color:var(--number-field-group-bg);--number-field-group-bg:var(--color-default);--number-field-group-bg-hover:var(--color-default-hover);--number-field-group-bg-focus:var(--color-default);@media (hover:hover){&:hover:not(:focus-within),&[data-hovered=true]:not([data-focus-within=true]){background-color:var(--number-field-group-bg-hover)}}&:focus-within,&[data-focus-within=true]{background-color:var(--number-field-group-bg-focus)}&[data-invalid=true]{@apply status-invalid-field;border-color:var(--color-field-border-invalid);background-color:var(--number-field-group-bg-focus)}[data-slot=number-field-input]{@apply bg-transparent}}.number-field--full-width{@apply w-full}.number-field__group--full-width{@apply w-full}}@media layer(components){.radio-group{@apply flex flex-col;&[data-orientation=vertical]{[data-slot=radio]{@apply mt-4}}&[data-orientation=horizontal]{@apply flex-row flex-wrap gap-4}}.radio-group--secondary .radio__control{@apply shadow-none;background-color:var(--radio-control-bg);--radio-control-bg:var(--color-default);--radio-control-bg-hover:var(--color-default-hover);.radio:hover &,.radio[data-hovered=true] &{@apply border-field-border-hover}.radio:not([aria-checked=true]):not([data-selected=true]) & .radio__indicator:empty:before{background-color:var(--radio-control-bg)}.radio:hover:not([aria-checked=true]):not([data-selected=true]) &,.radio[data-hovered=true]:not([aria-checked=true]):not([data-selected=true]) &{.radio__indicator:empty:before{background-color:var(--radio-control-bg-hover)}}}}@media layer(components){.radio{@apply flex items-start gap-3 outline-none no-highlight;cursor:var(--cursor-interactive);[data-slot=label]{@apply select-none}[data-slot=description]{@apply text-wrap select-none}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}}.radio__control{@apply relative mt-[3px] inline-flex size-4 shrink-0 items-center justify-center rounded-full border [border-width:var(--border-width-field)] bg-field shadow-field outline-none no-highlight;transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),transform .1s var(--ease-out);@apply motion-reduce:transition-none;cursor:var(--cursor-interactive);.radio:focus-visible &,.radio[data-focus-visible=true] &{@apply status-focused}.radio:hover &,.radio[data-hovered=true] &{@apply border-field-border-hover}.radio:hover:not([aria-checked=true]):not([data-selected=true]) &,.radio[data-hovered=true]:not([aria-checked=true]):not([data-selected=true]) &{.radio__indicator:empty:before{@apply bg-field-hover}}.radio:active &,.radio[data-pressed=true] &{@apply scale-95}.radio[aria-checked=true] &,.radio[data-selected=true] &{@apply border-transparent bg-accent}.radio:active[data-selected=true] &,.radio[data-pressed=true][data-selected=true] &{@apply bg-accent-hover}.radio[aria-invalid=true] &,.radio[data-invalid=true] &{@apply status-invalid-field}.radio[aria-invalid=true][aria-checked=true] &,.radio[aria-invalid=true][data-selected=true] &,.radio[data-invalid=true][aria-checked=true] &,.radio[data-invalid=true][data-selected=true] &{@apply status-invalid-field}}.radio__indicator{@apply absolute inset-0 flex items-center justify-center;pointer-events:none}.radio__indicator:empty:before{content:"";@apply rounded-full bg-field;width:100%;height:100%;scale:1;transition:scale .2s var(--ease-out),background-color .2s var(--ease-out);@apply motion-reduce:transition-none}.radio[aria-checked=true] .radio__indicator:empty:before,.radio[data-selected=true] .radio__indicator:empty:before{@apply bg-accent-foreground;scale:.4286}.radio[data-selected=true][data-pressed=true] .radio__indicator:empty:before{scale:.5714}.radio__content{@apply flex flex-col gap-0}.radio--disabled{@apply status-disabled}}@media layer(components){.textfield{@apply flex flex-col gap-1;&[aria-invalid=true],&[data-invalid=true]{[data-slot=description]{@apply hidden}}[data-slot=description]{@apply px-1}}.textfield--full-width{@apply w-full;[data-slot=input],[data-slot=textarea]{@apply w-full}}}@media layer(components){.search-field{@apply flex flex-col gap-1;&[aria-invalid=true],&[data-invalid=true]{[data-slot=description]{@apply hidden}}[data-slot=label]{@apply w-fit}[data-slot=description]{@apply px-1}&[data-empty=true]{[data-slot=search-field-clear-button]{@apply pointer-events-none opacity-0}}}.search-field__group{@apply relative inline-flex h-9 items-center overflow-hidden rounded-field border bg-field text-sm text-field-foreground shadow-field outline-none;border-width:var(--border-width-field);border-color:var(--color-field-border);transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;@media (hover:hover){&:hover:not(:focus-within),&[data-hovered=true]:not([data-focus-within=true]){@apply bg-field-hover;border-color:var(--color-field-border-hover)}}&:focus-within,&[data-focus-within=true]{@apply status-focused-field}&[data-invalid=true]{@apply status-invalid-field;background-color:var(--color-field-focus);border-color:var(--color-field-border-invalid)}&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}}.search-field__input{@apply flex-1 rounded-none border-0 bg-transparent px-3 py-2 text-base shadow-none outline-none sm:text-sm;&::-webkit-search-cancel-button,&::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search-field__group:has([data-slot=search-field-search-icon]) &{@apply rounded-l-none pl-2}.search-field__group:has([slot=clear]) &{@apply rounded-r-none pr-2}&:focus,&:focus-visible{@apply outline-none}}.search-field__search-icon{@apply pointer-events-none shrink-0 text-field-placeholder;@apply mr-0 ml-3 size-4}.search-field__clear-button{@apply mr-2 size-5 shrink-0;[data-slot=close-button-icon]{@apply size-3}}.search-field--secondary .search-field__group{@apply shadow-none;background-color:var(--search-field-group-bg);--search-field-group-bg:var(--color-default);--search-field-group-bg-hover:var(--color-default-hover);--search-field-group-bg-focus:var(--color-default);@media (hover:hover){&:hover:not(:focus-within),&[data-hovered=true]:not([data-focus-within=true]){background-color:var(--search-field-group-bg-hover)}}&:focus-within,&[data-focus-within=true]{background-color:var(--search-field-group-bg-focus)}&[data-invalid=true]{@apply status-invalid-field;border-color:var(--color-field-border-invalid);background-color:var(--search-field-group-bg-focus)}[data-slot=search-field-input]{@apply bg-transparent}}.search-field--full-width{@apply w-full}.search-field__group--full-width{@apply w-full}}