@dust-tt/sparkle 0.2.14 → 0.2.16

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 (8) hide show
  1. package/dist/cjs/components/Page.d.ts +8 -0
  2. package/dist/cjs/index.js +37 -26
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/esm/components/Page.d.ts +8 -0
  5. package/dist/esm/index.js +37 -26
  6. package/dist/esm/index.js.map +1 -1
  7. package/dist/tsconfig.tsbuildinfo +1 -1
  8. package/package.json +1 -1
package/dist/cjs/components/Page.d.ts CHANGED
@@ -10,6 +10,7 @@ export declare namespace Page {
10
10
  var Separator: () => React.JSX.Element;
11
11
  var P: ({ children, variant }: PagePProps) => React.JSX.Element;
12
12
  var H: ({ children, variant }: PageHProps) => React.JSX.Element;
13
+ var Layout: ({ children, direction, sizing, align, gap, }: PageLayoutProps) => React.JSX.Element;
13
14
  var Horizontal: ({ children, sizing, align, gap, }: PageDivProps) => React.JSX.Element;
14
15
  var Vertical: ({ children, sizing, align, gap, }: PageDivProps) => React.JSX.Element;
15
16
  var Fluid: ({ children, sizing, align, gap, }: PageDivProps) => React.JSX.Element;
@@ -34,6 +35,13 @@ interface PageHProps {
34
35
  variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
35
36
  children: React.ReactNode;
36
37
  }
38
+ interface PageLayoutProps {
39
+ children: React.ReactNode;
40
+ direction?: "horizontal" | "vertical" | "fluid";
41
+ sizing?: "shrink" | "grow";
42
+ align?: "stretch" | "left" | "center" | "right";
43
+ gap?: "xs" | "sm" | "md" | "lg" | "xl" | "none";
44
+ }
37
45
  interface PageDivProps {
38
46
  children: React.ReactNode;
39
47
  sizing?: "shrink" | "grow";
package/dist/cjs/index.js CHANGED
@@ -48,7 +48,7 @@ function styleInject(css, ref) {
48
48
  }
49
49
  }
50
50
 
51
- var css_248z = ".s-pointer-events-none {\n\n pointer-events: none\n}\n\n.s-fixed {\n\n position: fixed\n}\n\n.s-absolute {\n\n position: absolute\n}\n\n.s-relative {\n\n position: relative\n}\n\n.s-inset-0 {\n\n inset: 0px\n}\n\n.s-bottom-6 {\n\n bottom: 1.5rem\n}\n\n.s-bottom-full {\n\n bottom: 100%\n}\n\n.s-left-0 {\n\n left: 0px\n}\n\n.s-left-1\\/2 {\n\n left: 50%\n}\n\n.s-right-0 {\n\n right: 0px\n}\n\n.s-top-0 {\n\n top: 0px\n}\n\n.s-top-full {\n\n top: 100%\n}\n\n.s-z-10 {\n\n z-index: 10\n}\n\n.s-z-30 {\n\n z-index: 30\n}\n\n.s-z-50 {\n\n z-index: 50\n}\n\n.s-m-0 {\n\n margin: 0px\n}\n\n.s-mx-auto {\n\n margin-left: auto;\n\n margin-right: auto\n}\n\n.-s-mb-px {\n\n margin-bottom: -1px\n}\n\n.-s-mt-1 {\n\n margin-top: -0.25rem\n}\n\n.-s-mt-2 {\n\n margin-top: -0.5rem\n}\n\n.s-mb-2 {\n\n margin-bottom: 0.5rem\n}\n\n.s-ml-0 {\n\n margin-left: 0px\n}\n\n.s-ml-0\\.5 {\n\n margin-left: 0.125rem\n}\n\n.s-ml-2 {\n\n margin-left: 0.5rem\n}\n\n.s-mt-0 {\n\n margin-top: 0px\n}\n\n.s-mt-0\\.5 {\n\n margin-top: 0.125rem\n}\n\n.s-mt-16 {\n\n margin-top: 4rem\n}\n\n.s-mt-2 {\n\n margin-top: 0.5rem\n}\n\n.s-mt-4 {\n\n margin-top: 1rem\n}\n\n.s-mt-8 {\n\n margin-top: 2rem\n}\n\n.s-box-border {\n\n box-sizing: border-box\n}\n\n.s-inline-block {\n\n display: inline-block\n}\n\n.s-flex {\n\n display: flex\n}\n\n.s-inline-flex {\n\n display: inline-flex\n}\n\n.s-grid {\n\n display: grid\n}\n\n.s-hidden {\n\n display: none\n}\n\n.s-h-1\\/2 {\n\n height: 50%\n}\n\n.s-h-10 {\n\n height: 2.5rem\n}\n\n.s-h-12 {\n\n height: 3rem\n}\n\n.s-h-16 {\n\n height: 4rem\n}\n\n.s-h-36 {\n\n height: 9rem\n}\n\n.s-h-4 {\n\n height: 1rem\n}\n\n.s-h-5 {\n\n height: 1.25rem\n}\n\n.s-h-6 {\n\n height: 1.5rem\n}\n\n.s-h-7 {\n\n height: 1.75rem\n}\n\n.s-h-72 {\n\n height: 18rem\n}\n\n.s-h-8 {\n\n height: 2rem\n}\n\n.s-h-9 {\n\n height: 2.25rem\n}\n\n.s-h-96 {\n\n height: 24rem\n}\n\n.s-h-full {\n\n height: 100%\n}\n\n.s-h-px {\n\n height: 1px\n}\n\n.s-max-h-full {\n\n max-height: 100%\n}\n\n.s-min-h-full {\n\n min-height: 100%\n}\n\n.s-w-1\\/2 {\n\n width: 50%\n}\n\n.s-w-10 {\n\n width: 2.5rem\n}\n\n.s-w-14 {\n\n width: 3.5rem\n}\n\n.s-w-16 {\n\n width: 4rem\n}\n\n.s-w-32 {\n\n width: 8rem\n}\n\n.s-w-36 {\n\n width: 9rem\n}\n\n.s-w-4 {\n\n width: 1rem\n}\n\n.s-w-40 {\n\n width: 10rem\n}\n\n.s-w-48 {\n\n width: 12rem\n}\n\n.s-w-5 {\n\n width: 1.25rem\n}\n\n.s-w-6 {\n\n width: 1.5rem\n}\n\n.s-w-60 {\n\n width: 15rem\n}\n\n.s-w-64 {\n\n width: 16rem\n}\n\n.s-w-7 {\n\n width: 1.75rem\n}\n\n.s-w-72 {\n\n width: 18rem\n}\n\n.s-w-8 {\n\n width: 2rem\n}\n\n.s-w-\\[38em\\] {\n\n width: 38em\n}\n\n.s-w-full {\n\n width: 100%\n}\n\n.s-max-w-2xl {\n\n max-width: 42rem\n}\n\n.s-max-w-4xl {\n\n max-width: 56rem\n}\n\n.s-max-w-full {\n\n max-width: 100%\n}\n\n.s-flex-1 {\n\n flex: 1 1 0%\n}\n\n.s-flex-none {\n\n flex: none\n}\n\n.s-flex-shrink-0 {\n\n flex-shrink: 0\n}\n\n.s-shrink {\n\n flex-shrink: 1\n}\n\n.s-flex-grow {\n\n flex-grow: 1\n}\n\n.s-grow {\n\n flex-grow: 1\n}\n\n.s-basis-0 {\n\n flex-basis: 0px\n}\n\n.s-origin-bottom-left {\n\n transform-origin: bottom left\n}\n\n.s-origin-bottom-right {\n\n transform-origin: bottom right\n}\n\n.s-origin-top-left {\n\n transform-origin: top left\n}\n\n.s-origin-top-right {\n\n transform-origin: top right\n}\n\n.-s-translate-x-1\\/2 {\n\n --tw-translate-x: -50%;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.-s-translate-y-0 {\n\n --tw-translate-y: -0px;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.-s-translate-y-5 {\n\n --tw-translate-y: -1.25rem;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.s-translate-x-0 {\n\n --tw-translate-x: 0px;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.s-translate-x-full {\n\n --tw-translate-x: 100%;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.s-translate-y-0 {\n\n --tw-translate-y: 0px;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.s-translate-y-2 {\n\n --tw-translate-y: 0.5rem;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.s-translate-y-4 {\n\n --tw-translate-y: 1rem;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.s-translate-y-5 {\n\n --tw-translate-y: 1.25rem;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.s-scale-100 {\n\n --tw-scale-x: 1;\n\n --tw-scale-y: 1;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.s-scale-95 {\n\n --tw-scale-x: .95;\n\n --tw-scale-y: .95;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.s-transform {\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.s-animate-\\[bgblink_500ms_3\\] {\n\n animation: bgblink 500ms 3\n}\n\n@keyframes s-breathing {\n\n 0%, 100% {\n\n filter: brightness(105%)\n }\n\n 50% {\n\n filter: brightness(80%)\n }\n}\n\n.s-animate-breathing {\n\n animation: s-breathing 4s infinite ease-in-out\n}\n\n@keyframes s-move-square {\n\n 0% {\n\n padding-left: 0;\n\n padding-top: 0;\n\n padding-right: 50%;\n\n padding-bottom: 50%\n }\n\n 12.5% {\n\n padding-left: 0;\n\n padding-top: 0;\n\n padding-right: 0;\n\n padding-bottom: 50%\n }\n\n 25% {\n\n padding-left: 50%;\n\n padding-top: 0;\n\n padding-right: 0;\n\n padding-bottom: 50%\n }\n\n 37.5% {\n\n padding-left: 50%;\n\n padding-top: 0;\n\n padding-right: 0;\n\n padding-bottom: 0\n }\n\n 50% {\n\n padding-left: 50%;\n\n padding-top: 50%;\n\n padding-right: 0;\n\n padding-bottom: 0\n }\n\n 62.5% {\n\n padding-left: 0;\n\n padding-top: 50%;\n\n padding-right: 0;\n\n padding-bottom: 0\n }\n\n 75% {\n\n padding-left: 0;\n\n padding-top: 50%;\n\n padding-right: 50%;\n\n padding-bottom: 0\n }\n\n 87.5% {\n\n padding-left: 0;\n\n padding-top: 0;\n\n padding-right: 50%;\n\n padding-bottom: 0\n }\n\n 100% {\n\n padding-left: 0;\n\n padding-top: 0;\n\n padding-right: 50%;\n\n padding-bottom: 50%\n }\n}\n\n.s-animate-move-square {\n\n animation: s-move-square 4s ease-out infinite\n}\n\n.s-cursor-default {\n\n cursor: default\n}\n\n.s-cursor-not-allowed {\n\n cursor: not-allowed\n}\n\n.s-cursor-pointer {\n\n cursor: pointer\n}\n\n.s-select-none {\n\n -webkit-user-select: none;\n\n -moz-user-select: none;\n\n user-select: none\n}\n\n.s-grid-cols-3 {\n\n grid-template-columns: repeat(3, minmax(0, 1fr))\n}\n\n.s-flex-row {\n\n flex-direction: row\n}\n\n.s-flex-col {\n\n flex-direction: column\n}\n\n.s-flex-wrap {\n\n flex-wrap: wrap\n}\n\n.s-flex-nowrap {\n\n flex-wrap: nowrap\n}\n\n.s-items-start {\n\n align-items: flex-start\n}\n\n.s-items-end {\n\n align-items: flex-end\n}\n\n.s-items-center {\n\n align-items: center\n}\n\n.s-items-baseline {\n\n align-items: baseline\n}\n\n.s-items-stretch {\n\n align-items: stretch\n}\n\n.s-justify-start {\n\n justify-content: flex-start\n}\n\n.s-justify-end {\n\n justify-content: flex-end\n}\n\n.s-justify-center {\n\n justify-content: center\n}\n\n.s-justify-between {\n\n justify-content: space-between\n}\n\n.s-justify-stretch {\n\n justify-content: stretch\n}\n\n.s-justify-items-center {\n\n justify-items: center\n}\n\n.s-gap-0 {\n\n gap: 0px\n}\n\n.s-gap-1 {\n\n gap: 0.25rem\n}\n\n.s-gap-1\\.5 {\n\n gap: 0.375rem\n}\n\n.s-gap-10 {\n\n gap: 2.5rem\n}\n\n.s-gap-16 {\n\n gap: 4rem\n}\n\n.s-gap-2 {\n\n gap: 0.5rem\n}\n\n.s-gap-3 {\n\n gap: 0.75rem\n}\n\n.s-gap-4 {\n\n gap: 1rem\n}\n\n.s-gap-5 {\n\n gap: 1.25rem\n}\n\n.s-gap-6 {\n\n gap: 1.5rem\n}\n\n.s-gap-8 {\n\n gap: 2rem\n}\n\n.s-gap-x-1 {\n\n -moz-column-gap: 0.25rem;\n\n column-gap: 0.25rem\n}\n\n.s-gap-x-1\\.5 {\n\n -moz-column-gap: 0.375rem;\n\n column-gap: 0.375rem\n}\n\n.s-gap-x-2 {\n\n -moz-column-gap: 0.5rem;\n\n column-gap: 0.5rem\n}\n\n.s-gap-y-2 {\n\n row-gap: 0.5rem\n}\n\n.s-gap-y-96 {\n\n row-gap: 24rem\n}\n\n.s-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n\n --tw-space-x-reverse: 0;\n\n margin-right: calc(0px * var(--tw-space-x-reverse));\n\n margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))\n}\n\n.s-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n\n --tw-space-x-reverse: 0;\n\n margin-right: calc(0.5rem * var(--tw-space-x-reverse));\n\n margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))\n}\n\n.s-self-stretch {\n\n align-self: stretch\n}\n\n.s-overflow-auto {\n\n overflow: auto\n}\n\n.s-overflow-hidden {\n\n overflow: hidden\n}\n\n.s-overflow-y-auto {\n\n overflow-y: auto\n}\n\n.s-truncate {\n\n overflow: hidden;\n\n text-overflow: ellipsis;\n\n white-space: nowrap\n}\n\n.s-overflow-ellipsis {\n\n text-overflow: ellipsis\n}\n\n.s-text-ellipsis {\n\n text-overflow: ellipsis\n}\n\n.s-whitespace-nowrap {\n\n white-space: nowrap\n}\n\n.s-break-words {\n\n overflow-wrap: break-word\n}\n\n.s-rounded-2xl {\n\n border-radius: 1rem\n}\n\n.s-rounded-3xl {\n\n border-radius: 1.5rem\n}\n\n.s-rounded-\\[25\\%\\] {\n\n border-radius: 25%\n}\n\n.s-rounded-full {\n\n border-radius: 9999px\n}\n\n.s-rounded-lg {\n\n border-radius: 0.5rem\n}\n\n.s-rounded-md {\n\n border-radius: 0.375rem\n}\n\n.s-rounded-xl {\n\n border-radius: 0.75rem\n}\n\n.s-border {\n\n border-width: 1px\n}\n\n.s-border-0 {\n\n border-width: 0px\n}\n\n.s-border-b {\n\n border-bottom-width: 1px\n}\n\n.s-border-b-2 {\n\n border-bottom-width: 2px\n}\n\n.s-border-t {\n\n border-top-width: 1px\n}\n\n.s-border-action-200 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n\n.s-border-action-300 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n\n.s-border-action-500 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.s-border-action-600 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(37 99 235 / var(--tw-border-opacity))\n}\n\n.s-border-amber-200 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(253 230 138 / var(--tw-border-opacity))\n}\n\n.s-border-element-500 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(203 213 225 / var(--tw-border-opacity))\n}\n\n.s-border-element-600 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(148 163 184 / var(--tw-border-opacity))\n}\n\n.s-border-emerald-200 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(167 243 208 / var(--tw-border-opacity))\n}\n\n.s-border-indigo-200 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(199 210 254 / var(--tw-border-opacity))\n}\n\n.s-border-pink-200 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(251 207 232 / var(--tw-border-opacity))\n}\n\n.s-border-sky-200 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(186 230 253 / var(--tw-border-opacity))\n}\n\n.s-border-slate-200 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n\n.s-border-structure-100 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(241 245 249 / var(--tw-border-opacity))\n}\n\n.s-border-structure-200 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n\n.s-border-structure-300 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(203 213 225 / var(--tw-border-opacity))\n}\n\n.s-border-structure-300\\/30 {\n\n border-color: rgb(203 213 225 / 0.3)\n}\n\n.s-border-transparent {\n\n border-color: transparent\n}\n\n.s-border-violet-200 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(221 214 254 / var(--tw-border-opacity))\n}\n\n.s-border-warning-200 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n\n.s-border-warning-600 {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(220 38 38 / var(--tw-border-opacity))\n}\n\n.s-bg-action-100 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.s-bg-action-200 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.s-bg-action-50 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(239 246 255 / var(--tw-bg-opacity))\n}\n\n.s-bg-action-500 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n.s-bg-amber-100 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(254 243 199 / var(--tw-bg-opacity))\n}\n\n.s-bg-amber-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(252 211 77 / var(--tw-bg-opacity))\n}\n\n.s-bg-blue-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(147 197 253 / var(--tw-bg-opacity))\n}\n\n.s-bg-brand {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n\n.s-bg-cyan-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(103 232 249 / var(--tw-bg-opacity))\n}\n\n.s-bg-element-500 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n.s-bg-element-600 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n\n.s-bg-element-700 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n\n.s-bg-element-800 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n.s-bg-emerald-100 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(209 250 229 / var(--tw-bg-opacity))\n}\n\n.s-bg-emerald-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n\n.s-bg-emerald-400 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n\n.s-bg-fuchsia-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(240 171 252 / var(--tw-bg-opacity))\n}\n\n.s-bg-gray-500 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(107 114 128 / var(--tw-bg-opacity))\n}\n\n.s-bg-green-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(134 239 172 / var(--tw-bg-opacity))\n}\n\n.s-bg-indigo-100 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(224 231 255 / var(--tw-bg-opacity))\n}\n\n.s-bg-indigo-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(165 180 252 / var(--tw-bg-opacity))\n}\n\n.s-bg-lime-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(190 242 100 / var(--tw-bg-opacity))\n}\n\n.s-bg-orange-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(253 186 116 / var(--tw-bg-opacity))\n}\n\n.s-bg-pink-100 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(252 231 243 / var(--tw-bg-opacity))\n}\n\n.s-bg-pink-400 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(244 114 182 / var(--tw-bg-opacity))\n}\n\n.s-bg-purple-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(216 180 254 / var(--tw-bg-opacity))\n}\n\n.s-bg-red-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(252 165 165 / var(--tw-bg-opacity))\n}\n\n.s-bg-rose-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(253 164 175 / var(--tw-bg-opacity))\n}\n\n.s-bg-sky-100 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(224 242 254 / var(--tw-bg-opacity))\n}\n\n.s-bg-sky-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(125 211 252 / var(--tw-bg-opacity))\n}\n\n.s-bg-sky-400 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(56 189 248 / var(--tw-bg-opacity))\n}\n\n.s-bg-slate-100 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(241 245 249 / var(--tw-bg-opacity))\n}\n\n.s-bg-slate-200 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n\n.s-bg-slate-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n.s-bg-slate-800 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n\n.s-bg-structure-0 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n\n.s-bg-structure-200 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n\n.s-bg-structure-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n.s-bg-structure-50 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n\n.s-bg-success-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n\n.s-bg-success-400 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n\n.s-bg-success-500 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n\n.s-bg-teal-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(94 234 212 / var(--tw-bg-opacity))\n}\n\n.s-bg-violet-100 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(237 233 254 / var(--tw-bg-opacity))\n}\n\n.s-bg-violet-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(196 181 253 / var(--tw-bg-opacity))\n}\n\n.s-bg-warning-100 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n\n.s-bg-warning-500 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n\n.s-bg-white {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n\n.s-bg-white\\/80 {\n\n background-color: rgb(255 255 255 / 0.8)\n}\n\n.s-bg-yellow-300 {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(253 224 71 / var(--tw-bg-opacity))\n}\n\n.s-bg-opacity-75 {\n\n --tw-bg-opacity: 0.75\n}\n\n.s-object-cover {\n\n -o-object-fit: cover;\n\n object-fit: cover\n}\n\n.s-object-center {\n\n -o-object-position: center;\n\n object-position: center\n}\n\n.s-p-0 {\n\n padding: 0px\n}\n\n.s-p-1 {\n\n padding: 0.25rem\n}\n\n.s-p-2 {\n\n padding: 0.5rem\n}\n\n.s-p-3 {\n\n padding: 0.75rem\n}\n\n.s-p-4 {\n\n padding: 1rem\n}\n\n.s-p-6 {\n\n padding: 1.5rem\n}\n\n.s-px-0 {\n\n padding-left: 0px;\n\n padding-right: 0px\n}\n\n.s-px-0\\.5 {\n\n padding-left: 0.125rem;\n\n padding-right: 0.125rem\n}\n\n.s-px-1 {\n\n padding-left: 0.25rem;\n\n padding-right: 0.25rem\n}\n\n.s-px-2 {\n\n padding-left: 0.5rem;\n\n padding-right: 0.5rem\n}\n\n.s-px-3 {\n\n padding-left: 0.75rem;\n\n padding-right: 0.75rem\n}\n\n.s-px-4 {\n\n padding-left: 1rem;\n\n padding-right: 1rem\n}\n\n.s-px-5 {\n\n padding-left: 1.25rem;\n\n padding-right: 1.25rem\n}\n\n.s-px-6 {\n\n padding-left: 1.5rem;\n\n padding-right: 1.5rem\n}\n\n.s-py-0 {\n\n padding-top: 0px;\n\n padding-bottom: 0px\n}\n\n.s-py-0\\.5 {\n\n padding-top: 0.125rem;\n\n padding-bottom: 0.125rem\n}\n\n.s-py-1 {\n\n padding-top: 0.25rem;\n\n padding-bottom: 0.25rem\n}\n\n.s-py-1\\.5 {\n\n padding-top: 0.375rem;\n\n padding-bottom: 0.375rem\n}\n\n.s-py-16 {\n\n padding-top: 4rem;\n\n padding-bottom: 4rem\n}\n\n.s-py-2 {\n\n padding-top: 0.5rem;\n\n padding-bottom: 0.5rem\n}\n\n.s-py-2\\.5 {\n\n padding-top: 0.625rem;\n\n padding-bottom: 0.625rem\n}\n\n.s-py-3 {\n\n padding-top: 0.75rem;\n\n padding-bottom: 0.75rem\n}\n\n.s-py-4 {\n\n padding-top: 1rem;\n\n padding-bottom: 1rem\n}\n\n.s-pb-2 {\n\n padding-bottom: 0.5rem\n}\n\n.s-pb-5 {\n\n padding-bottom: 1.25rem\n}\n\n.s-pb-6 {\n\n padding-bottom: 1.5rem\n}\n\n.s-pl-0 {\n\n padding-left: 0px\n}\n\n.s-pl-0\\.5 {\n\n padding-left: 0.125rem\n}\n\n.s-pl-1 {\n\n padding-left: 0.25rem\n}\n\n.s-pl-2 {\n\n padding-left: 0.5rem\n}\n\n.s-pl-32 {\n\n padding-left: 8rem\n}\n\n.s-pl-4 {\n\n padding-left: 1rem\n}\n\n.s-pl-5 {\n\n padding-left: 1.25rem\n}\n\n.s-pl-64 {\n\n padding-left: 16rem\n}\n\n.s-pr-3 {\n\n padding-right: 0.75rem\n}\n\n.s-pr-4 {\n\n padding-right: 1rem\n}\n\n.s-pr-5 {\n\n padding-right: 1.25rem\n}\n\n.s-pr-8 {\n\n padding-right: 2rem\n}\n\n.s-pt-1 {\n\n padding-top: 0.25rem\n}\n\n.s-pt-1\\.5 {\n\n padding-top: 0.375rem\n}\n\n.s-pt-14 {\n\n padding-top: 3.5rem\n}\n\n.s-pt-2 {\n\n padding-top: 0.5rem\n}\n\n.s-pt-3 {\n\n padding-top: 0.75rem\n}\n\n.s-pt-4 {\n\n padding-top: 1rem\n}\n\n.s-text-left {\n\n text-align: left\n}\n\n.s-text-right {\n\n text-align: right\n}\n\n.s-text-2xl {\n\n font-size: 1.5rem;\n\n line-height: 2rem\n}\n\n.s-text-3xl {\n\n font-size: 1.875rem;\n\n line-height: 2.25rem\n}\n\n.s-text-4xl {\n\n font-size: 2.25rem;\n\n line-height: 2.5rem\n}\n\n.s-text-7xl {\n\n font-size: 4.5rem;\n\n line-height: 1\n}\n\n.s-text-base {\n\n font-size: 1rem;\n\n line-height: 1.5rem\n}\n\n.s-text-lg {\n\n font-size: 1.125rem;\n\n line-height: 1.75rem\n}\n\n.s-text-sm {\n\n font-size: 0.875rem;\n\n line-height: 1.25rem\n}\n\n.s-text-xl {\n\n font-size: 1.25rem;\n\n line-height: 1.75rem\n}\n\n.s-text-xs {\n\n font-size: 0.75rem;\n\n line-height: 1rem\n}\n\n.s-font-bold {\n\n font-weight: 700\n}\n\n.s-font-medium {\n\n font-weight: 500\n}\n\n.s-font-normal {\n\n font-weight: 400\n}\n\n.s-font-semibold {\n\n font-weight: 600\n}\n\n.s-uppercase {\n\n text-transform: uppercase\n}\n\n.s-text-action-300 {\n\n --tw-text-opacity: 1;\n\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n.s-text-action-400 {\n\n --tw-text-opacity: 1;\n\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.s-text-action-500 {\n\n --tw-text-opacity: 1;\n\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n.s-text-action-800 {\n\n --tw-text-opacity: 1;\n\n color: rgb(30 64 175 / var(--tw-text-opacity))\n}\n\n.s-text-action-900 {\n\n --tw-text-opacity: 1;\n\n color: rgb(30 58 138 / var(--tw-text-opacity))\n}\n\n.s-text-amber-500 {\n\n --tw-text-opacity: 1;\n\n color: rgb(245 158 11 / var(--tw-text-opacity))\n}\n\n.s-text-amber-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(180 83 9 / var(--tw-text-opacity))\n}\n\n.s-text-amber-900 {\n\n --tw-text-opacity: 1;\n\n color: rgb(120 53 15 / var(--tw-text-opacity))\n}\n\n.s-text-blue-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n.s-text-brand {\n\n --tw-text-opacity: 1;\n\n color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n\n.s-text-cyan-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(14 116 144 / var(--tw-text-opacity))\n}\n\n.s-text-element-500 {\n\n --tw-text-opacity: 1;\n\n color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n\n.s-text-element-600 {\n\n --tw-text-opacity: 1;\n\n color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n\n.s-text-element-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n\n.s-text-element-800 {\n\n --tw-text-opacity: 1;\n\n color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n\n.s-text-element-900 {\n\n --tw-text-opacity: 1;\n\n color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n\n.s-text-emerald-500 {\n\n --tw-text-opacity: 1;\n\n color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n\n.s-text-emerald-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(4 120 87 / var(--tw-text-opacity))\n}\n\n.s-text-emerald-900 {\n\n --tw-text-opacity: 1;\n\n color: rgb(6 78 59 / var(--tw-text-opacity))\n}\n\n.s-text-fuchsia-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(162 28 175 / var(--tw-text-opacity))\n}\n\n.s-text-gray-500 {\n\n --tw-text-opacity: 1;\n\n color: rgb(107 114 128 / var(--tw-text-opacity))\n}\n\n.s-text-green-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(21 128 61 / var(--tw-text-opacity))\n}\n\n.s-text-indigo-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(67 56 202 / var(--tw-text-opacity))\n}\n\n.s-text-indigo-900 {\n\n --tw-text-opacity: 1;\n\n color: rgb(49 46 129 / var(--tw-text-opacity))\n}\n\n.s-text-lime-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(77 124 15 / var(--tw-text-opacity))\n}\n\n.s-text-orange-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(194 65 12 / var(--tw-text-opacity))\n}\n\n.s-text-pink-900 {\n\n --tw-text-opacity: 1;\n\n color: rgb(131 24 67 / var(--tw-text-opacity))\n}\n\n.s-text-purple-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(126 34 206 / var(--tw-text-opacity))\n}\n\n.s-text-red-500 {\n\n --tw-text-opacity: 1;\n\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n.s-text-red-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(185 28 28 / var(--tw-text-opacity))\n}\n\n.s-text-rose-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(190 18 60 / var(--tw-text-opacity))\n}\n\n.s-text-sky-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(3 105 161 / var(--tw-text-opacity))\n}\n\n.s-text-sky-900 {\n\n --tw-text-opacity: 1;\n\n color: rgb(12 74 110 / var(--tw-text-opacity))\n}\n\n.s-text-slate-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n\n.s-text-slate-900 {\n\n --tw-text-opacity: 1;\n\n color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n\n.s-text-teal-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(15 118 110 / var(--tw-text-opacity))\n}\n\n.s-text-transparent {\n\n color: transparent\n}\n\n.s-text-violet-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(109 40 217 / var(--tw-text-opacity))\n}\n\n.s-text-violet-900 {\n\n --tw-text-opacity: 1;\n\n color: rgb(76 29 149 / var(--tw-text-opacity))\n}\n\n.s-text-warning-300 {\n\n --tw-text-opacity: 1;\n\n color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n\n.s-text-warning-500 {\n\n --tw-text-opacity: 1;\n\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n.s-text-warning-900 {\n\n --tw-text-opacity: 1;\n\n color: rgb(127 29 29 / var(--tw-text-opacity))\n}\n\n.s-text-white {\n\n --tw-text-opacity: 1;\n\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n\n.s-text-white\\/70 {\n\n color: rgb(255 255 255 / 0.7)\n}\n\n.s-text-yellow-700 {\n\n --tw-text-opacity: 1;\n\n color: rgb(161 98 7 / var(--tw-text-opacity))\n}\n\n.s-placeholder-element-600::-moz-placeholder {\n\n --tw-placeholder-opacity: 1;\n\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n.s-placeholder-element-600::placeholder {\n\n --tw-placeholder-opacity: 1;\n\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n.s-opacity-0 {\n\n opacity: 0\n}\n\n.s-opacity-100 {\n\n opacity: 1\n}\n\n.s-opacity-20 {\n\n opacity: 0.2\n}\n\n.s-opacity-40 {\n\n opacity: 0.4\n}\n\n.s-opacity-50 {\n\n opacity: 0.5\n}\n\n.s-opacity-60 {\n\n opacity: 0.6\n}\n\n.s-shadow-lg {\n\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n\n.s-shadow-md {\n\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n\n.s-shadow-sm {\n\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n\n.s-shadow-xl {\n\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n\n.s-outline-none {\n\n outline: 2px solid transparent;\n\n outline-offset: 2px\n}\n\n.s-ring-0 {\n\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.s-ring-1 {\n\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.s-ring-red-200 {\n\n --tw-ring-opacity: 1;\n\n --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n\n.s-ring-structure-200 {\n\n --tw-ring-opacity: 1;\n\n --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity))\n}\n\n.s-ring-warning-200 {\n\n --tw-ring-opacity: 1;\n\n --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n\n.s-drop-shadow {\n\n --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\n\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-drop-shadow-md {\n\n --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\n\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-backdrop-blur {\n\n --tw-backdrop-blur: blur(8px);\n\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n\n.s-transition {\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-duration: 150ms\n}\n\n.s-transition-all {\n\n transition-property: all;\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-duration: 150ms\n}\n\n.s-transition-colors {\n\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-duration: 150ms\n}\n\n.s-transition-opacity {\n\n transition-property: opacity;\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-duration: 150ms\n}\n\n.s-transition-transform {\n\n transition-property: transform;\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n transition-duration: 150ms\n}\n\n.s-duration-200 {\n\n transition-duration: 200ms\n}\n\n.s-duration-300 {\n\n transition-duration: 300ms\n}\n\n.s-duration-500 {\n\n transition-duration: 500ms\n}\n\n.s-duration-75 {\n\n transition-duration: 75ms\n}\n\n.s-ease-in {\n\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1)\n}\n\n.s-ease-in-out {\n\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n\n.s-ease-out {\n\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1)\n}\n\n@keyframes bgblink {\n 0%,\n 100% {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n }\n 50% {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(243 232 255 / var(--tw-bg-opacity))\n }\n}\n\n.hover\\:s-scale-100:hover {\n\n --tw-scale-x: 1;\n\n --tw-scale-y: 1;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-105:hover {\n\n --tw-scale-x: 1.05;\n\n --tw-scale-y: 1.05;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-110:hover {\n\n --tw-scale-x: 1.1;\n\n --tw-scale-y: 1.1;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-cursor-not-allowed:hover {\n\n cursor: not-allowed\n}\n\n.hover\\:s-border-action-200:hover {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-300:hover {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-500:hover {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-200:hover {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-500:hover {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.hover\\:s-bg-action-200:hover {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-400:hover {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-50:hover {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(239 246 255 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-structure-300:hover {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-success-300:hover {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-400:hover {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(248 113 113 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-50:hover {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(254 242 242 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-text-action-400:hover {\n\n --tw-text-opacity: 1;\n\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-action-500:hover {\n\n --tw-text-opacity: 1;\n\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-element-800:hover {\n\n --tw-text-opacity: 1;\n\n color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-warning-400:hover {\n\n --tw-text-opacity: 1;\n\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n.hover\\:s-brightness-110:hover {\n\n --tw-brightness: brightness(1.1);\n\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-drop-shadow-md:hover {\n\n --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\n\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-filter:hover {\n\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.focus\\:s-outline-none:focus {\n\n outline: 2px solid transparent;\n\n outline-offset: 2px\n}\n\n.focus\\:s-ring-0:focus {\n\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-2:focus {\n\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-action-300:focus {\n\n --tw-ring-opacity: 1;\n\n --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-red-200:focus {\n\n --tw-ring-opacity: 1;\n\n --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-warning-300:focus {\n\n --tw-ring-opacity: 1;\n\n --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity))\n}\n\n.active\\:s-scale-100:active {\n\n --tw-scale-x: 1;\n\n --tw-scale-y: 1;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.active\\:s-border-action-500:active {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-700:active {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-500:active {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-700:active {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n.active\\:s-bg-action-100:active {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-600:active {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(37 99 235 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-100:active {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-600:active {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(220 38 38 / var(--tw-bg-opacity))\n}\n\n.active\\:s-text-action-600:active {\n\n --tw-text-opacity: 1;\n\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-action-700:active {\n\n --tw-text-opacity: 1;\n\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-element-900:active {\n\n --tw-text-opacity: 1;\n\n color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-warning-600:active {\n\n --tw-text-opacity: 1;\n\n color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n\n.active\\:s-brightness-90:active {\n\n --tw-brightness: brightness(.9);\n\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.active\\:s-drop-shadow-none:active {\n\n --tw-drop-shadow: drop-shadow(0 0 #0000);\n\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-group:hover .group-hover\\:s-text-action-400 {\n\n --tw-text-opacity: 1;\n\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.s-group:hover .group-hover\\:s-text-action-500 {\n\n --tw-text-opacity: 1;\n\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-action-200-dark) {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(30 64 175 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(100 116 139 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(30 41 59 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(51 65 85 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark) {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(71 85 105 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-warning-200-dark) {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(153 27 27 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-100-dark) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-500-dark) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-black) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-500-dark) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-600-dark) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-700-dark) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-900-dark) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-sky-700) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(3 105 161 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-0-dark) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-200-dark) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-300-dark) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(71 85 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(15 23 42 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-success-400-dark) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(5 150 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-warning-100-dark) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-300-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-400-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-500-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-600-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-700-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-500-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-600-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-700-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-800-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-900-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-500-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-600-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-700-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::-moz-placeholder {\n\n --tw-placeholder-opacity: 1;\n\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::placeholder {\n\n --tw-placeholder-opacity: 1;\n\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-structure-200-dark) {\n\n --tw-ring-opacity: 1;\n\n --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-structure-300-dark) {\n\n --tw-ring-opacity: 1;\n\n --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-warning-200-dark) {\n\n --tw-ring-opacity: 1;\n\n --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-300-dark:hover) {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-500-dark:hover) {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-warning-300-dark:hover) {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-200-dark:hover) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(30 64 175 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-400:hover) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-50-dark:hover) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(23 37 84 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-warning-50-dark:hover) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(69 10 10 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-300:hover) {\n\n --tw-text-opacity: 1;\n\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-400:hover) {\n\n --tw-text-opacity: 1;\n\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-500-dark:hover) {\n\n --tw-text-opacity: 1;\n\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-600-dark:hover) {\n\n --tw-text-opacity: 1;\n\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-700-dark:hover) {\n\n --tw-text-opacity: 1;\n\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-element-800-dark:hover) {\n\n --tw-text-opacity: 1;\n\n color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-warning-500-dark:hover) {\n\n --tw-text-opacity: 1;\n\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-action-300-dark:focus) {\n\n --tw-ring-opacity: 1;\n\n --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-warning-300-dark:focus) {\n\n --tw-ring-opacity: 1;\n\n --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-action-500-dark:active) {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-warning-500-dark:active) {\n\n --tw-border-opacity: 1;\n\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-action-100-dark:active) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-warning-100-dark:active) {\n\n --tw-bg-opacity: 1;\n\n background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600:active) {\n\n --tw-text-opacity: 1;\n\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600-dark:active) {\n\n --tw-text-opacity: 1;\n\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-700-dark:active) {\n\n --tw-text-opacity: 1;\n\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-element-900-dark:active) {\n\n --tw-text-opacity: 1;\n\n color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-warning-600-dark:active) {\n\n --tw-text-opacity: 1;\n\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400) {\n\n --tw-text-opacity: 1;\n\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-500-dark) {\n\n --tw-text-opacity: 1;\n\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n@media (min-width: 640px) {\n\n .sm\\:s-block {\n\n display: block\n }\n\n .sm\\:s-w-1\\/3 {\n\n width: 33.333333%\n }\n\n .sm\\:s-w-64 {\n\n width: 16rem\n }\n\n .sm\\:s-translate-y-0 {\n\n --tw-translate-y: 0px;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n }\n\n .sm\\:s-scale-100 {\n\n --tw-scale-x: 1;\n\n --tw-scale-y: 1;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n }\n\n .sm\\:s-scale-95 {\n\n --tw-scale-x: .95;\n\n --tw-scale-y: .95;\n\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n }\n\n .sm\\:s-px-6 {\n\n padding-left: 1.5rem;\n\n padding-right: 1.5rem\n }\n}\n\n@media (min-width: 768px) {\n\n .md\\:s-flex-row {\n\n flex-direction: row\n }\n\n .md\\:s-items-center {\n\n align-items: center\n }\n}\n\n@media (min-width: 1024px) {\n\n .lg\\:s-w-1\\/2 {\n\n width: 50%\n }\n}\n";
51
+ var css_248z = ".s-form-checkbox,.s-form-radio {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding: 0;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n display: inline-block;\n vertical-align: middle;\n background-origin: border-box;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n flex-shrink: 0;\n height: 1rem;\n width: 1rem;\n color: #2563eb;\n background-color: #fff;\n border-color: #6b7280;\n border-width: 1px;\n --tw-shadow: 0 0 #0000\n}\n.s-form-radio {\n border-radius: 100%\n}\n.s-form-checkbox:focus,.s-form-radio:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #2563eb;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)\n}\n.s-form-checkbox:checked,.s-form-radio:checked {\n border-color: transparent;\n background-color: currentColor;\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat\n}\n.s-form-radio:checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")\n}\n.s-form-checkbox:checked:hover,.s-form-checkbox:checked:focus,.s-form-radio:checked:hover,.s-form-radio:checked:focus {\n border-color: transparent;\n background-color: currentColor\n}\n.s-pointer-events-none {\n pointer-events: none\n}\n.s-fixed {\n position: fixed\n}\n.s-absolute {\n position: absolute\n}\n.s-relative {\n position: relative\n}\n.s-inset-0 {\n inset: 0px\n}\n.s-bottom-6 {\n bottom: 1.5rem\n}\n.s-bottom-full {\n bottom: 100%\n}\n.s-left-0 {\n left: 0px\n}\n.s-left-1\\/2 {\n left: 50%\n}\n.s-right-0 {\n right: 0px\n}\n.s-top-0 {\n top: 0px\n}\n.s-top-full {\n top: 100%\n}\n.s-z-10 {\n z-index: 10\n}\n.s-z-30 {\n z-index: 30\n}\n.s-z-50 {\n z-index: 50\n}\n.s-m-0 {\n margin: 0px\n}\n.s-mx-auto {\n margin-left: auto;\n margin-right: auto\n}\n.-s-mb-px {\n margin-bottom: -1px\n}\n.-s-mt-1 {\n margin-top: -0.25rem\n}\n.-s-mt-2 {\n margin-top: -0.5rem\n}\n.s-mb-2 {\n margin-bottom: 0.5rem\n}\n.s-ml-0 {\n margin-left: 0px\n}\n.s-ml-0\\.5 {\n margin-left: 0.125rem\n}\n.s-ml-2 {\n margin-left: 0.5rem\n}\n.s-mt-0 {\n margin-top: 0px\n}\n.s-mt-0\\.5 {\n margin-top: 0.125rem\n}\n.s-mt-16 {\n margin-top: 4rem\n}\n.s-mt-2 {\n margin-top: 0.5rem\n}\n.s-mt-4 {\n margin-top: 1rem\n}\n.s-mt-8 {\n margin-top: 2rem\n}\n.s-box-border {\n box-sizing: border-box\n}\n.s-inline-block {\n display: inline-block\n}\n.s-flex {\n display: flex\n}\n.s-inline-flex {\n display: inline-flex\n}\n.s-grid {\n display: grid\n}\n.s-hidden {\n display: none\n}\n.s-h-1\\/2 {\n height: 50%\n}\n.s-h-10 {\n height: 2.5rem\n}\n.s-h-12 {\n height: 3rem\n}\n.s-h-16 {\n height: 4rem\n}\n.s-h-36 {\n height: 9rem\n}\n.s-h-4 {\n height: 1rem\n}\n.s-h-5 {\n height: 1.25rem\n}\n.s-h-6 {\n height: 1.5rem\n}\n.s-h-7 {\n height: 1.75rem\n}\n.s-h-72 {\n height: 18rem\n}\n.s-h-8 {\n height: 2rem\n}\n.s-h-9 {\n height: 2.25rem\n}\n.s-h-96 {\n height: 24rem\n}\n.s-h-full {\n height: 100%\n}\n.s-h-px {\n height: 1px\n}\n.s-max-h-full {\n max-height: 100%\n}\n.s-min-h-full {\n min-height: 100%\n}\n.s-w-1\\/2 {\n width: 50%\n}\n.s-w-10 {\n width: 2.5rem\n}\n.s-w-14 {\n width: 3.5rem\n}\n.s-w-16 {\n width: 4rem\n}\n.s-w-32 {\n width: 8rem\n}\n.s-w-36 {\n width: 9rem\n}\n.s-w-4 {\n width: 1rem\n}\n.s-w-40 {\n width: 10rem\n}\n.s-w-48 {\n width: 12rem\n}\n.s-w-5 {\n width: 1.25rem\n}\n.s-w-6 {\n width: 1.5rem\n}\n.s-w-60 {\n width: 15rem\n}\n.s-w-64 {\n width: 16rem\n}\n.s-w-7 {\n width: 1.75rem\n}\n.s-w-72 {\n width: 18rem\n}\n.s-w-8 {\n width: 2rem\n}\n.s-w-\\[38em\\] {\n width: 38em\n}\n.s-w-full {\n width: 100%\n}\n.s-max-w-2xl {\n max-width: 42rem\n}\n.s-max-w-4xl {\n max-width: 56rem\n}\n.s-max-w-full {\n max-width: 100%\n}\n.s-flex-1 {\n flex: 1 1 0%\n}\n.s-flex-none {\n flex: none\n}\n.s-flex-shrink-0 {\n flex-shrink: 0\n}\n.s-shrink {\n flex-shrink: 1\n}\n.s-flex-grow {\n flex-grow: 1\n}\n.s-grow {\n flex-grow: 1\n}\n.s-basis-0 {\n flex-basis: 0px\n}\n.s-origin-bottom-left {\n transform-origin: bottom left\n}\n.s-origin-bottom-right {\n transform-origin: bottom right\n}\n.s-origin-top-left {\n transform-origin: top left\n}\n.s-origin-top-right {\n transform-origin: top right\n}\n.-s-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-0 {\n --tw-translate-y: -0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-5 {\n --tw-translate-y: -1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-16 {\n --tw-translate-x: 4rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-full {\n --tw-translate-x: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-4 {\n --tw-translate-y: 1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-5 {\n --tw-translate-y: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-scale-100 {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-scale-95 {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-animate-\\[bgblink_500ms_3\\] {\n animation: bgblink 500ms 3\n}\n@keyframes s-breathing {\n 0%, 100% {\n filter: brightness(105%)\n }\n 50% {\n filter: brightness(80%)\n }\n}\n.s-animate-breathing {\n animation: s-breathing 4s infinite ease-in-out\n}\n@keyframes s-move-square {\n 0% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 50%\n }\n 12.5% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 50%\n }\n 25% {\n padding-left: 50%;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 50%\n }\n 37.5% {\n padding-left: 50%;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0\n }\n 50% {\n padding-left: 50%;\n padding-top: 50%;\n padding-right: 0;\n padding-bottom: 0\n }\n 62.5% {\n padding-left: 0;\n padding-top: 50%;\n padding-right: 0;\n padding-bottom: 0\n }\n 75% {\n padding-left: 0;\n padding-top: 50%;\n padding-right: 50%;\n padding-bottom: 0\n }\n 87.5% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 0\n }\n 100% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 50%\n }\n}\n.s-animate-move-square {\n animation: s-move-square 4s ease-out infinite\n}\n.s-cursor-default {\n cursor: default\n}\n.s-cursor-not-allowed {\n cursor: not-allowed\n}\n.s-cursor-pointer {\n cursor: pointer\n}\n.s-select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none\n}\n.s-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr))\n}\n.s-flex-row {\n flex-direction: row\n}\n.s-flex-col {\n flex-direction: column\n}\n.s-flex-wrap {\n flex-wrap: wrap\n}\n.s-flex-nowrap {\n flex-wrap: nowrap\n}\n.s-items-start {\n align-items: flex-start\n}\n.s-items-end {\n align-items: flex-end\n}\n.s-items-center {\n align-items: center\n}\n.s-items-baseline {\n align-items: baseline\n}\n.s-items-stretch {\n align-items: stretch\n}\n.s-justify-start {\n justify-content: flex-start\n}\n.s-justify-end {\n justify-content: flex-end\n}\n.s-justify-center {\n justify-content: center\n}\n.s-justify-between {\n justify-content: space-between\n}\n.s-justify-stretch {\n justify-content: stretch\n}\n.s-justify-items-center {\n justify-items: center\n}\n.s-gap-0 {\n gap: 0px\n}\n.s-gap-1 {\n gap: 0.25rem\n}\n.s-gap-1\\.5 {\n gap: 0.375rem\n}\n.s-gap-10 {\n gap: 2.5rem\n}\n.s-gap-16 {\n gap: 4rem\n}\n.s-gap-2 {\n gap: 0.5rem\n}\n.s-gap-3 {\n gap: 0.75rem\n}\n.s-gap-4 {\n gap: 1rem\n}\n.s-gap-5 {\n gap: 1.25rem\n}\n.s-gap-6 {\n gap: 1.5rem\n}\n.s-gap-8 {\n gap: 2rem\n}\n.s-gap-x-1 {\n -moz-column-gap: 0.25rem;\n column-gap: 0.25rem\n}\n.s-gap-x-1\\.5 {\n -moz-column-gap: 0.375rem;\n column-gap: 0.375rem\n}\n.s-gap-x-2 {\n -moz-column-gap: 0.5rem;\n column-gap: 0.5rem\n}\n.s-gap-y-2 {\n row-gap: 0.5rem\n}\n.s-gap-y-96 {\n row-gap: 24rem\n}\n.s-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0px * var(--tw-space-x-reverse));\n margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))\n}\n.s-self-stretch {\n align-self: stretch\n}\n.s-overflow-auto {\n overflow: auto\n}\n.s-overflow-hidden {\n overflow: hidden\n}\n.s-overflow-y-auto {\n overflow-y: auto\n}\n.s-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap\n}\n.s-overflow-ellipsis {\n text-overflow: ellipsis\n}\n.s-text-ellipsis {\n text-overflow: ellipsis\n}\n.s-whitespace-nowrap {\n white-space: nowrap\n}\n.s-break-words {\n overflow-wrap: break-word\n}\n.s-rounded-2xl {\n border-radius: 1rem\n}\n.s-rounded-3xl {\n border-radius: 1.5rem\n}\n.s-rounded-\\[25\\%\\] {\n border-radius: 25%\n}\n.s-rounded-full {\n border-radius: 9999px\n}\n.s-rounded-lg {\n border-radius: 0.5rem\n}\n.s-rounded-md {\n border-radius: 0.375rem\n}\n.s-rounded-xl {\n border-radius: 0.75rem\n}\n.s-border {\n border-width: 1px\n}\n.s-border-0 {\n border-width: 0px\n}\n.s-border-b {\n border-bottom-width: 1px\n}\n.s-border-b-2 {\n border-bottom-width: 2px\n}\n.s-border-t {\n border-top-width: 1px\n}\n.s-border-action-200 {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n.s-border-action-500 {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.s-border-action-600 {\n --tw-border-opacity: 1;\n border-color: rgb(37 99 235 / var(--tw-border-opacity))\n}\n.s-border-amber-200 {\n --tw-border-opacity: 1;\n border-color: rgb(253 230 138 / var(--tw-border-opacity))\n}\n.s-border-element-600 {\n --tw-border-opacity: 1;\n border-color: rgb(148 163 184 / var(--tw-border-opacity))\n}\n.s-border-emerald-200 {\n --tw-border-opacity: 1;\n border-color: rgb(167 243 208 / var(--tw-border-opacity))\n}\n.s-border-indigo-200 {\n --tw-border-opacity: 1;\n border-color: rgb(199 210 254 / var(--tw-border-opacity))\n}\n.s-border-pink-200 {\n --tw-border-opacity: 1;\n border-color: rgb(251 207 232 / var(--tw-border-opacity))\n}\n.s-border-sky-200 {\n --tw-border-opacity: 1;\n border-color: rgb(186 230 253 / var(--tw-border-opacity))\n}\n.s-border-slate-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-100 {\n --tw-border-opacity: 1;\n border-color: rgb(241 245 249 / var(--tw-border-opacity))\n}\n.s-border-structure-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-300 {\n --tw-border-opacity: 1;\n border-color: rgb(203 213 225 / var(--tw-border-opacity))\n}\n.s-border-structure-300\\/30 {\n border-color: rgb(203 213 225 / 0.3)\n}\n.s-border-transparent {\n border-color: transparent\n}\n.s-border-violet-200 {\n --tw-border-opacity: 1;\n border-color: rgb(221 214 254 / var(--tw-border-opacity))\n}\n.s-border-warning-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.s-border-warning-600 {\n --tw-border-opacity: 1;\n border-color: rgb(220 38 38 / var(--tw-border-opacity))\n}\n.s-bg-action-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n.s-bg-action-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n.s-bg-action-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.s-bg-amber-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 243 199 / var(--tw-bg-opacity))\n}\n.s-bg-amber-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 211 77 / var(--tw-bg-opacity))\n}\n.s-bg-blue-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(147 197 253 / var(--tw-bg-opacity))\n}\n.s-bg-brand {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-cyan-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(103 232 249 / var(--tw-bg-opacity))\n}\n.s-bg-element-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-element-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n.s-bg-element-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n.s-bg-element-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 250 229 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-fuchsia-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(240 171 252 / var(--tw-bg-opacity))\n}\n.s-bg-gray-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(107 114 128 / var(--tw-bg-opacity))\n}\n.s-bg-green-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(134 239 172 / var(--tw-bg-opacity))\n}\n.s-bg-indigo-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224 231 255 / var(--tw-bg-opacity))\n}\n.s-bg-indigo-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(165 180 252 / var(--tw-bg-opacity))\n}\n.s-bg-lime-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(190 242 100 / var(--tw-bg-opacity))\n}\n.s-bg-orange-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 186 116 / var(--tw-bg-opacity))\n}\n.s-bg-pink-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 231 243 / var(--tw-bg-opacity))\n}\n.s-bg-pink-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(244 114 182 / var(--tw-bg-opacity))\n}\n.s-bg-purple-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(216 180 254 / var(--tw-bg-opacity))\n}\n.s-bg-red-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 165 165 / var(--tw-bg-opacity))\n}\n.s-bg-rose-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 164 175 / var(--tw-bg-opacity))\n}\n.s-bg-sky-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224 242 254 / var(--tw-bg-opacity))\n}\n.s-bg-sky-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(125 211 252 / var(--tw-bg-opacity))\n}\n.s-bg-sky-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(56 189 248 / var(--tw-bg-opacity))\n}\n.s-bg-slate-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(241 245 249 / var(--tw-bg-opacity))\n}\n.s-bg-slate-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-slate-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-slate-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n.s-bg-structure-0 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-structure-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n.s-bg-success-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-teal-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(94 234 212 / var(--tw-bg-opacity))\n}\n.s-bg-violet-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(237 233 254 / var(--tw-bg-opacity))\n}\n.s-bg-violet-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(196 181 253 / var(--tw-bg-opacity))\n}\n.s-bg-warning-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-warning-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 202 202 / var(--tw-bg-opacity))\n}\n.s-bg-warning-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.s-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-white\\/80 {\n background-color: rgb(255 255 255 / 0.8)\n}\n.s-bg-yellow-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 224 71 / var(--tw-bg-opacity))\n}\n.s-bg-opacity-75 {\n --tw-bg-opacity: 0.75\n}\n.s-object-cover {\n -o-object-fit: cover;\n object-fit: cover\n}\n.s-object-center {\n -o-object-position: center;\n object-position: center\n}\n.s-p-0 {\n padding: 0px\n}\n.s-p-1 {\n padding: 0.25rem\n}\n.s-p-2 {\n padding: 0.5rem\n}\n.s-p-3 {\n padding: 0.75rem\n}\n.s-p-4 {\n padding: 1rem\n}\n.s-p-6 {\n padding: 1.5rem\n}\n.s-px-0 {\n padding-left: 0px;\n padding-right: 0px\n}\n.s-px-0\\.5 {\n padding-left: 0.125rem;\n padding-right: 0.125rem\n}\n.s-px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem\n}\n.s-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem\n}\n.s-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem\n}\n.s-px-4 {\n padding-left: 1rem;\n padding-right: 1rem\n}\n.s-px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem\n}\n.s-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem\n}\n.s-py-0 {\n padding-top: 0px;\n padding-bottom: 0px\n}\n.s-py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem\n}\n.s-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem\n}\n.s-py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem\n}\n.s-py-16 {\n padding-top: 4rem;\n padding-bottom: 4rem\n}\n.s-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem\n}\n.s-py-2\\.5 {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem\n}\n.s-py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem\n}\n.s-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem\n}\n.s-pb-2 {\n padding-bottom: 0.5rem\n}\n.s-pb-5 {\n padding-bottom: 1.25rem\n}\n.s-pb-6 {\n padding-bottom: 1.5rem\n}\n.s-pl-0 {\n padding-left: 0px\n}\n.s-pl-0\\.5 {\n padding-left: 0.125rem\n}\n.s-pl-1 {\n padding-left: 0.25rem\n}\n.s-pl-2 {\n padding-left: 0.5rem\n}\n.s-pl-32 {\n padding-left: 8rem\n}\n.s-pl-4 {\n padding-left: 1rem\n}\n.s-pl-5 {\n padding-left: 1.25rem\n}\n.s-pl-64 {\n padding-left: 16rem\n}\n.s-pr-3 {\n padding-right: 0.75rem\n}\n.s-pr-4 {\n padding-right: 1rem\n}\n.s-pr-5 {\n padding-right: 1.25rem\n}\n.s-pr-8 {\n padding-right: 2rem\n}\n.s-pt-1 {\n padding-top: 0.25rem\n}\n.s-pt-1\\.5 {\n padding-top: 0.375rem\n}\n.s-pt-14 {\n padding-top: 3.5rem\n}\n.s-pt-2 {\n padding-top: 0.5rem\n}\n.s-pt-3 {\n padding-top: 0.75rem\n}\n.s-pt-4 {\n padding-top: 1rem\n}\n.s-text-left {\n text-align: left\n}\n.s-text-right {\n text-align: right\n}\n.s-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem\n}\n.s-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem\n}\n.s-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem\n}\n.s-text-7xl {\n font-size: 4.5rem;\n line-height: 1\n}\n.s-text-base {\n font-size: 1rem;\n line-height: 1.5rem\n}\n.s-text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem\n}\n.s-text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n.s-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem\n}\n.s-text-xs {\n font-size: 0.75rem;\n line-height: 1rem\n}\n.s-font-bold {\n font-weight: 700\n}\n.s-font-medium {\n font-weight: 500\n}\n.s-font-normal {\n font-weight: 400\n}\n.s-font-semibold {\n font-weight: 600\n}\n.s-uppercase {\n text-transform: uppercase\n}\n.s-text-action-300 {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n.s-text-action-400 {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-text-action-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.s-text-action-800 {\n --tw-text-opacity: 1;\n color: rgb(30 64 175 / var(--tw-text-opacity))\n}\n.s-text-action-900 {\n --tw-text-opacity: 1;\n color: rgb(30 58 138 / var(--tw-text-opacity))\n}\n.s-text-amber-500 {\n --tw-text-opacity: 1;\n color: rgb(245 158 11 / var(--tw-text-opacity))\n}\n.s-text-amber-700 {\n --tw-text-opacity: 1;\n color: rgb(180 83 9 / var(--tw-text-opacity))\n}\n.s-text-amber-900 {\n --tw-text-opacity: 1;\n color: rgb(120 53 15 / var(--tw-text-opacity))\n}\n.s-text-blue-700 {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.s-text-brand {\n --tw-text-opacity: 1;\n color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-cyan-700 {\n --tw-text-opacity: 1;\n color: rgb(14 116 144 / var(--tw-text-opacity))\n}\n.s-text-element-500 {\n --tw-text-opacity: 1;\n color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n.s-text-element-600 {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n.s-text-element-700 {\n --tw-text-opacity: 1;\n color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n.s-text-element-800 {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-element-900 {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-emerald-500 {\n --tw-text-opacity: 1;\n color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-emerald-700 {\n --tw-text-opacity: 1;\n color: rgb(4 120 87 / var(--tw-text-opacity))\n}\n.s-text-emerald-900 {\n --tw-text-opacity: 1;\n color: rgb(6 78 59 / var(--tw-text-opacity))\n}\n.s-text-fuchsia-700 {\n --tw-text-opacity: 1;\n color: rgb(162 28 175 / var(--tw-text-opacity))\n}\n.s-text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity))\n}\n.s-text-green-700 {\n --tw-text-opacity: 1;\n color: rgb(21 128 61 / var(--tw-text-opacity))\n}\n.s-text-indigo-700 {\n --tw-text-opacity: 1;\n color: rgb(67 56 202 / var(--tw-text-opacity))\n}\n.s-text-indigo-900 {\n --tw-text-opacity: 1;\n color: rgb(49 46 129 / var(--tw-text-opacity))\n}\n.s-text-lime-700 {\n --tw-text-opacity: 1;\n color: rgb(77 124 15 / var(--tw-text-opacity))\n}\n.s-text-orange-700 {\n --tw-text-opacity: 1;\n color: rgb(194 65 12 / var(--tw-text-opacity))\n}\n.s-text-pink-900 {\n --tw-text-opacity: 1;\n color: rgb(131 24 67 / var(--tw-text-opacity))\n}\n.s-text-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(126 34 206 / var(--tw-text-opacity))\n}\n.s-text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity))\n}\n.s-text-rose-700 {\n --tw-text-opacity: 1;\n color: rgb(190 18 60 / var(--tw-text-opacity))\n}\n.s-text-sky-700 {\n --tw-text-opacity: 1;\n color: rgb(3 105 161 / var(--tw-text-opacity))\n}\n.s-text-sky-900 {\n --tw-text-opacity: 1;\n color: rgb(12 74 110 / var(--tw-text-opacity))\n}\n.s-text-slate-700 {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-slate-900 {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-teal-700 {\n --tw-text-opacity: 1;\n color: rgb(15 118 110 / var(--tw-text-opacity))\n}\n.s-text-transparent {\n color: transparent\n}\n.s-text-violet-700 {\n --tw-text-opacity: 1;\n color: rgb(109 40 217 / var(--tw-text-opacity))\n}\n.s-text-violet-900 {\n --tw-text-opacity: 1;\n color: rgb(76 29 149 / var(--tw-text-opacity))\n}\n.s-text-warning-300 {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n.s-text-warning-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-warning-900 {\n --tw-text-opacity: 1;\n color: rgb(127 29 29 / var(--tw-text-opacity))\n}\n.s-text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-white\\/70 {\n color: rgb(255 255 255 / 0.7)\n}\n.s-text-yellow-700 {\n --tw-text-opacity: 1;\n color: rgb(161 98 7 / var(--tw-text-opacity))\n}\n.s-placeholder-element-600::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n.s-placeholder-element-600::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n.s-opacity-0 {\n opacity: 0\n}\n.s-opacity-100 {\n opacity: 1\n}\n.s-opacity-20 {\n opacity: 0.2\n}\n.s-opacity-40 {\n opacity: 0.4\n}\n.s-opacity-50 {\n opacity: 0.5\n}\n.s-opacity-60 {\n opacity: 0.6\n}\n.s-shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-xl {\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.s-ring-0 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-red-200 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n.s-ring-structure-200 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity))\n}\n.s-ring-warning-200 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n.s-drop-shadow {\n --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-md {\n --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-backdrop-blur {\n --tw-backdrop-blur: blur(8px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-duration-200 {\n transition-duration: 200ms\n}\n.s-duration-300 {\n transition-duration: 300ms\n}\n.s-duration-500 {\n transition-duration: 500ms\n}\n.s-duration-75 {\n transition-duration: 75ms\n}\n.s-ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1)\n}\n.s-ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.s-ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1)\n}\n\n@keyframes bgblink {\n 0%,\n 100% {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n }\n 50% {\n --tw-bg-opacity: 1;\n background-color: rgb(243 232 255 / var(--tw-bg-opacity))\n }\n}\n\n.checked\\:s-bg-action-500:checked {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n.checked\\:s-ring-0:checked {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.hover\\:s-scale-100:hover {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-105:hover {\n --tw-scale-x: 1.05;\n --tw-scale-y: 1.05;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-110:hover {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-cursor-not-allowed:hover {\n cursor: not-allowed\n}\n\n.hover\\:s-border-action-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-300:hover {\n --tw-border-opacity: 1;\n border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.hover\\:s-bg-action-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-400:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(239 246 255 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-structure-300:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-success-300:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-400:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-text-action-400:hover {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-action-500:hover {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-element-800:hover {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-warning-400:hover {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n.hover\\:s-brightness-110:hover {\n --tw-brightness: brightness(1.1);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-drop-shadow-md:hover {\n --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-filter:hover {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.focus\\:s-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n\n.focus\\:s-ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-action-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-red-200:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-warning-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity))\n}\n\n.active\\:s-scale-100:active {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.active\\:s-border-action-400:active {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n.active\\:s-bg-action-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-200:active {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity))\n}\n\n.active\\:s-text-action-600:active {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-action-700:active {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-element-900:active {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-warning-600:active {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n\n.active\\:s-ring-0:active {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.active\\:s-brightness-90:active {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.active\\:s-drop-shadow-none:active {\n --tw-drop-shadow: drop-shadow(0 0 #0000);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-group:hover .group-hover\\:s-text-action-400 {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.s-group:hover .group-hover\\:s-text-action-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-action-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(30 64 175 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(100 116 139 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(30 41 59 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(51 65 85 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(71 85 105 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark\\/30) {\n border-color: rgb(71 85 105 / 0.3)\n}\n\n:is(.s-dark .dark\\:s-border-structure-50-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(15 23 42 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-warning-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(153 27 27 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-black) {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-600-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-700-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-900-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-sky-700) {\n --tw-bg-opacity: 1;\n background-color: rgb(3 105 161 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-0-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-200-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-300-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(71 85 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(15 23 42 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark\\/80) {\n background-color: rgb(15 23 42 / 0.8)\n}\n\n:is(.s-dark .dark\\:s-bg-success-400-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(5 150 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-warning-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-300-dark) {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-800-dark) {\n --tw-text-opacity: 1;\n color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-900-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-structure-300-dark) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-warning-200-dark) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-saturate-50) {\n --tw-saturate: saturate(.5);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-300-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-500-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-600-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-warning-300-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-200-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 64 175 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-400:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-50-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(23 37 84 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-structure-200-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-warning-50-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(69 10 10 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-300:hover) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-400:hover) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-500-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-600-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-700-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-element-800-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-warning-500-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-action-300-dark:focus) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-warning-300-dark:focus) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-action-500-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-warning-500-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-action-100-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-warning-100-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600:active) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-700-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-element-900-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-warning-600-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n@media (min-width: 640px) {\n .sm\\:s-block {\n display: block\n }\n .sm\\:s-w-1\\/3 {\n width: 33.333333%\n }\n .sm\\:s-w-64 {\n width: 16rem\n }\n .sm\\:s-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n }\n .sm\\:s-scale-100 {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n }\n .sm\\:s-scale-95 {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n }\n .sm\\:s-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem\n }\n}\n\n@media (min-width: 768px) {\n .md\\:s-flex-row {\n flex-direction: row\n }\n .md\\:s-items-center {\n align-items: center\n }\n}\n\n@media (min-width: 1024px) {\n .lg\\:s-w-1\\/2 {\n width: 50%\n }\n}\n";
52
52
  styleInject(css_248z);
53
53
 
54
54
  var aLink = function (_a) {
@@ -544,7 +544,7 @@ function Tooltip(_a) {
544
544
  if (isTouchDevice) {
545
545
  return React.createElement(React.Fragment, null, children);
546
546
  }
547
- var baseClasses = "s-absolute s-z-10 s-px-3 s-py-2 s-text-sm s-rounded-xl s-border s-shadow-md s-transition-all s-duration-500 s-ease-out s-transform s-bg-structure-0 dark:s-bg-structure-0-dark s-text-element-700 dark:s-text-element-700-dark";
547
+ var baseClasses = classNames("s-absolute s-z-10 s-px-3 s-py-2 s-text-sm s-rounded-xl s-border s-shadow-md s-transition-all s-duration-500 s-ease-out s-transform", "s-border-structure-100 dark:s-border-structure-50-dark s-bg-structure-0 dark:s-bg-structure-100-dark s-text-element-700 dark:s-text-element-600-dark");
548
548
  var hiddenClasses = "s-translate-y-2 s-opacity-0 s-pointer-events-none"; // Added s-pointer-events-none
549
549
  var visibleClasses = "-s-translate-y-0 s-opacity-100";
550
550
  var hiddenOnMobileClasses = "s-hidden sm:s-block";
@@ -583,24 +583,24 @@ var variantClasses = {
583
583
  base: "s-text-white s-bg-action-500 s-border-action-600",
584
584
  hover: "hover:s-bg-action-400 hover:s-border-action-500",
585
585
  active: "active:s-bg-action-600 active:s-border-action-700",
586
- disabled: "s-text-white s-bg-action-200 s-border-action-300",
586
+ disabled: "s-text-white s-bg-action-200 s-border-action-200",
587
587
  dark: {
588
588
  base: "",
589
589
  hover: "",
590
590
  active: "",
591
- disabled: "dark:s-text-action-700-dark dark:s-bg-action-100-dark dark:s-border-action-200-dark",
591
+ disabled: "dark:s-text-action-700-dark dark:s-bg-action-100-dark dark:s-border-action-200-dark dark:s-saturate-50",
592
592
  },
593
593
  },
594
594
  primaryWarning: {
595
595
  base: "s-text-white s-bg-warning-500 s-border-warning-600",
596
596
  hover: "hover:s-bg-warning-400 hover:s-border-warning-500",
597
597
  active: "active:s-bg-warning-600 active:s-border-warning-700",
598
- disabled: "s-text-white s-bg-element-500 s-border-element-500",
598
+ disabled: "s-text-white s-bg-warning-200 s-border-warning-200",
599
599
  dark: {
600
600
  base: "",
601
601
  hover: "",
602
602
  active: "",
603
- disabled: "dark:s-text-warning-700-dark dark:s-bg-warning-100-dark dark:s-border-warning-200-dark",
603
+ disabled: "dark:s-text-warning-700-dark dark:s-bg-warning-100-dark dark:s-border-warning-200-dark dark:s-saturate-50",
604
604
  },
605
605
  },
606
606
  secondary: {
@@ -32660,6 +32660,17 @@ var gapSizes = {
32660
32660
  xl: "s-gap-8",
32661
32661
  none: "",
32662
32662
  };
32663
+ Page.Layout = function (_a) {
32664
+ var children = _a.children, _b = _a.direction, direction = _b === void 0 ? "vertical" : _b, sizing = _a.sizing, _c = _a.align, align = _c === void 0 ? "left" : _c, _d = _a.gap, gap = _d === void 0 ? "lg" : _d;
32665
+ switch (direction) {
32666
+ case "horizontal":
32667
+ return (React.createElement(Page.Horizontal, { children: children, sizing: sizing, align: align, gap: gap }));
32668
+ case "vertical":
32669
+ return (React.createElement(Page.Vertical, { children: children, sizing: sizing, align: align, gap: gap }));
32670
+ case "fluid":
32671
+ return (React.createElement(Page.Fluid, { children: children, sizing: sizing, align: align, gap: gap }));
32672
+ }
32673
+ };
32663
32674
  Page.Horizontal = function (_a) {
32664
32675
  var children = _a.children, sizing = _a.sizing, _b = _a.align, align = _b === void 0 ? "left" : _b, _c = _a.gap, gap = _c === void 0 ? "lg" : _c;
32665
32676
  return (React.createElement("div", { className: classNames("s-flex s-flex-row", sizing === "grow" ? "s-grow" : "", sizing === "shrink" ? "s-shrink" : "", gapSizes[gap], align === "left" ? "s-justify-start" : "", align === "center" ? "s-justify-center" : "", align === "right" ? "s-justify-end" : "", align === "stretch" ? "s-justify-stretch" : "") }, children));
@@ -32675,9 +32686,9 @@ Page.Fluid = function (_a) {
32675
32686
 
32676
32687
  function BarHeader(_a) {
32677
32688
  var title = _a.title, leftActions = _a.leftActions, rightActions = _a.rightActions, _b = _a.className, className = _b === void 0 ? "" : _b;
32678
- var titleClasses = "s-text-base s-font-bold s-truncate s-text-element-800 s-grow";
32689
+ var titleClasses = classNames("s-text-element-800 dark:s-text-element-800-dark", "s-text-base s-font-bold s-truncate s-grow");
32679
32690
  var buttonBarClasses = "s-flex s-gap-1";
32680
- return (React.createElement("div", { className: classNames("s-fixed s-left-0 s-right-0 s-top-0 s-z-30 s-flex s-h-16 s-flex-row s-items-center s-gap-3 s-border-b s-border-structure-300/30 s-bg-white/80 s-px-4 s-backdrop-blur", className) },
32691
+ return (React.createElement("div", { className: classNames("s-fixed s-left-0 s-right-0 s-top-0 s-z-30 s-flex s-h-16 s-flex-row s-items-center s-gap-3 s-border-b s-px-4 s-backdrop-blur", "s-border-structure-300/30 s-bg-white/80", "dark:s-border-structure-300-dark/30 dark:s-bg-structure-50-dark/80", className) },
32681
32692
  leftActions && React.createElement("div", { className: buttonBarClasses }, leftActions),
32682
32693
  React.createElement("div", { className: titleClasses }, title),
32683
32694
  rightActions && React.createElement("div", { className: buttonBarClasses }, rightActions)));
@@ -32982,8 +32993,8 @@ function Modal(_a) {
32982
32993
  ? "s-h-full s-p-0"
32983
32994
  : "s-min-h-full s-p-4") },
32984
32995
  React.createElement(tt.Child, { as: React.Fragment, enter: "s-ease-out s-duration-300", enterFrom: classNames("s-opacity-0", type === "right-side"
32985
- ? "s-translate-x-full"
32986
- : "s-translate-y-4 sm:s-translate-y-0 sm:s-scale-95"), enterTo: "s-opacity-100 s-translate-y-0 s-translate-x-0 sm:s-scale-100", leave: "s-ease-in s-duration-200", leaveFrom: "s-opacity-100 s-translate-y-0 sm:s-scale-100", leaveTo: classNames("s-opacity-0", type === "right-side"
32996
+ ? "s-translate-x-16"
32997
+ : "s-translate-y-4 sm:s-translate-y-0 sm:s-scale-95"), enterTo: "s-opacity-100 s-translate-y-0 sm:s-scale-100", leave: "s-ease-in s-duration-200", leaveFrom: "s-opacity-100 s-translate-y-0 sm:s-scale-100", leaveTo: classNames("s-opacity-0", type === "right-side"
32987
32998
  ? "s-translate-x-full"
32988
32999
  : "s-translate-y-4 sm:s-translate-y-0 sm:s-scale-95") },
32989
33000
  React.createElement(_t.Panel, { className: classNames("s-relative s-transform s-overflow-hidden s-bg-white s-px-4 s-transition-all sm:s-px-6", type === "full-screen" || type === "right-side"
@@ -33029,27 +33040,27 @@ function Searchbar(_a) {
33029
33040
  }
33030
33041
 
33031
33042
  var labelClasses = {
33032
- base: "dark:s-text-element-800-dark",
33033
- selected: "s-opacity-100 s-bg-action-500",
33034
- disabled: "s-opacity-50",
33043
+ base: "s-text-sm s-text-element-800 dark:s-text-element-800-dark",
33044
+ disabled: "s-text-sm s-text-element-600 dark:s-text-element-600-dark",
33035
33045
  };
33036
33046
  var inputClasses = {
33037
- base: "focus:s-outline-none s-ring-0 s-bg-action-50 dark:s-bg-structure-200-dark dark:s-ring-structure-200-dark s-p-2",
33038
- selected: "s-opacity-100 s-bg-action-500",
33039
- disabled: "s-cursor-not-allowed dark:s-bg-structure-0-dark dark:s-border-structure-300-dark",
33047
+ base: "s-form-radio s-p-2 s-transition-colors s-duration-300 s-ease-out s-border-px",
33048
+ unselected: classNames("s-cursor-pointer", "s-border-structure-300 s-bg-structure-50", "hover:s-bg-action-100 hover:s-border-action-300", "active:s-bg-action-200 active:s-border-action-400 active:s-ring-0", "dark:s-border-structure-400-dark dark:s-bg-structure-100-dark", "dark:hover:s-bg-structure-200-dark dark:hover:s-border-action-600-dark"),
33049
+ selected: classNames("s-bg-action-500 s-ring-0", "checked:s-ring-0 checked:s-bg-action-500"),
33050
+ disabled: "s-cursor-default s-bg-structure-0 s-border-structure-300 dark:s-bg-structure-0-dark dark:s-border-structure-300-dark",
33040
33051
  };
33041
33052
  function RadioButton(_a) {
33042
33053
  var name = _a.name, choices = _a.choices, className = _a.className, value = _a.value, onChange = _a.onChange;
33043
- return (React.createElement("div", { className: classNames("s-flex s-gap-3", className || "") }, choices.map(function (choice) {
33044
- if (value === choice.value)
33045
- console.log("selected", choice.value);
33046
- return (React.createElement("div", { key: choice.value },
33047
- React.createElement("label", { className: classNames("s-flex s-items-center s-space-x-2", labelClasses.base, choice.disabled ? labelClasses.disabled : "") },
33048
- React.createElement("input", { type: "radio", name: name, value: choice.value, checked: value === choice.value, disabled: choice.disabled, onChange: function (e) {
33049
- onChange(e.target.value);
33050
- }, className: classNames(inputClasses.base, choice.disabled ? inputClasses.disabled : "", choice.value === value ? inputClasses.selected : "") }),
33051
- React.createElement("span", null, choice.label))));
33052
- })));
33054
+ return (React.createElement("div", { className: classNames("s-flex s-gap-3", className || "") }, choices.map(function (choice) { return (React.createElement("div", { key: choice.value },
33055
+ React.createElement("label", { className: classNames("s-flex s-items-center s-gap-2", choice.disabled ? labelClasses.disabled : labelClasses.base) },
33056
+ React.createElement("input", { type: "radio", name: name, value: choice.value, checked: value === choice.value, disabled: choice.disabled, onChange: function (e) {
33057
+ onChange(e.target.value);
33058
+ }, className: classNames(inputClasses.base, choice.disabled
33059
+ ? inputClasses.disabled
33060
+ : choice.value === value
33061
+ ? inputClasses.selected
33062
+ : inputClasses.unselected) }),
33063
+ React.createElement("span", null, choice.label)))); })));
33053
33064
  }
33054
33065
 
33055
33066
  function SectionHeader(_a) {