@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 scrollbar-none;box-shadow:var(--shadow-overlay);border-radius:min(32px,calc(var(--radius) * 2.5));@apply flex flex-col gap-3;&: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 transition-[opacity,transform] will-change-[opacity,transform]}}}@media layer(components){.color-slider{@apply grid w-full gap-1;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-2xl;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-2xl 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{@apply rounded-tl-2xl rounded-bl-2xl;left:-.625rem;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{@apply rounded-tr-2xl rounded-br-2xl;right:-.625rem;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-2xl}.color-swatch--square{@apply rounded-md}.color-swatch--xs{@apply size-4;&.color-swatch--circle{@apply rounded-lg}}.color-swatch--sm{@apply size-6;&.color-swatch--circle{@apply rounded-xl}}.color-swatch--lg{@apply size-9;&.color-swatch--circle{@apply rounded-3xl}}.color-swatch--xl{@apply size-10;&.color-swatch--circle{@apply rounded-3xl}}}@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-2xl 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 rounded-lg border}}.color-swatch-picker--sm{.color-swatch-picker__item{@apply size-6 rounded-xl border-2}}.color-swatch-picker--lg{.color-swatch-picker__item{@apply size-9 rounded-3xl border-3}}.color-swatch-picker--xl{.color-swatch-picker__item{@apply size-10 rounded-3xl 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(--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(--field-border-hover)}}&:focus-within,&[data-focus-within=true]{@apply status-focused-field}&[data-invalid=true]{@apply status-invalid-field;background-color:var(--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(--default);--color-input-group-bg-hover:var(--default-hover);--color-input-group-bg-focus:var(--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}}.color-field--full-width{@apply w-full}}@media layer(components){.slider{@apply grid w-full gap-1;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-xl 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-xl 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-lg 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 flex flex-col items-start gap-1 no-highlight;cursor:var(--cursor-interactive);--switch-control-bg:var(--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(--accent);--switch-control-bg-checked-hover:var(--accent-hover);&[data-disabled=true]{@apply status-disabled;[data-slot=description],[data-slot=field-error]{@apply status-disabled}.switch__thumb{@apply bg-default-foreground/20}}&>[data-slot=description]{@apply w-full min-w-0 ps-[calc(2.5rem+0.75rem)]}&>[data-slot=field-error]{@apply w-full min-w-0 ps-[calc(2.5rem+0.75rem)] text-xs text-muted}&.switch--sm>[data-slot=description]{@apply ps-[calc(2rem+0.75rem)]}&.switch--sm>[data-slot=field-error]{@apply ps-[calc(2rem+0.75rem)]}&.switch--lg>[data-slot=description]{@apply ps-[calc(3rem+0.75rem)]}&.switch--lg>[data-slot=field-error]{@apply ps-[calc(3rem+0.75rem)]}&: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-xl;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 [data-slot=switch-content][data-focus-visible=true] &,.switch:focus-visible &,.switch:has([data-slot=switch-content][data-focus-visible=true]) &{@apply status-focused}.switch [data-slot=switch-content][data-hovered=true] &,.switch:has([data-slot=switch-content][data-hovered=true]) &,.switch:hover &{background-color:var(--switch-control-bg-hover)}.switch [data-slot=switch-content][data-pressed=true] &,.switch:active &,.switch:has([data-slot=switch-content][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:has([data-slot=switch-content][data-hovered=true])[data-selected=true] &,.switch[aria-checked=true]:hover &,.switch[aria-checked=true][data-hovered=true] &,.switch[data-selected=true]:hover &,.switch[data-selected=true][data-hovered=true] &{background-color:var(--switch-control-bg-checked-hover)}.switch:has([data-slot=switch-content][data-pressed=true])[data-selected=true] &,.switch[aria-checked=true]:active &,.switch[aria-checked=true][data-pressed=true] &,.switch[data-selected=true]:active &,.switch[data-selected=true][data-pressed=true] &{background-color:var(--switch-control-bg-checked-hover)}}.switch__content{@apply relative inline-flex cursor-[inherit] items-center gap-3 text-sm font-medium text-foreground outline-none select-none no-highlight}.switch--sm .switch__control{@apply rounded-lg;height:1rem;width:2rem}.switch--lg .switch__control{height:1.5rem;width:3rem}.switch__thumb{@apply ms-0.5 flex origin-center rounded-lg 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{@apply rounded-md;height:.75rem;width:1.03125rem;.switch[aria-checked=true] &,.switch[data-selected=true] &{@apply ms-[calc(100%-1.15625rem)]}}.switch--lg .switch__thumb{@apply rounded-xl;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 [data-slot=label]{@apply select-none}.switch__content [data-slot=label]{cursor:var(--cursor-interactive)}.switch [data-slot=description]{@apply cursor-default select-none}}@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(--default);--badge-fg:var(--default-foreground);--badge-border:var(--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(--accent-soft-foreground)}.badge--default{--badge-fg:var(--default-foreground)}.badge--success{--badge-fg:var(--success-soft-foreground)}.badge--warning{--badge-fg:var(--warning-soft-foreground)}.badge--danger{--badge-fg:var(--danger-soft-foreground)}.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(--accent);--badge-fg:var(--accent-foreground)}.badge--primary.badge--default{--badge-bg:var(--default);--badge-fg:var(--default-foreground)}.badge--primary.badge--success{--badge-bg:var(--success);--badge-fg:var(--success-foreground)}.badge--primary.badge--warning{--badge-bg:var(--warning);--badge-fg:var(--warning-foreground)}.badge--primary.badge--danger{--badge-bg:var(--danger);--badge-fg:var(--danger-foreground)}.badge--soft.badge--accent{--badge-bg:var(--accent-soft);--badge-fg:var(--accent-soft-foreground)}.badge--soft.badge--default{--badge-bg:var(--default-soft);--badge-fg:var(--default-soft-foreground)}.badge--soft.badge--success{--badge-bg:var(--success-soft);--badge-fg:var(--success-soft-foreground)}.badge--soft.badge--warning{--badge-bg:var(--warning-soft);--badge-fg:var(--warning-soft-foreground)}.badge--soft.badge--danger{--badge-bg:var(--danger-soft);--badge-fg:var(--danger-soft-foreground)}}@media layer(components){.chip{@apply inline-flex w-fit shrink-0 items-center gap-0.5 rounded-2xl px-2 py-0.5 text-xs leading-5 font-medium;--chip-bg:var(--default);--chip-fg:currentColor;background-color:var(--chip-bg);color:var(--chip-fg)}.chip__label{@apply px-0.5}.chip--accent{--chip-fg:var(--accent-soft-foreground)}.chip--danger{--chip-fg:var(--danger-soft-foreground)}.chip--default{--chip-fg:var(--default-foreground)}.chip--success{--chip-fg:var(--success-soft-foreground)}.chip--warning{--chip-fg:var(--warning-soft-foreground)}.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(--accent);--chip-fg:var(--accent-foreground)}.chip--primary.chip--success{--chip-bg:var(--success);--chip-fg:var(--success-foreground)}.chip--primary.chip--warning{--chip-bg:var(--warning);--chip-fg:var(--warning-foreground)}.chip--primary.chip--danger{--chip-bg:var(--danger);--chip-fg:var(--danger-foreground)}.chip--accent.chip--soft{--chip-bg:var(--accent-soft);--chip-fg:var(--accent-soft-foreground)}.chip--success.chip--soft{--chip-bg:var(--success-soft);--chip-fg:var(--success-soft-foreground)}.chip--warning.chip--soft{--chip-bg:var(--warning-soft);--chip-fg:var(--warning-soft-foreground)}.chip--danger.chip--soft{--chip-bg:var(--danger-soft);--chip-fg:var(--danger-soft-foreground)}.chip--default.chip--soft{--chip-bg:var(--default-soft);--chip-fg:var(--default-soft-foreground)}}@media layer(components){.table-root{@apply relative grid w-full overflow-clip;grid-template-columns:minmax(0,1fr)}.table__scroll-container{@apply scrollbar overflow-x-auto;scrollbar-gutter:auto}.table-root--primary{@apply bg-surface-secondary px-1 pb-1;border-radius:min(32px,calc(var(--radius) * 2.5))}.table-root--secondary .table__header{@apply border-b-0 bg-transparent}.table-root--secondary .table__column{@apply bg-surface-secondary}.table-root--secondary :is(th.table__column:first-child,[role=row]>[role=presentation]:first-of-type>.table__column){border-start-start-radius:min(32px,var(--radius-2xl));border-end-start-radius:min(32px,var(--radius-2xl))}.table-root--secondary :is(th.table__column:last-child,[role=row]>[role=presentation]:last-of-type>.table__column){border-start-end-radius:min(32px,var(--radius-2xl));border-end-end-radius:min(32px,var(--radius-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}&:not(tbody){@apply overflow-visible rounded-none}}.table-root--secondary .table__row{.table__cell{@apply border-b border-separator-tertiary/50 bg-transparent}@media (hover:hover){&:hover .table__cell,&[data-hovered=true] .table__cell{@apply bg-default/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 end-0 top-1/2 h-4 w-px -translate-y-1/2 rounded-sm bg-separator}&:last-child:not(:only-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(--focus)}}[role=row]>[role=presentation]:last-of-type:not(:only-of-type)>.table__column:after{content:none}.table__sortable-column-header{@apply flex items-center justify-between}.table__sortable-column-indicator{@apply size-3 transform transition-transform duration-100 ease-out;&[data-direction=descending]{@apply rotate-180}}.table__body{& tr:first-child td:first-child{border-start-start-radius:min(32px,var(--radius-2xl))}& tr:first-child td:last-child{border-start-end-radius:min(32px,var(--radius-2xl))}& tr:last-child td:first-child{border-end-start-radius:min(32px,var(--radius-2xl))}& tr:last-child td:last-child{border-end-end-radius:min(32px,var(--radius-2xl))}&:not(tbody){@apply relative h-full overflow-clip;border-radius:min(32px,var(--radius-2xl))}}.table__row{@apply relative h-full;@apply border-b border-separator/50;&:last-child{@apply border-b-0}@media (hover:hover){&:hover .table__cell,&[data-hovered=true] .table__cell{@apply bg-surface/40}}&[data-selected=true] .table__cell{@apply bg-surface/10}&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}&:focus-visible,&[data-focus-visible=true]{@apply outline-none}&[data-dragging=true]{@apply opacity-50}&[data-drop-target=true] .table__cell{@apply bg-accent-soft}}.table__cell{@apply h-full bg-surface 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(--focus)}}.table__row:is(:focus-visible,[data-focus-visible=true]) :is(.table__cell,.table__column){@apply shadow-none}.table__row:is(:focus-visible,[data-focus-visible=true])>:is(.table__cell,.table__column):only-child,.table__row:is(:focus-visible,[data-focus-visible=true])>:only-child :is(.table__cell,.table__column){@apply rounded-lg shadow-[inset_0_0_0_2px_var(--focus)] outline-none}.table__row:is(:focus-visible,[data-focus-visible=true])>:first-child:not(:only-child) :is(.table__cell,.table__column),.table__row:is(:focus-visible,[data-focus-visible=true])>:is(.table__cell,.table__column):first-child:not(:only-child){@apply rounded-l-lg shadow-[inset_2px_0_0_0_var(--focus),inset_0_2px_0_0_var(--focus),inset_0_-2px_0_0_var(--focus)] outline-none}.table__row:is(:focus-visible,[data-focus-visible=true])>:is(.table__cell,.table__column):last-child:not(:only-child),.table__row:is(:focus-visible,[data-focus-visible=true])>:last-child:not(:only-child) :is(.table__cell,.table__column){@apply rounded-r-lg shadow-[inset_-2px_0_0_0_var(--focus),inset_0_2px_0_0_var(--focus),inset_0_-2px_0_0_var(--focus)] outline-none}.table__row:is(:focus-visible,[data-focus-visible=true])>:is(.table__cell,.table__column):not(:first-child):not(:last-child):not(:only-child),.table__row:is(:focus-visible,[data-focus-visible=true])>:not(:first-child):not(:last-child):not(:only-child) :is(.table__cell,.table__column){@apply shadow-[inset_0_2px_0_0_var(--focus),inset_0_-2px_0_0_var(--focus)] outline-none}.table__cell[data-tree-column]{-webkit-padding-start:calc(1rem * var(--table-row-level, 1));padding-inline-start:calc(1rem * var(--table-row-level, 1))}.table__footer{@apply flex items-center px-4 py-2.5}.table__resizable-container{@apply relative scrollbar overflow-auto;scrollbar-gutter:auto}.table__column-resizer{@apply absolute end-0 top-1/2 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{& [role=rowheader],& 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 bg-surface px-4 py-3 shadow-surface;border-radius:min(32px,var(--radius-3xl))}.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-soft-foreground}.alert--accent .alert__title{@apply text-accent-soft-foreground}.alert--success .alert__indicator{@apply text-success-soft-foreground}.alert--success .alert__title{@apply text-success-soft-foreground}.alert--warning .alert__indicator{@apply text-warning-soft-foreground}.alert--warning .alert__title{@apply text-warning-soft-foreground}.alert--danger .alert__indicator{@apply text-danger-soft-foreground}.alert--danger .alert__title{@apply text-danger-soft-foreground}}@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){.meter{@apply grid w-full gap-1;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;--meter-fill:var(--accent);[data-slot=label]{@apply w-fit text-sm font-medium;grid-area:label}.meter__output{@apply text-sm font-medium tabular-nums;grid-area:output}.meter__track{@apply relative overflow-hidden rounded-sm bg-default;grid-area:track;@apply h-2}.meter__fill{@apply absolute top-0 left-0 h-full rounded-sm;background-color:var(--meter-fill);transition:width .3s var(--ease-out);@apply motion-reduce:transition-none}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled;[data-slot=label]{@apply opacity-100}}}.meter--sm{.meter__track{@apply h-1 rounded-xs}.meter__fill{@apply rounded-xs}}.meter--lg{.meter__track{@apply h-3 rounded-md}.meter__fill{@apply rounded-md}}.meter--default{--meter-fill:var(--default-foreground)}.meter--accent{--meter-fill:var(--accent)}.meter--success{--meter-fill:var(--success)}.meter--warning{--meter-fill:var(--warning)}.meter--danger{--meter-fill:var(--danger)}}@media layer(components){.progress-bar{@apply grid w-full gap-1;grid-template-areas:"label output" "track track";grid-template-columns:1fr auto;--progress-bar-fill:var(--accent);[data-slot=label]{@apply w-fit text-sm font-medium;grid-area:label}.progress-bar__output{@apply text-sm font-medium tabular-nums;grid-area:output}.progress-bar__track{@apply relative overflow-hidden rounded-sm bg-default;grid-area:track;@apply h-2}.progress-bar__fill{@apply absolute top-0 left-0 h-full rounded-sm;background-color:var(--progress-bar-fill);transition:width .3s var(--ease-out);@apply motion-reduce:transition-none}&:not([aria-valuenow]){.progress-bar__fill{@apply w-2/5;animation:progress-bar-indeterminate 1.5s cubic-bezier(.65,0,.35,1) infinite;@apply motion-reduce:animate-none}}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled;[data-slot=label]{@apply opacity-100}}}@keyframes progress-bar-indeterminate{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.progress-bar--sm{.progress-bar__track{@apply h-1 rounded-xs}.progress-bar__fill{@apply rounded-xs}}.progress-bar--lg{.progress-bar__track{@apply h-3 rounded-md}.progress-bar__fill{@apply rounded-md}}.progress-bar--default{--progress-bar-fill:var(--default-foreground)}.progress-bar--accent{--progress-bar-fill:var(--accent)}.progress-bar--success{--progress-bar-fill:var(--success)}.progress-bar--warning{--progress-bar-fill:var(--warning)}.progress-bar--danger{--progress-bar-fill:var(--danger)}}@media layer(components){.progress-circle{@apply inline-flex items-center justify-center;--progress-circle-stroke:var(--accent);--progress-circle-track-stroke:var(--default);.progress-circle__track{@apply size-7}.progress-circle__track-circle{stroke:var(--progress-circle-track-stroke)}.progress-circle__fill-circle{stroke:var(--progress-circle-stroke);transition:stroke-dashoffset .3s var(--ease-out);@apply motion-reduce:transition-none}&:not([aria-valuenow]){.progress-circle__track{animation:progress-circle-spin 1s linear infinite;@apply motion-reduce:animate-none}}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}}@keyframes progress-circle-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.progress-circle--sm{.progress-circle__track{@apply size-5}}.progress-circle--lg{.progress-circle__track{@apply size-9}}.progress-circle--default{--progress-circle-stroke:var(--default-foreground)}.progress-circle--accent{--progress-circle-stroke:var(--accent)}.progress-circle--success{--progress-circle-stroke:var(--success)}.progress-circle--warning{--progress-circle-stroke:var(--warning)}.progress-circle--danger{--progress-circle-stroke:var(--danger)}}@media layer(components){.spinner{@apply pointer-events-none inline-flex size-6 shrink-0 animate-spin-fast motion-reduce:animate-none}.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 bg-surface px-4 py-3 shadow-overlay;border-radius:min(32px,var(--radius-3xl))}.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 pointer-events-none absolute -top-1 -right-1 size-5 border-border bg-default opacity-0 sm:border sm:bg-overlay;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-soft-foreground}.toast--success .toast__title{@apply text-success-soft-foreground}.toast--success .toast__indicator{@apply text-success-soft-foreground}.toast--warning .toast__title{@apply text-warning-soft-foreground}.toast--warning .toast__indicator{@apply text-warning-soft-foreground}.toast--danger .toast__title{@apply text-danger-soft-foreground}.toast--danger .toast__indicator{@apply text-danger-soft-foreground}::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 flex-col items-start gap-1 outline-none no-highlight;cursor:var(--cursor-interactive);&>[data-slot=description],&>[data-slot=field-error]{@apply w-full min-w-0 cursor-default ps-7 text-xs text-wrap wrap-break-word text-muted select-none}[data-slot=label]{@apply select-none}.checkbox__content [data-slot=label]{cursor:var(--cursor-interactive)}&[data-disabled=true]{@apply status-disabled;[data-slot=description],[data-slot=field-error]{@apply status-disabled}}&[data-indeterminate=true],&[data-selected=true]{.checkbox__indicator{border-color:var(--accent-foreground)}}[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 border [border-width:var(--border-width-field)] border-field-border 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);&: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 [data-slot=checkbox-content][data-focus-visible=true] &,.checkbox:focus-visible &,.checkbox:has([data-slot=checkbox-content][data-focus-visible=true]) &{@apply status-focused}.checkbox [data-slot=checkbox-content][data-hovered=true] &,.checkbox:has([data-slot=checkbox-content][data-hovered=true]) &,.checkbox:hover &{@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:has([data-slot=checkbox-content][data-pressed=true])[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 size-full transform-gpu}}.checkbox--disabled{@apply status-disabled}.checkbox--secondary .checkbox__control{@apply shadow-none;background-color:var(--checkbox-control-bg);--checkbox-control-bg:var(--default);.checkbox [data-slot=checkbox-content][data-hovered=true] &,.checkbox:has([data-slot=checkbox-content][data-hovered=true]) &,.checkbox:hover &{@apply border-field-border-hover}}.checkbox__content{@apply relative inline-flex cursor-[inherit] items-center gap-3 text-sm font-medium text-foreground outline-none select-none no-highlight}.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(--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(--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(--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-sm bg-field-placeholder}.input-otp__separator{@apply h-[2px] w-[6px] shrink-0 rounded-sm bg-separator}.input-otp--secondary .input-otp__slot{@apply shadow-none;background-color:var(--input-otp-slot-bg);--input-otp-slot-bg:var(--default);--input-otp-slot-bg-hover:var(--default-hover);--input-otp-slot-bg-focus:var(--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(--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(--field-border-hover)}}&:focus,&[data-focused=true]{@apply status-focused-field;border-color:var(--field-border-focus);background-color:var(--field-focus)}&[data-invalid=true]{@apply status-invalid-field;background-color:var(--field-focus)}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}}.input--secondary{@apply shadow-none;background-color:var(--input-bg);--input-bg:var(--default);--input-bg-hover:var(--default-hover);--input-bg-focus:var(--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 rounded-field border bg-field text-sm text-field-foreground shadow-field outline-none;border-width:var(--border-width-field);border-color:var(--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(--field-border-hover)}}&:has([data-slot=input-group-input]:focus),&:has([data-slot=input-group-textarea]:focus){@apply status-focused-field;border-color:var(--field-border-focus);background-color:var(--field-focus)}&[data-invalid=true]{@apply status-invalid-field;background-color:var(--field-focus);border-color:var(--color-field-border-invalid)}&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}&:has([data-slot=input-group-input]:-webkit-autofill){background-color:var(--field-focus);border-color:var(--field-border-focus)}&:has([data-slot=input-group-input]:-webkit-autofill),&:has([data-slot=input-group-input]:autofill){background-color:var(--field-focus);border-color:var(--field-border-focus)}}.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}&:-webkit-autofill{box-shadow:inset 0 0 0 1000px transparent;-webkit-text-fill-color:var(--field-foreground);caret-color:var(--field-foreground);-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}&:-webkit-autofill,&:-webkit-autofill:active,&:-webkit-autofill:focus,&:-webkit-autofill:hover,&:autofill{box-shadow:inset 0 0 0 1000px transparent;-webkit-text-fill-color:var(--field-foreground);caret-color:var(--field-foreground);-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}}.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(--field-border);border-style:solid;border-right-color:var(--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(--field-border);border-style:solid;border-left-color:var(--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(--default);--input-group-bg-hover:var(--default-hover);--input-group-bg-focus:var(--default);@media (hover:hover){&:hover:not(:focus-within),&[data-hovered=true]:not([data-focus-within=true]){background-color:var(--input-group-bg-hover)}}&:has([data-slot=input-group-input]:focus),&:has([data-slot=input-group-textarea]:focus){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}}.number-field__group{@apply grid 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(--field-border);grid-template-columns:40px 1fr 40px;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(--field-border-hover)}}&:focus-within,&[data-focus-within=true]{@apply status-focused-field;border-color:var(--field-border-focus);background-color:var(--field-focus)}&[data-invalid=true]{@apply status-invalid-field;background-color:var(--field-focus);border-color:var(--color-field-border-invalid)}&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}&:has([data-slot=number-field-input]:-webkit-autofill){background-color:var(--field-focus);border-color:var(--field-border-focus)}&:has([data-slot=number-field-input]:-webkit-autofill),&:has([data-slot=number-field-input]:autofill){background-color:var(--field-focus);border-color:var(--field-border-focus)}}.number-field__input{@apply min-w-0 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}&:-webkit-autofill{box-shadow:inset 0 0 0 1000px transparent;-webkit-text-fill-color:var(--field-foreground);caret-color:var(--field-foreground);-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}&:-webkit-autofill,&:-webkit-autofill:active,&:-webkit-autofill:focus,&:-webkit-autofill:hover,&:autofill{box-shadow:inset 0 0 0 1000px transparent;-webkit-text-fill-color:var(--field-foreground);caret-color:var(--field-foreground);-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}}.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(--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(--default);--number-field-group-bg-hover:var(--default-hover);--number-field-group-bg-focus:var(--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(--default);--radio-control-bg-hover:var(--default-hover);.radio [data-slot=radio-content][data-hovered=true] &,.radio:has([data-slot=radio-content][data-hovered=true]) &{@apply border-field-border-hover}.radio:not([data-selected]):not(:has(input:checked)) & .radio__indicator:empty:before{background-color:var(--radio-control-bg)}.radio:has([data-slot=radio-content][data-hovered=true]):not([data-selected]):not(:has(input:checked)) &{.radio__indicator:empty:before{background-color:var(--radio-control-bg-hover)}}}}@media layer(components){.radio{@apply flex flex-col items-start gap-1 outline-none no-highlight;cursor:var(--cursor-interactive);[data-slot=label]{@apply select-none}.radio__content [data-slot=label]{cursor:var(--cursor-interactive)}&>[data-slot=description],&>[data-slot=field-error]{@apply w-full min-w-0 cursor-default ps-7 text-xs text-wrap wrap-break-word text-muted select-none}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled;[data-slot=description],[data-slot=field-error]{@apply status-disabled}}}.radio__content{@apply relative inline-flex cursor-[inherit] items-center gap-3 text-sm font-medium text-foreground outline-none select-none no-highlight}.radio__control{@apply relative inline-flex size-4 shrink-0 items-center justify-center rounded-lg border [border-width:var(--border-width-field)] border-field-border 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 [data-slot=radio-content][data-focus-visible=true] &,.radio:has([data-slot=radio-content][data-focus-visible=true]) &{@apply status-focused}.radio [data-slot=radio-content][data-hovered=true] &,.radio:has([data-slot=radio-content][data-hovered=true]) &{@apply border-field-border-hover}.radio:has([data-slot=radio-content][data-hovered=true]):not([data-selected]):not(:has(input:checked)) &{.radio__indicator:empty:before{@apply bg-field-hover}}.radio [data-slot=radio-content][data-pressed=true] &,.radio:has([data-slot=radio-content][data-pressed=true]) &{@apply scale-95}.radio:has([data-slot=radio-content][aria-checked=true]) &,.radio:has(input:checked) &,.radio[data-selected] &{@apply border-transparent bg-accent}.radio:has([data-slot=radio-content][data-pressed=true][aria-checked=true]) &,.radio:has(input:checked):has([data-slot=radio-content][data-pressed=true]) &,.radio[data-selected]:has([data-slot=radio-content][data-pressed=true]) &{@apply bg-accent-hover}.radio[aria-invalid=true] &,.radio[data-invalid=true] &{@apply status-invalid-field}.radio[aria-invalid=true]:has(input:checked) &,.radio[aria-invalid=true][data-selected] &,.radio[data-invalid=true]:has(input:checked) &,.radio[data-invalid=true][data-selected] &{@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-lg 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:has([data-slot=radio-content][aria-checked=true]) .radio__indicator:empty:before,.radio:has(input:checked) .radio__indicator:empty:before,.radio[data-selected] .radio__indicator:empty:before{@apply bg-accent-foreground;scale:.4286}.radio:has([data-slot=radio-content][data-pressed=true][aria-checked=true]) .radio__indicator:empty:before,.radio:has(input:checked):has([data-slot=radio-content][data-pressed=true]) .radio__indicator:empty:before,.radio[data-selected]:has([data-slot=radio-content][data-pressed=true]) .radio__indicator:empty:before{scale:.5714}.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}}}.textfield--full-width{@apply w-full;[data-slot=input],[data-slot=textarea]{@apply w-full}}}