@enonic/ui 0.13.0 → 0.13.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/enonic-ui.cjs +5 -6
  2. package/dist/enonic-ui.es.js +373 -343
  3. package/dist/styles/style.css +1 -1
  4. package/dist/types/components/combobox/combobox.d.ts +8 -2
  5. package/dist/types/components/listbox/listbox.d.ts +9 -3
  6. package/dist/types/hooks/index.d.ts +3 -0
  7. package/dist/types/hooks/use-controlled-state.d.ts +28 -0
  8. package/dist/types/hooks/use-item-registry.d.ts +57 -0
  9. package/dist/types/hooks/use-keyboard-navigation.d.ts +82 -0
  10. package/dist/types/providers/combobox-provider.d.ts +1 -1
  11. package/dist/types/providers/listbox-provider.d.ts +4 -0
  12. package/dist/types/utils/aria.d.ts +69 -0
  13. package/dist/types/utils/index.d.ts +1 -0
  14. package/dist/types/utils/ref.d.ts +1 -1
  15. package/package.json +1 -1
package/dist/styles/style.css CHANGED
@@ -1 +1 @@
1
- /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-slate-400:oklch(70.4% .04 256.788);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-main:var(--color-main);--color-main-hover:var(--color-main-hover);--color-subtle:var(--color-subtle);--color-alt:var(--color-alt);--color-rev:var(--color-rev);--color-alt-rev:var(--color-alt-rev);--color-info:var(--color-info);--color-info-rev:var(--color-info-rev);--color-warn:var(--color-warn);--color-warn-rev:var(--color-warn-rev);--color-success:var(--color-success);--color-success-rev:var(--color-success-rev);--color-error:var(--color-error);--color-error-rev:var(--color-error-rev);--color-surface-neutral:var(--color-surface-neutral);--color-surface-primary:var(--color-surface-primary);--color-surface-primary-hover:var(--color-surface-primary-hover);--color-surface-primary-selected:var(--color-surface-primary-selected);--color-surface-primary-selected-hover:var(--color-surface-primary-selected-hover);--color-surface-secondary:var(--color-surface-secondary);--color-surface-tertiary:var(--color-surface-tertiary);--color-surface-info:var(--color-fbk-info-surface);--color-bdr-subtle:var(--color-bdr-subtle);--color-bdr-soft:var(--color-bdr-soft);--color-bdr-strong:var(--color-bdr-strong);--color-ring:var(--color-ring);--color-btn-primary:var(--color-btn-primary);--color-btn-primary-hover:var(--color-btn-primary-hover);--color-btn-secondary:var(--color-btn-secondary);--color-btn-secondary-hover:var(--color-btn-secondary-hover);--color-btn-tertiary:var(--color-btn-tertiary);--color-btn-tertiary-hover:var(--color-btn-tertiary-hover);--color-btn-active:var(--color-btn-active);--color-btn-error:var(--color-fbk-danger);--color-btn-error-hover:var(--color-fbk-danger)}@supports (color:color-mix(in lab,red,red)){:root,:host{--color-btn-error-hover:color-mix(in srgb,var(--color-fbk-danger),black 10%)}}:root,:host{--color-btn-error-active:var(--color-fbk-danger)}@supports (color:color-mix(in lab,red,red)){:root,:host{--color-btn-error-active:color-mix(in srgb,var(--color-fbk-danger),black 19%)}}:root,:host{--color-input-disabled:var(--color-input-disabled);--color-link-visited:var(--color-link-visited);--color-tooltip:var(--color-tooltip);--color-tooltip-foreground:var(--color-tooltip-foreground);--color-overlay:var(--color-overlay);--color-docs:var(--color-docs)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--color-black:#000;--color-grey-950:#242829;--color-grey-900:#3d4142;--color-grey-800:#5b5f60;--color-grey-700:#797d7e;--color-grey-600:#8d9192;--color-grey-500:#b2b2b2;--color-grey-400:#b5b9ba;--color-grey-300:#d3d7d8;--color-grey-200:#dde1e2;--color-grey-100:#e7ebeb;--color-grey-50:#f1f5f6;--color-white:#fff;--color-fbk-info:#0270a0;--color-fbk-info-subtle:#208ebe;--color-fbk-info-surface:#d7f3ff;--color-fbk-warn:#cb9126;--color-fbk-warn-subtle:#e9af44;--color-fbk-warn-surface:#f7e5c4;--color-fbk-success:#499349;--color-fbk-success-subtle:#67b167;--color-fbk-success-surface:#cee2ce;--color-fbk-danger:#d33030;--color-fbk-danger-subtle:#f56262;--color-fbk-danger-surface:#f6d7d7;--color-purple:purple;--color-purple-subtle:#e46ee4;--color-juke:#9747ff;--color-main:var(--color-black);--color-main-hover:var(--color-grey-800);--color-subtle:var(--color-grey-800);--color-alt:var(--color-white);--color-rev:var(--color-white);--color-alt-rev:var(--color-black);--color-info:var(--color-fbk-info);--color-info-rev:var(--color-fbk-rev);--color-warn:var(--color-fbk-warn);--color-warn-rev:var(--color-fbk-warn-subtle);--color-success:var(--color-fbk-success);--color-success-rev:var(--color-fbk-success-subtle);--color-error:var(--color-fbk-danger);--color-error-rev:var(--color-fbk-danger-subtle);--color-surface-neutral:var(--color-white);--color-surface-primary:var(--color-grey-50);--color-surface-primary-hover:var(--color-grey-50);--color-surface-primary-selected:var(--color-grey-800);--color-surface-primary-selected-hover:var(--color-grey-900);--color-surface-secondary:var(--color-black);--color-surface-tertiary:var(--color-grey-950);--color-bdr-subtle:var(--color-grey-500);--color-bdr-soft:var(--color-grey-200);--color-bdr-strong:var(--color-black);--color-ring:var(--color-grey-500);--color-btn-primary:var(--color-white);--color-btn-primary-hover:var(--color-grey-50);--color-btn-secondary:var(--color-grey-50);--color-btn-secondary-hover:var(--color-grey-100);--color-btn-tertiary:var(--color-black);--color-btn-tertiary-hover:var(--color-grey-900);--color-btn-active:var(--color-grey-800);--color-input-disabled:var(--color-grey-100);--color-link-visited:var(--color-purple);--color-tooltip:var(--color-black);--color-tooltip-foreground:var(--color-white);--color-overlay:oklch(0% 0 0/.4);--color-docs:var(--color-juke)}.dark{--color-main:var(--color-white);--color-main-hover:var(--color-grey-200);--color-subtle:var(--color-grey-400);--color-alt:var(--color-white);--color-rev:var(--color-black);--color-alt-rev:var(--color-black);--color-info:var(--color-fbk-info-subtle);--color-info-rev:var(--color-fbk-info);--color-warn:var(--color-fbk-warn-subtle);--color-warn-rev:var(--color-fbk-warn);--color-success:var(--color-fbk-success-subtle);--color-success-rev:var(--color-fbk-success);--color-error:var(--color-fbk-danger-subtle);--color-error-rev:var(--color-fbk-danger);--color-surface-neutral:var(--color-grey-950);--color-surface-primary:var(--color-grey-900);--color-surface-primary-hover:var(--color-grey-900);--color-surface-primary-selected:var(--color-grey-800);--color-surface-primary-selected-hover:var(--color-grey-900);--color-surface-secondary:var(--color-grey-700);--color-surface-tertiary:var(--color-grey-900);--color-bdr-subtle:var(--color-grey-500);--color-bdr-soft:var(--color-grey-800);--color-bdr-strong:var(--color-white);--color-ring:var(--color-grey-500);--color-btn-primary:var(--color-grey-950);--color-btn-primary-hover:var(--color-grey-900);--color-btn-secondary:var(--color-grey-900);--color-btn-secondary-hover:var(--color-grey-800);--color-btn-tertiary:var(--color-grey-600);--color-btn-tertiary-hover:var(--color-grey-700);--color-btn-active:var(--color-grey-800);--color-input-disabled:var(--color-grey-800);--color-link-visited:var(--color-purple-subtle);--color-tooltip:var(--color-grey-600);--color-tooltip-foreground:var(--color-white);--color-overlay:oklch(0% 0 0/.6);--color-docs:var(--color-juke)}:root{color:var(--color-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-2{margin:calc(var(--spacing)*2)!important}.-m-1{margin:calc(var(--spacing)*-1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.h-1{height:calc(var(--spacing)*1)}.h-1\/2{height:50%}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11\.5{height:calc(var(--spacing)*11.5)}.h-12{height:calc(var(--spacing)*12)}.h-150{height:calc(var(--spacing)*150)}.h-160{height:calc(var(--spacing)*160)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-100{max-height:calc(var(--spacing)*100)}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11\.5{width:calc(var(--spacing)*11.5)}.w-12{width:calc(var(--spacing)*12)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-100{width:calc(var(--spacing)*100)}.w-120{width:calc(var(--spacing)*120)}.w-140{width:calc(var(--spacing)*140)}.w-200{width:calc(var(--spacing)*200)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-80{max-width:calc(var(--spacing)*80)}.max-w-100{max-width:calc(var(--spacing)*100)}.max-w-120{max-width:calc(var(--spacing)*120)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-6{min-width:calc(var(--spacing)*6)}.min-w-12{min-width:calc(var(--spacing)*12)}.min-w-45{min-width:calc(var(--spacing)*45)}.min-w-52{min-width:calc(var(--spacing)*52)}.min-w-72{min-width:calc(var(--spacing)*72)}.min-w-auto{min-width:auto}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-0{flex-basis:calc(var(--spacing)*0)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-x-1\.25{column-gap:calc(var(--spacing)*1.25)}.gap-x-2\.5{column-gap:calc(var(--spacing)*2.5)}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-4{column-gap:calc(var(--spacing)*4)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-3{row-gap:calc(var(--spacing)*3)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-bdr-strong{border-color:var(--color-bdr-strong)}.border-bdr-subtle{border-color:var(--color-bdr-subtle)}.border-error{border-color:var(--color-error)}.border-gray-200{border-color:var(--color-gray-200)}.border-info{border-color:var(--color-info)}.border-main,.border-main\/20{border-color:var(--color-main)}@supports (color:color-mix(in lab,red,red)){.border-main\/20{border-color:color-mix(in oklab,var(--color-main)20%,transparent)}}.bg-\[\#3B82F6\]{background-color:#3b82f6}.bg-\[var\(--color-overlay\)\]{background-color:var(--color-overlay)}.bg-bdr-subtle{background-color:var(--color-bdr-subtle)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-btn-error{background-color:var(--color-btn-error)}.bg-btn-primary{background-color:var(--color-btn-primary)}.bg-btn-secondary{background-color:var(--color-btn-secondary)}.bg-btn-tertiary{background-color:var(--color-btn-tertiary)}.bg-error{background-color:var(--color-error)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-main,.bg-main\/10{background-color:var(--color-main)}@supports (color:color-mix(in lab,red,red)){.bg-main\/10{background-color:color-mix(in oklab,var(--color-main)10%,transparent)}}.bg-overlay{background-color:var(--color-overlay)}.bg-red-500{background-color:var(--color-red-500)}.bg-surface-info{background-color:var(--color-surface-info)}.bg-surface-neutral{background-color:var(--color-surface-neutral)}.bg-surface-primary{background-color:var(--color-surface-primary)}.bg-surface-primary-hover{background-color:var(--color-surface-primary-hover)}.bg-surface-primary-selected{background-color:var(--color-surface-primary-selected)}.bg-surface-primary-selected-hover{background-color:var(--color-surface-primary-selected-hover)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-tooltip{background-color:var(--color-tooltip)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.\!p-4{padding:calc(var(--spacing)*4)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-4\.5{padding-inline:calc(var(--spacing)*4.5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.ps-4{padding-inline-start:calc(var(--spacing)*4)}.pt-3{padding-top:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pl-4\.5{padding-left:calc(var(--spacing)*4.5)}.\!text-center{text-align:center!important}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-alt{color:var(--color-alt)}.text-black{color:var(--color-black)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-error{color:var(--color-error)}.text-gray-900{color:var(--color-gray-900)}.text-info{color:var(--color-info)}.text-main,.text-main\/70{color:var(--color-main)}@supports (color:color-mix(in lab,red,red)){.text-main\/70{color:color-mix(in oklab,var(--color-main)70%,transparent)}}.text-red-400{color:var(--color-red-400)}.text-red-600{color:var(--color-red-600)}.text-rev{color:var(--color-rev)}.text-slate-400{color:var(--color-slate-400)}.text-subtle{color:var(--color-subtle)}.text-success{color:var(--color-success)}.text-tooltip-foreground{color:var(--color-tooltip-foreground)}.text-warn{color:var(--color-warn)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-1{text-decoration-thickness:1px}.underline-offset-3{text-underline-offset:3px}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-bdr-strong{--tw-ring-color:var(--color-bdr-strong)}.ring-bdr-subtle{--tw-ring-color:var(--color-bdr-subtle)}.ring-blue-500{--tw-ring-color:var(--color-blue-500)}.ring-surface-neutral{--tw-ring-color:var(--color-surface-neutral)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-purple-200{outline-color:var(--color-purple-200)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-highlight{transition-property:color,box-shadow;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.animation-duration-300{--tw-animation-duration: 300ms ;animation-duration:.3s}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.ring-inset{--tw-ring-inset:inset}.slide-in-from-bottom-2{--tw-enter-translate-y:calc(2*var(--spacing))}.slide-in-from-left-2{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.slide-in-from-right-2{--tw-enter-translate-x:calc(2*var(--spacing))}.slide-in-from-top-2{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.group-data-\[tone\=inverse\]\:border-alt:is(:where(.group)[data-tone=inverse] *){border-color:var(--color-alt)}.group-data-\[tone\=inverse\]\:text-alt:is(:where(.group)[data-tone=inverse] *){color:var(--color-alt)}.group-data-\[tone\=inverse\]\:text-alt-rev:is(:where(.group)[data-tone=inverse] *){color:var(--color-alt-rev)}.peer-checked\:border-error:is(:where(.peer):checked~*){border-color:var(--color-error)}.peer-checked\:border-main:is(:where(.peer):checked~*){border-color:var(--color-main)}.peer-checked\:bg-error:is(:where(.peer):checked~*){background-color:var(--color-error)}.peer-checked\:bg-main:is(:where(.peer):checked~*){background-color:var(--color-main)}.group-data-\[tone\=inverse\]\:peer-checked\:border-alt:is(:where(.group)[data-tone=inverse] *):is(:where(.peer):checked~*){border-color:var(--color-alt)}.group-data-\[tone\=inverse\]\:peer-checked\:bg-alt:is(:where(.group)[data-tone=inverse] *):is(:where(.peer):checked~*){background-color:var(--color-alt)}.peer-indeterminate\:border-error:is(:where(.peer):indeterminate~*){border-color:var(--color-error)}.peer-indeterminate\:border-main:is(:where(.peer):indeterminate~*){border-color:var(--color-main)}.peer-indeterminate\:bg-error:is(:where(.peer):indeterminate~*){background-color:var(--color-error)}.peer-indeterminate\:bg-main:is(:where(.peer):indeterminate~*){background-color:var(--color-main)}.group-data-\[tone\=inverse\]\:peer-indeterminate\:border-alt:is(:where(.group)[data-tone=inverse] *):is(:where(.peer):indeterminate~*){border-color:var(--color-alt)}.group-data-\[tone\=inverse\]\:peer-indeterminate\:bg-alt:is(:where(.group)[data-tone=inverse] *):is(:where(.peer):indeterminate~*){background-color:var(--color-alt)}@media (hover:hover){.peer-hover\:border-error:is(:where(.peer):hover~*){border-color:var(--color-error)}.peer-hover\:ring-3:is(:where(.peer):hover~*){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-hover\:ring-error\/50:is(:where(.peer):hover~*){--tw-ring-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.peer-hover\:ring-error\/50:is(:where(.peer):hover~*){--tw-ring-color:color-mix(in oklab,var(--color-error)50%,transparent)}}.peer-hover\:ring-ring\/50:is(:where(.peer):hover~*){--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab,red,red)){.peer-hover\:ring-ring\/50:is(:where(.peer):hover~*){--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}.peer-hover\:ring-offset-0:is(:where(.peer):hover~*){--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.peer-hover\:outline-none:is(:where(.peer):hover~*){--tw-outline-style:none;outline-style:none}}.peer-focus-visible\:border-error:is(:where(.peer):focus-visible~*){border-color:var(--color-error)}.peer-focus-visible\:ring-3:is(:where(.peer):focus-visible~*){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-focus-visible\:ring-error\/50:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.peer-focus-visible\:ring-error\/50:is(:where(.peer):focus-visible~*){--tw-ring-color:color-mix(in oklab,var(--color-error)50%,transparent)}}.peer-focus-visible\:ring-ring\/50:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab,red,red)){.peer-focus-visible\:ring-ring\/50:is(:where(.peer):focus-visible~*){--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}.peer-focus-visible\:ring-offset-0:is(:where(.peer):focus-visible~*){--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.peer-focus-visible\:outline-none:is(:where(.peer):focus-visible~*){--tw-outline-style:none;outline-style:none}.placeholder\:text-subtle::placeholder{color:var(--color-subtle)}.first\:rounded-l-sm:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.first\:border-r:first-child{border-right-style:var(--tw-border-style);border-right-width:1px}.first\:border-bdr-subtle:first-child{border-color:var(--color-bdr-subtle)}.first\:border-error:first-child{border-color:var(--color-error)}.last\:rounded-r-sm:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.last\:border-l:last-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:border-bdr-subtle:last-child{border-color:var(--color-bdr-subtle)}.last\:border-error:last-child{border-color:var(--color-error)}.visited\:text-link-visited:visited{color:var(--color-link-visited)}.read-only\:bg-surface-primary:read-only{background-color:var(--color-surface-primary)}.focus-within\:border-bdr-strong:focus-within{border-color:var(--color-bdr-strong)}.focus-within\:border-error:focus-within{border-color:var(--color-error)}.focus-within\:ring-0:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-3:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-error\/50:focus-within{--tw-ring-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.focus-within\:ring-error\/50:focus-within{--tw-ring-color:color-mix(in oklab,var(--color-error)50%,transparent)}}.focus-within\:ring-ring\/50:focus-within{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab,red,red)){.focus-within\:ring-ring\/50:focus-within{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}.focus-within\:ring-offset-0:focus-within{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-within\:outline-none:focus-within{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-btn-error-hover:hover{background-color:var(--color-btn-error-hover)}.hover\:bg-btn-primary-hover:hover{background-color:var(--color-btn-primary-hover)}.hover\:bg-btn-secondary-hover:hover{background-color:var(--color-btn-secondary-hover)}.hover\:bg-btn-tertiary-hover:hover{background-color:var(--color-btn-tertiary-hover)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-info\/10:hover{background-color:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-info\/10:hover{background-color:color-mix(in oklab,var(--color-info)10%,transparent)}}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-surface-primary-hover:hover{background-color:var(--color-surface-primary-hover)}.hover\:bg-surface-primary-selected-hover:hover{background-color:var(--color-surface-primary-selected-hover)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-main-hover:hover{color:var(--color-main-hover)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-error\/50:focus-visible{--tw-ring-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-error\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-error)50%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-btn-active:active{background-color:var(--color-btn-active)}.active\:bg-btn-error-active:active{background-color:var(--color-btn-error-active)}.active\:bg-info:active{background-color:var(--color-info)}.active\:bg-surface-primary-selected:active{background-color:var(--color-surface-primary-selected)}.active\:text-alt:active{color:var(--color-alt)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:select-none:disabled{-webkit-user-select:none;user-select:none}.data-\[active\=true\]\:bg-surface-primary-hover[data-active=true]{background-color:var(--color-surface-primary-hover)}.data-\[active\=true\]\:not-dark\:text-error-rev[data-active=true]:not(:where(.dark,.dark *)){color:var(--color-error-rev)}.data-\[selected\=true\]\:bg-surface-primary[data-selected=true]{background-color:var(--color-surface-primary)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@container (min-width:32rem){.\@lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.active\:\[\&_\*\]\:text-rev:active *{color:var(--color-rev)}.focus-within\:\[\&\>li\.option-active\:not\(\.option-selected\)\]\:bg-surface-primary-hover:focus-within>li.option-active:not(.option-selected){background-color:var(--color-surface-primary-hover)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-200:oklch(90.2% .063 306.703);--color-slate-400:oklch(70.4% .04 256.788);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-main:var(--color-main);--color-main-hover:var(--color-main-hover);--color-subtle:var(--color-subtle);--color-alt:var(--color-alt);--color-rev:var(--color-rev);--color-alt-rev:var(--color-alt-rev);--color-info:var(--color-info);--color-info-rev:var(--color-info-rev);--color-warn:var(--color-warn);--color-warn-rev:var(--color-warn-rev);--color-success:var(--color-success);--color-success-rev:var(--color-success-rev);--color-error:var(--color-error);--color-error-rev:var(--color-error-rev);--color-surface-neutral:var(--color-surface-neutral);--color-surface-primary:var(--color-surface-primary);--color-surface-primary-hover:var(--color-surface-primary-hover);--color-surface-primary-selected:var(--color-surface-primary-selected);--color-surface-primary-selected-hover:var(--color-surface-primary-selected-hover);--color-surface-secondary:var(--color-surface-secondary);--color-surface-tertiary:var(--color-surface-tertiary);--color-surface-info:var(--color-fbk-info-surface);--color-bdr-subtle:var(--color-bdr-subtle);--color-bdr-soft:var(--color-bdr-soft);--color-bdr-strong:var(--color-bdr-strong);--color-ring:var(--color-ring);--color-btn-primary:var(--color-btn-primary);--color-btn-primary-hover:var(--color-btn-primary-hover);--color-btn-secondary:var(--color-btn-secondary);--color-btn-secondary-hover:var(--color-btn-secondary-hover);--color-btn-tertiary:var(--color-btn-tertiary);--color-btn-tertiary-hover:var(--color-btn-tertiary-hover);--color-btn-active:var(--color-btn-active);--color-btn-error:var(--color-fbk-danger);--color-btn-error-hover:var(--color-fbk-danger)}@supports (color:color-mix(in lab,red,red)){:root,:host{--color-btn-error-hover:color-mix(in srgb,var(--color-fbk-danger),black 10%)}}:root,:host{--color-btn-error-active:var(--color-fbk-danger)}@supports (color:color-mix(in lab,red,red)){:root,:host{--color-btn-error-active:color-mix(in srgb,var(--color-fbk-danger),black 19%)}}:root,:host{--color-input-disabled:var(--color-input-disabled);--color-link-visited:var(--color-link-visited);--color-tooltip:var(--color-tooltip);--color-tooltip-foreground:var(--color-tooltip-foreground);--color-overlay:var(--color-overlay);--color-docs:var(--color-docs)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--color-black:#000;--color-grey-950:#242829;--color-grey-900:#3d4142;--color-grey-800:#5b5f60;--color-grey-700:#797d7e;--color-grey-600:#8d9192;--color-grey-500:#b2b2b2;--color-grey-400:#b5b9ba;--color-grey-300:#d3d7d8;--color-grey-200:#dde1e2;--color-grey-100:#e7ebeb;--color-grey-50:#f1f5f6;--color-white:#fff;--color-fbk-info:#0270a0;--color-fbk-info-subtle:#208ebe;--color-fbk-info-surface:#d7f3ff;--color-fbk-warn:#cb9126;--color-fbk-warn-subtle:#e9af44;--color-fbk-warn-surface:#f7e5c4;--color-fbk-success:#499349;--color-fbk-success-subtle:#67b167;--color-fbk-success-surface:#cee2ce;--color-fbk-danger:#d33030;--color-fbk-danger-subtle:#f56262;--color-fbk-danger-surface:#f6d7d7;--color-purple:purple;--color-purple-subtle:#e46ee4;--color-juke:#9747ff;--color-main:var(--color-black);--color-main-hover:var(--color-grey-800);--color-subtle:var(--color-grey-800);--color-alt:var(--color-white);--color-rev:var(--color-white);--color-alt-rev:var(--color-black);--color-info:var(--color-fbk-info);--color-info-rev:var(--color-fbk-rev);--color-warn:var(--color-fbk-warn);--color-warn-rev:var(--color-fbk-warn-subtle);--color-success:var(--color-fbk-success);--color-success-rev:var(--color-fbk-success-subtle);--color-error:var(--color-fbk-danger);--color-error-rev:var(--color-fbk-danger-subtle);--color-surface-neutral:var(--color-white);--color-surface-primary:var(--color-grey-50);--color-surface-primary-hover:var(--color-grey-50);--color-surface-primary-selected:var(--color-grey-800);--color-surface-primary-selected-hover:var(--color-grey-900);--color-surface-secondary:var(--color-black);--color-surface-tertiary:var(--color-grey-950);--color-bdr-subtle:var(--color-grey-500);--color-bdr-soft:var(--color-grey-200);--color-bdr-strong:var(--color-black);--color-ring:var(--color-grey-500);--color-btn-primary:var(--color-white);--color-btn-primary-hover:var(--color-grey-50);--color-btn-secondary:var(--color-grey-50);--color-btn-secondary-hover:var(--color-grey-100);--color-btn-tertiary:var(--color-black);--color-btn-tertiary-hover:var(--color-grey-900);--color-btn-active:var(--color-grey-800);--color-input-disabled:var(--color-grey-100);--color-link-visited:var(--color-purple);--color-tooltip:var(--color-black);--color-tooltip-foreground:var(--color-white);--color-overlay:oklch(0% 0 0/.4);--color-docs:var(--color-juke)}.dark{--color-main:var(--color-white);--color-main-hover:var(--color-grey-200);--color-subtle:var(--color-grey-400);--color-alt:var(--color-white);--color-rev:var(--color-black);--color-alt-rev:var(--color-black);--color-info:var(--color-fbk-info-subtle);--color-info-rev:var(--color-fbk-info);--color-warn:var(--color-fbk-warn-subtle);--color-warn-rev:var(--color-fbk-warn);--color-success:var(--color-fbk-success-subtle);--color-success-rev:var(--color-fbk-success);--color-error:var(--color-fbk-danger-subtle);--color-error-rev:var(--color-fbk-danger);--color-surface-neutral:var(--color-grey-950);--color-surface-primary:var(--color-grey-900);--color-surface-primary-hover:var(--color-grey-900);--color-surface-primary-selected:var(--color-grey-800);--color-surface-primary-selected-hover:var(--color-grey-900);--color-surface-secondary:var(--color-grey-700);--color-surface-tertiary:var(--color-grey-900);--color-bdr-subtle:var(--color-grey-500);--color-bdr-soft:var(--color-grey-800);--color-bdr-strong:var(--color-white);--color-ring:var(--color-grey-500);--color-btn-primary:var(--color-grey-950);--color-btn-primary-hover:var(--color-grey-900);--color-btn-secondary:var(--color-grey-900);--color-btn-secondary-hover:var(--color-grey-800);--color-btn-tertiary:var(--color-grey-600);--color-btn-tertiary-hover:var(--color-grey-700);--color-btn-active:var(--color-grey-800);--color-input-disabled:var(--color-grey-800);--color-link-visited:var(--color-purple-subtle);--color-tooltip:var(--color-grey-600);--color-tooltip-foreground:var(--color-white);--color-overlay:oklch(0% 0 0/.6);--color-docs:var(--color-juke)}:root{color:var(--color-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-2{margin:calc(var(--spacing)*2)!important}.-m-1{margin:calc(var(--spacing)*-1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.h-1{height:calc(var(--spacing)*1)}.h-1\/2{height:50%}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11\.5{height:calc(var(--spacing)*11.5)}.h-12{height:calc(var(--spacing)*12)}.h-150{height:calc(var(--spacing)*150)}.h-160{height:calc(var(--spacing)*160)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-100{max-height:calc(var(--spacing)*100)}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11\.5{width:calc(var(--spacing)*11.5)}.w-12{width:calc(var(--spacing)*12)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-100{width:calc(var(--spacing)*100)}.w-120{width:calc(var(--spacing)*120)}.w-140{width:calc(var(--spacing)*140)}.w-200{width:calc(var(--spacing)*200)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-80{max-width:calc(var(--spacing)*80)}.max-w-100{max-width:calc(var(--spacing)*100)}.max-w-120{max-width:calc(var(--spacing)*120)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-6{min-width:calc(var(--spacing)*6)}.min-w-12{min-width:calc(var(--spacing)*12)}.min-w-45{min-width:calc(var(--spacing)*45)}.min-w-52{min-width:calc(var(--spacing)*52)}.min-w-72{min-width:calc(var(--spacing)*72)}.min-w-auto{min-width:auto}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-0{flex-basis:calc(var(--spacing)*0)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-x-1\.25{column-gap:calc(var(--spacing)*1.25)}.gap-x-2\.5{column-gap:calc(var(--spacing)*2.5)}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-4{column-gap:calc(var(--spacing)*4)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-3{row-gap:calc(var(--spacing)*3)}.gap-y-6{row-gap:calc(var(--spacing)*6)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-bdr-strong{border-color:var(--color-bdr-strong)}.border-bdr-subtle{border-color:var(--color-bdr-subtle)}.border-error{border-color:var(--color-error)}.border-gray-200{border-color:var(--color-gray-200)}.border-info{border-color:var(--color-info)}.border-main,.border-main\/20{border-color:var(--color-main)}@supports (color:color-mix(in lab,red,red)){.border-main\/20{border-color:color-mix(in oklab,var(--color-main)20%,transparent)}}.bg-\[\#3B82F6\]{background-color:#3b82f6}.bg-\[var\(--color-overlay\)\]{background-color:var(--color-overlay)}.bg-bdr-subtle{background-color:var(--color-bdr-subtle)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-btn-error{background-color:var(--color-btn-error)}.bg-btn-primary{background-color:var(--color-btn-primary)}.bg-btn-secondary{background-color:var(--color-btn-secondary)}.bg-btn-tertiary{background-color:var(--color-btn-tertiary)}.bg-error{background-color:var(--color-error)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-main,.bg-main\/10{background-color:var(--color-main)}@supports (color:color-mix(in lab,red,red)){.bg-main\/10{background-color:color-mix(in oklab,var(--color-main)10%,transparent)}}.bg-overlay{background-color:var(--color-overlay)}.bg-red-500{background-color:var(--color-red-500)}.bg-surface-info{background-color:var(--color-surface-info)}.bg-surface-neutral{background-color:var(--color-surface-neutral)}.bg-surface-primary{background-color:var(--color-surface-primary)}.bg-surface-primary-hover{background-color:var(--color-surface-primary-hover)}.bg-surface-primary-selected{background-color:var(--color-surface-primary-selected)}.bg-surface-primary-selected-hover{background-color:var(--color-surface-primary-selected-hover)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-tooltip{background-color:var(--color-tooltip)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.\!p-4{padding:calc(var(--spacing)*4)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-4\.5{padding-inline:calc(var(--spacing)*4.5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.ps-4{padding-inline-start:calc(var(--spacing)*4)}.pt-3{padding-top:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pl-4\.5{padding-left:calc(var(--spacing)*4.5)}.\!text-center{text-align:center!important}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-alt{color:var(--color-alt)}.text-black{color:var(--color-black)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-error{color:var(--color-error)}.text-gray-900{color:var(--color-gray-900)}.text-info{color:var(--color-info)}.text-main,.text-main\/70{color:var(--color-main)}@supports (color:color-mix(in lab,red,red)){.text-main\/70{color:color-mix(in oklab,var(--color-main)70%,transparent)}}.text-red-400{color:var(--color-red-400)}.text-red-600{color:var(--color-red-600)}.text-rev{color:var(--color-rev)}.text-slate-400{color:var(--color-slate-400)}.text-subtle{color:var(--color-subtle)}.text-success{color:var(--color-success)}.text-tooltip-foreground{color:var(--color-tooltip-foreground)}.text-warn{color:var(--color-warn)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-1{text-decoration-thickness:1px}.underline-offset-3{text-underline-offset:3px}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-bdr-strong{--tw-ring-color:var(--color-bdr-strong)}.ring-bdr-subtle{--tw-ring-color:var(--color-bdr-subtle)}.ring-blue-500{--tw-ring-color:var(--color-blue-500)}.ring-surface-neutral{--tw-ring-color:var(--color-surface-neutral)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-purple-200{outline-color:var(--color-purple-200)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-highlight{transition-property:color,box-shadow;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.animation-duration-300{--tw-animation-duration: 300ms ;animation-duration:.3s}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.ring-inset{--tw-ring-inset:inset}.slide-in-from-bottom-2{--tw-enter-translate-y:calc(2*var(--spacing))}.slide-in-from-left-2{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.slide-in-from-right-2{--tw-enter-translate-x:calc(2*var(--spacing))}.slide-in-from-top-2{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.group-data-\[tone\=inverse\]\:border-alt:is(:where(.group)[data-tone=inverse] *){border-color:var(--color-alt)}.group-data-\[tone\=inverse\]\:text-alt:is(:where(.group)[data-tone=inverse] *){color:var(--color-alt)}.group-data-\[tone\=inverse\]\:text-alt-rev:is(:where(.group)[data-tone=inverse] *){color:var(--color-alt-rev)}.peer-checked\:border-error:is(:where(.peer):checked~*){border-color:var(--color-error)}.peer-checked\:border-main:is(:where(.peer):checked~*){border-color:var(--color-main)}.peer-checked\:bg-error:is(:where(.peer):checked~*){background-color:var(--color-error)}.peer-checked\:bg-main:is(:where(.peer):checked~*){background-color:var(--color-main)}.group-data-\[tone\=inverse\]\:peer-checked\:border-alt:is(:where(.group)[data-tone=inverse] *):is(:where(.peer):checked~*){border-color:var(--color-alt)}.group-data-\[tone\=inverse\]\:peer-checked\:bg-alt:is(:where(.group)[data-tone=inverse] *):is(:where(.peer):checked~*){background-color:var(--color-alt)}.peer-indeterminate\:border-error:is(:where(.peer):indeterminate~*){border-color:var(--color-error)}.peer-indeterminate\:border-main:is(:where(.peer):indeterminate~*){border-color:var(--color-main)}.peer-indeterminate\:bg-error:is(:where(.peer):indeterminate~*){background-color:var(--color-error)}.peer-indeterminate\:bg-main:is(:where(.peer):indeterminate~*){background-color:var(--color-main)}.group-data-\[tone\=inverse\]\:peer-indeterminate\:border-alt:is(:where(.group)[data-tone=inverse] *):is(:where(.peer):indeterminate~*){border-color:var(--color-alt)}.group-data-\[tone\=inverse\]\:peer-indeterminate\:bg-alt:is(:where(.group)[data-tone=inverse] *):is(:where(.peer):indeterminate~*){background-color:var(--color-alt)}@media (hover:hover){.peer-hover\:border-error:is(:where(.peer):hover~*){border-color:var(--color-error)}.peer-hover\:ring-3:is(:where(.peer):hover~*){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-hover\:ring-error\/50:is(:where(.peer):hover~*){--tw-ring-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.peer-hover\:ring-error\/50:is(:where(.peer):hover~*){--tw-ring-color:color-mix(in oklab,var(--color-error)50%,transparent)}}.peer-hover\:ring-ring\/50:is(:where(.peer):hover~*){--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab,red,red)){.peer-hover\:ring-ring\/50:is(:where(.peer):hover~*){--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}.peer-hover\:ring-offset-0:is(:where(.peer):hover~*){--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.peer-hover\:outline-none:is(:where(.peer):hover~*){--tw-outline-style:none;outline-style:none}}.peer-focus-visible\:border-error:is(:where(.peer):focus-visible~*){border-color:var(--color-error)}.peer-focus-visible\:ring-3:is(:where(.peer):focus-visible~*){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-focus-visible\:ring-error\/50:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.peer-focus-visible\:ring-error\/50:is(:where(.peer):focus-visible~*){--tw-ring-color:color-mix(in oklab,var(--color-error)50%,transparent)}}.peer-focus-visible\:ring-ring\/50:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab,red,red)){.peer-focus-visible\:ring-ring\/50:is(:where(.peer):focus-visible~*){--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}.peer-focus-visible\:ring-offset-0:is(:where(.peer):focus-visible~*){--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.peer-focus-visible\:outline-none:is(:where(.peer):focus-visible~*){--tw-outline-style:none;outline-style:none}.placeholder\:text-subtle::placeholder{color:var(--color-subtle)}.first\:rounded-l-sm:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.first\:border-r:first-child{border-right-style:var(--tw-border-style);border-right-width:1px}.first\:border-bdr-subtle:first-child{border-color:var(--color-bdr-subtle)}.first\:border-error:first-child{border-color:var(--color-error)}.last\:rounded-r-sm:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.last\:border-l:last-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:border-bdr-subtle:last-child{border-color:var(--color-bdr-subtle)}.last\:border-error:last-child{border-color:var(--color-error)}.visited\:text-link-visited:visited{color:var(--color-link-visited)}.read-only\:bg-surface-primary:read-only{background-color:var(--color-surface-primary)}.focus-within\:border-bdr-strong:focus-within{border-color:var(--color-bdr-strong)}.focus-within\:border-error:focus-within{border-color:var(--color-error)}.focus-within\:ring-0:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-3:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-error\/50:focus-within{--tw-ring-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.focus-within\:ring-error\/50:focus-within{--tw-ring-color:color-mix(in oklab,var(--color-error)50%,transparent)}}.focus-within\:ring-ring\/50:focus-within{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab,red,red)){.focus-within\:ring-ring\/50:focus-within{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}.focus-within\:ring-offset-0:focus-within{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-within\:outline-none:focus-within{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-btn-error-hover:hover{background-color:var(--color-btn-error-hover)}.hover\:bg-btn-primary-hover:hover{background-color:var(--color-btn-primary-hover)}.hover\:bg-btn-secondary-hover:hover{background-color:var(--color-btn-secondary-hover)}.hover\:bg-btn-tertiary-hover:hover{background-color:var(--color-btn-tertiary-hover)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-info\/10:hover{background-color:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-info\/10:hover{background-color:color-mix(in oklab,var(--color-info)10%,transparent)}}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-surface-primary-hover:hover{background-color:var(--color-surface-primary-hover)}.hover\:bg-surface-primary-selected-hover:hover{background-color:var(--color-surface-primary-selected-hover)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-main-hover:hover{color:var(--color-main-hover)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-error\/50:focus-visible{--tw-ring-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-error\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-error)50%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--color-ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-ring)50%,transparent)}}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-btn-active:active{background-color:var(--color-btn-active)}.active\:bg-btn-error-active:active{background-color:var(--color-btn-error-active)}.active\:bg-info:active{background-color:var(--color-info)}.active\:bg-surface-primary-selected:active{background-color:var(--color-surface-primary-selected)}.active\:text-alt:active{color:var(--color-alt)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:select-none:disabled{-webkit-user-select:none;user-select:none}.data-\[active\=true\]\:bg-surface-primary-hover[data-active=true]{background-color:var(--color-surface-primary-hover)}.data-\[active\=true\]\:not-dark\:text-error-rev[data-active=true]:not(:where(.dark,.dark *)){color:var(--color-error-rev)}.data-\[selected\=true\]\:bg-surface-primary[data-selected=true]{background-color:var(--color-surface-primary)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@container (min-width:32rem){.\@lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.active\:\[\&_\*\]\:text-rev:active *{color:var(--color-rev)}.focus-within\:\[\&\>li\.option-active\:not\(\.option-selected\)\]\:bg-surface-primary-hover:focus-within>li.option-active:not(.option-selected){background-color:var(--color-surface-primary-hover)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
package/dist/types/components/combobox/combobox.d.ts CHANGED
@@ -2,13 +2,19 @@ import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
2
2
  export type ComboboxRootProps = {
3
3
  children?: ReactNode;
4
4
  open?: boolean;
5
+ defaultOpen?: boolean;
5
6
  onOpenChange?: (open: boolean) => void;
6
7
  closeOnBlur?: boolean;
7
8
  value?: string;
9
+ defaultValue?: string;
8
10
  onChange?: (value: string | undefined) => void;
9
11
  selectionMode?: 'single' | 'multiple';
10
12
  selection?: readonly string[];
13
+ defaultSelection?: readonly string[];
11
14
  onSelectionChange?: (selection: readonly string[]) => void;
15
+ active?: string;
16
+ defaultActive?: string;
17
+ setActive?: (active: string | undefined) => void;
12
18
  disabled?: boolean;
13
19
  error?: boolean;
14
20
  };
@@ -32,11 +38,11 @@ export type ComboboxPopupProps = {
32
38
  className?: string;
33
39
  };
34
40
  export declare const Combobox: {
35
- ({ children, open: controlledOpen, onOpenChange, closeOnBlur, value, onChange, disabled, error, selectionMode, selection: controlledSelection, onSelectionChange, }: ComboboxRootProps): ReactElement;
41
+ ({ children, open: controlledOpen, defaultOpen, onOpenChange, closeOnBlur, value, defaultValue, onChange, disabled, error, selectionMode, selection: controlledSelection, defaultSelection, onSelectionChange, active: controlledActive, defaultActive, setActive, }: ComboboxRootProps): ReactElement;
36
42
  displayName: string;
37
43
  } & {
38
44
  Root: {
39
- ({ children, open: controlledOpen, onOpenChange, closeOnBlur, value, onChange, disabled, error, selectionMode, selection: controlledSelection, onSelectionChange, }: ComboboxRootProps): ReactElement;
45
+ ({ children, open: controlledOpen, defaultOpen, onOpenChange, closeOnBlur, value, defaultValue, onChange, disabled, error, selectionMode, selection: controlledSelection, defaultSelection, onSelectionChange, active: controlledActive, defaultActive, setActive, }: ComboboxRootProps): ReactElement;
40
46
  displayName: string;
41
47
  };
42
48
  Content: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ComboboxContentProps> & {
package/dist/types/components/listbox/listbox.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { UseItemRegistryReturn } from '../../hooks';
1
2
  import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
2
3
  export type ListboxRootProps = {
3
4
  baseId?: string;
@@ -12,6 +13,10 @@ export type ListboxRootProps = {
12
13
  focusable?: boolean;
13
14
  children?: ReactNode;
14
15
  keyHandler?: (e: React.KeyboardEvent<HTMLElement>) => void;
16
+ registerItem?: UseItemRegistryReturn['registerItem'];
17
+ unregisterItem?: UseItemRegistryReturn['unregisterItem'];
18
+ getItems?: UseItemRegistryReturn['getItems'];
19
+ isItemDisabled?: UseItemRegistryReturn['isItemDisabled'];
15
20
  };
16
21
  export type ListboxContentProps = {
17
22
  className?: string;
@@ -20,22 +25,23 @@ export type ListboxContentProps = {
20
25
  } & ComponentPropsWithoutRef<'div'>;
21
26
  export type ListboxItemProps = {
22
27
  value: string;
28
+ disabled?: boolean;
23
29
  children: ReactNode;
24
30
  className?: string;
25
31
  } & ComponentPropsWithoutRef<'div'>;
26
32
  export declare const Listbox: {
27
- ({ baseId, selection: controlledSelection, defaultSelection, onSelectionChange, active: controlledActive, defaultActive, setActive, selectionMode, focusable, disabled, children, keyHandler, }: ListboxRootProps): ReactElement;
33
+ ({ baseId, selection: controlledSelection, defaultSelection, onSelectionChange, active: controlledActive, defaultActive, setActive, selectionMode, focusable, disabled, children, keyHandler, registerItem: externalRegisterItem, unregisterItem: externalUnregisterItem, getItems: externalGetItems, isItemDisabled: externalIsItemDisabled, }: ListboxRootProps): ReactElement;
28
34
  displayName: string;
29
35
  } & {
30
36
  Root: {
31
- ({ baseId, selection: controlledSelection, defaultSelection, onSelectionChange, active: controlledActive, defaultActive, setActive, selectionMode, focusable, disabled, children, keyHandler, }: ListboxRootProps): ReactElement;
37
+ ({ baseId, selection: controlledSelection, defaultSelection, onSelectionChange, active: controlledActive, defaultActive, setActive, selectionMode, focusable, disabled, children, keyHandler, registerItem: externalRegisterItem, unregisterItem: externalUnregisterItem, getItems: externalGetItems, isItemDisabled: externalIsItemDisabled, }: ListboxRootProps): ReactElement;
32
38
  displayName: string;
33
39
  };
34
40
  Content: import('preact').FunctionalComponent<import('preact/compat').PropsWithoutRef<ListboxContentProps> & {
35
41
  ref?: import('preact').Ref<HTMLDivElement> | undefined;
36
42
  }>;
37
43
  Item: {
38
- ({ value, children, className, ...props }: ListboxItemProps): ReactElement;
44
+ ({ value, disabled, children, className, ...props }: ListboxItemProps): ReactElement;
39
45
  displayName: string;
40
46
  };
41
47
  };
package/dist/types/hooks/index.d.ts CHANGED
@@ -1 +1,4 @@
1
1
  export { useScrollLock } from './use-scroll-lock';
2
+ export { useControlledState } from './use-controlled-state';
3
+ export { useItemRegistry, type ItemMetadata, type UseItemRegistryReturn } from './use-item-registry';
4
+ export { useKeyboardNavigation, type KeyboardNavigationConfig, type UseKeyboardNavigationReturn, } from './use-keyboard-navigation';
package/dist/types/hooks/use-controlled-state.d.ts ADDED
@@ -0,0 +1,28 @@
1
+ /**
2
+ * Manages state that can be either controlled or uncontrolled.
3
+ * Follows the pattern for controlled/uncontrolled state management.
4
+ *
5
+ * @template T - The type of the state value
6
+ *
7
+ * @param controlledValue - The controlled value from props (e.g., `value`, `open`, `checked`)
8
+ * @param defaultValue - The default value for uncontrolled mode (e.g., `defaultValue`, `defaultOpen`)
9
+ * @param onChange - Callback invoked when the value changes
10
+ *
11
+ * @returns A tuple containing the current value and a setter function
12
+ *
13
+ * @example
14
+ * ```tsx
15
+ * // Uncontrolled usage
16
+ * function Component({ defaultOpen = false, onOpenChange }) {
17
+ * const [open, setOpen] = useControlledState(undefined, defaultOpen, onOpenChange);
18
+ * return <div>{open ? 'Open' : 'Closed'}</div>;
19
+ * }
20
+ *
21
+ * // Controlled usage
22
+ * function Component({ open, onOpenChange }) {
23
+ * const [value, setValue] = useControlledState(open, false, onOpenChange);
24
+ * return <div>{value ? 'Open' : 'Closed'}</div>;
25
+ * }
26
+ * ```
27
+ */
28
+ export declare function useControlledState<T>(controlledValue: T | undefined, defaultValue: T, onChange?: (value: T) => void): [T, (value: T) => void];
package/dist/types/hooks/use-item-registry.d.ts ADDED
@@ -0,0 +1,57 @@
1
+ export type ItemMetadata = {
2
+ disabled: boolean;
3
+ };
4
+ export type UseItemRegistryReturn = {
5
+ /**
6
+ * Registers an item with the registry.
7
+ * @param id - Unique identifier for the item
8
+ * @param disabled - Whether the item is disabled
9
+ */
10
+ registerItem: (id: string, disabled?: boolean) => void;
11
+ /**
12
+ * Unregisters an item from the registry.
13
+ * @param id - Unique identifier for the item to remove
14
+ */
15
+ unregisterItem: (id: string) => void;
16
+ /**
17
+ * Gets all registered item IDs in insertion order.
18
+ * @returns Array of item IDs
19
+ */
20
+ getItems: () => string[];
21
+ /**
22
+ * Checks if an item is disabled.
23
+ * @param id - Item ID to check
24
+ * @returns True if the item is disabled
25
+ */
26
+ isItemDisabled: (id: string) => boolean;
27
+ };
28
+ /**
29
+ * Hook for managing a registry of items (menu items, listbox options, etc.).
30
+ * Provides a more reliable alternative to DOM queries for item discovery.
31
+ *
32
+ * This pattern is superior to `querySelectorAll` because:
33
+ * - No stale queries from DOM changes
34
+ * - Type-safe item metadata
35
+ * - Better performance (no DOM traversal)
36
+ * - Consistent insertion order
37
+ *
38
+ * @returns Object with registry methods
39
+ *
40
+ * @example
41
+ * ```tsx
42
+ * function MyList() {
43
+ * const { registerItem, unregisterItem, getItems, isItemDisabled } = useItemRegistry();
44
+ *
45
+ * // In child components:
46
+ * useEffect(() => {
47
+ * registerItem(id, disabled);
48
+ * return () => unregisterItem(id);
49
+ * }, [id, disabled]);
50
+ *
51
+ * // Navigate through items
52
+ * const items = getItems();
53
+ * const enabledItems = items.filter(id => !isItemDisabled(id));
54
+ * }
55
+ * ```
56
+ */
57
+ export declare function useItemRegistry(): UseItemRegistryReturn;
package/dist/types/hooks/use-keyboard-navigation.d.ts ADDED
@@ -0,0 +1,82 @@
1
+ export type KeyboardNavigationConfig = {
2
+ /**
3
+ * Get all item IDs in order
4
+ */
5
+ getItems: () => string[];
6
+ /**
7
+ * Check if an item is disabled
8
+ */
9
+ isItemDisabled: (id: string) => boolean;
10
+ /**
11
+ * Currently active item ID
12
+ */
13
+ active: string | undefined;
14
+ /**
15
+ * Set the active item ID
16
+ */
17
+ setActive: (id: string | undefined) => void;
18
+ /**
19
+ * Whether to loop navigation (wrap around at start/end)
20
+ * @default false
21
+ */
22
+ loop?: boolean;
23
+ /**
24
+ * Orientation of navigation
25
+ * @default 'vertical'
26
+ */
27
+ orientation?: 'vertical' | 'horizontal';
28
+ /**
29
+ * Called when user requests selection (Enter/Space)
30
+ * Receives the active item ID
31
+ */
32
+ onSelect?: (id: string) => void;
33
+ /**
34
+ * Called when user presses Escape
35
+ */
36
+ onEscape?: () => void;
37
+ };
38
+ export type UseKeyboardNavigationReturn = {
39
+ /**
40
+ * Move active item by delta (1 for next, -1 for previous)
41
+ */
42
+ moveActive: (delta: number) => void;
43
+ /**
44
+ * Keyboard event handler to attach to the container
45
+ */
46
+ handleKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
47
+ };
48
+ /**
49
+ * Hook for keyboard navigation through a list of items.
50
+ * Handles arrow keys, Home/End, Enter/Space, and Escape.
51
+ *
52
+ * Supports:
53
+ * - ArrowUp/ArrowDown (or ArrowLeft/ArrowRight for horizontal)
54
+ * - Home/End keys
55
+ * - Loop navigation (optional)
56
+ * - Disabled item skipping
57
+ * - Enter/Space for selection
58
+ * - Escape key handling
59
+ *
60
+ * @param config - Configuration object
61
+ * @returns Object with navigation methods
62
+ *
63
+ * @example
64
+ * ```tsx
65
+ * function MyList() {
66
+ * const { getItems, isItemDisabled } = useItemRegistry();
67
+ * const [active, setActive] = useState<string>();
68
+ *
69
+ * const { handleKeyDown } = useKeyboardNavigation({
70
+ * getItems,
71
+ * isItemDisabled,
72
+ * active,
73
+ * setActive,
74
+ * loop: true,
75
+ * onSelect: (id) => console.log('Selected:', id),
76
+ * });
77
+ *
78
+ * return <div onKeyDown={handleKeyDown}>...</div>;
79
+ * }
80
+ * ```
81
+ */
82
+ export declare function useKeyboardNavigation(config: KeyboardNavigationConfig): UseKeyboardNavigationReturn;
package/dist/types/providers/combobox-provider.d.ts CHANGED
@@ -6,7 +6,7 @@ export type ComboboxContextValue = {
6
6
  closeOnBlur: boolean;
7
7
  inputValue: string;
8
8
  setInputValue: (value: string) => void;
9
- selection: readonly string[];
9
+ selection: ReadonlySet<string>;
10
10
  active?: string;
11
11
  keyHandler: (e: React.KeyboardEvent<HTMLElement>) => void;
12
12
  disabled?: boolean;
package/dist/types/providers/listbox-provider.d.ts CHANGED
@@ -9,6 +9,10 @@ export type ListboxContextValue = {
9
9
  setActive: (id?: string) => void;
10
10
  toggleValue: (value: string) => void;
11
11
  keyHandler?: (e: React.KeyboardEvent<HTMLElement>) => void;
12
+ registerItem: (id: string, disabled?: boolean) => void;
13
+ unregisterItem: (id: string) => void;
14
+ getItems: () => string[];
15
+ isItemDisabled: (id: string) => boolean;
12
16
  };
13
17
  export type ListboxProviderProps = {
14
18
  value: ListboxContextValue;
package/dist/types/utils/aria.d.ts ADDED
@@ -0,0 +1,69 @@
1
+ /**
2
+ * Generates ARIA-compliant IDs for component parts.
3
+ * Helps maintain consistent ID patterns across components.
4
+ *
5
+ * @param baseId - The base ID for the component
6
+ * @param suffix - The suffix to append (e.g., 'trigger', 'content', 'option')
7
+ * @returns The generated ID
8
+ *
9
+ * @example
10
+ * ```tsx
11
+ * const baseId = 'menu-1';
12
+ * const triggerId = generateAriaId(baseId, 'trigger'); // 'menu-1-trigger'
13
+ * const contentId = generateAriaId(baseId, 'content'); // 'menu-1-content'
14
+ * ```
15
+ */
16
+ export declare function generateAriaId(baseId: string, suffix: string): string;
17
+ /**
18
+ * Generates multiple ARIA IDs at once from a base ID.
19
+ * Useful for components with multiple parts.
20
+ *
21
+ * @param baseId - The base ID for the component
22
+ * @param parts - Array of part names
23
+ * @returns Object mapping part names to generated IDs
24
+ *
25
+ * @example
26
+ * ```tsx
27
+ * const ids = generateAriaIds('menu-1', ['trigger', 'content', 'item']);
28
+ * // { trigger: 'menu-1-trigger', content: 'menu-1-content', item: 'menu-1-item' }
29
+ *
30
+ * <button id={ids.trigger} aria-controls={ids.content}>Menu</button>
31
+ * <div id={ids.content} role="menu">...</div>
32
+ * ```
33
+ */
34
+ export declare function generateAriaIds<T extends readonly string[]>(baseId: string, parts: T): Record<T[number], string>;
35
+ /**
36
+ * Generates an ARIA ID for an item within a list (menu, listbox, etc.).
37
+ *
38
+ * @param baseId - The base ID for the component
39
+ * @param componentType - The type of component ('menu', 'listbox', etc.)
40
+ * @param itemValue - The value/ID of the specific item
41
+ * @returns The generated item ID
42
+ *
43
+ * @example
44
+ * ```tsx
45
+ * const itemId = generateItemId('menu-1', 'menu', 'file-open');
46
+ * // 'menu-1-menu-item-file-open'
47
+ *
48
+ * <div id={itemId} role="menuitem">Open File</div>
49
+ * ```
50
+ */
51
+ export declare function generateItemId(baseId: string, componentType: string, itemValue: string): string;
52
+ /**
53
+ * Generates aria-activedescendant ID based on component configuration.
54
+ * Returns undefined if no active item.
55
+ *
56
+ * @param baseId - The base ID for the component
57
+ * @param componentType - The type of component ('menu', 'listbox', etc.)
58
+ * @param activeValue - The currently active item value (undefined if none)
59
+ * @returns The active descendant ID or undefined
60
+ *
61
+ * @example
62
+ * ```tsx
63
+ * const activeId = getActiveDescendantId('listbox-1', 'listbox', 'option-2');
64
+ * // 'listbox-1-listbox-item-option-2'
65
+ *
66
+ * <div role="listbox" aria-activedescendant={activeId}>...</div>
67
+ * ```
68
+ */
69
+ export declare function getActiveDescendantId(baseId: string, componentType: string, activeValue: string | undefined): string | undefined;
package/dist/types/utils/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ export * from './aria';
1
2
  export * from './cn';
2
3
  export * from './ref';
3
4
  export * from './unwrap';
package/dist/types/utils/ref.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { ForwardedRef, Ref } from 'react';
2
- export declare function setRef<T>(ref: Ref<T> | undefined, value: T | null): void;
2
+ export declare function setRef<T>(ref: Ref<T> | undefined | null, value: T | null): void;
3
3
  export declare function useComposedRefs<T>(...refs: (Ref<T> | undefined | null)[]): ForwardedRef<T>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enonic/ui",
3
- "version": "0.13.0",
3
+ "version": "0.13.2",
4
4
  "description": "Enonic UI Component Library",
5
5
  "author": "Enonic",
6
6
  "license": "MIT",