npm - @dust-tt/sparkle - Versions diffs - 0.2.38 → 0.2.39-alpha - Mend

@dust-tt/sparkle 0.2.38 → 0.2.39-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/cjs/components/Avatar.d.ts +3 -1
package/dist/cjs/components/DropdownMenu.d.ts +3 -1
package/dist/cjs/components/Item.d.ts +61 -2
package/dist/cjs/index.js +83 -11
package/dist/cjs/index.js.map +1 -1
package/dist/cjs/stories/Item.stories.d.ts +0 -6
package/dist/esm/components/Avatar.d.ts +3 -1
package/dist/esm/components/DropdownMenu.d.ts +3 -1
package/dist/esm/components/Item.d.ts +61 -2
package/dist/esm/index.js +83 -11
package/dist/esm/index.js.map +1 -1
package/dist/esm/stories/Item.stories.d.ts +0 -6
package/dist/tsconfig.tsbuildinfo +1 -1
package/package.json +1 -1

package/dist/cjs/components/Avatar.d.ts CHANGED Viewed

@@ -8,8 +8,10 @@ type AvatarProps = {
     busy?: boolean;
     isRounded?: boolean;
     backgroundColor?: string;
+    className?: string;
+    disabled?: boolean;
 };
-export declare function Avatar({ size, name, visual, onClick, clickable, busy, isRounded, backgroundColor, }: AvatarProps): React.JSX.Element;
+export declare function Avatar({ size, name, visual, onClick, clickable, busy, isRounded, backgroundColor, disabled, className, }: AvatarProps): React.JSX.Element;
 export declare namespace Avatar {
     var Stack: ({ children, nbMoreItems, size, isRounded, hasMagnifier, }: AvatarStackProps) => React.JSX.Element;
 }

package/dist/cjs/components/DropdownMenu.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@ export interface DropdownMenuProps {
 export declare function DropdownMenu({ children, className }: DropdownMenuProps): React.JSX.Element;
 export declare namespace DropdownMenu {
     var Button: ({ label, type, tooltip, icon, children, tooltipPosition, className, disabled, }: DropdownButtonProps) => React.JSX.Element;
-    var Item: ({ label, href, disabled, visual, onClick, }: DropdownItemProps) => React.JSX.Element;
+    var Item: ({ label, description, href, disabled, visual, icon, onClick, }: DropdownItemProps) => React.JSX.Element;
     var Items: ({ origin, width, children, }: DropdownItemsProps) => React.JSX.Element;
 }
 export interface DropdownButtonProps {
@@ -22,9 +22,11 @@ export interface DropdownButtonProps {
 }
 interface DropdownItemProps {
     label: string;
+    description?: string;
     href?: string;
     disabled?: boolean;
     visual?: string | React.ReactNode;
+    icon?: ComponentType;
     onClick?: () => void;
 }
 interface DropdownItemsProps {

package/dist/cjs/components/Item.d.ts CHANGED Viewed

@@ -13,15 +13,74 @@ type ItemProps = {
 };
 export declare function Item({ onClick, selected, size, disabled, variant, label, icon, visual, className, href, }: ItemProps): React.JSX.Element;
 export declare namespace Item {
+    var Entry: (props: EntryItemProps) => React.JSX.Element;
+    var Avatar: ({ description, ...otherProps }: AvatarItemProps) => React.JSX.Element;
+    var Navigation: (props: NavigationListItemProps) => React.JSX.Element;
+    var Dropdown: (props: DropdownListItemProps) => React.JSX.Element;
     var SectionHeader: ({ label, variant, }: ItemSectionHeaderProps) => React.JSX.Element;
     var List: ({ children, className }: ListItemProps) => React.JSX.Element;
 }
-interface ItemSectionHeaderProps {
+interface EntryItemProps {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    disabled?: boolean;
+    selected?: boolean;
     label: string;
-    variant?: "primary" | "secondary";
+    icon?: ComponentType;
+    className?: string;
+    href?: string;
+}
+interface AvatarItemProps {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    disabled?: boolean;
+    label: string;
+    description?: string;
+    visual?: string | React.ReactNode;
+    className?: string;
+    href?: string;
+}
+interface NavigationListItemProps {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    selected?: boolean;
+    disabled?: boolean;
+    label: string;
+    description?: string;
+    icon?: ComponentType;
+    className?: string;
+    href?: string;
+}
+interface DropdownListItemProps {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    disabled?: boolean;
+    label: string;
+    description?: string;
+    visual?: string | React.ReactNode;
+    icon?: ComponentType;
+    className?: string;
+    href?: string;
 }
 interface ListItemProps {
     children: ReactNode;
     className?: string;
 }
+interface ItemSectionHeaderProps {
+    label: string;
+    variant?: "primary" | "secondary";
+}
+type Item2Props = {
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    style: "action" | "item";
+    spacing?: "sm" | "md";
+    selectable?: boolean;
+    selected?: boolean;
+    disabled?: boolean;
+    label: string;
+    description?: string;
+    visual?: string | React.ReactNode;
+    icon?: ComponentType;
+    action?: ComponentType;
+    hasAction?: boolean | "hover";
+    className?: string;
+    href?: string;
+};
+export declare function Item2({ label, description, visual, icon, style, spacing, action, hasAction, onClick, selected, disabled, className, href, }: Item2Props): React.JSX.Element;
 export {};

package/dist/cjs/index.js CHANGED Viewed

@@ -48,7 +48,7 @@ function styleInject(css, ref) {
   }
 }
-var css_248z = ".s-form-checkbox,.s-form-radio {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  padding: 0;\n  -webkit-print-color-adjust: exact;\n          print-color-adjust: exact;\n  display: inline-block;\n  vertical-align: middle;\n  background-origin: border-box;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  flex-shrink: 0;\n  height: 1rem;\n  width: 1rem;\n  color: #2563eb;\n  background-color: #fff;\n  border-color: #6b7280;\n  border-width: 1px;\n  --tw-shadow: 0 0 #0000\n}\n.s-form-radio {\n  border-radius: 100%\n}\n.s-form-checkbox:focus,.s-form-radio:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 2px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #2563eb;\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)\n}\n.s-form-checkbox:checked,.s-form-radio:checked {\n  border-color: transparent;\n  background-color: currentColor;\n  background-size: 100% 100%;\n  background-position: center;\n  background-repeat: no-repeat\n}\n.s-form-radio:checked {\n  background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")\n}\n.s-form-checkbox:checked:hover,.s-form-checkbox:checked:focus,.s-form-radio:checked:hover,.s-form-radio:checked:focus {\n  border-color: transparent;\n  background-color: currentColor\n}\n.s-pointer-events-none {\n  pointer-events: none\n}\n.s-fixed {\n  position: fixed\n}\n.s-absolute {\n  position: absolute\n}\n.s-relative {\n  position: relative\n}\n.s-inset-0 {\n  inset: 0px\n}\n.s-bottom-6 {\n  bottom: 1.5rem\n}\n.s-bottom-full {\n  bottom: 100%\n}\n.s-left-0 {\n  left: 0px\n}\n.s-left-1\\/2 {\n  left: 50%\n}\n.s-right-0 {\n  right: 0px\n}\n.s-right-16 {\n  right: 4rem\n}\n.s-top-0 {\n  top: 0px\n}\n.s-top-full {\n  top: 100%\n}\n.s-z-10 {\n  z-index: 10\n}\n.s-z-30 {\n  z-index: 30\n}\n.s-z-50 {\n  z-index: 50\n}\n.s-m-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-mr-1 {\n  margin-right: -0.25rem\n}\n.-s-mt-1 {\n  margin-top: -0.25rem\n}\n.-s-mt-2 {\n  margin-top: -0.5rem\n}\n.s-mb-2 {\n  margin-bottom: 0.5rem\n}\n.s-ml-0 {\n  margin-left: 0px\n}\n.s-ml-0\\.5 {\n  margin-left: 0.125rem\n}\n.s-ml-2 {\n  margin-left: 0.5rem\n}\n.s-mt-0 {\n  margin-top: 0px\n}\n.s-mt-0\\.5 {\n  margin-top: 0.125rem\n}\n.s-mt-16 {\n  margin-top: 4rem\n}\n.s-mt-2 {\n  margin-top: 0.5rem\n}\n.s-mt-4 {\n  margin-top: 1rem\n}\n.s-mt-8 {\n  margin-top: 2rem\n}\n.s-box-border {\n  box-sizing: border-box\n}\n.s-line-clamp-1 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1\n}\n.s-line-clamp-2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2\n}\n.s-inline-block {\n  display: inline-block\n}\n.s-flex {\n  display: flex\n}\n.s-inline-flex {\n  display: inline-flex\n}\n.s-grid {\n  display: grid\n}\n.s-hidden {\n  display: none\n}\n.s-h-1\\/2 {\n  height: 50%\n}\n.s-h-10 {\n  height: 2.5rem\n}\n.s-h-12 {\n  height: 3rem\n}\n.s-h-16 {\n  height: 4rem\n}\n.s-h-36 {\n  height: 9rem\n}\n.s-h-4 {\n  height: 1rem\n}\n.s-h-5 {\n  height: 1.25rem\n}\n.s-h-6 {\n  height: 1.5rem\n}\n.s-h-7 {\n  height: 1.75rem\n}\n.s-h-72 {\n  height: 18rem\n}\n.s-h-8 {\n  height: 2rem\n}\n.s-h-9 {\n  height: 2.25rem\n}\n.s-h-96 {\n  height: 24rem\n}\n.s-h-full {\n  height: 100%\n}\n.s-h-px {\n  height: 1px\n}\n.s-max-h-full {\n  max-height: 100%\n}\n.s-min-h-full {\n  min-height: 100%\n}\n.s-w-1\\/2 {\n  width: 50%\n}\n.s-w-10 {\n  width: 2.5rem\n}\n.s-w-14 {\n  width: 3.5rem\n}\n.s-w-16 {\n  width: 4rem\n}\n.s-w-32 {\n  width: 8rem\n}\n.s-w-36 {\n  width: 9rem\n}\n.s-w-4 {\n  width: 1rem\n}\n.s-w-40 {\n  width: 10rem\n}\n.s-w-48 {\n  width: 12rem\n}\n.s-w-5 {\n  width: 1.25rem\n}\n.s-w-6 {\n  width: 1.5rem\n}\n.s-w-60 {\n  width: 15rem\n}\n.s-w-64 {\n  width: 16rem\n}\n.s-w-7 {\n  width: 1.75rem\n}\n.s-w-8 {\n  width: 2rem\n}\n.s-w-\\[38em\\] {\n  width: 38em\n}\n.s-w-full {\n  width: 100%\n}\n.s-max-w-2xl {\n  max-width: 42rem\n}\n.s-max-w-4xl {\n  max-width: 56rem\n}\n.s-max-w-\\[500px\\] {\n  max-width: 500px\n}\n.s-max-w-full {\n  max-width: 100%\n}\n.s-flex-1 {\n  flex: 1 1 0%\n}\n.s-flex-none {\n  flex: none\n}\n.s-flex-shrink-0 {\n  flex-shrink: 0\n}\n.s-shrink {\n  flex-shrink: 1\n}\n.s-shrink-0 {\n  flex-shrink: 0\n}\n.s-flex-grow {\n  flex-grow: 1\n}\n.s-grow {\n  flex-grow: 1\n}\n.s-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-x-20 {\n  --tw-translate-x: -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-0 {\n  --tw-translate-y: -0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-5 {\n  --tw-translate-y: -1.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-0 {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-20 {\n  --tw-translate-x: 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-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-scale-99 {\n  --tw-scale-x: .99;\n  --tw-scale-y: .99;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-animate-\\[bgblink_500ms_3\\] {\n  animation: bgblink 500ms 3\n}\n@keyframes s-breathing {\n  0%, 100% {\n    filter: brightness(105%)\n  }\n  50% {\n    filter: brightness(80%)\n  }\n}\n.s-animate-breathing {\n  animation: s-breathing 4s infinite ease-in-out\n}\n@keyframes s-move-square {\n  0% {\n    padding-left: 0;\n    padding-top: 0;\n    padding-right: 50%;\n    padding-bottom: 50%\n  }\n  12.5% {\n    padding-left: 0;\n    padding-top: 0;\n    padding-right: 0;\n    padding-bottom: 50%\n  }\n  25% {\n    padding-left: 50%;\n    padding-top: 0;\n    padding-right: 0;\n    padding-bottom: 50%\n  }\n  37.5% {\n    padding-left: 50%;\n    padding-top: 0;\n    padding-right: 0;\n    padding-bottom: 0\n  }\n  50% {\n    padding-left: 50%;\n    padding-top: 50%;\n    padding-right: 0;\n    padding-bottom: 0\n  }\n  62.5% {\n    padding-left: 0;\n    padding-top: 50%;\n    padding-right: 0;\n    padding-bottom: 0\n  }\n  75% {\n    padding-left: 0;\n    padding-top: 50%;\n    padding-right: 50%;\n    padding-bottom: 0\n  }\n  87.5% {\n    padding-left: 0;\n    padding-top: 0;\n    padding-right: 50%;\n    padding-bottom: 0\n  }\n  100% {\n    padding-left: 0;\n    padding-top: 0;\n    padding-right: 50%;\n    padding-bottom: 50%\n  }\n}\n.s-animate-move-square {\n  animation: s-move-square 4s ease-out infinite\n}\n.s-cursor-default {\n  cursor: default\n}\n.s-cursor-not-allowed {\n  cursor: not-allowed\n}\n.s-cursor-pointer {\n  cursor: pointer\n}\n.s-select-none {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none\n}\n.s-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr))\n}\n.s-grid-cols-\\[auto\\,1fr\\,auto\\] {\n  grid-template-columns: auto 1fr auto\n}\n.s-flex-row {\n  flex-direction: row\n}\n.s-flex-col {\n  flex-direction: column\n}\n.s-flex-wrap {\n  flex-wrap: wrap\n}\n.s-flex-nowrap {\n  flex-wrap: nowrap\n}\n.s-items-start {\n  align-items: flex-start\n}\n.s-items-end {\n  align-items: flex-end\n}\n.s-items-center {\n  align-items: center\n}\n.s-items-baseline {\n  align-items: baseline\n}\n.s-items-stretch {\n  align-items: stretch\n}\n.s-justify-start {\n  justify-content: flex-start\n}\n.s-justify-end {\n  justify-content: flex-end\n}\n.s-justify-center {\n  justify-content: center\n}\n.s-justify-between {\n  justify-content: space-between\n}\n.s-justify-stretch {\n  justify-content: stretch\n}\n.s-justify-items-center {\n  justify-items: center\n}\n.s-gap-0 {\n  gap: 0px\n}\n.s-gap-1 {\n  gap: 0.25rem\n}\n.s-gap-1\\.5 {\n  gap: 0.375rem\n}\n.s-gap-10 {\n  gap: 2.5rem\n}\n.s-gap-16 {\n  gap: 4rem\n}\n.s-gap-2 {\n  gap: 0.5rem\n}\n.s-gap-20 {\n  gap: 5rem\n}\n.s-gap-3 {\n  gap: 0.75rem\n}\n.s-gap-4 {\n  gap: 1rem\n}\n.s-gap-5 {\n  gap: 1.25rem\n}\n.s-gap-6 {\n  gap: 1.5rem\n}\n.s-gap-8 {\n  gap: 2rem\n}\n.s-gap-x-1 {\n  -moz-column-gap: 0.25rem;\n       column-gap: 0.25rem\n}\n.s-gap-x-1\\.5 {\n  -moz-column-gap: 0.375rem;\n       column-gap: 0.375rem\n}\n.s-gap-x-2 {\n  -moz-column-gap: 0.5rem;\n       column-gap: 0.5rem\n}\n.s-gap-x-3 {\n  -moz-column-gap: 0.75rem;\n       column-gap: 0.75rem\n}\n.s-gap-y-2 {\n  row-gap: 0.5rem\n}\n.s-gap-y-3 {\n  row-gap: 0.75rem\n}\n.s-gap-y-96 {\n  row-gap: 24rem\n}\n.s-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0px * var(--tw-space-x-reverse));\n  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))\n}\n.s-self-center {\n  align-self: center\n}\n.s-self-stretch {\n  align-self: stretch\n}\n.s-overflow-auto {\n  overflow: auto\n}\n.s-overflow-hidden {\n  overflow: hidden\n}\n.s-overflow-y-auto {\n  overflow-y: auto\n}\n.s-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap\n}\n.s-text-ellipsis {\n  text-overflow: ellipsis\n}\n.s-whitespace-nowrap {\n  white-space: nowrap\n}\n.s-break-words {\n  overflow-wrap: break-word\n}\n.s-rounded-2xl {\n  border-radius: 1rem\n}\n.s-rounded-3xl {\n  border-radius: 1.5rem\n}\n.s-rounded-\\[25\\%\\] {\n  border-radius: 25%\n}\n.s-rounded-full {\n  border-radius: 9999px\n}\n.s-rounded-lg {\n  border-radius: 0.5rem\n}\n.s-rounded-md {\n  border-radius: 0.375rem\n}\n.s-rounded-xl {\n  border-radius: 0.75rem\n}\n.s-border {\n  border-width: 1px\n}\n.s-border-0 {\n  border-width: 0px\n}\n.s-border-b {\n  border-bottom-width: 1px\n}\n.s-border-b-2 {\n  border-bottom-width: 2px\n}\n.s-border-t {\n  border-top-width: 1px\n}\n.s-border-action-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n.s-border-action-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.s-border-action-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(37 99 235 / var(--tw-border-opacity))\n}\n.s-border-amber-100 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 243 199 / var(--tw-border-opacity))\n}\n.s-border-amber-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(253 230 138 / var(--tw-border-opacity))\n}\n.s-border-element-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(148 163 184 / var(--tw-border-opacity))\n}\n.s-border-emerald-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(167 243 208 / var(--tw-border-opacity))\n}\n.s-border-pink-100 {\n  --tw-border-opacity: 1;\n  border-color: rgb(252 231 243 / var(--tw-border-opacity))\n}\n.s-border-pink-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(251 207 232 / var(--tw-border-opacity))\n}\n.s-border-purple-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(233 213 255 / var(--tw-border-opacity))\n}\n.s-border-red-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.s-border-sky-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(186 230 253 / var(--tw-border-opacity))\n}\n.s-border-slate-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-100 {\n  --tw-border-opacity: 1;\n  border-color: rgb(241 245 249 / var(--tw-border-opacity))\n}\n.s-border-structure-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(203 213 225 / var(--tw-border-opacity))\n}\n.s-border-structure-300\\/30 {\n  border-color: rgb(203 213 225 / 0.3)\n}\n.s-border-transparent {\n  border-color: transparent\n}\n.s-border-violet-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(221 214 254 / var(--tw-border-opacity))\n}\n.s-border-warning-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.s-border-warning-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(220 38 38 / var(--tw-border-opacity))\n}\n.s-border-white\\/30 {\n  border-color: rgb(255 255 255 / 0.3)\n}\n.s-bg-action-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n.s-bg-action-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n.s-bg-action-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.s-bg-amber-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 243 199 / var(--tw-bg-opacity))\n}\n.s-bg-amber-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(252 211 77 / var(--tw-bg-opacity))\n}\n.s-bg-amber-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 191 36 / var(--tw-bg-opacity))\n}\n.s-bg-amber-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 251 235 / var(--tw-bg-opacity))\n}\n.s-bg-blue-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(147 197 253 / var(--tw-bg-opacity))\n}\n.s-bg-blue-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n.s-bg-brand {\n  --tw-bg-opacity: 1;\n  background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-cyan-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(103 232 249 / var(--tw-bg-opacity))\n}\n.s-bg-element-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-element-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n.s-bg-element-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n.s-bg-element-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209 250 229 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-fuchsia-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(240 171 252 / var(--tw-bg-opacity))\n}\n.s-bg-green-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(134 239 172 / var(--tw-bg-opacity))\n}\n.s-bg-indigo-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(165 180 252 / var(--tw-bg-opacity))\n}\n.s-bg-lime-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(190 242 100 / var(--tw-bg-opacity))\n}\n.s-bg-orange-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(253 186 116 / var(--tw-bg-opacity))\n}\n.s-bg-pink-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(252 231 243 / var(--tw-bg-opacity))\n}\n.s-bg-pink-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(253 242 248 / var(--tw-bg-opacity))\n}\n.s-bg-purple-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 232 255 / var(--tw-bg-opacity))\n}\n.s-bg-purple-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(216 180 254 / var(--tw-bg-opacity))\n}\n.s-bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-red-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(252 165 165 / var(--tw-bg-opacity))\n}\n.s-bg-rose-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(253 164 175 / var(--tw-bg-opacity))\n}\n.s-bg-sky-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(224 242 254 / var(--tw-bg-opacity))\n}\n.s-bg-sky-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(125 211 252 / var(--tw-bg-opacity))\n}\n.s-bg-sky-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(56 189 248 / var(--tw-bg-opacity))\n}\n.s-bg-slate-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity))\n}\n.s-bg-slate-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-slate-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-slate-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n.s-bg-structure-0 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-structure-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n.s-bg-success-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-teal-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(94 234 212 / var(--tw-bg-opacity))\n}\n.s-bg-violet-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(237 233 254 / var(--tw-bg-opacity))\n}\n.s-bg-violet-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(196 181 253 / var(--tw-bg-opacity))\n}\n.s-bg-warning-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-warning-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 202 202 / var(--tw-bg-opacity))\n}\n.s-bg-warning-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.s-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-white\\/80 {\n  background-color: rgb(255 255 255 / 0.8)\n}\n.s-bg-yellow-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(253 224 71 / var(--tw-bg-opacity))\n}\n.s-bg-gradient-to-r {\n  background-image: linear-gradient(to right, var(--tw-gradient-stops))\n}\n.s-from-amber-400 {\n  --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-blue-400 {\n  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-emerald-400 {\n  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-pink-400 {\n  --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-sky-400 {\n  --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-to-blue-400 {\n  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position)\n}\n.s-to-green-400 {\n  --tw-gradient-to: #4ade80 var(--tw-gradient-to-position)\n}\n.s-to-indigo-300 {\n  --tw-gradient-to: #a5b4fc var(--tw-gradient-to-position)\n}\n.s-to-red-300 {\n  --tw-gradient-to: #fca5a5 var(--tw-gradient-to-position)\n}\n.s-to-yellow-300 {\n  --tw-gradient-to: #fde047 var(--tw-gradient-to-position)\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-2 {\n  padding: 0.5rem\n}\n.s-p-2\\.5 {\n  padding: 0.625rem\n}\n.s-p-3 {\n  padding: 0.75rem\n}\n.s-p-4 {\n  padding: 1rem\n}\n.s-p-6 {\n  padding: 1.5rem\n}\n.s-p-px {\n  padding: 1px\n}\n.s-px-0 {\n  padding-left: 0px;\n  padding-right: 0px\n}\n.s-px-0\\.5 {\n  padding-left: 0.125rem;\n  padding-right: 0.125rem\n}\n.s-px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem\n}\n.s-px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem\n}\n.s-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem\n}\n.s-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem\n}\n.s-px-5 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem\n}\n.s-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem\n}\n.s-py-0 {\n  padding-top: 0px;\n  padding-bottom: 0px\n}\n.s-py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem\n}\n.s-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem\n}\n.s-py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem\n}\n.s-py-16 {\n  padding-top: 4rem;\n  padding-bottom: 4rem\n}\n.s-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem\n}\n.s-py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem\n}\n.s-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem\n}\n.s-pb-1 {\n  padding-bottom: 0.25rem\n}\n.s-pb-10 {\n  padding-bottom: 2.5rem\n}\n.s-pb-6 {\n  padding-bottom: 1.5rem\n}\n.s-pl-0 {\n  padding-left: 0px\n}\n.s-pl-0\\.5 {\n  padding-left: 0.125rem\n}\n.s-pl-1 {\n  padding-left: 0.25rem\n}\n.s-pl-2 {\n  padding-left: 0.5rem\n}\n.s-pl-32 {\n  padding-left: 8rem\n}\n.s-pl-4 {\n  padding-left: 1rem\n}\n.s-pl-5 {\n  padding-left: 1.25rem\n}\n.s-pl-64 {\n  padding-left: 16rem\n}\n.s-pr-10 {\n  padding-right: 2.5rem\n}\n.s-pr-3 {\n  padding-right: 0.75rem\n}\n.s-pr-4 {\n  padding-right: 1rem\n}\n.s-pr-5 {\n  padding-right: 1.25rem\n}\n.s-pr-6 {\n  padding-right: 1.5rem\n}\n.s-pr-8 {\n  padding-right: 2rem\n}\n.s-pt-0 {\n  padding-top: 0px\n}\n.s-pt-0\\.5 {\n  padding-top: 0.125rem\n}\n.s-pt-10 {\n  padding-top: 2.5rem\n}\n.s-pt-14 {\n  padding-top: 3.5rem\n}\n.s-pt-2 {\n  padding-top: 0.5rem\n}\n.s-pt-3 {\n  padding-top: 0.75rem\n}\n.s-text-left {\n  text-align: left\n}\n.s-text-right {\n  text-align: right\n}\n.s-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem\n}\n.s-text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem\n}\n.s-text-4xl {\n  font-size: 2.25rem;\n  line-height: 2.5rem\n}\n.s-text-7xl {\n  font-size: 4.5rem;\n  line-height: 1\n}\n.s-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem\n}\n.s-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem\n}\n.s-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem\n}\n.s-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem\n}\n.s-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem\n}\n.s-font-bold {\n  font-weight: 700\n}\n.s-font-medium {\n  font-weight: 500\n}\n.s-font-normal {\n  font-weight: 400\n}\n.s-font-semibold {\n  font-weight: 600\n}\n.s-uppercase {\n  text-transform: uppercase\n}\n.s-text-action-300 {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n.s-text-action-400 {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-text-action-500 {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.s-text-action-800 {\n  --tw-text-opacity: 1;\n  color: rgb(30 64 175 / var(--tw-text-opacity))\n}\n.s-text-action-900 {\n  --tw-text-opacity: 1;\n  color: rgb(30 58 138 / var(--tw-text-opacity))\n}\n.s-text-amber-500 {\n  --tw-text-opacity: 1;\n  color: rgb(245 158 11 / var(--tw-text-opacity))\n}\n.s-text-amber-600 {\n  --tw-text-opacity: 1;\n  color: rgb(217 119 6 / var(--tw-text-opacity))\n}\n.s-text-amber-700 {\n  --tw-text-opacity: 1;\n  color: rgb(180 83 9 / var(--tw-text-opacity))\n}\n.s-text-amber-900 {\n  --tw-text-opacity: 1;\n  color: rgb(120 53 15 / var(--tw-text-opacity))\n}\n.s-text-blue-700 {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.s-text-blue-900 {\n  --tw-text-opacity: 1;\n  color: rgb(30 58 138 / var(--tw-text-opacity))\n}\n.s-text-brand {\n  --tw-text-opacity: 1;\n  color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-cyan-700 {\n  --tw-text-opacity: 1;\n  color: rgb(14 116 144 / var(--tw-text-opacity))\n}\n.s-text-element-500 {\n  --tw-text-opacity: 1;\n  color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n.s-text-element-600 {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n.s-text-element-700 {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n.s-text-element-800 {\n  --tw-text-opacity: 1;\n  color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-element-900 {\n  --tw-text-opacity: 1;\n  color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-emerald-500 {\n  --tw-text-opacity: 1;\n  color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-emerald-700 {\n  --tw-text-opacity: 1;\n  color: rgb(4 120 87 / var(--tw-text-opacity))\n}\n.s-text-emerald-900 {\n  --tw-text-opacity: 1;\n  color: rgb(6 78 59 / var(--tw-text-opacity))\n}\n.s-text-fuchsia-700 {\n  --tw-text-opacity: 1;\n  color: rgb(162 28 175 / var(--tw-text-opacity))\n}\n.s-text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity))\n}\n.s-text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(21 128 61 / var(--tw-text-opacity))\n}\n.s-text-indigo-700 {\n  --tw-text-opacity: 1;\n  color: rgb(67 56 202 / var(--tw-text-opacity))\n}\n.s-text-lime-700 {\n  --tw-text-opacity: 1;\n  color: rgb(77 124 15 / var(--tw-text-opacity))\n}\n.s-text-orange-700 {\n  --tw-text-opacity: 1;\n  color: rgb(194 65 12 / var(--tw-text-opacity))\n}\n.s-text-pink-900 {\n  --tw-text-opacity: 1;\n  color: rgb(131 24 67 / var(--tw-text-opacity))\n}\n.s-text-purple-700 {\n  --tw-text-opacity: 1;\n  color: rgb(126 34 206 / var(--tw-text-opacity))\n}\n.s-text-purple-900 {\n  --tw-text-opacity: 1;\n  color: rgb(88 28 135 / var(--tw-text-opacity))\n}\n.s-text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-red-700 {\n  --tw-text-opacity: 1;\n  color: rgb(185 28 28 / var(--tw-text-opacity))\n}\n.s-text-red-900 {\n  --tw-text-opacity: 1;\n  color: rgb(127 29 29 / var(--tw-text-opacity))\n}\n.s-text-rose-700 {\n  --tw-text-opacity: 1;\n  color: rgb(190 18 60 / var(--tw-text-opacity))\n}\n.s-text-sky-700 {\n  --tw-text-opacity: 1;\n  color: rgb(3 105 161 / var(--tw-text-opacity))\n}\n.s-text-sky-900 {\n  --tw-text-opacity: 1;\n  color: rgb(12 74 110 / var(--tw-text-opacity))\n}\n.s-text-slate-700 {\n  --tw-text-opacity: 1;\n  color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-slate-900 {\n  --tw-text-opacity: 1;\n  color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-structure-0 {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-teal-700 {\n  --tw-text-opacity: 1;\n  color: rgb(15 118 110 / var(--tw-text-opacity))\n}\n.s-text-transparent {\n  color: transparent\n}\n.s-text-violet-700 {\n  --tw-text-opacity: 1;\n  color: rgb(109 40 217 / var(--tw-text-opacity))\n}\n.s-text-warning-300 {\n  --tw-text-opacity: 1;\n  color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n.s-text-warning-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-warning-900 {\n  --tw-text-opacity: 1;\n  color: rgb(127 29 29 / var(--tw-text-opacity))\n}\n.s-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-white\\/70 {\n  color: rgb(255 255 255 / 0.7)\n}\n.s-text-yellow-700 {\n  --tw-text-opacity: 1;\n  color: rgb(161 98 7 / var(--tw-text-opacity))\n}\n.s-placeholder-element-600::-moz-placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n.s-placeholder-element-600::placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n.s-opacity-0 {\n  opacity: 0\n}\n.s-opacity-100 {\n  opacity: 1\n}\n.s-opacity-20 {\n  opacity: 0.2\n}\n.s-opacity-40 {\n  opacity: 0.4\n}\n.s-opacity-50 {\n  opacity: 0.5\n}\n.s-opacity-60 {\n  opacity: 0.6\n}\n.s-shadow-2xl {\n  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px\n}\n.s-ring-0 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-red-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n.s-ring-structure-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity))\n}\n.s-ring-warning-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n.s-drop-shadow {\n  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-2xl {\n  --tw-drop-shadow: drop-shadow(0 25px 50px rgba(0, 0, 0, 0.12));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-md {\n  --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.25));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-xl {\n  --tw-drop-shadow: drop-shadow(0 20px 25px rgba(0, 0, 0, 0.14));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-backdrop-blur {\n  --tw-backdrop-blur: blur(8px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-duration-150 {\n  transition-duration: 150ms\n}\n.s-duration-200 {\n  transition-duration: 200ms\n}\n.s-duration-300 {\n  transition-duration: 300ms\n}\n.s-duration-500 {\n  transition-duration: 500ms\n}\n.s-duration-75 {\n  transition-duration: 75ms\n}\n.s-ease-in {\n  transition-timing-function: cubic-bezier(0.4, 0, 1, 1)\n}\n.s-ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.s-ease-out {\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)\n}\n\n@keyframes bgblink {\n  0%,\n  100% {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n  }\n  50% {\n    --tw-bg-opacity: 1;\n    background-color: rgb(243 232 255 / var(--tw-bg-opacity))\n  }\n}\n\n.checked\\:s-bg-action-500:checked {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n.checked\\:s-ring-0:checked {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.hover\\:s-scale-100:hover {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-105:hover {\n  --tw-scale-x: 1.05;\n  --tw-scale-y: 1.05;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-110:hover {\n  --tw-scale-x: 1.1;\n  --tw-scale-y: 1.1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-cursor-not-allowed:hover {\n  cursor: not-allowed\n}\n\n.hover\\:s-border-action-200:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-300:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-500:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-200:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-500:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.hover\\:s-bg-action-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 246 255 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-structure-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-success-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 113 113 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 242 242 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-text-action-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-action-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-element-800:hover {\n  --tw-text-opacity: 1;\n  color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-warning-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n.hover\\:s-brightness-110:hover {\n  --tw-brightness: brightness(1.1);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-drop-shadow-md:hover {\n  --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.25));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-filter:hover {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.focus\\:s-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px\n}\n\n.focus\\:s-ring-0:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-action-300:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-red-200:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-warning-300:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity))\n}\n\n.active\\:s-scale-100:active {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.active\\:s-border-action-400:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-500:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-700:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-500:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-700:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n.active\\:s-bg-action-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-600:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-600:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 38 38 / var(--tw-bg-opacity))\n}\n\n.active\\:s-text-action-600:active {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-action-700:active {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-element-900:active {\n  --tw-text-opacity: 1;\n  color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-warning-600:active {\n  --tw-text-opacity: 1;\n  color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n\n.active\\:s-ring-0:active {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.active\\:s-brightness-90:active {\n  --tw-brightness: brightness(.9);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.active\\:s-drop-shadow-none:active {\n  --tw-drop-shadow: drop-shadow(0 0 #0000);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-group:hover .group-hover\\:s-text-action-400 {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.s-group:hover .group-hover\\:s-text-action-500 {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-action-200-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(30 64 175 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(100 116 139 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(30 41 59 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(51 65 85 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark\\/50) {\n  border-color: rgb(51 65 85 / 0.5)\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(71 85 105 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark\\/30) {\n  border-color: rgb(71 85 105 / 0.3)\n}\n\n:is(.s-dark .dark\\:s-border-structure-50-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(15 23 42 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-warning-200-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(153 27 27 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-100-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-500-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-amber-500) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 158 11 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-black) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-blue-500) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-500-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-600-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-700-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-900-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-emerald-500) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-pink-500) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(236 72 153 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-sky-500) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(14 165 233 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-sky-700) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(3 105 161 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-0-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-100-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-200-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-300-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 85 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(15 23 42 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark\\/80) {\n  background-color: rgb(15 23 42 / 0.8)\n}\n\n:is(.s-dark .dark\\:s-bg-success-400-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(5 150 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-warning-100-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-300-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-400-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-600-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-700-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-amber-950) {\n  --tw-text-opacity: 1;\n  color: rgb(69 26 3 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-blue-950) {\n  --tw-text-opacity: 1;\n  color: rgb(23 37 84 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-600-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-700-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-800-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-900-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-emerald-950) {\n  --tw-text-opacity: 1;\n  color: rgb(2 44 34 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-pink-950) {\n  --tw-text-opacity: 1;\n  color: rgb(80 7 36 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-sky-950) {\n  --tw-text-opacity: 1;\n  color: rgb(8 47 73 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-600-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-700-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::-moz-placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-structure-300-dark) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-warning-200-dark) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-saturate-50) {\n  --tw-saturate: saturate(.5);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-300-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-500-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-600-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-warning-300-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-200-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 64 175 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-400:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-50-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 37 84 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-structure-200-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-warning-50-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(69 10 10 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-300:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-400:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-500-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-600-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-700-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-element-800-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-warning-500-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-action-300-dark:focus) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-warning-300-dark:focus) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-action-500-dark:active) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-warning-500-dark:active) {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-action-100-dark:active) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-warning-100-dark:active) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600:active) {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-700-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-element-900-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-warning-600-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n@media (min-width: 640px) {\n  .sm\\:s-block {\n    display: block\n  }\n  .sm\\:s-w-64 {\n    width: 16rem\n  }\n  .sm\\:s-w-\\[448px\\] {\n    width: 448px\n  }\n  .sm\\:s-w-\\[50rem\\] {\n    width: 50rem\n  }\n  .sm\\:s-rounded-xl {\n    border-radius: 0.75rem\n  }\n  .sm\\:s-p-2 {\n    padding: 0.5rem\n  }\n  .sm\\:s-px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem\n  }\n}\n\n@media (min-width: 768px) {\n  .md\\:s-flex-row {\n    flex-direction: row\n  }\n  .md\\:s-items-center {\n    align-items: center\n  }\n}\n";
+var css_248z = ".s-form-checkbox,.s-form-radio {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  padding: 0;\n  -webkit-print-color-adjust: exact;\n          print-color-adjust: exact;\n  display: inline-block;\n  vertical-align: middle;\n  background-origin: border-box;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  flex-shrink: 0;\n  height: 1rem;\n  width: 1rem;\n  color: #2563eb;\n  background-color: #fff;\n  border-color: #6b7280;\n  border-width: 1px;\n  --tw-shadow: 0 0 #0000\n}\n.s-form-radio {\n  border-radius: 100%\n}\n.s-form-checkbox:focus,.s-form-radio:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 2px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #2563eb;\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)\n}\n.s-form-checkbox:checked,.s-form-radio:checked {\n  border-color: transparent;\n  background-color: currentColor;\n  background-size: 100% 100%;\n  background-position: center;\n  background-repeat: no-repeat\n}\n.s-form-radio:checked {\n  background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\")\n}\n.s-form-checkbox:checked:hover,.s-form-checkbox:checked:focus,.s-form-radio:checked:hover,.s-form-radio:checked:focus {\n  border-color: transparent;\n  background-color: currentColor\n}\n.s-pointer-events-none {\n  pointer-events: none\n}\n.s-fixed {\n  position: fixed\n}\n.s-absolute {\n  position: absolute\n}\n.s-relative {\n  position: relative\n}\n.s-inset-0 {\n  inset: 0px\n}\n.s-bottom-6 {\n  bottom: 1.5rem\n}\n.s-bottom-full {\n  bottom: 100%\n}\n.s-left-0 {\n  left: 0px\n}\n.s-left-1\\/2 {\n  left: 50%\n}\n.s-right-0 {\n  right: 0px\n}\n.s-right-16 {\n  right: 4rem\n}\n.s-top-0 {\n  top: 0px\n}\n.s-top-full {\n  top: 100%\n}\n.s-z-10 {\n  z-index: 10\n}\n.s-z-30 {\n  z-index: 30\n}\n.s-z-50 {\n  z-index: 50\n}\n.s-m-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-mr-1 {\n  margin-right: -0.25rem\n}\n.-s-mt-1 {\n  margin-top: -0.25rem\n}\n.-s-mt-2 {\n  margin-top: -0.5rem\n}\n.s-mb-2 {\n  margin-bottom: 0.5rem\n}\n.s-ml-0 {\n  margin-left: 0px\n}\n.s-ml-0\\.5 {\n  margin-left: 0.125rem\n}\n.s-ml-2 {\n  margin-left: 0.5rem\n}\n.s-mt-0 {\n  margin-top: 0px\n}\n.s-mt-0\\.5 {\n  margin-top: 0.125rem\n}\n.s-mt-16 {\n  margin-top: 4rem\n}\n.s-mt-2 {\n  margin-top: 0.5rem\n}\n.s-mt-4 {\n  margin-top: 1rem\n}\n.s-mt-8 {\n  margin-top: 2rem\n}\n.s-box-border {\n  box-sizing: border-box\n}\n.s-line-clamp-1 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1\n}\n.s-line-clamp-2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2\n}\n.s-inline-block {\n  display: inline-block\n}\n.s-flex {\n  display: flex\n}\n.s-inline-flex {\n  display: inline-flex\n}\n.s-grid {\n  display: grid\n}\n.s-hidden {\n  display: none\n}\n.s-h-1\\/2 {\n  height: 50%\n}\n.s-h-10 {\n  height: 2.5rem\n}\n.s-h-12 {\n  height: 3rem\n}\n.s-h-16 {\n  height: 4rem\n}\n.s-h-36 {\n  height: 9rem\n}\n.s-h-4 {\n  height: 1rem\n}\n.s-h-5 {\n  height: 1.25rem\n}\n.s-h-6 {\n  height: 1.5rem\n}\n.s-h-7 {\n  height: 1.75rem\n}\n.s-h-72 {\n  height: 18rem\n}\n.s-h-8 {\n  height: 2rem\n}\n.s-h-9 {\n  height: 2.25rem\n}\n.s-h-96 {\n  height: 24rem\n}\n.s-h-full {\n  height: 100%\n}\n.s-h-px {\n  height: 1px\n}\n.s-max-h-full {\n  max-height: 100%\n}\n.s-min-h-full {\n  min-height: 100%\n}\n.s-w-1\\/2 {\n  width: 50%\n}\n.s-w-10 {\n  width: 2.5rem\n}\n.s-w-14 {\n  width: 3.5rem\n}\n.s-w-16 {\n  width: 4rem\n}\n.s-w-32 {\n  width: 8rem\n}\n.s-w-36 {\n  width: 9rem\n}\n.s-w-4 {\n  width: 1rem\n}\n.s-w-40 {\n  width: 10rem\n}\n.s-w-48 {\n  width: 12rem\n}\n.s-w-5 {\n  width: 1.25rem\n}\n.s-w-6 {\n  width: 1.5rem\n}\n.s-w-60 {\n  width: 15rem\n}\n.s-w-64 {\n  width: 16rem\n}\n.s-w-7 {\n  width: 1.75rem\n}\n.s-w-8 {\n  width: 2rem\n}\n.s-w-\\[38em\\] {\n  width: 38em\n}\n.s-w-full {\n  width: 100%\n}\n.s-max-w-2xl {\n  max-width: 42rem\n}\n.s-max-w-4xl {\n  max-width: 56rem\n}\n.s-max-w-\\[500px\\] {\n  max-width: 500px\n}\n.s-max-w-full {\n  max-width: 100%\n}\n.s-flex-1 {\n  flex: 1 1 0%\n}\n.s-flex-none {\n  flex: none\n}\n.s-flex-shrink-0 {\n  flex-shrink: 0\n}\n.s-shrink {\n  flex-shrink: 1\n}\n.s-shrink-0 {\n  flex-shrink: 0\n}\n.s-flex-grow {\n  flex-grow: 1\n}\n.s-grow {\n  flex-grow: 1\n}\n.s-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-x-20 {\n  --tw-translate-x: -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-0 {\n  --tw-translate-y: -0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.-s-translate-y-5 {\n  --tw-translate-y: -1.25rem;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-0 {\n  --tw-translate-x: 0px;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-translate-x-20 {\n  --tw-translate-x: 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-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-scale-99 {\n  --tw-scale-x: .99;\n  --tw-scale-y: .99;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n.s-animate-\\[bgblink_500ms_3\\] {\n  animation: bgblink 500ms 3\n}\n@keyframes s-breathing {\n  0%, 100% {\n    filter: brightness(105%)\n  }\n  50% {\n    filter: brightness(80%)\n  }\n}\n.s-animate-breathing {\n  animation: s-breathing 4s infinite ease-in-out\n}\n@keyframes s-move-square {\n  0% {\n    padding-left: 0;\n    padding-top: 0;\n    padding-right: 50%;\n    padding-bottom: 50%\n  }\n  12.5% {\n    padding-left: 0;\n    padding-top: 0;\n    padding-right: 0;\n    padding-bottom: 50%\n  }\n  25% {\n    padding-left: 50%;\n    padding-top: 0;\n    padding-right: 0;\n    padding-bottom: 50%\n  }\n  37.5% {\n    padding-left: 50%;\n    padding-top: 0;\n    padding-right: 0;\n    padding-bottom: 0\n  }\n  50% {\n    padding-left: 50%;\n    padding-top: 50%;\n    padding-right: 0;\n    padding-bottom: 0\n  }\n  62.5% {\n    padding-left: 0;\n    padding-top: 50%;\n    padding-right: 0;\n    padding-bottom: 0\n  }\n  75% {\n    padding-left: 0;\n    padding-top: 50%;\n    padding-right: 50%;\n    padding-bottom: 0\n  }\n  87.5% {\n    padding-left: 0;\n    padding-top: 0;\n    padding-right: 50%;\n    padding-bottom: 0\n  }\n  100% {\n    padding-left: 0;\n    padding-top: 0;\n    padding-right: 50%;\n    padding-bottom: 50%\n  }\n}\n.s-animate-move-square {\n  animation: s-move-square 4s ease-out infinite\n}\n.s-cursor-default {\n  cursor: default\n}\n.s-cursor-not-allowed {\n  cursor: not-allowed\n}\n.s-cursor-pointer {\n  cursor: pointer\n}\n.s-select-none {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none\n}\n.s-grid-cols-3 {\n  grid-template-columns: repeat(3, minmax(0, 1fr))\n}\n.s-grid-cols-\\[auto\\,1fr\\,auto\\] {\n  grid-template-columns: auto 1fr auto\n}\n.s-flex-row {\n  flex-direction: row\n}\n.s-flex-col {\n  flex-direction: column\n}\n.s-flex-wrap {\n  flex-wrap: wrap\n}\n.s-flex-nowrap {\n  flex-wrap: nowrap\n}\n.s-items-start {\n  align-items: flex-start\n}\n.s-items-end {\n  align-items: flex-end\n}\n.s-items-center {\n  align-items: center\n}\n.s-items-baseline {\n  align-items: baseline\n}\n.s-items-stretch {\n  align-items: stretch\n}\n.s-justify-start {\n  justify-content: flex-start\n}\n.s-justify-end {\n  justify-content: flex-end\n}\n.s-justify-center {\n  justify-content: center\n}\n.s-justify-between {\n  justify-content: space-between\n}\n.s-justify-stretch {\n  justify-content: stretch\n}\n.s-justify-items-center {\n  justify-items: center\n}\n.s-gap-0 {\n  gap: 0px\n}\n.s-gap-1 {\n  gap: 0.25rem\n}\n.s-gap-1\\.5 {\n  gap: 0.375rem\n}\n.s-gap-10 {\n  gap: 2.5rem\n}\n.s-gap-16 {\n  gap: 4rem\n}\n.s-gap-2 {\n  gap: 0.5rem\n}\n.s-gap-20 {\n  gap: 5rem\n}\n.s-gap-3 {\n  gap: 0.75rem\n}\n.s-gap-4 {\n  gap: 1rem\n}\n.s-gap-5 {\n  gap: 1.25rem\n}\n.s-gap-6 {\n  gap: 1.5rem\n}\n.s-gap-8 {\n  gap: 2rem\n}\n.s-gap-x-1 {\n  -moz-column-gap: 0.25rem;\n       column-gap: 0.25rem\n}\n.s-gap-x-1\\.5 {\n  -moz-column-gap: 0.375rem;\n       column-gap: 0.375rem\n}\n.s-gap-x-2 {\n  -moz-column-gap: 0.5rem;\n       column-gap: 0.5rem\n}\n.s-gap-x-3 {\n  -moz-column-gap: 0.75rem;\n       column-gap: 0.75rem\n}\n.s-gap-y-2 {\n  row-gap: 0.5rem\n}\n.s-gap-y-3 {\n  row-gap: 0.75rem\n}\n.s-gap-y-96 {\n  row-gap: 24rem\n}\n.s-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0px * var(--tw-space-x-reverse));\n  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))\n}\n.s-self-center {\n  align-self: center\n}\n.s-self-stretch {\n  align-self: stretch\n}\n.s-overflow-auto {\n  overflow: auto\n}\n.s-overflow-hidden {\n  overflow: hidden\n}\n.s-overflow-y-auto {\n  overflow-y: auto\n}\n.s-truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap\n}\n.s-text-ellipsis {\n  text-overflow: ellipsis\n}\n.s-whitespace-nowrap {\n  white-space: nowrap\n}\n.s-break-words {\n  overflow-wrap: break-word\n}\n.s-rounded-2xl {\n  border-radius: 1rem\n}\n.s-rounded-3xl {\n  border-radius: 1.5rem\n}\n.s-rounded-\\[25\\%\\] {\n  border-radius: 25%\n}\n.s-rounded-full {\n  border-radius: 9999px\n}\n.s-rounded-lg {\n  border-radius: 0.5rem\n}\n.s-rounded-md {\n  border-radius: 0.375rem\n}\n.s-rounded-xl {\n  border-radius: 0.75rem\n}\n.s-border {\n  border-width: 1px\n}\n.s-border-0 {\n  border-width: 0px\n}\n.s-border-b {\n  border-bottom-width: 1px\n}\n.s-border-b-2 {\n  border-bottom-width: 2px\n}\n.s-border-t {\n  border-top-width: 1px\n}\n.s-border-action-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n.s-border-action-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n.s-border-action-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(37 99 235 / var(--tw-border-opacity))\n}\n.s-border-amber-100 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 243 199 / var(--tw-border-opacity))\n}\n.s-border-amber-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(253 230 138 / var(--tw-border-opacity))\n}\n.s-border-element-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(148 163 184 / var(--tw-border-opacity))\n}\n.s-border-emerald-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(167 243 208 / var(--tw-border-opacity))\n}\n.s-border-pink-100 {\n  --tw-border-opacity: 1;\n  border-color: rgb(252 231 243 / var(--tw-border-opacity))\n}\n.s-border-pink-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(251 207 232 / var(--tw-border-opacity))\n}\n.s-border-purple-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(233 213 255 / var(--tw-border-opacity))\n}\n.s-border-red-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.s-border-sky-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(186 230 253 / var(--tw-border-opacity))\n}\n.s-border-slate-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-100 {\n  --tw-border-opacity: 1;\n  border-color: rgb(241 245 249 / var(--tw-border-opacity))\n}\n.s-border-structure-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 232 240 / var(--tw-border-opacity))\n}\n.s-border-structure-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(203 213 225 / var(--tw-border-opacity))\n}\n.s-border-structure-300\\/30 {\n  border-color: rgb(203 213 225 / 0.3)\n}\n.s-border-transparent {\n  border-color: transparent\n}\n.s-border-violet-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(221 214 254 / var(--tw-border-opacity))\n}\n.s-border-warning-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n.s-border-warning-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(220 38 38 / var(--tw-border-opacity))\n}\n.s-border-white\\/30 {\n  border-color: rgb(255 255 255 / 0.3)\n}\n.s-bg-action-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n.s-bg-action-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n.s-bg-action-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n.s-bg-amber-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 243 199 / var(--tw-bg-opacity))\n}\n.s-bg-amber-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(252 211 77 / var(--tw-bg-opacity))\n}\n.s-bg-amber-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(251 191 36 / var(--tw-bg-opacity))\n}\n.s-bg-amber-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 251 235 / var(--tw-bg-opacity))\n}\n.s-bg-blue-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(147 197 253 / var(--tw-bg-opacity))\n}\n.s-bg-blue-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n.s-bg-brand {\n  --tw-bg-opacity: 1;\n  background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-cyan-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(103 232 249 / var(--tw-bg-opacity))\n}\n.s-bg-element-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-element-600 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n.s-bg-element-700 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n.s-bg-element-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(209 250 229 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-emerald-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(52 211 153 / var(--tw-bg-opacity))\n}\n.s-bg-fuchsia-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(240 171 252 / var(--tw-bg-opacity))\n}\n.s-bg-green-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(134 239 172 / var(--tw-bg-opacity))\n}\n.s-bg-indigo-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(165 180 252 / var(--tw-bg-opacity))\n}\n.s-bg-lime-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(190 242 100 / var(--tw-bg-opacity))\n}\n.s-bg-orange-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(253 186 116 / var(--tw-bg-opacity))\n}\n.s-bg-pink-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(252 231 243 / var(--tw-bg-opacity))\n}\n.s-bg-pink-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(253 242 248 / var(--tw-bg-opacity))\n}\n.s-bg-purple-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(243 232 255 / var(--tw-bg-opacity))\n}\n.s-bg-purple-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(216 180 254 / var(--tw-bg-opacity))\n}\n.s-bg-red-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-red-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(252 165 165 / var(--tw-bg-opacity))\n}\n.s-bg-rose-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(253 164 175 / var(--tw-bg-opacity))\n}\n.s-bg-sky-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(224 242 254 / var(--tw-bg-opacity))\n}\n.s-bg-sky-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(125 211 252 / var(--tw-bg-opacity))\n}\n.s-bg-sky-400 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(56 189 248 / var(--tw-bg-opacity))\n}\n.s-bg-slate-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(241 245 249 / var(--tw-bg-opacity))\n}\n.s-bg-slate-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-slate-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-slate-800 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n.s-bg-structure-0 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-structure-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(226 232 240 / var(--tw-bg-opacity))\n}\n.s-bg-structure-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n.s-bg-structure-50 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n.s-bg-success-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(110 231 183 / var(--tw-bg-opacity))\n}\n.s-bg-success-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n.s-bg-teal-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(94 234 212 / var(--tw-bg-opacity))\n}\n.s-bg-violet-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(237 233 254 / var(--tw-bg-opacity))\n}\n.s-bg-violet-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(196 181 253 / var(--tw-bg-opacity))\n}\n.s-bg-warning-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n.s-bg-warning-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 202 202 / var(--tw-bg-opacity))\n}\n.s-bg-warning-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 68 68 / var(--tw-bg-opacity))\n}\n.s-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n}\n.s-bg-white\\/80 {\n  background-color: rgb(255 255 255 / 0.8)\n}\n.s-bg-yellow-300 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(253 224 71 / var(--tw-bg-opacity))\n}\n.s-bg-gradient-to-r {\n  background-image: linear-gradient(to right, var(--tw-gradient-stops))\n}\n.s-from-amber-400 {\n  --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-blue-400 {\n  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-emerald-400 {\n  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-pink-400 {\n  --tw-gradient-from: #f472b6 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(244 114 182 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-from-sky-400 {\n  --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)\n}\n.s-to-blue-400 {\n  --tw-gradient-to: #60a5fa var(--tw-gradient-to-position)\n}\n.s-to-green-400 {\n  --tw-gradient-to: #4ade80 var(--tw-gradient-to-position)\n}\n.s-to-indigo-300 {\n  --tw-gradient-to: #a5b4fc var(--tw-gradient-to-position)\n}\n.s-to-red-300 {\n  --tw-gradient-to: #fca5a5 var(--tw-gradient-to-position)\n}\n.s-to-yellow-300 {\n  --tw-gradient-to: #fde047 var(--tw-gradient-to-position)\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-2 {\n  padding: 0.5rem\n}\n.s-p-2\\.5 {\n  padding: 0.625rem\n}\n.s-p-3 {\n  padding: 0.75rem\n}\n.s-p-4 {\n  padding: 1rem\n}\n.s-p-6 {\n  padding: 1.5rem\n}\n.s-p-8 {\n  padding: 2rem\n}\n.s-p-px {\n  padding: 1px\n}\n.s-px-0 {\n  padding-left: 0px;\n  padding-right: 0px\n}\n.s-px-0\\.5 {\n  padding-left: 0.125rem;\n  padding-right: 0.125rem\n}\n.s-px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem\n}\n.s-px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem\n}\n.s-px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem\n}\n.s-px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem\n}\n.s-px-5 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem\n}\n.s-px-6 {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem\n}\n.s-py-0 {\n  padding-top: 0px;\n  padding-bottom: 0px\n}\n.s-py-0\\.5 {\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem\n}\n.s-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem\n}\n.s-py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem\n}\n.s-py-16 {\n  padding-top: 4rem;\n  padding-bottom: 4rem\n}\n.s-py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem\n}\n.s-py-2\\.5 {\n  padding-top: 0.625rem;\n  padding-bottom: 0.625rem\n}\n.s-py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem\n}\n.s-py-4 {\n  padding-top: 1rem;\n  padding-bottom: 1rem\n}\n.s-pb-10 {\n  padding-bottom: 2.5rem\n}\n.s-pb-2 {\n  padding-bottom: 0.5rem\n}\n.s-pb-6 {\n  padding-bottom: 1.5rem\n}\n.s-pl-0 {\n  padding-left: 0px\n}\n.s-pl-0\\.5 {\n  padding-left: 0.125rem\n}\n.s-pl-1 {\n  padding-left: 0.25rem\n}\n.s-pl-2 {\n  padding-left: 0.5rem\n}\n.s-pl-32 {\n  padding-left: 8rem\n}\n.s-pl-4 {\n  padding-left: 1rem\n}\n.s-pl-5 {\n  padding-left: 1.25rem\n}\n.s-pl-64 {\n  padding-left: 16rem\n}\n.s-pr-10 {\n  padding-right: 2.5rem\n}\n.s-pr-3 {\n  padding-right: 0.75rem\n}\n.s-pr-4 {\n  padding-right: 1rem\n}\n.s-pr-5 {\n  padding-right: 1.25rem\n}\n.s-pr-6 {\n  padding-right: 1.5rem\n}\n.s-pr-8 {\n  padding-right: 2rem\n}\n.s-pt-0 {\n  padding-top: 0px\n}\n.s-pt-0\\.5 {\n  padding-top: 0.125rem\n}\n.s-pt-10 {\n  padding-top: 2.5rem\n}\n.s-pt-14 {\n  padding-top: 3.5rem\n}\n.s-pt-2 {\n  padding-top: 0.5rem\n}\n.s-pt-6 {\n  padding-top: 1.5rem\n}\n.s-text-left {\n  text-align: left\n}\n.s-text-right {\n  text-align: right\n}\n.s-text-2xl {\n  font-size: 1.5rem;\n  line-height: 2rem\n}\n.s-text-3xl {\n  font-size: 1.875rem;\n  line-height: 2.25rem\n}\n.s-text-4xl {\n  font-size: 2.25rem;\n  line-height: 2.5rem\n}\n.s-text-7xl {\n  font-size: 4.5rem;\n  line-height: 1\n}\n.s-text-base {\n  font-size: 1rem;\n  line-height: 1.5rem\n}\n.s-text-lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem\n}\n.s-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem\n}\n.s-text-xl {\n  font-size: 1.25rem;\n  line-height: 1.75rem\n}\n.s-text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem\n}\n.s-font-bold {\n  font-weight: 700\n}\n.s-font-medium {\n  font-weight: 500\n}\n.s-font-normal {\n  font-weight: 400\n}\n.s-font-semibold {\n  font-weight: 600\n}\n.s-uppercase {\n  text-transform: uppercase\n}\n.s-text-action-300 {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n.s-text-action-400 {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n.s-text-action-500 {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n.s-text-action-800 {\n  --tw-text-opacity: 1;\n  color: rgb(30 64 175 / var(--tw-text-opacity))\n}\n.s-text-action-900 {\n  --tw-text-opacity: 1;\n  color: rgb(30 58 138 / var(--tw-text-opacity))\n}\n.s-text-amber-500 {\n  --tw-text-opacity: 1;\n  color: rgb(245 158 11 / var(--tw-text-opacity))\n}\n.s-text-amber-600 {\n  --tw-text-opacity: 1;\n  color: rgb(217 119 6 / var(--tw-text-opacity))\n}\n.s-text-amber-700 {\n  --tw-text-opacity: 1;\n  color: rgb(180 83 9 / var(--tw-text-opacity))\n}\n.s-text-amber-900 {\n  --tw-text-opacity: 1;\n  color: rgb(120 53 15 / var(--tw-text-opacity))\n}\n.s-text-blue-700 {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n.s-text-blue-900 {\n  --tw-text-opacity: 1;\n  color: rgb(30 58 138 / var(--tw-text-opacity))\n}\n.s-text-brand {\n  --tw-text-opacity: 1;\n  color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-cyan-700 {\n  --tw-text-opacity: 1;\n  color: rgb(14 116 144 / var(--tw-text-opacity))\n}\n.s-text-element-500 {\n  --tw-text-opacity: 1;\n  color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n.s-text-element-600 {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n.s-text-element-700 {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n.s-text-element-800 {\n  --tw-text-opacity: 1;\n  color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-element-900 {\n  --tw-text-opacity: 1;\n  color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-emerald-500 {\n  --tw-text-opacity: 1;\n  color: rgb(16 185 129 / var(--tw-text-opacity))\n}\n.s-text-emerald-700 {\n  --tw-text-opacity: 1;\n  color: rgb(4 120 87 / var(--tw-text-opacity))\n}\n.s-text-emerald-900 {\n  --tw-text-opacity: 1;\n  color: rgb(6 78 59 / var(--tw-text-opacity))\n}\n.s-text-fuchsia-700 {\n  --tw-text-opacity: 1;\n  color: rgb(162 28 175 / var(--tw-text-opacity))\n}\n.s-text-gray-500 {\n  --tw-text-opacity: 1;\n  color: rgb(107 114 128 / var(--tw-text-opacity))\n}\n.s-text-green-700 {\n  --tw-text-opacity: 1;\n  color: rgb(21 128 61 / var(--tw-text-opacity))\n}\n.s-text-indigo-700 {\n  --tw-text-opacity: 1;\n  color: rgb(67 56 202 / var(--tw-text-opacity))\n}\n.s-text-lime-700 {\n  --tw-text-opacity: 1;\n  color: rgb(77 124 15 / var(--tw-text-opacity))\n}\n.s-text-orange-700 {\n  --tw-text-opacity: 1;\n  color: rgb(194 65 12 / var(--tw-text-opacity))\n}\n.s-text-pink-900 {\n  --tw-text-opacity: 1;\n  color: rgb(131 24 67 / var(--tw-text-opacity))\n}\n.s-text-purple-700 {\n  --tw-text-opacity: 1;\n  color: rgb(126 34 206 / var(--tw-text-opacity))\n}\n.s-text-purple-900 {\n  --tw-text-opacity: 1;\n  color: rgb(88 28 135 / var(--tw-text-opacity))\n}\n.s-text-red-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-red-700 {\n  --tw-text-opacity: 1;\n  color: rgb(185 28 28 / var(--tw-text-opacity))\n}\n.s-text-red-900 {\n  --tw-text-opacity: 1;\n  color: rgb(127 29 29 / var(--tw-text-opacity))\n}\n.s-text-rose-700 {\n  --tw-text-opacity: 1;\n  color: rgb(190 18 60 / var(--tw-text-opacity))\n}\n.s-text-sky-700 {\n  --tw-text-opacity: 1;\n  color: rgb(3 105 161 / var(--tw-text-opacity))\n}\n.s-text-sky-900 {\n  --tw-text-opacity: 1;\n  color: rgb(12 74 110 / var(--tw-text-opacity))\n}\n.s-text-slate-700 {\n  --tw-text-opacity: 1;\n  color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n.s-text-slate-900 {\n  --tw-text-opacity: 1;\n  color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n.s-text-structure-0 {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-teal-700 {\n  --tw-text-opacity: 1;\n  color: rgb(15 118 110 / var(--tw-text-opacity))\n}\n.s-text-transparent {\n  color: transparent\n}\n.s-text-violet-700 {\n  --tw-text-opacity: 1;\n  color: rgb(109 40 217 / var(--tw-text-opacity))\n}\n.s-text-warning-300 {\n  --tw-text-opacity: 1;\n  color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n.s-text-warning-500 {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n.s-text-warning-900 {\n  --tw-text-opacity: 1;\n  color: rgb(127 29 29 / var(--tw-text-opacity))\n}\n.s-text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.s-text-white\\/70 {\n  color: rgb(255 255 255 / 0.7)\n}\n.s-text-yellow-700 {\n  --tw-text-opacity: 1;\n  color: rgb(161 98 7 / var(--tw-text-opacity))\n}\n.s-placeholder-element-600::-moz-placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n.s-placeholder-element-600::placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n.s-opacity-0 {\n  opacity: 0\n}\n.s-opacity-100 {\n  opacity: 1\n}\n.s-opacity-20 {\n  opacity: 0.2\n}\n.s-opacity-40 {\n  opacity: 0.4\n}\n.s-opacity-50 {\n  opacity: 0.5\n}\n.s-opacity-60 {\n  opacity: 0.6\n}\n.s-shadow-2xl {\n  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-lg {\n  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-md {\n  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-shadow-xl {\n  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.s-outline-none {\n  outline: 2px solid transparent;\n  outline-offset: 2px\n}\n.s-ring-0 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-1 {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n.s-ring-red-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n.s-ring-structure-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(226 232 240 / var(--tw-ring-opacity))\n}\n.s-ring-warning-200 {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n.s-drop-shadow {\n  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-2xl {\n  --tw-drop-shadow: drop-shadow(0 25px 50px rgba(0, 0, 0, 0.12));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-md {\n  --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.25));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-drop-shadow-xl {\n  --tw-drop-shadow: drop-shadow(0 20px 25px rgba(0, 0, 0, 0.14));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.s-backdrop-blur {\n  --tw-backdrop-blur: blur(8px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-backdrop-blur-sm {\n  --tw-backdrop-blur: blur(4px);\n  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)\n}\n.s-transition {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-opacity {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms\n}\n.s-duration-150 {\n  transition-duration: 150ms\n}\n.s-duration-200 {\n  transition-duration: 200ms\n}\n.s-duration-300 {\n  transition-duration: 300ms\n}\n.s-duration-500 {\n  transition-duration: 500ms\n}\n.s-duration-75 {\n  transition-duration: 75ms\n}\n.s-ease-in {\n  transition-timing-function: cubic-bezier(0.4, 0, 1, 1)\n}\n.s-ease-in-out {\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.s-ease-out {\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)\n}\n\n@keyframes bgblink {\n  0%,\n  100% {\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity))\n  }\n  50% {\n    --tw-bg-opacity: 1;\n    background-color: rgb(243 232 255 / var(--tw-bg-opacity))\n  }\n}\n\n.checked\\:s-bg-action-500:checked {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n.checked\\:s-ring-0:checked {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.hover\\:s-scale-100:hover {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-105:hover {\n  --tw-scale-x: 1.05;\n  --tw-scale-y: 1.05;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-scale-110:hover {\n  --tw-scale-x: 1.1;\n  --tw-scale-y: 1.1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.hover\\:s-cursor-not-allowed:hover {\n  cursor: not-allowed\n}\n\n.hover\\:s-border-action-200:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(191 219 254 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-300:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(147 197 253 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-action-500:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-200:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(254 202 202 / var(--tw-border-opacity))\n}\n\n.hover\\:s-border-warning-500:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.hover\\:s-bg-action-100:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-action-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 246 255 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-structure-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-success-200:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(167 243 208 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 113 113 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-bg-warning-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 242 242 / var(--tw-bg-opacity))\n}\n\n.hover\\:s-text-action-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-action-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-element-800:hover {\n  --tw-text-opacity: 1;\n  color: rgb(51 65 85 / var(--tw-text-opacity))\n}\n\n.hover\\:s-text-warning-400:hover {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n.hover\\:s-brightness-110:hover {\n  --tw-brightness: brightness(1.1);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-drop-shadow-md:hover {\n  --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.25));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.hover\\:s-filter:hover {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.focus\\:s-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px\n}\n\n.focus\\:s-ring-0:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-2:focus {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.focus\\:s-ring-action-300:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-red-200:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity))\n}\n\n.focus\\:s-ring-warning-300:focus {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity))\n}\n\n.active\\:s-scale-100:active {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))\n}\n\n.active\\:s-border-action-400:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-500:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-action-700:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-500:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n.active\\:s-border-warning-700:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n.active\\:s-bg-action-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-200:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(191 219 254 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-action-600:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(254 226 226 / var(--tw-bg-opacity))\n}\n\n.active\\:s-bg-warning-600:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(220 38 38 / var(--tw-bg-opacity))\n}\n\n.active\\:s-text-action-600:active {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-action-700:active {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-element-900:active {\n  --tw-text-opacity: 1;\n  color: rgb(15 23 42 / var(--tw-text-opacity))\n}\n\n.active\\:s-text-warning-600:active {\n  --tw-text-opacity: 1;\n  color: rgb(220 38 38 / var(--tw-text-opacity))\n}\n\n.active\\:s-ring-0:active {\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)\n}\n\n.active\\:s-brightness-90:active {\n  --tw-brightness: brightness(.9);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.active\\:s-drop-shadow-none:active {\n  --tw-drop-shadow: drop-shadow(0 0 #0000);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-group:hover .group-hover\\:s-text-action-400 {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n.s-group:hover .group-hover\\:s-text-action-500 {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n.s-group:hover .group-hover\\:s-opacity-100 {\n  opacity: 1\n}\n\n.s-group:hover .group-hover\\:s-brightness-110 {\n  --tw-brightness: brightness(1.1);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-group:hover .group-hover\\:s-filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n.s-group:active .group-active\\:s-text-action-700 {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n.s-group:active .group-active\\:s-brightness-90 {\n  --tw-brightness: brightness(.9);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n:is(.s-dark .dark\\:s-border-action-200-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(30 64 175 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-action-500-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-element-500-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(100 116 139 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-100-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(30 41 59 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(51 65 85 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-200-dark\\/50) {\n  border-color: rgb(51 65 85 / 0.5)\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(71 85 105 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-structure-300-dark\\/30) {\n  border-color: rgb(71 85 105 / 0.3)\n}\n\n:is(.s-dark .dark\\:s-border-structure-50-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(15 23 42 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-border-warning-200-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(153 27 27 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-100-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-action-500-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-amber-500) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(245 158 11 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-black) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-blue-500) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-500-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(100 116 139 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-600-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(148 163 184 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-700-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(203 213 225 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-element-900-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 250 252 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-emerald-500) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(16 185 129 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-pink-500) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(236 72 153 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-sky-500) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(14 165 233 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-sky-700) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(3 105 161 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-0-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-100-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 41 59 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-200-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-300-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(71 85 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(15 23 42 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-structure-50-dark\\/80) {\n  background-color: rgb(15 23 42 / 0.8)\n}\n\n:is(.s-dark .dark\\:s-bg-success-400-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(5 150 105 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-bg-warning-100-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-300-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(29 78 216 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-400-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-600-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-action-700-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-amber-950) {\n  --tw-text-opacity: 1;\n  color: rgb(69 26 3 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-blue-950) {\n  --tw-text-opacity: 1;\n  color: rgb(23 37 84 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-600-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-700-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(203 213 225 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-800-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-element-900-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-emerald-950) {\n  --tw-text-opacity: 1;\n  color: rgb(2 44 34 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-pink-950) {\n  --tw-text-opacity: 1;\n  color: rgb(80 7 36 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-sky-950) {\n  --tw-text-opacity: 1;\n  color: rgb(8 47 73 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-600-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-text-warning-700-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(252 165 165 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::-moz-placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-placeholder-element-600-dark)::placeholder {\n  --tw-placeholder-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-placeholder-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-structure-300-dark) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-ring-warning-200-dark) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:s-saturate-50) {\n  --tw-saturate: saturate(.5);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-300-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(29 78 216 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-500-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-action-600-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(96 165 250 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-border-warning-300-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(185 28 28 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-200-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 64 175 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-400:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(96 165 250 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-action-50-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 37 84 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-structure-200-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(51 65 85 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-bg-warning-50-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(69 10 10 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-300:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-400:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-500-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-600-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-action-700-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-element-800-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(226 232 240 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:hover\\:s-text-warning-500-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(239 68 68 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-action-300-dark:focus) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:focus\\:s-ring-warning-300-dark:focus) {\n  --tw-ring-opacity: 1;\n  --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-action-500-dark:active) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-border-warning-500-dark:active) {\n  --tw-border-opacity: 1;\n  border-color: rgb(239 68 68 / var(--tw-border-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-action-100-dark:active) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 58 138 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-bg-warning-100-dark:active) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(127 29 29 / var(--tw-bg-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600:active) {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-600-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-action-700-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(147 197 253 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-element-900-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(248 250 252 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .dark\\:active\\:s-text-warning-600-dark:active) {\n  --tw-text-opacity: 1;\n  color: rgb(248 113 113 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-400-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(37 99 235 / var(--tw-text-opacity))\n}\n\n:is(.s-dark .s-group:hover .dark\\:group-hover\\:s-text-action-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity))\n}\n\n@media (min-width: 640px) {\n  .sm\\:s-block {\n    display: block\n  }\n  .sm\\:s-w-64 {\n    width: 16rem\n  }\n  .sm\\:s-w-\\[448px\\] {\n    width: 448px\n  }\n  .sm\\:s-w-\\[50rem\\] {\n    width: 50rem\n  }\n  .sm\\:s-rounded-xl {\n    border-radius: 0.75rem\n  }\n  .sm\\:s-p-2 {\n    padding: 0.5rem\n  }\n  .sm\\:s-px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem\n  }\n}\n\n@media (min-width: 768px) {\n  .md\\:s-flex-row {\n    flex-direction: row\n  }\n  .md\\:s-items-center {\n    align-items: center\n  }\n}\n";
 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;
@@ -465,7 +477,7 @@ var textSize = {
     auto: "s-text-xl",
 };
 function Avatar(_a) {
-    var _b = _a.size, size = _b === void 0 ? "md" : _b, name = _a.name, visual = _a.visual, onClick = _a.onClick, _c = _a.clickable, clickable = _c === void 0 ? false : _c, _d = _a.busy, busy = _d === void 0 ? false : _d, _e = _a.isRounded, isRounded = _e === void 0 ? false : _e, backgroundColor = _a.backgroundColor;
+    var _b = _a.size, size = _b === void 0 ? "md" : _b, name = _a.name, visual = _a.visual, onClick = _a.onClick, _c = _a.clickable, clickable = _c === void 0 ? false : _c, _d = _a.busy, busy = _d === void 0 ? false : _d, _e = _a.isRounded, isRounded = _e === void 0 ? false : _e, backgroundColor = _a.backgroundColor, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.className, className = _g === void 0 ? "" : _g;
     var getColor = function (name) {
         if (/\+/.test(name)) {
             //find if there is a plus
@@ -488,7 +500,7 @@ function Avatar(_a) {
         return txtColors[Math.abs(hash) % txtColors.length];
     };
     var clickableStyles = (onClick || clickable) && !busy
-        ? "s-cursor-pointer hover:s-filter hover:s-brightness-110 active:s-brightness-90 s-transition s-duration-200 s-ease-out"
+        ? "s-cursor-pointer hover:s-filter group-hover:s-filter  group-hover:s-brightness-110 hover:s-brightness-110 group-active:s-brightness-90 active:s-brightness-90 s-transition s-duration-200 s-ease-out"
         : "";
     var busyStyles = busy ? "s-animate-breathing s-cursor-default" : "";
     var avatarClass = classNames(sizeClasses$4[size], isRounded ? "s-rounded-full" : roundedClasses[size], backgroundColor
@@ -496,7 +508,7 @@ function Avatar(_a) {
         : name
             ? getColor(name)
             : "s-bg-slate-200", "s-flex s-flex-shrink-0 s-items-center s-justify-center s-overflow-hidden", clickableStyles, busyStyles);
-    return (React.createElement("div", { className: avatarClass },
+    return (React.createElement("div", { className: classNames(avatarClass, disabled ? "s-opacity-50" : "", className) },
         size === "auto" && React.createElement("div", { style: { paddingBottom: "100%" } }),
         typeof visual === "string" ? (React.createElement("img", { src: visual, alt: name, className: classNames(sizeClasses$4[size], "s-h-full s-w-full s-object-cover s-object-center") })) : visual ? (visual) : name ? (React.createElement("span", { className: classNames(getTextVariant(name), textSize[size], "s-select-none s-font-medium") }, /\+/.test(name) ? name : name[0].toUpperCase())) : (React.createElement(SvgUser$1, { className: "s-h-1/2 s-w-1/2 s-opacity-20" }))));
 }
@@ -566,7 +578,7 @@ var IconSizes = {
 };
 function Icon(_a) {
     var IconComponent = _a.visual, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.className, className = _c === void 0 ? "" : _c;
-    return IconComponent ? (React.createElement(IconComponent, { className: classNames(className, "shrink-0", IconSizes[size]) })) : null;
+    return IconComponent ? (React.createElement(IconComponent, { className: classNames(className, "s-shrink-0", IconSizes[size]) })) : null;
 }
 function Tooltip(_a) {
@@ -754,7 +766,7 @@ var cusrsorSizeClasses = {
 };
 var stateClasses$1 = {
     idle: "s-bg-structure-200 hover:s-bg-action-400",
-    selected: "s-bg-success-400 hover:s-bg-success-300",
+    selected: "s-bg-success-300 hover:s-bg-success-200",
     disabled: "s-bg-structure-300 s-cursor-not-allowed hover:s-bg-structure-300 hover:s-cursor-not-allowed",
     dark: {
         idle: "dark:s-bg-structure-200-dark dark:hover:s-bg-action-400",
@@ -31965,7 +31977,7 @@ var sizeClasses$1 = {
     sm: "s-py-2 s-text-sm s-font-normal",
     md: "s-py-3 s-text-sm s-font-semibold",
 };
-var baseClasses$3 = "s-group s-inline-flex s-transition-colors s-ease-out s-duration-400 s-box-border s-gap-x-2 s-select-none";
+var baseClasses$3 = "s-group s-inline-flex s-transition-colors s-ease-out s-duration-400 s-box-border s-gap-x-2 s-select-none s-text-sm";
 var iconBaseClasses = "s-transition-colors s-ease-out s-duration-400";
 var iconClasses$3 = {
     default: {
@@ -32084,15 +32096,75 @@ function Item(_a) {
         React.createElement("span", { className: "s-grow s-truncate" }, label),
         variant === "default" && (React.createElement(Icon, { visual: SvgChevronRight$1, className: finalCevronClasses, size: "sm" }))));
 }
+Item.Entry = function (props) {
+    return React.createElement(Item2, __assign({}, props, { spacing: "sm", style: "item", hasAction: "hover" }));
+};
+Item.Avatar = function (_a) {
+    var description = _a.description, otherProps = __rest(_a, ["description"]);
+    return (React.createElement(Item2, __assign({}, otherProps, { style: "action", spacing: description ? "md" : "sm", description: description })));
+};
+Item.Navigation = function (props) {
+    return React.createElement(Item2, __assign({}, props, { style: "action", spacing: "md" }));
+};
+Item.Dropdown = function (props) {
+    return React.createElement(Item2, __assign({}, props, { spacing: "md", style: "action", hasAction: false }));
+};
 Item.SectionHeader = function (_a) {
     var label = _a.label, _b = _a.variant, variant = _b === void 0 ? "primary" : _b;
-    return (React.createElement("div", { className: classNames(variant === "primary" ? "s-text-element-800" : "s-text-element-600", "s-pb-1 s-pt-3 s-text-xs s-font-medium s-uppercase") }, label));
+    return (React.createElement("div", { className: classNames(variant === "primary" ? "s-text-element-800" : "s-text-element-600", "s-pb-2 s-pt-6   s-text-xs s-font-medium s-uppercase") }, label));
 };
 Item.List = function (_a) {
     var children = _a.children, className = _a.className;
     return (React.createElement("div", { className: classNames(className ? className : "", "s-flex") },
         React.createElement("div", { className: "s-flex s-w-full s-flex-col" }, children)));
 };
+function Item2(_a) {
+    var label = _a.label, description = _a.description, visual = _a.visual, icon = _a.icon, _b = _a.style, style = _b === void 0 ? "action" : _b, _c = _a.spacing, spacing = _c === void 0 ? "sm" : _c, _d = _a.action, action = _d === void 0 ? SvgChevronRight$1 : _d, _e = _a.hasAction, hasAction = _e === void 0 ? true : _e, onClick = _a.onClick, _f = _a.selected, selected = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.className, className = _h === void 0 ? "" : _h, href = _a.href;
+    var components = React.useContext(SparkleContext).components;
+    var Link = href ? components.link : noHrefLink;
+    var visualElement;
+    if (visual) {
+        visualElement = (React.createElement(Avatar, { size: description ? "sm" : "xs", visual: visual, disabled: disabled, clickable: true }));
+    }
+    else if (icon) {
+        visualElement = (React.createElement(Icon, { visual: icon, className: classNames("s-transition-colors s-duration-200 s-ease-out", disabled
+                ? "s-text-element-500"
+                : selected
+                    ? "s-text-action-400"
+                    : "s-text-element-600 group-hover:s-text-action-400 group-active:s-text-action-700") }));
+    }
+    return (React.createElement(Link, { className: classNames("s-duration-400 s-group s-box-border s-flex s-select-none s-text-sm s-transition-colors s-ease-out", spacingClasses[spacing], disabled ? "" : "s-cursor-pointer", className), onClick: selected || disabled ? undefined : onClick, "aria-label": label, href: href || "#" },
+        visualElement,
+        React.createElement("div", { className: classNames("s-flex s-grow s-flex-col s-gap-0 s-overflow-hidden") },
+            React.createElement("div", { className: classNames("s-transition-colors s-duration-200 s-ease-out", "s-grow s-truncate s-text-sm", labelStyleClasses[style], disabled
+                    ? "s-text-element-600"
+                    : selected
+                        ? "s-text-action-500"
+                        : classNames(labelColorClasses[style], activeLabelStyleClasses)) }, label),
+            React.createElement("div", { className: classNames("s-grow s-truncate s-text-xs", disabled ? " s-text-element-600" : "s-text-element-700") }, description)),
+        React.createElement(Icon, { visual: action, className: hasAction
+                ? classNames("s-shrink-0 s-transition-all s-duration-200 s-ease-out", hasAction === "hover"
+                    ? "s-opacity-0 group-hover:s-opacity-100 "
+                    : "", disabled
+                    ? "s-text-element-500"
+                    : selected
+                        ? "s-text-action-400 s-opacity-100"
+                        : classNames("s-text-element-600 group-hover:s-text-action-400 group-active:s-text-action-700", hasAction ? "group-hover:s-opacity-100" : ""))
+                : "s-hidden", size: "sm" })));
+}
+var activeLabelStyleClasses = "group-hover:s-text-action-500 group-active:s-text-action-700";
+var labelStyleClasses = {
+    item: "s-font-normal",
+    action: "s-font-semibold",
+};
+var labelColorClasses = {
+    item: "s-text-element-600",
+    action: "s-text-element-900",
+};
+var spacingClasses = {
+    sm: "s-py-2 s-gap-x-2",
+    md: "s-py-2.5 s-gap-x-3",
+};
 function ContextItem(_a) {
     var title = _a.title, visual = _a.visual, action = _a.action, children = _a.children, _b = _a.hasSeparator, hasSeparator = _b === void 0 ? true : _b;
@@ -32658,11 +32730,11 @@ DropdownMenu.Button = function (_a) {
         React.createElement(Icon, { visual: type === "select" ? SvgChevronUpDown$1 : SvgChevronDown$1, size: "xs", className: finalChevronClasses })))));
 };
 DropdownMenu.Item = function (_a) {
-    var label = _a.label, href = _a.href, disabled = _a.disabled, visual = _a.visual, onClick = _a.onClick;
+    var label = _a.label, description = _a.description, href = _a.href, disabled = _a.disabled, visual = _a.visual, icon = _a.icon, onClick = _a.onClick;
     return (
     // need to use as="div" -- otherwise we get a "forwardRef" error in the console
     React.createElement(it.Item, { disabled: disabled, as: "div" },
-        React.createElement(Item, { className: "s-w-full s-px-4", variant: "dropdown", size: "md", href: href, onClick: onClick, label: label, visual: visual })));
+        React.createElement(Item.Dropdown, { className: "s-w-full s-px-4", href: href, onClick: onClick, label: label, visual: visual, icon: icon, description: description })));
 };
 DropdownMenu.Items = function (_a) {
     var _b = _a.origin, origin = _b === void 0 ? "auto" : _b, _c = _a.width, width = _c === void 0 ? 160 : _c, children = _a.children;
@@ -32715,7 +32787,7 @@ DropdownMenu.Items = function (_a) {
         }
     };
     return (React.createElement(tt, { as: React.Fragment, enter: "s-transition s-ease-out s-duration-200", enterFrom: getOriginTransClass(origin), enterTo: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leave: "s-transition s-ease-in s-duration-75", leaveFrom: "s-transform s-opacity-100 s-scale-100 s-translate-y-0", leaveTo: getOriginTransClass(origin) },
-        React.createElement(it.Items, { className: "s-absolute s-z-10 ".concat(getOriginClass(origin), " s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), style: styleInsert(origin) },
+        React.createElement(it.Items, { className: "s-absolute s-z-10 ".concat(getOriginClass(origin), " s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-py-1 s-shadow-lg focus:s-outline-none dark:s-border-structure-100-dark dark:s-bg-structure-0-dark"), style: styleInsert(origin) },
             React.createElement(Item.List, null, children))));
 };
 function findOriginFromButton(buttonRef) {