@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-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(--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}&:has([data-slot=search-field-input]:-webkit-autofill){background-color:var(--field-focus);border-color:var(--field-border-focus)}&:has([data-slot=search-field-input]:-webkit-autofill),&:has([data-slot=search-field-input]:autofill){background-color:var(--field-focus);border-color:var(--field-border-focus)}}.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}&:-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}}.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(--default);--search-field-group-bg-hover:var(--default-hover);--search-field-group-bg-focus:var(--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}}@media layer(components){.textarea{@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;min-height:38px;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}}.textarea--secondary{@apply shadow-none;background-color:var(--textarea-bg);--textarea-bg:var(--default);--textarea-bg-hover:var(--default-hover);--textarea-bg-focus:var(--default);@media (hover:hover){&:hover:not(:focus):not(:focus-visible),&[data-hovered=true]:not([data-focused=true]):not([data-focus-visible=true]){background-color:var(--textarea-bg-hover)}}&:focus,&[data-focused=true]{background-color:var(--textarea-bg-focus)}&[data-invalid=true]{@apply status-invalid-field;background-color:var(--textarea-bg-focus)}}.textarea--full-width{@apply w-full}}@media layer(components){.calendar{@apply w-63 max-w-63;container-type:inline-size}.calendar--week-view{.calendar__cell{@apply aspect-square size-auto w-full place-self-center}}.calendar--day-view{.calendar__cell{@apply aspect-square size-auto w-full place-self-center}.calendar__grid{display:flex;flex-direction:column}.calendar__grid-header{display:grid;grid-template-columns:repeat(7,1fr);@apply w-full;&>tr{display:contents}}.calendar__grid-body{display:grid;grid-template-columns:repeat(7,1fr);@apply mt-1 w-full;&>tr{display:contents}&>tr:first-child>td{@apply mt-0}}}.calendar__header{@apply flex items-center justify-between px-0.5 pb-4;&:has(.calendar-year-picker__trigger[data-open=true]){.calendar__nav-button{@apply pointer-events-none opacity-0}}}.calendar__heading{@apply flex-1 text-sm font-medium}.calendar__nav-button{@apply flex size-6 items-center justify-center rounded-2xl text-accent-soft-foreground;will-change:scale;transition:transform .25s var(--ease-out),background-color .1s var(--ease-out),box-shadow .1s var(--ease-out),opacity .15s var(--ease-out);@apply transform-gpu motion-reduce:transition-none;cursor:var(--cursor-interactive);@media (hover:hover){&:hover,&[data-hovered=true]{@apply bg-default text-accent-soft-foreground}}&:active,&[data-pressed=true]{transform:scale(.95)}&:focus-visible,&[data-focus-visible=true]{@apply status-focused}&:disabled,&[data-disabled=true]{@apply status-disabled}}.calendar__nav-button-icon{@apply size-4}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);@apply w-full;&[aria-readonly=true]{.calendar__cell{@apply pointer-events-none}}}.calendar__grid-header{display:contents;&>tr{display:contents}}.calendar__grid-body{display:contents;&>tr{display:contents}&>tr:first-child>td{@apply mt-1}}.calendar__grid-row{display:contents}.calendar__header-cell{@apply flex items-center justify-center pb-2 text-xs font-medium text-muted}.calendar__cell{@apply relative flex aspect-square size-full items-center justify-center rounded-3xl text-center text-sm font-medium outline-none no-highlight;will-change:scale;transition:transform .25s var(--ease-out),box-shadow .1s 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}&[data-today=true]{@apply bg-accent-soft text-accent-soft-foreground;@media (hover:hover){&:hover:not([data-selected=true]),&[data-hovered=true]:not([data-selected=true]){@apply bg-accent-soft-hover}}}&[data-selected=true]{@apply bg-accent text-accent-foreground}&:active,&[data-pressed=true]{@apply bg-default;transform:scale(.95);&[data-selected=true]{@apply bg-accent-hover}}@media (hover:hover){&:hover:not([data-selected=true]),&[data-hovered=true]:not([data-selected=true]){@apply bg-default}}&[data-outside-month=true]{@apply text-muted opacity-50}&[data-selected=true][data-outside-month=true]{@apply bg-default}&[data-unavailable=true]{@apply status-disabled}&:disabled:not([data-outside-month=true]),&[data-disabled=true]:not([data-outside-month=true]){@apply status-disabled;text-decoration:line-through}}.calendar__cell-indicator{@apply absolute bottom-1 left-1/2 size-[3px] -translate-x-1/2 rounded-xs bg-muted;[data-selected=true]>&{@apply bg-accent-foreground}}}@media layer(components){.range-calendar{@apply w-63 max-w-63;container-type:inline-size}.range-calendar--week-view{.range-calendar__cell{@apply aspect-square size-auto w-full place-self-center}}.range-calendar--day-view{.range-calendar__cell{@apply aspect-square size-auto w-full place-self-center}.range-calendar__grid{display:flex;flex-direction:column}.range-calendar__grid-header{display:grid;grid-template-columns:repeat(7,1fr);@apply w-full;&>tr{display:contents}}.range-calendar__grid-body{display:grid;grid-template-columns:repeat(7,1fr);@apply mt-1 w-full;&>tr{display:contents}&>tr:first-child>td{@apply mt-0}}}.range-calendar__header{@apply flex items-center justify-between px-0.5 pb-4;&:has(.calendar-year-picker__trigger[data-open=true]){.range-calendar__nav-button{@apply pointer-events-none opacity-0}}}.range-calendar__heading{@apply flex-1 text-sm font-medium}.range-calendar__nav-button{@apply flex size-6 items-center justify-center rounded-xl text-accent-soft-foreground;will-change:scale;transition:transform .25s var(--ease-out),background-color .1s var(--ease-out),box-shadow .1s var(--ease-out),opacity .15s var(--ease-out);@apply transform-gpu motion-reduce:transition-none;cursor:var(--cursor-interactive);@media (hover:hover){&:hover,&[data-hovered=true]{@apply bg-default text-accent-soft-foreground}}&:active,&[data-pressed=true]{transform:scale(.95)}&:focus-visible,&[data-focus-visible=true]{@apply status-focused}&:disabled,&[data-disabled=true]{@apply status-disabled}}.range-calendar__nav-button-icon{@apply size-4}.range-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);@apply w-full;&[aria-readonly=true]{.range-calendar__cell{@apply pointer-events-none}}}.range-calendar__grid-header{display:contents;&>tr{display:contents}}.range-calendar__grid-body{display:contents;&>tr{display:contents}&>tr:first-child>td{@apply mt-1}}.range-calendar__grid-row{display:contents}.range-calendar__header-cell{@apply flex items-center justify-center pb-2 text-xs font-medium text-muted}.range-calendar__cell{@apply relative z-1 mx-0 my-[2px] rounded-3xl p-0 outline-none;cursor:var(--cursor-interactive);will-change:background-color,border-color;transition:box-shadow .1s var(--ease-out),border-color .1s var(--ease-out);@apply transform-gpu motion-reduce:transition-none;.range-calendar__cell-button{@apply flex aspect-square w-full items-center justify-center rounded-3xl text-sm font-medium text-foreground no-highlight;will-change:scale;transition:scale .2s var(--ease-out);@apply transform-gpu motion-reduce:transition-none}&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply z-2;.range-calendar__cell-button{@apply status-focused}}&[data-today=true]{.range-calendar__cell-button{@apply bg-accent-soft text-accent-soft-foreground}@media (hover:hover){&:hover:not([data-selected=true]),&[data-hovered=true]:not([data-selected=true]){.range-calendar__cell-button{@apply bg-accent-soft-hover}}}}&[data-selected=true]:not([data-outside-month=true]){@apply rounded-none bg-accent-soft}&[data-selected=true]:is(td:first-child>*,[aria-disabled]+td>*){@apply rounded-ss-lg rounded-es-lg;&[data-selection-start=true]{@apply rounded-ss-3xl rounded-es-3xl}}&[data-selected=true]:is(td:last-child>*,td:has(+[aria-disabled])>*){@apply rounded-se-lg rounded-ee-lg;&[data-selection-end=true]{@apply rounded-se-3xl rounded-ee-3xl}}&[data-selection-end=true]:not([data-outside-month=true]),&[data-selection-start=true]:not([data-outside-month=true]){@apply z-2;.range-calendar__cell-button{@apply bg-accent text-accent-foreground}}&[data-selection-start=true]:not([data-outside-month=true]){@apply rounded-tl-3xl rounded-bl-3xl}&[data-selection-end=true]:not([data-outside-month=true]){@apply rounded-tr-3xl rounded-br-3xl}&:active,&[data-pressed=true]{.range-calendar__cell-button{scale:.9}&[data-selection-end=true],&[data-selection-start=true]{.range-calendar__cell-button{@apply bg-accent-hover}}}@media (hover:hover){&:hover:not([data-selected=true]),&[data-hovered=true]:not([data-selected=true]){.range-calendar__cell-button{@apply bg-default}}}&[data-outside-month=true]{@apply text-muted opacity-50}&[data-selected=true][data-outside-month=true]:not([data-selection-start=true],[data-selection-end=true]){@apply bg-default/20}&[data-unavailable=true]{@apply status-disabled}&:disabled:not([data-outside-month=true]),&[data-disabled=true]:not([data-outside-month=true]){@apply status-disabled;text-decoration:line-through}}.range-calendar__grid-body td:has(>.range-calendar__cell[data-outside-month=true])+td>.range-calendar__cell[data-selected=true]{@apply rounded-ss-lg rounded-es-lg;&[data-outside-month=true],&[data-selection-start=true]{@apply rounded-ss-3xl rounded-es-3xl}}.range-calendar__grid-body td:has(>.range-calendar__cell[data-selected=true]):has(+td>.range-calendar__cell[data-outside-month=true])>.range-calendar__cell[data-selected=true]{@apply rounded-se-lg rounded-ee-lg;&[data-outside-month=true],&[data-selection-end=true]{@apply rounded-se-3xl rounded-ee-3xl}}.range-calendar__cell-indicator{@apply absolute bottom-1 left-1/2 size-[3px] -translate-x-1/2 rounded-xs bg-muted;[data-selected=true]>&{@apply bg-accent-foreground}}}@media layer(components){.calendar:has(.calendar-year-picker__year-grid),.range-calendar:has(.calendar-year-picker__year-grid){position:relative}.calendar:has(.calendar-year-picker__year-grid)>[data-slot=calendar-grid],.range-calendar:has(.calendar-year-picker__year-grid)>[data-slot=range-calendar-grid]{will-change:opacity;transition:opacity .15s var(--ease-out),visibility 0s linear;@apply motion-reduce:transition-none}.calendar:has(.calendar-year-picker__year-grid[data-open=true])>[data-slot=calendar-grid],.range-calendar:has(.calendar-year-picker__year-grid[data-open=true])>[data-slot=range-calendar-grid]{@apply pointer-events-none opacity-0;visibility:hidden;transition:opacity .15s var(--ease-out),visibility 0s linear .15s;@apply motion-reduce:transition-none}.calendar-year-picker__trigger{@apply flex flex-1 items-center justify-start gap-1 rounded-lg outline-none;cursor:var(--cursor-interactive);touch-action:manipulation;&:focus-visible{@apply status-focused}}.calendar-year-picker__trigger-heading{@apply text-sm font-medium;transition:color .15s var(--ease-out);@apply motion-reduce:transition-none}.calendar-year-picker__trigger-indicator{@apply text-xs text-accent-soft-foreground;transition:transform .15s var(--ease-out);@apply motion-reduce:transition-none}.calendar-year-picker__trigger[data-open=true] .calendar-year-picker__trigger-indicator{transform:rotate(90deg)}.calendar-year-picker__trigger[data-open=true] .calendar-year-picker__trigger-heading{@apply text-accent-soft-foreground}.calendar-year-picker__year-grid{@apply pointer-events-none absolute right-0 left-0 grid content-start gap-1 overflow-y-auto p-1 opacity-0 scrollbar;grid-template-columns:repeat(3,1fr);will-change:opacity}.calendar-year-picker__year-grid[data-open=true]{@apply pointer-events-auto opacity-100;transition:opacity .2s var(--ease-out) 50ms;@apply motion-reduce:transition-none}.calendar-year-picker__year-cell{@apply relative inline-flex h-8 items-center justify-center rounded-3xl px-2.5 text-sm font-medium outline-none select-none no-highlight;touch-action:manipulation;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);@media (hover:hover) and (pointer:fine){&:is(:hover,[data-hovered=true]):not([data-selected=true]){@apply bg-default text-default-foreground}}&[aria-selected=true],&[data-selected=true]{@apply bg-accent text-accent-foreground;@media (hover:hover) and (pointer:fine){&:is(:hover,[data-hovered=true]){@apply bg-accent-hover}}}&:focus-visible{@apply status-focused}}}@media layer(components){.date-field{@apply flex flex-col gap-1;&[aria-invalid=true],&[data-invalid=true]{[data-slot=description]{@apply hidden}}[data-slot=label]{@apply w-fit}}.date-field--full-width{@apply w-full}}@media layer(components){.time-field{@apply flex flex-col gap-1;&[aria-invalid=true],&[data-invalid=true]{[data-slot=description]{@apply hidden}}[data-slot=label]{@apply w-fit}}.time-field--full-width{@apply w-full}}@media layer(components){.date-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:not(:has([data-slot=date-picker-trigger]:focus,[data-slot=date-picker-trigger][data-focused=true],[data-slot=date-range-picker-trigger]:focus,[data-slot=date-range-picker-trigger][data-focused=true])),&[data-focus-within=true]:not(:has([data-slot=date-picker-trigger]:focus,[data-slot=date-picker-trigger][data-focused=true],[data-slot=date-range-picker-trigger]:focus,[data-slot=date-range-picker-trigger][data-focused=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}}.date-input-group__input{@apply flex flex-1 cursor-text items-center gap-px rounded-none border-0 bg-transparent px-3 py-2 text-base shadow-none outline-none sm:text-sm;.date-input-group:has([data-slot=date-input-group-prefix]) &{@apply rounded-l-none pl-2}.date-input-group:has([data-slot=date-input-group-suffix]) &{@apply rounded-r-none pr-2}.date-input-group:has(.date-range-picker__range-separator) &{&[slot=start]{@apply flex-none pr-0}&[slot=end]{@apply pl-0}}&:focus,&:focus-visible{@apply outline-none}}.date-input-group__input-container{@apply flex flex-1 items-center scrollbar-none;width:-moz-fit-content;width:fit-content;overflow-x:auto;overflow-y:clip}.date-input-group__segment{@apply inline-block rounded-md px-0.5 text-end text-nowrap outline-none;&[data-type=literal]{@apply p-0 text-muted}&[data-placeholder=true]{@apply text-field-placeholder}&:focus,&[data-focused=true]{@apply bg-accent-soft text-accent-soft-foreground}&[data-disabled=true]{@apply opacity-50}&[data-invalid=true]{@apply text-danger;&:focus,&[data-focused=true]{@apply bg-danger-soft text-danger-soft-foreground}}}.date-input-group__prefix{@apply pointer-events-none shrink-0 text-field-placeholder;@apply mr-0 ml-3 flex items-center}.date-input-group__suffix{@apply pointer-events-none shrink-0 text-field-placeholder;@apply mr-3 flex items-center}.date-input-group--secondary{@apply shadow-none;background-color:var(--date-input-group-bg);--date-input-group-bg:var(--default);--date-input-group-bg-hover:var(--default-hover);--date-input-group-bg-focus:var(--default);@media (hover:hover){&:hover:not(:focus-within),&[data-hovered=true]:not([data-focus-within=true]){background-color:var(--date-input-group-bg-hover)}}&:focus-within,&[data-focus-within=true]{background-color:var(--date-input-group-bg-focus)}&[data-invalid=true]{@apply status-invalid-field;border-color:var(--color-field-border-invalid);background-color:var(--date-input-group-bg-focus)}[data-slot=date-input-group-input]{@apply bg-transparent}}.date-input-group--full-width{@apply w-full}}@media layer(components){.date-picker{@apply inline-flex flex-col gap-1;.date-input-group__prefix,.date-input-group__suffix{@apply pointer-events-auto}}.date-picker__trigger{@apply inline-flex w-full items-center rounded-field p-1 text-sm no-highlight;cursor:var(--cursor-interactive);transition:box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply status-focused}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}}.date-picker__trigger-indicator{@apply inline-flex size-4 items-center justify-center text-field-placeholder}.date-picker__popover{@apply w-fit origin-(--trigger-anchor-point) scrollbar-none overflow-y-auto overscroll-contain bg-overlay p-3;@apply motion-reduce:transition-none;box-shadow:var(--shadow-overlay);border-radius:min(32px,calc(var(--radius) * 2.5));&: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){.date-range-picker{@apply inline-flex flex-col gap-1;.date-input-group__prefix,.date-input-group__suffix{@apply pointer-events-auto}}.date-range-picker__trigger{@apply inline-flex w-full items-center rounded-field p-1 text-sm no-highlight;cursor:var(--cursor-interactive);transition:box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply status-focused}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}}.date-range-picker__trigger-indicator{@apply inline-flex size-4 items-center justify-center text-field-placeholder}.date-range-picker__range-separator{@apply px-1 text-field-placeholder select-none}.date-range-picker__popover{@apply w-fit origin-(--trigger-anchor-point) scrollbar-none overflow-y-auto overscroll-contain bg-overlay p-3;@apply motion-reduce:transition-none;box-shadow:var(--shadow-overlay);border-radius:min(32px,calc(var(--radius) * 2.5));&: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){.card{@apply relative flex flex-col gap-3 overflow-visible p-4;@apply shadow-surface;border-radius:min(32px,var(--radius-3xl))}.card__header{@apply flex flex-col}.card__title{@apply text-sm leading-6 font-medium text-foreground}.card__description{@apply text-sm leading-5 text-muted}.card__content{@apply flex flex-1 flex-col gap-1}.card__footer{@apply flex flex-row items-center}.card--transparent{@apply border-none bg-transparent shadow-none}.card--default{@apply bg-surface}.card--secondary{@apply bg-surface-secondary}.card--tertiary{@apply bg-surface-tertiary}}@media layer(components){.header{@apply w-full px-2 pt-1.5 pb-1 text-left text-xs font-medium text-muted}}@media layer(components){.separator{@apply shrink-0 rounded-sm border-t-0 border-b-0 bg-separator;@apply h-px w-full}.separator--horizontal{@apply h-px w-full}.separator--vertical{@apply h-auto min-h-2 w-px self-stretch}.separator--default{@apply bg-separator}.separator--secondary{@apply bg-separator-secondary}.separator--tertiary{@apply bg-separator-tertiary}.separator__container{@apply flex items-center gap-3}.separator__container--horizontal{@apply w-full flex-row}.separator__container--vertical{@apply h-full flex-col justify-center}.separator__line{@apply shrink-0 grow}.separator__content{@apply inline-flex items-center justify-center text-center whitespace-nowrap text-muted}.separator__content--horizontal{@apply text-center}.separator__content--vertical{@apply text-center}}@media layer(components){.surface{@apply relative text-foreground}.surface--transparent{@apply bg-transparent}.surface--default{@apply bg-surface text-surface-foreground}.surface--secondary{@apply bg-surface-secondary text-surface-secondary-foreground}.surface--tertiary{@apply bg-surface-tertiary text-surface-tertiary-foreground}}@media layer(components){.avatar{@apply relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-3xl bg-default}.avatar__fallback{@apply flex size-full items-center justify-center bg-default text-sm font-medium}.avatar__image{@apply absolute inset-0 aspect-square size-full;@apply transition-opacity duration-250 motion-reduce:transition-none}.avatar--sm{@apply size-8 rounded-2xl}.avatar--lg{@apply size-12 rounded-3xl;.avatar__fallback{@apply text-base}}.avatar__fallback--accent{@apply text-accent-soft-foreground}.avatar__fallback--default{@apply text-default-soft-foreground}.avatar__fallback--success{@apply text-success-soft-foreground}.avatar__fallback--warning{@apply text-warning-soft-foreground}.avatar__fallback--danger{@apply text-danger-soft-foreground}.avatar--soft{@apply bg-transparent}.avatar--soft .avatar__fallback--accent{@apply bg-accent-soft text-accent-soft-foreground}.avatar--soft .avatar__fallback--success{@apply bg-success-soft text-success-soft-foreground}.avatar--soft .avatar__fallback--warning{@apply bg-warning-soft text-warning-soft-foreground}.avatar--soft .avatar__fallback--default{@apply bg-default-soft text-default-soft-foreground}.avatar--soft .avatar__fallback--danger{@apply bg-danger-soft text-danger-soft-foreground}}@media layer(components){.alert-dialog__trigger{@apply inline-block;@apply cursor-(--cursor-interactive);transition:transform .25s var(--ease-out-quart),background-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply status-focused}&:disabled,&[aria-disabled=true]{@apply status-disabled}&:active,&[data-pressed=true]{transform:scale(.97)}}.alert-dialog__backdrop{@apply fixed inset-0 z-50;@apply flex flex-row items-center justify-center;@apply h-(--visual-viewport-height) w-full;&[data-entering=true]{@apply animate-in duration-150 ease-out fade-in-0}&[data-exiting=true]{@apply animate-out duration-100 ease-out fade-out-0}&[data-entering=true],&[data-exiting=true]{@apply will-change-[opacity];@apply motion-reduce:animate-none}}.alert-dialog__backdrop--transparent{@apply bg-transparent}.alert-dialog__backdrop--opaque{@apply bg-backdrop}.alert-dialog__backdrop--blur{@apply bg-backdrop backdrop-blur-md}.alert-dialog__container{@apply flex flex-col items-center;@apply h-(--visual-viewport-height) w-full min-w-0 flex-1;@apply p-4;@apply sm:w-fit sm:p-10;@apply pointer-events-none;&[data-entering=true]{@apply animate-in duration-250 ease-out-quad fade-in-0 zoom-in-105;&[data-placement=auto]{@apply slide-in-from-bottom-1;@apply sm:slide-in-from-bottom-0}&[data-placement=top]{@apply slide-in-from-top-1}&[data-placement=center]{@apply slide-in-from-top-0}&[data-placement=bottom]{@apply slide-in-from-bottom-1}}&[data-exiting=true]{@apply animate-out duration-100 ease-out-quad fade-out-0 zoom-out-95}&[data-entering=true],&[data-exiting=true]{@apply will-change-[opacity,transform];@apply motion-reduce:animate-none}}.alert-dialog__dialog{@apply relative;@apply flex min-h-0 w-full flex-col;@apply max-h-full;@apply bg-overlay shadow-overlay outline-none;border-radius:min(32px,var(--radius-3xl));@apply p-6;@apply overflow-clip;@apply pointer-events-auto;&[data-placement=auto]{@apply mt-auto;@apply sm:my-auto}&[data-placement=center]{@apply my-auto}&[data-placement=bottom]{@apply mt-auto}&[data-placement=top]{@apply mt-0}}.alert-dialog__dialog--xs{@apply max-w-xs}.alert-dialog__dialog--sm{@apply max-w-sm}.alert-dialog__dialog--md{@apply max-w-md}.alert-dialog__dialog--lg{@apply max-w-lg}.alert-dialog__dialog--cover{@apply h-full min-h-full w-full}.alert-dialog__header{@apply flex flex-col gap-3;@apply mb-0;&>.modal__icon{@apply mb-0}}.alert-dialog__heading{@apply align-middle;@apply text-base font-medium text-foreground}.alert-dialog__icon{@apply flex items-center justify-center;@apply size-10 shrink-0;@apply rounded-3xl select-none;[data-slot=alert-dialog-default-icon]{@apply box-content size-5}}.alert-dialog__icon--default{@apply bg-default text-foreground}.alert-dialog__icon--accent{@apply bg-accent-soft text-accent-soft-foreground}.alert-dialog__icon--success{@apply bg-success-soft text-success-soft-foreground}.alert-dialog__icon--warning{@apply bg-warning-soft text-warning-soft-foreground}.alert-dialog__icon--danger{@apply bg-danger-soft text-danger-soft-foreground}.alert-dialog__body{@apply min-h-0 flex-1 scrollbar;@apply text-sm leading-[1.43] text-muted;@apply -m-[3px] my-0 p-[3px];@apply overflow-y-auto overscroll-contain;-webkit-overflow-scrolling:touch}.alert-dialog__footer{@apply flex flex-row items-center justify-end gap-2;@apply mt-0}.alert-dialog__close-trigger{@apply absolute top-4 right-4}.alert-dialog__header+.alert-dialog__body{@apply mt-2}.alert-dialog__header+.alert-dialog__footer{@apply mt-5}.alert-dialog__body+.alert-dialog__footer{@apply mt-5}}@media layer(components){.drawer__trigger{@apply inline-block cursor-(--cursor-interactive);transition:transform .25s var(--ease-out-quart),background-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply status-focused}&:disabled,&[aria-disabled=true]{@apply status-disabled}&:active,&[data-pressed=true]{transform:scale(.97)}}.drawer__backdrop{@apply fixed inset-0 z-50;@apply h-(--visual-viewport-height) w-full;opacity:1;transition:opacity .25s cubic-bezier(.32,.72,0,1);&[data-entering=true]{opacity:0}&[data-exiting=true]{opacity:0;transition-duration:.2s;transition-timing-function:cubic-bezier(.32,.72,0,1)}&[data-entering=true],&[data-exiting=true]{will-change:opacity}@media (prefers-reduced-motion:reduce){transition:none}}.drawer__backdrop--transparent{@apply bg-transparent}.drawer__backdrop--opaque{@apply bg-backdrop}.drawer__backdrop--blur{@apply bg-backdrop backdrop-blur-md}.drawer__content{@apply pointer-events-none;@apply fixed inset-0 z-50 flex;@apply h-(--visual-viewport-height) w-full min-w-0}.drawer__content--bottom{@apply items-end}.drawer__content--top{@apply items-start}.drawer__content--left{@apply justify-start}.drawer__content--right{@apply justify-end}.drawer__dialog{@apply relative;@apply flex flex-col;@apply bg-overlay shadow-overlay outline-none;@apply p-6;@apply pointer-events-auto;--drawer-enter-duration:250ms;--drawer-exit-duration:200ms;--drawer-enter-ease:cubic-bezier(0.32,0.72,0,1);--drawer-exit-ease:cubic-bezier(0.32,0.72,0,1);will-change:translate;transition:translate var(--drawer-enter-duration) var(--drawer-enter-ease);@media (prefers-reduced-motion:reduce){transition:none}&[data-placement=bottom]{@apply w-full;@apply max-h-[85vh];border-top-left-radius:min(32px,var(--radius-2xl));border-top-right-radius:min(32px,var(--radius-2xl))}&[data-placement=top]{@apply w-full;@apply max-h-[85vh];border-bottom-left-radius:min(32px,var(--radius-2xl));border-bottom-right-radius:min(32px,var(--radius-2xl))}&[data-placement=left]{@apply h-full rounded-none;@apply w-80 max-w-[85vw] sm:w-96}&[data-placement=right]{@apply h-full rounded-none;@apply w-80 max-w-[85vw] sm:w-96}}[data-exiting=true] .drawer__dialog{transition-duration:var(--drawer-exit-duration);transition-timing-function:var(--drawer-exit-ease)}.drawer__content--bottom .drawer__dialog,.drawer__content--left .drawer__dialog,.drawer__content--right .drawer__dialog,.drawer__content--top .drawer__dialog{translate:0 0}.drawer__content--left[data-entering=true] .drawer__dialog,.drawer__content--left[data-exiting=true] .drawer__dialog{translate:-100% 0}.drawer__content--right[data-entering=true] .drawer__dialog,.drawer__content--right[data-exiting=true] .drawer__dialog{translate:100% 0}.drawer__content--top[data-entering=true] .drawer__dialog,.drawer__content--top[data-exiting=true] .drawer__dialog{translate:0 -100%}.drawer__content--bottom[data-entering=true] .drawer__dialog,.drawer__content--bottom[data-exiting=true] .drawer__dialog{translate:0 100%}.drawer__dialog--top{@apply pb-2;.drawer__handle{@apply pb-0}}.drawer__header{@apply flex flex-col gap-3;@apply mb-0}.drawer__heading{@apply align-middle;@apply text-base font-medium text-foreground}.drawer__body{@apply min-h-0 flex-1 scrollbar;@apply text-sm leading-[1.43] text-muted;@apply -m-[3px] my-0 p-[3px];@apply overflow-y-auto overscroll-contain;-webkit-overflow-scrolling:touch}.drawer__footer{@apply flex flex-row items-center justify-end gap-2;@apply mt-0}.drawer__handle{@apply flex items-center justify-center;@apply pb-2;&>[data-slot=drawer-handle-bar]{@apply h-1 w-9 rounded-xs;@apply bg-separator}}.drawer__close-trigger{@apply absolute top-4 right-4}.drawer__header+.drawer__body{@apply mt-2}.drawer__header+.drawer__footer{@apply mt-5}.drawer__body+.drawer__footer{@apply mt-5}.drawer__handle+.drawer__header{@apply mt-0}.drawer__handle+.drawer__body{@apply mt-0}}@media layer(components){.modal__trigger{@apply inline-block cursor-(--cursor-interactive);transition:transform .25s var(--ease-out-quart),background-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply status-focused}&:disabled,&[aria-disabled=true]{@apply status-disabled}&:active,&[data-pressed=true]{transform:scale(.97)}}.modal__backdrop{@apply fixed inset-0 z-50;@apply flex flex-row items-center justify-center;@apply h-(--visual-viewport-height) w-full;&[data-entering=true]{@apply animate-in duration-150 ease-out fade-in-0}&[data-exiting=true]{@apply animate-out duration-100 ease-out fade-out-0}&[data-entering=true],&[data-exiting=true]{@apply will-change-[opacity];@apply motion-reduce:animate-none}}.modal__backdrop--transparent{@apply bg-transparent}.modal__backdrop--opaque{@apply bg-backdrop}.modal__backdrop--blur{@apply bg-backdrop backdrop-blur-md}.modal__container{@apply flex flex-col items-center;@apply h-(--visual-viewport-height) w-full min-w-0 flex-1;@apply p-4;@apply sm:w-fit sm:p-10;@apply pointer-events-none;&[data-entering=true]{@apply animate-in duration-250 ease-out-quad fade-in-0 zoom-in-105;&[data-placement=auto]{@apply slide-in-from-bottom-1;@apply sm:slide-in-from-bottom-0}&[data-placement=top]{@apply slide-in-from-top-1}&[data-placement=center]{@apply slide-in-from-top-0}&[data-placement=bottom]{@apply slide-in-from-bottom-1}}&[data-exiting=true]{@apply animate-out duration-100 ease-out-quad fade-out-0 zoom-out-95}&[data-entering=true],&[data-exiting=true]{@apply will-change-[opacity,transform];@apply motion-reduce:animate-none}}.modal__container--scroll-outside{@apply scrollbar overflow-y-auto;@apply pointer-events-auto;-webkit-overflow-scrolling:touch}.modal__container--full{@apply p-0 sm:p-0;&[data-entering=true]{@apply slide-in-from-bottom-0 zoom-in-100;@apply sm:slide-in-from-bottom-0}&[data-exiting=true]{@apply zoom-out-100}}.modal__dialog{@apply relative;@apply flex w-full flex-col;@apply bg-overlay shadow-overlay outline-none;border-radius:min(32px,var(--radius-3xl));@apply p-6;@apply pointer-events-auto;&[data-placement=auto]{@apply mt-auto;@apply sm:my-auto}&[data-placement=center]{@apply my-auto}&[data-placement=bottom]{@apply mt-auto}&[data-placement=top]{@apply mt-0}}.modal__dialog--scroll-inside{@apply max-h-full min-h-0 overflow-clip}.modal__dialog--scroll-outside{@apply h-auto;@apply min-h-0 shrink-0}.modal__dialog--xs{@apply max-w-xs}.modal__dialog--sm{@apply max-w-sm}.modal__dialog--md{@apply max-w-md}.modal__dialog--lg{@apply max-w-lg}.modal__dialog--cover{@apply h-full min-h-full w-full}.modal__dialog--full{@apply h-full min-h-full w-full;@apply rounded-none shadow-none}.modal__header{@apply flex flex-col gap-3;@apply mb-0;&>.modal__icon{@apply mb-0}}.modal__heading{@apply align-middle;@apply text-base font-medium text-foreground}.modal__icon{@apply flex items-center justify-center;@apply size-10 shrink-0;@apply rounded-3xl select-none}.modal__body{@apply min-h-0 flex-1;@apply text-sm leading-[1.43] text-muted;@apply -m-[3px] my-0 overflow-visible p-[3px]}.modal__body--scroll-inside{@apply scrollbar overflow-y-auto overscroll-contain;-webkit-overflow-scrolling:touch}.modal__body--scroll-outside{@apply overflow-y-visible}.modal__footer{@apply flex flex-row items-center justify-end gap-2;@apply mt-0}.modal__close-trigger{@apply absolute top-4 right-4}.modal__header+.modal__body{@apply mt-2}.modal__header+.modal__footer{@apply mt-5}.modal__body+.modal__footer{@apply mt-5}}@media layer(components){.popover{@apply origin-(--trigger-anchor-point) bg-overlay p-0 text-sm;border-radius:min(32px,var(--radius-3xl));box-shadow:var(--shadow-overlay);&[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 transition-[opacity,transform] 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}}.popover__dialog{@apply p-4 outline-none}.popover__heading{@apply font-medium}.popover__trigger{@apply inline-block;transition:color .15s var(--ease-smooth),background-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply 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}}}@media layer(components){.tooltip{@apply max-w-xs origin-(--trigger-anchor-point) bg-overlay p-2 text-xs break-all;border-radius:min(32px,var(--radius-xl));box-shadow:var(--shadow-overlay);&[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 transition-[opacity,transform] will-change-[opacity,transform]}& [data-slot=overlay-arrow]{@apply stroke-border/40;fill:var(--overlay)}&[data-placement=bottom] [data-slot=overlay-arrow]{rotate:180deg}&[data-placement=left] [data-slot=overlay-arrow]{rotate:-90deg}&[data-placement=right] [data-slot=overlay-arrow]{rotate:90deg}}.tooltip__trigger{@apply inline-block;transition:color .15s var(--ease-smooth),background-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply status-focused}}}@media layer(components){.combo-box{@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=input]{@apply min-w-0 flex-1;&:has(+.combo-box__trigger){@apply pe-7}&:focus,&[data-focus]{@apply status-focused-field;border-color:var(--field-border-focus);background-color:var(--field-focus)}&:disabled,&[aria-disabled=true],&[data-disabled]{@apply status-disabled}}}.combo-box__input-group{@apply relative isolate inline-flex items-center}.combo-box__trigger{@apply absolute top-1/2 end-0 flex h-full shrink-0 -translate-y-1/2 cursor-pointer items-center justify-center pe-2 text-field-placeholder transition duration-150 no-highlight;@apply border-none bg-transparent outline-none;@media (hover:hover){&:hover,&[data-hovered=true]{@apply text-field-foreground}}&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply rounded ring-2 ring-focus ring-offset-2 ring-offset-background outline-none}&[data-pressed=true]{@apply opacity-70}&:disabled,&[aria-disabled=true],&[data-disabled]{@apply cursor-not-allowed opacity-50}[data-slot=combo-box-trigger-default-icon]{@apply size-4 transition-transform duration-150 motion-reduce:transition-none}&[data-open=true] [data-slot=combo-box-trigger-default-icon]{@apply rotate-180}}.combo-box__popover{@apply min-w-(--trigger-width) origin-(--trigger-anchor-point) scroll-py-1 overflow-y-auto overscroll-contain bg-overlay p-0 text-sm scrollbar;border-radius:min(32px,var(--radius-3xl));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-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]}& [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=list-box]{@apply p-1.5 outline-none}[data-slot=list-box-item]{@apply px-2.5;[data-slot=list-box-item-indicator--checkmark]{@apply transition-none}}}.combo-box--full-width{@apply w-full}.combo-box__input-group--full-width{@apply w-full}}@media layer(components){.select{@apply flex flex-col gap-1;&[aria-invalid=true],&[data-invalid=true]{[data-slot=description]{@apply hidden}}[data-slot=label]{@apply w-fit}}.select__trigger{@apply relative isolate inline-flex min-h-9 rounded-field border bg-field px-3 py-2 text-sm text-field-foreground shadow-field outline-none select-none no-highlight;transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;cursor:var(--cursor-interactive);border-width:var(--border-width-field);border-color:var(--field-border);&:has(.select__indicator){@apply pe-7}@media (hover:hover){&:hover,&[data-hovered=true]{@apply bg-field-hover;border-color:var(--field-border-hover)}}&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply status-focused;border-color:var(--field-border-focus);background-color:var(--field-focus)}.select[aria-invalid=true] &,.select[data-invalid=true] &{@apply status-invalid-field;background-color:var(--field-focus)}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}}.select--secondary .select__trigger{@apply shadow-none;background-color:var(--select-trigger-bg);--select-trigger-bg:var(--default);--select-trigger-bg-hover:var(--default-hover);--select-trigger-bg-focus:var(--default);@media (hover:hover){&:hover,&[data-hovered=true]{background-color:var(--select-trigger-bg-hover)}}&:focus-visible:not(:focus),&[data-focus-visible=true]{background-color:var(--select-trigger-bg-focus)}.select[aria-invalid=true] &,.select[data-invalid=true] &{background-color:var(--select-trigger-bg-focus)}}.select__value{@apply flex-1 text-start text-base wrap-break-word text-current sm:text-sm;&[data-placeholder=true]{@apply text-field-placeholder}[data-slot=list-box-item-indicator]{@apply hidden}}.select__indicator{@apply absolute inset-y-0 end-2 my-auto flex shrink-0 items-center justify-center text-field-placeholder transition duration-150;&[data-open=true]{@apply rotate-180}&[data-slot=select-default-indicator]{@apply size-4}}.select__popover{@apply min-w-(--trigger-width) origin-(--trigger-anchor-point) scroll-py-1 overflow-y-auto overscroll-contain bg-overlay p-0 text-sm scrollbar;border-radius:min(32px,var(--radius-3xl));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-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]}& [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=list-box]{@apply p-1.5 outline-none}[data-slot=list-box-item]{@apply px-2.5}[data-slot=list-box]:not([aria-multiselectable=true]) [data-slot=list-box-item-indicator],[data-slot=list-box]:not([aria-multiselectable=true]) [data-slot=list-box-item-indicator] [data-slot=list-box-item-indicator--checkmark]{@apply transition-none}}.select--full-width{@apply w-full}.select__trigger--full-width{@apply w-full}}@media layer(components){.autocomplete{@apply flex flex-col gap-1}.autocomplete__trigger{@apply relative isolate inline-flex min-h-9 rounded-field border bg-field px-3 py-2 text-sm text-field-foreground shadow-field outline-none select-none no-highlight;transition:background-color .15s var(--ease-smooth),border-color .15s var(--ease-smooth),box-shadow .15s var(--ease-out);@apply motion-reduce:transition-none;cursor:var(--cursor-interactive);border-width:var(--border-width-field);border-color:var(--field-border);&:has(.autocomplete__indicator){@apply pe-7}@media (hover:hover){&:hover:not(:has(.autocomplete__clear-button:hover)),&[data-hovered=true]:not(:has(.autocomplete__clear-button:hover)){@apply bg-field-hover;border-color:var(--field-border-hover)}}&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply status-focused;border-color:var(--field-border-focus);background-color:var(--field-focus)}.autocomplete[aria-invalid=true] &,.autocomplete[data-invalid=true] &{@apply status-invalid-field;background-color:var(--field-focus)}&:disabled,&[aria-disabled=true],&[data-disabled=true]{@apply status-disabled}}.autocomplete--secondary .autocomplete__trigger{@apply shadow-none;background-color:var(--autocomplete-trigger-bg);--autocomplete-trigger-bg:var(--default);--autocomplete-trigger-bg-hover:var(--default-hover);--autocomplete-trigger-bg-focus:var(--default);@media (hover:hover){&:hover:not(:has(.autocomplete__clear-button:hover)),&[data-hovered=true]:not(:has(.autocomplete__clear-button:hover)){background-color:var(--autocomplete-trigger-bg-hover)}}&:focus-visible:not(:focus),&[data-focus-visible=true]{background-color:var(--autocomplete-trigger-bg-focus)}.autocomplete[aria-invalid=true] &,.autocomplete[data-invalid=true] &{background-color:var(--autocomplete-trigger-bg-focus)}}.autocomplete__value{@apply flex-1 text-start text-base wrap-break-word text-current sm:text-sm;&[data-placeholder=true]{@apply text-field-placeholder}[data-slot=list-box-item-indicator]{@apply hidden}}.autocomplete__indicator{@apply absolute inset-y-0 end-2 my-auto flex shrink-0 items-center justify-center text-field-placeholder transition duration-150;cursor:var(--cursor-interactive);&[data-open=true]{@apply rotate-180}&[data-slot=autocomplete-default-indicator]{@apply size-4}}.autocomplete__popover{@apply w-(--trigger-width) max-w-(--trigger-width) origin-(--trigger-anchor-point) scroll-py-1 overflow-hidden overscroll-contain bg-overlay p-0 pt-2 text-sm;border-radius:min(32px,var(--radius-3xl));box-shadow:var(--shadow-overlay);&:focus-visible:not(:focus),&[data-focus-visible=true]{@apply outline-none}&[data-entering=true]{@apply animate-in duration-250 ease-out-fluid 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-out-quad zoom-out-95 fade-out}&[data-entering=true],&[data-exiting=true]{@apply transition-[opacity,transform] 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=list-box]{@apply max-h-[320px] scrollbar overflow-y-auto p-1.5 outline-none}[data-slot=list-box-item]{@apply px-2.5}[role=presentation]>[data-slot=list-box-item]{width:calc(100% - var(--spacing) * 3)}[data-slot=list-box]:not([aria-multiselectable=true]) [data-slot=list-box-item-indicator],[data-slot=list-box]:not([aria-multiselectable=true]) [data-slot=list-box-item-indicator] [data-slot=list-box-item-indicator--checkmark]{@apply transition-none}[data-slot=search-field]{@apply px-3 py-1 outline-none}[data-slot=empty-state]{@apply text-center text-sm text-overlay-foreground/60}}.autocomplete__popover-dialog{@apply outline-none;&:focus,&:focus-visible,&[data-focus-visible=true]{@apply outline-none}}.autocomplete--full-width{@apply w-full}.autocomplete__trigger--full-width{@apply w-full}.autocomplete__clear-button{@apply relative isolate inline-flex h-6 w-6 shrink-0 origin-center items-center justify-center rounded-xl p-1 text-muted select-none no-highlight;@apply me-0 size-5 shrink-0 self-center bg-transparent;cursor:var(--cursor-interactive);@apply transform-gpu;&:not([data-empty=true]){transition:opacity .15s var(--ease-smooth);@apply motion-reduce:transition-none}&[data-empty=true]{@apply pointer-events-none opacity-0}[data-slot=autocomplete-clear-button-icon]{@apply size-3.5}@media (hover:hover){&:hover,&[data-hovered=true]{@apply bg-default-hover}}&:active,&[data-pressed=true]{transform:scale(.93)}}}@media layer(components){.kbd{@apply inline-flex h-6 items-center space-x-0.5 rounded-lg bg-default px-2 text-center font-sans text-sm font-medium whitespace-nowrap text-muted rtl:space-x-reverse;word-spacing:-.25rem}.kbd__abbr{width:100%;height:100%;text-decoration:none}.kbd__abbr,.kbd__content{display:flex;justify-content:center;align-items:center}.kbd--light{@apply bg-transparent}}@media layer(components){.typography{@apply text-foreground}.typography-prose{@apply text-foreground}.typography-prose h1{@apply text-4xl font-semibold tracking-tight}.typography-prose h2{@apply text-3xl font-semibold tracking-tight}.typography-prose h3{@apply text-2xl font-semibold tracking-tight}.typography-prose h4{@apply text-xl font-semibold tracking-tight}.typography-prose h5{@apply text-lg font-semibold tracking-tight}.typography-prose h6{@apply text-base font-semibold tracking-tight}.typography-prose p{@apply text-base leading-7}.typography-prose code{@apply rounded-md bg-default px-1.5 py-0.5 font-mono text-sm text-foreground}.typography-prose a{@apply font-medium text-link underline underline-offset-4}.typography-prose blockquote{@apply mt-4 border-l-4 border-border pl-4 text-muted italic}.typography-prose ul{@apply my-4 list-disc space-y-2 pl-6}.typography-prose ol{@apply my-4 list-decimal space-y-2 pl-6}.typography-prose li{@apply text-base leading-7}.typography-prose hr{@apply my-8 border-separator}.typography-prose pre{@apply my-4 overflow-x-auto rounded-xl bg-default p-4 font-mono text-sm leading-relaxed}.typography-prose strong{@apply font-semibold text-foreground}.typography-prose em{@apply italic}.typography-prose img{@apply my-4 rounded-xl}.typography--h1{@apply text-4xl font-semibold tracking-tight}.typography--h2{@apply text-3xl font-semibold tracking-tight}.typography--h3{@apply text-2xl font-semibold tracking-tight}.typography--h4{@apply text-xl font-semibold tracking-tight}.typography--h5{@apply text-lg font-semibold tracking-tight}.typography--h6{@apply text-base font-semibold tracking-tight}.typography--body{@apply text-base leading-7}.typography--body-sm{@apply text-sm leading-6}.typography--body-xs{@apply text-xs leading-5}.typography--code{@apply rounded-md bg-default px-1.5 py-0.5 font-mono text-sm text-foreground}.typography--align-start{@apply text-left rtl:text-right}.typography--align-center{@apply text-center}.typography--align-end{@apply text-right rtl:text-left}.typography--align-justify{@apply text-justify}.typography--color-default{@apply text-foreground}.typography--color-muted{@apply text-muted}.typography--truncate{@apply block truncate}.typography--weight-normal{@apply font-normal}.typography--weight-medium{@apply font-medium}.typography--weight-semibold{@apply font-semibold}.typography--weight-bold{@apply font-bold}}@media layer(components){.scroll-shadow{@apply relative;--scroll-shadow-size:40px;--scroll-shadow-scrollbar-size:10px}.scroll-shadow--vertical{@apply scrollbar overflow-y-auto}.scroll-shadow--horizontal{@apply scrollbar overflow-x-auto}.scroll-shadow--fade.scroll-shadow--vertical{&:where([data-top-scroll=true],[data-bottom-scroll=true],[data-top-bottom-scroll=true]){mask-image:linear-gradient(var(--scroll-linear-gradient)),linear-gradient(#000,#000);mask-position:left top,right top;mask-repeat:no-repeat;mask-size:calc(100% - var(--scroll-shadow-scrollbar-size)) 100%,var(--scroll-shadow-scrollbar-size) 100%;-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient)),linear-gradient(#000,#000);-webkit-mask-position:left top,right top;-webkit-mask-repeat:no-repeat;-webkit-mask-size:calc(100% - var(--scroll-shadow-scrollbar-size)) 100%,var(--scroll-shadow-scrollbar-size) 100%}&[data-top-scroll=true]{--scroll-linear-gradient:0deg,#000 calc(100% - var(--scroll-shadow-size)),transparent}&[data-bottom-scroll=true]{--scroll-linear-gradient:180deg,#000 calc(100% - var(--scroll-shadow-size)),transparent}&[data-top-bottom-scroll=true]{--scroll-linear-gradient:#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent}}.scroll-shadow--fade.scroll-shadow--horizontal{&:where([data-left-scroll=true],[data-right-scroll=true],[data-left-right-scroll=true]){mask-image:linear-gradient(var(--scroll-linear-gradient)),linear-gradient(#000,#000);mask-position:left top,left bottom;mask-repeat:no-repeat;mask-size:100% calc(100% - var(--scroll-shadow-scrollbar-size)),100% var(--scroll-shadow-scrollbar-size);-webkit-mask-image:linear-gradient(var(--scroll-linear-gradient)),linear-gradient(#000,#000);-webkit-mask-position:left top,left bottom;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% calc(100% - var(--scroll-shadow-scrollbar-size)),100% var(--scroll-shadow-scrollbar-size)}&[data-left-scroll=true]{--scroll-linear-gradient:270deg,#000 calc(100% - var(--scroll-shadow-size)),transparent}&[data-right-scroll=true]{--scroll-linear-gradient:90deg,#000 calc(100% - var(--scroll-shadow-size)),transparent}&[data-left-right-scroll=true]{--scroll-linear-gradient:to right,#000,#000,transparent 0,#000 var(--scroll-shadow-size),#000 calc(100% - var(--scroll-shadow-size)),transparent}}.scroll-shadow--hide-scrollbar{@apply scrollbar-none;--scroll-shadow-scrollbar-size:0px}}@media layer(theme){@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-surface:var(--surface);--color-surface-foreground:var(--surface-foreground);--color-surface-hover:var(--surface-hover);--color-surface-secondary:var(--surface-secondary);--color-surface-secondary-foreground:var(--surface-secondary-foreground);--color-surface-tertiary:var(--surface-tertiary);--color-surface-tertiary-foreground:var(--surface-tertiary-foreground);--color-overlay:var(--overlay);--color-overlay-foreground:var(--overlay-foreground);--color-muted:var(--muted);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-segment:var(--segment);--color-segment-foreground:var(--segment-foreground);--color-border:var(--border);--color-separator:var(--separator);--color-focus:var(--focus);--color-link:var(--link);--color-default:var(--default);--color-default-foreground:var(--default-foreground);--color-success:var(--success);--color-success-foreground:var(--success-foreground);--color-warning:var(--warning);--color-warning-foreground:var(--warning-foreground);--color-danger:var(--danger);--color-danger-foreground:var(--danger-foreground);--color-backdrop:var(--backdrop);--shadow-surface:var(--surface-shadow);--shadow-overlay:var(--overlay-shadow);--shadow-field:var(--field-shadow);--color-field:var(--field-background,var(--default));--color-field-hover:var(--field-hover);--color-field-foreground:var(--field-foreground,var(--foreground));--color-field-placeholder:var(--field-placeholder,var(--muted));--color-field-border:var(--field-border,var(--border));--radius-field:var(--field-radius,calc(var(--radius) * 1.5));--border-width-field:var(--field-border-width,var(--border-width));--color-background-secondary:var(--background-secondary);--color-background-tertiary:var(--background-tertiary);--color-background-inverse:var(--background-inverse);--color-default-hover:var(--default-hover);--color-accent-hover:var(--accent-hover);--color-success-hover:var(--success-hover);--color-warning-hover:var(--warning-hover);--color-danger-hover:var(--danger-hover);--color-field-focus:var(--field-focus);--color-field-border-hover:var(--field-border-hover);--color-field-border-focus:var(--field-border-focus);--color-default-soft:var(--default-soft);--color-default-soft-foreground:var(--default-soft-foreground);--color-default-soft-hover:var(--default-soft-hover);--color-accent-soft:var(--accent-soft);--color-accent-soft-foreground:var(--accent-soft-foreground);--color-accent-soft-hover:var(--accent-soft-hover);--color-danger-soft:var(--danger-soft);--color-danger-soft-foreground:var(--danger-soft-foreground);--color-danger-soft-hover:var(--danger-soft-hover);--color-warning-soft:var(--warning-soft);--color-warning-soft-foreground:var(--warning-soft-foreground);--color-warning-soft-hover:var(--warning-soft-hover);--color-success-soft:var(--success-soft);--color-success-soft-foreground:var(--success-soft-foreground);--color-success-soft-hover:var(--success-soft-hover);--color-separator-secondary:var(--separator-secondary);--color-separator-tertiary:var(--separator-tertiary);--color-border-secondary:var(--border-secondary);--color-border-tertiary:var(--border-tertiary);--radius-xs:calc(var(--radius) * 0.25);--radius-sm:calc(var(--radius) * 0.5);--radius-md:calc(var(--radius) * 0.75);--radius-lg:calc(var(--radius) * 1);--radius-xl:calc(var(--radius) * 1.5);--radius-2xl:calc(var(--radius) * 2);--radius-3xl:calc(var(--radius) * 3);--radius-4xl:calc(var(--radius) * 4);--ease-smooth:ease;--ease-in-quad:cubic-bezier(0.55,0.085,0.68,0.53);--ease-in-cubic:cubic-bezier(0.55,0.055,0.675,0.19);--ease-in-quart:cubic-bezier(0.895,0.03,0.685,0.22);--ease-in-quint:cubic-bezier(0.755,0.05,0.855,0.06);--ease-in-expo:cubic-bezier(0.95,0.05,0.795,0.035);--ease-in-circ:cubic-bezier(0.6,0.04,0.98,0.335);--ease-out-quad:cubic-bezier(0.25,0.46,0.45,0.94);--ease-out-cubic:cubic-bezier(0.215,0.61,0.355,1);--ease-out-quart:cubic-bezier(0.165,0.84,0.44,1);--ease-out-quint:cubic-bezier(0.23,1,0.32,1);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-out-circ:cubic-bezier(0.075,0.82,0.165,1);--ease-out-fluid:cubic-bezier(0.32,0.72,0,1);--ease-in-out-quad:cubic-bezier(0.455,0.03,0.515,0.955);--ease-in-out-cubic:cubic-bezier(0.645,0.045,0.355,1);--ease-in-out-quart:cubic-bezier(0.77,0,0.175,1);--ease-in-out-quint:cubic-bezier(0.86,0,0.07,1);--ease-in-out-expo:cubic-bezier(1,0,0,1);--ease-in-out-circ:cubic-bezier(0.785,0.135,0.15,0.86);--ease-linear:linear;--animate-spin-fast:spin 0.75s linear infinite;--animate-skeleton:skeleton 2s linear infinite;--animate-caret-blink:caret-blink 1.2s ease-out infinite;@keyframes skeleton{to{transform:translateX(200%)}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}}}