@unizap/uniui 1.1.12 → 1.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/uniui.css +1 -1
  2. package/dist/uniui.js +2 -2
  3. package/dist/uniui.umd.cjs +1 -1
  4. package/package.json +1 -1
package/dist/uniui.css CHANGED
@@ -1 +1 @@
1
- .ripple{position:absolute;border-radius:50%;background-color:#ffffff4d;transform:scale(0);animation:ripple-animation 1s ease-out;pointer-events:none;z-index:1}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.ripple_small{position:absolute;border-radius:50%;background-color:#ffffff4d;transform:scale(0);animation:ripple-animation-small .6s ease-out;pointer-events:none;z-index:1}@keyframes ripple-animation-small{to{transform:scale(4);opacity:0}}button{cursor:pointer;background-color:transparent}@keyframes progress-indeterminate-gpu{0%{transform:translate(-100%)}to{transform:translate(300%)}}.animate-progress-indeterminate-gpu{animation:progress-indeterminate-gpu 1.2s cubic-bezier(.4,0,.2,1) infinite;will-change:transform}@keyframes circular-rotate{to{transform:rotate(270deg)}}.animate-circular-indeterminate{animation:circular-rotate 1.4s linear infinite}@media (prefers-reduced-motion: reduce){.animate-progress-indeterminate-gpu,.animate-circular{animation:none!important}}*,:after,:before,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border:0 solid;outline:0 solid}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}textarea{resize:vertical}:root{--uni-blur: blur(0);--uni-drop-shadow: drop-shadow(0 0 #0000);--uni-brightness: brightness(100%);--uni-contrast: contrast(100%);--uni-grayscale: grayscale(0%);--uni-hue-rotate: hue-rotate(0deg);--uni-invert: invert(0%);--uni-saturate: saturate(100%);--uni-sepia: sepia(0%);--uni-backdrop-blur: blur(0);--uni-backdrop-brightness: brightness(100%);--uni-backdrop-contrast: contrast(100%);--uni-backdrop-grayscale: grayscale(0%);--uni-backdrop-hue-rotate: hue-rotate(0deg);--uni-backdrop-invert: invert(0%);--uni-backdrop-saturate: saturate(100%);--uni-backdrop-opacity: opacity(1);--uni-backdrop-sepia: sepia(0%);--animate-spin: spin 1s linear infinite;--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite;--uni-rotate-x: rotateX(0deg);--uni-rotate-y: rotateY(0deg);--uni-rotate-z: rotateZ(0deg);--uni-skew-x: skewX(0deg);--uni-skew-y: skewY(0deg);--uni-scale-x: 100%;--uni-scale-y: 100%;--uni-translate-x: 0px;--uni-translate-y: 0px;--uni-translate-z: 0px;--uni-border-style: solid;--uni-outline-style: solid}:root{--0: 0rem;--color-white: oklch(100% 0 0);--color-black: oklch(0% 0 0);--color-inherit: inherit;--color-transparent: transparent;--color-current: currentColor;--color-red-50: oklch(97.1% .013 17.38);--color-red-100: oklch(93.6% .032 17.717);--color-red-200: oklch(88.5% .062 18.334);--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-800: oklch(44.4% .177 26.899);--color-red-900: oklch(39.6% .141 25.723);--color-red-950: oklch(25.8% .092 26.042);--color-orange-50: oklch(98% .016 73.684);--color-orange-100: oklch(95.4% .038 75.164);--color-orange-200: oklch(90.1% .076 70.697);--color-orange-300: oklch(83.7% .128 66.29);--color-orange-400: oklch(75% .183 55.934);--color-orange-500: oklch(70.5% .213 47.604);--color-orange-600: oklch(64.6% .222 41.116);--color-orange-700: oklch(55.3% .195 38.402);--color-orange-800: oklch(47% .157 37.304);--color-orange-900: oklch(40.8% .123 38.172);--color-orange-950: oklch(26.6% .079 36.259);--color-amber-50: oklch(98.7% .022 95.277);--color-amber-100: oklch(96.2% .059 95.617);--color-amber-200: oklch(92.4% .12 95.746);--color-amber-300: oklch(87.9% .169 91.605);--color-amber-400: oklch(82.8% .189 84.429);--color-amber-500: oklch(76.9% .188 70.08);--color-amber-600: oklch(66.6% .179 58.318);--color-amber-700: oklch(55.5% .163 48.998);--color-amber-800: oklch(47.3% .137 46.201);--color-amber-900: oklch(41.4% .112 45.904);--color-amber-950: oklch(27.9% .077 45.635);--color-yellow-50: oklch(98.7% .026 102.212);--color-yellow-100: oklch(97.3% .071 103.193);--color-yellow-200: oklch(94.5% .129 101.54);--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-600: oklch(68.1% .162 75.834);--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-yellow-950: oklch(28.6% .066 53.813);--color-lime-50: oklch(98.6% .031 120.757);--color-lime-100: oklch(96.7% .067 122.328);--color-lime-200: oklch(93.8% .127 124.321);--color-lime-300: oklch(89.7% .196 126.665);--color-lime-400: oklch(84.1% .238 128.85);--color-lime-500: oklch(76.8% .233 130.85);--color-lime-600: oklch(64.8% .2 131.684);--color-lime-700: oklch(53.2% .157 131.589);--color-lime-800: oklch(45.3% .124 130.933);--color-lime-900: oklch(40.5% .101 131.063);--color-lime-950: oklch(27.4% .072 132.109);--color-green-50: oklch(98.2% .018 155.826);--color-green-100: oklch(96.2% .044 156.743);--color-green-200: oklch(92.5% .084 155.995);--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-600: oklch(62.7% .194 149.214);--color-green-700: oklch(52.7% .154 150.069);--color-green-800: oklch(44.8% .119 151.328);--color-green-900: oklch(39.3% .095 152.535);--color-green-950: oklch(26.6% .065 152.934);--color-emerald-50: oklch(97.9% .021 166.113);--color-emerald-100: oklch(95% .052 163.051);--color-emerald-200: oklch(90.5% .093 164.15);--color-emerald-300: oklch(84.5% .143 164.978);--color-emerald-400: oklch(76.5% .177 163.223);--color-emerald-500: oklch(69.6% .17 162.48);--color-emerald-600: oklch(59.6% .145 163.225);--color-emerald-700: oklch(50.8% .118 165.612);--color-emerald-800: oklch(43.2% .095 166.913);--color-emerald-900: oklch(37.8% .077 168.94);--color-emerald-950: oklch(26.2% .051 172.552);--color-teal-50: oklch(98.4% .014 180.72);--color-teal-100: oklch(95.3% .051 180.801);--color-teal-200: oklch(91% .096 180.426);--color-teal-300: oklch(85.5% .138 181.071);--color-teal-400: oklch(77.7% .152 181.912);--color-teal-500: oklch(70.4% .14 182.503);--color-teal-600: oklch(60% .118 184.704);--color-teal-700: oklch(51.1% .096 186.391);--color-teal-800: oklch(43.7% .078 188.216);--color-teal-900: oklch(38.6% .063 188.416);--color-teal-950: oklch(27.7% .046 192.524);--color-cyan-50: oklch(98.4% .019 200.873);--color-cyan-100: oklch(95.6% .045 203.388);--color-cyan-200: oklch(91.7% .08 205.041);--color-cyan-300: oklch(86.5% .127 207.078);--color-cyan-400: oklch(78.9% .154 211.53);--color-cyan-500: oklch(71.5% .143 215.221);--color-cyan-600: oklch(60.9% .126 221.723);--color-cyan-700: oklch(52% .105 223.128);--color-cyan-800: oklch(45% .085 224.283);--color-cyan-900: oklch(39.8% .07 227.392);--color-cyan-950: oklch(30.2% .056 229.695);--color-sky-50: oklch(97.7% .013 236.62);--color-sky-100: oklch(95.1% .026 236.824);--color-sky-200: oklch(90.1% .058 230.902);--color-sky-300: oklch(82.8% .111 230.318);--color-sky-400: oklch(74.6% .16 232.661);--color-sky-500: oklch(68.5% .169 237.323);--color-sky-600: oklch(58.8% .158 241.966);--color-sky-700: oklch(50% .134 242.749);--color-sky-800: oklch(44.3% .11 240.79);--color-sky-900: oklch(39.1% .09 240.876);--color-sky-950: oklch(29.3% .066 243.157);--color-blue-50: oklch(97% .014 254.604);--color-blue-100: oklch(93.2% .032 255.585);--color-blue-200: oklch(88.2% .059 254.128);--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-blue-950: oklch(28.2% .091 267.935);--color-indigo-50: oklch(96.2% .018 272.314);--color-indigo-100: oklch(93% .034 272.788);--color-indigo-200: oklch(87% .065 274.039);--color-indigo-300: oklch(78.5% .115 274.713);--color-indigo-400: oklch(67.3% .182 276.935);--color-indigo-500: oklch(58.5% .233 277.117);--color-indigo-600: oklch(51.1% .262 276.966);--color-indigo-700: oklch(45.7% .24 277.023);--color-indigo-800: oklch(39.8% .195 277.366);--color-indigo-900: oklch(35.9% .144 278.697);--color-indigo-950: oklch(25.7% .09 281.288);--color-violet-50: oklch(96.9% .016 293.756);--color-violet-100: oklch(94.3% .029 294.588);--color-violet-200: oklch(89.4% .057 293.283);--color-violet-300: oklch(81.1% .111 293.571);--color-violet-400: oklch(70.2% .183 293.541);--color-violet-500: oklch(60.6% .25 292.717);--color-violet-600: oklch(54.1% .281 293.009);--color-violet-700: oklch(49.1% .27 292.581);--color-violet-800: oklch(43.2% .232 292.759);--color-violet-900: oklch(38% .189 293.745);--color-violet-950: oklch(28.3% .141 291.089);--color-purple-50: oklch(97.7% .014 308.299);--color-purple-100: oklch(94.6% .033 307.174);--color-purple-200: oklch(90.2% .063 306.703);--color-purple-300: oklch(82.7% .119 306.383);--color-purple-400: oklch(71.4% .203 305.504);--color-purple-500: oklch(62.7% .265 303.9);--color-purple-600: oklch(55.8% .288 302.321);--color-purple-700: oklch(49.6% .265 301.924);--color-purple-800: oklch(43.8% .218 303.724);--color-purple-900: oklch(38.1% .176 304.987);--color-purple-950: oklch(29.1% .149 302.717);--color-fuchsia-50: oklch(97.7% .017 320.058);--color-fuchsia-100: oklch(95.2% .037 318.852);--color-fuchsia-200: oklch(90.3% .076 319.62);--color-fuchsia-300: oklch(83.3% .145 321.434);--color-fuchsia-400: oklch(74% .238 322.16);--color-fuchsia-500: oklch(66.7% .295 322.15);--color-fuchsia-600: oklch(59.1% .293 322.896);--color-fuchsia-700: oklch(51.8% .253 323.949);--color-fuchsia-800: oklch(45.2% .211 324.591);--color-fuchsia-900: oklch(40.1% .17 325.612);--color-fuchsia-950: oklch(29.3% .136 325.661);--color-pink-50: oklch(97.1% .014 343.198);--color-pink-100: oklch(94.8% .028 342.258);--color-pink-200: oklch(89.9% .061 343.231);--color-pink-300: oklch(82.3% .12 346.018);--color-pink-400: oklch(71.8% .202 349.761);--color-pink-500: oklch(65.6% .241 354.308);--color-pink-600: oklch(59.2% .249 .584);--color-pink-700: oklch(52.5% .223 3.958);--color-pink-800: oklch(45.9% .187 3.815);--color-pink-900: oklch(40.8% .153 2.432);--color-pink-950: oklch(28.4% .109 3.907);--color-rose-50: oklch(96.9% .015 12.422);--color-rose-100: oklch(94.1% .03 12.58);--color-rose-200: oklch(89.2% .058 10.001);--color-rose-300: oklch(81% .117 11.638);--color-rose-400: oklch(71.2% .194 13.428);--color-rose-500: oklch(64.5% .246 16.439);--color-rose-600: oklch(58.6% .253 17.585);--color-rose-700: oklch(51.4% .222 16.935);--color-rose-800: oklch(45.5% .188 13.697);--color-rose-900: oklch(41% .159 10.272);--color-rose-950: oklch(27.1% .105 12.094);--color-slate-50: oklch(98.4% .003 247.858);--color-slate-100: oklch(96.8% .007 247.896);--color-slate-200: oklch(92.9% .013 255.508);--color-slate-300: oklch(86.9% .022 252.894);--color-slate-400: oklch(70.4% .04 256.788);--color-slate-500: oklch(55.4% .046 257.417);--color-slate-600: oklch(44.6% .043 257.281);--color-slate-700: oklch(37.2% .044 257.287);--color-slate-800: oklch(27.9% .041 260.031);--color-slate-900: oklch(20.8% .042 265.755);--color-slate-950: oklch(12.9% .042 264.695);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-gray-950: oklch(13% .028 261.692);--color-zinc-50: oklch(98.5% .001 106.423);--color-zinc-100: oklch(96.7% .001 106.424);--color-zinc-200: oklch(92% .004 286.32);--color-zinc-300: oklch(87.1% .006 286.286);--color-zinc-400: oklch(70.5% .015 286.067);--color-zinc-500: oklch(55.2% .016 285.938);--color-zinc-600: oklch(44.2% .017 285.786);--color-zinc-700: oklch(37% .013 285.805);--color-zinc-800: oklch(27.4% .006 286.033);--color-zinc-900: oklch(21% .006 285.885);--color-zinc-950: oklch(14.1% .005 285.823);--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-stone-50: oklch(98.5% .001 106.423);--color-stone-100: oklch(97% .001 106.424);--color-stone-200: oklch(92.3% .003 48.717);--color-stone-300: oklch(86.9% .005 56.366);--color-stone-400: oklch(70.9% .01 56.259);--color-stone-500: oklch(55.3% .013 58.071);--color-stone-600: oklch(44.4% .011 73.639);--color-stone-700: oklch(37.4% .01 67.558);--color-stone-800: oklch(26.8% .007 34.298);--color-stone-900: oklch(21.6% .006 56.043);--color-stone-950: oklch(14.7% .004 49.25);--container-3xs: 16rem;--container-2xs: 18rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--text-9xl: 8rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--blur-xs: 4px;--blur-sm: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 32px;--blur-3xl: 40px;--blur-4xl: 48px;--blur-5xl: 64px}.hidden{display:none}.top-4{top:1rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.right-4{right:1rem}.left-1\/2{left:50%}.-translate-x-1\/2{--uni-translate-x: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-0{--uni-translate-y: 0rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-y-full{--uni-translate-y: -100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-full{--uni-translate-y: 100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.opacity-100{opacity:1}.opacity-0{opacity:0}.hover\:\!bg-color-white\/10:hover{background-color:color-mix(in srgb,var(--color-white) 10%,transparent)!important}.stroke-color-gray-300{stroke:var(--color-gray-300)}.hover\:shadow-xl:hover{--uni-shadow: 0 20px 25px -5px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.transition-shadow{--uni-transition-property: shadow;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.duration-300{--uni-transition-duration: .3s;transition-duration:var(--uni-transition-duration, .15s)}.cursor-pointer{cursor:pointer}.bg-color-gray-800{background-color:var(--color-gray-800)}.text-color-gray-200{color:var(--color-gray-200)}.hover\:bg-color-gray-900:hover{background-color:var(--color-gray-900)}.border-color-gray-900{border-color:var(--color-gray-900)}.text-color-gray-900{color:var(--color-gray-900)}.hover\:bg-color-gray-50:hover{background-color:var(--color-gray-50)}.accent-color-gray-900{accent-color:var(--color-gray-900)}.peer:checked~.peer-checked\:border-color-gray-900{border-color:var(--color-gray-900)}.peer:checked~.peer-checked\:text-color-gray-900{color:var(--color-gray-900)}.bg-color-gray-500{background-color:var(--color-gray-500)}.text-color-white{color:var(--color-white)}.hover\:bg-color-gray-600:hover{background-color:var(--color-gray-600)}.border-color-gray-500{border-color:var(--color-gray-500)}.text-color-gray-500{color:var(--color-gray-500)}.accent-color-gray-500{accent-color:var(--color-gray-500)}.peer:checked~.peer-checked\:border-color-gray-500{border-color:var(--color-gray-500)}.peer:checked~.peer-checked\:text-color-gray-500{color:var(--color-gray-500)}.bg-color-white{background-color:var(--color-white)}.text-color-gray-700{color:var(--color-gray-700)}.border-color-white{border-color:var(--color-white)}.accent-color-white{accent-color:var(--color-white)}.peer:checked~.peer-checked\:border-color-white{border-color:var(--color-white)}.peer:checked~.peer-checked\:text-color-white{color:var(--color-white)}.bg-color-zinc-200{background-color:var(--color-zinc-200)}.text-color-zinc-600{color:var(--color-zinc-600)}.hover\:bg-color-zinc-300:hover{background-color:var(--color-zinc-300)}.border-color-zinc-200{border-color:var(--color-zinc-200)}.text-color-zinc-900{color:var(--color-zinc-900)}.hover\:bg-color-zinc-50:hover{background-color:var(--color-zinc-50)}.accent-color-zinc-200{accent-color:var(--color-zinc-200)}.peer:checked~.peer-checked\:border-color-zinc-200{border-color:var(--color-zinc-200)}.peer:checked~.peer-checked\:text-color-zinc-200{color:var(--color-zinc-200)}.bg-color-red-500{background-color:var(--color-red-500)}.hover\:bg-color-red-600:hover{background-color:var(--color-red-600)}.border-color-red-500{border-color:var(--color-red-500)}.text-color-red-500{color:var(--color-red-500)}.hover\:bg-color-red-50:hover{background-color:var(--color-red-50)}.accent-color-red-500{accent-color:var(--color-red-500)}.peer:checked~.peer-checked\:border-color-red-500{border-color:var(--color-red-500)}.peer:checked~.peer-checked\:text-color-red-500{color:var(--color-red-500)}.bg-color-orange-500{background-color:var(--color-orange-500)}.hover\:bg-color-orange-600:hover{background-color:var(--color-orange-600)}.border-color-orange-500{border-color:var(--color-orange-500)}.text-color-orange-500{color:var(--color-orange-500)}.hover\:bg-color-orange-50:hover{background-color:var(--color-orange-50)}.accent-color-orange-500{accent-color:var(--color-orange-500)}.peer:checked~.peer-checked\:border-color-orange-500{border-color:var(--color-orange-500)}.peer:checked~.peer-checked\:text-color-orange-500{color:var(--color-orange-500)}.bg-color-amber-500{background-color:var(--color-amber-500)}.hover\:bg-color-amber-600:hover{background-color:var(--color-amber-600)}.border-color-amber-500{border-color:var(--color-amber-500)}.text-color-amber-500{color:var(--color-amber-500)}.hover\:bg-color-amber-50:hover{background-color:var(--color-amber-50)}.accent-color-amber-500{accent-color:var(--color-amber-500)}.peer:checked~.peer-checked\:border-color-amber-500{border-color:var(--color-amber-500)}.peer:checked~.peer-checked\:text-color-amber-500{color:var(--color-amber-500)}.bg-color-yellow-500{background-color:var(--color-yellow-500)}.hover\:bg-color-yellow-600:hover{background-color:var(--color-yellow-600)}.border-color-yellow-500{border-color:var(--color-yellow-500)}.text-color-yellow-500{color:var(--color-yellow-500)}.hover\:bg-color-yellow-50:hover{background-color:var(--color-yellow-50)}.accent-color-yellow-500{accent-color:var(--color-yellow-500)}.peer:checked~.peer-checked\:border-color-yellow-500{border-color:var(--color-yellow-500)}.peer:checked~.peer-checked\:text-color-yellow-500{color:var(--color-yellow-500)}.bg-color-lime-500{background-color:var(--color-lime-500)}.hover\:bg-color-lime-600:hover{background-color:var(--color-lime-600)}.border-color-lime-500{border-color:var(--color-lime-500)}.text-color-lime-500{color:var(--color-lime-500)}.hover\:bg-color-lime-50:hover{background-color:var(--color-lime-50)}.accent-color-lime-500{accent-color:var(--color-lime-500)}.peer:checked~.peer-checked\:border-color-lime-500{border-color:var(--color-lime-500)}.peer:checked~.peer-checked\:text-color-lime-500{color:var(--color-lime-500)}.bg-color-green-500{background-color:var(--color-green-500)}.hover\:bg-color-green-600:hover{background-color:var(--color-green-600)}.border-color-green-500{border-color:var(--color-green-500)}.text-color-green-500{color:var(--color-green-500)}.hover\:bg-color-green-50:hover{background-color:var(--color-green-50)}.accent-color-green-500{accent-color:var(--color-green-500)}.peer:checked~.peer-checked\:border-color-green-500{border-color:var(--color-green-500)}.peer:checked~.peer-checked\:text-color-green-500{color:var(--color-green-500)}.bg-color-emerald-500{background-color:var(--color-emerald-500)}.hover\:bg-color-emerald-600:hover{background-color:var(--color-emerald-600)}.border-color-emerald-500{border-color:var(--color-emerald-500)}.text-color-emerald-500{color:var(--color-emerald-500)}.hover\:bg-color-emerald-50:hover{background-color:var(--color-emerald-50)}.accent-color-emerald-500{accent-color:var(--color-emerald-500)}.peer:checked~.peer-checked\:border-color-emerald-500{border-color:var(--color-emerald-500)}.peer:checked~.peer-checked\:text-color-emerald-500{color:var(--color-emerald-500)}.bg-color-teal-500{background-color:var(--color-teal-500)}.hover\:bg-color-teal-600:hover{background-color:var(--color-teal-600)}.border-color-teal-500{border-color:var(--color-teal-500)}.text-color-teal-500{color:var(--color-teal-500)}.hover\:bg-color-teal-50:hover{background-color:var(--color-teal-50)}.accent-color-teal-500{accent-color:var(--color-teal-500)}.peer:checked~.peer-checked\:border-color-teal-500{border-color:var(--color-teal-500)}.peer:checked~.peer-checked\:text-color-teal-500{color:var(--color-teal-500)}.bg-color-cyan-500{background-color:var(--color-cyan-500)}.hover\:bg-color-cyan-600:hover{background-color:var(--color-cyan-600)}.border-color-cyan-500{border-color:var(--color-cyan-500)}.text-color-cyan-500{color:var(--color-cyan-500)}.hover\:bg-color-cyan-50:hover{background-color:var(--color-cyan-50)}.accent-color-cyan-500{accent-color:var(--color-cyan-500)}.peer:checked~.peer-checked\:border-color-cyan-500{border-color:var(--color-cyan-500)}.peer:checked~.peer-checked\:text-color-cyan-500{color:var(--color-cyan-500)}.bg-color-sky-500{background-color:var(--color-sky-500)}.hover\:bg-color-sky-600:hover{background-color:var(--color-sky-600)}.border-color-sky-500{border-color:var(--color-sky-500)}.text-color-sky-500{color:var(--color-sky-500)}.hover\:bg-color-sky-50:hover{background-color:var(--color-sky-50)}.accent-color-sky-500{accent-color:var(--color-sky-500)}.peer:checked~.peer-checked\:border-color-sky-500{border-color:var(--color-sky-500)}.peer:checked~.peer-checked\:text-color-sky-500{color:var(--color-sky-500)}.bg-color-blue-500{background-color:var(--color-blue-500)}.hover\:bg-color-blue-600:hover{background-color:var(--color-blue-600)}.border-color-blue-500{border-color:var(--color-blue-500)}.text-color-blue-500{color:var(--color-blue-500)}.hover\:bg-color-blue-50:hover{background-color:var(--color-blue-50)}.accent-color-blue-500{accent-color:var(--color-blue-500)}.peer:checked~.peer-checked\:border-color-blue-500{border-color:var(--color-blue-500)}.peer:checked~.peer-checked\:text-color-blue-500{color:var(--color-blue-500)}.bg-color-indigo-500{background-color:var(--color-indigo-500)}.hover\:bg-color-indigo-600:hover{background-color:var(--color-indigo-600)}.border-color-indigo-500{border-color:var(--color-indigo-500)}.text-color-indigo-500{color:var(--color-indigo-500)}.hover\:bg-color-indigo-50:hover{background-color:var(--color-indigo-50)}.accent-color-indigo-500{accent-color:var(--color-indigo-500)}.peer:checked~.peer-checked\:border-color-indigo-500{border-color:var(--color-indigo-500)}.peer:checked~.peer-checked\:text-color-indigo-500{color:var(--color-indigo-500)}.bg-color-violet-500{background-color:var(--color-violet-500)}.hover\:bg-color-violet-600:hover{background-color:var(--color-violet-600)}.border-color-violet-500{border-color:var(--color-violet-500)}.text-color-violet-500{color:var(--color-violet-500)}.hover\:bg-color-violet-50:hover{background-color:var(--color-violet-50)}.accent-color-violet-500{accent-color:var(--color-violet-500)}.peer:checked~.peer-checked\:border-color-violet-500{border-color:var(--color-violet-500)}.peer:checked~.peer-checked\:text-color-violet-500{color:var(--color-violet-500)}.bg-color-purple-500{background-color:var(--color-purple-500)}.hover\:bg-color-purple-600:hover{background-color:var(--color-purple-600)}.border-color-purple-500{border-color:var(--color-purple-500)}.text-color-purple-500{color:var(--color-purple-500)}.hover\:bg-color-purple-50:hover{background-color:var(--color-purple-50)}.accent-color-purple-500{accent-color:var(--color-purple-500)}.peer:checked~.peer-checked\:border-color-purple-500{border-color:var(--color-purple-500)}.peer:checked~.peer-checked\:text-color-purple-500{color:var(--color-purple-500)}.bg-color-fuchsia-500{background-color:var(--color-fuchsia-500)}.hover\:bg-color-fuchsia-600:hover{background-color:var(--color-fuchsia-600)}.border-color-fuchsia-500{border-color:var(--color-fuchsia-500)}.text-color-fuchsia-500{color:var(--color-fuchsia-500)}.hover\:bg-color-fuchsia-50:hover{background-color:var(--color-fuchsia-50)}.accent-color-fuchsia-500{accent-color:var(--color-fuchsia-500)}.peer:checked~.peer-checked\:border-color-fuchsia-500{border-color:var(--color-fuchsia-500)}.peer:checked~.peer-checked\:text-color-fuchsia-500{color:var(--color-fuchsia-500)}.bg-color-pink-500{background-color:var(--color-pink-500)}.hover\:bg-color-pink-600:hover{background-color:var(--color-pink-600)}.border-color-pink-500{border-color:var(--color-pink-500)}.text-color-pink-500{color:var(--color-pink-500)}.hover\:bg-color-pink-50:hover{background-color:var(--color-pink-50)}.accent-color-pink-500{accent-color:var(--color-pink-500)}.peer:checked~.peer-checked\:border-color-pink-500{border-color:var(--color-pink-500)}.peer:checked~.peer-checked\:text-color-pink-500{color:var(--color-pink-500)}.bg-color-rose-500{background-color:var(--color-rose-500)}.hover\:bg-color-rose-600:hover{background-color:var(--color-rose-600)}.border-color-rose-500{border-color:var(--color-rose-500)}.text-color-rose-500{color:var(--color-rose-500)}.hover\:bg-color-rose-50:hover{background-color:var(--color-rose-50)}.accent-color-rose-500{accent-color:var(--color-rose-500)}.peer:checked~.peer-checked\:border-color-rose-500{border-color:var(--color-rose-500)}.peer:checked~.peer-checked\:text-color-rose-500{color:var(--color-rose-500)}.bg-color-gray-200{background-color:var(--color-gray-200)}.bg-color-gray-900{background-color:var(--color-gray-900)}.border-color-gray-950{border-color:var(--color-gray-950)}.shadow-color-gray-300{--uni-shadow-color: var(--color-gray-300) }.active\:bg-color-gray-900:active{background-color:var(--color-gray-900)}.border-color-gray-600{border-color:var(--color-gray-600)}.shadow-color-gray-200{--uni-shadow-color: var(--color-gray-200) }.active\:bg-color-gray-700:active{background-color:var(--color-gray-700)}.bg-color-gray-600{background-color:var(--color-gray-600)}.bg-color-gray-100{background-color:var(--color-gray-100)}.hover\:bg-color-gray-200:hover{background-color:var(--color-gray-200)}.active\:bg-color-white:active{background-color:var(--color-white)}.bg-color-zinc-500{background-color:var(--color-zinc-500)}.border-color-zinc-600{border-color:var(--color-zinc-600)}.shadow-color-zinc-200{--uni-shadow-color: var(--color-zinc-200) }.hover\:bg-color-zinc-600:hover{background-color:var(--color-zinc-600)}.active\:bg-color-zinc-700:active{background-color:var(--color-zinc-700)}.bg-color-red-200{background-color:var(--color-red-200)}.border-color-red-600\/50{border-color:color-mix(in srgb,var(--color-red-600) 50%,transparent)}.shadow-color-red-200{--uni-shadow-color: var(--color-red-200) }.active\:bg-color-red-700:active{background-color:var(--color-red-700)}.bg-color-orange-200{background-color:var(--color-orange-200)}.border-color-orange-600\/50{border-color:color-mix(in srgb,var(--color-orange-600) 50%,transparent)}.shadow-color-orange-200{--uni-shadow-color: var(--color-orange-200) }.active\:bg-color-orange-700:active{background-color:var(--color-orange-700)}.bg-color-amber-200{background-color:var(--color-amber-200)}.border-color-amber-600\/50{border-color:color-mix(in srgb,var(--color-amber-600) 50%,transparent)}.shadow-color-amber-200{--uni-shadow-color: var(--color-amber-200) }.active\:bg-color-amber-700:active{background-color:var(--color-amber-700)}.bg-color-yellow-200{background-color:var(--color-yellow-200)}.border-color-yellow-600\/50{border-color:color-mix(in srgb,var(--color-yellow-600) 50%,transparent)}.shadow-color-yellow-200{--uni-shadow-color: var(--color-yellow-200) }.active\:bg-color-yellow-700:active{background-color:var(--color-yellow-700)}.bg-color-lime-200{background-color:var(--color-lime-200)}.border-color-lime-600\/50{border-color:color-mix(in srgb,var(--color-lime-600) 50%,transparent)}.shadow-color-lime-200{--uni-shadow-color: var(--color-lime-200) }.active\:bg-color-lime-700:active{background-color:var(--color-lime-700)}.bg-color-green-200{background-color:var(--color-green-200)}.border-color-green-600\/50{border-color:color-mix(in srgb,var(--color-green-600) 50%,transparent)}.shadow-color-green-200{--uni-shadow-color: var(--color-green-200) }.active\:bg-color-green-700:active{background-color:var(--color-green-700)}.bg-color-emerald-200{background-color:var(--color-emerald-200)}.border-color-emerald-600\/50{border-color:color-mix(in srgb,var(--color-emerald-600) 50%,transparent)}.shadow-color-emerald-200{--uni-shadow-color: var(--color-emerald-200) }.active\:bg-color-emerald-700:active{background-color:var(--color-emerald-700)}.bg-color-teal-200{background-color:var(--color-teal-200)}.border-color-teal-600\/50{border-color:color-mix(in srgb,var(--color-teal-600) 50%,transparent)}.shadow-color-teal-200{--uni-shadow-color: var(--color-teal-200) }.active\:bg-color-teal-700:active{background-color:var(--color-teal-700)}.bg-color-cyan-200{background-color:var(--color-cyan-200)}.border-color-cyan-600\/50{border-color:color-mix(in srgb,var(--color-cyan-600) 50%,transparent)}.shadow-color-cyan-200{--uni-shadow-color: var(--color-cyan-200) }.active\:bg-color-cyan-700:active{background-color:var(--color-cyan-700)}.bg-color-sky-200{background-color:var(--color-sky-200)}.border-color-sky-600\/50{border-color:color-mix(in srgb,var(--color-sky-600) 50%,transparent)}.shadow-color-sky-200{--uni-shadow-color: var(--color-sky-200) }.active\:bg-color-sky-700:active{background-color:var(--color-sky-700)}.bg-color-blue-200{background-color:var(--color-blue-200)}.border-color-blue-600\/50{border-color:color-mix(in srgb,var(--color-blue-600) 50%,transparent)}.shadow-color-blue-200{--uni-shadow-color: var(--color-blue-200) }.active\:bg-color-blue-700:active{background-color:var(--color-blue-700)}.bg-color-indigo-200{background-color:var(--color-indigo-200)}.border-color-indigo-600\/50{border-color:color-mix(in srgb,var(--color-indigo-600) 50%,transparent)}.shadow-color-indigo-200{--uni-shadow-color: var(--color-indigo-200) }.active\:bg-color-indigo-700:active{background-color:var(--color-indigo-700)}.bg-color-violet-200{background-color:var(--color-violet-200)}.border-color-violet-600\/50{border-color:color-mix(in srgb,var(--color-violet-600) 50%,transparent)}.shadow-color-violet-200{--uni-shadow-color: var(--color-violet-200) }.active\:bg-color-violet-700:active{background-color:var(--color-violet-700)}.bg-color-purple-200{background-color:var(--color-purple-200)}.border-color-purple-600\/50{border-color:color-mix(in srgb,var(--color-purple-600) 50%,transparent)}.shadow-color-purple-200{--uni-shadow-color: var(--color-purple-200) }.active\:bg-color-purple-700:active{background-color:var(--color-purple-700)}.bg-color-fuchsia-200{background-color:var(--color-fuchsia-200)}.border-color-fuchsia-600\/50{border-color:color-mix(in srgb,var(--color-fuchsia-600) 50%,transparent)}.shadow-color-fuchsia-200{--uni-shadow-color: var(--color-fuchsia-200) }.active\:bg-color-fuchsia-700:active{background-color:var(--color-fuchsia-700)}.bg-color-pink-200{background-color:var(--color-pink-200)}.border-color-pink-600\/50{border-color:color-mix(in srgb,var(--color-pink-600) 50%,transparent)}.shadow-color-pink-200{--uni-shadow-color: var(--color-pink-200) }.active\:bg-color-pink-700:active{background-color:var(--color-pink-700)}.bg-color-rose-200{background-color:var(--color-rose-200)}.border-color-rose-600\/50{border-color:color-mix(in srgb,var(--color-rose-600) 50%,transparent)}.shadow-color-rose-200{--uni-shadow-color: var(--color-rose-200) }.active\:bg-color-rose-700:active{background-color:var(--color-rose-700)}.w-8{width:2rem}.h-8{height:2rem}.text-base{font-size:var(--text-base)}.w-12{width:3rem}.h-12{height:3rem}.text-2xl{font-size:var(--text-2xl)}.w-16{width:4rem}.h-16{height:4rem}.text-3xl{font-size:var(--text-3xl)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:999999px}.bg-color-gray-50{background-color:var(--color-gray-50)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.justify-center{justify-content:center}.text-center{text-align:center}.font-semibold{font-weight:600}.focus\:outline-1:focus{outline-width:1px;outline-style:var(--uni-outline-style)}.focus\:outline-color-primary:focus{outline-color:var(--color-primary)}.outline-0{outline-width:0px;outline-style:var(--uni-outline-style)}.border{border-width:1px;border-style:var(--uni-border-style)}.ring-color-red-500{--uni-ring-color: var(--color-red-500);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.border-color-gray-300{border-color:var(--color-gray-300)}.focus\:border-color-primary:focus{border-color:var(--color-primary)}.text-xs{font-size:var(--text-xs)}.mt-1{margin-top:.25rem}.w-full{width:100%}.text-color-primary{color:var(--color-primary)}.text-sm{font-size:var(--text-sm)}.underline{text-decoration-line:underline}.\!border-color-red-500{border-color:var(--color-red-500)!important}.focus-within\:border-color-red-500:focus-within{border-color:var(--color-red-500)}.focus-within\:outline-color-red-500:focus-within{outline-color:var(--color-red-500)}.text-5xl{font-size:var(--text-5xl)}.font-bold{font-weight:700}.text-4xl{font-size:var(--text-4xl)}.text-xl{font-size:var(--text-xl)}.text-lg{font-size:var(--text-lg)}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.inline-block{display:inline-block}.fixed{position:fixed}.z-50{z-index:50}.px-2{padding-inline:.5rem}.max-w-xs{max-width:var(--container-xs)}.py-1{padding-block:.25rem}.rounded{border-radius:4px}.shadow-md{--uni-shadow: 0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.pointer-events-none{pointer-events:none}.pt-24{padding-top:6rem}.px-4{padding-inline:1rem}.py-2{padding-block:.5rem}.bg-color-blue-600{background-color:var(--color-blue-600)}.bg-color-green-600{background-color:var(--color-green-600)}.bg-color-red-600{background-color:var(--color-red-600)}.gap-10{gap:2.5rem}.bg-color-purple-600{background-color:var(--color-purple-600)}.relative{position:relative}.w-10{width:2.5rem}.h-3{height:.75rem}.transition-color{--uni-transition-property: color;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.absolute{position:absolute}.inset-0{top:0rem;right:0rem;bottom:0rem;left:0rem}.bg-color-gray-400{background-color:var(--color-gray-400)}.top-0\.5{top:.125rem}.left-0\.5{left:.125rem}.size-5{width:1.25rem;height:1.25rem}.transition-all{--uni-transition-property: all;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.translate-x-5{--uni-translate-x: 1.25rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-x-0{--uni-translate-x: 0rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.animate-spin{animation:var(--animate-spin)}.size-3{width:.75rem;height:.75rem}.w-11{width:2.75rem}.h-6{height:1.5rem}.bg-color-gray-300{background-color:var(--color-gray-300)}.top-\[4px\]{top:4px}.left-1{left:.25rem}.w-4{width:1rem}.h-4{height:1rem}.translate-x-\[19px\]{--uni-translate-x: 19px;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-x-0{--uni-translate-x: -0rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.flex-wrap{flex-wrap:wrap}:where(.space-x-2>:not(:last-child)){margin-right:.5rem}:where(.space-y-2>:not(:last-child)){margin-bottom:.5rem}:where(.space-y-4>:not(:last-child)){margin-bottom:1rem}.text-gray-500{font-size:var(--text-gray-500)}.px-6{padding-inline:1.5rem}.py-3{padding-block:.75rem}.inline-flex{display:inline-flex}.overflow-hidden{overflow:hidden}.border-color-gray-200{border-color:var(--color-gray-200)}.flex-row{flex-direction:row}.border-0{border-width:0px;border-style:var(--uni-border-style)}.not-last\:border-b-1:not(:last-child){border-bottom-width:1px;border-style:var(--uni-border-style)}.not-last\:border-r-1:not(:last-child){border-right-width:1px;border-style:var(--uni-border-style)}.bg-color-transparent{background-color:transparent}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.mb-1{margin-bottom:.25rem}.block{display:block}.focus-within\:outline-1:focus-within{outline-width:1px;outline-style:var(--uni-outline-style)}.focus-within\:border-color-primary:focus-within{border-color:var(--color-primary)}.focus-within\:outline-color-primary:focus-within{outline-color:var(--color-primary)}.pl-3{padding-left:.75rem}.grow{flex-grow:1}.placeholder\:font-normal::placeholder{font-weight:400}.placeholder\:text-color-gray-400::placeholder{color:var(--color-gray-400)}.pr-3{padding-right:.75rem}.text-color-gray-800{color:var(--color-gray-800)}.gap-1{gap:.25rem}.resize-none{resize:none}.focus\:ring-1:focus{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.focus\:outline-none:focus{outline-width:none;outline-style:var(--uni-outline-style)}.min-w-\[160px\]{min-width:160px}.border-r{border-right-width:1px;border-style:var(--uni-border-style)}:where(.space-x-6>:not(:last-child)){margin-right:1.5rem}.border-b{border-bottom-width:1px;border-style:var(--uni-border-style)}.duration-200{--uni-transition-duration: .2s;transition-duration:var(--uni-transition-duration, .15s)}.py-4{padding-block:1rem}.text-color-gray-600{color:var(--color-gray-600)}.hover\:text-color-blue-500:hover{color:var(--color-blue-500)}:where(.space-x-3>:not(:last-child)){margin-right:.75rem}.right-0{right:0rem}.top-3{top:.75rem}.bottom-3{bottom:.75rem}.w-1{width:.25rem}.bottom-0{bottom:0rem}.left-0{left:0rem}.h-1{height:.25rem}.mt-4{margin-top:1rem}.ml-6{margin-left:1.5rem}.mt-0{margin-top:0rem}.size-4{width:1rem;height:1rem}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.border-collapse{border-collapse:collapse}.sticky{position:sticky}.top-0{top:0rem}.rounded-xl{border-radius:var(--radius-xl)}.bg-color-\[\#FAFBFB\]{background-color:#fafbfb}.z-10{z-index:10}.h-10{height:2.5rem}.text-left{text-align:left}.text-wrap{text-wrap:wrap}.text-nowrap{text-wrap:nowrap}.border-t{border-top-width:1px;border-style:var(--uni-border-style)}.justify-between{justify-content:space-between}.w-9{width:2.25rem}.h-9{height:2.25rem}.leading-none{line-height:1}.min-w-10{min-width:2.5rem}.shrink-0{flex-shrink:0}.py-0\.5{padding-block:.125rem}.bg-color-green-100{background-color:var(--color-green-100)}.text-color-green-600{color:var(--color-green-600)}.w-fit{width:fit-content}.text-color-gray-400{color:var(--color-gray-400)}.p-1{padding:.25rem}.bg-color-blue-50{background-color:var(--color-blue-50)}.border-color-blue-200{border-color:var(--color-blue-200)}.text-color-blue-600{color:var(--color-blue-600)}.bg-color-blue-100{background-color:var(--color-blue-100)}.border-color-blue-300{border-color:var(--color-blue-300)}.bg-color-red-100{background-color:var(--color-red-100)}.text-color-red-600{color:var(--color-red-600)}.border-color-red-300{border-color:var(--color-red-300)}.bg-color-yellow-100{background-color:var(--color-yellow-100)}.text-color-yellow-600{color:var(--color-yellow-600)}.border-color-yellow-300{border-color:var(--color-yellow-300)}.px-3{padding-inline:.75rem}.select-none{-webkit-user-select:none;user-select:none}.p-0{padding:0rem}.px-1{padding-inline:.25rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-3{width:.75rem}.flex-shrink-0{flex:shrink-0}.ml-1{margin-left:.25rem}.transition-transform{--uni-transition-property: transform;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.rotate-180{rotate:180deg}.top-full{top:100%}.shadow-lg{--uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.z-20{z-index:20}:where(.space-y-1>:not(:last-child)){margin-bottom:.25rem}.max-h-32{max-height:8rem}.scale-75{scale:75%}.flex-1{flex:1}.hover\:text-color-blue-800:hover{color:var(--color-blue-800)}.min-w-max{min-width:max-content}.whitespace-nowrap{white-space:nowrap}:where(.space-x-1>:not(:last-child)){margin-right:.25rem}.w-7{width:1.75rem}.h-7{height:1.75rem}.ring{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.mx-4{margin-left:1rem;margin-right:1rem}.size-6{width:1.5rem;height:1.5rem}.z-40{z-index:40}.bg-color-black\/10{background-color:color-mix(in srgb,var(--color-black) 10%,transparent)}.backdrop-blur-\[1px\]{--uni-backdrop-blur: blur(1px);-webkit-backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia);backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia)}.min-w-72{min-width:18rem}.max-w-lg{max-width:var(--container-lg)}.shadow-xl{--uni-shadow: 0 20px 25px -5px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.gap-3{gap:.75rem}.backdrop-blur-sm{--uni-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia);backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia)}.border-color-white\/20{border-color:color-mix(in srgb,var(--color-white) 20%,transparent)}.leading-relaxed{line-height:1.625}.-mr-1{margin-right:-.25rem}.h-2{height:.5rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.mr-3{margin-right:.75rem}.min-w-\[2rem\]{min-width:2rem}.opacity-60{opacity:.6}.duration-150{--uni-transition-duration: .15s;transition-duration:var(--uni-transition-duration, .15s)}.top-1\/2{top:50%}.-translate-y-1\/2{--uni-translate-y: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.border-2{border-width:2px;border-style:var(--uni-border-style)}.hover\:shadow-lg:hover{--uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.scale-110{scale:110%}.ring-2{--uni-ring-shadow: 0 0 0 2px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.ring-offset-1{--uni-ring-shadow: 0 0 0 offset-1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.ring-blue-300{--uni-ring-shadow: 0 0 0 blue-300px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.mt-2{margin-top:.5rem}.ml-3{margin-left:.75rem}.text-right{text-align:right}.w-80{width:20rem}.mb-2{margin-bottom:.5rem}:where(.space-y-8>:not(:last-child)){margin-bottom:2rem}.capitalize{text-transform:capitalize}.animate-pulse{animation:var(--animate-pulse)}.bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.35\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff59,#fff0)}.mb-4{margin-bottom:1rem}.pb-6{padding-bottom:1.5rem}.no-underline{text-decoration-line:none}.h-\[30px\]{height:30px}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.outline-none{outline-width:none;outline-style:var(--uni-outline-style)}.\!bg-color-gray-50{background-color:var(--color-gray-50)!important}.shadow-color-zinc-100{--uni-shadow-color: var(--color-zinc-100) }.right-3{right:.75rem}.fill-color-yellow-500{fill:var(--color-yellow-500)}.fill-color-gray-300{fill:var(--color-gray-300)}.w-6{width:1.5rem}.ml-2{margin-left:.5rem}.mb-3{margin-bottom:.75rem}.text-color-red-700{color:var(--color-red-700)}.gap-4{gap:1rem}.hover\:border-color-gray-400:hover{border-color:var(--color-gray-400)}.hover\:shadow-md:hover{--uni-shadow: 0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.top-2{top:.5rem}.right-2{right:.5rem}.text-white{font-size:var(--text-white)}.shadow-sm{--uni-shadow: 0 1px 3px 0 var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.items-start{align-items:flex-start}.h-full{height:100%}.gap-6{gap:1.5rem}.hover\:opacity-90:hover{opacity:.9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.peer:checked~.peer-checked\:border-\[7px\]{border-width:7px;border-style:var(--uni-border-style)}.border-color-gray-400{border-color:var(--color-gray-400)}.w-96{width:24rem}.max-h-40{max-height:10rem}.bg-color-green-50{background-color:var(--color-green-50)}.p-6{padding:1.5rem}.-top-2{top:-.5rem}.-right-2{right:-.5rem}.max-w-2xl{max-width:var(--container-2xl)}.-top-1{top:-.25rem}.-right-1{right:-.25rem}.bg-color-purple-50{background-color:var(--color-purple-50)}.p-8{padding:2rem}.border-4{border-width:4px;border-style:var(--uni-border-style)}.rounded-2xl{border-radius:var(--radius-2xl)}.-top-3{top:-.75rem}.-right-3{right:-.75rem}.text-color-yellow-300{color:var(--color-yellow-300)}.bg-color-indigo-50{background-color:var(--color-indigo-50)}.max-w-3xl{max-width:var(--container-3xl)}.p-5{padding:1.25rem}.mt-3{margin-top:.75rem}.pt-3{padding-top:.75rem}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.py-\[0\.35rem\]{padding-block:.35rem}.-ml-1{margin-left:-.25rem}.mr-1{margin-right:.25rem}.\!w-4{width:1rem!important}.\!h-4{height:1rem!important}.\!w-5{width:1.25rem!important}.\!h-5{height:1.25rem!important}.\!w-6{width:1.5rem!important}.\!h-6{height:1.5rem!important}:where(.space-x-4>:not(:last-child)){margin-right:1rem}.focus-within\:ring-1:focus-within{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.min-w-20{min-width:5rem}.max-w-60{max-width:15rem}.bottom-7{bottom:1.75rem}.top-6{top:1.5rem}:where(.divide-y>:not(:last-child)){border-bottom-width:1px;border-bottom-style:solid}:where(.divide-color-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.ml-4{margin-left:1rem}.focus\:outline-0:focus{outline-width:0px;outline-style:var(--uni-outline-style)}.size-8{width:2rem;height:2rem}.size-12{width:3rem;height:3rem}.size-10{width:2.5rem;height:2.5rem}.\!text-color-gray-400{color:var(--color-gray-400)!important}.hover\:bg-color-transparent:hover{background-color:transparent}.\!border-color-gray-200{border-color:var(--color-gray-200)!important}.\!bg-color-gray-200{background-color:var(--color-gray-200)!important}.w-56{width:14rem}.w-52{width:13rem}.bg-color-purple-100{background-color:var(--color-purple-100)}.text-color-purple-600{color:var(--color-purple-600)}.w-30{width:7.5rem}.max-w-md{max-width:var(--container-md)}.object-contain{object-fit:contain}.mx-auto{margin-inline:auto}.border-style-dashed{--uni-border-style: dashed;border-style:var(--uni-border-style)}.bg-color-red-50{background-color:var(--color-red-50)}.pt-6{padding-top:1.5rem}.pb-4{padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.grid{display:grid}.grid-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.object-cover{object-fit:cover}.max-w-\[200px\]{max-width:200px}.hover\:text-color-red-700:hover{color:var(--color-red-700)}.hover\:text-color-gray-700:hover{color:var(--color-gray-700)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.p-0\.5{padding:.125rem}.hover\:text-color-gray-600:hover{color:var(--color-gray-600)}.border-color-gray-100{border-color:var(--color-gray-100)}.focus\:border-color-gray-400:focus{border-color:var(--color-gray-400)}.hover\:bg-color-gray-100:hover{background-color:var(--color-gray-100)}.my-1{margin-top:.25rem;margin-bottom:.25rem}.z-1{z-index:1}.\!rounded-full{border-radius:999999px!important}.h-20{height:5rem}.min-w-96{min-width:24rem}.min-h-40{min-height:10rem}.bg-color-black\/50{background-color:color-mix(in srgb,var(--color-black) 50%,transparent)}.\!absolute{position:absolute!important}.z-99{z-index:99}.translate-x-full{--uni-translate-x: 100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-x-full{--uni-translate-x: -100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.justify-end{justify-content:flex-end}.pl-4{padding-left:1rem}.pt-4{padding-top:1rem}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.scale-100{scale:100%}.scale-95{scale:95%}.h-\[calc\(100\%_-_40px\)\]{height:calc(100% - 40px)}.m-5{margin:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.w-auto{width:auto}.max-h-\[calc\(100vh_-_130px\)\]{max-height:calc(100vh - 130px)}.mt-8{margin-top:2rem}.hover\:bg-color-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-color-gray-300:hover{background-color:var(--color-gray-300)}.border-l{border-left-width:1px;border-style:var(--uni-border-style)}.grid-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.\!justify-between{justify-content:space-between!important}.w-72{width:18rem}.focus\:ring-2:focus{--uni-ring-shadow: 0 0 0 2px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--uni-ring-shadow: 0 0 0 blue-500px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-gray-400:hover{background-color:var(--color-gray-400)}.\!text-color-red-500{color:var(--color-red-500)!important}.\!border-color-green-500{border-color:var(--color-green-500)!important}.\!text-color-green-500{color:var(--color-green-500)!important}.w-50{width:12.5rem}.h-11{height:2.75rem}.w-1\/2{width:50%}.text-blue-600{font-size:var(--text-blue-600)}.ml-auto{margin-left:auto}.text-gray-400{font-size:var(--text-gray-400)}.hover\:text-red-500:hover{font-size:var(--text-red-500)}.text-blue-700{font-size:var(--text-blue-700)}.hover\:text-blue-800:hover{font-size:var(--text-blue-800)}.gap-\[0\.5rem\]{gap:.5rem}.hover\:text-gray-700:hover{font-size:var(--text-gray-700)}.w-2{width:.5rem}.py-8{padding-block:2rem}.transition-colors{--uni-transition-property: colors;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.z-9{z-index:9}.text-gray-600{font-size:var(--text-gray-600)}.min-w-\[70px\]{min-width:70px}.grid-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.justify-items-center{justify-items:center}.not-last\:border-b:not(:last-child){border-bottom-width:1px;border-style:var(--uni-border-style)}.not-last\:pb-4:not(:last-child){padding-bottom:1rem}.text-md{font-size:var(--text-md)}.h-auto{height:auto}.h-px{height:1px}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.w-\[16px\]{width:16px}.h-\[16px\]{height:16px}.checked\:bg-color-blue-500:checked{background-color:var(--color-blue-500)}.checked\:border-color-blue-500:checked{border-color:var(--color-blue-500)}.after\:content-\[\'\'\]:after{content:""}.after\:absolute:after{position:absolute}.after\:left-0\.5:after{left:.125rem}.after\:text-\[12px\]:after{font-size:12px}.after\:font-bold:after{font-weight:700}.checked\:after\:content-\[✓\]:checked:after{content:"✓"}.checked\:after\:text-color-white:checked:after{color:var(--color-white)}.\!border-color-gray-300{border-color:var(--color-gray-300)!important}.cursor-default{cursor:default}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.bg-color-white\/80{background-color:color-mix(in srgb,var(--color-white) 80%,transparent)}.hover\:bg-color-white:hover{background-color:var(--color-white)}.top-1{top:.25rem}.right-1{right:.25rem}.bottom-1{bottom:.25rem}.bg-color-white\/90{background-color:color-mix(in srgb,var(--color-white) 90%,transparent)}.px-\[5px\]{padding-inline:5px}.bottom-2{bottom:.5rem}.rotate-90{rotate:90deg}.hover\:opacity-100:hover{opacity:1}.border-color-gray-800{border-color:var(--color-gray-800)}.scale-105{scale:105%}.opacity-70{opacity:.7}.\!border-none{border-width:0px!important}.h-fit{height:fit-content}.text-color-blue-primary{color:var(--color-blue-primary)}.pr-1{padding-right:.25rem}.text-color-secondary{color:var(--color-secondary)}.shadow-xs{--uni-shadow: 0 1px 2px 0 var(--uni-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.\!w-full{width:100%!important}.\!h-full{height:100%!important}.hover\:underline:hover{text-decoration-line:underline}.mx-2{margin-left:.5rem;margin-right:.5rem}.static{position:static}.justify-around{justify-content:space-around}.pb-16{padding-bottom:4rem}.\!bg-color-red-50{background-color:var(--color-red-50)!important}.text-color-red-400{color:var(--color-red-400)}.text-color-red-800{color:var(--color-red-800)}.px-\[10px\]{padding-inline:10px}.translate-x-1\/2{--uni-translate-x: 50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-1\/2{--uni-translate-y: 50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.items-end{align-items:flex-end}.z-999{z-index:999}.pointer-events-auto{pointer-events:auto}.size-14{width:3.5rem;height:3.5rem}.size-20{width:5rem;height:5rem}:where(.-space-x-2>:not(:last-child)){margin-right:-.5rem}.ring-color-white{--uni-ring-color: var(--color-white);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.max-h-56{max-height:14rem}.overflow-auto{overflow:auto}.text-color-indigo-700{color:var(--color-indigo-700)}.text-color-blue-800{color:var(--color-blue-800)}.border-color-green-300{border-color:var(--color-green-300)}.text-color-green-800{color:var(--color-green-800)}.bg-color-yellow-50{background-color:var(--color-yellow-50)}.text-color-yellow-800{color:var(--color-yellow-800)}.size-7{width:1.75rem;height:1.75rem}.bg-color-gray-700{background-color:var(--color-gray-700)}.border-t-4{border-top-width:4px;border-style:var(--uni-border-style)}.\!cursor-not-allowed{cursor:not-allowed!important}.gap-20{gap:5rem}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.\!bg-color-gray-100{background-color:var(--color-gray-100)!important}.dark .dark\:text-color-gray-200{color:var(--color-gray-200)}.dark .dark\:shadow-none{--uni-shadow: 0 0 #0000;box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.dark .dark\:bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.1\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}.dark .dark\:border-color-gray-700{border-color:var(--color-gray-700)}.dark .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}.dark .dark\:shadow-color-gray-900{--uni-shadow-color: var(--color-gray-900)}@media (prefers-color-scheme: dark){html[data-theme=system] .dark\:text-color-gray-200{color:var(--color-gray-200)}html[data-theme=system] .dark\:shadow-none{--uni-shadow: 0 0 #0000;box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}html[data-theme=system] .dark\:bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.1\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}html[data-theme=system] .dark\:border-color-gray-700{border-color:var(--color-gray-700)}html[data-theme=system] .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}html[data-theme=system] .dark\:shadow-color-gray-900{--uni-shadow-color: var(--color-gray-900)}}@media (min-width: 40rem){.sm\:grid-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:p-4{padding:1rem}.sm\:gap-4{gap:1rem}}@media (min-width: 48rem){.md\:\!flex{display:flex!important}.md\:hidden{display:none}.md\:grid-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:not-last\:border-r:not(:last-child){border-right-width:1px;border-style:var(--uni-border-style)}.md\:nth-2\:border-r-0:nth-child(2){border-right-width:0px;border-style:var(--uni-border-style)}.md\:not-last\:border-b-0:not(:last-child){border-bottom-width:0px;border-style:var(--uni-border-style)}.md\:p-2{padding:.5rem}.md\:w-10{width:2.5rem}.md\:h-10{height:2.5rem}.md\:text-lg{font-size:var(--text-lg)}.md\:left-2{left:.5rem}.md\:top-2{top:.5rem}.md\:right-2{right:.5rem}.md\:bottom-2{bottom:.5rem}.md\:mt-3{margin-top:.75rem}.md\:bottom-3{bottom:.75rem}.md\:right-3{right:.75rem}.md\:w-\[10px\]{width:10px}.md\:h-\[10px\]{height:10px}.md\:gap-2{gap:.5rem}}@media (min-width: 64rem){.lg\:max-h-\[calc\(100vh_-_200px\)\]{max-height:calc(100vh - 200px)}.lg\:grid-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:not-last\:border-r:not(:last-child){border-right-width:1px;border-style:var(--uni-border-style)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}
1
+ .ripple{position:absolute;border-radius:50%;background-color:#ffffff4d;transform:scale(0);animation:ripple-animation 1s ease-out;pointer-events:none;z-index:1}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.ripple_small{position:absolute;border-radius:50%;background-color:#ffffff4d;transform:scale(0);animation:ripple-animation-small .6s ease-out;pointer-events:none;z-index:1}@keyframes ripple-animation-small{to{transform:scale(4);opacity:0}}button{cursor:pointer;background-color:transparent}@keyframes progress-indeterminate-gpu{0%{transform:translate(-100%)}to{transform:translate(300%)}}.animate-progress-indeterminate-gpu{animation:progress-indeterminate-gpu 1.2s cubic-bezier(.4,0,.2,1) infinite;will-change:transform}@keyframes circular-rotate{to{transform:rotate(270deg)}}.animate-circular-indeterminate{animation:circular-rotate 1.4s linear infinite}@media (prefers-reduced-motion: reduce){.animate-progress-indeterminate-gpu,.animate-circular{animation:none!important}}*,:after,:before,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border:0 solid;outline:0 solid}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}textarea{resize:vertical}:root{--uni-blur: blur(0);--uni-drop-shadow: drop-shadow(0 0 #0000);--uni-brightness: brightness(100%);--uni-contrast: contrast(100%);--uni-grayscale: grayscale(0%);--uni-hue-rotate: hue-rotate(0deg);--uni-invert: invert(0%);--uni-saturate: saturate(100%);--uni-sepia: sepia(0%);--uni-backdrop-blur: blur(0);--uni-backdrop-brightness: brightness(100%);--uni-backdrop-contrast: contrast(100%);--uni-backdrop-grayscale: grayscale(0%);--uni-backdrop-hue-rotate: hue-rotate(0deg);--uni-backdrop-invert: invert(0%);--uni-backdrop-saturate: saturate(100%);--uni-backdrop-opacity: opacity(1);--uni-backdrop-sepia: sepia(0%);--animate-spin: spin 1s linear infinite;--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite;--uni-rotate-x: rotateX(0deg);--uni-rotate-y: rotateY(0deg);--uni-rotate-z: rotateZ(0deg);--uni-skew-x: skewX(0deg);--uni-skew-y: skewY(0deg);--uni-scale-x: 100%;--uni-scale-y: 100%;--uni-translate-x: 0px;--uni-translate-y: 0px;--uni-translate-z: 0px;--uni-border-style: solid;--uni-outline-style: solid}:root{--0: 0rem;--color-white: oklch(100% 0 0);--color-black: oklch(0% 0 0);--color-inherit: inherit;--color-transparent: transparent;--color-current: currentColor;--color-red-50: oklch(97.1% .013 17.38);--color-red-100: oklch(93.6% .032 17.717);--color-red-200: oklch(88.5% .062 18.334);--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-800: oklch(44.4% .177 26.899);--color-red-900: oklch(39.6% .141 25.723);--color-red-950: oklch(25.8% .092 26.042);--color-orange-50: oklch(98% .016 73.684);--color-orange-100: oklch(95.4% .038 75.164);--color-orange-200: oklch(90.1% .076 70.697);--color-orange-300: oklch(83.7% .128 66.29);--color-orange-400: oklch(75% .183 55.934);--color-orange-500: oklch(70.5% .213 47.604);--color-orange-600: oklch(64.6% .222 41.116);--color-orange-700: oklch(55.3% .195 38.402);--color-orange-800: oklch(47% .157 37.304);--color-orange-900: oklch(40.8% .123 38.172);--color-orange-950: oklch(26.6% .079 36.259);--color-amber-50: oklch(98.7% .022 95.277);--color-amber-100: oklch(96.2% .059 95.617);--color-amber-200: oklch(92.4% .12 95.746);--color-amber-300: oklch(87.9% .169 91.605);--color-amber-400: oklch(82.8% .189 84.429);--color-amber-500: oklch(76.9% .188 70.08);--color-amber-600: oklch(66.6% .179 58.318);--color-amber-700: oklch(55.5% .163 48.998);--color-amber-800: oklch(47.3% .137 46.201);--color-amber-900: oklch(41.4% .112 45.904);--color-amber-950: oklch(27.9% .077 45.635);--color-yellow-50: oklch(98.7% .026 102.212);--color-yellow-100: oklch(97.3% .071 103.193);--color-yellow-200: oklch(94.5% .129 101.54);--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-600: oklch(68.1% .162 75.834);--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-yellow-950: oklch(28.6% .066 53.813);--color-lime-50: oklch(98.6% .031 120.757);--color-lime-100: oklch(96.7% .067 122.328);--color-lime-200: oklch(93.8% .127 124.321);--color-lime-300: oklch(89.7% .196 126.665);--color-lime-400: oklch(84.1% .238 128.85);--color-lime-500: oklch(76.8% .233 130.85);--color-lime-600: oklch(64.8% .2 131.684);--color-lime-700: oklch(53.2% .157 131.589);--color-lime-800: oklch(45.3% .124 130.933);--color-lime-900: oklch(40.5% .101 131.063);--color-lime-950: oklch(27.4% .072 132.109);--color-green-50: oklch(98.2% .018 155.826);--color-green-100: oklch(96.2% .044 156.743);--color-green-200: oklch(92.5% .084 155.995);--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-600: oklch(62.7% .194 149.214);--color-green-700: oklch(52.7% .154 150.069);--color-green-800: oklch(44.8% .119 151.328);--color-green-900: oklch(39.3% .095 152.535);--color-green-950: oklch(26.6% .065 152.934);--color-emerald-50: oklch(97.9% .021 166.113);--color-emerald-100: oklch(95% .052 163.051);--color-emerald-200: oklch(90.5% .093 164.15);--color-emerald-300: oklch(84.5% .143 164.978);--color-emerald-400: oklch(76.5% .177 163.223);--color-emerald-500: oklch(69.6% .17 162.48);--color-emerald-600: oklch(59.6% .145 163.225);--color-emerald-700: oklch(50.8% .118 165.612);--color-emerald-800: oklch(43.2% .095 166.913);--color-emerald-900: oklch(37.8% .077 168.94);--color-emerald-950: oklch(26.2% .051 172.552);--color-teal-50: oklch(98.4% .014 180.72);--color-teal-100: oklch(95.3% .051 180.801);--color-teal-200: oklch(91% .096 180.426);--color-teal-300: oklch(85.5% .138 181.071);--color-teal-400: oklch(77.7% .152 181.912);--color-teal-500: oklch(70.4% .14 182.503);--color-teal-600: oklch(60% .118 184.704);--color-teal-700: oklch(51.1% .096 186.391);--color-teal-800: oklch(43.7% .078 188.216);--color-teal-900: oklch(38.6% .063 188.416);--color-teal-950: oklch(27.7% .046 192.524);--color-cyan-50: oklch(98.4% .019 200.873);--color-cyan-100: oklch(95.6% .045 203.388);--color-cyan-200: oklch(91.7% .08 205.041);--color-cyan-300: oklch(86.5% .127 207.078);--color-cyan-400: oklch(78.9% .154 211.53);--color-cyan-500: oklch(71.5% .143 215.221);--color-cyan-600: oklch(60.9% .126 221.723);--color-cyan-700: oklch(52% .105 223.128);--color-cyan-800: oklch(45% .085 224.283);--color-cyan-900: oklch(39.8% .07 227.392);--color-cyan-950: oklch(30.2% .056 229.695);--color-sky-50: oklch(97.7% .013 236.62);--color-sky-100: oklch(95.1% .026 236.824);--color-sky-200: oklch(90.1% .058 230.902);--color-sky-300: oklch(82.8% .111 230.318);--color-sky-400: oklch(74.6% .16 232.661);--color-sky-500: oklch(68.5% .169 237.323);--color-sky-600: oklch(58.8% .158 241.966);--color-sky-700: oklch(50% .134 242.749);--color-sky-800: oklch(44.3% .11 240.79);--color-sky-900: oklch(39.1% .09 240.876);--color-sky-950: oklch(29.3% .066 243.157);--color-blue-50: oklch(97% .014 254.604);--color-blue-100: oklch(93.2% .032 255.585);--color-blue-200: oklch(88.2% .059 254.128);--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-blue-950: oklch(28.2% .091 267.935);--color-indigo-50: oklch(96.2% .018 272.314);--color-indigo-100: oklch(93% .034 272.788);--color-indigo-200: oklch(87% .065 274.039);--color-indigo-300: oklch(78.5% .115 274.713);--color-indigo-400: oklch(67.3% .182 276.935);--color-indigo-500: oklch(58.5% .233 277.117);--color-indigo-600: oklch(51.1% .262 276.966);--color-indigo-700: oklch(45.7% .24 277.023);--color-indigo-800: oklch(39.8% .195 277.366);--color-indigo-900: oklch(35.9% .144 278.697);--color-indigo-950: oklch(25.7% .09 281.288);--color-violet-50: oklch(96.9% .016 293.756);--color-violet-100: oklch(94.3% .029 294.588);--color-violet-200: oklch(89.4% .057 293.283);--color-violet-300: oklch(81.1% .111 293.571);--color-violet-400: oklch(70.2% .183 293.541);--color-violet-500: oklch(60.6% .25 292.717);--color-violet-600: oklch(54.1% .281 293.009);--color-violet-700: oklch(49.1% .27 292.581);--color-violet-800: oklch(43.2% .232 292.759);--color-violet-900: oklch(38% .189 293.745);--color-violet-950: oklch(28.3% .141 291.089);--color-purple-50: oklch(97.7% .014 308.299);--color-purple-100: oklch(94.6% .033 307.174);--color-purple-200: oklch(90.2% .063 306.703);--color-purple-300: oklch(82.7% .119 306.383);--color-purple-400: oklch(71.4% .203 305.504);--color-purple-500: oklch(62.7% .265 303.9);--color-purple-600: oklch(55.8% .288 302.321);--color-purple-700: oklch(49.6% .265 301.924);--color-purple-800: oklch(43.8% .218 303.724);--color-purple-900: oklch(38.1% .176 304.987);--color-purple-950: oklch(29.1% .149 302.717);--color-fuchsia-50: oklch(97.7% .017 320.058);--color-fuchsia-100: oklch(95.2% .037 318.852);--color-fuchsia-200: oklch(90.3% .076 319.62);--color-fuchsia-300: oklch(83.3% .145 321.434);--color-fuchsia-400: oklch(74% .238 322.16);--color-fuchsia-500: oklch(66.7% .295 322.15);--color-fuchsia-600: oklch(59.1% .293 322.896);--color-fuchsia-700: oklch(51.8% .253 323.949);--color-fuchsia-800: oklch(45.2% .211 324.591);--color-fuchsia-900: oklch(40.1% .17 325.612);--color-fuchsia-950: oklch(29.3% .136 325.661);--color-pink-50: oklch(97.1% .014 343.198);--color-pink-100: oklch(94.8% .028 342.258);--color-pink-200: oklch(89.9% .061 343.231);--color-pink-300: oklch(82.3% .12 346.018);--color-pink-400: oklch(71.8% .202 349.761);--color-pink-500: oklch(65.6% .241 354.308);--color-pink-600: oklch(59.2% .249 .584);--color-pink-700: oklch(52.5% .223 3.958);--color-pink-800: oklch(45.9% .187 3.815);--color-pink-900: oklch(40.8% .153 2.432);--color-pink-950: oklch(28.4% .109 3.907);--color-rose-50: oklch(96.9% .015 12.422);--color-rose-100: oklch(94.1% .03 12.58);--color-rose-200: oklch(89.2% .058 10.001);--color-rose-300: oklch(81% .117 11.638);--color-rose-400: oklch(71.2% .194 13.428);--color-rose-500: oklch(64.5% .246 16.439);--color-rose-600: oklch(58.6% .253 17.585);--color-rose-700: oklch(51.4% .222 16.935);--color-rose-800: oklch(45.5% .188 13.697);--color-rose-900: oklch(41% .159 10.272);--color-rose-950: oklch(27.1% .105 12.094);--color-slate-50: oklch(98.4% .003 247.858);--color-slate-100: oklch(96.8% .007 247.896);--color-slate-200: oklch(92.9% .013 255.508);--color-slate-300: oklch(86.9% .022 252.894);--color-slate-400: oklch(70.4% .04 256.788);--color-slate-500: oklch(55.4% .046 257.417);--color-slate-600: oklch(44.6% .043 257.281);--color-slate-700: oklch(37.2% .044 257.287);--color-slate-800: oklch(27.9% .041 260.031);--color-slate-900: oklch(20.8% .042 265.755);--color-slate-950: oklch(12.9% .042 264.695);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-gray-950: oklch(13% .028 261.692);--color-zinc-50: oklch(98.5% .001 106.423);--color-zinc-100: oklch(96.7% .001 106.424);--color-zinc-200: oklch(92% .004 286.32);--color-zinc-300: oklch(87.1% .006 286.286);--color-zinc-400: oklch(70.5% .015 286.067);--color-zinc-500: oklch(55.2% .016 285.938);--color-zinc-600: oklch(44.2% .017 285.786);--color-zinc-700: oklch(37% .013 285.805);--color-zinc-800: oklch(27.4% .006 286.033);--color-zinc-900: oklch(21% .006 285.885);--color-zinc-950: oklch(14.1% .005 285.823);--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-stone-50: oklch(98.5% .001 106.423);--color-stone-100: oklch(97% .001 106.424);--color-stone-200: oklch(92.3% .003 48.717);--color-stone-300: oklch(86.9% .005 56.366);--color-stone-400: oklch(70.9% .01 56.259);--color-stone-500: oklch(55.3% .013 58.071);--color-stone-600: oklch(44.4% .011 73.639);--color-stone-700: oklch(37.4% .01 67.558);--color-stone-800: oklch(26.8% .007 34.298);--color-stone-900: oklch(21.6% .006 56.043);--color-stone-950: oklch(14.7% .004 49.25);--container-3xs: 16rem;--container-2xs: 18rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--text-9xl: 8rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--blur-xs: 4px;--blur-sm: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 32px;--blur-3xl: 40px;--blur-4xl: 48px;--blur-5xl: 64px}.hidden{display:none}.top-4{top:1rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.right-4{right:1rem}.left-1\/2{left:50%}.-translate-x-1\/2{--uni-translate-x: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-0{--uni-translate-y: 0rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-y-full{--uni-translate-y: -100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-full{--uni-translate-y: 100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.opacity-100{opacity:1}.opacity-0{opacity:0}.hover\:\!bg-color-white\/10:hover{background-color:color-mix(in srgb,var(--color-white) 10%,transparent)!important}.stroke-color-gray-300{stroke:var(--color-gray-300)}.hover\:shadow-xl:hover{--uni-shadow: 0 20px 25px -5px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.transition-shadow{--uni-transition-property: shadow;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.duration-300{--uni-transition-duration: .3s;transition-duration:var(--uni-transition-duration, .15s)}.cursor-pointer{cursor:pointer}.bg-color-gray-800{background-color:var(--color-gray-800)}.text-color-gray-200{color:var(--color-gray-200)}.hover\:bg-color-gray-900:hover{background-color:var(--color-gray-900)}.border-color-gray-900{border-color:var(--color-gray-900)}.text-color-gray-900{color:var(--color-gray-900)}.hover\:bg-color-gray-50:hover{background-color:var(--color-gray-50)}.accent-color-gray-900{accent-color:var(--color-gray-900)}.peer:checked~.peer-checked\:border-color-gray-900{border-color:var(--color-gray-900)}.peer:checked~.peer-checked\:text-color-gray-900{color:var(--color-gray-900)}.bg-color-gray-500{background-color:var(--color-gray-500)}.text-color-white{color:var(--color-white)}.hover\:bg-color-gray-600:hover{background-color:var(--color-gray-600)}.border-color-gray-500{border-color:var(--color-gray-500)}.text-color-gray-500{color:var(--color-gray-500)}.accent-color-gray-500{accent-color:var(--color-gray-500)}.peer:checked~.peer-checked\:border-color-gray-500{border-color:var(--color-gray-500)}.peer:checked~.peer-checked\:text-color-gray-500{color:var(--color-gray-500)}.bg-color-white{background-color:var(--color-white)}.text-color-gray-700{color:var(--color-gray-700)}.border-color-white{border-color:var(--color-white)}.accent-color-white{accent-color:var(--color-white)}.peer:checked~.peer-checked\:border-color-white{border-color:var(--color-white)}.peer:checked~.peer-checked\:text-color-white{color:var(--color-white)}.bg-color-zinc-200{background-color:var(--color-zinc-200)}.text-color-zinc-600{color:var(--color-zinc-600)}.hover\:bg-color-zinc-300:hover{background-color:var(--color-zinc-300)}.border-color-zinc-200{border-color:var(--color-zinc-200)}.text-color-zinc-900{color:var(--color-zinc-900)}.hover\:bg-color-zinc-50:hover{background-color:var(--color-zinc-50)}.accent-color-zinc-200{accent-color:var(--color-zinc-200)}.peer:checked~.peer-checked\:border-color-zinc-200{border-color:var(--color-zinc-200)}.peer:checked~.peer-checked\:text-color-zinc-200{color:var(--color-zinc-200)}.bg-color-red-500{background-color:var(--color-red-500)}.hover\:bg-color-red-600:hover{background-color:var(--color-red-600)}.border-color-red-500{border-color:var(--color-red-500)}.text-color-red-500{color:var(--color-red-500)}.hover\:bg-color-red-50:hover{background-color:var(--color-red-50)}.accent-color-red-500{accent-color:var(--color-red-500)}.peer:checked~.peer-checked\:border-color-red-500{border-color:var(--color-red-500)}.peer:checked~.peer-checked\:text-color-red-500{color:var(--color-red-500)}.bg-color-orange-500{background-color:var(--color-orange-500)}.hover\:bg-color-orange-600:hover{background-color:var(--color-orange-600)}.border-color-orange-500{border-color:var(--color-orange-500)}.text-color-orange-500{color:var(--color-orange-500)}.hover\:bg-color-orange-50:hover{background-color:var(--color-orange-50)}.accent-color-orange-500{accent-color:var(--color-orange-500)}.peer:checked~.peer-checked\:border-color-orange-500{border-color:var(--color-orange-500)}.peer:checked~.peer-checked\:text-color-orange-500{color:var(--color-orange-500)}.bg-color-amber-500{background-color:var(--color-amber-500)}.hover\:bg-color-amber-600:hover{background-color:var(--color-amber-600)}.border-color-amber-500{border-color:var(--color-amber-500)}.text-color-amber-500{color:var(--color-amber-500)}.hover\:bg-color-amber-50:hover{background-color:var(--color-amber-50)}.accent-color-amber-500{accent-color:var(--color-amber-500)}.peer:checked~.peer-checked\:border-color-amber-500{border-color:var(--color-amber-500)}.peer:checked~.peer-checked\:text-color-amber-500{color:var(--color-amber-500)}.bg-color-yellow-500{background-color:var(--color-yellow-500)}.hover\:bg-color-yellow-600:hover{background-color:var(--color-yellow-600)}.border-color-yellow-500{border-color:var(--color-yellow-500)}.text-color-yellow-500{color:var(--color-yellow-500)}.hover\:bg-color-yellow-50:hover{background-color:var(--color-yellow-50)}.accent-color-yellow-500{accent-color:var(--color-yellow-500)}.peer:checked~.peer-checked\:border-color-yellow-500{border-color:var(--color-yellow-500)}.peer:checked~.peer-checked\:text-color-yellow-500{color:var(--color-yellow-500)}.bg-color-lime-500{background-color:var(--color-lime-500)}.hover\:bg-color-lime-600:hover{background-color:var(--color-lime-600)}.border-color-lime-500{border-color:var(--color-lime-500)}.text-color-lime-500{color:var(--color-lime-500)}.hover\:bg-color-lime-50:hover{background-color:var(--color-lime-50)}.accent-color-lime-500{accent-color:var(--color-lime-500)}.peer:checked~.peer-checked\:border-color-lime-500{border-color:var(--color-lime-500)}.peer:checked~.peer-checked\:text-color-lime-500{color:var(--color-lime-500)}.bg-color-green-500{background-color:var(--color-green-500)}.hover\:bg-color-green-600:hover{background-color:var(--color-green-600)}.border-color-green-500{border-color:var(--color-green-500)}.text-color-green-500{color:var(--color-green-500)}.hover\:bg-color-green-50:hover{background-color:var(--color-green-50)}.accent-color-green-500{accent-color:var(--color-green-500)}.peer:checked~.peer-checked\:border-color-green-500{border-color:var(--color-green-500)}.peer:checked~.peer-checked\:text-color-green-500{color:var(--color-green-500)}.bg-color-emerald-500{background-color:var(--color-emerald-500)}.hover\:bg-color-emerald-600:hover{background-color:var(--color-emerald-600)}.border-color-emerald-500{border-color:var(--color-emerald-500)}.text-color-emerald-500{color:var(--color-emerald-500)}.hover\:bg-color-emerald-50:hover{background-color:var(--color-emerald-50)}.accent-color-emerald-500{accent-color:var(--color-emerald-500)}.peer:checked~.peer-checked\:border-color-emerald-500{border-color:var(--color-emerald-500)}.peer:checked~.peer-checked\:text-color-emerald-500{color:var(--color-emerald-500)}.bg-color-teal-500{background-color:var(--color-teal-500)}.hover\:bg-color-teal-600:hover{background-color:var(--color-teal-600)}.border-color-teal-500{border-color:var(--color-teal-500)}.text-color-teal-500{color:var(--color-teal-500)}.hover\:bg-color-teal-50:hover{background-color:var(--color-teal-50)}.accent-color-teal-500{accent-color:var(--color-teal-500)}.peer:checked~.peer-checked\:border-color-teal-500{border-color:var(--color-teal-500)}.peer:checked~.peer-checked\:text-color-teal-500{color:var(--color-teal-500)}.bg-color-cyan-500{background-color:var(--color-cyan-500)}.hover\:bg-color-cyan-600:hover{background-color:var(--color-cyan-600)}.border-color-cyan-500{border-color:var(--color-cyan-500)}.text-color-cyan-500{color:var(--color-cyan-500)}.hover\:bg-color-cyan-50:hover{background-color:var(--color-cyan-50)}.accent-color-cyan-500{accent-color:var(--color-cyan-500)}.peer:checked~.peer-checked\:border-color-cyan-500{border-color:var(--color-cyan-500)}.peer:checked~.peer-checked\:text-color-cyan-500{color:var(--color-cyan-500)}.bg-color-sky-500{background-color:var(--color-sky-500)}.hover\:bg-color-sky-600:hover{background-color:var(--color-sky-600)}.border-color-sky-500{border-color:var(--color-sky-500)}.text-color-sky-500{color:var(--color-sky-500)}.hover\:bg-color-sky-50:hover{background-color:var(--color-sky-50)}.accent-color-sky-500{accent-color:var(--color-sky-500)}.peer:checked~.peer-checked\:border-color-sky-500{border-color:var(--color-sky-500)}.peer:checked~.peer-checked\:text-color-sky-500{color:var(--color-sky-500)}.bg-color-blue-500{background-color:var(--color-blue-500)}.hover\:bg-color-blue-600:hover{background-color:var(--color-blue-600)}.border-color-blue-500{border-color:var(--color-blue-500)}.text-color-blue-500{color:var(--color-blue-500)}.hover\:bg-color-blue-50:hover{background-color:var(--color-blue-50)}.accent-color-blue-500{accent-color:var(--color-blue-500)}.peer:checked~.peer-checked\:border-color-blue-500{border-color:var(--color-blue-500)}.peer:checked~.peer-checked\:text-color-blue-500{color:var(--color-blue-500)}.bg-color-indigo-500{background-color:var(--color-indigo-500)}.hover\:bg-color-indigo-600:hover{background-color:var(--color-indigo-600)}.border-color-indigo-500{border-color:var(--color-indigo-500)}.text-color-indigo-500{color:var(--color-indigo-500)}.hover\:bg-color-indigo-50:hover{background-color:var(--color-indigo-50)}.accent-color-indigo-500{accent-color:var(--color-indigo-500)}.peer:checked~.peer-checked\:border-color-indigo-500{border-color:var(--color-indigo-500)}.peer:checked~.peer-checked\:text-color-indigo-500{color:var(--color-indigo-500)}.bg-color-violet-500{background-color:var(--color-violet-500)}.hover\:bg-color-violet-600:hover{background-color:var(--color-violet-600)}.border-color-violet-500{border-color:var(--color-violet-500)}.text-color-violet-500{color:var(--color-violet-500)}.hover\:bg-color-violet-50:hover{background-color:var(--color-violet-50)}.accent-color-violet-500{accent-color:var(--color-violet-500)}.peer:checked~.peer-checked\:border-color-violet-500{border-color:var(--color-violet-500)}.peer:checked~.peer-checked\:text-color-violet-500{color:var(--color-violet-500)}.bg-color-purple-500{background-color:var(--color-purple-500)}.hover\:bg-color-purple-600:hover{background-color:var(--color-purple-600)}.border-color-purple-500{border-color:var(--color-purple-500)}.text-color-purple-500{color:var(--color-purple-500)}.hover\:bg-color-purple-50:hover{background-color:var(--color-purple-50)}.accent-color-purple-500{accent-color:var(--color-purple-500)}.peer:checked~.peer-checked\:border-color-purple-500{border-color:var(--color-purple-500)}.peer:checked~.peer-checked\:text-color-purple-500{color:var(--color-purple-500)}.bg-color-fuchsia-500{background-color:var(--color-fuchsia-500)}.hover\:bg-color-fuchsia-600:hover{background-color:var(--color-fuchsia-600)}.border-color-fuchsia-500{border-color:var(--color-fuchsia-500)}.text-color-fuchsia-500{color:var(--color-fuchsia-500)}.hover\:bg-color-fuchsia-50:hover{background-color:var(--color-fuchsia-50)}.accent-color-fuchsia-500{accent-color:var(--color-fuchsia-500)}.peer:checked~.peer-checked\:border-color-fuchsia-500{border-color:var(--color-fuchsia-500)}.peer:checked~.peer-checked\:text-color-fuchsia-500{color:var(--color-fuchsia-500)}.bg-color-pink-500{background-color:var(--color-pink-500)}.hover\:bg-color-pink-600:hover{background-color:var(--color-pink-600)}.border-color-pink-500{border-color:var(--color-pink-500)}.text-color-pink-500{color:var(--color-pink-500)}.hover\:bg-color-pink-50:hover{background-color:var(--color-pink-50)}.accent-color-pink-500{accent-color:var(--color-pink-500)}.peer:checked~.peer-checked\:border-color-pink-500{border-color:var(--color-pink-500)}.peer:checked~.peer-checked\:text-color-pink-500{color:var(--color-pink-500)}.bg-color-rose-500{background-color:var(--color-rose-500)}.hover\:bg-color-rose-600:hover{background-color:var(--color-rose-600)}.border-color-rose-500{border-color:var(--color-rose-500)}.text-color-rose-500{color:var(--color-rose-500)}.hover\:bg-color-rose-50:hover{background-color:var(--color-rose-50)}.accent-color-rose-500{accent-color:var(--color-rose-500)}.peer:checked~.peer-checked\:border-color-rose-500{border-color:var(--color-rose-500)}.peer:checked~.peer-checked\:text-color-rose-500{color:var(--color-rose-500)}.bg-color-gray-200{background-color:var(--color-gray-200)}.bg-color-gray-900{background-color:var(--color-gray-900)}.border-color-gray-950{border-color:var(--color-gray-950)}.shadow-color-gray-300{--uni-shadow-color: var(--color-gray-300) }.active\:bg-color-gray-900:active{background-color:var(--color-gray-900)}.border-color-gray-600{border-color:var(--color-gray-600)}.shadow-color-gray-200{--uni-shadow-color: var(--color-gray-200) }.active\:bg-color-gray-700:active{background-color:var(--color-gray-700)}.bg-color-gray-600{background-color:var(--color-gray-600)}.bg-color-gray-100{background-color:var(--color-gray-100)}.hover\:bg-color-gray-200:hover{background-color:var(--color-gray-200)}.active\:bg-color-white:active{background-color:var(--color-white)}.bg-color-zinc-500{background-color:var(--color-zinc-500)}.border-color-zinc-600{border-color:var(--color-zinc-600)}.shadow-color-zinc-200{--uni-shadow-color: var(--color-zinc-200) }.hover\:bg-color-zinc-600:hover{background-color:var(--color-zinc-600)}.active\:bg-color-zinc-700:active{background-color:var(--color-zinc-700)}.bg-color-red-200{background-color:var(--color-red-200)}.border-color-red-600\/50{border-color:color-mix(in srgb,var(--color-red-600) 50%,transparent)}.shadow-color-red-200{--uni-shadow-color: var(--color-red-200) }.active\:bg-color-red-700:active{background-color:var(--color-red-700)}.bg-color-orange-200{background-color:var(--color-orange-200)}.border-color-orange-600\/50{border-color:color-mix(in srgb,var(--color-orange-600) 50%,transparent)}.shadow-color-orange-200{--uni-shadow-color: var(--color-orange-200) }.active\:bg-color-orange-700:active{background-color:var(--color-orange-700)}.bg-color-amber-200{background-color:var(--color-amber-200)}.border-color-amber-600\/50{border-color:color-mix(in srgb,var(--color-amber-600) 50%,transparent)}.shadow-color-amber-200{--uni-shadow-color: var(--color-amber-200) }.active\:bg-color-amber-700:active{background-color:var(--color-amber-700)}.bg-color-yellow-200{background-color:var(--color-yellow-200)}.border-color-yellow-600\/50{border-color:color-mix(in srgb,var(--color-yellow-600) 50%,transparent)}.shadow-color-yellow-200{--uni-shadow-color: var(--color-yellow-200) }.active\:bg-color-yellow-700:active{background-color:var(--color-yellow-700)}.bg-color-lime-200{background-color:var(--color-lime-200)}.border-color-lime-600\/50{border-color:color-mix(in srgb,var(--color-lime-600) 50%,transparent)}.shadow-color-lime-200{--uni-shadow-color: var(--color-lime-200) }.active\:bg-color-lime-700:active{background-color:var(--color-lime-700)}.bg-color-green-200{background-color:var(--color-green-200)}.border-color-green-600\/50{border-color:color-mix(in srgb,var(--color-green-600) 50%,transparent)}.shadow-color-green-200{--uni-shadow-color: var(--color-green-200) }.active\:bg-color-green-700:active{background-color:var(--color-green-700)}.bg-color-emerald-200{background-color:var(--color-emerald-200)}.border-color-emerald-600\/50{border-color:color-mix(in srgb,var(--color-emerald-600) 50%,transparent)}.shadow-color-emerald-200{--uni-shadow-color: var(--color-emerald-200) }.active\:bg-color-emerald-700:active{background-color:var(--color-emerald-700)}.bg-color-teal-200{background-color:var(--color-teal-200)}.border-color-teal-600\/50{border-color:color-mix(in srgb,var(--color-teal-600) 50%,transparent)}.shadow-color-teal-200{--uni-shadow-color: var(--color-teal-200) }.active\:bg-color-teal-700:active{background-color:var(--color-teal-700)}.bg-color-cyan-200{background-color:var(--color-cyan-200)}.border-color-cyan-600\/50{border-color:color-mix(in srgb,var(--color-cyan-600) 50%,transparent)}.shadow-color-cyan-200{--uni-shadow-color: var(--color-cyan-200) }.active\:bg-color-cyan-700:active{background-color:var(--color-cyan-700)}.bg-color-sky-200{background-color:var(--color-sky-200)}.border-color-sky-600\/50{border-color:color-mix(in srgb,var(--color-sky-600) 50%,transparent)}.shadow-color-sky-200{--uni-shadow-color: var(--color-sky-200) }.active\:bg-color-sky-700:active{background-color:var(--color-sky-700)}.bg-color-blue-200{background-color:var(--color-blue-200)}.border-color-blue-600\/50{border-color:color-mix(in srgb,var(--color-blue-600) 50%,transparent)}.shadow-color-blue-200{--uni-shadow-color: var(--color-blue-200) }.active\:bg-color-blue-700:active{background-color:var(--color-blue-700)}.bg-color-indigo-200{background-color:var(--color-indigo-200)}.border-color-indigo-600\/50{border-color:color-mix(in srgb,var(--color-indigo-600) 50%,transparent)}.shadow-color-indigo-200{--uni-shadow-color: var(--color-indigo-200) }.active\:bg-color-indigo-700:active{background-color:var(--color-indigo-700)}.bg-color-violet-200{background-color:var(--color-violet-200)}.border-color-violet-600\/50{border-color:color-mix(in srgb,var(--color-violet-600) 50%,transparent)}.shadow-color-violet-200{--uni-shadow-color: var(--color-violet-200) }.active\:bg-color-violet-700:active{background-color:var(--color-violet-700)}.bg-color-purple-200{background-color:var(--color-purple-200)}.border-color-purple-600\/50{border-color:color-mix(in srgb,var(--color-purple-600) 50%,transparent)}.shadow-color-purple-200{--uni-shadow-color: var(--color-purple-200) }.active\:bg-color-purple-700:active{background-color:var(--color-purple-700)}.bg-color-fuchsia-200{background-color:var(--color-fuchsia-200)}.border-color-fuchsia-600\/50{border-color:color-mix(in srgb,var(--color-fuchsia-600) 50%,transparent)}.shadow-color-fuchsia-200{--uni-shadow-color: var(--color-fuchsia-200) }.active\:bg-color-fuchsia-700:active{background-color:var(--color-fuchsia-700)}.bg-color-pink-200{background-color:var(--color-pink-200)}.border-color-pink-600\/50{border-color:color-mix(in srgb,var(--color-pink-600) 50%,transparent)}.shadow-color-pink-200{--uni-shadow-color: var(--color-pink-200) }.active\:bg-color-pink-700:active{background-color:var(--color-pink-700)}.bg-color-rose-200{background-color:var(--color-rose-200)}.border-color-rose-600\/50{border-color:color-mix(in srgb,var(--color-rose-600) 50%,transparent)}.shadow-color-rose-200{--uni-shadow-color: var(--color-rose-200) }.active\:bg-color-rose-700:active{background-color:var(--color-rose-700)}.w-8{width:2rem}.h-8{height:2rem}.text-base{font-size:var(--text-base)}.w-12{width:3rem}.h-12{height:3rem}.text-2xl{font-size:var(--text-2xl)}.w-16{width:4rem}.h-16{height:4rem}.text-3xl{font-size:var(--text-3xl)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:999999px}.bg-color-gray-50{background-color:var(--color-gray-50)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.justify-center{justify-content:center}.text-center{text-align:center}.font-semibold{font-weight:600}.focus\:outline-1:focus{outline-width:1px;outline-style:var(--uni-outline-style)}.focus\:outline-color-primary:focus{outline-color:var(--color-primary)}.outline-0{outline-width:0px;outline-style:var(--uni-outline-style)}.border{border-width:1px;border-style:var(--uni-border-style)}.ring-color-red-500{--uni-ring-color: var(--color-red-500);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.border-color-gray-300{border-color:var(--color-gray-300)}.focus\:border-color-primary:focus{border-color:var(--color-primary)}.text-xs{font-size:var(--text-xs)}.mt-1{margin-top:.25rem}.w-full{width:100%}.text-color-primary{color:var(--color-primary)}.text-sm{font-size:var(--text-sm)}.underline{text-decoration-line:underline}.\!border-color-red-500{border-color:var(--color-red-500)!important}.focus-within\:border-color-red-500:focus-within{border-color:var(--color-red-500)}.focus-within\:outline-color-red-500:focus-within{outline-color:var(--color-red-500)}.text-5xl{font-size:var(--text-5xl)}.font-bold{font-weight:700}.text-4xl{font-size:var(--text-4xl)}.text-xl{font-size:var(--text-xl)}.text-lg{font-size:var(--text-lg)}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.inline-block{display:inline-block}.fixed{position:fixed}.z-50{z-index:50}.px-2{padding-inline:.5rem}.max-w-xs{max-width:var(--container-xs)}.py-1{padding-block:.25rem}.rounded{border-radius:4px}.shadow-md{--uni-shadow: 0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.pointer-events-none{pointer-events:none}.pt-24{padding-top:6rem}.px-4{padding-inline:1rem}.py-2{padding-block:.5rem}.bg-color-blue-600{background-color:var(--color-blue-600)}.bg-color-green-600{background-color:var(--color-green-600)}.bg-color-red-600{background-color:var(--color-red-600)}.gap-10{gap:2.5rem}.bg-color-purple-600{background-color:var(--color-purple-600)}.relative{position:relative}.w-10{width:2.5rem}.h-3{height:.75rem}.transition-color{--uni-transition-property: color;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.absolute{position:absolute}.inset-0{top:0rem;right:0rem;bottom:0rem;left:0rem}.bg-color-gray-400{background-color:var(--color-gray-400)}.top-0\.5{top:.125rem}.left-0\.5{left:.125rem}.size-5{width:1.25rem;height:1.25rem}.transition-all{--uni-transition-property: all;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.translate-x-5{--uni-translate-x: 1.25rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-x-0{--uni-translate-x: 0rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.animate-spin{animation:var(--animate-spin)}.size-3{width:.75rem;height:.75rem}.w-11{width:2.75rem}.h-6{height:1.5rem}.bg-color-gray-300{background-color:var(--color-gray-300)}.top-\[4px\]{top:4px}.left-1{left:.25rem}.w-4{width:1rem}.h-4{height:1rem}.translate-x-\[19px\]{--uni-translate-x: 19px;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-x-0{--uni-translate-x: -0rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.flex-wrap{flex-wrap:wrap}:where(.space-x-2>:not(:last-child)){margin-right:.5rem}:where(.space-y-2>:not(:last-child)){margin-bottom:.5rem}:where(.space-y-4>:not(:last-child)){margin-bottom:1rem}.text-gray-500{font-size:var(--text-gray-500)}.px-6{padding-inline:1.5rem}.py-3{padding-block:.75rem}.inline-flex{display:inline-flex}.overflow-hidden{overflow:hidden}.border-color-gray-200{border-color:var(--color-gray-200)}.flex-row{flex-direction:row}.border-0{border-width:0px;border-style:var(--uni-border-style)}.not-last\:border-b-1:not(:last-child){border-bottom-width:1px;border-style:var(--uni-border-style)}.not-last\:border-r-1:not(:last-child){border-right-width:1px;border-style:var(--uni-border-style)}.bg-color-transparent{background-color:transparent}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.mb-1{margin-bottom:.25rem}.block{display:block}.focus-within\:outline-1:focus-within{outline-width:1px;outline-style:var(--uni-outline-style)}.focus-within\:border-color-primary:focus-within{border-color:var(--color-primary)}.focus-within\:outline-color-primary:focus-within{outline-color:var(--color-primary)}.pl-3{padding-left:.75rem}.grow{flex-grow:1}.placeholder\:font-normal::placeholder{font-weight:400}.placeholder\:text-color-gray-400::placeholder{color:var(--color-gray-400)}.pr-3{padding-right:.75rem}.text-color-gray-800{color:var(--color-gray-800)}.gap-1{gap:.25rem}.resize-none{resize:none}.focus\:ring-1:focus{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.focus\:outline-none:focus{outline-width:none;outline-style:var(--uni-outline-style)}.min-w-\[160px\]{min-width:160px}.border-r{border-right-width:1px;border-style:var(--uni-border-style)}:where(.space-x-6>:not(:last-child)){margin-right:1.5rem}.border-b{border-bottom-width:1px;border-style:var(--uni-border-style)}.duration-200{--uni-transition-duration: .2s;transition-duration:var(--uni-transition-duration, .15s)}.py-4{padding-block:1rem}.text-color-gray-600{color:var(--color-gray-600)}.hover\:text-color-blue-500:hover{color:var(--color-blue-500)}:where(.space-x-3>:not(:last-child)){margin-right:.75rem}.right-0{right:0rem}.top-3{top:.75rem}.bottom-3{bottom:.75rem}.w-1{width:.25rem}.bottom-0{bottom:0rem}.left-0{left:0rem}.h-1{height:.25rem}.mt-4{margin-top:1rem}.ml-6{margin-left:1.5rem}.mt-0{margin-top:0rem}.size-4{width:1rem;height:1rem}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.border-collapse{border-collapse:collapse}.sticky{position:sticky}.top-0{top:0rem}.rounded-xl{border-radius:var(--radius-xl)}.bg-color-\[\#FAFBFB\]{background-color:#fafbfb}.z-10{z-index:10}.h-10{height:2.5rem}.text-left{text-align:left}.text-wrap{text-wrap:wrap}.text-nowrap{text-wrap:nowrap}.border-t{border-top-width:1px;border-style:var(--uni-border-style)}.justify-between{justify-content:space-between}.w-9{width:2.25rem}.h-9{height:2.25rem}.leading-none{line-height:1}.min-w-10{min-width:2.5rem}.shrink-0{flex-shrink:0}.py-0\.5{padding-block:.125rem}.bg-color-green-100{background-color:var(--color-green-100)}.text-color-green-600{color:var(--color-green-600)}.w-fit{width:fit-content}.text-color-gray-400{color:var(--color-gray-400)}.p-1{padding:.25rem}.bg-color-blue-50{background-color:var(--color-blue-50)}.border-color-blue-200{border-color:var(--color-blue-200)}.text-color-blue-600{color:var(--color-blue-600)}.bg-color-blue-100{background-color:var(--color-blue-100)}.border-color-blue-300{border-color:var(--color-blue-300)}.bg-color-red-100{background-color:var(--color-red-100)}.text-color-red-600{color:var(--color-red-600)}.border-color-red-300{border-color:var(--color-red-300)}.bg-color-yellow-100{background-color:var(--color-yellow-100)}.text-color-yellow-600{color:var(--color-yellow-600)}.border-color-yellow-300{border-color:var(--color-yellow-300)}.px-3{padding-inline:.75rem}.select-none{-webkit-user-select:none;user-select:none}.p-0{padding:0rem}.px-1{padding-inline:.25rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-3{width:.75rem}.flex-shrink-0{flex:shrink-0}.ml-1{margin-left:.25rem}.transition-transform{--uni-transition-property: transform;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.rotate-180{rotate:180deg}.top-full{top:100%}.shadow-lg{--uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.z-20{z-index:20}:where(.space-y-1>:not(:last-child)){margin-bottom:.25rem}.max-h-32{max-height:8rem}.scale-75{scale:75%}.flex-1{flex:1}.hover\:text-color-blue-800:hover{color:var(--color-blue-800)}.min-w-max{min-width:max-content}.whitespace-nowrap{white-space:nowrap}:where(.space-x-1>:not(:last-child)){margin-right:.25rem}.w-7{width:1.75rem}.h-7{height:1.75rem}.ring{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.mx-4{margin-left:1rem;margin-right:1rem}.size-6{width:1.5rem;height:1.5rem}.z-40{z-index:40}.bg-color-black\/10{background-color:color-mix(in srgb,var(--color-black) 10%,transparent)}.backdrop-blur-\[1px\]{--uni-backdrop-blur: blur(1px);-webkit-backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia);backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia)}.min-w-72{min-width:18rem}.max-w-lg{max-width:var(--container-lg)}.shadow-xl{--uni-shadow: 0 20px 25px -5px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.gap-3{gap:.75rem}.backdrop-blur-sm{--uni-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia);backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia)}.border-color-white\/20{border-color:color-mix(in srgb,var(--color-white) 20%,transparent)}.leading-relaxed{line-height:1.625}.-mr-1{margin-right:-.25rem}.h-2{height:.5rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.mr-3{margin-right:.75rem}.min-w-\[2rem\]{min-width:2rem}.opacity-60{opacity:.6}.duration-150{--uni-transition-duration: .15s;transition-duration:var(--uni-transition-duration, .15s)}.top-1\/2{top:50%}.-translate-y-1\/2{--uni-translate-y: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.border-2{border-width:2px;border-style:var(--uni-border-style)}.hover\:shadow-lg:hover{--uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.scale-110{scale:110%}.ring-2{--uni-ring-shadow: 0 0 0 2px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.ring-offset-1{--uni-ring-shadow: 0 0 0 offset-1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.ring-blue-300{--uni-ring-shadow: 0 0 0 blue-300px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.mt-2{margin-top:.5rem}.ml-3{margin-left:.75rem}.text-right{text-align:right}.w-80{width:20rem}.mb-2{margin-bottom:.5rem}:where(.space-y-8>:not(:last-child)){margin-bottom:2rem}.capitalize{text-transform:capitalize}.animate-pulse{animation:var(--animate-pulse)}.bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.35\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff59,#fff0)}.mb-4{margin-bottom:1rem}.pb-6{padding-bottom:1.5rem}.no-underline{text-decoration-line:none}.h-\[30px\]{height:30px}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.outline-none{outline-width:none;outline-style:var(--uni-outline-style)}.\!bg-color-gray-50{background-color:var(--color-gray-50)!important}.shadow-color-zinc-100{--uni-shadow-color: var(--color-zinc-100) }.right-3{right:.75rem}.fill-color-yellow-500{fill:var(--color-yellow-500)}.fill-color-gray-300{fill:var(--color-gray-300)}.w-6{width:1.5rem}.ml-2{margin-left:.5rem}.mb-3{margin-bottom:.75rem}.text-color-red-700{color:var(--color-red-700)}.gap-4{gap:1rem}.hover\:border-color-gray-400:hover{border-color:var(--color-gray-400)}.hover\:shadow-md:hover{--uni-shadow: 0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.top-2{top:.5rem}.right-2{right:.5rem}.text-white{font-size:var(--text-white)}.shadow-sm{--uni-shadow: 0 1px 3px 0 var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.items-start{align-items:flex-start}.h-full{height:100%}.gap-6{gap:1.5rem}.hover\:opacity-90:hover{opacity:.9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.peer:checked~.peer-checked\:border-\[7px\]{border-width:7px;border-style:var(--uni-border-style)}.border-color-gray-400{border-color:var(--color-gray-400)}.w-96{width:24rem}.max-h-40{max-height:10rem}.bg-color-green-50{background-color:var(--color-green-50)}.p-6{padding:1.5rem}.-top-2{top:-.5rem}.-right-2{right:-.5rem}.max-w-2xl{max-width:var(--container-2xl)}.-top-1{top:-.25rem}.-right-1{right:-.25rem}.bg-color-purple-50{background-color:var(--color-purple-50)}.p-8{padding:2rem}.border-4{border-width:4px;border-style:var(--uni-border-style)}.rounded-2xl{border-radius:var(--radius-2xl)}.-top-3{top:-.75rem}.-right-3{right:-.75rem}.text-color-yellow-300{color:var(--color-yellow-300)}.bg-color-indigo-50{background-color:var(--color-indigo-50)}.max-w-3xl{max-width:var(--container-3xl)}.p-5{padding:1.25rem}.mt-3{margin-top:.75rem}.pt-3{padding-top:.75rem}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.py-\[0\.35rem\]{padding-block:.35rem}.-ml-1{margin-left:-.25rem}.mr-1{margin-right:.25rem}.\!w-4{width:1rem!important}.\!h-4{height:1rem!important}.\!w-5{width:1.25rem!important}.\!h-5{height:1.25rem!important}.\!w-6{width:1.5rem!important}.\!h-6{height:1.5rem!important}:where(.space-x-4>:not(:last-child)){margin-right:1rem}.focus-within\:ring-1:focus-within{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.min-w-20{min-width:5rem}.max-w-60{max-width:15rem}.bottom-7{bottom:1.75rem}.top-6{top:1.5rem}:where(.divide-y>:not(:last-child)){border-bottom-width:1px;border-bottom-style:solid}:where(.divide-color-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.ml-4{margin-left:1rem}.focus\:outline-0:focus{outline-width:0px;outline-style:var(--uni-outline-style)}.size-8{width:2rem;height:2rem}.size-12{width:3rem;height:3rem}.size-10{width:2.5rem;height:2.5rem}.\!text-color-gray-400{color:var(--color-gray-400)!important}.hover\:bg-color-transparent:hover{background-color:transparent}.\!border-color-gray-200{border-color:var(--color-gray-200)!important}.\!bg-color-gray-200{background-color:var(--color-gray-200)!important}.w-56{width:14rem}.w-52{width:13rem}.bg-color-purple-100{background-color:var(--color-purple-100)}.text-color-purple-600{color:var(--color-purple-600)}.w-30{width:7.5rem}.max-w-md{max-width:var(--container-md)}.object-contain{object-fit:contain}.mx-auto{margin-inline:auto}.border-style-dashed{--uni-border-style: dashed;border-style:var(--uni-border-style)}.bg-color-red-50{background-color:var(--color-red-50)}.pt-6{padding-top:1.5rem}.pb-4{padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.grid{display:grid}.grid-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.object-cover{object-fit:cover}.max-w-\[200px\]{max-width:200px}.hover\:text-color-red-700:hover{color:var(--color-red-700)}.hover\:text-color-gray-700:hover{color:var(--color-gray-700)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.p-0\.5{padding:.125rem}.hover\:text-color-gray-600:hover{color:var(--color-gray-600)}.border-color-gray-100{border-color:var(--color-gray-100)}.focus\:border-color-gray-400:focus{border-color:var(--color-gray-400)}.hover\:bg-color-gray-100:hover{background-color:var(--color-gray-100)}.my-1{margin-top:.25rem;margin-bottom:.25rem}.z-1{z-index:1}.\!rounded-full{border-radius:999999px!important}.h-20{height:5rem}.min-w-96{min-width:24rem}.min-h-40{min-height:10rem}.bg-color-black\/50{background-color:color-mix(in srgb,var(--color-black) 50%,transparent)}.\!absolute{position:absolute!important}.z-99{z-index:99}.translate-x-full{--uni-translate-x: 100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-x-full{--uni-translate-x: -100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.justify-end{justify-content:flex-end}.pl-4{padding-left:1rem}.pt-4{padding-top:1rem}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.scale-100{scale:100%}.scale-95{scale:95%}.h-\[calc\(100\%_-_40px\)\]{height:calc(100% - 40px)}.m-5{margin:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.w-auto{width:auto}.max-h-\[calc\(100vh_-_130px\)\]{max-height:calc(100vh - 130px)}.mt-8{margin-top:2rem}.hover\:bg-color-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-color-gray-300:hover{background-color:var(--color-gray-300)}.border-l{border-left-width:1px;border-style:var(--uni-border-style)}.grid-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.\!justify-between{justify-content:space-between!important}.w-72{width:18rem}.focus\:ring-2:focus{--uni-ring-shadow: 0 0 0 2px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--uni-ring-shadow: 0 0 0 blue-500px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-gray-400:hover{background-color:var(--color-gray-400)}.\!text-color-red-500{color:var(--color-red-500)!important}.\!border-color-green-500{border-color:var(--color-green-500)!important}.\!text-color-green-500{color:var(--color-green-500)!important}.w-50{width:12.5rem}.h-11{height:2.75rem}.w-1\/2{width:50%}.text-blue-600{font-size:var(--text-blue-600)}.ml-auto{margin-left:auto}.text-gray-400{font-size:var(--text-gray-400)}.hover\:text-red-500:hover{font-size:var(--text-red-500)}.text-blue-700{font-size:var(--text-blue-700)}.hover\:text-blue-800:hover{font-size:var(--text-blue-800)}.gap-\[0\.5rem\]{gap:.5rem}.hover\:text-gray-700:hover{font-size:var(--text-gray-700)}.w-2{width:.5rem}.py-8{padding-block:2rem}.transition-colors{--uni-transition-property: colors;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.z-9{z-index:9}.text-gray-600{font-size:var(--text-gray-600)}.min-w-\[70px\]{min-width:70px}.grid-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.justify-items-center{justify-items:center}.not-last\:border-b:not(:last-child){border-bottom-width:1px;border-style:var(--uni-border-style)}.not-last\:pb-4:not(:last-child){padding-bottom:1rem}.text-md{font-size:var(--text-md)}.h-auto{height:auto}.h-px{height:1px}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.w-\[16px\]{width:16px}.h-\[16px\]{height:16px}.checked\:bg-color-blue-500:checked{background-color:var(--color-blue-500)}.checked\:border-color-blue-500:checked{border-color:var(--color-blue-500)}.after\:content-\[\'\'\]:after{content:""}.after\:absolute:after{position:absolute}.after\:left-0\.5:after{left:.125rem}.after\:text-\[12px\]:after{font-size:12px}.after\:font-bold:after{font-weight:700}.checked\:after\:content-\[✓\]:checked:after{content:"✓"}.checked\:after\:text-color-white:checked:after{color:var(--color-white)}.\!border-color-gray-300{border-color:var(--color-gray-300)!important}.cursor-default{cursor:default}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.bg-color-white\/80{background-color:color-mix(in srgb,var(--color-white) 80%,transparent)}.hover\:bg-color-white:hover{background-color:var(--color-white)}.top-1{top:.25rem}.right-1{right:.25rem}.bottom-1{bottom:.25rem}.bg-color-white\/90{background-color:color-mix(in srgb,var(--color-white) 90%,transparent)}.px-\[5px\]{padding-inline:5px}.bottom-2{bottom:.5rem}.rotate-90{rotate:90deg}.hover\:opacity-100:hover{opacity:1}.border-color-gray-800{border-color:var(--color-gray-800)}.scale-105{scale:105%}.opacity-70{opacity:.7}.\!border-none{border-width:0px!important}.h-fit{height:fit-content}.text-color-blue-primary{color:var(--color-blue-primary)}.pr-1{padding-right:.25rem}.text-color-secondary{color:var(--color-secondary)}.shadow-xs{--uni-shadow: 0 1px 2px 0 var(--uni-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.\!w-full{width:100%!important}.\!h-full{height:100%!important}.hover\:underline:hover{text-decoration-line:underline}.mx-2{margin-left:.5rem;margin-right:.5rem}.static{position:static}.justify-around{justify-content:space-around}.pb-16{padding-bottom:4rem}.\!bg-color-red-50{background-color:var(--color-red-50)!important}.text-color-red-400{color:var(--color-red-400)}.text-color-red-800{color:var(--color-red-800)}.px-\[10px\]{padding-inline:10px}.translate-x-1\/2{--uni-translate-x: 50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-1\/2{--uni-translate-y: 50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.items-end{align-items:flex-end}.z-999{z-index:999}.pointer-events-auto{pointer-events:auto}.size-14{width:3.5rem;height:3.5rem}.size-20{width:5rem;height:5rem}:where(.-space-x-2>:not(:last-child)){margin-right:-.5rem}.ring-color-white{--uni-ring-color: var(--color-white);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.max-h-56{max-height:14rem}.overflow-auto{overflow:auto}.text-color-indigo-700{color:var(--color-indigo-700)}.text-color-blue-800{color:var(--color-blue-800)}.border-color-green-300{border-color:var(--color-green-300)}.text-color-green-800{color:var(--color-green-800)}.bg-color-yellow-50{background-color:var(--color-yellow-50)}.text-color-yellow-800{color:var(--color-yellow-800)}.size-7{width:1.75rem;height:1.75rem}.bg-color-gray-700{background-color:var(--color-gray-700)}.border-t-4{border-top-width:4px;border-style:var(--uni-border-style)}.\!cursor-not-allowed{cursor:not-allowed!important}.gap-20{gap:5rem}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.\!bg-color-gray-100{background-color:var(--color-gray-100)!important}.dark .dark\:text-color-gray-200{color:var(--color-gray-200)}.dark .dark\:shadow-none{--uni-shadow: 0 0 #0000;box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.dark .dark\:bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.1\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}.dark .dark\:border-color-gray-700{border-color:var(--color-gray-700)}.dark .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}.dark .dark\:shadow-color-gray-900{--uni-shadow-color: var(--color-gray-900)}@media (prefers-color-scheme: dark){html[data-theme=system] .dark\:text-color-gray-200{color:var(--color-gray-200)}html[data-theme=system] .dark\:shadow-none{--uni-shadow: 0 0 #0000;box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}html[data-theme=system] .dark\:bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.1\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}html[data-theme=system] .dark\:border-color-gray-700{border-color:var(--color-gray-700)}html[data-theme=system] .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}html[data-theme=system] .dark\:shadow-color-gray-900{--uni-shadow-color: var(--color-gray-900)}}@media (min-width: 40rem){.sm\:grid-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:p-4{padding:1rem}.sm\:gap-4{gap:1rem}}@media (min-width: 48rem){.md\:\!flex{display:flex!important}.md\:hidden{display:none}.md\:grid-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:not-last\:border-r:not(:last-child){border-right-width:1px;border-style:var(--uni-border-style)}.md\:nth-2\:border-r-0:nth-child(2){border-right-width:0px;border-style:var(--uni-border-style)}.md\:not-last\:border-b-0:not(:last-child){border-bottom-width:0px;border-style:var(--uni-border-style)}.md\:p-2{padding:.5rem}.md\:w-10{width:2.5rem}.md\:h-10{height:2.5rem}.md\:text-lg{font-size:var(--text-lg)}.md\:left-2{left:.5rem}.md\:top-2{top:.5rem}.md\:right-2{right:.5rem}.md\:bottom-2{bottom:.5rem}.md\:mt-3{margin-top:.75rem}.md\:bottom-3{bottom:.75rem}.md\:right-3{right:.75rem}.md\:w-\[10px\]{width:10px}.md\:h-\[10px\]{height:10px}.md\:gap-2{gap:.5rem}}@media (min-width: 64rem){.lg\:grid-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:not-last\:border-r:not(:last-child){border-right-width:1px;border-style:var(--uni-border-style)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}
package/dist/uniui.js CHANGED
@@ -7751,7 +7751,7 @@ const Ur = {
7751
7751
  id: C,
7752
7752
  className: "fixed inset-0 bg-color-black/50",
7753
7753
  onClick: () => {
7754
- o && (t(), v(!1));
7754
+ o && (t == null || t(), v(!1));
7755
7755
  }
7756
7756
  }
7757
7757
  ),
@@ -7779,7 +7779,7 @@ const Ur = {
7779
7779
  }
7780
7780
  )
7781
7781
  ] }),
7782
- /* @__PURE__ */ s("div", { id: D, className: "grow lg:max-h-[calc(100vh_-_200px)] max-h-[calc(100vh_-_130px)] overflow-y-auto", children: a }),
7782
+ /* @__PURE__ */ s("div", { id: D, className: "grow max-h-[calc(100vh_-_130px)] overflow-y-auto", children: a }),
7783
7783
  l && /* @__PURE__ */ s("div", { id: V, className: "mt-8", children: l })
7784
7784
  ]
7785
7785
  }
package/dist/uniui.umd.cjs CHANGED
@@ -145,7 +145,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
145
145
  ${G?ie?"border-color-red-500 bg-red-50":`${w}`:"border-color-gray-300 bg-white hover:border-color-gray-400"}
146
146
  ${U?"":"hover:shadow-md"}
147
147
  ${C}
148
- `,onClick:L=>{L.stopPropagation(),!U&&W(P,V)},children:[G&&ie&&i.jsx("div",{className:"absolute top-2 right-2 w-6 h-6 bg-color-red-500 rounded-full flex items-center justify-center",children:i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-4 h-4 text-white",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),!te&&G&&!ie&&D&&i.jsx("div",{className:`absolute rounded-full flex items-center justify-center shadow-sm ${B}`,children:I||i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:`${oe} text-color-white`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})})}),i.jsxs("div",{className:`flex items-start gap-3 ${ie?"text-color-red-700":""}`,children:[te&&i.jsx("button",{type:"button",onClick:L=>{L.stopPropagation(),U||W(P,V)},disabled:U,className:`mt-1 flex-shrink-0 rounded-full bg-color-gray-300 transition-all duration-150 ${K(p)} ${U?"opacity-50 cursor-not-allowed":"cursor-pointer"} ${de} ${G&&le}`,"aria-checked":G,children:G&&!ie&&i.jsx("div",{className:"w-full h-full flex items-center justify-center",children:ae||I||i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:`${oe} text-color-green-500`,fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24",children:i.jsx("path",{d:"M5 13l4 4L19 7"})})})}),i.jsx("div",{className:"flex-1",children:M})]})]})},P)})}),g&&!h&&i.jsx("div",{id:z,className:"mt-2 text-sm text-color-gray-600",children:g}),h&&!v&&g&&i.jsx("div",{id:z,className:"mt-2 text-sm text-color-red-600",children:g})]}):i.jsxs("div",{className:"w-full",children:[h&&v&&i.jsx("div",{className:"mb-3 p-3 bg-red-50 rounded text-color-red-700 text-sm",role:"alert",id:`${e}-error`,children:v}),i.jsx("div",{role:"radiogroup","aria-label":b,"aria-labelledby":S,"aria-describedby":z,"aria-required":k,className:`flex ${l==="row"?"flex-row gap-6":"flex-col gap-3"} ${d}`,children:o.map(({label:M,value:P,disabled:N,id:q},V)=>{const U=c||N,G=X===P,ie=h&&G;return i.jsxs("label",{className:`relative flex items-center cursor-pointer select-none transition ${U?"opacity-50 cursor-not-allowed":"hover:opacity-90"}`,children:[i.jsx("input",{type:"radio",name:e,value:P,disabled:U,checked:G,onChange:()=>!U&&W(P,V),onBlur:$,onFocus:L=>E(L,V),className:"sr-only peer","aria-invalid":h,...q&&{id:q}}),i.jsx("div",{className:`rounded-full border-2 transition-all duration-150 ${ie?"border-color-red-500 peer-checked:border-[7px] peer-checked:border-color-red-500":`border-color-gray-400 peer-checked:border-[7px] ${_.border}`} ${f} ${K(p)}`}),i.jsx("span",{className:`ml-2 text-sm ${ie?"text-color-red-500":_.text}`,children:M})]},P)})}),g&&!h&&i.jsx("div",{id:z,className:"mt-2 text-sm text-color-gray-600",children:g}),h&&!v&&g&&i.jsx("div",{id:z,className:"mt-2 text-sm text-color-red-600",children:g})]})},Ua=({label:e,value:o,onChange:t,options:n,className:r="",labelClass:a="",inputClass:s="",disabled:l=!1,size:c="medium",variant:u="outlined",rounded:d="medium",shadow:f=!1})=>{const p={small:"p-2",medium:"p-3",large:"p-4"},g={small:"rounded-md",medium:"rounded-lg",full:"rounded-full"},h={filled:"bg-color-gray-100 border-color-gray-200",outlined:"border-color-gray-300 bg-color-transparent"};return i.jsxs("div",{className:`relative w-full ${r}`,children:[e&&i.jsx("label",{className:`text-sm text-color-gray-500 pointer-events-none block mb-1 ${a}`,children:e}),i.jsxs("div",{className:"relative",children:[i.jsx("select",{disabled:l,value:o,onChange:v=>t(v.target.value),className:`appearance-none focus:ring-1 text-color-gray-800 w-full border outline-none transition-all ${g[d]} ${p[c]} ${h[u]} ${l?"!bg-color-gray-50 opacity-60 cursor-not-allowed":""} ${f?"shadow-md shadow-color-zinc-100":""} ${s}`,children:n.map(v=>i.jsx("option",{value:v.value,className:"text-color-gray-900",children:v.label},v.value))}),i.jsx("span",{className:`absolute right-3 text-sm top-1/2 -translate-y-1/2 pointer-events-none ${l?"opacity-60":""}`,children:i.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"})})})]})]})},Ka=({content:e,children:o,position:t="top"})=>{const[n,r]=m.useState(!1),[a,s]=m.useState({top:0,left:0}),l=m.useRef(null),c=m.useRef(null);return m.useEffect(()=>{if(n&&l.current&&c.current){const u=l.current.getBoundingClientRect(),d=c.current.getBoundingClientRect();let f=0,p=0;switch(t){case"top":f=u.top-d.height-8,p=u.left+u.width/2-d.width/2;break;case"bottom":f=u.bottom+8,p=u.left+u.width/2-d.width/2;break;case"left":f=u.top+u.height/2-d.height/2,p=u.left-d.width-8;break;case"right":f=u.top+u.height/2-d.height/2,p=u.right+8;break}s({top:f,left:p})}},[n,t]),i.jsxs(i.Fragment,{children:[i.jsx("div",{ref:l,className:"inline-block",onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:o}),n&&Me.createPortal(i.jsx("div",{ref:c,style:{top:a.top,left:a.left},className:"fixed z-50 text-center px-2 max-w-xs py-1 text-sm text-color-white bg-color-gray-800 rounded shadow-md pointer-events-none",children:e}),document.body)]})},Xa=({content:e,children:o,position:t="top"})=>{const[n,r]=m.useState(!1),[a,s]=m.useState({top:0,left:0}),l=m.useRef(null),c=m.useRef(null),u=m.useRef(null),d=()=>{u.current&&clearTimeout(u.current),r(!0)},f=()=>{u.current=setTimeout(()=>{r(!1)},100)};return m.useEffect(()=>{if(!n||!l.current||!c.current)return;const p=l.current.getBoundingClientRect(),g=c.current.getBoundingClientRect(),h=8,v=S=>{let y=0,C=0;switch(S){case"top":y=p.top-g.height-h,C=p.left+p.width/2-g.width/2;break;case"bottom":y=p.bottom+h,C=p.left+p.width/2-g.width/2;break;case"left":y=p.top+p.height/2-g.height/2,C=p.left-g.width-h;break;case"right":y=p.top+p.height/2-g.height/2,C=p.right+h;break}return{top:y,left:C}},k={top:["top","bottom","right","left"],bottom:["bottom","top","right","left"],left:["left","right","top","bottom"],right:["right","left","top","bottom"]};for(const S of k[t]){const{top:y,left:C}=v(S);if(!(y<0||C<0||y+g.height>window.innerHeight||C+g.width>window.innerWidth)){s({top:y,left:C});return}}const b=v(t);s(b)},[n,t]),i.jsxs(i.Fragment,{children:[i.jsx("div",{ref:l,className:"inline-block",onMouseEnter:d,onMouseLeave:f,children:o}),n&&Me.createPortal(i.jsx("div",{ref:c,style:{top:a.top,left:a.left},className:"fixed z-50 p-4 bg-color-white rounded shadow-lg",onMouseEnter:d,onMouseLeave:f,children:e}),document.body)]})};function Ja(...e){return e.filter(Boolean).join(" ")}const Qa={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","4xl":"max-w-4xl","6xl":"max-w-6xl"},Ze=m.forwardRef(({id:e="dialog",open:o,onClose:t,shouldClose:n=!1,className:r,title:a,children:s,actions:l,showCloseIcon:c=!0,fullscreen:u=!1,fullWidth:d=!1,maxWidth:f},p)=>{const[g,h]=m.useState(o||!1),[v,k]=m.useState(!1),[b,S]=m.useState(!1),y=e,C=`${y}-overlay`,w=`${y}-title`,D=`${y}-close`,I=`${y}-content`,B=`${y}-actions`;m.useEffect(()=>{o!==void 0&&h(o)},[o]),m.useImperativeHandle(p,()=>({open:()=>h(!0),close:()=>{S(!1),setTimeout(()=>h(!1),300)}})),m.useEffect(()=>{let te;return g?(k(!0),te=setTimeout(()=>S(!0),10)):S(!1),()=>clearTimeout(te)},[g]);const oe=()=>{g||k(!1)};return m.useEffect(()=>{const te=ae=>{ae.key==="Escape"&&(t==null||t())};return g&&document.addEventListener("keydown",te),()=>document.removeEventListener("keydown",te)},[g,t]),m.useEffect(()=>(g?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[g]),v?Me.createPortal(i.jsxs("div",{className:Ja("fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300",b?"opacity-100":"opacity-0 pointer-events-none"),children:[i.jsx("div",{id:C,className:"fixed inset-0 bg-color-black/50",onClick:()=>{n&&(t(),h(!1))}}),i.jsxs("div",{id:y,className:`relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${b?"opacity-100 scale-100":"opacity-0 scale-95"} ${u?"w-full h-[calc(100%_-_40px)] m-5":`${d?"w-full":"w-auto"} ${f?Qa[f]:""} mx-5`} ${r}`,onTransitionEnd:oe,children:[i.jsxs("div",{className:"flex items-center justify-between mb-4",children:[a&&i.jsx("h2",{id:w,className:"text-xl font-semibold",children:a}),c&&i.jsx(ke,{id:D,color:"gray",icon:i.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"})}),size:"small",roundedFull:!0,onClick:()=>{t==null||t(),h(!1)},variant:"transparent"})]}),i.jsx("div",{id:I,className:"grow lg:max-h-[calc(100vh_-_200px)] max-h-[calc(100vh_-_130px)] overflow-y-auto",children:s}),l&&i.jsx("div",{id:B,className:"mt-8",children:l})]})]}),document.body):null});function pt(e,o,t){return Math.min(Math.max(e,o),t)}function Ra(e,o){const{innerWidth:t,innerHeight:n}=window,r=pt(e.left,12,t-o.width-12),a=e.top+o.height>n?e.top-o.height:e.top;return{left:r,top:pt(a,12,n-12)}}function ei(e,o){const{innerWidth:t,innerHeight:n}=window,{scrollX:r,scrollY:a}=window,s=pt(e.left,r+12,r+t-o.width-12),l=e.top-a+o.height>n?e.top-o.height:e.top;return{left:s,top:pt(l,a+12,1/0)}}function ti({items:e,trigger:o,className:t,dropdownItemClass:n,positioning:r="fixed"}){const[a,s]=m.useState(!1),[l,c]=m.useState({top:0,left:0}),[u,d]=m.useState(!1),f=m.useRef(null),p=m.useRef(null),g=v=>{v.stopPropagation(),s(k=>!k),d(!1),a||c(r==="fixed"?{top:v.clientY,left:v.clientX}:{top:v.clientY+window.scrollY,left:v.clientX+window.scrollX})};m.useLayoutEffect(()=>{if(!a||!p.current)return;const v=p.current.getBoundingClientRect(),{top:k,left:b}=l,S=r==="fixed"?Ra(l,v):ei(l,v);(S.left!==b||S.top!==k)&&c(S),setTimeout(()=>d(!0),150)},[a,r]),m.useEffect(()=>{const v=k=>{var b;p.current&&!p.current.contains(k.target)&&!((b=f.current)!=null&&b.contains(k.target))&&s(!1)};return a&&document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[a]);const h=i.jsx("div",{ref:p,className:`${r} mt-2 z-50 rounded-xl bg-color-white shadow-xl p-2 min-w-[160px] transition-all duration-200 transform ${u?"opacity-100 scale-100":"opacity-0 scale-95"} ${t}`,style:{top:l.top,left:l.left},children:e.map((v,k)=>i.jsxs("button",{type:"button",disabled:v.disabled,onClick:()=>{var b;(b=v.onClick)==null||b.call(v),s(!1)},className:`flex items-center gap-3 w-full text-left px-3 py-2 bg-color-transparent hover:bg-color-gray-100 transition-all cursor-pointer rounded-md text-md text-color-gray-700 ${v.disabled?"opacity-50 hover:bg-color-transparent !cursor-not-allowed":""} ${n} ${v.itemClass}`,children:[v.icon&&i.jsx("span",{children:v.icon}),i.jsx("span",{children:v.label})]},k))});return i.jsxs(i.Fragment,{children:[i.jsx("div",{ref:f,onClick:g,className:"cursor-pointer",children:o}),a&&Me.createPortal(h,document.body)]})}function oi(...e){return e.filter(Boolean).join(" ")}const sn=({open:e,onClose:o,className:t,title:n,children:r,childrenClass:a,actions:s,showCloseIcon:l=!0,anchor:c="left"})=>{const[u,d]=m.useState(!1),[f,p]=m.useState(!1);m.useEffect(()=>{let k;return e?(d(!0),k=setTimeout(()=>{p(!0)},10)):p(!1),()=>clearTimeout(k)},[e]);const g=()=>{e||d(!1)};if(m.useEffect(()=>{const k=b=>{b.key==="Escape"&&(o==null||o())};return e&&document.addEventListener("keydown",k),()=>document.removeEventListener("keydown",k)},[e,o]),m.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),!u)return null;const h={left:"left-0 top-0 h-full min-w-96 transition-all duration-300",right:"right-0 top-0 h-full min-w-96 transition-all duration-300",top:"top-0 left-0 w-full min-h-40 transition-all duration-300",bottom:"bottom-0 left-0 w-full min-h-40 transition-all duration-300"},v={left:f?"translate-x-0":"-translate-x-full",right:f?"translate-x-0":"translate-x-full",top:f?"translate-y-0":"-translate-y-full",bottom:f?"translate-y-0":"translate-y-full"};return Me.createPortal(i.jsxs("div",{className:oi("fixed inset-0 z-50 transition-opacity duration-300",f?"opacity-100":"opacity-0 pointer-events-none"),children:[i.jsx("div",{className:"fixed inset-0 bg-color-black/50",onClick:o}),i.jsxs("div",{className:`
148
+ `,onClick:L=>{L.stopPropagation(),!U&&W(P,V)},children:[G&&ie&&i.jsx("div",{className:"absolute top-2 right-2 w-6 h-6 bg-color-red-500 rounded-full flex items-center justify-center",children:i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-4 h-4 text-white",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),!te&&G&&!ie&&D&&i.jsx("div",{className:`absolute rounded-full flex items-center justify-center shadow-sm ${B}`,children:I||i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:`${oe} text-color-white`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:i.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})})}),i.jsxs("div",{className:`flex items-start gap-3 ${ie?"text-color-red-700":""}`,children:[te&&i.jsx("button",{type:"button",onClick:L=>{L.stopPropagation(),U||W(P,V)},disabled:U,className:`mt-1 flex-shrink-0 rounded-full bg-color-gray-300 transition-all duration-150 ${K(p)} ${U?"opacity-50 cursor-not-allowed":"cursor-pointer"} ${de} ${G&&le}`,"aria-checked":G,children:G&&!ie&&i.jsx("div",{className:"w-full h-full flex items-center justify-center",children:ae||I||i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:`${oe} text-color-green-500`,fill:"none",stroke:"currentColor",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round",viewBox:"0 0 24 24",children:i.jsx("path",{d:"M5 13l4 4L19 7"})})})}),i.jsx("div",{className:"flex-1",children:M})]})]})},P)})}),g&&!h&&i.jsx("div",{id:z,className:"mt-2 text-sm text-color-gray-600",children:g}),h&&!v&&g&&i.jsx("div",{id:z,className:"mt-2 text-sm text-color-red-600",children:g})]}):i.jsxs("div",{className:"w-full",children:[h&&v&&i.jsx("div",{className:"mb-3 p-3 bg-red-50 rounded text-color-red-700 text-sm",role:"alert",id:`${e}-error`,children:v}),i.jsx("div",{role:"radiogroup","aria-label":b,"aria-labelledby":S,"aria-describedby":z,"aria-required":k,className:`flex ${l==="row"?"flex-row gap-6":"flex-col gap-3"} ${d}`,children:o.map(({label:M,value:P,disabled:N,id:q},V)=>{const U=c||N,G=X===P,ie=h&&G;return i.jsxs("label",{className:`relative flex items-center cursor-pointer select-none transition ${U?"opacity-50 cursor-not-allowed":"hover:opacity-90"}`,children:[i.jsx("input",{type:"radio",name:e,value:P,disabled:U,checked:G,onChange:()=>!U&&W(P,V),onBlur:$,onFocus:L=>E(L,V),className:"sr-only peer","aria-invalid":h,...q&&{id:q}}),i.jsx("div",{className:`rounded-full border-2 transition-all duration-150 ${ie?"border-color-red-500 peer-checked:border-[7px] peer-checked:border-color-red-500":`border-color-gray-400 peer-checked:border-[7px] ${_.border}`} ${f} ${K(p)}`}),i.jsx("span",{className:`ml-2 text-sm ${ie?"text-color-red-500":_.text}`,children:M})]},P)})}),g&&!h&&i.jsx("div",{id:z,className:"mt-2 text-sm text-color-gray-600",children:g}),h&&!v&&g&&i.jsx("div",{id:z,className:"mt-2 text-sm text-color-red-600",children:g})]})},Ua=({label:e,value:o,onChange:t,options:n,className:r="",labelClass:a="",inputClass:s="",disabled:l=!1,size:c="medium",variant:u="outlined",rounded:d="medium",shadow:f=!1})=>{const p={small:"p-2",medium:"p-3",large:"p-4"},g={small:"rounded-md",medium:"rounded-lg",full:"rounded-full"},h={filled:"bg-color-gray-100 border-color-gray-200",outlined:"border-color-gray-300 bg-color-transparent"};return i.jsxs("div",{className:`relative w-full ${r}`,children:[e&&i.jsx("label",{className:`text-sm text-color-gray-500 pointer-events-none block mb-1 ${a}`,children:e}),i.jsxs("div",{className:"relative",children:[i.jsx("select",{disabled:l,value:o,onChange:v=>t(v.target.value),className:`appearance-none focus:ring-1 text-color-gray-800 w-full border outline-none transition-all ${g[d]} ${p[c]} ${h[u]} ${l?"!bg-color-gray-50 opacity-60 cursor-not-allowed":""} ${f?"shadow-md shadow-color-zinc-100":""} ${s}`,children:n.map(v=>i.jsx("option",{value:v.value,className:"text-color-gray-900",children:v.label},v.value))}),i.jsx("span",{className:`absolute right-3 text-sm top-1/2 -translate-y-1/2 pointer-events-none ${l?"opacity-60":""}`,children:i.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"})})})]})]})},Ka=({content:e,children:o,position:t="top"})=>{const[n,r]=m.useState(!1),[a,s]=m.useState({top:0,left:0}),l=m.useRef(null),c=m.useRef(null);return m.useEffect(()=>{if(n&&l.current&&c.current){const u=l.current.getBoundingClientRect(),d=c.current.getBoundingClientRect();let f=0,p=0;switch(t){case"top":f=u.top-d.height-8,p=u.left+u.width/2-d.width/2;break;case"bottom":f=u.bottom+8,p=u.left+u.width/2-d.width/2;break;case"left":f=u.top+u.height/2-d.height/2,p=u.left-d.width-8;break;case"right":f=u.top+u.height/2-d.height/2,p=u.right+8;break}s({top:f,left:p})}},[n,t]),i.jsxs(i.Fragment,{children:[i.jsx("div",{ref:l,className:"inline-block",onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:o}),n&&Me.createPortal(i.jsx("div",{ref:c,style:{top:a.top,left:a.left},className:"fixed z-50 text-center px-2 max-w-xs py-1 text-sm text-color-white bg-color-gray-800 rounded shadow-md pointer-events-none",children:e}),document.body)]})},Xa=({content:e,children:o,position:t="top"})=>{const[n,r]=m.useState(!1),[a,s]=m.useState({top:0,left:0}),l=m.useRef(null),c=m.useRef(null),u=m.useRef(null),d=()=>{u.current&&clearTimeout(u.current),r(!0)},f=()=>{u.current=setTimeout(()=>{r(!1)},100)};return m.useEffect(()=>{if(!n||!l.current||!c.current)return;const p=l.current.getBoundingClientRect(),g=c.current.getBoundingClientRect(),h=8,v=S=>{let y=0,C=0;switch(S){case"top":y=p.top-g.height-h,C=p.left+p.width/2-g.width/2;break;case"bottom":y=p.bottom+h,C=p.left+p.width/2-g.width/2;break;case"left":y=p.top+p.height/2-g.height/2,C=p.left-g.width-h;break;case"right":y=p.top+p.height/2-g.height/2,C=p.right+h;break}return{top:y,left:C}},k={top:["top","bottom","right","left"],bottom:["bottom","top","right","left"],left:["left","right","top","bottom"],right:["right","left","top","bottom"]};for(const S of k[t]){const{top:y,left:C}=v(S);if(!(y<0||C<0||y+g.height>window.innerHeight||C+g.width>window.innerWidth)){s({top:y,left:C});return}}const b=v(t);s(b)},[n,t]),i.jsxs(i.Fragment,{children:[i.jsx("div",{ref:l,className:"inline-block",onMouseEnter:d,onMouseLeave:f,children:o}),n&&Me.createPortal(i.jsx("div",{ref:c,style:{top:a.top,left:a.left},className:"fixed z-50 p-4 bg-color-white rounded shadow-lg",onMouseEnter:d,onMouseLeave:f,children:e}),document.body)]})};function Ja(...e){return e.filter(Boolean).join(" ")}const Qa={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","4xl":"max-w-4xl","6xl":"max-w-6xl"},Ze=m.forwardRef(({id:e="dialog",open:o,onClose:t,shouldClose:n=!1,className:r,title:a,children:s,actions:l,showCloseIcon:c=!0,fullscreen:u=!1,fullWidth:d=!1,maxWidth:f},p)=>{const[g,h]=m.useState(o||!1),[v,k]=m.useState(!1),[b,S]=m.useState(!1),y=e,C=`${y}-overlay`,w=`${y}-title`,D=`${y}-close`,I=`${y}-content`,B=`${y}-actions`;m.useEffect(()=>{o!==void 0&&h(o)},[o]),m.useImperativeHandle(p,()=>({open:()=>h(!0),close:()=>{S(!1),setTimeout(()=>h(!1),300)}})),m.useEffect(()=>{let te;return g?(k(!0),te=setTimeout(()=>S(!0),10)):S(!1),()=>clearTimeout(te)},[g]);const oe=()=>{g||k(!1)};return m.useEffect(()=>{const te=ae=>{ae.key==="Escape"&&(t==null||t())};return g&&document.addEventListener("keydown",te),()=>document.removeEventListener("keydown",te)},[g,t]),m.useEffect(()=>(g?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[g]),v?Me.createPortal(i.jsxs("div",{className:Ja("fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300",b?"opacity-100":"opacity-0 pointer-events-none"),children:[i.jsx("div",{id:C,className:"fixed inset-0 bg-color-black/50",onClick:()=>{n&&(t==null||t(),h(!1))}}),i.jsxs("div",{id:y,className:`relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${b?"opacity-100 scale-100":"opacity-0 scale-95"} ${u?"w-full h-[calc(100%_-_40px)] m-5":`${d?"w-full":"w-auto"} ${f?Qa[f]:""} mx-5`} ${r}`,onTransitionEnd:oe,children:[i.jsxs("div",{className:"flex items-center justify-between mb-4",children:[a&&i.jsx("h2",{id:w,className:"text-xl font-semibold",children:a}),c&&i.jsx(ke,{id:D,color:"gray",icon:i.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:i.jsx("path",{d:"M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"})}),size:"small",roundedFull:!0,onClick:()=>{t==null||t(),h(!1)},variant:"transparent"})]}),i.jsx("div",{id:I,className:"grow max-h-[calc(100vh_-_130px)] overflow-y-auto",children:s}),l&&i.jsx("div",{id:B,className:"mt-8",children:l})]})]}),document.body):null});function pt(e,o,t){return Math.min(Math.max(e,o),t)}function Ra(e,o){const{innerWidth:t,innerHeight:n}=window,r=pt(e.left,12,t-o.width-12),a=e.top+o.height>n?e.top-o.height:e.top;return{left:r,top:pt(a,12,n-12)}}function ei(e,o){const{innerWidth:t,innerHeight:n}=window,{scrollX:r,scrollY:a}=window,s=pt(e.left,r+12,r+t-o.width-12),l=e.top-a+o.height>n?e.top-o.height:e.top;return{left:s,top:pt(l,a+12,1/0)}}function ti({items:e,trigger:o,className:t,dropdownItemClass:n,positioning:r="fixed"}){const[a,s]=m.useState(!1),[l,c]=m.useState({top:0,left:0}),[u,d]=m.useState(!1),f=m.useRef(null),p=m.useRef(null),g=v=>{v.stopPropagation(),s(k=>!k),d(!1),a||c(r==="fixed"?{top:v.clientY,left:v.clientX}:{top:v.clientY+window.scrollY,left:v.clientX+window.scrollX})};m.useLayoutEffect(()=>{if(!a||!p.current)return;const v=p.current.getBoundingClientRect(),{top:k,left:b}=l,S=r==="fixed"?Ra(l,v):ei(l,v);(S.left!==b||S.top!==k)&&c(S),setTimeout(()=>d(!0),150)},[a,r]),m.useEffect(()=>{const v=k=>{var b;p.current&&!p.current.contains(k.target)&&!((b=f.current)!=null&&b.contains(k.target))&&s(!1)};return a&&document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[a]);const h=i.jsx("div",{ref:p,className:`${r} mt-2 z-50 rounded-xl bg-color-white shadow-xl p-2 min-w-[160px] transition-all duration-200 transform ${u?"opacity-100 scale-100":"opacity-0 scale-95"} ${t}`,style:{top:l.top,left:l.left},children:e.map((v,k)=>i.jsxs("button",{type:"button",disabled:v.disabled,onClick:()=>{var b;(b=v.onClick)==null||b.call(v),s(!1)},className:`flex items-center gap-3 w-full text-left px-3 py-2 bg-color-transparent hover:bg-color-gray-100 transition-all cursor-pointer rounded-md text-md text-color-gray-700 ${v.disabled?"opacity-50 hover:bg-color-transparent !cursor-not-allowed":""} ${n} ${v.itemClass}`,children:[v.icon&&i.jsx("span",{children:v.icon}),i.jsx("span",{children:v.label})]},k))});return i.jsxs(i.Fragment,{children:[i.jsx("div",{ref:f,onClick:g,className:"cursor-pointer",children:o}),a&&Me.createPortal(h,document.body)]})}function oi(...e){return e.filter(Boolean).join(" ")}const sn=({open:e,onClose:o,className:t,title:n,children:r,childrenClass:a,actions:s,showCloseIcon:l=!0,anchor:c="left"})=>{const[u,d]=m.useState(!1),[f,p]=m.useState(!1);m.useEffect(()=>{let k;return e?(d(!0),k=setTimeout(()=>{p(!0)},10)):p(!1),()=>clearTimeout(k)},[e]);const g=()=>{e||d(!1)};if(m.useEffect(()=>{const k=b=>{b.key==="Escape"&&(o==null||o())};return e&&document.addEventListener("keydown",k),()=>document.removeEventListener("keydown",k)},[e,o]),m.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),!u)return null;const h={left:"left-0 top-0 h-full min-w-96 transition-all duration-300",right:"right-0 top-0 h-full min-w-96 transition-all duration-300",top:"top-0 left-0 w-full min-h-40 transition-all duration-300",bottom:"bottom-0 left-0 w-full min-h-40 transition-all duration-300"},v={left:f?"translate-x-0":"-translate-x-full",right:f?"translate-x-0":"translate-x-full",top:f?"translate-y-0":"-translate-y-full",bottom:f?"translate-y-0":"translate-y-full"};return Me.createPortal(i.jsxs("div",{className:oi("fixed inset-0 z-50 transition-opacity duration-300",f?"opacity-100":"opacity-0 pointer-events-none"),children:[i.jsx("div",{className:"fixed inset-0 bg-color-black/50",onClick:o}),i.jsxs("div",{className:`
149
149
  fixed bg-color-white shadow-lg z-50 p-6 flex flex-col
150
150
  ${h[c]}
151
151
  ${v[c]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unizap/uniui",
3
- "version": "1.1.12",
3
+ "version": "1.1.13",
4
4
  "description": "UniUi helps developers and designers build beautiful, responsive UIs faster with ready-made, customizable components. Simplify your workflow and create stunning user interfaces effortlessly.",
5
5
  "type": "module",
6
6
  "files": [