@worldcoin/mini-apps-ui-kit-react 1.0.0-canary.1 → 1.0.0-canary.10

package/README.md

@@ -7,11 +7,11 @@ React components UI Kit library for Mini Apps
 ## Getting Started
 
 - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs**/**vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
 
-## Tailwind Configuration
+## Tailwind **Configuration**
 
-- `./styles/globals.css`: is the main entrypoint for the tailwind css styles
+- `./**styles**/globals.css`: is the main entrypoint for the tailwind css styles
 - `./public/globals.css`: compiled tailwind css styles
 - `./src/tailwind`: tailwind plugin with uiKit tailwind presets
 
@@ -107,32 +107,30 @@ This method enables tree-shaking and reduces your final bundle size by only incl
 
 ## Icons
 
-The library uses [Hugeicons](https://hugeicons.com/) for its icon system. To use icons in your project, you'll need to install the [React package](https://www.npmjs.com/package/@hugeicons/react):
+The library uses [Iconoir](https://iconoir.com/) for its icon system. To use icons in your project, you'll need to install the [React package](https://www.npmjs.com/package/iconoir-react):
 
 ```bash
-npm install @hugeicons/react
+npm install iconoir-react
 # or
-yarn add @hugeicons/react
+yarn add iconoir-react
 ```
 
 Then you can import and use icons in your components:
 
 ```jsx
-import { HomeIcon } from '@hugeicons/react';
+import { Home } from 'iconoir-react';
 
 function MyComponent() {
-  return <HomeIcon size={24} />;
+  return <Home width={24} height={24} />;
 }
 ```
 
-Hugeicons provides a comprehensive set of icons across various categories including:
-- Navigation & UI elements
-- Social media
-- Business & Finance
-- Communication
-- Technology
-- And many more...
+Iconoir provides a comprehensive set of 1,600+ unique SVG icons, designed on a 24x24 pixels grid. The icons are:
+- 100% free and open source
+- Available in SVG, React, React Native, Flutter, Figma and Framer
+- Optimized for performance
+- Customizable with different sizes, colors, and styles
 
-You can browse the complete icon set at [hugeicons.com](https://hugeicons.com/).
+You can browse the complete icon set at [iconoir.com](https://iconoir.com/).
 
-Hugeicons is available under various license options. Please refer to their [website](https://hugeicons.com/) for detailed licensing information. 
+Iconoir is available under the MIT License. Please refer to their [website](https://iconoir.com/) for more details. 

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,22 @@
+import { BottomBarProps } from '../BottomBar';
+import { AlertDialogCloseProps, AlertDialogContentProps, AlertDialogDescriptionProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTitleProps, AlertDialogTriggerProps } from './types';
+import * as React from "react";
+declare const AlertDialog: {
+    ({ dismissible, modal, ...props }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: typeof import('vaul').Portal;
+declare const AlertDialogClose: React.ForwardRefExoticComponent<AlertDialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ icon, children, ...props }: AlertDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    (props: BottomBarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+export { AlertDialog, AlertDialogPortal, AlertDialogTrigger, AlertDialogClose, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, };

package/dist/components/AlertDialog/AlertDialog.js

@@ -2,50 +2,48 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { cn as s } from "../../lib/utils.js";
 import * as i from "react";
-import { Drawer as t } from "../../node_modules/.pnpm/vaul@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_react-dom@18.3._7iqkcrcg5qjc3n2ixm6rnrnx3e/node_modules/vaul/dist/index.js";
-import { BottomBar as g } from "../BottomBar/BottomBar.js";
-import { Button as f } from "../Button/Button.js";
-import { XMark as p } from "../Icons/XMark.js";
+import { Drawer as o } from "../../node_modules/.pnpm/vaul@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_react-dom@18.3._7iqkcrcg5qjc3n2ixm6rnrnx3e/node_modules/vaul/dist/index.js";
+import { BottomBar as c } from "../BottomBar/BottomBar.js";
+import { Button as g } from "../Button/Button.js";
+import { XMark as f } from "../Icons/XMark.js";
 import { Typography as m } from "../Typography/Typography.js";
-import { AlertDialogContext as D, useAlertDialog as A } from "./use-alert-dialog.js";
-const y = ({ dismissible: e = !0, modal: l = !0, ...a }) => /* @__PURE__ */ r(D.Provider, { value: { dismissible: e }, children: /* @__PURE__ */ r(
-  t.Root,
+import { AlertDialogContext as p, useAlertDialog as D } from "./use-alert-dialog.js";
+const A = ({ dismissible: e = !0, modal: l = !0, ...t }) => /* @__PURE__ */ r(p.Provider, { value: { dismissible: e }, children: /* @__PURE__ */ r(
+  o.Root,
   {
     shouldScaleBackground: !1,
     dismissible: e,
     modal: l,
-    ...a
+    ...t
   }
 ) });
-y.displayName = "AlertDialog";
-const h = i.forwardRef((e, l) => /* @__PURE__ */ r(t.Trigger, { ref: l, ...e }));
+A.displayName = "AlertDialog";
+const h = i.forwardRef((e, l) => /* @__PURE__ */ r(o.Trigger, { ref: l, ...e }));
 h.displayName = "AlertDialogTrigger";
-const N = t.Portal, d = i.forwardRef((e, l) => /* @__PURE__ */ r(t.Close, { ref: l, ...e }));
+const u = o.Portal, d = i.forwardRef((e, l) => /* @__PURE__ */ r(o.Close, { ref: l, ...e }));
 d.displayName = "AlertDialogClose";
-const c = i.forwardRef(({ className: e, ...l }, a) => /* @__PURE__ */ r(
-  t.Overlay,
-  {
-    ref: a,
-    className: s("fixed inset-0 z-50 bg-gray-900/40", e),
-    ...l
-  }
-));
-c.displayName = "AlertDialogOverlay";
-const u = i.forwardRef(({ className: e, children: l, ...a }, o) => /* @__PURE__ */ n(N, { children: [
-  /* @__PURE__ */ r(c, {}),
+const y = i.forwardRef(({ className: e, children: l, ...t }, a) => /* @__PURE__ */ n(u, { children: [
   /* @__PURE__ */ r(
-    t.Content,
+    o.Overlay,
     {
-      ref: o,
+      ref: a,
+      className: s("fixed inset-0 z-50 bg-gray-900/40", e),
+      ...t
+    }
+  ),
+  /* @__PURE__ */ r(
+    o.Content,
+    {
+      ref: a,
       className: s("fixed inset-x-0 bottom-0 z-50 mt-24 h-auto", e),
-      ...a,
+      ...t,
       children: /* @__PURE__ */ r("div", { className: "flex flex-col rounded-[1.75rem] bg-gray-0 m-3 p-8", children: l })
     }
   )
 ] }));
-u.displayName = "AlertDialogContent";
-const x = ({ icon: e, children: l, ...a }) => {
-  const { dismissible: o } = A();
+y.displayName = "AlertDialogContent";
+const N = ({ icon: e, children: l, ...t }) => {
+  const { dismissible: a } = D();
   return /* @__PURE__ */ n(
     "div",
     {
@@ -53,42 +51,41 @@ const x = ({ icon: e, children: l, ...a }) => {
         "flex justify-between gap-4 mb-4 w-full",
         e ? "items-start" : "items-center"
       ),
-      ...a,
+      ...t,
       children: [
         /* @__PURE__ */ n("div", { className: "flex flex-col gap-6", children: [
           e,
           l
         ] }),
-        o && /* @__PURE__ */ r("div", { className: "shrink-0", children: /* @__PURE__ */ r(d, { asChild: !0, children: /* @__PURE__ */ r(f, { variant: "tertiary", size: "icon", children: /* @__PURE__ */ r(p, {}) }) }) })
+        a && /* @__PURE__ */ r("div", { className: "shrink-0", children: /* @__PURE__ */ r(d, { asChild: !0, children: /* @__PURE__ */ r(g, { variant: "tertiary", size: "icon", children: /* @__PURE__ */ r(f, {}) }) }) })
       ]
     }
   );
 };
-x.displayName = "AlertDialogHeader";
-const v = (e) => /* @__PURE__ */ r(g, { ...e });
-v.displayName = "AlertDialogFooter";
-const C = i.forwardRef(({ className: e, children: l, ...a }, o) => /* @__PURE__ */ r(t.Title, { ref: o, ...a, asChild: !0, children: /* @__PURE__ */ r(m, { variant: "heading", level: 2, children: l }) }));
-C.displayName = "AlertDialogTitle";
-const w = i.forwardRef(({ className: e, children: l, ...a }, o) => /* @__PURE__ */ r(
-  t.Description,
+N.displayName = "AlertDialogHeader";
+const x = (e) => /* @__PURE__ */ r(c, { ...e });
+x.displayName = "AlertDialogFooter";
+const v = i.forwardRef(({ className: e, children: l, ...t }, a) => /* @__PURE__ */ r(o.Title, { ref: a, ...t, asChild: !0, children: /* @__PURE__ */ r(m, { variant: "heading", level: 2, children: l }) }));
+v.displayName = "AlertDialogTitle";
+const C = i.forwardRef(({ className: e, children: l, ...t }, a) => /* @__PURE__ */ r(
+  o.Description,
   {
-    ref: o,
+    ref: a,
     className: s("text-gray-500 mb-8", e),
-    ...a,
+    ...t,
     asChild: !0,
     children: /* @__PURE__ */ r(m, { children: l })
   }
 ));
-w.displayName = "AlertDialogDescription";
+C.displayName = "AlertDialogDescription";
 export {
-  y as AlertDialog,
+  A as AlertDialog,
   d as AlertDialogClose,
-  u as AlertDialogContent,
-  w as AlertDialogDescription,
-  v as AlertDialogFooter,
-  x as AlertDialogHeader,
-  c as AlertDialogOverlay,
-  N as AlertDialogPortal,
-  C as AlertDialogTitle,
+  y as AlertDialogContent,
+  C as AlertDialogDescription,
+  x as AlertDialogFooter,
+  N as AlertDialogHeader,
+  u as AlertDialogPortal,
+  v as AlertDialogTitle,
   h as AlertDialogTrigger
 };

package/dist/components/AlertDialog/index.js

@@ -1,13 +1,12 @@
-import { AlertDialog as r, AlertDialogClose as o, AlertDialogContent as t, AlertDialogDescription as i, AlertDialogFooter as a, AlertDialogHeader as g, AlertDialogOverlay as D, AlertDialogPortal as A, AlertDialogTitle as n, AlertDialogTrigger as p } from "./AlertDialog.js";
+import { AlertDialog as o, AlertDialogClose as r, AlertDialogContent as t, AlertDialogDescription as i, AlertDialogFooter as a, AlertDialogHeader as g, AlertDialogPortal as D, AlertDialogTitle as A, AlertDialogTrigger as n } from "./AlertDialog.js";
 export {
-  r as AlertDialog,
-  o as AlertDialogClose,
+  o as AlertDialog,
+  r as AlertDialogClose,
   t as AlertDialogContent,
   i as AlertDialogDescription,
   a as AlertDialogFooter,
   g as AlertDialogHeader,
-  D as AlertDialogOverlay,
-  A as AlertDialogPortal,
-  n as AlertDialogTitle,
-  p as AlertDialogTrigger
+  D as AlertDialogPortal,
+  A as AlertDialogTitle,
+  n as AlertDialogTrigger
 };

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

@@ -3,10 +3,9 @@ import { ButtonHTMLAttributes } from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "tertiary" | null | undefined;
     size?: "sm" | "lg" | "icon" | null | undefined;
-    stateful?: boolean | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "className">, VariantProps<typeof buttonVariants> {
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     /**
      * The variant style to use
      * @default "primary"
@@ -17,11 +16,6 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
      * @default "lg"
      */
     size?: "sm" | "lg" | "icon";
-    /**
-     * The state of the button
-     * @default undefined
-     */
-    state?: "pending" | "success" | "failed";
     /**
      * Whether the button should take up the full width of its container
      * @default false

package/dist/components/Button/Button.js

@@ -1,14 +1,11 @@
 "use client";
-import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import { cn as b } from "../../lib/utils.js";
-import { Slot as d } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as m } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { forwardRef as p } from "react";
-import { Fail as f } from "../Icons/Fail.js";
-import { Success as c } from "../Icons/Success.js";
-import { Spinner as y } from "../Spinner/Spinner.js";
-import { typographyVariants as u } from "../Typography/Typography.js";
-const v = m(
+import { jsx as l } from "react/jsx-runtime";
+import { cn as n } from "../../lib/utils.js";
+import { Slot as s } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as y } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { forwardRef as d } from "react";
+import { typographyVariants as m } from "../Typography/Typography.js";
+const b = y(
   "flex items-center justify-center rounded-full gap-2 font-sans leading-[1.2] tracking-normal transition-colors",
   {
     variants: {
@@ -22,10 +19,6 @@ const v = m(
         lg: "h-14 min-w-14 px-4",
         icon: "size-10"
       },
-      stateful: {
-        true: "border-none bg-transparent fill-transparent text-transparent hover:bg-transparent active:bg-transparent disabled:bg-transparent disabled:text-transparent",
-        false: ""
-      },
       fullWidth: {
         true: "w-full",
         false: ""
@@ -37,35 +30,30 @@ const v = m(
       fullWidth: !1
     }
   }
-), x = p(
-  ({ variant: e, size: t = "lg", fullWidth: s, asChild: i, state: r, children: n, ...o }, l) => /* @__PURE__ */ g(
-    i ? d : "button",
+), f = d(
+  ({ variant: t = "primary", size: r = "lg", fullWidth: e, asChild: i, children: o, ...a }, g) => /* @__PURE__ */ l(
+    i ? s : "button",
     {
-      ref: l,
-      className: b(
-        v({
-          variant: e,
-          size: t,
-          stateful: !!r,
-          fullWidth: s
+      ref: g,
+      ...a,
+      className: n(
+        b({
+          variant: t,
+          size: r,
+          fullWidth: e
         }),
-        u({
+        m({
           variant: "label",
-          level: t === "lg" ? 1 : 2
-        })
+          level: r === "lg" ? 1 : 2
+        }),
+        a.className
       ),
-      ...o,
-      children: [
-        !r && n,
-        r === "pending" && /* @__PURE__ */ a(y, { className: "absolute size-6" }),
-        r === "success" && /* @__PURE__ */ a(c, { className: "absolute size-6" }),
-        r === "failed" && /* @__PURE__ */ a(f, { className: "absolute size-6" })
-      ]
+      children: o
     }
   )
 );
-x.displayName = "Button";
+f.displayName = "Button";
 export {
-  x as Button,
-  x as default
+  f as Button,
+  f as default
 };

package/dist/components/Chip/Chip.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
-import { ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 type ChipVariant = "default" | "success" | "warning" | "error" | "important";
-export interface ChipProps {
+export interface ChipProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * The variant of the chip. Default value is "default".
      */
@@ -20,7 +20,7 @@ export interface ChipProps {
     className?: string;
 }
 export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & VariantProps<(props?: ({
-    variant?: "error" | "success" | "default" | "warning" | "important" | null | undefined;
+    variant?: "error" | "default" | "success" | "warning" | "important" | null | undefined;
     isIcon?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
 export default Chip;

package/dist/components/Chip/Chip.js

@@ -1,9 +1,9 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { Slot as o } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as l } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { forwardRef as f } from "react";
-import { Typography as m } from "../Typography/Typography.js";
-const c = l(
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { Slot as l } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva as f } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { forwardRef as m } from "react";
+import { Typography as c } from "../Typography/Typography.js";
+const d = f(
   "inline-flex h-7 items-center gap-2 rounded-full px-4 font-sans text-sm font-medium leading-none",
   {
     variants: {
@@ -24,14 +24,22 @@ const c = l(
       isIcon: !1
     }
   }
-), d = f(
-  ({ className: e = "", icon: r, label: a, variant: i = "default" }, n) => /* @__PURE__ */ s("div", { ref: n, className: c({ variant: i, className: e, isIcon: !!r }), children: [
-    r && /* @__PURE__ */ t(o, { style: { width: "1rem", height: "1rem" }, children: r }),
-    /* @__PURE__ */ t(m, { variant: "subtitle", level: 4, children: a })
-  ] })
+), p = m(
+  ({ icon: r, label: e, variant: a = "default", className: i, ...n }, s) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: s,
+      className: d({ variant: a, className: i, isIcon: !!r }),
+      ...n,
+      children: [
+        r && /* @__PURE__ */ t(l, { style: { width: "1rem", height: "1rem" }, children: r }),
+        /* @__PURE__ */ t(c, { variant: "subtitle", level: 4, children: e })
+      ]
+    }
+  )
 );
-d.displayName = "Chip";
+p.displayName = "Chip";
 export {
-  d as Chip,
-  d as default
+  p as Chip,
+  p as default
 };

package/dist/components/CircularIcon/CircularIcon.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export type CircularIconSize = "xs" | "sm" | "md" | "lg" | "xl";
+export interface CircularIconProps {
+    children?: ReactNode;
+    className?: string;
+    size?: CircularIconSize;
+}
+export declare function CircularIcon({ children, className, size }: CircularIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/CircularIcon/CircularIcon.js

@@ -0,0 +1,32 @@
+import { jsx as s } from "react/jsx-runtime";
+import { Slot as m } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
+import { cn as l } from "../../lib/utils.js";
+const o = {
+  xs: "size-6",
+  sm: "size-11",
+  md: "size-12",
+  lg: "size-16",
+  xl: "size-[5.5rem]"
+}, t = {
+  xs: "size-[0.875rem]",
+  sm: "size-[1.5rem]",
+  md: "size-[1.625rem]",
+  lg: "size-[2.125rem]",
+  xl: "size-12"
+};
+function a({ children: i, className: r, size: e = "md" }) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: l(
+        "rounded-full flex items-center justify-center",
+        o[e],
+        r
+      ),
+      children: /* @__PURE__ */ s(m, { className: t[e], children: i })
+    }
+  );
+}
+export {
+  a as CircularIcon
+};

package/dist/components/CircularIcon/index.d.ts

@@ -0,0 +1 @@
+export * from './CircularIcon';

package/dist/components/CircularIcon/index.js

@@ -0,0 +1,4 @@
+import { CircularIcon as c } from "./CircularIcon.js";
+export {
+  c as CircularIcon
+};

package/dist/components/ColorPicker/ColorPicker.js

@@ -1,35 +1,29 @@
 import { jsx as t } from "react/jsx-runtime";
-import { Item as n, Indicator as i, Root as c } from "../../node_modules/.pnpm/@radix-ui_react-radio-group@1.2.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@_2u6lfd2xt65wmbxn7lgvaxqbmy/node_modules/@radix-ui/react-radio-group/dist/index.js";
-import { forwardRef as s } from "react";
-const f = s(
+import { Item as n, Indicator as d, Root as i } from "../../node_modules/.pnpm/@radix-ui_react-radio-group@1.2.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@_2u6lfd2xt65wmbxn7lgvaxqbmy/node_modules/@radix-ui/react-radio-group/dist/index.js";
+import { forwardRef as a } from "react";
+const f = a(
   ({ value: e, ...r }, o) => /* @__PURE__ */ t(
     n,
     {
       ref: o,
       value: e,
-      className: "size-[2.5rem] cursor-default rounded-full outline-none flex items-center justify-center relative disabled:opacity-90 disabled:cursor-not-allowed",
+      className: "size-[3.25rem] cursor-default rounded-full outline-none flex items-center justify-center relative disabled:opacity-90 disabled:cursor-not-allowed",
       style: {
         background: e
       },
       ...r,
-      children: /* @__PURE__ */ t(
-        i,
-        {
-          className: "absolute flex size-[2.75rem] items-center rounded-full justify-center",
-          style: { boxShadow: `0px 0px 0px 4px ${e}` }
-        }
-      )
+      children: /* @__PURE__ */ t(d, { className: "size-11 rounded-full bg-transparent border-2 border-gray-0" })
     }
   )
-), p = s(
-  ({ value: e, onChange: r, children: o, ...l }, a) => /* @__PURE__ */ t(
-    c,
+), p = a(
+  ({ value: e, onChange: r, children: o, ...s }, l) => /* @__PURE__ */ t(
+    i,
     {
-      ref: a,
+      ref: l,
       value: e,
       onValueChange: r,
       className: "flex gap-4 items-center",
-      ...l,
+      ...s,
       children: o
     }
   )

package/dist/components/CountryDrawer/CountryDrawer.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { useState as i, useRef as S } from "react";
 import { Button as w } from "../Button/Button.js";

package/dist/components/LiveFeedback/LiveFeedback.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+interface LiveFeedbackProps {
+    /** The current state of the feedback. Controls which icon and label are shown. */
+    state?: "pending" | "success" | "failed";
+    /** The content to wrap with live feedback, typically a button or form element */
+    children: React.ReactNode;
+    /** Optional className to apply to the wrapper div */
+    className?: string;
+    /** Optional labels to show next to the icons for each state */
+    label?: {
+        /** Text to show during the pending state */
+        pending: string;
+        /** Text to show when operation succeeds */
+        success: string;
+        /** Text to show when operation fails */
+        failed: string;
+    };
+}
+declare function LiveFeedback({ state, children, className, label }: LiveFeedbackProps): import("react/jsx-runtime").JSX.Element;
+export default LiveFeedback;

package/dist/components/LiveFeedback/LiveFeedback.js

@@ -0,0 +1,48 @@
+import { jsxs as s, jsx as r, Fragment as c } from "react/jsx-runtime";
+import { cn as n } from "../../lib/utils.js";
+import { Fail as f } from "../Icons/Fail.js";
+import { Success as p } from "../Icons/Success.js";
+import { Spinner as t } from "../Spinner/Spinner.js";
+import { Typography as d } from "../Typography/Typography.js";
+function x({ state: e, children: m, className: o, label: i }) {
+  return /* @__PURE__ */ s("div", { className: n("relative", o), children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: n(
+          "w-full h-full",
+          e && "invisible"
+          // Hide children but preserve space
+        ),
+        children: m
+      }
+    ),
+    e && /* @__PURE__ */ s(
+      "div",
+      {
+        className: n(
+          "absolute inset-0 flex items-center justify-center gap-2",
+          e === "success" && "text-success-600",
+          e === "failed" && "text-error-600"
+        ),
+        children: [
+          e === "pending" && /* @__PURE__ */ s(c, { children: [
+            /* @__PURE__ */ r(t, { className: "size-6" }),
+            (i == null ? void 0 : i.pending) && /* @__PURE__ */ r(d, { variant: "label", level: 2, children: i.pending })
+          ] }),
+          e === "success" && /* @__PURE__ */ s(c, { children: [
+            /* @__PURE__ */ r(p, { className: "size-6" }),
+            (i == null ? void 0 : i.success) && /* @__PURE__ */ r(d, { variant: "label", level: 2, children: i.success })
+          ] }),
+          e === "failed" && /* @__PURE__ */ s(c, { children: [
+            /* @__PURE__ */ r(f, { className: "size-6" }),
+            (i == null ? void 0 : i.failed) && /* @__PURE__ */ r(d, { variant: "label", level: 2, children: i.failed })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  x as default
+};

package/dist/components/LiveFeedback/index.d.ts

@@ -0,0 +1 @@
+export * from './LiveFeedback';

package/dist/components/LiveFeedback/index.js

@@ -0,0 +1,2 @@
+import "react/jsx-runtime";
+import "../Typography/Typography.js";

package/dist/components/PhoneField/PhoneField.js

@@ -1,17 +1,17 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as B, useMemo as R, useImperativeHandle as W } from "react";
-import { usePhoneInput as _ } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
-import { CountryDrawer as $ } from "../CountryDrawer/CountryDrawer.js";
-import { Input as b } from "../Input/Input.js";
-import j from "./CountrySelectorButton.js";
-import { DIAL_CODE_PREFIX as q, startAdornmentWidthByDialCodeLength as H } from "./constants.js";
-import { getCountryDataListByCodes as M, getValidatedCountryCode as d } from "./utils.js";
-const N = B(
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as x, useImperativeHandle as B } from "react";
+import { usePhoneInput as R } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
+import { CountryDrawer as W } from "../CountryDrawer/CountryDrawer.js";
+import { Input as _ } from "../Input/Input.js";
+import $ from "./CountrySelectorButton.js";
+import { DIAL_CODE_PREFIX as b, startAdornmentWidthByDialCodeLength as j } from "./constants.js";
+import { getCountryDataListByCodes as q, getValidatedCountryCode as d } from "./utils.js";
+const H = x(
   ({
     value: m,
     onChange: o,
-    countries: r,
+    countries: i,
     label: f = "Phone",
     defaultCountryCode: t = "US",
     disableDialCodePrefill: c = !0,
@@ -24,16 +24,16 @@ const N = B(
     inputMode: A = "tel",
     autoComplete: w = "tel",
     autoCapitalize: P = "off",
-    autoCorrect: L = "off",
-    ...v
-  }, E) => {
-    const I = R(() => M(r), [r]), { inputValue: S, country: n, inputRef: a, handlePhoneValueChange: g, setCountry: F } = _(
+    autoCorrect: v = "off",
+    ...E
+  }, I) => {
+    const { inputValue: L, country: r, inputRef: n, handlePhoneValueChange: S, setCountry: g } = R(
       {
         defaultCountry: t.toLowerCase(),
         disableDialCodePrefill: c,
         disableDialCodeAndPrefix: !0,
         value: m,
-        countries: I,
+        countries: q(i),
         onChange: (e) => {
           o == null || o(
             e.phone,
@@ -41,52 +41,52 @@ const N = B(
           );
         }
       }
-    ), s = d(n.iso2, t), V = `${q}${n.dialCode}`, x = H[n.dialCode.length];
-    return W(E, () => a.current), /* @__PURE__ */ i(
-      b,
+    ), u = d(r.iso2, t), F = `${b}${r.dialCode}`, V = j[r.dialCode.length];
+    return B(I, () => n.current), /* @__PURE__ */ a(
+      _,
       {
-        ...v,
-        ref: a,
+        ...E,
+        ref: n,
         type: D,
         inputMode: A,
         autoComplete: w,
         autoCapitalize: P,
-        autoCorrect: L,
-        value: S,
-        onChange: g,
+        autoCorrect: v,
+        value: L,
+        onChange: S,
         label: f,
         disabled: l,
         error: h,
         isValid: p,
         endAdornment: C,
         endAdornmentWidth: y,
-        startAdornmentWidth: x,
+        startAdornmentWidth: V,
         showStartDivider: !0,
-        startAdornment: /* @__PURE__ */ i(
-          $,
+        startAdornment: /* @__PURE__ */ a(
+          W,
           {
-            value: s,
+            value: u,
             defaultValue: t,
-            countries: r,
+            countries: i,
             onAnimationEnd: (e) => {
               e || requestAnimationFrame(() => {
-                var u;
-                (u = a.current) == null || u.focus();
+                var s;
+                (s = n.current) == null || s.focus();
               });
             },
             onChange: (e) => {
-              F(e.toLowerCase());
+              g(e.toLowerCase());
             },
             disabled: l,
-            children: /* @__PURE__ */ i(j, { value: s, label: V })
+            children: /* @__PURE__ */ a($, { value: u, label: F })
           }
         )
       }
     );
   }
 );
-N.displayName = "PhoneField";
+H.displayName = "PhoneField";
 export {
-  N as PhoneField,
-  N as default
+  H as PhoneField,
+  H as default
 };

package/dist/components/Tabs/Tabs.js

@@ -1,50 +1,47 @@
 "use client";
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
 import { Slot as s } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
-import { Root as c, Item as f } from "../../node_modules/.pnpm/@radix-ui_react-toggle-group@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react_3smwloudr6a3igss4kifyxcwju/node_modules/@radix-ui/react-toggle-group/dist/index.js";
-import * as n from "react";
-import { cn as o } from "../../lib/utils.js";
+import { Root as p, Item as f } from "../../node_modules/.pnpm/@radix-ui_react-toggle-group@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react_3smwloudr6a3igss4kifyxcwju/node_modules/@radix-ui/react-toggle-group/dist/index.js";
+import * as o from "react";
+import { cn as n } from "../../lib/utils.js";
 import { Typography as d } from "../Typography/Typography.js";
-const p = n.forwardRef(
-  ({ children: r, ...a }, e) => /* @__PURE__ */ t(
-    c,
+const u = o.forwardRef(
+  ({ children: t, ...r }, e) => /* @__PURE__ */ a(
+    p,
     {
       ref: e,
       type: "single",
-      className: "flex w-full justify-between px-5 items-center",
-      ...a,
-      children: /* @__PURE__ */ t("div", { className: "flex w-full", children: r })
+      className: "grid w-full px-5 items-center auto-cols-fr",
+      style: {
+        gridTemplateColumns: `repeat(${o.Children.count(t)}, 1fr)`
+      },
+      ...r,
+      children: t
     }
   )
 );
-p.displayName = "Tabs";
-const x = n.forwardRef(
-  ({ icon: r, label: a, activeIcon: e, ...l }, i) => /* @__PURE__ */ m(
+u.displayName = "Tabs";
+const x = o.forwardRef(
+  ({ icon: t, label: r, altIcon: e, className: i, ...l }, m) => /* @__PURE__ */ c(
     f,
     {
-      ref: i,
-      className: o(
-        "flex-1 flex flex-col items-center gap-1 relative min-w-0 group",
+      ref: m,
+      className: (n(
+        "w-full flex-1 flex flex-col items-center justify-center gap-1 relative min-w-0 group",
         "focus:outline-none transition-colors duration-200",
         "text-gray-350 hover:text-gray-500 data-[state=on]:text-gray-900"
-      ),
+      ), i),
       ...l,
       children: [
-        /* @__PURE__ */ t(
-          s,
-          {
-            className: o("h-[1.625rem] shrink-0", e && "group-data-[state=on]:hidden"),
-            children: r
-          }
-        ),
-        e && /* @__PURE__ */ t(s, { className: "h-[1.625rem] shrink-0 hidden group-data-[state=on]:block", children: e }),
-        a && /* @__PURE__ */ t(
+        /* @__PURE__ */ a(s, { className: n("h-[1.625rem] shrink-0", e && "group-data-[state=on]:hidden"), children: t }),
+        e && /* @__PURE__ */ a(s, { className: "h-[1.625rem] shrink-0 hidden group-data-[state=on]:block", children: e }),
+        r && /* @__PURE__ */ a(
           d,
           {
             as: "span",
             variant: "subtitle",
             className: "text-2xs truncate w-full text-center px-1 leading-none",
-            children: a
+            children: r
           }
         )
       ]
@@ -54,5 +51,5 @@ const x = n.forwardRef(
 x.displayName = "TabItem";
 export {
   x as TabItem,
-  p as Tabs
+  u as Tabs
 };

package/dist/components/Tabs/types.d.ts

@@ -28,7 +28,7 @@ export interface TabsProps extends Omit<BaseToggleGroupProps, "type" | "size" |
      */
     children?: ReactNode;
 }
-export interface TabItemProps extends Omit<BaseToggleGroupItemProps, "className" | "children"> {
+export interface TabItemProps extends Omit<BaseToggleGroupItemProps, "children"> {
     /**
      * The icon to display
      */
@@ -36,7 +36,7 @@ export interface TabItemProps extends Omit<BaseToggleGroupItemProps, "className"
     /**
      * The icon to display when the tab item is active
      */
-    activeIcon?: ReactNode;
+    altIcon?: ReactNode;
     /**
      * The label text
      */

package/dist/components/Toast/Toast.js

@@ -11,7 +11,7 @@ const b = p, x = l.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e(
   {
     ref: t,
     className: s(
-      "fixed top-0 z-[100] flex max-h-screen w-full p-4 right-0 left-0 flex-col",
+      "fixed top-0 z-[100] flex max-h-screen w-full p-6 right-0 left-0 flex-col",
       r
     ),
     ...a

package/dist/components/TopBar/TopBar.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 interface TopBarProps {
     /** Title displayed in the center */
-    title: string;
+    title?: string;
     /** Element rendered on the left side */
     startAdornment?: React.ReactNode;
     /** Element rendered on the right side */

package/dist/index.d.ts

@@ -32,4 +32,6 @@ export * from './components/Marble';
 export * from './components/TopBar';
 export * from './components/CountryDrawer';
 export * from './components/ToggleGroup';
+export * from './components/Tabs';
+export * from './components/LiveFeedback';
 export { default as uiKitTailwindPlugin } from './tailwind';

package/dist/index.js

@@ -1,103 +1,106 @@
 import { Button as a } from "./components/Button/Button.js";
 import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
-import { Chip as f } from "./components/Chip/Chip.js";
-import { ColorPickerGroup as g, ColorPickerItem as s } from "./components/ColorPicker/ColorPicker.js";
-import { Flag as d } from "./components/Flag/Flag.js";
+import { Chip as x } from "./components/Chip/Chip.js";
+import { ColorPickerGroup as g, ColorPickerItem as n } from "./components/ColorPicker/ColorPicker.js";
+import { Flag as u } from "./components/Flag/Flag.js";
 import { LazyFlag as D } from "./components/Flag/LazyFlag.js";
-import { isSupportedCountryCode as C } from "./components/Flag/utils.js";
+import { isSupportedCountryCode as c } from "./components/Flag/utils.js";
 import * as r from "./components/Form/Form.js";
-import { Input as c, iconVariants as w, inputVariants as F } from "./components/Input/Input.js";
-import { ListItem as y } from "./components/ListItem/ListItem.js";
+import { Input as A, iconVariants as F, inputVariants as P } from "./components/Input/Input.js";
+import { ListItem as h } from "./components/ListItem/ListItem.js";
 import { NumberPad as B } from "./components/NumberPad/NumberPad.js";
 import { OTPField as G } from "./components/OTPField/OTPField.js";
 import { Pill as V } from "./components/Pill/Pill.js";
 import { RadioGroup as L } from "./components/RadioGroup/RadioGroup.js";
-import { RadioGroupItem as R } from "./components/RadioGroup/RadioGroupItem.js";
-import { Select as H } from "./components/Select/Select.js";
-import { SearchField as _ } from "./components/SearchField/SearchField.js";
-import { PhoneField as K } from "./components/PhoneField/PhoneField.js";
-import { getValidatedCountryCode as N } from "./components/PhoneField/utils.js";
-import { Spinner as j } from "./components/Spinner/Spinner.js";
-import { Switch as E } from "./components/Switch/Switch.js";
-import { Token as Q } from "./components/Token/Token.js";
-import { Toast as X, ToastProvider as Y, ToastViewport as Z } from "./components/Toast/Toast.js";
-import { Toaster as rr } from "./components/Toast/Toaster.js";
-import { reducer as er, toast as tr, useToast as pr } from "./components/Toast/use-toast.js";
-import { Typography as mr, typographyVariants as lr } from "./components/Typography/Typography.js";
-import { Drawer as fr, DrawerClose as xr, DrawerContent as gr, DrawerHeader as sr, DrawerTitle as nr, DrawerTrigger as dr } from "./components/Drawer/Drawer.js";
+import { RadioGroupItem as H } from "./components/RadioGroup/RadioGroupItem.js";
+import { Select as v } from "./components/Select/Select.js";
+import { SearchField as K } from "./components/SearchField/SearchField.js";
+import { PhoneField as N } from "./components/PhoneField/PhoneField.js";
+import { getValidatedCountryCode as W } from "./components/PhoneField/utils.js";
+import { Spinner as q } from "./components/Spinner/Spinner.js";
+import { Switch as J } from "./components/Switch/Switch.js";
+import { Token as U } from "./components/Token/Token.js";
+import { Toast as Y, ToastProvider as Z, ToastViewport as $ } from "./components/Toast/Toast.js";
+import { Toaster as or } from "./components/Toast/Toaster.js";
+import { reducer as tr, toast as pr, useToast as mr } from "./components/Toast/use-toast.js";
+import { Typography as ir, typographyVariants as lr } from "./components/Typography/Typography.js";
+import { Drawer as xr, DrawerClose as sr, DrawerContent as gr, DrawerHeader as nr, DrawerTitle as dr, DrawerTrigger as ur } from "./components/Drawer/Drawer.js";
 import { Progress as Dr } from "./components/Progress/Progress.js";
 import "./components/TextArea/TextArea.js";
-import { WalletAddressField as Cr } from "./components/WalletAddressField/WalletAddressField.js";
-import { AlertDialog as cr, AlertDialogClose as wr, AlertDialogContent as Fr, AlertDialogDescription as Pr, AlertDialogFooter as yr, AlertDialogHeader as hr, AlertDialogOverlay as Br, AlertDialogPortal as Ir, AlertDialogTitle as Gr, AlertDialogTrigger as Sr } from "./components/AlertDialog/AlertDialog.js";
-import { BottomBar as kr } from "./components/BottomBar/BottomBar.js";
-import { BulletList as br } from "./components/BulletList/BulletList.js";
-import { BulletListItem as vr } from "./components/BulletListItem/BulletListItem.js";
+import { WalletAddressField as cr } from "./components/WalletAddressField/WalletAddressField.js";
+import { AlertDialog as Ar, AlertDialogClose as Fr, AlertDialogContent as Pr, AlertDialogDescription as yr, AlertDialogFooter as hr, AlertDialogHeader as Ir, AlertDialogPortal as Br, AlertDialogTitle as br, AlertDialogTrigger as Gr } from "./components/AlertDialog/AlertDialog.js";
+import { BottomBar as Vr } from "./components/BottomBar/BottomBar.js";
+import { BulletList as Lr } from "./components/BulletList/BulletList.js";
+import { BulletListItem as Hr } from "./components/BulletListItem/BulletListItem.js";
 import "./components/BulletPoint/BulletPoint.js";
-import { Marble as Or } from "./components/Marble/Marble.js";
-import { TopBar as zr } from "./components/TopBar/TopBar.js";
-import { CountryDrawer as Mr } from "./components/CountryDrawer/CountryDrawer.js";
+import { Marble as vr } from "./components/Marble/Marble.js";
+import { TopBar as Kr } from "./components/TopBar/TopBar.js";
+import { CountryDrawer as Nr } from "./components/CountryDrawer/CountryDrawer.js";
 import { ToggleGroupItem as Wr, ToggleGroupRoot as jr } from "./components/ToggleGroup/ToggleGroup.js";
-import { default as Er } from "./tailwind/index.js";
+import { TabItem as Er, Tabs as Jr } from "./components/Tabs/Tabs.js";
+import "react/jsx-runtime";
+import { default as Ur } from "./tailwind/index.js";
 export {
-  cr as AlertDialog,
-  wr as AlertDialogClose,
-  Fr as AlertDialogContent,
-  Pr as AlertDialogDescription,
-  yr as AlertDialogFooter,
-  hr as AlertDialogHeader,
-  Br as AlertDialogOverlay,
-  Ir as AlertDialogPortal,
-  Gr as AlertDialogTitle,
-  Sr as AlertDialogTrigger,
-  kr as BottomBar,
-  br as BulletList,
-  vr as BulletListItem,
+  Ar as AlertDialog,
+  Fr as AlertDialogClose,
+  Pr as AlertDialogContent,
+  yr as AlertDialogDescription,
+  hr as AlertDialogFooter,
+  Ir as AlertDialogHeader,
+  Br as AlertDialogPortal,
+  br as AlertDialogTitle,
+  Gr as AlertDialogTrigger,
+  Vr as BottomBar,
+  Lr as BulletList,
+  Hr as BulletListItem,
   a as Button,
   l as Checkbox,
-  f as Chip,
+  x as Chip,
   g as ColorPickerGroup,
-  s as ColorPickerItem,
-  Mr as CountryDrawer,
-  fr as Drawer,
-  xr as DrawerClose,
+  n as ColorPickerItem,
+  Nr as CountryDrawer,
+  xr as Drawer,
+  sr as DrawerClose,
   gr as DrawerContent,
-  sr as DrawerHeader,
-  nr as DrawerTitle,
-  dr as DrawerTrigger,
-  d as Flag,
+  nr as DrawerHeader,
+  dr as DrawerTitle,
+  ur as DrawerTrigger,
+  u as Flag,
   r as Form,
-  c as Input,
+  A as Input,
   D as LazyFlag,
-  y as ListItem,
-  Or as Marble,
+  h as ListItem,
+  vr as Marble,
   B as NumberPad,
   G as OTPField,
-  K as PhoneField,
+  N as PhoneField,
   V as Pill,
   Dr as Progress,
   L as RadioGroup,
-  R as RadioGroupItem,
-  _ as SearchField,
-  H as Select,
-  j as Spinner,
-  E as Switch,
-  X as Toast,
-  Y as ToastProvider,
-  Z as ToastViewport,
-  rr as Toaster,
+  H as RadioGroupItem,
+  K as SearchField,
+  v as Select,
+  q as Spinner,
+  J as Switch,
+  Er as TabItem,
+  Jr as Tabs,
+  Y as Toast,
+  Z as ToastProvider,
+  $ as ToastViewport,
+  or as Toaster,
   Wr as ToggleGroupItem,
   jr as ToggleGroupRoot,
-  Q as Token,
-  zr as TopBar,
-  mr as Typography,
-  Cr as WalletAddressField,
-  N as getValidatedCountryCode,
-  w as iconVariants,
-  F as inputVariants,
-  C as isSupportedCountryCode,
-  er as reducer,
-  tr as toast,
+  U as Token,
+  Kr as TopBar,
+  ir as Typography,
+  cr as WalletAddressField,
+  W as getValidatedCountryCode,
+  F as iconVariants,
+  P as inputVariants,
+  c as isSupportedCountryCode,
+  tr as reducer,
+  pr as toast,
   lr as typographyVariants,
-  Er as uiKitTailwindPlugin,
-  pr as useToast
+  Ur as uiKitTailwindPlugin,
+  mr as useToast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worldcoin/mini-apps-ui-kit-react",
-  "version": "1.0.0-canary.1",
+  "version": "1.0.0-canary.10",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -161,6 +161,14 @@
       "types": "./dist/components/TabItem/index.d.ts",
       "default": "./dist/components/TabItem/index.js"
     },
+    "./CircularIcon": {
+      "types": "./dist/components/CircularIcon/index.d.ts",
+      "default": "./dist/components/CircularIcon/index.js"
+    },
+    "./LiveFeedback": {
+      "types": "./dist/components/LiveFeedback/index.d.ts",
+      "default": "./dist/components/LiveFeedback/index.js"
+    },
     "./tailwind": {
       "types": "./dist/tailwind/index.d.ts",
       "default": "./dist/tailwind/index.js"

package/public/globals.css

@@ -1 +1,3 @@
-.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height,36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color,var(--react-international-phone-border-color,#dcdcdc));margin:0;-moz-appearance:button;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color,var(--react-international-phone-background-color,#fff));cursor:pointer;text-transform:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover,#f5f5f5)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size,4px) solid var(--react-international-phone-country-selector-arrow-color,#777);border-right:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color,#999)}.react-international-phone-country-selector-button--disabled{cursor:auto}.react-international-phone-country-selector-button--disabled,.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color,var(--react-international-phone-disabled-background-color,#f5f5f5))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width,24px);height:var(--react-international-phone-flag-height,24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top,44px);left:var(--react-international-phone-dropdown-left,0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color,var(--react-international-phone-background-color,#fff));box-shadow:var(--react-international-phone-dropdown-shadow,2px 2px 16px rgba(0,0,0,.25));color:var(--react-international-phone-dropdown-item-text-color,var(--react-international-phone-text-color,#222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin,0);background:var(--react-international-phone-dropdown-preferred-list-divider-color,var(--react-international-phone-border-color,#dcdcdc))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height,28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size,14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color,gray);font-size:var(--react-international-phone-dropdown-item-font-size,14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--focused,.react-international-phone-country-selector-dropdown__list-item--selected{background-color:var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5);color:var(--react-international-phone-selected-dropdown-item-text-color,var(--react-international-phone-text-color,#222))}.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color,var(--react-international-phone-dropdown-item-dial-code-color,gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,#f5f5f5))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color,var(--react-international-phone-border-color,#dcdcdc));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color,var(--react-international-phone-background-color,#fff));color:var(--react-international-phone-dial-code-preview-text-color,var(--react-international-phone-text-color,#222));font-size:var(--react-international-phone-dial-code-preview-font-size,var(--react-international-phone-font-size,13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color,var(--react-international-phone-disabled-background-color,#f5f5f5));color:var(--react-international-phone-dial-code-preview-disabled-text-color,var(--react-international-phone-disabled-text-color,#666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius,4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height,36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color,#dcdcdc);border-radius:var(--react-international-phone-border-radius,4px);margin:0;background-color:var(--react-international-phone-background-color,#fff);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color,#222);font-family:inherit;font-size:var(--react-international-phone-font-size,13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color,#f5f5f5);color:var(--react-international-phone-disabled-text-color,#666)}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input::-webkit-clear-button{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{display:none}input::-webkit-calendar-picker-indicator{display:none}input::-webkit-datetime-edit,input::-webkit-datetime-edit-ampm-field,input::-webkit-datetime-edit-day-field,input::-webkit-datetime-edit-fields-wrapper,input::-webkit-datetime-edit-hour-field,input::-webkit-datetime-edit-minute-field,input::-webkit-datetime-edit-month-field,input::-webkit-datetime-edit-second-field,input::-webkit-datetime-edit-text,input::-webkit-datetime-edit-year-field{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--gray-200)/1)}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:rgb(var(--gray-400)/1)}input::placeholder,textarea::placeholder{opacity:1;color:rgb(var(--gray-400)/1)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--font-sans:TWK Lausanne;--gray-0:255 255 255;--gray-50:249 250 251;--gray-100:243 244 245;--gray-200:235 236 239;--gray-300:214 217 221;--gray-350:177 184 194;--gray-400:155 163 174;--gray-500:113 118 128;--gray-700:60 66 75;--gray-900:24 24 24;--success-100:230 249 236;--success-200:204 243 217;--success-300:153 232 179;--success-400:102 220 141;--success-500:51 209 103;--success-600:0 194 48;--success-700:0 155 38;--success-800:0 116 29;--success-900:0 77 19;--error-100:254 233 231;--error-200:253 211 207;--error-300:251 167 159;--error-400:249 123 111;--error-500:247 80 63;--error-600:242 40 13;--error-700:194 32 10;--error-800:145 24 8;--error-900:97 16 5;--warning-100:255 246 230;--warning-200:255 237 204;--warning-300:255 219 153;--warning-400:255 201 102;--warning-500:255 184 51;--warning-600:255 174 0;--warning-700:204 139 0;--warning-800:153 104 0;--warning-900:102 70 0;--info-100:230 240 255;--info-200:204 224 255;--info-300:153 194 255;--info-400:102 163 255;--info-500:51 133 255;--info-600:0 92 255;--info-700:0 74 204;--info-800:0 55 153;--info-900:0 36 102}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.left-0{left:0}.right-0{right:0}.top-0{top:0}.top-1{top:.25rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.m-3{margin:.75rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-24{margin-top:6rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-10{width:2.5rem;height:2.5rem}.size-12{width:3rem;height:3rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-\[2\.5rem\]{width:2.5rem;height:2.5rem}.size-\[2\.75rem\]{width:2.75rem;height:2.75rem}.size-full{width:100%;height:100%}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-20{height:5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[1\.625rem\]{height:1.625rem}.h-\[1px\]{height:1px}.h-\[3\.125rem\]{height:3.125rem}.h-\[3\.5rem\]{height:3.5rem}.h-\[3\.75rem\]{height:3.75rem}.h-\[4\.25rem\]{height:4.25rem}.h-\[4\.5rem\]{height:4.5rem}.h-\[4\.75rem\]{height:4.75rem}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[11\.75rem\]{max-height:11.75rem}.max-h-screen{max-height:100vh}.min-h-14{min-height:3.5rem}.min-h-\[7\.5rem\]{min-height:7.5rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-\[7\.5rem\]{width:7.5rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-14{min-width:3.5rem}.min-w-28{min-width:7rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-y-\[0\.6rem\]{--tw-translate-y:-0.6rem}.-translate-y-\[0\.6rem\],.translate-x-0{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))}.translate-x-0{--tw-translate-x:0px}.translate-x-4{--tw-translate-x:1rem}.transform,.translate-x-4{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))}.animate-none{animation:none}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.625rem\]{border-radius:.625rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-t-\[0\.625rem\]{border-top-left-radius:.625rem;border-top-right-radius:.625rem}.rounded-t-\[1\.75rem\]{border-top-left-radius:1.75rem;border-top-right-radius:1.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[0\.09375rem\]{border-width:.09375rem}.border-x{border-left-width:1px}.border-r,.border-x{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-error-600{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.border-error-700{--tw-border-opacity:1;border-color:rgb(var(--error-700)/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(var(--gray-100)/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(var(--gray-200)/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(var(--gray-400)/var(--tw-border-opacity,1))}.border-gray-900{--tw-border-opacity:1;border-color:rgb(var(--gray-900)/var(--tw-border-opacity,1))}.bg-current{background-color:currentColor}.bg-error-100{--tw-bg-opacity:1;background-color:rgb(var(--error-100)/var(--tw-bg-opacity,1))}.bg-error-500{--tw-bg-opacity:1;background-color:rgb(var(--error-500)/var(--tw-bg-opacity,1))}.bg-gray-0{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(var(--gray-100)/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(var(--gray-200)/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(var(--gray-300)/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(var(--gray-900)/var(--tw-bg-opacity,1))}.bg-gray-900\/40{background-color:rgb(var(--gray-900)/.4)}.bg-info-100{--tw-bg-opacity:1;background-color:rgb(var(--info-100)/var(--tw-bg-opacity,1))}.bg-success-100{--tw-bg-opacity:1;background-color:rgb(var(--success-100)/var(--tw-bg-opacity,1))}.bg-success-500{--tw-bg-opacity:1;background-color:rgb(var(--success-500)/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-warning-100{--tw-bg-opacity:1;background-color:rgb(var(--warning-100)/var(--tw-bg-opacity,1))}.fill-current{fill:currentColor}.fill-gray-0{fill:rgb(var(--gray-0)/1)}.fill-gray-100{fill:rgb(var(--gray-100)/1)}.fill-gray-350{fill:rgb(var(--gray-350)/1)}.fill-gray-900{fill:rgb(var(--gray-900)/1)}.fill-transparent{fill:transparent}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[3px\]{padding:3px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem}.pb-2,.py-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:1.625rem}.text-2xs{font-size:.6875rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.125rem}.text-5xl{font-size:2.5rem}.text-6xl{font-size:2.75rem}.text-7xl{font-size:3.5rem}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[3\.5rem\]{font-size:3.5rem}.text-base{font-size:1.0625rem}.text-lg{font-size:1.1875rem}.text-sm{font-size:.9375rem}.text-xl{font-size:1.3125rem}.text-xs{font-size:.8125rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-\[1\.2\]{line-height:1.2}.leading-compact{line-height:1.3}.leading-narrow{line-height:1.2}.leading-none{line-height:1}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-normal{letter-spacing:0}.text-error-600{--tw-text-opacity:1;color:rgb(var(--error-600)/var(--tw-text-opacity,1))}.text-error-700{--tw-text-opacity:1;color:rgb(var(--error-700)/var(--tw-text-opacity,1))}.text-gray-0{--tw-text-opacity:1;color:rgb(var(--gray-0)/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(var(--gray-300)/var(--tw-text-opacity,1))}.text-gray-350{--tw-text-opacity:1;color:rgb(var(--gray-350)/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(var(--gray-400)/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(var(--gray-900)/var(--tw-text-opacity,1))}.text-info-700{--tw-text-opacity:1;color:rgb(var(--info-700)/var(--tw-text-opacity,1))}.text-success-600{--tw-text-opacity:1;color:rgb(var(--success-600)/var(--tw-text-opacity,1))}.text-success-700{--tw-text-opacity:1;color:rgb(var(--success-700)/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-warning-700{--tw-text-opacity:1;color:rgb(var(--warning-700)/var(--tw-text-opacity,1))}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.file\:hidden::file-selector-button{display:none}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.placeholder\:text-transparent::-moz-placeholder{color:transparent}.placeholder\:text-transparent::placeholder{color:transparent}.invalid\:border-error-600:invalid{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.invalid\:bg-gray-0:invalid{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(var(--gray-200)/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(var(--gray-700)/var(--tw-bg-opacity,1))}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.focus\:border-error-600:focus{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.focus\:border-gray-300:focus{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.focus\:bg-gray-0:focus{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.invalid\:focus\:border-error-600:focus:invalid{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:bg-gray-200:active{--tw-bg-opacity:1;background-color:rgb(var(--gray-200)/var(--tw-bg-opacity,1))}.active\:bg-gray-50:active{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.active\:bg-gray-700:active{--tw-bg-opacity:1;background-color:rgb(var(--gray-700)/var(--tw-bg-opacity,1))}.active\:bg-transparent:active{background-color:transparent}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-gray-100:disabled{--tw-border-opacity:1;border-color:rgb(var(--gray-100)/var(--tw-border-opacity,1))}.disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:rgb(var(--gray-100)/var(--tw-bg-opacity,1))}.disabled\:bg-gray-50:disabled{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:text-gray-300:disabled{--tw-text-opacity:1;color:rgb(var(--gray-300)/var(--tw-text-opacity,1))}.disabled\:text-gray-400:disabled{--tw-text-opacity:1;color:rgb(var(--gray-400)/var(--tw-text-opacity,1))}.disabled\:text-transparent:disabled{color:transparent}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-90:disabled{opacity:.9}.disabled\:active\:bg-transparent:active:disabled{background-color:transparent}.group:last-child .group-last\:hidden{display:none}.group:active .group-active\:bg-gray-50{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:translate-y-0{--tw-translate-y:0px;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))}.peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0{--tw-translate-y:0px;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))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:text-sm{font-size:.9375rem}.peer:placeholder-shown~.peer-placeholder-shown\:text-sm{font-size:.9375rem}.peer:focus~.peer-focus\:-translate-y-\[0\.6rem\]{--tw-translate-y:-0.6rem;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))}.peer:focus~.peer-focus\:border-gray-300{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.peer:focus~.peer-focus\:bg-gray-0{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.peer:focus~.peer-focus\:text-xs{font-size:.8125rem}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;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))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;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))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{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))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}.data-\[state\=checked\]\:border-gray-900[data-state=checked]{--tw-border-opacity:1;border-color:rgb(var(--gray-900)/var(--tw-border-opacity,1))}.data-\[state\=closed\]\:border-gray-100[data-state=closed]{--tw-border-opacity:1;border-color:rgb(var(--gray-100)/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:border-gray-200[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(var(--gray-200)/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:border-gray-300[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:bg-gray-900[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(var(--gray-900)/var(--tw-bg-opacity,1))}.data-\[state\=closed\]\:bg-gray-100[data-state=closed],.data-\[state\=on\]\:bg-gray-100[data-state=on]{--tw-bg-opacity:1;background-color:rgb(var(--gray-100)/var(--tw-bg-opacity,1))}.data-\[state\=unchecked\]\:bg-gray-300[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(var(--gray-300)/var(--tw-bg-opacity,1))}.data-\[state\=unchecked\]\:bg-transparent[data-state=unchecked]{background-color:transparent}.data-\[placeholder\]\:text-gray-500[data-placeholder]{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.data-\[state\=on\]\:text-gray-900[data-state=on]{--tw-text-opacity:1;color:rgb(var(--gray-900)/var(--tw-text-opacity,1))}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-50[data-state=closed]{--tw-exit-opacity:0.5}.data-\[state\=closed\]\:slide-out-to-top-full[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.group[data-state=on] .group-data-\[state\=on\]\:block{display:block}.group[data-state=on] .group-data-\[state\=on\]\:hidden{display:none}@media (min-width:768px){.md\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}}.\[\&\:has\(\>\*\:nth-child\(2\)\)\]\:grid-cols-2:has(>:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.\[\&\>\*\]\:col-span-1>*{grid-column:span 1/span 1}.\[\&\>span\:first-of-type\]\:line-clamp-1>span:first-of-type{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
+@font-face{font-family:TWK Lausanne;src:url(../public/fonts/TWKLausanne-350.woff) format("woff");font-weight:350;font-style:normal;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(../public/fonts/TWKLausanne-350Italic.woff) format("woff");font-weight:350;font-style:italic;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(../public/fonts/TWKLausanne-500.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(../public/fonts/TWKLausanne-500Italic.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(../public/fonts/TWKLausanne-600.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(../public/fonts/TWKLausanne-600Italic.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}:root{--font-sans:"TWK Lausanne",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input::-webkit-clear-button{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{display:none}input::-webkit-calendar-picker-indicator{display:none}input::-webkit-datetime-edit,input::-webkit-datetime-edit-ampm-field,input::-webkit-datetime-edit-day-field,input::-webkit-datetime-edit-fields-wrapper,input::-webkit-datetime-edit-hour-field,input::-webkit-datetime-edit-minute-field,input::-webkit-datetime-edit-month-field,input::-webkit-datetime-edit-second-field,input::-webkit-datetime-edit-text,input::-webkit-datetime-edit-year-field{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
+
+/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:rgb(var(--gray-200)/1)}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:rgb(var(--gray-400)/1)}input::placeholder,textarea::placeholder{opacity:1;color:rgb(var(--gray-400)/1)}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--font-sans:TWK Lausanne;--gray-0:255 255 255;--gray-50:249 250 251;--gray-100:243 244 245;--gray-200:235 236 239;--gray-300:214 217 221;--gray-350:177 184 194;--gray-400:155 163 174;--gray-500:113 118 128;--gray-700:60 66 75;--gray-900:24 24 24;--success-100:230 249 236;--success-200:204 243 217;--success-300:153 232 179;--success-400:102 220 141;--success-500:51 209 103;--success-600:0 194 48;--success-700:0 155 38;--success-800:0 116 29;--success-900:0 77 19;--error-100:254 233 231;--error-200:253 211 207;--error-300:251 167 159;--error-400:249 123 111;--error-500:247 80 63;--error-600:242 40 13;--error-700:194 32 10;--error-800:145 24 8;--error-900:97 16 5;--warning-100:255 246 230;--warning-200:255 237 204;--warning-300:255 219 153;--warning-400:255 201 102;--warning-500:255 184 51;--warning-600:255 174 0;--warning-700:204 139 0;--warning-800:153 104 0;--warning-900:102 70 0;--info-100:230 240 255;--info-200:204 224 255;--info-300:153 194 255;--info-400:102 163 255;--info-500:51 133 255;--info-600:0 92 255;--info-700:0 74 204;--info-800:0 55 153;--info-900:0 36 102}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.left-0{left:0}.right-0{right:0}.top-0{top:0}.top-1{top:.25rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.m-3{margin:.75rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-24{margin-top:6rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-10{width:2.5rem;height:2.5rem}.size-11{width:2.75rem;height:2.75rem}.size-12{width:3rem;height:3rem}.size-16{width:4rem;height:4rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-\[0\.875rem\]{width:.875rem;height:.875rem}.size-\[1\.5rem\]{width:1.5rem;height:1.5rem}.size-\[1\.625rem\]{width:1.625rem;height:1.625rem}.size-\[2\.125rem\]{width:2.125rem;height:2.125rem}.size-\[3\.25rem\]{width:3.25rem;height:3.25rem}.size-\[5\.5rem\]{width:5.5rem;height:5.5rem}.size-full{width:100%;height:100%}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-20{height:5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-9{height:2.25rem}.h-\[1\.625rem\]{height:1.625rem}.h-\[1px\]{height:1px}.h-\[3\.125rem\]{height:3.125rem}.h-\[3\.5rem\]{height:3.5rem}.h-\[3\.75rem\]{height:3.75rem}.h-\[4\.25rem\]{height:4.25rem}.h-\[4\.5rem\]{height:4.5rem}.h-\[4\.75rem\]{height:4.75rem}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[11\.75rem\]{max-height:11.75rem}.max-h-screen{max-height:100vh}.min-h-14{min-height:3.5rem}.min-h-\[7\.5rem\]{min-height:7.5rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-\[300px\]{width:300px}.w-\[400px\]{width:400px}.w-\[7\.5rem\]{width:7.5rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-14{min-width:3.5rem}.min-w-28{min-width:7rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-y-\[0\.6rem\]{--tw-translate-y:-0.6rem}.-translate-y-\[0\.6rem\],.translate-x-0{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))}.translate-x-0{--tw-translate-x:0px}.translate-x-4{--tw-translate-x:1rem}.transform,.translate-x-4{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))}.animate-none{animation:none}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-y{resize:vertical}.auto-cols-fr{grid-auto-columns:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}.truncate{white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.625rem\]{border-radius:.625rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-t-\[0\.625rem\]{border-top-left-radius:.625rem;border-top-right-radius:.625rem}.rounded-t-\[1\.75rem\]{border-top-left-radius:1.75rem;border-top-right-radius:1.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[0\.09375rem\]{border-width:.09375rem}.border-x{border-left-width:1px}.border-r,.border-x{border-right-width:1px}.border-t{border-top-width:1px}.border-error-600{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.border-error-700{--tw-border-opacity:1;border-color:rgb(var(--error-700)/var(--tw-border-opacity,1))}.border-gray-0{--tw-border-opacity:1;border-color:rgb(var(--gray-0)/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(var(--gray-100)/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(var(--gray-200)/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(var(--gray-400)/var(--tw-border-opacity,1))}.border-gray-900{--tw-border-opacity:1;border-color:rgb(var(--gray-900)/var(--tw-border-opacity,1))}.bg-current{background-color:currentColor}.bg-error-100{--tw-bg-opacity:1;background-color:rgb(var(--error-100)/var(--tw-bg-opacity,1))}.bg-error-500{--tw-bg-opacity:1;background-color:rgb(var(--error-500)/var(--tw-bg-opacity,1))}.bg-gray-0{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(var(--gray-100)/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(var(--gray-200)/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(var(--gray-300)/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(var(--gray-900)/var(--tw-bg-opacity,1))}.bg-gray-900\/40{background-color:rgb(var(--gray-900)/.4)}.bg-info-100{--tw-bg-opacity:1;background-color:rgb(var(--info-100)/var(--tw-bg-opacity,1))}.bg-success-100{--tw-bg-opacity:1;background-color:rgb(var(--success-100)/var(--tw-bg-opacity,1))}.bg-success-500{--tw-bg-opacity:1;background-color:rgb(var(--success-500)/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-warning-100{--tw-bg-opacity:1;background-color:rgb(var(--warning-100)/var(--tw-bg-opacity,1))}.fill-current{fill:currentColor}.fill-gray-0{fill:rgb(var(--gray-0)/1)}.fill-gray-100{fill:rgb(var(--gray-100)/1)}.fill-gray-350{fill:rgb(var(--gray-350)/1)}.fill-gray-900{fill:rgb(var(--gray-900)/1)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[3px\]{padding:3px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem}.pb-2,.py-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:1.625rem}.text-2xs{font-size:.6875rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.125rem}.text-5xl{font-size:2.5rem}.text-6xl{font-size:2.75rem}.text-7xl{font-size:3.5rem}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[3\.5rem\]{font-size:3.5rem}.text-base{font-size:1.0625rem}.text-lg{font-size:1.1875rem}.text-sm{font-size:.9375rem}.text-xl{font-size:1.3125rem}.text-xs{font-size:.8125rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-\[1\.2\]{line-height:1.2}.leading-compact{line-height:1.3}.leading-narrow{line-height:1.2}.leading-none{line-height:1}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-normal{letter-spacing:0}.text-error-600{--tw-text-opacity:1;color:rgb(var(--error-600)/var(--tw-text-opacity,1))}.text-error-700{--tw-text-opacity:1;color:rgb(var(--error-700)/var(--tw-text-opacity,1))}.text-gray-0{--tw-text-opacity:1;color:rgb(var(--gray-0)/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(var(--gray-300)/var(--tw-text-opacity,1))}.text-gray-350{--tw-text-opacity:1;color:rgb(var(--gray-350)/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(var(--gray-400)/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(var(--gray-900)/var(--tw-text-opacity,1))}.text-info-700{--tw-text-opacity:1;color:rgb(var(--info-700)/var(--tw-text-opacity,1))}.text-success-600{--tw-text-opacity:1;color:rgb(var(--success-600)/var(--tw-text-opacity,1))}.text-success-700{--tw-text-opacity:1;color:rgb(var(--success-700)/var(--tw-text-opacity,1))}.text-warning-700{--tw-text-opacity:1;color:rgb(var(--warning-700)/var(--tw-text-opacity,1))}.opacity-20{opacity:.2}.opacity-40{opacity:.4}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.filter{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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.file\:hidden::file-selector-button{display:none}.placeholder\:text-gray-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.placeholder\:text-gray-500::placeholder{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.placeholder\:text-transparent::-moz-placeholder{color:transparent}.placeholder\:text-transparent::placeholder{color:transparent}.invalid\:border-error-600:invalid{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.invalid\:bg-gray-0:invalid{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(var(--gray-200)/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(var(--gray-700)/var(--tw-bg-opacity,1))}.hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.focus\:border-error-600:focus{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.focus\:border-gray-300:focus{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.focus\:bg-gray-0:focus{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.invalid\:focus\:border-error-600:focus:invalid{--tw-border-opacity:1;border-color:rgb(var(--error-600)/var(--tw-border-opacity,1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:bg-gray-200:active{--tw-bg-opacity:1;background-color:rgb(var(--gray-200)/var(--tw-bg-opacity,1))}.active\:bg-gray-50:active{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.active\:bg-gray-700:active{--tw-bg-opacity:1;background-color:rgb(var(--gray-700)/var(--tw-bg-opacity,1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-gray-100:disabled{--tw-border-opacity:1;border-color:rgb(var(--gray-100)/var(--tw-border-opacity,1))}.disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:rgb(var(--gray-100)/var(--tw-bg-opacity,1))}.disabled\:bg-gray-50:disabled{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.disabled\:text-gray-300:disabled{--tw-text-opacity:1;color:rgb(var(--gray-300)/var(--tw-text-opacity,1))}.disabled\:text-gray-400:disabled{--tw-text-opacity:1;color:rgb(var(--gray-400)/var(--tw-text-opacity,1))}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-90:disabled{opacity:.9}.disabled\:active\:bg-transparent:active:disabled{background-color:transparent}.group:last-child .group-last\:hidden{display:none}.group:active .group-active\:bg-gray-50{--tw-bg-opacity:1;background-color:rgb(var(--gray-50)/var(--tw-bg-opacity,1))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:translate-y-0{--tw-translate-y:0px;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))}.peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0{--tw-translate-y:0px;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))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:text-sm{font-size:.9375rem}.peer:placeholder-shown~.peer-placeholder-shown\:text-sm{font-size:.9375rem}.peer:focus~.peer-focus\:-translate-y-\[0\.6rem\]{--tw-translate-y:-0.6rem;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))}.peer:focus~.peer-focus\:border-gray-300{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.peer:focus~.peer-focus\:bg-gray-0{--tw-bg-opacity:1;background-color:rgb(var(--gray-0)/var(--tw-bg-opacity,1))}.peer:focus~.peer-focus\:text-xs{font-size:.8125rem}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem;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))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;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))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{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))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}.data-\[state\=checked\]\:border-gray-900[data-state=checked]{--tw-border-opacity:1;border-color:rgb(var(--gray-900)/var(--tw-border-opacity,1))}.data-\[state\=closed\]\:border-gray-100[data-state=closed]{--tw-border-opacity:1;border-color:rgb(var(--gray-100)/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:border-gray-200[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(var(--gray-200)/var(--tw-border-opacity,1))}.data-\[state\=unchecked\]\:border-gray-300[data-state=unchecked]{--tw-border-opacity:1;border-color:rgb(var(--gray-300)/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:bg-gray-900[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(var(--gray-900)/var(--tw-bg-opacity,1))}.data-\[state\=closed\]\:bg-gray-100[data-state=closed],.data-\[state\=on\]\:bg-gray-100[data-state=on]{--tw-bg-opacity:1;background-color:rgb(var(--gray-100)/var(--tw-bg-opacity,1))}.data-\[state\=unchecked\]\:bg-gray-300[data-state=unchecked]{--tw-bg-opacity:1;background-color:rgb(var(--gray-300)/var(--tw-bg-opacity,1))}.data-\[state\=unchecked\]\:bg-transparent[data-state=unchecked]{background-color:transparent}.data-\[placeholder\]\:text-gray-500[data-placeholder]{--tw-text-opacity:1;color:rgb(var(--gray-500)/var(--tw-text-opacity,1))}.data-\[state\=on\]\:text-gray-900[data-state=on]{--tw-text-opacity:1;color:rgb(var(--gray-900)/var(--tw-text-opacity,1))}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-50[data-state=closed]{--tw-exit-opacity:0.5}.data-\[state\=closed\]\:slide-out-to-top-full[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y:-100%}.group[data-state=on] .group-data-\[state\=on\]\:block{display:block}.group[data-state=on] .group-data-\[state\=on\]\:hidden{display:none}@media (min-width:768px){.md\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}}.\[\&\:has\(\>\*\:nth-child\(2\)\)\]\:grid-cols-2:has(>:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.\[\&\>\*\]\:col-span-1>*{grid-column:span 1/span 1}.\[\&\>span\:first-of-type\]\:line-clamp-1>span:first-of-type{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}