@spear-ai/spectral 1.14.1 → 1.14.2

package/dist/styles/spectral.css

@@ -1,4 +1,4 @@
 @layer spectral {
 /*! tailwindcss v4.2.4 | 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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-ease:initial;--tw-content:""}}}:root,:host{--font-sans:"Work Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji";--font-mono:"Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xs:18rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--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:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-background:var(--horizon-color-neutral-950);--color-text-primary:var(--horizon-color-neutral-50);--color-text-inverted:var(--horizon-color-neutral-950);--color-text-secondary:var(--horizon-color-neutral-300);--color-text-disabled:var(--horizon-color-neutral-600);--color-border-secondary:var(--horizon-color-neutral-700);--color-accent:var(--horizon-color-accent);--color-overlay:var(--horizon-color-neutral-950)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-overlay:color-mix(in oklab, var(--horizon-color-neutral-950) 40%, transparent)}}:root,:host{--color-level-one:var(--horizon-color-level-one);--color-level-two:var(--horizon-color-level-two);--color-level-three:var(--horizon-color-level-three);--color-level-four:var(--horizon-color-level-four);--color-success-400:var(--horizon-color-success-400);--color-warning-400:var(--horizon-color-warning-400);--color-danger-200:var(--horizon-color-danger-200);--color-danger-400:var(--horizon-color-danger-400);--color-danger-500:var(--horizon-color-danger-500);--color-alert-bg:var(--horizon-color-level-two);--color-alert-border:var(--horizon-color-level-three);--color-alert-text:var(--horizon-color-neutral-50);--color-alert-success-bg:var(--horizon-color-success-50);--color-alert-success-border:var(--horizon-color-success-500);--color-alert-success-text:var(--horizon-color-success-500);--color-alert-warning-bg:var(--horizon-color-warning-50);--color-alert-warning-border:var(--horizon-color-warning-500);--color-alert-warning-text:var(--horizon-color-warning-500);--color-alert-danger-bg:var(--horizon-color-danger-50);--color-alert-danger-border:var(--horizon-color-danger-500);--color-alert-danger-text:var(--horizon-color-danger-500);--color-alert-info-bg:var(--horizon-color-primary-50);--color-alert-info-border:var(--horizon-color-primary-700);--color-alert-info-text:var(--horizon-color-primary-700);--color-badge-primary-bg:var(--horizon-color-level-five);--color-badge-primary-bg--hover:var(--horizon-color-level-four);--color-badge-primary-bg--active:var(--horizon-color-primary-600);--color-badge-secondary-bg:var(--horizon-color-accent);--color-badge-secondary-text:var(--horizon-color-neutral-950);--color-badge-outline-border:var(--horizon-color-level-five);--color-badge-destructive-bg:var(--horizon-color-danger-400);--color-badge-destructive-border:var(--horizon-color-danger-400);--color-button-primary-bg:var(--horizon-color-accent);--color-button-primary-bg--hover:var(--horizon-color-level-two);--color-button-primary-bg--disabled:var(--horizon-color-neutral-500);--color-button-primary-border:var(--horizon-color-accent);--color-button-primary-border--hover:var(--horizon-color-level-two);--color-button-primary-border--disabled:var(--horizon-color-neutral-500);--color-button-primary-text:var(--horizon-color-neutral-900);--color-button-primary-text--hover:var(--horizon-color-accent);--color-button-primary-text--disabled:var(--horizon-color-neutral-200);--color-button-secondary-bg:var(--horizon-color-level-two);--color-button-secondary-bg--hover:var(--horizon-color-accent);--color-button-secondary-bg--disabled:var(--horizon-color-neutral-500);--color-button-secondary-text:var(--horizon-color-neutral-50);--color-button-secondary-text--hover:var(--horizon-color-level-two);--color-button-secondary-text--disabled:var(--horizon-color-neutral-200);--color-button-secondary-border:var(--horizon-color-neutral-900);--color-button-secondary-border--disabled:var(--horizon-color-neutral-500);--color-button-outline-bg:var(--horizon-color-transparent);--color-button-outline-bg--hover:var(--horizon-color-level-two);--color-button-outline-text:var(--horizon-color-neutral-50);--color-button-outline-text--hover:var(--horizon-color-accent);--color-button-outline-text--disabled:var(--horizon-color-neutral-400);--color-button-outline-border:var(--horizon-color-accent);--color-button-outline-border--disabled:var(--horizon-color-neutral-400);--color-button-ghost-bg:var(--horizon-color-transparent);--color-button-ghost-bg--hover:var(--horizon-color-level-two);--color-button-ghost-text:var(--horizon-color-neutral-50);--color-button-ghost-text--hover:var(--horizon-color-accent);--color-button-ghost-text--disabled:var(--horizon-color-neutral-400);--color-button-danger:var(--horizon-color-danger-400);--color-button-danger--hover:var(--horizon-color-danger-500)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-button-danger--hover:color-mix(in oklab, var(--horizon-color-danger-500) 80%, transparent)}}:root,:host{--color-checkbox-border:var(--horizon-color-neutral-100);--color-checkbox-border--focus:var(--horizon-color-accent);--color-checkbox-border--checked:var(--horizon-color-accent);--color-checkbox-indicator--checked:var(--horizon-color-accent);--color-data-card-description:var(--horizon-color-neutral-300);--color-dialog-bg:var(--horizon-color-level-one);--color-drawer-bg:var(--horizon-color-level-one);--color-input-border:var(--horizon-color-white)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-input-border:color-mix(in oklab, var(--horizon-color-white) 10%, transparent)}}:root,:host{--color-input-border--hover:var(--horizon-color-neutral-300);--color-input-border--focus:var(--horizon-color-accent);--color-input-border--disabled:var(--horizon-color-neutral-500);--color-input-bg:var(--horizon-color-level-zero);--color-input-bg--hover:var(--horizon-color-level-four);--color-input-bg--disabled:var(--horizon-color-neutral-700);--color-input-bg--selected:var(--horizon-color-level-four);--color-input-text:var(--horizon-color-neutral-50);--color-input-text-prefix:var(--horizon-color-neutral-200);--color-input-text--disabled:var(--horizon-color-neutral-200);--color-input-text-placeholder:var(--horizon-color-neutral-500);--color-input-primitive-border:var(--horizon-color-neutral-800);--color-input-otp-filled-separator:var(--horizon-color-level-five);--color-input-otp-border:var(--horizon-color-neutral-300);--color-input-otp-border--focus:var(--horizon-color-accent);--color-input-otp-caret:var(--horizon-color-neutral-200);--color-kbd-bg:var(--horizon-color-level-two);--color-kbd-text:var(--color-text-secondary);--color-popover-bg:var(--horizon-color-level-one);--color-popover-text:var(--horizon-color-neutral-50);--color-radio-bg:var(--horizon-color-neutral-900);--color-radio-bg--selected:var(--horizon-color-accent);--color-radio-border--hover:var(--horizon-color-accent);--color-radio-border--selected:var(--horizon-color-accent);--color-slider-track:var(--horizon-color-neutral-700);--color-slider-range:var(--horizon-color-neutral-50);--color-slider-thumb-border:var(--horizon-color-neutral-50);--color-slider-thumb-bg:var(--horizon-color-neutral-50);--color-slider-thumb-ring:var(--horizon-color-neutral-50);--color-switch-bg:var(--horizon-color-neutral-700);--color-switch-bg--checked:var(--horizon-color-white);--color-switch-thumb:var(--horizon-color-neutral-950);--color-switch-thumb--checked:var(--horizon-color-white);--color-tabs-group-bg:var(--horizon-color-level-one);--color-tabs-indicator:var(--horizon-color-accent);--color-tabs-enclosed-indicator:var(--horizon-color-level-two);--color-tabs-border:var(--horizon-color-level-four);--color-toast-bg:var(--horizon-color-level-one);--color-toast-border:var(--horizon-color-level-four);--color-toast-text:var(--horizon-color-neutral-50);--color-toast-success-bg:var(--horizon-color-success-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-success-bg:color-mix(in oklab, var(--horizon-color-success-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-success-border:var(--horizon-color-success-400);--color-toast-success-text:var(--horizon-color-success-400);--color-toast-success-icon:var(--horizon-color-success-400);--color-toast-warning-bg:var(--horizon-color-warning-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-warning-bg:color-mix(in oklab, var(--horizon-color-warning-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-warning-border:var(--horizon-color-warning-400);--color-toast-warning-text:var(--horizon-color-warning-400);--color-toast-warning-icon:var(--horizon-color-warning-400);--color-toast-danger-bg:var(--horizon-color-danger-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-danger-bg:color-mix(in oklab, var(--horizon-color-danger-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-danger-border:var(--horizon-color-danger-400);--color-toast-danger-text:var(--horizon-color-danger-400);--color-toast-danger-icon:var(--horizon-color-danger-400);--color-toast-info-bg:var(--horizon-color-primary-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-info-bg:color-mix(in oklab, var(--horizon-color-primary-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-info-border:var(--horizon-color-primary-400);--color-toast-info-text:var(--horizon-color-primary-400);--color-toast-info-icon:var(--horizon-color-primary-400);--color-toggle-bg:var(--horizon-color-level-two);--color-toggle-bg--active:var(--horizon-color-primary-700);--color-toggle-bg--hover:var(--horizon-color-level-four);--color-toggle-border:var(--horizon-color-transparent);--color-toggle-border--hover:var(--horizon-color-level-four);--color-toggle-border--active:var(--horizon-color-primary-600);--color-toggle-text:var(--horizon-color-neutral-50);--color-toggle-text--hover:var(--horizon-color-neutral-200);--color-toggle-text--active:var(--horizon-color-neutral-50);--color-toggle-outline-border:var(--horizon-color-neutral-700);--color-toggle-outline-border--hover:var(--horizon-color-neutral-400);--color-tooltip-bg:var(--horizon-color-level-one);--color-tooltip-arrow:var(--horizon-color-level-one);--color-tooltip-outline-border:var(--horizon-color-level-four);--color-tooltip-outline-arrow:var(--horizon-color-level-four);--animate-caret-blink:caret-blink 1.2s ease-out infinite;--animate-accordion-down:accordion-down .2s ease-out;--animate-accordion-up:accordion-up .2s ease-out}:root{--horizon-color-black:oklch(0% 0 0);--horizon-color-white:oklch(100% 0 0);--horizon-color-transparent:oklch(0% 0 0/0);--horizon-color-accent:oklch(92.53% .1976 123.38);--horizon-color-neutral-50:oklch(98.5% 0 0);--horizon-color-neutral-100:oklch(92.19% 0 0);--horizon-color-neutral-200:oklch(86.99% 0 0);--horizon-color-neutral-300:oklch(79.03% 0 0);--horizon-color-neutral-400:oklch(71.55% 0 0);--horizon-color-neutral-500:oklch(55.55% 0 0);--horizon-color-neutral-600:oklch(43.86% 0 0);--horizon-color-neutral-700:oklch(37.15% 0 0);--horizon-color-neutral-800:oklch(32.11% 0 0);--horizon-color-neutral-900:oklch(26.86% 0 0);--horizon-color-neutral-950:oklch(21.78% 0 0);--horizon-color-primary-50:oklch(97.37% .01 238);--horizon-color-primary-100:oklch(93.88% .03 242.35);--horizon-color-primary-200:oklch(89.3% .06 242.83);--horizon-color-primary-300:oklch(83.05% .09 240.33);--horizon-color-primary-400:oklch(74.57% .14 245.84);--horizon-color-primary-500:oklch(66.23% .18 254.28);--horizon-color-primary-600:oklch(58.57% .21 259.12);--horizon-color-primary-700:oklch(52.25% .21 261.44);--horizon-color-primary-800:oklch(42.44% .17 262.29);--horizon-color-primary-900:oklch(39.88% .14 261.51);--horizon-color-primary-950:oklch(29.27% .09 263.49);--horizon-color-level-zero:oklch(23.78% 0 0);--horizon-color-level-one:oklch(26.94% 0 0);--horizon-color-level-two:oklch(29.93% 0 0);--horizon-color-level-three:oklch(32.89% 0 0);--horizon-color-level-four:oklch(35.71% 0 0);--horizon-color-level-five:oklch(38.62% 0 0);--horizon-color-success-50:oklch(96.2% .044 156.743);--horizon-color-success-100:oklch(92.5% .084 155.995);--horizon-color-success-200:oklch(87.1% .15 154.449);--horizon-color-success-300:oklch(79.2% .209 151.711);--horizon-color-success-400:oklch(72.3% .219 149.579);--horizon-color-success-500:oklch(62.7% .194 149.214);--horizon-color-warning-50:oklch(95.4% .038 75.164);--horizon-color-warning-100:oklch(90.1% .076 70.697);--horizon-color-warning-200:oklch(83.7% .128 66.29);--horizon-color-warning-300:oklch(75% .183 55.934);--horizon-color-warning-400:oklch(70.5% .213 47.604);--horizon-color-warning-500:oklch(64.6% .222 41.116);--horizon-color-danger-50:oklch(93.6% .032 17.717);--horizon-color-danger-100:oklch(88.5% .062 18.334);--horizon-color-danger-200:oklch(80.8% .114 19.571);--horizon-color-danger-300:oklch(70.4% .191 22.216);--horizon-color-danger-400:oklch(57.7% .245 27.325);--horizon-color-danger-500:oklch(50.5% .213 27.518)}:root[data-theme=light]{--horizon-color-level-one:oklch(98.51% 0 0);--color-background:var(--horizon-color-neutral-50);--color-ring-offset:var(--horizon-color-neutral-50);--color-text-primary:var(--horizon-color-neutral-900);--color-text-secondary:var(--horizon-color-neutral-600);--color-card-bg:var(--horizon-color-level-one);--color-card-text:var(--horizon-color-neutral-900);--color-switch-bg:var(--horizon-color-neutral-300);--color-switch-bg--checked:var(--horizon-color-neutral-950);--color-switch-thumb:var(--horizon-color-neutral-50);--color-shadow-neumorphic:oklch(92.49% 0 0);--color-shadow-neumorphic-large:oklch(88.56% .0014 286.37)}@keyframes animate-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes animate-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes fade-in-0{0%{opacity:0}to{opacity:1}}@keyframes fade-out-0{0%{opacity:1}to{opacity:0}}@keyframes fade-in-tabs-indicator{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down-from-top{0%{opacity:0;transform:translateY(-100%)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slide-up-to-top{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100%)scale(.95)}}@keyframes spin-around{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes zoom-in-95{0%{opacity:0;transform:translate(-50%)translateY(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(-50%)scale(1)}}@keyframes zoom-out-95{0%{opacity:1;transform:translate(-50%)translateY(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-50%)scale(.95)}}@keyframes accordion-down{0%{opacity:0;height:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{opacity:0;height:0}}@layer utilities{a.underline-on-hover{color:var(--color-accent);cursor:pointer;width:max-content;text-decoration:none;position:relative}a.underline-on-hover:before{background-color:var(--color-accent);content:"";border-radius:.1rem;width:100%;height:.1rem;transition:transform .3s ease-in-out;position:absolute;bottom:-.2rem;left:0;transform:scaleX(0)}a.underline-on-hover:hover:before{transform:scaleX(1)}.spectral-root{isolation:isolate}[data-vaul-drawer] *,[data-vaul-drawer] :before,[data-vaul-drawer] :after{box-sizing:border-box!important}[vaul-drawer]{transition:transform .2s cubic-bezier(.165,.84,.44,1)!important}[vaul-overlay]{transition:opacity .2s cubic-bezier(.165,.84,.44,1)!important}.shadow-neumorphic-large{box-shadow:12px 12px 24px var(--color-shadow-neumorphic-large), -12px -12px 24px var(--color-white)}.shadow-neumorphic-small{box-shadow:4px 4px 8px var(--color-shadow-neumorphic), -4px -4px 8px var(--color-white)}.dialog-no-animations,.dialog-no-animations[data-state=open],.dialog-no-animations[data-state=closed]{animation:none!important;transform:translate(-50%)translateY(-50%)!important}svg:focus-visible,svg:focus{outline:none}.card-effects{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff03 0%,#fff0 100%),#26262680;border:.5px solid #ffffff0d;border-radius:1rem;box-shadow:inset 0 -1px #0000001a,0 20px 40px #00000040,0 15px 30px #00000026,0 5px 10px #0000000d}.tooltip-effects{box-shadow:3px 3px 6px 3px #0000004d}.map-card-effects{background:var(--color-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:.5px solid #ffffff0d;border-radius:1rem;box-shadow:inset 0 -1px #0000001a,0 20px 40px #00000040,0 15px 30px #00000026,0 5px 10px #0000000d}@supports not ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){.card-effects{background-color:#22222599}}.rdp{margin:0}.rdp-root{padding-right:24px}.rdp-root .rdp-nav{z-index:9999;position:absolute}.rdp-root .rdp-nav .nav-prev,.rdp-root .rdp-nav .nav-next{justify-content:center;align-items:center;display:flex;position:absolute}:is(.rdp-root .rdp-nav .nav-prev,.rdp-root .rdp-nav .nav-next):hover{color:var(--color-text-secondary);cursor:pointer;background-color:#0000}.rdp-root .rdp-month_caption{justify-content:center;align-items:center;padding-block-end:8px;display:flex;position:relative}.rdp-root .rdp-month_caption .month-title{font-size:18px;font-weight:600}.rdp-root .rdp-day_button{border-color:#0000;border-radius:100%;width:40px;height:40px}.rdp-root .day.rdp-today{color:var(--color-accent);font-weight:600}.rdp-root .day.rdp-selected .rdp-day_button{background-color:var(--color-accent);color:var(--color-text-inverted);border-radius:50%;font-weight:600}.rdp-root .day.rdp-outside .rdp-day_button{opacity:.25}.rdp-root .day:not(.rdp-disabled):hover{background-color:var(--color-neutral-200);color:var(--color-text-inverted);border-radius:50%;cursor:pointer!important}.rdp-root .day.rdp-disabled .rdp-day_button{color:var(--color-text-disabled)}.rdp-root .day.rdp-hidden .rdp-day_button{visibility:hidden}.rdp-root .rdp-weekdays .rdp-weekday{color:var(--color-neutral-400);font-weight:500}:is(.rdp-root .hours,.rdp-root .minutes) input{width:max-content;max-width:22px}:is(.rdp-root .hours,.rdp-root .minutes) input.hours-input{text-align:right}:is(.rdp-root .hours,.rdp-root .minutes) input.minutes-input{text-align:left}:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input{border:0;font-size:16px}:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:hover,:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:focus,:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:focus-visible{border:0;outline:0}.rdp-root .hours{flex-direction:row;align-items:center;display:flex}.rdp-root .hours input{text-align:right}.rdp-root .hours span{margin-inline:1px 2px}.rdp-root .am-pm{width:auto;margin-inline-start:8px}.rdp-root .am-pm button{background-color:#0000;border:0;padding-inline:0;font-size:14px}.rdp-root .am-pm button:hover{cursor:pointer}.rdp-root .am-pm button:focus,.rdp-root .am-pm button:focus-visible{outline:0}.rdp-root .am-pm button svg:not(.chevron-icon){display:none}.rdp-root .am-pm span:focus,.rdp-root .am-pm span:focus-visible{outline:0}.rdp-root .am-pm-dropdown{z-index:999;border-bottom-right-radius:4px;border-bottom-left-radius:4px;width:58px;margin-top:-5px;font-size:14px;position:relative}.rdp-root .am-pm-dropdown:hover{cursor:pointer}.rdp-root .am-pm-dropdown .am-pm-option{text-align:center;z-index:999;justify-content:center;align-items:center;height:24px;padding-inline:8px;display:flex}.rdp-root .am-pm-dropdown .am-pm-option:focus-visible,.rdp-root .am-pm-dropdown .am-pm-option:focus{outline:0}}.\@container\/card-header{container:card-header/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.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)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-10{right:calc(var(--spacing) * 10)}.right-\[-14px\]{right:-14px}.right-px{right:1px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-px{bottom:1px}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[1\]{z-index:1}.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-0{margin:calc(var(--spacing) * 0)}.m-0\!{margin:calc(var(--spacing) * 0)!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.-me-0\.5{margin-inline-end:calc(var(--spacing) * -.5)}.me-0{margin-inline-end:calc(var(--spacing) * 0)}.-mbe-0\.5{margin-block-end:calc(var(--spacing) * -.5)}.mbe-0{margin-block-end:calc(var(--spacing) * 0)}.\!mt-4{margin-top:calc(var(--spacing) * 4)!important}.mt-0\!{margin-top:calc(var(--spacing) * 0)!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-0\.5\!{margin-top:calc(var(--spacing) * .5)!important}.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)}.mt-4\!{margin-top:calc(var(--spacing) * 4)!important}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-6\!{margin-top:calc(var(--spacing) * 6)!important}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-\[1\.6rem\]{margin-top:1.6rem}.mt-\[21px\]{margin-top:21px}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-\[-4px\]{margin-right:-4px}.mb-0\!{margin-bottom:calc(var(--spacing) * 0)!important}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-\[1\.2rem\]{margin-bottom:1.2rem}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-square{aspect-ratio:1}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6\.5{width:calc(var(--spacing) * 6.5);height:calc(var(--spacing) * 6.5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-\(--radix-select-trigger-height\){height:var(--radix-select-trigger-height)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-12\!{height:calc(var(--spacing) * 12)!important}.h-64{height:calc(var(--spacing) * 64)}.h-80{height:calc(var(--spacing) * 80)}.h-\[72px\]{height:72px}.h-\[inherit\]{height:inherit}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-popover-content-available-height\){max-height:var(--radix-popover-content-available-height)}.max-h-22{max-height:calc(var(--spacing) * 22)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[90vh\]{max-height:90vh}.max-h-\[min\(var\(--available-height\)\,18rem\)\]{max-height:min(var(--available-height), 18rem)}.max-h-\[min\(var\(--radix-dropdown-menu-content-available-height\)\,300px\)\]{max-height:min(var(--radix-dropdown-menu-content-available-height), 300px)}.max-h-\[min\(var\(--radix-select-content-available-height\)\,300px\)\]{max-height:min(var(--radix-select-content-available-height), 300px)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-12\!{min-height:calc(var(--spacing) * 12)!important}.w-\(--popover-width\){width:var(--popover-width)}.w-\(--spectral-select-content-width\){width:var(--spectral-select-content-width)}.w-1\/3{width:33.3333%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2xs{width:var(--container-2xs)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-44{width:calc(var(--spacing) * 44)}.w-72{width:calc(var(--spacing) * 72)}.w-\[60\%\]{width:60%}.w-\[240px\]{width:240px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[330px\]{width:330px}.w-\[340px\]{width:340px}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[400px\]{width:400px}.w-\[420px\]{width:420px}.w-\[486px\]{width:486px}.w-\[520px\]{width:520px}.w-\[560px\]{width:560px}.w-auto{width:auto}.w-auto\!{width:auto!important}.w-fit{width:fit-content}.w-full{width:100%}.w-lg{width:var(--container-lg)}.w-max{width:max-content}.w-px{width:1px}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-\[360px\]{max-width:360px}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.max-w-\[520px\]{max-width:520px}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-\(--spectral-select-content-width\){min-width:var(--spectral-select-content-width)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-28{min-width:calc(var(--spacing) * 28)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[300px\]{min-width:300px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-\[30\%\]{flex-basis:30%}.basis-\[70\%\]{flex-basis:70%}.border-collapse{border-collapse:collapse}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:--radix-hover-card-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[calc\(50\%\+1px\)\]{--tw-translate-y:calc(calc(50% + 1px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[calc\(50\%-1\.5px\)\]{--tw-translate-y:calc(calc(50% - 1.5px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.list-inside{list-style-position:inside}.list-inside\!{list-style-position:inside!important}.list-disc{list-style-type:disc}.\[appearance\:textfield\]{appearance:textfield}.grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.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-\[0\.4rem\]{gap:.4rem}.gap-\[15px\]{gap:15px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}: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-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * 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-2{column-gap:calc(var(--spacing) * 2)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.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-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[8px\]{border-radius:8px}.rounded-\[16px\]{border-radius:16px}.rounded-\[var\(--radius\,0\.375rem\)\]{border-radius:var(--radius,.375rem)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-none\!{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-s-md{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.rounded-s-none{border-start-start-radius:0;border-end-start-radius:0}.rounded-ss-md{border-start-start-radius:var(--radius-md)}.rounded-ss-none{border-start-start-radius:0}.rounded-e-md{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.rounded-e-none{border-start-end-radius:0;border-end-end-radius:0}.rounded-se-md{border-start-end-radius:var(--radius-md)}.rounded-se-none{border-start-end-radius:0}.rounded-ee-md{border-end-end-radius:var(--radius-md)}.rounded-ee-none{border-end-end-radius:0}.rounded-es-md{border-end-start-radius:var(--radius-md)}.rounded-es-none{border-end-start-radius:0}.rounded-r-none\!{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-2\!{border-style:var(--tw-border-style)!important;border-width:2px!important}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-none{--tw-border-style:none;border-style:none}.border-none\!{--tw-border-style:none!important;border-style:none!important}.border-\[\#F5F5F5\]{border-color:#f5f5f5}.border-\[\#F7F7F7\]{border-color:#f7f7f7}.border-alert-border{border-color:var(--color-alert-border)}.border-alert-danger-border{border-color:var(--color-alert-danger-border)}.border-alert-info-border{border-color:var(--color-alert-info-border)}.border-alert-success-border{border-color:var(--color-alert-success-border)}.border-alert-warning-border{border-color:var(--color-alert-warning-border)}.border-badge-outline-border{border-color:var(--color-badge-outline-border)}.border-border-secondary{border-color:var(--color-border-secondary)}.border-button-danger{border-color:var(--color-button-danger)}.border-button-outline-border{border-color:var(--color-button-outline-border)}.border-button-outline-border--disabled{border-color:var(--color-button-outline-border--disabled)}.border-button-primary-border{border-color:var(--color-button-primary-border)}.border-button-primary-border--disabled{border-color:var(--color-button-primary-border--disabled)}.border-button-secondary-border{border-color:var(--color-button-secondary-border)}.border-button-secondary-border--disabled{border-color:var(--color-button-secondary-border--disabled)}.border-checkbox-border{border-color:var(--color-checkbox-border)}.border-danger-400{border-color:var(--color-danger-400)}.border-gray-200{border-color:var(--color-gray-200)}.border-input-border{border-color:var(--color-input-border)}.border-input-otp-border{border-color:var(--color-input-otp-border)}.border-input-otp-border--focus{border-color:var(--color-input-otp-border--focus)}.border-level-four{border-color:var(--color-level-four)}.border-level-one{border-color:var(--color-level-one)}.border-level-three{border-color:var(--color-level-three)}.border-slider-thumb-border{border-color:var(--color-slider-thumb-border)}.border-tabs-border{border-color:var(--color-tabs-border)}.border-toast-border{border-color:var(--color-toast-border)}.border-toast-danger-border{border-color:var(--color-toast-danger-border)}.border-toast-info-border{border-color:var(--color-toast-info-border)}.border-toast-success-border{border-color:var(--color-toast-success-border)}.border-toast-warning-border{border-color:var(--color-toast-warning-border)}.border-toggle-border{border-color:var(--color-toggle-border)}.border-toggle-outline-border{border-color:var(--color-toggle-outline-border)}.border-tooltip-outline-arrow{border-color:var(--color-tooltip-outline-arrow)}.border-tooltip-outline-border{border-color:var(--color-tooltip-outline-border)}.border-transparent{border-color:#0000}.border-warning-400{border-color:var(--color-warning-400)}.bg-\[\#4DAFFF\]{background-color:#4dafff}.bg-\[\#F0F2F4\]{background-color:#f0f2f4}.bg-\[\#F7F8F9\]{background-color:#f7f8f9}.bg-\[\#FF3F40\]{background-color:#ff3f40}.bg-\[\#FFF0F0\]{background-color:#fff0f0}.bg-alert-bg{background-color:var(--color-alert-bg)}.bg-alert-danger-bg{background-color:var(--color-alert-danger-bg)}.bg-alert-info-bg{background-color:var(--color-alert-info-bg)}.bg-alert-success-bg{background-color:var(--color-alert-success-bg)}.bg-alert-warning-bg{background-color:var(--color-alert-warning-bg)}.bg-background{background-color:var(--color-background)}.bg-badge-destructive-bg{background-color:var(--color-badge-destructive-bg)}.bg-badge-primary-bg{background-color:var(--color-badge-primary-bg)}.bg-badge-secondary-bg{background-color:var(--color-badge-secondary-bg)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-border-secondary{background-color:var(--color-border-secondary)}.bg-button-danger{background-color:var(--color-button-danger)}.bg-button-ghost-bg{background-color:var(--color-button-ghost-bg)}.bg-button-outline-bg{background-color:var(--color-button-outline-bg)}.bg-button-primary-bg{background-color:var(--color-button-primary-bg)}.bg-button-primary-bg--disabled{background-color:var(--color-button-primary-bg--disabled)}.bg-button-secondary-bg{background-color:var(--color-button-secondary-bg)}.bg-button-secondary-bg--disabled{background-color:var(--color-button-secondary-bg--disabled)}.bg-dialog-bg,.bg-dialog-bg\/85{background-color:var(--color-dialog-bg)}@supports (color:color-mix(in lab, red, red)){.bg-dialog-bg\/85{background-color:color-mix(in oklab, var(--color-dialog-bg) 85%, transparent)}}.bg-drawer-bg{background-color:var(--color-drawer-bg)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-input-bg{background-color:var(--color-input-bg)}.bg-input-bg--hover{background-color:var(--color-input-bg--hover)}.bg-input-bg--selected{background-color:var(--color-input-bg--selected)}.bg-input-border{background-color:var(--color-input-border)}.bg-input-otp-caret{background-color:var(--color-input-otp-caret)}.bg-input-primitive-border{background-color:var(--color-input-primitive-border)}.bg-kbd-bg{background-color:var(--color-kbd-bg)}.bg-level-one{background-color:var(--color-level-one)}.bg-level-three{background-color:var(--color-level-three)}.bg-level-two{background-color:var(--color-level-two)}.bg-overlay{background-color:var(--color-overlay)}.bg-popover-bg{background-color:var(--color-popover-bg)}.bg-radio-bg{background-color:var(--color-radio-bg)}.bg-radio-bg--selected{background-color:var(--color-radio-bg--selected)}.bg-slider-range{background-color:var(--color-slider-range)}.bg-slider-thumb-bg{background-color:var(--color-slider-thumb-bg)}.bg-slider-track{background-color:var(--color-slider-track)}.bg-switch-thumb--checked{background-color:var(--color-switch-thumb--checked)}.bg-tabs-enclosed-indicator{background-color:var(--color-tabs-enclosed-indicator)}.bg-tabs-group-bg{background-color:var(--color-tabs-group-bg)}.bg-toast-bg{background-color:var(--color-toast-bg)}.bg-toast-danger-bg{background-color:var(--color-toast-danger-bg)}.bg-toast-info-bg{background-color:var(--color-toast-info-bg)}.bg-toast-success-bg{background-color:var(--color-toast-success-bg)}.bg-toast-warning-bg{background-color:var(--color-toast-warning-bg)}.bg-toggle-bg{background-color:var(--color-toggle-bg)}.bg-tooltip-arrow{background-color:var(--color-tooltip-arrow)}.bg-tooltip-bg{background-color:var(--color-tooltip-bg)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-tooltip-arrow{fill:var(--color-tooltip-arrow)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\!{padding:calc(var(--spacing) * 0)!important}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.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-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\!{padding-top:calc(var(--spacing) * 3)!important}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-start{text-align:start}.\[text-indent\:var\(--prefix-width\)\]{text-indent:var(--prefix-width)}.font-mono\!{font-family:var(--font-mono)!important}.font-sans\!{font-family:var(--font-sans)!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-base\!{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.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-sm\!{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\!{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-none{--tw-leading:1;line-height:1}.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)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.text-\[\#222222\]{color:#222}.text-\[\#999999\]{color:#999}.text-\[\#FF3F40\]{color:#ff3f40}.text-\[\#FFFFFF\]{color:#fff}.text-alert-danger-text{color:var(--color-alert-danger-text)}.text-alert-info-text{color:var(--color-alert-info-text)}.text-alert-success-text{color:var(--color-alert-success-text)}.text-alert-text{color:var(--color-alert-text)}.text-alert-warning-text{color:var(--color-alert-warning-text)}.text-badge-secondary-text{color:var(--color-badge-secondary-text)}.text-button-danger{color:var(--color-button-danger)}.text-button-ghost-text{color:var(--color-button-ghost-text)}.text-button-ghost-text--disabled{color:var(--color-button-ghost-text--disabled)}.text-button-outline-text{color:var(--color-button-outline-text)}.text-button-outline-text--disabled{color:var(--color-button-outline-text--disabled)}.text-button-primary-text{color:var(--color-button-primary-text)}.text-button-primary-text--disabled{color:var(--color-button-primary-text--disabled)}.text-button-secondary-text{color:var(--color-button-secondary-text)}.text-button-secondary-text--disabled{color:var(--color-button-secondary-text--disabled)}.text-checkbox-indicator--checked{color:var(--color-checkbox-indicator--checked)}.text-current{color:currentColor}.text-danger-400{color:var(--color-danger-400)}.text-danger-400\!{color:var(--color-danger-400)!important}.text-data-card-description{color:var(--color-data-card-description)}.text-gray-500{color:var(--color-gray-500)}.text-inherit{color:inherit}.text-input-text{color:var(--color-input-text)}.text-input-text\!{color:var(--color-input-text)!important}.text-input-text--disabled{color:var(--color-input-text--disabled)}.text-input-text-placeholder{color:var(--color-input-text-placeholder)}.text-input-text-prefix{color:var(--color-input-text-prefix)}.text-kbd-text{color:var(--color-kbd-text)}.text-neutral-200\!{color:var(--color-neutral-200)!important}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-400\!{color:var(--color-neutral-400)!important}.text-popover-text{color:var(--color-popover-text)}.text-success-400{color:var(--color-success-400)}.text-text-primary{color:var(--color-text-primary)}.text-text-primary\!{color:var(--color-text-primary)!important}.text-text-secondary{color:var(--color-text-secondary)}.text-text-secondary\!{color:var(--color-text-secondary)!important}.text-toast-danger-icon{color:var(--color-toast-danger-icon)}.text-toast-danger-text{color:var(--color-toast-danger-text)}.text-toast-info-icon{color:var(--color-toast-info-icon)}.text-toast-info-text{color:var(--color-toast-info-text)}.text-toast-success-icon{color:var(--color-toast-success-icon)}.text-toast-success-text{color:var(--color-toast-success-text)}.text-toast-text{color:var(--color-toast-text)}.text-toast-warning-icon{color:var(--color-toast-warning-icon)}.text-toast-warning-text{color:var(--color-toast-warning-text)}.text-toggle-text{color:var(--color-toggle-text)}.text-warning-400{color:var(--color-warning-400)}.text-warning-400\!{color:var(--color-warning-400)!important}.uppercase{text-transform:uppercase}.font-stretch-condensed{font-stretch:75%}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline\!{text-decoration-line:none!important}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[-20px_0_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:-20px 0 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-20px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 -20px 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 20px 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[20px_0_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:20px 0 20px var(--tw-shadow-color,#0006);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-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none\!{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.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-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--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)}.ring-0\!{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.ring-black{--tw-ring-color:var(--color-black)}.ring-slider-thumb-ring\/50{--tw-ring-color:var(--color-slider-thumb-ring)}@supports (color:color-mix(in lab, red, red)){.ring-slider-thumb-ring\/50{--tw-ring-color:color-mix(in oklab, var(--color-slider-thumb-ring) 50%, transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.outline-transparent{outline-color:#0000}.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,)}.grayscale{--tw-grayscale:grayscale(100%);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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[colors\]{transition-property:colors;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\,padding\]{transition-property:opacity,transform,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;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-opacity{transition-property:opacity;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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{animation-timing-function:cubic-bezier(.16,1,.3,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}:is(.\*\:box-border>*){box-sizing:border-box}:is(.\*\:min-w-0>*){min-width:calc(var(--spacing) * 0)}:is(.\*\*\:box-border *){box-sizing:border-box}.not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.group-aria-pressed\:bg-badge-primary-bg--active:is(:where(.group)[aria-pressed=true] *),.group-data-\[state\=on\]\:bg-badge-primary-bg--active:is(:where(.group)[data-state=on] *){background-color:var(--color-badge-primary-bg--active)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:text-neutral-400:is(:where(.peer):disabled~*){color:var(--color-neutral-400)}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[state\=checked\]\:invisible:is(:where(.peer)[data-state=checked]~*){visibility:hidden}.peer-data-\[state\=checked\]\:-translate-x-full:is(:where(.peer)[data-state=checked]~*){--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-data-\[state\=checked\]\:text-background:is(:where(.peer)[data-state=checked]~*){color:var(--color-background)}.peer-data-\[state\=on\]\/spectral-split-menu\:border-toggle-border--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*){border-color:var(--color-toggle-border--active)!important}.peer-data-\[state\=on\]\/spectral-split-menu\:bg-toggle-bg--active:is(:where(.peer\/spectral-split-menu)[data-state=on]~*){background-color:var(--color-toggle-bg--active)}.peer-data-\[state\=on\]\/spectral-split-menu\:text-toggle-text--active:is(:where(.peer\/spectral-split-menu)[data-state=on]~*){color:var(--color-toggle-text--active)}.peer-data-\[state\=unchecked\]\:invisible:is(:where(.peer)[data-state=unchecked]~*){visibility:hidden}.peer-data-\[state\=unchecked\]\:translate-x-6:is(:where(.peer)[data-state=unchecked]~*){--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.placeholder\:text-input-text\!::placeholder{color:var(--color-input-text)!important}.placeholder\:text-input-text-placeholder::placeholder{color:var(--color-input-text-placeholder)}.placeholder\:text-input-text-placeholder\!::placeholder{color:var(--color-input-text-placeholder)!important}.placeholder\:opacity-100::placeholder{opacity:1}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-y-2:before{content:var(--tw-content);inset-block:calc(var(--spacing) * 2)}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing) * 0)}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:bg-border-secondary\/6:before{content:var(--tw-content);background-color:var(--color-border-secondary)}@supports (color:color-mix(in lab, red, red)){.before\:bg-border-secondary\/6:before{background-color:color-mix(in oklab, var(--color-border-secondary) 6%, transparent)}}.before\:content-none:before{content:var(--tw-content);--tw-content:none;content:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing) * 0)}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing) * 0)}.after\:bottom-0:after{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.after\:m-auto:after{content:var(--tw-content);margin:auto}.after\:h-2\.5:after{content:var(--tw-content);height:calc(var(--spacing) * 2.5)}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing) * 1)}.after\:w-2\.5:after{content:var(--tw-content);width:calc(var(--spacing) * 2.5)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:rounded-t-\[0\.3rem\]:after{content:var(--tw-content);border-top-left-radius:.3rem;border-top-right-radius:.3rem}.after\:rounded-l-\[0\.3rem\]:after{content:var(--tw-content);border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.after\:border-r-\[0\.3rem\]:after{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:.3rem}.after\:border-b-\[0\.3rem\]:after{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:.3rem}.after\:border-tabs-indicator:after{content:var(--tw-content);border-color:var(--color-tabs-indicator)}.after\:bg-radio-bg--selected:after{content:var(--tw-content);background-color:var(--color-radio-bg--selected)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.after\:content-none:after{content:var(--tw-content);--tw-content:none;content:none}.first\:mt-0:first-child{margin-top:calc(var(--spacing) * 0)}.first\:rounded-s-md:first-child{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.first\:rounded-ss-md:first-child{border-start-start-radius:var(--radius-md)}.first\:rounded-se-md:first-child{border-start-end-radius:var(--radius-md)}.last\:me-0:last-child{margin-inline-end:calc(var(--spacing) * 0)}.last\:mbe-0:last-child{margin-block-end:calc(var(--spacing) * 0)}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing) * 0)}.last\:rounded-e-md:last-child{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.last\:rounded-ee-md:last-child{border-end-end-radius:var(--radius-md)}.last\:rounded-es-md:last-child{border-end-start-radius:var(--radius-md)}.focus-within\:z-10:focus-within{z-index:10}.focus-within\:outline-none:focus-within{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:z-10:hover{z-index:10}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-button-danger--hover:hover{border-color:var(--color-button-danger--hover)}.hover\:border-button-primary-border--hover:hover{border-color:var(--color-button-primary-border--hover)}.hover\:border-danger-500:hover{border-color:var(--color-danger-500)}.hover\:border-input-border--hover:hover{border-color:var(--color-input-border--hover)}.hover\:border-radio-border--hover:hover{border-color:var(--color-radio-border--hover)}.hover\:border-toggle-border--hover:hover{border-color:var(--color-toggle-border--hover)}.hover\:border-toggle-outline-border--hover:hover{border-color:var(--color-toggle-outline-border--hover)}.hover\:border-warning-400:hover{border-color:var(--color-warning-400)}.hover\:bg-button-danger--hover:hover{background-color:var(--color-button-danger--hover)}.hover\:bg-button-ghost-bg--hover:hover{background-color:var(--color-button-ghost-bg--hover)}.hover\:bg-button-outline-bg--hover:hover{background-color:var(--color-button-outline-bg--hover)}.hover\:bg-button-primary-bg--hover:hover{background-color:var(--color-button-primary-bg--hover)}.hover\:bg-button-secondary-bg--hover:hover{background-color:var(--color-button-secondary-bg--hover)}.hover\:bg-input-bg--hover:hover{background-color:var(--color-input-bg--hover)}.hover\:bg-level-four:hover{background-color:var(--color-level-four)}.hover\:bg-level-one:hover{background-color:var(--color-level-one)}.hover\:bg-level-two:hover{background-color:var(--color-level-two)}.hover\:bg-toggle-bg--hover:hover{background-color:var(--color-toggle-bg--hover)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-button-danger\/80:hover{color:var(--color-button-danger)}@supports (color:color-mix(in lab, red, red)){.hover\:text-button-danger\/80:hover{color:color-mix(in oklab, var(--color-button-danger) 80%, transparent)}}.hover\:text-button-ghost-text--hover:hover{color:var(--color-button-ghost-text--hover)}.hover\:text-button-outline-text--hover:hover{color:var(--color-button-outline-text--hover)}.hover\:text-button-primary-text--hover:hover{color:var(--color-button-primary-text--hover)}.hover\:text-button-secondary-text--hover:hover{color:var(--color-button-secondary-text--hover)}.hover\:text-neutral-100:hover{color:var(--color-neutral-100)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-toggle-text--hover:hover{color:var(--color-toggle-text--hover)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-100\!:hover{opacity:1!important}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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-data-\[state\=on\]\/spectral-split-menu\:hover\:border-toggle-border--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*):hover{border-color:var(--color-toggle-border--active)!important}.peer-data-\[state\=on\]\/spectral-split-menu\:hover\:bg-toggle-bg--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*):hover{background-color:var(--color-toggle-bg--active)!important}.peer-data-\[state\=on\]\/spectral-split-menu\:hover\:text-toggle-text--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*):hover{color:var(--color-toggle-text--active)!important}}.focus\:z-10:focus{z-index:10}.focus\:scale-95:focus{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.focus\:border-danger-400:focus{border-color:var(--color-danger-400)}.focus\:border-input-border--focus:focus{border-color:var(--color-input-border--focus)}.focus\:border-warning-400:focus{border-color:var(--color-warning-400)}.focus\:text-text-primary:focus{color:var(--color-text-primary)}.focus\:ring-1:focus{--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)}.focus\:ring-2:focus{--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)}.focus\:ring-accent:focus{--tw-ring-color:var(--color-accent)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-accent:focus-visible{border-color:var(--color-accent)}.focus-visible\:border-input-border--focus:focus-visible{border-color:var(--color-input-border--focus)}.focus-visible\:bg-input-bg--hover:focus-visible{background-color:var(--color-input-bg--hover)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-0:focus-visible{--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-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-2:focus-visible{--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)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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-\[3px\]: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-accent:focus-visible{--tw-ring-color:var(--color-accent)}.focus-visible\:ring-badge-destructive-border:focus-visible{--tw-ring-color:var(--color-badge-destructive-border)}.focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--color-black)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--color-background)}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--color-accent)}.focus-visible\:outline-button-danger:focus-visible{outline-color:var(--color-button-danger)}.focus-visible\:outline-button-outline-border:focus-visible{outline-color:var(--color-button-outline-border)}.focus-visible\:outline-button-primary-border:focus-visible{outline-color:var(--color-button-primary-border)}.focus-visible\:outline-button-secondary-border:focus-visible{outline-color:var(--color-button-secondary-border)}.focus-visible\:outline-checkbox-border--focus:focus-visible{outline-color:var(--color-checkbox-border--focus)}.focus-visible\:outline-danger-400:focus-visible{outline-color:var(--color-danger-400)}.focus-visible\:outline-input-border--focus:focus-visible{outline-color:var(--color-input-border--focus)}.focus-visible\:outline-level-two:focus-visible{outline-color:var(--color-level-two)}.focus-visible\:outline-text-secondary:focus-visible{outline-color:var(--color-text-secondary)}.focus-visible\:outline-warning-400:focus-visible{outline-color:var(--color-warning-400)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:border-toggle-border--active:active{border-color:var(--color-toggle-border--active)}.active\:bg-accent:active{background-color:var(--color-accent)}.active\:bg-toggle-bg--active:active{background-color:var(--color-toggle-bg--active)}.active\:text-text-inverted:active{color:var(--color-text-inverted)}.active\:text-toggle-text--active:active{color:var(--color-toggle-text--active)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-button-outline-border--disabled:disabled{border-color:var(--color-button-outline-border--disabled)}.disabled\:border-button-primary-border--disabled:disabled{border-color:var(--color-button-primary-border--disabled)}.disabled\:border-button-secondary-border--disabled:disabled{border-color:var(--color-button-secondary-border--disabled)}.disabled\:border-input-border--disabled:disabled{border-color:var(--color-input-border--disabled)}.disabled\:bg-button-primary-bg--disabled:disabled{background-color:var(--color-button-primary-bg--disabled)}.disabled\:bg-button-secondary-bg--disabled:disabled{background-color:var(--color-button-secondary-bg--disabled)}.disabled\:bg-input-bg--disabled:disabled{background-color:var(--color-input-bg--disabled)}.disabled\:text-button-ghost-text--disabled:disabled{color:var(--color-button-ghost-text--disabled)}.disabled\:text-button-outline-text--disabled:disabled{color:var(--color-button-outline-text--disabled)}.disabled\:text-button-primary-text--disabled:disabled{color:var(--color-button-primary-text--disabled)}.disabled\:text-button-secondary-text--disabled:disabled{color:var(--color-button-secondary-text--disabled)}.disabled\:text-input-text--disabled:disabled{color:var(--color-input-text--disabled)}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-text-primary:disabled:hover{color:var(--color-text-primary)}}:where([data-orientation=horizontal]) .in-data-\[orientation\=horizontal\]\:p-4{padding:calc(var(--spacing) * 4)}:where([data-slot=tooltip-content]) .in-data-\[slot\=tooltip-content\]\:bg-level-three{background-color:var(--color-level-three)}.has-\[\[data-slot\=dialog-footer\]\]\:pb-0:has([data-slot=dialog-footer]){padding-bottom:calc(var(--spacing) * 0)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:outline-0:has([data-slot=input-group-control]:focus-visible){outline-style:var(--tw-outline-style);outline-width:0}.has-\[disabled\]\:opacity-50:has(:is(disabled)){opacity:.5}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-danger-200[aria-invalid=true]{border-color:var(--color-danger-200)}.aria-invalid\:ring-danger-200[aria-invalid=true]{--tw-ring-color:var(--color-danger-200)}.aria-invalid\:outline-danger-200\/20[aria-invalid=true]{outline-color:var(--color-danger-200)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:outline-danger-200\/20[aria-invalid=true]{outline-color:color-mix(in oklab, var(--color-danger-200) 20%, transparent)}}.aria-pressed\:border-toggle-border--active[aria-pressed=true]{border-color:var(--color-toggle-border--active)}.aria-pressed\:bg-toggle-bg--active[aria-pressed=true]{background-color:var(--color-toggle-bg--active)}.aria-pressed\:text-toggle-text--active[aria-pressed=true]{color:var(--color-toggle-text--active)}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-highlighted\:bg-input-bg--hover[data-highlighted]{background-color:var(--color-input-bg--hover)}.data-placeholder\:text-input-text-placeholder\![data-placeholder]{color:var(--color-input-text-placeholder)!important}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[expanded\=true\]\:w-full[data-expanded=true],.data-\[layout\=\'expanded\'\]\:w-full[data-layout=expanded]{width:100%}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:flex[data-orientation=vertical]{display:flex}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[size\=lg\]\:min-w-7[data-size=lg]{min-width:calc(var(--spacing) * 7)}.data-\[size\=lg\]\:px-1\.5[data-size=lg]{padding-inline:calc(var(--spacing) * 1.5)}.data-\[size\=sm\]\:min-w-5[data-size=sm]{min-width:calc(var(--spacing) * 5)}.data-\[size\=sm\]\:px-0\.5[data-size=sm]{padding-inline:calc(var(--spacing) * .5)}.data-\[state\=active\]\:text-accent[data-state=active]{color:var(--color-accent)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:translate-x-\[26px\][data-state=checked]{--tw-translate-x:26px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-checkbox-border--checked[data-state=checked]{border-color:var(--color-checkbox-border--checked)}.data-\[state\=checked\]\:border-radio-border--selected[data-state=checked]{border-color:var(--color-radio-border--selected)}.data-\[state\=checked\]\:bg-radio-bg[data-state=checked]{background-color:var(--color-radio-bg)}.data-\[state\=checked\]\:bg-switch-bg--checked[data-state=checked]{background-color:var(--color-switch-bg--checked)}.data-\[state\=checked\]\:bg-switch-thumb[data-state=checked]{background-color:var(--color-switch-thumb)}.data-\[state\=on\]\:border-toggle-border--active[data-state=on]{border-color:var(--color-toggle-border--active)}.data-\[state\=on\]\:bg-toggle-bg--active[data-state=on]{background-color:var(--color-toggle-bg--active)}.data-\[state\=on\]\:text-toggle-text--active[data-state=on]{color:var(--color-toggle-text--active)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--color-accent)}.data-\[state\=unchecked\]\:bg-switch-bg[data-state=unchecked],.data-\[state\=unchecked\]\:bg-switch-bg\/50[data-state=unchecked]{background-color:var(--color-switch-bg)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=unchecked\]\:bg-switch-bg\/50[data-state=unchecked]{background-color:color-mix(in oklab, var(--color-switch-bg) 50%, transparent)}}.data-\[variant\=\'outline\'\]\:gap-0[data-variant=outline]{gap:calc(var(--spacing) * 0)}.data-\[variant\=\'outline\'\]\:\[--color-toggle-border\:var\(--color-toggle-outline-border\)\][data-variant=outline]{--color-toggle-border:var(--color-toggle-outline-border)}.data-\[variant\=outline\]\:border-toggle-border[data-variant=outline]{border-color:var(--color-toggle-border)}@media (hover:hover){.data-\[variant\=outline\]\:hover\:border-toggle-border[data-variant=outline]:hover{border-color:var(--color-toggle-border)}}.data-\[variant\=outline\]\:data-\[state\=on\]\:border-toggle-border--active[data-variant=outline][data-state=on]{border-color:var(--color-toggle-border--active)}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-caret-blink{animation:var(--animate-caret-blink)}.motion-safe\:animate-pulse{animation:var(--animate-pulse)}.motion-safe\:animate-spin{animation:var(--animate-spin)}.motion-safe\:duration-300{--tw-duration:.3s;transition-duration:.3s}.motion-safe\:animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.motion-safe\:duration-300{animation-duration:.3s}.motion-safe\:fade-in{--tw-enter-opacity:0}.motion-safe\:slide-in-from-top-full{--tw-enter-translate-y:-100%}.motion-safe\:data-closed\:animate-out[data-closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.motion-safe\:data-closed\:fade-out-0[data-closed]{--tw-exit-opacity:0}.motion-safe\:data-closed\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.motion-safe\:data-open\:animate-in[data-open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.motion-safe\:data-open\:fade-in-0[data-open]{--tw-enter-opacity:0}.motion-safe\:data-open\:zoom-in-95[data-open]{--tw-enter-scale:.95}.motion-safe\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.motion-safe\:data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.motion-safe\:data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.motion-safe\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.motion-safe\:data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:var(--animate-accordion-up)}.motion-safe\:data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.motion-safe\:data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.motion-safe\:data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.motion-safe\:data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:var(--animate-accordion-down)}.motion-safe\:data-\[state\=open\]\:duration-600[data-state=open]{--tw-duration:.6s;transition-duration:.6s}.motion-safe\:data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.motion-safe\:data-\[state\=open\]\:duration-600[data-state=open]{animation-duration:.6s}.motion-safe\:data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.motion-safe\:data-\[state\=open\]\:slide-in-from-bottom-20[data-state=open]{--tw-enter-translate-y:5rem}.motion-safe\:data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.motion-safe\:data-\[state\=open\]\:zoom-in-100\![data-state=open]{--tw-enter-scale:1!important}}@media (prefers-reduced-motion:reduce){.motion-reduce\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:duration-0{--tw-duration:0s;transition-duration:0s;animation-duration:0s}}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}@media not all and (min-width:48rem){.sm\:max-md\:max-w-full{max-width:100%}}}@media (min-width:48rem){.md\:font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.md\:font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.peer-data-\[state\=checked\]\:rtl\:translate-x-full:is(:where(.peer)[data-state=checked]~*):where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-data-\[state\=unchecked\]\:rtl\:-translate-x-6:is(:where(.peer)[data-state=unchecked]~*):where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing) * -6);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:rtl\:-translate-x-4[data-state=checked]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:rtl\:translate-x-\[-26px\][data-state=checked]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:-26px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&_button\:first-of-type\]\:rounded-l-md button:first-of-type{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.\[\&_button\:last-of-type\]\:rounded-r-md button:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.data-\[variant\=\'outline\'\]\:\[\&_button\:not\(\:first-of-type\)\]\:border-l-0[data-variant=outline] button:not(:first-of-type){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_p\]\:text-alert-danger-text p{color:var(--color-alert-danger-text)}.\[\&_p\]\:text-alert-info-text p{color:var(--color-alert-info-text)}.\[\&_p\]\:text-alert-success-text p{color:var(--color-alert-success-text)}.\[\&_p\]\:text-alert-text p{color:var(--color-alert-text)}.\[\&_p\]\:text-alert-warning-text p{color:var(--color-alert-warning-text)}.\[\&_span\]\:rounded-\[4px\] span{border-radius:4px}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-3 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-4 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-5 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}.\[\&\:not\(\:first-child\)\]\:border-l-0:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.\[\&\>\*\:last-child\]\:-ms-0\.5>:last-child{margin-inline-start:calc(var(--spacing) * -.5)}.\[\&\>\*\:last-child\]\:-mt-0\.5>:last-child{margin-top:calc(var(--spacing) * -.5)}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>input\]\:flex-1>input{flex:1}.\[\&\>span\]\:block>span{display:block}.\[\&\>span\]\:min-w-0>span{min-width:calc(var(--spacing) * 0)}.\[\&\>span\]\:overflow-hidden>span{overflow:hidden}.\[\&\>span\]\:text-ellipsis>span{text-overflow:ellipsis}.\[\&\>span\]\:whitespace-nowrap>span{white-space:nowrap}.\[\&\>span\[data-placeholder\]\]\:text-input-text-placeholder\!>span[data-placeholder]{color:var(--color-input-text-placeholder)!important}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-6>svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--color-accent)}a.\[a\&\]\:hover\:bg-badge-primary-bg--hover:hover{background-color:var(--color-badge-primary-bg--hover)}a.\[a\&\]\:hover\:bg-danger-400:hover{background-color:var(--color-danger-400)}}@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))}}@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))}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
+@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-ease:initial;--tw-content:""}}}:root,:host{--font-sans:"Work Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji";--font-mono:"Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xs:18rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--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:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-background:var(--horizon-color-neutral-950);--color-text-primary:var(--horizon-color-neutral-50);--color-text-inverted:var(--horizon-color-neutral-950);--color-text-secondary:var(--horizon-color-neutral-300);--color-text-disabled:var(--horizon-color-neutral-600);--color-border-secondary:var(--horizon-color-neutral-700);--color-accent:var(--horizon-color-accent);--color-selected-primary:var(--horizon-color-primary-600);--color-overlay:var(--horizon-color-neutral-950)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-overlay:color-mix(in oklab, var(--horizon-color-neutral-950) 40%, transparent)}}:root,:host{--color-level-one:var(--horizon-color-level-one);--color-level-two:var(--horizon-color-level-two);--color-level-three:var(--horizon-color-level-three);--color-level-four:var(--horizon-color-level-four);--color-success-400:var(--horizon-color-success-400);--color-warning-400:var(--horizon-color-warning-400);--color-danger-200:var(--horizon-color-danger-200);--color-danger-400:var(--horizon-color-danger-400);--color-danger-500:var(--horizon-color-danger-500);--color-alert-bg:var(--horizon-color-level-two);--color-alert-border:var(--horizon-color-level-three);--color-alert-text:var(--horizon-color-neutral-50);--color-alert-success-bg:var(--horizon-color-success-50);--color-alert-success-border:var(--horizon-color-success-500);--color-alert-success-text:var(--horizon-color-success-500);--color-alert-warning-bg:var(--horizon-color-warning-50);--color-alert-warning-border:var(--horizon-color-warning-500);--color-alert-warning-text:var(--horizon-color-warning-500);--color-alert-danger-bg:var(--horizon-color-danger-50);--color-alert-danger-border:var(--horizon-color-danger-500);--color-alert-danger-text:var(--horizon-color-danger-500);--color-alert-info-bg:var(--horizon-color-primary-50);--color-alert-info-border:var(--horizon-color-primary-700);--color-alert-info-text:var(--horizon-color-primary-700);--color-badge-primary-bg:var(--horizon-color-level-five);--color-badge-primary-bg--hover:var(--horizon-color-level-four);--color-badge-primary-bg--active:var(--horizon-color-primary-600);--color-badge-secondary-bg:var(--horizon-color-accent);--color-badge-secondary-text:var(--horizon-color-neutral-950);--color-badge-outline-border:var(--horizon-color-level-five);--color-badge-destructive-bg:var(--horizon-color-danger-400);--color-badge-destructive-border:var(--horizon-color-danger-400);--color-button-primary-bg:var(--horizon-color-accent);--color-button-primary-bg--hover:var(--horizon-color-level-two);--color-button-primary-bg--disabled:var(--horizon-color-neutral-500);--color-button-primary-border:var(--horizon-color-accent);--color-button-primary-border--hover:var(--horizon-color-level-two);--color-button-primary-border--disabled:var(--horizon-color-neutral-500);--color-button-primary-text:var(--horizon-color-neutral-900);--color-button-primary-text--hover:var(--horizon-color-accent);--color-button-primary-text--disabled:var(--horizon-color-neutral-200);--color-button-secondary-bg:var(--horizon-color-level-two);--color-button-secondary-bg--hover:var(--horizon-color-accent);--color-button-secondary-bg--disabled:var(--horizon-color-neutral-500);--color-button-secondary-text:var(--horizon-color-neutral-50);--color-button-secondary-text--hover:var(--horizon-color-level-two);--color-button-secondary-text--disabled:var(--horizon-color-neutral-200);--color-button-secondary-border:var(--horizon-color-neutral-900);--color-button-secondary-border--disabled:var(--horizon-color-neutral-500);--color-button-outline-bg:var(--horizon-color-transparent);--color-button-outline-bg--hover:var(--horizon-color-level-two);--color-button-outline-text:var(--horizon-color-neutral-50);--color-button-outline-text--hover:var(--horizon-color-accent);--color-button-outline-text--disabled:var(--horizon-color-neutral-400);--color-button-outline-border:var(--horizon-color-accent);--color-button-outline-border--disabled:var(--horizon-color-neutral-400);--color-button-ghost-bg:var(--horizon-color-transparent);--color-button-ghost-bg--hover:var(--horizon-color-level-two);--color-button-ghost-text:var(--horizon-color-neutral-50);--color-button-ghost-text--hover:var(--horizon-color-accent);--color-button-ghost-text--disabled:var(--horizon-color-neutral-400);--color-button-danger:var(--horizon-color-danger-400);--color-button-danger--hover:var(--horizon-color-danger-500)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-button-danger--hover:color-mix(in oklab, var(--horizon-color-danger-500) 80%, transparent)}}:root,:host{--color-checkbox-border:var(--horizon-color-neutral-100);--color-checkbox-border--focus:var(--horizon-color-accent);--color-checkbox-border--checked:var(--horizon-color-accent);--color-checkbox-indicator--checked:var(--horizon-color-accent);--color-data-card-description:var(--horizon-color-neutral-300);--color-dialog-bg:var(--horizon-color-level-one);--color-drawer-bg:var(--horizon-color-level-one);--color-input-border:var(--horizon-color-white)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-input-border:color-mix(in oklab, var(--horizon-color-white) 10%, transparent)}}:root,:host{--color-input-border--hover:var(--horizon-color-neutral-300);--color-input-border--focus:var(--horizon-color-accent);--color-input-border--disabled:var(--horizon-color-neutral-500);--color-input-bg:var(--horizon-color-level-zero);--color-input-bg--hover:var(--horizon-color-level-four);--color-input-bg--disabled:var(--horizon-color-neutral-700);--color-input-bg--selected:var(--horizon-color-level-four);--color-input-text:var(--horizon-color-neutral-50);--color-input-text-prefix:var(--horizon-color-neutral-200);--color-input-text--disabled:var(--horizon-color-neutral-200);--color-input-text-placeholder:var(--horizon-color-neutral-500);--color-input-primitive-border:var(--horizon-color-neutral-800);--color-input-otp-filled-separator:var(--horizon-color-level-five);--color-input-otp-border:var(--horizon-color-neutral-300);--color-input-otp-border--focus:var(--horizon-color-accent);--color-input-otp-caret:var(--horizon-color-neutral-200);--color-kbd-bg:var(--horizon-color-level-two);--color-kbd-text:var(--color-text-secondary);--color-popover-bg:var(--horizon-color-level-one);--color-popover-text:var(--horizon-color-neutral-50);--color-radio-bg:var(--horizon-color-neutral-900);--color-radio-bg--selected:var(--horizon-color-accent);--color-radio-border--hover:var(--horizon-color-accent);--color-radio-border--selected:var(--horizon-color-accent);--color-slider-track:var(--horizon-color-neutral-700);--color-slider-range:var(--horizon-color-neutral-50);--color-slider-thumb-border:var(--horizon-color-neutral-50);--color-slider-thumb-bg:var(--horizon-color-neutral-50);--color-slider-thumb-ring:var(--horizon-color-neutral-50);--color-switch-bg:var(--horizon-color-neutral-700);--color-switch-bg--checked:var(--horizon-color-white);--color-switch-thumb:var(--horizon-color-neutral-950);--color-switch-thumb--checked:var(--horizon-color-white);--color-tabs-group-bg:var(--horizon-color-level-one);--color-tabs-indicator:var(--horizon-color-accent);--color-tabs-enclosed-indicator:var(--horizon-color-level-two);--color-tabs-border:var(--horizon-color-level-four);--color-toast-bg:var(--horizon-color-level-one);--color-toast-border:var(--horizon-color-level-four);--color-toast-text:var(--horizon-color-neutral-50);--color-toast-success-bg:var(--horizon-color-success-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-success-bg:color-mix(in oklab, var(--horizon-color-success-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-success-border:var(--horizon-color-success-400);--color-toast-success-text:var(--horizon-color-success-400);--color-toast-success-icon:var(--horizon-color-success-400);--color-toast-warning-bg:var(--horizon-color-warning-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-warning-bg:color-mix(in oklab, var(--horizon-color-warning-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-warning-border:var(--horizon-color-warning-400);--color-toast-warning-text:var(--horizon-color-warning-400);--color-toast-warning-icon:var(--horizon-color-warning-400);--color-toast-danger-bg:var(--horizon-color-danger-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-danger-bg:color-mix(in oklab, var(--horizon-color-danger-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-danger-border:var(--horizon-color-danger-400);--color-toast-danger-text:var(--horizon-color-danger-400);--color-toast-danger-icon:var(--horizon-color-danger-400);--color-toast-info-bg:var(--horizon-color-primary-400)}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-toast-info-bg:color-mix(in oklab, var(--horizon-color-primary-400) 10%, var(--horizon-color-neutral-950))}}:root,:host{--color-toast-info-border:var(--horizon-color-primary-400);--color-toast-info-text:var(--horizon-color-primary-400);--color-toast-info-icon:var(--horizon-color-primary-400);--color-toggle-bg:var(--horizon-color-level-two);--color-toggle-bg--active:var(--horizon-color-primary-700);--color-toggle-bg--hover:var(--horizon-color-level-four);--color-toggle-border:var(--horizon-color-transparent);--color-toggle-border--hover:var(--horizon-color-level-four);--color-toggle-border--active:var(--horizon-color-primary-600);--color-toggle-text:var(--horizon-color-neutral-50);--color-toggle-text--hover:var(--horizon-color-neutral-200);--color-toggle-text--active:var(--horizon-color-neutral-50);--color-toggle-outline-border:var(--horizon-color-neutral-700);--color-toggle-outline-divider:var(--horizon-color-neutral-600);--color-toggle-outline-border--hover:var(--horizon-color-neutral-400);--color-tooltip-bg:var(--horizon-color-level-one);--color-tooltip-arrow:var(--horizon-color-level-one);--color-tooltip-outline-border:var(--horizon-color-level-four);--color-tooltip-outline-arrow:var(--horizon-color-level-four);--animate-caret-blink:caret-blink 1.2s ease-out infinite;--animate-accordion-down:accordion-down .2s ease-out;--animate-accordion-up:accordion-up .2s ease-out}:root{--horizon-color-black:oklch(0% 0 0);--horizon-color-white:oklch(100% 0 0);--horizon-color-transparent:oklch(0% 0 0/0);--horizon-color-accent:oklch(92.53% .1976 123.38);--horizon-color-neutral-50:oklch(98.5% 0 0);--horizon-color-neutral-100:oklch(92.19% 0 0);--horizon-color-neutral-200:oklch(86.99% 0 0);--horizon-color-neutral-300:oklch(79.03% 0 0);--horizon-color-neutral-400:oklch(71.55% 0 0);--horizon-color-neutral-500:oklch(55.55% 0 0);--horizon-color-neutral-600:oklch(43.86% 0 0);--horizon-color-neutral-700:oklch(37.15% 0 0);--horizon-color-neutral-800:oklch(32.11% 0 0);--horizon-color-neutral-900:oklch(26.86% 0 0);--horizon-color-neutral-950:oklch(21.78% 0 0);--horizon-color-primary-50:oklch(97.37% .01 238);--horizon-color-primary-100:oklch(93.88% .03 242.35);--horizon-color-primary-200:oklch(89.3% .06 242.83);--horizon-color-primary-300:oklch(83.05% .09 240.33);--horizon-color-primary-400:oklch(74.57% .14 245.84);--horizon-color-primary-500:oklch(66.23% .18 254.28);--horizon-color-primary-600:oklch(58.57% .21 259.12);--horizon-color-primary-700:oklch(52.25% .21 261.44);--horizon-color-primary-800:oklch(42.44% .17 262.29);--horizon-color-primary-900:oklch(39.88% .14 261.51);--horizon-color-primary-950:oklch(29.27% .09 263.49);--horizon-color-level-zero:oklch(23.78% 0 0);--horizon-color-level-one:oklch(26.94% 0 0);--horizon-color-level-two:oklch(29.93% 0 0);--horizon-color-level-three:oklch(32.89% 0 0);--horizon-color-level-four:oklch(35.71% 0 0);--horizon-color-level-five:oklch(38.62% 0 0);--horizon-color-success-50:oklch(96.2% .044 156.743);--horizon-color-success-100:oklch(92.5% .084 155.995);--horizon-color-success-200:oklch(87.1% .15 154.449);--horizon-color-success-300:oklch(79.2% .209 151.711);--horizon-color-success-400:oklch(72.3% .219 149.579);--horizon-color-success-500:oklch(62.7% .194 149.214);--horizon-color-warning-50:oklch(95.4% .038 75.164);--horizon-color-warning-100:oklch(90.1% .076 70.697);--horizon-color-warning-200:oklch(83.7% .128 66.29);--horizon-color-warning-300:oklch(75% .183 55.934);--horizon-color-warning-400:oklch(70.5% .213 47.604);--horizon-color-warning-500:oklch(64.6% .222 41.116);--horizon-color-danger-50:oklch(93.6% .032 17.717);--horizon-color-danger-100:oklch(88.5% .062 18.334);--horizon-color-danger-200:oklch(80.8% .114 19.571);--horizon-color-danger-300:oklch(70.4% .191 22.216);--horizon-color-danger-400:oklch(57.7% .245 27.325);--horizon-color-danger-500:oklch(50.5% .213 27.518)}:root[data-theme=light]{--horizon-color-level-one:oklch(98.51% 0 0);--color-background:var(--horizon-color-neutral-50);--color-ring-offset:var(--horizon-color-neutral-50);--color-text-primary:var(--horizon-color-neutral-900);--color-text-secondary:var(--horizon-color-neutral-600);--color-card-bg:var(--horizon-color-level-one);--color-card-text:var(--horizon-color-neutral-900);--color-switch-bg:var(--horizon-color-neutral-300);--color-switch-bg--checked:var(--horizon-color-neutral-950);--color-switch-thumb:var(--horizon-color-neutral-50);--color-shadow-neumorphic:oklch(92.49% 0 0);--color-shadow-neumorphic-large:oklch(88.56% .0014 286.37)}@keyframes animate-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes animate-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes fade-in-0{0%{opacity:0}to{opacity:1}}@keyframes fade-out-0{0%{opacity:1}to{opacity:0}}@keyframes fade-in-tabs-indicator{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down-from-top{0%{opacity:0;transform:translateY(-100%)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slide-up-to-top{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100%)scale(.95)}}@keyframes spin-around{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes zoom-in-95{0%{opacity:0;transform:translate(-50%)translateY(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(-50%)scale(1)}}@keyframes zoom-out-95{0%{opacity:1;transform:translate(-50%)translateY(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-50%)scale(.95)}}@keyframes accordion-down{0%{opacity:0;height:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{opacity:0;height:0}}@layer utilities{a.underline-on-hover{color:var(--color-accent);cursor:pointer;width:max-content;text-decoration:none;position:relative}a.underline-on-hover:before{background-color:var(--color-accent);content:"";border-radius:.1rem;width:100%;height:.1rem;transition:transform .3s ease-in-out;position:absolute;bottom:-.2rem;left:0;transform:scaleX(0)}a.underline-on-hover:hover:before{transform:scaleX(1)}.spectral-root{isolation:isolate}[data-vaul-drawer] *,[data-vaul-drawer] :before,[data-vaul-drawer] :after{box-sizing:border-box!important}[vaul-drawer]{transition:transform .2s cubic-bezier(.165,.84,.44,1)!important}[vaul-overlay]{transition:opacity .2s cubic-bezier(.165,.84,.44,1)!important}.shadow-neumorphic-large{box-shadow:12px 12px 24px var(--color-shadow-neumorphic-large), -12px -12px 24px var(--color-white)}.shadow-neumorphic-small{box-shadow:4px 4px 8px var(--color-shadow-neumorphic), -4px -4px 8px var(--color-white)}.dialog-no-animations,.dialog-no-animations[data-state=open],.dialog-no-animations[data-state=closed]{animation:none!important;transform:translate(-50%)translateY(-50%)!important}svg:focus-visible,svg:focus{outline:none}.card-effects{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff03 0%,#fff0 100%),#26262680;border:.5px solid #ffffff0d;border-radius:1rem;box-shadow:inset 0 -1px #0000001a,0 20px 40px #00000040,0 15px 30px #00000026,0 5px 10px #0000000d}.tooltip-effects{box-shadow:3px 3px 6px 3px #0000004d}.map-card-effects{background:var(--color-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:.5px solid #ffffff0d;border-radius:1rem;box-shadow:inset 0 -1px #0000001a,0 20px 40px #00000040,0 15px 30px #00000026,0 5px 10px #0000000d}@supports not ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){.card-effects{background-color:#22222599}}.rdp{margin:0}.rdp-root{padding-right:24px}.rdp-root .rdp-nav{z-index:9999;position:absolute}.rdp-root .rdp-nav .nav-prev,.rdp-root .rdp-nav .nav-next{justify-content:center;align-items:center;display:flex;position:absolute}:is(.rdp-root .rdp-nav .nav-prev,.rdp-root .rdp-nav .nav-next):hover{color:var(--color-text-secondary);cursor:pointer;background-color:#0000}.rdp-root .rdp-month_caption{justify-content:center;align-items:center;padding-block-end:8px;display:flex;position:relative}.rdp-root .rdp-month_caption .month-title{font-size:18px;font-weight:600}.rdp-root .rdp-day_button{border-color:#0000;border-radius:100%;width:40px;height:40px}.rdp-root .day.rdp-today{color:var(--color-accent);font-weight:600}.rdp-root .day.rdp-selected .rdp-day_button{background-color:var(--color-accent);color:var(--color-text-inverted);border-radius:50%;font-weight:600}.rdp-root .day.rdp-outside .rdp-day_button{opacity:.25}.rdp-root .day:not(.rdp-disabled):hover{background-color:var(--color-neutral-200);color:var(--color-text-inverted);border-radius:50%;cursor:pointer!important}.rdp-root .day.rdp-disabled .rdp-day_button{color:var(--color-text-disabled)}.rdp-root .day.rdp-hidden .rdp-day_button{visibility:hidden}.rdp-root .rdp-weekdays .rdp-weekday{color:var(--color-neutral-400);font-weight:500}:is(.rdp-root .hours,.rdp-root .minutes) input{width:max-content;max-width:22px}:is(.rdp-root .hours,.rdp-root .minutes) input.hours-input{text-align:right}:is(.rdp-root .hours,.rdp-root .minutes) input.minutes-input{text-align:left}:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input{border:0;font-size:16px}:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:hover,:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:focus,:is(.rdp-root .hours,.rdp-root .minutes,.rdp-root .am-pm) input:focus-visible{border:0;outline:0}.rdp-root .hours{flex-direction:row;align-items:center;display:flex}.rdp-root .hours input{text-align:right}.rdp-root .hours span{margin-inline:1px 2px}.rdp-root .am-pm{width:auto;margin-inline-start:8px}.rdp-root .am-pm button{background-color:#0000;border:0;padding-inline:0;font-size:14px}.rdp-root .am-pm button:hover{cursor:pointer}.rdp-root .am-pm button:focus,.rdp-root .am-pm button:focus-visible{outline:0}.rdp-root .am-pm button svg:not(.chevron-icon){display:none}.rdp-root .am-pm span:focus,.rdp-root .am-pm span:focus-visible{outline:0}.rdp-root .am-pm-dropdown{z-index:999;border-bottom-right-radius:4px;border-bottom-left-radius:4px;width:58px;margin-top:-5px;font-size:14px;position:relative}.rdp-root .am-pm-dropdown:hover{cursor:pointer}.rdp-root .am-pm-dropdown .am-pm-option{text-align:center;z-index:999;justify-content:center;align-items:center;height:24px;padding-inline:8px;display:flex}.rdp-root .am-pm-dropdown .am-pm-option:focus-visible,.rdp-root .am-pm-dropdown .am-pm-option:focus{outline:0}}.\@container\/card-header{container:card-header/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.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)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-10{right:calc(var(--spacing) * 10)}.right-\[-14px\]{right:-14px}.right-px{right:1px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-px{bottom:1px}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[1\]{z-index:1}.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-0{margin:calc(var(--spacing) * 0)}.m-0\!{margin:calc(var(--spacing) * 0)!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.-me-0\.5{margin-inline-end:calc(var(--spacing) * -.5)}.me-0{margin-inline-end:calc(var(--spacing) * 0)}.-mbe-0\.5{margin-block-end:calc(var(--spacing) * -.5)}.mbe-0{margin-block-end:calc(var(--spacing) * 0)}.\!mt-4{margin-top:calc(var(--spacing) * 4)!important}.mt-0\!{margin-top:calc(var(--spacing) * 0)!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-0\.5\!{margin-top:calc(var(--spacing) * .5)!important}.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)}.mt-4\!{margin-top:calc(var(--spacing) * 4)!important}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-6\!{margin-top:calc(var(--spacing) * 6)!important}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-\[1\.6rem\]{margin-top:1.6rem}.mt-\[21px\]{margin-top:21px}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-\[-4px\]{margin-right:-4px}.mb-0\!{margin-bottom:calc(var(--spacing) * 0)!important}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-\[1\.2rem\]{margin-bottom:1.2rem}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-square{aspect-ratio:1}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6\.5{width:calc(var(--spacing) * 6.5);height:calc(var(--spacing) * 6.5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-\(--radix-select-trigger-height\){height:var(--radix-select-trigger-height)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-12\!{height:calc(var(--spacing) * 12)!important}.h-64{height:calc(var(--spacing) * 64)}.h-80{height:calc(var(--spacing) * 80)}.h-\[72px\]{height:72px}.h-\[inherit\]{height:inherit}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-popover-content-available-height\){max-height:var(--radix-popover-content-available-height)}.max-h-22{max-height:calc(var(--spacing) * 22)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[90vh\]{max-height:90vh}.max-h-\[min\(var\(--available-height\)\,18rem\)\]{max-height:min(var(--available-height), 18rem)}.max-h-\[min\(var\(--radix-dropdown-menu-content-available-height\)\,300px\)\]{max-height:min(var(--radix-dropdown-menu-content-available-height), 300px)}.max-h-\[min\(var\(--radix-select-content-available-height\)\,300px\)\]{max-height:min(var(--radix-select-content-available-height), 300px)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-12\!{min-height:calc(var(--spacing) * 12)!important}.w-\(--popover-width\){width:var(--popover-width)}.w-\(--spectral-select-content-width\){width:var(--spectral-select-content-width)}.w-1\/3{width:33.3333%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2xs{width:var(--container-2xs)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-44{width:calc(var(--spacing) * 44)}.w-72{width:calc(var(--spacing) * 72)}.w-\[60\%\]{width:60%}.w-\[240px\]{width:240px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[330px\]{width:330px}.w-\[340px\]{width:340px}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[400px\]{width:400px}.w-\[420px\]{width:420px}.w-\[486px\]{width:486px}.w-\[520px\]{width:520px}.w-\[560px\]{width:560px}.w-auto{width:auto}.w-auto\!{width:auto!important}.w-fit{width:fit-content}.w-full{width:100%}.w-lg{width:var(--container-lg)}.w-max{width:max-content}.w-px{width:1px}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-\[360px\]{max-width:360px}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.max-w-\[520px\]{max-width:520px}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-\(--spectral-select-content-width\){min-width:var(--spectral-select-content-width)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-28{min-width:calc(var(--spacing) * 28)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[300px\]{min-width:300px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-\[30\%\]{flex-basis:30%}.basis-\[70\%\]{flex-basis:70%}.border-collapse{border-collapse:collapse}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:--radix-hover-card-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[calc\(50\%\+1px\)\]{--tw-translate-y:calc(calc(50% + 1px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[calc\(50\%-1\.5px\)\]{--tw-translate-y:calc(calc(50% - 1.5px) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.list-inside{list-style-position:inside}.list-inside\!{list-style-position:inside!important}.list-disc{list-style-type:disc}.\[appearance\:textfield\]{appearance:textfield}.grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.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-\[0\.4rem\]{gap:.4rem}.gap-\[15px\]{gap:15px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}: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-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * 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-2{column-gap:calc(var(--spacing) * 2)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.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-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[8px\]{border-radius:8px}.rounded-\[16px\]{border-radius:16px}.rounded-\[var\(--radius\,0\.375rem\)\]{border-radius:var(--radius,.375rem)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-none\!{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-s-md{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.rounded-s-none{border-start-start-radius:0;border-end-start-radius:0}.rounded-ss-md{border-start-start-radius:var(--radius-md)}.rounded-ss-none{border-start-start-radius:0}.rounded-e-md{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.rounded-e-none{border-start-end-radius:0;border-end-end-radius:0}.rounded-se-md{border-start-end-radius:var(--radius-md)}.rounded-se-none{border-start-end-radius:0}.rounded-ee-md{border-end-end-radius:var(--radius-md)}.rounded-ee-none{border-end-end-radius:0}.rounded-es-md{border-end-start-radius:var(--radius-md)}.rounded-es-none{border-end-start-radius:0}.rounded-r-none\!{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-2\!{border-style:var(--tw-border-style)!important;border-width:2px!important}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-none{--tw-border-style:none;border-style:none}.border-none\!{--tw-border-style:none!important;border-style:none!important}.border-\[\#F5F5F5\]{border-color:#f5f5f5}.border-\[\#F7F7F7\]{border-color:#f7f7f7}.border-alert-border{border-color:var(--color-alert-border)}.border-alert-danger-border{border-color:var(--color-alert-danger-border)}.border-alert-info-border{border-color:var(--color-alert-info-border)}.border-alert-success-border{border-color:var(--color-alert-success-border)}.border-alert-warning-border{border-color:var(--color-alert-warning-border)}.border-badge-outline-border{border-color:var(--color-badge-outline-border)}.border-border-secondary{border-color:var(--color-border-secondary)}.border-button-danger{border-color:var(--color-button-danger)}.border-button-outline-border{border-color:var(--color-button-outline-border)}.border-button-outline-border--disabled{border-color:var(--color-button-outline-border--disabled)}.border-button-primary-border{border-color:var(--color-button-primary-border)}.border-button-primary-border--disabled{border-color:var(--color-button-primary-border--disabled)}.border-button-secondary-border{border-color:var(--color-button-secondary-border)}.border-button-secondary-border--disabled{border-color:var(--color-button-secondary-border--disabled)}.border-checkbox-border{border-color:var(--color-checkbox-border)}.border-danger-400{border-color:var(--color-danger-400)}.border-gray-200{border-color:var(--color-gray-200)}.border-input-border{border-color:var(--color-input-border)}.border-input-otp-border{border-color:var(--color-input-otp-border)}.border-input-otp-border--focus{border-color:var(--color-input-otp-border--focus)}.border-level-four{border-color:var(--color-level-four)}.border-level-one{border-color:var(--color-level-one)}.border-level-three{border-color:var(--color-level-three)}.border-slider-thumb-border{border-color:var(--color-slider-thumb-border)}.border-tabs-border{border-color:var(--color-tabs-border)}.border-toast-border{border-color:var(--color-toast-border)}.border-toast-danger-border{border-color:var(--color-toast-danger-border)}.border-toast-info-border{border-color:var(--color-toast-info-border)}.border-toast-success-border{border-color:var(--color-toast-success-border)}.border-toast-warning-border{border-color:var(--color-toast-warning-border)}.border-toggle-border{border-color:var(--color-toggle-border)}.border-toggle-outline-border{border-color:var(--color-toggle-outline-border)}.border-tooltip-outline-arrow{border-color:var(--color-tooltip-outline-arrow)}.border-tooltip-outline-border{border-color:var(--color-tooltip-outline-border)}.border-transparent{border-color:#0000}.border-warning-400{border-color:var(--color-warning-400)}.bg-\[\#4DAFFF\]{background-color:#4dafff}.bg-\[\#F0F2F4\]{background-color:#f0f2f4}.bg-\[\#F7F8F9\]{background-color:#f7f8f9}.bg-\[\#FF3F40\]{background-color:#ff3f40}.bg-\[\#FFF0F0\]{background-color:#fff0f0}.bg-alert-bg{background-color:var(--color-alert-bg)}.bg-alert-danger-bg{background-color:var(--color-alert-danger-bg)}.bg-alert-info-bg{background-color:var(--color-alert-info-bg)}.bg-alert-success-bg{background-color:var(--color-alert-success-bg)}.bg-alert-warning-bg{background-color:var(--color-alert-warning-bg)}.bg-background{background-color:var(--color-background)}.bg-badge-destructive-bg{background-color:var(--color-badge-destructive-bg)}.bg-badge-primary-bg{background-color:var(--color-badge-primary-bg)}.bg-badge-secondary-bg{background-color:var(--color-badge-secondary-bg)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-border-secondary{background-color:var(--color-border-secondary)}.bg-button-danger{background-color:var(--color-button-danger)}.bg-button-ghost-bg{background-color:var(--color-button-ghost-bg)}.bg-button-outline-bg{background-color:var(--color-button-outline-bg)}.bg-button-primary-bg{background-color:var(--color-button-primary-bg)}.bg-button-primary-bg--disabled{background-color:var(--color-button-primary-bg--disabled)}.bg-button-secondary-bg{background-color:var(--color-button-secondary-bg)}.bg-button-secondary-bg--disabled{background-color:var(--color-button-secondary-bg--disabled)}.bg-dialog-bg,.bg-dialog-bg\/85{background-color:var(--color-dialog-bg)}@supports (color:color-mix(in lab, red, red)){.bg-dialog-bg\/85{background-color:color-mix(in oklab, var(--color-dialog-bg) 85%, transparent)}}.bg-drawer-bg{background-color:var(--color-drawer-bg)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-input-bg{background-color:var(--color-input-bg)}.bg-input-bg--hover{background-color:var(--color-input-bg--hover)}.bg-input-bg--selected{background-color:var(--color-input-bg--selected)}.bg-input-border{background-color:var(--color-input-border)}.bg-input-otp-caret{background-color:var(--color-input-otp-caret)}.bg-input-primitive-border{background-color:var(--color-input-primitive-border)}.bg-kbd-bg{background-color:var(--color-kbd-bg)}.bg-level-one{background-color:var(--color-level-one)}.bg-level-three{background-color:var(--color-level-three)}.bg-level-two{background-color:var(--color-level-two)}.bg-overlay{background-color:var(--color-overlay)}.bg-popover-bg{background-color:var(--color-popover-bg)}.bg-radio-bg{background-color:var(--color-radio-bg)}.bg-radio-bg--selected{background-color:var(--color-radio-bg--selected)}.bg-slider-range{background-color:var(--color-slider-range)}.bg-slider-thumb-bg{background-color:var(--color-slider-thumb-bg)}.bg-slider-track{background-color:var(--color-slider-track)}.bg-switch-thumb--checked{background-color:var(--color-switch-thumb--checked)}.bg-tabs-enclosed-indicator{background-color:var(--color-tabs-enclosed-indicator)}.bg-tabs-group-bg{background-color:var(--color-tabs-group-bg)}.bg-toast-bg{background-color:var(--color-toast-bg)}.bg-toast-danger-bg{background-color:var(--color-toast-danger-bg)}.bg-toast-info-bg{background-color:var(--color-toast-info-bg)}.bg-toast-success-bg{background-color:var(--color-toast-success-bg)}.bg-toast-warning-bg{background-color:var(--color-toast-warning-bg)}.bg-toggle-bg{background-color:var(--color-toggle-bg)}.bg-tooltip-arrow{background-color:var(--color-tooltip-arrow)}.bg-tooltip-bg{background-color:var(--color-tooltip-bg)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.fill-tooltip-arrow{fill:var(--color-tooltip-arrow)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\!{padding:calc(var(--spacing) * 0)!important}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.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-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\!{padding-top:calc(var(--spacing) * 3)!important}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-9{padding-left:calc(var(--spacing) * 9)}.text-center{text-align:center}.text-left{text-align:left}.text-start{text-align:start}.\[text-indent\:var\(--prefix-width\)\]{text-indent:var(--prefix-width)}.font-mono\!{font-family:var(--font-mono)!important}.font-sans\!{font-family:var(--font-sans)!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-base\!{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.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-sm\!{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\!{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-none{--tw-leading:1;line-height:1}.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)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.text-\[\#222222\]{color:#222}.text-\[\#999999\]{color:#999}.text-\[\#FF3F40\]{color:#ff3f40}.text-\[\#FFFFFF\]{color:#fff}.text-alert-danger-text{color:var(--color-alert-danger-text)}.text-alert-info-text{color:var(--color-alert-info-text)}.text-alert-success-text{color:var(--color-alert-success-text)}.text-alert-text{color:var(--color-alert-text)}.text-alert-warning-text{color:var(--color-alert-warning-text)}.text-badge-secondary-text{color:var(--color-badge-secondary-text)}.text-button-danger{color:var(--color-button-danger)}.text-button-ghost-text{color:var(--color-button-ghost-text)}.text-button-ghost-text--disabled{color:var(--color-button-ghost-text--disabled)}.text-button-outline-text{color:var(--color-button-outline-text)}.text-button-outline-text--disabled{color:var(--color-button-outline-text--disabled)}.text-button-primary-text{color:var(--color-button-primary-text)}.text-button-primary-text--disabled{color:var(--color-button-primary-text--disabled)}.text-button-secondary-text{color:var(--color-button-secondary-text)}.text-button-secondary-text--disabled{color:var(--color-button-secondary-text--disabled)}.text-checkbox-indicator--checked{color:var(--color-checkbox-indicator--checked)}.text-current{color:currentColor}.text-danger-400{color:var(--color-danger-400)}.text-danger-400\!{color:var(--color-danger-400)!important}.text-data-card-description{color:var(--color-data-card-description)}.text-gray-500{color:var(--color-gray-500)}.text-inherit{color:inherit}.text-input-text{color:var(--color-input-text)}.text-input-text\!{color:var(--color-input-text)!important}.text-input-text--disabled{color:var(--color-input-text--disabled)}.text-input-text-placeholder{color:var(--color-input-text-placeholder)}.text-input-text-prefix{color:var(--color-input-text-prefix)}.text-kbd-text{color:var(--color-kbd-text)}.text-neutral-200\!{color:var(--color-neutral-200)!important}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-400\!{color:var(--color-neutral-400)!important}.text-popover-text{color:var(--color-popover-text)}.text-success-400{color:var(--color-success-400)}.text-text-primary{color:var(--color-text-primary)}.text-text-primary\!{color:var(--color-text-primary)!important}.text-text-secondary{color:var(--color-text-secondary)}.text-text-secondary\!{color:var(--color-text-secondary)!important}.text-toast-danger-icon{color:var(--color-toast-danger-icon)}.text-toast-danger-text{color:var(--color-toast-danger-text)}.text-toast-info-icon{color:var(--color-toast-info-icon)}.text-toast-info-text{color:var(--color-toast-info-text)}.text-toast-success-icon{color:var(--color-toast-success-icon)}.text-toast-success-text{color:var(--color-toast-success-text)}.text-toast-text{color:var(--color-toast-text)}.text-toast-warning-icon{color:var(--color-toast-warning-icon)}.text-toast-warning-text{color:var(--color-toast-warning-text)}.text-toggle-text{color:var(--color-toggle-text)}.text-warning-400{color:var(--color-warning-400)}.text-warning-400\!{color:var(--color-warning-400)!important}.uppercase{text-transform:uppercase}.font-stretch-condensed{font-stretch:75%}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline\!{text-decoration-line:none!important}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-2xs{--tw-shadow:0 1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[-20px_0_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:-20px 0 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-20px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 -20px 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 20px 20px var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[20px_0_20px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:20px 0 20px var(--tw-shadow-color,#0006);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-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none\!{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.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-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--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)}.ring-0\!{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.ring-black{--tw-ring-color:var(--color-black)}.ring-slider-thumb-ring\/50{--tw-ring-color:var(--color-slider-thumb-ring)}@supports (color:color-mix(in lab, red, red)){.ring-slider-thumb-ring\/50{--tw-ring-color:color-mix(in oklab, var(--color-slider-thumb-ring) 50%, transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.outline-transparent{outline-color:#0000}.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,)}.grayscale{--tw-grayscale:grayscale(100%);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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[colors\]{transition-property:colors;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;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-opacity{transition-property:opacity;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))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.duration-150{animation-duration:.15s}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{animation-timing-function:cubic-bezier(.16,1,.3,1)}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}:is(.\*\:box-border>*){box-sizing:border-box}:is(.\*\:min-w-0>*){min-width:calc(var(--spacing) * 0)}:is(.\*\*\:box-border *){box-sizing:border-box}.not-last\:border-b:not(:last-child){border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.group-aria-pressed\:bg-badge-primary-bg--active:is(:where(.group)[aria-pressed=true] *),.group-data-\[state\=on\]\:bg-badge-primary-bg--active:is(:where(.group)[data-state=on] *){background-color:var(--color-badge-primary-bg--active)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:text-neutral-400:is(:where(.peer):disabled~*){color:var(--color-neutral-400)}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[state\=checked\]\:invisible:is(:where(.peer)[data-state=checked]~*){visibility:hidden}.peer-data-\[state\=checked\]\:-translate-x-full:is(:where(.peer)[data-state=checked]~*){--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-data-\[state\=checked\]\:text-background:is(:where(.peer)[data-state=checked]~*){color:var(--color-background)}.peer-data-\[state\=on\]\/spectral-split-menu\:border-toggle-border--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*){border-color:var(--color-toggle-border--active)!important}.peer-data-\[state\=on\]\/spectral-split-menu\:bg-toggle-bg--active:is(:where(.peer\/spectral-split-menu)[data-state=on]~*){background-color:var(--color-toggle-bg--active)}.peer-data-\[state\=on\]\/spectral-split-menu\:text-toggle-text--active:is(:where(.peer\/spectral-split-menu)[data-state=on]~*){color:var(--color-toggle-text--active)}.peer-data-\[state\=unchecked\]\:invisible:is(:where(.peer)[data-state=unchecked]~*){visibility:hidden}.peer-data-\[state\=unchecked\]\:translate-x-6:is(:where(.peer)[data-state=unchecked]~*){--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.placeholder\:text-input-text\!::placeholder{color:var(--color-input-text)!important}.placeholder\:text-input-text-placeholder::placeholder{color:var(--color-input-text-placeholder)}.placeholder\:text-input-text-placeholder\!::placeholder{color:var(--color-input-text-placeholder)!important}.placeholder\:opacity-100::placeholder{opacity:1}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-y-2:before{content:var(--tw-content);inset-block:calc(var(--spacing) * 2)}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing) * 0)}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:bg-border-secondary\/6:before{content:var(--tw-content);background-color:var(--color-border-secondary)}@supports (color:color-mix(in lab, red, red)){.before\:bg-border-secondary\/6:before{background-color:color-mix(in oklab, var(--color-border-secondary) 6%, transparent)}}.before\:content-none:before{content:var(--tw-content);--tw-content:none;content:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing) * 0)}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing) * 0)}.after\:bottom-0:after{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.after\:m-auto:after{content:var(--tw-content);margin:auto}.after\:h-2\.5:after{content:var(--tw-content);height:calc(var(--spacing) * 2.5)}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing) * 1)}.after\:w-2\.5:after{content:var(--tw-content);width:calc(var(--spacing) * 2.5)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:rounded-t-\[0\.3rem\]:after{content:var(--tw-content);border-top-left-radius:.3rem;border-top-right-radius:.3rem}.after\:rounded-l-\[0\.3rem\]:after{content:var(--tw-content);border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.after\:border-r-\[0\.3rem\]:after{content:var(--tw-content);border-right-style:var(--tw-border-style);border-right-width:.3rem}.after\:border-b-\[0\.3rem\]:after{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:.3rem}.after\:border-tabs-indicator:after{content:var(--tw-content);border-color:var(--color-tabs-indicator)}.after\:bg-radio-bg--selected:after{content:var(--tw-content);background-color:var(--color-radio-bg--selected)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.after\:content-none:after{content:var(--tw-content);--tw-content:none;content:none}.first\:mt-0:first-child{margin-top:calc(var(--spacing) * 0)}.first\:rounded-s-md:first-child{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.first\:rounded-ss-md:first-child{border-start-start-radius:var(--radius-md)}.first\:rounded-se-md:first-child{border-start-end-radius:var(--radius-md)}.last\:me-0:last-child{margin-inline-end:calc(var(--spacing) * 0)}.last\:mbe-0:last-child{margin-block-end:calc(var(--spacing) * 0)}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing) * 0)}.last\:rounded-e-md:last-child{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.last\:rounded-ee-md:last-child{border-end-end-radius:var(--radius-md)}.last\:rounded-es-md:last-child{border-end-start-radius:var(--radius-md)}.focus-within\:z-10:focus-within{z-index:10}.focus-within\:outline-none:focus-within{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:z-10:hover{z-index:10}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-button-danger--hover:hover{border-color:var(--color-button-danger--hover)}.hover\:border-button-primary-border--hover:hover{border-color:var(--color-button-primary-border--hover)}.hover\:border-danger-500:hover{border-color:var(--color-danger-500)}.hover\:border-input-border--hover:hover{border-color:var(--color-input-border--hover)}.hover\:border-radio-border--hover:hover{border-color:var(--color-radio-border--hover)}.hover\:border-toggle-border--hover:hover{border-color:var(--color-toggle-border--hover)}.hover\:border-toggle-outline-border--hover:hover{border-color:var(--color-toggle-outline-border--hover)}.hover\:border-warning-400:hover{border-color:var(--color-warning-400)}.hover\:bg-button-danger--hover:hover{background-color:var(--color-button-danger--hover)}.hover\:bg-button-ghost-bg--hover:hover{background-color:var(--color-button-ghost-bg--hover)}.hover\:bg-button-outline-bg--hover:hover{background-color:var(--color-button-outline-bg--hover)}.hover\:bg-button-primary-bg--hover:hover{background-color:var(--color-button-primary-bg--hover)}.hover\:bg-button-secondary-bg--hover:hover{background-color:var(--color-button-secondary-bg--hover)}.hover\:bg-input-bg--hover:hover{background-color:var(--color-input-bg--hover)}.hover\:bg-level-four:hover{background-color:var(--color-level-four)}.hover\:bg-level-one:hover{background-color:var(--color-level-one)}.hover\:bg-level-two:hover{background-color:var(--color-level-two)}.hover\:bg-toggle-bg--hover:hover{background-color:var(--color-toggle-bg--hover)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-button-danger\/80:hover{color:var(--color-button-danger)}@supports (color:color-mix(in lab, red, red)){.hover\:text-button-danger\/80:hover{color:color-mix(in oklab, var(--color-button-danger) 80%, transparent)}}.hover\:text-button-ghost-text--hover:hover{color:var(--color-button-ghost-text--hover)}.hover\:text-button-outline-text--hover:hover{color:var(--color-button-outline-text--hover)}.hover\:text-button-primary-text--hover:hover{color:var(--color-button-primary-text--hover)}.hover\:text-button-secondary-text--hover:hover{color:var(--color-button-secondary-text--hover)}.hover\:text-neutral-100:hover{color:var(--color-neutral-100)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-toggle-text--hover:hover{color:var(--color-toggle-text--hover)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-100\!:hover{opacity:1!important}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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-data-\[state\=on\]\/spectral-split-menu\:hover\:border-toggle-border--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*):hover{border-color:var(--color-toggle-border--active)!important}.peer-data-\[state\=on\]\/spectral-split-menu\:hover\:bg-toggle-bg--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*):hover{background-color:var(--color-toggle-bg--active)!important}.peer-data-\[state\=on\]\/spectral-split-menu\:hover\:text-toggle-text--active\!:is(:where(.peer\/spectral-split-menu)[data-state=on]~*):hover{color:var(--color-toggle-text--active)!important}}.focus\:z-10:focus{z-index:10}.focus\:scale-95:focus{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.focus\:border-danger-400:focus{border-color:var(--color-danger-400)}.focus\:border-input-border--focus:focus{border-color:var(--color-input-border--focus)}.focus\:border-warning-400:focus{border-color:var(--color-warning-400)}.focus\:text-text-primary:focus{color:var(--color-text-primary)}.focus\:ring-1:focus{--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)}.focus\:ring-2:focus{--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)}.focus\:ring-accent:focus{--tw-ring-color:var(--color-accent)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-accent:focus-visible{border-color:var(--color-accent)}.focus-visible\:border-input-border--focus:focus-visible{border-color:var(--color-input-border--focus)}.focus-visible\:bg-input-bg--hover:focus-visible{background-color:var(--color-input-bg--hover)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-0:focus-visible{--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-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-2:focus-visible{--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)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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-\[3px\]: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-accent:focus-visible{--tw-ring-color:var(--color-accent)}.focus-visible\:ring-badge-destructive-border:focus-visible{--tw-ring-color:var(--color-badge-destructive-border)}.focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--color-black)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--color-background)}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--color-accent)}.focus-visible\:outline-button-danger:focus-visible{outline-color:var(--color-button-danger)}.focus-visible\:outline-button-outline-border:focus-visible{outline-color:var(--color-button-outline-border)}.focus-visible\:outline-button-primary-border:focus-visible{outline-color:var(--color-button-primary-border)}.focus-visible\:outline-button-secondary-border:focus-visible{outline-color:var(--color-button-secondary-border)}.focus-visible\:outline-checkbox-border--focus:focus-visible{outline-color:var(--color-checkbox-border--focus)}.focus-visible\:outline-danger-400:focus-visible{outline-color:var(--color-danger-400)}.focus-visible\:outline-input-border--focus:focus-visible{outline-color:var(--color-input-border--focus)}.focus-visible\:outline-level-two:focus-visible{outline-color:var(--color-level-two)}.focus-visible\:outline-text-secondary:focus-visible{outline-color:var(--color-text-secondary)}.focus-visible\:outline-warning-400:focus-visible{outline-color:var(--color-warning-400)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:border-toggle-border--active:active{border-color:var(--color-toggle-border--active)}.active\:bg-accent:active{background-color:var(--color-accent)}.active\:bg-toggle-bg--active:active{background-color:var(--color-toggle-bg--active)}.active\:text-text-inverted:active{color:var(--color-text-inverted)}.active\:text-toggle-text--active:active{color:var(--color-toggle-text--active)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-button-outline-border--disabled:disabled{border-color:var(--color-button-outline-border--disabled)}.disabled\:border-button-primary-border--disabled:disabled{border-color:var(--color-button-primary-border--disabled)}.disabled\:border-button-secondary-border--disabled:disabled{border-color:var(--color-button-secondary-border--disabled)}.disabled\:border-input-border--disabled:disabled{border-color:var(--color-input-border--disabled)}.disabled\:bg-button-primary-bg--disabled:disabled{background-color:var(--color-button-primary-bg--disabled)}.disabled\:bg-button-secondary-bg--disabled:disabled{background-color:var(--color-button-secondary-bg--disabled)}.disabled\:bg-input-bg--disabled:disabled{background-color:var(--color-input-bg--disabled)}.disabled\:text-button-ghost-text--disabled:disabled{color:var(--color-button-ghost-text--disabled)}.disabled\:text-button-outline-text--disabled:disabled{color:var(--color-button-outline-text--disabled)}.disabled\:text-button-primary-text--disabled:disabled{color:var(--color-button-primary-text--disabled)}.disabled\:text-button-secondary-text--disabled:disabled{color:var(--color-button-secondary-text--disabled)}.disabled\:text-input-text--disabled:disabled{color:var(--color-input-text--disabled)}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-text-primary:disabled:hover{color:var(--color-text-primary)}}:where([data-orientation=horizontal]) .in-data-\[orientation\=horizontal\]\:p-4{padding:calc(var(--spacing) * 4)}:where([data-slot=tooltip-content]) .in-data-\[slot\=tooltip-content\]\:bg-level-three{background-color:var(--color-level-three)}.has-\[\[data-slot\=dialog-footer\]\]\:pb-0:has([data-slot=dialog-footer]){padding-bottom:calc(var(--spacing) * 0)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:outline-0:has([data-slot=input-group-control]:focus-visible){outline-style:var(--tw-outline-style);outline-width:0}.has-\[disabled\]\:opacity-50:has(:is(disabled)){opacity:.5}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-danger-200[aria-invalid=true]{border-color:var(--color-danger-200)}.aria-invalid\:ring-danger-200[aria-invalid=true]{--tw-ring-color:var(--color-danger-200)}.aria-invalid\:outline-danger-200\/20[aria-invalid=true]{outline-color:var(--color-danger-200)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:outline-danger-200\/20[aria-invalid=true]{outline-color:color-mix(in oklab, var(--color-danger-200) 20%, transparent)}}.aria-pressed\:border-toggle-border--active[aria-pressed=true]{border-color:var(--color-toggle-border--active)}.aria-pressed\:bg-toggle-bg--active[aria-pressed=true]{background-color:var(--color-toggle-bg--active)}.aria-pressed\:text-toggle-text--active[aria-pressed=true]{color:var(--color-toggle-text--active)}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-highlighted\:bg-input-bg--hover[data-highlighted]{background-color:var(--color-input-bg--hover)}.data-placeholder\:text-input-text-placeholder\![data-placeholder]{color:var(--color-input-text-placeholder)!important}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[expanded\=true\]\:w-full[data-expanded=true],.data-\[layout\=\'expanded\'\]\:w-full[data-layout=expanded]{width:100%}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:flex[data-orientation=vertical]{display:flex}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[size\=lg\]\:min-w-7[data-size=lg]{min-width:calc(var(--spacing) * 7)}.data-\[size\=lg\]\:px-1\.5[data-size=lg]{padding-inline:calc(var(--spacing) * 1.5)}.data-\[size\=sm\]\:min-w-5[data-size=sm]{min-width:calc(var(--spacing) * 5)}.data-\[size\=sm\]\:px-0\.5[data-size=sm]{padding-inline:calc(var(--spacing) * .5)}.data-\[state\=active\]\:text-accent[data-state=active]{color:var(--color-accent)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:translate-x-\[26px\][data-state=checked]{--tw-translate-x:26px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-checkbox-border--checked[data-state=checked]{border-color:var(--color-checkbox-border--checked)}.data-\[state\=checked\]\:border-radio-border--selected[data-state=checked]{border-color:var(--color-radio-border--selected)}.data-\[state\=checked\]\:bg-radio-bg[data-state=checked]{background-color:var(--color-radio-bg)}.data-\[state\=checked\]\:bg-switch-bg--checked[data-state=checked]{background-color:var(--color-switch-bg--checked)}.data-\[state\=checked\]\:bg-switch-thumb[data-state=checked]{background-color:var(--color-switch-thumb)}.data-\[state\=on\]\:border-toggle-border--active[data-state=on]{border-color:var(--color-toggle-border--active)}.data-\[state\=on\]\:bg-toggle-bg--active[data-state=on]{background-color:var(--color-toggle-bg--active)}.data-\[state\=on\]\:text-toggle-text--active[data-state=on]{color:var(--color-toggle-text--active)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--color-accent)}.data-\[state\=unchecked\]\:bg-switch-bg[data-state=unchecked],.data-\[state\=unchecked\]\:bg-switch-bg\/50[data-state=unchecked]{background-color:var(--color-switch-bg)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=unchecked\]\:bg-switch-bg\/50[data-state=unchecked]{background-color:color-mix(in oklab, var(--color-switch-bg) 50%, transparent)}}.data-\[variant\=\'outline\'\]\:gap-0[data-variant=outline]{gap:calc(var(--spacing) * 0)}.data-\[variant\=\'outline\'\]\:\[--color-toggle-border\:var\(--color-toggle-outline-border\)\][data-variant=outline]{--color-toggle-border:var(--color-toggle-outline-border)}.data-\[variant\=outline\]\:gap-0[data-variant=outline]{gap:calc(var(--spacing) * 0)}.data-\[variant\=outline\]\:border-toggle-border[data-variant=outline]{border-color:var(--color-toggle-border)}.data-\[variant\=outline\]\:\[--color-toggle-border\:var\(--color-toggle-outline-border\)\][data-variant=outline]{--color-toggle-border:var(--color-toggle-outline-border)}@media (hover:hover){.data-\[variant\=outline\]\:hover\:border-toggle-border[data-variant=outline]:hover{border-color:var(--color-toggle-border)}}.data-\[variant\=outline\]\:data-\[state\=on\]\:border-selected-primary[data-variant=outline][data-state=on]{border-color:var(--color-selected-primary)}@media (hover:hover){.data-\[variant\=outline\]\:data-\[state\=on\]\:hover\:border-selected-primary[data-variant=outline][data-state=on]:hover{border-color:var(--color-selected-primary)}}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-caret-blink{animation:var(--animate-caret-blink)}.motion-safe\:animate-pulse{animation:var(--animate-pulse)}.motion-safe\:animate-spin{animation:var(--animate-spin)}.motion-safe\:duration-300{--tw-duration:.3s;transition-duration:.3s}.motion-safe\:animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.motion-safe\:duration-300{animation-duration:.3s}.motion-safe\:fade-in{--tw-enter-opacity:0}.motion-safe\:slide-in-from-top-full{--tw-enter-translate-y:-100%}.motion-safe\:data-closed\:animate-out[data-closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.motion-safe\:data-closed\:fade-out-0[data-closed]{--tw-exit-opacity:0}.motion-safe\:data-closed\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.motion-safe\:data-open\:animate-in[data-open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.motion-safe\:data-open\:fade-in-0[data-open]{--tw-enter-opacity:0}.motion-safe\:data-open\:zoom-in-95[data-open]{--tw-enter-scale:.95}.motion-safe\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.motion-safe\:data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.motion-safe\:data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.motion-safe\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.motion-safe\:data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:var(--animate-accordion-up)}.motion-safe\:data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.motion-safe\:data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.motion-safe\:data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.motion-safe\:data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:var(--animate-accordion-down)}.motion-safe\:data-\[state\=open\]\:duration-600[data-state=open]{--tw-duration:.6s;transition-duration:.6s}.motion-safe\:data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.motion-safe\:data-\[state\=open\]\:duration-600[data-state=open]{animation-duration:.6s}.motion-safe\:data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.motion-safe\:data-\[state\=open\]\:slide-in-from-bottom-20[data-state=open]{--tw-enter-translate-y:5rem}.motion-safe\:data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.motion-safe\:data-\[state\=open\]\:zoom-in-100\![data-state=open]{--tw-enter-scale:1!important}}@media (prefers-reduced-motion:reduce){.motion-reduce\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:duration-0{--tw-duration:0s;transition-duration:0s;animation-duration:0s}}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}@media not all and (min-width:48rem){.sm\:max-md\:max-w-full{max-width:100%}}}@media (min-width:48rem){.md\:font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.md\:font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}.peer-data-\[state\=checked\]\:rtl\:translate-x-full:is(:where(.peer)[data-state=checked]~*):where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-data-\[state\=unchecked\]\:rtl\:-translate-x-6:is(:where(.peer)[data-state=unchecked]~*):where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing) * -6);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:rtl\:-translate-x-4[data-state=checked]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:rtl\:translate-x-\[-26px\][data-state=checked]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:-26px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&_button\:first-of-type\]\:rounded-l-md button:first-of-type{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.\[\&_button\:last-of-type\]\:rounded-r-md button:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.data-\[variant\=\'outline\'\]\:\[\&_button\:not\(\:first-of-type\)\]\:border-l-0[data-variant=outline] button:not(:first-of-type){border-left-style:var(--tw-border-style);border-left-width:0}.data-\[variant\=\'outline\'\]\:\[\&_button\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-outline-divider\)\][data-variant=outline] button:not(:last-of-type),.data-\[variant\=outline\]\:\[\&_button\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-outline-divider\)\][data-variant=outline] button:not(:last-of-type){border-right-color:var(--color-toggle-outline-divider)}.data-\[variant\=\'outline\'\]\:\[\&_button\[data-state\=\'on\'\]\:not\(\:last-of-type\)\]\:\[border-right-color\:var\(--color-toggle-border--active\)\][data-variant=outline] button[data-state=on]:not(:last-of-type){border-right-color:var(--color-toggle-border--active)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_p\]\:text-alert-danger-text p{color:var(--color-alert-danger-text)}.\[\&_p\]\:text-alert-info-text p{color:var(--color-alert-info-text)}.\[\&_p\]\:text-alert-success-text p{color:var(--color-alert-success-text)}.\[\&_p\]\:text-alert-text p{color:var(--color-alert-text)}.\[\&_p\]\:text-alert-warning-text p{color:var(--color-alert-warning-text)}.\[\&_span\]\:rounded-\[4px\] span{border-radius:4px}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-3 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-4 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\:not\(\[width\]\)\:not\(\[height\]\)\]\:size-5 svg:not([class*=size-]):not([width]):not([height]){width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}.\[\&\:not\(\:first-child\)\]\:border-l-0:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.\[\&\>\*\:last-child\]\:-ms-0\.5>:last-child{margin-inline-start:calc(var(--spacing) * -.5)}.\[\&\>\*\:last-child\]\:-mt-0\.5>:last-child{margin-top:calc(var(--spacing) * -.5)}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>input\]\:flex-1>input{flex:1}.\[\&\>span\]\:block>span{display:block}.\[\&\>span\]\:min-w-0>span{min-width:calc(var(--spacing) * 0)}.\[\&\>span\]\:overflow-hidden>span{overflow:hidden}.\[\&\>span\]\:text-ellipsis>span{text-overflow:ellipsis}.\[\&\>span\]\:whitespace-nowrap>span{white-space:nowrap}.\[\&\>span\[data-placeholder\]\]\:text-input-text-placeholder\!>span[data-placeholder]{color:var(--color-input-text-placeholder)!important}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-6>svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--color-accent)}a.\[a\&\]\:hover\:bg-badge-primary-bg--hover:hover{background-color:var(--color-badge-primary-bg--hover)}a.\[a\&\]\:hover\:bg-danger-400:hover{background-color:var(--color-danger-400)}}@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))}}@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))}}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
 }

package/dist/utils/formFieldUtils.d.ts

@@ -11,6 +11,8 @@ interface BaseFormFieldProps {
   errorMessage?: string | string[] | Record<string, unknown> | null;
   id?: string;
   label?: string;
+  messageReserveLines?: number;
+  messageReserveSpace?: boolean;
   name?: string;
   onChange?: (value: string) => void;
   required?: boolean;

package/dist/utils/formFieldUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formFieldUtils.d.ts","names":[],"sources":["../../src/utils/formFieldUtils.tsx"],"mappings":";;;;;;;KAIY,cAAA;AAAA,UAEK,kBAAA;EACf,QAAA;EACA,YAAA,uBAAmC,MAAA;EACnC,EAAA;EACA,KAAA;EACA,IAAA;EACA,QAAA,IAAY,KAAA;EACZ,QAAA;EACA,KAAA,GAAQ,cAAA;EACR,kBAAA;EACA,eAAA;EACA,cAAA;EACA,YAAA;EACA,eAAA;AAAA;AAAA,UAGe,UAAA;EACf,QAAA;EACA,KAAA;EACA,KAAA;EACA,KAAA;AAAA;AAAA,KAGU,aAAA;AAAA,KACA,iBAAA;AAAA,UAEF,wBAAA;EACR,aAAA,EAAe,aAAA;EACf,iBAAA;EACA,YAAA;EACA,gBAAA;AAAA;AAAA,cAGW,sBAAA;EAAsB,aAAA;EAAA,iBAAA;EAAA,YAAA;EAAA;AAAA,GAKhC,wBAAA;EACD,qBAAA,EAAuB,aAAA;EACvB,iBAAA,EAAmB,iBAAA;EACnB,kBAAA,EAAoB,aAAA;EACpB,qBAAA;AAAA;AAAA,cA6BW,eAAA,GAAe,KAAA,EAAW,cAAA;AAAA,cAY1B,iBAAA,GAAiB,MAAA,uBAAmB,KAAA,EAAiB,cAAA,EAAc,SAAA;AAAA,cAWnE,kBAAA,GAAkB,MAAA,WAAmB,QAAA;AAAA,cAQrC,yBAAA;AAAA,cAIA,eAAA,GAAe,KAAA,EAAW,cAAA,EAAc,SAAA;AAAA,cAWxC,kBAAA,GAAkB,KAAA,EAAW,cAAA,EAAc,SAAA;AAAA,cAW3C,cAAA,GAAc,EAAA,WAAe,IAAA;AAAA,cAW7B,iBAAA,GAAiB,OAAA;AAAA,cAEjB,YAAA,GAAY,KAAA,EAAW,cAAA,EAAc,eAAA,WAA0B,YAAA,YAAwB,SAAA;EAClG,cAAA;EACA,eAAA;EACA,kBAAA;AAAA;AAAA,cAGW,yBAAA,GAAyB,WAAA,GAAiB,MAAA;;;;;cAO1C,iBAAA,GAAiB,QAAA,YAAsB,KAAA,GAAS,cAAA;EAC3D,UAAA;EACA,SAAA;EACA,SAAA;AAAA;AAAA,cAIW,eAAA,aAA6B,WAAA,EAAW,QAAA,iBAAsB,OAAA,CAAA,SAAA,CAAA,CAAA;AAAA,cAiB9D,qBAAA,aAAmC,UAAA,EAAU,MAAA,WAAiB,WAAA,uBAAsB,OAAA,cAA6B,QAAA,GAAa,KAAA,mBAAsB,OAAA,EAAW,CAAA,IAAG,aAAA;;oCAAF,OAAA,CAAA,cAAA;yBAwCjK,aAAA,CAAc,WAAA;;;cA6Db,YAAA,aAA0B,UAAA,EAAU,OAAA,EAAW,CAAA;;;;;cAsB/C,YAAA;EAAY,SAAA;EAAA;AAAA;EAA2C,SAAA;EAAoB,OAAA;AAAA,MAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAM7F,UAAA;EAAU,SAAA;EAAA;AAAA;EAAmD,SAAA;EAAoB,OAAA,GAAU,SAAA;AAAA,MAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAMtG,gBAAA,GAAgB,UAAA,uBAAuB,SAAA,WAA4B,UAAA;AAAA,cASnE,cAAA,GAAc,OAAA,EAAa,WAAA"}
+{"version":3,"file":"formFieldUtils.d.ts","names":[],"sources":["../../src/utils/formFieldUtils.tsx"],"mappings":";;;;;;;KAIY,cAAA;AAAA,UAEK,kBAAA;EACf,QAAA;EACA,YAAA,uBAAmC,MAAA;EACnC,EAAA;EACA,KAAA;EACA,mBAAA;EACA,mBAAA;EACA,IAAA;EACA,QAAA,IAAY,KAAA;EACZ,QAAA;EACA,KAAA,GAAQ,cAAA;EACR,kBAAA;EACA,eAAA;EACA,cAAA;EACA,YAAA;EACA,eAAA;AAAA;AAAA,UAGe,UAAA;EACf,QAAA;EACA,KAAA;EACA,KAAA;EACA,KAAA;AAAA;AAAA,KAGU,aAAA;AAAA,KACA,iBAAA;AAAA,UAEF,wBAAA;EACR,aAAA,EAAe,aAAA;EACf,iBAAA;EACA,YAAA;EACA,gBAAA;AAAA;AAAA,cAGW,sBAAA;EAAsB,aAAA;EAAA,iBAAA;EAAA,YAAA;EAAA;AAAA,GAKhC,wBAAA;EACD,qBAAA,EAAuB,aAAA;EACvB,iBAAA,EAAmB,iBAAA;EACnB,kBAAA,EAAoB,aAAA;EACpB,qBAAA;AAAA;AAAA,cA6BW,eAAA,GAAe,KAAA,EAAW,cAAA;AAAA,cAY1B,iBAAA,GAAiB,MAAA,uBAAmB,KAAA,EAAiB,cAAA,EAAc,SAAA;AAAA,cAWnE,kBAAA,GAAkB,MAAA,WAAmB,QAAA;AAAA,cAQrC,yBAAA;AAAA,cAIA,eAAA,GAAe,KAAA,EAAW,cAAA,EAAc,SAAA;AAAA,cAWxC,kBAAA,GAAkB,KAAA,EAAW,cAAA,EAAc,SAAA;AAAA,cAW3C,cAAA,GAAc,EAAA,WAAe,IAAA;AAAA,cAW7B,iBAAA,GAAiB,OAAA;AAAA,cAEjB,YAAA,GAAY,KAAA,EAAW,cAAA,EAAc,eAAA,WAA0B,YAAA,YAAwB,SAAA;EAClG,cAAA;EACA,eAAA;EACA,kBAAA;AAAA;AAAA,cAGW,yBAAA,GAAyB,WAAA,GAAiB,MAAA;;;;;cAO1C,iBAAA,GAAiB,QAAA,YAAsB,KAAA,GAAS,cAAA;EAC3D,UAAA;EACA,SAAA;EACA,SAAA;AAAA;AAAA,cAIW,eAAA,aAA6B,WAAA,EAAW,QAAA,iBAAsB,OAAA,CAAA,SAAA,CAAA,CAAA;AAAA,cAiB9D,qBAAA,aAAmC,UAAA,EAAU,MAAA,WAAiB,WAAA,uBAAsB,OAAA,cAA6B,QAAA,GAAa,KAAA,mBAAsB,OAAA,EAAW,CAAA,IAAG,aAAA;;oCAAF,OAAA,CAAA,cAAA;yBAwCjK,aAAA,CAAc,WAAA;;;cA6Db,YAAA,aAA0B,UAAA,EAAU,OAAA,EAAW,CAAA;;;;;cAsB/C,YAAA;EAAY,SAAA;EAAA;AAAA;EAA2C,SAAA;EAAoB,OAAA;AAAA,MAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAM7F,UAAA;EAAU,SAAA;EAAA;AAAA;EAAmD,SAAA;EAAoB,OAAA,GAAU,SAAA;AAAA,MAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAMtG,gBAAA,GAAgB,UAAA,uBAAuB,SAAA,WAA4B,UAAA;AAAA,cASnE,cAAA,GAAc,OAAA,EAAa,WAAA"}

package/dist/utils/formFieldUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"formFieldUtils.js","names":[],"sources":["../../src/utils/formFieldUtils.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { type CSSProperties, type KeyboardEvent, type ReactNode, useCallback, useEffect, useId, useRef, useState } from 'react'\nexport { ErrorMessage, WarningMessage, type FormFieldMessageValue } from '@components/FormFieldMessage/FormFieldMessage'\n\nexport type FormFieldState = 'default' | 'error' | 'warning' | 'disabled' | 'loading' | 'success'\n\nexport interface BaseFormFieldProps {\n  disabled?: boolean\n  errorMessage?: string | string[] | Record<string, unknown> | null\n  id?: string\n  label?: string\n  name?: string\n  onChange?: (value: string) => void\n  required?: boolean\n  state?: FormFieldState\n  'aria-describedby'?: string\n  'aria-disabled'?: boolean\n  'aria-invalid'?: boolean\n  'aria-label'?: string\n  'aria-required'?: boolean\n}\n\nexport interface BaseOption {\n  disabled?: boolean\n  group?: string\n  label: string\n  value: string\n}\n\nexport type DropdownWidth = 'trigger' | 'content' | (string & {})\nexport type DropdownWidthMode = 'trigger' | 'content' | 'custom'\n\ninterface DropdownWidthStyleConfig {\n  dropdownWidth: DropdownWidth\n  triggerStyleWidth?: string\n  triggerWidth: string\n  viewportMaxWidth?: string\n}\n\nexport const getDropdownWidthStyles = ({\n  dropdownWidth,\n  triggerStyleWidth,\n  triggerWidth,\n  viewportMaxWidth = 'calc(100vw - 2rem)',\n}: DropdownWidthStyleConfig): {\n  dropdownOverflowStyle: CSSProperties\n  dropdownWidthMode: DropdownWidthMode\n  dropdownWidthStyle: CSSProperties\n  resolvedDropdownWidth: string\n} => {\n  const dropdownWidthMode: DropdownWidthMode = dropdownWidth === 'trigger' ? 'trigger' : dropdownWidth === 'content' ? 'content' : 'custom'\n\n  const resolvedDropdownWidth = dropdownWidth === 'trigger' ? triggerWidth : dropdownWidth === 'content' ? 'max-content' : dropdownWidth\n\n  const dropdownOverflowStyle: CSSProperties = {\n    maxWidth: viewportMaxWidth,\n    overflowX: 'auto',\n    overflowY: 'auto',\n  }\n\n  const dropdownWidthStyle: CSSProperties =\n    dropdownWidth === 'trigger'\n      ? { width: triggerStyleWidth ?? triggerWidth }\n      : {\n          width: resolvedDropdownWidth,\n          ...(dropdownWidth === 'content' ? { minWidth: 'max-content' } : {}),\n          ...dropdownOverflowStyle,\n        }\n\n  return {\n    dropdownOverflowStyle,\n    dropdownWidthMode,\n    dropdownWidthStyle,\n    resolvedDropdownWidth,\n  }\n}\n\nexport const getStateClasses = (state: FormFieldState): string => {\n  const stateClassMap: Record<FormFieldState, string> = {\n    success: 'border-success-400 hover:border-success-500 focus-visible:border-success-400 focus-visible:outline-success-400',\n    error: 'border-danger-400 hover:border-danger-500 focus-visible:border-danger-400 focus-visible:outline-danger-400',\n    warning: 'border-warning-400 hover:border-warning-400 focus-visible:border-warning-400 focus-visible:outline-warning-400',\n    loading: 'cursor-wait border-input-border--disabled pointer-events-none',\n    disabled: 'cursor-not-allowed opacity-50 border-input-border--disabled text-input-text--disabled',\n    default: '',\n  }\n  return stateClassMap[state]\n}\n\nexport const getTriggerClasses = (isOpen: boolean = false, state: FormFieldState, className?: string): string => {\n  return cn(\n    'h-12 rounded-lg px-4 text-base flex w-full items-center justify-between border-2 border-input-border bg-input-bg',\n    'text-input-text transition duration-200 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none',\n    'disabled:cursor-not-allowed disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:opacity-50',\n    isOpen && 'border-input-border--focus hover:border-input-border--focus',\n    getStateClasses(state),\n    className,\n  )\n}\n\nexport const getDropdownClasses = (isOpen: boolean, position: 'top' | 'bottom' = 'bottom'): string => {\n  const positionClasses = position === 'bottom' ? 'top-full mt-1 origin-top' : 'bottom-full mb-1 origin-bottom'\n\n  const animationClasses = position === 'bottom' ? (isOpen ? 'scale-100 opacity-100 translate-y-0' : 'scale-95 opacity-0 -translate-y-1 pointer-events-none') : isOpen ? 'scale-100 opacity-100 translate-y-0' : 'scale-95 opacity-0 translate-y-1 pointer-events-none'\n\n  return cn('left-0 right-0 absolute z-50', getDropdownSurfaceClasses(), 'transition-[opacity,transform] duration-150 motion-reduce:transform-none motion-reduce:transition-none', 'will-change-[opacity,transform]', positionClasses, animationClasses)\n}\n\nexport const getDropdownSurfaceClasses = (): string => {\n  return 'rounded-lg border border-input-border bg-input-bg shadow-md'\n}\n\nexport const getInputClasses = (state: FormFieldState, className?: string): string => {\n  return cn(\n    'peer h-12 rounded-md ps-3 pe-12 text-base flex w-full border-2 border-input-border bg-input-bg transition duration-200',\n    'placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none',\n    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus',\n    'disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled',\n    getStateClasses(state),\n    className,\n  )\n}\n\nexport const getTextareaClasses = (state: FormFieldState, className?: string): string => {\n  return cn(\n    'peer h-24 rounded-md p-3 text-base flex w-full resize-none border-2 border-input-border bg-input-bg transition duration-200',\n    'placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none',\n    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus',\n    'disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled',\n    getStateClasses(state),\n    className,\n  )\n}\n\nexport const useFormFieldId = (id?: string, name?: string): string => {\n  const generatedId = useId()\n  if (id) return id\n  const safeName = name\n    ?.trim()\n    .toLowerCase()\n    .replace(/\\s+/g, '-')\n    .replace(/[^a-z0-9\\-_.:]/g, '')\n  return safeName ? `${safeName}-${generatedId}` : generatedId\n}\n\nexport const getErrorMessageId = (fieldId: string): string => `${fieldId}-error`\n\nexport const getAriaProps = (state: FormFieldState, ariaDescribedBy?: string, ariaRequired?: boolean, messageId?: string) => ({\n  'aria-invalid': state === 'error',\n  'aria-required': ariaRequired,\n  'aria-describedby': cn((state === 'error' || state === 'warning') && messageId, ariaDescribedBy) || undefined,\n})\n\nexport const getFormFieldCSSProperties = (customProps: Record<string, string> = {}) => ({\n  '--field-border-radius': '0.5rem',\n  '--field-height': '3rem',\n  '--field-padding': '1rem',\n  ...customProps,\n})\n\nexport const useFormFieldState = (disabled?: boolean, state: FormFieldState = 'default') => ({\n  isDisabled: disabled ?? state === 'disabled',\n  isLoading: state === 'loading',\n  isInvalid: state === 'error',\n  // isSuccess: state === 'success', // For future use\n})\n\nexport const useClickOutside = <T extends HTMLElement>(callback: () => void) => {\n  const ref = useRef<T>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        callback()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [callback])\n\n  return ref\n}\n\nexport const useKeyboardNavigation = <T extends BaseOption>(isOpen: boolean, multiSelect: boolean = false, onClose: () => void, onSelect: (value: string) => void, options: T[], selectedValue: string | string[] | undefined) => {\n  const [focusedIndex, setFocusedIndex] = useState(-1)\n\n  // Reset focused index when opening/closing\n  useEffect(() => {\n    if (isOpen) {\n      if (multiSelect) {\n        setFocusedIndex(0)\n      } else {\n        const selectedIndex = options.findIndex((option) => option.value === selectedValue)\n        setFocusedIndex(selectedIndex >= 0 ? selectedIndex : 0)\n      }\n    } else {\n      setFocusedIndex(-1)\n    }\n  }, [isOpen, selectedValue, options, multiSelect])\n\n  const getNextEnabledIndex = useCallback(\n    (currentIndex: number, direction: 'up' | 'down'): number => {\n      const increment = direction === 'down' ? 1 : -1\n      let nextIndex = currentIndex + increment\n\n      // Boundary checks\n      if (direction === 'down') {\n        nextIndex = Math.min(nextIndex, options.length - 1)\n      } else {\n        nextIndex = Math.max(nextIndex, 0)\n      }\n\n      const nextOption = options[nextIndex]\n      if (nextOption?.disabled && nextIndex !== currentIndex) {\n        return getNextEnabledIndex(nextIndex, direction)\n      }\n\n      return nextIndex\n    },\n    [options],\n  )\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>): 'open' | void => {\n      if (!isOpen) {\n        if (['ArrowDown', 'ArrowUp', ' ', 'Enter'].includes(event.key)) {\n          event.preventDefault()\n          return 'open'\n        }\n        return\n      }\n\n      const keyHandlers = {\n        ArrowDown: () => {\n          event.preventDefault()\n          setFocusedIndex((prev) => getNextEnabledIndex(prev, 'down'))\n        },\n        ArrowUp: () => {\n          event.preventDefault()\n          setFocusedIndex((prev) => getNextEnabledIndex(prev, 'up'))\n        },\n        Enter: () => {\n          event.preventDefault()\n          if (focusedIndex >= 0 && options[focusedIndex] && !options[focusedIndex].disabled) {\n            onSelect(options[focusedIndex].value)\n            if (!multiSelect) {\n              onClose()\n            }\n          }\n        },\n        ' ': () => {\n          event.preventDefault()\n          if (focusedIndex >= 0 && options[focusedIndex] && !options[focusedIndex].disabled) {\n            onSelect(options[focusedIndex].value)\n            if (!multiSelect) {\n              onClose()\n            }\n          }\n        },\n        Escape: () => {\n          event.preventDefault()\n          onClose()\n        },\n        Home: () => {\n          event.preventDefault()\n          setFocusedIndex(0)\n        },\n        End: () => {\n          event.preventDefault()\n          setFocusedIndex(options.length - 1)\n        },\n      }\n\n      const handler = keyHandlers[event.key as keyof typeof keyHandlers]\n      if (handler) {\n        handler()\n      }\n    },\n    [options, focusedIndex, onSelect, onClose, isOpen, multiSelect, getNextEnabledIndex],\n  )\n\n  return { focusedIndex, setFocusedIndex, handleKeyDown, isOpen }\n}\n\nexport const groupOptions = <T extends BaseOption>(options: T[]) => {\n  const groups: Record<string, T[]> = {}\n  const ungrouped: T[] = []\n\n  options.forEach((option) => {\n    if (option.group) {\n      if (!groups[option.group]) {\n        groups[option.group] = []\n      }\n      groups[option.group].push(option)\n    } else {\n      ungrouped.push(option)\n    }\n  })\n\n  return {\n    groups,\n    ungrouped,\n    hasGroups: Object.keys(groups).length > 0,\n  }\n}\n\nexport const LoadingState = ({ className, message = 'Loading…' }: { className?: string; message?: string }) => (\n  <div aria-live='polite' className={cn('gap-2 py-6 text-base text-input-text-secondary flex items-center justify-center', className)} role='status'>\n    {message}\n  </div>\n)\n\nexport const EmptyState = ({ className, message = 'No options found' }: { className?: string; message?: ReactNode }) => (\n  <div className={cn('py-6 text-base text-center text-text-secondary', className)} role='status'>\n    {message}\n  </div>\n)\n\nexport const getOptionClasses = (isDisabled: boolean = false, isFocused: boolean, isSelected: boolean): string => {\n  return cn(\n    'my-0.5 first:mt-0 last:mb-0 rounded-sm py-1.5 pl-2 pr-8 text-base relative flex w-full cursor-pointer items-center outline-none select-none hover:bg-input-bg--hover data-[highlighted]:bg-input-bg--hover data-[highlighted]:text-input-text',\n    isFocused && 'bg-input-bg--hover',\n    isSelected && 'bg-input-bg--selected text-input-text',\n    isDisabled && 'pointer-events-none text-input-text--disabled',\n  )\n}\n\nexport const scrollIntoView = (element: HTMLElement | null) => {\n  if (element) {\n    element.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n  }\n}\n"],"mappings":";;;;;;;AAuCA,MAAa,0BAA0B,EACrC,eACA,mBACA,cACA,mBAAmB,2BAMhB;CACH,MAAM,oBAAuC,kBAAkB,YAAY,YAAY,kBAAkB,YAAY,YAAY;CAEjI,MAAM,wBAAwB,kBAAkB,YAAY,eAAe,kBAAkB,YAAY,gBAAgB;CAEzH,MAAM,wBAAuC;EAC3C,UAAU;EACV,WAAW;EACX,WAAW;EACZ;AAWD,QAAO;EACL;EACA;EACA,oBAXA,kBAAkB,YACd,EAAE,OAAO,qBAAqB,cAAc,GAC5C;GACE,OAAO;GACP,GAAI,kBAAkB,YAAY,EAAE,UAAU,eAAe,GAAG,EAAE;GAClE,GAAG;GACJ;EAML;EACD;;AAGH,MAAa,mBAAmB,UAAkC;AAShE,QAAO;EAPL,SAAS;EACT,OAAO;EACP,SAAS;EACT,SAAS;EACT,UAAU;EACV,SAAS;EAES,CAAC;;AAGvB,MAAa,qBAAqB,SAAkB,OAAO,OAAuB,cAA+B;AAC/G,QAAO,GACL,oHACA,gIACA,yHACA,UAAU,+DACV,gBAAgB,MAAM,EACtB,UACD;;AAGH,MAAa,sBAAsB,QAAiB,WAA6B,aAAqB;CACpG,MAAM,kBAAkB,aAAa,WAAW,6BAA6B;CAE7E,MAAM,mBAAmB,aAAa,WAAY,SAAS,wCAAwC,0DAA2D,SAAS,wCAAwC;AAE/M,QAAO,GAAG,gCAAgC,2BAA2B,EAAE,0GAA0G,mCAAmC,iBAAiB,iBAAiB;;AAGxP,MAAa,kCAA0C;AACrD,QAAO;;AAGT,MAAa,mBAAmB,OAAuB,cAA+B;AACpF,QAAO,GACL,0HACA,gIACA,0HACA,yIACA,gBAAgB,MAAM,EACtB,UACD;;AAGH,MAAa,sBAAsB,OAAuB,cAA+B;AACvF,QAAO,GACL,+HACA,gIACA,0HACA,yIACA,gBAAgB,MAAM,EACtB,UACD;;AAGH,MAAa,kBAAkB,IAAa,SAA0B;CACpE,MAAM,cAAc,OAAO;AAC3B,KAAI,GAAI,QAAO;CACf,MAAM,WAAW,MACb,MAAM,CACP,aAAa,CACb,QAAQ,QAAQ,IAAI,CACpB,QAAQ,mBAAmB,GAAG;AACjC,QAAO,WAAW,GAAG,SAAS,GAAG,gBAAgB;;AAGnD,MAAa,qBAAqB,YAA4B,GAAG,QAAQ;AAEzE,MAAa,gBAAgB,OAAuB,iBAA0B,cAAwB,eAAwB;CAC5H,gBAAgB,UAAU;CAC1B,iBAAiB;CACjB,oBAAoB,IAAI,UAAU,WAAW,UAAU,cAAc,WAAW,gBAAgB,IAAI;CACrG;AAED,MAAa,6BAA6B,cAAsC,EAAE,MAAM;CACtF,yBAAyB;CACzB,kBAAkB;CAClB,mBAAmB;CACnB,GAAG;CACJ;AAED,MAAa,qBAAqB,UAAoB,QAAwB,eAAe;CAC3F,YAAY,YAAY,UAAU;CAClC,WAAW,UAAU;CACrB,WAAW,UAAU;CAEtB;AAED,MAAa,mBAA0C,aAAyB;CAC9E,MAAM,MAAM,OAAU,KAAK;AAE3B,iBAAgB;EACd,MAAM,sBAAsB,UAAsB;AAChD,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,OAAe,CAC5D,WAAU;;AAId,WAAS,iBAAiB,aAAa,mBAAmB;AAC1D,eAAa,SAAS,oBAAoB,aAAa,mBAAmB;IACzE,CAAC,SAAS,CAAC;AAEd,QAAO;;AAGT,MAAa,yBAA+C,QAAiB,cAAuB,OAAO,SAAqB,UAAmC,SAAc,kBAAiD;CAChO,MAAM,CAAC,cAAc,mBAAmB,SAAS,GAAG;AAGpD,iBAAgB;AACd,MAAI,OACF,KAAI,YACF,iBAAgB,EAAE;OACb;GACL,MAAM,gBAAgB,QAAQ,WAAW,WAAW,OAAO,UAAU,cAAc;AACnF,mBAAgB,iBAAiB,IAAI,gBAAgB,EAAE;;MAGzD,iBAAgB,GAAG;IAEpB;EAAC;EAAQ;EAAe;EAAS;EAAY,CAAC;CAEjD,MAAM,sBAAsB,aACzB,cAAsB,cAAqC;EAE1D,IAAI,YAAY,gBADE,cAAc,SAAS,IAAI;AAI7C,MAAI,cAAc,OAChB,aAAY,KAAK,IAAI,WAAW,QAAQ,SAAS,EAAE;MAEnD,aAAY,KAAK,IAAI,WAAW,EAAE;AAIpC,MADmB,QAAQ,YACX,YAAY,cAAc,aACxC,QAAO,oBAAoB,WAAW,UAAU;AAGlD,SAAO;IAET,CAAC,QAAQ,CACV;AA6DD,QAAO;EAAE;EAAc;EAAiB,eA3DlB,aACnB,UAAqD;AACpD,OAAI,CAAC,QAAQ;AACX,QAAI;KAAC;KAAa;KAAW;KAAK;KAAQ,CAAC,SAAS,MAAM,IAAI,EAAE;AAC9D,WAAM,gBAAgB;AACtB,YAAO;;AAET;;GA4CF,MAAM,UAAU;IAxCd,iBAAiB;AACf,WAAM,gBAAgB;AACtB,sBAAiB,SAAS,oBAAoB,MAAM,OAAO,CAAC;;IAE9D,eAAe;AACb,WAAM,gBAAgB;AACtB,sBAAiB,SAAS,oBAAoB,MAAM,KAAK,CAAC;;IAE5D,aAAa;AACX,WAAM,gBAAgB;AACtB,SAAI,gBAAgB,KAAK,QAAQ,iBAAiB,CAAC,QAAQ,cAAc,UAAU;AACjF,eAAS,QAAQ,cAAc,MAAM;AACrC,UAAI,CAAC,YACH,UAAS;;;IAIf,WAAW;AACT,WAAM,gBAAgB;AACtB,SAAI,gBAAgB,KAAK,QAAQ,iBAAiB,CAAC,QAAQ,cAAc,UAAU;AACjF,eAAS,QAAQ,cAAc,MAAM;AACrC,UAAI,CAAC,YACH,UAAS;;;IAIf,cAAc;AACZ,WAAM,gBAAgB;AACtB,cAAS;;IAEX,YAAY;AACV,WAAM,gBAAgB;AACtB,qBAAgB,EAAE;;IAEpB,WAAW;AACT,WAAM,gBAAgB;AACtB,qBAAgB,QAAQ,SAAS,EAAE;;IAIZ,CAAC,MAAM;AAClC,OAAI,QACF,UAAS;KAGb;GAAC;GAAS;GAAc;GAAU;GAAS;GAAQ;GAAa;GAAoB,CAGjC;EAAE;EAAQ;;AAGjE,MAAa,gBAAsC,YAAiB;CAClE,MAAM,SAA8B,EAAE;CACtC,MAAM,YAAiB,EAAE;AAEzB,SAAQ,SAAS,WAAW;AAC1B,MAAI,OAAO,OAAO;AAChB,OAAI,CAAC,OAAO,OAAO,OACjB,QAAO,OAAO,SAAS,EAAE;AAE3B,UAAO,OAAO,OAAO,KAAK,OAAO;QAEjC,WAAU,KAAK,OAAO;GAExB;AAEF,QAAO;EACL;EACA;EACA,WAAW,OAAO,KAAK,OAAO,CAAC,SAAS;EACzC;;AAGH,MAAa,gBAAgB,EAAE,WAAW,UAAU,iBAClD,oBAAC,OAAD;CAAK,aAAU;CAAS,WAAW,GAAG,mFAAmF,UAAU;CAAE,MAAK;WACvI;CACG;AAGR,MAAa,cAAc,EAAE,WAAW,UAAU,yBAChD,oBAAC,OAAD;CAAK,WAAW,GAAG,kDAAkD,UAAU;CAAE,MAAK;WACnF;CACG;AAGR,MAAa,oBAAoB,aAAsB,OAAO,WAAoB,eAAgC;AAChH,QAAO,GACL,iPACA,aAAa,sBACb,cAAc,yCACd,cAAc,gDACf;;AAGH,MAAa,kBAAkB,YAAgC;AAC7D,KAAI,QACF,SAAQ,eAAe;EAAE,OAAO;EAAW,UAAU;EAAU,CAAC"}
+{"version":3,"file":"formFieldUtils.js","names":[],"sources":["../../src/utils/formFieldUtils.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { type CSSProperties, type KeyboardEvent, type ReactNode, useCallback, useEffect, useId, useRef, useState } from 'react'\nexport { ErrorMessage, WarningMessage, type FormFieldMessageValue } from '@components/FormFieldMessage/FormFieldMessage'\n\nexport type FormFieldState = 'default' | 'error' | 'warning' | 'disabled' | 'loading' | 'success'\n\nexport interface BaseFormFieldProps {\n  disabled?: boolean\n  errorMessage?: string | string[] | Record<string, unknown> | null\n  id?: string\n  label?: string\n  messageReserveLines?: number\n  messageReserveSpace?: boolean\n  name?: string\n  onChange?: (value: string) => void\n  required?: boolean\n  state?: FormFieldState\n  'aria-describedby'?: string\n  'aria-disabled'?: boolean\n  'aria-invalid'?: boolean\n  'aria-label'?: string\n  'aria-required'?: boolean\n}\n\nexport interface BaseOption {\n  disabled?: boolean\n  group?: string\n  label: string\n  value: string\n}\n\nexport type DropdownWidth = 'trigger' | 'content' | (string & {})\nexport type DropdownWidthMode = 'trigger' | 'content' | 'custom'\n\ninterface DropdownWidthStyleConfig {\n  dropdownWidth: DropdownWidth\n  triggerStyleWidth?: string\n  triggerWidth: string\n  viewportMaxWidth?: string\n}\n\nexport const getDropdownWidthStyles = ({\n  dropdownWidth,\n  triggerStyleWidth,\n  triggerWidth,\n  viewportMaxWidth = 'calc(100vw - 2rem)',\n}: DropdownWidthStyleConfig): {\n  dropdownOverflowStyle: CSSProperties\n  dropdownWidthMode: DropdownWidthMode\n  dropdownWidthStyle: CSSProperties\n  resolvedDropdownWidth: string\n} => {\n  const dropdownWidthMode: DropdownWidthMode = dropdownWidth === 'trigger' ? 'trigger' : dropdownWidth === 'content' ? 'content' : 'custom'\n\n  const resolvedDropdownWidth = dropdownWidth === 'trigger' ? triggerWidth : dropdownWidth === 'content' ? 'max-content' : dropdownWidth\n\n  const dropdownOverflowStyle: CSSProperties = {\n    maxWidth: viewportMaxWidth,\n    overflowX: 'auto',\n    overflowY: 'auto',\n  }\n\n  const dropdownWidthStyle: CSSProperties =\n    dropdownWidth === 'trigger'\n      ? { width: triggerStyleWidth ?? triggerWidth }\n      : {\n          width: resolvedDropdownWidth,\n          ...(dropdownWidth === 'content' ? { minWidth: 'max-content' } : {}),\n          ...dropdownOverflowStyle,\n        }\n\n  return {\n    dropdownOverflowStyle,\n    dropdownWidthMode,\n    dropdownWidthStyle,\n    resolvedDropdownWidth,\n  }\n}\n\nexport const getStateClasses = (state: FormFieldState): string => {\n  const stateClassMap: Record<FormFieldState, string> = {\n    success: 'border-success-400 hover:border-success-500 focus-visible:border-success-400 focus-visible:outline-success-400',\n    error: 'border-danger-400 hover:border-danger-500 focus-visible:border-danger-400 focus-visible:outline-danger-400',\n    warning: 'border-warning-400 hover:border-warning-400 focus-visible:border-warning-400 focus-visible:outline-warning-400',\n    loading: 'cursor-wait border-input-border--disabled pointer-events-none',\n    disabled: 'cursor-not-allowed opacity-50 border-input-border--disabled text-input-text--disabled',\n    default: '',\n  }\n  return stateClassMap[state]\n}\n\nexport const getTriggerClasses = (isOpen: boolean = false, state: FormFieldState, className?: string): string => {\n  return cn(\n    'h-12 rounded-lg px-4 text-base flex w-full items-center justify-between border-2 border-input-border bg-input-bg',\n    'text-input-text transition duration-200 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none',\n    'disabled:cursor-not-allowed disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:opacity-50',\n    isOpen && 'border-input-border--focus hover:border-input-border--focus',\n    getStateClasses(state),\n    className,\n  )\n}\n\nexport const getDropdownClasses = (isOpen: boolean, position: 'top' | 'bottom' = 'bottom'): string => {\n  const positionClasses = position === 'bottom' ? 'top-full mt-1 origin-top' : 'bottom-full mb-1 origin-bottom'\n\n  const animationClasses = position === 'bottom' ? (isOpen ? 'scale-100 opacity-100 translate-y-0' : 'scale-95 opacity-0 -translate-y-1 pointer-events-none') : isOpen ? 'scale-100 opacity-100 translate-y-0' : 'scale-95 opacity-0 translate-y-1 pointer-events-none'\n\n  return cn('left-0 right-0 absolute z-50', getDropdownSurfaceClasses(), 'transition-[opacity,transform] duration-150 motion-reduce:transform-none motion-reduce:transition-none', 'will-change-[opacity,transform]', positionClasses, animationClasses)\n}\n\nexport const getDropdownSurfaceClasses = (): string => {\n  return 'rounded-lg border border-input-border bg-input-bg shadow-md'\n}\n\nexport const getInputClasses = (state: FormFieldState, className?: string): string => {\n  return cn(\n    'peer h-12 rounded-md ps-3 pe-12 text-base flex w-full border-2 border-input-border bg-input-bg transition duration-200',\n    'placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none',\n    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus',\n    'disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled',\n    getStateClasses(state),\n    className,\n  )\n}\n\nexport const getTextareaClasses = (state: FormFieldState, className?: string): string => {\n  return cn(\n    'peer h-24 rounded-md p-3 text-base flex w-full resize-none border-2 border-input-border bg-input-bg transition duration-200',\n    'placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none',\n    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus',\n    'disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled',\n    getStateClasses(state),\n    className,\n  )\n}\n\nexport const useFormFieldId = (id?: string, name?: string): string => {\n  const generatedId = useId()\n  if (id) return id\n  const safeName = name\n    ?.trim()\n    .toLowerCase()\n    .replace(/\\s+/g, '-')\n    .replace(/[^a-z0-9\\-_.:]/g, '')\n  return safeName ? `${safeName}-${generatedId}` : generatedId\n}\n\nexport const getErrorMessageId = (fieldId: string): string => `${fieldId}-error`\n\nexport const getAriaProps = (state: FormFieldState, ariaDescribedBy?: string, ariaRequired?: boolean, messageId?: string) => ({\n  'aria-invalid': state === 'error',\n  'aria-required': ariaRequired,\n  'aria-describedby': cn((state === 'error' || state === 'warning') && messageId, ariaDescribedBy) || undefined,\n})\n\nexport const getFormFieldCSSProperties = (customProps: Record<string, string> = {}) => ({\n  '--field-border-radius': '0.5rem',\n  '--field-height': '3rem',\n  '--field-padding': '1rem',\n  ...customProps,\n})\n\nexport const useFormFieldState = (disabled?: boolean, state: FormFieldState = 'default') => ({\n  isDisabled: disabled ?? state === 'disabled',\n  isLoading: state === 'loading',\n  isInvalid: state === 'error',\n  // isSuccess: state === 'success', // For future use\n})\n\nexport const useClickOutside = <T extends HTMLElement>(callback: () => void) => {\n  const ref = useRef<T>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        callback()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [callback])\n\n  return ref\n}\n\nexport const useKeyboardNavigation = <T extends BaseOption>(isOpen: boolean, multiSelect: boolean = false, onClose: () => void, onSelect: (value: string) => void, options: T[], selectedValue: string | string[] | undefined) => {\n  const [focusedIndex, setFocusedIndex] = useState(-1)\n\n  // Reset focused index when opening/closing\n  useEffect(() => {\n    if (isOpen) {\n      if (multiSelect) {\n        setFocusedIndex(0)\n      } else {\n        const selectedIndex = options.findIndex((option) => option.value === selectedValue)\n        setFocusedIndex(selectedIndex >= 0 ? selectedIndex : 0)\n      }\n    } else {\n      setFocusedIndex(-1)\n    }\n  }, [isOpen, selectedValue, options, multiSelect])\n\n  const getNextEnabledIndex = useCallback(\n    (currentIndex: number, direction: 'up' | 'down'): number => {\n      const increment = direction === 'down' ? 1 : -1\n      let nextIndex = currentIndex + increment\n\n      // Boundary checks\n      if (direction === 'down') {\n        nextIndex = Math.min(nextIndex, options.length - 1)\n      } else {\n        nextIndex = Math.max(nextIndex, 0)\n      }\n\n      const nextOption = options[nextIndex]\n      if (nextOption?.disabled && nextIndex !== currentIndex) {\n        return getNextEnabledIndex(nextIndex, direction)\n      }\n\n      return nextIndex\n    },\n    [options],\n  )\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>): 'open' | void => {\n      if (!isOpen) {\n        if (['ArrowDown', 'ArrowUp', ' ', 'Enter'].includes(event.key)) {\n          event.preventDefault()\n          return 'open'\n        }\n        return\n      }\n\n      const keyHandlers = {\n        ArrowDown: () => {\n          event.preventDefault()\n          setFocusedIndex((prev) => getNextEnabledIndex(prev, 'down'))\n        },\n        ArrowUp: () => {\n          event.preventDefault()\n          setFocusedIndex((prev) => getNextEnabledIndex(prev, 'up'))\n        },\n        Enter: () => {\n          event.preventDefault()\n          if (focusedIndex >= 0 && options[focusedIndex] && !options[focusedIndex].disabled) {\n            onSelect(options[focusedIndex].value)\n            if (!multiSelect) {\n              onClose()\n            }\n          }\n        },\n        ' ': () => {\n          event.preventDefault()\n          if (focusedIndex >= 0 && options[focusedIndex] && !options[focusedIndex].disabled) {\n            onSelect(options[focusedIndex].value)\n            if (!multiSelect) {\n              onClose()\n            }\n          }\n        },\n        Escape: () => {\n          event.preventDefault()\n          onClose()\n        },\n        Home: () => {\n          event.preventDefault()\n          setFocusedIndex(0)\n        },\n        End: () => {\n          event.preventDefault()\n          setFocusedIndex(options.length - 1)\n        },\n      }\n\n      const handler = keyHandlers[event.key as keyof typeof keyHandlers]\n      if (handler) {\n        handler()\n      }\n    },\n    [options, focusedIndex, onSelect, onClose, isOpen, multiSelect, getNextEnabledIndex],\n  )\n\n  return { focusedIndex, setFocusedIndex, handleKeyDown, isOpen }\n}\n\nexport const groupOptions = <T extends BaseOption>(options: T[]) => {\n  const groups: Record<string, T[]> = {}\n  const ungrouped: T[] = []\n\n  options.forEach((option) => {\n    if (option.group) {\n      if (!groups[option.group]) {\n        groups[option.group] = []\n      }\n      groups[option.group].push(option)\n    } else {\n      ungrouped.push(option)\n    }\n  })\n\n  return {\n    groups,\n    ungrouped,\n    hasGroups: Object.keys(groups).length > 0,\n  }\n}\n\nexport const LoadingState = ({ className, message = 'Loading…' }: { className?: string; message?: string }) => (\n  <div aria-live='polite' className={cn('gap-2 py-6 text-base text-input-text-secondary flex items-center justify-center', className)} role='status'>\n    {message}\n  </div>\n)\n\nexport const EmptyState = ({ className, message = 'No options found' }: { className?: string; message?: ReactNode }) => (\n  <div className={cn('py-6 text-base text-center text-text-secondary', className)} role='status'>\n    {message}\n  </div>\n)\n\nexport const getOptionClasses = (isDisabled: boolean = false, isFocused: boolean, isSelected: boolean): string => {\n  return cn(\n    'my-0.5 first:mt-0 last:mb-0 rounded-sm py-1.5 pl-2 pr-8 text-base relative flex w-full cursor-pointer items-center outline-none select-none hover:bg-input-bg--hover data-[highlighted]:bg-input-bg--hover data-[highlighted]:text-input-text',\n    isFocused && 'bg-input-bg--hover',\n    isSelected && 'bg-input-bg--selected text-input-text',\n    isDisabled && 'pointer-events-none text-input-text--disabled',\n  )\n}\n\nexport const scrollIntoView = (element: HTMLElement | null) => {\n  if (element) {\n    element.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n  }\n}\n"],"mappings":";;;;;;;AAyCA,MAAa,0BAA0B,EACrC,eACA,mBACA,cACA,mBAAmB,2BAMhB;CACH,MAAM,oBAAuC,kBAAkB,YAAY,YAAY,kBAAkB,YAAY,YAAY;CAEjI,MAAM,wBAAwB,kBAAkB,YAAY,eAAe,kBAAkB,YAAY,gBAAgB;CAEzH,MAAM,wBAAuC;EAC3C,UAAU;EACV,WAAW;EACX,WAAW;EACZ;AAWD,QAAO;EACL;EACA;EACA,oBAXA,kBAAkB,YACd,EAAE,OAAO,qBAAqB,cAAc,GAC5C;GACE,OAAO;GACP,GAAI,kBAAkB,YAAY,EAAE,UAAU,eAAe,GAAG,EAAE;GAClE,GAAG;GACJ;EAML;EACD;;AAGH,MAAa,mBAAmB,UAAkC;AAShE,QAAO;EAPL,SAAS;EACT,OAAO;EACP,SAAS;EACT,SAAS;EACT,UAAU;EACV,SAAS;EAES,CAAC;;AAGvB,MAAa,qBAAqB,SAAkB,OAAO,OAAuB,cAA+B;AAC/G,QAAO,GACL,oHACA,gIACA,yHACA,UAAU,+DACV,gBAAgB,MAAM,EACtB,UACD;;AAGH,MAAa,sBAAsB,QAAiB,WAA6B,aAAqB;CACpG,MAAM,kBAAkB,aAAa,WAAW,6BAA6B;CAE7E,MAAM,mBAAmB,aAAa,WAAY,SAAS,wCAAwC,0DAA2D,SAAS,wCAAwC;AAE/M,QAAO,GAAG,gCAAgC,2BAA2B,EAAE,0GAA0G,mCAAmC,iBAAiB,iBAAiB;;AAGxP,MAAa,kCAA0C;AACrD,QAAO;;AAGT,MAAa,mBAAmB,OAAuB,cAA+B;AACpF,QAAO,GACL,0HACA,gIACA,0HACA,yIACA,gBAAgB,MAAM,EACtB,UACD;;AAGH,MAAa,sBAAsB,OAAuB,cAA+B;AACvF,QAAO,GACL,+HACA,gIACA,0HACA,yIACA,gBAAgB,MAAM,EACtB,UACD;;AAGH,MAAa,kBAAkB,IAAa,SAA0B;CACpE,MAAM,cAAc,OAAO;AAC3B,KAAI,GAAI,QAAO;CACf,MAAM,WAAW,MACb,MAAM,CACP,aAAa,CACb,QAAQ,QAAQ,IAAI,CACpB,QAAQ,mBAAmB,GAAG;AACjC,QAAO,WAAW,GAAG,SAAS,GAAG,gBAAgB;;AAGnD,MAAa,qBAAqB,YAA4B,GAAG,QAAQ;AAEzE,MAAa,gBAAgB,OAAuB,iBAA0B,cAAwB,eAAwB;CAC5H,gBAAgB,UAAU;CAC1B,iBAAiB;CACjB,oBAAoB,IAAI,UAAU,WAAW,UAAU,cAAc,WAAW,gBAAgB,IAAI;CACrG;AAED,MAAa,6BAA6B,cAAsC,EAAE,MAAM;CACtF,yBAAyB;CACzB,kBAAkB;CAClB,mBAAmB;CACnB,GAAG;CACJ;AAED,MAAa,qBAAqB,UAAoB,QAAwB,eAAe;CAC3F,YAAY,YAAY,UAAU;CAClC,WAAW,UAAU;CACrB,WAAW,UAAU;CAEtB;AAED,MAAa,mBAA0C,aAAyB;CAC9E,MAAM,MAAM,OAAU,KAAK;AAE3B,iBAAgB;EACd,MAAM,sBAAsB,UAAsB;AAChD,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,OAAe,CAC5D,WAAU;;AAId,WAAS,iBAAiB,aAAa,mBAAmB;AAC1D,eAAa,SAAS,oBAAoB,aAAa,mBAAmB;IACzE,CAAC,SAAS,CAAC;AAEd,QAAO;;AAGT,MAAa,yBAA+C,QAAiB,cAAuB,OAAO,SAAqB,UAAmC,SAAc,kBAAiD;CAChO,MAAM,CAAC,cAAc,mBAAmB,SAAS,GAAG;AAGpD,iBAAgB;AACd,MAAI,OACF,KAAI,YACF,iBAAgB,EAAE;OACb;GACL,MAAM,gBAAgB,QAAQ,WAAW,WAAW,OAAO,UAAU,cAAc;AACnF,mBAAgB,iBAAiB,IAAI,gBAAgB,EAAE;;MAGzD,iBAAgB,GAAG;IAEpB;EAAC;EAAQ;EAAe;EAAS;EAAY,CAAC;CAEjD,MAAM,sBAAsB,aACzB,cAAsB,cAAqC;EAE1D,IAAI,YAAY,gBADE,cAAc,SAAS,IAAI;AAI7C,MAAI,cAAc,OAChB,aAAY,KAAK,IAAI,WAAW,QAAQ,SAAS,EAAE;MAEnD,aAAY,KAAK,IAAI,WAAW,EAAE;AAIpC,MADmB,QAAQ,YACX,YAAY,cAAc,aACxC,QAAO,oBAAoB,WAAW,UAAU;AAGlD,SAAO;IAET,CAAC,QAAQ,CACV;AA6DD,QAAO;EAAE;EAAc;EAAiB,eA3DlB,aACnB,UAAqD;AACpD,OAAI,CAAC,QAAQ;AACX,QAAI;KAAC;KAAa;KAAW;KAAK;KAAQ,CAAC,SAAS,MAAM,IAAI,EAAE;AAC9D,WAAM,gBAAgB;AACtB,YAAO;;AAET;;GA4CF,MAAM,UAAU;IAxCd,iBAAiB;AACf,WAAM,gBAAgB;AACtB,sBAAiB,SAAS,oBAAoB,MAAM,OAAO,CAAC;;IAE9D,eAAe;AACb,WAAM,gBAAgB;AACtB,sBAAiB,SAAS,oBAAoB,MAAM,KAAK,CAAC;;IAE5D,aAAa;AACX,WAAM,gBAAgB;AACtB,SAAI,gBAAgB,KAAK,QAAQ,iBAAiB,CAAC,QAAQ,cAAc,UAAU;AACjF,eAAS,QAAQ,cAAc,MAAM;AACrC,UAAI,CAAC,YACH,UAAS;;;IAIf,WAAW;AACT,WAAM,gBAAgB;AACtB,SAAI,gBAAgB,KAAK,QAAQ,iBAAiB,CAAC,QAAQ,cAAc,UAAU;AACjF,eAAS,QAAQ,cAAc,MAAM;AACrC,UAAI,CAAC,YACH,UAAS;;;IAIf,cAAc;AACZ,WAAM,gBAAgB;AACtB,cAAS;;IAEX,YAAY;AACV,WAAM,gBAAgB;AACtB,qBAAgB,EAAE;;IAEpB,WAAW;AACT,WAAM,gBAAgB;AACtB,qBAAgB,QAAQ,SAAS,EAAE;;IAIZ,CAAC,MAAM;AAClC,OAAI,QACF,UAAS;KAGb;GAAC;GAAS;GAAc;GAAU;GAAS;GAAQ;GAAa;GAAoB,CAGjC;EAAE;EAAQ;;AAGjE,MAAa,gBAAsC,YAAiB;CAClE,MAAM,SAA8B,EAAE;CACtC,MAAM,YAAiB,EAAE;AAEzB,SAAQ,SAAS,WAAW;AAC1B,MAAI,OAAO,OAAO;AAChB,OAAI,CAAC,OAAO,OAAO,OACjB,QAAO,OAAO,SAAS,EAAE;AAE3B,UAAO,OAAO,OAAO,KAAK,OAAO;QAEjC,WAAU,KAAK,OAAO;GAExB;AAEF,QAAO;EACL;EACA;EACA,WAAW,OAAO,KAAK,OAAO,CAAC,SAAS;EACzC;;AAGH,MAAa,gBAAgB,EAAE,WAAW,UAAU,iBAClD,oBAAC,OAAD;CAAK,aAAU;CAAS,WAAW,GAAG,mFAAmF,UAAU;CAAE,MAAK;WACvI;CACG;AAGR,MAAa,cAAc,EAAE,WAAW,UAAU,yBAChD,oBAAC,OAAD;CAAK,WAAW,GAAG,kDAAkD,UAAU;CAAE,MAAK;WACnF;CACG;AAGR,MAAa,oBAAoB,aAAsB,OAAO,WAAoB,eAAgC;AAChH,QAAO,GACL,iPACA,aAAa,sBACb,cAAc,yCACd,cAAc,gDACf;;AAGH,MAAa,kBAAkB,YAAgC;AAC7D,KAAI,QACF,SAAQ,eAAe;EAAE,OAAO;EAAW,UAAU;EAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.14.1",
+  "version": "1.14.2",
   "type": "module",
   "private": false,
   "repository": {
@@ -117,7 +117,7 @@
     "http-server": "^14.1.1",
     "oxfmt": "^0.43.0",
     "oxlint": "^1.61.0",
-    "oxlint-tsgolint": "^0.11.5",
+    "oxlint-tsgolint": "^0.22.1",
     "playwright": "^1.58.2",
     "publint": "^0.3.18",
     "storybook": "^10.3.5",