@worldcoin/mini-apps-ui-kit-react 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/components/NumberPad/NumberPad.d.ts +16 -1
  2. package/dist/components/NumberPad/NumberPad.js +27 -16
  3. package/dist/components/Typography/Typography.d.ts +17 -19
  4. package/dist/node_modules/.pnpm/@uidotdev_usehooks@2.4.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uidotdev/usehooks/index.js +35 -0
  5. package/dist/tailwind/index.d.ts +40 -0
  6. package/dist/tailwind/index.js +47 -32
  7. package/package.json +2 -1
  8. package/public/globals.css +1 -1
package/dist/components/NumberPad/NumberPad.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { LongPressOptions } from '@uidotdev/usehooks';
1
2
  interface NumberPadProps {
2
3
  /**
3
4
  * The current value displayed in the number pad
@@ -11,6 +12,20 @@ interface NumberPadProps {
11
12
  * Callback fired when the value changes
12
13
  */
13
14
  onChange?: (value: string) => void;
15
+ /**
16
+ * Callback fired on long press of the delete button
17
+ */
18
+ onLongDeletePress?: () => void;
19
+ /**
20
+ * Options for the long press
21
+ * @type LongPressOptions
22
+ * @property { number } threshold - The time in milliseconds before the long press is triggered
23
+ * @property { (e: Event) => void } onStart - Callback fired when the long press starts
24
+ * @property { (e: Event) => void } onFinish - Callback fired when the long press finishes
25
+ * @property { (e: Event) => void } onCancel - Callback fired when the long press is cancelled
26
+ * @default { threshold: 1500 }
27
+ */
28
+ longPressOptions?: LongPressOptions;
14
29
  }
15
- export declare const NumberPad: ({ value, onChange, disabled }: NumberPadProps) => import("react/jsx-runtime").JSX.Element;
30
+ export declare const NumberPad: ({ value, onChange, disabled, onLongDeletePress, longPressOptions, }: NumberPadProps) => import("react/jsx-runtime").JSX.Element;
16
31
  export default NumberPad;
package/dist/components/NumberPad/NumberPad.js CHANGED
@@ -1,7 +1,8 @@
1
1
  "use client";
2
- import { jsx as r } from "react/jsx-runtime";
3
- import { Delete as u } from "./Delete.js";
4
- const n = [
2
+ import { jsx as s } from "react/jsx-runtime";
3
+ import { useLongPress as d } from "../../node_modules/.pnpm/@uidotdev_usehooks@2.4.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uidotdev/usehooks/index.js";
4
+ import { Delete as c } from "./Delete.js";
5
+ const m = [
5
6
  { value: "1" },
6
7
  { value: "2" },
7
8
  { value: "3" },
@@ -13,35 +14,45 @@ const n = [
13
14
  { value: "9" },
14
15
  { value: "." },
15
16
  { value: "0" },
16
- { value: "del", label: /* @__PURE__ */ r(u, { className: "size-6" }) }
17
- ], c = ({ value: l = "", onChange: a, disabled: s = !1 }) => {
17
+ { value: "del", label: /* @__PURE__ */ s(c, { className: "size-6" }) }
18
+ ], N = ({
19
+ value: l = "",
20
+ onChange: r,
21
+ disabled: a = !1,
22
+ onLongDeletePress: i = () => {
23
+ },
24
+ longPressOptions: o = {
25
+ threshold: 1500
26
+ }
27
+ }) => {
18
28
  l !== "" && isNaN(Number(l)) && console.error("NumberPad value must be a valid number or empty string");
19
- const t = (e) => {
20
- if (!(!a || s))
29
+ const u = (e) => {
30
+ if (!(!r || a))
21
31
  if (e === "del")
22
- a(l.slice(0, -1));
32
+ r(l.slice(0, -1));
23
33
  else {
24
34
  if (e === "." && l.includes("."))
25
35
  return;
26
36
  {
27
- const i = l + e;
28
- isNaN(Number(i)) || a(i);
37
+ const t = l + e;
38
+ isNaN(Number(t)) || r(t);
29
39
  }
30
40
  }
31
- };
32
- return /* @__PURE__ */ r("div", { className: "grid grid-cols-3 grid-rows-4 gap-1 w-full", children: n.map((e) => /* @__PURE__ */ r(
41
+ }, n = d(i, o);
42
+ return /* @__PURE__ */ s("div", { className: "grid grid-cols-3 grid-rows-4 gap-1 w-full", children: m.map((e) => /* @__PURE__ */ s(
33
43
  "button",
34
44
  {
35
45
  type: "button",
36
- onClick: () => t(e.value),
37
- disabled: s,
46
+ onClick: () => u(e.value),
47
+ disabled: a,
38
48
  className: "h-12 min-w-28 flex items-center justify-center text-[1.625rem] font-semibold font-display rounded-md transition-colors duration-200 active:bg-gray-50 select-none disabled:text-gray-300 disabled:cursor-not-allowed disabled:active:bg-transparent",
49
+ ...e.value === "del" ? n : {},
39
50
  children: e.label || e.value
40
51
  },
41
52
  e.value
42
53
  )) });
43
54
  };
44
55
  export {
45
- c as NumberPad,
46
- c as default
56
+ N as NumberPad,
57
+ N as default
47
58
  };
package/dist/components/Typography/Typography.d.ts CHANGED
@@ -1,29 +1,27 @@
1
- import { VariantProps } from 'class-variance-authority';
2
- import { ElementType } from 'react';
3
- export interface TypographyProps<T extends ElementType = "p"> extends Omit<VariantProps<typeof typographyVariants>, "variant" | "level"> {
1
+ import { PropsWithChildren } from 'react';
2
+ export interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
4
3
  /**
5
4
  * The HTML element to render the typography as
6
5
  * @default "p"
7
6
  */
8
- as?: T;
9
- /**
10
- * The variant and level combinations for typography
11
- * @default "body"
12
- */
13
- variant?: {
14
- variant: "number";
15
- level: 1 | 2 | 3 | 4 | 5 | 6;
16
- } | {
17
- variant: "subtitle" | "body" | "mono";
18
- level: 1 | 2 | 3 | 4;
19
- } | {
20
- variant: "heading";
21
- level: 1 | 2 | 3;
22
- };
7
+ as?: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "small" | "strong" | "div" | "em";
8
+ }
9
+ export interface TypographyNumberProps extends TypographyProps {
10
+ variant: "number";
11
+ level: 1 | 2 | 3 | 4 | 5 | 6;
12
+ }
13
+ export interface TypographySubtitleBodyMonoProps extends TypographyProps {
14
+ variant: "subtitle" | "body" | "mono";
15
+ level: 1 | 2 | 3 | 4;
16
+ }
17
+ export interface TypographyHeadingProps extends TypographyProps {
18
+ variant: "heading";
19
+ level: 1 | 2 | 3;
23
20
  }
21
+ export type TypographyComponentProps = TypographyNumberProps | TypographySubtitleBodyMonoProps | TypographyHeadingProps;
24
22
  export declare const typographyVariants: (props?: ({
25
23
  variant?: "number" | "heading" | "body" | "subtitle" | "mono" | null | undefined;
26
24
  level?: 1 | 2 | 3 | 4 | 5 | 6 | null | undefined;
27
25
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
28
- export declare const Typography: import('react').ForwardRefExoticComponent<Omit<TypographyProps<"p"> & Omit<any, "ref">, "ref"> & import('react').RefAttributes<HTMLElement>>;
26
+ export declare const Typography: import('react').ForwardRefExoticComponent<PropsWithChildren<TypographyComponentProps> & import('react').RefAttributes<HTMLElement>>;
29
27
  export default Typography;
package/dist/node_modules/.pnpm/@uidotdev_usehooks@2.4.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uidotdev/usehooks/index.js ADDED
@@ -0,0 +1,35 @@
1
+ import * as o from "react";
2
+ function d({ nativeEvent: n }) {
3
+ return window.TouchEvent ? n instanceof TouchEvent : "touches" in n;
4
+ }
5
+ function l(n) {
6
+ return n.nativeEvent instanceof MouseEvent;
7
+ }
8
+ function M(n, m = {}) {
9
+ const { threshold: a = 400, onStart: r, onFinish: t, onCancel: s } = m, u = o.useRef(!1), c = o.useRef(!1), i = o.useRef();
10
+ return o.useMemo(() => {
11
+ if (typeof n != "function")
12
+ return {};
13
+ const h = (e) => {
14
+ !l(e) && !d(e) || (r && r(e), c.current = !0, i.current = setTimeout(() => {
15
+ n(e), u.current = !0;
16
+ }, a));
17
+ }, f = (e) => {
18
+ !l(e) && !d(e) || (u.current ? t && t(e) : c.current && s && s(e), u.current = !1, c.current = !1, i.current && window.clearTimeout(i.current));
19
+ };
20
+ return {
21
+ ...{
22
+ onMouseDown: h,
23
+ onMouseUp: f,
24
+ onMouseLeave: f
25
+ },
26
+ ...{
27
+ onTouchStart: h,
28
+ onTouchEnd: f
29
+ }
30
+ };
31
+ }, [n, a, s, t, r]);
32
+ }
33
+ export {
34
+ M as useLongPress
35
+ };
package/dist/tailwind/index.d.ts CHANGED
@@ -1,3 +1,43 @@
1
+ export declare const gray: {
2
+ "--gray-900": string;
3
+ "--gray-700": string;
4
+ "--gray-500": string;
5
+ "--gray-400": string;
6
+ "--gray-300": string;
7
+ "--gray-200": string;
8
+ "--gray-100": string;
9
+ "--gray-50": string;
10
+ "--gray-25": string;
11
+ "--gray-0": string;
12
+ };
13
+ export declare const success: {
14
+ "--success-900": string;
15
+ "--success-800": string;
16
+ "--success-700": string;
17
+ "--success-300": string;
18
+ "--success-100": string;
19
+ };
20
+ export declare const error: {
21
+ "--error-900": string;
22
+ "--error-800": string;
23
+ "--error-700": string;
24
+ "--error-300": string;
25
+ "--error-100": string;
26
+ };
27
+ export declare const warning: {
28
+ "--warning-900": string;
29
+ "--warning-800": string;
30
+ "--warning-700": string;
31
+ "--warning-300": string;
32
+ "--warning-100": string;
33
+ };
34
+ export declare const info: {
35
+ "--info-900": string;
36
+ "--info-800": string;
37
+ "--info-700": string;
38
+ "--info-300": string;
39
+ "--info-100": string;
40
+ };
1
41
  declare const uiKitTailwindPlugin: {
2
42
  handler: import('tailwindcss/types/config').PluginCreator;
3
43
  config?: Partial<import('tailwindcss/types/config').Config>;
package/dist/tailwind/index.js CHANGED
@@ -1,41 +1,51 @@
1
1
  import a from "../_virtual/plugin.js";
2
- const n = a(
2
+ const n = {
3
+ "--gray-900": "#191c20",
4
+ "--gray-700": "#3c424b",
5
+ "--gray-500": "#657080",
6
+ "--gray-400": "#9ba3ae",
7
+ "--gray-300": "#d6d9dd",
8
+ "--gray-200": "#ebecef",
9
+ "--gray-100": "#f3f4f5",
10
+ "--gray-50": "#f9fafb",
11
+ "--gray-25": "#fbfbfc",
12
+ "--gray-0": "#ffffff"
13
+ }, f = {
14
+ "--success-900": "#18964f",
15
+ "--success-800": "#00ab11",
16
+ "--success-700": "#00c313",
17
+ "--success-300": "#d6f6de",
18
+ "--success-100": "#f5fdf7"
19
+ }, o = {
20
+ "--error-900": "#b71b58",
21
+ "--error-800": "#dc0025",
22
+ "--error-700": "#ff5a76",
23
+ "--error-300": "#ffd7df",
24
+ "--error-100": "#fff5f7"
25
+ }, e = {
26
+ "--warning-900": "#b47500",
27
+ "--warning-800": "#dc8f00",
28
+ "--warning-700": "#ffb11b",
29
+ "--warning-300": "#ffeece",
30
+ "--warning-100": "#fff9ef"
31
+ }, s = {
32
+ "--info-900": "#054cb7",
33
+ "--info-800": "#0025dc",
34
+ "--info-700": "#5a9cff",
35
+ "--info-300": "#cee2ff",
36
+ "--info-100": "#f3f8ff"
37
+ }, g = a(
3
38
  function({ addBase: r }) {
4
39
  r({
5
40
  ":root": {
6
41
  "--font-sans": "Rubik",
7
42
  "--font-display": "Sora",
8
43
  "--font-mono": "DM Mono",
9
- "--gray-900": "#191c20",
10
- "--gray-700": "#3c424b",
11
- "--gray-500": "#657080",
12
- "--gray-400": "#9ba3ae",
13
- "--gray-300": "#d6d9dd",
14
- "--gray-200": "#ebecef",
15
- "--gray-100": "#f3f4f5",
16
- "--gray-50": "#f9fafb",
17
- "--gray-25": "#fbfbfc",
18
- "--gray-0": "#ffffff",
19
- "--success-900": "#18964f",
20
- "--success-800": "#00ab11",
21
- "--success-700": "#00c313",
22
- "--success-300": "#d6f6de",
23
- "--success-100": "#f5fdf7",
24
- "--error-900": "#b71b58",
25
- "--error-800": "#dc0025",
26
- "--error-700": "#ff5a76",
27
- "--error-300": "#ffd7df",
28
- "--error-100": "#fff5f7",
29
- "--warning-900": "#b47500",
30
- "--warning-800": "#dc8f00",
31
- "--warning-700": "#ffb11b",
32
- "--warning-300": "#ffeece",
33
- "--warning-100": "#fff9ef",
34
- "--info-900": "#054cb7",
35
- "--info-800": "#0025dc",
36
- "--info-700": "#5a9cff",
37
- "--info-300": "#cee2ff",
38
- "--info-100": "#f3f8ff"
44
+ ...n,
45
+ ...f,
46
+ ...o,
47
+ ...e,
48
+ ...s
39
49
  }
40
50
  });
41
51
  },
@@ -105,5 +115,10 @@ const n = a(
105
115
  }
106
116
  );
107
117
  export {
108
- n as default
118
+ g as default,
119
+ o as error,
120
+ n as gray,
121
+ s as info,
122
+ f as success,
123
+ e as warning
109
124
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@worldcoin/mini-apps-ui-kit-react",
3
- "version": "0.0.3",
3
+ "version": "0.0.5",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -150,6 +150,7 @@
150
150
  "@radix-ui/react-select": "^2.1.2",
151
151
  "@radix-ui/react-slot": "^1.1.0",
152
152
  "@radix-ui/react-switch": "^1.1.1",
153
+ "@uidotdev/usehooks": "^2.4.1",
153
154
  "class-variance-authority": "^0.7.1",
154
155
  "clsx": "^2.1.1",
155
156
  "countries-list": "^3.1.1",
package/public/globals.css CHANGED
@@ -1 +1 @@
1
- .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:var(--gray-200)}: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:var(--font-mono);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:var(--gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--gray-400)}[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:Rubik;--font-display:Sora;--font-mono:DM Mono;--gray-900:#191c20;--gray-700:#3c424b;--gray-500:#657080;--gray-400:#9ba3ae;--gray-300:#d6d9dd;--gray-200:#ebecef;--gray-100:#f3f4f5;--gray-50:#f9fafb;--gray-25:#fbfbfc;--gray-0:#fff;--success-900:#18964f;--success-800:#00ab11;--success-700:#00c313;--success-300:#d6f6de;--success-100:#f5fdf7;--error-900:#b71b58;--error-800:#dc0025;--error-700:#ff5a76;--error-300:#ffd7df;--error-100:#fff5f7;--warning-900:#b47500;--warning-800:#dc8f00;--warning-700:#ffb11b;--warning-300:#ffeece;--warning-100:#fff9ef;--info-900:#054cb7;--info-800:#0025dc;--info-700:#5a9cff;--info-300:#cee2ff;--info-100:#f3f8ff}.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}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.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-1{left:.25rem}.right-1{right:.25rem}.top-1{top:.25rem}.z-10{z-index:10}.z-50{z-index:50}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.-ml-3{margin-left:-.75rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-24{margin-top:6rem}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-6{width:1.5rem;height:1.5rem}.size-\[3\.25rem\]{width:3.25rem;height:3.25rem}.size-\[3\.5rem\]{width:3.5rem;height:3.5rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.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-\[3\.125rem\]{height:3.125rem}.h-\[4\.25rem\]{height:4.25rem}.h-\[96\%\]{height:96%}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[11\.75rem\]{max-height:11.75rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-2\.5{width:.625rem}.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-auto{width:auto}.w-full{width:100%}.min-w-10{min-width:2.5rem}.min-w-12{min-width:3rem}.min-w-14{min-width:3.5rem}.min-w-28{min-width:7rem}.min-w-\[6rem\]{min-width:6rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-md{max-width:28rem}.flex-grow{flex-grow:1}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.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))}.translate-x-4{--tw-translate-x:1rem}.transform{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}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.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-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.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}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.875rem\]{border-radius:.875rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.border{border-width:1px}.border-2{border-width:2px}.border-\[0\.09375rem\]{border-width:.09375rem}.border-none{border-style:none}.border-error-700{border-color:var(--error-700)}.border-gray-100{border-color:var(--gray-100)}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.border-gray-400{border-color:var(--gray-400)}.border-gray-900{border-color:var(--gray-900)}.bg-error-100{background-color:var(--error-100)}.bg-gray-0{background-color:var(--gray-0)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-gray-300{background-color:var(--gray-300)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-900{background-color:var(--gray-900)}.bg-info-100{background-color:var(--info-100)}.bg-success-100{background-color:var(--success-100)}.bg-transparent{background-color:transparent}.bg-warning-100{background-color:var(--warning-100)}.fill-current{fill:currentColor}.fill-gray-900{fill:var(--gray-900)}.fill-transparent{fill:transparent}.stroke-gray-400{stroke:var(--gray-400)}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\[0\.5rem\]{font-size:.5rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.625rem\]{font-size:1.625rem}.text-\[1\.875rem\]{font-size:1.875rem}.text-\[2\.125rem\]{font-size:2.125rem}.text-\[2\.75rem\]{font-size:2.75rem}.text-\[3\.5rem\]{font-size:3.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.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-normal{letter-spacing:0}.text-error-700{color:var(--error-700)}.text-gray-0{color:var(--gray-0)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-900{color:var(--gray-900)}.text-info-700{color:var(--info-700)}.text-success-700{color:var(--success-700)}.text-transparent{color:transparent}.text-warning-700{color:var(--warning-700)}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.shadow-card{--tw-shadow:0 0.625rem 1.875rem 0 #191c201a;--tw-shadow-colored:0 0.625rem 1.875rem 0 var(--tw-shadow-color)}.shadow-card,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-regular-large{--tw-shadow:0 1rem 2.5rem -0.5rem #585c5f29;--tw-shadow-colored:0 1rem 2.5rem -0.5rem var(--tw-shadow-color);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}.file\:hidden::file-selector-button{display:none}.hover\:bg-gray-100:hover{background-color:var(--gray-100)}.hover\:bg-gray-300:hover{background-color:var(--gray-300)}.hover\:bg-gray-700:hover{background-color:var(--gray-700)}.hover\:bg-transparent:hover{background-color:transparent}.focus\:border-error-700:focus{border-color:var(--error-700)}.focus\:bg-error-100:focus{background-color:var(--error-100)}.focus\:bg-gray-0:focus{background-color:var(--gray-0)}.focus\:shadow-card:focus{--tw-shadow:0 0.625rem 1.875rem 0 #191c201a;--tw-shadow-colored:0 0.625rem 1.875rem 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.placeholder\:focus\:border-gray-200:focus::-moz-placeholder{border-color:var(--gray-200)}.placeholder\:focus\:border-gray-200:focus::placeholder{border-color:var(--gray-200)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:bg-gray-200:active{background-color:var(--gray-200)}.active\:bg-gray-400:active{background-color:var(--gray-400)}.active\:bg-gray-50:active{background-color:var(--gray-50)}.active\:bg-gray-500:active{background-color:var(--gray-500)}.active\:bg-transparent:active{background-color:transparent}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{background-color:var(--gray-100)}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:text-gray-300:disabled{color:var(--gray-300)}.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:focus-within .group-focus-within\:bg-gray-100{background-color:var(--gray-100)}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked],.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{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]{--tw-translate-x:0px}.data-\[state\=checked\]\:border-gray-900[data-state=checked]{border-color:var(--gray-900)}.data-\[state\=unchecked\]\:border-gray-300[data-state=unchecked]{border-color:var(--gray-300)}.data-\[state\=unchecked\]\:border-gray-400[data-state=unchecked]{border-color:var(--gray-400)}.data-\[state\=checked\]\:bg-gray-900[data-state=checked]{background-color:var(--gray-900)}.data-\[state\=unchecked\]\:bg-gray-300[data-state=unchecked]{background-color:var(--gray-300)}.data-\[state\=unchecked\]\:bg-transparent[data-state=unchecked]{background-color:transparent}.data-\[placeholder\]\:text-gray-400[data-placeholder]{color:var(--gray-400)}.\[\&\>span\:first-of-type\]\:line-clamp-1>span:first-of-type{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
1
+ .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:var(--gray-200)}: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:var(--font-mono);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:var(--gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--gray-400)}[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:Rubik;--font-display:Sora;--font-mono:DM Mono;--gray-900:#191c20;--gray-700:#3c424b;--gray-500:#657080;--gray-400:#9ba3ae;--gray-300:#d6d9dd;--gray-200:#ebecef;--gray-100:#f3f4f5;--gray-50:#f9fafb;--gray-25:#fbfbfc;--gray-0:#fff;--success-900:#18964f;--success-800:#00ab11;--success-700:#00c313;--success-300:#d6f6de;--success-100:#f5fdf7;--error-900:#b71b58;--error-800:#dc0025;--error-700:#ff5a76;--error-300:#ffd7df;--error-100:#fff5f7;--warning-900:#b47500;--warning-800:#dc8f00;--warning-700:#ffb11b;--warning-300:#ffeece;--warning-100:#fff9ef;--info-900:#054cb7;--info-800:#0025dc;--info-700:#5a9cff;--info-300:#cee2ff;--info-100:#f3f8ff}.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}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.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-1{left:.25rem}.right-1{right:.25rem}.top-1{top:.25rem}.z-10{z-index:10}.z-50{z-index:50}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.-ml-3{margin-left:-.75rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-24{margin-top:6rem}.mt-5{margin-top:1.25rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-6{width:1.5rem;height:1.5rem}.size-\[3\.25rem\]{width:3.25rem;height:3.25rem}.size-\[3\.5rem\]{width:3.5rem;height:3.5rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.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-\[3\.125rem\]{height:3.125rem}.h-\[4\.25rem\]{height:4.25rem}.h-\[96\%\]{height:96%}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[11\.75rem\]{max-height:11.75rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-2\.5{width:.625rem}.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-auto{width:auto}.w-full{width:100%}.min-w-10{min-width:2.5rem}.min-w-12{min-width:3rem}.min-w-14{min-width:3.5rem}.min-w-28{min-width:7rem}.min-w-\[6rem\]{min-width:6rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-md{max-width:28rem}.flex-grow{flex-grow:1}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.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))}.translate-x-4{--tw-translate-x:1rem}.transform{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}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.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-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.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}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[0\.875rem\]{border-radius:.875rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.border{border-width:1px}.border-2{border-width:2px}.border-\[0\.09375rem\]{border-width:.09375rem}.border-none{border-style:none}.border-error-700{border-color:var(--error-700)}.border-gray-100{border-color:var(--gray-100)}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.border-gray-400{border-color:var(--gray-400)}.border-gray-900{border-color:var(--gray-900)}.bg-error-100{background-color:var(--error-100)}.bg-gray-0{background-color:var(--gray-0)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-gray-300{background-color:var(--gray-300)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-900{background-color:var(--gray-900)}.bg-info-100{background-color:var(--info-100)}.bg-success-100{background-color:var(--success-100)}.bg-transparent{background-color:transparent}.bg-warning-100{background-color:var(--warning-100)}.fill-current{fill:currentColor}.fill-gray-900{fill:var(--gray-900)}.fill-transparent{fill:transparent}.stroke-gray-400{stroke:var(--gray-400)}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-\[0\.5rem\]{font-size:.5rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.625rem\]{font-size:1.625rem}.text-\[1\.875rem\]{font-size:1.875rem}.text-\[2\.125rem\]{font-size:2.125rem}.text-\[2\.75rem\]{font-size:2.75rem}.text-\[3\.5rem\]{font-size:3.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.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-normal{letter-spacing:0}.text-error-700{color:var(--error-700)}.text-gray-0{color:var(--gray-0)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-900{color:var(--gray-900)}.text-info-700{color:var(--info-700)}.text-success-700{color:var(--success-700)}.text-transparent{color:transparent}.text-warning-700{color:var(--warning-700)}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.shadow-card{--tw-shadow:0 0.625rem 1.875rem 0 #191c201a;--tw-shadow-colored:0 0.625rem 1.875rem 0 var(--tw-shadow-color)}.shadow-card,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-regular-large{--tw-shadow:0 1rem 2.5rem -0.5rem #585c5f29;--tw-shadow-colored:0 1rem 2.5rem -0.5rem var(--tw-shadow-color);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}.file\:hidden::file-selector-button{display:none}.hover\:bg-gray-100:hover{background-color:var(--gray-100)}.hover\:bg-gray-300:hover{background-color:var(--gray-300)}.hover\:bg-gray-700:hover{background-color:var(--gray-700)}.hover\:bg-transparent:hover{background-color:transparent}.focus\:border-error-700:focus{border-color:var(--error-700)}.focus\:bg-error-100:focus{background-color:var(--error-100)}.focus\:bg-gray-0:focus{background-color:var(--gray-0)}.focus\:shadow-card:focus{--tw-shadow:0 0.625rem 1.875rem 0 #191c201a;--tw-shadow-colored:0 0.625rem 1.875rem 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.placeholder\:focus\:border-gray-200:focus::-moz-placeholder{border-color:var(--gray-200)}.placeholder\:focus\:border-gray-200:focus::placeholder{border-color:var(--gray-200)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.active\:bg-gray-200:active{background-color:var(--gray-200)}.active\:bg-gray-400:active{background-color:var(--gray-400)}.active\:bg-gray-50:active{background-color:var(--gray-50)}.active\:bg-gray-500:active{background-color:var(--gray-500)}.active\:bg-transparent:active{background-color:transparent}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{background-color:var(--gray-100)}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:text-gray-300:disabled{color:var(--gray-300)}.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:focus-within .group-focus-within\:bg-gray-100{background-color:var(--gray-100)}.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:1rem}.data-\[state\=checked\]\:translate-x-4[data-state=checked],.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{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]{--tw-translate-x:0px}.data-\[state\=checked\]\:border-gray-900[data-state=checked]{border-color:var(--gray-900)}.data-\[state\=unchecked\]\:border-gray-300[data-state=unchecked]{border-color:var(--gray-300)}.data-\[state\=unchecked\]\:border-gray-400[data-state=unchecked]{border-color:var(--gray-400)}.data-\[state\=checked\]\:bg-gray-900[data-state=checked]{background-color:var(--gray-900)}.data-\[state\=unchecked\]\:bg-gray-300[data-state=unchecked]{background-color:var(--gray-300)}.data-\[state\=unchecked\]\:bg-transparent[data-state=unchecked]{background-color:transparent}.data-\[placeholder\]\:text-gray-400[data-placeholder]{color:var(--gray-400)}@media (min-width:768px){.md\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}}.\[\&\>span\:first-of-type\]\:line-clamp-1>span:first-of-type{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}