@dust-tt/sparkle 0.2.13 → 0.2.15

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/RadioButton.d.ts +2 -2
  2. package/dist/cjs/index.js +14 -10
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/esm/components/RadioButton.d.ts +2 -2
  5. package/dist/esm/index.js +14 -10
  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/RadioButton.d.ts CHANGED
@@ -3,7 +3,7 @@ export type RadioButtonProps = {
3
3
  name: string;
4
4
  choices: RadioButtonChoice[];
5
5
  value: string;
6
- layout: "inline" | "stacked";
6
+ className?: string;
7
7
  onChange: (value: string) => void;
8
8
  };
9
9
  export type RadioButtonChoice = {
@@ -11,4 +11,4 @@ export type RadioButtonChoice = {
11
11
  value: string;
12
12
  disabled: boolean;
13
13
  };
14
- export declare function RadioButton({ name, choices, value, layout, onChange, }: RadioButtonProps): React.JSX.Element;
14
+ export declare function RadioButton({ name, choices, className, value, onChange, }: RadioButtonProps): React.JSX.Element;
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-x-4 {\n\n -moz-column-gap: 1rem;\n\n column-gap: 1rem\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-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-16 {\n\n --tw-translate-x: 4rem;\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";
52
52
  styleInject(css_248z);
53
53
 
54
54
  var aLink = function (_a) {
@@ -32982,8 +32982,8 @@ function Modal(_a) {
32982
32982
  ? "s-h-full s-p-0"
32983
32983
  : "s-min-h-full s-p-4") },
32984
32984
  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"
32985
+ ? "s-translate-x-16"
32986
+ : "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
32987
  ? "s-translate-x-full"
32988
32988
  : "s-translate-y-4 sm:s-translate-y-0 sm:s-scale-95") },
32989
32989
  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"
@@ -33039,13 +33039,17 @@ var inputClasses = {
33039
33039
  disabled: "s-cursor-not-allowed dark:s-bg-structure-0-dark dark:s-border-structure-300-dark",
33040
33040
  };
33041
33041
  function RadioButton(_a) {
33042
- var name = _a.name, choices = _a.choices, value = _a.value, layout = _a.layout, onChange = _a.onChange;
33043
- return (React.createElement("div", { className: classNames("s-flex", layout === "inline" ? "s-flex-row s-gap-x-4" : "s-flex-col s-gap-y-2") }, choices.map(function (choice) { return (React.createElement("div", { key: choice.value },
33044
- React.createElement("label", { className: classNames("s-flex s-items-center s-space-x-2", labelClasses.base, choice.disabled ? labelClasses.disabled : "") },
33045
- React.createElement("input", { type: "radio", name: name, value: choice.value, checked: value === choice.value, disabled: choice.disabled, onChange: function (e) {
33046
- onChange(e.target.value);
33047
- }, className: classNames(inputClasses.base, choice.disabled ? inputClasses.disabled : "", choice.value === value ? inputClasses.selected : "") }),
33048
- React.createElement("span", null, choice.label)))); })));
33042
+ 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
+ })));
33049
33053
  }
33050
33054
 
33051
33055
  function SectionHeader(_a) {