@dust-tt/sparkle 0.1.95 → 0.1.97

package/dist/cjs/_index.d.ts

@@ -52,7 +52,7 @@ import { LogoHorizontalColor as LogoHorizontalColorLogo, LogoHorizontalDark as L
 export { LogoHorizontalColorLogo, LogoHorizontalDarkLogo, LogoHorizontalWhiteLogo, LogoSquareColorLogo, LogoSquareDarkLogo, LogoSquareWhiteLogo, };
 import { Ai21 as Ai21Logo, Claude as ClaudeLogo, Cohere as CohereLogo, Drive as DriveLogo, Github as GithubLogo, 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, Gpt3Logo, Gpt4Logo, HuggingFaceLogo, MicrosoftLogo, NotionLogo, ReplicateLogo, SlackLogo, };
-import { ArrowDownCircle as ArrowDownCircleIcon, ArrowDownOnSquare as ArrowDownOnSquareIcon, ArrowPath as ArrowPathIcon, ArrowUpOnSquare as ArrowUpOnSquareIcon, Attachment as AttachmentIcon, Backspace as BackspaceIcon, Bookmark as BookmarkIcon, 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, DocumentPlus as DocumentPlusIcon, DocumentText as DocumentTextIcon, Emotion as EmotionIcon, Equalizer as EqualizerIcon, ExclamationCircle as ExclamationCircleIcon, Eye as EyeIcon, EyeSlash as EyeSlashIcon, Flag as FlagIcon, FolderOpen as FolderOpenIcon, GlobeAlt as GlobeAltIcon, HandThumbDown as HandThumbDownIcon, HandThumbUp as HandThumbUpIcon, Image as ImageIcon, InformationCircle as InformationCircleIcon, Key as KeyIcon, Lightbulb as LightbulbIcon, Link as LinkIcon, LogoutBox as LogoutBoxIcon, MagnifyingGlass as MagnifyingGlassIcon, Menu as MenuIcon, 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, Robot as RobotIcon, Server as ServerIcon, ShakeHands as ShakeHandsIcon, Sparkles as SparklesIcon, Square3Stack3D as Square3Stack3DIcon, Stop as StopIcon, TestTube as TestTubeIcon, Trash as TrashIcon, User as UserIcon, UserGroup as UserGroupIcon, Wrench as WrenchIcon, XCircle as XCircleIcon, XMark as XMarkIcon } from "./icons/solid";
-export { ArrowDownCircleIcon, ArrowDownOnSquareIcon, ArrowPathIcon, ArrowUpOnSquareIcon, AttachmentIcon, BackspaceIcon, BookmarkIcon, ChatBubbleBottomCenterPlusIcon, ChatBubbleBottomCenterTextIcon, ChatBubbleLeftRightIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ClipboardCheckIcon, ClipboardIcon, ClockIcon, CloudArrowDownIcon, CloudArrowLeftRightIcon, CloudXIcon, Cog6ToothIcon, CommandLineIcon, CubeIcon, DashIcon, DocumentDuplicateIcon, DocumentPlusIcon, DocumentTextIcon, EmotionIcon, EqualizerIcon, ExclamationCircleIcon, EyeIcon, EyeSlashIcon, FlagIcon, FolderOpenIcon, GlobeAltIcon, HandThumbDownIcon, HandThumbUpIcon, ImageIcon, InformationCircleIcon, KeyIcon, LightbulbIcon, LinkIcon, LogoutBoxIcon, MagnifyingGlassIcon, MenuIcon, MovingMailIcon, PaperAirplaneIcon, PauseIcon, PencilSquareIcon, PlanetIcon, PlayIcon, PlusCircleIcon, PlusIcon, QuestionMarkCircleIcon, RobotIcon, ServerIcon, ShakeHandsIcon, SparklesIcon, Square3Stack3DIcon, StopIcon, TestTubeIcon, TrashIcon, UserGroupIcon, UserIcon, WrenchIcon, XCircleIcon, XMarkIcon, };
-import { ArrowDownCircle as ArrowDownCircleStrokeIcon, ArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, ArrowPath as ArrowPathStrokeIcon, ArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, Attachment as AttachmentStrokeIcon, Backspace as BackspaceStrokeIcon, Bookmark as BookmarkStrokeIcon, 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, DocumentPlus as DocumentPlusStrokeIcon, DocumentText as DocumentTextStrokeIcon, Emotion as EmotionStrokeIcon, Equalizer as EqualizerStrokeIcon, ExclamationCircle as ExclamationCircleStrokeIcon, Eye as EyeStrokeIcon, EyeSlash as EyeSlashStrokeIcon, Flag as FlagStrokeIcon, FolderOpen as FolderOpenStrokeIcon, GlobeAlt as GlobeAltStrokeIcon, HandThumbDown as HandThumbDownStrokeIcon, HandThumbUp as HandThumbUpStrokeIcon, Image as ImageStrokeIcon, InformationCircle as InformationCircleStrokeIcon, Key as KeyStrokeIcon, Lightbulb as LightbulbStrokeIcon, Link as LinkStrokeIcon, LogoutBox as LogoutBoxStrokeIcon, MagnifyingGlass as MagnifyingGlassStrokeIcon, Menu as MenuStrokeIcon, 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, Robot as RobotStrokeIcon, Server as ServerStrokeIcon, ShakeHands as ShakeHandsStrokeIcon, Sparkles as SparklesStrokeIcon, Square3Stack3D as Square3Stack3DStrokeIcon, Stop as StopStrokeIcon, TestTube as TestTubeStrokeIcon, Trash as TrashStrokeIcon, User as UserStrokeIcon, UserGroup as UserGroupStrokeIcon, Wrench as WrenchStrokeIcon, XCircle as XCircleStrokeIcon, XMark as XMarkStrokeIcon } from "./icons/stroke";
-export { ArrowDownCircleStrokeIcon, ArrowDownOnSquareStrokeIcon, ArrowPathStrokeIcon, ArrowUpOnSquareStrokeIcon, AttachmentStrokeIcon, BackspaceStrokeIcon, BookmarkStrokeIcon, ChatBubbleBottomCenterPlusStrokeIcon, ChatBubbleBottomCenterTextStrokeIcon, ChatBubbleLeftRightStrokeIcon, CheckCircleStrokeIcon, CheckStrokeIcon, ChevronDownStrokeIcon, ChevronLeftStrokeIcon, ChevronRightStrokeIcon, ChevronUpDownStrokeIcon, ChevronUpStrokeIcon, ClipboardCheckStrokeIcon, ClipboardStrokeIcon, ClockStrokeIcon, CloudArrowDownStrokeIcon, CloudArrowLeftRightStrokeIcon, CloudXStrokeIcon, Cog6ToothStrokeIcon, CommandLineStrokeIcon, CubeStrokeIcon, DashStrokeIcon, DocumentDuplicateStrokeIcon, DocumentPlusStrokeIcon, DocumentTextStrokeIcon, EmotionStrokeIcon, EqualizerStrokeIcon, ExclamationCircleStrokeIcon, EyeSlashStrokeIcon, EyeStrokeIcon, FlagStrokeIcon, FolderOpenStrokeIcon, GlobeAltStrokeIcon, HandThumbDownStrokeIcon, HandThumbUpStrokeIcon, ImageStrokeIcon, InformationCircleStrokeIcon, KeyStrokeIcon, LightbulbStrokeIcon, LinkStrokeIcon, LogoutBoxStrokeIcon, MagnifyingGlassStrokeIcon, MenuStrokeIcon, MovingMailStrokeIcon, PaperAirplaneStrokeIcon, PauseStrokeIcon, PencilSquareStrokeIcon, PlanetStrokeIcon, PlayStrokeIcon, PlusCircleStrokeIcon, PlusStrokeIcon, QuestionMarkCircleStrokeIcon, RobotStrokeIcon, ServerStrokeIcon, ShakeHandsStrokeIcon, SparklesStrokeIcon, Square3Stack3DStrokeIcon, StopStrokeIcon, TestTubeStrokeIcon, TrashStrokeIcon, UserGroupStrokeIcon, UserStrokeIcon, WrenchStrokeIcon, XCircleStrokeIcon, XMarkStrokeIcon, };
+import { ArrowDownCircle as ArrowDownCircleIcon, ArrowDownOnSquare as ArrowDownOnSquareIcon, ArrowPath as ArrowPathIcon, ArrowUpOnSquare as ArrowUpOnSquareIcon, Attachment as AttachmentIcon, Backspace as BackspaceIcon, Bookmark as BookmarkIcon, 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, DocumentPlus as DocumentPlusIcon, DocumentText as DocumentTextIcon, Emotion as EmotionIcon, Equalizer as EqualizerIcon, ExclamationCircle as ExclamationCircleIcon, Eye as EyeIcon, EyeSlash as EyeSlashIcon, Flag as FlagIcon, FolderOpen as FolderOpenIcon, GlobeAlt as GlobeAltIcon, HandThumbDown as HandThumbDownIcon, HandThumbUp as HandThumbUpIcon, Image as ImageIcon, InformationCircle as InformationCircleIcon, Key as KeyIcon, Lightbulb as LightbulbIcon, Link as LinkIcon, LogoutBox as LogoutBoxIcon, MagnifyingGlass as MagnifyingGlassIcon, Menu as MenuIcon, 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, Server as ServerIcon, ShakeHands as ShakeHandsIcon, Sparkles as SparklesIcon, Square3Stack3D as Square3Stack3DIcon, Stop as StopIcon, TestTube as TestTubeIcon, Trash as TrashIcon, User as UserIcon, UserGroup as UserGroupIcon, Wrench as WrenchIcon, XCircle as XCircleIcon, XMark as XMarkIcon } from "./icons/solid";
+export { ArrowDownCircleIcon, ArrowDownOnSquareIcon, ArrowPathIcon, ArrowUpOnSquareIcon, AttachmentIcon, BackspaceIcon, BookmarkIcon, ChatBubbleBottomCenterPlusIcon, ChatBubbleBottomCenterTextIcon, ChatBubbleLeftRightIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ClipboardCheckIcon, ClipboardIcon, ClockIcon, CloudArrowDownIcon, CloudArrowLeftRightIcon, CloudXIcon, Cog6ToothIcon, CommandLineIcon, CubeIcon, DashIcon, DocumentDuplicateIcon, DocumentPlusIcon, DocumentTextIcon, EmotionIcon, EqualizerIcon, ExclamationCircleIcon, EyeIcon, EyeSlashIcon, FlagIcon, FolderOpenIcon, GlobeAltIcon, HandThumbDownIcon, HandThumbUpIcon, ImageIcon, InformationCircleIcon, KeyIcon, LightbulbIcon, LinkIcon, LogoutBoxIcon, MagnifyingGlassIcon, MenuIcon, MovingMailIcon, PaperAirplaneIcon, PauseIcon, PencilSquareIcon, PlanetIcon, PlayIcon, PlusCircleIcon, PlusIcon, QuestionMarkCircleIcon, ReactionIcon, RobotIcon, ServerIcon, ShakeHandsIcon, SparklesIcon, Square3Stack3DIcon, StopIcon, TestTubeIcon, TrashIcon, UserGroupIcon, UserIcon, WrenchIcon, XCircleIcon, XMarkIcon, };
+import { ArrowDownCircle as ArrowDownCircleStrokeIcon, ArrowDownOnSquare as ArrowDownOnSquareStrokeIcon, ArrowPath as ArrowPathStrokeIcon, ArrowUpOnSquare as ArrowUpOnSquareStrokeIcon, Attachment as AttachmentStrokeIcon, Backspace as BackspaceStrokeIcon, Bookmark as BookmarkStrokeIcon, 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, DocumentPlus as DocumentPlusStrokeIcon, DocumentText as DocumentTextStrokeIcon, Emotion as EmotionStrokeIcon, Equalizer as EqualizerStrokeIcon, ExclamationCircle as ExclamationCircleStrokeIcon, Eye as EyeStrokeIcon, EyeSlash as EyeSlashStrokeIcon, Flag as FlagStrokeIcon, FolderOpen as FolderOpenStrokeIcon, GlobeAlt as GlobeAltStrokeIcon, HandThumbDown as HandThumbDownStrokeIcon, HandThumbUp as HandThumbUpStrokeIcon, Image as ImageStrokeIcon, InformationCircle as InformationCircleStrokeIcon, Key as KeyStrokeIcon, Lightbulb as LightbulbStrokeIcon, Link as LinkStrokeIcon, LogoutBox as LogoutBoxStrokeIcon, MagnifyingGlass as MagnifyingGlassStrokeIcon, Menu as MenuStrokeIcon, 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, Server as ServerStrokeIcon, ShakeHands as ShakeHandsStrokeIcon, Sparkles as SparklesStrokeIcon, Square3Stack3D as Square3Stack3DStrokeIcon, Stop as StopStrokeIcon, TestTube as TestTubeStrokeIcon, Trash as TrashStrokeIcon, User as UserStrokeIcon, UserGroup as UserGroupStrokeIcon, Wrench as WrenchStrokeIcon, XCircle as XCircleStrokeIcon, XMark as XMarkStrokeIcon } from "./icons/stroke";
+export { ArrowDownCircleStrokeIcon, ArrowDownOnSquareStrokeIcon, ArrowPathStrokeIcon, ArrowUpOnSquareStrokeIcon, AttachmentStrokeIcon, BackspaceStrokeIcon, BookmarkStrokeIcon, ChatBubbleBottomCenterPlusStrokeIcon, ChatBubbleBottomCenterTextStrokeIcon, ChatBubbleLeftRightStrokeIcon, CheckCircleStrokeIcon, CheckStrokeIcon, ChevronDownStrokeIcon, ChevronLeftStrokeIcon, ChevronRightStrokeIcon, ChevronUpDownStrokeIcon, ChevronUpStrokeIcon, ClipboardCheckStrokeIcon, ClipboardStrokeIcon, ClockStrokeIcon, CloudArrowDownStrokeIcon, CloudArrowLeftRightStrokeIcon, CloudXStrokeIcon, Cog6ToothStrokeIcon, CommandLineStrokeIcon, CubeStrokeIcon, DashStrokeIcon, DocumentDuplicateStrokeIcon, DocumentPlusStrokeIcon, DocumentTextStrokeIcon, EmotionStrokeIcon, EqualizerStrokeIcon, ExclamationCircleStrokeIcon, EyeSlashStrokeIcon, EyeStrokeIcon, FlagStrokeIcon, FolderOpenStrokeIcon, GlobeAltStrokeIcon, HandThumbDownStrokeIcon, HandThumbUpStrokeIcon, ImageStrokeIcon, InformationCircleStrokeIcon, KeyStrokeIcon, LightbulbStrokeIcon, LinkStrokeIcon, LogoutBoxStrokeIcon, MagnifyingGlassStrokeIcon, MenuStrokeIcon, MovingMailStrokeIcon, PaperAirplaneStrokeIcon, PauseStrokeIcon, PencilSquareStrokeIcon, PlanetStrokeIcon, PlayStrokeIcon, PlusCircleStrokeIcon, PlusStrokeIcon, QuestionMarkCircleStrokeIcon, ReactionStrokeIcon, RobotStrokeIcon, ServerStrokeIcon, ShakeHandsStrokeIcon, SparklesStrokeIcon, Square3Stack3DStrokeIcon, StopStrokeIcon, TestTubeStrokeIcon, TrashStrokeIcon, UserGroupStrokeIcon, UserStrokeIcon, WrenchStrokeIcon, XCircleStrokeIcon, XMarkStrokeIcon, };

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

@@ -1,12 +1,10 @@
 import React from "react";
-export declare function Input({ placeholder, value, onChange, error, showErrorLabel, name, isPassword, disabled, className, }: {
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     placeholder: string;
-    value: string | null;
-    onChange?: (value: string) => void;
     error?: string | null;
     showErrorLabel?: boolean;
-    name: string;
     isPassword?: boolean;
-    disabled?: boolean;
     className?: string;
-}): React.JSX.Element;
+}
+export declare const Input: React.FC<InputProps>;
+export {};

package/dist/cjs/icons/solid/Reaction.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgReaction: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgReaction;

package/dist/cjs/icons/solid/index.d.ts

@@ -55,6 +55,7 @@ export { default as Play } from "./Play";
 export { default as Plus } from "./Plus";
 export { default as PlusCircle } from "./PlusCircle";
 export { default as QuestionMarkCircle } from "./QuestionMarkCircle";
+export { default as Reaction } from "./Reaction";
 export { default as Robot } from "./Robot";
 export { default as Server } from "./Server";
 export { default as ShakeHands } from "./ShakeHands";

package/dist/cjs/icons/stroke/Reaction.d.ts

@@ -0,0 +1,4 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+declare const SvgReaction: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgReaction;

package/dist/cjs/icons/stroke/index.d.ts

@@ -55,6 +55,7 @@ export { default as Play } from "./Play";
 export { default as Plus } from "./Plus";
 export { default as PlusCircle } from "./PlusCircle";
 export { default as QuestionMarkCircle } from "./QuestionMarkCircle";
+export { default as Reaction } from "./Reaction";
 export { default as Robot } from "./Robot";
 export { default as Server } from "./Server";
 export { default as ShakeHands } from "./ShakeHands";

package/dist/cjs/index.js

@@ -48,7 +48,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".s-pointer-events-none {\n    pointer-events: none\n}\n.s-fixed {\n    position: fixed\n}\n.s-absolute {\n    position: absolute\n}\n.s-relative {\n    position: relative\n}\n.s-inset-0 {\n    inset: 0px\n}\n.s-bottom-6 {\n    bottom: 1.5rem\n}\n.s-bottom-full {\n    bottom: 100%\n}\n.s-left-0 {\n    left: 0px\n}\n.s-left-1\\/2 {\n    left: 50%\n}\n.s-right-0 {\n    right: 0px\n}\n.s-right-3 {\n    right: 0.75rem\n}\n.s-top-0 {\n    top: 0px\n}\n.s-top-2 {\n    top: 0.5rem\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-mb-2 {\n    margin-bottom: 0.5rem\n}\n.s-ml-2 {\n    margin-left: 0.5rem\n}\n.s-mt-0 {\n    margin-top: 0px\n}\n.s-mt-0\\.5 {\n    margin-top: 0.125rem\n}\n.s-mt-16 {\n    margin-top: 4rem\n}\n.s-mt-2 {\n    margin-top: 0.5rem\n}\n.s-mt-4 {\n    margin-top: 1rem\n}\n.s-mt-8 {\n    margin-top: 2rem\n}\n.s-box-border {\n    box-sizing: border-box\n}\n.s-inline-block {\n    display: inline-block\n}\n.s-flex {\n    display: flex\n}\n.s-inline-flex {\n    display: inline-flex\n}\n.s-grid {\n    display: grid\n}\n.s-hidden {\n    display: none\n}\n.s-h-1\\/2 {\n    height: 50%\n}\n.s-h-10 {\n    height: 2.5rem\n}\n.s-h-12 {\n    height: 3rem\n}\n.s-h-16 {\n    height: 4rem\n}\n.s-h-36 {\n    height: 9rem\n}\n.s-h-4 {\n    height: 1rem\n}\n.s-h-5 {\n    height: 1.25rem\n}\n.s-h-6 {\n    height: 1.5rem\n}\n.s-h-7 {\n    height: 1.75rem\n}\n.s-h-72 {\n    height: 18rem\n}\n.s-h-8 {\n    height: 2rem\n}\n.s-h-9 {\n    height: 2.25rem\n}\n.s-h-96 {\n    height: 24rem\n}\n.s-h-full {\n    height: 100%\n}\n.s-h-px {\n    height: 1px\n}\n.s-max-h-full {\n    max-height: 100%\n}\n.s-min-h-full {\n    min-height: 100%\n}\n.s-w-1\\/2 {\n    width: 50%\n}\n.s-w-10 {\n    width: 2.5rem\n}\n.s-w-14 {\n    width: 3.5rem\n}\n.s-w-16 {\n    width: 4rem\n}\n.s-w-32 {\n    width: 8rem\n}\n.s-w-36 {\n    width: 9rem\n}\n.s-w-4 {\n    width: 1rem\n}\n.s-w-40 {\n    width: 10rem\n}\n.s-w-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-shrink-0 {\n    flex-shrink: 0\n}\n.s-shrink {\n    flex-shrink: 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@keyframes s-breathing {\n    0%, 100% {\n        filter: brightness(105%)\n    }\n    50% {\n        filter: brightness(80%)\n    }\n}\n.s-animate-breathing {\n    animation: s-breathing 4s infinite ease-in-out\n}\n@keyframes s-move-square {\n    0% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 50%;\n        padding-bottom: 50%\n    }\n    12.5% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 50%\n    }\n    25% {\n        padding-left: 50%;\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 50%\n    }\n    37.5% {\n        padding-left: 50%;\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 0\n    }\n    50% {\n        padding-left: 50%;\n        padding-top: 50%;\n        padding-right: 0;\n        padding-bottom: 0\n    }\n    62.5% {\n        padding-left: 0;\n        padding-top: 50%;\n        padding-right: 0;\n        padding-bottom: 0\n    }\n    75% {\n        padding-left: 0;\n        padding-top: 50%;\n        padding-right: 50%;\n        padding-bottom: 0\n    }\n    87.5% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 50%;\n        padding-bottom: 0\n    }\n    100% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 50%;\n        padding-bottom: 50%\n    }\n}\n.s-animate-move-square {\n    animation: s-move-square 4s ease-out infinite\n}\n.s-cursor-default {\n    cursor: default\n}\n.s-cursor-not-allowed {\n    cursor: not-allowed\n}\n.s-cursor-pointer {\n    cursor: pointer\n}\n.s-select-none {\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none\n}\n.s-grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr))\n}\n.s-flex-row {\n    flex-direction: row\n}\n.s-flex-col {\n    flex-direction: column\n}\n.s-flex-wrap {\n    flex-wrap: wrap\n}\n.s-flex-nowrap {\n    flex-wrap: nowrap\n}\n.s-items-start {\n    align-items: flex-start\n}\n.s-items-end {\n    align-items: flex-end\n}\n.s-items-center {\n    align-items: center\n}\n.s-items-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-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-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-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-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-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(203 213 225 / 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-gray-300 {\n    --tw-border-opacity: 1;\n    border-color: rgb(209 213 219 / var(--tw-border-opacity))\n}\n.s-border-red-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / 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-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-fuchsia-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(240 171 252 / var(--tw-bg-opacity))\n}\n.s-bg-gray-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(107 114 128 / var(--tw-bg-opacity))\n}\n.s-bg-green-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(134 239 172 / var(--tw-bg-opacity))\n}\n.s-bg-indigo-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-purple-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(216 180 254 / var(--tw-bg-opacity))\n}\n.s-bg-red-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(252 165 165 / var(--tw-bg-opacity))\n}\n.s-bg-rose-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(253 164 175 / var(--tw-bg-opacity))\n}\n.s-bg-sky-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(125 211 252 / var(--tw-bg-opacity))\n}\n.s-bg-slate-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(241 245 249 / var(--tw-bg-opacity))\n}\n.s-bg-slate-200 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-slate-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-slate-800 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n.s-bg-structure-0 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-structure-200 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n.s-bg-success-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-400 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-teal-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(94 234 212 / var(--tw-bg-opacity))\n}\n.s-bg-violet-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(237 233 254 / var(--tw-bg-opacity))\n}\n.s-bg-violet-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(196 181 253 / var(--tw-bg-opacity))\n}\n.s-bg-warning-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-warning-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\\/90 {\n    background-color: rgb(255 255 255 / 0.9)\n}\n.s-bg-yellow-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(253 224 71 / var(--tw-bg-opacity))\n}\n.s-bg-opacity-75 {\n    --tw-bg-opacity: 0.75\n}\n.s-stroke-structure-50 {\n    stroke: #f8fafc\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-3 {\n    padding: 0.75rem\n}\n.s-p-4 {\n    padding: 1rem\n}\n.s-p-6 {\n    padding: 1.5rem\n}\n.s-px-0 {\n    padding-left: 0px;\n    padding-right: 0px\n}\n.s-px-0\\.5 {\n    padding-left: 0.125rem;\n    padding-right: 0.125rem\n}\n.s-px-1 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem\n}\n.s-px-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-5 {\n    padding-bottom: 1.25rem\n}\n.s-pb-6 {\n    padding-bottom: 1.5rem\n}\n.s-pl-0 {\n    padding-left: 0px\n}\n.s-pl-0\\.5 {\n    padding-left: 0.125rem\n}\n.s-pl-1 {\n    padding-left: 0.25rem\n}\n.s-pl-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-pr-3 {\n    padding-right: 0.75rem\n}\n.s-pr-4 {\n    padding-right: 1rem\n}\n.s-pr-5 {\n    padding-right: 1.25rem\n}\n.s-pr-8 {\n    padding-right: 2rem\n}\n.s-pt-1 {\n    padding-top: 0.25rem\n}\n.s-pt-1\\.5 {\n    padding-top: 0.375rem\n}\n.s-pt-14 {\n    padding-top: 3.5rem\n}\n.s-pt-3 {\n    padding-top: 0.75rem\n}\n.s-text-left {\n    text-align: left\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-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-amber-700 {\n    --tw-text-opacity: 1;\n    color: rgb(180 83 9 / 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-700 {\n    --tw-text-opacity: 1;\n    color: rgb(4 120 87 / 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-purple-700 {\n    --tw-text-opacity: 1;\n    color: rgb(126 34 206 / var(--tw-text-opacity))\n}\n.s-text-red-500 {\n    --tw-text-opacity: 1;\n    color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-red-700 {\n    --tw-text-opacity: 1;\n    color: rgb(185 28 28 / var(--tw-text-opacity))\n}\n.s-text-rose-700 {\n    --tw-text-opacity: 1;\n    color: rgb(190 18 60 / var(--tw-text-opacity))\n}\n.s-text-sky-700 {\n    --tw-text-opacity: 1;\n    color: rgb(3 105 161 / var(--tw-text-opacity))\n}\n.s-text-slate-700 {\n    --tw-text-opacity: 1;\n    color: rgb(51 65 85 / 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-500 {\n    --tw-text-opacity: 1;\n    color: rgb(239 68 68 / 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-yellow-700 {\n    --tw-text-opacity: 1;\n    color: rgb(161 98 7 / var(--tw-text-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-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-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-xl {\n    --tw-backdrop-blur: blur(24px);\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.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.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.hover\\:s-cursor-not-allowed:hover {\n    cursor: not-allowed\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.hover\\:s-border-action-300:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(147 197 253 / var(--tw-border-opacity))\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.hover\\:s-border-warning-200:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(254 202 202 / var(--tw-border-opacity))\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.hover\\:s-bg-action-200:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(191 219 254 / var(--tw-bg-opacity))\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.hover\\:s-bg-action-50:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 246 255 / var(--tw-bg-opacity))\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.hover\\:s-bg-success-300:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(110 231 183 / var(--tw-bg-opacity))\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.hover\\:s-bg-warning-50:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 242 242 / var(--tw-bg-opacity))\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.hover\\:s-text-action-500:hover {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\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.hover\\:s-text-warning-400:hover {\n    --tw-text-opacity: 1;\n    color: rgb(248 113 113 / var(--tw-text-opacity))\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.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.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.focus\\:s-border-action-500:focus {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.focus\\:s-outline-none:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px\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.active\\:s-scale-95:active {\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.active\\:s-border-action-500:active {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\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.active\\:s-border-warning-500:active {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\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.active\\:s-bg-action-100:active {\n    --tw-bg-opacity: 1;\n    background-color: rgb(219 234 254 / var(--tw-bg-opacity))\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.active\\:s-bg-warning-100:active {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 226 226 / var(--tw-bg-opacity))\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.active\\:s-text-action-600:active {\n    --tw-text-opacity: 1;\n    color: rgb(37 99 235 / var(--tw-text-opacity))\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.active\\:s-text-element-900:active {\n    --tw-text-opacity: 1;\n    color: rgb(15 23 42 / var(--tw-text-opacity))\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.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.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.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.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: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:is(.s-dark .dark\\:s-border-action-600-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(96 165 250 / var(--tw-border-opacity))\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: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: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: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:is(.s-dark .dark\\:s-border-warning-600-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(248 113 113 / var(--tw-border-opacity))\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: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: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: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: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: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: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: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: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: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: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: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:is(.s-dark .dark\\:s-bg-warning-500-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity))\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: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: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: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: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: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: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: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: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: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: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:is(.s-dark .dark\\:hover\\:s-border-warning-500-dark:hover) {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\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: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: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:is(.s-dark .dark\\:hover\\:s-bg-action-500-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity))\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:is(.s-dark .dark\\:hover\\:s-bg-warning-500-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity))\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: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: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: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: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: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:is(.s-dark .dark\\:active\\:s-border-action-700-dark:active) {\n    --tw-border-opacity: 1;\n    border-color: rgb(147 197 253 / var(--tw-border-opacity))\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:is(.s-dark .dark\\:active\\:s-border-warning-700-dark:active) {\n    --tw-border-opacity: 1;\n    border-color: rgb(252 165 165 / var(--tw-border-opacity))\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:is(.s-dark .dark\\:active\\:s-bg-action-600-dark:active) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(96 165 250 / var(--tw-bg-opacity))\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:is(.s-dark .dark\\:active\\:s-bg-warning-600-dark:active) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 113 113 / var(--tw-bg-opacity))\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: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: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: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: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: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: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: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@media (min-width: 640px) {\n    .sm\\:s-block {\n        display: block\n    }\n    .sm\\:s-translate-y-0 {\n        --tw-translate-y: 0px;\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n    }\n    .sm\\:s-scale-100 {\n        --tw-scale-x: 1;\n        --tw-scale-y: 1;\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n    }\n    .sm\\:s-scale-95 {\n        --tw-scale-x: .95;\n        --tw-scale-y: .95;\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n    }\n    .sm\\:s-px-6 {\n        padding-left: 1.5rem;\n        padding-right: 1.5rem\n    }\n}\n@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@media (min-width: 1024px) {\n    .lg\\:s-w-1\\/2 {\n        width: 50%\n    }\n}";
+var css_248z = ".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-mb-2 {\n    margin-bottom: 0.5rem\n}\n.s-ml-0 {\n    margin-left: 0px\n}\n.s-ml-0\\.5 {\n    margin-left: 0.125rem\n}\n.s-ml-2 {\n    margin-left: 0.5rem\n}\n.s-mt-0 {\n    margin-top: 0px\n}\n.s-mt-0\\.5 {\n    margin-top: 0.125rem\n}\n.s-mt-16 {\n    margin-top: 4rem\n}\n.s-mt-2 {\n    margin-top: 0.5rem\n}\n.s-mt-4 {\n    margin-top: 1rem\n}\n.s-mt-8 {\n    margin-top: 2rem\n}\n.s-box-border {\n    box-sizing: border-box\n}\n.s-inline-block {\n    display: inline-block\n}\n.s-flex {\n    display: flex\n}\n.s-inline-flex {\n    display: inline-flex\n}\n.s-grid {\n    display: grid\n}\n.s-hidden {\n    display: none\n}\n.s-h-1\\/2 {\n    height: 50%\n}\n.s-h-10 {\n    height: 2.5rem\n}\n.s-h-12 {\n    height: 3rem\n}\n.s-h-16 {\n    height: 4rem\n}\n.s-h-36 {\n    height: 9rem\n}\n.s-h-4 {\n    height: 1rem\n}\n.s-h-5 {\n    height: 1.25rem\n}\n.s-h-6 {\n    height: 1.5rem\n}\n.s-h-7 {\n    height: 1.75rem\n}\n.s-h-72 {\n    height: 18rem\n}\n.s-h-8 {\n    height: 2rem\n}\n.s-h-9 {\n    height: 2.25rem\n}\n.s-h-96 {\n    height: 24rem\n}\n.s-h-full {\n    height: 100%\n}\n.s-h-px {\n    height: 1px\n}\n.s-max-h-full {\n    max-height: 100%\n}\n.s-min-h-full {\n    min-height: 100%\n}\n.s-w-1\\/2 {\n    width: 50%\n}\n.s-w-10 {\n    width: 2.5rem\n}\n.s-w-14 {\n    width: 3.5rem\n}\n.s-w-16 {\n    width: 4rem\n}\n.s-w-32 {\n    width: 8rem\n}\n.s-w-36 {\n    width: 9rem\n}\n.s-w-4 {\n    width: 1rem\n}\n.s-w-40 {\n    width: 10rem\n}\n.s-w-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-shrink-0 {\n    flex-shrink: 0\n}\n.s-shrink {\n    flex-shrink: 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@keyframes s-breathing {\n    0%, 100% {\n        filter: brightness(105%)\n    }\n    50% {\n        filter: brightness(80%)\n    }\n}\n.s-animate-breathing {\n    animation: s-breathing 4s infinite ease-in-out\n}\n@keyframes s-move-square {\n    0% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 50%;\n        padding-bottom: 50%\n    }\n    12.5% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 50%\n    }\n    25% {\n        padding-left: 50%;\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 50%\n    }\n    37.5% {\n        padding-left: 50%;\n        padding-top: 0;\n        padding-right: 0;\n        padding-bottom: 0\n    }\n    50% {\n        padding-left: 50%;\n        padding-top: 50%;\n        padding-right: 0;\n        padding-bottom: 0\n    }\n    62.5% {\n        padding-left: 0;\n        padding-top: 50%;\n        padding-right: 0;\n        padding-bottom: 0\n    }\n    75% {\n        padding-left: 0;\n        padding-top: 50%;\n        padding-right: 50%;\n        padding-bottom: 0\n    }\n    87.5% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 50%;\n        padding-bottom: 0\n    }\n    100% {\n        padding-left: 0;\n        padding-top: 0;\n        padding-right: 50%;\n        padding-bottom: 50%\n    }\n}\n.s-animate-move-square {\n    animation: s-move-square 4s ease-out infinite\n}\n.s-cursor-default {\n    cursor: default\n}\n.s-cursor-not-allowed {\n    cursor: not-allowed\n}\n.s-cursor-pointer {\n    cursor: pointer\n}\n.s-select-none {\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none\n}\n.s-grid-cols-3 {\n    grid-template-columns: repeat(3, minmax(0, 1fr))\n}\n.s-flex-row {\n    flex-direction: row\n}\n.s-flex-col {\n    flex-direction: column\n}\n.s-flex-wrap {\n    flex-wrap: wrap\n}\n.s-flex-nowrap {\n    flex-wrap: nowrap\n}\n.s-items-start {\n    align-items: flex-start\n}\n.s-items-end {\n    align-items: flex-end\n}\n.s-items-center {\n    align-items: center\n}\n.s-items-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-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-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-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-500 {\n    --tw-border-opacity: 1;\n    border-color: rgb(203 213 225 / 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-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-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-fuchsia-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(240 171 252 / var(--tw-bg-opacity))\n}\n.s-bg-gray-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(107 114 128 / var(--tw-bg-opacity))\n}\n.s-bg-green-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(134 239 172 / var(--tw-bg-opacity))\n}\n.s-bg-indigo-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-purple-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(216 180 254 / var(--tw-bg-opacity))\n}\n.s-bg-red-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(252 165 165 / var(--tw-bg-opacity))\n}\n.s-bg-rose-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(253 164 175 / var(--tw-bg-opacity))\n}\n.s-bg-sky-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(125 211 252 / var(--tw-bg-opacity))\n}\n.s-bg-slate-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(241 245 249 / var(--tw-bg-opacity))\n}\n.s-bg-slate-200 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-slate-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-slate-800 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n.s-bg-structure-0 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-structure-200 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n.s-bg-success-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-400 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-teal-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(94 234 212 / var(--tw-bg-opacity))\n}\n.s-bg-violet-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(237 233 254 / var(--tw-bg-opacity))\n}\n.s-bg-violet-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(196 181 253 / var(--tw-bg-opacity))\n}\n.s-bg-warning-100 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-warning-500 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.s-bg-white {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-white\\/80 {\n    background-color: rgb(255 255 255 / 0.8)\n}\n.s-bg-yellow-300 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(253 224 71 / var(--tw-bg-opacity))\n}\n.s-bg-opacity-75 {\n    --tw-bg-opacity: 0.75\n}\n.s-object-cover {\n    -o-object-fit: cover;\n       object-fit: cover\n}\n.s-object-center {\n    -o-object-position: center;\n       object-position: center\n}\n.s-p-0 {\n    padding: 0px\n}\n.s-p-3 {\n    padding: 0.75rem\n}\n.s-p-4 {\n    padding: 1rem\n}\n.s-p-6 {\n    padding: 1.5rem\n}\n.s-px-0 {\n    padding-left: 0px;\n    padding-right: 0px\n}\n.s-px-0\\.5 {\n    padding-left: 0.125rem;\n    padding-right: 0.125rem\n}\n.s-px-1 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem\n}\n.s-px-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-5 {\n    padding-bottom: 1.25rem\n}\n.s-pb-6 {\n    padding-bottom: 1.5rem\n}\n.s-pl-0 {\n    padding-left: 0px\n}\n.s-pl-0\\.5 {\n    padding-left: 0.125rem\n}\n.s-pl-1 {\n    padding-left: 0.25rem\n}\n.s-pl-2 {\n    padding-left: 0.5rem\n}\n.s-pl-32 {\n    padding-left: 8rem\n}\n.s-pl-4 {\n    padding-left: 1rem\n}\n.s-pl-5 {\n    padding-left: 1.25rem\n}\n.s-pl-64 {\n    padding-left: 16rem\n}\n.s-pr-3 {\n    padding-right: 0.75rem\n}\n.s-pr-4 {\n    padding-right: 1rem\n}\n.s-pr-5 {\n    padding-right: 1.25rem\n}\n.s-pr-8 {\n    padding-right: 2rem\n}\n.s-pt-1 {\n    padding-top: 0.25rem\n}\n.s-pt-1\\.5 {\n    padding-top: 0.375rem\n}\n.s-pt-14 {\n    padding-top: 3.5rem\n}\n.s-pt-2 {\n    padding-top: 0.5rem\n}\n.s-pt-3 {\n    padding-top: 0.75rem\n}\n.s-text-left {\n    text-align: left\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-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-amber-700 {\n    --tw-text-opacity: 1;\n    color: rgb(180 83 9 / 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-700 {\n    --tw-text-opacity: 1;\n    color: rgb(4 120 87 / 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-purple-700 {\n    --tw-text-opacity: 1;\n    color: rgb(126 34 206 / var(--tw-text-opacity))\n}\n.s-text-red-500 {\n    --tw-text-opacity: 1;\n    color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-red-700 {\n    --tw-text-opacity: 1;\n    color: rgb(185 28 28 / var(--tw-text-opacity))\n}\n.s-text-rose-700 {\n    --tw-text-opacity: 1;\n    color: rgb(190 18 60 / var(--tw-text-opacity))\n}\n.s-text-sky-700 {\n    --tw-text-opacity: 1;\n    color: rgb(3 105 161 / var(--tw-text-opacity))\n}\n.s-text-slate-700 {\n    --tw-text-opacity: 1;\n    color: rgb(51 65 85 / 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-500 {\n    --tw-text-opacity: 1;\n    color: rgb(239 68 68 / 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-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-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-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-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.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.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.hover\\:s-cursor-not-allowed:hover {\n    cursor: not-allowed\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.hover\\:s-border-action-300:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(147 197 253 / var(--tw-border-opacity))\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.hover\\:s-border-warning-200:hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(254 202 202 / var(--tw-border-opacity))\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.hover\\:s-bg-action-200:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(191 219 254 / var(--tw-bg-opacity))\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.hover\\:s-bg-action-50:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 246 255 / var(--tw-bg-opacity))\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.hover\\:s-bg-success-300:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(110 231 183 / var(--tw-bg-opacity))\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.hover\\:s-bg-warning-50:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 242 242 / var(--tw-bg-opacity))\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.hover\\:s-text-action-500:hover {\n    --tw-text-opacity: 1;\n    color: rgb(59 130 246 / var(--tw-text-opacity))\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.hover\\:s-text-warning-400:hover {\n    --tw-text-opacity: 1;\n    color: rgb(248 113 113 / var(--tw-text-opacity))\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.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.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.focus\\:s-outline-none:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px\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.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.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.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.active\\:s-scale-95:active {\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.active\\:s-border-action-500:active {\n    --tw-border-opacity: 1;\n    border-color: rgb(59 130 246 / var(--tw-border-opacity))\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.active\\:s-border-warning-500:active {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\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.active\\:s-bg-action-100:active {\n    --tw-bg-opacity: 1;\n    background-color: rgb(219 234 254 / var(--tw-bg-opacity))\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.active\\:s-bg-warning-100:active {\n    --tw-bg-opacity: 1;\n    background-color: rgb(254 226 226 / var(--tw-bg-opacity))\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.active\\:s-text-action-600:active {\n    --tw-text-opacity: 1;\n    color: rgb(37 99 235 / var(--tw-text-opacity))\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.active\\:s-text-element-900:active {\n    --tw-text-opacity: 1;\n    color: rgb(15 23 42 / var(--tw-text-opacity))\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.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.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.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.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: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:is(.s-dark .dark\\:s-border-action-600-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(96 165 250 / var(--tw-border-opacity))\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: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: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: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:is(.s-dark .dark\\:s-border-warning-600-dark) {\n    --tw-border-opacity: 1;\n    border-color: rgb(248 113 113 / var(--tw-border-opacity))\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: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: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: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: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: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: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: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: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: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: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: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:is(.s-dark .dark\\:s-bg-warning-500-dark) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity))\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: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: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: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: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: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: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: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: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: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: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:is(.s-dark .dark\\:hover\\:s-border-warning-500-dark:hover) {\n    --tw-border-opacity: 1;\n    border-color: rgb(239 68 68 / var(--tw-border-opacity))\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: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: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:is(.s-dark .dark\\:hover\\:s-bg-action-500-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(59 130 246 / var(--tw-bg-opacity))\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:is(.s-dark .dark\\:hover\\:s-bg-warning-500-dark:hover) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity))\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: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: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: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: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: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:is(.s-dark .dark\\:active\\:s-border-action-700-dark:active) {\n    --tw-border-opacity: 1;\n    border-color: rgb(147 197 253 / var(--tw-border-opacity))\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:is(.s-dark .dark\\:active\\:s-border-warning-700-dark:active) {\n    --tw-border-opacity: 1;\n    border-color: rgb(252 165 165 / var(--tw-border-opacity))\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:is(.s-dark .dark\\:active\\:s-bg-action-600-dark:active) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(96 165 250 / var(--tw-bg-opacity))\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:is(.s-dark .dark\\:active\\:s-bg-warning-600-dark:active) {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 113 113 / var(--tw-bg-opacity))\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: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: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: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: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: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: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: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@media (min-width: 640px) {\n    .sm\\:s-block {\n        display: block\n    }\n    .sm\\:s-translate-y-0 {\n        --tw-translate-y: 0px;\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n    }\n    .sm\\:s-scale-100 {\n        --tw-scale-x: 1;\n        --tw-scale-y: 1;\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n    }\n    .sm\\:s-scale-95 {\n        --tw-scale-x: .95;\n        --tw-scale-y: .95;\n        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n    }\n    .sm\\:s-px-6 {\n        padding-left: 1.5rem;\n        padding-right: 1.5rem\n    }\n}\n@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@media (min-width: 1024px) {\n    .lg\\:s-w-1\\/2 {\n        width: 50%\n    }\n}";
 styleInject(css_248z);
 
 var aLink = function (_a) {
@@ -93,6 +93,18 @@ var __assign = function() {
     return __assign.apply(this, arguments);
 };
 
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
 function __read(o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -292,6 +304,10 @@ var SvgPlusCircle$1 = function (props) { return (React__namespace.createElement(
 var SvgQuestionMarkCircle$1 = 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: "currentColor", d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-1-7v2h2v-2h-2Zm2-1.645A3.502 3.502 0 0 0 12 6.5a3.501 3.501 0 0 0-3.433 2.813l1.962.393A1.5 1.5 0 1 1 12 11.5a1 1 0 0 0-1 1V14h2v-.645Z" }))); };
 
+var SvgReaction$1 = 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: "currentColor", d: "M19 0h2v3h3v2h-3v3h-2V5h-3V3h3V0Z" }),
+    React__namespace.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 22c5.523 0 10-4.477 10-10 0-1.045-.16-2.053-.458-3H18a3 3 0 0 0-3-3V2.458A9.996 9.996 0 0 0 12 2C6.477 2 2 6.477 2 12s4.477 10 10 10ZM7 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm8 2a4 4 0 0 1-8 0h8Zm-1.5-3.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z", clipRule: "evenodd" }))); };
+
 var SvgRobot$1 = 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: "currentColor", d: "M13.5 2c0 .444-.193.843-.5 1.118V5h5a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h5V3.118A1.5 1.5 0 1 1 13.5 2ZM0 10h2v6H0v-6Zm24 0h-2v6h2v-6ZM9 14.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm7.5-1.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" }))); };
 
@@ -32338,7 +32354,7 @@ function BarHeader(_a) {
     var title = _a.title, leftActions = _a.leftActions, rightActions = _a.rightActions, _b = _a.className, className = _b === void 0 ? "" : _b;
     var titleClasses = "s-text-base s-font-bold s-truncate s-text-element-800 s-grow";
     var buttonBarClasses = "s-flex s-gap-1";
-    return (React.createElement("div", { className: classNames("s-fixed s-left-0 s-right-0 s-top-0 s-z-30 s-flex s-h-16 s-flex-row s-items-center s-gap-3 s-border-b s-border-structure-300/30 s-bg-white/90 s-px-4 s-backdrop-blur-xl", className) },
+    return (React.createElement("div", { className: classNames("s-fixed s-left-0 s-right-0 s-top-0 s-z-30 s-flex s-h-16 s-flex-row s-items-center s-gap-3 s-border-b s-border-structure-300/30 s-bg-white/80 s-px-4 s-backdrop-blur", className) },
         leftActions && React.createElement("div", { className: buttonBarClasses }, leftActions),
         React.createElement("div", { className: titleClasses }, title),
         rightActions && React.createElement("div", { className: buttonBarClasses }, rightActions)));
@@ -32677,6 +32693,11 @@ var SvgPlusCircle = function (props) { return (React__namespace.createElement("s
 var SvgQuestionMarkCircle = 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: "currentColor", d: "M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm-1-5h2v2h-2v-2Zm2-1.645V14h-2v-1.5a1 1 0 0 1 1-1 1.5 1.5 0 1 0-1.471-1.794l-1.962-.393A3.501 3.501 0 1 1 13 13.355Z" }))); };
 
+var SvgReaction = 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: "currentColor", d: "M19 0h2v3h3v2h-3v3h-2V5h-3V3h3V0Z" }),
+    React__namespace.createElement("path", { fill: "currentColor", d: "M14 2.2c-.646-.131-1.315-.2-2-.2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10c0-.685-.069-1.354-.2-2h-2.052A8 8 0 1 1 14 4.252V2.2Z" }),
+    React__namespace.createElement("path", { fill: "currentColor", d: "M11 17a4 4 0 0 0 4-4H7a4 4 0 0 0 4 4ZM7 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM13.5 9.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Z" }))); };
+
 var SvgRobot = 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: "currentColor", d: "M13.5 2c0 .444-.193.843-.5 1.118V5h5a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h5V3.118A1.5 1.5 0 1 1 13.5 2ZM6 7a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H6Zm-4 3H0v6h2v-6Zm20 0h2v6h-2v-6ZM9 14.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm6 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))); };
 
@@ -32819,28 +32840,31 @@ function Modal(_a) {
                             React.createElement("div", { className: "s-pb-6 s-pt-14 ".concat(isFullScreen ? "s-h-full s-overflow-y-auto" : "") }, children))))))));
 }
 
-function Input(_a) {
-    var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, name = _a.name, _c = _a.isPassword, isPassword = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? "" : _e;
-    return (React.createElement("div", { className: "flex flex-col" },
-        React.createElement("input", { type: isPassword ? "password" : "text", name: name, id: name, className: classNames("s-w-full s-rounded-md", className !== null && className !== void 0 ? className : "", !error
-                ? "focus:ring-action-500 s-border-gray-300 focus:s-border-action-500"
-                : "focus:border-red-500 focus:ring-red-500 s-border-red-500", "s-bg-structure-50 s-stroke-structure-50"), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
-                onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
-            }, "data-1p-ignore": !isPassword, disabled: disabled }),
+var Input = function (_a) {
+    var placeholder = _a.placeholder, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, _c = _a.isPassword, isPassword = _c === void 0 ? false : _c, _d = _a.className, className = _d === void 0 ? "" : _d, props = __rest(_a, ["placeholder", "error", "showErrorLabel", "isPassword", "className"]);
+    return (React.createElement("div", null,
+        React.createElement("input", __assign({ type: isPassword ? "password" : "text", className: classNames("s-border-0 s-outline-none s-ring-1 s-ring-structure-200 focus:s-outline-none focus:s-ring-2", "s-w-full s-rounded-md  s-bg-structure-50 s-py-1.5 s-pl-4 s-pr-8 s-placeholder-element-600", "s-transition-all s-duration-300 s-ease-out", className !== null && className !== void 0 ? className : "", !error
+                ? "focus:s-ring-action-300"
+                : "s-ring-red-200 focus:s-ring-red-200"), placeholder: placeholder, "data-1p-ignore": !isPassword }, props)),
         React.createElement("div", { className: "s-ml-2 s-h-4 s-text-red-500" }, showErrorLabel && error ? error : null)));
-}
+};
 
 function Searchbar(_a) {
     var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, onKeyDown = _a.onKeyDown, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, name = _a.name, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.className, className = _d === void 0 ? "" : _d;
+    var clearInputField = function () {
+        onChange === null || onChange === void 0 ? void 0 : onChange("");
+    };
     return (React.createElement("div", { className: "flex flex-col" },
-        React.createElement("div", { className: "s-relative s-text-sm s-font-medium s-text-element-800" },
-            React.createElement("input", { type: "text", name: name, id: name, className: classNames("s-h-9 s-w-full s-rounded-full s-border-structure-200 s-pr-8", className !== null && className !== void 0 ? className : "", !error
-                    ? "focus:ring-action-500 s-border-gray-300 focus:s-border-action-500"
-                    : "focus:border-red-500 focus:ring-red-500 s-border-red-500", "s-bg-structure-50 s-stroke-structure-50"), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
+        React.createElement("div", { className: classNames("s-relative s-text-sm s-font-normal", disabled ? "s-text-element-600" : "s-text-element-900") },
+            React.createElement("input", { type: "text", name: name, id: name, className: classNames("s-border-0 s-outline-none s-ring-1 s-ring-structure-200 focus:s-outline-none focus:s-ring-2", "s-w-full s-rounded-full  s-bg-structure-50 s-py-1.5 s-pl-4 s-pr-8 s-placeholder-element-600", "s-transition-all s-duration-300 s-ease-out", className !== null && className !== void 0 ? className : "", !error
+                    ? "focus:s-ring-action-300"
+                    : "s-ring-red-200 focus:s-ring-red-200", disabled
+                    ? "s-cursor-default s-text-element-600"
+                    : "s-text-element-900"), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
                     onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
                 }, onKeyDown: onKeyDown, disabled: disabled }),
-            React.createElement(SvgMagnifyingGlass, { className: "s-absolute s-right-3 s-top-2 s-h-5 s-w-5" })),
-        React.createElement("div", { className: classNames("s-ml-2 s-h-4 s-text-red-500", showErrorLabel ? "" : "hidden") }, showErrorLabel && error ? error : null)));
+            React.createElement("div", { className: "s-absolute s-right-0 s-top-0 s-flex s-h-full s-items-center s-pr-3" }, value && onChange ? (React.createElement(IconButton, { icon: SvgXMark$1, variant: "secondary", size: "sm", onClick: clearInputField })) : (React.createElement(Icon, { visual: SvgMagnifyingGlass, size: "sm" })))),
+        React.createElement("div", { className: classNames("s-ml-0.5 s-h-4 s-pl-2 s-pt-2 s-text-xs s-font-normal s-text-red-500", showErrorLabel ? "" : "hidden") }, showErrorLabel && error ? error : null)));
 }
 
 var SvgLogoHorizontalColor = 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),
@@ -33107,6 +33131,8 @@ exports.PlusIcon = SvgPlus$1;
 exports.PlusStrokeIcon = SvgPlus;
 exports.QuestionMarkCircleIcon = SvgQuestionMarkCircle$1;
 exports.QuestionMarkCircleStrokeIcon = SvgQuestionMarkCircle;
+exports.ReactionIcon = SvgReaction$1;
+exports.ReactionStrokeIcon = SvgReaction;
 exports.ReplicateLogo = SvgReplicate;
 exports.RobotIcon = SvgRobot$1;
 exports.RobotStrokeIcon = SvgRobot;