@cloudflare/kumo 1.14.0 → 1.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/ai/component-registry.json +10 -9
- package/ai/component-registry.md +5 -5
- package/dist/.build-complete +1 -1
- package/dist/chunks/{checkbox-gebzflhsvo6zkcrm.js → checkbox-f4qsbq6xycaji7qw.js} +3 -3
- package/dist/chunks/{checkbox-gebzflhsvo6zkcrm.js.map → checkbox-f4qsbq6xycaji7qw.js.map} +1 -1
- package/dist/chunks/{clipboard-text-nnmfwusts804p1qd.js → clipboard-text-fvggzgqrza82t5om.js} +3 -3
- package/dist/chunks/{clipboard-text-nnmfwusts804p1qd.js.map → clipboard-text-fvggzgqrza82t5om.js.map} +1 -1
- package/dist/chunks/{combobox-ds8qzpuaagb1udzg.js → combobox-om4zw74o076sa00p.js} +20 -20
- package/dist/chunks/combobox-om4zw74o076sa00p.js.map +1 -0
- package/dist/chunks/{command-palette-essubhvibj84mhx8.js → command-palette-ejoszjfivybu9yi5.js} +2 -2
- package/dist/chunks/{command-palette-essubhvibj84mhx8.js.map → command-palette-ejoszjfivybu9yi5.js.map} +1 -1
- package/dist/chunks/{dialog-hmfums1yr41afbsx.js → dialog-gkmecnx48ge38jrr.js} +11 -11
- package/dist/chunks/dialog-gkmecnx48ge38jrr.js.map +1 -0
- package/dist/chunks/{dropdown-nhhm3rddlt7fmd2a.js → dropdown-i8n7nv3cvkvb1x3e.js} +2 -2
- package/dist/chunks/{dropdown-nhhm3rddlt7fmd2a.js.map → dropdown-i8n7nv3cvkvb1x3e.js.map} +1 -1
- package/dist/chunks/{engine-javascript-cvvdau2e8o59vsx6.js → engine-javascript-hi1kqifa6nkcridk.js} +5 -5
- package/dist/chunks/{engine-javascript-cvvdau2e8o59vsx6.js.map → engine-javascript-hi1kqifa6nkcridk.js.map} +1 -1
- package/dist/chunks/{field-pcsc33yrvgq6g9ll.js → field-lc4gr226y5aqlctf.js} +3 -3
- package/dist/chunks/{field-pcsc33yrvgq6g9ll.js.map → field-lc4gr226y5aqlctf.js.map} +1 -1
- package/dist/chunks/{input-area-oyw0rq0q2wm0blmb.js → input-area-ce3bf8m8wvot44kg.js} +4 -4
- package/dist/chunks/{input-area-oyw0rq0q2wm0blmb.js.map → input-area-ce3bf8m8wvot44kg.js.map} +1 -1
- package/dist/chunks/{input-group-fjq64pzze8kklmni.js → input-group-kttdor9mr32k289o.js} +2 -2
- package/dist/chunks/{input-group-fjq64pzze8kklmni.js.map → input-group-kttdor9mr32k289o.js.map} +1 -1
- package/dist/chunks/{input-oaa51811nxs0z2mw.js → input-nvne68upfj8b2bk6.js} +3 -3
- package/dist/chunks/{input-oaa51811nxs0z2mw.js.map → input-nvne68upfj8b2bk6.js.map} +1 -1
- package/dist/chunks/{label-m5dcn3mqhnmi0dgq.js → label-e42o95ab0dxmchxb.js} +2 -2
- package/dist/chunks/{label-m5dcn3mqhnmi0dgq.js.map → label-e42o95ab0dxmchxb.js.map} +1 -1
- package/dist/chunks/{layer-card-8azgeai6zsrdbeoj.js → layer-card-mu2w82x6ko1nhhtr.js} +7 -7
- package/dist/chunks/{layer-card-8azgeai6zsrdbeoj.js.map → layer-card-mu2w82x6ko1nhhtr.js.map} +1 -1
- package/dist/chunks/{link-desli097365ac82o.js → link-lpzl5s47pmobk361.js} +2 -2
- package/dist/chunks/{link-desli097365ac82o.js.map → link-lpzl5s47pmobk361.js.map} +1 -1
- package/dist/chunks/{menubar-eir09makes5l9xby.js → menubar-ifxxdoa35zz79z1q.js} +2 -2
- package/dist/chunks/{menubar-eir09makes5l9xby.js.map → menubar-ifxxdoa35zz79z1q.js.map} +1 -1
- package/dist/chunks/{meter-kl2puqzdbfkwrok9.js → meter-fbtqfg0okpwmaiju.js} +2 -2
- package/dist/chunks/{meter-kl2puqzdbfkwrok9.js.map → meter-fbtqfg0okpwmaiju.js.map} +1 -1
- package/dist/chunks/{pagination-c2sv9vs43whhvznh.js → pagination-owm6h66jjgv1tjoe.js} +3 -3
- package/dist/chunks/{pagination-c2sv9vs43whhvznh.js.map → pagination-owm6h66jjgv1tjoe.js.map} +1 -1
- package/dist/chunks/{popover-ji1zh9zqrj6at834.js → popover-dd7hi5ajeoq9od1i.js} +2 -2
- package/dist/chunks/{popover-ji1zh9zqrj6at834.js.map → popover-dd7hi5ajeoq9od1i.js.map} +1 -1
- package/dist/chunks/{radio-cnsup12f302rxkxl.js → radio-ff1csb328f12smd4.js} +2 -2
- package/dist/chunks/{radio-cnsup12f302rxkxl.js.map → radio-ff1csb328f12smd4.js.map} +1 -1
- package/dist/chunks/{select-hgn6ikyor1p6jd9r.js → select-go7a0z3evkh9cfxq.js} +24 -24
- package/dist/chunks/{select-hgn6ikyor1p6jd9r.js.map → select-go7a0z3evkh9cfxq.js.map} +1 -1
- package/dist/chunks/{sensitive-input-drdu6upod3ucl6vt.js → sensitive-input-gtzk3vit4i35n95g.js} +4 -4
- package/dist/chunks/{sensitive-input-drdu6upod3ucl6vt.js.map → sensitive-input-gtzk3vit4i35n95g.js.map} +1 -1
- package/dist/chunks/{switch-n7zyzirax1l016n2.js → switch-cpbp0i75jnazkani.js} +3 -3
- package/dist/chunks/{switch-n7zyzirax1l016n2.js.map → switch-cpbp0i75jnazkani.js.map} +1 -1
- package/dist/chunks/{table-l2yy3jtkbhvqlq43.js → table-g41yb7ruredizqr8.js} +2 -2
- package/dist/chunks/{table-l2yy3jtkbhvqlq43.js.map → table-g41yb7ruredizqr8.js.map} +1 -1
- package/dist/chunks/{tabs-omc1n6jaxkf41pvg.js → tabs-hy6oa7xtf96d9mxt.js} +27 -27
- package/dist/chunks/{tabs-omc1n6jaxkf41pvg.js.map → tabs-hy6oa7xtf96d9mxt.js.map} +1 -1
- package/dist/chunks/{toast-bkvbwc1x3s7fbzkt.js → toast-j5gtfc50xpzzd0hc.js} +2 -2
- package/dist/chunks/{toast-bkvbwc1x3s7fbzkt.js.map → toast-j5gtfc50xpzzd0hc.js.map} +1 -1
- package/dist/chunks/{tooltip-nwvv7fhpqpo2rqlc.js → tooltip-k68wcv9mrigb7rcb.js} +2 -2
- package/dist/chunks/{tooltip-nwvv7fhpqpo2rqlc.js.map → tooltip-k68wcv9mrigb7rcb.js.map} +1 -1
- package/dist/chunks/{vendor-base-ui-lgoligkf81eyvnde.js → vendor-base-ui-cpvkrhz4zgw9nw2b.js} +4 -4
- package/dist/chunks/{vendor-base-ui-lgoligkf81eyvnde.js.map → vendor-base-ui-cpvkrhz4zgw9nw2b.js.map} +1 -1
- package/dist/code.js +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/clipboard-text.js +1 -1
- package/dist/components/combobox.js +1 -1
- package/dist/components/command-palette.js +1 -1
- package/dist/components/dialog.js +1 -1
- package/dist/components/dropdown.js +1 -1
- package/dist/components/field.js +1 -1
- package/dist/components/input.js +3 -3
- package/dist/components/label.js +1 -1
- package/dist/components/layer-card.js +1 -1
- package/dist/components/link.js +1 -1
- package/dist/components/menubar.js +1 -1
- package/dist/components/meter.js +1 -1
- package/dist/components/pagination.js +1 -1
- package/dist/components/popover.js +1 -1
- package/dist/components/radio.js +1 -1
- package/dist/components/select.js +1 -1
- package/dist/components/sensitive-input.js +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/table.js +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/toast.js +2 -2
- package/dist/components/tooltip.js +1 -1
- package/dist/index.js +28 -28
- package/dist/primitives/accordion.js +1 -1
- package/dist/primitives/alert-dialog.js +1 -1
- package/dist/primitives/autocomplete.js +1 -1
- package/dist/primitives/avatar.js +1 -1
- package/dist/primitives/button.js +1 -1
- package/dist/primitives/checkbox-group.js +1 -1
- package/dist/primitives/checkbox.js +1 -1
- package/dist/primitives/collapsible.js +1 -1
- package/dist/primitives/combobox.js +1 -1
- package/dist/primitives/context-menu.js +1 -1
- package/dist/primitives/csp-provider.js +1 -1
- package/dist/primitives/dialog.js +1 -1
- package/dist/primitives/direction-provider.js +1 -1
- package/dist/primitives/drawer.js +1 -1
- package/dist/primitives/field.js +1 -1
- package/dist/primitives/fieldset.js +1 -1
- package/dist/primitives/form.js +1 -1
- package/dist/primitives/input.js +1 -1
- package/dist/primitives/menu.js +1 -1
- package/dist/primitives/menubar.js +1 -1
- package/dist/primitives/meter.js +1 -1
- package/dist/primitives/navigation-menu.js +1 -1
- package/dist/primitives/number-field.js +1 -1
- package/dist/primitives/popover.js +1 -1
- package/dist/primitives/preview-card.js +1 -1
- package/dist/primitives/progress.js +1 -1
- package/dist/primitives/radio-group.js +1 -1
- package/dist/primitives/radio.js +1 -1
- package/dist/primitives/scroll-area.js +1 -1
- package/dist/primitives/select.js +1 -1
- package/dist/primitives/separator.js +1 -1
- package/dist/primitives/slider.js +1 -1
- package/dist/primitives/switch.js +1 -1
- package/dist/primitives/tabs.js +1 -1
- package/dist/primitives/toast.js +1 -1
- package/dist/primitives/toggle-group.js +1 -1
- package/dist/primitives/toggle.js +1 -1
- package/dist/primitives/toolbar.js +1 -1
- package/dist/primitives/tooltip.js +1 -1
- package/dist/primitives.js +1 -1
- package/dist/styles/kumo-standalone.css +1 -1
- package/package.json +1 -1
- package/dist/chunks/combobox-ds8qzpuaagb1udzg.js.map +0 -1
- package/dist/chunks/dialog-hmfums1yr41afbsx.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@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-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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-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-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-green-900:oklch(39.3% .095 152.535);--color-sky-100:oklch(95.1% .026 236.824);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-200:oklch(92.8% .006 264.531);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-2xl:42rem;--text-xs:12px;--text-xs--line-height:calc(1/.75);--text-sm:13px;--text-sm--line-height:calc(1/.85);--text-base:14px;--text-base--line-height:calc(1.25/.875);--text-lg:16px;--text-lg--line-height:calc(1.25/1);--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-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-widest:.1em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.1s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-color-kumo-default:light-dark(var(--color-neutral-900,oklch(21% .006 285.885)),var(--color-neutral-100,oklch(97% 0 0)));--text-color-kumo-inverse:light-dark(var(--color-neutral-100,oklch(97% 0 0)),var(--color-neutral-900,oklch(20.5% 0 0)));--text-color-kumo-strong:light-dark(var(--color-neutral-600,oklch(43.9% 0 0)),var(--color-neutral-400,oklch(70.8% 0 0)));--text-color-kumo-subtle:light-dark(var(--color-neutral-500,oklch(55.6% 0 0)),var(--color-kumo-neutral-50,oklch(97.5% 0 0)));--text-color-kumo-inactive:light-dark(var(--color-neutral-400,oklch(70.8% 0 0)),var(--color-neutral-600,oklch(70.8% 0 0)));--text-color-kumo-placeholder:light-dark(var(--color-neutral-400,oklch(70.8% 0 0)),var(--color-neutral-500,oklch(55.6% 0 0)));--text-color-kumo-brand:light-dark(#f6821f,#f6821f);--text-color-kumo-link:light-dark(var(--color-blue-800,oklch(42.4% .199 265.638)),var(--color-blue-400,oklch(70.7% .165 254.624)));--text-color-kumo-success:light-dark(var(--color-green-500,oklch(72.3% .219 149.579)),var(--color-green-400,oklch(79.2% .209 151.711)));--text-color-kumo-danger:light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-400,oklch(70.4% .191 22.216)));--text-color-kumo-warning:light-dark(var(--color-yellow-800,oklch(47.6% .114 61.907)),var(--color-yellow-400,oklch(85.2% .199 91.936)));--color-kumo-recessed:light-dark(var(--color-kumo-neutral-50,oklch(97.5% 0 0)),var(--color-kumo-neutral-925,oklch(18% 0 0)));--color-kumo-base:light-dark(var(--color-white,#fff),var(--color-kumo-neutral-850,oklch(22.4% 0 0)));--color-kumo-tint:light-dark(var(--color-kumo-neutral-75,oklch(96.7% 0 0)),var(--color-kumo-neutral-800,oklch(26.9% 0 0)));--color-kumo-contrast:light-dark(var(--color-kumo-neutral-975,oklch(8.5% 0 0)),var(--color-kumo-neutral-25,oklch(99% 0 0)));--color-kumo-elevated:light-dark(var(--color-kumo-neutral-25,oklch(98.5% 0 0)),var(--color-neutral-950,oklch(14.5% 0 0)));--color-kumo-overlay:light-dark(var(--color-kumo-neutral-50,oklch(97.5% 0 0)),var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-control:light-dark(var(--color-white,#fff),var(--color-neutral-900,oklch(21% .006 285.885)));--color-kumo-interact:light-dark(var(--color-neutral-300,oklch(87% 0 0)),var(--color-neutral-700,oklch(37.1% 0 0)));--color-kumo-fill:light-dark(var(--color-neutral-200,oklch(92.2% 0 0)),var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-fill-hover:light-dark(var(--color-neutral-200,oklch(92.2% 0 0)),var(--color-neutral-700,oklch(37.1% 0 0)));--color-kumo-brand:light-dark(oklch(57.72% .2324 260),oklch(57.72% .2324 260));--color-kumo-brand-hover:light-dark(var(--color-blue-700,oklch(48.8% .243 264.376)),var(--color-blue-700,oklch(48.8% .243 264.376)));--color-kumo-line:light-dark(oklch(14.5% 0 0/.1),var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-ring:light-dark(var(--color-kumo-neutral-150,oklch(93.5% 0 0)),var(--color-neutral-700,oklch(37.1% 0 0)));--color-kumo-tip-shadow:light-dark(var(--color-gray-200,oklch(92.8% .006 264.531)),transparent);--color-kumo-tip-stroke:light-dark(transparent,var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-info:light-dark(var(--color-blue-500,oklch(62.3% .214 259.815)),var(--color-blue-400,oklch(70.7% .165 254.624)));--color-kumo-info-tint:light-dark(var(--color-blue-300,oklch(80.9% .105 251.813)),var(--color-blue-900,oklch(37.9% .146 265.522)));--color-kumo-warning:light-dark(var(--color-yellow-500,oklch(79.5% .184 86.047)),var(--color-yellow-700,oklch(55.4% .135 66.442)));--color-kumo-warning-tint:light-dark(var(--color-yellow-300,oklch(90.5% .182 98.111)),var(--color-yellow-900,oklch(42.1% .095 57.708)));--color-kumo-danger:light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)));--color-kumo-danger-tint:light-dark(var(--color-red-300,oklch(80.8% .114 19.571)),var(--color-red-900,oklch(39.6% .141 25.723)));--color-kumo-success:light-dark(var(--color-green-500,oklch(72.3% .219 149.579)),var(--color-green-700,oklch(52.7% .154 150.069)));--color-kumo-success-tint:light-dark(var(--color-green-300,oklch(87.1% .15 154.449)),var(--color-green-900,oklch(39.3% .095 152.535)));--color-red-650:oklch(55% .238 27.4);--color-kumo-neutral-25:oklch(99% 0 0);--color-kumo-neutral-50:oklch(97.5% 0 0);--color-kumo-neutral-75:oklch(96.7% 0 0);--color-kumo-neutral-150:oklch(93.5% 0 0);--color-kumo-neutral-850:oklch(22.4% 0 0);--color-kumo-neutral-925:oklch(18% 0 0);--color-kumo-neutral-975:oklch(8.5% 0 0);--animate-refresh:refresh .5s ease-in-out infinite}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root,[data-theme=kumo]{--text-color-kumo-default:var(--color-neutral-900,oklch(21% .006 285.885));--text-color-kumo-inverse:var(--color-neutral-100,oklch(97% 0 0));--text-color-kumo-strong:var(--color-neutral-600,oklch(43.9% 0 0));--text-color-kumo-subtle:var(--color-neutral-500,oklch(55.6% 0 0));--text-color-kumo-inactive:var(--color-neutral-400,oklch(70.8% 0 0));--text-color-kumo-placeholder:var(--color-neutral-400,oklch(70.8% 0 0));--text-color-kumo-brand:#f6821f;--text-color-kumo-link:var(--color-blue-800,oklch(42.4% .199 265.638));--text-color-kumo-success:var(--color-green-500,oklch(72.3% .219 149.579));--text-color-kumo-danger:var(--color-red-500,oklch(63.7% .237 25.331));--text-color-kumo-warning:var(--color-yellow-800,oklch(47.6% .114 61.907));--color-kumo-surface:var(--color-kumo-neutral-25,oklch(99% 0 0));--color-kumo-recessed:var(--color-kumo-neutral-50,oklch(97.5% 0 0));--color-kumo-base:var(--color-white,#fff);--color-kumo-tint:var(--color-kumo-neutral-75,oklch(96.7% 0 0));--color-kumo-contrast:var(--color-kumo-neutral-975,oklch(8.5% 0 0));--color-kumo-elevated:var(--color-kumo-neutral-25,oklch(98.5% 0 0));--color-kumo-overlay:var(--color-kumo-neutral-50,oklch(97.5% 0 0));--color-kumo-control:var(--color-white,#fff);--color-kumo-interact:var(--color-neutral-300,oklch(87% 0 0));--color-kumo-fill:var(--color-neutral-200,oklch(92.2% 0 0));--color-kumo-fill-hover:var(--color-neutral-200,oklch(92.2% 0 0));--color-kumo-brand:oklch(57.72% .2324 260);--color-kumo-brand-hover:var(--color-blue-700,oklch(48.8% .243 264.376));--color-kumo-line:oklch(14.5% 0 0/.1);--color-kumo-ring:var(--color-kumo-neutral-150,oklch(93.5% 0 0));--color-kumo-tip-shadow:var(--color-gray-200,oklch(92.8% .006 264.531));--color-kumo-tip-stroke:transparent;--color-kumo-info:var(--color-blue-500,oklch(62.3% .214 259.815));--color-kumo-info-tint:var(--color-blue-300,oklch(80.9% .105 251.813));--color-kumo-warning:var(--color-yellow-500,oklch(79.5% .184 86.047));--color-kumo-warning-tint:var(--color-yellow-300,oklch(90.5% .182 98.111));--color-kumo-danger:var(--color-red-500,oklch(63.7% .237 25.331));--color-kumo-danger-tint:var(--color-red-300,oklch(80.8% .114 19.571));--color-kumo-success:var(--color-green-500,oklch(72.3% .219 149.579));--color-kumo-success-tint:var(--color-green-300,oklch(87.1% .15 154.449))}:root[data-mode=dark],[data-mode=dark]:not([data-theme]),[data-mode=dark] [data-theme=kumo],[data-theme=kumo][data-mode=dark],[data-theme=kumo] [data-mode=dark]{--text-color-kumo-default:var(--color-neutral-100,oklch(97% 0 0));--text-color-kumo-inverse:var(--color-neutral-900,oklch(20.5% 0 0));--text-color-kumo-strong:var(--color-neutral-400,oklch(70.8% 0 0));--text-color-kumo-subtle:var(--color-kumo-neutral-50,oklch(97.5% 0 0));--text-color-kumo-inactive:var(--color-neutral-600,oklch(70.8% 0 0));--text-color-kumo-placeholder:var(--color-neutral-500,oklch(55.6% 0 0));--text-color-kumo-brand:#f6821f;--text-color-kumo-link:var(--color-blue-400,oklch(70.7% .165 254.624));--text-color-kumo-success:var(--color-green-400,oklch(79.2% .209 151.711));--text-color-kumo-danger:var(--color-red-400,oklch(70.4% .191 22.216));--text-color-kumo-warning:var(--color-yellow-400,oklch(85.2% .199 91.936));--color-kumo-surface:var(--color-kumo-neutral-975,oklch(8.5% 0 0));--color-kumo-recessed:var(--color-kumo-neutral-925,oklch(18% 0 0));--color-kumo-base:var(--color-kumo-neutral-850,oklch(22.4% 0 0));--color-kumo-tint:var(--color-kumo-neutral-800,oklch(26.9% 0 0));--color-kumo-contrast:var(--color-kumo-neutral-25,oklch(99% 0 0));--color-kumo-elevated:var(--color-neutral-950,oklch(14.5% 0 0));--color-kumo-overlay:var(--color-neutral-800,oklch(26.9% 0 0));--color-kumo-control:var(--color-neutral-900,oklch(21% .006 285.885));--color-kumo-interact:var(--color-neutral-700,oklch(37.1% 0 0));--color-kumo-fill:var(--color-neutral-800,oklch(26.9% 0 0));--color-kumo-fill-hover:var(--color-neutral-700,oklch(37.1% 0 0));--color-kumo-brand:oklch(57.72% .2324 260);--color-kumo-brand-hover:var(--color-blue-700,oklch(48.8% .243 264.376));--color-kumo-line:var(--color-neutral-800,oklch(26.9% 0 0));--color-kumo-ring:var(--color-neutral-700,oklch(37.1% 0 0));--color-kumo-tip-shadow:transparent;--color-kumo-tip-stroke:var(--color-neutral-800,oklch(26.9% 0 0));--color-kumo-info:var(--color-blue-400,oklch(70.7% .165 254.624));--color-kumo-info-tint:var(--color-blue-900,oklch(37.9% .146 265.522));--color-kumo-warning:var(--color-yellow-700,oklch(55.4% .135 66.442));--color-kumo-warning-tint:var(--color-yellow-900,oklch(42.1% .095 57.708));--color-kumo-danger:var(--color-red-700,oklch(50.5% .213 27.518));--color-kumo-danger-tint:var(--color-red-900,oklch(39.6% .141 25.723));--color-kumo-success:var(--color-green-700,oklch(52.7% .154 150.069));--color-kumo-success-tint:var(--color-green-900,oklch(39.3% .095 152.535))}[data-theme=fedramp],[data-mode=dark] [data-theme=fedramp],[data-theme=fedramp][data-mode=dark],[data-theme=fedramp] [data-mode=dark]{--color-kumo-surface:#5b697c;--color-kumo-base:#5b697c;--color-kumo-ring:#c8d4e5}:root{color-scheme:light}[data-mode=dark]{color-scheme:dark}}@layer components;@layer utilities{.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-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-px{top:-1px}.top-\(--active-tab-top\){top:var(--active-tab-top)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-22{top:calc(var(--spacing)*22)}.top-\[10vh\]{top:10vh}.top-auto{top:auto}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-1\.5{right:calc(var(--spacing)*1.5)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-5{right:calc(var(--spacing)*5)}.right-6{right:calc(var(--spacing)*6)}.right-8{right:calc(var(--spacing)*8)}.right-9{right:calc(var(--spacing)*9)}.right-10{right:calc(var(--spacing)*10)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-\(--active-tab-left\){left:var(--active-tab-left)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-4{left:calc(var(--spacing)*4)}.left-4\.5{left:calc(var(--spacing)*4.5)}.left-5{left:calc(var(--spacing)*5)}.left-auto{left:auto}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[calc\(1000-var\(--toast-index\)\)\]{z-index:calc(1000 - var(--toast-index))}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.m-0{margin:calc(var(--spacing)*0)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.-mx-16{margin-inline:calc(var(--spacing)*-16)}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.-my-16{margin-block:calc(var(--spacing)*-16)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-px{margin-block:1px}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.-ml-px{margin-left:-1px}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.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-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-4\.5{width:calc(var(--spacing)*4.5);height:calc(var(--spacing)*4.5)}.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-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-full{width:100%;height:100%}.h-\(--active-tab-height\){height:var(--active-tab-height)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-4\.5{height:calc(var(--spacing)*4.5)}.h-5{height:calc(var(--spacing)*5)}.h-5\.5{height:calc(var(--spacing)*5.5)}.h-6{height:calc(var(--spacing)*6)}.h-6\.5{height:calc(var(--spacing)*6.5)}.h-7{height:calc(var(--spacing)*7)}.h-7\.5{height:calc(var(--spacing)*7.5)}.h-8{height:calc(var(--spacing)*8)}.h-8\.5{height:calc(var(--spacing)*8.5)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-\[1\.375em\]{height:1.375em}.h-\[22px\]{height:22px}.h-\[26px\]{height:26px}.h-\[32px\]{height:32px}.h-\[var\(--height\)\]{height:var(--height)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-full\!{height:100%!important}.h-px{height:1px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[200px\]{max-height:200px}.max-h-\[min\(var\(--available-height\)\,24rem\)\]{max-height:min(var(--available-height),24rem)}.\!min-h-0{min-height:calc(var(--spacing)*0)!important}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-5{min-height:calc(var(--spacing)*5)}.min-h-6\.5{min-height:calc(var(--spacing)*6.5)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-screen{min-height:100vh}.w-\(--active-tab-width\){width:var(--active-tab-width)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-4\.5{width:calc(var(--spacing)*4.5)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-8\.5{width:calc(var(--spacing)*8.5)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-10\.5{width:calc(var(--spacing)*10.5)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-12\.5{width:calc(var(--spacing)*12.5)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-\[2px\]{width:2px}.w-\[10px\]{width:10px}.w-\[125px\]{width:125px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[168px\]{width:168px}.w-\[180px\]{width:180px}.w-\[196px\]{width:196px}.w-\[200px\]{width:200px}.w-\[220px\]{width:220px}.w-\[250px\]{width:250px}.w-\[252px\]{width:252px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-\[calc\(100\%-0\.75rem\)\]{width:calc(100% - .75rem)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-\(--available-width\){max-width:var(--available-width)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-8\/10{max-width:80%}.max-w-140{max-width:calc(var(--spacing)*140)}.max-w-\[1400px\]{max-width:1400px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--anchor-width\){min-width:var(--anchor-width)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-36{min-width:calc(var(--spacing)*36)}.min-w-42{min-width:calc(var(--spacing)*42)}.min-w-72{min-width:calc(var(--spacing)*72)}.min-w-96{min-width:calc(var(--spacing)*96)}.min-w-\[32rem\]{min-width:32rem}.min-w-\[48rem\]{min-width:48rem}.min-w-\[100px\]{min-width:100px}.min-w-\[calc\(var\(--anchor-width\)\+3px\)\]{min-width:calc(var(--anchor-width) + 3px)}.min-w-auto{min-width:auto}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-fixed{table-layout:fixed}.origin-\(--transform-origin\),.origin-\[var\(--transform-origin\)\]{transform-origin:var(--transform-origin)}.origin-bottom{transform-origin:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-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-full{--tw-translate-y:-100%;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)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)-\(var\(--toast-index\)\*var\(--peek\)\)-\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index)*var(--peek)) - (var(--shrink)*var(--height))))scale(var(--scale))}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-refresh{animation:var(--animate-refresh)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scroll-pt-2{scroll-padding-top:calc(var(--spacing)*2)}.scroll-pb-2{scroll-padding-bottom:calc(var(--spacing)*2)}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_16px\]{grid-template-columns:1fr 16px}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.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-16{gap:calc(var(--spacing)*16)}.gap-\[0\.1875em\]{gap:.1875em}: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-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)))}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\[5px\]{border-radius:5px}.rounded-\[11px\]{border-radius:11px}.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-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-tl-\[5px\]{border-top-left-radius:5px}.rounded-tr-\[5px\]{border-top-right-radius:5px}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-br-\[5px\]{border-bottom-right-radius:5px}.rounded-bl-\[5px\]{border-bottom-left-radius:5px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.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\!{border-left-style:var(--tw-border-style)!important;border-left-width:1px!important}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-kumo-brand{border-color:var(--color-kumo-brand)}.border-kumo-danger{border-color:var(--color-kumo-danger)}.border-kumo-danger\/30{border-color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)))30%,transparent)}@supports (color:color-mix(in lab, red, red)){.border-kumo-danger\/30{border-color:color-mix(in oklab,var(--color-kumo-danger)30%,transparent)}}.border-kumo-fill{border-color:var(--color-kumo-fill)}.border-kumo-fill\/60{border-color:color-mix(in srgb,light-dark(var(--color-neutral-200,oklch(92.2% 0 0)),var(--color-neutral-800,oklch(26.9% 0 0)))60%,transparent)}@supports (color:color-mix(in lab, red, red)){.border-kumo-fill\/60{border-color:color-mix(in oklab,var(--color-kumo-fill)60%,transparent)}}.border-kumo-info{border-color:var(--color-kumo-info)}.border-kumo-info\/30{border-color:color-mix(in srgb,light-dark(var(--color-blue-500,oklch(62.3% .214 259.815)),var(--color-blue-400,oklch(70.7% .165 254.624)))30%,transparent)}@supports (color:color-mix(in lab, red, red)){.border-kumo-info\/30{border-color:color-mix(in oklab,var(--color-kumo-info)30%,transparent)}}.border-kumo-interact{border-color:var(--color-kumo-interact)}.border-kumo-line{border-color:var(--color-kumo-line)}.border-kumo-line\!{border-color:var(--color-kumo-line)!important}.border-kumo-ring{border-color:var(--color-kumo-ring)}.border-kumo-warning{border-color:var(--color-kumo-warning)}.border-kumo-warning\/30{border-color:color-mix(in srgb,light-dark(var(--color-yellow-500,oklch(79.5% .184 86.047)),var(--color-yellow-700,oklch(55.4% .135 66.442)))30%,transparent)}@supports (color:color-mix(in lab, red, red)){.border-kumo-warning\/30{border-color:color-mix(in oklab,var(--color-kumo-warning)30%,transparent)}}.border-red-500{border-color:var(--color-red-500)}.\!bg-kumo-contrast{background-color:var(--color-kumo-contrast)!important}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-inherit{background-color:inherit}.bg-kumo-base{background-color:var(--color-kumo-base)}.bg-kumo-brand{background-color:var(--color-kumo-brand)}.bg-kumo-brand-hover{background-color:var(--color-kumo-brand-hover)}.bg-kumo-contrast{background-color:var(--color-kumo-contrast)}.bg-kumo-control{background-color:var(--color-kumo-control)}.bg-kumo-control\/90{background-color:color-mix(in srgb,light-dark(var(--color-white,#fff),var(--color-neutral-900,oklch(21% .006 285.885)))90%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-control\/90{background-color:color-mix(in oklab,var(--color-kumo-control)90%,transparent)}}.bg-kumo-danger{background-color:var(--color-kumo-danger)}.bg-kumo-danger-tint{background-color:var(--color-kumo-danger-tint)}.bg-kumo-danger\/5{background-color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)))5%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-danger\/5{background-color:color-mix(in oklab,var(--color-kumo-danger)5%,transparent)}}.bg-kumo-danger\/10{background-color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)))10%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-danger\/10{background-color:color-mix(in oklab,var(--color-kumo-danger)10%,transparent)}}.bg-kumo-danger\/20{background-color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)))20%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-danger\/20{background-color:color-mix(in oklab,var(--color-kumo-danger)20%,transparent)}}.bg-kumo-elevated{background-color:var(--color-kumo-elevated)}.bg-kumo-fill{background-color:var(--color-kumo-fill)}.bg-kumo-fill-hover{background-color:var(--color-kumo-fill-hover)}.bg-kumo-info{background-color:var(--color-kumo-info)}.bg-kumo-info-tint{background-color:var(--color-kumo-info-tint)}.bg-kumo-info\/10{background-color:color-mix(in srgb,light-dark(var(--color-blue-500,oklch(62.3% .214 259.815)),var(--color-blue-400,oklch(70.7% .165 254.624)))10%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-info\/10{background-color:color-mix(in oklab,var(--color-kumo-info)10%,transparent)}}.bg-kumo-interact{background-color:var(--color-kumo-interact)}.bg-kumo-interact\/85{background-color:color-mix(in srgb,light-dark(var(--color-neutral-300,oklch(87% 0 0)),var(--color-neutral-700,oklch(37.1% 0 0)))85%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-interact\/85{background-color:color-mix(in oklab,var(--color-kumo-interact)85%,transparent)}}.bg-kumo-line{background-color:var(--color-kumo-line)}.bg-kumo-line\/50{background-color:color-mix(in srgb,light-dark(oklch(14.5% 0 0/.1),var(--color-neutral-800,oklch(26.9% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-line\/50{background-color:color-mix(in oklab,var(--color-kumo-line)50%,transparent)}}.bg-kumo-overlay{background-color:var(--color-kumo-overlay)}.bg-kumo-recessed{background-color:var(--color-kumo-recessed)}.bg-kumo-ring{background-color:var(--color-kumo-ring)}.bg-kumo-success{background-color:var(--color-kumo-success)}.bg-kumo-success-tint{background-color:var(--color-kumo-success-tint)}.bg-kumo-tint{background-color:var(--color-kumo-tint)}.bg-kumo-warning{background-color:var(--color-kumo-warning)}.bg-kumo-warning-tint{background-color:var(--color-kumo-warning-tint)}.bg-kumo-warning\/10{background-color:color-mix(in srgb,light-dark(var(--color-yellow-500,oklch(79.5% .184 86.047)),var(--color-yellow-700,oklch(55.4% .135 66.442)))10%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-warning\/10{background-color:color-mix(in oklab,var(--color-kumo-warning)10%,transparent)}}.bg-kumo-warning\/50{background-color:color-mix(in srgb,light-dark(var(--color-yellow-500,oklch(79.5% .184 86.047)),var(--color-yellow-700,oklch(55.4% .135 66.442)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-warning\/50{background-color:color-mix(in oklab,var(--color-kumo-warning)50%,transparent)}}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-500{background-color:var(--color-neutral-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-kumo-brand{--tw-gradient-from:var(--color-kumo-brand);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-green-500{--tw-gradient-via:var(--color-green-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-kumo-brand{--tw-gradient-via:var(--color-kumo-brand);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-green-500{--tw-gradient-to:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-kumo-brand{--tw-gradient-to:var(--color-kumo-brand);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-padding{background-clip:padding-box}.fill-current{fill:currentColor}.fill-kumo-base{fill:var(--color-kumo-base)}.fill-kumo-ring{fill:var(--color-kumo-ring)}.fill-kumo-tip-shadow{fill:var(--color-kumo-tip-shadow)}.fill-kumo-tip-stroke{fill:var(--color-kumo-tip-stroke)}.\!p-0{padding:calc(var(--spacing)*0)!important}.\!p-4{padding:calc(var(--spacing)*4)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.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)}.p-8{padding:calc(var(--spacing)*8)}.p-px{padding:1px}.px-0{padding-inline:calc(var(--spacing)*0)}.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)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-16{padding-inline:calc(var(--spacing)*16)}.px-px{padding-inline:1px}.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-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.ps-4{padding-inline-start:calc(var(--spacing)*4)}.pe-2{padding-inline-end:calc(var(--spacing)*2)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-5{padding-right:calc(var(--spacing)*5)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-7{padding-right:calc(var(--spacing)*7)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.pr-14{padding-right:calc(var(--spacing)*14)}.pr-\[3px\]{padding-right:3px}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-px{padding-left:1px}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-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-\[0\.925rem\]{font-size:.925rem}.text-\[0\.975rem\]{font-size:.975rem}.text-\[10px\]{font-size:10px}.text-\[14px\]{font-size:14px}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-\[0\]{--tw-leading:0;line-height:0}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.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-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.\!text-kumo-danger{color:var(--text-color-kumo-danger)!important}.\!text-kumo-default{color:var(--text-color-kumo-default)!important}.\!text-kumo-inverse{color:var(--text-color-kumo-inverse)!important}.\!text-kumo-strong{color:var(--text-color-kumo-strong)!important}.\!text-white{color:var(--color-white)!important}.text-black{color:var(--color-black)}.text-current,.text-current\/50{color:currentColor}@supports (color:color-mix(in lab, red, red)){.text-current\/50{color:color-mix(in oklab,currentcolor 50%,transparent)}}.text-inherit{color:inherit}.text-inherit\!{color:inherit!important}.text-kumo-base{color:var(--color-kumo-base)}.text-kumo-brand{color:var(--text-color-kumo-brand)}.text-kumo-danger{color:var(--text-color-kumo-danger)}.text-kumo-default{color:var(--text-color-kumo-default)}.text-kumo-inactive{color:var(--text-color-kumo-inactive)}.text-kumo-info{color:var(--color-kumo-info)}.text-kumo-inverse{color:var(--text-color-kumo-inverse)}.text-kumo-link{color:var(--text-color-kumo-link)}.text-kumo-strong{color:var(--text-color-kumo-strong)}.text-kumo-subtle{color:var(--text-color-kumo-subtle)}.text-kumo-success{color:var(--text-color-kumo-success)}.text-kumo-warning{color:var(--text-color-kumo-warning)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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}.no-underline\!{text-decoration-line:none!important}.underline{text-decoration-line:underline}.decoration-\[0\.0625em\]{text-decoration-thickness:.0625em}.underline-offset-2{text-underline-offset:2px}.underline-offset-\[0\.15em\]{text-underline-offset:.15em}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-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-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{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-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-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-kumo-tip-shadow{--tw-shadow-color:light-dark(var(--color-gray-200,oklch(92.8% .006 264.531)),transparent)}@supports (color:color-mix(in lab, red, red)){.shadow-kumo-tip-shadow{--tw-shadow-color:color-mix(in oklab,var(--color-kumo-tip-shadow)var(--tw-shadow-alpha),transparent)}}.\!ring-kumo-danger{--tw-ring-color:var(--color-kumo-danger)!important}.ring-black\/20{--tw-ring-color:#0003}@supports (color:color-mix(in lab, red, red)){.ring-black\/20{--tw-ring-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.ring-blue-600{--tw-ring-color:var(--color-blue-600)}.ring-kumo-contrast{--tw-ring-color:var(--color-kumo-contrast)}.ring-kumo-danger{--tw-ring-color:var(--color-kumo-danger)}.ring-kumo-fill{--tw-ring-color:var(--color-kumo-fill)}.ring-kumo-fill-hover{--tw-ring-color:var(--color-kumo-fill-hover)}.ring-kumo-line{--tw-ring-color:var(--color-kumo-line)}.ring-kumo-ring{--tw-ring-color:var(--color-kumo-ring)}.ring-neutral-300{--tw-ring-color:var(--color-neutral-300)}.ring-neutral-600{--tw-ring-color:var(--color-neutral-600)}.ring-transparent{--tw-ring-color:transparent}.ring-white\/20{--tw-ring-color:#fff3}@supports (color:color-mix(in lab, red, red)){.ring-white\/20{--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-kumo-fill{outline-color:var(--color-kumo-fill)}.outline-kumo-ring{outline-color:var(--color-kumo-ring)}.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,)}.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-\[left\,width\,transform\]{transition-property:left,width,transform;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\,opacity\]{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,scale\,opacity\]{transition-property:transform,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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-\[50\]{--tw-duration:50;transition-duration:50}.\[transition-duration\:250ms\]{transition-duration:.25s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--gap\:0\.75rem\]{--gap:.75rem}.\[--height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\]{--height:var(--toast-frontmost-height,var(--toast-height))}.\[--offset-y\:calc\(var\(--toast-offset-y\)\*-1\+calc\(var\(--toast-index\)\*var\(--gap\)\*-1\)\+var\(--toast-swipe-movement-y\)\)\]{--offset-y:calc(var(--toast-offset-y)*-1 + calc(var(--toast-index)*var(--gap)*-1) + var(--toast-swipe-movement-y))}.\[--peek\:0\.75rem\]{--peek:.75rem}.\[--scale\:calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\]{--scale:calc(max(0,1 - (var(--toast-index)*.1)))}.\[--shrink\:calc\(1-var\(--scale\)\)\]{--shrink:calc(1 - var(--scale))}.\[corner-shape\:squircle\]{corner-shape:squircle}.\[transition\:transform_0\.5s_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_0\.5s\,height_0\.15s\]{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,height .15s}.ring-inset{--tw-ring-inset:inset}.group-focus-within\/container\:invisible:is(:where(.group\/container):focus-within *){visibility:hidden}.group-focus-within\/container\:visible:is(:where(.group\/container):focus-within *){visibility:visible}.group-focus-within\/container\:opacity-100:is(:where(.group\/container):focus-within *){opacity:1}@media (hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:text-kumo-brand:is(:where(.group):hover *){color:var(--text-color-kumo-brand)}.group-hover\:text-kumo-default:is(:where(.group):hover *){color:var(--text-color-kumo-default)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:ring-kumo-ring:is(:where(.group):hover *){--tw-ring-color:var(--color-kumo-ring)}.group-hover\/container\:opacity-100:is(:where(.group\/container):hover *){opacity:1}.group-hover\/mask\:invisible:is(:where(.group\/mask):hover *){visibility:hidden}.group-hover\/mask\:visible:is(:where(.group\/mask):hover *){visibility:visible}}.group-data-\[highlighted\]\:opacity-100:is(:where(.group)[data-highlighted] *){opacity:1}.selection\:bg-kumo-danger-tint ::selection{background-color:var(--color-kumo-danger-tint)}.selection\:bg-kumo-danger-tint::selection{background-color:var(--color-kumo-danger-tint)}.selection\:bg-kumo-info-tint ::selection{background-color:var(--color-kumo-info-tint)}.selection\:bg-kumo-info-tint::selection{background-color:var(--color-kumo-info-tint)}.selection\:bg-kumo-warning-tint ::selection{background-color:var(--color-kumo-warning-tint)}.selection\:bg-kumo-warning-tint::selection{background-color:var(--color-kumo-warning-tint)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-3:before{content:var(--tw-content);inset:calc(var(--spacing)*-3)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing)*-3)}.after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing)*-2)}.after\:top-full:after{content:var(--tw-content);top:100%}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.after\:h-\[calc\(var\(--gap\)\+1px\)\]:after{content:var(--tw-content);height:calc(var(--gap) + 1px)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:calc(var(--spacing)*0)}.first\:mb-2:first-child{margin-bottom:calc(var(--spacing)*2)}.first\:rounded-l-\[inherit\]:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.first\:rounded-l-lg:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.first\:pt-0:first-child{padding-top:calc(var(--spacing)*0)}.last\:rounded-r-\[inherit\]:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.last\:rounded-r-lg:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.empty\:m-0:empty{margin:calc(var(--spacing)*0)}.empty\:p-0:empty{padding:calc(var(--spacing)*0)}.focus-within\:ring-kumo-ring:focus-within{--tw-ring-color:var(--color-kumo-ring)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-kumo-interact\/80:hover{border-color:color-mix(in srgb,light-dark(var(--color-neutral-300,oklch(87% 0 0)),var(--color-neutral-700,oklch(37.1% 0 0)))80%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-kumo-interact\/80:hover{border-color:color-mix(in oklab,var(--color-kumo-interact)80%,transparent)}}.hover\:bg-kumo-base:hover{background-color:var(--color-kumo-base)}.hover\:bg-kumo-base\/50:hover{background-color:color-mix(in srgb,light-dark(var(--color-white,#fff),var(--color-kumo-neutral-850,oklch(22.4% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-kumo-base\/50:hover{background-color:color-mix(in oklab,var(--color-kumo-base)50%,transparent)}}.hover\:bg-kumo-brand:hover{background-color:var(--color-kumo-brand)}.hover\:bg-kumo-brand-hover:hover{background-color:var(--color-kumo-brand-hover)}.hover\:bg-kumo-contrast\/10:hover{background-color:color-mix(in srgb,light-dark(var(--color-kumo-neutral-975,oklch(8.5% 0 0)),var(--color-kumo-neutral-25,oklch(99% 0 0)))10%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-kumo-contrast\/10:hover{background-color:color-mix(in oklab,var(--color-kumo-contrast)10%,transparent)}}.hover\:bg-kumo-control:hover{background-color:var(--color-kumo-control)}.hover\:bg-kumo-danger\/70:hover{background-color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)))70%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-kumo-danger\/70:hover{background-color:color-mix(in oklab,var(--color-kumo-danger)70%,transparent)}}.hover\:bg-kumo-elevated:hover{background-color:var(--color-kumo-elevated)}.hover\:bg-kumo-fill:hover{background-color:var(--color-kumo-fill)}.hover\:bg-kumo-fill-hover:hover{background-color:var(--color-kumo-fill-hover)}.hover\:bg-kumo-interact:hover{background-color:var(--color-kumo-interact)}.hover\:bg-kumo-tint:hover{background-color:var(--color-kumo-tint)}.hover\:bg-kumo-tint\/50:hover{background-color:color-mix(in srgb,light-dark(var(--color-kumo-neutral-75,oklch(96.7% 0 0)),var(--color-kumo-neutral-800,oklch(26.9% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-kumo-tint\/50:hover{background-color:color-mix(in oklab,var(--color-kumo-tint)50%,transparent)}}.hover\:bg-sky-100:hover{background-color:var(--color-sky-100)}.hover\:text-current:hover{color:currentColor}.hover\:text-kumo-default:hover{color:var(--text-color-kumo-default)}.hover\:text-kumo-link\/70:hover{color:color-mix(in srgb,light-dark(var(--color-blue-800,oklch(42.4% .199 265.638)),var(--color-blue-400,oklch(70.7% .165 254.624)))70%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:text-kumo-link\/70:hover{color:color-mix(in oklab,var(--text-color-kumo-link)70%,transparent)}}.hover\:text-kumo-strong:hover{color:var(--text-color-kumo-strong)}.hover\:text-kumo-subtle:hover{color:var(--text-color-kumo-subtle)}.hover\:text-white:hover{color:var(--color-white)}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-sm:hover{--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)}.hover\:ring-kumo-ring:hover{--tw-ring-color:var(--color-kumo-ring)}.hover\:brightness-120:hover{--tw-brightness:brightness(120%);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,)}.not-disabled\:hover\:bg-kumo-base:not(:disabled):hover{background-color:var(--color-kumo-base)}.not-disabled\:hover\:bg-kumo-tint:not(:disabled):hover,.hover\:not-has-\[\[data-disabled\]\]\:bg-kumo-tint:hover:not(:has([data-disabled])){background-color:var(--color-kumo-tint)}}.focus\:z-1:focus{z-index:1}.focus\:border-kumo-fill:focus{border-color:var(--color-kumo-fill)}.focus\:bg-kumo-brand-hover:focus{background-color:var(--color-kumo-brand-hover)}.focus\:bg-kumo-tint:focus{background-color:var(--color-kumo-tint)}.focus\:text-kumo-default:focus{color:var(--text-color-kumo-default)}.focus\:opacity-100:focus{opacity:1}.focus\:ring-kumo-danger:focus{--tw-ring-color:var(--color-kumo-danger)}.focus\:ring-kumo-ring:focus{--tw-ring-color:var(--color-kumo-ring)}.focus\:outline:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-1:focus-visible{z-index:1}.focus-visible\:rounded-sm:focus-visible{border-radius:var(--radius-sm)}.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-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:ring-kumo-danger:focus-visible{--tw-ring-color:var(--color-kumo-danger)}.focus-visible\:ring-kumo-ring:focus-visible{--tw-ring-color:var(--color-kumo-ring)}.focus-visible\:inset-ring-\[0\.5\]:focus-visible{--tw-inset-ring-color:.5}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-3:focus-visible{outline-offset:3px}.focus-visible\:outline-kumo-ring:focus-visible{outline-color:var(--color-kumo-ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.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)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-kumo-base\/50:disabled{background-color:color-mix(in srgb,light-dark(var(--color-white,#fff),var(--color-kumo-neutral-850,oklch(22.4% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-kumo-base\/50:disabled{background-color:color-mix(in oklab,var(--color-kumo-base)50%,transparent)}}.disabled\:bg-kumo-brand\/50:disabled{background-color:light-dark(#056dff80,#056dff80)}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-kumo-brand\/50:disabled{background-color:color-mix(in oklab,var(--color-kumo-brand)50%,transparent)}}.disabled\:bg-kumo-overlay:disabled{background-color:var(--color-kumo-overlay)}.disabled\:\!text-kumo-danger\/70:disabled{color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-400,oklch(70.4% .191 22.216)))70%,transparent)!important}@supports (color:color-mix(in lab, red, red)){.disabled\:\!text-kumo-danger\/70:disabled{color:color-mix(in oklab,var(--text-color-kumo-danger)70%,transparent)!important}}.disabled\:\!text-kumo-default\/70:disabled{color:color-mix(in srgb,light-dark(var(--color-neutral-900,oklch(21% .006 285.885)),var(--color-neutral-100,oklch(97% 0 0)))70%,transparent)!important}@supports (color:color-mix(in lab, red, red)){.disabled\:\!text-kumo-default\/70:disabled{color:color-mix(in oklab,var(--text-color-kumo-default)70%,transparent)!important}}.disabled\:text-kumo-inactive\!:disabled{color:var(--text-color-kumo-inactive)!important}.disabled\:text-kumo-subtle:disabled{color:var(--text-color-kumo-subtle)}.disabled\:opacity-50:disabled{opacity:.5}:where(:focus) :is(.\*\:in-focus\:opacity-100>*){opacity:1}.has-\[\[data-checked\]\]\:border-kumo-danger:has([data-checked]){border-color:var(--color-kumo-danger)}.has-\[\[data-checked\]\]\:border-kumo-interact:has([data-checked]){border-color:var(--color-kumo-interact)}.has-\[\[data-checked\]\]\:bg-kumo-base:has([data-checked]){background-color:var(--color-kumo-base)}.has-\[\[data-checked\]\]\:bg-kumo-tint:has([data-checked]){background-color:var(--color-kumo-tint)}.has-\[\[data-disabled\]\]\:cursor-not-allowed:has([data-disabled]){cursor:not-allowed}.has-\[\[data-disabled\]\]\:opacity-50:has([data-disabled]){opacity:.5}.has-\[\[role\=switch\]\]\:flex:has([role=switch]){display:flex}.has-\[\[role\=switch\]\]\:grid-cols-\[auto_1fr\]:has([role=switch]){grid-template-columns:auto 1fr}.has-\[\[role\=switch\]\]\:flex-row-reverse:has([role=switch]){flex-direction:row-reverse}.has-\[\[role\=switch\]\]\:flex-wrap:has([role=switch]){flex-wrap:wrap}.has-\[\[role\=switch\]\]\:items-center:has([role=switch]){align-items:center}.has-\[input\[type\=checkbox\]\]\:flex:has(:is(input[type=checkbox])){display:flex}.has-\[input\[type\=checkbox\]\]\:grid-cols-\[auto_1fr\]:has(:is(input[type=checkbox])){grid-template-columns:auto 1fr}.has-\[input\[type\=checkbox\]\]\:flex-row-reverse:has(:is(input[type=checkbox])){flex-direction:row-reverse}.has-\[input\[type\=checkbox\]\]\:flex-wrap:has(:is(input[type=checkbox])){flex-wrap:wrap}.has-\[input\[type\=checkbox\]\]\:items-center:has(:is(input[type=checkbox])){align-items:center}.aria-selected\:font-medium[aria-selected=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.aria-selected\:text-kumo-default[aria-selected=true]{color:var(--text-color-kumo-default)}@media (hover:hover){.aria-selected\:hover\:bg-transparent[aria-selected=true]:hover{background-color:#0000}}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-ending-style\:scale-90[data-ending-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-ending-style\:opacity-0[data-ending-style]{opacity:0}.data-highlighted\:bg-kumo-danger\/5[data-highlighted]{background-color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)))5%,transparent)}@supports (color:color-mix(in lab, red, red)){.data-highlighted\:bg-kumo-danger\/5[data-highlighted]{background-color:color-mix(in oklab,var(--color-kumo-danger)5%,transparent)}}.data-highlighted\:bg-kumo-overlay[data-highlighted]{background-color:var(--color-kumo-overlay)}.data-highlighted\:bg-kumo-tint[data-highlighted]{background-color:var(--color-kumo-tint)}.data-highlighted\:text-kumo-danger[data-highlighted]{color:var(--text-color-kumo-danger)}.data-instant\:duration-0[data-instant]{--tw-duration:0s;transition-duration:0s}.data-starting-style\:scale-90[data-starting-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-starting-style\:opacity-0[data-starting-style]{opacity:0}.data-\[behind\]\:pointer-events-none[data-behind]{pointer-events:none}.data-\[behind\]\:opacity-0[data-behind]{opacity:0}.data-\[checked\]\:bg-kumo-contrast[data-checked]{background-color:var(--color-kumo-contrast)}.data-\[checked\]\:ring-kumo-contrast[data-checked]{--tw-ring-color:var(--color-kumo-contrast)}.data-\[ending-style\]\:scale-90[data-ending-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[expanded\]\:pointer-events-auto[data-expanded]{pointer-events:auto}.data-\[expanded\]\:h-\[var\(--toast-height\)\][data-expanded]{height:var(--toast-height)}.data-\[expanded\]\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--offset-y\)\)\)\][data-expanded]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--offset-y)))}.data-\[expanded\]\:opacity-100[data-expanded]{opacity:1}.data-\[highlighted\]\:bg-kumo-overlay[data-highlighted]{background-color:var(--color-kumo-overlay)}.data-\[indeterminate\]\:bg-kumo-contrast[data-indeterminate]{background-color:var(--color-kumo-contrast)}.data-\[indeterminate\]\:ring-kumo-contrast[data-indeterminate]{--tw-ring-color:var(--color-kumo-contrast)}.data-\[instant\]\:duration-0[data-instant]{--tw-duration:0s;transition-duration:0s}.data-\[limited\]\:opacity-0[data-limited]{opacity:0}.data-\[rendered\=false\]\:scale-90[data-rendered=false]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\[rendered\=false\]\:opacity-0[data-rendered=false]{opacity:0}.data-\[side\=bottom\]\:-top-2[data-side=bottom]{top:calc(var(--spacing)*-2)}.data-\[side\=bottom\]\:top-\[-8px\][data-side=bottom]{top:-8px}.data-\[side\=left\]\:right-\[-13px\][data-side=left]{right:-13px}.data-\[side\=left\]\:rotate-90[data-side=left]{rotate:90deg}.data-\[side\=right\]\:left-\[-13px\][data-side=right]{left:-13px}.data-\[side\=right\]\:-rotate-90[data-side=right]{rotate:-90deg}.data-\[side\=top\]\:-bottom-2[data-side=top]{bottom:calc(var(--spacing)*-2)}.data-\[side\=top\]\:bottom-\[-8px\][data-side=top]{bottom:-8px}.data-\[side\=top\]\:rotate-180[data-side=top]{rotate:180deg}.data-\[starting-style\]\:scale-90[data-starting-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\[starting-style\]\:\[transform\:translateY\(150\%\)\][data-starting-style]{transform:translateY(150%)}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}.data-\[state\=open\]\:bg-kumo-base[data-state=open]{background-color:var(--color-kumo-base)}.data-\[state\=open\]\:bg-kumo-tint[data-state=open]{background-color:var(--color-kumo-tint)}.data-\[ending-style\]\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-ending-style][data-swipe-direction=down],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.data-\[ending-style\]\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=left],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%))translateY(var(--offset-y))}.data-\[ending-style\]\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=right],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%))translateY(var(--offset-y))}.data-\[ending-style\]\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-ending-style][data-swipe-direction=up],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}.data-\[unchecked\]\:invisible[data-unchecked]{visibility:hidden}@supports (corner-shape:squircle){.supports-\[corner-shape\:squircle\]\:rounded-\[10px\]{border-radius:10px}}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:right-8{right:calc(var(--spacing)*8)}.sm\:bottom-8{bottom:calc(var(--spacing)*8)}.sm\:contents{display:contents}.sm\:hidden{display:none}.sm\:w-\[340px\]{width:340px}.sm\:w-auto{width:auto}.sm\:max-w-\[calc\(100vw-3rem\)\]{max-width:calc(100vw - 3rem)}.sm\:min-w-96{min-width:calc(var(--spacing)*96)}}@media (min-width:48rem){.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.md\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.md\:flex-row{flex-direction:row}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:pb-0{padding-bottom:calc(var(--spacing)*0)}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:px-10{padding-inline:calc(var(--spacing)*10)}.lg\:py-9{padding-block:calc(var(--spacing)*9)}}@media (min-width:80rem){.xl\:sticky{position:sticky}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:w-\[380px\]{width:380px}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:gap-6{gap:calc(var(--spacing)*6)}.xl\:gap-8{gap:calc(var(--spacing)*8)}}@media (prefers-color-scheme:dark){.dark\:bg-blue-300{background-color:var(--color-blue-300)}.dark\:bg-blue-600{background-color:var(--color-blue-600)}.dark\:bg-kumo-base{background-color:var(--color-kumo-base)}.dark\:bg-neutral-400{background-color:var(--color-neutral-400)}.dark\:bg-neutral-700{background-color:var(--color-neutral-700)}.dark\:ring-blue-100{--tw-ring-color:var(--color-blue-100)}.dark\:ring-blue-500{--tw-ring-color:var(--color-blue-500)}.dark\:ring-neutral-200{--tw-ring-color:var(--color-neutral-200)}.dark\:ring-neutral-600{--tw-ring-color:var(--color-neutral-600)}.dark\:ring-neutral-700{--tw-ring-color:var(--color-neutral-700)}}.\[\&_\[data-toast-icon\]\]\:text-\[light-dark\(var\(--color-amber-700\)\,var\(--color-amber-500\)\)\] [data-toast-icon]{color:light-dark(var(--color-amber-700),var(--color-amber-500))}.\[\&_\[data-toast-icon\]\]\:text-\[light-dark\(var\(--color-red-600\)\,var\(--color-red-400\)\)\] [data-toast-icon]{color:light-dark(var(--color-red-600),var(--color-red-400))}.\[\&_\[data-toast-title\]\]\:text-\[light-dark\(var\(--color-amber-700\)\,var\(--color-amber-500\)\)\] [data-toast-title]{color:light-dark(var(--color-amber-700),var(--color-amber-500))}.\[\&_\[data-toast-title\]\]\:text-\[light-dark\(var\(--color-red-600\)\,var\(--color-red-400\)\)\] [data-toast-title]{color:light-dark(var(--color-red-600),var(--color-red-400))}.\[\&_code\]\:\!m-0 code{margin:calc(var(--spacing)*0)!important}.\[\&_code\]\:\!border-0 code{border-style:var(--tw-border-style)!important;border-width:0!important}.\[\&_code\]\:\!bg-transparent code{background-color:#0000!important}.\[\&_code\]\:\!p-0 code{padding:calc(var(--spacing)*0)!important}.\[\&_td\]\:border-b td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_td\]\:border-kumo-fill td{border-color:var(--color-kumo-fill)}.\[\&_td\]\:p-3 td{padding:calc(var(--spacing)*3)}.\[\&_th\]\:border-b th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_th\]\:border-kumo-fill th{border-color:var(--color-kumo-fill)}.\[\&_th\]\:bg-kumo-base th{background-color:var(--color-kumo-base)}.\[\&_th\]\:bg-kumo-elevated th{background-color:var(--color-kumo-elevated)}.\[\&_th\]\:p-3 th{padding:calc(var(--spacing)*3)}.\[\&_th\]\:py-2 th{padding-block:calc(var(--spacing)*2)}.\[\&_th\]\:text-base th{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\&_th\]\:font-semibold th{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_tr\:last-child_td\]\:border-b-0 tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\:focus-within\>span\]\:ring-kumo-ring:focus-within>span,.\[\&\:has\(\:focus-within\)\]\:ring-kumo-ring:has(:focus-within){--tw-ring-color:var(--color-kumo-ring)}.\[\&\:hover\>span\]\:text-white:hover>span{color:var(--color-white)}.\[\&\:hover\>span\]\:ring-kumo-ring:hover>span{--tw-ring-color:var(--color-kumo-ring)}.\[\&\>label\]\:flex-1>label{flex:1}.\[\&\>pre\]\:\!m-0>pre{margin:calc(var(--spacing)*0)!important}.\[\&\>pre\]\:\!rounded-none>pre{border-radius:0!important}.\[\&\>pre\]\:\!border-0>pre{border-style:var(--tw-border-style)!important;border-width:0!important}.\[\&\>pre\]\:\!bg-transparent>pre{background-color:#0000!important}.\[\&\>pre\]\:\!p-4>pre{padding:calc(var(--spacing)*4)!important}.\[\&\>pre\]\:p-2\.5>pre{padding:calc(var(--spacing)*2.5)}.\[\&\>pre\]\:p-2\.5\!>pre{padding:calc(var(--spacing)*2.5)!important}.\[\&\>pre\]\:p-4>pre{padding:calc(var(--spacing)*4)}.\[\&\>pre\]\:font-mono>pre{font-family:var(--font-mono)}.\[\&\>pre\]\:text-sm>pre{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\&\>pre\]\:leading-relaxed>pre{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&\>span\]\:ring-kumo-danger>span{--tw-ring-color:var(--color-kumo-danger)}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:\[transform\:translateY\(150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]){transform:translateY(150%)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-input-spinner{appearance:textfield}.no-input-spinner ::-webkit-outer-spin-button{appearance:none}.no-input-spinner ::-webkit-inner-spin-button{appearance:none}.link-current{text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.link-current{-webkit-text-decoration-color:color-mix(in oklch,currentColor 35%,transparent);-webkit-text-decoration-color:color-mix(in oklch,currentColor 35%,transparent);text-decoration-color:color-mix(in oklch,currentColor 35%,transparent)}}[data-mode=dark] .link-current{text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){[data-mode=dark] .link-current{-webkit-text-decoration-color:color-mix(in oklch,currentColor 65%,transparent);-webkit-text-decoration-color:color-mix(in oklch,currentColor 65%,transparent);text-decoration-color:color-mix(in oklch,currentColor 65%,transparent)}}.link-current:hover{text-decoration-color:currentColor}.link-external-icon{stroke-width:1.75px}[data-mode=dark] .link-external-icon{stroke-width:2px}}@keyframes right{to{transform:translate(100%)}}.float{animation:5s linear infinite alternate float}@keyframes float{to{transform:translate(5px,15px)}}@keyframes refresh{to{transform:rotate(360deg)scale(.9)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.animate-bounce-in{animation:.4s ease-out bounce-in}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes kumo-chart-wave{0%{transform:translate(0)}to{transform:translate(-400px)}}@keyframes toast-bump{0%{transform:scale(1)}20%{transform:scale(1.02)}to{transform:scale(1)}}.animate-toast-bump{transform-origin:50%;animation:.4s cubic-bezier(.34,1.56,.64,1) toast-bump}.skeleton-line{height:var(--skeleton-height,.5rem);width:var(--skeleton-width);background-color:#f3f4f6;border-radius:2px;position:relative;overflow:hidden}.skeleton-line:after{animation:shimmer var(--shimmer-duration,1.5s)var(--shimmer-delay,0s)infinite ease-in-out;content:"";background:linear-gradient(90deg,#0000 0%,#00000014 50%,#0000 100%);position:absolute;inset:0}[data-mode=dark] .skeleton-line{background-color:#ffffff0f}[data-mode=dark] .skeleton-line:after{background:linear-gradient(90deg,#fff0 0%,#ffffff0d 50%,#fff0 100%)}[data-mode=dark] .kumo-tooltip-popup,[data-mode=dark] .kumo-popover-popup{outline-offset:-1px}.kumo-input-placeholder::placeholder{color:var(--text-color-kumo-placeholder)}@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-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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@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}@keyframes pulse{50%{opacity:.5}}
|
|
2
|
+
@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-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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-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-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-green-900:oklch(39.3% .095 152.535);--color-sky-100:oklch(95.1% .026 236.824);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-200:oklch(92.8% .006 264.531);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-2xl:42rem;--text-xs:12px;--text-xs--line-height:calc(1/.75);--text-sm:13px;--text-sm--line-height:calc(1/.85);--text-base:14px;--text-base--line-height:calc(1.25/.875);--text-lg:16px;--text-lg--line-height:calc(1.25/1);--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-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-widest:.1em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.1s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-color-kumo-default:light-dark(var(--color-neutral-900,oklch(21% .006 285.885)),var(--color-neutral-100,oklch(97% 0 0)));--text-color-kumo-inverse:light-dark(var(--color-neutral-100,oklch(97% 0 0)),var(--color-neutral-900,oklch(20.5% 0 0)));--text-color-kumo-strong:light-dark(var(--color-neutral-600,oklch(43.9% 0 0)),var(--color-neutral-400,oklch(70.8% 0 0)));--text-color-kumo-subtle:light-dark(var(--color-neutral-500,oklch(55.6% 0 0)),var(--color-kumo-neutral-50,oklch(97.5% 0 0)));--text-color-kumo-inactive:light-dark(var(--color-neutral-400,oklch(70.8% 0 0)),var(--color-neutral-600,oklch(70.8% 0 0)));--text-color-kumo-placeholder:light-dark(var(--color-neutral-400,oklch(70.8% 0 0)),var(--color-neutral-500,oklch(55.6% 0 0)));--text-color-kumo-brand:light-dark(#f6821f,#f6821f);--text-color-kumo-link:light-dark(var(--color-blue-800,oklch(42.4% .199 265.638)),var(--color-blue-400,oklch(70.7% .165 254.624)));--text-color-kumo-success:light-dark(var(--color-green-500,oklch(72.3% .219 149.579)),var(--color-green-400,oklch(79.2% .209 151.711)));--text-color-kumo-danger:light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-400,oklch(70.4% .191 22.216)));--text-color-kumo-warning:light-dark(var(--color-yellow-800,oklch(47.6% .114 61.907)),var(--color-yellow-400,oklch(85.2% .199 91.936)));--color-kumo-surface:light-dark(var(--color-kumo-neutral-25,oklch(99% 0 0)),var(--color-kumo-neutral-975,oklch(8.5% 0 0)));--color-kumo-recessed:light-dark(var(--color-kumo-neutral-50,oklch(97.5% 0 0)),var(--color-kumo-neutral-925,oklch(18% 0 0)));--color-kumo-base:light-dark(var(--color-white,#fff),var(--color-kumo-neutral-850,oklch(22.4% 0 0)));--color-kumo-tint:light-dark(var(--color-kumo-neutral-75,oklch(96.7% 0 0)),var(--color-kumo-neutral-800,oklch(26.9% 0 0)));--color-kumo-contrast:light-dark(var(--color-kumo-neutral-975,oklch(8.5% 0 0)),var(--color-kumo-neutral-25,oklch(99% 0 0)));--color-kumo-elevated:light-dark(var(--color-kumo-neutral-25,oklch(98.5% 0 0)),var(--color-neutral-950,oklch(14.5% 0 0)));--color-kumo-overlay:light-dark(var(--color-kumo-neutral-50,oklch(97.5% 0 0)),var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-control:light-dark(var(--color-white,#fff),var(--color-neutral-900,oklch(21% .006 285.885)));--color-kumo-interact:light-dark(var(--color-neutral-300,oklch(87% 0 0)),var(--color-neutral-700,oklch(37.1% 0 0)));--color-kumo-fill:light-dark(var(--color-neutral-200,oklch(92.2% 0 0)),var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-fill-hover:light-dark(var(--color-neutral-200,oklch(92.2% 0 0)),var(--color-neutral-700,oklch(37.1% 0 0)));--color-kumo-brand:light-dark(oklch(57.72% .2324 260),oklch(57.72% .2324 260));--color-kumo-brand-hover:light-dark(var(--color-blue-700,oklch(48.8% .243 264.376)),var(--color-blue-700,oklch(48.8% .243 264.376)));--color-kumo-line:light-dark(oklch(14.5% 0 0/.1),var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-ring:light-dark(var(--color-kumo-neutral-150,oklch(93.5% 0 0)),var(--color-neutral-700,oklch(37.1% 0 0)));--color-kumo-tip-shadow:light-dark(var(--color-gray-200,oklch(92.8% .006 264.531)),transparent);--color-kumo-tip-stroke:light-dark(transparent,var(--color-neutral-800,oklch(26.9% 0 0)));--color-kumo-info:light-dark(var(--color-blue-500,oklch(62.3% .214 259.815)),var(--color-blue-400,oklch(70.7% .165 254.624)));--color-kumo-info-tint:light-dark(var(--color-blue-300,oklch(80.9% .105 251.813)),var(--color-blue-900,oklch(37.9% .146 265.522)));--color-kumo-warning:light-dark(var(--color-yellow-500,oklch(79.5% .184 86.047)),var(--color-yellow-700,oklch(55.4% .135 66.442)));--color-kumo-warning-tint:light-dark(var(--color-yellow-300,oklch(90.5% .182 98.111)),var(--color-yellow-900,oklch(42.1% .095 57.708)));--color-kumo-danger:light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)));--color-kumo-danger-tint:light-dark(var(--color-red-300,oklch(80.8% .114 19.571)),var(--color-red-900,oklch(39.6% .141 25.723)));--color-kumo-success:light-dark(var(--color-green-500,oklch(72.3% .219 149.579)),var(--color-green-700,oklch(52.7% .154 150.069)));--color-kumo-success-tint:light-dark(var(--color-green-300,oklch(87.1% .15 154.449)),var(--color-green-900,oklch(39.3% .095 152.535)));--color-red-650:oklch(55% .238 27.4);--color-kumo-neutral-25:oklch(99% 0 0);--color-kumo-neutral-50:oklch(97.5% 0 0);--color-kumo-neutral-75:oklch(96.7% 0 0);--color-kumo-neutral-150:oklch(93.5% 0 0);--color-kumo-neutral-850:oklch(22.4% 0 0);--color-kumo-neutral-925:oklch(18% 0 0);--color-kumo-neutral-975:oklch(8.5% 0 0);--animate-refresh:refresh .5s ease-in-out infinite}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root,[data-theme=kumo]{--text-color-kumo-default:var(--color-neutral-900,oklch(21% .006 285.885));--text-color-kumo-inverse:var(--color-neutral-100,oklch(97% 0 0));--text-color-kumo-strong:var(--color-neutral-600,oklch(43.9% 0 0));--text-color-kumo-subtle:var(--color-neutral-500,oklch(55.6% 0 0));--text-color-kumo-inactive:var(--color-neutral-400,oklch(70.8% 0 0));--text-color-kumo-placeholder:var(--color-neutral-400,oklch(70.8% 0 0));--text-color-kumo-brand:#f6821f;--text-color-kumo-link:var(--color-blue-800,oklch(42.4% .199 265.638));--text-color-kumo-success:var(--color-green-500,oklch(72.3% .219 149.579));--text-color-kumo-danger:var(--color-red-500,oklch(63.7% .237 25.331));--text-color-kumo-warning:var(--color-yellow-800,oklch(47.6% .114 61.907));--color-kumo-surface:var(--color-kumo-neutral-25,oklch(99% 0 0));--color-kumo-recessed:var(--color-kumo-neutral-50,oklch(97.5% 0 0));--color-kumo-base:var(--color-white,#fff);--color-kumo-tint:var(--color-kumo-neutral-75,oklch(96.7% 0 0));--color-kumo-contrast:var(--color-kumo-neutral-975,oklch(8.5% 0 0));--color-kumo-elevated:var(--color-kumo-neutral-25,oklch(98.5% 0 0));--color-kumo-overlay:var(--color-kumo-neutral-50,oklch(97.5% 0 0));--color-kumo-control:var(--color-white,#fff);--color-kumo-interact:var(--color-neutral-300,oklch(87% 0 0));--color-kumo-fill:var(--color-neutral-200,oklch(92.2% 0 0));--color-kumo-fill-hover:var(--color-neutral-200,oklch(92.2% 0 0));--color-kumo-brand:oklch(57.72% .2324 260);--color-kumo-brand-hover:var(--color-blue-700,oklch(48.8% .243 264.376));--color-kumo-line:oklch(14.5% 0 0/.1);--color-kumo-ring:var(--color-kumo-neutral-150,oklch(93.5% 0 0));--color-kumo-tip-shadow:var(--color-gray-200,oklch(92.8% .006 264.531));--color-kumo-tip-stroke:transparent;--color-kumo-info:var(--color-blue-500,oklch(62.3% .214 259.815));--color-kumo-info-tint:var(--color-blue-300,oklch(80.9% .105 251.813));--color-kumo-warning:var(--color-yellow-500,oklch(79.5% .184 86.047));--color-kumo-warning-tint:var(--color-yellow-300,oklch(90.5% .182 98.111));--color-kumo-danger:var(--color-red-500,oklch(63.7% .237 25.331));--color-kumo-danger-tint:var(--color-red-300,oklch(80.8% .114 19.571));--color-kumo-success:var(--color-green-500,oklch(72.3% .219 149.579));--color-kumo-success-tint:var(--color-green-300,oklch(87.1% .15 154.449))}:root[data-mode=dark],[data-mode=dark]:not([data-theme]),[data-mode=dark] [data-theme=kumo],[data-theme=kumo][data-mode=dark],[data-theme=kumo] [data-mode=dark]{--text-color-kumo-default:var(--color-neutral-100,oklch(97% 0 0));--text-color-kumo-inverse:var(--color-neutral-900,oklch(20.5% 0 0));--text-color-kumo-strong:var(--color-neutral-400,oklch(70.8% 0 0));--text-color-kumo-subtle:var(--color-kumo-neutral-50,oklch(97.5% 0 0));--text-color-kumo-inactive:var(--color-neutral-600,oklch(70.8% 0 0));--text-color-kumo-placeholder:var(--color-neutral-500,oklch(55.6% 0 0));--text-color-kumo-brand:#f6821f;--text-color-kumo-link:var(--color-blue-400,oklch(70.7% .165 254.624));--text-color-kumo-success:var(--color-green-400,oklch(79.2% .209 151.711));--text-color-kumo-danger:var(--color-red-400,oklch(70.4% .191 22.216));--text-color-kumo-warning:var(--color-yellow-400,oklch(85.2% .199 91.936));--color-kumo-surface:var(--color-kumo-neutral-975,oklch(8.5% 0 0));--color-kumo-recessed:var(--color-kumo-neutral-925,oklch(18% 0 0));--color-kumo-base:var(--color-kumo-neutral-850,oklch(22.4% 0 0));--color-kumo-tint:var(--color-kumo-neutral-800,oklch(26.9% 0 0));--color-kumo-contrast:var(--color-kumo-neutral-25,oklch(99% 0 0));--color-kumo-elevated:var(--color-neutral-950,oklch(14.5% 0 0));--color-kumo-overlay:var(--color-neutral-800,oklch(26.9% 0 0));--color-kumo-control:var(--color-neutral-900,oklch(21% .006 285.885));--color-kumo-interact:var(--color-neutral-700,oklch(37.1% 0 0));--color-kumo-fill:var(--color-neutral-800,oklch(26.9% 0 0));--color-kumo-fill-hover:var(--color-neutral-700,oklch(37.1% 0 0));--color-kumo-brand:oklch(57.72% .2324 260);--color-kumo-brand-hover:var(--color-blue-700,oklch(48.8% .243 264.376));--color-kumo-line:var(--color-neutral-800,oklch(26.9% 0 0));--color-kumo-ring:var(--color-neutral-700,oklch(37.1% 0 0));--color-kumo-tip-shadow:transparent;--color-kumo-tip-stroke:var(--color-neutral-800,oklch(26.9% 0 0));--color-kumo-info:var(--color-blue-400,oklch(70.7% .165 254.624));--color-kumo-info-tint:var(--color-blue-900,oklch(37.9% .146 265.522));--color-kumo-warning:var(--color-yellow-700,oklch(55.4% .135 66.442));--color-kumo-warning-tint:var(--color-yellow-900,oklch(42.1% .095 57.708));--color-kumo-danger:var(--color-red-700,oklch(50.5% .213 27.518));--color-kumo-danger-tint:var(--color-red-900,oklch(39.6% .141 25.723));--color-kumo-success:var(--color-green-700,oklch(52.7% .154 150.069));--color-kumo-success-tint:var(--color-green-900,oklch(39.3% .095 152.535))}[data-theme=fedramp],[data-mode=dark] [data-theme=fedramp],[data-theme=fedramp][data-mode=dark],[data-theme=fedramp] [data-mode=dark]{--color-kumo-surface:#5b697c;--color-kumo-base:#5b697c;--color-kumo-ring:#c8d4e5}:root{color-scheme:light}[data-mode=dark]{color-scheme:dark}}@layer components;@layer utilities{.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-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-px{top:-1px}.top-\(--active-tab-top\){top:var(--active-tab-top)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-22{top:calc(var(--spacing)*22)}.top-\[10vh\]{top:10vh}.top-auto{top:auto}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-1\.5{right:calc(var(--spacing)*1.5)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-5{right:calc(var(--spacing)*5)}.right-6{right:calc(var(--spacing)*6)}.right-8{right:calc(var(--spacing)*8)}.right-9{right:calc(var(--spacing)*9)}.right-10{right:calc(var(--spacing)*10)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-\(--active-tab-left\){left:var(--active-tab-left)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-4{left:calc(var(--spacing)*4)}.left-4\.5{left:calc(var(--spacing)*4.5)}.left-5{left:calc(var(--spacing)*5)}.left-auto{left:auto}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[calc\(1000-var\(--toast-index\)\)\]{z-index:calc(1000 - var(--toast-index))}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.m-0{margin:calc(var(--spacing)*0)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.-mx-16{margin-inline:calc(var(--spacing)*-16)}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.-my-16{margin-block:calc(var(--spacing)*-16)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-px{margin-block:1px}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.-ml-px{margin-left:-1px}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.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-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-4\.5{width:calc(var(--spacing)*4.5);height:calc(var(--spacing)*4.5)}.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-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-full{width:100%;height:100%}.h-\(--active-tab-height\){height:var(--active-tab-height)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-4\.5{height:calc(var(--spacing)*4.5)}.h-5{height:calc(var(--spacing)*5)}.h-5\.5{height:calc(var(--spacing)*5.5)}.h-6{height:calc(var(--spacing)*6)}.h-6\.5{height:calc(var(--spacing)*6.5)}.h-7{height:calc(var(--spacing)*7)}.h-7\.5{height:calc(var(--spacing)*7.5)}.h-8{height:calc(var(--spacing)*8)}.h-8\.5{height:calc(var(--spacing)*8.5)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-\[1\.375em\]{height:1.375em}.h-\[22px\]{height:22px}.h-\[26px\]{height:26px}.h-\[32px\]{height:32px}.h-\[var\(--height\)\]{height:var(--height)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-full\!{height:100%!important}.h-px{height:1px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[200px\]{max-height:200px}.max-h-\[min\(var\(--available-height\)\,24rem\)\]{max-height:min(var(--available-height),24rem)}.\!min-h-0{min-height:calc(var(--spacing)*0)!important}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-5{min-height:calc(var(--spacing)*5)}.min-h-6\.5{min-height:calc(var(--spacing)*6.5)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-screen{min-height:100vh}.w-\(--active-tab-width\){width:var(--active-tab-width)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-4\.5{width:calc(var(--spacing)*4.5)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-8\.5{width:calc(var(--spacing)*8.5)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-10\.5{width:calc(var(--spacing)*10.5)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-12\.5{width:calc(var(--spacing)*12.5)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-\[2px\]{width:2px}.w-\[10px\]{width:10px}.w-\[125px\]{width:125px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[168px\]{width:168px}.w-\[180px\]{width:180px}.w-\[196px\]{width:196px}.w-\[200px\]{width:200px}.w-\[220px\]{width:220px}.w-\[250px\]{width:250px}.w-\[252px\]{width:252px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-\[calc\(100\%-0\.75rem\)\]{width:calc(100% - .75rem)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-\(--available-width\){max-width:var(--available-width)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-8\/10{max-width:80%}.max-w-140{max-width:calc(var(--spacing)*140)}.max-w-\[1400px\]{max-width:1400px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--anchor-width\){min-width:var(--anchor-width)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-36{min-width:calc(var(--spacing)*36)}.min-w-42{min-width:calc(var(--spacing)*42)}.min-w-72{min-width:calc(var(--spacing)*72)}.min-w-96{min-width:calc(var(--spacing)*96)}.min-w-\[32rem\]{min-width:32rem}.min-w-\[48rem\]{min-width:48rem}.min-w-\[100px\]{min-width:100px}.min-w-\[calc\(var\(--anchor-width\)\+3px\)\]{min-width:calc(var(--anchor-width) + 3px)}.min-w-auto{min-width:auto}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-fixed{table-layout:fixed}.origin-\(--transform-origin\),.origin-\[var\(--transform-origin\)\]{transform-origin:var(--transform-origin)}.origin-bottom{transform-origin:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-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-full{--tw-translate-y:-100%;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)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)-\(var\(--toast-index\)\*var\(--peek\)\)-\(var\(--shrink\)\*var\(--height\)\)\)\)_scale\(var\(--scale\)\)\]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index)*var(--peek)) - (var(--shrink)*var(--height))))scale(var(--scale))}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-refresh{animation:var(--animate-refresh)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scroll-pt-2{scroll-padding-top:calc(var(--spacing)*2)}.scroll-pb-2{scroll-padding-bottom:calc(var(--spacing)*2)}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_16px\]{grid-template-columns:1fr 16px}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.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-16{gap:calc(var(--spacing)*16)}.gap-\[0\.1875em\]{gap:.1875em}: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-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)))}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\[5px\]{border-radius:5px}.rounded-\[11px\]{border-radius:11px}.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-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-tl-\[5px\]{border-top-left-radius:5px}.rounded-tr-\[5px\]{border-top-right-radius:5px}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-br-\[5px\]{border-bottom-right-radius:5px}.rounded-bl-\[5px\]{border-bottom-left-radius:5px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.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\!{border-left-style:var(--tw-border-style)!important;border-left-width:1px!important}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-kumo-brand{border-color:var(--color-kumo-brand)}.border-kumo-danger{border-color:var(--color-kumo-danger)}.border-kumo-danger\/30{border-color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)))30%,transparent)}@supports (color:color-mix(in lab, red, red)){.border-kumo-danger\/30{border-color:color-mix(in oklab,var(--color-kumo-danger)30%,transparent)}}.border-kumo-fill{border-color:var(--color-kumo-fill)}.border-kumo-fill\/60{border-color:color-mix(in srgb,light-dark(var(--color-neutral-200,oklch(92.2% 0 0)),var(--color-neutral-800,oklch(26.9% 0 0)))60%,transparent)}@supports (color:color-mix(in lab, red, red)){.border-kumo-fill\/60{border-color:color-mix(in oklab,var(--color-kumo-fill)60%,transparent)}}.border-kumo-info{border-color:var(--color-kumo-info)}.border-kumo-info\/30{border-color:color-mix(in srgb,light-dark(var(--color-blue-500,oklch(62.3% .214 259.815)),var(--color-blue-400,oklch(70.7% .165 254.624)))30%,transparent)}@supports (color:color-mix(in lab, red, red)){.border-kumo-info\/30{border-color:color-mix(in oklab,var(--color-kumo-info)30%,transparent)}}.border-kumo-interact{border-color:var(--color-kumo-interact)}.border-kumo-line{border-color:var(--color-kumo-line)}.border-kumo-line\!{border-color:var(--color-kumo-line)!important}.border-kumo-ring{border-color:var(--color-kumo-ring)}.border-kumo-warning{border-color:var(--color-kumo-warning)}.border-kumo-warning\/30{border-color:color-mix(in srgb,light-dark(var(--color-yellow-500,oklch(79.5% .184 86.047)),var(--color-yellow-700,oklch(55.4% .135 66.442)))30%,transparent)}@supports (color:color-mix(in lab, red, red)){.border-kumo-warning\/30{border-color:color-mix(in oklab,var(--color-kumo-warning)30%,transparent)}}.border-red-500{border-color:var(--color-red-500)}.\!bg-kumo-contrast{background-color:var(--color-kumo-contrast)!important}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-inherit{background-color:inherit}.bg-kumo-base{background-color:var(--color-kumo-base)}.bg-kumo-brand{background-color:var(--color-kumo-brand)}.bg-kumo-brand-hover{background-color:var(--color-kumo-brand-hover)}.bg-kumo-contrast{background-color:var(--color-kumo-contrast)}.bg-kumo-control{background-color:var(--color-kumo-control)}.bg-kumo-control\/90{background-color:color-mix(in srgb,light-dark(var(--color-white,#fff),var(--color-neutral-900,oklch(21% .006 285.885)))90%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-control\/90{background-color:color-mix(in oklab,var(--color-kumo-control)90%,transparent)}}.bg-kumo-danger{background-color:var(--color-kumo-danger)}.bg-kumo-danger-tint{background-color:var(--color-kumo-danger-tint)}.bg-kumo-danger\/5{background-color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)))5%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-danger\/5{background-color:color-mix(in oklab,var(--color-kumo-danger)5%,transparent)}}.bg-kumo-danger\/10{background-color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)))10%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-danger\/10{background-color:color-mix(in oklab,var(--color-kumo-danger)10%,transparent)}}.bg-kumo-danger\/20{background-color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)))20%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-danger\/20{background-color:color-mix(in oklab,var(--color-kumo-danger)20%,transparent)}}.bg-kumo-elevated{background-color:var(--color-kumo-elevated)}.bg-kumo-fill{background-color:var(--color-kumo-fill)}.bg-kumo-fill-hover{background-color:var(--color-kumo-fill-hover)}.bg-kumo-info{background-color:var(--color-kumo-info)}.bg-kumo-info-tint{background-color:var(--color-kumo-info-tint)}.bg-kumo-info\/10{background-color:color-mix(in srgb,light-dark(var(--color-blue-500,oklch(62.3% .214 259.815)),var(--color-blue-400,oklch(70.7% .165 254.624)))10%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-info\/10{background-color:color-mix(in oklab,var(--color-kumo-info)10%,transparent)}}.bg-kumo-interact{background-color:var(--color-kumo-interact)}.bg-kumo-interact\/85{background-color:color-mix(in srgb,light-dark(var(--color-neutral-300,oklch(87% 0 0)),var(--color-neutral-700,oklch(37.1% 0 0)))85%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-interact\/85{background-color:color-mix(in oklab,var(--color-kumo-interact)85%,transparent)}}.bg-kumo-line{background-color:var(--color-kumo-line)}.bg-kumo-line\/50{background-color:color-mix(in srgb,light-dark(oklch(14.5% 0 0/.1),var(--color-neutral-800,oklch(26.9% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-line\/50{background-color:color-mix(in oklab,var(--color-kumo-line)50%,transparent)}}.bg-kumo-overlay{background-color:var(--color-kumo-overlay)}.bg-kumo-recessed{background-color:var(--color-kumo-recessed)}.bg-kumo-ring{background-color:var(--color-kumo-ring)}.bg-kumo-success{background-color:var(--color-kumo-success)}.bg-kumo-success-tint{background-color:var(--color-kumo-success-tint)}.bg-kumo-surface{background-color:var(--color-kumo-surface)}.bg-kumo-tint{background-color:var(--color-kumo-tint)}.bg-kumo-warning{background-color:var(--color-kumo-warning)}.bg-kumo-warning-tint{background-color:var(--color-kumo-warning-tint)}.bg-kumo-warning\/10{background-color:color-mix(in srgb,light-dark(var(--color-yellow-500,oklch(79.5% .184 86.047)),var(--color-yellow-700,oklch(55.4% .135 66.442)))10%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-warning\/10{background-color:color-mix(in oklab,var(--color-kumo-warning)10%,transparent)}}.bg-kumo-warning\/50{background-color:color-mix(in srgb,light-dark(var(--color-yellow-500,oklch(79.5% .184 86.047)),var(--color-yellow-700,oklch(55.4% .135 66.442)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.bg-kumo-warning\/50{background-color:color-mix(in oklab,var(--color-kumo-warning)50%,transparent)}}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-500{background-color:var(--color-neutral-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-kumo-brand{--tw-gradient-from:var(--color-kumo-brand);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-green-500{--tw-gradient-via:var(--color-green-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-kumo-brand{--tw-gradient-via:var(--color-kumo-brand);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-green-500{--tw-gradient-to:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-kumo-brand{--tw-gradient-to:var(--color-kumo-brand);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-padding{background-clip:padding-box}.fill-current{fill:currentColor}.fill-kumo-base{fill:var(--color-kumo-base)}.fill-kumo-ring{fill:var(--color-kumo-ring)}.fill-kumo-tip-shadow{fill:var(--color-kumo-tip-shadow)}.fill-kumo-tip-stroke{fill:var(--color-kumo-tip-stroke)}.\!p-0{padding:calc(var(--spacing)*0)!important}.\!p-4{padding:calc(var(--spacing)*4)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.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)}.p-8{padding:calc(var(--spacing)*8)}.p-px{padding:1px}.px-0{padding-inline:calc(var(--spacing)*0)}.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)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-16{padding-inline:calc(var(--spacing)*16)}.px-px{padding-inline:1px}.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-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.ps-4{padding-inline-start:calc(var(--spacing)*4)}.pe-2{padding-inline-end:calc(var(--spacing)*2)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-5{padding-right:calc(var(--spacing)*5)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-7{padding-right:calc(var(--spacing)*7)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-9{padding-right:calc(var(--spacing)*9)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.pr-14{padding-right:calc(var(--spacing)*14)}.pr-\[3px\]{padding-right:3px}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-px{padding-left:1px}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-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-\[0\.925rem\]{font-size:.925rem}.text-\[0\.975rem\]{font-size:.975rem}.text-\[10px\]{font-size:10px}.text-\[14px\]{font-size:14px}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-\[0\]{--tw-leading:0;line-height:0}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.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-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.\!text-kumo-danger{color:var(--text-color-kumo-danger)!important}.\!text-kumo-default{color:var(--text-color-kumo-default)!important}.\!text-kumo-inverse{color:var(--text-color-kumo-inverse)!important}.\!text-kumo-strong{color:var(--text-color-kumo-strong)!important}.\!text-white{color:var(--color-white)!important}.text-black{color:var(--color-black)}.text-current,.text-current\/50{color:currentColor}@supports (color:color-mix(in lab, red, red)){.text-current\/50{color:color-mix(in oklab,currentcolor 50%,transparent)}}.text-inherit{color:inherit}.text-inherit\!{color:inherit!important}.text-kumo-base{color:var(--color-kumo-base)}.text-kumo-brand{color:var(--text-color-kumo-brand)}.text-kumo-danger{color:var(--text-color-kumo-danger)}.text-kumo-default{color:var(--text-color-kumo-default)}.text-kumo-inactive{color:var(--text-color-kumo-inactive)}.text-kumo-info{color:var(--color-kumo-info)}.text-kumo-inverse{color:var(--text-color-kumo-inverse)}.text-kumo-link{color:var(--text-color-kumo-link)}.text-kumo-strong{color:var(--text-color-kumo-strong)}.text-kumo-subtle{color:var(--text-color-kumo-subtle)}.text-kumo-success{color:var(--text-color-kumo-success)}.text-kumo-warning{color:var(--text-color-kumo-warning)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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}.no-underline\!{text-decoration-line:none!important}.underline{text-decoration-line:underline}.decoration-\[0\.0625em\]{text-decoration-thickness:.0625em}.underline-offset-2{text-underline-offset:2px}.underline-offset-\[0\.15em\]{text-underline-offset:.15em}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-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-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{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-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-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-kumo-tip-shadow{--tw-shadow-color:light-dark(var(--color-gray-200,oklch(92.8% .006 264.531)),transparent)}@supports (color:color-mix(in lab, red, red)){.shadow-kumo-tip-shadow{--tw-shadow-color:color-mix(in oklab,var(--color-kumo-tip-shadow)var(--tw-shadow-alpha),transparent)}}.\!ring-kumo-danger{--tw-ring-color:var(--color-kumo-danger)!important}.ring-black\/20{--tw-ring-color:#0003}@supports (color:color-mix(in lab, red, red)){.ring-black\/20{--tw-ring-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.ring-blue-600{--tw-ring-color:var(--color-blue-600)}.ring-kumo-contrast{--tw-ring-color:var(--color-kumo-contrast)}.ring-kumo-danger{--tw-ring-color:var(--color-kumo-danger)}.ring-kumo-fill{--tw-ring-color:var(--color-kumo-fill)}.ring-kumo-line{--tw-ring-color:var(--color-kumo-line)}.ring-kumo-ring{--tw-ring-color:var(--color-kumo-ring)}.ring-neutral-300{--tw-ring-color:var(--color-neutral-300)}.ring-neutral-600{--tw-ring-color:var(--color-neutral-600)}.ring-transparent{--tw-ring-color:transparent}.ring-white\/20{--tw-ring-color:#fff3}@supports (color:color-mix(in lab, red, red)){.ring-white\/20{--tw-ring-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-kumo-fill{outline-color:var(--color-kumo-fill)}.outline-kumo-ring{outline-color:var(--color-kumo-ring)}.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,)}.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-\[left\,width\,transform\]{transition-property:left,width,transform;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\,opacity\]{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,scale\,opacity\]{transition-property:transform,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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-\[50\]{--tw-duration:50;transition-duration:50}.\[transition-duration\:250ms\]{transition-duration:.25s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--gap\:0\.75rem\]{--gap:.75rem}.\[--height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\]{--height:var(--toast-frontmost-height,var(--toast-height))}.\[--offset-y\:calc\(var\(--toast-offset-y\)\*-1\+calc\(var\(--toast-index\)\*var\(--gap\)\*-1\)\+var\(--toast-swipe-movement-y\)\)\]{--offset-y:calc(var(--toast-offset-y)*-1 + calc(var(--toast-index)*var(--gap)*-1) + var(--toast-swipe-movement-y))}.\[--peek\:0\.75rem\]{--peek:.75rem}.\[--scale\:calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\]{--scale:calc(max(0,1 - (var(--toast-index)*.1)))}.\[--shrink\:calc\(1-var\(--scale\)\)\]{--shrink:calc(1 - var(--scale))}.\[corner-shape\:squircle\]{corner-shape:squircle}.\[transition\:transform_0\.5s_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_0\.5s\,height_0\.15s\]{transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,height .15s}.ring-inset{--tw-ring-inset:inset}.group-focus-within\/container\:invisible:is(:where(.group\/container):focus-within *){visibility:hidden}.group-focus-within\/container\:visible:is(:where(.group\/container):focus-within *){visibility:visible}.group-focus-within\/container\:opacity-100:is(:where(.group\/container):focus-within *){opacity:1}@media (hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:text-kumo-brand:is(:where(.group):hover *){color:var(--text-color-kumo-brand)}.group-hover\:text-kumo-default:is(:where(.group):hover *){color:var(--text-color-kumo-default)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:ring-kumo-ring:is(:where(.group):hover *){--tw-ring-color:var(--color-kumo-ring)}.group-hover\/container\:opacity-100:is(:where(.group\/container):hover *){opacity:1}.group-hover\/mask\:invisible:is(:where(.group\/mask):hover *){visibility:hidden}.group-hover\/mask\:visible:is(:where(.group\/mask):hover *){visibility:visible}}.group-data-\[highlighted\]\:opacity-100:is(:where(.group)[data-highlighted] *){opacity:1}.selection\:bg-kumo-danger-tint ::selection{background-color:var(--color-kumo-danger-tint)}.selection\:bg-kumo-danger-tint::selection{background-color:var(--color-kumo-danger-tint)}.selection\:bg-kumo-info-tint ::selection{background-color:var(--color-kumo-info-tint)}.selection\:bg-kumo-info-tint::selection{background-color:var(--color-kumo-info-tint)}.selection\:bg-kumo-warning-tint ::selection{background-color:var(--color-kumo-warning-tint)}.selection\:bg-kumo-warning-tint::selection{background-color:var(--color-kumo-warning-tint)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-3:before{content:var(--tw-content);inset:calc(var(--spacing)*-3)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing)*-3)}.after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing)*-2)}.after\:top-full:after{content:var(--tw-content);top:100%}.after\:left-0:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.after\:h-\[calc\(var\(--gap\)\+1px\)\]:after{content:var(--tw-content);height:calc(var(--gap) + 1px)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:calc(var(--spacing)*0)}.first\:mb-2:first-child{margin-bottom:calc(var(--spacing)*2)}.first\:rounded-l-\[inherit\]:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.first\:rounded-l-lg:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}.first\:pt-0:first-child{padding-top:calc(var(--spacing)*0)}.last\:rounded-r-\[inherit\]:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.last\:rounded-r-lg:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.empty\:m-0:empty{margin:calc(var(--spacing)*0)}.empty\:p-0:empty{padding:calc(var(--spacing)*0)}.focus-within\:ring-kumo-ring:focus-within{--tw-ring-color:var(--color-kumo-ring)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-kumo-interact\/80:hover{border-color:color-mix(in srgb,light-dark(var(--color-neutral-300,oklch(87% 0 0)),var(--color-neutral-700,oklch(37.1% 0 0)))80%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-kumo-interact\/80:hover{border-color:color-mix(in oklab,var(--color-kumo-interact)80%,transparent)}}.hover\:bg-kumo-base:hover{background-color:var(--color-kumo-base)}.hover\:bg-kumo-base\/50:hover{background-color:color-mix(in srgb,light-dark(var(--color-white,#fff),var(--color-kumo-neutral-850,oklch(22.4% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-kumo-base\/50:hover{background-color:color-mix(in oklab,var(--color-kumo-base)50%,transparent)}}.hover\:bg-kumo-brand:hover{background-color:var(--color-kumo-brand)}.hover\:bg-kumo-brand-hover:hover{background-color:var(--color-kumo-brand-hover)}.hover\:bg-kumo-contrast\/10:hover{background-color:color-mix(in srgb,light-dark(var(--color-kumo-neutral-975,oklch(8.5% 0 0)),var(--color-kumo-neutral-25,oklch(99% 0 0)))10%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-kumo-contrast\/10:hover{background-color:color-mix(in oklab,var(--color-kumo-contrast)10%,transparent)}}.hover\:bg-kumo-control:hover{background-color:var(--color-kumo-control)}.hover\:bg-kumo-danger\/70:hover{background-color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)))70%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-kumo-danger\/70:hover{background-color:color-mix(in oklab,var(--color-kumo-danger)70%,transparent)}}.hover\:bg-kumo-elevated:hover{background-color:var(--color-kumo-elevated)}.hover\:bg-kumo-fill:hover{background-color:var(--color-kumo-fill)}.hover\:bg-kumo-fill-hover:hover{background-color:var(--color-kumo-fill-hover)}.hover\:bg-kumo-interact:hover{background-color:var(--color-kumo-interact)}.hover\:bg-kumo-tint:hover{background-color:var(--color-kumo-tint)}.hover\:bg-sky-100:hover{background-color:var(--color-sky-100)}.hover\:text-current:hover{color:currentColor}.hover\:text-kumo-default:hover{color:var(--text-color-kumo-default)}.hover\:text-kumo-link\/70:hover{color:color-mix(in srgb,light-dark(var(--color-blue-800,oklch(42.4% .199 265.638)),var(--color-blue-400,oklch(70.7% .165 254.624)))70%,transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:text-kumo-link\/70:hover{color:color-mix(in oklab,var(--text-color-kumo-link)70%,transparent)}}.hover\:text-kumo-strong:hover{color:var(--text-color-kumo-strong)}.hover\:text-kumo-subtle:hover{color:var(--text-color-kumo-subtle)}.hover\:text-white:hover{color:var(--color-white)}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-sm:hover{--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)}.hover\:ring-kumo-ring:hover{--tw-ring-color:var(--color-kumo-ring)}.hover\:brightness-120:hover{--tw-brightness:brightness(120%);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,)}.not-disabled\:hover\:bg-kumo-base:not(:disabled):hover{background-color:var(--color-kumo-base)}.not-disabled\:hover\:bg-kumo-tint:not(:disabled):hover,.hover\:not-has-\[\[data-disabled\]\]\:bg-kumo-tint:hover:not(:has([data-disabled])){background-color:var(--color-kumo-tint)}}.focus\:z-1:focus{z-index:1}.focus\:border-kumo-fill:focus{border-color:var(--color-kumo-fill)}.focus\:bg-kumo-brand-hover:focus{background-color:var(--color-kumo-brand-hover)}.focus\:bg-kumo-tint:focus{background-color:var(--color-kumo-tint)}.focus\:text-kumo-default:focus{color:var(--text-color-kumo-default)}.focus\:opacity-100:focus{opacity:1}.focus\:ring-kumo-danger:focus{--tw-ring-color:var(--color-kumo-danger)}.focus\:ring-kumo-ring:focus{--tw-ring-color:var(--color-kumo-ring)}.focus\:outline:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-1:focus-visible{z-index:1}.focus-visible\:rounded-sm:focus-visible{border-radius:var(--radius-sm)}.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-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:ring-kumo-danger:focus-visible{--tw-ring-color:var(--color-kumo-danger)}.focus-visible\:ring-kumo-ring:focus-visible{--tw-ring-color:var(--color-kumo-ring)}.focus-visible\:inset-ring-\[0\.5\]:focus-visible{--tw-inset-ring-color:.5}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-3:focus-visible{outline-offset:3px}.focus-visible\:outline-kumo-ring:focus-visible{outline-color:var(--color-kumo-ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.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)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-kumo-base\/50:disabled{background-color:color-mix(in srgb,light-dark(var(--color-white,#fff),var(--color-kumo-neutral-850,oklch(22.4% 0 0)))50%,transparent)}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-kumo-base\/50:disabled{background-color:color-mix(in oklab,var(--color-kumo-base)50%,transparent)}}.disabled\:bg-kumo-brand\/50:disabled{background-color:light-dark(#056dff80,#056dff80)}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-kumo-brand\/50:disabled{background-color:color-mix(in oklab,var(--color-kumo-brand)50%,transparent)}}.disabled\:bg-kumo-overlay:disabled{background-color:var(--color-kumo-overlay)}.disabled\:\!text-kumo-danger\/70:disabled{color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-400,oklch(70.4% .191 22.216)))70%,transparent)!important}@supports (color:color-mix(in lab, red, red)){.disabled\:\!text-kumo-danger\/70:disabled{color:color-mix(in oklab,var(--text-color-kumo-danger)70%,transparent)!important}}.disabled\:\!text-kumo-default\/70:disabled{color:color-mix(in srgb,light-dark(var(--color-neutral-900,oklch(21% .006 285.885)),var(--color-neutral-100,oklch(97% 0 0)))70%,transparent)!important}@supports (color:color-mix(in lab, red, red)){.disabled\:\!text-kumo-default\/70:disabled{color:color-mix(in oklab,var(--text-color-kumo-default)70%,transparent)!important}}.disabled\:text-kumo-inactive\!:disabled{color:var(--text-color-kumo-inactive)!important}.disabled\:text-kumo-subtle:disabled{color:var(--text-color-kumo-subtle)}.disabled\:opacity-50:disabled{opacity:.5}:where(:focus) :is(.\*\:in-focus\:opacity-100>*){opacity:1}.has-\[\[data-checked\]\]\:border-kumo-danger:has([data-checked]){border-color:var(--color-kumo-danger)}.has-\[\[data-checked\]\]\:border-kumo-interact:has([data-checked]){border-color:var(--color-kumo-interact)}.has-\[\[data-checked\]\]\:bg-kumo-base:has([data-checked]){background-color:var(--color-kumo-base)}.has-\[\[data-checked\]\]\:bg-kumo-tint:has([data-checked]){background-color:var(--color-kumo-tint)}.has-\[\[data-disabled\]\]\:cursor-not-allowed:has([data-disabled]){cursor:not-allowed}.has-\[\[data-disabled\]\]\:opacity-50:has([data-disabled]){opacity:.5}.has-\[\[role\=switch\]\]\:flex:has([role=switch]){display:flex}.has-\[\[role\=switch\]\]\:grid-cols-\[auto_1fr\]:has([role=switch]){grid-template-columns:auto 1fr}.has-\[\[role\=switch\]\]\:flex-row-reverse:has([role=switch]){flex-direction:row-reverse}.has-\[\[role\=switch\]\]\:flex-wrap:has([role=switch]){flex-wrap:wrap}.has-\[\[role\=switch\]\]\:items-center:has([role=switch]){align-items:center}.has-\[input\[type\=checkbox\]\]\:flex:has(:is(input[type=checkbox])){display:flex}.has-\[input\[type\=checkbox\]\]\:grid-cols-\[auto_1fr\]:has(:is(input[type=checkbox])){grid-template-columns:auto 1fr}.has-\[input\[type\=checkbox\]\]\:flex-row-reverse:has(:is(input[type=checkbox])){flex-direction:row-reverse}.has-\[input\[type\=checkbox\]\]\:flex-wrap:has(:is(input[type=checkbox])){flex-wrap:wrap}.has-\[input\[type\=checkbox\]\]\:items-center:has(:is(input[type=checkbox])){align-items:center}.aria-selected\:font-medium[aria-selected=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.aria-selected\:text-kumo-default[aria-selected=true]{color:var(--text-color-kumo-default)}@media (hover:hover){.aria-selected\:hover\:bg-kumo-tint[aria-selected=true]:hover{background-color:var(--color-kumo-tint)}}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-ending-style\:scale-90[data-ending-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-ending-style\:opacity-0[data-ending-style]{opacity:0}.data-highlighted\:bg-kumo-danger\/5[data-highlighted]{background-color:color-mix(in srgb,light-dark(var(--color-red-500,oklch(63.7% .237 25.331)),var(--color-red-700,oklch(50.5% .213 27.518)))5%,transparent)}@supports (color:color-mix(in lab, red, red)){.data-highlighted\:bg-kumo-danger\/5[data-highlighted]{background-color:color-mix(in oklab,var(--color-kumo-danger)5%,transparent)}}.data-highlighted\:bg-kumo-overlay[data-highlighted]{background-color:var(--color-kumo-overlay)}.data-highlighted\:bg-kumo-tint[data-highlighted]{background-color:var(--color-kumo-tint)}.data-highlighted\:text-kumo-danger[data-highlighted]{color:var(--text-color-kumo-danger)}.data-instant\:duration-0[data-instant]{--tw-duration:0s;transition-duration:0s}.data-starting-style\:scale-90[data-starting-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-starting-style\:opacity-0[data-starting-style]{opacity:0}.data-\[behind\]\:pointer-events-none[data-behind]{pointer-events:none}.data-\[behind\]\:opacity-0[data-behind]{opacity:0}.data-\[checked\]\:bg-kumo-contrast[data-checked]{background-color:var(--color-kumo-contrast)}.data-\[checked\]\:ring-kumo-contrast[data-checked]{--tw-ring-color:var(--color-kumo-contrast)}.data-\[ending-style\]\:scale-90[data-ending-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[expanded\]\:pointer-events-auto[data-expanded]{pointer-events:auto}.data-\[expanded\]\:h-\[var\(--toast-height\)\][data-expanded]{height:var(--toast-height)}.data-\[expanded\]\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--offset-y\)\)\)\][data-expanded]{transform:translateX(var(--toast-swipe-movement-x))translateY(calc(var(--offset-y)))}.data-\[expanded\]\:opacity-100[data-expanded]{opacity:1}.data-\[highlighted\]\:bg-kumo-overlay[data-highlighted]{background-color:var(--color-kumo-overlay)}.data-\[indeterminate\]\:bg-kumo-contrast[data-indeterminate]{background-color:var(--color-kumo-contrast)}.data-\[indeterminate\]\:ring-kumo-contrast[data-indeterminate]{--tw-ring-color:var(--color-kumo-contrast)}.data-\[instant\]\:duration-0[data-instant]{--tw-duration:0s;transition-duration:0s}.data-\[limited\]\:opacity-0[data-limited]{opacity:0}.data-\[rendered\=false\]\:scale-90[data-rendered=false]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\[rendered\=false\]\:opacity-0[data-rendered=false]{opacity:0}.data-\[side\=bottom\]\:-top-2[data-side=bottom]{top:calc(var(--spacing)*-2)}.data-\[side\=bottom\]\:top-\[-8px\][data-side=bottom]{top:-8px}.data-\[side\=left\]\:right-\[-13px\][data-side=left]{right:-13px}.data-\[side\=left\]\:rotate-90[data-side=left]{rotate:90deg}.data-\[side\=right\]\:left-\[-13px\][data-side=right]{left:-13px}.data-\[side\=right\]\:-rotate-90[data-side=right]{rotate:-90deg}.data-\[side\=top\]\:-bottom-2[data-side=top]{bottom:calc(var(--spacing)*-2)}.data-\[side\=top\]\:bottom-\[-8px\][data-side=top]{bottom:-8px}.data-\[side\=top\]\:rotate-180[data-side=top]{rotate:180deg}.data-\[starting-style\]\:scale-90[data-starting-style]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.data-\[starting-style\]\:\[transform\:translateY\(150\%\)\][data-starting-style]{transform:translateY(150%)}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}.data-\[state\=open\]\:bg-kumo-base[data-state=open]{background-color:var(--color-kumo-base)}.data-\[state\=open\]\:bg-kumo-tint[data-state=open]{background-color:var(--color-kumo-tint)}.data-\[ending-style\]\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-ending-style][data-swipe-direction=down],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.data-\[ending-style\]\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=left],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=left\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)-150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%))translateY(var(--offset-y))}.data-\[ending-style\]\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=right],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+150\%\)\)_translateY\(var\(--offset-y\)\)\][data-expanded][data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%))translateY(var(--offset-y))}.data-\[ending-style\]\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-ending-style][data-swipe-direction=up],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=up\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)-150\%\)\)\][data-expanded][data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}.data-\[unchecked\]\:invisible[data-unchecked]{visibility:hidden}@supports (corner-shape:squircle){.supports-\[corner-shape\:squircle\]\:rounded-\[10px\]{border-radius:10px}}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:right-8{right:calc(var(--spacing)*8)}.sm\:bottom-8{bottom:calc(var(--spacing)*8)}.sm\:contents{display:contents}.sm\:hidden{display:none}.sm\:w-\[340px\]{width:340px}.sm\:w-auto{width:auto}.sm\:max-w-\[calc\(100vw-3rem\)\]{max-width:calc(100vw - 3rem)}.sm\:min-w-96{min-width:calc(var(--spacing)*96)}}@media (min-width:48rem){.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.md\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.md\:flex-row{flex-direction:row}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:pb-0{padding-bottom:calc(var(--spacing)*0)}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:px-10{padding-inline:calc(var(--spacing)*10)}.lg\:py-9{padding-block:calc(var(--spacing)*9)}}@media (min-width:80rem){.xl\:sticky{position:sticky}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:w-\[380px\]{width:380px}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:gap-6{gap:calc(var(--spacing)*6)}.xl\:gap-8{gap:calc(var(--spacing)*8)}}@media (prefers-color-scheme:dark){.dark\:bg-blue-300{background-color:var(--color-blue-300)}.dark\:bg-blue-600{background-color:var(--color-blue-600)}.dark\:bg-kumo-base{background-color:var(--color-kumo-base)}.dark\:bg-neutral-400{background-color:var(--color-neutral-400)}.dark\:bg-neutral-700{background-color:var(--color-neutral-700)}.dark\:ring-blue-100{--tw-ring-color:var(--color-blue-100)}.dark\:ring-blue-500{--tw-ring-color:var(--color-blue-500)}.dark\:ring-neutral-200{--tw-ring-color:var(--color-neutral-200)}.dark\:ring-neutral-600{--tw-ring-color:var(--color-neutral-600)}.dark\:ring-neutral-700{--tw-ring-color:var(--color-neutral-700)}}.\[\&_\[data-toast-icon\]\]\:text-\[light-dark\(var\(--color-amber-700\)\,var\(--color-amber-500\)\)\] [data-toast-icon]{color:light-dark(var(--color-amber-700),var(--color-amber-500))}.\[\&_\[data-toast-icon\]\]\:text-\[light-dark\(var\(--color-red-600\)\,var\(--color-red-400\)\)\] [data-toast-icon]{color:light-dark(var(--color-red-600),var(--color-red-400))}.\[\&_\[data-toast-title\]\]\:text-\[light-dark\(var\(--color-amber-700\)\,var\(--color-amber-500\)\)\] [data-toast-title]{color:light-dark(var(--color-amber-700),var(--color-amber-500))}.\[\&_\[data-toast-title\]\]\:text-\[light-dark\(var\(--color-red-600\)\,var\(--color-red-400\)\)\] [data-toast-title]{color:light-dark(var(--color-red-600),var(--color-red-400))}.\[\&_code\]\:\!m-0 code{margin:calc(var(--spacing)*0)!important}.\[\&_code\]\:\!border-0 code{border-style:var(--tw-border-style)!important;border-width:0!important}.\[\&_code\]\:\!bg-transparent code{background-color:#0000!important}.\[\&_code\]\:\!p-0 code{padding:calc(var(--spacing)*0)!important}.\[\&_td\]\:border-b td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_td\]\:border-kumo-fill td{border-color:var(--color-kumo-fill)}.\[\&_td\]\:p-3 td{padding:calc(var(--spacing)*3)}.\[\&_th\]\:border-b th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_th\]\:border-kumo-fill th{border-color:var(--color-kumo-fill)}.\[\&_th\]\:bg-kumo-base th{background-color:var(--color-kumo-base)}.\[\&_th\]\:bg-kumo-elevated th{background-color:var(--color-kumo-elevated)}.\[\&_th\]\:p-3 th{padding:calc(var(--spacing)*3)}.\[\&_th\]\:py-2 th{padding-block:calc(var(--spacing)*2)}.\[\&_th\]\:text-base th{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\&_th\]\:font-semibold th{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_tr\:last-child_td\]\:border-b-0 tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\:focus-within\>span\]\:ring-kumo-ring:focus-within>span,.\[\&\:has\(\:focus-within\)\]\:ring-kumo-ring:has(:focus-within){--tw-ring-color:var(--color-kumo-ring)}.\[\&\:hover\>span\]\:text-white:hover>span{color:var(--color-white)}.\[\&\:hover\>span\]\:ring-kumo-ring:hover>span{--tw-ring-color:var(--color-kumo-ring)}.\[\&\>label\]\:flex-1>label{flex:1}.\[\&\>pre\]\:\!m-0>pre{margin:calc(var(--spacing)*0)!important}.\[\&\>pre\]\:\!rounded-none>pre{border-radius:0!important}.\[\&\>pre\]\:\!border-0>pre{border-style:var(--tw-border-style)!important;border-width:0!important}.\[\&\>pre\]\:\!bg-transparent>pre{background-color:#0000!important}.\[\&\>pre\]\:\!p-4>pre{padding:calc(var(--spacing)*4)!important}.\[\&\>pre\]\:p-2\.5>pre{padding:calc(var(--spacing)*2.5)}.\[\&\>pre\]\:p-2\.5\!>pre{padding:calc(var(--spacing)*2.5)!important}.\[\&\>pre\]\:p-4>pre{padding:calc(var(--spacing)*4)}.\[\&\>pre\]\:font-mono>pre{font-family:var(--font-mono)}.\[\&\>pre\]\:text-sm>pre{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.\[\&\>pre\]\:leading-relaxed>pre{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&\>span\]\:ring-kumo-danger>span{--tw-ring-color:var(--color-kumo-danger)}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:\[transform\:translateY\(150\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]){transform:translateY(150%)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-input-spinner{appearance:textfield}.no-input-spinner ::-webkit-outer-spin-button{appearance:none}.no-input-spinner ::-webkit-inner-spin-button{appearance:none}.link-current{text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.link-current{-webkit-text-decoration-color:color-mix(in oklch,currentColor 35%,transparent);-webkit-text-decoration-color:color-mix(in oklch,currentColor 35%,transparent);text-decoration-color:color-mix(in oklch,currentColor 35%,transparent)}}[data-mode=dark] .link-current{text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){[data-mode=dark] .link-current{-webkit-text-decoration-color:color-mix(in oklch,currentColor 65%,transparent);-webkit-text-decoration-color:color-mix(in oklch,currentColor 65%,transparent);text-decoration-color:color-mix(in oklch,currentColor 65%,transparent)}}.link-current:hover{text-decoration-color:currentColor}.link-external-icon{stroke-width:1.75px}[data-mode=dark] .link-external-icon{stroke-width:2px}}@keyframes right{to{transform:translate(100%)}}.float{animation:5s linear infinite alternate float}@keyframes float{to{transform:translate(5px,15px)}}@keyframes refresh{to{transform:rotate(360deg)scale(.9)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.animate-bounce-in{animation:.4s ease-out bounce-in}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes kumo-chart-wave{0%{transform:translate(0)}to{transform:translate(-400px)}}@keyframes toast-bump{0%{transform:scale(1)}20%{transform:scale(1.02)}to{transform:scale(1)}}.animate-toast-bump{transform-origin:50%;animation:.4s cubic-bezier(.34,1.56,.64,1) toast-bump}.skeleton-line{height:var(--skeleton-height,.5rem);width:var(--skeleton-width);background-color:#f3f4f6;border-radius:2px;position:relative;overflow:hidden}.skeleton-line:after{animation:shimmer var(--shimmer-duration,1.5s)var(--shimmer-delay,0s)infinite ease-in-out;content:"";background:linear-gradient(90deg,#0000 0%,#00000014 50%,#0000 100%);position:absolute;inset:0}[data-mode=dark] .skeleton-line{background-color:#ffffff0f}[data-mode=dark] .skeleton-line:after{background:linear-gradient(90deg,#fff0 0%,#ffffff0d 50%,#fff0 100%)}[data-mode=dark] .kumo-tooltip-popup,[data-mode=dark] .kumo-popover-popup{outline-offset:-1px}.kumo-input-placeholder::placeholder{color:var(--text-color-kumo-placeholder)}@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-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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@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}@keyframes pulse{50%{opacity:.5}}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-ds8qzpuaagb1udzg.js","sources":["../../src/components/combobox/combobox.tsx"],"sourcesContent":["import { Combobox as ComboboxBase } from \"@base-ui/react/combobox\";\nimport { CaretDownIcon, CheckIcon, XIcon } from \"@phosphor-icons/react\";\nimport {\n Fragment,\n createContext,\n useContext,\n type PropsWithChildren,\n type ReactNode,\n} from \"react\";\nimport {\n inputVariants,\n KUMO_INPUT_VARIANTS,\n type KumoInputSize,\n} from \"../input/input\";\nimport { cn } from \"../../utils/cn\";\nimport { Field, type FieldErrorMatch } from \"../field/field\";\n\n/** Combobox variant definitions. */\nexport const KUMO_COMBOBOX_VARIANTS = {\n size: KUMO_INPUT_VARIANTS.size,\n inputSide: {\n right: {\n classes: \"\",\n description: \"Input positioned inline to the right of chips\",\n },\n top: {\n classes: \"\",\n description: \"Input positioned above chips\",\n },\n },\n} as const;\n\nexport const KUMO_COMBOBOX_DEFAULT_VARIANTS = {\n size: \"base\",\n inputSide: \"right\",\n} as const;\n\n// Context to pass size down to sub-components\nconst ComboboxSizeContext = createContext<KumoInputSize>(\"base\");\n\n// Derived types from KUMO_COMBOBOX_VARIANTS\nexport type KumoComboboxSize = keyof typeof KUMO_COMBOBOX_VARIANTS.size;\nexport type KumoComboboxInputSide =\n keyof typeof KUMO_COMBOBOX_VARIANTS.inputSide;\n\nexport interface KumoComboboxVariantsProps {\n /**\n * Size of the combobox trigger. Matches Input component sizes.\n * - `\"xs\"` — Extra small for compact UIs (h-5 / 20px)\n * - `\"sm\"` — Small for secondary fields (h-6.5 / 26px)\n * - `\"base\"` — Default size (h-9 / 36px)\n * - `\"lg\"` — Large for prominent fields (h-10 / 40px)\n * @default \"base\"\n */\n size?: KumoComboboxSize;\n /**\n * Position of the text input relative to chips in multi-select mode.\n * - `\"right\"` — Input inline to the right of chips\n * - `\"top\"` — Input above chips\n * @default \"right\"\n */\n inputSide?: KumoComboboxInputSide;\n}\n\nexport function comboboxVariants({\n inputSide = KUMO_COMBOBOX_DEFAULT_VARIANTS.inputSide,\n}: KumoComboboxVariantsProps = {}) {\n return cn(KUMO_COMBOBOX_VARIANTS.inputSide[inputSide].classes);\n}\n\n// Legacy type alias for backwards compatibility\nexport type ComboboxInputSide = KumoComboboxInputSide;\nexport type ComboboxSize = KumoComboboxSize;\n\nexport type ComboboxRootProps<\n Value = unknown,\n Multiple extends boolean | undefined = false,\n> = ComboboxBase.Root.Props<Value, Multiple>;\n\n/**\n * Combobox component props (simplified for documentation; the actual Root is generic).\n *\n * Combobox provides an autocomplete/typeahead input with a filterable dropdown.\n * Supports single-select, multi-select with chips, grouped items, and Field wrapper integration.\n *\n * @example\n * ```tsx\n * // Single-select with search input\n * <Combobox value={value} onValueChange={setValue} items={options}>\n * <Combobox.TriggerInput placeholder=\"Search…\" />\n * <Combobox.Content>\n * <Combobox.List>\n * {(item) => <Combobox.Item value={item}>{item.label}</Combobox.Item>}\n * </Combobox.List>\n * <Combobox.Empty>No results</Combobox.Empty>\n * </Combobox.Content>\n * </Combobox>\n *\n * // Multi-select with chips\n * <Combobox multiple items={options} label=\"Tags\">\n * <Combobox.TriggerMultipleWithInput\n * placeholder=\"Add tag…\"\n * renderItem={(item) => <Combobox.Chip value={item}>{item.label}</Combobox.Chip>}\n * />\n * <Combobox.Content>\n * <Combobox.List>\n * {(item) => <Combobox.Item value={item}>{item.label}</Combobox.Item>}\n * </Combobox.List>\n * </Combobox.Content>\n * </Combobox>\n * ```\n */\nexport interface ComboboxProps extends KumoComboboxVariantsProps {\n /** Array of items to display in the dropdown */\n items: unknown[];\n /** Currently selected value(s) */\n value?: unknown;\n /** Callback when selection changes */\n onValueChange?: (value: unknown) => void;\n /** Enable multi-select mode */\n multiple?: boolean;\n /** Combobox content (trigger, content, items) */\n children: ReactNode;\n /** Additional CSS classes */\n className?: string;\n /** Label content for the combobox (enables Field wrapper) - can be a string or any React node */\n label?: ReactNode;\n /** Whether the combobox is required */\n required?: boolean;\n /** Tooltip content to display next to the label via an info icon */\n labelTooltip?: ReactNode;\n /** Helper text displayed below the combobox */\n description?: ReactNode;\n /** Error message or validation error object */\n error?: string | { message: ReactNode; match: FieldErrorMatch };\n}\n\nfunction Root<Value, Multiple extends boolean | undefined = false>({\n label,\n required,\n labelTooltip,\n description,\n error,\n children,\n size = \"base\",\n ...props\n}: ComboboxBase.Root.Props<Value, Multiple> & {\n label?: ReactNode;\n required?: boolean;\n labelTooltip?: ReactNode;\n description?: ReactNode;\n error?: string | { message: ReactNode; match: FieldErrorMatch };\n size?: KumoComboboxSize;\n}) {\n const comboboxControl = (\n <ComboboxSizeContext.Provider value={size}>\n <ComboboxBase.Root {...props}>{children}</ComboboxBase.Root>\n </ComboboxSizeContext.Provider>\n );\n\n // Render with Field wrapper if label, description, or error are provided\n if (label) {\n return (\n <Field\n label={label}\n required={required}\n labelTooltip={labelTooltip}\n description={description}\n error={\n error\n ? typeof error === \"string\"\n ? { message: error, match: true }\n : error\n : undefined\n }\n >\n {comboboxControl}\n </Field>\n );\n }\n\n // Render bare combobox without Field wrapper\n return comboboxControl;\n}\n\nfunction Content({\n children,\n className,\n align = \"start\",\n sideOffset = 4,\n alignOffset,\n side,\n}: PropsWithChildren<{\n className?: string;\n align?: ComboboxBase.Positioner.Props[\"align\"];\n alignOffset?: ComboboxBase.Positioner.Props[\"alignOffset\"];\n side?: ComboboxBase.Positioner.Props[\"side\"];\n sideOffset?: ComboboxBase.Positioner.Props[\"sideOffset\"];\n}>) {\n return (\n <ComboboxBase.Portal>\n <ComboboxBase.Positioner\n className=\"\"\n align={align}\n sideOffset={sideOffset}\n alignOffset={alignOffset}\n side={side}\n >\n <ComboboxBase.Popup\n className={cn(\n \"flex flex-col\", // flexbox layout for sticky input + scrollable list\n \"max-h-[min(var(--available-height),24rem)] max-w-(--available-width) min-w-(--anchor-width) py-1.5\",\n \"bg-kumo-control text-kumo-default\", // background\n \"rounded-lg shadow-lg ring ring-kumo-line\", // border part\n className,\n )}\n >\n {children}\n </ComboboxBase.Popup>\n </ComboboxBase.Positioner>\n </ComboboxBase.Portal>\n );\n}\n\n// Size-dependent styles for TriggerValue icon\nconst triggerValueIconStyles: Record<\n KumoComboboxSize,\n { padding: string; iconSize: number; iconRight: string }\n> = {\n xs: { padding: \"pr-5\", iconSize: 12, iconRight: \"right-1\" },\n sm: { padding: \"pr-6\", iconSize: 14, iconRight: \"right-1.5\" },\n base: { padding: \"pr-8\", iconSize: 16, iconRight: \"right-2\" },\n lg: { padding: \"pr-10\", iconSize: 18, iconRight: \"right-3\" },\n};\n\nfunction TriggerValue({\n className,\n ...props\n}: ComboboxBase.Value.Props & { className?: string }) {\n const size = useContext(ComboboxSizeContext);\n const iconStyles = triggerValueIconStyles[size];\n\n return (\n <ComboboxBase.Trigger\n className={cn(\n inputVariants({ size }),\n \"relative flex items-center\",\n iconStyles.padding,\n className,\n )}\n >\n <ComboboxBase.Value>{props.children}</ComboboxBase.Value>\n <ComboboxBase.Icon\n className={cn(\n \"absolute top-1/2 -translate-y-1/2 flex items-center text-kumo-subtle\",\n iconStyles.iconRight,\n )}\n >\n <CaretDownIcon size={iconStyles.iconSize} className=\"fill-current\" />\n </ComboboxBase.Icon>\n </ComboboxBase.Trigger>\n );\n}\n\n// Size-dependent styles for TriggerInput icons\nconst triggerInputIconStyles: Record<\n KumoComboboxSize,\n { padding: string; iconSize: number; clearRight: string; caretRight: string }\n> = {\n xs: {\n padding: \"pr-7\",\n iconSize: 12,\n clearRight: \"right-5\",\n caretRight: \"right-1\",\n },\n sm: {\n padding: \"pr-9\",\n iconSize: 14,\n clearRight: \"right-6\",\n caretRight: \"right-1.5\",\n },\n base: {\n padding: \"pr-12\",\n iconSize: 16,\n clearRight: \"right-8\",\n caretRight: \"right-2\",\n },\n lg: {\n padding: \"pr-14\",\n iconSize: 18,\n clearRight: \"right-9\",\n caretRight: \"right-3\",\n },\n};\n\nfunction TriggerInput(props: ComboboxBase.Input.Props) {\n const size = useContext(ComboboxSizeContext);\n const iconStyles = triggerInputIconStyles[size];\n\n return (\n <div\n className={cn(\"relative inline-block w-full max-w-xs\", props.className)}\n >\n <ComboboxBase.Input\n {...props}\n className={cn(inputVariants({ size }), \"w-full\", iconStyles.padding)}\n />\n\n <ComboboxBase.Clear\n className={cn(\n \"absolute top-1/2 flex -translate-y-1/2 cursor-pointer bg-transparent p-0\",\n iconStyles.clearRight,\n )}\n >\n <XIcon size={iconStyles.iconSize} />\n </ComboboxBase.Clear>\n\n <ComboboxBase.Trigger className=\"p-0\">\n <ComboboxBase.Icon\n className={cn(\n \"absolute top-1/2 flex -translate-y-1/2 cursor-pointer text-kumo-subtle\",\n iconStyles.caretRight,\n )}\n >\n <CaretDownIcon size={iconStyles.iconSize} className=\"fill-current\" />\n </ComboboxBase.Icon>\n </ComboboxBase.Trigger>\n </div>\n );\n}\n\nfunction Item({ children, ...props }: ComboboxBase.Item.Props) {\n return (\n <ComboboxBase.Item\n {...props}\n className=\"group mx-1.5 grid cursor-pointer grid-cols-[1fr_16px] gap-2 rounded px-2 py-1.5 text-base data-highlighted:bg-kumo-overlay\"\n >\n <div className=\"col-start-1\">{children}</div>\n <ComboboxBase.ItemIndicator className=\"col-start-2 flex items-center\">\n <CheckIcon />\n </ComboboxBase.ItemIndicator>\n </ComboboxBase.Item>\n );\n}\n\nfunction Empty(props: ComboboxBase.Empty.Props) {\n return (\n <ComboboxBase.Empty\n {...props}\n className={cn(\n \"mx-1.5 shrink-0 px-4 py-2 text-[0.925rem] leading-4 text-kumo-subtle empty:m-0 empty:p-0\",\n )}\n children={props.children ?? \"No labels found.\"}\n />\n );\n}\n\nfunction Input(props: ComboboxBase.Input.Props) {\n return (\n <ComboboxBase.Input\n {...props}\n className={cn(\n inputVariants(),\n \"mx-1.5 w-[calc(100%-0.75rem)] shrink-0 first:mb-2\",\n props.className,\n )}\n />\n );\n}\n\nfunction List({\n className,\n ...props\n}: ComboboxBase.List.Props & { className?: string }) {\n return (\n <ComboboxBase.List\n {...props}\n className={cn(\n \"min-h-0 flex-1 overflow-y-auto overscroll-contain scroll-pt-2 scroll-pb-2\",\n className,\n )}\n />\n );\n}\n\nfunction GroupLabel(props: ComboboxBase.GroupLabel.Props) {\n return (\n <ComboboxBase.GroupLabel\n {...props}\n className={cn(\n \"mx-1.5 px-2 py-1.5 text-sm text-kumo-strong\",\n props.className,\n )}\n />\n );\n}\n\nfunction Group(props: ComboboxBase.Group.Props) {\n return (\n <ComboboxBase.Group\n {...props}\n className=\"border-t border-kumo-line mt-2 pt-2 first:border-t-0 first:mt-0 first:pt-0\"\n />\n );\n}\n\nfunction Chip(props: ComboboxBase.Chip.Props) {\n return (\n <ComboboxBase.Chip\n {...props}\n className={cn(\n \"flex items-center gap-2.5\", // Layout\n \"h-6 pl-2 pr-[3px]\", // Dimensions\n \"rounded-sm ring-1 ring-kumo-line\", // Border\n \"bg-kumo-overlay\", // Background\n \"text-sm\", // Typography\n )}\n >\n {props.children}\n <ComboboxBase.ChipRemove\n className={cn(\n \"cursor-pointer rounded-md p-1 hover:bg-kumo-fill-hover\",\n \"bg-transparent flex\",\n )}\n >\n <XIcon size={10} />\n </ComboboxBase.ChipRemove>\n </ComboboxBase.Chip>\n );\n}\n\n// Map size to min-height class for TriggerMultipleWithInput\nconst sizeToMinHeight: Record<KumoComboboxSize, string> = {\n xs: \"min-h-5\",\n sm: \"min-h-6.5\",\n base: \"min-h-9\",\n lg: \"min-h-10\",\n};\n\nfunction TriggerMultipleWithInput<ValueType>({\n placeholder,\n renderItem,\n className,\n inputSide = \"right\",\n value: controlledValue,\n}: {\n placeholder?: string;\n renderItem: (value: ValueType) => React.ReactNode;\n className?: string;\n inputSide?: \"right\" | \"top\";\n /** Optional controlled value for rendering chips (use when pre-selecting values) */\n value?: ValueType[];\n}) {\n const size = useContext(ComboboxSizeContext);\n // Determine which value to use for rendering chips\n const chipsToRender = controlledValue;\n\n return (\n <ComboboxBase.Chips\n className={cn(\n inputVariants({ size }),\n \"flex flex-col\",\n \"gap-1 py-1 px-1.5\",\n sizeToMinHeight[size],\n \"h-auto\",\n className,\n )}\n >\n {inputSide === \"top\" && (\n <ComboboxBase.Input\n placeholder={placeholder}\n className=\"w-full px-2 py-1 border-0 bg-inherit\"\n />\n )}\n {/* Chips container */}\n <div className=\"flex items-center flex-wrap gap-1.5 flex-1\">\n {/* Render chips from controlled value if provided */}\n {chipsToRender !== undefined &&\n chipsToRender.length > 0 &&\n chipsToRender.map((item) => renderItem(item))}\n {/* Also render from BaseUI's internal value for user selections */}\n <ComboboxBase.Value>\n {(internalValue: ValueType[]) => {\n // Skip rendering if using controlled value (to avoid duplicates)\n if (chipsToRender !== undefined) return null;\n return (\n <Fragment>\n {internalValue.map((item) => renderItem(item))}\n </Fragment>\n );\n }}\n </ComboboxBase.Value>\n {inputSide === \"right\" && (\n <ComboboxBase.Input\n placeholder={placeholder}\n className=\"min-w-[100px] flex-1 px-2 py-1 border-0 bg-inherit\"\n />\n )}\n </div>\n </ComboboxBase.Chips>\n );\n}\n\nRoot.displayName = \"Combobox.Root\";\nContent.displayName = \"Combobox.Content\";\nTriggerValue.displayName = \"Combobox.TriggerValue\";\nTriggerInput.displayName = \"Combobox.TriggerInput\";\nItem.displayName = \"Combobox.Item\";\nChip.displayName = \"Combobox.Chip\";\nTriggerMultipleWithInput.displayName = \"Combobox.TriggerMultipleWithInput\";\n\n/**\n * Combobox — autocomplete input with filterable dropdown list.\n *\n * Compound component: `Combobox` (Root), `.TriggerInput`, `.TriggerValue`,\n * `.TriggerMultipleWithInput`, `.Content`, `.Item`, `.Chip`, `.Input`,\n * `.Empty`, `.GroupLabel`, `.Group`, `.List`, `.Collection`.\n *\n * @example\n * ```tsx\n * <Combobox items={fruits} label=\"Fruit\">\n * <Combobox.TriggerInput placeholder=\"Pick a fruit…\" />\n * <Combobox.Content>\n * <Combobox.List>\n * {(item) => <Combobox.Item value={item}>{item}</Combobox.Item>}\n * </Combobox.List>\n * </Combobox.Content>\n * </Combobox>\n * ```\n *\n * @see https://base-ui.com/react/components/combobox\n */\nexport const Combobox = Object.assign(Root, {\n // Helper components\n Content,\n TriggerValue,\n TriggerInput,\n TriggerMultipleWithInput,\n\n // Slightly modified BaseUI\n Chip,\n Item,\n\n // Styled BaseUI\n Input,\n Empty,\n GroupLabel,\n Group,\n\n // Styled BaseUI\n List,\n\n // BaseUI\n Collection: ComboboxBase.Collection,\n});\n"],"names":["KUMO_INPUT_VARIANTS","ComboboxSizeContext","createContext","Root","label","required","labelTooltip","description","error","children","size","props","comboboxControl","jsx","ComboboxBase.Root","Field","Content","className","align","sideOffset","alignOffset","side","ComboboxBase.Portal","ComboboxBase.Positioner","ComboboxBase.Popup","cn","triggerValueIconStyles","TriggerValue","useContext","iconStyles","jsxs","ComboboxBase.Trigger","inputVariants","ComboboxBase.Value","ComboboxBase.Icon","CaretDownIcon","triggerInputIconStyles","TriggerInput","ComboboxBase.Input","ComboboxBase.Clear","XIcon","Item","ComboboxBase.Item","ComboboxBase.ItemIndicator","CheckIcon","Empty","ComboboxBase.Empty","Input","List","ComboboxBase.List","GroupLabel","ComboboxBase.GroupLabel","Group","ComboboxBase.Group","Chip","ComboboxBase.Chip","ComboboxBase.ChipRemove","sizeToMinHeight","TriggerMultipleWithInput","placeholder","renderItem","inputSide","controlledValue","chipsToRender","ComboboxBase.Chips","item","internalValue","Fragment","Combobox","ComboboxBase.Collection"],"mappings":";;;;;;;;AAmBQA,EAAoB;AAmB5B,MAAMC,IAAsBC,EAA6B,MAAM;AAmG/D,SAASC,EAA0D;AAAA,EACjE,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAOG;AACD,QAAMC,IACJ,gBAAAC,EAACZ,EAAoB,UAApB,EAA6B,OAAOS,GACnC,UAAA,gBAAAG,EAACC,GAAA,EAAmB,GAAGH,GAAQ,UAAAF,GAAS,EAAA,CAC1C;AAIF,SAAIL,IAEA,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MACA,UAAAC;AAAA,MACA,cAAAC;AAAA,MACA,aAAAC;AAAA,MACA,OACEC,IACI,OAAOA,KAAU,WACf,EAAE,SAASA,GAAO,OAAO,GAAA,IACzBA,IACF;AAAA,MAGL,UAAAI;AAAA,IAAA;AAAA,EAAA,IAMAA;AACT;AAEA,SAASI,EAAQ;AAAA,EACf,UAAAP;AAAA,EACA,WAAAQ;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,aAAAC;AAAA,EACA,MAAAC;AACF,GAMI;AACF,SACE,gBAAAR,EAACS,GAAA,EACC,UAAA,gBAAAT;AAAA,IAACU;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAL;AAAA,MACA,YAAAC;AAAA,MACA,aAAAC;AAAA,MACA,MAAAC;AAAA,MAEA,UAAA,gBAAAR;AAAA,QAACW;AAAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT;AAAA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,YACA;AAAA;AAAA,YACAR;AAAA,UAAA;AAAA,UAGD,UAAAR;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA,GAEJ;AAEJ;AAGA,MAAMiB,IAGF;AAAA,EACF,IAAI,EAAE,SAAS,QAAQ,UAAU,IAAI,WAAW,UAAA;AAAA,EAChD,IAAI,EAAE,SAAS,QAAQ,UAAU,IAAI,WAAW,YAAA;AAAA,EAChD,MAAM,EAAE,SAAS,QAAQ,UAAU,IAAI,WAAW,UAAA;AAAA,EAClD,IAAI,EAAE,SAAS,SAAS,UAAU,IAAI,WAAW,UAAA;AACnD;AAEA,SAASC,EAAa;AAAA,EACpB,WAAAV;AAAA,EACA,GAAGN;AACL,GAAsD;AACpD,QAAMD,IAAOkB,EAAW3B,CAAmB,GACrC4B,IAAaH,EAAuBhB,CAAI;AAE9C,SACE,gBAAAoB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWN;AAAA,QACTO,EAAc,EAAE,MAAAtB,GAAM;AAAA,QACtB;AAAA,QACAmB,EAAW;AAAA,QACXZ;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAJ,EAACoB,GAAA,EAAoB,UAAAtB,EAAM,SAAA,CAAS;AAAA,QACpC,gBAAAE;AAAA,UAACqB;AAAAA,UAAA;AAAA,YACC,WAAWT;AAAA,cACT;AAAA,cACAI,EAAW;AAAA,YAAA;AAAA,YAGb,4BAACM,GAAA,EAAc,MAAMN,EAAW,UAAU,WAAU,eAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACrE;AAAA,IAAA;AAAA,EAAA;AAGN;AAGA,MAAMO,IAGF;AAAA,EACF,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAAA;AAAA,EAEd,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAAA;AAAA,EAEd,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAAA;AAAA,EAEd,IAAI;AAAA,IACF,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,EAAA;AAEhB;AAEA,SAASC,EAAa1B,GAAiC;AACrD,QAAMD,IAAOkB,EAAW3B,CAAmB,GACrC4B,IAAaO,EAAuB1B,CAAI;AAE9C,SACE,gBAAAoB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWL,EAAG,yCAAyCd,EAAM,SAAS;AAAA,MAEtE,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACyB;AAAAA,UAAA;AAAA,YACE,GAAG3B;AAAA,YACJ,WAAWc,EAAGO,EAAc,EAAE,MAAAtB,GAAM,GAAG,UAAUmB,EAAW,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrE,gBAAAhB;AAAA,UAAC0B;AAAAA,UAAA;AAAA,YACC,WAAWd;AAAA,cACT;AAAA,cACAI,EAAW;AAAA,YAAA;AAAA,YAGb,UAAA,gBAAAhB,EAAC2B,GAAA,EAAM,MAAMX,EAAW,SAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGpC,gBAAAhB,EAACkB,GAAA,EAAqB,WAAU,OAC9B,UAAA,gBAAAlB;AAAA,UAACqB;AAAAA,UAAA;AAAA,YACC,WAAWT;AAAA,cACT;AAAA,cACAI,EAAW;AAAA,YAAA;AAAA,YAGb,4BAACM,GAAA,EAAc,MAAMN,EAAW,UAAU,WAAU,eAAA,CAAe;AAAA,UAAA;AAAA,QAAA,EACrE,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASY,EAAK,EAAE,UAAAhC,GAAU,GAAGE,KAAkC;AAC7D,SACE,gBAAAmB;AAAA,IAACY;AAAAA,IAAA;AAAA,MACE,GAAG/B;AAAA,MACJ,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,eAAe,UAAAJ,EAAA,CAAS;AAAA,QACvC,gBAAAI,EAAC8B,GAAA,EAA2B,WAAU,iCACpC,UAAA,gBAAA9B,EAAC+B,KAAU,EAAA,CACb;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASC,EAAMlC,GAAiC;AAC9C,SACE,gBAAAE;AAAA,IAACiC;AAAAA,IAAA;AAAA,MACE,GAAGnC;AAAA,MACJ,WAAWc;AAAA,QACT;AAAA,MAAA;AAAA,MAEF,UAAUd,EAAM,YAAY;AAAA,IAAA;AAAA,EAAA;AAGlC;AAEA,SAASoC,EAAMpC,GAAiC;AAC9C,SACE,gBAAAE;AAAA,IAACyB;AAAAA,IAAA;AAAA,MACE,GAAG3B;AAAA,MACJ,WAAWc;AAAA,QACTO,EAAA;AAAA,QACA;AAAA,QACArB,EAAM;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAGN;AAEA,SAASqC,EAAK;AAAA,EACZ,WAAA/B;AAAA,EACA,GAAGN;AACL,GAAqD;AACnD,SACE,gBAAAE;AAAA,IAACoC;AAAAA,IAAA;AAAA,MACE,GAAGtC;AAAA,MACJ,WAAWc;AAAA,QACT;AAAA,QACAR;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;AAEA,SAASiC,EAAWvC,GAAsC;AACxD,SACE,gBAAAE;AAAA,IAACsC;AAAAA,IAAA;AAAA,MACE,GAAGxC;AAAA,MACJ,WAAWc;AAAA,QACT;AAAA,QACAd,EAAM;AAAA,MAAA;AAAA,IACR;AAAA,EAAA;AAGN;AAEA,SAASyC,GAAMzC,GAAiC;AAC9C,SACE,gBAAAE;AAAA,IAACwC;AAAAA,IAAA;AAAA,MACE,GAAG1C;AAAA,MACJ,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,SAAS2C,EAAK3C,GAAgC;AAC5C,SACE,gBAAAmB;AAAA,IAACyB;AAAAA,IAAA;AAAA,MACE,GAAG5C;AAAA,MACJ,WAAWc;AAAA,QACT;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,QACA;AAAA;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAd,EAAM;AAAA,QACP,gBAAAE;AAAA,UAAC2C;AAAAA,UAAA;AAAA,YACC,WAAW/B;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,YAGF,UAAA,gBAAAZ,EAAC2B,GAAA,EAAM,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MACnB;AAAA,IAAA;AAAA,EAAA;AAGN;AAGA,MAAMiB,KAAoD;AAAA,EACxD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,IAAI;AACN;AAEA,SAASC,EAAoC;AAAA,EAC3C,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAA3C;AAAA,EACA,WAAA4C,IAAY;AAAA,EACZ,OAAOC;AACT,GAOG;AACD,QAAMpD,IAAOkB,EAAW3B,CAAmB,GAErC8D,IAAgBD;AAEtB,SACE,gBAAAhC;AAAA,IAACkC;AAAAA,IAAA;AAAA,MACC,WAAWvC;AAAA,QACTO,EAAc,EAAE,MAAAtB,GAAM;AAAA,QACtB;AAAA,QACA;AAAA,QACA+C,GAAgB/C,CAAI;AAAA,QACpB;AAAA,QACAO;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAA4C,MAAc,SACb,gBAAAhD;AAAA,UAACyB;AAAAA,UAAA;AAAA,YACC,aAAAqB;AAAA,YACA,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAId,gBAAA7B,EAAC,OAAA,EAAI,WAAU,8CAEZ,UAAA;AAAA,UAAAiC,MAAkB,UACjBA,EAAc,SAAS,KACvBA,EAAc,IAAI,CAACE,MAASL,EAAWK,CAAI,CAAC;AAAA,UAE9C,gBAAApD,EAACoB,GAAA,EACE,WAACiC,MAEIH,MAAkB,SAAkB,OAEtC,gBAAAlD,EAACsD,KACE,UAAAD,EAAc,IAAI,CAACD,MAASL,EAAWK,CAAI,CAAC,EAAA,CAC/C,GAGN;AAAA,UACCJ,MAAc,WACb,gBAAAhD;AAAA,YAACyB;AAAAA,YAAA;AAAA,cACC,aAAAqB;AAAA,cACA,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,EAAA,CAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAxD,EAAK,cAAc;AACnBa,EAAQ,cAAc;AACtBW,EAAa,cAAc;AAC3BU,EAAa,cAAc;AAC3BI,EAAK,cAAc;AACnBa,EAAK,cAAc;AACnBI,EAAyB,cAAc;AAuBhC,MAAMU,KAAW,OAAO,OAAOjE,GAAM;AAAA;AAAA,EAE1C,SAAAa;AAAA,EACA,cAAAW;AAAA,EACA,cAAAU;AAAA,EACA,0BAAAqB;AAAA;AAAA,EAGA,MAAAJ;AAAA,EACA,MAAAb;AAAA;AAAA,EAGA,OAAAM;AAAA,EACA,OAAAF;AAAA,EACA,YAAAK;AAAA,EACA,OAAAE;AAAA;AAAA,EAGA,MAAAJ;AAAA;AAAA,EAGA,YAAYqB;AACd,CAAC;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-hmfums1yr41afbsx.js","sources":["../../src/components/dialog/dialog.tsx"],"sourcesContent":["import {\n createContext,\n useContext,\n type ComponentPropsWithoutRef,\n type CSSProperties,\n type ReactNode,\n} from \"react\";\nimport { Dialog as DialogBase } from \"@base-ui/react/dialog\";\nimport { AlertDialog as AlertDialogBase } from \"@base-ui/react/alert-dialog\";\nimport { Surface } from \"../surface\";\nimport { cn } from \"../../utils/cn\";\n\n/** Dialog size variant definitions mapping sizes to their minimum widths. */\nexport const KUMO_DIALOG_VARIANTS = {\n size: {\n base: {\n classes: \"sm:min-w-96\",\n description: \"Default dialog width\",\n },\n sm: {\n classes: \"min-w-72\",\n description: \"Small dialog for simple confirmations\",\n },\n lg: {\n classes: \"min-w-[32rem]\",\n description: \"Large dialog for complex content\",\n },\n xl: {\n classes: \"min-w-[48rem]\",\n description: \"Extra large dialog for detailed views\",\n },\n },\n role: {\n dialog: {\n classes: \"\",\n description: \"Standard dialog for general-purpose modals\",\n },\n alertdialog: {\n classes: \"\",\n description:\n \"Alert dialog for confirmation flows requiring explicit user acknowledgment\",\n },\n },\n} as const;\n\nexport const KUMO_DIALOG_DEFAULT_VARIANTS = {\n size: \"base\",\n role: \"dialog\",\n} as const;\n\nexport const KUMO_DIALOG_STYLING = {\n dimensions: {\n sm: {\n width: 350,\n titleSize: 20,\n descSize: 16,\n padding: 16,\n gap: 8,\n buttonSize: \"sm\",\n },\n base: {\n width: 384,\n titleSize: 20,\n descSize: 16,\n padding: 24,\n gap: 16,\n buttonSize: \"base\",\n },\n lg: {\n width: 512,\n titleSize: 20,\n descSize: 16,\n padding: 24,\n gap: 16,\n buttonSize: \"base\",\n },\n xl: {\n width: 768,\n titleSize: 20,\n descSize: 16,\n padding: 24,\n gap: 16,\n buttonSize: \"base\",\n },\n },\n baseTokens: {\n background: \"color-surface\",\n text: \"text-color-surface\",\n borderRadius: 12,\n shadow: \"shadow-m\",\n },\n backdrop: {\n background: \"color-surface-secondary\",\n opacity: 0.8,\n },\n header: {\n title: { fontWeight: 600, color: \"text-color-surface\" },\n closeIcon: { name: \"ph-x\", size: 20, color: \"text-color-muted\" },\n },\n description: {\n fontWeight: 400,\n color: \"text-color-muted\",\n },\n buttons: {\n primary: { background: \"color-primary\", text: \"white\" },\n secondary: { ring: \"color-border\", text: \"text-color-surface\" },\n },\n} as const;\n\n// Derived types from KUMO_DIALOG_VARIANTS\nexport type KumoDialogSize = keyof typeof KUMO_DIALOG_VARIANTS.size;\nexport type KumoDialogRole = keyof typeof KUMO_DIALOG_VARIANTS.role;\n\nexport interface KumoDialogVariantsProps {\n /**\n * Dialog width.\n * - `\"sm\"` — Small (min 288px) for simple confirmations\n * - `\"base\"` — Default (min 384px)\n * - `\"lg\"` — Large (min 512px) for complex content\n * - `\"xl\"` — Extra large (min 768px) for detailed views\n * @default \"base\"\n */\n size?: KumoDialogSize;\n}\n\n// ============================================================================\n// Dialog Role Context\n// ============================================================================\n\nconst DialogRoleContext = createContext<KumoDialogRole>(\"dialog\");\n\nfunction useDialogRole() {\n return useContext(DialogRoleContext);\n}\n\nexport function dialogVariants({\n size = KUMO_DIALOG_DEFAULT_VARIANTS.size,\n}: KumoDialogVariantsProps = {}) {\n return cn(\n // Base styles\n \"shadow-m fixed top-1/2 left-1/2 w-full sm:w-auto max-w-[calc(100vw-2rem)] sm:max-w-[calc(100vw-3rem)] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-xl bg-kumo-base text-kumo-default duration-150 data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-90 data-starting-style:opacity-0\",\n // Apply size from KUMO_DIALOG_VARIANTS\n KUMO_DIALOG_VARIANTS.size[size].classes,\n );\n}\n\n/**\n * Dialog component props — the modal content panel.\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n * <Dialog.Trigger render={(p) => <Button {...p}>Open</Button>} />\n * <Dialog className=\"p-8\">\n * <Dialog.Title>Confirm Action</Dialog.Title>\n * <Dialog.Description>Are you sure?</Dialog.Description>\n * <Dialog.Close render={(p) => <Button {...p}>Cancel</Button>} />\n * </Dialog>\n * </Dialog.Root>\n * ```\n */\nexport type DialogProps = KumoDialogVariantsProps & {\n /** Additional CSS classes merged via `cn()`. */\n className?: string;\n /** Dialog content (typically Title, Description, Close, and action buttons). */\n children: ReactNode;\n /** Inline styles. */\n style?: CSSProperties;\n};\n\n/**\n * Modal dialog overlay with backdrop. Compound component with `Dialog.Root`,\n * `Dialog.Trigger`, `Dialog.Title`, `Dialog.Description`, and `Dialog.Close`.\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n * <Dialog.Trigger render={(p) => <Button {...p}>Delete</Button>} />\n * <Dialog className=\"p-8\">\n * <Dialog.Title>Delete Item</Dialog.Title>\n * <Dialog.Description>This action cannot be undone.</Dialog.Description>\n * <Dialog.Close render={(p) => <Button variant=\"destructive\" {...p}>Delete</Button>} />\n * </Dialog>\n * </Dialog.Root>\n * ```\n *\n * @example Alert Dialog for destructive actions\n * ```tsx\n * <Dialog.Root role=\"alertdialog\">\n * <Dialog.Trigger render={(p) => <Button variant=\"destructive\" {...p}>Delete Project</Button>} />\n * <Dialog className=\"p-8\">\n * <Dialog.Title>Delete Project?</Dialog.Title>\n * <Dialog.Description>This action cannot be undone.</Dialog.Description>\n * <Dialog.Close render={(p) => <Button variant=\"secondary\" {...p}>Cancel</Button>} />\n * <Dialog.Close render={(p) => <Button variant=\"destructive\" {...p}>Delete</Button>} />\n * </Dialog>\n * </Dialog.Root>\n * ```\n */\nfunction DialogContent({\n className,\n children,\n style,\n size = KUMO_DIALOG_DEFAULT_VARIANTS.size,\n}: DialogProps) {\n const role = useDialogRole();\n const BasePortal =\n role === \"alertdialog\" ? AlertDialogBase.Portal : DialogBase.Portal;\n const BaseBackdrop =\n role === \"alertdialog\" ? AlertDialogBase.Backdrop : DialogBase.Backdrop;\n const BasePopup =\n role === \"alertdialog\" ? AlertDialogBase.Popup : DialogBase.Popup;\n\n return (\n <BasePortal>\n <BaseBackdrop className=\"fixed inset-0 bg-kumo-overlay opacity-80 transition-all duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0\" />\n <Surface\n as={BasePopup}\n className={cn(dialogVariants({ size }), className)}\n style={\n {\n transitionProperty: \"scale, opacity\",\n transitionTimingFunction:\n \"var(--default-transition-timing-function)\",\n \"--tw-shadow\":\n \"0 20px 25px -5px rgb(0 0 0 / 0.03), 0 8px 10px -6px rgb(0 0 0 / 0.03)\",\n ...style,\n } as CSSProperties\n }\n >\n {children}\n </Surface>\n </BasePortal>\n );\n}\n\n// ============================================================================\n// Dialog Root\n// ============================================================================\n\ntype BaseDialogRootProps = ComponentPropsWithoutRef<typeof DialogBase.Root>;\n\nexport type DialogRootProps = BaseDialogRootProps & {\n /**\n * The ARIA role for the dialog.\n * - `\"dialog\"` — Standard dialog for general-purpose modals. Dismissible via outside click by default.\n * - `\"alertdialog\"` — Alert dialog for destructive or confirmation flows. Not dismissible via outside click.\n *\n * Use `role=\"alertdialog\"` for:\n * - Destructive actions (delete, discard, remove)\n * - Confirmation dialogs requiring explicit user acknowledgment\n * - Actions that cannot be undone\n *\n * @default \"dialog\"\n */\n role?: KumoDialogRole;\n};\n\nfunction DialogRoot({\n children,\n role = KUMO_DIALOG_DEFAULT_VARIANTS.role,\n ...props\n}: DialogRootProps) {\n const BaseRoot =\n role === \"alertdialog\" ? AlertDialogBase.Root : DialogBase.Root;\n return (\n <DialogRoleContext.Provider value={role}>\n <BaseRoot {...props}>{children}</BaseRoot>\n </DialogRoleContext.Provider>\n );\n}\n\nDialogRoot.displayName = \"Dialog.Root\";\n\n// ============================================================================\n// Dialog Trigger\n// ============================================================================\n\ntype BaseDialogTriggerProps = ComponentPropsWithoutRef<\n typeof DialogBase.Trigger\n>;\n\nexport type DialogTriggerProps = BaseDialogTriggerProps;\n\nfunction DialogTrigger({ children, ...props }: DialogTriggerProps) {\n const role = useDialogRole();\n const BaseTrigger =\n role === \"alertdialog\" ? AlertDialogBase.Trigger : DialogBase.Trigger;\n return <BaseTrigger {...props}>{children}</BaseTrigger>;\n}\n\nDialogTrigger.displayName = \"Dialog.Trigger\";\n\n// ============================================================================\n// Dialog Title\n// ============================================================================\n\ntype BaseDialogTitleProps = ComponentPropsWithoutRef<typeof DialogBase.Title>;\n\nexport type DialogTitleProps = BaseDialogTitleProps;\n\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\n const role = useDialogRole();\n const BaseTitle =\n role === \"alertdialog\" ? AlertDialogBase.Title : DialogBase.Title;\n return <BaseTitle className={className} {...props} />;\n}\n\nDialogTitle.displayName = \"Dialog.Title\";\n\n// ============================================================================\n// Dialog Description\n// ============================================================================\n\ntype BaseDialogDescriptionProps = ComponentPropsWithoutRef<\n typeof DialogBase.Description\n>;\n\nexport type DialogDescriptionProps = BaseDialogDescriptionProps;\n\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\n const role = useDialogRole();\n const BaseDescription =\n role === \"alertdialog\"\n ? AlertDialogBase.Description\n : DialogBase.Description;\n return <BaseDescription className={className} {...props} />;\n}\n\nDialogDescription.displayName = \"Dialog.Description\";\n\n// ============================================================================\n// Dialog Close\n// ============================================================================\n\ntype BaseDialogCloseProps = ComponentPropsWithoutRef<typeof DialogBase.Close>;\n\nexport type DialogCloseProps = BaseDialogCloseProps;\n\nfunction DialogClose({ children, ...props }: DialogCloseProps) {\n const role = useDialogRole();\n const BaseClose =\n role === \"alertdialog\" ? AlertDialogBase.Close : DialogBase.Close;\n return <BaseClose {...props}>{children}</BaseClose>;\n}\n\nDialogClose.displayName = \"Dialog.Close\";\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\nconst Dialog = Object.assign(DialogContent, {\n Root: DialogRoot,\n Trigger: DialogTrigger,\n Title: DialogTitle,\n Description: DialogDescription,\n Close: DialogClose,\n});\n\nexport {\n Dialog,\n DialogRoot,\n DialogTrigger,\n DialogTitle,\n DialogDescription,\n DialogClose,\n};\n"],"names":["KUMO_DIALOG_VARIANTS","KUMO_DIALOG_DEFAULT_VARIANTS","DialogRoleContext","createContext","useDialogRole","useContext","dialogVariants","size","cn","DialogContent","className","children","style","role","AlertDialogBase.Portal","DialogBase.Portal","jsx","AlertDialogBase.Backdrop","DialogBase.Backdrop","Surface","AlertDialogBase.Popup","DialogBase.Popup","DialogRoot","props","BaseRoot","AlertDialogBase.Root","DialogBase.Root","DialogTrigger","BaseTrigger","AlertDialogBase.Trigger","DialogBase.Trigger","DialogTitle","BaseTitle","AlertDialogBase.Title","DialogBase.Title","DialogDescription","BaseDescription","AlertDialogBase.Description","DialogBase.Description","DialogClose","BaseClose","AlertDialogBase.Close","DialogBase.Close","Dialog"],"mappings":";;;;;;AAaO,MAAMA,IAAuB;AAAA,EAClC,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,IAAI;AAAA,MACF,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,IAAI;AAAA,MACF,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,IAAI;AAAA,MACF,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,EACf;AAaJ,GAEaC,IAA+B;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM;AACR,GAiFMC,IAAoBC,EAA8B,QAAQ;AAEhE,SAASC,IAAgB;AACvB,SAAOC,EAAWH,CAAiB;AACrC;AAEO,SAASI,EAAe;AAAA,EAC7B,MAAAC,IAAON,EAA6B;AACtC,IAA6B,IAAI;AAC/B,SAAOO;AAAA;AAAA,IAEL;AAAA;AAAA,IAEAR,EAAqB,KAAKO,CAAI,EAAE;AAAA,EAAA;AAEpC;AAuDA,SAASE,EAAc;AAAA,EACrB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAL,IAAON,EAA6B;AACtC,GAAgB;AACd,QAAMY,IAAOT,EAAA;AAQb,2BANES,MAAS,gBAAgBC,IAAyBC,GAOjD,EACC,UAAA;AAAA,IAAA,gBAAAC,EANFH,MAAS,gBAAgBI,IAA2BC,GAMjD,EAAa,WAAU,iIAAA,CAAiI;AAAA,IACzJ,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,IANJN,MAAS,gBAAgBO,IAAwBC;AAAAA,QAO7C,WAAWb,EAAGF,EAAe,EAAE,MAAAC,EAAA,CAAM,GAAGG,CAAS;AAAA,QACjD,OACE;AAAA,UACE,oBAAoB;AAAA,UACpB,0BACE;AAAA,UACF,eACE;AAAA,UACF,GAAGE;AAAA,QAAA;AAAA,QAIN,UAAAD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AAwBA,SAASW,EAAW;AAAA,EAClB,UAAAX;AAAA,EACA,MAAAE,IAAOZ,EAA6B;AAAA,EACpC,GAAGsB;AACL,GAAoB;AAClB,QAAMC,IACJX,MAAS,gBAAgBY,IAAuBC;AAClD,SACE,gBAAAV,EAACd,EAAkB,UAAlB,EAA2B,OAAOW,GACjC,UAAA,gBAAAG,EAACQ,GAAA,EAAU,GAAGD,GAAQ,UAAAZ,EAAA,CAAS,EAAA,CACjC;AAEJ;AAEAW,EAAW,cAAc;AAYzB,SAASK,EAAc,EAAE,UAAAhB,GAAU,GAAGY,KAA6B;AAEjE,QAAMK,IADOxB,EAAA,MAEF,gBAAgByB,IAA0BC;AACrD,SAAO,gBAAAd,EAACY,GAAA,EAAa,GAAGL,GAAQ,UAAAZ,EAAA,CAAS;AAC3C;AAEAgB,EAAc,cAAc;AAU5B,SAASI,EAAY,EAAE,WAAArB,GAAW,GAAGa,KAA2B;AAE9D,QAAMS,IADO5B,EAAA,MAEF,gBAAgB6B,IAAwBC;AACnD,SAAO,gBAAAlB,EAACgB,GAAA,EAAU,WAAAtB,GAAuB,GAAGa,EAAA,CAAO;AACrD;AAEAQ,EAAY,cAAc;AAY1B,SAASI,EAAkB,EAAE,WAAAzB,GAAW,GAAGa,KAAiC;AAE1E,QAAMa,IADOhC,EAAA,MAEF,gBACLiC,IACAC;AACN,SAAO,gBAAAtB,EAACoB,GAAA,EAAgB,WAAA1B,GAAuB,GAAGa,EAAA,CAAO;AAC3D;AAEAY,EAAkB,cAAc;AAUhC,SAASI,EAAY,EAAE,UAAA5B,GAAU,GAAGY,KAA2B;AAE7D,QAAMiB,IADOpC,EAAA,MAEF,gBAAgBqC,IAAwBC;AACnD,SAAO,gBAAA1B,EAACwB,GAAA,EAAW,GAAGjB,GAAQ,UAAAZ,EAAA,CAAS;AACzC;AAEA4B,EAAY,cAAc;AAM1B,MAAMI,IAAS,OAAO,OAAOlC,GAAe;AAAA,EAC1C,MAAMa;AAAA,EACN,SAASK;AAAA,EACT,OAAOI;AAAA,EACP,aAAaI;AAAA,EACb,OAAOI;AACT,CAAC;"}
|