@worldcoin/mini-apps-ui-kit-react 0.0.4 → 0.0.6

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 (6) hide show
  1. package/dist/components/PhoneField/PhoneField.js +86 -76
  2. package/dist/components/Typography/Typography.d.ts +17 -19
  3. package/dist/tailwind/index.d.ts +40 -0
  4. package/dist/tailwind/index.js +47 -32
  5. package/package.json +1 -1
  6. package/public/globals.css +1 -1
package/dist/components/PhoneField/PhoneField.js CHANGED
@@ -1,19 +1,19 @@
1
1
  "use client";
2
- import { jsx as o, jsxs as c } from "react/jsx-runtime";
3
- import { DROPDOWN_CONTAINER_STYLES as J } from "../../lib/constants/dropdownStyles.js";
4
- import { cn as K } from "../../lib/utils.js";
5
- import { Root as Q, Trigger as Z, Portal as ee, Content as oe, Viewport as te, Item as re } from "../../node_modules/.pnpm/@radix-ui_react-select@2.1.4_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._atdh45n5c7sked5b6tbwgdz7re/node_modules/@radix-ui/react-select/dist/index.js";
6
- import { forwardRef as ne, useRef as ae, useState as w, useMemo as F, useImperativeHandle as se } from "react";
7
- import { usePhoneInput as le, parseCountry as O } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
8
- import { Drawer as ie, DrawerTrigger as ce, DrawerContent as ue, DrawerClose as de } from "../Drawer/Drawer.js";
9
- import { Input as me } from "../Input/Input.js";
10
- import { SearchField as he } from "../SearchField/SearchField.js";
2
+ import { jsx as t, jsxs as c } from "react/jsx-runtime";
3
+ import { DROPDOWN_CONTAINER_STYLES as te } from "../../lib/constants/dropdownStyles.js";
4
+ import { cn as oe } from "../../lib/utils.js";
5
+ import { Root as re, Trigger as ne, Portal as ae, Content as le, Viewport as se, Item as ie } from "../../node_modules/.pnpm/@radix-ui_react-select@2.1.4_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._atdh45n5c7sked5b6tbwgdz7re/node_modules/@radix-ui/react-select/dist/index.js";
6
+ import { forwardRef as ce, useRef as ue, useState as w, useMemo as F, useImperativeHandle as de } from "react";
7
+ import { usePhoneInput as me, parseCountry as O } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
8
+ import { Drawer as he, DrawerTrigger as fe, DrawerContent as pe, DrawerClose as Ce } from "../Drawer/Drawer.js";
9
+ import { Input as ye } from "../Input/Input.js";
10
+ import { SearchField as we } from "../SearchField/SearchField.js";
11
11
  import { Typography as P } from "../Typography/Typography.js";
12
12
  import L from "./CountryListItem.js";
13
13
  import R from "./CountrySelectorButton.js";
14
- import { DIAL_CODE_PREFIX as g, startAdornmentWidthByDialCodeLength as pe } from "./constants.js";
15
- import { getCountryDataListByCodes as fe, getValidatedCountryCode as u, filterCountries as Ce } from "./utils.js";
16
- const ye = ne(
14
+ import { DIAL_CODE_PREFIX as g, startAdornmentWidthByDialCodeLength as ge } from "./constants.js";
15
+ import { getCountryDataListByCodes as xe, getValidatedCountryCode as u, filterCountries as Ne } from "./utils.js";
16
+ const Se = ce(
17
17
  ({
18
18
  value: T,
19
19
  onChange: d,
@@ -22,15 +22,20 @@ const ye = ne(
22
22
  defaultCountryCode: n = "US",
23
23
  hideDialCode: m = !1,
24
24
  disableDialCodePrefill: E = !0,
25
- disabled: l = !1,
25
+ disabled: s = !1,
26
26
  error: b = !1,
27
27
  isValid: V,
28
28
  endAdornment: W,
29
29
  endAdornmentWidth: B,
30
30
  countrySelectorMode: _ = "dropdown",
31
- ...j
32
- }, k) => {
33
- const N = ae(null), [h, p] = w(!1), [M, f] = w(!1), [C, S] = w(""), i = F(() => fe(x), [x]), { inputValue: q, country: y, inputRef: a, handlePhoneValueChange: H, setCountry: U } = le(
31
+ type: j = "tel",
32
+ inputMode: k = "tel",
33
+ autoComplete: M = "tel",
34
+ autoCapitalize: q = "off",
35
+ autoCorrect: H = "off",
36
+ ...U
37
+ }, X) => {
38
+ const N = ue(null), [h, f] = w(!1), [Y, p] = w(!1), [C, S] = w(""), i = F(() => xe(x), [x]), { inputValue: z, country: y, inputRef: a, handlePhoneValueChange: G, setCountry: J } = me(
34
39
  {
35
40
  defaultCountry: n.toLowerCase(),
36
41
  disableDialCodePrefill: E,
@@ -43,67 +48,72 @@ const ye = ne(
43
48
  );
44
49
  }
45
50
  }
46
- ), s = u(y.iso2, n), X = 2.8, D = `${g}${y.dialCode}`, Y = m ? X : pe[y.dialCode.length];
47
- se(k, () => a.current);
51
+ ), l = u(y.iso2, n), K = 2.8, D = `${g}${y.dialCode}`, Q = m ? K : ge[y.dialCode.length];
52
+ de(X, () => a.current);
48
53
  const v = (e) => {
49
- e == null || e.preventDefault(), M && requestAnimationFrame(() => {
50
- var t;
51
- (t = a.current) == null || t.focus();
52
- }), f(!1);
53
- }, z = (e) => {
54
+ e == null || e.preventDefault(), Y && requestAnimationFrame(() => {
55
+ var o;
56
+ (o = a.current) == null || o.focus();
57
+ }), p(!1);
58
+ }, Z = (e) => {
54
59
  var r;
55
- const t = (r = N.current) == null ? void 0 : r.contains(e.target);
56
- f(!!t);
60
+ const o = (r = N.current) == null ? void 0 : r.contains(e.target);
61
+ p(!!o);
57
62
  }, A = (e) => {
58
- U(e.toLowerCase()), p(!1);
59
- }, G = (e) => {
63
+ J(e.toLowerCase()), f(!1);
64
+ }, ee = (e) => {
60
65
  S(e.target.value);
61
66
  }, I = F(
62
- () => Ce(i, C),
67
+ () => Ne(i, C),
63
68
  [i, C]
64
69
  );
65
- return /* @__PURE__ */ o(
66
- me,
70
+ return /* @__PURE__ */ t(
71
+ ye,
67
72
  {
68
- ...j,
73
+ ...U,
69
74
  ref: a,
70
- value: q,
71
- onChange: H,
75
+ type: j,
76
+ inputMode: k,
77
+ autoComplete: M,
78
+ autoCapitalize: q,
79
+ autoCorrect: H,
80
+ value: z,
81
+ onChange: G,
72
82
  placeholder: $,
73
- disabled: l,
83
+ disabled: s,
74
84
  error: b,
75
85
  isValid: V,
76
86
  endAdornment: W,
77
87
  endAdornmentWidth: B,
78
- startAdornmentWidth: Y,
88
+ startAdornmentWidth: Q,
79
89
  isFocused: h,
80
90
  startAdornment: _ === "drawer" ? /* @__PURE__ */ c(
81
- ie,
91
+ he,
82
92
  {
83
93
  open: h,
84
- onOpenChange: p,
94
+ onOpenChange: f,
85
95
  onClose: v,
86
96
  onAnimationEnd: (e) => {
87
- e && f(!0);
97
+ e && p(!0);
88
98
  },
89
99
  children: [
90
- /* @__PURE__ */ o(ce, { asChild: !0, className: "outline-none", children: /* @__PURE__ */ o(
100
+ /* @__PURE__ */ t(fe, { asChild: !0, className: "outline-none", children: /* @__PURE__ */ t(
91
101
  R,
92
102
  {
93
- disabled: l,
94
- countryCode: s,
103
+ disabled: s,
104
+ countryCode: l,
95
105
  hideDialCode: m,
96
106
  dialCode: D
97
107
  }
98
108
  ) }),
99
- /* @__PURE__ */ o(ue, { className: "h-[96%]", children: /* @__PURE__ */ c("div", { className: "max-w-md w-full mx-auto flex flex-col flex-grow", children: [
100
- /* @__PURE__ */ o(P, { variant: "subtitle", level: 2, className: "px-4 py-2", children: "Select country" }),
101
- /* @__PURE__ */ o("div", { className: "px-4 pt-2 pb-4", children: /* @__PURE__ */ o(
102
- he,
109
+ /* @__PURE__ */ t(pe, { className: "h-[96%]", children: /* @__PURE__ */ c("div", { className: "max-w-md w-full mx-auto flex flex-col flex-grow", children: [
110
+ /* @__PURE__ */ t(P, { variant: "subtitle", level: 2, className: "px-4 py-2", children: "Select country" }),
111
+ /* @__PURE__ */ t("div", { className: "px-4 pt-2 pb-4", children: /* @__PURE__ */ t(
112
+ we,
103
113
  {
104
114
  placeholder: "Search name or number",
105
115
  value: C,
106
- onChange: G
116
+ onChange: ee
107
117
  }
108
118
  ) }),
109
119
  /* @__PURE__ */ c(
@@ -117,24 +127,24 @@ const ye = ne(
117
127
  },
118
128
  children: [
119
129
  I.map((e) => {
120
- const t = O(e), r = u(
121
- t.iso2,
130
+ const o = O(e), r = u(
131
+ o.iso2,
122
132
  n
123
133
  );
124
- return /* @__PURE__ */ o(de, { className: "block w-full", children: /* @__PURE__ */ o(
134
+ return /* @__PURE__ */ t(Ce, { className: "block w-full", children: /* @__PURE__ */ t(
125
135
  L,
126
136
  {
127
137
  countryCode: r,
128
- countryName: t.name,
129
- dialCode: `${g}${t.dialCode}`,
138
+ countryName: o.name,
139
+ dialCode: `${g}${o.dialCode}`,
130
140
  onClick: () => {
131
141
  A(r), S("");
132
142
  },
133
- isSelected: s === r
143
+ isSelected: l === r
134
144
  }
135
145
  ) }, r);
136
146
  }),
137
- I.length === 0 && /* @__PURE__ */ o(P, { variant: "body", level: 2, className: "text-center", children: "No countries found" })
147
+ I.length === 0 && /* @__PURE__ */ t(P, { variant: "body", level: 2, className: "text-center", children: "No countries found" })
138
148
  ]
139
149
  }
140
150
  )
@@ -142,50 +152,50 @@ const ye = ne(
142
152
  ]
143
153
  }
144
154
  ) : /* @__PURE__ */ c(
145
- Q,
155
+ re,
146
156
  {
147
- value: s,
157
+ value: l,
148
158
  open: h,
149
- onOpenChange: p,
159
+ onOpenChange: f,
150
160
  onValueChange: A,
151
- disabled: l,
161
+ disabled: s,
152
162
  children: [
153
- /* @__PURE__ */ o(Z, { children: /* @__PURE__ */ o(
163
+ /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(
154
164
  R,
155
165
  {
156
- disabled: l,
157
- countryCode: s,
166
+ disabled: s,
167
+ countryCode: l,
158
168
  hideDialCode: m,
159
169
  dialCode: D
160
170
  }
161
171
  ) }),
162
- /* @__PURE__ */ o(ee, { children: /* @__PURE__ */ o(
163
- oe,
172
+ /* @__PURE__ */ t(ae, { children: /* @__PURE__ */ t(
173
+ le,
164
174
  {
165
175
  ref: (e) => {
166
176
  N.current = e, e && a.current && (e.style.width = `${a.current.offsetWidth}px`);
167
177
  },
168
178
  position: "popper",
169
- className: K(J, "-ml-3 mt-5 w-auto"),
179
+ className: oe(te, "-ml-3 mt-5 w-auto"),
170
180
  onCloseAutoFocus: v,
171
- onPointerDown: z,
172
- children: /* @__PURE__ */ o(te, { className: "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] p-2", children: i.map((e) => {
173
- const t = O(e), r = u(
174
- t.iso2,
181
+ onPointerDown: Z,
182
+ children: /* @__PURE__ */ t(se, { className: "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] p-2", children: i.map((e) => {
183
+ const o = O(e), r = u(
184
+ o.iso2,
175
185
  n
176
186
  );
177
- return /* @__PURE__ */ o(
178
- re,
187
+ return /* @__PURE__ */ t(
188
+ ie,
179
189
  {
180
190
  value: r,
181
191
  className: "outline-none",
182
- children: /* @__PURE__ */ o(
192
+ children: /* @__PURE__ */ t(
183
193
  L,
184
194
  {
185
195
  countryCode: r,
186
- countryName: t.name,
187
- dialCode: `${g}${t.dialCode}`,
188
- isSelected: s === r
196
+ countryName: o.name,
197
+ dialCode: `${g}${o.dialCode}`,
198
+ isSelected: l === r
189
199
  }
190
200
  )
191
201
  },
@@ -201,8 +211,8 @@ const ye = ne(
201
211
  );
202
212
  }
203
213
  );
204
- ye.displayName = "PhoneField";
214
+ Se.displayName = "PhoneField";
205
215
  export {
206
- ye as PhoneField,
207
- ye as default
216
+ Se as PhoneField,
217
+ Se as default
208
218
  };
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/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.4",
3
+ "version": "0.0.6",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
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-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-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}
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}