@dust-tt/sparkle 0.2.28 → 0.2.29

package/dist/cjs/_index.d.ts

@@ -56,8 +56,8 @@ import { PageHeader } from "./components/PageHeader";
 export { PageHeader };
 import { LogoHorizontalColor as LogoHorizontalColorLogo, LogoHorizontalDark as LogoHorizontalDarkLogo, LogoHorizontalWhite as LogoHorizontalWhiteLogo, LogoSquareColor as LogoSquareColorLogo, LogoSquareDark as LogoSquareDarkLogo, LogoSquareWhite as LogoSquareWhiteLogo } from "./logo/dust";
 export { LogoHorizontalColorLogo, LogoHorizontalDarkLogo, LogoHorizontalWhiteLogo, LogoSquareColorLogo, LogoSquareDarkLogo, LogoSquareWhiteLogo, };
-import { Ai21 as Ai21Logo, Claude as ClaudeLogo, Cohere as CohereLogo, Drive as DriveLogo, Github as GithubLogo, Google as GoogleLogo, Gpt3 as Gpt3Logo, Gpt4 as Gpt4Logo, HuggingFace as HuggingFaceLogo, Microsoft as MicrosoftLogo, Notion as NotionLogo, Replicate as ReplicateLogo, Slack as SlackLogo } from "./logo/platforms";
-export { Ai21Logo, ClaudeLogo, CohereLogo, DriveLogo, GithubLogo, GoogleLogo, Gpt3Logo, Gpt4Logo, HuggingFaceLogo, MicrosoftLogo, NotionLogo, ReplicateLogo, SlackLogo, };
+import { Ai21 as Ai21Logo, Anthropic as AnthropicLogo, Claude as ClaudeLogo, Cohere as CohereLogo, Drive as DriveLogo, Github as GithubLogo, GithubWhite as GithubWhiteLogo, Google as GoogleLogo, Gpt3 as Gpt3Logo, Gpt4 as Gpt4Logo, HuggingFace as HuggingFaceLogo, Microsoft as MicrosoftLogo, Mistral as MistralLogo, Notion as NotionLogo, Openai as OpenaiLogo, Replicate as ReplicateLogo, Slack as SlackLogo } from "./logo/platforms";
+export { Ai21Logo, AnthropicLogo, ClaudeLogo, CohereLogo, DriveLogo, GithubLogo, GithubWhiteLogo, GoogleLogo, Gpt3Logo, Gpt4Logo, HuggingFaceLogo, MicrosoftLogo, MistralLogo, NotionLogo, OpenaiLogo, ReplicateLogo, SlackLogo, };
 import { ArrowDownCircle as ArrowDownCircleIcon, ArrowDownOnSquare as ArrowDownOnSquareIcon, ArrowPath as ArrowPathIcon, ArrowRight as ArrowRightIcon, ArrowUpOnSquare as ArrowUpOnSquareIcon, Attachment as AttachmentIcon, Backspace as BackspaceIcon, Bookmark as BookmarkIcon, Braces as BracesIcon, Card as CardIcon, ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusIcon, ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextIcon, ChatBubbleLeftRight as ChatBubbleLeftRightIcon, Check as CheckIcon, CheckCircle as CheckCircleIcon, ChevronDown as ChevronDownIcon, ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, ChevronUp as ChevronUpIcon, ChevronUpDown as ChevronUpDownIcon, Clipboard as ClipboardIcon, ClipboardCheck as ClipboardCheckIcon, Clock as ClockIcon, CloudArrowDown as CloudArrowDownIcon, CloudArrowLeftRight as CloudArrowLeftRightIcon, CloudX as CloudXIcon, Cog6Tooth as Cog6ToothIcon, CommandLine as CommandLineIcon, Cube as CubeIcon, Dash as DashIcon, DocumentDuplicate as DocumentDuplicateIcon, DocumentPile as DocumentPileIcon, DocumentPlus as DocumentPlusIcon, DocumentText as DocumentTextIcon, Equalizer as EqualizerIcon, ExclamationCircle as ExclamationCircleIcon, ExternalLink as ExternalLinkIcon, Eye as EyeIcon, EyeSlash as EyeSlashIcon, Flag as FlagIcon, FolderOpen as FolderOpenIcon, Fullscreen as FullscreenIcon, GlobeAlt as GlobeAltIcon, HandThumbDown as HandThumbDownIcon, HandThumbUp as HandThumbUpIcon, Image as ImageIcon, InformationCircle as InformationCircleIcon, Key as KeyIcon, Lightbulb as LightbulbIcon, Link as LinkIcon, ListCheck as ListCheckIcon, Lock as LockIcon, Login as LoginIcon, Logout as LogoutIcon, MagnifyingGlass as MagnifyingGlassIcon, Menu as MenuIcon, More as MoreIcon, MovingMail as MovingMailIcon, PaperAirplane as PaperAirplaneIcon, Pause as PauseIcon, PencilSquare as PencilSquareIcon, Planet as PlanetIcon, Play as PlayIcon, Plus as PlusIcon, PlusCircle as PlusCircleIcon, QuestionMarkCircle as QuestionMarkCircleIcon, Reaction as ReactionIcon, Robot as RobotIcon, Rocket as RocketIcon, Server as ServerIcon, ShakeHands as ShakeHandsIcon, Shapes as ShapesIcon, Sparkles as SparklesIcon, Square3Stack3D as Square3Stack3DIcon, Stop as StopIcon, TestTube as TestTubeIcon, Trash as TrashIcon, User as UserIcon, UserArrow as UserArrowIcon, UserGroup as UserGroupIcon, UserPlus as UserPlusIcon, Wrench as WrenchIcon, XCircle as XCircleIcon, XMark as XMarkIcon } from "./icons/solid";
 export { ArrowDownCircleIcon, ArrowDownOnSquareIcon, ArrowPathIcon, ArrowRightIcon, ArrowUpOnSquareIcon, AttachmentIcon, BackspaceIcon, BookmarkIcon, BracesIcon, CardIcon, ChatBubbleBottomCenterPlusIcon, ChatBubbleBottomCenterTextIcon, ChatBubbleLeftRightIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ClipboardCheckIcon, ClipboardIcon, ClockIcon, CloudArrowDownIcon, CloudArrowLeftRightIcon, CloudXIcon, Cog6ToothIcon, CommandLineIcon, CubeIcon, DashIcon, DocumentDuplicateIcon, DocumentPileIcon, DocumentPlusIcon, DocumentTextIcon, EqualizerIcon, ExclamationCircleIcon, ExternalLinkIcon, EyeIcon, EyeSlashIcon, FlagIcon, FolderOpenIcon, FullscreenIcon, GlobeAltIcon, HandThumbDownIcon, HandThumbUpIcon, ImageIcon, InformationCircleIcon, KeyIcon, LightbulbIcon, LinkIcon, ListCheckIcon, LockIcon, LoginIcon, LogoutIcon, MagnifyingGlassIcon, MenuIcon, MoreIcon, MovingMailIcon, PaperAirplaneIcon, PauseIcon, PencilSquareIcon, PlanetIcon, PlayIcon, PlusCircleIcon, PlusIcon, QuestionMarkCircleIcon, ReactionIcon, RobotIcon, RocketIcon, ServerIcon, ShakeHandsIcon, ShapesIcon, SparklesIcon, Square3Stack3DIcon, StopIcon, TestTubeIcon, TrashIcon, UserArrowIcon, UserGroupIcon, UserIcon, UserPlusIcon, WrenchIcon, XCircleIcon, XMarkIcon, };
 import { ArrowDownCircle as ArrowDownCircleStrokeIcon, ArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, ArrowPath as ArrowPathStrokeIcon, ArrowRight as ArrowRightStrokeIcon, ArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, Attachment as AttachmentStrokeIcon, Backspace as BackspaceStrokeIcon, Bookmark as BookmarkStrokeIcon, Braces as BracesStrokeIcon, Card as CardStrokeIcon, ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon, ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon, ChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon, Check as CheckStrokeIcon, CheckCircle as CheckCircleStrokeIcon, ChevronDown as ChevronDownStrokeIcon, ChevronLeft as ChevronLeftStrokeIcon, ChevronRight as ChevronRightStrokeIcon, ChevronUp as ChevronUpStrokeIcon, ChevronUpDown as ChevronUpDownStrokeIcon, Clipboard as ClipboardStrokeIcon, ClipboardCheck as ClipboardCheckStrokeIcon, Clock as ClockStrokeIcon, CloudArrowDown as CloudArrowDownStrokeIcon, CloudArrowLeftRight as CloudArrowLeftRightStrokeIcon, CloudX as CloudXStrokeIcon, Cog6Tooth as Cog6ToothStrokeIcon, CommandLine as CommandLineStrokeIcon, Cube as CubeStrokeIcon, Dash as DashStrokeIcon, DocumentDuplicate as DocumentDuplicateStrokeIcon, DocumentPile as DocumentPileStrokeIcon, DocumentPlus as DocumentPlusStrokeIcon, DocumentText as DocumentTextStrokeIcon, Equalizer as EqualizerStrokeIcon, ExclamationCircle as ExclamationCircleStrokeIcon, ExternalLink as ExternalLinkStrokeIcon, Eye as EyeStrokeIcon, EyeSlash as EyeSlashStrokeIcon, Flag as FlagStrokeIcon, FolderOpen as FolderOpenStrokeIcon, Fullscreen as FullscreenStrokeIcon, GlobeAlt as GlobeAltStrokeIcon, HandThumbDown as HandThumbDownStrokeIcon, HandThumbUp as HandThumbUpStrokeIcon, Image as ImageStrokeIcon, InformationCircle as InformationCircleStrokeIcon, Key as KeyStrokeIcon, Lightbulb as LightbulbStrokeIcon, Link as LinkStrokeIcon, ListCheck as ListCheckStrokeIcon, Lock as LockStrokeIcon, Login as LoginStrokeIcon, Logout as LogoutStrokeIcon, MagnifyingGlass as MagnifyingGlassStrokeIcon, Menu as MenuStrokeIcon, More as MoreStrokeIcon, MovingMail as MovingMailStrokeIcon, PaperAirplane as PaperAirplaneStrokeIcon, Pause as PauseStrokeIcon, PencilSquare as PencilSquareStrokeIcon, Planet as PlanetStrokeIcon, Play as PlayStrokeIcon, Plus as PlusStrokeIcon, PlusCircle as PlusCircleStrokeIcon, QuestionMarkCircle as QuestionMarkCircleStrokeIcon, Reaction as ReactionStrokeIcon, Robot as RobotStrokeIcon, Rocket as RocketStrokeIcon, Server as ServerStrokeIcon, ShakeHands as ShakeHandsStrokeIcon, Shapes as ShapesStrokeIcon, Sparkles as SparklesStrokeIcon, Square3Stack3D as Square3Stack3DStrokeIcon, Stop as StopStrokeIcon, TestTube as TestTubeStrokeIcon, Trash as TrashStrokeIcon, User as UserStrokeIcon, UserArrow as UserArrowStrokeIcon, UserGroup as UserGroupStrokeIcon, UserPlus as UserPlusStrokeIcon, Wrench as WrenchStrokeIcon, XCircle as XCircleStrokeIcon, XMark as XMarkStrokeIcon } from "./icons/stroke";

package/dist/cjs/components/Button.d.ts

@@ -3,7 +3,7 @@ import { TooltipProps } from "./Tooltip";
 export type ButtonProps = {
     variant?: "primary" | "primaryWarning" | "secondary" | "secondaryWarning" | "tertiary" | "avatar";
     type?: "button" | "menu" | "select";
-    size?: "xs" | "sm" | "md";
+    size?: "xs" | "sm" | "md" | "lg";
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
     disabled?: boolean;
     hasMagnifying?: boolean;

package/dist/cjs/components/PriceTable.d.ts

@@ -3,23 +3,27 @@ interface PriceTableProps {
     title: string;
     price: string;
     priceLabel?: string;
-    color?: "pink" | "sky" | "emerald";
+    color?: "pink" | "sky" | "emerald" | "amber" | "blue";
+    size?: "xs" | "sm";
     className?: string;
     children: ReactNode;
+    magnified?: boolean;
 }
-export declare function PriceTable({ title, price, color, priceLabel, className, children, }: PriceTableProps): React.JSX.Element;
+export declare function PriceTable({ title, price, color, size, priceLabel, className, magnified, children, }: PriceTableProps): React.JSX.Element;
 export declare namespace PriceTable {
-    var Item: ({ label, variant, className, }: PriceTableItemProps) => React.JSX.Element;
-    var ActionContainer: ({ children, }: PriceTableActionContainerProps) => React.JSX.Element;
+    var Item: ({ label, variant, size, className, }: PriceTableItemProps) => React.JSX.Element;
+    var ActionContainer: ({ children, size, }: PriceTableActionContainerProps) => React.JSX.Element;
     var Container: ({ children }: PriceTableContainerProps) => React.JSX.Element;
 }
 interface PriceTableItemProps {
     label: string;
+    size?: "xs" | "sm";
     variant?: "check" | "dash" | "xmark";
     className?: string;
 }
 interface PriceTableActionContainerProps {
     children: ReactNode;
+    size?: "xs" | "sm";
 }
 interface PriceTableContainerProps {
     children: ReactNode;

package/dist/cjs/index.js

@@ -48,7 +48,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".s-form-checkbox,.s-form-radio {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  padding: 0;\n  -webkit-print-color-adjust: exact;\n          print-color-adjust: exact;\n  display: inline-block;\n  vertical-align: middle;\n  background-origin: border-box;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  flex-shrink: 0;\n  height: 1rem;\n  width: 1rem;\n  color: #2563eb;\n  background-color: #fff;\n  border-color: #6b7280;\n  border-width: 1px;\n  --tw-shadow: 0 0 #0000\n}\n.s-form-radio {\n  border-radius: 100%\n}\n.s-form-checkbox:focus,.s-form-radio:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 2px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #2563eb;\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)\n}\n.s-form-checkbox:checked,.s-form-radio:checked {\n  border-color: transparent;\n  background-color: currentColor;\n  background-size: 100% 100%;\n  background-position: center;\n  background-repeat: no-repeat\n}\n.s-form-radio:checked {\n  background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")\n}\n.s-form-checkbox:checked:hover,.s-form-checkbox:checked:focus,.s-form-radio:checked:hover,.s-form-radio:checked:focus {\n  border-color: transparent;\n  background-color: currentColor\n}\n.s-pointer-events-none {\n  pointer-events: none\n}\n.s-fixed {\n  position: fixed\n}\n.s-absolute {\n  position: absolute\n}\n.s-relative {\n  position: relative\n}\n.s-inset-0 {\n  inset: 0px\n}\n.s-bottom-6 {\n  bottom: 1.5rem\n}\n.s-bottom-full {\n  bottom: 100%\n}\n.s-left-0 {\n  left: 0px\n}\n.s-left-1\\/2 {\n  left: 50%\n}\n.s-right-0 {\n  right: 0px\n}\n.s-top-0 {\n  top: 0px\n}\n.s-top-full {\n  top: 100%\n}\n.s-z-10 {\n  z-index: 10\n}\n.s-z-30 {\n  z-index: 30\n}\n.s-z-50 {\n  z-index: 50\n}\n.s-m-0 {\n  margin: 0px\n}\n.s-mx-auto {\n  margin-left: auto;\n  margin-right: auto\n}\n.-s-mb-px {\n  margin-bottom: -1px\n}\n.-s-mt-1 {\n  margin-top: -0.25rem\n}\n.-s-mt-2 {\n  margin-top: -0.5rem\n}\n.s-mb-2 {\n  margin-bottom: 0.5rem\n}\n.s-ml-0 {\n  margin-left: 0px\n}\n.s-ml-0\\.5 {\n  margin-left: 0.125rem\n}\n.s-ml-2 {\n  margin-left: 0.5rem\n}\n.s-mt-0 {\n  margin-top: 0px\n}\n.s-mt-0\\.5 {\n  margin-top: 0.125rem\n}\n.s-mt-16 {\n  margin-top: 4rem\n}\n.s-mt-2 {\n  margin-top: 0.5rem\n}\n.s-mt-4 {\n  margin-top: 1rem\n}\n.s-mt-8 {\n  margin-top: 2rem\n}\n.s-box-border {\n  box-sizing: border-box\n}\n.s-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-flex {\n  display: flex\n}\n.s-inline-flex {\n  display: inline-flex\n}\n.s-grid {\n  display: grid\n}\n.s-hidden {\n  display: none\n}\n.s-h-1\\/2 {\n  height: 50%\n}\n.s-h-10 {\n  height: 2.5rem\n}\n.s-h-12 {\n  height: 3rem\n}\n.s-h-16 {\n  height: 4rem\n}\n.s-h-36 {\n  height: 9rem\n}\n.s-h-4 {\n  height: 1rem\n}\n.s-h-5 {\n  height: 1.25rem\n}\n.s-h-6 {\n  height: 1.5rem\n}\n.s-h-7 {\n  height: 1.75rem\n}\n.s-h-72 {\n  height: 18rem\n}\n.s-h-8 {\n  height: 2rem\n}\n.s-h-9 {\n  height: 2.25rem\n}\n.s-h-96 {\n  height: 24rem\n}\n.s-h-full {\n  height: 100%\n}\n.s-h-px {\n  height: 1px\n}\n.s-max-h-full {\n  max-height: 100%\n}\n.s-min-h-full {\n  min-height: 100%\n}\n.s-w-1\\/2 {\n  width: 50%\n}\n.s-w-10 {\n  width: 2.5rem\n}\n.s-w-14 {\n  width: 3.5rem\n}\n.s-w-16 {\n  width: 4rem\n}\n.s-w-32 {\n  width: 8rem\n}\n.s-w-36 {\n  width: 9rem\n}\n.s-w-4 {\n  width: 1rem\n}\n.s-w-40 {\n  width: 10rem\n}\n.s-w-48 {\n  width: 12rem\n}\n.s-w-5 {\n  width: 1.25rem\n}\n.s-w-6 {\n  width: 1.5rem\n}\n.s-w-60 {\n  width: 15rem\n}\n.s-w-64 {\n  width: 16rem\n}\n.s-w-7 {\n  width: 1.75rem\n}\n.s-w-72 {\n  width: 18rem\n}\n.s-w-8 {\n  width: 2rem\n}\n.s-w-\\[38em\\] {\n  width: 38em\n}\n.s-w-full {\n  width: 100%\n}\n.s-max-w-2xl {\n  max-width: 42rem\n}\n.s-max-w-4xl {\n  max-width: 56rem\n}\n.s-max-w-full {\n  max-width: 100%\n}\n.s-flex-1 {\n  flex: 1 1 0%\n}\n.s-flex-none {\n  flex: none\n}\n.s-flex-shrink-0 {\n  flex-shrink: 0\n}\n.s-shrink {\n  flex-shrink: 1\n}\n.s-flex-grow {\n  flex-grow: 1\n}\n.s-grow {\n  flex-grow: 1\n}\n.s-basis-0 {\n  flex-basis: 0px\n}\n.s-origin-bottom-left {\n  transform-origin: bottom left\n}\n.s-origin-bottom-right {\n  transform-origin: bottom right\n}\n.s-origin-top-left {\n  transform-origin: top left\n}\n.s-origin-top-right {\n  transform-origin: top right\n}\n.-s-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-0 {\n  --tw-translate-y: -0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-5 {\n  --tw-translate-y: -1.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-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-between {\n  justify-content: space-between\n}\n.s-justify-stretch {\n  justify-content: stretch\n}\n.s-justify-items-center {\n  justify-items: center\n}\n.s-gap-0 {\n  gap: 0px\n}\n.s-gap-1 {\n  gap: 0.25rem\n}\n.s-gap-1\\.5 {\n  gap: 0.375rem\n}\n.s-gap-10 {\n  gap: 2.5rem\n}\n.s-gap-16 {\n  gap: 4rem\n}\n.s-gap-2 {\n  gap: 0.5rem\n}\n.s-gap-3 {\n  gap: 0.75rem\n}\n.s-gap-4 {\n  gap: 1rem\n}\n.s-gap-5 {\n  gap: 1.25rem\n}\n.s-gap-6 {\n  gap: 1.5rem\n}\n.s-gap-8 {\n  gap: 2rem\n}\n.s-gap-x-1 {\n  -moz-column-gap: 0.25rem;\n       column-gap: 0.25rem\n}\n.s-gap-x-1\\.5 {\n  -moz-column-gap: 0.375rem;\n       column-gap: 0.375rem\n}\n.s-gap-x-2 {\n  -moz-column-gap: 0.5rem;\n       column-gap: 0.5rem\n}\n.s-gap-y-2 {\n  row-gap: 0.5rem\n}\n.s-gap-y-96 {\n  row-gap: 24rem\n}\n.s-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0px * var(--tw-space-x-reverse));\n  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))\n}\n.s-self-stretch {\n  align-self: stretch\n}\n.s-overflow-auto {\n  overflow: auto\n}\n.s-overflow-hidden {\n  overflow: hidden\n}\n.s-overflow-y-auto {\n  overflow-y: auto\n}\n.s-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap\n}\n.s-overflow-ellipsis {\n  text-overflow: ellipsis\n}\n.s-text-ellipsis {\n  text-overflow: ellipsis\n}\n.s-whitespace-nowrap {\n  white-space: nowrap\n}\n.s-break-words {\n  overflow-wrap: break-word\n}\n.s-rounded-2xl {\n  border-radius: 1rem\n}\n.s-rounded-3xl {\n  border-radius: 1.5rem\n}\n.s-rounded-\\[25\\%\\] {\n  border-radius: 25%\n}\n.s-rounded-full {\n  border-radius: 9999px\n}\n.s-rounded-lg {\n  border-radius: 0.5rem\n}\n.s-rounded-md {\n  border-radius: 0.375rem\n}\n.s-rounded-xl {\n  border-radius: 0.75rem\n}\n.s-border {\n  border-width: 1px\n}\n.s-border-0 {\n  border-width: 0px\n}\n.s-border-b {\n  border-bottom-width: 1px\n}\n.s-border-b-2 {\n  border-bottom-width: 2px\n}\n.s-border-t {\n  border-top-width: 1px\n}\n.s-border-action-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n.s-border-action-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.s-border-action-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(37 99 235 / var(--tw-border-opacity))\n}\n.s-border-amber-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(253 230 138 / var(--tw-border-opacity))\n}\n.s-border-element-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(148 163 184 / var(--tw-border-opacity))\n}\n.s-border-emerald-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(167 243 208 / var(--tw-border-opacity))\n}\n.s-border-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-bg-action-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n.s-bg-action-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n.s-bg-action-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.s-bg-amber-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 243 199 / var(--tw-bg-opacity))\n}\n.s-bg-amber-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(252 211 77 / var(--tw-bg-opacity))\n}\n.s-bg-blue-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(147 197 253 / var(--tw-bg-opacity))\n}\n.s-bg-brand {\n  --tw-bg-opacity: 1;\n  background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-cyan-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(103 232 249 / var(--tw-bg-opacity))\n}\n.s-bg-element-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-element-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n.s-bg-element-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n.s-bg-element-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209 250 229 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-fuchsia-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(240 171 252 / var(--tw-bg-opacity))\n}\n.s-bg-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-lime-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(190 242 100 / var(--tw-bg-opacity))\n}\n.s-bg-orange-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(253 186 116 / var(--tw-bg-opacity))\n}\n.s-bg-pink-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(252 231 243 / var(--tw-bg-opacity))\n}\n.s-bg-pink-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(244 114 182 / var(--tw-bg-opacity))\n}\n.s-bg-purple-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-slate-800\\/70 {\n  background-color: rgb(30 41 59 / 0.7)\n}\n.s-bg-structure-0 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-structure-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n.s-bg-success-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-teal-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(94 234 212 / var(--tw-bg-opacity))\n}\n.s-bg-violet-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(237 233 254 / var(--tw-bg-opacity))\n}\n.s-bg-violet-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(196 181 253 / var(--tw-bg-opacity))\n}\n.s-bg-warning-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-warning-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 202 202 / var(--tw-bg-opacity))\n}\n.s-bg-warning-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.s-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-white\\/80 {\n  background-color: rgb(255 255 255 / 0.8)\n}\n.s-bg-yellow-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(253 224 71 / var(--tw-bg-opacity))\n}\n.s-object-cover {\n  -o-object-fit: cover;\n     object-fit: cover\n}\n.s-object-center {\n  -o-object-position: center;\n     object-position: center\n}\n.s-p-0 {\n  padding: 0px\n}\n.s-p-1 {\n  padding: 0.25rem\n}\n.s-p-2 {\n  padding: 0.5rem\n}\n.s-p-3 {\n  padding: 0.75rem\n}\n.s-p-4 {\n  padding: 1rem\n}\n.s-p-6 {\n  padding: 1.5rem\n}\n.s-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-1 {\n  padding-bottom: 0.25rem\n}\n.s-pb-10 {\n  padding-bottom: 2.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-32 {\n  padding-left: 8rem\n}\n.s-pl-4 {\n  padding-left: 1rem\n}\n.s-pl-5 {\n  padding-left: 1.25rem\n}\n.s-pl-64 {\n  padding-left: 16rem\n}\n.s-pr-3 {\n  padding-right: 0.75rem\n}\n.s-pr-4 {\n  padding-right: 1rem\n}\n.s-pr-5 {\n  padding-right: 1.25rem\n}\n.s-pr-8 {\n  padding-right: 2rem\n}\n.s-pt-10 {\n  padding-top: 2.5rem\n}\n.s-pt-14 {\n  padding-top: 3.5rem\n}\n.s-pt-2 {\n  padding-top: 0.5rem\n}\n.s-pt-3 {\n  padding-top: 0.75rem\n}\n.s-text-left {\n  text-align: left\n}\n.s-text-right {\n  text-align: right\n}\n.s-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem\n}\n.s-text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem\n}\n.s-text-4xl {\n  font-size: 2.25rem;\n  line-height: 2.5rem\n}\n.s-text-7xl {\n  font-size: 4.5rem;\n  line-height: 1\n}\n.s-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem\n}\n.s-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem\n}\n.s-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem\n}\n.s-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem\n}\n.s-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem\n}\n.s-font-bold {\n  font-weight: 700\n}\n.s-font-medium {\n  font-weight: 500\n}\n.s-font-normal {\n  font-weight: 400\n}\n.s-font-semibold {\n  font-weight: 600\n}\n.s-uppercase {\n  text-transform: uppercase\n}\n.s-text-action-300 {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n.s-text-action-400 {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-text-action-500 {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.s-text-action-800 {\n  --tw-text-opacity: 1;\n  color: rgb(30 64 175 / var(--tw-text-opacity))\n}\n.s-text-action-900 {\n  --tw-text-opacity: 1;\n  color: rgb(30 58 138 / var(--tw-text-opacity))\n}\n.s-text-amber-500 {\n  --tw-text-opacity: 1;\n  color: rgb(245 158 11 / var(--tw-text-opacity))\n}\n.s-text-amber-700 {\n  --tw-text-opacity: 1;\n  color: rgb(180 83 9 / var(--tw-text-opacity))\n}\n.s-text-amber-900 {\n  --tw-text-opacity: 1;\n  color: rgb(120 53 15 / var(--tw-text-opacity))\n}\n.s-text-blue-700 {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.s-text-brand {\n  --tw-text-opacity: 1;\n  color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-cyan-700 {\n  --tw-text-opacity: 1;\n  color: rgb(14 116 144 / var(--tw-text-opacity))\n}\n.s-text-element-500 {\n  --tw-text-opacity: 1;\n  color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n.s-text-element-600 {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n.s-text-element-700 {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n.s-text-element-800 {\n  --tw-text-opacity: 1;\n  color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-element-900 {\n  --tw-text-opacity: 1;\n  color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-emerald-500 {\n  --tw-text-opacity: 1;\n  color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-emerald-700 {\n  --tw-text-opacity: 1;\n  color: rgb(4 120 87 / var(--tw-text-opacity))\n}\n.s-text-emerald-900 {\n  --tw-text-opacity: 1;\n  color: rgb(6 78 59 / var(--tw-text-opacity))\n}\n.s-text-fuchsia-700 {\n  --tw-text-opacity: 1;\n  color: rgb(162 28 175 / var(--tw-text-opacity))\n}\n.s-text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity))\n}\n.s-text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(21 128 61 / var(--tw-text-opacity))\n}\n.s-text-indigo-700 {\n  --tw-text-opacity: 1;\n  color: rgb(67 56 202 / var(--tw-text-opacity))\n}\n.s-text-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-teal-700 {\n  --tw-text-opacity: 1;\n  color: rgb(15 118 110 / var(--tw-text-opacity))\n}\n.s-text-transparent {\n  color: transparent\n}\n.s-text-violet-700 {\n  --tw-text-opacity: 1;\n  color: rgb(109 40 217 / var(--tw-text-opacity))\n}\n.s-text-warning-300 {\n  --tw-text-opacity: 1;\n  color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n.s-text-warning-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-warning-900 {\n  --tw-text-opacity: 1;\n  color: rgb(127 29 29 / var(--tw-text-opacity))\n}\n.s-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-white\\/70 {\n  color: rgb(255 255 255 / 0.7)\n}\n.s-text-yellow-700 {\n  --tw-text-opacity: 1;\n  color: rgb(161 98 7 / var(--tw-text-opacity))\n}\n.s-placeholder-element-600::-moz-placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n.s-placeholder-element-600::placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n.s-opacity-0 {\n  opacity: 0\n}\n.s-opacity-100 {\n  opacity: 1\n}\n.s-opacity-20 {\n  opacity: 0.2\n}\n.s-opacity-40 {\n  opacity: 0.4\n}\n.s-opacity-50 {\n  opacity: 0.5\n}\n.s-opacity-60 {\n  opacity: 0.6\n}\n.s-shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px\n}\n.s-ring-0 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-red-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n.s-ring-structure-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity))\n}\n.s-ring-warning-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n.s-drop-shadow {\n  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-md {\n  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-backdrop-blur {\n  --tw-backdrop-blur: blur(8px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-duration-200 {\n  transition-duration: 200ms\n}\n.s-duration-300 {\n  transition-duration: 300ms\n}\n.s-duration-500 {\n  transition-duration: 500ms\n}\n.s-duration-75 {\n  transition-duration: 75ms\n}\n.s-ease-in {\n  transition-timing-function: cubic-bezier(0.4, 0, 1, 1)\n}\n.s-ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.s-ease-out {\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)\n}\n\n@keyframes bgblink {\n  0%,\n  100% {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n  }\n  50% {\n    --tw-bg-opacity: 1;\n    background-color: rgb(243 232 255 / var(--tw-bg-opacity))\n  }\n}\n\n.checked\\:s-bg-action-500:checked {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n.checked\\:s-ring-0:checked {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.hover\\:s-scale-100:hover {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-105:hover {\n  --tw-scale-x: 1.05;\n  --tw-scale-y: 1.05;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-110:hover {\n  --tw-scale-x: 1.1;\n  --tw-scale-y: 1.1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-cursor-not-allowed:hover {\n  cursor: not-allowed\n}\n\n.hover\\:s-border-action-200:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-300:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-500:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-200:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-500:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.hover\\:s-bg-action-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 246 255 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-structure-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-success-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 113 113 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 242 242 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-text-action-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-action-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-element-800:hover {\n  --tw-text-opacity: 1;\n  color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-warning-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n.hover\\:s-brightness-110:hover {\n  --tw-brightness: brightness(1.1);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-drop-shadow-md:hover {\n  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-filter:hover {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.focus\\:s-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px\n}\n\n.focus\\:s-ring-0:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-action-300:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-red-200:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-warning-300:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity))\n}\n\n.active\\:s-scale-100:active {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.active\\:s-border-action-400:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-500:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-700:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-500:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-700:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n.active\\:s-bg-action-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-600:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-600:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 38 38 / var(--tw-bg-opacity))\n}\n\n.active\\:s-text-action-600:active {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-action-700:active {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-element-900:active {\n  --tw-text-opacity: 1;\n  color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-warning-600:active {\n  --tw-text-opacity: 1;\n  color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n\n.active\\:s-ring-0:active {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.active\\:s-brightness-90:active {\n  --tw-brightness: brightness(.9);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.active\\:s-drop-shadow-none:active {\n  --tw-drop-shadow: drop-shadow(0 0 #0000);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-group:hover .group-hover\\:s-text-action-400 {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.s-group:hover .group-hover\\:s-text-action-500 {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-action-200-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(30 64 175 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(100 116 139 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(30 41 59 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(51 65 85 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(71 85 105 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark\\/30) {\n  border-color: rgb(71 85 105 / 0.3)\n}\n\n:is(.s-dark .dark\\:s-border-structure-50-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(15 23 42 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-warning-200-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(153 27 27 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-100-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-500-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-black) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-500-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-600-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-700-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-900-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-sky-700) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(3 105 161 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-0-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-100-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-200-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-300-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 85 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(15 23 42 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark\\/80) {\n  background-color: rgb(15 23 42 / 0.8)\n}\n\n:is(.s-dark .dark\\:s-bg-success-400-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(5 150 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-warning-100-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-300-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-400-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-600-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-700-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-600-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-700-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-800-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-900-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-600-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-700-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::-moz-placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-structure-300-dark) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-warning-200-dark) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-saturate-50) {\n  --tw-saturate: saturate(.5);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-300-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-500-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-600-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-warning-300-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-200-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 64 175 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-400:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-50-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 37 84 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-structure-200-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-warning-50-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(69 10 10 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-300:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-400:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-500-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-600-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-700-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-element-800-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-warning-500-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-action-300-dark:focus) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-warning-300-dark:focus) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-action-500-dark:active) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-warning-500-dark:active) {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-action-100-dark:active) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-warning-100-dark:active) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600:active) {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-700-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-element-900-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-warning-600-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n@media (min-width: 640px) {\n  .sm\\:s-block {\n    display: block\n  }\n  .sm\\:s-w-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-w-\\[80rem\\] {\n    width: 80rem\n  }\n  .sm\\:s-translate-y-0 {\n    --tw-translate-y: 0px;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n  }\n  .sm\\:s-scale-100 {\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n  }\n  .sm\\:s-scale-95 {\n    --tw-scale-x: .95;\n    --tw-scale-y: .95;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n  }\n  .sm\\:s-px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem\n  }\n}\n\n@media (min-width: 768px) {\n  .md\\:s-flex-row {\n    flex-direction: row\n  }\n  .md\\:s-items-center {\n    align-items: center\n  }\n}\n\n@media (min-width: 1024px) {\n  .lg\\:s-w-1\\/2 {\n    width: 50%\n  }\n}\n";
+var css_248z = ".s-form-checkbox,.s-form-radio {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  padding: 0;\n  -webkit-print-color-adjust: exact;\n          print-color-adjust: exact;\n  display: inline-block;\n  vertical-align: middle;\n  background-origin: border-box;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  flex-shrink: 0;\n  height: 1rem;\n  width: 1rem;\n  color: #2563eb;\n  background-color: #fff;\n  border-color: #6b7280;\n  border-width: 1px;\n  --tw-shadow: 0 0 #0000\n}\n.s-form-radio {\n  border-radius: 100%\n}\n.s-form-checkbox:focus,.s-form-radio:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 2px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #2563eb;\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)\n}\n.s-form-checkbox:checked,.s-form-radio:checked {\n  border-color: transparent;\n  background-color: currentColor;\n  background-size: 100% 100%;\n  background-position: center;\n  background-repeat: no-repeat\n}\n.s-form-radio:checked {\n  background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")\n}\n.s-form-checkbox:checked:hover,.s-form-checkbox:checked:focus,.s-form-radio:checked:hover,.s-form-radio:checked:focus {\n  border-color: transparent;\n  background-color: currentColor\n}\n.s-pointer-events-none {\n  pointer-events: none\n}\n.s-fixed {\n  position: fixed\n}\n.s-absolute {\n  position: absolute\n}\n.s-relative {\n  position: relative\n}\n.s-inset-0 {\n  inset: 0px\n}\n.s-bottom-6 {\n  bottom: 1.5rem\n}\n.s-bottom-full {\n  bottom: 100%\n}\n.s-left-0 {\n  left: 0px\n}\n.s-left-1\\/2 {\n  left: 50%\n}\n.s-right-0 {\n  right: 0px\n}\n.s-top-0 {\n  top: 0px\n}\n.s-top-full {\n  top: 100%\n}\n.s-z-10 {\n  z-index: 10\n}\n.s-z-30 {\n  z-index: 30\n}\n.s-z-50 {\n  z-index: 50\n}\n.s-m-0 {\n  margin: 0px\n}\n.s-mx-auto {\n  margin-left: auto;\n  margin-right: auto\n}\n.-s-mb-px {\n  margin-bottom: -1px\n}\n.-s-mt-1 {\n  margin-top: -0.25rem\n}\n.-s-mt-2 {\n  margin-top: -0.5rem\n}\n.s-mb-2 {\n  margin-bottom: 0.5rem\n}\n.s-ml-0 {\n  margin-left: 0px\n}\n.s-ml-0\\.5 {\n  margin-left: 0.125rem\n}\n.s-ml-2 {\n  margin-left: 0.5rem\n}\n.s-mt-0 {\n  margin-top: 0px\n}\n.s-mt-0\\.5 {\n  margin-top: 0.125rem\n}\n.s-mt-16 {\n  margin-top: 4rem\n}\n.s-mt-2 {\n  margin-top: 0.5rem\n}\n.s-mt-4 {\n  margin-top: 1rem\n}\n.s-mt-8 {\n  margin-top: 2rem\n}\n.s-box-border {\n  box-sizing: border-box\n}\n.s-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-flex {\n  display: flex\n}\n.s-inline-flex {\n  display: inline-flex\n}\n.s-grid {\n  display: grid\n}\n.s-hidden {\n  display: none\n}\n.s-h-1\\/2 {\n  height: 50%\n}\n.s-h-10 {\n  height: 2.5rem\n}\n.s-h-12 {\n  height: 3rem\n}\n.s-h-16 {\n  height: 4rem\n}\n.s-h-36 {\n  height: 9rem\n}\n.s-h-4 {\n  height: 1rem\n}\n.s-h-5 {\n  height: 1.25rem\n}\n.s-h-6 {\n  height: 1.5rem\n}\n.s-h-7 {\n  height: 1.75rem\n}\n.s-h-72 {\n  height: 18rem\n}\n.s-h-8 {\n  height: 2rem\n}\n.s-h-9 {\n  height: 2.25rem\n}\n.s-h-96 {\n  height: 24rem\n}\n.s-h-full {\n  height: 100%\n}\n.s-h-px {\n  height: 1px\n}\n.s-max-h-full {\n  max-height: 100%\n}\n.s-min-h-full {\n  min-height: 100%\n}\n.s-w-1\\/2 {\n  width: 50%\n}\n.s-w-10 {\n  width: 2.5rem\n}\n.s-w-14 {\n  width: 3.5rem\n}\n.s-w-16 {\n  width: 4rem\n}\n.s-w-32 {\n  width: 8rem\n}\n.s-w-36 {\n  width: 9rem\n}\n.s-w-4 {\n  width: 1rem\n}\n.s-w-40 {\n  width: 10rem\n}\n.s-w-48 {\n  width: 12rem\n}\n.s-w-5 {\n  width: 1.25rem\n}\n.s-w-6 {\n  width: 1.5rem\n}\n.s-w-60 {\n  width: 15rem\n}\n.s-w-64 {\n  width: 16rem\n}\n.s-w-7 {\n  width: 1.75rem\n}\n.s-w-8 {\n  width: 2rem\n}\n.s-w-\\[38em\\] {\n  width: 38em\n}\n.s-w-full {\n  width: 100%\n}\n.s-max-w-2xl {\n  max-width: 42rem\n}\n.s-max-w-4xl {\n  max-width: 56rem\n}\n.s-max-w-full {\n  max-width: 100%\n}\n.s-flex-1 {\n  flex: 1 1 0%\n}\n.s-flex-none {\n  flex: none\n}\n.s-flex-shrink-0 {\n  flex-shrink: 0\n}\n.s-shrink {\n  flex-shrink: 1\n}\n.s-flex-grow {\n  flex-grow: 1\n}\n.s-grow {\n  flex-grow: 1\n}\n.s-basis-0 {\n  flex-basis: 0px\n}\n.s-origin-bottom-left {\n  transform-origin: bottom left\n}\n.s-origin-bottom-right {\n  transform-origin: bottom right\n}\n.s-origin-top-left {\n  transform-origin: top left\n}\n.s-origin-top-right {\n  transform-origin: top right\n}\n.-s-translate-x-1\\/2 {\n  --tw-translate-x: -50%;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-0 {\n  --tw-translate-y: -0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-5 {\n  --tw-translate-y: -1.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-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-between {\n  justify-content: space-between\n}\n.s-justify-stretch {\n  justify-content: stretch\n}\n.s-justify-items-center {\n  justify-items: center\n}\n.s-gap-0 {\n  gap: 0px\n}\n.s-gap-1 {\n  gap: 0.25rem\n}\n.s-gap-1\\.5 {\n  gap: 0.375rem\n}\n.s-gap-10 {\n  gap: 2.5rem\n}\n.s-gap-16 {\n  gap: 4rem\n}\n.s-gap-2 {\n  gap: 0.5rem\n}\n.s-gap-3 {\n  gap: 0.75rem\n}\n.s-gap-4 {\n  gap: 1rem\n}\n.s-gap-5 {\n  gap: 1.25rem\n}\n.s-gap-6 {\n  gap: 1.5rem\n}\n.s-gap-8 {\n  gap: 2rem\n}\n.s-gap-x-1 {\n  -moz-column-gap: 0.25rem;\n       column-gap: 0.25rem\n}\n.s-gap-x-1\\.5 {\n  -moz-column-gap: 0.375rem;\n       column-gap: 0.375rem\n}\n.s-gap-x-2 {\n  -moz-column-gap: 0.5rem;\n       column-gap: 0.5rem\n}\n.s-gap-x-3 {\n  -moz-column-gap: 0.75rem;\n       column-gap: 0.75rem\n}\n.s-gap-y-2 {\n  row-gap: 0.5rem\n}\n.s-gap-y-96 {\n  row-gap: 24rem\n}\n.s-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0px * var(--tw-space-x-reverse));\n  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))\n}\n.s-self-stretch {\n  align-self: stretch\n}\n.s-overflow-auto {\n  overflow: auto\n}\n.s-overflow-hidden {\n  overflow: hidden\n}\n.s-overflow-y-auto {\n  overflow-y: auto\n}\n.s-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap\n}\n.s-text-ellipsis {\n  text-overflow: ellipsis\n}\n.s-whitespace-nowrap {\n  white-space: nowrap\n}\n.s-break-words {\n  overflow-wrap: break-word\n}\n.s-rounded-2xl {\n  border-radius: 1rem\n}\n.s-rounded-3xl {\n  border-radius: 1.5rem\n}\n.s-rounded-\\[25\\%\\] {\n  border-radius: 25%\n}\n.s-rounded-full {\n  border-radius: 9999px\n}\n.s-rounded-lg {\n  border-radius: 0.5rem\n}\n.s-rounded-md {\n  border-radius: 0.375rem\n}\n.s-rounded-xl {\n  border-radius: 0.75rem\n}\n.s-border {\n  border-width: 1px\n}\n.s-border-0 {\n  border-width: 0px\n}\n.s-border-b {\n  border-bottom-width: 1px\n}\n.s-border-b-2 {\n  border-bottom-width: 2px\n}\n.s-border-t {\n  border-top-width: 1px\n}\n.s-border-action-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n.s-border-action-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.s-border-action-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(37 99 235 / var(--tw-border-opacity))\n}\n.s-border-amber-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(253 230 138 / var(--tw-border-opacity))\n}\n.s-border-element-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(148 163 184 / var(--tw-border-opacity))\n}\n.s-border-emerald-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(167 243 208 / var(--tw-border-opacity))\n}\n.s-border-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-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-lime-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(190 242 100 / var(--tw-bg-opacity))\n}\n.s-bg-orange-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(253 186 116 / var(--tw-bg-opacity))\n}\n.s-bg-pink-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(252 231 243 / var(--tw-bg-opacity))\n}\n.s-bg-pink-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(244 114 182 / var(--tw-bg-opacity))\n}\n.s-bg-purple-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-slate-800\\/70 {\n  background-color: rgb(30 41 59 / 0.7)\n}\n.s-bg-structure-0 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-structure-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n.s-bg-success-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-teal-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(94 234 212 / var(--tw-bg-opacity))\n}\n.s-bg-violet-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(237 233 254 / var(--tw-bg-opacity))\n}\n.s-bg-violet-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(196 181 253 / var(--tw-bg-opacity))\n}\n.s-bg-warning-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-warning-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 202 202 / var(--tw-bg-opacity))\n}\n.s-bg-warning-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.s-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-white\\/80 {\n  background-color: rgb(255 255 255 / 0.8)\n}\n.s-bg-yellow-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(253 224 71 / var(--tw-bg-opacity))\n}\n.s-object-cover {\n  -o-object-fit: cover;\n     object-fit: cover\n}\n.s-object-center {\n  -o-object-position: center;\n     object-position: center\n}\n.s-p-0 {\n  padding: 0px\n}\n.s-p-1 {\n  padding: 0.25rem\n}\n.s-p-1\\.5 {\n  padding: 0.375rem\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-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-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-1 {\n  padding-bottom: 0.25rem\n}\n.s-pb-10 {\n  padding-bottom: 2.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-32 {\n  padding-left: 8rem\n}\n.s-pl-4 {\n  padding-left: 1rem\n}\n.s-pl-5 {\n  padding-left: 1.25rem\n}\n.s-pl-64 {\n  padding-left: 16rem\n}\n.s-pr-3 {\n  padding-right: 0.75rem\n}\n.s-pr-4 {\n  padding-right: 1rem\n}\n.s-pr-5 {\n  padding-right: 1.25rem\n}\n.s-pr-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-14 {\n  padding-top: 3.5rem\n}\n.s-pt-2 {\n  padding-top: 0.5rem\n}\n.s-pt-3 {\n  padding-top: 0.75rem\n}\n.s-text-left {\n  text-align: left\n}\n.s-text-right {\n  text-align: right\n}\n.s-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem\n}\n.s-text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem\n}\n.s-text-4xl {\n  font-size: 2.25rem;\n  line-height: 2.5rem\n}\n.s-text-7xl {\n  font-size: 4.5rem;\n  line-height: 1\n}\n.s-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem\n}\n.s-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem\n}\n.s-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem\n}\n.s-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem\n}\n.s-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem\n}\n.s-font-bold {\n  font-weight: 700\n}\n.s-font-medium {\n  font-weight: 500\n}\n.s-font-normal {\n  font-weight: 400\n}\n.s-font-semibold {\n  font-weight: 600\n}\n.s-uppercase {\n  text-transform: uppercase\n}\n.s-text-action-300 {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n.s-text-action-400 {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-text-action-500 {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.s-text-action-800 {\n  --tw-text-opacity: 1;\n  color: rgb(30 64 175 / var(--tw-text-opacity))\n}\n.s-text-action-900 {\n  --tw-text-opacity: 1;\n  color: rgb(30 58 138 / var(--tw-text-opacity))\n}\n.s-text-amber-500 {\n  --tw-text-opacity: 1;\n  color: rgb(245 158 11 / var(--tw-text-opacity))\n}\n.s-text-amber-700 {\n  --tw-text-opacity: 1;\n  color: rgb(180 83 9 / var(--tw-text-opacity))\n}\n.s-text-amber-900 {\n  --tw-text-opacity: 1;\n  color: rgb(120 53 15 / var(--tw-text-opacity))\n}\n.s-text-blue-700 {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.s-text-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-transparent {\n  color: transparent\n}\n.s-text-violet-700 {\n  --tw-text-opacity: 1;\n  color: rgb(109 40 217 / var(--tw-text-opacity))\n}\n.s-text-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-2xl {\n  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  --tw-shadow-colored: 0 25px 50px -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-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px\n}\n.s-ring-0 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-red-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n.s-ring-structure-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity))\n}\n.s-ring-warning-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n.s-drop-shadow {\n  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-md {\n  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-backdrop-blur {\n  --tw-backdrop-blur: blur(8px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-duration-200 {\n  transition-duration: 200ms\n}\n.s-duration-300 {\n  transition-duration: 300ms\n}\n.s-duration-500 {\n  transition-duration: 500ms\n}\n.s-duration-75 {\n  transition-duration: 75ms\n}\n.s-ease-in {\n  transition-timing-function: cubic-bezier(0.4, 0, 1, 1)\n}\n.s-ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.s-ease-out {\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)\n}\n\n@keyframes bgblink {\n  0%,\n  100% {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n  }\n  50% {\n    --tw-bg-opacity: 1;\n    background-color: rgb(243 232 255 / var(--tw-bg-opacity))\n  }\n}\n\n.checked\\:s-bg-action-500:checked {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n.checked\\:s-ring-0:checked {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.hover\\:s-scale-100:hover {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-105:hover {\n  --tw-scale-x: 1.05;\n  --tw-scale-y: 1.05;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-110:hover {\n  --tw-scale-x: 1.1;\n  --tw-scale-y: 1.1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-cursor-not-allowed:hover {\n  cursor: not-allowed\n}\n\n.hover\\:s-border-action-200:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-300:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-500:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-200:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-500:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.hover\\:s-bg-action-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 246 255 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-structure-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-success-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 113 113 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 242 242 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-text-action-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-action-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-element-800:hover {\n  --tw-text-opacity: 1;\n  color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-warning-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n.hover\\:s-brightness-110:hover {\n  --tw-brightness: brightness(1.1);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-drop-shadow-md:hover {\n  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-filter:hover {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.focus\\:s-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px\n}\n\n.focus\\:s-ring-0:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-action-300:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-red-200:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-warning-300:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity))\n}\n\n.active\\:s-scale-100:active {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.active\\:s-border-action-400:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-500:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-700:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-500:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-700:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n.active\\:s-bg-action-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-600:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-600:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 38 38 / var(--tw-bg-opacity))\n}\n\n.active\\:s-text-action-600:active {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-action-700:active {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-element-900:active {\n  --tw-text-opacity: 1;\n  color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-warning-600:active {\n  --tw-text-opacity: 1;\n  color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n\n.active\\:s-ring-0:active {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.active\\:s-brightness-90:active {\n  --tw-brightness: brightness(.9);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.active\\:s-drop-shadow-none:active {\n  --tw-drop-shadow: drop-shadow(0 0 #0000);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-group:hover .group-hover\\:s-text-action-400 {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.s-group:hover .group-hover\\:s-text-action-500 {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-action-200-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(30 64 175 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(100 116 139 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(30 41 59 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(51 65 85 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-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-300-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-400-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-600-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-700-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-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-400:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-500-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-600-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-700-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-element-800-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-warning-500-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-action-300-dark:focus) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-warning-300-dark:focus) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-action-500-dark:active) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-warning-500-dark:active) {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-action-100-dark:active) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-warning-100-dark:active) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600:active) {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-700-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-element-900-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-warning-600-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n@media (min-width: 640px) {\n  .sm\\:s-block {\n    display: block\n  }\n  .sm\\:s-w-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-w-\\[80rem\\] {\n    width: 80rem\n  }\n  .sm\\:s-translate-y-0 {\n    --tw-translate-y: 0px;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n  }\n  .sm\\:s-scale-100 {\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n  }\n  .sm\\:s-scale-95 {\n    --tw-scale-x: .95;\n    --tw-scale-y: .95;\n    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n  }\n  .sm\\:s-px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem\n  }\n}\n\n@media (min-width: 768px) {\n  .md\\:s-flex-row {\n    flex-direction: row\n  }\n  .md\\:s-items-center {\n    align-items: center\n  }\n}\n\n@media (min-width: 1024px) {\n  .lg\\:s-w-1\\/2 {\n    width: 50%\n  }\n}\n";
 styleInject(css_248z);
 
 var aLink = function (_a) {
@@ -614,21 +614,25 @@ var textClasses = {
     xs: "s-text-xs s-font-semibold",
     sm: "s-text-sm s-font-semibold",
     md: "s-text-base s-font-bold",
+    lg: "s-text-lg s-font-bold",
 };
 var sizeClasses$3 = {
     xs: "s-gap-x-1 s-px-3 s-py-1.5",
     sm: "s-gap-x-1 s-px-4 s-py-2",
     md: "s-gap-x-1.5 s-px-5 s-py-3",
+    lg: "s-gap-x-3 s-px-6 s-py-4",
 };
 var sizeAvatarClasses = {
     xs: "s-gap-x-1 s-pl-0.5 s-pr-3 s-py-0.5",
     sm: "s-gap-x-1 s-pl-0.5 s-pr-4 s-py-0.5",
     md: "s-gap-x-1.5 s-pl-1 s-pr-5 s-py-1",
+    lg: "s-gap-x-2 s-pl-0 s-pr-6 s-py-0",
 };
 var containerClasses = {
     xs: "s-px-0.5",
     sm: "s-px-1",
     md: "s-px-1",
+    lg: "s-px-1",
 };
 var variantClasses = {
     primary: {
@@ -661,7 +665,7 @@ var variantClasses = {
         active: "active:s-bg-action-100 active:s-border-action-500",
         disabled: "s-text-action-300 s-border-structure-200 s-bg-structure-0",
         dark: {
-            base: "dark:s-text-action-600-dark dark:s-border-structure-200-dark dark:s-bg-structure-50-dark",
+            base: "dark:s-text-action-600-dark dark:s-border-structure-200-dark dark:s-bg-structure-100-dark",
             hover: "dark:hover:s-text-action-700-dark dark:hover:s-bg-action-50-dark dark:hover:s-border-action-300-dark",
             active: "dark:active:s-bg-action-100-dark dark:active:s-border-action-500-dark",
             disabled: "dark:s-text-element-600-dark dark:s-border-structure-100-dark dark:s-bg-structure-200-dark",
@@ -673,7 +677,7 @@ var variantClasses = {
         active: "active:s-bg-warning-100 active:s-border-warning-500",
         disabled: "s-text-warning-300 s-border-structure-200 s-bg-structure-0",
         dark: {
-            base: "dark:s-text-warning-600-dark dark:s-border-structure-300-dark dark:s-bg-structure-50-dark",
+            base: "dark:s-text-warning-600-dark dark:s-border-structure-300-dark dark:s-bg-structure-100-dark",
             hover: "dark:hover:s-bg-warning-50-dark dark:hover:s-border-warning-300-dark",
             active: "dark:active:s-bg-warning-100-dark dark:active:s-border-warning-500-dark",
             disabled: "dark:s-text-element-600-dark dark:s-border-structure-100-dark dark:s-bg-structure-200-dark",
@@ -685,7 +689,7 @@ var variantClasses = {
         active: "active:s-bg-action-100 active:s-text-action-600 active:s-border-action-500",
         disabled: "s-text-element-500 s-border-structure-200 s-bg-structure-0",
         dark: {
-            base: "dark:s-text-element-800-dark dark:s-border-structure-300-dark dark:s-bg-structure-50-dark",
+            base: "dark:s-text-element-800-dark dark:s-border-structure-300-dark dark:s-bg-structure-100-dark",
             hover: "dark:hover:s-text-action-300 dark:hover:s-bg-action-50-dark dark:hover:s-border-action-300-dark",
             active: "dark:active:s-bg-action-100-dark dark:active:s-border-action-500-dark",
             disabled: "dark:s-text-element-600-dark dark:s-border-structure-100-dark dark:s-bg-structure-200-dark",
@@ -697,7 +701,7 @@ var variantClasses = {
         active: "active:s-bg-action-100 active:s-text-action-600 active:s-border-action-500",
         disabled: "s-text-element-500 s-border-structure-200 s-bg-structure-0",
         dark: {
-            base: "dark:s-text-element-700-dark dark:s-border-structure-300-dark dark:s-bg-structure-50-dark",
+            base: "dark:s-text-element-700-dark dark:s-border-structure-300-dark dark:s-bg-structure-100-dark",
             hover: "dark:hover:s-bg-action-50-dark dark:hover:s-border-action-300-dark",
             active: "dark:active:s-bg-action-100-dark dark:active:s-border-action-500-dark",
             disabled: "dark:s-text-element-600-dark dark:s-border-structure-100-dark dark:s-bg-structure-200-dark",
@@ -32457,6 +32461,9 @@ var SvgAi21 = function (props) { return (React__namespace.createElement("svg", _
         React__namespace.createElement("clipPath", { id: "Ai21_svg__a" },
             React__namespace.createElement("path", { fill: "#fff", d: "M0 0h24v24H0z" }))))); };
 
+var SvgAnthropic = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React__namespace.createElement("path", { fill: "#000", d: "M16.867 4H13.5l6.132 15.53H23L16.867 4ZM7.133 4 1 19.53h3.438l1.237-3.262h6.435l1.251 3.261H16.8L10.653 4h-3.52Zm-.33 9.382 2.09-5.46 2.104 5.46H6.802Z" }))); };
+
 var SvgClaude = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React__namespace.createElement("g", { clipPath: "url(#Claude_svg__a)" },
         React__namespace.createElement("rect", { width: 24, height: 24, fill: "#D4A480", rx: 4 }),
@@ -32481,6 +32488,9 @@ var SvgDrive = function (props) { return (React__namespace.createElement("svg",
 var SvgGithub = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React__namespace.createElement("path", { fill: "#0F172A", fillRule: "evenodd", d: "M12 2C6.475 2 2 6.503 2 12.063c0 4.453 2.862 8.214 6.838 9.547.5.088.687-.213.687-.478 0-.239-.013-1.031-.013-1.874-2.512.466-3.162-.616-3.362-1.182-.113-.29-.6-1.183-1.025-1.422-.35-.188-.85-.654-.013-.666.788-.013 1.35.73 1.538 1.031.9 1.522 2.338 1.095 2.912.83.088-.654.35-1.094.638-1.346-2.225-.251-4.55-1.12-4.55-4.968 0-1.095.387-2 1.025-2.705-.1-.251-.45-1.283.1-2.666 0 0 .837-.265 2.75 1.031.8-.226 1.65-.34 2.5-.34.85 0 1.7.114 2.5.34 1.912-1.308 2.75-1.031 2.75-1.031.55 1.383.2 2.415.1 2.666.637.705 1.025 1.598 1.025 2.705 0 3.861-2.337 4.717-4.562 4.968.362.315.675.919.675 1.862 0 1.346-.013 2.428-.013 2.767 0 .265.188.579.688.478C19.137 20.277 22 16.503 22 12.063 22 6.503 17.525 2 12 2Z", clipRule: "evenodd" }))); };
 
+var SvgGithubWhite = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React__namespace.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M12 2C6.475 2 2 6.503 2 12.063c0 4.453 2.862 8.214 6.838 9.547.5.088.687-.213.687-.478 0-.239-.013-1.031-.013-1.874-2.512.466-3.162-.616-3.362-1.182-.113-.29-.6-1.183-1.025-1.422-.35-.188-.85-.654-.013-.666.788-.013 1.35.73 1.538 1.031.9 1.522 2.338 1.095 2.912.83.088-.654.35-1.094.638-1.346-2.225-.251-4.55-1.12-4.55-4.968 0-1.095.387-2 1.025-2.705-.1-.251-.45-1.283.1-2.666 0 0 .837-.265 2.75 1.031.8-.226 1.65-.34 2.5-.34.85 0 1.7.114 2.5.34 1.912-1.308 2.75-1.031 2.75-1.031.55 1.383.2 2.415.1 2.666.637.705 1.025 1.598 1.025 2.705 0 3.861-2.337 4.717-4.562 4.968.362.315.675.919.675 1.862 0 1.346-.013 2.428-.013 2.767 0 .265.188.579.688.478C19.137 20.277 22 16.503 22 12.063 22 6.503 17.525 2 12 2Z", clipRule: "evenodd" }))); };
+
 var SvgGoogle = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React__namespace.createElement("g", { fillRule: "evenodd", clipPath: "url(#Google_svg__a)", clipRule: "evenodd" },
         React__namespace.createElement("path", { fill: "#4285F4", d: "M23.04 12.261c0-.815-.073-1.6-.21-2.352H12v4.448h6.19a5.29 5.29 0 0 1-2.296 3.471v2.886h3.717c2.174-2.002 3.429-4.95 3.429-8.453Z" }),
@@ -32524,10 +32534,21 @@ var SvgMicrosoft = function (props) { return (React__namespace.createElement("sv
     React__namespace.createElement("path", { fill: "#7FBA00", d: "M12.5 3H21v8.5h-8.5z" }),
     React__namespace.createElement("path", { fill: "#FFB900", d: "M12.5 12.5H21V21h-8.5z" }))); };
 
+var SvgMistral = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React__namespace.createElement("path", { fill: "#1A1C20", d: "M4 4h1.125v15H4zM16 13h1.125v6H16zM13 7h1.125v3H13zM10 13h1.125v3H10zM16 4h1.125v3H16z" }),
+    React__namespace.createElement("path", { fill: "#FFCD00", d: "M5.125 4h3v3h-3zM17.125 4h3v3h-3z" }),
+    React__namespace.createElement("path", { fill: "#FFA301", d: "M5.125 7h3v3h-3zM17.125 7h3v3h-3zM8.125 7h3v3h-3zM14.125 7h3v3h-3z" }),
+    React__namespace.createElement("path", { fill: "#FF6F00", d: "M5.125 10h3v3h-3zM17.125 10h3v3h-3zM8.125 10h3v3h-3zM14.125 10h3v3h-3zM11.125 10h3v3h-3z" }),
+    React__namespace.createElement("path", { fill: "#FF4606", d: "M5.125 13h3v3h-3zM17.125 13h3v3h-3zM11.125 13h3v3h-3z" }),
+    React__namespace.createElement("path", { fill: "#FF0107", d: "M5.125 16h3v3h-3zM17.125 16h3v3h-3z" }))); };
+
 var SvgNotion = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React__namespace.createElement("path", { fill: "#fff", d: "m3.203 2.863 11.067-.818c1.36-.116 1.709-.038 2.563.584l3.533 2.488c.583.428.777.545.777 1.01v13.65c0 .855-.311 1.36-1.398 1.438l-12.852.778c-.816.039-1.204-.078-1.632-.622L2.66 17.988c-.467-.623-.66-1.089-.66-1.633V4.223c0-.7.31-1.283 1.203-1.36Z" }),
     React__namespace.createElement("path", { fill: "#000", fillRule: "evenodd", d: "m14.27 2.045-11.067.818C2.311 2.94 2 3.523 2 4.223v12.132c0 .544.193 1.01.66 1.633l2.601 3.383c.428.544.816.661 1.632.622l12.852-.778c1.086-.077 1.398-.583 1.398-1.438V6.128c0-.442-.175-.57-.689-.947l-3.62-2.552c-.855-.622-1.205-.7-2.564-.584Zm-7.086 3.86c-1.05.07-1.287.086-1.883-.398L3.785 4.3c-.154-.156-.076-.35.312-.389l10.638-.777c.894-.078 1.359.233 1.708.505l1.825 1.322c.078.04.272.272.039.272L7.32 5.895l-.136.01ZM5.961 19.66V8.073c0-.506.155-.739.62-.778L19.2 6.556c.428-.039.621.233.621.739v11.509c0 .506-.078.934-.776.973l-12.076.7c-.698.038-1.008-.194-1.008-.817ZM17.88 8.695c.077.35 0 .7-.35.74l-.582.115v8.555c-.506.272-.971.427-1.36.427-.621 0-.776-.195-1.242-.777l-3.806-5.988v5.793l1.204.273s0 .7-.971.7l-2.678.155c-.078-.156 0-.545.271-.622l.7-.194v-7.66l-.971-.079c-.078-.35.116-.855.66-.894l2.873-.194 3.96 6.066V9.745l-1.009-.116c-.078-.429.233-.74.62-.778l2.68-.156Z", clipRule: "evenodd" }))); };
 
+var SvgOpenai = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
+    React__namespace.createElement("path", { fill: "#fff", d: "M21.55 10.005a5.417 5.417 0 0 0-.478-4.502c-1.216-2.09-3.662-3.166-6.05-2.66A5.59 5.59 0 0 0 10.831 1C8.39.995 6.224 2.546 5.473 4.838A5.553 5.553 0 0 0 1.76 7.496a5.488 5.488 0 0 0 .691 6.5 5.416 5.416 0 0 0 .477 4.502c1.217 2.09 3.662 3.165 6.05 2.66A5.586 5.586 0 0 0 13.168 23c2.443.006 4.61-1.546 5.361-3.84a5.553 5.553 0 0 0 3.715-2.66 5.488 5.488 0 0 0-.693-6.497v.002Zm-8.381 11.557a4.198 4.198 0 0 1-2.675-.954c.034-.018.093-.05.132-.073l4.44-2.53a.71.71 0 0 0 .364-.624v-6.176l1.877 1.069c.02.01.033.029.036.05v5.115c-.003 2.275-1.87 4.119-4.174 4.123ZM4.192 17.78a4.059 4.059 0 0 1-.498-2.762l.131.077 4.44 2.53c.225.13.504.13.73 0l5.42-3.088v2.138a.068.068 0 0 1-.027.057L9.9 19.288c-1.999 1.136-4.552.46-5.707-1.51h-.001ZM3.023 8.216A4.15 4.15 0 0 1 5.198 6.41l-.002.151v5.06a.711.711 0 0 0 .364.624l5.42 3.087-1.876 1.07a.067.067 0 0 1-.063.005l-4.489-2.559c-1.995-1.14-2.679-3.658-1.53-5.63h.001Zm15.417 3.54-5.42-3.088L14.896 7.6a.067.067 0 0 1 .063-.006l4.489 2.557c1.998 1.14 2.683 3.662 1.529 5.633a4.163 4.163 0 0 1-2.174 1.807V12.38a.71.71 0 0 0-.363-.623Zm1.867-2.773a6.16 6.16 0 0 0-.132-.078l-4.44-2.53a.731.731 0 0 0-.729 0l-5.42 3.088V7.325a.068.068 0 0 1 .027-.057L14.1 4.713c2-1.137 4.555-.46 5.707 1.513.487.833.664 1.809.499 2.757h.001Zm-11.741 3.81-1.877-1.068a.065.065 0 0 1-.036-.051V6.559c.001-2.277 1.873-4.122 4.181-4.12.976 0 1.92.338 2.671.954-.034.018-.092.05-.131.073l-4.44 2.53a.71.71 0 0 0-.365.623l-.003 6.173v.002Zm1.02-2.168L12 9.25l2.414 1.375v2.75L12 14.75l-2.415-1.375v-2.75Z" }))); };
+
 var SvgReplicate = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24" }, props),
     React__namespace.createElement("g", { clipPath: "url(#Replicate_svg__a)" },
         React__namespace.createElement("rect", { width: 24, height: 24, fill: "currentColor", rx: 4 }),
@@ -32809,24 +32830,45 @@ BarHeader.ButtonBar = function (props) {
 };
 
 var colorTable = {
-    pink: "s-bg-pink-400",
-    sky: "s-bg-sky-400",
-    emerald: "s-bg-emerald-400",
+    pink: "s-bg-pink-400 dark:s-bg-pink-500",
+    amber: "s-bg-amber-400 dark:s-bg-amber-500",
+    sky: "s-bg-sky-400 dark:s-bg-sky-500",
+    blue: "s-bg-blue-400 dark:s-bg-blue-500",
+    emerald: "s-bg-emerald-400 dark:s-bg-emerald-500",
 };
 var textColorTable = {
-    pink: "s-text-pink-900",
-    sky: "s-text-sky-900",
-    emerald: "s-text-emerald-900",
+    pink: "s-text-pink-900 dark:s-text-pink-950",
+    amber: "s-text-amber-900 dark:s-text-amber-950",
+    sky: "s-text-sky-900 dark:s-text-sky-950",
+    blue: "s-text-blue-900 dark:s-text-blue-950",
+    emerald: "s-text-emerald-900 dark:s-text-emerald-950",
+};
+var sizeTable = {
+    sm: "s-rounded-2xl s-p-1.5 s-shadow-2xl",
+    xs: "s-rounded-xl s-p-1 s-shadow-xl",
 };
 function PriceTable(_a) {
-    var title = _a.title, price = _a.price, _b = _a.color, color = _b === void 0 ? "pink" : _b, _c = _a.priceLabel, priceLabel = _c === void 0 ? "" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, children = _a.children;
-    return (React.createElement("div", { className: classNames("s-w-72", "s-flex s-cursor-default s-flex-col s-rounded-xl s-p-1 s-shadow-xl", "s-duration-400 s-scale-95 s-transition-all s-ease-out hover:s-scale-100", colorTable[color], className) },
-        React.createElement("div", { className: "s-flex s-flex-col s-px-3 s-py-2" },
-            React.createElement("div", { className: "s-w-full s-text-right s-text-2xl s-font-semibold s-text-white" }, title),
+    var title = _a.title, price = _a.price, _b = _a.color, color = _b === void 0 ? "pink" : _b, _c = _a.size, size = _c === void 0 ? "xs" : _c, _d = _a.priceLabel, priceLabel = _d === void 0 ? "" : _d, _e = _a.className, className = _e === void 0 ? "" : _e, _f = _a.magnified, magnified = _f === void 0 ? true : _f, children = _a.children;
+    // Pass size prop to all PriceTable.Item children
+    var childrenWithProps = React.Children.map(children, function (child) {
+        // Checking isValidElement is the safe way and avoids a typescript error too
+        if (React.isValidElement(child)) {
+            if (child.type === PriceTable.Item ||
+                child.type === PriceTable.ActionContainer) {
+                return React.cloneElement(child, { size: size });
+            }
+        }
+        return child;
+    });
+    return (React.createElement("div", { className: classNames("s-w-full", "s-flex s-cursor-default s-flex-col s-border s-border-white/30", sizeTable[size], magnified
+            ? "s-duration-400 s-scale-95 s-transition-all s-ease-out hover:s-scale-100"
+            : "", colorTable[color], className) },
+        React.createElement("div", { className: classNames("s-flex s-flex-col", size === "xs" ? "s-px-3 s-py-2" : "s-px-4 s-py-3") },
+            React.createElement("div", { className: classNames(size === "xs" ? "s-text-2xl" : "s-text-3xl", "s-w-full s-text-right s-font-semibold", "s-text-structure-0") }, title),
             React.createElement("div", { className: "-s-mt-2 s-flex s-flex-row s-items-baseline s-gap-2" },
-                React.createElement("span", { className: classNames(textColorTable[color], "s-text-3xl s-font-bold") }, price),
-                React.createElement("span", { className: "s-text-base s-font-bold s-text-white/70" }, priceLabel))),
-        React.createElement("div", { className: "s-flex s-h-full s-flex-col s-overflow-hidden s-rounded-lg s-bg-white s-shadow-md" }, children)));
+                React.createElement("span", { className: classNames(size === "xs" ? "s-text-3xl" : "s-text-4xl", textColorTable[color], "s-font-bold") }, price),
+                React.createElement("span", { className: classNames("s-font-bold s-text-white/70", size === "xs" ? "s-text-base" : "s-text-lg") }, priceLabel))),
+        React.createElement("div", { className: classNames(size === "xs" ? "s-rounded-lg" : "s-rounded-xl", "s-flex s-h-full s-flex-col s-overflow-hidden s-shadow-md", "s-bg-white dark:s-bg-structure-100-dark") }, childrenWithProps)));
 }
 var iconTable = {
     check: SvgCheck$1,
@@ -32839,20 +32881,24 @@ var iconColorTable = {
     xmark: "s-text-red-500",
 };
 PriceTable.Item = function (_a) {
-    var label = _a.label, _b = _a.variant, variant = _b === void 0 ? "check" : _b, _c = _a.className, className = _c === void 0 ? "" : _c;
-    return (React.createElement("div", { className: classNames("s-flex s-items-center s-gap-1.5 s-border-b s-border-structure-100 s-px-2 s-py-2.5 s-text-sm s-text-element-800 ", className) },
-        React.createElement("div", null,
-            React.createElement(Icon, { size: "xs", visual: iconTable[variant], className: iconColorTable[variant] })),
-        React.createElement("div", { className: classNames(variant === "xmark" ? "s-text-element-600" : "", "s-overflow-hidden s-overflow-ellipsis s-whitespace-nowrap") }, label)));
+    var label = _a.label, _b = _a.variant, variant = _b === void 0 ? "check" : _b, _c = _a.size, size = _c === void 0 ? "xs" : _c, _d = _a.className, className = _d === void 0 ? "" : _d;
+    return (React.createElement("div", { className: classNames(size === "xs"
+            ? " s-gap-2 s-p-2.5 s-text-sm"
+            : "s-gap-3 s-p-4 s-text-base", "s-flex s-items-start s-border-b", "s-border-structure-100 s-text-element-800", "dark:s-border-structure-200-dark/50 dark:s-text-element-800-dark", className) },
+        React.createElement("div", { className: "s-pt-0.5" },
+            React.createElement(Icon, { size: size, visual: iconTable[variant], className: iconColorTable[variant] })),
+        React.createElement("div", { className: classNames(variant === "xmark"
+                ? "s-text-element-600 dark:s-text-element-600-dark"
+                : "", "s-overflow-hidden") }, label)));
 };
 PriceTable.ActionContainer = function (_a) {
-    var children = _a.children;
-    return (React.createElement("div", { className: "s-flex s-w-full s-flex-grow s-justify-center s-p-2" },
+    var children = _a.children, _b = _a.size, size = _b === void 0 ? "xs" : _b;
+    return (React.createElement("div", { className: classNames("s-flex s-w-full s-flex-grow s-justify-center s-px-2", size === "xs" ? "s-py-2" : "s-py-4") },
         React.createElement("div", { className: "s-flex s-h-full s-flex-col s-justify-end" }, children)));
 };
 PriceTable.Container = function (_a) {
     var children = _a.children;
-    return React.createElement("div", { className: "s-flex s-w-full s-gap-3" }, children);
+    return (React.createElement("div", { className: "s-flex s-w-full s-items-stretch  s-gap-3" }, children));
 };
 
 var SvgLogoColoredGrey = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),
@@ -33269,6 +33315,7 @@ var SvgLogoSquareWhite = function (props) { return (React__namespace.createEleme
     React__namespace.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M12 0H0v24h12a6 6 0 0 0 0 12h36V24H12V0Zm12 0h24v12H24V0Z", clipRule: "evenodd" }))); };
 
 exports.Ai21Logo = SvgAi21;
+exports.AnthropicLogo = SvgAnthropic;
 exports.ArrowDownCircleIcon = SvgArrowDownCircle$1;
 exports.ArrowDownCircleStrokeIcon = SvgArrowDownCircle;
 exports.ArrowDownOnSquareIcon = SvgArrowDownOnSquare$1;
@@ -33366,6 +33413,7 @@ exports.FolderOpenStrokeIcon = SvgFolderOpen;
 exports.FullscreenIcon = SvgFullscreen$1;
 exports.FullscreenStrokeIcon = SvgFullscreen;
 exports.GithubLogo = SvgGithub;
+exports.GithubWhiteLogo = SvgGithubWhite;
 exports.GlobeAltIcon = SvgGlobeAlt$1;
 exports.GlobeAltStrokeIcon = SvgGlobeAlt;
 exports.GoogleLogo = SvgGoogle;
@@ -33411,12 +33459,14 @@ exports.MagnifyingGlassStrokeIcon = SvgMagnifyingGlass;
 exports.MenuIcon = SvgMenu$1;
 exports.MenuStrokeIcon = SvgMenu;
 exports.MicrosoftLogo = SvgMicrosoft;
+exports.MistralLogo = SvgMistral;
 exports.Modal = Modal;
 exports.MoreIcon = SvgMore$1;
 exports.MoreStrokeIcon = SvgMore;
 exports.MovingMailIcon = SvgMovingMail$1;
 exports.MovingMailStrokeIcon = SvgMovingMail;
 exports.NotionLogo = SvgNotion;
+exports.OpenaiLogo = SvgOpenai;
 exports.Page = Page;
 exports.PageHeader = PageHeader;
 exports.PaperAirplaneIcon = SvgPaperAirplane$1;