@dust-tt/sparkle 0.2.68 → 0.2.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/dist/cjs/_index.d.ts +4 -4
  2. package/dist/cjs/components/ContextItem.d.ts +7 -1
  3. package/dist/cjs/components/DropdownMenu.d.ts +7 -1
  4. package/dist/cjs/components/Item.d.ts +6 -3
  5. package/dist/cjs/components/Searchbar.d.ts +1 -1
  6. package/dist/cjs/components/SliderToggle.d.ts +1 -1
  7. package/dist/cjs/icons/solid/Command.d.ts +4 -0
  8. package/dist/cjs/icons/solid/Dust.d.ts +4 -0
  9. package/dist/cjs/icons/solid/List.d.ts +4 -0
  10. package/dist/cjs/icons/solid/ListAdd.d.ts +4 -0
  11. package/dist/cjs/icons/solid/ListRemove.d.ts +4 -0
  12. package/dist/cjs/icons/solid/Puzzle.d.ts +4 -0
  13. package/dist/cjs/icons/solid/index.d.ts +6 -0
  14. package/dist/cjs/icons/stroke/Command.d.ts +4 -0
  15. package/dist/cjs/icons/stroke/Dust.d.ts +4 -0
  16. package/dist/cjs/icons/stroke/List.d.ts +4 -0
  17. package/dist/cjs/icons/stroke/ListAdd.d.ts +4 -0
  18. package/dist/cjs/icons/stroke/ListRemove.d.ts +4 -0
  19. package/dist/cjs/icons/stroke/Puzzle.d.ts +4 -0
  20. package/dist/cjs/icons/stroke/index.d.ts +6 -0
  21. package/dist/cjs/index.js +143 -59
  22. package/dist/cjs/index.js.map +1 -1
  23. package/dist/cjs/stories/SliderToggle.stories.d.ts +2 -0
  24. package/dist/esm/_index.d.ts +4 -4
  25. package/dist/esm/components/ContextItem.d.ts +7 -1
  26. package/dist/esm/components/DropdownMenu.d.ts +7 -1
  27. package/dist/esm/components/Item.d.ts +6 -3
  28. package/dist/esm/components/Searchbar.d.ts +1 -1
  29. package/dist/esm/components/SliderToggle.d.ts +1 -1
  30. package/dist/esm/icons/solid/Command.d.ts +4 -0
  31. package/dist/esm/icons/solid/Dust.d.ts +4 -0
  32. package/dist/esm/icons/solid/List.d.ts +4 -0
  33. package/dist/esm/icons/solid/ListAdd.d.ts +4 -0
  34. package/dist/esm/icons/solid/ListRemove.d.ts +4 -0
  35. package/dist/esm/icons/solid/Puzzle.d.ts +4 -0
  36. package/dist/esm/icons/solid/index.d.ts +6 -0
  37. package/dist/esm/icons/stroke/Command.d.ts +4 -0
  38. package/dist/esm/icons/stroke/Dust.d.ts +4 -0
  39. package/dist/esm/icons/stroke/List.d.ts +4 -0
  40. package/dist/esm/icons/stroke/ListAdd.d.ts +4 -0
  41. package/dist/esm/icons/stroke/ListRemove.d.ts +4 -0
  42. package/dist/esm/icons/stroke/Puzzle.d.ts +4 -0
  43. package/dist/esm/icons/stroke/index.d.ts +6 -0
  44. package/dist/esm/index.js +132 -60
  45. package/dist/esm/index.js.map +1 -1
  46. package/dist/esm/stories/SliderToggle.stories.d.ts +2 -0
  47. package/dist/tsconfig.tsbuildinfo +1 -1
  48. 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-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-\\[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: "M2 14v8h8v-2.5H6.5l4.56-4.44-2.12-2.12L4.5 17.5V14H2ZM19.5 10H22V2h-8v2.5h3.5l-4.56 4.44 2.12 2.12L19.5 6.5V10Z" }))); };
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: "M8 8a4 4 0 1 1 8 0h2A6 6 0 0 0 6 8v2H4v12h16V10H8V8Z" }))); };
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$3 = {
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-full",
541
- sm: "s-rounded-lg",
542
- md: "s-rounded-xl",
543
- lg: "s-rounded-2xl",
544
- xl: "s-rounded-3xl",
545
- auto: "s-rounded-[25%]",
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$3[size], isRounded ? "s-rounded-full" : roundedClasses[size], backgroundColor
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$3[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" }))));
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$2 = {
710
- xs: "s-gap-x-1 s-px-3 s-py-1.5",
711
- sm: "s-gap-x-1 s-px-4 s-py-2",
712
- md: "s-gap-x-1.5 s-px-5 s-py-3",
713
- lg: "s-gap-x-3 s-px-6 s-py-4",
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$2[size] : sizeAvatarClasses[size], textClasses[size], className);
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
  }
@@ -834,13 +854,13 @@ Button.List = function (_a) {
834
854
  };
835
855
 
836
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";
837
- var sizeClasses$1 = {
838
- sm: "s-h-6 s-w-10",
839
- md: "s-h-8 s-w-14",
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
- sm: "s-h-5 s-w-5",
843
- md: "s-h-7 s-w-7",
862
+ xs: "s-h-6 s-w-6",
863
+ sm: "s-h-8 s-w-8",
844
864
  };
845
865
  var stateClasses = {
846
866
  idle: "s-bg-structure-200 hover:s-bg-action-400",
@@ -853,8 +873,8 @@ var stateClasses = {
853
873
  },
854
874
  };
855
875
  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 ? "sm" : _e;
857
- var combinedStateClasses = classNames(size ? sizeClasses$1[size] : "", selected ? stateClasses.selected : stateClasses.idle, disabled ? stateClasses.disabled : "", selected ? stateClasses.dark.selected : stateClasses.dark.idle, disabled ? stateClasses.dark.disabled : "");
876
+ 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;
877
+ 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
878
  var SliderToggleContent = (React__default.createElement("div", { onClick: function (e) {
859
879
  if (!disabled) {
860
880
  onClick === null || onClick === void 0 ? void 0 : onClick(e); // Run passed onClick event
@@ -31993,7 +32013,7 @@ var tabClasses = {
31993
32013
  },
31994
32014
  },
31995
32015
  };
31996
- var iconClasses$3 = {
32016
+ var iconClasses$4 = {
31997
32017
  default: {
31998
32018
  base: "s-text-element-600",
31999
32019
  hover: "group-hover:s-text-action-400",
@@ -32025,8 +32045,8 @@ function Tab(_a) {
32025
32045
  ? tabClasses.selected
32026
32046
  : tabClasses.default;
32027
32047
  var iconStateClasses = tab.current
32028
- ? iconClasses$3.selected
32029
- : iconClasses$3.default;
32048
+ ? iconClasses$4.selected
32049
+ : iconClasses$4.default;
32030
32050
  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
32051
  var finalIconClasses = classNames("s-transition-colors s-duration-400", iconStateClasses.base, iconStateClasses.hover, iconStateClasses.dark.base, iconStateClasses.dark.hover, className);
32032
32052
  var Link = tab.href
@@ -32051,14 +32071,15 @@ function Tab(_a) {
32051
32071
  React__default.createElement("nav", { className: "-s-mb-px s-flex s-space-x-0", "aria-label": "Tabs" }, renderTabs())));
32052
32072
  }
32053
32073
 
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
32074
  var labelStyleClasses = {
32056
32075
  item: "s-font-normal",
32057
32076
  action: "s-font-semibold",
32077
+ warning: "s-font-semibold",
32058
32078
  };
32059
32079
  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",
32080
+ 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",
32081
+ 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",
32082
+ 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
32083
  };
32063
32084
  var spacingClasses = {
32064
32085
  sm: "s-py-2 s-gap-x-2",
@@ -32077,7 +32098,9 @@ function Item(_a) {
32077
32098
  ? "s-text-element-500 dark:s-text-element-500-dark"
32078
32099
  : selected
32079
32100
  ? "s-text-action-400 dark:s-text-action-600-dark"
32080
- : "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") }));
32101
+ : style === "action" || style === "item"
32102
+ ? "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"
32103
+ : "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
32104
  }
32082
32105
  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
32106
  visualElement,
@@ -32086,7 +32109,7 @@ function Item(_a) {
32086
32109
  ? "s-text-element-600 dark:s-text-element-500-dark"
32087
32110
  : selected
32088
32111
  ? "s-text-action-500 dark:s-text-action-600-dark"
32089
- : classNames(labelColorClasses[style], activeLabelStyleClasses)) }, label),
32112
+ : labelColorClasses[style]) }, label),
32090
32113
  React__default.createElement("div", { className: classNames("s-grow s-truncate s-text-xs", disabled
32091
32114
  ? "s-text-element-600 dark:s-text-element-500-dark"
32092
32115
  : "s-text-element-700 dark:s-text-element-600-dark") }, description)),
@@ -32110,12 +32133,15 @@ Item.Avatar = function (_a) {
32110
32133
  Item.Navigation = function (props) {
32111
32134
  return React__default.createElement(Item, __assign({}, props, { style: "action", spacing: "md" }));
32112
32135
  };
32113
- Item.Dropdown = function (props) {
32114
- return React__default.createElement(Item, __assign({}, props, { spacing: "md", style: "action", hasAction: false }));
32136
+ Item.Dropdown = function (_a) {
32137
+ var style = _a.style, props = __rest(_a, ["style"]);
32138
+ return (React__default.createElement(Item, __assign({}, props, {
32139
+ // Pass down additional props as needed
32140
+ style: style === "default" ? "action" : "warning", hasAction: false })));
32115
32141
  };
32116
32142
  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"
32143
+ var label = _a.label, _b = _a.variant, variant = _b === void 0 ? "primary" : _b, _c = _a.className, className = _c === void 0 ? "" : _c;
32144
+ return (React__default.createElement("div", { className: classNames(className, variant === "primary"
32119
32145
  ? "s-text-element-800 dark:s-text-element-800-dark"
32120
32146
  : "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
32147
  };
@@ -32126,23 +32152,26 @@ Item.List = function (_a) {
32126
32152
  };
32127
32153
 
32128
32154
  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;
32155
+ 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
32156
  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-2 s-py-4" },
32157
+ React__default.createElement("div", { className: classNames("s-flex s-flex-row s-items-center s-gap-3 s-px-4 s-py-2", onClick
32158
+ ? "s-cursor-pointer s-transition s-duration-200 hover:s-bg-structure-50 active:s-bg-structure-100"
32159
+ : ""), onClick: onClick },
32132
32160
  React__default.createElement("div", { className: "s-flex" }, visual),
32133
32161
  React__default.createElement("div", { className: "s-flex s-grow s-flex-col s-gap-1" },
32134
32162
  React__default.createElement("div", { className: "s-flex s-grow s-flex-row s-gap-3" },
32135
32163
  React__default.createElement("div", { className: "s-text-normal s-flex s-flex-col s-justify-center s-font-semibold" }, title),
32136
32164
  React__default.createElement("div", { className: "s-flex s-items-center s-gap-1 s-text-element-600" }, subElement)),
32137
32165
  React__default.createElement("div", { className: "-s-mt-1" }, children)),
32138
- React__default.createElement("div", { className: "" }, action))));
32166
+ React__default.createElement("div", null, action))));
32139
32167
  }
32140
32168
  ContextItem.List = function (_a) {
32141
32169
  var children = _a.children, className = _a.className, hasBorder = _a.hasBorder;
32142
- // Ensure all children are of type ContextItem
32170
+ // Ensure all children are of type ContextItem or ContextItem.SectionHeader
32143
32171
  React__default.Children.forEach(children, function (child) {
32144
- if (!React__default.isValidElement(child) || child.type !== ContextItem) {
32145
- throw new Error("All children of ContextItem.List must be of type ContextItem");
32172
+ if (!React__default.isValidElement(child) ||
32173
+ (child.type !== ContextItem && child.type !== ContextItem.SectionHeader)) {
32174
+ throw new Error("All children of ContextItem.List must be of type ContextItem or ContextItem.SectionHeader");
32146
32175
  }
32147
32176
  });
32148
32177
  // Convert children into an array and modify the last child's props
@@ -32164,6 +32193,12 @@ ContextItem.Visual = function (_a) {
32164
32193
  var visual = _a.visual;
32165
32194
  return React__default.createElement(Icon, { size: "md", visual: visual });
32166
32195
  };
32196
+ ContextItem.SectionHeader = function (_a) {
32197
+ var title = _a.title, description = _a.description;
32198
+ 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" },
32199
+ React__default.createElement("div", { className: "s-text-xl s-font-medium s-text-element-900 dark:s-text-element-900-dark" }, title),
32200
+ description && (React__default.createElement("div", { className: "s-text-sm s-font-normal s-text-element-700 dark:s-text-element-700-dark" }, description))));
32201
+ };
32167
32202
 
32168
32203
  var Spinner = function (_a) {
32169
32204
  var _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.variant, variant = _c === void 0 ? "lightGrey" : _c;
@@ -32194,7 +32229,7 @@ var Spinner = function (_a) {
32194
32229
  React__default.createElement("div", { className: classNames("s-h-full s-w-full", colorClasses[variant]) })))));
32195
32230
  };
32196
32231
 
32197
- var sizeClasses = {
32232
+ var sizeClasses$1 = {
32198
32233
  xs: "s-py-1.5 s-text-xs s-font-medium s-px-3 s-gap-2",
32199
32234
  sm: "s-py-2 s-text-sm s-font-semibold s-px-3 s-gap-3",
32200
32235
  };
@@ -32203,7 +32238,7 @@ function Chip(_a) {
32203
32238
  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
32239
  var backgroundColor = "s-bg-".concat(color, "-100 s-border-").concat(color, "-200");
32205
32240
  var textColor = "s-text-".concat(color, "-900");
32206
- var ChipClasses = classNames(baseClasses$2, sizeClasses[size], backgroundColor, textColor, className);
32241
+ var ChipClasses = classNames(baseClasses$2, sizeClasses$1[size], backgroundColor, textColor, className);
32207
32242
  return (React__default.createElement("div", { className: ChipClasses, "aria-label": label },
32208
32243
  isBusy && React__default.createElement(Spinner, { size: size, variant: "darkGrey" }),
32209
32244
  label && (React__default.createElement("span", { className: classNames(textColor, "s-pointer s-grow s-cursor-default s-truncate") }, label)),
@@ -32411,6 +32446,9 @@ var SvgCloudX = function (props) { return (React.createElement("svg", __assign({
32411
32446
  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
32447
  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
32448
 
32449
+ 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),
32450
+ 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" }))); };
32451
+
32414
32452
  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
32453
  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
32454
 
@@ -32434,6 +32472,9 @@ var SvgDocumentText = function (props) { return (React.createElement("svg", __as
32434
32472
  React.createElement("path", { fill: "currentColor", d: "M8 7h3v2H8V7ZM8 11h8v2H8v-2ZM8 15h8v2H8v-2Z" }),
32435
32473
  React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M20 8v14H4V2h9.997L20 8Zm-2 1h-5V4H6v16h12V9Z", clipRule: "evenodd" }))); };
32436
32474
 
32475
+ 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),
32476
+ 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" }))); };
32477
+
32437
32478
  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
32479
  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
32480
 
@@ -32459,7 +32500,7 @@ var SvgFolderOpen = function (props) { return (React.createElement("svg", __assi
32459
32500
  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
32501
 
32461
32502
  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: "M3 15v6h6v-2H6.414l4.293-4.293-1.414-1.414L5 17.586V15H3ZM19 9h2V3h-6v2h2.586l-4.293 4.293 1.414 1.414L19 6.414V9Z" }))); };
32503
+ 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
32504
 
32464
32505
  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
32506
  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 +32532,23 @@ var SvgLightbulb = function (props) { return (React.createElement("svg", __assig
32491
32532
  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
32533
  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
32534
 
32535
+ 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),
32536
+ 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" }))); };
32537
+
32538
+ 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),
32539
+ 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" }),
32540
+ 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" }))); };
32541
+
32494
32542
  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
32543
  React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3 11V4h7v7H3Zm5-2V6H5v3h3Z", clipRule: "evenodd" }),
32496
32544
  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
32545
 
32546
+ 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),
32547
+ 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" }),
32548
+ 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" }))); };
32549
+
32498
32550
  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: "M8 8a4 4 0 1 1 8 0h2A6 6 0 0 0 6 8v2H4v12h16V10H8V8ZM6 20v-8h12v8H6Z", clipRule: "evenodd" }))); };
32551
+ 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
32552
 
32501
32553
  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
32554
  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 +32593,9 @@ var SvgPlus = function (props) { return (React.createElement("svg", __assign({ x
32541
32593
  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
32594
  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
32595
 
32596
+ 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),
32597
+ 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" }))); };
32598
+
32544
32599
  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
32600
  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
32601
 
@@ -32807,7 +32862,7 @@ var labelSizeClasses = {
32807
32862
  sm: "s-text-sm",
32808
32863
  md: "s-text-base",
32809
32864
  };
32810
- var iconClasses$2 = {
32865
+ var iconClasses$3 = {
32811
32866
  base: "s-text-element-700 s-transition-colors s-ease-out s-duration-400",
32812
32867
  hover: "group-hover:s-text-action-500",
32813
32868
  active: "active:s-text-action-700",
@@ -32837,7 +32892,7 @@ function DropdownMenu(_a) {
32837
32892
  DropdownMenu.Button = function (_a) {
32838
32893
  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
32894
  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$2.base, iconClasses$2.dark.base, !disabled ? iconClasses$2.hover : "", !disabled ? iconClasses$2.dark.hover : "", disabled ? iconClasses$2.disabled : "");
32895
+ var finalIconClasses = classNames(iconClasses$3.base, iconClasses$3.dark.base, !disabled ? iconClasses$3.hover : "", !disabled ? iconClasses$3.dark.hover : "", disabled ? iconClasses$3.disabled : "");
32841
32896
  var finalChevronClasses = classNames(chevronClasses.base, !disabled ? chevronClasses.hover : "", chevronClasses.dark.base, !disabled ? chevronClasses.dark.hover : "", disabled ? chevronClasses.disabled : "");
32842
32897
  var buttonRef = useContext(ButtonRefContext);
32843
32898
  if (children) {
@@ -32857,12 +32912,19 @@ DropdownMenu.Button = function (_a) {
32857
32912
  React__default.createElement(Icon, { visual: chevronIcon, size: size === "sm" ? "xs" : "sm", className: finalChevronClasses })))));
32858
32913
  };
32859
32914
  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;
32915
+ 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
32916
  return (
32862
32917
  // 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-px-4 s-py-2" },
32918
+ 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
32919
  React__default.createElement(DropdownMenu.Button, { label: label, type: "submenu", className: "s-w-full" }),
32865
- children)) : (React__default.createElement(Item.Dropdown, { className: "s-w-full s-px-4", href: href, onClick: onClick, label: label, visual: visual, icon: icon, description: description }))));
32920
+ 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 }))));
32921
+ };
32922
+ DropdownMenu.SectionHeader = function (_a) {
32923
+ var label = _a.label;
32924
+ return (
32925
+ // need to use as="div" -- otherwise we get a "forwardRef" error in the console
32926
+ React__default.createElement(it.Item, { as: "div" },
32927
+ 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
32928
  };
32867
32929
  DropdownMenu.Items = function (_a) {
32868
32930
  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 +32979,7 @@ DropdownMenu.Items = function (_a) {
32917
32979
  return style;
32918
32980
  };
32919
32981
  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) },
32982
+ 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
32983
  React__default.createElement(Item.List, null, children))));
32922
32984
  };
32923
32985
  function findOriginFromButton(buttonRef) {
@@ -33209,7 +33271,7 @@ function Checkbox(_a) {
33209
33271
  }
33210
33272
 
33211
33273
  var baseClasses$1 = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
33212
- var iconClasses$1 = {
33274
+ var iconClasses$2 = {
33213
33275
  primary: {
33214
33276
  base: "s-text-action-500",
33215
33277
  hover: "hover:s-text-action-400",
@@ -33262,7 +33324,7 @@ var iconClasses$1 = {
33262
33324
  function IconButton(_a) {
33263
33325
  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
33326
  // Choose the correct group of classes based on 'type'
33265
- var iconGroup = iconClasses$1[variant];
33327
+ var iconGroup = iconClasses$2[variant];
33266
33328
  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
33329
  var IconButtonContent = (React__default.createElement("button", { className: finalIconClasses, onClick: disabled ? undefined : onClick, disabled: disabled }, icon && React__default.createElement(Icon, { visual: icon, size: size })));
33268
33330
  return tooltip ? (React__default.createElement(Tooltip, { label: tooltip, position: tooltipPosition }, IconButtonContent)) : (IconButtonContent);
@@ -33295,7 +33357,7 @@ Tree.Item = function (_a) {
33295
33357
  };
33296
33358
 
33297
33359
  var baseClasses = "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
33298
- var iconClasses = {
33360
+ var iconClasses$1 = {
33299
33361
  secondary: {
33300
33362
  idle: "s-text-element-900",
33301
33363
  selected: "s-text-action-500",
@@ -33327,7 +33389,7 @@ var iconClasses = {
33327
33389
  };
33328
33390
  function IconToggleButton(_a) {
33329
33391
  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];
33392
+ var iconGroup = iconClasses$1[variant];
33331
33393
  var finalIconClasses = classNames(className, baseClasses, disabled
33332
33394
  ? iconGroup.disabled
33333
33395
  : selected
@@ -33467,18 +33529,28 @@ function Input(_a) {
33467
33529
  React__default.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, showErrorLabel && error ? error : null)));
33468
33530
  }
33469
33531
 
33532
+ var sizeClasses = {
33533
+ xs: "s-text-xs s-h-[26px] s-pl-3 s-pr-6 s-pt-1.5",
33534
+ sm: "s-text-sm s-h-[34px] s-pl-4 s-pr-8 s-pt-1.5",
33535
+ md: "s-text-base s-h-[46px] s-pl-6 s-pr-10 s-pt-1.5",
33536
+ };
33537
+ var iconClasses = {
33538
+ xs: "s-pr-2",
33539
+ sm: "s-pr-3",
33540
+ md: "s-pr-4",
33541
+ };
33470
33542
  function Searchbar(_a) {
33471
33543
  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
33544
  var clearInputField = function () {
33473
33545
  onChange === null || onChange === void 0 ? void 0 : onChange("");
33474
33546
  };
33475
33547
  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", size === "sm" ? "s-text-base" : "s-text-sm", size === "sm" ? "s-py-1.5 s-pl-4 s-pr-8" : "s-py-1 s-pl-4 s-pr-8", "s-transition-all s-duration-300 s-ease-out", className !== null && className !== void 0 ? className : "", disabled
33548
+ 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
33549
  ? "s-cursor-default s-text-element-600"
33478
33550
  : "s-text-element-900"), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
33479
33551
  onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
33480
33552
  }, 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 s-pr-3" }, 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") },
33553
+ 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
33554
  React__default.createElement(Icon, { visual: SvgMagnifyingGlass, size: size }))))));
33483
33555
  }
33484
33556
 
@@ -33574,5 +33646,5 @@ var SvgLogoSquareWhite = function (props) { return (React.createElement("svg", _
33574
33646
  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
33647
  React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
33576
33648
 
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 };
33649
+ 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
33650
  //# sourceMappingURL=index.js.map