@divayth/brick-ui 0.0.14 → 0.1.0

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 (49) hide show
  1. package/README.md +15 -3
  2. package/dist/app/Provider.d.ts +3 -5
  3. package/dist/app/Provider.d.ts.map +1 -1
  4. package/dist/app/Provider.js +46 -37
  5. package/dist/index.js +54 -46
  6. package/dist/lib/dates.d.ts +5 -0
  7. package/dist/lib/dates.d.ts.map +1 -0
  8. package/dist/lib/dates.js +12 -0
  9. package/dist/lib/index.d.ts +2 -3
  10. package/dist/lib/index.d.ts.map +1 -1
  11. package/dist/lib/themes.d.ts +39 -0
  12. package/dist/lib/themes.d.ts.map +1 -1
  13. package/dist/lib/{defaultThemes.js → themes.js} +20 -2
  14. package/dist/styles.css +1 -1
  15. package/dist/ui/Date/DateInput.d.ts +2 -3
  16. package/dist/ui/Date/DateInput.d.ts.map +1 -1
  17. package/dist/ui/Date/DateInput.js +70 -89
  18. package/dist/ui/Date/DateInput.module.css.js +5 -5
  19. package/dist/ui/DateText/DateText.d.ts +0 -1
  20. package/dist/ui/DateText/DateText.d.ts.map +1 -1
  21. package/dist/ui/DateText/DateText.js +9 -10
  22. package/dist/ui/Drawer/Drawer.d.ts +1 -1
  23. package/dist/ui/Drawer/Drawer.d.ts.map +1 -1
  24. package/dist/ui/Drawer/Drawer.js +50 -53
  25. package/dist/ui/FeedScroll/FeedScroll.d.ts.map +1 -1
  26. package/dist/ui/FeedScroll/FeedScroll.js +30 -33
  27. package/dist/ui/IconButton/IconButton.module.css.js +21 -21
  28. package/dist/ui/Popover/Popover.d.ts +14 -0
  29. package/dist/ui/Popover/Popover.d.ts.map +1 -0
  30. package/dist/ui/Popover/Popover.js +26 -0
  31. package/dist/ui/Portal/Portal.d.ts +6 -0
  32. package/dist/ui/Portal/Portal.d.ts.map +1 -0
  33. package/dist/ui/Portal/Portal.js +12 -0
  34. package/dist/ui/Select/Select.d.ts.map +1 -1
  35. package/dist/ui/Select/Select.js +105 -173
  36. package/dist/ui/Select/Select.module.css.js +18 -20
  37. package/dist/ui/Tooltip/Tooltip.d.ts +18 -0
  38. package/dist/ui/Tooltip/Tooltip.d.ts.map +1 -0
  39. package/dist/ui/Tooltip/Tooltip.js +44 -0
  40. package/dist/ui/Tooltip/Tooltip.module.css.js +7 -0
  41. package/dist/ui/index.d.ts +3 -0
  42. package/dist/ui/index.d.ts.map +1 -1
  43. package/package.json +9 -3
  44. package/src/theme.css +30 -0
  45. package/dist/lib/defaultThemes.d.ts +0 -35
  46. package/dist/lib/defaultThemes.d.ts.map +0 -1
  47. package/dist/lib/theme.d.ts +0 -7
  48. package/dist/lib/theme.d.ts.map +0 -1
  49. package/dist/lib/theme.js +0 -15
package/README.md CHANGED
@@ -27,6 +27,7 @@ import "@divayth/brick-ui/styles.css";
27
27
  The package ships compiled CSS; consumers do not need Tailwind.
28
28
  No global CSS reset is included. Colors can be overridden via CSS variables.
29
29
  Interactive Button preserves its 'use client' directive; Text and Flex remain server-compatible.
30
+
30
31
  ## Themes
31
32
 
32
33
  `Provider` includes light and dark palettes. It restores the theme from the
@@ -44,16 +45,27 @@ function ToggleTheme() {
44
45
  );
45
46
  }
46
47
 
47
- <Provider locale="en"><ToggleTheme /></Provider>;
48
+ <Provider locale="en">
49
+ <ToggleTheme />
50
+ </Provider>;
48
51
  ```
49
52
 
50
53
  For SSR, read the cookie on the server and pass its validated value as
51
- `initialTheme`. Apply `getThemeStyle(theme)` and `data-theme={theme}` to
54
+ `defaultTheme`. Apply `getThemeStyle(theme)` and `data-theme={theme}` to
52
55
  `html` to avoid a light flash before hydration. Next.js is not a dependency.
53
56
  For custom palettes, pass `themes` to both `Provider` and `getThemeStyle`.
54
- The optional `theme` and `onThemeChange` props support controlled usage.
57
+ The optional `defaultTheme` prop sets the initial theme and takes precedence over the cookie.
55
58
  Mount one global Provider: theme styles and portals share the document root.
56
59
 
60
+ For Tailwind v4 applications, register the library tokens in your global CSS:
61
+
62
+ ```css
63
+ @import "tailwindcss";
64
+ @import "@divayth/brick-ui/theme.css";
65
+ ```
66
+
67
+ Keep importing `@divayth/brick-ui/styles.css` for component styles.
68
+
57
69
  ## Structure
58
70
 
59
71
  - `src/ui` — components, CSS Modules and Storybook stories.
@@ -1,14 +1,12 @@
1
1
  import { type PropsWithChildren } from "react";
2
2
  import { type Locale } from "../lib/locale.js";
3
- import type { ThemeMap } from "../lib/themes.js";
3
+ import { type ThemeMap } from "../lib/themes.js";
4
4
  export interface ProviderProps extends PropsWithChildren {
5
5
  locale?: Locale;
6
- theme?: string;
7
- initialTheme?: string;
8
- onThemeChange?: (theme: string) => void;
6
+ defaultTheme?: string;
9
7
  themes?: ThemeMap;
10
8
  }
11
- export declare const Provider: ({ locale, theme, initialTheme, onThemeChange, themes, children, }: ProviderProps) => import("react").JSX.Element;
9
+ export declare const Provider: ({ locale, defaultTheme, themes, children, }: ProviderProps) => import("react").JSX.Element;
12
10
  export declare const useProvider: () => {
13
11
  messages: {
14
12
  scrollToTop: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../src/app/Provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,iBAAiB,EAMvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,MAAM,EAAY,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAYjD,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,GAAI,mEAOtB,aAAa,gCAmDf,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;YAzEN,MAAM;;4BAEE,MAAM;CA0E/B,CAAC"}
1
+ {"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../src/app/Provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,iBAAiB,EAMvB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,MAAM,EAAY,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAKL,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAC;AAU1B,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,GAAI,6CAKtB,aAAa,gCAuDf,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;YAzEN,MAAM;;4BAEE,MAAM;CA0E/B,CAAC"}
@@ -1,50 +1,59 @@
1
1
  "use client";
2
- import { jsx as k } from "react/jsx-runtime";
3
- import { useState as A, useMemo as y, useCallback as L, useLayoutEffect as O, useContext as x, createContext as T } from "react";
4
- import { messages as $ } from "../lib/locale.js";
5
- import { defaultThemes as i } from "../lib/defaultThemes.js";
6
- import { getThemeStyle as q, THEME_COOKIE as m } from "../lib/theme.js";
7
- import l from "./Provider.module.css.js";
8
- const S = T({
2
+ import { jsx as C } from "react/jsx-runtime";
3
+ import { useState as x, useMemo as l, useCallback as E, useLayoutEffect as F, useContext as P, createContext as S } from "react";
4
+ import T from "js-cookie";
5
+ import { messages as A } from "../lib/locale.js";
6
+ import { getDefaultTheme as L, getThemeStyle as O, defaultThemes as b, THEME_COOKIE as j } from "../lib/themes.js";
7
+ import n from "./Provider.module.css.js";
8
+ const u = S({
9
9
  locale: "en",
10
10
  theme: "light",
11
11
  onChangeTheme: (t) => {
12
12
  }
13
- }), R = ({
13
+ }), I = ({
14
14
  locale: t = "en",
15
- theme: u,
16
- initialTheme: d,
17
- onThemeChange: h,
18
- themes: o,
19
- children: b
15
+ defaultTheme: h,
16
+ themes: r = b,
17
+ children: f
20
18
  }) => {
21
- const [C, f] = A(d ?? "light"), n = u ?? C, r = Object.hasOwn(i, n) || o?.[n] ? n : "light", g = y(() => q(r, o), [r, o]), p = L((e) => {
22
- !Object.hasOwn(i, e) && !o?.[e] || (f(e), document.cookie = `${m}=${encodeURIComponent(e)}; Path=/; Max-Age=31536000; SameSite=Lax${location.protocol === "https:" ? "; Secure" : ""}`, h?.(e));
23
- }, [o, h]), P = y(() => ({ locale: t, theme: r, onChangeTheme: p }), [t, r, p]);
24
- return O(() => {
25
- if (u !== void 0 || d !== void 0) return;
26
- const e = document.cookie.split("; ").find((c) => c.startsWith(`${m}=`));
27
- if (!e) return;
28
- const s = e.slice(m.length + 1);
29
- (Object.hasOwn(i, s) || o?.[s]) && f(s);
30
- }, []), O(() => {
31
- const e = document.documentElement, { colorScheme: s, ...c } = g, j = Object.keys(c);
32
- e.dataset.theme = r, e.style.colorScheme = s ?? "light", e.classList.add(l.changing);
33
- let v = 0;
34
- const E = requestAnimationFrame(() => {
35
- v = requestAnimationFrame(() => e.classList.remove(l.changing));
19
+ const [o, g] = x(
20
+ () => L(h, r)
21
+ ), c = l(() => O(o, r), [o, r]), a = E(
22
+ (e) => {
23
+ r?.[e] && (g(e), T.set(j, e, {
24
+ expires: 365,
25
+ path: "/",
26
+ sameSite: "lax",
27
+ secure: location.protocol === "https:"
28
+ }));
29
+ },
30
+ [r]
31
+ ), p = l(
32
+ () => ({ locale: t, theme: o, onChangeTheme: a }),
33
+ [t, o, a]
34
+ );
35
+ return F(() => {
36
+ const e = document.documentElement;
37
+ e.dataset.theme = o, e.classList.add(n.changing);
38
+ const { colorScheme: d = "light", ...m } = c;
39
+ e.style.colorScheme = d;
40
+ for (const [s, v] of Object.entries(m))
41
+ e.style.setProperty(s, String(v));
42
+ let i = 0;
43
+ const y = requestAnimationFrame(() => {
44
+ i = requestAnimationFrame(
45
+ () => e.classList.remove(n.changing)
46
+ );
36
47
  });
37
- for (const [a, F] of Object.entries(c))
38
- e.style.setProperty(a, String(F));
39
48
  return () => {
40
- cancelAnimationFrame(E), cancelAnimationFrame(v), e.classList.remove(l.changing), delete e.dataset.theme, e.style.removeProperty("color-scheme"), j.forEach((a) => e.style.removeProperty(a));
49
+ cancelAnimationFrame(y), cancelAnimationFrame(i), e.classList.remove(n.changing), delete e.dataset.theme, e.style.removeProperty("color-scheme"), Object.keys(m).forEach((s) => e.style.removeProperty(s));
41
50
  };
42
- }, [r, g]), /* @__PURE__ */ k(S.Provider, { value: P, children: b });
43
- }, U = () => {
44
- const t = x(S);
45
- return { ...t, messages: $[t.locale] };
51
+ }, [o, c]), /* @__PURE__ */ C(u.Provider, { value: p, children: f });
52
+ }, K = () => {
53
+ const t = P(u);
54
+ return { ...t, messages: A[t.locale] };
46
55
  };
47
56
  export {
48
- R as Provider,
49
- U as useProvider
57
+ I as Provider,
58
+ K as useProvider
50
59
  };
package/dist/index.js CHANGED
@@ -1,18 +1,18 @@
1
1
  /* empty css */
2
2
  import { Accordion as t } from "./ui/Accordion/Accordion.js";
3
- import { Alert as x } from "./ui/Alert/Alert.js";
3
+ import { Alert as m } from "./ui/Alert/Alert.js";
4
4
  import { Button as f } from "./ui/Button/Button.js";
5
- import { Card as i } from "./ui/Card/Card.js";
5
+ import { Card as l } from "./ui/Card/Card.js";
6
6
  import { Checkbox as d } from "./ui/Checkbox/Checkbox.js";
7
- import { Chip as u } from "./ui/Chip/Chip.js";
8
- import { CircularLoading as n } from "./ui/CircularLoading/CircularLoading.js";
9
- import { DateInput as C } from "./ui/Date/DateInput.js";
10
- import { DateText as S } from "./ui/DateText/DateText.js";
11
- import { Drawer as D } from "./ui/Drawer/Drawer.js";
12
- import { FeedList as E } from "./ui/FeedList/FeedList.js";
13
- import { FeedScroll as L } from "./ui/FeedScroll/FeedScroll.js";
14
- import { Field as b } from "./ui/Field/Field.js";
15
- import { Flex as k } from "./ui/Flex/Flex.js";
7
+ import { Chip as s } from "./ui/Chip/Chip.js";
8
+ import { CircularLoading as c } from "./ui/CircularLoading/CircularLoading.js";
9
+ import { DateInput as D } from "./ui/Date/DateInput.js";
10
+ import { DateText as C } from "./ui/DateText/DateText.js";
11
+ import { Drawer as P } from "./ui/Drawer/Drawer.js";
12
+ import { FeedList as I } from "./ui/FeedList/FeedList.js";
13
+ import { FeedScroll as v } from "./ui/FeedScroll/FeedScroll.js";
14
+ import { Field as F } from "./ui/Field/Field.js";
15
+ import { Flex as b } from "./ui/Flex/Flex.js";
16
16
  import { Grid as A } from "./ui/Grid/Grid.js";
17
17
  import { IconButton as O } from "./ui/IconButton/IconButton.js";
18
18
  import { Input as _ } from "./ui/Input/Input.js";
@@ -21,32 +21,35 @@ import { MODAL_SIZE as K, Modal as N } from "./ui/Modal/Modal.js";
21
21
  import { ModalProvider as j } from "./ui/Modal/ModalProvider.js";
22
22
  import { MultipleChip as z } from "./ui/MultipleChip/MultipleChip.js";
23
23
  import { NoData as Q } from "./ui/NoData/NoData.js";
24
- import { ProgressBar as U } from "./ui/ProgressBar/ProgressBar.js";
25
- import { Provider as W, useProvider as X } from "./app/Provider.js";
26
- import { Select as $ } from "./ui/Select/Select.js";
27
- import { Skeleton as or } from "./ui/Skeleton/Skeleton.js";
28
- import { Sticky as tr } from "./ui/Sticky/Sticky.js";
29
- import { THEME_COOKIE as xr, getThemeStyle as mr } from "./lib/theme.js";
30
- import { Tabs as ar } from "./ui/Tabs/Tabs.js";
31
- import { Text as lr } from "./ui/Text/Text.js";
32
- import { defaultThemes as sr } from "./lib/defaultThemes.js";
33
- import { useModal as cr } from "./ui/Modal/ModalContext.js";
34
- import { useTabs as Tr } from "./ui/Tabs/context.js";
24
+ import { Popover as U } from "./ui/Popover/Popover.js";
25
+ import { Portal as W } from "./ui/Portal/Portal.js";
26
+ import { ProgressBar as Y } from "./ui/ProgressBar/ProgressBar.js";
27
+ import { Provider as oo, useProvider as ro } from "./app/Provider.js";
28
+ import { Select as to } from "./ui/Select/Select.js";
29
+ import { Skeleton as mo } from "./ui/Skeleton/Skeleton.js";
30
+ import { Sticky as fo } from "./ui/Sticky/Sticky.js";
31
+ import { THEME_COOKIE as lo, defaultThemes as io, getDefaultTheme as uo, getThemeStyle as so } from "./lib/themes.js";
32
+ import { Tabs as co } from "./ui/Tabs/Tabs.js";
33
+ import { Text as Do } from "./ui/Text/Text.js";
34
+ import { Tooltip as Co } from "./ui/Tooltip/Tooltip.js";
35
+ import { formatDate as Po } from "./lib/dates.js";
36
+ import { useModal as Io } from "./ui/Modal/ModalContext.js";
37
+ import { useTabs as vo } from "./ui/Tabs/context.js";
35
38
  export {
36
39
  t as Accordion,
37
- x as Alert,
40
+ m as Alert,
38
41
  f as Button,
39
- i as Card,
42
+ l as Card,
40
43
  d as Checkbox,
41
- u as Chip,
42
- n as CircularLoading,
43
- C as DateInput,
44
- S as DateText,
45
- D as Drawer,
46
- E as FeedList,
47
- L as FeedScroll,
48
- b as Field,
49
- k as Flex,
44
+ s as Chip,
45
+ c as CircularLoading,
46
+ D as DateInput,
47
+ C as DateText,
48
+ P as Drawer,
49
+ I as FeedList,
50
+ v as FeedScroll,
51
+ F as Field,
52
+ b as Flex,
50
53
  A as Grid,
51
54
  O as IconButton,
52
55
  _ as Input,
@@ -56,17 +59,22 @@ export {
56
59
  j as ModalProvider,
57
60
  z as MultipleChip,
58
61
  Q as NoData,
59
- U as ProgressBar,
60
- W as Provider,
61
- $ as Select,
62
- or as Skeleton,
63
- tr as Sticky,
64
- xr as THEME_COOKIE,
65
- ar as Tabs,
66
- lr as Text,
67
- sr as defaultThemes,
68
- mr as getThemeStyle,
69
- cr as useModal,
70
- X as useProvider,
71
- Tr as useTabs
62
+ U as Popover,
63
+ W as Portal,
64
+ Y as ProgressBar,
65
+ oo as Provider,
66
+ to as Select,
67
+ mo as Skeleton,
68
+ fo as Sticky,
69
+ lo as THEME_COOKIE,
70
+ co as Tabs,
71
+ Do as Text,
72
+ Co as Tooltip,
73
+ io as defaultThemes,
74
+ Po as formatDate,
75
+ uo as getDefaultTheme,
76
+ so as getThemeStyle,
77
+ Io as useModal,
78
+ ro as useProvider,
79
+ vo as useTabs
72
80
  };
@@ -0,0 +1,5 @@
1
+ import { type ConfigType } from "dayjs";
2
+ import "dayjs/locale/ru.js";
3
+ import type { Locale } from "./locale.js";
4
+ export declare const formatDate: (value: ConfigType, locale: Locale, format?: string) => string;
5
+ //# sourceMappingURL=dates.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../src/lib/dates.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAI1C,eAAO,MAAM,UAAU,GAAI,OAAO,UAAU,EAAE,QAAQ,MAAM,EAAE,eAAY,WAIzE,CAAC"}
@@ -0,0 +1,12 @@
1
+ import r from "dayjs";
2
+ import e from "dayjs/plugin/localizedFormat.js";
3
+ import "dayjs/locale/ru.js";
4
+ r.extend(e);
5
+ const f = (t, m, a = "L") => {
6
+ if (t == null || t === "") return "";
7
+ const o = r(t).locale(m);
8
+ return o.isValid() ? o.format(a) : "";
9
+ };
10
+ export {
11
+ f as formatDate
12
+ };
@@ -1,6 +1,5 @@
1
1
  export type { Size } from "./sizes.js";
2
2
  export type { Locale } from "./locale.js";
3
- export type { ThemeColor, ThemeConfig, ThemeMap } from "./themes.js";
4
- export { defaultThemes } from "./defaultThemes.js";
5
- export { getThemeStyle, THEME_COOKIE, type Theme } from "./theme.js";
3
+ export { formatDate } from "./dates.js";
4
+ export { defaultThemes, getDefaultTheme, getThemeStyle, THEME_COOKIE, type Theme, type ThemeColor, type ThemeConfig, type ThemeMap, } from "./themes.js";
6
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,YAAY,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,KAAK,EAAE,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,YAAY,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EACL,aAAa,EACb,eAAe,EACf,aAAa,EACb,YAAY,EACZ,KAAK,KAAK,EACV,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,QAAQ,GACd,MAAM,aAAa,CAAC"}
@@ -1,6 +1,45 @@
1
+ import type { CSSProperties } from "react";
1
2
  export type ThemeColor = `${"primary" | "error" | "info" | "success" | "warning" | "gray"}-${1 | 2 | 3}` | "primary-hover" | "primary-solid" | "primary-solid-hover" | "primary-text-inverted" | "background-primary" | "background-secondary" | "text-primary" | "disabled-background" | "disabled-border" | "disabled-text";
2
3
  export type ThemeConfig = Partial<Record<ThemeColor, string>> & {
3
4
  colorScheme?: "light" | "dark";
4
5
  };
5
6
  export type ThemeMap = Record<string, ThemeConfig>;
7
+ export declare const defaultThemes: {
8
+ light: {};
9
+ dark: {
10
+ colorScheme: "dark";
11
+ "background-primary": string;
12
+ "background-secondary": string;
13
+ "text-primary": string;
14
+ "disabled-background": string;
15
+ "disabled-border": string;
16
+ "disabled-text": string;
17
+ "gray-1": string;
18
+ "gray-2": string;
19
+ "gray-3": string;
20
+ "primary-1": string;
21
+ "primary-2": string;
22
+ "primary-3": string;
23
+ "primary-hover": string;
24
+ "primary-solid": string;
25
+ "primary-solid-hover": string;
26
+ "primary-text-inverted": string;
27
+ "error-1": string;
28
+ "error-2": string;
29
+ "error-3": string;
30
+ "info-1": string;
31
+ "info-2": string;
32
+ "info-3": string;
33
+ "success-1": string;
34
+ "success-2": string;
35
+ "success-3": string;
36
+ "warning-1": string;
37
+ "warning-2": string;
38
+ "warning-3": string;
39
+ };
40
+ };
41
+ export declare const THEME_COOKIE = "theme";
42
+ export type Theme = keyof typeof defaultThemes;
43
+ export declare const getDefaultTheme: (defaultTheme?: string, themes?: ThemeMap) => string;
44
+ export declare const getThemeStyle: (theme: string, themes?: ThemeMap) => CSSProperties;
6
45
  //# sourceMappingURL=themes.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/lib/themes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAClB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAC/E,eAAe,GACf,eAAe,GACf,qBAAqB,GACrB,uBAAuB,GACvB,oBAAoB,GACpB,sBAAsB,GACtB,cAAc,GACd,qBAAqB,GACrB,iBAAiB,GACjB,eAAe,CAAC;AAEpB,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG;IAC9D,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC"}
1
+ {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/lib/themes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI3C,MAAM,MAAM,UAAU,GAClB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAC/E,eAAe,GACf,eAAe,GACf,qBAAqB,GACrB,uBAAuB,GACvB,oBAAoB,GACpB,sBAAsB,GACtB,cAAc,GACd,qBAAqB,GACrB,iBAAiB,GACjB,eAAe,CAAC;AAEpB,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG;IAC9D,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAEnD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCN,CAAC;AAErB,eAAO,MAAM,YAAY,UAAU,CAAC;AACpC,MAAM,MAAM,KAAK,GAAG,MAAM,OAAO,aAAa,CAAC;AAE/C,eAAO,MAAM,eAAe,GAC1B,eAAe,MAAM,EACrB,SAAQ,QAAwB,KAC/B,MAGF,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,EACb,SAAS,QAAQ,KAChB,aAaF,CAAC"}
@@ -1,4 +1,5 @@
1
- const r = {
1
+ import s from "js-cookie";
2
+ const o = {
2
3
  light: {},
3
4
  dark: {
4
5
  colorScheme: "dark",
@@ -31,7 +32,24 @@ const r = {
31
32
  "warning-2": "#f7cc7266",
32
33
  "warning-3": "#453922"
33
34
  }
35
+ }, d = "theme", b = (r, a = o) => {
36
+ const e = r ?? s.get(d) ?? "light";
37
+ return a[e] ? e : "light";
38
+ }, m = (r, a) => {
39
+ const e = o[r], { colorScheme: c = r === "dark" ? "dark" : "light", ...f } = {
40
+ ...e,
41
+ ...a?.[r]
42
+ };
43
+ return {
44
+ colorScheme: c,
45
+ ...Object.fromEntries(
46
+ Object.entries(f).map(([t, i]) => [`--color-${t}`, i])
47
+ )
48
+ };
34
49
  };
35
50
  export {
36
- r as defaultThemes
51
+ d as THEME_COOKIE,
52
+ o as defaultThemes,
53
+ b as getDefaultTheme,
54
+ m as getThemeStyle
37
55
  };
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--color-black:#000;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--color-primary-1:#365dcc;--color-primary-2:#365dcc52;--color-primary-3:#edf1ff;--color-primary-hover:#2e50b8;--color-primary-solid:var(--color-primary-1);--color-primary-solid-hover:var(--color-primary-hover);--color-primary-text-inverted:#fff;--color-error-1:#c9363e;--color-error-2:#c9363e52;--color-error-3:#fff0f0;--color-info-1:#3068b2;--color-info-2:#3068b252;--color-info-3:#edf4ff;--color-success-1:#18794e;--color-success-2:#18794e52;--color-success-3:#eaf7ee;--color-warning-1:#99620f;--color-warning-2:#99620f52;--color-warning-3:#fff5df;--color-gray-1:#626875;--color-gray-2:#dce0e8;--color-gray-3:#f0f2f6;--color-background-primary:#fff;--color-background-secondary:#f6f7fb;--color-text-primary:#20232d;--color-disabled-background:#f2f2f2;--color-disabled-border:#dedede;--color-disabled-text:gray}}@layer base{:root{color:var(--color-text-primary);background-color:var(--color-background-secondary)}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-80{height:calc(var(--spacing) * 80)}.h-full{height:100%}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-56{width:calc(var(--spacing) * 56)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-gray-2{border-color:var(--color-gray-2)}.border-primary-1{border-color:var(--color-primary-1)}.border-transparent{border-color:#0000}.bg-background-primary{background-color:var(--color-background-primary)}.bg-error-1{background-color:var(--color-error-1)}.bg-error-3{background-color:var(--color-error-3)}.bg-gray-2{background-color:var(--color-gray-2)}.bg-primary-1{background-color:var(--color-primary-1)}.bg-primary-3{background-color:var(--color-primary-3)}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-3{padding-top:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.wrap-break-word{overflow-wrap:break-word}.text-error-1{color:var(--color-error-1)}.text-gray-1{color:var(--color-gray-1)}.text-primary-1{color:var(--color-primary-1)}.text-primary-text-inverted{color:var(--color-primary-text-inverted)}.opacity-60{opacity:.6}@media(hover:hover){.hover\:bg-gray-3:hover{background-color:var(--color-gray-3)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-primary-1:focus-visible{outline-color:var(--color-primary-1)}}:root{--height-xs:1.5rem;--height-sm:2rem;--height-md:2.5rem;--height-lg:3rem;--height-xl:3.5rem;--padding-xs:.5rem;--padding-sm:.75rem;--padding-md:1rem;--padding-lg:1.25rem;--padding-xl:1.5rem}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@layer components{@supports (interpolate-size: allow-keywords) and selector(::details-content){._root_oaq11_3{interpolate-size:allow-keywords}._root_oaq11_3::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .2s ease,opacity .2s ease,content-visibility .2s allow-discrete}._root_oaq11_3[open]::details-content{block-size:auto;opacity:1}}._trigger_oaq11_23{cursor:pointer;list-style:none;border-radius:.25rem}._trigger_oaq11_23::-webkit-details-marker{display:none}._trigger_oaq11_23:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}._icon_oaq11_38{color:var(--color-gray-1);transition:transform .2s;margin-right:.5rem;flex-shrink:0}._trigger_oaq11_23:where(details[open]>summary) ._icon_oaq11_38{transform:rotate(180deg)}._content_oaq11_49{width:100%;padding-top:1rem}@media(prefers-reduced-motion:reduce){._icon_oaq11_38{transition:none}._root_oaq11_3::details-content{transition:none}}}@layer components{._root_1nuix_2{box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--color-gray-2);transition:background-color .2s,border-color .2s,box-shadow .2s}._root_1nuix_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_1nuix_2{transition:none}}}._root_1qthb_1{position:relative;box-sizing:border-box;font:inherit;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;border:none}._xs_1qthb_14{height:var(--height-xs);padding:0 var(--padding-xs)}._sm_1qthb_19{height:var(--height-sm);padding:0 var(--padding-sm)}._md_1qthb_24{height:var(--height-md);padding:0 var(--padding-md)}._lg_1qthb_29{height:var(--height-lg);padding:0 var(--padding-lg)}._xl_1qthb_34{height:var(--height-xl);padding:0 var(--padding-xl)}._filled_1qthb_39{background:var(--color-primary-solid);color:var(--color-primary-text-inverted)}._filled_1qthb_39:hover{text-decoration:none;background:var(--color-primary-solid-hover);color:var(--color-primary-text-inverted)}._outlined_1qthb_50{background:transparent;color:var(--color-primary-1);border:1px solid var(--color-primary-1)}._outlined_1qthb_50:hover{text-decoration:none;background:var(--color-primary-3)}._transparent_1qthb_61{color:var(--color-primary-1);background:transparent}._transparent_1qthb_61:hover{background:var(--color-primary-3);text-decoration:none}._filled_1qthb_39._error_1qthb_71{background:var(--color-error-1)}._filled_1qthb_39._error_1qthb_71:hover{background:color-mix(in srgb,var(--color-error-1) 85%,black)}._outlined_1qthb_50._error_1qthb_71{color:var(--color-error-1);border-color:var(--color-error-1)}._outlined_1qthb_50._error_1qthb_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._transparent_1qthb_61._error_1qthb_71{color:var(--color-error-1)}._transparent_1qthb_61._error_1qthb_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._filled_1qthb_39._secondary_1qthb_96{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_1qthb_39._secondary_1qthb_96:hover{color:var(--color-gray-1);background:var(--color-gray-2)}._outlined_1qthb_50._secondary_1qthb_96{color:var(--color-gray-1);border-color:var(--color-gray-2)}._outlined_1qthb_50._secondary_1qthb_96:hover,._transparent_1qthb_61._secondary_1qthb_96:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._transparent_1qthb_61._secondary_1qthb_96{color:var(--color-gray-1)}._disabled_1qthb_121{pointer-events:none;color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._disabled_1qthb_121:hover{cursor:auto;background:var(--color-gray-2)}._error_1qthb_71._disabled_1qthb_121,._error_1qthb_71._disabled_1qthb_121:hover,._secondary_1qthb_96._disabled_1qthb_121,._secondary_1qthb_96._disabled_1qthb_121:hover{color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._loading_1qthb_142{position:absolute}._spinner_1qthb_143{width:1.25rem;height:1.25rem;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_1qthb_143 .8s linear infinite}._root_1qthb_1:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:3px}@keyframes _spin_1qthb_143{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._spinner_1qthb_143{animation:none}._root_1qthb_1{transition:none}}@layer components{._root_19nwm_2{appearance:none;-webkit-appearance:none;width:1rem;height:1rem;border:1px solid var(--color-gray-2);border-radius:.25rem;background:#fff;cursor:pointer;display:inline-grid;place-content:center;transition:background .1s,border-color .1s}._root_19nwm_2:hover{background:var(--color-gray-3)}._root_19nwm_2:checked{background:var(--color-primary-1);border-color:var(--color-primary-1)}._root_19nwm_2:before{content:"";width:.5rem;height:.5rem;transform:scale(0);transition:transform .1s;box-shadow:inset 1rem 1rem var(--color-background-primary);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}._root_19nwm_2:checked:before{transform:scale(1)}}._root_uvbz3_1{width:fit-content;padding:0rem 1rem;font-weight:500}._interactive_uvbz3_7{transition:background-color .2s,border-color .2s}@media(hover:hover){._root_uvbz3_1._interactive_uvbz3_7:hover:not([aria-disabled=true]){background:color-mix(in srgb,currentColor 12%,var(--color-background-primary));border-color:currentColor}}@media(prefers-reduced-motion:reduce){._interactive_uvbz3_7{transition:none}}._filled_uvbz3_22._primary_uvbz3_22{color:var(--color-primary-1);background:var(--color-primary-3);border:1px solid var(--color-primary-3)}._filled_uvbz3_22._info_uvbz3_28{color:var(--color-info-1);background:var(--color-info-3);border:1px solid var(--color-info-3)}._filled_uvbz3_22._error_uvbz3_34{color:var(--color-error-1);background:var(--color-error-3);border:1px solid var(--color-error-3)}._filled_uvbz3_22._success_uvbz3_40{color:var(--color-success-1);background:var(--color-success-3);border:1px solid var(--color-success-3)}._filled_uvbz3_22._warning_uvbz3_46{color:var(--color-warning-1);background:var(--color-warning-3);border:1px solid var(--color-warning-3)}._filled_uvbz3_22._secondary_uvbz3_52{color:var(--color-gray-1);background:var(--color-gray-3);border:1px solid var(--color-gray-3)}._outlined_uvbz3_58._primary_uvbz3_22{color:var(--color-primary-1);border:1px solid var(--color-primary-2)}._outlined_uvbz3_58._info_uvbz3_28{color:var(--color-info-1);border:1px solid var(--color-info-2)}._outlined_uvbz3_58._error_uvbz3_34{color:var(--color-error-1);border:1px solid var(--color-error-2)}._outlined_uvbz3_58._success_uvbz3_40{color:var(--color-success-1);border:1px solid var(--color-success-2)}._outlined_uvbz3_58._warning_uvbz3_46{color:var(--color-warning-1);border:1px solid var(--color-warning-2)}._outlined_uvbz3_58._secondary_uvbz3_52{color:var(--color-gray-1);border:1px solid var(--color-gray-2)}@layer components{._root_qpt33_2{box-sizing:border-box;flex-shrink:0;border-style:solid;border-color:var(--color-gray-3);border-top-color:var(--color-primary-1);border-radius:50%;animation:_spin_qpt33_1 1s linear infinite}._container_qpt33_11{display:flex;align-items:center;justify-content:center;flex:1;width:100%;height:100%}@keyframes _spin_qpt33_1{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._root_qpt33_2{animation:none}}}@layer components{._control_zfzzm_2{position:relative;display:flex;align-items:stretch;width:100%;--control-padding-x: .75rem;--control-padding-y: .5rem;--control-padding-left-with-icon: 2.5rem}._sm_zfzzm_11{height:2rem}._md_zfzzm_12{height:2.5rem}._lg_zfzzm_13{height:3rem}._multiline_zfzzm_14{flex-direction:column;width:100%;height:auto}._icon_zfzzm_15{position:absolute;top:50%;transform:translateY(-50%);display:flex;color:var(--color-gray-1);pointer-events:none}._start_zfzzm_23{left:.75rem}._end_zfzzm_24{right:.75rem}}@layer components{._input_7ptlq_2{box-sizing:border-box;font:inherit;color:inherit;flex:1;width:100%;overflow:auto;height:100%;padding:var(--control-padding-y) var(--control-padding-x);background:var(--color-background-primary);border:1px solid var(--color-gray-2);border-radius:10px;transition:border-color .2s,box-shadow .2s;outline:none}._input_7ptlq_2::placeholder{color:var(--color-gray-1);opacity:.8}._input_7ptlq_2:hover,._input_7ptlq_2:focus{border-color:var(--color-primary-1)}._input_7ptlq_2:disabled{background-color:var(--color-disabled-background);color:var(--color-disabled-text);border-color:var(--color-disabled-border);opacity:1;cursor:not-allowed;-webkit-text-fill-color:var(--color-disabled-text)}._input_7ptlq_2:disabled::placeholder{color:var(--color-disabled-text)}._input_7ptlq_2:disabled:hover,._input_7ptlq_2:disabled:focus{border-color:var(--color-disabled-border)}._error_7ptlq_40{border-color:var(--color-error-1)}._error_7ptlq_40:hover,._error_7ptlq_40:focus{border-color:var(--color-error-1)}._multiple_7ptlq_46{height:auto;resize:none}._withStartIcon_7ptlq_47{padding-left:var(--control-padding-left-with-icon)}._withEndIcon_7ptlq_48{padding-right:var(--control-padding-left-with-icon)}}._changing_1mp3t_1,._changing_1mp3t_1 *,._changing_1mp3t_1 *:before,._changing_1mp3t_1 *:after{transition:none!important}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}._dropdown_oh39p_1{position:fixed;inset:auto;margin:0;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;width:max-content;padding:.75rem;border:1px solid var(--color-gray-2);border-radius:10px;background:var(--color-background-primary);box-shadow:0 8px 24px #0000001a}._calendar_oh39p_16{--rdp-accent-color: var(--color-primary-1);--rdp-accent-background-color: var(--color-primary-3);--rdp-today-color: var(--color-primary-1);--rdp-day-height: 36px;--rdp-day-width: 36px;--rdp-day_button-height: 32px;--rdp-day_button-width: 32px;--rdp-day_button-border: 1px solid transparent;--rdp-day_button-border-radius: 8px;--rdp-selected-border: 1px solid var(--color-primary-1);--rdp-nav_button-height: 32px;--rdp-nav_button-width: 32px;--rdp-nav-height: 36px;--rdp-weekday-opacity: 1;--rdp-outside-opacity: .4;--rdp-animation_duration: .15s;font-family:inherit;font-size:14px}._calendar_oh39p_16 .rdp-month_caption{height:36px;padding-inline:.25rem 4.5rem}._calendar_oh39p_16 .rdp-caption_label{font-size:14px;font-weight:500}._calendar_oh39p_16 .rdp-weekday{color:var(--color-gray-1);font-size:12px;font-weight:400}._calendar_oh39p_16 .rdp-day_button{margin:auto;transition:background-color .15s,color .15s}._calendar_oh39p_16 .rdp-day_button:hover:not(:disabled){color:var(--color-primary-1);background:var(--color-primary-3)}._calendar_oh39p_16 .rdp-today:not(.rdp-selected) .rdp-day_button{border-color:var(--color-primary-2)}._calendar_oh39p_16 .rdp-selected{font-size:inherit;font-weight:500}._calendar_oh39p_16 .rdp-selected .rdp-day_button{color:var(--color-primary-text-inverted);background:var(--color-primary-1)}._calendar_oh39p_16 .rdp-selected .rdp-day_button:hover{color:var(--color-primary-text-inverted);background:var(--color-primary-hover)}._calendar_oh39p_16 .rdp-button_previous,._calendar_oh39p_16 .rdp-button_next{border-radius:8px;transition:background-color .15s}._calendar_oh39p_16 .rdp-button_previous:hover:not(:disabled),._calendar_oh39p_16 .rdp-button_next:hover:not(:disabled){background:var(--color-primary-3)}._calendar_oh39p_16 .rdp-chevron{width:20px;height:20px}._calendar_oh39p_16 .rdp-day_button:focus-visible,._calendar_oh39p_16 .rdp-button_previous:focus-visible,._calendar_oh39p_16 .rdp-button_next:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._calendar_oh39p_16{--rdp-animation_duration: 0s}}@layer components{._root_1cdvq_2{position:relative;padding:0;font:inherit;font-size:calc(var(--size) * .5);width:var(--size);height:var(--size);line-height:1;box-sizing:border-box;flex-shrink:0;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;border:none;background:transparent;vertical-align:middle}._xs_1cdvq_24{--size: 1.5rem;--stroke-width: 1}._sm_1cdvq_29{--size: 1.75rem;--stroke-width: 1.25}._md_1cdvq_34{--size: 2rem;--stroke-width: 1.5}._lg_1cdvq_39{--size: 2.5rem;--stroke-width: 1.75}._xl_1cdvq_44{--size: 3rem;--stroke-width: 2}._primary_1cdvq_49{color:var(--color-primary-1)}._primary_1cdvq_49:hover{background:var(--color-primary-3)}._secondary_1cdvq_57{color:var(--color-gray-1)}._secondary_1cdvq_57:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._danger_1cdvq_66{color:var(--color-error-1)}._danger_1cdvq_66:hover{color:var(--color-error-1);background:var(--color-error-3)}._outlined_1cdvq_75{border:1px solid currentColor}._filled_1cdvq_79._primary_1cdvq_49{color:var(--color-primary-text-inverted);background:var(--color-primary-solid)}._filled_1cdvq_79._primary_1cdvq_49:hover{color:var(--color-primary-text-inverted);background:var(--color-primary-solid-hover)}._filled_1cdvq_79._secondary_1cdvq_57{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_1cdvq_79._secondary_1cdvq_57:hover{color:var(--color-black);background:var(--color-gray-2)}._filled_1cdvq_79._danger_1cdvq_66{color:var(--color-primary-text-inverted);background:var(--color-error-1)}._filled_1cdvq_79._danger_1cdvq_66:hover{color:var(--color-primary-text-inverted);background:color-mix(in srgb,var(--color-error-1) 85%,black)}._root_1cdvq_2._disabled_1cdvq_109{color:var(--color-gray-1);pointer-events:none}._root_1cdvq_2._filled_1cdvq_79._disabled_1cdvq_109{background:var(--color-gray-2)}._root_1cdvq_2._outlined_1cdvq_75._disabled_1cdvq_109{border-color:var(--color-gray-2)}._content_1cdvq_122{width:1.25em;height:1.25em;display:inline-flex;align-items:center;justify-content:center}._loading_1cdvq_130{position:absolute}._content_1cdvq_122 svg{stroke-width:var(--stroke-width);width:1em;height:1em;flex-shrink:0}._content_1cdvq_122 svg *{vector-effect:non-scaling-stroke}._root_1cdvq_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_1cdvq_2{transition:none}}}@layer components{._root_559hu_2{position:fixed;inset:0;z-index:50}._overlay_559hu_8{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .3s;pointer-events:none}._open_559hu_17 ._overlay_559hu_8{opacity:1;pointer-events:auto}._panel_559hu_22{position:absolute;top:0;bottom:0;background:var(--color-background-primary);box-shadow:-4px 0 12px #0000001a;transition:transform .3s;overflow:hidden}._right_559hu_32{right:0;transform:translate(100%)}._open_559hu_17 ._right_559hu_32{transform:translate(0)}._left_559hu_41{left:0;transform:translate(-100%)}._open_559hu_17 ._left_559hu_41{transform:translate(0)}._sm_559hu_50{width:20rem}._md_559hu_54{width:30rem}._lg_559hu_58{width:40rem}._xl_559hu_62{width:50rem}._header_559hu_66{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-gray-3)}._content_559hu_74{flex:1;overflow-x:clip;overflow-y:auto;padding:1rem}}@layer components{._button_1mjih_2{position:fixed;z-index:20;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.95);transition:opacity .18s ease,transform .18s ease,visibility 0s .18s}._visible_1mjih_15{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}@media(prefers-reduced-motion:reduce){._button_1mjih_2{transform:none;transition:none}}}@layer components{._root_1l5eq_2{--grid-current-gap: var(--grid-gap-base, .5rem);--grid-current-row-gap: var(--grid-row-gap-base, var(--grid-current-gap));--grid-current-column-gap: var(--grid-column-gap-base, var(--grid-current-gap));display:grid;grid-template-columns:repeat(var(--grid-columns, 12),minmax(0,1fr));align-items:var(--grid-align, stretch);justify-content:var(--grid-justify, flex-start);row-gap:var(--grid-current-row-gap);column-gap:var(--grid-current-column-gap);min-width:0}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-base, 1);--grid-current-offset: var(--grid-item-offset-base, auto);--grid-current-order: var(--grid-item-order-base, 0);--grid-current-item-align: var(--grid-item-align-base, auto);box-sizing:border-box;min-width:0;grid-column-start:var(--grid-current-offset);grid-column-end:span var(--grid-current-size);order:var(--grid-current-order);align-self:var(--grid-current-item-align)}._fit_1l5eq_30{width:fit-content}@media(min-width:40rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-sm, var(--grid-gap-base, .5rem));--grid-current-row-gap: var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)));--grid-current-column-gap: var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-sm, var(--grid-item-size-base, 1));--grid-current-offset: var(--grid-item-offset-sm, var(--grid-item-offset-base, auto));--grid-current-order: var(--grid-item-order-sm, var(--grid-item-order-base, 0));--grid-current-item-align: var(--grid-item-align-sm, var(--grid-item-align-base, auto))}}@media(min-width:48rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem)));--grid-current-row-gap: var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap))));--grid-current-column-gap: var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1)));--grid-current-offset: var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto)));--grid-current-order: var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0)));--grid-current-item-align: var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto)))}}@media(min-width:64rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem))));--grid-current-row-gap: var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)))));--grid-current-column-gap: var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1))));--grid-current-offset: var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto))));--grid-current-order: var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0))));--grid-current-item-align: var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto))))}}@media(min-width:80rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-xl, var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem)))));--grid-current-row-gap: var(--grid-row-gap-xl, var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap))))));--grid-current-column-gap: var(--grid-column-gap-xl, var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap))))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-xl, var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1)))));--grid-current-offset: var(--grid-item-offset-xl, var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto)))));--grid-current-order: var(--grid-item-order-xl, var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0)))));--grid-current-item-align: var(--grid-item-align-xl, var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto)))))}}@media(min-width:96rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-2xl, var(--grid-gap-xl, var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem))))));--grid-current-row-gap: var(--grid-row-gap-2xl, var(--grid-row-gap-xl, var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)))))));--grid-current-column-gap: var(--grid-column-gap-2xl, var(--grid-column-gap-xl, var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-2xl, var(--grid-item-size-xl, var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1))))));--grid-current-offset: var(--grid-item-offset-2xl, var(--grid-item-offset-xl, var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto))))));--grid-current-order: var(--grid-item-order-2xl, var(--grid-item-order-xl, var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0))))));--grid-current-item-align: var(--grid-item-align-2xl, var(--grid-item-align-xl, var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto))))))}}}@layer components{._root_12ndw_2{margin:auto;padding:0;border:0;border-radius:.5rem;width:48rem;max-height:calc(100dvh - 2rem);color:inherit;background:var(--color-background-primary);overflow:hidden;padding:1.5rem}._root_12ndw_2[open]{display:flex;flex-direction:column}._root_12ndw_2::backdrop{background:#0006}._layout_12ndw_24{min-height:0}._layout_12ndw_24>:not(._content_12ndw_28){flex-shrink:0}._content_12ndw_28{overflow-y:auto}._scrollable_12ndw_36{padding-right:.5rem}._xs_12ndw_40{width:32rem}._sm_12ndw_41{width:42rem}._md_12ndw_42{width:64rem}._lg_12ndw_43{width:80rem}._xl_12ndw_44{width:96rem}._close_12ndw_46{margin-left:auto}}._root_1rkuv_1{flex-shrink:0;background:var(--color-gray-3);border-radius:4px;animation:_pulse_1rkuv_1 1.5s ease-in-out infinite}@keyframes _pulse_1rkuv_1{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media(prefers-reduced-motion:reduce){._root_1rkuv_1{animation:none}}@layer components{._root_1flo3_2{min-width:0;position:relative;width:100%}._select_1flo3_8{box-sizing:border-box;width:100%;height:100%;padding:0 var(--control-padding-x);border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}._filled_1flo3_20{background:var(--color-background-primary);border:1px solid var(--color-gray-2)}._outlined_1flo3_25{background:transparent}._trigger_1flo3_29{font:inherit;color:inherit;flex:1;height:100%;min-width:0;display:flex;align-items:center;gap:.5rem;border:none;padding:0;background:transparent;cursor:pointer;text-align:left}._value_1flo3_45{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}._arrow_1flo3_54{flex-shrink:0;color:var(--color-gray-1)}._clear_1flo3_59{flex-shrink:0;margin-right:-.25rem}._placeholder_1flo3_64{color:var(--color-gray-1);opacity:.8}._disabled_1flo3_69{pointer-events:none;color:var(--color-disabled-text)}._disabled_1flo3_69 ._select_1flo3_8{background:var(--color-disabled-background);border-color:var(--color-disabled-border)}._disabled_1flo3_69 ._placeholder_1flo3_64,._disabled_1flo3_69 ._arrow_1flo3_54{color:var(--color-disabled-text)}._active_1flo3_80{background:var(--color-primary-3);color:var(--color-primary-1)}._error_1flo3_85 ._select_1flo3_8{border-color:var(--color-error-1)}._dropdown_1flo3_91{box-sizing:border-box;width:100%;position:absolute;padding:.25rem;background:var(--color-background-primary);border:1px solid var(--color-gray-2);border-radius:.5rem;max-height:20rem;overflow-y:auto;z-index:100}._dropdown_1flo3_91 button{box-sizing:border-box;font:inherit;color:inherit;border:none;background:transparent;flex-shrink:0;overflow-wrap:anywhere;min-width:100%;text-align:start;border-radius:.5rem;padding:.5rem;cursor:pointer}._dropdown_1flo3_91 button:hover{background:var(--color-gray-3)}._dropdown_1flo3_91 button._active_1flo3_80{background:var(--color-primary-3);color:var(--color-primary-1)}._trigger_1flo3_29:focus-visible,._dropdown_1flo3_91 button:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:-2px}}@layer components{._tab_zcvru_2{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;font:inherit;border:none;cursor:pointer;color:var(--color-gray-1);transition:background-color .2s,color .2s}._primary_zcvru_14{background:var(--color-background-primary)}._secondary_zcvru_15{background:var(--color-gray-3)}._active_zcvru_16,._tab_zcvru_2:hover{background:var(--color-primary-3);color:var(--color-primary-1)}._tab_zcvru_2:disabled{opacity:.5;cursor:not-allowed}._tab_zcvru_2:disabled:hover{color:var(--color-gray-1)}._tab_zcvru_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:-2px}@media(prefers-reduced-motion:reduce){._tab_zcvru_2{transition:none}}}
1
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--color-black:#000;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--color-primary-1:#365dcc;--color-primary-2:#365dcc52;--color-primary-3:#edf1ff;--color-primary-hover:#2e50b8;--color-primary-solid:var(--color-primary-1);--color-primary-solid-hover:var(--color-primary-hover);--color-primary-text-inverted:#fff;--color-error-1:#c9363e;--color-error-2:#c9363e52;--color-error-3:#fff0f0;--color-info-1:#3068b2;--color-info-2:#3068b252;--color-info-3:#edf4ff;--color-success-1:#18794e;--color-success-2:#18794e52;--color-success-3:#eaf7ee;--color-warning-1:#99620f;--color-warning-2:#99620f52;--color-warning-3:#fff5df;--color-gray-1:#626875;--color-gray-2:#dce0e8;--color-gray-3:#f0f2f6;--color-background-primary:#fff;--color-background-secondary:#f6f7fb;--color-text-primary:#20232d;--color-disabled-background:#f2f2f2;--color-disabled-border:#dedede;--color-disabled-text:gray}}@layer base{:root{color:var(--color-text-primary);background-color:var(--color-background-secondary)}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-80{height:calc(var(--spacing) * 80)}.h-full{height:100%}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-56{width:calc(var(--spacing) * 56)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-gray-2{border-color:var(--color-gray-2)}.border-primary-1{border-color:var(--color-primary-1)}.border-transparent{border-color:#0000}.bg-background-primary{background-color:var(--color-background-primary)}.bg-error-1{background-color:var(--color-error-1)}.bg-error-3{background-color:var(--color-error-3)}.bg-gray-2{background-color:var(--color-gray-2)}.bg-primary-1{background-color:var(--color-primary-1)}.bg-primary-3{background-color:var(--color-primary-3)}.p-4{padding:calc(var(--spacing) * 4)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-3{padding-top:calc(var(--spacing) * 3)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.wrap-break-word{overflow-wrap:break-word}.text-error-1{color:var(--color-error-1)}.text-gray-1{color:var(--color-gray-1)}.text-primary-1{color:var(--color-primary-1)}.text-primary-text-inverted{color:var(--color-primary-text-inverted)}.opacity-60{opacity:.6}@media(hover:hover){.hover\:bg-gray-3:hover{background-color:var(--color-gray-3)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-primary-1:focus-visible{outline-color:var(--color-primary-1)}}:root{--height-xs:1.5rem;--height-sm:2rem;--height-md:2.5rem;--height-lg:3rem;--height-xl:3.5rem;--padding-xs:.5rem;--padding-sm:.75rem;--padding-md:1rem;--padding-lg:1.25rem;--padding-xl:1.5rem}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@layer components{@supports (interpolate-size: allow-keywords) and selector(::details-content){._root_oaq11_3{interpolate-size:allow-keywords}._root_oaq11_3::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size .2s ease,opacity .2s ease,content-visibility .2s allow-discrete}._root_oaq11_3[open]::details-content{block-size:auto;opacity:1}}._trigger_oaq11_23{cursor:pointer;list-style:none;border-radius:.25rem}._trigger_oaq11_23::-webkit-details-marker{display:none}._trigger_oaq11_23:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}._icon_oaq11_38{color:var(--color-gray-1);transition:transform .2s;margin-right:.5rem;flex-shrink:0}._trigger_oaq11_23:where(details[open]>summary) ._icon_oaq11_38{transform:rotate(180deg)}._content_oaq11_49{width:100%;padding-top:1rem}@media(prefers-reduced-motion:reduce){._icon_oaq11_38{transition:none}._root_oaq11_3::details-content{transition:none}}}@layer components{._root_1nuix_2{box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--color-gray-2);transition:background-color .2s,border-color .2s,box-shadow .2s}._root_1nuix_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_1nuix_2{transition:none}}}._root_1qthb_1{position:relative;box-sizing:border-box;font:inherit;display:flex;align-items:center;justify-content:center;border-radius:.5rem;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;border:none}._xs_1qthb_14{height:var(--height-xs);padding:0 var(--padding-xs)}._sm_1qthb_19{height:var(--height-sm);padding:0 var(--padding-sm)}._md_1qthb_24{height:var(--height-md);padding:0 var(--padding-md)}._lg_1qthb_29{height:var(--height-lg);padding:0 var(--padding-lg)}._xl_1qthb_34{height:var(--height-xl);padding:0 var(--padding-xl)}._filled_1qthb_39{background:var(--color-primary-solid);color:var(--color-primary-text-inverted)}._filled_1qthb_39:hover{text-decoration:none;background:var(--color-primary-solid-hover);color:var(--color-primary-text-inverted)}._outlined_1qthb_50{background:transparent;color:var(--color-primary-1);border:1px solid var(--color-primary-1)}._outlined_1qthb_50:hover{text-decoration:none;background:var(--color-primary-3)}._transparent_1qthb_61{color:var(--color-primary-1);background:transparent}._transparent_1qthb_61:hover{background:var(--color-primary-3);text-decoration:none}._filled_1qthb_39._error_1qthb_71{background:var(--color-error-1)}._filled_1qthb_39._error_1qthb_71:hover{background:color-mix(in srgb,var(--color-error-1) 85%,black)}._outlined_1qthb_50._error_1qthb_71{color:var(--color-error-1);border-color:var(--color-error-1)}._outlined_1qthb_50._error_1qthb_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._transparent_1qthb_61._error_1qthb_71{color:var(--color-error-1)}._transparent_1qthb_61._error_1qthb_71:hover{background:color-mix(in srgb,var(--color-error-1) 10%,transparent)}._filled_1qthb_39._secondary_1qthb_96{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_1qthb_39._secondary_1qthb_96:hover{color:var(--color-gray-1);background:var(--color-gray-2)}._outlined_1qthb_50._secondary_1qthb_96{color:var(--color-gray-1);border-color:var(--color-gray-2)}._outlined_1qthb_50._secondary_1qthb_96:hover,._transparent_1qthb_61._secondary_1qthb_96:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._transparent_1qthb_61._secondary_1qthb_96{color:var(--color-gray-1)}._disabled_1qthb_121{pointer-events:none;color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._disabled_1qthb_121:hover{cursor:auto;background:var(--color-gray-2)}._error_1qthb_71._disabled_1qthb_121,._error_1qthb_71._disabled_1qthb_121:hover,._secondary_1qthb_96._disabled_1qthb_121,._secondary_1qthb_96._disabled_1qthb_121:hover{color:var(--color-gray-1);background:var(--color-gray-2);border-color:var(--color-gray-2)}._loading_1qthb_142{position:absolute}._spinner_1qthb_143{width:1.25rem;height:1.25rem;box-sizing:border-box;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_1qthb_143 .8s linear infinite}._root_1qthb_1:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:3px}@keyframes _spin_1qthb_143{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._spinner_1qthb_143{animation:none}._root_1qthb_1{transition:none}}@layer components{._root_19nwm_2{appearance:none;-webkit-appearance:none;width:1rem;height:1rem;border:1px solid var(--color-gray-2);border-radius:.25rem;background:#fff;cursor:pointer;display:inline-grid;place-content:center;transition:background .1s,border-color .1s}._root_19nwm_2:hover{background:var(--color-gray-3)}._root_19nwm_2:checked{background:var(--color-primary-1);border-color:var(--color-primary-1)}._root_19nwm_2:before{content:"";width:.5rem;height:.5rem;transform:scale(0);transition:transform .1s;box-shadow:inset 1rem 1rem var(--color-background-primary);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}._root_19nwm_2:checked:before{transform:scale(1)}}._root_uvbz3_1{width:fit-content;padding:0rem 1rem;font-weight:500}._interactive_uvbz3_7{transition:background-color .2s,border-color .2s}@media(hover:hover){._root_uvbz3_1._interactive_uvbz3_7:hover:not([aria-disabled=true]){background:color-mix(in srgb,currentColor 12%,var(--color-background-primary));border-color:currentColor}}@media(prefers-reduced-motion:reduce){._interactive_uvbz3_7{transition:none}}._filled_uvbz3_22._primary_uvbz3_22{color:var(--color-primary-1);background:var(--color-primary-3);border:1px solid var(--color-primary-3)}._filled_uvbz3_22._info_uvbz3_28{color:var(--color-info-1);background:var(--color-info-3);border:1px solid var(--color-info-3)}._filled_uvbz3_22._error_uvbz3_34{color:var(--color-error-1);background:var(--color-error-3);border:1px solid var(--color-error-3)}._filled_uvbz3_22._success_uvbz3_40{color:var(--color-success-1);background:var(--color-success-3);border:1px solid var(--color-success-3)}._filled_uvbz3_22._warning_uvbz3_46{color:var(--color-warning-1);background:var(--color-warning-3);border:1px solid var(--color-warning-3)}._filled_uvbz3_22._secondary_uvbz3_52{color:var(--color-gray-1);background:var(--color-gray-3);border:1px solid var(--color-gray-3)}._outlined_uvbz3_58._primary_uvbz3_22{color:var(--color-primary-1);border:1px solid var(--color-primary-2)}._outlined_uvbz3_58._info_uvbz3_28{color:var(--color-info-1);border:1px solid var(--color-info-2)}._outlined_uvbz3_58._error_uvbz3_34{color:var(--color-error-1);border:1px solid var(--color-error-2)}._outlined_uvbz3_58._success_uvbz3_40{color:var(--color-success-1);border:1px solid var(--color-success-2)}._outlined_uvbz3_58._warning_uvbz3_46{color:var(--color-warning-1);border:1px solid var(--color-warning-2)}._outlined_uvbz3_58._secondary_uvbz3_52{color:var(--color-gray-1);border:1px solid var(--color-gray-2)}@layer components{._root_qpt33_2{box-sizing:border-box;flex-shrink:0;border-style:solid;border-color:var(--color-gray-3);border-top-color:var(--color-primary-1);border-radius:50%;animation:_spin_qpt33_1 1s linear infinite}._container_qpt33_11{display:flex;align-items:center;justify-content:center;flex:1;width:100%;height:100%}@keyframes _spin_qpt33_1{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){._root_qpt33_2{animation:none}}}@layer components{._control_zfzzm_2{position:relative;display:flex;align-items:stretch;width:100%;--control-padding-x: .75rem;--control-padding-y: .5rem;--control-padding-left-with-icon: 2.5rem}._sm_zfzzm_11{height:2rem}._md_zfzzm_12{height:2.5rem}._lg_zfzzm_13{height:3rem}._multiline_zfzzm_14{flex-direction:column;width:100%;height:auto}._icon_zfzzm_15{position:absolute;top:50%;transform:translateY(-50%);display:flex;color:var(--color-gray-1);pointer-events:none}._start_zfzzm_23{left:.75rem}._end_zfzzm_24{right:.75rem}}@layer components{._input_7ptlq_2{box-sizing:border-box;font:inherit;color:inherit;flex:1;width:100%;overflow:auto;height:100%;padding:var(--control-padding-y) var(--control-padding-x);background:var(--color-background-primary);border:1px solid var(--color-gray-2);border-radius:10px;transition:border-color .2s,box-shadow .2s;outline:none}._input_7ptlq_2::placeholder{color:var(--color-gray-1);opacity:.8}._input_7ptlq_2:hover,._input_7ptlq_2:focus{border-color:var(--color-primary-1)}._input_7ptlq_2:disabled{background-color:var(--color-disabled-background);color:var(--color-disabled-text);border-color:var(--color-disabled-border);opacity:1;cursor:not-allowed;-webkit-text-fill-color:var(--color-disabled-text)}._input_7ptlq_2:disabled::placeholder{color:var(--color-disabled-text)}._input_7ptlq_2:disabled:hover,._input_7ptlq_2:disabled:focus{border-color:var(--color-disabled-border)}._error_7ptlq_40{border-color:var(--color-error-1)}._error_7ptlq_40:hover,._error_7ptlq_40:focus{border-color:var(--color-error-1)}._multiple_7ptlq_46{height:auto;resize:none}._withStartIcon_7ptlq_47{padding-left:var(--control-padding-left-with-icon)}._withEndIcon_7ptlq_48{padding-right:var(--control-padding-left-with-icon)}}._changing_1mp3t_1,._changing_1mp3t_1 *,._changing_1mp3t_1 *:before,._changing_1mp3t_1 *:after{transition:none!important}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}._dropdown_1uipl_1{z-index:100;inset:auto;margin:0;max-width:calc(100vw - 16px);max-height:var(--radix-popover-content-available-height);overflow-y:auto;width:max-content;padding:.75rem;border:1px solid var(--color-gray-2);border-radius:10px;background:var(--color-background-primary);box-shadow:0 8px 24px #0000001a}._calendar_1uipl_16{--rdp-accent-color: var(--color-primary-1);--rdp-accent-background-color: var(--color-primary-3);--rdp-today-color: var(--color-primary-1);--rdp-day-height: 36px;--rdp-day-width: 36px;--rdp-day_button-height: 32px;--rdp-day_button-width: 32px;--rdp-day_button-border: 1px solid transparent;--rdp-day_button-border-radius: 8px;--rdp-selected-border: 1px solid var(--color-primary-1);--rdp-nav_button-height: 32px;--rdp-nav_button-width: 32px;--rdp-nav-height: 36px;--rdp-weekday-opacity: 1;--rdp-outside-opacity: .4;--rdp-animation_duration: .15s;font-family:inherit;font-size:14px}._calendar_1uipl_16 .rdp-month_caption{height:36px;padding-inline:.25rem 4.5rem}._calendar_1uipl_16 .rdp-caption_label{font-size:14px;font-weight:500}._calendar_1uipl_16 .rdp-weekday{color:var(--color-gray-1);font-size:12px;font-weight:400}._calendar_1uipl_16 .rdp-day_button{margin:auto;transition:background-color .15s,color .15s}._calendar_1uipl_16 .rdp-day_button:hover:not(:disabled){color:var(--color-primary-1);background:var(--color-primary-3)}._calendar_1uipl_16 .rdp-today:not(.rdp-selected) .rdp-day_button{border-color:var(--color-primary-2)}._calendar_1uipl_16 .rdp-selected{font-size:inherit;font-weight:500}._calendar_1uipl_16 .rdp-selected .rdp-day_button{color:var(--color-primary-text-inverted);background:var(--color-primary-1)}._calendar_1uipl_16 .rdp-selected .rdp-day_button:hover{color:var(--color-primary-text-inverted);background:var(--color-primary-hover)}._calendar_1uipl_16 .rdp-button_previous,._calendar_1uipl_16 .rdp-button_next{border-radius:8px;transition:background-color .15s}._calendar_1uipl_16 .rdp-button_previous:hover:not(:disabled),._calendar_1uipl_16 .rdp-button_next:hover:not(:disabled){background:var(--color-primary-3)}._calendar_1uipl_16 .rdp-chevron{width:20px;height:20px}._calendar_1uipl_16 .rdp-day_button:focus-visible,._calendar_1uipl_16 .rdp-button_previous:focus-visible,._calendar_1uipl_16 .rdp-button_next:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._calendar_1uipl_16{--rdp-animation_duration: 0s}}@layer components{._root_ivirq_2{position:relative;padding:0;font:inherit;font-size:calc(var(--size) * .5);width:var(--size);height:var(--size);line-height:1;box-sizing:border-box;flex-shrink:0;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;border:none;background:transparent;vertical-align:middle}._xs_ivirq_24{--size: 1.5rem;--stroke-width: 1}._sm_ivirq_29{--size: 1.75rem;--stroke-width: 1.25}._md_ivirq_34{--size: 2rem;--stroke-width: 1.5}._lg_ivirq_39{--size: 2.5rem;--stroke-width: 1.75}._xl_ivirq_44{--size: 3rem;--stroke-width: 2}._primary_ivirq_49{color:var(--color-primary-1)}._primary_ivirq_49:hover{background:var(--color-primary-3)}._secondary_ivirq_57{color:var(--color-gray-1)}._secondary_ivirq_57:hover{color:var(--color-gray-1);background:var(--color-gray-3)}._danger_ivirq_66{color:var(--color-error-1)}._danger_ivirq_66:hover{color:var(--color-error-1);background:var(--color-error-3)}._outlined_ivirq_75{border:1px solid currentColor}._filled_ivirq_79._primary_ivirq_49{color:var(--color-primary-text-inverted);background:var(--color-primary-solid)}._filled_ivirq_79._primary_ivirq_49:hover{color:var(--color-primary-text-inverted);background:var(--color-primary-solid-hover)}._filled_ivirq_79._secondary_ivirq_57{color:var(--color-gray-1);background:var(--color-gray-3)}._filled_ivirq_79._secondary_ivirq_57:hover{color:var(--color-black);background:var(--color-gray-2)}._filled_ivirq_79._danger_ivirq_66{color:var(--color-primary-text-inverted);background:var(--color-error-1)}._filled_ivirq_79._danger_ivirq_66:hover{color:var(--color-primary-text-inverted);background:color-mix(in srgb,var(--color-error-1) 85%,black)}._root_ivirq_2._disabled_ivirq_109{color:var(--color-gray-1);pointer-events:none}._root_ivirq_2._filled_ivirq_79._disabled_ivirq_109{background:var(--color-gray-2)}._root_ivirq_2._outlined_ivirq_75._disabled_ivirq_109{border-color:var(--color-gray-2)}._content_ivirq_122{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center}._loading_ivirq_130{position:absolute}._content_ivirq_122 svg{stroke-width:var(--stroke-width);width:1.25em;height:1.25em;flex-shrink:0}._content_ivirq_122 svg *{vector-effect:non-scaling-stroke}._root_ivirq_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:2px}@media(prefers-reduced-motion:reduce){._root_ivirq_2{transition:none}}}@layer components{._root_559hu_2{position:fixed;inset:0;z-index:50}._overlay_559hu_8{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .3s;pointer-events:none}._open_559hu_17 ._overlay_559hu_8{opacity:1;pointer-events:auto}._panel_559hu_22{position:absolute;top:0;bottom:0;background:var(--color-background-primary);box-shadow:-4px 0 12px #0000001a;transition:transform .3s;overflow:hidden}._right_559hu_32{right:0;transform:translate(100%)}._open_559hu_17 ._right_559hu_32{transform:translate(0)}._left_559hu_41{left:0;transform:translate(-100%)}._open_559hu_17 ._left_559hu_41{transform:translate(0)}._sm_559hu_50{width:20rem}._md_559hu_54{width:30rem}._lg_559hu_58{width:40rem}._xl_559hu_62{width:50rem}._header_559hu_66{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-gray-3)}._content_559hu_74{flex:1;overflow-x:clip;overflow-y:auto;padding:1rem}}@layer components{._button_1mjih_2{position:fixed;z-index:20;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.95);transition:opacity .18s ease,transform .18s ease,visibility 0s .18s}._visible_1mjih_15{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}@media(prefers-reduced-motion:reduce){._button_1mjih_2{transform:none;transition:none}}}@layer components{._root_1l5eq_2{--grid-current-gap: var(--grid-gap-base, .5rem);--grid-current-row-gap: var(--grid-row-gap-base, var(--grid-current-gap));--grid-current-column-gap: var(--grid-column-gap-base, var(--grid-current-gap));display:grid;grid-template-columns:repeat(var(--grid-columns, 12),minmax(0,1fr));align-items:var(--grid-align, stretch);justify-content:var(--grid-justify, flex-start);row-gap:var(--grid-current-row-gap);column-gap:var(--grid-current-column-gap);min-width:0}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-base, 1);--grid-current-offset: var(--grid-item-offset-base, auto);--grid-current-order: var(--grid-item-order-base, 0);--grid-current-item-align: var(--grid-item-align-base, auto);box-sizing:border-box;min-width:0;grid-column-start:var(--grid-current-offset);grid-column-end:span var(--grid-current-size);order:var(--grid-current-order);align-self:var(--grid-current-item-align)}._fit_1l5eq_30{width:fit-content}@media(min-width:40rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-sm, var(--grid-gap-base, .5rem));--grid-current-row-gap: var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)));--grid-current-column-gap: var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-sm, var(--grid-item-size-base, 1));--grid-current-offset: var(--grid-item-offset-sm, var(--grid-item-offset-base, auto));--grid-current-order: var(--grid-item-order-sm, var(--grid-item-order-base, 0));--grid-current-item-align: var(--grid-item-align-sm, var(--grid-item-align-base, auto))}}@media(min-width:48rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem)));--grid-current-row-gap: var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap))));--grid-current-column-gap: var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1)));--grid-current-offset: var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto)));--grid-current-order: var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0)));--grid-current-item-align: var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto)))}}@media(min-width:64rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem))));--grid-current-row-gap: var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)))));--grid-current-column-gap: var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1))));--grid-current-offset: var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto))));--grid-current-order: var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0))));--grid-current-item-align: var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto))))}}@media(min-width:80rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-xl, var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem)))));--grid-current-row-gap: var(--grid-row-gap-xl, var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap))))));--grid-current-column-gap: var(--grid-column-gap-xl, var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap))))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-xl, var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1)))));--grid-current-offset: var(--grid-item-offset-xl, var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto)))));--grid-current-order: var(--grid-item-order-xl, var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0)))));--grid-current-item-align: var(--grid-item-align-xl, var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto)))))}}@media(min-width:96rem){._root_1l5eq_2{--grid-current-gap: var(--grid-gap-2xl, var(--grid-gap-xl, var(--grid-gap-lg, var(--grid-gap-md, var(--grid-gap-sm, var(--grid-gap-base, .5rem))))));--grid-current-row-gap: var(--grid-row-gap-2xl, var(--grid-row-gap-xl, var(--grid-row-gap-lg, var(--grid-row-gap-md, var(--grid-row-gap-sm, var(--grid-row-gap-base, var(--grid-current-gap)))))));--grid-current-column-gap: var(--grid-column-gap-2xl, var(--grid-column-gap-xl, var(--grid-column-gap-lg, var(--grid-column-gap-md, var(--grid-column-gap-sm, var(--grid-column-gap-base, var(--grid-current-gap)))))))}._item_1l5eq_16{--grid-current-size: var(--grid-item-size-2xl, var(--grid-item-size-xl, var(--grid-item-size-lg, var(--grid-item-size-md, var(--grid-item-size-sm, var(--grid-item-size-base, 1))))));--grid-current-offset: var(--grid-item-offset-2xl, var(--grid-item-offset-xl, var(--grid-item-offset-lg, var(--grid-item-offset-md, var(--grid-item-offset-sm, var(--grid-item-offset-base, auto))))));--grid-current-order: var(--grid-item-order-2xl, var(--grid-item-order-xl, var(--grid-item-order-lg, var(--grid-item-order-md, var(--grid-item-order-sm, var(--grid-item-order-base, 0))))));--grid-current-item-align: var(--grid-item-align-2xl, var(--grid-item-align-xl, var(--grid-item-align-lg, var(--grid-item-align-md, var(--grid-item-align-sm, var(--grid-item-align-base, auto))))))}}}@layer components{._root_12ndw_2{margin:auto;padding:0;border:0;border-radius:.5rem;width:48rem;max-height:calc(100dvh - 2rem);color:inherit;background:var(--color-background-primary);overflow:hidden;padding:1.5rem}._root_12ndw_2[open]{display:flex;flex-direction:column}._root_12ndw_2::backdrop{background:#0006}._layout_12ndw_24{min-height:0}._layout_12ndw_24>:not(._content_12ndw_28){flex-shrink:0}._content_12ndw_28{overflow-y:auto}._scrollable_12ndw_36{padding-right:.5rem}._xs_12ndw_40{width:32rem}._sm_12ndw_41{width:42rem}._md_12ndw_42{width:64rem}._lg_12ndw_43{width:80rem}._xl_12ndw_44{width:96rem}._close_12ndw_46{margin-left:auto}}._root_1rkuv_1{flex-shrink:0;background:var(--color-gray-3);border-radius:4px;animation:_pulse_1rkuv_1 1.5s ease-in-out infinite}@keyframes _pulse_1rkuv_1{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media(prefers-reduced-motion:reduce){._root_1rkuv_1{animation:none}}@layer components{._select_1y7vn_2{min-width:0;box-sizing:border-box;width:100%;height:100%;padding:0 var(--control-padding-x);border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;transition:border-color .15s,background-color .15s}._select_1y7vn_2:not(._disabled_1y7vn_18):not(._error_1y7vn_18):hover{border-color:var(--color-primary-1)}._outlined_1y7vn_22:not(._disabled_1y7vn_18):hover{background:var(--color-gray-3)}._filled_1y7vn_26{background:var(--color-background-primary);border:1px solid var(--color-gray-2)}._outlined_1y7vn_22{background:transparent}._trigger_1y7vn_35{font:inherit;color:inherit;flex:1;height:100%;min-width:0;display:flex;align-items:center;gap:.5rem;border:none;padding:0;background:transparent;cursor:pointer;text-align:left}._value_1y7vn_51{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}._arrow_1y7vn_60{flex-shrink:0;color:var(--color-gray-1)}._clear_1y7vn_65{flex-shrink:0;margin-right:-.25rem}._placeholder_1y7vn_70{color:var(--color-gray-1);opacity:.8}._disabled_1y7vn_18{pointer-events:none;color:var(--color-disabled-text);background:var(--color-disabled-background);border-color:var(--color-disabled-border)}._disabled_1y7vn_18 ._placeholder_1y7vn_70,._disabled_1y7vn_18 ._arrow_1y7vn_60{color:var(--color-disabled-text)}._active_1y7vn_87{background:var(--color-primary-3);color:var(--color-primary-1)}._select_1y7vn_2._error_1y7vn_18{border-color:var(--color-error-1)}._dropdown_1y7vn_96{display:flex;flex-direction:column;gap:.25rem;box-sizing:border-box;width:min(var(--radix-popover-trigger-width),var(--radix-popover-content-available-width));padding:.25rem;background:var(--color-background-primary);border:1px solid var(--color-gray-2);border-radius:.5rem;max-height:min(20rem,var(--radix-popover-content-available-height));overflow-y:auto;z-index:100}._dropdown_1y7vn_96 button{box-sizing:border-box;font:inherit;color:inherit;border:none;background:transparent;flex-shrink:0;overflow-wrap:anywhere;min-width:100%;text-align:start;border-radius:.5rem;padding:.5rem;cursor:pointer}._dropdown_1y7vn_96 button:hover{background:var(--color-gray-3)}._dropdown_1y7vn_96 button._active_1y7vn_87{background:var(--color-primary-3);color:var(--color-primary-1)}._trigger_1y7vn_35:focus-visible,._dropdown_1y7vn_96 button:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:-2px}@media(prefers-reduced-motion:reduce){._select_1y7vn_2{transition:none}}}@layer components{._tab_zcvru_2{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;font:inherit;border:none;cursor:pointer;color:var(--color-gray-1);transition:background-color .2s,color .2s}._primary_zcvru_14{background:var(--color-background-primary)}._secondary_zcvru_15{background:var(--color-gray-3)}._active_zcvru_16,._tab_zcvru_2:hover{background:var(--color-primary-3);color:var(--color-primary-1)}._tab_zcvru_2:disabled{opacity:.5;cursor:not-allowed}._tab_zcvru_2:disabled:hover{color:var(--color-gray-1)}._tab_zcvru_2:focus-visible{outline:2px solid var(--color-primary-1);outline-offset:-2px}@media(prefers-reduced-motion:reduce){._tab_zcvru_2{transition:none}}}@layer components{._content_r1cxn_2{z-index:1000;width:max-content;max-width:min(20rem,calc(100vw - 1rem));padding:.375rem .625rem;border:1px solid var(--color-gray-2);border-radius:.375rem;background:var(--color-background-primary);color:var(--color-text-primary);box-shadow:0 4px 16px #00000026;font:inherit;font-size:.75rem;line-height:1.4;overflow-wrap:anywhere;animation:_appear_r1cxn_1 .12s ease-out}@keyframes _appear_r1cxn_1{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){._content_r1cxn_2{animation:none}}}