@dust-tt/sparkle 0.2.68 → 0.2.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/_index.d.ts +4 -4
- package/dist/cjs/components/ContextItem.d.ts +7 -1
- package/dist/cjs/components/DropdownMenu.d.ts +7 -1
- package/dist/cjs/components/Item.d.ts +6 -3
- package/dist/cjs/components/Searchbar.d.ts +1 -1
- package/dist/cjs/components/SliderToggle.d.ts +1 -1
- package/dist/cjs/icons/solid/Command.d.ts +4 -0
- package/dist/cjs/icons/solid/Dust.d.ts +4 -0
- package/dist/cjs/icons/solid/List.d.ts +4 -0
- package/dist/cjs/icons/solid/ListAdd.d.ts +4 -0
- package/dist/cjs/icons/solid/ListRemove.d.ts +4 -0
- package/dist/cjs/icons/solid/Puzzle.d.ts +4 -0
- package/dist/cjs/icons/solid/index.d.ts +6 -0
- package/dist/cjs/icons/stroke/Command.d.ts +4 -0
- package/dist/cjs/icons/stroke/Dust.d.ts +4 -0
- package/dist/cjs/icons/stroke/List.d.ts +4 -0
- package/dist/cjs/icons/stroke/ListAdd.d.ts +4 -0
- package/dist/cjs/icons/stroke/ListRemove.d.ts +4 -0
- package/dist/cjs/icons/stroke/Puzzle.d.ts +4 -0
- package/dist/cjs/icons/stroke/index.d.ts +6 -0
- package/dist/cjs/index.js +149 -61
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/stories/SliderToggle.stories.d.ts +2 -0
- package/dist/esm/_index.d.ts +4 -4
- package/dist/esm/components/ContextItem.d.ts +7 -1
- package/dist/esm/components/DropdownMenu.d.ts +7 -1
- package/dist/esm/components/Item.d.ts +6 -3
- package/dist/esm/components/Searchbar.d.ts +1 -1
- package/dist/esm/components/SliderToggle.d.ts +1 -1
- package/dist/esm/icons/solid/Command.d.ts +4 -0
- package/dist/esm/icons/solid/Dust.d.ts +4 -0
- package/dist/esm/icons/solid/List.d.ts +4 -0
- package/dist/esm/icons/solid/ListAdd.d.ts +4 -0
- package/dist/esm/icons/solid/ListRemove.d.ts +4 -0
- package/dist/esm/icons/solid/Puzzle.d.ts +4 -0
- package/dist/esm/icons/solid/index.d.ts +6 -0
- package/dist/esm/icons/stroke/Command.d.ts +4 -0
- package/dist/esm/icons/stroke/Dust.d.ts +4 -0
- package/dist/esm/icons/stroke/List.d.ts +4 -0
- package/dist/esm/icons/stroke/ListAdd.d.ts +4 -0
- package/dist/esm/icons/stroke/ListRemove.d.ts +4 -0
- package/dist/esm/icons/stroke/Puzzle.d.ts +4 -0
- package/dist/esm/icons/stroke/index.d.ts +6 -0
- package/dist/esm/index.js +138 -62
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/stories/SliderToggle.stories.d.ts +2 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -28,7 +28,7 @@ function styleInject(css, ref) {
|
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
var css_248z = ".s-form-checkbox,.s-form-radio {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding: 0;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n display: inline-block;\n vertical-align: middle;\n background-origin: border-box;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n flex-shrink: 0;\n height: 1rem;\n width: 1rem;\n color: #2563eb;\n background-color: #fff;\n border-color: #6b7280;\n border-width: 1px;\n --tw-shadow: 0 0 #0000\n}\n.s-form-radio {\n border-radius: 100%\n}\n.s-form-checkbox:focus,.s-form-radio:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #2563eb;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)\n}\n.s-form-checkbox:checked,.s-form-radio:checked {\n border-color: transparent;\n background-color: currentColor;\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat\n}\n.s-form-radio:checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")\n}\n.s-form-checkbox:checked:hover,.s-form-checkbox:checked:focus,.s-form-radio:checked:hover,.s-form-radio:checked:focus {\n border-color: transparent;\n background-color: currentColor\n}\n.s-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0\n}\n.s-pointer-events-none {\n pointer-events: none\n}\n.s-fixed {\n position: fixed\n}\n.s-absolute {\n position: absolute\n}\n.s-relative {\n position: relative\n}\n.s-inset-0 {\n inset: 0px\n}\n.s-bottom-6 {\n bottom: 1.5rem\n}\n.s-bottom-full {\n bottom: 100%\n}\n.s-left-0 {\n left: 0px\n}\n.s-left-1\\/2 {\n left: 50%\n}\n.s-right-0 {\n right: 0px\n}\n.s-right-16 {\n right: 4rem\n}\n.s-top-0 {\n top: 0px\n}\n.s-top-full {\n top: 100%\n}\n.s-z-10 {\n z-index: 10\n}\n.s-z-30 {\n z-index: 30\n}\n.s-z-50 {\n z-index: 50\n}\n.s--m-3 {\n margin: -0.75rem\n}\n.s-m-0 {\n margin: 0px\n}\n.s-m-px {\n margin: 1px\n}\n.s-mx-2 {\n margin-left: 0.5rem;\n margin-right: 0.5rem\n}\n.s-mx-auto {\n margin-left: auto;\n margin-right: auto\n}\n.-s-mb-px {\n margin-bottom: -1px\n}\n.-s-mr-1 {\n margin-right: -0.25rem\n}\n.-s-mt-1 {\n margin-top: -0.25rem\n}\n.-s-mt-2 {\n margin-top: -0.5rem\n}\n.s-mb-2 {\n margin-bottom: 0.5rem\n}\n.s-ml-2 {\n margin-left: 0.5rem\n}\n.s-ml-auto {\n margin-left: auto\n}\n.s-mt-0 {\n margin-top: 0px\n}\n.s-mt-0\\.5 {\n margin-top: 0.125rem\n}\n.s-mt-16 {\n margin-top: 4rem\n}\n.s-mt-2 {\n margin-top: 0.5rem\n}\n.s-mt-4 {\n margin-top: 1rem\n}\n.s-box-border {\n box-sizing: border-box\n}\n.s-line-clamp-1 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1\n}\n.s-line-clamp-2 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2\n}\n.s-inline-block {\n display: inline-block\n}\n.s-inline {\n display: inline\n}\n.s-flex {\n display: flex\n}\n.s-inline-flex {\n display: inline-flex\n}\n.s-grid {\n display: grid\n}\n.s-hidden {\n display: none\n}\n.s-h-0 {\n height: 0px\n}\n.s-h-0\\.5 {\n height: 0.125rem\n}\n.s-h-1\\/2 {\n height: 50%\n}\n.s-h-10 {\n height: 2.5rem\n}\n.s-h-12 {\n height: 3rem\n}\n.s-h-16 {\n height: 4rem\n}\n.s-h-20 {\n height: 5rem\n}\n.s-h-36 {\n height: 9rem\n}\n.s-h-4 {\n height: 1rem\n}\n.s-h-40 {\n height: 10rem\n}\n.s-h-44 {\n height: 11rem\n}\n.s-h-5 {\n height: 1.25rem\n}\n.s-h-6 {\n height: 1.5rem\n}\n.s-h-7 {\n height: 1.75rem\n}\n.s-h-72 {\n height: 18rem\n}\n.s-h-8 {\n height: 2rem\n}\n.s-h-9 {\n height: 2.25rem\n}\n.s-h-96 {\n height: 24rem\n}\n.s-h-full {\n height: 100%\n}\n.s-h-px {\n height: 1px\n}\n.s-max-h-full {\n max-height: 100%\n}\n.s-min-h-full {\n min-height: 100%\n}\n.s-w-0 {\n width: 0px\n}\n.s-w-0\\.5 {\n width: 0.125rem\n}\n.s-w-1\\/2 {\n width: 50%\n}\n.s-w-10 {\n width: 2.5rem\n}\n.s-w-12 {\n width: 3rem\n}\n.s-w-14 {\n width: 3.5rem\n}\n.s-w-16 {\n width: 4rem\n}\n.s-w-20 {\n width: 5rem\n}\n.s-w-32 {\n width: 8rem\n}\n.s-w-36 {\n width: 9rem\n}\n.s-w-4 {\n width: 1rem\n}\n.s-w-40 {\n width: 10rem\n}\n.s-w-44 {\n width: 11rem\n}\n.s-w-48 {\n width: 12rem\n}\n.s-w-5 {\n width: 1.25rem\n}\n.s-w-6 {\n width: 1.5rem\n}\n.s-w-60 {\n width: 15rem\n}\n.s-w-64 {\n width: 16rem\n}\n.s-w-7 {\n width: 1.75rem\n}\n.s-w-8 {\n width: 2rem\n}\n.s-w-\\[320px\\] {\n width: 320px\n}\n.s-w-\\[38em\\] {\n width: 38em\n}\n.s-w-full {\n width: 100%\n}\n.s-max-w-2xl {\n max-width: 42rem\n}\n.s-max-w-4xl {\n max-width: 56rem\n}\n.s-max-w-\\[500px\\] {\n max-width: 500px\n}\n.s-max-w-full {\n max-width: 100%\n}\n.s-flex-1 {\n flex: 1 1 0%\n}\n.s-flex-none {\n flex: none\n}\n.s-flex-shrink-0 {\n flex-shrink: 0\n}\n.s-shrink {\n flex-shrink: 1\n}\n.s-shrink-0 {\n flex-shrink: 0\n}\n.s-flex-grow {\n flex-grow: 1\n}\n.s-grow {\n flex-grow: 1\n}\n.s-origin-bottom-left {\n transform-origin: bottom left\n}\n.s-origin-bottom-right {\n transform-origin: bottom right\n}\n.s-origin-top-left {\n transform-origin: top left\n}\n.s-origin-top-right {\n transform-origin: top right\n}\n.-s-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-0 {\n --tw-translate-y: -0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-5 {\n --tw-translate-y: -1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-0 {\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-16 {\n --tw-translate-x: 4rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-full {\n --tw-translate-x: 100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-4 {\n --tw-translate-y: 1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-5 {\n --tw-translate-y: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-scale-100 {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-scale-95 {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-animate-\\[bgblink_500ms_3\\] {\n animation: bgblink 500ms 3\n}\n@keyframes s-breathing {\n 0%, 100% {\n filter: brightness(105%)\n }\n 50% {\n filter: brightness(80%)\n }\n}\n.s-animate-breathing {\n animation: s-breathing 4s infinite ease-in-out\n}\n@keyframes s-move-square {\n 0% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 50%\n }\n 12.5% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 50%\n }\n 25% {\n padding-left: 50%;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 50%\n }\n 37.5% {\n padding-left: 50%;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0\n }\n 50% {\n padding-left: 50%;\n padding-top: 50%;\n padding-right: 0;\n padding-bottom: 0\n }\n 62.5% {\n padding-left: 0;\n padding-top: 50%;\n padding-right: 0;\n padding-bottom: 0\n }\n 75% {\n padding-left: 0;\n padding-top: 50%;\n padding-right: 50%;\n padding-bottom: 0\n }\n 87.5% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 0\n }\n 100% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 50%\n }\n}\n.s-animate-move-square {\n animation: s-move-square 4s ease-out infinite\n}\n.s-cursor-default {\n cursor: default\n}\n.s-cursor-not-allowed {\n cursor: not-allowed\n}\n.s-cursor-pointer {\n cursor: pointer\n}\n.s-select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none\n}\n.s-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr))\n}\n.s-grid-cols-\\[auto\\,1fr\\,auto\\] {\n grid-template-columns: auto 1fr auto\n}\n.s-flex-row {\n flex-direction: row\n}\n.s-flex-col {\n flex-direction: column\n}\n.s-flex-wrap {\n flex-wrap: wrap\n}\n.s-flex-nowrap {\n flex-wrap: nowrap\n}\n.s-items-start {\n align-items: flex-start\n}\n.s-items-end {\n align-items: flex-end\n}\n.s-items-center {\n align-items: center\n}\n.s-items-baseline {\n align-items: baseline\n}\n.s-items-stretch {\n align-items: stretch\n}\n.s-justify-start {\n justify-content: flex-start\n}\n.s-justify-end {\n justify-content: flex-end\n}\n.s-justify-center {\n justify-content: center\n}\n.s-justify-stretch {\n justify-content: stretch\n}\n.s-justify-items-center {\n justify-items: center\n}\n.s-gap-0 {\n gap: 0px\n}\n.s-gap-0\\.5 {\n gap: 0.125rem\n}\n.s-gap-1 {\n gap: 0.25rem\n}\n.s-gap-1\\.5 {\n gap: 0.375rem\n}\n.s-gap-10 {\n gap: 2.5rem\n}\n.s-gap-12 {\n gap: 3rem\n}\n.s-gap-16 {\n gap: 4rem\n}\n.s-gap-2 {\n gap: 0.5rem\n}\n.s-gap-20 {\n gap: 5rem\n}\n.s-gap-3 {\n gap: 0.75rem\n}\n.s-gap-4 {\n gap: 1rem\n}\n.s-gap-5 {\n gap: 1.25rem\n}\n.s-gap-6 {\n gap: 1.5rem\n}\n.s-gap-8 {\n gap: 2rem\n}\n.s-gap-x-1 {\n -moz-column-gap: 0.25rem;\n column-gap: 0.25rem\n}\n.s-gap-x-1\\.5 {\n -moz-column-gap: 0.375rem;\n column-gap: 0.375rem\n}\n.s-gap-x-2 {\n -moz-column-gap: 0.5rem;\n column-gap: 0.5rem\n}\n.s-gap-x-3 {\n -moz-column-gap: 0.75rem;\n column-gap: 0.75rem\n}\n.s-gap-x-6 {\n -moz-column-gap: 1.5rem;\n column-gap: 1.5rem\n}\n.s-gap-y-2 {\n row-gap: 0.5rem\n}\n.s-gap-y-3 {\n row-gap: 0.75rem\n}\n.s-gap-y-96 {\n row-gap: 24rem\n}\n.s-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0px * var(--tw-space-x-reverse));\n margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))\n}\n.s-self-center {\n align-self: center\n}\n.s-overflow-auto {\n overflow: auto\n}\n.s-overflow-hidden {\n overflow: hidden\n}\n.s-overflow-y-auto {\n overflow-y: auto\n}\n.s-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap\n}\n.s-text-ellipsis {\n text-overflow: ellipsis\n}\n.s-whitespace-nowrap {\n white-space: nowrap\n}\n.s-break-words {\n overflow-wrap: break-word\n}\n.s-rounded-2xl {\n border-radius: 1rem\n}\n.s-rounded-3xl {\n border-radius: 1.5rem\n}\n.s-rounded-\\[24px\\] {\n border-radius: 24px\n}\n.s-rounded-\\[25\\%\\] {\n border-radius: 25%\n}\n.s-rounded-\\[30px\\] {\n border-radius: 30px\n}\n.s-rounded-\\[32px\\] {\n border-radius: 32px\n}\n.s-rounded-full {\n border-radius: 9999px\n}\n.s-rounded-lg {\n border-radius: 0.5rem\n}\n.s-rounded-md {\n border-radius: 0.375rem\n}\n.s-rounded-xl {\n border-radius: 0.75rem\n}\n.s-border {\n border-width: 1px\n}\n.s-border-0 {\n border-width: 0px\n}\n.s-border-b {\n border-bottom-width: 1px\n}\n.s-border-b-2 {\n border-bottom-width: 2px\n}\n.s-border-t {\n border-top-width: 1px\n}\n.s-border-action-200 {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n.s-border-action-500 {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.s-border-action-600 {\n --tw-border-opacity: 1;\n border-color: rgb(37 99 235 / var(--tw-border-opacity))\n}\n.s-border-amber-100 {\n --tw-border-opacity: 1;\n border-color: rgb(254 243 199 / var(--tw-border-opacity))\n}\n.s-border-amber-200 {\n --tw-border-opacity: 1;\n border-color: rgb(253 230 138 / var(--tw-border-opacity))\n}\n.s-border-element-600 {\n --tw-border-opacity: 1;\n border-color: rgb(148 163 184 / var(--tw-border-opacity))\n}\n.s-border-emerald-200 {\n --tw-border-opacity: 1;\n border-color: rgb(167 243 208 / var(--tw-border-opacity))\n}\n.s-border-pink-100 {\n --tw-border-opacity: 1;\n border-color: rgb(252 231 243 / var(--tw-border-opacity))\n}\n.s-border-pink-200 {\n --tw-border-opacity: 1;\n border-color: rgb(251 207 232 / var(--tw-border-opacity))\n}\n.s-border-purple-200 {\n --tw-border-opacity: 1;\n border-color: rgb(233 213 255 / var(--tw-border-opacity))\n}\n.s-border-red-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.s-border-sky-200 {\n --tw-border-opacity: 1;\n border-color: rgb(186 230 253 / var(--tw-border-opacity))\n}\n.s-border-slate-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-100 {\n --tw-border-opacity: 1;\n border-color: rgb(241 245 249 / var(--tw-border-opacity))\n}\n.s-border-structure-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-300 {\n --tw-border-opacity: 1;\n border-color: rgb(203 213 225 / var(--tw-border-opacity))\n}\n.s-border-structure-300\\/30 {\n border-color: rgb(203 213 225 / 0.3)\n}\n.s-border-transparent {\n border-color: transparent\n}\n.s-border-violet-200 {\n --tw-border-opacity: 1;\n border-color: rgb(221 214 254 / var(--tw-border-opacity))\n}\n.s-border-warning-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.s-border-warning-600 {\n --tw-border-opacity: 1;\n border-color: rgb(220 38 38 / var(--tw-border-opacity))\n}\n.s-border-white\\/30 {\n border-color: rgb(255 255 255 / 0.3)\n}\n.s-bg-action-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n.s-bg-action-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n.s-bg-action-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.s-bg-amber-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 243 199 / var(--tw-bg-opacity))\n}\n.s-bg-amber-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 211 77 / var(--tw-bg-opacity))\n}\n.s-bg-amber-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(251 191 36 / var(--tw-bg-opacity))\n}\n.s-bg-amber-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 251 235 / var(--tw-bg-opacity))\n}\n.s-bg-blue-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(147 197 253 / var(--tw-bg-opacity))\n}\n.s-bg-blue-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n.s-bg-brand {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-cyan-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(103 232 249 / var(--tw-bg-opacity))\n}\n.s-bg-element-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-element-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n.s-bg-element-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n.s-bg-element-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 250 229 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-fuchsia-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(240 171 252 / var(--tw-bg-opacity))\n}\n.s-bg-green-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(134 239 172 / var(--tw-bg-opacity))\n}\n.s-bg-indigo-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(165 180 252 / var(--tw-bg-opacity))\n}\n.s-bg-indigo-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(79 70 229 / var(--tw-bg-opacity))\n}\n.s-bg-lime-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(190 242 100 / var(--tw-bg-opacity))\n}\n.s-bg-orange-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 186 116 / var(--tw-bg-opacity))\n}\n.s-bg-pink-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 231 243 / var(--tw-bg-opacity))\n}\n.s-bg-pink-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 242 248 / var(--tw-bg-opacity))\n}\n.s-bg-purple-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 232 255 / var(--tw-bg-opacity))\n}\n.s-bg-purple-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(216 180 254 / var(--tw-bg-opacity))\n}\n.s-bg-red-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-red-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 165 165 / var(--tw-bg-opacity))\n}\n.s-bg-rose-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 164 175 / var(--tw-bg-opacity))\n}\n.s-bg-sky-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224 242 254 / var(--tw-bg-opacity))\n}\n.s-bg-sky-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(125 211 252 / var(--tw-bg-opacity))\n}\n.s-bg-sky-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(56 189 248 / var(--tw-bg-opacity))\n}\n.s-bg-slate-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(241 245 249 / var(--tw-bg-opacity))\n}\n.s-bg-slate-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-slate-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-slate-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n.s-bg-structure-0 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-structure-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50\\/80 {\n background-color: rgb(248 250 252 / 0.8)\n}\n.s-bg-success-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-teal-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(94 234 212 / var(--tw-bg-opacity))\n}\n.s-bg-violet-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(237 233 254 / var(--tw-bg-opacity))\n}\n.s-bg-violet-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(196 181 253 / var(--tw-bg-opacity))\n}\n.s-bg-warning-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-warning-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 202 202 / var(--tw-bg-opacity))\n}\n.s-bg-warning-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.s-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-white\\/80 {\n background-color: rgb(255 255 255 / 0.8)\n}\n.s-bg-yellow-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 224 71 / var(--tw-bg-opacity))\n}\n.s-bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops))\n}\n.s-bg-gradient-to-t {\n background-image: linear-gradient(to top, var(--tw-gradient-stops))\n}\n.s-from-amber-400 {\n --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-blue-400 {\n --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-cyan-500 {\n --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-emerald-400 {\n --tw-gradient-from: #34d399 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-pink-400 {\n --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-sky-400 {\n --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-stone-400 {\n --tw-gradient-from: #a8a29e var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(168 162 158 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-to-blue-400 {\n --tw-gradient-to: #60a5fa var(--tw-gradient-to-position)\n}\n.s-to-blue-500 {\n --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)\n}\n.s-to-green-400 {\n --tw-gradient-to: #4ade80 var(--tw-gradient-to-position)\n}\n.s-to-indigo-300 {\n --tw-gradient-to: #a5b4fc var(--tw-gradient-to-position)\n}\n.s-to-red-300 {\n --tw-gradient-to: #fca5a5 var(--tw-gradient-to-position)\n}\n.s-to-stone-300 {\n --tw-gradient-to: #d6d3d1 var(--tw-gradient-to-position)\n}\n.s-to-yellow-300 {\n --tw-gradient-to: #fde047 var(--tw-gradient-to-position)\n}\n.s-fill-current {\n fill: currentColor\n}\n.s-object-cover {\n -o-object-fit: cover;\n object-fit: cover\n}\n.s-object-center {\n -o-object-position: center;\n object-position: center\n}\n.s-p-0 {\n padding: 0px\n}\n.s-p-10 {\n padding: 2.5rem\n}\n.s-p-2 {\n padding: 0.5rem\n}\n.s-p-2\\.5 {\n padding: 0.625rem\n}\n.s-p-3 {\n padding: 0.75rem\n}\n.s-p-4 {\n padding: 1rem\n}\n.s-p-6 {\n padding: 1.5rem\n}\n.s-p-8 {\n padding: 2rem\n}\n.s-p-px {\n padding: 1px\n}\n.s-px-0 {\n padding-left: 0px;\n padding-right: 0px\n}\n.s-px-0\\.5 {\n padding-left: 0.125rem;\n padding-right: 0.125rem\n}\n.s-px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem\n}\n.s-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem\n}\n.s-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem\n}\n.s-px-4 {\n padding-left: 1rem;\n padding-right: 1rem\n}\n.s-px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem\n}\n.s-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem\n}\n.s-py-0 {\n padding-top: 0px;\n padding-bottom: 0px\n}\n.s-py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem\n}\n.s-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem\n}\n.s-py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem\n}\n.s-py-16 {\n padding-top: 4rem;\n padding-bottom: 4rem\n}\n.s-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem\n}\n.s-py-2\\.5 {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem\n}\n.s-py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem\n}\n.s-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem\n}\n.s-pb-10 {\n padding-bottom: 2.5rem\n}\n.s-pb-2 {\n padding-bottom: 0.5rem\n}\n.s-pb-6 {\n padding-bottom: 1.5rem\n}\n.s-pl-0 {\n padding-left: 0px\n}\n.s-pl-0\\.5 {\n padding-left: 0.125rem\n}\n.s-pl-1 {\n padding-left: 0.25rem\n}\n.s-pl-2 {\n padding-left: 0.5rem\n}\n.s-pl-2\\.5 {\n padding-left: 0.625rem\n}\n.s-pl-32 {\n padding-left: 8rem\n}\n.s-pl-4 {\n padding-left: 1rem\n}\n.s-pl-5 {\n padding-left: 1.25rem\n}\n.s-pl-64 {\n padding-left: 16rem\n}\n.s-pr-10 {\n padding-right: 2.5rem\n}\n.s-pr-3 {\n padding-right: 0.75rem\n}\n.s-pr-3\\.5 {\n padding-right: 0.875rem\n}\n.s-pr-4 {\n padding-right: 1rem\n}\n.s-pr-5 {\n padding-right: 1.25rem\n}\n.s-pr-6 {\n padding-right: 1.5rem\n}\n.s-pr-8 {\n padding-right: 2rem\n}\n.s-pt-0 {\n padding-top: 0px\n}\n.s-pt-0\\.5 {\n padding-top: 0.125rem\n}\n.s-pt-10 {\n padding-top: 2.5rem\n}\n.s-pt-16 {\n padding-top: 4rem\n}\n.s-pt-6 {\n padding-top: 1.5rem\n}\n.s-text-left {\n text-align: left\n}\n.s-text-right {\n text-align: right\n}\n.s-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem\n}\n.s-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem\n}\n.s-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem\n}\n.s-text-7xl {\n font-size: 4.5rem;\n line-height: 1\n}\n.s-text-base {\n font-size: 1rem;\n line-height: 1.5rem\n}\n.s-text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem\n}\n.s-text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n.s-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem\n}\n.s-text-xs {\n font-size: 0.75rem;\n line-height: 1rem\n}\n.s-font-bold {\n font-weight: 700\n}\n.s-font-medium {\n font-weight: 500\n}\n.s-font-normal {\n font-weight: 400\n}\n.s-font-semibold {\n font-weight: 600\n}\n.s-uppercase {\n text-transform: uppercase\n}\n.s-leading-6 {\n line-height: 1.5rem\n}\n.s-text-action-300 {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n.s-text-action-400 {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-text-action-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.s-text-action-800 {\n --tw-text-opacity: 1;\n color: rgb(30 64 175 / var(--tw-text-opacity))\n}\n.s-text-action-900 {\n --tw-text-opacity: 1;\n color: rgb(30 58 138 / var(--tw-text-opacity))\n}\n.s-text-amber-500 {\n --tw-text-opacity: 1;\n color: rgb(245 158 11 / var(--tw-text-opacity))\n}\n.s-text-amber-600 {\n --tw-text-opacity: 1;\n color: rgb(217 119 6 / var(--tw-text-opacity))\n}\n.s-text-amber-700 {\n --tw-text-opacity: 1;\n color: rgb(180 83 9 / var(--tw-text-opacity))\n}\n.s-text-amber-900 {\n --tw-text-opacity: 1;\n color: rgb(120 53 15 / var(--tw-text-opacity))\n}\n.s-text-blue-700 {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.s-text-blue-900 {\n --tw-text-opacity: 1;\n color: rgb(30 58 138 / var(--tw-text-opacity))\n}\n.s-text-brand {\n --tw-text-opacity: 1;\n color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-cyan-700 {\n --tw-text-opacity: 1;\n color: rgb(14 116 144 / var(--tw-text-opacity))\n}\n.s-text-element-500 {\n --tw-text-opacity: 1;\n color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n.s-text-element-600 {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n.s-text-element-700 {\n --tw-text-opacity: 1;\n color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n.s-text-element-800 {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-element-900 {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-emerald-500 {\n --tw-text-opacity: 1;\n color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-emerald-700 {\n --tw-text-opacity: 1;\n color: rgb(4 120 87 / var(--tw-text-opacity))\n}\n.s-text-emerald-900 {\n --tw-text-opacity: 1;\n color: rgb(6 78 59 / var(--tw-text-opacity))\n}\n.s-text-fuchsia-700 {\n --tw-text-opacity: 1;\n color: rgb(162 28 175 / var(--tw-text-opacity))\n}\n.s-text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity))\n}\n.s-text-green-700 {\n --tw-text-opacity: 1;\n color: rgb(21 128 61 / var(--tw-text-opacity))\n}\n.s-text-indigo-700 {\n --tw-text-opacity: 1;\n color: rgb(67 56 202 / var(--tw-text-opacity))\n}\n.s-text-lime-700 {\n --tw-text-opacity: 1;\n color: rgb(77 124 15 / var(--tw-text-opacity))\n}\n.s-text-orange-700 {\n --tw-text-opacity: 1;\n color: rgb(194 65 12 / var(--tw-text-opacity))\n}\n.s-text-pink-900 {\n --tw-text-opacity: 1;\n color: rgb(131 24 67 / var(--tw-text-opacity))\n}\n.s-text-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(126 34 206 / var(--tw-text-opacity))\n}\n.s-text-purple-900 {\n --tw-text-opacity: 1;\n color: rgb(88 28 135 / var(--tw-text-opacity))\n}\n.s-text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity))\n}\n.s-text-red-900 {\n --tw-text-opacity: 1;\n color: rgb(127 29 29 / var(--tw-text-opacity))\n}\n.s-text-rose-700 {\n --tw-text-opacity: 1;\n color: rgb(190 18 60 / var(--tw-text-opacity))\n}\n.s-text-sky-700 {\n --tw-text-opacity: 1;\n color: rgb(3 105 161 / var(--tw-text-opacity))\n}\n.s-text-sky-900 {\n --tw-text-opacity: 1;\n color: rgb(12 74 110 / var(--tw-text-opacity))\n}\n.s-text-slate-700 {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-slate-900 {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-structure-0 {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-teal-700 {\n --tw-text-opacity: 1;\n color: rgb(15 118 110 / var(--tw-text-opacity))\n}\n.s-text-violet-700 {\n --tw-text-opacity: 1;\n color: rgb(109 40 217 / var(--tw-text-opacity))\n}\n.s-text-warning-300 {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n.s-text-warning-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-warning-900 {\n --tw-text-opacity: 1;\n color: rgb(127 29 29 / var(--tw-text-opacity))\n}\n.s-text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-white\\/70 {\n color: rgb(255 255 255 / 0.7)\n}\n.s-text-yellow-700 {\n --tw-text-opacity: 1;\n color: rgb(161 98 7 / var(--tw-text-opacity))\n}\n.s-placeholder-element-600::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n.s-placeholder-element-600::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n.s-opacity-0 {\n opacity: 0\n}\n.s-opacity-100 {\n opacity: 1\n}\n.s-opacity-20 {\n opacity: 0.2\n}\n.s-opacity-40 {\n opacity: 0.4\n}\n.s-opacity-50 {\n opacity: 0.5\n}\n.s-opacity-60 {\n opacity: 0.6\n}\n.s-shadow {\n --tw-shadow: 0 2px 6px 0 rgba(15, 23, 42, 0.1);\n --tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-2xl {\n --tw-shadow: 0 25px 50px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 25px 50px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-lg {\n --tw-shadow: 0 10px 20px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-md {\n --tw-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-xl {\n --tw-shadow: 0 20px 25px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 20px 25px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.s-ring-0 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-structure-200 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity))\n}\n.s-ring-warning-200 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n.s-drop-shadow {\n --tw-drop-shadow: drop-shadow(0 2px 4px rgba(15, 23, 42, 0.1));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-2xl {\n --tw-drop-shadow: drop-shadow(0 25px 35px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-lg {\n --tw-drop-shadow: drop-shadow(0 10px 15px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-md {\n --tw-drop-shadow: drop-shadow(0 4px 6px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-sm {\n --tw-drop-shadow: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.08));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-xl {\n --tw-drop-shadow: drop-shadow(0 20px 20px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-backdrop-blur {\n --tw-backdrop-blur: blur(8px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-backdrop-blur-sm {\n --tw-backdrop-blur: blur(4px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-duration-150 {\n transition-duration: 150ms\n}\n.s-duration-200 {\n transition-duration: 200ms\n}\n.s-duration-300 {\n transition-duration: 300ms\n}\n.s-duration-500 {\n transition-duration: 500ms\n}\n.s-duration-75 {\n transition-duration: 75ms\n}\n.s-ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1)\n}\n.s-ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.s-ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1)\n}\n\n@keyframes bgblink {\n 0%,\n 100% {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n }\n 50% {\n --tw-bg-opacity: 1;\n background-color: rgb(243 232 255 / var(--tw-bg-opacity))\n }\n}\n\n.checked\\:s-bg-action-500:checked {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n.checked\\:s-ring-0:checked {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.hover\\:s-scale-100:hover {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-105:hover {\n --tw-scale-x: 1.05;\n --tw-scale-y: 1.05;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-110:hover {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-cursor-not-allowed:hover {\n cursor: not-allowed\n}\n\n.hover\\:s-border-action-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-300:hover {\n --tw-border-opacity: 1;\n border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.hover\\:s-bg-action-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-400:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(239 246 255 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-structure-300:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-success-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(167 243 208 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-400:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-text-action-400:hover {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-action-500:hover {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-warning-400:hover {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n.hover\\:s-brightness-110:hover {\n --tw-brightness: brightness(1.1);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-drop-shadow-md:hover {\n --tw-drop-shadow: drop-shadow(0 4px 6px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-filter:hover {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.focus\\:s-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n\n.focus\\:s-ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-action-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-warning-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity))\n}\n\n.active\\:s-scale-100:active {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.active\\:s-border-action-400:active {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n.active\\:s-bg-action-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-200:active {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity))\n}\n\n.active\\:s-text-action-600:active {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-action-700:active {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-warning-600:active {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n\n.active\\:s-ring-0:active {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.active\\:s-brightness-90:active {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.active\\:s-drop-shadow-none:active {\n --tw-drop-shadow: drop-shadow(0 0 #0000);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-group:hover .group-hover\\:s-block {\n display: block\n}\n\n.s-group:hover .group-hover\\:s-hidden {\n display: none\n}\n\n.s-group:hover .group-hover\\:s-text-action-400 {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.s-group:hover .group-hover\\:s-text-action-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n.s-group:hover .group-hover\\:s-opacity-100 {\n opacity: 1\n}\n\n.s-group:hover .group-hover\\:s-brightness-110 {\n --tw-brightness: brightness(1.1);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-group:hover .group-hover\\:s-filter {\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:active .group-active\\:s-text-action-700 {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n.s-group:active .group-active\\:s-brightness-90 {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n:is(.s-dark .dark\\:s-border-action-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(30 64 175 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(100 116 139 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(30 41 59 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(51 65 85 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark\\/50) {\n border-color: rgb(51 65 85 / 0.5)\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(71 85 105 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark\\/30) {\n border-color: rgb(71 85 105 / 0.3)\n}\n\n:is(.s-dark .dark\\:s-border-structure-50-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(15 23 42 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-warning-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(153 27 27 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-amber-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(245 158 11 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-black) {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-blue-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-600-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-700-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-900-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-emerald-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-pink-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(236 72 153 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-sky-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(14 165 233 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-sky-700) {\n --tw-bg-opacity: 1;\n background-color: rgb(3 105 161 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-0-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-200-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-300-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(71 85 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(15 23 42 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark\\/80) {\n background-color: rgb(15 23 42 / 0.8)\n}\n\n:is(.s-dark .dark\\:s-bg-success-400-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(5 150 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-warning-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-amber-950) {\n --tw-text-opacity: 1;\n color: rgb(69 26 3 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-blue-950) {\n --tw-text-opacity: 1;\n color: rgb(23 37 84 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-800-dark) {\n --tw-text-opacity: 1;\n color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-900-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-emerald-950) {\n --tw-text-opacity: 1;\n color: rgb(2 44 34 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-pink-950) {\n --tw-text-opacity: 1;\n color: rgb(80 7 36 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-sky-950) {\n --tw-text-opacity: 1;\n color: rgb(8 47 73 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-structure-300-dark) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-warning-200-dark) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-saturate-50) {\n --tw-saturate: saturate(.5);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-300-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-500-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-600-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-warning-300-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-200-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 64 175 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-400:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-50-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(23 37 84 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-structure-200-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-warning-50-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(69 10 10 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-300:hover) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-500-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-600-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-700-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-warning-500-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-action-300-dark:focus) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-warning-300-dark:focus) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-action-500-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-warning-500-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-action-100-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-warning-100-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600:active) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-700-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-warning-600-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:active .dark\\:group-active\\:s-text-action-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n@media (min-width: 640px) {\n .sm\\:s-block {\n display: block\n }\n .sm\\:s-w-64 {\n width: 16rem\n }\n .sm\\:s-w-\\[448px\\] {\n width: 448px\n }\n .sm\\:s-w-\\[50rem\\] {\n width: 50rem\n }\n .sm\\:s-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem\n }\n .sm\\:s-px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem\n }\n .sm\\:s-px-4 {\n padding-left: 1rem;\n padding-right: 1rem\n }\n}\n";
|
|
31
|
+
var css_248z = ".s-form-checkbox,.s-form-radio {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n padding: 0;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n display: inline-block;\n vertical-align: middle;\n background-origin: border-box;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n flex-shrink: 0;\n height: 1rem;\n width: 1rem;\n color: #2563eb;\n background-color: #fff;\n border-color: #6b7280;\n border-width: 1px;\n --tw-shadow: 0 0 #0000\n}\n.s-form-radio {\n border-radius: 100%\n}\n.s-form-checkbox:focus,.s-form-radio:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: #2563eb;\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)\n}\n.s-form-checkbox:checked,.s-form-radio:checked {\n border-color: transparent;\n background-color: currentColor;\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat\n}\n.s-form-radio:checked {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")\n}\n.s-form-checkbox:checked:hover,.s-form-checkbox:checked:focus,.s-form-radio:checked:hover,.s-form-radio:checked:focus {\n border-color: transparent;\n background-color: currentColor\n}\n.s-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0\n}\n.s-pointer-events-none {\n pointer-events: none\n}\n.s-fixed {\n position: fixed\n}\n.s-absolute {\n position: absolute\n}\n.s-relative {\n position: relative\n}\n.s-inset-0 {\n inset: 0px\n}\n.s-bottom-6 {\n bottom: 1.5rem\n}\n.s-bottom-full {\n bottom: 100%\n}\n.s-left-0 {\n left: 0px\n}\n.s-left-1\\/2 {\n left: 50%\n}\n.s-right-0 {\n right: 0px\n}\n.s-right-16 {\n right: 4rem\n}\n.s-top-0 {\n top: 0px\n}\n.s-top-full {\n top: 100%\n}\n.s-z-10 {\n z-index: 10\n}\n.s-z-30 {\n z-index: 30\n}\n.s-z-50 {\n z-index: 50\n}\n.s--m-3 {\n margin: -0.75rem\n}\n.s-m-0 {\n margin: 0px\n}\n.s-m-px {\n margin: 1px\n}\n.s-mx-2 {\n margin-left: 0.5rem;\n margin-right: 0.5rem\n}\n.s-mx-auto {\n margin-left: auto;\n margin-right: auto\n}\n.-s-mb-px {\n margin-bottom: -1px\n}\n.-s-mr-1 {\n margin-right: -0.25rem\n}\n.-s-mt-1 {\n margin-top: -0.25rem\n}\n.-s-mt-2 {\n margin-top: -0.5rem\n}\n.s-mb-2 {\n margin-bottom: 0.5rem\n}\n.s-ml-2 {\n margin-left: 0.5rem\n}\n.s-ml-auto {\n margin-left: auto\n}\n.s-mt-0 {\n margin-top: 0px\n}\n.s-mt-0\\.5 {\n margin-top: 0.125rem\n}\n.s-mt-16 {\n margin-top: 4rem\n}\n.s-mt-2 {\n margin-top: 0.5rem\n}\n.s-mt-4 {\n margin-top: 1rem\n}\n.s-box-border {\n box-sizing: border-box\n}\n.s-line-clamp-1 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1\n}\n.s-line-clamp-2 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2\n}\n.s-inline-block {\n display: inline-block\n}\n.s-inline {\n display: inline\n}\n.s-flex {\n display: flex\n}\n.s-inline-flex {\n display: inline-flex\n}\n.s-grid {\n display: grid\n}\n.s-hidden {\n display: none\n}\n.s-h-0 {\n height: 0px\n}\n.s-h-0\\.5 {\n height: 0.125rem\n}\n.s-h-1\\/2 {\n height: 50%\n}\n.s-h-10 {\n height: 2.5rem\n}\n.s-h-12 {\n height: 3rem\n}\n.s-h-16 {\n height: 4rem\n}\n.s-h-20 {\n height: 5rem\n}\n.s-h-36 {\n height: 9rem\n}\n.s-h-4 {\n height: 1rem\n}\n.s-h-40 {\n height: 10rem\n}\n.s-h-44 {\n height: 11rem\n}\n.s-h-5 {\n height: 1.25rem\n}\n.s-h-6 {\n height: 1.5rem\n}\n.s-h-7 {\n height: 1.75rem\n}\n.s-h-72 {\n height: 18rem\n}\n.s-h-8 {\n height: 2rem\n}\n.s-h-9 {\n height: 2.25rem\n}\n.s-h-96 {\n height: 24rem\n}\n.s-h-\\[26px\\] {\n height: 26px\n}\n.s-h-\\[34px\\] {\n height: 34px\n}\n.s-h-\\[46px\\] {\n height: 46px\n}\n.s-h-full {\n height: 100%\n}\n.s-h-px {\n height: 1px\n}\n.s-max-h-full {\n max-height: 100%\n}\n.s-min-h-full {\n min-height: 100%\n}\n.s-w-0 {\n width: 0px\n}\n.s-w-0\\.5 {\n width: 0.125rem\n}\n.s-w-1\\/2 {\n width: 50%\n}\n.s-w-10 {\n width: 2.5rem\n}\n.s-w-12 {\n width: 3rem\n}\n.s-w-14 {\n width: 3.5rem\n}\n.s-w-16 {\n width: 4rem\n}\n.s-w-20 {\n width: 5rem\n}\n.s-w-32 {\n width: 8rem\n}\n.s-w-36 {\n width: 9rem\n}\n.s-w-4 {\n width: 1rem\n}\n.s-w-40 {\n width: 10rem\n}\n.s-w-44 {\n width: 11rem\n}\n.s-w-48 {\n width: 12rem\n}\n.s-w-5 {\n width: 1.25rem\n}\n.s-w-6 {\n width: 1.5rem\n}\n.s-w-60 {\n width: 15rem\n}\n.s-w-64 {\n width: 16rem\n}\n.s-w-8 {\n width: 2rem\n}\n.s-w-\\[320px\\] {\n width: 320px\n}\n.s-w-\\[38em\\] {\n width: 38em\n}\n.s-w-full {\n width: 100%\n}\n.s-max-w-2xl {\n max-width: 42rem\n}\n.s-max-w-4xl {\n max-width: 56rem\n}\n.s-max-w-\\[500px\\] {\n max-width: 500px\n}\n.s-max-w-full {\n max-width: 100%\n}\n.s-flex-1 {\n flex: 1 1 0%\n}\n.s-flex-none {\n flex: none\n}\n.s-flex-shrink-0 {\n flex-shrink: 0\n}\n.s-shrink {\n flex-shrink: 1\n}\n.s-shrink-0 {\n flex-shrink: 0\n}\n.s-flex-grow {\n flex-grow: 1\n}\n.s-grow {\n flex-grow: 1\n}\n.s-origin-bottom-left {\n transform-origin: bottom left\n}\n.s-origin-bottom-right {\n transform-origin: bottom right\n}\n.s-origin-top-left {\n transform-origin: top left\n}\n.s-origin-top-right {\n transform-origin: top right\n}\n.-s-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-0 {\n --tw-translate-y: -0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-5 {\n --tw-translate-y: -1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-0 {\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-16 {\n --tw-translate-x: 4rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-\\[14px\\] {\n --tw-translate-x: 14px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-\\[22px\\] {\n --tw-translate-x: 22px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-\\[2px\\] {\n --tw-translate-x: 2px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-0 {\n --tw-translate-y: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-2 {\n --tw-translate-y: 0.5rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-4 {\n --tw-translate-y: 1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-y-5 {\n --tw-translate-y: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-scale-100 {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-scale-95 {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-animate-\\[bgblink_500ms_3\\] {\n animation: bgblink 500ms 3\n}\n@keyframes s-breathing {\n 0%, 100% {\n filter: brightness(105%)\n }\n 50% {\n filter: brightness(80%)\n }\n}\n.s-animate-breathing {\n animation: s-breathing 4s infinite ease-in-out\n}\n@keyframes s-move-square {\n 0% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 50%\n }\n 12.5% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 50%\n }\n 25% {\n padding-left: 50%;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 50%\n }\n 37.5% {\n padding-left: 50%;\n padding-top: 0;\n padding-right: 0;\n padding-bottom: 0\n }\n 50% {\n padding-left: 50%;\n padding-top: 50%;\n padding-right: 0;\n padding-bottom: 0\n }\n 62.5% {\n padding-left: 0;\n padding-top: 50%;\n padding-right: 0;\n padding-bottom: 0\n }\n 75% {\n padding-left: 0;\n padding-top: 50%;\n padding-right: 50%;\n padding-bottom: 0\n }\n 87.5% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 0\n }\n 100% {\n padding-left: 0;\n padding-top: 0;\n padding-right: 50%;\n padding-bottom: 50%\n }\n}\n.s-animate-move-square {\n animation: s-move-square 4s ease-out infinite\n}\n.s-cursor-default {\n cursor: default\n}\n.s-cursor-not-allowed {\n cursor: not-allowed\n}\n.s-cursor-pointer {\n cursor: pointer\n}\n.s-select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none\n}\n.s-grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr))\n}\n.s-grid-cols-\\[auto\\,1fr\\,auto\\] {\n grid-template-columns: auto 1fr auto\n}\n.s-flex-row {\n flex-direction: row\n}\n.s-flex-col {\n flex-direction: column\n}\n.s-flex-wrap {\n flex-wrap: wrap\n}\n.s-flex-nowrap {\n flex-wrap: nowrap\n}\n.s-items-start {\n align-items: flex-start\n}\n.s-items-end {\n align-items: flex-end\n}\n.s-items-center {\n align-items: center\n}\n.s-items-baseline {\n align-items: baseline\n}\n.s-items-stretch {\n align-items: stretch\n}\n.s-justify-start {\n justify-content: flex-start\n}\n.s-justify-end {\n justify-content: flex-end\n}\n.s-justify-center {\n justify-content: center\n}\n.s-justify-stretch {\n justify-content: stretch\n}\n.s-justify-items-center {\n justify-items: center\n}\n.s-gap-0 {\n gap: 0px\n}\n.s-gap-0\\.5 {\n gap: 0.125rem\n}\n.s-gap-1 {\n gap: 0.25rem\n}\n.s-gap-1\\.5 {\n gap: 0.375rem\n}\n.s-gap-10 {\n gap: 2.5rem\n}\n.s-gap-12 {\n gap: 3rem\n}\n.s-gap-16 {\n gap: 4rem\n}\n.s-gap-2 {\n gap: 0.5rem\n}\n.s-gap-20 {\n gap: 5rem\n}\n.s-gap-3 {\n gap: 0.75rem\n}\n.s-gap-4 {\n gap: 1rem\n}\n.s-gap-5 {\n gap: 1.25rem\n}\n.s-gap-6 {\n gap: 1.5rem\n}\n.s-gap-8 {\n gap: 2rem\n}\n.s-gap-x-1 {\n -moz-column-gap: 0.25rem;\n column-gap: 0.25rem\n}\n.s-gap-x-1\\.5 {\n -moz-column-gap: 0.375rem;\n column-gap: 0.375rem\n}\n.s-gap-x-2 {\n -moz-column-gap: 0.5rem;\n column-gap: 0.5rem\n}\n.s-gap-x-3 {\n -moz-column-gap: 0.75rem;\n column-gap: 0.75rem\n}\n.s-gap-x-6 {\n -moz-column-gap: 1.5rem;\n column-gap: 1.5rem\n}\n.s-gap-y-2 {\n row-gap: 0.5rem\n}\n.s-gap-y-3 {\n row-gap: 0.75rem\n}\n.s-gap-y-96 {\n row-gap: 24rem\n}\n.s-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-x-reverse: 0;\n margin-right: calc(0px * var(--tw-space-x-reverse));\n margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))\n}\n.s-self-center {\n align-self: center\n}\n.s-overflow-auto {\n overflow: auto\n}\n.s-overflow-hidden {\n overflow: hidden\n}\n.s-overflow-y-auto {\n overflow-y: auto\n}\n.s-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap\n}\n.s-text-ellipsis {\n text-overflow: ellipsis\n}\n.s-whitespace-nowrap {\n white-space: nowrap\n}\n.s-break-words {\n overflow-wrap: break-word\n}\n.s-rounded-2xl {\n border-radius: 1rem\n}\n.s-rounded-3xl {\n border-radius: 1.5rem\n}\n.s-rounded-\\[24px\\] {\n border-radius: 24px\n}\n.s-rounded-\\[30px\\] {\n border-radius: 30px\n}\n.s-rounded-\\[32px\\] {\n border-radius: 32px\n}\n.s-rounded-\\[33\\%\\] {\n border-radius: 33%\n}\n.s-rounded-\\[44px\\] {\n border-radius: 44px\n}\n.s-rounded-full {\n border-radius: 9999px\n}\n.s-rounded-lg {\n border-radius: 0.5rem\n}\n.s-rounded-md {\n border-radius: 0.375rem\n}\n.s-rounded-xl {\n border-radius: 0.75rem\n}\n.s-border {\n border-width: 1px\n}\n.s-border-0 {\n border-width: 0px\n}\n.s-border-b {\n border-bottom-width: 1px\n}\n.s-border-b-2 {\n border-bottom-width: 2px\n}\n.s-border-t {\n border-top-width: 1px\n}\n.s-border-action-200 {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n.s-border-action-500 {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.s-border-action-600 {\n --tw-border-opacity: 1;\n border-color: rgb(37 99 235 / var(--tw-border-opacity))\n}\n.s-border-amber-100 {\n --tw-border-opacity: 1;\n border-color: rgb(254 243 199 / var(--tw-border-opacity))\n}\n.s-border-amber-200 {\n --tw-border-opacity: 1;\n border-color: rgb(253 230 138 / var(--tw-border-opacity))\n}\n.s-border-element-600 {\n --tw-border-opacity: 1;\n border-color: rgb(148 163 184 / var(--tw-border-opacity))\n}\n.s-border-emerald-200 {\n --tw-border-opacity: 1;\n border-color: rgb(167 243 208 / var(--tw-border-opacity))\n}\n.s-border-pink-100 {\n --tw-border-opacity: 1;\n border-color: rgb(252 231 243 / var(--tw-border-opacity))\n}\n.s-border-pink-200 {\n --tw-border-opacity: 1;\n border-color: rgb(251 207 232 / var(--tw-border-opacity))\n}\n.s-border-purple-200 {\n --tw-border-opacity: 1;\n border-color: rgb(233 213 255 / var(--tw-border-opacity))\n}\n.s-border-red-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.s-border-sky-200 {\n --tw-border-opacity: 1;\n border-color: rgb(186 230 253 / var(--tw-border-opacity))\n}\n.s-border-slate-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-100 {\n --tw-border-opacity: 1;\n border-color: rgb(241 245 249 / var(--tw-border-opacity))\n}\n.s-border-structure-200 {\n --tw-border-opacity: 1;\n border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-300 {\n --tw-border-opacity: 1;\n border-color: rgb(203 213 225 / var(--tw-border-opacity))\n}\n.s-border-structure-300\\/30 {\n border-color: rgb(203 213 225 / 0.3)\n}\n.s-border-transparent {\n border-color: transparent\n}\n.s-border-violet-200 {\n --tw-border-opacity: 1;\n border-color: rgb(221 214 254 / var(--tw-border-opacity))\n}\n.s-border-warning-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.s-border-warning-600 {\n --tw-border-opacity: 1;\n border-color: rgb(220 38 38 / var(--tw-border-opacity))\n}\n.s-border-white\\/30 {\n border-color: rgb(255 255 255 / 0.3)\n}\n.s-bg-action-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n.s-bg-action-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n.s-bg-action-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.s-bg-amber-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 243 199 / var(--tw-bg-opacity))\n}\n.s-bg-amber-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 211 77 / var(--tw-bg-opacity))\n}\n.s-bg-amber-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(251 191 36 / var(--tw-bg-opacity))\n}\n.s-bg-amber-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 251 235 / var(--tw-bg-opacity))\n}\n.s-bg-blue-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(147 197 253 / var(--tw-bg-opacity))\n}\n.s-bg-blue-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n.s-bg-brand {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-cyan-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(103 232 249 / var(--tw-bg-opacity))\n}\n.s-bg-element-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-element-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n.s-bg-element-700 {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n.s-bg-element-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 250 229 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-fuchsia-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(240 171 252 / var(--tw-bg-opacity))\n}\n.s-bg-green-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(134 239 172 / var(--tw-bg-opacity))\n}\n.s-bg-indigo-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(165 180 252 / var(--tw-bg-opacity))\n}\n.s-bg-indigo-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(79 70 229 / var(--tw-bg-opacity))\n}\n.s-bg-lime-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(190 242 100 / var(--tw-bg-opacity))\n}\n.s-bg-orange-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 186 116 / var(--tw-bg-opacity))\n}\n.s-bg-pink-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 231 243 / var(--tw-bg-opacity))\n}\n.s-bg-pink-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 242 248 / var(--tw-bg-opacity))\n}\n.s-bg-purple-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 232 255 / var(--tw-bg-opacity))\n}\n.s-bg-purple-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(216 180 254 / var(--tw-bg-opacity))\n}\n.s-bg-red-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-red-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(252 165 165 / var(--tw-bg-opacity))\n}\n.s-bg-rose-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 164 175 / var(--tw-bg-opacity))\n}\n.s-bg-sky-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224 242 254 / var(--tw-bg-opacity))\n}\n.s-bg-sky-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(125 211 252 / var(--tw-bg-opacity))\n}\n.s-bg-sky-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(56 189 248 / var(--tw-bg-opacity))\n}\n.s-bg-slate-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(241 245 249 / var(--tw-bg-opacity))\n}\n.s-bg-slate-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-slate-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-slate-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n.s-bg-structure-0 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-structure-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50\\/80 {\n background-color: rgb(248 250 252 / 0.8)\n}\n.s-bg-success-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-teal-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(94 234 212 / var(--tw-bg-opacity))\n}\n.s-bg-violet-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(237 233 254 / var(--tw-bg-opacity))\n}\n.s-bg-violet-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(196 181 253 / var(--tw-bg-opacity))\n}\n.s-bg-warning-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-warning-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 202 202 / var(--tw-bg-opacity))\n}\n.s-bg-warning-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.s-bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-white\\/80 {\n background-color: rgb(255 255 255 / 0.8)\n}\n.s-bg-yellow-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(253 224 71 / var(--tw-bg-opacity))\n}\n.s-bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops))\n}\n.s-bg-gradient-to-t {\n background-image: linear-gradient(to top, var(--tw-gradient-stops))\n}\n.s-from-amber-400 {\n --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-blue-400 {\n --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-cyan-500 {\n --tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-emerald-400 {\n --tw-gradient-from: #34d399 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-pink-400 {\n --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-sky-400 {\n --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-stone-400 {\n --tw-gradient-from: #a8a29e var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(168 162 158 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-to-blue-400 {\n --tw-gradient-to: #60a5fa var(--tw-gradient-to-position)\n}\n.s-to-blue-500 {\n --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)\n}\n.s-to-green-400 {\n --tw-gradient-to: #4ade80 var(--tw-gradient-to-position)\n}\n.s-to-indigo-300 {\n --tw-gradient-to: #a5b4fc var(--tw-gradient-to-position)\n}\n.s-to-red-300 {\n --tw-gradient-to: #fca5a5 var(--tw-gradient-to-position)\n}\n.s-to-stone-300 {\n --tw-gradient-to: #d6d3d1 var(--tw-gradient-to-position)\n}\n.s-to-yellow-300 {\n --tw-gradient-to: #fde047 var(--tw-gradient-to-position)\n}\n.s-fill-current {\n fill: currentColor\n}\n.s-object-cover {\n -o-object-fit: cover;\n object-fit: cover\n}\n.s-object-center {\n -o-object-position: center;\n object-position: center\n}\n.s-p-0 {\n padding: 0px\n}\n.s-p-10 {\n padding: 2.5rem\n}\n.s-p-2 {\n padding: 0.5rem\n}\n.s-p-2\\.5 {\n padding: 0.625rem\n}\n.s-p-3 {\n padding: 0.75rem\n}\n.s-p-4 {\n padding: 1rem\n}\n.s-p-6 {\n padding: 1.5rem\n}\n.s-p-8 {\n padding: 2rem\n}\n.s-p-px {\n padding: 1px\n}\n.s-px-0 {\n padding-left: 0px;\n padding-right: 0px\n}\n.s-px-0\\.5 {\n padding-left: 0.125rem;\n padding-right: 0.125rem\n}\n.s-px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem\n}\n.s-px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem\n}\n.s-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem\n}\n.s-px-4 {\n padding-left: 1rem;\n padding-right: 1rem\n}\n.s-px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem\n}\n.s-px-6 {\n padding-left: 1.5rem;\n padding-right: 1.5rem\n}\n.s-py-0 {\n padding-top: 0px;\n padding-bottom: 0px\n}\n.s-py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem\n}\n.s-py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem\n}\n.s-py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem\n}\n.s-py-16 {\n padding-top: 4rem;\n padding-bottom: 4rem\n}\n.s-py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem\n}\n.s-py-2\\.5 {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem\n}\n.s-py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem\n}\n.s-py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem\n}\n.s-pb-10 {\n padding-bottom: 2.5rem\n}\n.s-pb-2 {\n padding-bottom: 0.5rem\n}\n.s-pb-3 {\n padding-bottom: 0.75rem\n}\n.s-pb-6 {\n padding-bottom: 1.5rem\n}\n.s-pl-0 {\n padding-left: 0px\n}\n.s-pl-0\\.5 {\n padding-left: 0.125rem\n}\n.s-pl-1 {\n padding-left: 0.25rem\n}\n.s-pl-2 {\n padding-left: 0.5rem\n}\n.s-pl-2\\.5 {\n padding-left: 0.625rem\n}\n.s-pl-3 {\n padding-left: 0.75rem\n}\n.s-pl-32 {\n padding-left: 8rem\n}\n.s-pl-4 {\n padding-left: 1rem\n}\n.s-pl-5 {\n padding-left: 1.25rem\n}\n.s-pl-6 {\n padding-left: 1.5rem\n}\n.s-pl-64 {\n padding-left: 16rem\n}\n.s-pr-10 {\n padding-right: 2.5rem\n}\n.s-pr-2 {\n padding-right: 0.5rem\n}\n.s-pr-3 {\n padding-right: 0.75rem\n}\n.s-pr-3\\.5 {\n padding-right: 0.875rem\n}\n.s-pr-4 {\n padding-right: 1rem\n}\n.s-pr-5 {\n padding-right: 1.25rem\n}\n.s-pr-6 {\n padding-right: 1.5rem\n}\n.s-pr-8 {\n padding-right: 2rem\n}\n.s-pt-0 {\n padding-top: 0px\n}\n.s-pt-0\\.5 {\n padding-top: 0.125rem\n}\n.s-pt-1 {\n padding-top: 0.25rem\n}\n.s-pt-1\\.5 {\n padding-top: 0.375rem\n}\n.s-pt-10 {\n padding-top: 2.5rem\n}\n.s-pt-16 {\n padding-top: 4rem\n}\n.s-pt-4 {\n padding-top: 1rem\n}\n.s-pt-6 {\n padding-top: 1.5rem\n}\n.s-pt-7 {\n padding-top: 1.75rem\n}\n.s-text-left {\n text-align: left\n}\n.s-text-right {\n text-align: right\n}\n.s-text-2xl {\n font-size: 1.5rem;\n line-height: 2rem\n}\n.s-text-3xl {\n font-size: 1.875rem;\n line-height: 2.25rem\n}\n.s-text-4xl {\n font-size: 2.25rem;\n line-height: 2.5rem\n}\n.s-text-7xl {\n font-size: 4.5rem;\n line-height: 1\n}\n.s-text-base {\n font-size: 1rem;\n line-height: 1.5rem\n}\n.s-text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem\n}\n.s-text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem\n}\n.s-text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem\n}\n.s-text-xs {\n font-size: 0.75rem;\n line-height: 1rem\n}\n.s-font-bold {\n font-weight: 700\n}\n.s-font-medium {\n font-weight: 500\n}\n.s-font-normal {\n font-weight: 400\n}\n.s-font-semibold {\n font-weight: 600\n}\n.s-uppercase {\n text-transform: uppercase\n}\n.s-leading-6 {\n line-height: 1.5rem\n}\n.s-text-action-300 {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n.s-text-action-400 {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-text-action-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.s-text-action-800 {\n --tw-text-opacity: 1;\n color: rgb(30 64 175 / var(--tw-text-opacity))\n}\n.s-text-action-900 {\n --tw-text-opacity: 1;\n color: rgb(30 58 138 / var(--tw-text-opacity))\n}\n.s-text-amber-500 {\n --tw-text-opacity: 1;\n color: rgb(245 158 11 / var(--tw-text-opacity))\n}\n.s-text-amber-600 {\n --tw-text-opacity: 1;\n color: rgb(217 119 6 / var(--tw-text-opacity))\n}\n.s-text-amber-700 {\n --tw-text-opacity: 1;\n color: rgb(180 83 9 / var(--tw-text-opacity))\n}\n.s-text-amber-900 {\n --tw-text-opacity: 1;\n color: rgb(120 53 15 / var(--tw-text-opacity))\n}\n.s-text-blue-700 {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.s-text-blue-900 {\n --tw-text-opacity: 1;\n color: rgb(30 58 138 / var(--tw-text-opacity))\n}\n.s-text-brand {\n --tw-text-opacity: 1;\n color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-cyan-700 {\n --tw-text-opacity: 1;\n color: rgb(14 116 144 / var(--tw-text-opacity))\n}\n.s-text-element-500 {\n --tw-text-opacity: 1;\n color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n.s-text-element-600 {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n.s-text-element-700 {\n --tw-text-opacity: 1;\n color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n.s-text-element-800 {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-element-900 {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-emerald-500 {\n --tw-text-opacity: 1;\n color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-emerald-700 {\n --tw-text-opacity: 1;\n color: rgb(4 120 87 / var(--tw-text-opacity))\n}\n.s-text-emerald-900 {\n --tw-text-opacity: 1;\n color: rgb(6 78 59 / var(--tw-text-opacity))\n}\n.s-text-fuchsia-700 {\n --tw-text-opacity: 1;\n color: rgb(162 28 175 / var(--tw-text-opacity))\n}\n.s-text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity))\n}\n.s-text-green-700 {\n --tw-text-opacity: 1;\n color: rgb(21 128 61 / var(--tw-text-opacity))\n}\n.s-text-indigo-700 {\n --tw-text-opacity: 1;\n color: rgb(67 56 202 / var(--tw-text-opacity))\n}\n.s-text-lime-700 {\n --tw-text-opacity: 1;\n color: rgb(77 124 15 / var(--tw-text-opacity))\n}\n.s-text-orange-700 {\n --tw-text-opacity: 1;\n color: rgb(194 65 12 / var(--tw-text-opacity))\n}\n.s-text-pink-900 {\n --tw-text-opacity: 1;\n color: rgb(131 24 67 / var(--tw-text-opacity))\n}\n.s-text-purple-700 {\n --tw-text-opacity: 1;\n color: rgb(126 34 206 / var(--tw-text-opacity))\n}\n.s-text-purple-900 {\n --tw-text-opacity: 1;\n color: rgb(88 28 135 / var(--tw-text-opacity))\n}\n.s-text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-red-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity))\n}\n.s-text-red-900 {\n --tw-text-opacity: 1;\n color: rgb(127 29 29 / var(--tw-text-opacity))\n}\n.s-text-rose-700 {\n --tw-text-opacity: 1;\n color: rgb(190 18 60 / var(--tw-text-opacity))\n}\n.s-text-sky-700 {\n --tw-text-opacity: 1;\n color: rgb(3 105 161 / var(--tw-text-opacity))\n}\n.s-text-sky-900 {\n --tw-text-opacity: 1;\n color: rgb(12 74 110 / var(--tw-text-opacity))\n}\n.s-text-slate-700 {\n --tw-text-opacity: 1;\n color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-slate-900 {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-structure-0 {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-teal-700 {\n --tw-text-opacity: 1;\n color: rgb(15 118 110 / var(--tw-text-opacity))\n}\n.s-text-violet-700 {\n --tw-text-opacity: 1;\n color: rgb(109 40 217 / var(--tw-text-opacity))\n}\n.s-text-warning-300 {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n.s-text-warning-400 {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n.s-text-warning-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-warning-900 {\n --tw-text-opacity: 1;\n color: rgb(127 29 29 / var(--tw-text-opacity))\n}\n.s-text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-white\\/70 {\n color: rgb(255 255 255 / 0.7)\n}\n.s-text-yellow-700 {\n --tw-text-opacity: 1;\n color: rgb(161 98 7 / var(--tw-text-opacity))\n}\n.s-placeholder-element-600::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n.s-placeholder-element-600::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n.s-opacity-0 {\n opacity: 0\n}\n.s-opacity-100 {\n opacity: 1\n}\n.s-opacity-20 {\n opacity: 0.2\n}\n.s-opacity-40 {\n opacity: 0.4\n}\n.s-opacity-50 {\n opacity: 0.5\n}\n.s-opacity-60 {\n opacity: 0.6\n}\n.s-shadow {\n --tw-shadow: 0 2px 6px 0 rgba(15, 23, 42, 0.1);\n --tw-shadow-colored: 0 2px 6px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-2xl {\n --tw-shadow: 0 25px 50px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 25px 50px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-lg {\n --tw-shadow: 0 10px 20px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-md {\n --tw-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-xl {\n --tw-shadow: 0 20px 25px rgba(15, 23, 42, 0.12);\n --tw-shadow-colored: 0 20px 25px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n.s-ring-0 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-structure-200 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity))\n}\n.s-ring-warning-200 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n.s-drop-shadow {\n --tw-drop-shadow: drop-shadow(0 2px 4px rgba(15, 23, 42, 0.1));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-2xl {\n --tw-drop-shadow: drop-shadow(0 25px 35px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-lg {\n --tw-drop-shadow: drop-shadow(0 10px 15px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-md {\n --tw-drop-shadow: drop-shadow(0 4px 6px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-sm {\n --tw-drop-shadow: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.08));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-xl {\n --tw-drop-shadow: drop-shadow(0 20px 20px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-backdrop-blur {\n --tw-backdrop-blur: blur(8px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-backdrop-blur-sm {\n --tw-backdrop-blur: blur(4px);\n -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-transition-transform {\n transition-property: transform;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms\n}\n.s-duration-150 {\n transition-duration: 150ms\n}\n.s-duration-200 {\n transition-duration: 200ms\n}\n.s-duration-300 {\n transition-duration: 300ms\n}\n.s-duration-500 {\n transition-duration: 500ms\n}\n.s-duration-75 {\n transition-duration: 75ms\n}\n.s-ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1)\n}\n.s-ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.s-ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1)\n}\n\n@keyframes bgblink {\n 0%,\n 100% {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n }\n 50% {\n --tw-bg-opacity: 1;\n background-color: rgb(243 232 255 / var(--tw-bg-opacity))\n }\n}\n\n.checked\\:s-bg-action-500:checked {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n.checked\\:s-ring-0:checked {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.hover\\:s-scale-100:hover {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-105:hover {\n --tw-scale-x: 1.05;\n --tw-scale-y: 1.05;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-110:hover {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-cursor-not-allowed:hover {\n cursor: not-allowed\n}\n\n.hover\\:s-border-action-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-300:hover {\n --tw-border-opacity: 1;\n border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-200:hover {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-500:hover {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.hover\\:s-bg-action-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-400:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(239 246 255 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-structure-300:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-structure-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-success-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(167 243 208 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-400:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(248 113 113 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-text-action-400:hover {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-action-500:hover {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-warning-400:hover {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n.hover\\:s-brightness-110:hover {\n --tw-brightness: brightness(1.1);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-drop-shadow-md:hover {\n --tw-drop-shadow: drop-shadow(0 4px 6px rgba(15, 23, 42, 0.12));\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-filter:hover {\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.focus\\:s-outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px\n}\n\n.focus\\:s-ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-action-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-warning-300:focus {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity))\n}\n\n.active\\:s-scale-100:active {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.active\\:s-border-action-400:active {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-500:active {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-700:active {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n.active\\:s-bg-action-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-200:active {\n --tw-bg-opacity: 1;\n background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(37 99 235 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-structure-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(241 245 249 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-100:active {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-600:active {\n --tw-bg-opacity: 1;\n background-color: rgb(220 38 38 / var(--tw-bg-opacity))\n}\n\n.active\\:s-text-action-600:active {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-action-700:active {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-warning-600:active {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n\n.active\\:s-ring-0:active {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.active\\:s-brightness-90:active {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.active\\:s-drop-shadow-none:active {\n --tw-drop-shadow: drop-shadow(0 0 #0000);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-group:hover .group-hover\\:s-block {\n display: block\n}\n\n.s-group:hover .group-hover\\:s-hidden {\n display: none\n}\n\n.s-group:hover .group-hover\\:s-text-action-400 {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.s-group:hover .group-hover\\:s-text-action-500 {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n.s-group:hover .group-hover\\:s-text-warning-300 {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n\n.s-group:hover .group-hover\\:s-text-warning-400 {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n.s-group:hover .group-hover\\:s-opacity-100 {\n opacity: 1\n}\n\n.s-group:hover .group-hover\\:s-brightness-110 {\n --tw-brightness: brightness(1.1);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-group:hover .group-hover\\:s-filter {\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:active .group-active\\:s-text-action-700 {\n --tw-text-opacity: 1;\n color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n.s-group:active .group-active\\:s-text-warning-700 {\n --tw-text-opacity: 1;\n color: rgb(185 28 28 / var(--tw-text-opacity))\n}\n\n.s-group:active .group-active\\:s-brightness-90 {\n --tw-brightness: brightness(.9);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n:is(.s-dark .dark\\:s-border-action-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(30 64 175 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(100 116 139 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(30 41 59 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(51 65 85 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark\\/50) {\n border-color: rgb(51 65 85 / 0.5)\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(71 85 105 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark\\/30) {\n border-color: rgb(71 85 105 / 0.3)\n}\n\n:is(.s-dark .dark\\:s-border-structure-50-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(15 23 42 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-warning-200-dark) {\n --tw-border-opacity: 1;\n border-color: rgb(153 27 27 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-amber-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(245 158 11 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-black) {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-blue-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-500-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-600-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-700-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-900-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-emerald-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-pink-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(236 72 153 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-sky-500) {\n --tw-bg-opacity: 1;\n background-color: rgb(14 165 233 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-sky-700) {\n --tw-bg-opacity: 1;\n background-color: rgb(3 105 161 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-0-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-200-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-300-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(71 85 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(15 23 42 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark\\/80) {\n background-color: rgb(15 23 42 / 0.8)\n}\n\n:is(.s-dark .dark\\:s-bg-success-400-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(5 150 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-warning-100-dark) {\n --tw-bg-opacity: 1;\n background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-amber-950) {\n --tw-text-opacity: 1;\n color: rgb(69 26 3 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-blue-950) {\n --tw-text-opacity: 1;\n color: rgb(23 37 84 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-800-dark) {\n --tw-text-opacity: 1;\n color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-900-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-emerald-950) {\n --tw-text-opacity: 1;\n color: rgb(2 44 34 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-pink-950) {\n --tw-text-opacity: 1;\n color: rgb(80 7 36 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-sky-950) {\n --tw-text-opacity: 1;\n color: rgb(8 47 73 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-700-dark) {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-structure-300-dark) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-warning-200-dark) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-saturate-50) {\n --tw-saturate: saturate(.5);\n filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-300-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-500-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-600-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-warning-300-dark:hover) {\n --tw-border-opacity: 1;\n border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-200-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 64 175 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-400:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-50-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(23 37 84 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-structure-200-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-warning-50-dark:hover) {\n --tw-bg-opacity: 1;\n background-color: rgb(69 10 10 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-300:hover) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-500-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-600-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-700-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-warning-500-dark:hover) {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-action-300-dark:focus) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-warning-300-dark:focus) {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-action-500-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-warning-500-dark:active) {\n --tw-border-opacity: 1;\n border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-action-100-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-warning-100-dark:active) {\n --tw-bg-opacity: 1;\n background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600:active) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-700-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-warning-600-dark:active) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-500-dark) {\n --tw-text-opacity: 1;\n color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-warning-600-dark) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:active .dark\\:group-active\\:s-text-action-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:active .dark\\:group-active\\:s-text-warning-400-dark) {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n\n@media (min-width: 640px) {\n .sm\\:s-block {\n display: block\n }\n .sm\\:s-w-64 {\n width: 16rem\n }\n .sm\\:s-w-\\[448px\\] {\n width: 448px\n }\n .sm\\:s-w-\\[50rem\\] {\n width: 50rem\n }\n .sm\\:s-px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem\n }\n .sm\\:s-px-3\\.5 {\n padding-left: 0.875rem;\n padding-right: 0.875rem\n }\n .sm\\:s-px-4 {\n padding-left: 1rem;\n padding-right: 1rem\n }\n}\n";
|
|
32
32
|
styleInject(css_248z);
|
|
33
33
|
|
|
34
34
|
var aLink = function (_a) {
|
|
@@ -277,6 +277,9 @@ var SvgCloudX$1 = function (props) { return (React.createElement("svg", __assign
|
|
|
277
277
|
var SvgCog6Tooth$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
278
278
|
React.createElement("path", { fill: "currentColor", d: "m12 1 9.5 5.5v11L12 23l-9.5-5.5v-11L12 1Zm0 14a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" }))); };
|
|
279
279
|
|
|
280
|
+
var SvgCommand$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
281
|
+
React.createElement("path", { fill: "currentColor", d: "M10 8h4V6.5a3.5 3.5 0 1 1 3.5 3.5H16v4h1.5a3.5 3.5 0 1 1-3.5 3.5V16h-4v1.5A3.5 3.5 0 1 1 6.5 14H8v-4H6.5A3.5 3.5 0 1 1 10 6.5V8ZM8 8V6.5A1.5 1.5 0 1 0 6.5 8H8Zm0 8H6.5A1.5 1.5 0 1 0 8 17.5V16Zm8-8h1.5A1.5 1.5 0 1 0 16 6.5V8Zm0 8v1.5a1.5 1.5 0 1 0 1.5-1.5H16Zm-6-6v4h4v-4h-4Z" }))); };
|
|
282
|
+
|
|
280
283
|
var SvgCommandLine$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
281
284
|
React.createElement("path", { fill: "currentColor", d: "M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm9 12v2h6v-2h-6Zm-3.586-3-2.828 2.828L7 16.243 11.243 12 7 7.757 5.586 9.172 8.414 12Z" }))); };
|
|
282
285
|
|
|
@@ -302,6 +305,9 @@ var SvgDocumentText$1 = function (props) { return (React.createElement("svg", __
|
|
|
302
305
|
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M20 9v13H4V2h9v7h7ZM8 7v2h3V7H8Zm0 4v2h8v-2H8Zm0 4v2h8v-2H8Z", clipRule: "evenodd" }),
|
|
303
306
|
React.createElement("path", { fill: "currentColor", d: "M20 7h-5V2.003L20 7Z" }))); };
|
|
304
307
|
|
|
308
|
+
var SvgDust$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
309
|
+
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 7a5 5 0 0 0-5-5H2v10h4.998A2.5 2.5 0 0 0 7 17H2v5h5a2.5 2.5 0 0 0 0-5h5v5h5v-5h5v-5h-5a5 5 0 0 0 5-5V2H12v5ZM7 9a2 2 0 1 0 0-4v4Zm8-2a2 2 0 1 0 4 0h-4Zm-3 0a5 5 0 0 0 5 5H7a5 5 0 0 0 5-5Z", clipRule: "evenodd" }))); };
|
|
310
|
+
|
|
305
311
|
var SvgEmotionLaugh$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
306
312
|
React.createElement("path", { fill: "currentColor", d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 9c-2 0-3.667.333-5 1a5 5 0 0 0 10 0c-1.333-.667-3-1-5-1ZM8.5 7c-1.152 0-2.122.78-2.412 1.84L6.05 9h4.9A2.5 2.5 0 0 0 8.5 7Zm7 0c-1.152 0-2.122.78-2.412 1.84L13.05 9h4.9a2.5 2.5 0 0 0-2.45-2Z" }))); };
|
|
307
313
|
|
|
@@ -327,7 +333,7 @@ var SvgFolderOpen$1 = function (props) { return (React.createElement("svg", __as
|
|
|
327
333
|
React.createElement("path", { fill: "currentColor", d: "M12.414 5H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414l2 2Z" }))); };
|
|
328
334
|
|
|
329
335
|
var SvgFullscreen$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
330
|
-
React.createElement("path", { fill: "currentColor", d: "
|
|
336
|
+
React.createElement("path", { fill: "currentColor", d: "M3 13v8h8v-2.5H7.5l4.56-4.44-2.12-2.12L5.5 16.5V13H3ZM18.5 11H21V3h-8v2.5h3.5l-4.56 4.44 2.12 2.12L18.5 7.5V11Z" }))); };
|
|
331
337
|
|
|
332
338
|
var SvgFullscreenExit$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
333
339
|
React.createElement("path", { fill: "currentColor", d: "M15.5 8.5H21V11h-8V3h2.5v5.5ZM11 13v8H8.5v-5.5H3V13h8Z" }),
|
|
@@ -360,12 +366,23 @@ var SvgLightbulb$1 = function (props) { return (React.createElement("svg", __ass
|
|
|
360
366
|
var SvgLink$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
361
367
|
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "m13.06 7.404 1.768 1.767a7.5 7.5 0 0 1 0 10.607l-.353.354A7.5 7.5 0 0 1 3.868 9.525l.354-.354 2.121 2.122-.354.353a4.5 4.5 0 1 0 6.364 6.364l.354-.353a4.5 4.5 0 0 0 0-6.364l-1.768-1.768 2.121-2.121Zm6.718 7.424-2.121-2.121.353-.354a4.5 4.5 0 1 0-6.364-6.364l-.353.354a4.5 4.5 0 0 0 0 6.364l1.768 1.768-2.122 2.121-1.768-1.768a7.5 7.5 0 0 1 0-10.606l.354-.354A7.5 7.5 0 0 1 20.13 14.475l-.353.353Z", clipRule: "evenodd" }))); };
|
|
362
368
|
|
|
369
|
+
var SvgList$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
370
|
+
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8 5.5H6a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 3a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6ZM18 5.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM16 3a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-2ZM18 15.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5ZM16 13a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3h-2ZM8 15.5H6a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5ZM6 13a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3H6Z", clipRule: "evenodd" }))); };
|
|
371
|
+
|
|
372
|
+
var SvgListAdd$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
373
|
+
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M16 15.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5ZM14 13a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3h-2ZM18 5.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM16 3a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-2ZM8 5.5H6a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 3a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Z", clipRule: "evenodd" }),
|
|
374
|
+
React.createElement("path", { fill: "currentColor", d: "m5.207 12.293-1.414 1.414L6.086 16H1v2h5.086l-2.293 2.293 1.414 1.414L9.914 17l-4.707-4.707Z" }))); };
|
|
375
|
+
|
|
363
376
|
var SvgListCheck$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
364
377
|
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3 11V4h7v7H3Zm5-2V6H5v3h3Z", clipRule: "evenodd" }),
|
|
365
378
|
React.createElement("path", { fill: "currentColor", d: "M21 6h-8v3h8V6ZM21 16h-8v3h8v-3ZM6 20.414l4.707-4.707-1.414-1.414L6 17.586l-1.793-1.793-1.414 1.414L6 20.414Z" }))); };
|
|
366
379
|
|
|
380
|
+
var SvgListRemove$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
381
|
+
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M17 15.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5ZM15 13a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3h-2ZM18 5.5h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM16 3a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-2ZM8 5.5H6a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 3a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Z", clipRule: "evenodd" }),
|
|
382
|
+
React.createElement("path", { fill: "currentColor", d: "m5.707 21.707 1.414-1.414L4.828 18h5.086v-2H4.83l2.292-2.293-1.414-1.414L1 17l4.707 4.707Z" }))); };
|
|
383
|
+
|
|
367
384
|
var SvgLock$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
368
|
-
React.createElement("path", { fill: "currentColor", d: "
|
|
385
|
+
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18 8v2h2v12H4V10h2V8a6 6 0 1 1 12 0Zm-6-4a4 4 0 0 0-4 4v2h8V8a4 4 0 0 0-4-4Z", clipRule: "evenodd" }))); };
|
|
369
386
|
|
|
370
387
|
var SvgLogin$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
371
388
|
React.createElement("path", { fill: "currentColor", d: "M10 11H2.048c.502-5.053 4.765-9 9.95-9 5.523 0 10 4.477 10 10s-4.477 10-10 10c-5.185 0-9.448-3.947-9.95-9h7.95v3l5-4-5-4v3Z" }))); };
|
|
@@ -409,6 +426,9 @@ var SvgPlus$1 = function (props) { return (React.createElement("svg", __assign({
|
|
|
409
426
|
var SvgPlusCircle$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
410
427
|
React.createElement("path", { fill: "currentColor", d: "M4.929 19.071c-3.905-3.905-3.905-10.237 0-14.142 3.905-3.905 10.237-3.905 14.142 0 3.905 3.905 3.905 10.237 0 14.142-3.905 3.905-10.237 3.905-14.142 0ZM13 11V7h-2v4H7v2h4v4h2v-4h4v-2h-4Z" }))); };
|
|
411
428
|
|
|
429
|
+
var SvgPuzzle$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
430
|
+
React.createElement("path", { fill: "currentColor", d: "M8 4a3 3 0 1 1 5.83 1H18a1 1 0 0 1 1 1v4.17a3 3 0 1 1 0 5.659V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4.17C8.06 4.687 8 4.35 8 4Z" }))); };
|
|
431
|
+
|
|
412
432
|
var SvgQuestionMarkCircle$1 = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
413
433
|
React.createElement("path", { fill: "currentColor", d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-1-7v2h2v-2h-2Zm2-1.645A3.502 3.502 0 0 0 12 6.5a3.501 3.501 0 0 0-3.433 2.813l1.962.393A1.5 1.5 0 1 1 12 11.5a1 1 0 0 0-1 1V14h2v-.645Z" }))); };
|
|
414
434
|
|
|
@@ -528,7 +548,7 @@ var txtColors = [
|
|
|
528
548
|
"s-text-fuchsia-700",
|
|
529
549
|
"s-text-rose-700",
|
|
530
550
|
];
|
|
531
|
-
var sizeClasses$
|
|
551
|
+
var sizeClasses$4 = {
|
|
532
552
|
xs: "s-h-6 s-w-6",
|
|
533
553
|
sm: "s-h-8 s-w-8",
|
|
534
554
|
md: "s-h-10 s-w-10",
|
|
@@ -537,12 +557,12 @@ var sizeClasses$3 = {
|
|
|
537
557
|
auto: "s-w-full s-relative",
|
|
538
558
|
};
|
|
539
559
|
var roundedClasses = {
|
|
540
|
-
xs: "s-rounded-
|
|
541
|
-
sm: "s-rounded-
|
|
542
|
-
md: "s-rounded-
|
|
543
|
-
lg: "s-rounded-
|
|
544
|
-
xl: "s-rounded-
|
|
545
|
-
auto: "s-rounded-[
|
|
560
|
+
xs: "s-rounded-lg",
|
|
561
|
+
sm: "s-rounded-xl",
|
|
562
|
+
md: "s-rounded-2xl",
|
|
563
|
+
lg: "s-rounded-3xl",
|
|
564
|
+
xl: "s-rounded-[44px]",
|
|
565
|
+
auto: "s-rounded-[33%]",
|
|
546
566
|
};
|
|
547
567
|
var textSize = {
|
|
548
568
|
xs: "s-text-xs",
|
|
@@ -579,14 +599,14 @@ function Avatar(_a) {
|
|
|
579
599
|
? "s-cursor-pointer hover:s-filter group-hover:s-filter group-hover:s-brightness-110 hover:s-brightness-110 group-active:s-brightness-90 active:s-brightness-90 s-transition s-duration-200 s-ease-out"
|
|
580
600
|
: "";
|
|
581
601
|
var busyStyles = busy ? "s-animate-breathing s-cursor-default" : "";
|
|
582
|
-
var avatarClass = classNames(sizeClasses$
|
|
602
|
+
var avatarClass = classNames(sizeClasses$4[size], isRounded ? "s-rounded-full" : roundedClasses[size], backgroundColor
|
|
583
603
|
? backgroundColor
|
|
584
604
|
: name
|
|
585
605
|
? getColor(name)
|
|
586
606
|
: "s-bg-slate-200", "s-flex s-flex-shrink-0 s-items-center s-justify-center s-overflow-hidden", clickableStyles, busyStyles);
|
|
587
607
|
return (React__default.createElement("div", { className: classNames(avatarClass, disabled ? "s-opacity-50" : "", className) },
|
|
588
608
|
size === "auto" && React__default.createElement("div", { style: { paddingBottom: "100%" } }),
|
|
589
|
-
typeof visual === "string" ? (React__default.createElement("img", { src: visual, alt: name, className: classNames(sizeClasses$
|
|
609
|
+
typeof visual === "string" ? (React__default.createElement("img", { src: visual, alt: name, className: classNames(sizeClasses$4[size], "s-h-full s-w-full s-object-cover s-object-center") })) : visual ? (visual) : name ? (React__default.createElement("span", { className: classNames(getTextVariant(name), textSize[size], "s-select-none s-font-medium") }, /\+/.test(name) ? name : name[0].toUpperCase())) : (React__default.createElement(SvgUser$1, { className: "s-h-1/2 s-w-1/2 s-opacity-20" }))));
|
|
590
610
|
}
|
|
591
611
|
var sizeClassesPx = {
|
|
592
612
|
xs: 24,
|
|
@@ -706,11 +726,11 @@ var textClasses = {
|
|
|
706
726
|
md: "s-text-base s-font-bold",
|
|
707
727
|
lg: "s-text-lg s-font-bold",
|
|
708
728
|
};
|
|
709
|
-
var sizeClasses$
|
|
710
|
-
xs: "s-gap-x-1 s-px-3 s-
|
|
711
|
-
sm: "s-gap-x-1 s-px-4 s-
|
|
712
|
-
md: "s-gap-x-1.5 s-px-5 s-
|
|
713
|
-
lg: "s-gap-x-3 s-px-6 s-
|
|
729
|
+
var sizeClasses$3 = {
|
|
730
|
+
xs: "s-gap-x-1 s-px-3 s-h-7",
|
|
731
|
+
sm: "s-gap-x-1 s-px-4 s-h-9",
|
|
732
|
+
md: "s-gap-x-1.5 s-px-5 s-h-12",
|
|
733
|
+
lg: "s-gap-x-3 s-px-6 s-h-16",
|
|
714
734
|
};
|
|
715
735
|
var sizeAvatarClasses = {
|
|
716
736
|
xs: "s-gap-x-1 s-pl-0.5 s-pr-3 s-py-0.5",
|
|
@@ -803,7 +823,7 @@ var magnifyingClasses = "hover:s-scale-105 hover:s-drop-shadow-md active:s-scale
|
|
|
803
823
|
function Button(_a) {
|
|
804
824
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
805
825
|
var _o = _a.variant, variant = _o === void 0 ? "primary" : _o, _p = _a.type, type = _p === void 0 ? "button" : _p, _q = _a.size, size = _q === void 0 ? "sm" : _q, onClick = _a.onClick, _r = _a.disabled, disabled = _r === void 0 ? false : _r, _s = _a.labelVisible, labelVisible = _s === void 0 ? true : _s, label = _a.label, icon = _a.icon, _t = _a.className, className = _t === void 0 ? "" : _t, _u = _a.tooltipPosition, tooltipPosition = _u === void 0 ? "above" : _u, _v = _a.hasMagnifying, hasMagnifying = _v === void 0 ? true : _v, _w = _a.disabledTooltip, disabledTooltip = _w === void 0 ? false : _w, avatar = _a.avatar;
|
|
806
|
-
var buttonClasses = classNames("s-inline-flex s-items-center s-border s-scale-100 s-box-border s-whitespace-nowrap s-rounded-full", !avatar ? sizeClasses$
|
|
826
|
+
var buttonClasses = classNames("s-inline-flex s-items-center s-border s-scale-100 s-box-border s-whitespace-nowrap s-rounded-full", !avatar ? sizeClasses$3[size] : sizeAvatarClasses[size], textClasses[size], className);
|
|
807
827
|
if (disabled) {
|
|
808
828
|
buttonClasses = classNames(buttonClasses, (_b = variantClasses[variant]) === null || _b === void 0 ? void 0 : _b.disabled, (_c = variantClasses[variant]) === null || _c === void 0 ? void 0 : _c.dark.disabled, disabled ? "s-cursor-default" : "");
|
|
809
829
|
}
|
|
@@ -833,14 +853,18 @@ Button.List = function (_a) {
|
|
|
833
853
|
React__default.createElement("div", { className: classNames("s-flex s-flex-row s-gap-2", isWrapping ? "s-flex-wrap" : "s-flex-nowrap") }, modifiedChildren)));
|
|
834
854
|
};
|
|
835
855
|
|
|
836
|
-
var baseClasses$3 = "s-rounded-full s-cursor-pointer s-transition-colors s-duration-300 s-ease-out s-cursor-pointer s-flex s-items-center";
|
|
837
|
-
var sizeClasses$
|
|
838
|
-
|
|
839
|
-
|
|
856
|
+
var baseClasses$3 = "s-rounded-full s-cursor-pointer s-transition-colors s-duration-300 s-ease-out s-cursor-pointer s-flex s-items-center s-flex";
|
|
857
|
+
var sizeClasses$2 = {
|
|
858
|
+
xs: "s-h-7 s-w-10",
|
|
859
|
+
sm: "s-h-9 s-w-14",
|
|
840
860
|
};
|
|
841
861
|
var cusrsorSizeClasses = {
|
|
842
|
-
|
|
843
|
-
|
|
862
|
+
xs: "s-h-6 s-w-6",
|
|
863
|
+
sm: "s-h-8 s-w-8",
|
|
864
|
+
};
|
|
865
|
+
var cusrsorTranslateSizeClasses = {
|
|
866
|
+
xs: "s-translate-x-[14px]",
|
|
867
|
+
sm: "s-translate-x-[22px]",
|
|
844
868
|
};
|
|
845
869
|
var stateClasses = {
|
|
846
870
|
idle: "s-bg-structure-200 hover:s-bg-action-400",
|
|
@@ -853,14 +877,14 @@ var stateClasses = {
|
|
|
853
877
|
},
|
|
854
878
|
};
|
|
855
879
|
function SliderToggle(_a) {
|
|
856
|
-
var onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.selected, selected = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? "
|
|
857
|
-
var combinedStateClasses = classNames(size ? sizeClasses$
|
|
880
|
+
var onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.selected, selected = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? "xs" : _e;
|
|
881
|
+
var combinedStateClasses = classNames(size ? sizeClasses$2[size] : "", selected ? stateClasses.selected : stateClasses.idle, disabled ? stateClasses.disabled : "", selected ? stateClasses.dark.selected : stateClasses.dark.idle, disabled ? stateClasses.dark.disabled : "");
|
|
858
882
|
var SliderToggleContent = (React__default.createElement("div", { onClick: function (e) {
|
|
859
883
|
if (!disabled) {
|
|
860
884
|
onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
|
|
861
885
|
}
|
|
862
886
|
}, className: classNames(className, baseClasses$3, combinedStateClasses) },
|
|
863
|
-
React__default.createElement("div", { id: "cursor", className: classNames("s-transform s-rounded-full s-bg-white s-drop-shadow s-transition-transform s-duration-300 s-ease-out", size ? cusrsorSizeClasses[size] : "", selected ? "s-translate-x-
|
|
887
|
+
React__default.createElement("div", { id: "cursor", className: classNames("s-transform s-rounded-full s-bg-white s-drop-shadow s-transition-transform s-duration-300 s-ease-out", size ? cusrsorSizeClasses[size] : "", selected ? cusrsorTranslateSizeClasses[size] : "s-translate-x-[2px]") })));
|
|
864
888
|
return SliderToggleContent;
|
|
865
889
|
}
|
|
866
890
|
|
|
@@ -31993,7 +32017,7 @@ var tabClasses = {
|
|
|
31993
32017
|
},
|
|
31994
32018
|
},
|
|
31995
32019
|
};
|
|
31996
|
-
var iconClasses$
|
|
32020
|
+
var iconClasses$4 = {
|
|
31997
32021
|
default: {
|
|
31998
32022
|
base: "s-text-element-600",
|
|
31999
32023
|
hover: "group-hover:s-text-action-400",
|
|
@@ -32025,8 +32049,8 @@ function Tab(_a) {
|
|
|
32025
32049
|
? tabClasses.selected
|
|
32026
32050
|
: tabClasses.default;
|
|
32027
32051
|
var iconStateClasses = tab.current
|
|
32028
|
-
? iconClasses$
|
|
32029
|
-
: iconClasses$
|
|
32052
|
+
? iconClasses$4.selected
|
|
32053
|
+
: iconClasses$4.default;
|
|
32030
32054
|
var finalTabClasses = classNames("s-group s-justify-center s-flex s-text-sm s-font-semibold s-py-2.5 s-transition-all ease-out s-duration-400 s-whitespace-nowrap s-select-none s-border-b-2", tab.icon ? (tab.hideLabel ? "s-px-3" : "s-pr-3.5 s-pl-2.5") : "s-px-3", tabStateClasses.base, tabStateClasses.hover, tabStateClasses.dark.base, tabStateClasses.dark.hover, tabSizingClasses[(_a = tab.sizing) !== null && _a !== void 0 ? _a : "hug"], className);
|
|
32031
32055
|
var finalIconClasses = classNames("s-transition-colors s-duration-400", iconStateClasses.base, iconStateClasses.hover, iconStateClasses.dark.base, iconStateClasses.dark.hover, className);
|
|
32032
32056
|
var Link = tab.href
|
|
@@ -32051,14 +32075,15 @@ function Tab(_a) {
|
|
|
32051
32075
|
React__default.createElement("nav", { className: "-s-mb-px s-flex s-space-x-0", "aria-label": "Tabs" }, renderTabs())));
|
|
32052
32076
|
}
|
|
32053
32077
|
|
|
32054
|
-
var activeLabelStyleClasses = "group-hover:s-text-action-500 group-active:s-text-action-700 dark:group-hover:s-text-action-600-dark dark:group-active:s-text-action-400-dark";
|
|
32055
32078
|
var labelStyleClasses = {
|
|
32056
32079
|
item: "s-font-normal",
|
|
32057
32080
|
action: "s-font-semibold",
|
|
32081
|
+
warning: "s-font-semibold",
|
|
32058
32082
|
};
|
|
32059
32083
|
var labelColorClasses = {
|
|
32060
|
-
item: "s-text-element-600 dark:s-text-element-500-dark",
|
|
32061
|
-
action: "s-text-element-800 dark:s-text-element-800-dark",
|
|
32084
|
+
item: "s-text-element-600 dark:s-text-element-500-dark group-hover:s-text-action-500 group-active:s-text-action-700 dark:group-hover:s-text-action-600-dark dark:group-active:s-text-action-400-dark",
|
|
32085
|
+
action: "s-text-element-800 dark:s-text-element-800-dark group-hover:s-text-action-500 group-active:s-text-action-700 dark:group-hover:s-text-action-600-dark dark:group-active:s-text-action-400-dark",
|
|
32086
|
+
warning: "s-text-warning-500 dark:s-text-warning-400-dark group-hover:s-text-warning-400 group-active:s-text-warning-700 dark:group-hover:s-text-warning-600-dark dark:group-active:s-text-warning-400-dark",
|
|
32062
32087
|
};
|
|
32063
32088
|
var spacingClasses = {
|
|
32064
32089
|
sm: "s-py-2 s-gap-x-2",
|
|
@@ -32077,7 +32102,9 @@ function Item(_a) {
|
|
|
32077
32102
|
? "s-text-element-500 dark:s-text-element-500-dark"
|
|
32078
32103
|
: selected
|
|
32079
32104
|
? "s-text-action-400 dark:s-text-action-600-dark"
|
|
32080
|
-
:
|
|
32105
|
+
: style === "action" || style === "item"
|
|
32106
|
+
? "s-text-element-600 group-hover:s-text-action-400 group-active:s-text-action-700 dark:group-hover:s-text-action-600-dark dark:group-active:s-text-action-400-dark"
|
|
32107
|
+
: "s-text-warning-400 group-hover:s-text-warning-300 group-active:s-text-warning-700 dark:group-hover:s-text-warning-600-dark dark:group-active:s-text-warning-400-dark") }));
|
|
32081
32108
|
}
|
|
32082
32109
|
return (React__default.createElement(Link, { className: classNames("s-duration-400 s-group s-box-border s-flex s-select-none s-text-sm s-transition-colors s-ease-out", spacingClasses[spacing], disabled ? "" : "s-cursor-pointer", className), onClick: selected || disabled ? undefined : onClick, "aria-label": label, href: href || "#" },
|
|
32083
32110
|
visualElement,
|
|
@@ -32086,7 +32113,7 @@ function Item(_a) {
|
|
|
32086
32113
|
? "s-text-element-600 dark:s-text-element-500-dark"
|
|
32087
32114
|
: selected
|
|
32088
32115
|
? "s-text-action-500 dark:s-text-action-600-dark"
|
|
32089
|
-
:
|
|
32116
|
+
: labelColorClasses[style]) }, label),
|
|
32090
32117
|
React__default.createElement("div", { className: classNames("s-grow s-truncate s-text-xs", disabled
|
|
32091
32118
|
? "s-text-element-600 dark:s-text-element-500-dark"
|
|
32092
32119
|
: "s-text-element-700 dark:s-text-element-600-dark") }, description)),
|
|
@@ -32110,12 +32137,15 @@ Item.Avatar = function (_a) {
|
|
|
32110
32137
|
Item.Navigation = function (props) {
|
|
32111
32138
|
return React__default.createElement(Item, __assign({}, props, { style: "action", spacing: "md" }));
|
|
32112
32139
|
};
|
|
32113
|
-
Item.Dropdown = function (
|
|
32114
|
-
|
|
32140
|
+
Item.Dropdown = function (_a) {
|
|
32141
|
+
var style = _a.style, props = __rest(_a, ["style"]);
|
|
32142
|
+
return (React__default.createElement(Item, __assign({}, props, {
|
|
32143
|
+
// Pass down additional props as needed
|
|
32144
|
+
style: style === "default" ? "action" : "warning", hasAction: false })));
|
|
32115
32145
|
};
|
|
32116
32146
|
Item.SectionHeader = function (_a) {
|
|
32117
|
-
var label = _a.label, _b = _a.variant, variant = _b === void 0 ? "primary" : _b;
|
|
32118
|
-
return (React__default.createElement("div", { className: classNames(variant === "primary"
|
|
32147
|
+
var label = _a.label, _b = _a.variant, variant = _b === void 0 ? "primary" : _b, _c = _a.className, className = _c === void 0 ? "" : _c;
|
|
32148
|
+
return (React__default.createElement("div", { className: classNames(className, variant === "primary"
|
|
32119
32149
|
? "s-text-element-800 dark:s-text-element-800-dark"
|
|
32120
32150
|
: "s-text-element-600 dark:s-text-element-600-dark", "s-pb-2 s-pt-6 s-text-xs s-font-medium s-uppercase") }, label));
|
|
32121
32151
|
};
|
|
@@ -32126,23 +32156,26 @@ Item.List = function (_a) {
|
|
|
32126
32156
|
};
|
|
32127
32157
|
|
|
32128
32158
|
function ContextItem(_a) {
|
|
32129
|
-
var action = _a.action, children = _a.children, _b = _a.hasSeparator, hasSeparator = _b === void 0 ? true : _b, subElement = _a.subElement, title = _a.title, visual = _a.visual;
|
|
32159
|
+
var action = _a.action, children = _a.children, _b = _a.hasSeparator, hasSeparator = _b === void 0 ? true : _b, subElement = _a.subElement, title = _a.title, visual = _a.visual, onClick = _a.onClick;
|
|
32130
32160
|
return (React__default.createElement("div", { className: classNames(hasSeparator ? "s-border-b s-border-structure-200" : "", "s-flex s-w-full s-flex-col") },
|
|
32131
|
-
React__default.createElement("div", { className: "s-flex s-flex-row s-gap-3 s-px-
|
|
32161
|
+
React__default.createElement("div", { className: classNames("s-flex s-flex-row s-items-center s-gap-3 s-px-4 s-py-2", onClick
|
|
32162
|
+
? "s-cursor-pointer s-transition s-duration-200 hover:s-bg-structure-50 active:s-bg-structure-100"
|
|
32163
|
+
: ""), onClick: onClick },
|
|
32132
32164
|
React__default.createElement("div", { className: "s-flex" }, visual),
|
|
32133
32165
|
React__default.createElement("div", { className: "s-flex s-grow s-flex-col s-gap-1" },
|
|
32134
32166
|
React__default.createElement("div", { className: "s-flex s-grow s-flex-row s-gap-3" },
|
|
32135
32167
|
React__default.createElement("div", { className: "s-text-normal s-flex s-flex-col s-justify-center s-font-semibold" }, title),
|
|
32136
32168
|
React__default.createElement("div", { className: "s-flex s-items-center s-gap-1 s-text-element-600" }, subElement)),
|
|
32137
32169
|
React__default.createElement("div", { className: "-s-mt-1" }, children)),
|
|
32138
|
-
React__default.createElement("div",
|
|
32170
|
+
React__default.createElement("div", null, action))));
|
|
32139
32171
|
}
|
|
32140
32172
|
ContextItem.List = function (_a) {
|
|
32141
32173
|
var children = _a.children, className = _a.className, hasBorder = _a.hasBorder;
|
|
32142
|
-
// Ensure all children are of type ContextItem
|
|
32174
|
+
// Ensure all children are of type ContextItem or ContextItem.SectionHeader
|
|
32143
32175
|
React__default.Children.forEach(children, function (child) {
|
|
32144
|
-
if (!React__default.isValidElement(child) ||
|
|
32145
|
-
|
|
32176
|
+
if (!React__default.isValidElement(child) ||
|
|
32177
|
+
(child.type !== ContextItem && child.type !== ContextItem.SectionHeader)) {
|
|
32178
|
+
throw new Error("All children of ContextItem.List must be of type ContextItem or ContextItem.SectionHeader");
|
|
32146
32179
|
}
|
|
32147
32180
|
});
|
|
32148
32181
|
// Convert children into an array and modify the last child's props
|
|
@@ -32164,6 +32197,12 @@ ContextItem.Visual = function (_a) {
|
|
|
32164
32197
|
var visual = _a.visual;
|
|
32165
32198
|
return React__default.createElement(Icon, { size: "md", visual: visual });
|
|
32166
32199
|
};
|
|
32200
|
+
ContextItem.SectionHeader = function (_a) {
|
|
32201
|
+
var title = _a.title, description = _a.description;
|
|
32202
|
+
return (React__default.createElement("div", { className: "s-flex s-flex-col s-gap-0 s-border-b s-border-structure-200 s-pb-3 s-pt-7" },
|
|
32203
|
+
React__default.createElement("div", { className: "s-text-xl s-font-medium s-text-element-900 dark:s-text-element-900-dark" }, title),
|
|
32204
|
+
description && (React__default.createElement("div", { className: "s-text-sm s-font-normal s-text-element-700 dark:s-text-element-700-dark" }, description))));
|
|
32205
|
+
};
|
|
32167
32206
|
|
|
32168
32207
|
var Spinner = function (_a) {
|
|
32169
32208
|
var _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "lightGrey" : _c;
|
|
@@ -32194,7 +32233,7 @@ var Spinner = function (_a) {
|
|
|
32194
32233
|
React__default.createElement("div", { className: classNames("s-h-full s-w-full", colorClasses[variant]) })))));
|
|
32195
32234
|
};
|
|
32196
32235
|
|
|
32197
|
-
var sizeClasses = {
|
|
32236
|
+
var sizeClasses$1 = {
|
|
32198
32237
|
xs: "s-py-1.5 s-text-xs s-font-medium s-px-3 s-gap-2",
|
|
32199
32238
|
sm: "s-py-2 s-text-sm s-font-semibold s-px-3 s-gap-3",
|
|
32200
32239
|
};
|
|
@@ -32203,7 +32242,7 @@ function Chip(_a) {
|
|
|
32203
32242
|
var _b = _a.size, size = _b === void 0 ? "xs" : _b, _c = _a.color, color = _c === void 0 ? "slate" : _c, label = _a.label, children = _a.children, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.isBusy, isBusy = _e === void 0 ? false : _e;
|
|
32204
32243
|
var backgroundColor = "s-bg-".concat(color, "-100 s-border-").concat(color, "-200");
|
|
32205
32244
|
var textColor = "s-text-".concat(color, "-900");
|
|
32206
|
-
var ChipClasses = classNames(baseClasses$2, sizeClasses[size], backgroundColor, textColor, className);
|
|
32245
|
+
var ChipClasses = classNames(baseClasses$2, sizeClasses$1[size], backgroundColor, textColor, className);
|
|
32207
32246
|
return (React__default.createElement("div", { className: ChipClasses, "aria-label": label },
|
|
32208
32247
|
isBusy && React__default.createElement(Spinner, { size: size, variant: "darkGrey" }),
|
|
32209
32248
|
label && (React__default.createElement("span", { className: classNames(textColor, "s-pointer s-grow s-cursor-default s-truncate") }, label)),
|
|
@@ -32411,6 +32450,9 @@ var SvgCloudX = function (props) { return (React.createElement("svg", __assign({
|
|
|
32411
32450
|
var SvgCog6Tooth = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32412
32451
|
React.createElement("path", { fill: "currentColor", d: "m12 1 9.5 5.5v11L12 23l-9.5-5.5v-11L12 1Zm0 2.311L4.5 7.653v8.694l7.5 4.342 7.5-4.342V7.653L12 3.311ZM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" }))); };
|
|
32413
32452
|
|
|
32453
|
+
var SvgCommand = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32454
|
+
React.createElement("path", { fill: "currentColor", d: "M10 8h4V6.5a3.5 3.5 0 1 1 3.5 3.5H16v4h1.5a3.5 3.5 0 1 1-3.5 3.5V16h-4v1.5A3.5 3.5 0 1 1 6.5 14H8v-4H6.5A3.5 3.5 0 1 1 10 6.5V8ZM8 8V6.5A1.5 1.5 0 1 0 6.5 8H8Zm0 8H6.5A1.5 1.5 0 1 0 8 17.5V16Zm8-8h1.5A1.5 1.5 0 1 0 16 6.5V8Zm0 8v1.5a1.5 1.5 0 1 0 1.5-1.5H16Zm-6-6v4h4v-4h-4Z" }))); };
|
|
32455
|
+
|
|
32414
32456
|
var SvgCommandLine = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32415
32457
|
React.createElement("path", { fill: "currentColor", d: "M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm1 2v14h16V5H4Zm8 10h6v2h-6v-2Zm-3.333-3L5.838 9.172l1.415-1.415L11.495 12l-4.242 4.243-1.415-1.415L8.667 12Z" }))); };
|
|
32416
32458
|
|
|
@@ -32434,6 +32476,9 @@ var SvgDocumentText = function (props) { return (React.createElement("svg", __as
|
|
|
32434
32476
|
React.createElement("path", { fill: "currentColor", d: "M8 7h3v2H8V7ZM8 11h8v2H8v-2ZM8 15h8v2H8v-2Z" }),
|
|
32435
32477
|
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M20 8v14H4V2h9.997L20 8Zm-2 1h-5V4H6v16h12V9Z", clipRule: "evenodd" }))); };
|
|
32436
32478
|
|
|
32479
|
+
var SvgDust = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32480
|
+
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 7a5 5 0 0 0-5-5H2v10h4.998A2.5 2.5 0 0 0 7 17H2v5h5a2.5 2.5 0 0 0 0-5h5v5h5v-5h5v-5h-5a5 5 0 0 0 5-5V2H12v5Zm-5 3a3 3 0 0 0 0-6v6Zm7-3a3 3 0 1 0 6 0h-6Zm-2 0a5 5 0 0 0 5 5H7a5 5 0 0 0 5-5Z", clipRule: "evenodd" }))); };
|
|
32481
|
+
|
|
32437
32482
|
var SvgEmotionLaugh = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32438
32483
|
React.createElement("path", { fill: "currentColor", d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 7c2 0 3.667.333 5 1a5 5 0 0 1-10 0c1.333-.667 3-1 5-1ZM8.5 7a2.5 2.5 0 0 1 2.45 2h-4.9A2.5 2.5 0 0 1 8.5 7Zm7 0a2.5 2.5 0 0 1 2.45 2h-4.9a2.5 2.5 0 0 1 2.45-2Z" }))); };
|
|
32439
32484
|
|
|
@@ -32459,7 +32504,7 @@ var SvgFolderOpen = function (props) { return (React.createElement("svg", __assi
|
|
|
32459
32504
|
React.createElement("path", { fill: "currentColor", d: "M4 5v14h16V7h-8.414l-2-2H4Zm8.414 0H21a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h7.414l2 2Z" }))); };
|
|
32460
32505
|
|
|
32461
32506
|
var SvgFullscreen = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32462
|
-
React.createElement("path", { fill: "currentColor", d: "
|
|
32507
|
+
React.createElement("path", { fill: "currentColor", d: "M4 14v6h6v-2H7.414l4.293-4.293-1.414-1.414L6 16.586V14H4ZM18 10h2V4h-6v2h2.586l-4.293 4.293 1.414 1.414L18 7.414V10Z" }))); };
|
|
32463
32508
|
|
|
32464
32509
|
var SvgFullscreenExit = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32465
32510
|
React.createElement("path", { fill: "currentColor", d: "M16.414 9H19v2h-6V5h2v2.586l4.293-4.293 1.414 1.414L16.414 9ZM9 16.414l-4.293 4.293-1.414-1.414L7.586 15H5v-2h6v6H9v-2.586Z" }))); };
|
|
@@ -32491,12 +32536,23 @@ var SvgLightbulb = function (props) { return (React.createElement("svg", __assig
|
|
|
32491
32536
|
var SvgLink = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32492
32537
|
React.createElement("path", { fill: "currentColor", d: "m13.06 8.11 1.415 1.415a7 7 0 0 1 0 9.9l-.354.353a7 7 0 1 1-9.9-9.9l1.415 1.415a5 5 0 0 0 7.07 7.07l.354-.353a5 5 0 0 0 0-7.07l-1.414-1.415L13.06 8.11Zm6.718 6.011-1.414-1.414a5 5 0 0 0-7.071-7.071l-.354.353a5 5 0 0 0 0 7.071l1.414 1.415-1.414 1.414-1.414-1.414a7 7 0 0 1 0-9.9l.353-.353a7 7 0 0 1 9.9 9.9Z" }))); };
|
|
32493
32538
|
|
|
32539
|
+
var SvgList = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32540
|
+
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3 6a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm3-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1ZM13 6a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3h-2a3 3 0 0 1-3-3V6Zm3-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1ZM16 13a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3h-2Zm2 2h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1ZM3 16a3 3 0 0 1 3-3h2a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-2Zm3-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1Z", clipRule: "evenodd" }))); };
|
|
32541
|
+
|
|
32542
|
+
var SvgListAdd = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32543
|
+
React.createElement("path", { fill: "currentColor", d: "m5.207 12.293-1.414 1.414L6.086 16H1v2h5.086l-2.293 2.293 1.414 1.414L9.914 17l-4.707-4.707Z" }),
|
|
32544
|
+
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M16 15h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Zm-2-2a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3h-2ZM18 5h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1Zm-2-2a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-2ZM8 5H6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1ZM6 3a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Z", clipRule: "evenodd" }))); };
|
|
32545
|
+
|
|
32494
32546
|
var SvgListCheck = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32495
32547
|
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3 11V4h7v7H3Zm5-2V6H5v3h3Z", clipRule: "evenodd" }),
|
|
32496
32548
|
React.createElement("path", { fill: "currentColor", d: "M21 7h-8v2h8V7ZM21 17h-8v2h8v-2ZM6 20.414l4.707-4.707-1.414-1.414L6 17.586l-1.793-1.793-1.414 1.414L6 20.414Z" }))); };
|
|
32497
32549
|
|
|
32550
|
+
var SvgListRemove = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32551
|
+
React.createElement("path", { fill: "currentColor", d: "m4.707 21.707 1.414-1.414L3.828 18h5.086v-2H3.83l2.292-2.293-1.414-1.414L0 17l4.707 4.707Z" }),
|
|
32552
|
+
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M16 15h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1Zm-2-2a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3h-2ZM18 5h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1Zm-2-2a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3h-2ZM8 5H6a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1ZM6 3a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h2a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Z", clipRule: "evenodd" }))); };
|
|
32553
|
+
|
|
32498
32554
|
var SvgLock = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32499
|
-
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "
|
|
32555
|
+
React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4a4 4 0 0 0-4 4v2h8V8a4 4 0 0 0-4-4Zm6 4v2h2v12H4V10h2V8a6 6 0 1 1 12 0ZM6 12v8h12v-8H6Z", clipRule: "evenodd" }))); };
|
|
32500
32556
|
|
|
32501
32557
|
var SvgLogin = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32502
32558
|
React.createElement("path", { fill: "currentColor", d: "M10 11V8l5 4-5 4v-3H1v-2h9Zm-7.542 4h2.124A8.003 8.003 0 0 0 20 12 8 8 0 0 0 4.582 9H2.458C3.732 4.943 7.522 2 12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10c-4.478 0-8.268-2.943-9.542-7Z" }))); };
|
|
@@ -32541,6 +32597,9 @@ var SvgPlus = function (props) { return (React.createElement("svg", __assign({ x
|
|
|
32541
32597
|
var SvgPlusCircle = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32542
32598
|
React.createElement("path", { fill: "currentColor", d: "M4.929 19.071c-3.905-3.905-3.905-10.237 0-14.142 3.905-3.905 10.237-3.905 14.142 0 3.905 3.905 3.905 10.237 0 14.142-3.905 3.905-10.237 3.905-14.142 0Zm1.414-1.414A8 8 0 1 0 17.657 6.343 8 8 0 0 0 6.343 17.657ZM13 11h4v2h-4v4h-2v-4H7v-2h4V7h2v4Z" }))); };
|
|
32543
32599
|
|
|
32600
|
+
var SvgPuzzle = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32601
|
+
React.createElement("path", { fill: "currentColor", d: "M7 5a4 4 0 1 1 8 0h3a1 1 0 0 1 1 1v3a4 4 0 0 1 0 8v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h3Zm4-2a2 2 0 0 0-1.886 2.667A1 1 0 0 1 8.17 7H5v12h12v-3.17a1 1 0 0 1 1.333-.944 2 2 0 1 0 0-3.773A1 1 0 0 1 17 10.171V7h-3.17a1 1 0 0 1-.944-1.333A2 2 0 0 0 11 3Z" }))); };
|
|
32602
|
+
|
|
32544
32603
|
var SvgQuestionMarkCircle = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
|
|
32545
32604
|
React.createElement("path", { fill: "currentColor", d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm-1-5h2v2h-2v-2Zm2-1.645V14h-2v-1.5a1 1 0 0 1 1-1 1.5 1.5 0 1 0-1.471-1.794l-1.962-.393A3.501 3.501 0 1 1 13 13.355Z" }))); };
|
|
32546
32605
|
|
|
@@ -32807,7 +32866,7 @@ var labelSizeClasses = {
|
|
|
32807
32866
|
sm: "s-text-sm",
|
|
32808
32867
|
md: "s-text-base",
|
|
32809
32868
|
};
|
|
32810
|
-
var iconClasses$
|
|
32869
|
+
var iconClasses$3 = {
|
|
32811
32870
|
base: "s-text-element-700 s-transition-colors s-ease-out s-duration-400",
|
|
32812
32871
|
hover: "group-hover:s-text-action-500",
|
|
32813
32872
|
active: "active:s-text-action-700",
|
|
@@ -32837,7 +32896,7 @@ function DropdownMenu(_a) {
|
|
|
32837
32896
|
DropdownMenu.Button = function (_a) {
|
|
32838
32897
|
var label = _a.label, _b = _a.type, type = _b === void 0 ? "menu" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c, tooltip = _a.tooltip, icon = _a.icon, children = _a.children, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, onClick = _a.onClick;
|
|
32839
32898
|
var finalLabelClasses = classNames(labelClasses$1.base, labelSizeClasses[size], labelClasses$1.dark.base, !disabled ? labelClasses$1.active : "", !disabled ? labelClasses$1.dark.active : "", !disabled ? labelClasses$1.hover : "", !disabled ? labelClasses$1.dark.hover : "", disabled ? labelClasses$1.disabled : "");
|
|
32840
|
-
var finalIconClasses = classNames(iconClasses$
|
|
32899
|
+
var finalIconClasses = classNames(iconClasses$3.base, iconClasses$3.dark.base, !disabled ? iconClasses$3.hover : "", !disabled ? iconClasses$3.dark.hover : "", disabled ? iconClasses$3.disabled : "");
|
|
32841
32900
|
var finalChevronClasses = classNames(chevronClasses.base, !disabled ? chevronClasses.hover : "", chevronClasses.dark.base, !disabled ? chevronClasses.dark.hover : "", disabled ? chevronClasses.disabled : "");
|
|
32842
32901
|
var buttonRef = useContext(ButtonRefContext);
|
|
32843
32902
|
if (children) {
|
|
@@ -32857,12 +32916,19 @@ DropdownMenu.Button = function (_a) {
|
|
|
32857
32916
|
React__default.createElement(Icon, { visual: chevronIcon, size: size === "sm" ? "xs" : "sm", className: finalChevronClasses })))));
|
|
32858
32917
|
};
|
|
32859
32918
|
DropdownMenu.Item = function (_a) {
|
|
32860
|
-
var label = _a.label, description = _a.description, href = _a.href, disabled = _a.disabled, visual = _a.visual, icon = _a.icon, onClick = _a.onClick, hasChildren = _a.hasChildren, children = _a.children;
|
|
32919
|
+
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, label = _a.label, description = _a.description, href = _a.href, disabled = _a.disabled, visual = _a.visual, icon = _a.icon, onClick = _a.onClick, hasChildren = _a.hasChildren, children = _a.children, _c = _a.selected, selected = _c === void 0 ? false : _c;
|
|
32861
32920
|
return (
|
|
32862
32921
|
// need to use as="div" -- otherwise we get a "forwardRef" error in the console
|
|
32863
|
-
React__default.createElement(it.Item, { disabled: disabled, as: "div" }, hasChildren ? (React__default.createElement(DropdownMenu, { className: "s-w-full s-gap-x-2 s-
|
|
32922
|
+
React__default.createElement(it.Item, { disabled: disabled, as: "div" }, hasChildren ? (React__default.createElement(DropdownMenu, { className: "s-w-full s-gap-x-2 s-py-2" },
|
|
32864
32923
|
React__default.createElement(DropdownMenu.Button, { label: label, type: "submenu", className: "s-w-full" }),
|
|
32865
|
-
children)) : (React__default.createElement(Item.Dropdown, { className: "s-w-full
|
|
32924
|
+
children)) : (React__default.createElement(Item.Dropdown, { style: variant, className: "s-w-full", href: href, onClick: onClick, label: label, visual: visual, icon: icon, description: description, selected: selected }))));
|
|
32925
|
+
};
|
|
32926
|
+
DropdownMenu.SectionHeader = function (_a) {
|
|
32927
|
+
var label = _a.label;
|
|
32928
|
+
return (
|
|
32929
|
+
// need to use as="div" -- otherwise we get a "forwardRef" error in the console
|
|
32930
|
+
React__default.createElement(it.Item, { as: "div" },
|
|
32931
|
+
React__default.createElement("div", { className: classNames("s-w-full", "s-text-element-600 dark:s-text-element-600-dark", "s-pb-3 s-pt-4 s-text-xs s-font-medium s-uppercase") }, label)));
|
|
32866
32932
|
};
|
|
32867
32933
|
DropdownMenu.Items = function (_a) {
|
|
32868
32934
|
var _b = _a.origin, origin = _b === void 0 ? "auto" : _b, _c = _a.width, width = _c === void 0 ? 160 : _c, marginLeft = _a.marginLeft, children = _a.children;
|
|
@@ -32917,7 +32983,7 @@ DropdownMenu.Items = function (_a) {
|
|
|
32917
32983
|
return style;
|
|
32918
32984
|
};
|
|
32919
32985
|
return (React__default.createElement(tt, { as: Fragment, enter: "s-transition s-ease-out s-duration-200", enterFrom: getOriginTransClass(origin), enterTo: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leave: "s-transition s-ease-in s-duration-75", leaveFrom: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leaveTo: getOriginTransClass(origin) },
|
|
32920
|
-
React__default.createElement(it.Items, { className: "s-absolute s-z-10 ".concat(getOriginClass(origin), " s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-py-1 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), style: styleInsert(origin, marginLeft) },
|
|
32986
|
+
React__default.createElement(it.Items, { className: "s-absolute s-z-10 ".concat(getOriginClass(origin), " s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-px-5 s-py-1.5 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), style: styleInsert(origin, marginLeft) },
|
|
32921
32987
|
React__default.createElement(Item.List, null, children))));
|
|
32922
32988
|
};
|
|
32923
32989
|
function findOriginFromButton(buttonRef) {
|
|
@@ -33209,7 +33275,7 @@ function Checkbox(_a) {
|
|
|
33209
33275
|
}
|
|
33210
33276
|
|
|
33211
33277
|
var baseClasses$1 = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
|
|
33212
|
-
var iconClasses$
|
|
33278
|
+
var iconClasses$2 = {
|
|
33213
33279
|
primary: {
|
|
33214
33280
|
base: "s-text-action-500",
|
|
33215
33281
|
hover: "hover:s-text-action-400",
|
|
@@ -33262,7 +33328,7 @@ var iconClasses$1 = {
|
|
|
33262
33328
|
function IconButton(_a) {
|
|
33263
33329
|
var _b = _a.variant, variant = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.size, size = _f === void 0 ? "sm" : _f;
|
|
33264
33330
|
// Choose the correct group of classes based on 'type'
|
|
33265
|
-
var iconGroup = iconClasses$
|
|
33331
|
+
var iconGroup = iconClasses$2[variant];
|
|
33266
33332
|
var finalIconClasses = classNames(className, baseClasses$1, iconGroup.base, disabled ? iconGroup.disabled : iconGroup.hover, disabled ? "" : iconGroup.active, iconGroup.dark.base, disabled ? iconGroup.dark.disabled : iconGroup.dark.hover, disabled ? "" : iconGroup.dark.active);
|
|
33267
33333
|
var IconButtonContent = (React__default.createElement("button", { className: finalIconClasses, onClick: disabled ? undefined : onClick, disabled: disabled }, icon && React__default.createElement(Icon, { visual: icon, size: size })));
|
|
33268
33334
|
return tooltip ? (React__default.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonContent)) : (IconButtonContent);
|
|
@@ -33295,7 +33361,7 @@ Tree.Item = function (_a) {
|
|
|
33295
33361
|
};
|
|
33296
33362
|
|
|
33297
33363
|
var baseClasses = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
|
|
33298
|
-
var iconClasses = {
|
|
33364
|
+
var iconClasses$1 = {
|
|
33299
33365
|
secondary: {
|
|
33300
33366
|
idle: "s-text-element-900",
|
|
33301
33367
|
selected: "s-text-action-500",
|
|
@@ -33327,7 +33393,7 @@ var iconClasses = {
|
|
|
33327
33393
|
};
|
|
33328
33394
|
function IconToggleButton(_a) {
|
|
33329
33395
|
var _b = _a.variant, variant = _b === void 0 ? "tertiary" : _b, onClick = _a.onClick, _c = _a.disabled, disabled = _c === void 0 ? false : _c, tooltip = _a.tooltip, _d = _a.tooltipPosition, tooltipPosition = _d === void 0 ? "above" : _d, icon = _a.icon, iconSelected = _a.iconSelected, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.size, size = _g === void 0 ? "sm" : _g;
|
|
33330
|
-
var iconGroup = iconClasses[variant];
|
|
33396
|
+
var iconGroup = iconClasses$1[variant];
|
|
33331
33397
|
var finalIconClasses = classNames(className, baseClasses, disabled
|
|
33332
33398
|
? iconGroup.disabled
|
|
33333
33399
|
: selected
|
|
@@ -33467,18 +33533,28 @@ function Input(_a) {
|
|
|
33467
33533
|
React__default.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, showErrorLabel && error ? error : null)));
|
|
33468
33534
|
}
|
|
33469
33535
|
|
|
33536
|
+
var sizeClasses = {
|
|
33537
|
+
xs: "s-text-xs s-h-[26px] s-pl-3 s-pr-6 s-pt-1.5",
|
|
33538
|
+
sm: "s-text-sm s-h-[34px] s-pl-4 s-pr-8 s-pt-1.5",
|
|
33539
|
+
md: "s-text-base s-h-[46px] s-pl-6 s-pr-10 s-pt-1.5",
|
|
33540
|
+
};
|
|
33541
|
+
var iconClasses = {
|
|
33542
|
+
xs: "s-pr-2",
|
|
33543
|
+
sm: "s-pr-3",
|
|
33544
|
+
md: "s-pr-4",
|
|
33545
|
+
};
|
|
33470
33546
|
function Searchbar(_a) {
|
|
33471
33547
|
var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, onKeyDown = _a.onKeyDown, name = _a.name, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.className, className = _d === void 0 ? "" : _d;
|
|
33472
33548
|
var clearInputField = function () {
|
|
33473
33549
|
onChange === null || onChange === void 0 ? void 0 : onChange("");
|
|
33474
33550
|
};
|
|
33475
33551
|
return (React__default.createElement("div", { className: "s-relative s-m-px" },
|
|
33476
|
-
React__default.createElement("input", { type: "text", name: name, id: name, className: classNames("s-border-0 s-outline-none s-ring-1 s-ring-structure-200 focus:s-outline-none focus:s-ring-2", "s-w-full s-rounded-full s-bg-structure-50 s-font-normal s-placeholder-element-600", "s-ring-structure-200 focus:s-ring-action-300", "dark:s-ring-structure-300-dark dark:focus:s-ring-action-300-dark",
|
|
33552
|
+
React__default.createElement("input", { type: "text", name: name, id: name, className: classNames("s-border-0 s-outline-none s-ring-1 s-ring-structure-200 focus:s-outline-none focus:s-ring-2", "s-w-full s-rounded-full s-bg-structure-50 s-font-normal s-placeholder-element-600", "s-ring-structure-200 focus:s-ring-action-300", "dark:s-ring-structure-300-dark dark:focus:s-ring-action-300-dark", "s-transition-all s-duration-300 s-ease-out", sizeClasses[size], className !== null && className !== void 0 ? className : "", disabled
|
|
33477
33553
|
? "s-cursor-default s-text-element-600"
|
|
33478
33554
|
: "s-text-element-900"), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
|
|
33479
33555
|
onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
|
|
33480
33556
|
}, onKeyDown: onKeyDown, disabled: disabled }),
|
|
33481
|
-
React__default.createElement("div", { className: "s-absolute s-right-0 s-top-0 s-flex s-h-full s-items-center
|
|
33557
|
+
React__default.createElement("div", { className: classNames("s-absolute s-right-0 s-top-0 s-flex s-h-full s-items-center", iconClasses[size]) }, value && onChange ? (React__default.createElement(IconButton, { icon: SvgXMark$1, variant: "secondary", size: size, onClick: clearInputField })) : (React__default.createElement("div", { className: classNames(disabled ? "s-text-element-600" : "s-text-element-900") },
|
|
33482
33558
|
React__default.createElement(Icon, { visual: SvgMagnifyingGlass, size: size }))))));
|
|
33483
33559
|
}
|
|
33484
33560
|
|
|
@@ -33574,5 +33650,5 @@ var SvgLogoSquareWhite = function (props) { return (React.createElement("svg", _
|
|
|
33574
33650
|
React.createElement("path", { fill: "#fff", fillOpacity: 0.7, fillRule: "evenodd", d: "M12 24c6.627 0 12-5.373 12-12 0 6.627 5.373 12 12 12s12-5.373 12-12S42.627 0 36 0 24 5.373 24 12c0-6.627-5.373-12-12-12S0 5.373 0 12s5.373 12 12 12Zm24 12H24v12h12V36ZM12 48a6 6 0 0 0 0-12H0v12h12Z", clipRule: "evenodd" }),
|
|
33575
33651
|
React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
|
|
33576
33652
|
|
|
33577
|
-
export { SvgAi21 as Ai21Logo, SvgAnthropic as AnthropicLogo, SvgAnthropicWhite as AnthropicWhiteLogo, SvgArrowDownCircle$1 as ArrowDownCircleIcon, SvgArrowDownCircle as ArrowDownCircleStrokeIcon, SvgArrowDown$1 as ArrowDownIcon, SvgArrowDownOnSquare$1 as ArrowDownOnSquareIcon, SvgArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, SvgArrowDown as ArrowDownStrokeIcon, SvgArrowLeft$1 as ArrowLeftIcon, SvgArrowLeft as ArrowLeftStrokeIcon, SvgArrowPath$1 as ArrowPathIcon, SvgArrowPath as ArrowPathStrokeIcon, SvgArrowRight$1 as ArrowRightIcon, SvgArrowRight as ArrowRightStrokeIcon, SvgArrowUp$1 as ArrowUpIcon, SvgArrowUpOnSquare$1 as ArrowUpOnSquareIcon, SvgArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, SvgArrowUp as ArrowUpStrokeIcon, AssistantPreview, SvgAttachment$1 as AttachmentIcon, SvgAttachment as AttachmentStrokeIcon, Avatar, SvgBackspace$1 as BackspaceIcon, SvgBackspace as BackspaceStrokeIcon, Banner, BarHeader, SvgBookOpen$1 as BookOpenIcon, SvgBookOpen as BookOpenStrokeIcon, SvgBookmark$1 as BookmarkIcon, SvgBookmark as BookmarkStrokeIcon, SvgBraces$1 as BracesIcon, SvgBraces as BracesStrokeIcon, Button, SvgCard$1 as CardIcon, SvgCard as CardStrokeIcon, SvgChatBubbleBottomCenterPlus$1 as ChatBubbleBottomCenterPlusIcon, SvgChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon, SvgChatBubbleBottomCenterText$1 as ChatBubbleBottomCenterTextIcon, SvgChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon, SvgChatBubbleLeftRight$1 as ChatBubbleLeftRightIcon, SvgChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon, SvgCheckCircle$1 as CheckCircleIcon, SvgCheckCircle as CheckCircleStrokeIcon, SvgCheck$1 as CheckIcon, SvgCheck as CheckStrokeIcon, Checkbox, SvgChevronDown$1 as ChevronDownIcon, SvgChevronDown as ChevronDownStrokeIcon, SvgChevronLeft$1 as ChevronLeftIcon, SvgChevronLeft as ChevronLeftStrokeIcon, SvgChevronRight$1 as ChevronRightIcon, SvgChevronRight as ChevronRightStrokeIcon, SvgChevronUpDown$1 as ChevronUpDownIcon, SvgChevronUpDown as ChevronUpDownStrokeIcon, SvgChevronUp$1 as ChevronUpIcon, SvgChevronUp as ChevronUpStrokeIcon, Chip, SvgCircle$1 as CircleIcon, SvgCircle as CircleStrokeIcon, Citation, SvgClaude as ClaudeLogo, SvgClipboardCheck$1 as ClipboardCheckIcon, SvgClipboardCheck as ClipboardCheckStrokeIcon, SvgClipboard$1 as ClipboardIcon, SvgClipboard as ClipboardStrokeIcon, SvgClock$1 as ClockIcon, SvgClock as ClockStrokeIcon, SvgCloudArrowDown$1 as CloudArrowDownIcon, SvgCloudArrowDown as CloudArrowDownStrokeIcon, SvgCloudArrowLeftRight$1 as CloudArrowLeftRightIcon, SvgCloudArrowLeftRight as CloudArrowLeftRightStrokeIcon, SvgCloudX$1 as CloudXIcon, SvgCloudX as CloudXStrokeIcon, SvgCog6Tooth$1 as Cog6ToothIcon, SvgCog6Tooth as Cog6ToothStrokeIcon, SvgCohere as CohereLogo, Collapsible, SvgCommandLine$1 as CommandLineIcon, SvgCommandLine as CommandLineStrokeIcon, SvgConfluence as ConfluenceLogo, ContentMessage, ContextItem, SvgCube$1 as CubeIcon, SvgCube as CubeStrokeIcon, SvgDash$1 as DashIcon, SvgDash as DashStrokeIcon, Dialog, Div3D, SvgDocumentDuplicate$1 as DocumentDuplicateIcon, SvgDocumentDuplicate as DocumentDuplicateStrokeIcon, SvgDocumentPile$1 as DocumentPileIcon, SvgDocumentPile as DocumentPileStrokeIcon, SvgDocumentPlus$1 as DocumentPlusIcon, SvgDocumentPlus as DocumentPlusStrokeIcon, SvgDocumentText$1 as DocumentTextIcon, SvgDocumentText as DocumentTextStrokeIcon, SvgDrive as DriveLogo, DropdownMenu, SvgEmotionLaugh$1 as EmotionLaughIcon, SvgEmotionLaugh as EmotionLaughStrokeIcon, SvgEqualizer$1 as EqualizerIcon, SvgEqualizer as EqualizerStrokeIcon, SvgExclamationCircle$1 as ExclamationCircleIcon, SvgExclamationCircle as ExclamationCircleStrokeIcon, SvgExternalLink$1 as ExternalLinkIcon, SvgExternalLink as ExternalLinkStrokeIcon, SvgEye$1 as EyeIcon, SvgEyeSlash$1 as EyeSlashIcon, SvgEyeSlash as EyeSlashStrokeIcon, SvgEye as EyeStrokeIcon, SvgFlag$1 as FlagIcon, SvgFlag as FlagStrokeIcon, SvgFolderOpen$1 as FolderOpenIcon, SvgFolderOpen as FolderOpenStrokeIcon, SvgFullscreenExit$1 as FullscreenExitIcon, SvgFullscreenExit as FullscreenExitStrokeIcon, SvgFullscreen$1 as FullscreenIcon, SvgFullscreen as FullscreenStrokeIcon, SvgGemini as GeminiLogo, SvgGithub as GithubLogo, SvgGithubWhite as GithubWhiteLogo, SvgGlobeAlt$1 as GlobeAltIcon, SvgGlobeAlt as GlobeAltStrokeIcon, SvgGoogle as GoogleLogo, SvgGpt3 as Gpt3Logo, SvgGpt4 as Gpt4Logo, SvgHandThumbDown$1 as HandThumbDownIcon, SvgHandThumbDown as HandThumbDownStrokeIcon, SvgHandThumbUp$1 as HandThumbUpIcon, SvgHandThumbUp as HandThumbUpStrokeIcon, SvgHexagon$1 as HexagonIcon, SvgHexagon as HexagonStrokeIcon, Hover3D, SvgHuggingFace as HuggingFaceLogo, Icon, IconButton, IconToggleButton, SvgImage$1 as ImageIcon, SvgImage as ImageStrokeIcon, SvgInformationCircle$1 as InformationCircleIcon, SvgInformationCircle as InformationCircleStrokeIcon, Input, SvgIntercom as IntercomLogo, Item, SvgKey$1 as KeyIcon, SvgKey as KeyStrokeIcon, SvgLightbulb$1 as LightbulbIcon, SvgLightbulb as LightbulbStrokeIcon, SvgLink$1 as LinkIcon, SvgLink as LinkStrokeIcon, SvgListCheck$1 as ListCheckIcon, SvgListCheck as ListCheckStrokeIcon, SvgLock$1 as LockIcon, SvgLock as LockStrokeIcon, SvgLogin$1 as LoginIcon, SvgLogin as LoginStrokeIcon, Logo, SvgLogoHorizontalColor as LogoHorizontalColorLogo, SvgLogoHorizontalColorLayer1 as LogoHorizontalColorLogoLayer1, SvgLogoHorizontalColorLayer2 as LogoHorizontalColorLogoLayer2, SvgLogoHorizontalDark as LogoHorizontalDarkLogo, SvgLogoHorizontalWhite as LogoHorizontalWhiteLogo, SvgLogoSquareColor as LogoSquareColorLogo, SvgLogoSquareColorLayer1 as LogoSquareColorLogoLayer1, SvgLogoSquareColorLayer2 as LogoSquareColorLogoLayer2, SvgLogoSquareDark as LogoSquareDarkLogo, SvgLogoSquareWhite as LogoSquareWhiteLogo, SvgLogout$1 as LogoutIcon, SvgLogout as LogoutStrokeIcon, SvgMagnifyingGlass$1 as MagnifyingGlassIcon, SvgMagnifyingGlass as MagnifyingGlassStrokeIcon, SvgMenu$1 as MenuIcon, SvgMenu as MenuStrokeIcon, SvgMicrosoft as MicrosoftLogo, SvgMistral as MistralLogo, Modal, SvgMore$1 as MoreIcon, SvgMore as MoreStrokeIcon, SvgMovingMail$1 as MovingMailIcon, SvgMovingMail as MovingMailStrokeIcon, SvgNotion as NotionLogo, SvgOpenai as OpenaiLogo, SvgOpenaiWhite as OpenaiWhiteLogo, Page, SvgPaint$1 as PaintIcon, SvgPaint as PaintStrokeIcon, SvgPaperAirplane$1 as PaperAirplaneIcon, SvgPaperAirplane as PaperAirplaneStrokeIcon, SvgPause$1 as PauseIcon, SvgPause as PauseStrokeIcon, SvgPencilSquare$1 as PencilSquareIcon, SvgPencilSquare as PencilSquareStrokeIcon, SvgPlanet$1 as PlanetIcon, SvgPlanet as PlanetStrokeIcon, SvgPlay$1 as PlayIcon, SvgPlay as PlayStrokeIcon, SvgPlusCircle$1 as PlusCircleIcon, SvgPlusCircle as PlusCircleStrokeIcon, SvgPlus$1 as PlusIcon, SvgPlus as PlusStrokeIcon, Popup, PriceTable, SvgQuestionMarkCircle$1 as QuestionMarkCircleIcon, SvgQuestionMarkCircle as QuestionMarkCircleStrokeIcon, RadioButton, SvgReaction$1 as ReactionIcon, SvgReaction as ReactionStrokeIcon, SvgRectangle$1 as RectangleIcon, SvgRectangle as RectangleStrokeIcon, SvgReplicate as ReplicateLogo, SvgRobot$1 as RobotIcon, SvgRobotShared$1 as RobotSharedIcon, SvgRobotShared as RobotSharedStrokeIcon, SvgRobot as RobotStrokeIcon, SvgRocket$1 as RocketIcon, SvgRocket as RocketStrokeIcon, Searchbar, SvgServer$1 as ServerIcon, SvgServer as ServerStrokeIcon, SvgShakeHands$1 as ShakeHandsIcon, SvgShakeHands as ShakeHandsStrokeIcon, SvgShapes$1 as ShapesIcon, SvgShapes as ShapesStrokeIcon, SvgSlack as SlackLogo, SliderToggle, SparkleContext, SvgSparkles$1 as SparklesIcon, SvgSparkles as SparklesStrokeIcon, Spinner, SvgSquare3Stack3D$1 as Square3Stack3DIcon, SvgSquare3Stack3D as Square3Stack3DStrokeIcon, SvgSquare$1 as SquareIcon, SvgSquare as SquareStrokeIcon, SvgStop$1 as StopIcon, SvgStop as StopStrokeIcon, Tab, SvgTestTube$1 as TestTubeIcon, SvgTestTube as TestTubeStrokeIcon, Tooltip, SvgTrash$1 as TrashIcon, SvgTrash as TrashStrokeIcon, Tree, SvgTriangle$1 as TriangleIcon, SvgTriangle as TriangleStrokeIcon, SvgUserArrow$1 as UserArrowIcon, SvgUserArrow as UserArrowStrokeIcon, SvgUserGroup$1 as UserGroupIcon, SvgUserGroup as UserGroupStrokeIcon, SvgUser$1 as UserIcon, SvgUserPlus$1 as UserPlusIcon, SvgUserPlus as UserPlusStrokeIcon, SvgUser as UserStrokeIcon, SvgWrench$1 as WrenchIcon, SvgWrench as WrenchStrokeIcon, SvgXCircle$1 as XCircleIcon, SvgXCircle as XCircleStrokeIcon, SvgXMark$1 as XMarkIcon, SvgXMark as XMarkStrokeIcon };
|
|
33653
|
+
export { SvgAi21 as Ai21Logo, SvgAnthropic as AnthropicLogo, SvgAnthropicWhite as AnthropicWhiteLogo, SvgArrowDownCircle$1 as ArrowDownCircleIcon, SvgArrowDownCircle as ArrowDownCircleStrokeIcon, SvgArrowDown$1 as ArrowDownIcon, SvgArrowDownOnSquare$1 as ArrowDownOnSquareIcon, SvgArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, SvgArrowDown as ArrowDownStrokeIcon, SvgArrowLeft$1 as ArrowLeftIcon, SvgArrowLeft as ArrowLeftStrokeIcon, SvgArrowPath$1 as ArrowPathIcon, SvgArrowPath as ArrowPathStrokeIcon, SvgArrowRight$1 as ArrowRightIcon, SvgArrowRight as ArrowRightStrokeIcon, SvgArrowUp$1 as ArrowUpIcon, SvgArrowUpOnSquare$1 as ArrowUpOnSquareIcon, SvgArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, SvgArrowUp as ArrowUpStrokeIcon, AssistantPreview, SvgAttachment$1 as AttachmentIcon, SvgAttachment as AttachmentStrokeIcon, Avatar, SvgBackspace$1 as BackspaceIcon, SvgBackspace as BackspaceStrokeIcon, Banner, BarHeader, SvgBookOpen$1 as BookOpenIcon, SvgBookOpen as BookOpenStrokeIcon, SvgBookmark$1 as BookmarkIcon, SvgBookmark as BookmarkStrokeIcon, SvgBraces$1 as BracesIcon, SvgBraces as BracesStrokeIcon, Button, SvgCard$1 as CardIcon, SvgCard as CardStrokeIcon, SvgChatBubbleBottomCenterPlus$1 as ChatBubbleBottomCenterPlusIcon, SvgChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon, SvgChatBubbleBottomCenterText$1 as ChatBubbleBottomCenterTextIcon, SvgChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon, SvgChatBubbleLeftRight$1 as ChatBubbleLeftRightIcon, SvgChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon, SvgCheckCircle$1 as CheckCircleIcon, SvgCheckCircle as CheckCircleStrokeIcon, SvgCheck$1 as CheckIcon, SvgCheck as CheckStrokeIcon, Checkbox, SvgChevronDown$1 as ChevronDownIcon, SvgChevronDown as ChevronDownStrokeIcon, SvgChevronLeft$1 as ChevronLeftIcon, SvgChevronLeft as ChevronLeftStrokeIcon, SvgChevronRight$1 as ChevronRightIcon, SvgChevronRight as ChevronRightStrokeIcon, SvgChevronUpDown$1 as ChevronUpDownIcon, SvgChevronUpDown as ChevronUpDownStrokeIcon, SvgChevronUp$1 as ChevronUpIcon, SvgChevronUp as ChevronUpStrokeIcon, Chip, SvgCircle$1 as CircleIcon, SvgCircle as CircleStrokeIcon, Citation, SvgClaude as ClaudeLogo, SvgClipboardCheck$1 as ClipboardCheckIcon, SvgClipboardCheck as ClipboardCheckStrokeIcon, SvgClipboard$1 as ClipboardIcon, SvgClipboard as ClipboardStrokeIcon, SvgClock$1 as ClockIcon, SvgClock as ClockStrokeIcon, SvgCloudArrowDown$1 as CloudArrowDownIcon, SvgCloudArrowDown as CloudArrowDownStrokeIcon, SvgCloudArrowLeftRight$1 as CloudArrowLeftRightIcon, SvgCloudArrowLeftRight as CloudArrowLeftRightStrokeIcon, SvgCloudX$1 as CloudXIcon, SvgCloudX as CloudXStrokeIcon, SvgCog6Tooth$1 as Cog6ToothIcon, SvgCog6Tooth as Cog6ToothStrokeIcon, SvgCohere as CohereLogo, Collapsible, SvgCommand$1 as CommandIcon, SvgCommandLine$1 as CommandLineIcon, SvgCommandLine as CommandLineStrokeIcon, SvgCommand as CommandStrokeIcon, SvgConfluence as ConfluenceLogo, ContentMessage, ContextItem, SvgCube$1 as CubeIcon, SvgCube as CubeStrokeIcon, SvgDash$1 as DashIcon, SvgDash as DashStrokeIcon, Dialog, Div3D, SvgDocumentDuplicate$1 as DocumentDuplicateIcon, SvgDocumentDuplicate as DocumentDuplicateStrokeIcon, SvgDocumentPile$1 as DocumentPileIcon, SvgDocumentPile as DocumentPileStrokeIcon, SvgDocumentPlus$1 as DocumentPlusIcon, SvgDocumentPlus as DocumentPlusStrokeIcon, SvgDocumentText$1 as DocumentTextIcon, SvgDocumentText as DocumentTextStrokeIcon, SvgDrive as DriveLogo, DropdownMenu, SvgDust$1 as DustIcon, SvgDust as DustStrokeIcon, SvgEmotionLaugh$1 as EmotionLaughIcon, SvgEmotionLaugh as EmotionLaughStrokeIcon, SvgEqualizer$1 as EqualizerIcon, SvgEqualizer as EqualizerStrokeIcon, SvgExclamationCircle$1 as ExclamationCircleIcon, SvgExclamationCircle as ExclamationCircleStrokeIcon, SvgExternalLink$1 as ExternalLinkIcon, SvgExternalLink as ExternalLinkStrokeIcon, SvgEye$1 as EyeIcon, SvgEyeSlash$1 as EyeSlashIcon, SvgEyeSlash as EyeSlashStrokeIcon, SvgEye as EyeStrokeIcon, SvgFlag$1 as FlagIcon, SvgFlag as FlagStrokeIcon, SvgFolderOpen$1 as FolderOpenIcon, SvgFolderOpen as FolderOpenStrokeIcon, SvgFullscreenExit$1 as FullscreenExitIcon, SvgFullscreenExit as FullscreenExitStrokeIcon, SvgFullscreen$1 as FullscreenIcon, SvgFullscreen as FullscreenStrokeIcon, SvgGemini as GeminiLogo, SvgGithub as GithubLogo, SvgGithubWhite as GithubWhiteLogo, SvgGlobeAlt$1 as GlobeAltIcon, SvgGlobeAlt as GlobeAltStrokeIcon, SvgGoogle as GoogleLogo, SvgGpt3 as Gpt3Logo, SvgGpt4 as Gpt4Logo, SvgHandThumbDown$1 as HandThumbDownIcon, SvgHandThumbDown as HandThumbDownStrokeIcon, SvgHandThumbUp$1 as HandThumbUpIcon, SvgHandThumbUp as HandThumbUpStrokeIcon, SvgHexagon$1 as HexagonIcon, SvgHexagon as HexagonStrokeIcon, Hover3D, SvgHuggingFace as HuggingFaceLogo, Icon, IconButton, IconToggleButton, SvgImage$1 as ImageIcon, SvgImage as ImageStrokeIcon, SvgInformationCircle$1 as InformationCircleIcon, SvgInformationCircle as InformationCircleStrokeIcon, Input, SvgIntercom as IntercomLogo, Item, SvgKey$1 as KeyIcon, SvgKey as KeyStrokeIcon, SvgLightbulb$1 as LightbulbIcon, SvgLightbulb as LightbulbStrokeIcon, SvgLink$1 as LinkIcon, SvgLink as LinkStrokeIcon, SvgListAdd$1 as ListAddIcon, SvgListAdd as ListAddStrokeIcon, SvgListCheck$1 as ListCheckIcon, SvgListCheck as ListCheckStrokeIcon, SvgList$1 as ListIcon, SvgListRemove$1 as ListRemoveIcon, SvgListRemove as ListRemoveStrokeIcon, SvgList as ListStrokeIcon, SvgLock$1 as LockIcon, SvgLock as LockStrokeIcon, SvgLogin$1 as LoginIcon, SvgLogin as LoginStrokeIcon, Logo, SvgLogoHorizontalColor as LogoHorizontalColorLogo, SvgLogoHorizontalColorLayer1 as LogoHorizontalColorLogoLayer1, SvgLogoHorizontalColorLayer2 as LogoHorizontalColorLogoLayer2, SvgLogoHorizontalDark as LogoHorizontalDarkLogo, SvgLogoHorizontalWhite as LogoHorizontalWhiteLogo, SvgLogoSquareColor as LogoSquareColorLogo, SvgLogoSquareColorLayer1 as LogoSquareColorLogoLayer1, SvgLogoSquareColorLayer2 as LogoSquareColorLogoLayer2, SvgLogoSquareDark as LogoSquareDarkLogo, SvgLogoSquareWhite as LogoSquareWhiteLogo, SvgLogout$1 as LogoutIcon, SvgLogout as LogoutStrokeIcon, SvgMagnifyingGlass$1 as MagnifyingGlassIcon, SvgMagnifyingGlass as MagnifyingGlassStrokeIcon, SvgMenu$1 as MenuIcon, SvgMenu as MenuStrokeIcon, SvgMicrosoft as MicrosoftLogo, SvgMistral as MistralLogo, Modal, SvgMore$1 as MoreIcon, SvgMore as MoreStrokeIcon, SvgMovingMail$1 as MovingMailIcon, SvgMovingMail as MovingMailStrokeIcon, SvgNotion as NotionLogo, SvgOpenai as OpenaiLogo, SvgOpenaiWhite as OpenaiWhiteLogo, Page, SvgPaint$1 as PaintIcon, SvgPaint as PaintStrokeIcon, SvgPaperAirplane$1 as PaperAirplaneIcon, SvgPaperAirplane as PaperAirplaneStrokeIcon, SvgPause$1 as PauseIcon, SvgPause as PauseStrokeIcon, SvgPencilSquare$1 as PencilSquareIcon, SvgPencilSquare as PencilSquareStrokeIcon, SvgPlanet$1 as PlanetIcon, SvgPlanet as PlanetStrokeIcon, SvgPlay$1 as PlayIcon, SvgPlay as PlayStrokeIcon, SvgPlusCircle$1 as PlusCircleIcon, SvgPlusCircle as PlusCircleStrokeIcon, SvgPlus$1 as PlusIcon, SvgPlus as PlusStrokeIcon, Popup, PriceTable, SvgPuzzle$1 as PuzzleIcon, SvgPuzzle as PuzzleStrokeIcon, SvgQuestionMarkCircle$1 as QuestionMarkCircleIcon, SvgQuestionMarkCircle as QuestionMarkCircleStrokeIcon, RadioButton, SvgReaction$1 as ReactionIcon, SvgReaction as ReactionStrokeIcon, SvgRectangle$1 as RectangleIcon, SvgRectangle as RectangleStrokeIcon, SvgReplicate as ReplicateLogo, SvgRobot$1 as RobotIcon, SvgRobotShared$1 as RobotSharedIcon, SvgRobotShared as RobotSharedStrokeIcon, SvgRobot as RobotStrokeIcon, SvgRocket$1 as RocketIcon, SvgRocket as RocketStrokeIcon, Searchbar, SvgServer$1 as ServerIcon, SvgServer as ServerStrokeIcon, SvgShakeHands$1 as ShakeHandsIcon, SvgShakeHands as ShakeHandsStrokeIcon, SvgShapes$1 as ShapesIcon, SvgShapes as ShapesStrokeIcon, SvgSlack as SlackLogo, SliderToggle, SparkleContext, SvgSparkles$1 as SparklesIcon, SvgSparkles as SparklesStrokeIcon, Spinner, SvgSquare3Stack3D$1 as Square3Stack3DIcon, SvgSquare3Stack3D as Square3Stack3DStrokeIcon, SvgSquare$1 as SquareIcon, SvgSquare as SquareStrokeIcon, SvgStop$1 as StopIcon, SvgStop as StopStrokeIcon, Tab, SvgTestTube$1 as TestTubeIcon, SvgTestTube as TestTubeStrokeIcon, Tooltip, SvgTrash$1 as TrashIcon, SvgTrash as TrashStrokeIcon, Tree, SvgTriangle$1 as TriangleIcon, SvgTriangle as TriangleStrokeIcon, SvgUserArrow$1 as UserArrowIcon, SvgUserArrow as UserArrowStrokeIcon, SvgUserGroup$1 as UserGroupIcon, SvgUserGroup as UserGroupStrokeIcon, SvgUser$1 as UserIcon, SvgUserPlus$1 as UserPlusIcon, SvgUserPlus as UserPlusStrokeIcon, SvgUser as UserStrokeIcon, SvgWrench$1 as WrenchIcon, SvgWrench as WrenchStrokeIcon, SvgXCircle$1 as XCircleIcon, SvgXCircle as XCircleStrokeIcon, SvgXMark$1 as XMarkIcon, SvgXMark as XMarkStrokeIcon };
|
|
33578
33654
|
//# sourceMappingURL=index.js.map
|