xtreme-ui 0.0.86 → 0.0.87

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.
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/Button.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAgB,YAAY,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,MAAM,4GAiDjB,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/Button.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAgB,YAAY,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,MAAM,4GAiDjB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/Select.tsx"],"names":[],"mappings":"AAOA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAU,YAAY,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,MAAM,CAAC,CAAC,EAAG,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,2CA6DhD"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/Select.tsx"],"names":[],"mappings":"AASA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAU,YAAY,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,MAAM,CAAC,CAAC,EAAG,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,2CAgEhD"}
@@ -1,64 +1,67 @@
1
1
  "use client";
2
- import { jsxs as N, jsx as c } from "react/jsx-runtime";
3
- import { useState as M, useMemo as I } from "react";
4
- import O from "clsx";
5
- import j from "react-select";
6
- import { Icon as y } from "../Icon/Icon.js";
2
+ import { jsxs as M, jsx as c } from "react/jsx-runtime";
3
+ import { useState as I, useMemo as O } from "react";
4
+ import j from "clsx";
5
+ import y from "react-select";
6
+ import { Icon as z } from "../Icon/Icon.js";
7
7
  /* empty css */
8
- function k(i) {
8
+ function $(m) {
9
9
  const {
10
- className: p,
10
+ className: d,
11
11
  multi: s = !1,
12
12
  placeholder: l = "Select an option",
13
- noOptionsMessage: m,
13
+ noOptionsMessage: f,
14
14
  icon: o,
15
- iconType: d = "regular",
16
- clearable: f = !0,
17
- searchable: u = !0,
18
- disabled: h = !1,
15
+ size: n = "default",
16
+ iconType: u = "regular",
17
+ clearable: h = !0,
18
+ searchable: r = !0,
19
+ disabled: S = !1,
19
20
  loading: x = !1,
20
21
  options: a,
21
22
  value: t,
22
- onChange: S
23
- } = i, [n, r] = M(!1), g = I(
23
+ onChange: g
24
+ } = m, [i, p] = I(!1), v = O(
24
25
  () => a.find((e) => e.value === t),
25
26
  [a, t]
26
- ), v = O(
27
+ ), C = j(
27
28
  "xtrSelectWrapper",
29
+ n && `${n}Size`,
28
30
  s ? "multi" : "single",
29
31
  o && "withIcon",
30
32
  !!t && "withValue",
31
- n && "open",
32
- p
33
+ i && "open",
34
+ !r && "noSearch",
35
+ d
33
36
  );
34
- return /* @__PURE__ */ N("div", { className: v, children: [
37
+ return /* @__PURE__ */ M("div", { className: C, children: [
35
38
  /* @__PURE__ */ c(
36
- j,
39
+ y,
37
40
  {
38
41
  className: "xtrSelect",
39
42
  classNamePrefix: "xtrSelect",
40
43
  isMulti: s,
41
- menuIsOpen: n,
42
- onMenuOpen: () => r(!0),
43
- onMenuClose: () => r(!1),
44
- noOptionsMessage: m,
44
+ menuIsOpen: i,
45
+ onMenuOpen: () => p(!0),
46
+ onMenuClose: () => p(!1),
47
+ noOptionsMessage: f,
45
48
  placeholder: l,
46
- isClearable: f,
47
- isSearchable: u,
48
- isDisabled: h,
49
+ isClearable: h,
50
+ isSearchable: r,
51
+ isDisabled: S,
49
52
  isLoading: x,
50
53
  options: a,
51
- value: g,
54
+ value: v,
52
55
  onChange: (e) => {
53
- const C = s ? e == null ? void 0 : e.map(({ value: b }) => b) : e == null ? void 0 : e.value;
54
- S(C);
56
+ const b = s ? e == null ? void 0 : e.map(({ value: N }) => N) : e == null ? void 0 : e.value;
57
+ g(b);
55
58
  }
56
59
  }
57
60
  ),
58
61
  l && !s && /* @__PURE__ */ c("p", { className: "placeholder", children: l }),
59
- o && /* @__PURE__ */ c(y, { className: "xtrSelectIcon", code: o, type: d })
62
+ o && /* @__PURE__ */ c(z, { className: "xtrSelectIcon", code: o, type: u })
60
63
  ] });
61
64
  }
62
65
  export {
63
- k as Select
66
+ $ as Select
64
67
  };
@@ -1,5 +1,10 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { EIconType } from '../Icon/types';
3
+ export declare enum ESelectSize {
4
+ mini = "mini",
5
+ default = "default",
6
+ large = "large"
7
+ }
3
8
  export type Option<T> = {
4
9
  label: string;
5
10
  value: T;
@@ -9,6 +14,7 @@ type TCommonProps<T> = {
9
14
  noOptionsMessage?: (obj: {
10
15
  inputValue: string;
11
16
  }) => ReactNode;
17
+ size?: keyof typeof ESelectSize;
12
18
  icon?: string;
13
19
  iconType?: keyof typeof EIconType;
14
20
  placeholder?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AACpD,KAAK,YAAY,CAAC,CAAC,IAAI;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;CACrB,CAAC;AACF,KAAK,WAAW,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC7B,CAAC;AAQF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,oBAAY,WAAW;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;CACf;AAED,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AACpD,KAAK,YAAY,CAAC,CAAC,IAAI;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;CACrB,CAAC;AACF,KAAK,WAAW,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC7B,CAAC;AAQF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Theme/ThemeContext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAe,iBAAiB,EAAE,mBAAmB,EAAgB,MAAM,QAAQ,CAAC;AAS3F,QAAA,MAAM,YAAY,4CAA8B,CAAC;AACjD,QAAA,MAAM,aAAa,GAAI,cAAc,mBAAmB,4CAyBvD,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}
1
+ {"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Theme/ThemeContext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAe,iBAAiB,EAAE,mBAAmB,EAAgB,MAAM,QAAQ,CAAC;AAS3F,QAAA,MAAM,YAAY,4CAA8B,CAAC;AACjD,QAAA,MAAM,aAAa,GAAI,cAAc,mBAAmB,4CA8BvD,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}
@@ -1,22 +1,22 @@
1
1
  "use client";
2
- import { jsx as u } from "react/jsx-runtime";
3
- import { createContext as i, useState as s, useEffect as n } from "react";
2
+ import { jsx as i } from "react/jsx-runtime";
3
+ import { createContext as S, useState as n, useEffect as s } from "react";
4
4
  import { STORAGE as e } from "../../../utils/constants/commons.js";
5
- const m = {
5
+ const h = {
6
6
  themeScheme: void 0,
7
7
  setThemeScheme: () => null,
8
8
  themeColor: void 0,
9
9
  setThemeColor: () => null
10
- }, a = i(m), T = ({ children: S }) => {
11
- const [t, r] = s(m.themeScheme), [o, h] = s(m.themeColor);
12
- return n(() => {
13
- const c = localStorage.getItem(e.themeScheme), l = localStorage.getItem(e.themeColor);
14
- c && r(c), l && h(l);
15
- }, []), n(() => {
10
+ }, d = S(h), A = ({ children: u }) => {
11
+ const [t, l] = n(h.themeScheme), [o, c] = n(h.themeColor);
12
+ return s(() => {
13
+ let m = localStorage.getItem(e.themeScheme), r = localStorage.getItem(e.themeColor);
14
+ m || (m = (document == null ? void 0 : document.documentElement.getAttribute(e.themeSchemeAttr)) ?? void 0), r || (r = (document == null ? void 0 : document.documentElement.getAttribute(e.themeColorAttr)) ?? void 0), m && l(m), r && c(r);
15
+ }, []), s(() => {
16
16
  !t || !o || (document.documentElement.setAttribute(e.themeSchemeAttr, t), document.documentElement.setAttribute(e.themeColorAttr, o), localStorage.setItem(e.themeScheme, t), localStorage.setItem(e.themeColor, o));
17
- }, [t, o]), /* @__PURE__ */ u(a.Provider, { value: { themeScheme: t, setThemeScheme: r, themeColor: o, setThemeColor: h }, children: S });
17
+ }, [t, o]), /* @__PURE__ */ i(d.Provider, { value: { themeScheme: t, setThemeScheme: l, themeColor: o, setThemeColor: c }, children: u });
18
18
  };
19
19
  export {
20
- a as ThemeContext,
21
- T as ThemeProvider
20
+ d as ThemeContext,
21
+ A as ThemeProvider
22
22
  };
@@ -0,0 +1,3 @@
1
+ import { TThemeSwitchProps } from './types';
2
+ export declare const ThemeSwitch: import('react').ForwardRefExoticComponent<TThemeSwitchProps & import('react').RefAttributes<HTMLButtonElement>>;
3
+ //# sourceMappingURL=ThemeSwitch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSwitch/ThemeSwitch.tsx"],"names":[],"mappings":"AAUA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAO5C,eAAO,MAAM,WAAW,iHAuCtB,CAAC"}
@@ -0,0 +1,50 @@
1
+ "use client";
2
+ import { jsxs as b, Fragment as S, jsx as s } from "react/jsx-runtime";
3
+ import { forwardRef as x, useMemo as l } from "react";
4
+ import { Button as y } from "../../base/Button/Button.js";
5
+ import { Select as E } from "../../base/Select/Select.js";
6
+ import { EThemeColor as v } from "../../context/Theme/type.js";
7
+ import { useXTheme as w } from "../../context/useContext.js";
8
+ import { THEME_SCHEME as m } from "../../../utils/constants/commons.js";
9
+ /* empty css */
10
+ const g = Object.values(v).map((o) => ({
11
+ value: o,
12
+ label: o.charAt(0).toUpperCase() + o.slice(1)
13
+ })), j = x((o, i) => {
14
+ const { className: c, withLabel: h = !1, type: f = "secondary", size: r = "default", iconType: p = "solid" } = o, { themeScheme: e, setThemeScheme: u, themeColor: n, setThemeColor: d } = w(), a = l(() => m[(m.findIndex((t) => t.name === e) + 1) % m.length], [e]), T = l(() => {
15
+ var t;
16
+ return ((t = m.find((C) => C.name === e)) == null ? void 0 : t.icon) ?? "";
17
+ }, [e]);
18
+ return !e || !n ? null : /* @__PURE__ */ b(S, { children: [
19
+ /* @__PURE__ */ s(
20
+ y,
21
+ {
22
+ ref: i,
23
+ className: c,
24
+ type: f,
25
+ size: r,
26
+ icon: T,
27
+ iconType: p,
28
+ label: h ? e === "system" ? "auto" : e : void 0,
29
+ onClick: () => a.name && u(a.name)
30
+ }
31
+ ),
32
+ /* @__PURE__ */ s(
33
+ E,
34
+ {
35
+ clearable: !1,
36
+ searchable: !1,
37
+ size: r,
38
+ options: g,
39
+ icon: "f55d",
40
+ placeholder: "Theme",
41
+ value: n,
42
+ onChange: d
43
+ }
44
+ )
45
+ ] });
46
+ });
47
+ j.displayName = "ThemeSwitch";
48
+ export {
49
+ j as ThemeSwitch
50
+ };
@@ -1,6 +1,6 @@
1
1
  import { EIconType } from '../../base/Icon/types';
2
2
  import { EButtonSize, EButtonTypes } from '../../base/Button/types';
3
- export type TSchemeSwitchProps = {
3
+ export type TThemeSwitchProps = {
4
4
  className?: string;
5
5
  withLabel?: boolean;
6
6
  type?: keyof typeof EButtonTypes;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSwitch/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;CAClC,CAAA"}
package/dist/index.d.ts CHANGED
@@ -34,8 +34,8 @@ export { Navigation } from './components/layout/Navigation/Navigation';
34
34
  export { type TNavigationProps, type TNavigationRoute } from './components/layout/Navigation/types';
35
35
  export { ThemePicker } from './components/layout/ThemePicker/ThemePicker';
36
36
  export { type TThemePickerProps } from './components/layout/ThemePicker/types';
37
- export { SchemeSwitch } from './components/layout/SchemeSwitch/SchemeSwitch';
38
- export { type TSchemeSwitchProps } from './components/layout/SchemeSwitch/types';
37
+ export { ThemeSwitch } from './components/layout/ThemeSwitch/ThemeSwitch';
38
+ export { type TThemeSwitchProps } from './components/layout/ThemeSwitch/types';
39
39
  export { ImageEditor } from './components/layout/ImageEditor/ImageEditor';
40
40
  export { type TImageEditorProps } from './components/layout/ImageEditor/types';
41
41
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAG5F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGjF,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAG7E,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,aAAa,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG9G,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGnH,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGrF,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAG7E,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGpG,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAG/E,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAC7E,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAGjF,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAG5F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGjF,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAG7E,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,aAAa,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,UAAU,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAG9G,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGnH,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGrF,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAG7E,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGpG,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAG/E,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAG/E,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAC"}
package/dist/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import { STORAGE as t, THEME_SCHEME as m } from "./utils/constants/commons.js";
3
3
  import { getLocalState as i, setLocalState as f } from "./utils/function/localStorage.js";
4
4
  import { assignRef as a, mergeRefs as s } from "./utils/function/mergeRefs.js";
5
- import { capitalizeFirstLetter as c, safeStringFromCodePoint as g, unicodeToString as S } from "./utils/function/string.js";
5
+ import { capitalizeFirstLetter as g, safeStringFromCodePoint as c, unicodeToString as S } from "./utils/function/string.js";
6
6
  import { doc as d, elementObserver as P, getCssProperty as E, getCssPropertyPx as C, getCssPropertyVh as I, getCssPropertyVw as T, isClient as y, localStore as z, setCssProperty as h, waitForElement as A, win as F } from "./utils/helper/domHelper.js";
7
7
  import { createImage as u, getCroppedImg as v, getImageSize as L, getRadianAngle as w, readImageFile as R, readImageSrc as B } from "./utils/helper/imageHelper.js";
8
8
  import { themeController as M } from "./utils/helper/themeController.js";
@@ -20,7 +20,7 @@ import { Lottie as me } from "./components/base/Lottie/Lottie.js";
20
20
  import { ELottieSize as ie } from "./components/base/Lottie/types.js";
21
21
  import { ProgressBar as xe } from "./components/base/ProgressBar/ProgressBar.js";
22
22
  import { Spinner as se } from "./components/base/Spinner/Spinner.js";
23
- import { ESpinnerSize as ce } from "./components/base/Spinner/types.js";
23
+ import { ESpinnerSize as ge } from "./components/base/Spinner/types.js";
24
24
  import { Textfield as Se } from "./components/base/Textfield/Textfield.js";
25
25
  import { DatePicker as de } from "./components/base/DatePicker/DatePicker.js";
26
26
  import { EDatePickerTypes as Ee } from "./components/base/DatePicker/types.js";
@@ -32,7 +32,7 @@ import { Sider as ue } from "./components/layout/Sider/Sider.js";
32
32
  import { SiderModal as Le } from "./components/layout/SiderModal/SiderModal.js";
33
33
  import { Navigation as Re } from "./components/layout/Navigation/Navigation.js";
34
34
  import { ThemePicker as De } from "./components/layout/ThemePicker/ThemePicker.js";
35
- import { SchemeSwitch as Xe } from "./components/layout/SchemeSwitch/SchemeSwitch.js";
35
+ import { ThemeSwitch as Xe } from "./components/layout/ThemeSwitch/ThemeSwitch.js";
36
36
  import { ImageEditor as Oe } from "./components/layout/ImageEditor/ImageEditor.js";
37
37
  export {
38
38
  N as ActionCard,
@@ -46,7 +46,7 @@ export {
46
46
  Ee as EDatePickerTypes,
47
47
  oe as EIconSize,
48
48
  ie as ELottieSize,
49
- ce as ESpinnerSize,
49
+ ge as ESpinnerSize,
50
50
  Ie as FilePicker,
51
51
  ye as FilePickerIcon,
52
52
  ee as Icon,
@@ -55,7 +55,6 @@ export {
55
55
  Re as Navigation,
56
56
  xe as ProgressBar,
57
57
  t as STORAGE,
58
- Xe as SchemeSwitch,
59
58
  he as Select,
60
59
  ue as Sider,
61
60
  Le as SiderModal,
@@ -63,9 +62,10 @@ export {
63
62
  m as THEME_SCHEME,
64
63
  Se as Textfield,
65
64
  De as ThemePicker,
65
+ Xe as ThemeSwitch,
66
66
  H as XProvider,
67
67
  a as assignRef,
68
- c as capitalizeFirstLetter,
68
+ g as capitalizeFirstLetter,
69
69
  u as createImage,
70
70
  d as doc,
71
71
  P as elementObserver,
@@ -82,7 +82,7 @@ export {
82
82
  s as mergeRefs,
83
83
  R as readImageFile,
84
84
  B as readImageSrc,
85
- g as safeStringFromCodePoint,
85
+ c as safeStringFromCodePoint,
86
86
  h as setCssProperty,
87
87
  f as setLocalState,
88
88
  M as themeController,
@@ -1 +1 @@
1
- .react-datetime-picker{display:inline-flex;position:relative}.react-datetime-picker,.react-datetime-picker *,.react-datetime-picker *:before,.react-datetime-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-datetime-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-datetime-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-datetime-picker__inputGroup{min-width:calc(16px + 3.24em + .434em);flex-grow:1;padding:0 2px}.react-datetime-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-datetime-picker__inputGroup__divider,.react-datetime-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-datetime-picker__inputGroup__input{min-width:.54em;height:calc(100% - 2px);position:relative;padding:1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-datetime-picker__inputGroup__input::-webkit-outer-spin-button,.react-datetime-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-datetime-picker__inputGroup__input:invalid{background:#ff00001a}.react-datetime-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-datetime-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-datetime-picker__button{border:0;background:transparent;padding:4px 6px}.react-datetime-picker__button:enabled{cursor:pointer}.react-datetime-picker__button:enabled:hover .react-datetime-picker__button__icon,.react-datetime-picker__button:enabled:focus .react-datetime-picker__button__icon{stroke:#0078d7}.react-datetime-picker__button:disabled .react-datetime-picker__button__icon{stroke:#6d6d6d}.react-datetime-picker__button svg{display:inherit}.react-datetime-picker__calendar,.react-datetime-picker__clock{z-index:1}.react-datetime-picker__calendar--closed,.react-datetime-picker__clock--closed{display:none}.react-datetime-picker__calendar{width:350px;max-width:100vw}.react-datetime-picker__calendar .react-calendar{border-width:thin}.react-datetime-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}@font-face{font-family:FontAwesome;font-style:normal;font-weight:100;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-thin-100.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:300;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:900;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeDuotone;font-style:normal;font-weight:900;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-duotone-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:300;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-sharp-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:400;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-sharp-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:900;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-sharp-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeBrand;font-style:normal;font-weight:400;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-brands-400.woff2) format("woff2")}.fontAwesome{position:relative;width:var(--iconSize);height:var(--iconSize);font-size:var(--iconSize);display:flex;justify-content:center;align-items:center;font-variant:normal;text-rendering:auto;font-style:normal;-webkit-user-select:none;user-select:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;z-index:1;transition:all .4s var(--cubicBezierPrimary)}.fontAwesome:before{position:absolute;display:block;color:inherit;content:attr(data-content)}.fontAwesome.thin{font-family:FontAwesome;font-weight:100}.fontAwesome.light{font-family:FontAwesome;font-weight:300}.fontAwesome.regular{font-family:FontAwesome;font-weight:400}.fontAwesome.solid{font-family:FontAwesome;font-weight:900}.fontAwesome.duotone{font-family:FontAwesomeDuotone;font-weight:900}.fontAwesome.duotone:after{position:absolute;display:block;color:inherit;content:attr(data-content) attr(data-content);opacity:.3}.fontAwesome.sharpSolid{font-family:FontAwesomeSharp;font-weight:900}.fontAwesome.sharpRegular{font-family:FontAwesomeSharp;font-weight:400}.fontAwesome.sharpLight{font-family:FontAwesomeSharp;font-weight:300}.fontAwesome.brand{font-family:FontAwesomeBrand;font-weight:400}.shadowRipple{--rippleDuration: var(--animDurDefault);--rippleColor: var(--colorBrandAccentRgb);--rippleShadowColor: var(--colorBackgroundTertiary);--rippleSize: 30px 15px;border-radius:inherit;box-shadow:0 0 var(--rippleSize) rgb(var(--rippleColor)/0%);transition:box-shadow var(--rippleDuration) linear}.shadowRipple:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 1px var(--rippleShadowColor);transition:all var(--animDurDefault) var(--cubicBezierPrimary);z-index:-1}.shadowRipple:hover:before{box-shadow:0 0 0 3px rgb(var(--rippleColor)/50%)}.shadowRipple:active{transition:0s!important;box-shadow:0 0 rgb(var(--rippleColor)/50%)}.shadowRipple:active:before{box-shadow:0 0 0 5px rgb(var(--rippleColor)/50%)}html{scroll-behavior:smooth;background:var(--colorBackgroundPrimary);--colorRedPrimary: 249 34 75;--colorRedSecondary: 255 68 68;--colorRedAccent: 255 56 83;--colorPinkPrimary: 252 33 105;--colorPinkSecondary: 226 33 255;--colorPinkAccent: 255 85 136;--colorOrangePrimary: 255 127 34;--colorOrangeSecondary: 255 65 65;--colorOrangeAccent: 255 108 103;--colorBluePrimary: 34 252 176;--colorBlueSecondary: 33 129 250;--colorBlueAccent: 33 149 243;--colorGreenPrimary: 200 228 178;--colorGreenSecondary: 158 210 190;--colorGreenAccent: 126 170 146;--colorVioletPrimary: 63 0 230;--colorVioletSecondary: 150 44 255;--colorVioletAccent: 127 81 255;--colorBlackPrimary: 22 20 28;--colorBlackSecondary: 9 8 11;--colorBlackAccent: 40 39 44;--colorAlertErrorRGB: 255 65 54;--colorAlertWarningRGB: 255 220 0;--colorAlertSuccessRGB: 46 204 64;--colorBorderPrimary: #ABB0BB;--gradientBrand: linear-gradient(320deg, rgb(var(--colorBrandPrimaryRgb)), rgb(var(--colorBrandSecondaryRgb)));--animDurSlow: 1s;--animDurDefault: .6s;--animDurFast: .4s;--cubicBezierPrimary: cubic-bezier(.23, 1, .32, 1)}html ::selection{color:#fff;background:rgb(var(--colorBrandAccentRgb))}html[data-theme-color=red]{--colorBrandPrimaryRgb: var(--colorRedPrimary);--colorBrandSecondaryRgb: var(--colorRedSecondary);--colorBrandAccentRgb: var(--colorRedAccent)}html[data-theme-color=pink]{--colorBrandPrimaryRgb: var(--colorPinkPrimary);--colorBrandSecondaryRgb: var(--colorPinkSecondary);--colorBrandAccentRgb: var(--colorPinkAccent)}html[data-theme-color=orange]{--colorBrandPrimaryRgb: var(--colorOrangePrimary);--colorBrandSecondaryRgb: var(--colorOrangeSecondary);--colorBrandAccentRgb: var(--colorOrangeAccent)}html[data-theme-color=blue]{--colorBrandPrimaryRgb: var(--colorBluePrimary);--colorBrandSecondaryRgb: var(--colorBlueSecondary);--colorBrandAccentRgb: var(--colorBlueAccent)}html[data-theme-color=green]{--colorBrandPrimaryRgb: var(--colorGreenPrimary);--colorBrandSecondaryRgb: var(--colorGreenSecondary);--colorBrandAccentRgb: var(--colorGreenAccent)}html[data-theme-color=violet]{--colorBrandPrimaryRgb: var(--colorVioletPrimary);--colorBrandSecondaryRgb: var(--colorVioletSecondary);--colorBrandAccentRgb: var(--colorVioletAccent)}html[data-theme-color=black]{--colorBrandPrimaryRgb: var(--colorBlackPrimary);--colorBrandSecondaryRgb: var(--colorBlackSecondary);--colorBrandAccentRgb: var(--colorBlackAccent)}@media (prefers-color-scheme: light){html[data-theme-scheme=system]{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}}@media (prefers-color-scheme: dark){html[data-theme-scheme=system]{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}}html[data-theme-scheme=light]{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}html[data-theme-scheme=dark]{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}html *{font-variation-settings:"wdth" 75,"wght" 500;color:var(--colorContentPrimary);box-sizing:border-box}._actionCard_1715r_1{--cardWidth: 164px;--cardHeight: 164px;--rippleColor: var(--colorBrandAccentRgb);--rippleShadowColor: var(--colorBackgroundTertiary);--cardBorderRadius: calc(min(var(--cardWidth), var(--cardHeight))*.1) ;position:relative;width:var(--cardWidth);height:var(--cardHeight);border-radius:var(--cardBorderRadius);background:var(--colorBackgroundSecondary);cursor:pointer}._actionCard_1715r_1._miniSize_1715r_14{--rippleSize: 24px 12px}._actionCard_1715r_1._smallSize_1715r_17{--rippleSize: 30px 15px}._actionCard_1715r_1._mediumSize_1715r_20{--rippleSize: 48px 24px}.xtrIcon.iconButton{border-radius:9999px;padding:16px}.xtrIcon.iconButton:hover{cursor:pointer;background:rgb(var(--colorBrandAccentRgb)/75%);color:#fff}.xtrIcon.iconButton:active{background:rgb(var(--colorBrandAccentRgb))}.xtrAvatar{--avatarSize: 64px;position:relative;width:var(--avatarSize);height:var(--avatarSize);display:flex;justify-content:center;align-items:center;cursor:pointer}.xtrAvatar:before{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(2px + var(--avatarSize) / 300) solid rgb(var(--colorBrandAccentRgb)/75%);transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar:after{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(4px + var(--avatarSize) / 300) solid rgb(var(--colorBrandAccentRgb)/100%);border-left-color:transparent;border-right-color:transparent;opacity:0;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar .placeholder{color:rgb(var(--colorBrandAccentRgb)/100%)}.xtrAvatar .image{--imageSize: calc(100% - (4px + var(--avatarSize) / 100));position:absolute;width:var(--imageSize);height:var(--imageSize);border-radius:50%;object-fit:cover;object-position:center;z-index:2;transition:all var(--animDurFast) var(--cubicBezierPrimary);animation:fadeIn .2s ease-out forwards}.xtrAvatar.loading:after{opacity:1;animation:avatarSpin 1s infinite linear}.xtrAvatar.error:before,.xtrAvatar.error:after{border-color:rgb(var(--colorAlertErrorRGB))}.xtrAvatar.error .placeholder{color:rgb(var(--colorAlertErrorRGB))}.xtrAvatar:hover:before,.xtrAvatar:hover:after{scale:1.1}.xtrAvatar:active:before,.xtrAvatar:active:after{scale:1}@keyframes avatarSpin{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(360deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(720deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}._progressBar_luf46_1{position:relative;width:100%;height:3px;display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;overflow:hidden}._progressBar_luf46_1:before{content:"";position:absolute;left:0;width:100%;height:1px;border-radius:9999px;opacity:.3;background:var(--colorBorderPrimary);transition:all .5s var(--cubicBezierPrimary)}._progressBar_luf46_1>._progress_luf46_1{position:absolute;width:100%;height:3px;display:block;background:var(--gradientBrand);border-radius:9999px;transition:all .5s var(--cubicBezierPrimary)}._progressBar_luf46_1._intermediate_luf46_31{border-radius:9999px}._progressBar_luf46_1._intermediate_luf46_31:before{height:100%;background:rgb(var(--colorBrandAccentRgb))}._progressBar_luf46_1._intermediate_luf46_31>._progress_luf46_1{width:150%;background-image:repeating-linear-gradient(60deg,transparent,transparent .5rem,rgb(var(--colorBrandAccentRgb)) .5rem,rgb(var(--colorBrandAccentRgb)) 1.5rem);animation:_barberPole_luf46_1 .2s infinite linear}@keyframes _barberPole_luf46_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}._button_9wxq7_1{--themeColor: var(--colorBrandAccentRgb);--rippleColor: var(--themeColor);--rippleShadowColor: var(--themeColor);position:relative;display:flex;justify-content:center;align-items:center;border:none;border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none}._button_9wxq7_1 ._label_9wxq7_14{margin:0;text-transform:uppercase;z-index:1;color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._button_9wxq7_1 ._icon_9wxq7_21{color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._button_9wxq7_1 ._underline_9wxq7_25{position:absolute;width:100%;left:0;bottom:0}._button_9wxq7_1 ._underline_9wxq7_25>span{width:20%!important}._button_9wxq7_1:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--themeColor));filter:contrast(1.2) brightness(.8);clip-path:circle(0% at 50% 50%);border-radius:inherit;z-index:0;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._button_9wxq7_1._primaryType_9wxq7_48,._button_9wxq7_1._primaryDangerType_9wxq7_48{background:rgb(var(--themeColor));color:#fff}._button_9wxq7_1._secondaryType_9wxq7_52,._button_9wxq7_1._secondaryDangerType_9wxq7_52{background:var(--colorBackgroundTertiary);color:var(--colorContentPrimary)}._button_9wxq7_1._linkType_9wxq7_56,._button_9wxq7_1._linkDangerType_9wxq7_56{background:none;box-shadow:none!important;border-radius:unset;color:var(--colorContentPrimary);overflow:unset}._button_9wxq7_1._linkType_9wxq7_56 ._label_9wxq7_14,._button_9wxq7_1._linkDangerType_9wxq7_56 ._label_9wxq7_14{letter-spacing:unset;text-transform:unset}._button_9wxq7_1._linkType_9wxq7_56:before,._button_9wxq7_1._linkDangerType_9wxq7_56:before{display:none}._button_9wxq7_1._linkType_9wxq7_56:hover,._button_9wxq7_1._linkDangerType_9wxq7_56:hover{color:rgb(var(--themeColor))}._button_9wxq7_1._linkType_9wxq7_56:hover ._label_9wxq7_14,._button_9wxq7_1._linkDangerType_9wxq7_56:hover ._label_9wxq7_14{filter:contrast(.8) brightness(1.2)}._button_9wxq7_1._linkType_9wxq7_56:active ._label_9wxq7_14,._button_9wxq7_1._linkDangerType_9wxq7_56:active ._label_9wxq7_14{filter:contrast(1.2) brightness(.8)}._button_9wxq7_1._primaryDangerType_9wxq7_48,._button_9wxq7_1._secondaryDangerType_9wxq7_52,._button_9wxq7_1._linkDangerType_9wxq7_56{--themeColor: var(--colorAlertErrorRGB)}._button_9wxq7_1._primaryDangerType_9wxq7_48 ._underline_9wxq7_25 span,._button_9wxq7_1._secondaryDangerType_9wxq7_52 ._underline_9wxq7_25 span,._button_9wxq7_1._linkDangerType_9wxq7_56 ._underline_9wxq7_25 span{background:rgb(var(--themeColor))}._button_9wxq7_1._miniSize_9wxq7_85{--rippleSize: 24px 12px;line-height:16px;padding:8px 16px;gap:8px}._button_9wxq7_1._miniSize_9wxq7_85 ._label_9wxq7_14{font-size:12px;font-variation-settings:"wdth" 75,"wght" 400;letter-spacing:2px}._button_9wxq7_1._miniSize_9wxq7_85._iconOnly_9wxq7_96{padding:0}._button_9wxq7_1._miniSize_9wxq7_85._iconOnly_9wxq7_96 ._icon_9wxq7_21{width:32px;height:32px}._button_9wxq7_1._defaultSize_9wxq7_103{--rippleSize: 30px 15px;line-height:18px;padding:10px 20px;gap:10px}._button_9wxq7_1._defaultSize_9wxq7_103 ._label_9wxq7_14{font-size:14px;font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:2px}._button_9wxq7_1._defaultSize_9wxq7_103._iconOnly_9wxq7_96{padding:0}._button_9wxq7_1._defaultSize_9wxq7_103._iconOnly_9wxq7_96 ._icon_9wxq7_21{width:44px;height:44px}._button_9wxq7_1._largeSize_9wxq7_121{--rippleSize: 48px 24px;line-height:28px;padding:16px 32px;gap:14px}._button_9wxq7_1._largeSize_9wxq7_121 ._label_9wxq7_14{font-size:22px;font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:4px}._button_9wxq7_1._largeSize_9wxq7_121._iconOnly_9wxq7_96{padding:0}._button_9wxq7_1._largeSize_9wxq7_121._iconOnly_9wxq7_96 ._icon_9wxq7_21{width:60px;height:60px}._button_9wxq7_1:hover{color:#fff}._button_9wxq7_1:hover ._underline_9wxq7_25 span{width:100%!important}._button_9wxq7_1:hover:before{clip-path:circle(100% at 50% 50%);opacity:1}._button_9wxq7_1._loading_9wxq7_149{--loaderColor: rgb(var(--themeColor));pointer-events:none;overflow:hidden;background:rgb(var(--themeColor)/80%)}._button_9wxq7_1._loading_9wxq7_149._secondaryType_9wxq7_52,._button_9wxq7_1._loading_9wxq7_149._secondaryDangerType_9wxq7_52{--loaderColor: var(--colorBackgroundPrimary);background:var(--colorBackgroundTertiary)}._button_9wxq7_1._loading_9wxq7_149._linkType_9wxq7_56,._button_9wxq7_1._loading_9wxq7_149._linkDangerType_9wxq7_56{background:none}._button_9wxq7_1._loading_9wxq7_149._linkType_9wxq7_56 ._underline_9wxq7_25>span,._button_9wxq7_1._loading_9wxq7_149._linkDangerType_9wxq7_56 ._underline_9wxq7_25>span{width:150%!important}._button_9wxq7_1._loading_9wxq7_149._linkType_9wxq7_56:after,._button_9wxq7_1._loading_9wxq7_149._linkDangerType_9wxq7_56:after{display:none}._button_9wxq7_1._loading_9wxq7_149:after{content:"";position:absolute;display:block;width:150%;height:100%;z-index:0;border-radius:9999px;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);animation:_barberPole_9wxq7_1 .25s infinite linear}._button_9wxq7_1._loading_9wxq7_149._iconOnly_9wxq7_96{background:transparent;overflow:unset}._button_9wxq7_1._loading_9wxq7_149._iconOnly_9wxq7_96._secondaryType_9wxq7_52,._button_9wxq7_1._loading_9wxq7_149._iconOnly_9wxq7_96._secondaryDangerType_9wxq7_52{color:#fff}._button_9wxq7_1._loading_9wxq7_149._iconOnly_9wxq7_96:before{clip-path:circle(45% at 50% 50%);opacity:1}._button_9wxq7_1._loading_9wxq7_149._iconOnly_9wxq7_96:after{width:100%;background:none;border:2px solid rgb(var(--themeColor));border-top-color:transparent;border-bottom-color:transparent;animation:_spin_9wxq7_1 .25s infinite linear}._button_9wxq7_1:disabled{background:rgb(var(--themeColor)/20%);color:rgb(var(--themeColor)/75%);pointer-events:none;filter:grayscale(1)}._button_9wxq7_1:disabled._secondaryType_9wxq7_52,._button_9wxq7_1:disabled._secondaryDangerType_9wxq7_52{background:rgb(var(--themeColor)/5%)}._button_9wxq7_1:disabled._linkType_9wxq7_56{background:none}._button_9wxq7_1:disabled._linkType_9wxq7_56 ._underline_9wxq7_25:before{width:0%}._button_9wxq7_1:disabled._linkType_9wxq7_56 ._underline_9wxq7_25 span{width:0%}@keyframes _barberPole_9wxq7_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}@keyframes _spin_9wxq7_1{0%{transform:rotate(0)}to{transform:rotate(180deg)}}._lottieWrapper_wawrm_1{width:var(--lottieSize);height:var(--lottieSize);display:flex;justify-content:center;align-items:center}._lottie_wawrm_1{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.xtrSpinner{--spinnerSize: 64px;--spinnerCubeSize: calc(var(--spinnerSize) / 2);--spinnerShadowSize: calc(var(--spinnerSize) / 20);--spinnerTopColor: 50 50 50;position:relative;width:var(--spinnerSize);height:var(--spinnerSize);display:flex;justify-content:center;align-items:center;flex-direction:column}.xtrSpinner.fullpage{width:100%;height:100%}.xtrSpinner .label{position:absolute;bottom:50%;font-variation-settings:"wdth" 75,"wght" 500;font-size:calc(8px + var(--spinnerSize) / 18);color:var(--colorContentPrimary);transform:translateY(calc(5px + var(--spinnerSize) / 1.6))}.xtrSpinner .spinnerWrapper{position:relative;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);margin-top:calc(var(--spinnerCubeSize) * -.1);transform-style:preserve-3d;animation:spin .8s linear infinite}.xtrSpinner .spinnerWrapper .cubeTop{position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:rgb(var(--spinnerTopColor));transform:rotateX(90deg) translateZ(calc(var(--spinnerCubeSize) / 2));transform-style:preserve-3d;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrSpinner .spinnerWrapper .cubeTop:before{content:"";position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:rgb(var(--colorBrandAccentRgb)/80%);transform:translateZ(calc(-1 * var(--spinnerCubeSize) * 1.2));filter:blur(var(--spinnerShadowSize));box-shadow:0 0 var(--spinnerShadowSize) rgb(var(--spinnerTopColor)),0 0 calc(var(--spinnerShadowSize) * 2) rgb(var(--colorBrandAccentRgb)),0 0 calc(var(--spinnerShadowSize) * 3) rgb(var(--spinnerTopColor)),0 0 calc(var(--spinnerShadowSize) * 4) rgb(var(--colorBrandAccentRgb))}.xtrSpinner .spinnerWrapper .cubeWrapper{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace{position:absolute;width:100%;height:100%;background:#fff;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:before{content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,rgb(var(--colorBrandAccentRgb)/100%),rgb(var(--colorBrandAccentRgb)/40%))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:after{content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,rgb(var(--spinnerTopColor)/100%) 0%,rgb(var(--spinnerTopColor)/40%) 5%,rgb(var(--spinnerTopColor)/10%) 10%,transparent 100%)}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(1){transform:rotateY(90deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(2){transform:rotateY(180deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(3){transform:rotateY(270deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(4){transform:rotateY(360deg) translateZ(calc(var(--spinnerCubeSize) / 2))}@keyframes spin{0%{transform:rotateX(-30deg) rotateY(0)}to{transform:rotateX(-30deg) rotateY(360deg)}}._textfield_1l1n6_1{--fontSize: 14px;--primaryColor: var(--colorBackgroundSecondary);--secondaryColor: var(--colorBackgroundPrimary);position:relative;width:300px;display:flex;justify-content:center;align-items:center;border-radius:22px;box-shadow:0 0 0 1px rgb(var(--colorBrandAccentRgb)/50%);background:var(--primaryColor);color:rgb(var(--colorContentPrimary));transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._textfield_1l1n6_1:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb));clip-path:circle(0% at 22px 50%);border-radius:9999px;z-index:0;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._textfield_1l1n6_1 ._icon_1l1n6_29{position:absolute;left:0;width:44px;height:44px;font-size:calc(var(--fontSize) + 2px);color:rgb(var(--colorBrandAccentRgb)/100%);pointer-events:none;transition:all 0s}._textfield_1l1n6_1 ._dialCode_1l1n6_39{position:absolute;left:0;display:flex;align-items:center;gap:4px}._textfield_1l1n6_1 ._dialCode_1l1n6_39 span{display:flex;width:44px;height:44px;background-size:cover;background-position:center;border-radius:9999px;scale:.8}._textfield_1l1n6_1 ._dialCode_1l1n6_39 p{margin:0;font-size:var(--fontSize);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._textfield_1l1n6_1 ._input_1l1n6_60{width:100%;outline:none;border:none;background:transparent;padding:20px 22px 6px;line-height:18px;z-index:1;font-size:var(--fontSize);font-variation-settings:"wdth" 75,"wght" 400;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._textfield_1l1n6_1 ._input_1l1n6_60[type=number]::-webkit-inner-spin-button,._textfield_1l1n6_1 ._input_1l1n6_60[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}._textfield_1l1n6_1 ._input_1l1n6_60[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}._textfield_1l1n6_1 ._placeholder_1l1n6_79{position:absolute;left:0;display:flex;align-items:center;color:var(--colorContentSecondary);transform:translate(16px);transform-origin:0 50%;font-size:var(--fontSize);line-height:20px;padding:0 8px;z-index:2;pointer-events:none;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._textfield_1l1n6_1._withIcon_1l1n6_94:before{clip-path:circle(16px at 22px 50%);opacity:.4}._textfield_1l1n6_1._withIcon_1l1n6_94 ._input_1l1n6_60{padding-left:48px}._textfield_1l1n6_1._withIcon_1l1n6_94 ._placeholder_1l1n6_79{transform:translate(40px)}._textfield_1l1n6_1._textarea_1l1n6_104 ._input_1l1n6_60{height:200px;padding:0 22px;margin:26px 0 8px;resize:none}._textfield_1l1n6_1._textarea_1l1n6_104 ._placeholder_1l1n6_79{top:0;transform:translate(16px,20px)}._textfield_1l1n6_1._phone_1l1n6_114 ._input_1l1n6_60{padding-left:74px}._textfield_1l1n6_1._phone_1l1n6_114 ._placeholder_1l1n6_79{transform:translate(68px)}._textfield_1l1n6_1._hasValue_1l1n6_120 ._placeholder_1l1n6_79{transform:translate(22px,-12px);scale:.75;font-variation-settings:"wdth" 75,"wght" 700;color:rgb(var(--colorBrandAccentRgb)/100%)}._textfield_1l1n6_1._hasValue_1l1n6_120 ._placeholder_1l1n6_79:before{scale:1}._textfield_1l1n6_1._hasValue_1l1n6_120._withIcon_1l1n6_94 ._placeholder_1l1n6_79,._textfield_1l1n6_1._hasValue_1l1n6_120._phone_1l1n6_114 ._placeholder_1l1n6_79{transform:translate(56px,-12px)}._textfield_1l1n6_1._hasValue_1l1n6_120._phone_1l1n6_114 ._dialCode_1l1n6_39 p{margin-top:14px}._textfield_1l1n6_1._hasValue_1l1n6_120._textarea_1l1n6_104 ._placeholder_1l1n6_79{transform:translate(22px,8px)}._textfield_1l1n6_1:focus-within{box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--secondaryColor)}._textfield_1l1n6_1:focus-within ._placeholder_1l1n6_79{transform:translate(22px,-12px);scale:.75;font-variation-settings:"wdth" 75,"wght" 700;color:rgb(var(--colorBrandAccentRgb)/100%)}._textfield_1l1n6_1:focus-within ._placeholder_1l1n6_79:before{scale:1}._textfield_1l1n6_1:focus-within._withIcon_1l1n6_94 ._placeholder_1l1n6_79{transform:translate(56px,-12px)}._textfield_1l1n6_1:focus-within._phone_1l1n6_114 ._placeholder_1l1n6_79{transform:translate(56px,-12px)}._textfield_1l1n6_1:focus-within._phone_1l1n6_114 ._dialCode_1l1n6_39 p{margin-top:14px}._textfield_1l1n6_1:focus-within._textarea_1l1n6_104 ._placeholder_1l1n6_79{transform:translate(22px,8px)}._textfield_1l1n6_1:focus-within._withIcon_1l1n6_94:before{clip-path:circle(18px at 22px 50%);opacity:.8}._textfield_1l1n6_1:focus-within._withIcon_1l1n6_94 ._icon_1l1n6_29{color:#fff;font-weight:900}.xtrDatePicker{--fontSize: 14px;--primaryColor: var(--colorBackgroundSecondary);--secondaryColor: var(--colorBackgroundPrimary);display:flex;width:fit-content;min-width:300px;justify-content:center;align-items:center;border-radius:22px;box-shadow:0 0 0 1px rgb(var(--colorBrandAccentRgb)/50%);background:var(--primaryColor);color:rgb(var(--colorContentPrimary));transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrDatePicker:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb));clip-path:circle(16px at 22px 50%);border-radius:9999px;z-index:0;opacity:.4;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrDatePicker:after{content:attr(data-testid);position:absolute;top:3px;left:40px;font-size:var(--fontSize);line-height:20px;color:rgb(var(--colorBrandAccentRgb)/100%);scale:.75;font-variation-settings:"wdth" 75,"wght" 700}.xtrDatePicker .react-datetime-picker__wrapper{position:relative;display:flex;padding:20px 8px 4px 48px;border:none}.xtrDatePicker .react-datetime-picker__wrapper *{line-height:18px;font-size:14px;font-variation-settings:"wdth" 75,"wght" 400}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__inputGroup__input{border:none;outline:none;background:none}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__calendar-button,.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clock-button{position:absolute;left:0;top:0;padding:0;background:transparent;outline:none;border:none;cursor:pointer}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__calendar-button>i,.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clock-button>i{width:44px;height:44px;font-size:calc(var(--fontSize));color:rgb(var(--colorBrandAccentRgb)/100%);pointer-events:none;transition:all 0s}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clear-button{position:absolute;top:0;bottom:0;right:8px;background:transparent;outline:none;border:none;cursor:pointer}.xtrDatePicker .react-datetime-picker__calendar{position:relative;width:100%;border-radius:4px 4px 22px 22px;box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundPrimary);padding:4px;margin-top:10px;z-index:100}.xtrDatePicker .react-datetime-picker__calendar .react-calendar{width:100%;background:transparent;border:none;-webkit-user-select:none;user-select:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow{position:relative;aspect-ratio:1;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover:before{background:rgb(var(--colorBrandAccentRgb)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label{position:relative;border-radius:8px;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover:before{background:rgb(var(--colorBrandAccentRgb)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile{position:relative;aspect-ratio:1;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:before{content:"";position:absolute;top:1;right:1;bottom:1;left:1;border-radius:9999px}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile.react-calendar__month-view__days__day--neighboringMonth abbr{color:var(--colorContentTertiary)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--now:before{top:0;right:0;bottom:0;left:0;background:none;border:1px solid rgb(var(--colorBrandAccentRgb)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover:before{background:rgb(var(--colorBrandAccentRgb)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--active:before,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--hasActive:before{top:0;right:0;bottom:0;left:0;background:rgb(var(--colorBrandAccentRgb)/100%)!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--active abbr,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--hasActive abbr{color:#fff}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile{aspect-ratio:unset;color:#fff}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile:before,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile:before{top:3px;right:3px;bottom:3px;left:3px;border-radius:16px}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile--now abbr,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile--now abbr{color:#fff}.xtrDatePicker .react-datetime-picker__clock{--clockColor: rgb(var(--colorBrandAccentRgb) / 100%);width:100%;height:auto;border-radius:4px 4px 22px 22px;border:none;box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundPrimary);padding:16px;margin-top:10px;z-index:100}.xtrDatePicker .react-datetime-picker__clock .react-clock{margin:auto}.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__face{border-color:var(--clockColor)}.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__mark__body,.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__hand__body{background:var(--clockColor)}.xtrDatePicker.react-datetime-picker--open{border-radius:22px 22px 4px 4px!important;box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--secondaryColor)}.xtrDatePicker.react-datetime-picker--open:before{clip-path:circle(18px at 22px 50%);opacity:.8}.xtrDatePicker.react-datetime-picker--open .react-datetime-picker__calendar-button>i{color:#fff!important;font-weight:900}.xtrImageEditor{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.xtrImageEditor .editorControls{position:absolute;bottom:20px;padding:8px;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;border-radius:9999px;align-items:center;gap:8px}.xtrImageEditor .editorControls .xtrIcon{padding:24px;border:1px solid rgba(255,255,255,.1333333333);color:#fffd}.xtrImageEditor .editorControls .xtrIcon:hover{border:1px solid rgb(var(--colorBrandAccentRgb)/75%);color:#fff}.xtrImageEditor .xtrSpinner{position:absolute}.xtrFilePicker{position:relative}.xtrFilePicker.draggable{width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dotted var(--colorContentTertiary);border-radius:24px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:32px;transition:all .2s ease-out}.xtrFilePicker.draggable>i{margin-bottom:12px}.xtrFilePicker.draggable>h2{margin:0 0 4px;font-variation-settings:"wdth" 75,"wght" 200}.xtrFilePicker.draggable>p{margin:0;font-size:14px;font-variation-settings:"wdth" 75,"wght" 300}.xtrFilePicker.draggable:hover{background:rgb(var(--colorBrandAccentRgb)/10%);border-color:rgb(var(--colorBrandAccentRgb)/50%)}.xtrFilePicker.draggable:hover>i{color:rgb(var(--colorBrandAccentRgb)/100%);transform:scale(1.05)}.xtrSelectWrapper{position:relative;display:flex;width:350px;align-items:center}.xtrSelectWrapper .xtrSelect{width:100%;position:relative}.xtrSelectWrapper .xtrSelect__control{position:relative;background:var(--colorBackgroundSecondary)!important;border:none!important;padding:0 8px 0 22px!important;border-radius:22px!important;box-shadow:0 0 0 1px rgb(var(--colorBrandAccentRgb)/50%)!important;transition:all var(--animDurDefault) var(--cubicBezierPrimary)!important}.xtrSelectWrapper .xtrSelect__control:before{content:"";position:absolute;left:0;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb));clip-path:circle(0% at 22px 50%);border-radius:9999px;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSelectWrapper .xtrSelect__value-container{padding:16px 16px 2px 0!important;font-size:14px}.xtrSelectWrapper .xtrSelect__value-container.xtrSelect__value-container--is-multi{padding:9px 0!important}.xtrSelectWrapper .xtrSelect__value-container.xtrSelect__value-container--is-multi.xtrSelect__value-container--has-value{margin-left:-10px}.xtrSelectWrapper .xtrSelect__multi-value{background:var(--colorBackgroundTertiary)!important;border-radius:9999px!important;overflow:hidden!important}.xtrSelectWrapper .xtrSelect__multi-value__label{padding:3px 6px 3px 8px!important;color:var(--colorContentPrimary)!important}.xtrSelectWrapper .xtrSelect__multi-value__remove{color:var(--colorContentPrimary)!important;padding:0 8px 0 2px!important;cursor:pointer!important}.xtrSelectWrapper .xtrSelect__multi-value__remove:hover{background:rgb(var(--colorAlertErrorRGB)/50%)!important}.xtrSelectWrapper .xtrSelect__indicator-separator{display:none}.xtrSelectWrapper .xtrSelect__indicator{cursor:pointer}.xtrSelectWrapper .xtrSelect__single-value,.xtrSelectWrapper .xtrSelect__input{color:var(--colorContentPrimary)!important}.xtrSelectWrapper .xtrSelect__menu{background:var(--colorBackgroundPrimary)!important;box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%)!important;border-radius:4px 4px 22px 22px!important;margin-top:10px!important;overflow:hidden!important;animation:showDropDown .2s ease-out forwards;z-index:100}.xtrSelectWrapper .xtrSelect__menu-list{padding:0!important}.xtrSelectWrapper .xtrSelect__option{padding:12px 24px!important;cursor:pointer!important}.xtrSelectWrapper .xtrSelect__option--is-focused{color:#fff!important;background:rgb(var(--colorBrandAccentRgb)/50%)!important}.xtrSelectWrapper .xtrSelect__option--is-selected{color:#fff!important;background:rgb(var(--colorBrandAccentRgb))!important}.xtrSelectWrapper .xtrSelect--is-disabled{opacity:.5!important}.xtrSelectWrapper .xtrSelectIcon{position:absolute;left:0;width:44px;height:44px;font-size:16px;color:rgb(var(--colorBrandAccentRgb)/100%)}.xtrSelectWrapper .placeholder{position:absolute;left:18px;font-size:14px;color:var(--colorContentSecondary);transform-origin:0 50%;pointer-events:none;margin:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSelectWrapper.single .xtrSelect__placeholder{opacity:0}.xtrSelectWrapper.open .placeholder,.xtrSelectWrapper.withValue .placeholder{transform:translate(8px,-12px);scale:.75;font-variation-settings:"wdth" 75,"wght" 700;color:rgb(var(--colorBrandAccentRgb)/100%)}.xtrSelectWrapper.withIcon .xtrSelect__control{padding:0 8px 0 48px!important}.xtrSelectWrapper.withIcon .xtrSelect__control:before{clip-path:circle(16px at 22px 50%);opacity:.4}.xtrSelectWrapper.withIcon .xtrSelect__control--menu-is-open:before{clip-path:circle(18px at 22px 50%);opacity:.8}.xtrSelectWrapper.withIcon .xtrSelect__value-container.xtrSelect__value-container--is-multi.xtrSelect__value-container--has-value{padding-left:10px!important}.xtrSelectWrapper.withIcon .input{padding-left:48px}.xtrSelectWrapper.withIcon .placeholder{transform:translate(30px)}.xtrSelectWrapper.withIcon.withValue .placeholder,.xtrSelectWrapper.withIcon.open .placeholder{transform:translate(42px,-12px)}.xtrSelectWrapper.open .xtrSelect__control{border-radius:22px 22px 4px 4px!important;background:var(--colorBackgroundPrimary)!important;box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%)!important}.xtrSelectWrapper.open .xtrSelectIcon{color:#fff;font-weight:900}@keyframes showDropDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}._colorPicker_1lsi0_1{width:200px;display:flex;flex-direction:column}._colorPicker_1lsi0_1 ._wheel_1lsi0_6{cursor:crosshair;margin-bottom:24px}._colorPicker_1lsi0_1 ._shade_1lsi0_10,._colorPicker_1lsi0_1 ._alpha_1lsi0_10{height:5px!important;border-radius:9999px!important}._colorPicker_1lsi0_1 ._shade_1lsi0_10 div:first-child,._colorPicker_1lsi0_1 ._alpha_1lsi0_10 div:first-child{border-radius:9999px!important}._colorPicker_1lsi0_1 ._shade_1lsi0_10 div:last-child,._colorPicker_1lsi0_1 ._alpha_1lsi0_10 div:last-child{display:flex;align-items:center}._colorPicker_1lsi0_1 ._shade_1lsi0_10{margin-bottom:16px}._colorInput_2cxwk_1:before{background:var(--chipColor)!important;opacity:1!important;transition:all var(--animDurDefault) var(--cubicBezierPrimary),background 0s!important}._colorInput_2cxwk_1 i:before{display:none}._colorPopper_2cxwk_10{width:300px;box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundPrimary);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 24px 24px;gap:24px}._colorPopper_2cxwk_10 ._header_2cxwk_22{width:100%;display:flex;justify-content:space-between;align-items:center}._colorPopper_2cxwk_10 ._header_2cxwk_22 h1{font-size:small;text-transform:uppercase;line-height:32px;-webkit-user-select:none;user-select:none;margin:0}._colorPopper_2cxwk_10 ._header_2cxwk_22 i{font-size:small}._sider_1dq8m_1{--paddingLeft: 0px;--paddingRight: 0px;--borderRadius: 36px;--siderWidthMini: 60px;width:100%;height:100%;background:var(--colorBackgroundSecondary);padding:0 var(--paddingRight) 0 var(--paddingLeft);overflow:hidden;transition:all var(--animDurDefault) ease}._sider_1dq8m_1 ._leftSiderContainer_1dq8m_13{position:fixed;left:0;width:auto;height:100%;z-index:0;transition:transform var(--animDurDefault) var(--cubicBezierPrimary)}._sider_1dq8m_1 ._rightSiderContainer_1dq8m_21{position:fixed;right:0;width:auto;height:100%;z-index:1;transition:transform var(--animDurDefault) var(--cubicBezierPrimary)}._sider_1dq8m_1 ._content_1dq8m_29{position:relative;width:100%;height:100%;background:var(--colorBackgroundPrimary);box-shadow:0 0 50px 2px #0000003d;border-radius:0;z-index:2;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._sider_1dq8m_1._miniLeftSider_1dq8m_39{--paddingLeft: var(--siderWidthMini)}._sider_1dq8m_1._miniLeftSider_1dq8m_39 ._content_1dq8m_29{border-top-left-radius:var(--borderRadius);border-bottom-left-radius:var(--borderRadius)}._sider_1dq8m_1._miniRightSider_1dq8m_46{--paddingRight: var(--siderWidthMini)}._sider_1dq8m_1._miniRightSider_1dq8m_46 ._content_1dq8m_29{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius)}._sider_1dq8m_1._leftOpen_1dq8m_53{--transform: translateX(calc(32px + var(--leftSiderWidth) - var(--paddingLeft)))}._sider_1dq8m_1._leftOpen_1dq8m_53 ._rightSiderContainer_1dq8m_21{transform:var(--transform);pointer-events:none}._sider_1dq8m_1._leftOpen_1dq8m_53 ._content_1dq8m_29{border-radius:36px;transform:var(--transform);transform-origin:left center;scale:.95}._sider_1dq8m_1._rightOpen_1dq8m_66{--transform: translateX(calc((32px + var(--rightSiderWidth) - var(--paddingRight)) * -1))}._sider_1dq8m_1._rightOpen_1dq8m_66 ._leftSiderContainer_1dq8m_13{transform:var(--transform);pointer-events:none}._sider_1dq8m_1._rightOpen_1dq8m_66 ._content_1dq8m_29{border-radius:36px;transform:var(--transform);transform-origin:right center;scale:.95}@media (width <= 512px){._sider_1dq8m_1._miniLeftSider_1dq8m_39{--paddingLeft: 0px !important}._sider_1dq8m_1:not(._leftOpen_1dq8m_53) ._content_1dq8m_29{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._sider_1dq8m_1._rightOpen_1dq8m_66{--transform: translateX(calc((32px + 100vh - var(--paddingRight)) * -1))}._sider_1dq8m_1._miniRightSider_1dq8m_46{--paddingRight: 0px !important}._sider_1dq8m_1:not(._rightOpen_1dq8m_66) ._content_1dq8m_29{border-top-right-radius:0!important;border-bottom-right-radius:0!important}}._siderModal_1rtdm_1{width:fit-content;height:100%;min-width:300px;display:flex;flex-direction:column}._siderModal_1rtdm_1 ._header_1rtdm_8{width:100%;height:100px;display:flex;align-items:center;padding:0 24px;gap:24px}._siderModal_1rtdm_1 ._header_1rtdm_8 ._back_1rtdm_16{border-top-left-radius:0;border-bottom-left-radius:0;display:none}._siderModal_1rtdm_1 ._header_1rtdm_8 ._icon_1rtdm_21,._siderModal_1rtdm_1 ._header_1rtdm_8 ._title_1rtdm_21{font-size:x-large;font-variation-settings:"wdth" 75,"wght" 400;color:var(--colorContentPrimary);margin:0;-webkit-user-select:none;user-select:none}._siderModal_1rtdm_1 ._footer_1rtdm_28{width:100%;height:100px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:0 24px}._siderModal_1rtdm_1 ._body_1rtdm_37{flex:1;padding:16px 0;overflow-y:auto;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}@media (width <= 512px){._siderModal_1rtdm_1 ._header_1rtdm_8{padding:0 24px 0 0}._siderModal_1rtdm_1 ._header_1rtdm_8 ._back_1rtdm_16{display:flex}._siderModal_1rtdm_1 ._body_1rtdm_37{width:100vw}}._navigation_1vrjr_1{--animDurFast: .4s;--borderRadius: 30px;width:250px;height:100%;display:flex;flex-direction:column;padding:16px 0 28px}._navigation_1vrjr_1 ._brand_1vrjr_10{font-size:32px;padding:24px 8px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;-webkit-user-select:none;user-select:none;color:var(--colorContentPrimary);cursor:pointer}._navigation_1vrjr_1 ._routeList_1vrjr_19{width:100%;display:flex;flex-direction:column;flex:1;-webkit-user-select:none;user-select:none;cursor:pointer}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19{position:relative;display:flex;align-items:center;gap:2px;text-decoration:none;color:var(--colorContentPrimary);border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transition:all var(--animDurFast) var(--cubicBezierPrimary);-webkit-tap-highlight-color:transparent;overflow:hidden}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19:before{content:"";position:absolute;width:100%;height:100%;transform:translate(-100%);background:rgb(var(--colorBrandAccentRgb));z-index:0;border-radius:0;transition:all var(--animDurFast) var(--cubicBezierPrimary),transform .2s ease;overflow:hidden}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19 ._icon_1vrjr_52{width:var(--siderWidthMini);height:var(--siderWidthMini);font-size:calc(var(--siderWidthMini) - 40px);transition:all var(--animDurFast) var(--cubicBezierPrimary);color:inherit}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19 ._label_1vrjr_59{font-size:16px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;color:inherit;z-index:1;transition:all var(--animDurFast) var(--cubicBezierPrimary)}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19:last-of-type{margin-top:auto}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19:hover:before{transform:translate(calc(4px - 100%))}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19:active ._icon_1vrjr_52{scale:.9}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19:active:before{transform:translate(calc(6px - 100%))}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19._loading_1vrjr_79{--loaderColor: rgb(var(--colorBrandAccentRgb) / 50%);background:rgb(var(--colorBrandAccentRgb)/0%);pointer-events:none}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19._loading_1vrjr_79:before{content:"";position:absolute;width:150%;height:100%;background:none;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);z-index:2;border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transform:translate(0);transition:all var(--animDurFast) var(--cubicBezierPrimary),transform var(--animDurFast) ease;animation:_barberPole_1vrjr_1 .18s linear infinite}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19._active_1vrjr_98{color:#fff}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19._active_1vrjr_98:before{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transform:translate(0);transition:all var(--animDurFast) var(--cubicBezierPrimary),transform var(--animDurFast) ease}@keyframes _barberPole_1vrjr_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}._themePicker_71mms_1{--schemeSize: 180px;--schemeGap: 24px;--globalTertiaryColor: var(--colorBackgroundTertiary);position:relative;width:fit-content;display:flex;flex-direction:column;gap:var(--schemeGap)}._themePicker_71mms_1 ._themeSchemes_71mms_11{display:flex;gap:calc(var(--schemeGap) / 1.2)}._themePicker_71mms_1 ._themeSchemes_71mms_11 *{transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18{--rippleShadowColor: var(--globalTertiaryColor);--cardBorderRadius: calc(var(--schemeGap) / 2);position:relative;width:var(--schemeSize);height:calc(var(--schemeSize) * .8);background:var(--colorBackgroundSecondary);-webkit-user-select:none;user-select:none;cursor:pointer;transition:all var(--animDurDefault) var(--cubicBezierPrimary),box-shadow var(--animDurDefault) linear}@media (prefers-color-scheme: light){._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._system_71mms_30{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}}@media (prefers-color-scheme: dark){._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._system_71mms_30{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._light_71mms_51{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._dark_71mms_60{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:var(--colorBackgroundTertiary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._navigation_71mms_77{position:absolute;top:0;left:0;width:25%;height:100%;display:flex;flex-direction:column;gap:calc(var(--schemeGap) / 6);padding:calc(var(--schemeGap) / 2.4) 0;background:var(--colorBackgroundTertiary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._navigation_71mms_77 ._navigationItem_71mms_89{width:100%;height:calc(var(--schemeGap) / 6);background:#000;opacity:.2}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._navigation_71mms_77 ._navigationItem_71mms_89:first-child{margin-top:10px;background:#fff}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._navigation_71mms_77 ._navigationItem_71mms_89:last-child{margin-top:auto}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._content_71mms_102{position:absolute;top:0;left:4%;width:96%;height:100%;border-top-left-radius:calc(var(--schemeGap) / 2);border-bottom-left-radius:calc(var(--schemeGap) / 2);background:var(--colorBackgroundPrimary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._content_71mms_102 ._header_71mms_112{position:absolute;top:0;left:0;width:100%;height:calc(var(--schemeGap) / 2)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._content_71mms_102 ._header_71mms_112:before{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 3);display:block;width:calc(var(--schemeGap) / 4);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._content_71mms_102 ._header_71mms_112:after{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 1.2);display:block;width:calc(var(--schemeGap) * 2);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._content_71mms_102 ._profile_71mms_141{position:absolute;top:calc(var(--schemeGap) / 1.1);left:50%;transform:translate(-50%);width:calc(var(--schemeGap));height:calc(var(--schemeGap));border-radius:9999px;background:var(--colorBackgroundTertiary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._content_71mms_102 ._profile_71mms_141:before{content:"";position:absolute;top:calc(var(--schemeGap) * 1.2);left:50%;transform:translate(-50%);display:block;width:calc(var(--schemeGap) * 1.5);height:calc(var(--schemeGap) / 8);border-radius:9999px;background:var(--colorBackgroundTertiary);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._footer_71mms_164{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;color:var(--colorContentPrimary);margin-bottom:calc(var(--schemeGap) / 2);gap:calc(var(--schemeGap) / 3)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._footer_71mms_164 ._footerIcon_71mms_175{font-size:calc(var(--schemeGap) / 1.5);text-transform:capitalize;color:inherit}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._footer_71mms_164 ._footerLabel_71mms_180{font-size:calc(var(--schemeGap) / 1.6);font-variation-settings:"wdth" 75,"wght" 700;text-transform:uppercase;color:inherit}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18:hover ._design_71mms_69 ._content_71mms_102{top:0;left:20%;width:80%}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._active_71mms_191 ._design_71mms_69 ._navigation_71mms_77,._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18:hover ._design_71mms_69 ._navigation_71mms_77{background:rgb(var(--colorBrandAccentRgb))}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._active_71mms_191 ._design_71mms_69 ._navigation_71mms_77 ._navigationItem_71mms_89,._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18:hover ._design_71mms_69 ._navigation_71mms_77 ._navigationItem_71mms_89{opacity:.3}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._active_71mms_191 ._design_71mms_69 ._content_71mms_102 ._header_71mms_112:before,._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18:hover ._design_71mms_69 ._content_71mms_102 ._header_71mms_112:before{background:rgb(var(--colorBrandAccentRgb))}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._active_71mms_191 ._footer_71mms_164,._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18:hover ._footer_71mms_164{color:rgb(var(--colorBrandAccentRgb))}._themePicker_71mms_1 ._themeColors_71mms_203{display:flex;justify-content:space-between;flex:1}
1
+ .react-datetime-picker{display:inline-flex;position:relative}.react-datetime-picker,.react-datetime-picker *,.react-datetime-picker *:before,.react-datetime-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-datetime-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-datetime-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-datetime-picker__inputGroup{min-width:calc(16px + 3.24em + .434em);flex-grow:1;padding:0 2px}.react-datetime-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-datetime-picker__inputGroup__divider,.react-datetime-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-datetime-picker__inputGroup__input{min-width:.54em;height:calc(100% - 2px);position:relative;padding:1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-datetime-picker__inputGroup__input::-webkit-outer-spin-button,.react-datetime-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-datetime-picker__inputGroup__input:invalid{background:#ff00001a}.react-datetime-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-datetime-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-datetime-picker__button{border:0;background:transparent;padding:4px 6px}.react-datetime-picker__button:enabled{cursor:pointer}.react-datetime-picker__button:enabled:hover .react-datetime-picker__button__icon,.react-datetime-picker__button:enabled:focus .react-datetime-picker__button__icon{stroke:#0078d7}.react-datetime-picker__button:disabled .react-datetime-picker__button__icon{stroke:#6d6d6d}.react-datetime-picker__button svg{display:inherit}.react-datetime-picker__calendar,.react-datetime-picker__clock{z-index:1}.react-datetime-picker__calendar--closed,.react-datetime-picker__clock--closed{display:none}.react-datetime-picker__calendar{width:350px;max-width:100vw}.react-datetime-picker__calendar .react-calendar{border-width:thin}.react-datetime-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}@font-face{font-family:FontAwesome;font-style:normal;font-weight:100;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-thin-100.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:300;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:900;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeDuotone;font-style:normal;font-weight:900;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-duotone-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:300;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-sharp-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:400;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-sharp-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:900;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-sharp-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeBrand;font-style:normal;font-weight:400;font-display:block;src:url(https://raw.githubusercontent.com/itzzjarvis/Assets/main/fonts/fontAwesome/fa-brands-400.woff2) format("woff2")}.fontAwesome{position:relative;width:var(--iconSize);height:var(--iconSize);font-size:var(--iconSize);display:flex;justify-content:center;align-items:center;font-variant:normal;text-rendering:auto;font-style:normal;-webkit-user-select:none;user-select:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;z-index:1;transition:all .4s var(--cubicBezierPrimary)}.fontAwesome:before{position:absolute;display:block;color:inherit;content:attr(data-content)}.fontAwesome.thin{font-family:FontAwesome;font-weight:100}.fontAwesome.light{font-family:FontAwesome;font-weight:300}.fontAwesome.regular{font-family:FontAwesome;font-weight:400}.fontAwesome.solid{font-family:FontAwesome;font-weight:900}.fontAwesome.duotone{font-family:FontAwesomeDuotone;font-weight:900}.fontAwesome.duotone:after{position:absolute;display:block;color:inherit;content:attr(data-content) attr(data-content);opacity:.3}.fontAwesome.sharpSolid{font-family:FontAwesomeSharp;font-weight:900}.fontAwesome.sharpRegular{font-family:FontAwesomeSharp;font-weight:400}.fontAwesome.sharpLight{font-family:FontAwesomeSharp;font-weight:300}.fontAwesome.brand{font-family:FontAwesomeBrand;font-weight:400}.shadowRipple{--rippleDuration: var(--animDurDefault);--rippleColor: var(--colorBrandAccentRgb);--rippleShadowColor: var(--colorBackgroundTertiary);--rippleSize: 30px 15px;border-radius:inherit;box-shadow:0 0 var(--rippleSize) rgb(var(--rippleColor)/0%);transition:box-shadow var(--rippleDuration) linear}.shadowRipple:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 1px var(--rippleShadowColor);transition:all var(--animDurDefault) var(--cubicBezierPrimary);z-index:-1}.shadowRipple:hover:before{box-shadow:0 0 0 3px rgb(var(--rippleColor)/50%)}.shadowRipple:active{transition:0s!important;box-shadow:0 0 rgb(var(--rippleColor)/50%)}.shadowRipple:active:before{box-shadow:0 0 0 5px rgb(var(--rippleColor)/50%)}html{scroll-behavior:smooth;background:var(--colorBackgroundPrimary);--colorRedPrimary: 249 34 75;--colorRedSecondary: 255 68 68;--colorRedAccent: 255 56 83;--colorPinkPrimary: 252 33 105;--colorPinkSecondary: 226 33 255;--colorPinkAccent: 255 85 136;--colorOrangePrimary: 255 127 34;--colorOrangeSecondary: 255 65 65;--colorOrangeAccent: 255 108 103;--colorBluePrimary: 34 252 176;--colorBlueSecondary: 33 129 250;--colorBlueAccent: 33 149 243;--colorGreenPrimary: 200 228 178;--colorGreenSecondary: 158 210 190;--colorGreenAccent: 126 170 146;--colorVioletPrimary: 63 0 230;--colorVioletSecondary: 150 44 255;--colorVioletAccent: 127 81 255;--colorBlackPrimary: 22 20 28;--colorBlackSecondary: 9 8 11;--colorBlackAccent: 40 39 44;--colorAlertErrorRGB: 255 65 54;--colorAlertWarningRGB: 255 220 0;--colorAlertSuccessRGB: 46 204 64;--colorBorderPrimary: #ABB0BB;--gradientBrand: linear-gradient(320deg, rgb(var(--colorBrandPrimaryRgb)), rgb(var(--colorBrandSecondaryRgb)));--animDurSlow: 1s;--animDurDefault: .6s;--animDurFast: .4s;--cubicBezierPrimary: cubic-bezier(.23, 1, .32, 1)}html ::selection{color:#fff;background:rgb(var(--colorBrandAccentRgb))}html[data-theme-color=red]{--colorBrandPrimaryRgb: var(--colorRedPrimary);--colorBrandSecondaryRgb: var(--colorRedSecondary);--colorBrandAccentRgb: var(--colorRedAccent)}html[data-theme-color=pink]{--colorBrandPrimaryRgb: var(--colorPinkPrimary);--colorBrandSecondaryRgb: var(--colorPinkSecondary);--colorBrandAccentRgb: var(--colorPinkAccent)}html[data-theme-color=orange]{--colorBrandPrimaryRgb: var(--colorOrangePrimary);--colorBrandSecondaryRgb: var(--colorOrangeSecondary);--colorBrandAccentRgb: var(--colorOrangeAccent)}html[data-theme-color=blue]{--colorBrandPrimaryRgb: var(--colorBluePrimary);--colorBrandSecondaryRgb: var(--colorBlueSecondary);--colorBrandAccentRgb: var(--colorBlueAccent)}html[data-theme-color=green]{--colorBrandPrimaryRgb: var(--colorGreenPrimary);--colorBrandSecondaryRgb: var(--colorGreenSecondary);--colorBrandAccentRgb: var(--colorGreenAccent)}html[data-theme-color=violet]{--colorBrandPrimaryRgb: var(--colorVioletPrimary);--colorBrandSecondaryRgb: var(--colorVioletSecondary);--colorBrandAccentRgb: var(--colorVioletAccent)}html[data-theme-color=black]{--colorBrandPrimaryRgb: var(--colorBlackPrimary);--colorBrandSecondaryRgb: var(--colorBlackSecondary);--colorBrandAccentRgb: var(--colorBlackAccent)}@media (prefers-color-scheme: light){html[data-theme-scheme=system]{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}}@media (prefers-color-scheme: dark){html[data-theme-scheme=system]{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}}html[data-theme-scheme=light]{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}html[data-theme-scheme=dark]{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}html *{font-variation-settings:"wdth" 75,"wght" 500;color:var(--colorContentPrimary);box-sizing:border-box}._actionCard_1715r_1{--cardWidth: 164px;--cardHeight: 164px;--rippleColor: var(--colorBrandAccentRgb);--rippleShadowColor: var(--colorBackgroundTertiary);--cardBorderRadius: calc(min(var(--cardWidth), var(--cardHeight))*.1) ;position:relative;width:var(--cardWidth);height:var(--cardHeight);border-radius:var(--cardBorderRadius);background:var(--colorBackgroundSecondary);cursor:pointer}._actionCard_1715r_1._miniSize_1715r_14{--rippleSize: 24px 12px}._actionCard_1715r_1._smallSize_1715r_17{--rippleSize: 30px 15px}._actionCard_1715r_1._mediumSize_1715r_20{--rippleSize: 48px 24px}.xtrIcon.iconButton{border-radius:9999px;padding:16px}.xtrIcon.iconButton:hover{cursor:pointer;background:rgb(var(--colorBrandAccentRgb)/75%);color:#fff}.xtrIcon.iconButton:active{background:rgb(var(--colorBrandAccentRgb))}.xtrAvatar{--avatarSize: 64px;position:relative;width:var(--avatarSize);height:var(--avatarSize);display:flex;justify-content:center;align-items:center;cursor:pointer}.xtrAvatar:before{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(2px + var(--avatarSize) / 300) solid rgb(var(--colorBrandAccentRgb)/75%);transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar:after{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(4px + var(--avatarSize) / 300) solid rgb(var(--colorBrandAccentRgb)/100%);border-left-color:transparent;border-right-color:transparent;opacity:0;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar .placeholder{color:rgb(var(--colorBrandAccentRgb)/100%)}.xtrAvatar .image{--imageSize: calc(100% - (4px + var(--avatarSize) / 100));position:absolute;width:var(--imageSize);height:var(--imageSize);border-radius:50%;object-fit:cover;object-position:center;z-index:2;transition:all var(--animDurFast) var(--cubicBezierPrimary);animation:fadeIn .2s ease-out forwards}.xtrAvatar.loading:after{opacity:1;animation:avatarSpin 1s infinite linear}.xtrAvatar.error:before,.xtrAvatar.error:after{border-color:rgb(var(--colorAlertErrorRGB))}.xtrAvatar.error .placeholder{color:rgb(var(--colorAlertErrorRGB))}.xtrAvatar:hover:before,.xtrAvatar:hover:after{scale:1.1}.xtrAvatar:active:before,.xtrAvatar:active:after{scale:1}@keyframes avatarSpin{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(360deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(720deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}._progressBar_luf46_1{position:relative;width:100%;height:3px;display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;overflow:hidden}._progressBar_luf46_1:before{content:"";position:absolute;left:0;width:100%;height:1px;border-radius:9999px;opacity:.3;background:var(--colorBorderPrimary);transition:all .5s var(--cubicBezierPrimary)}._progressBar_luf46_1>._progress_luf46_1{position:absolute;width:100%;height:3px;display:block;background:var(--gradientBrand);border-radius:9999px;transition:all .5s var(--cubicBezierPrimary)}._progressBar_luf46_1._intermediate_luf46_31{border-radius:9999px}._progressBar_luf46_1._intermediate_luf46_31:before{height:100%;background:rgb(var(--colorBrandAccentRgb))}._progressBar_luf46_1._intermediate_luf46_31>._progress_luf46_1{width:150%;background-image:repeating-linear-gradient(60deg,transparent,transparent .5rem,rgb(var(--colorBrandAccentRgb)) .5rem,rgb(var(--colorBrandAccentRgb)) 1.5rem);animation:_barberPole_luf46_1 .2s infinite linear}@keyframes _barberPole_luf46_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}._button_9wxq7_1{--themeColor: var(--colorBrandAccentRgb);--rippleColor: var(--themeColor);--rippleShadowColor: var(--themeColor);position:relative;display:flex;justify-content:center;align-items:center;border:none;border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none}._button_9wxq7_1 ._label_9wxq7_14{margin:0;text-transform:uppercase;z-index:1;color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._button_9wxq7_1 ._icon_9wxq7_21{color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._button_9wxq7_1 ._underline_9wxq7_25{position:absolute;width:100%;left:0;bottom:0}._button_9wxq7_1 ._underline_9wxq7_25>span{width:20%!important}._button_9wxq7_1:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--themeColor));filter:contrast(1.2) brightness(.8);clip-path:circle(0% at 50% 50%);border-radius:inherit;z-index:0;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._button_9wxq7_1._primaryType_9wxq7_48,._button_9wxq7_1._primaryDangerType_9wxq7_48{background:rgb(var(--themeColor));color:#fff}._button_9wxq7_1._secondaryType_9wxq7_52,._button_9wxq7_1._secondaryDangerType_9wxq7_52{background:var(--colorBackgroundTertiary);color:var(--colorContentPrimary)}._button_9wxq7_1._linkType_9wxq7_56,._button_9wxq7_1._linkDangerType_9wxq7_56{background:none;box-shadow:none!important;border-radius:unset;color:var(--colorContentPrimary);overflow:unset}._button_9wxq7_1._linkType_9wxq7_56 ._label_9wxq7_14,._button_9wxq7_1._linkDangerType_9wxq7_56 ._label_9wxq7_14{letter-spacing:unset;text-transform:unset}._button_9wxq7_1._linkType_9wxq7_56:before,._button_9wxq7_1._linkDangerType_9wxq7_56:before{display:none}._button_9wxq7_1._linkType_9wxq7_56:hover,._button_9wxq7_1._linkDangerType_9wxq7_56:hover{color:rgb(var(--themeColor))}._button_9wxq7_1._linkType_9wxq7_56:hover ._label_9wxq7_14,._button_9wxq7_1._linkDangerType_9wxq7_56:hover ._label_9wxq7_14{filter:contrast(.8) brightness(1.2)}._button_9wxq7_1._linkType_9wxq7_56:active ._label_9wxq7_14,._button_9wxq7_1._linkDangerType_9wxq7_56:active ._label_9wxq7_14{filter:contrast(1.2) brightness(.8)}._button_9wxq7_1._primaryDangerType_9wxq7_48,._button_9wxq7_1._secondaryDangerType_9wxq7_52,._button_9wxq7_1._linkDangerType_9wxq7_56{--themeColor: var(--colorAlertErrorRGB)}._button_9wxq7_1._primaryDangerType_9wxq7_48 ._underline_9wxq7_25 span,._button_9wxq7_1._secondaryDangerType_9wxq7_52 ._underline_9wxq7_25 span,._button_9wxq7_1._linkDangerType_9wxq7_56 ._underline_9wxq7_25 span{background:rgb(var(--themeColor))}._button_9wxq7_1._miniSize_9wxq7_85{--rippleSize: 24px 12px;line-height:16px;padding:8px 16px;gap:8px}._button_9wxq7_1._miniSize_9wxq7_85 ._label_9wxq7_14{font-size:12px;font-variation-settings:"wdth" 75,"wght" 400;letter-spacing:2px}._button_9wxq7_1._miniSize_9wxq7_85._iconOnly_9wxq7_96{padding:0}._button_9wxq7_1._miniSize_9wxq7_85._iconOnly_9wxq7_96 ._icon_9wxq7_21{width:32px;height:32px}._button_9wxq7_1._defaultSize_9wxq7_103{--rippleSize: 30px 15px;line-height:18px;padding:10px 20px;gap:10px}._button_9wxq7_1._defaultSize_9wxq7_103 ._label_9wxq7_14{font-size:14px;font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:2px}._button_9wxq7_1._defaultSize_9wxq7_103._iconOnly_9wxq7_96{padding:0}._button_9wxq7_1._defaultSize_9wxq7_103._iconOnly_9wxq7_96 ._icon_9wxq7_21{width:44px;height:44px}._button_9wxq7_1._largeSize_9wxq7_121{--rippleSize: 48px 24px;line-height:28px;padding:16px 32px;gap:14px}._button_9wxq7_1._largeSize_9wxq7_121 ._label_9wxq7_14{font-size:22px;font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:4px}._button_9wxq7_1._largeSize_9wxq7_121._iconOnly_9wxq7_96{padding:0}._button_9wxq7_1._largeSize_9wxq7_121._iconOnly_9wxq7_96 ._icon_9wxq7_21{width:60px;height:60px}._button_9wxq7_1:hover{color:#fff}._button_9wxq7_1:hover ._underline_9wxq7_25 span{width:100%!important}._button_9wxq7_1:hover:before{clip-path:circle(100% at 50% 50%);opacity:1}._button_9wxq7_1._loading_9wxq7_149{--loaderColor: rgb(var(--themeColor));pointer-events:none;overflow:hidden;background:rgb(var(--themeColor)/80%)}._button_9wxq7_1._loading_9wxq7_149._secondaryType_9wxq7_52,._button_9wxq7_1._loading_9wxq7_149._secondaryDangerType_9wxq7_52{--loaderColor: var(--colorBackgroundPrimary);background:var(--colorBackgroundTertiary)}._button_9wxq7_1._loading_9wxq7_149._linkType_9wxq7_56,._button_9wxq7_1._loading_9wxq7_149._linkDangerType_9wxq7_56{background:none}._button_9wxq7_1._loading_9wxq7_149._linkType_9wxq7_56 ._underline_9wxq7_25>span,._button_9wxq7_1._loading_9wxq7_149._linkDangerType_9wxq7_56 ._underline_9wxq7_25>span{width:150%!important}._button_9wxq7_1._loading_9wxq7_149._linkType_9wxq7_56:after,._button_9wxq7_1._loading_9wxq7_149._linkDangerType_9wxq7_56:after{display:none}._button_9wxq7_1._loading_9wxq7_149:after{content:"";position:absolute;display:block;width:150%;height:100%;z-index:0;border-radius:9999px;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);animation:_barberPole_9wxq7_1 .25s infinite linear}._button_9wxq7_1._loading_9wxq7_149._iconOnly_9wxq7_96{background:transparent;overflow:unset}._button_9wxq7_1._loading_9wxq7_149._iconOnly_9wxq7_96._secondaryType_9wxq7_52,._button_9wxq7_1._loading_9wxq7_149._iconOnly_9wxq7_96._secondaryDangerType_9wxq7_52{color:#fff}._button_9wxq7_1._loading_9wxq7_149._iconOnly_9wxq7_96:before{clip-path:circle(45% at 50% 50%);opacity:1}._button_9wxq7_1._loading_9wxq7_149._iconOnly_9wxq7_96:after{width:100%;background:none;border:2px solid rgb(var(--themeColor));border-top-color:transparent;border-bottom-color:transparent;animation:_spin_9wxq7_1 .25s infinite linear}._button_9wxq7_1:disabled{background:rgb(var(--themeColor)/20%);color:rgb(var(--themeColor)/75%);pointer-events:none;filter:grayscale(1)}._button_9wxq7_1:disabled._secondaryType_9wxq7_52,._button_9wxq7_1:disabled._secondaryDangerType_9wxq7_52{background:rgb(var(--themeColor)/5%)}._button_9wxq7_1:disabled._linkType_9wxq7_56{background:none}._button_9wxq7_1:disabled._linkType_9wxq7_56 ._underline_9wxq7_25:before{width:0%}._button_9wxq7_1:disabled._linkType_9wxq7_56 ._underline_9wxq7_25 span{width:0%}@keyframes _barberPole_9wxq7_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}@keyframes _spin_9wxq7_1{0%{transform:rotate(0)}to{transform:rotate(180deg)}}._lottieWrapper_wawrm_1{width:var(--lottieSize);height:var(--lottieSize);display:flex;justify-content:center;align-items:center}._lottie_wawrm_1{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.xtrSpinner{--spinnerSize: 64px;--spinnerCubeSize: calc(var(--spinnerSize) / 2);--spinnerShadowSize: calc(var(--spinnerSize) / 20);--spinnerTopColor: 50 50 50;position:relative;width:var(--spinnerSize);height:var(--spinnerSize);display:flex;justify-content:center;align-items:center;flex-direction:column}.xtrSpinner.fullpage{width:100%;height:100%}.xtrSpinner .label{position:absolute;bottom:50%;font-variation-settings:"wdth" 75,"wght" 500;font-size:calc(8px + var(--spinnerSize) / 18);color:var(--colorContentPrimary);transform:translateY(calc(5px + var(--spinnerSize) / 1.6))}.xtrSpinner .spinnerWrapper{position:relative;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);margin-top:calc(var(--spinnerCubeSize) * -.1);transform-style:preserve-3d;animation:spin .8s linear infinite}.xtrSpinner .spinnerWrapper .cubeTop{position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:rgb(var(--spinnerTopColor));transform:rotateX(90deg) translateZ(calc(var(--spinnerCubeSize) / 2));transform-style:preserve-3d;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrSpinner .spinnerWrapper .cubeTop:before{content:"";position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:rgb(var(--colorBrandAccentRgb)/80%);transform:translateZ(calc(-1 * var(--spinnerCubeSize) * 1.2));filter:blur(var(--spinnerShadowSize));box-shadow:0 0 var(--spinnerShadowSize) rgb(var(--spinnerTopColor)),0 0 calc(var(--spinnerShadowSize) * 2) rgb(var(--colorBrandAccentRgb)),0 0 calc(var(--spinnerShadowSize) * 3) rgb(var(--spinnerTopColor)),0 0 calc(var(--spinnerShadowSize) * 4) rgb(var(--colorBrandAccentRgb))}.xtrSpinner .spinnerWrapper .cubeWrapper{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace{position:absolute;width:100%;height:100%;background:#fff;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:before{content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,rgb(var(--colorBrandAccentRgb)/100%),rgb(var(--colorBrandAccentRgb)/40%))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:after{content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,rgb(var(--spinnerTopColor)/100%) 0%,rgb(var(--spinnerTopColor)/40%) 5%,rgb(var(--spinnerTopColor)/10%) 10%,transparent 100%)}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(1){transform:rotateY(90deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(2){transform:rotateY(180deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(3){transform:rotateY(270deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(4){transform:rotateY(360deg) translateZ(calc(var(--spinnerCubeSize) / 2))}@keyframes spin{0%{transform:rotateX(-30deg) rotateY(0)}to{transform:rotateX(-30deg) rotateY(360deg)}}._textfield_1l1n6_1{--fontSize: 14px;--primaryColor: var(--colorBackgroundSecondary);--secondaryColor: var(--colorBackgroundPrimary);position:relative;width:300px;display:flex;justify-content:center;align-items:center;border-radius:22px;box-shadow:0 0 0 1px rgb(var(--colorBrandAccentRgb)/50%);background:var(--primaryColor);color:rgb(var(--colorContentPrimary));transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._textfield_1l1n6_1:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb));clip-path:circle(0% at 22px 50%);border-radius:9999px;z-index:0;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._textfield_1l1n6_1 ._icon_1l1n6_29{position:absolute;left:0;width:44px;height:44px;font-size:calc(var(--fontSize) + 2px);color:rgb(var(--colorBrandAccentRgb)/100%);pointer-events:none;transition:all 0s}._textfield_1l1n6_1 ._dialCode_1l1n6_39{position:absolute;left:0;display:flex;align-items:center;gap:4px}._textfield_1l1n6_1 ._dialCode_1l1n6_39 span{display:flex;width:44px;height:44px;background-size:cover;background-position:center;border-radius:9999px;scale:.8}._textfield_1l1n6_1 ._dialCode_1l1n6_39 p{margin:0;font-size:var(--fontSize);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._textfield_1l1n6_1 ._input_1l1n6_60{width:100%;outline:none;border:none;background:transparent;padding:20px 22px 6px;line-height:18px;z-index:1;font-size:var(--fontSize);font-variation-settings:"wdth" 75,"wght" 400;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._textfield_1l1n6_1 ._input_1l1n6_60[type=number]::-webkit-inner-spin-button,._textfield_1l1n6_1 ._input_1l1n6_60[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}._textfield_1l1n6_1 ._input_1l1n6_60[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}._textfield_1l1n6_1 ._placeholder_1l1n6_79{position:absolute;left:0;display:flex;align-items:center;color:var(--colorContentSecondary);transform:translate(16px);transform-origin:0 50%;font-size:var(--fontSize);line-height:20px;padding:0 8px;z-index:2;pointer-events:none;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._textfield_1l1n6_1._withIcon_1l1n6_94:before{clip-path:circle(16px at 22px 50%);opacity:.4}._textfield_1l1n6_1._withIcon_1l1n6_94 ._input_1l1n6_60{padding-left:48px}._textfield_1l1n6_1._withIcon_1l1n6_94 ._placeholder_1l1n6_79{transform:translate(40px)}._textfield_1l1n6_1._textarea_1l1n6_104 ._input_1l1n6_60{height:200px;padding:0 22px;margin:26px 0 8px;resize:none}._textfield_1l1n6_1._textarea_1l1n6_104 ._placeholder_1l1n6_79{top:0;transform:translate(16px,20px)}._textfield_1l1n6_1._phone_1l1n6_114 ._input_1l1n6_60{padding-left:74px}._textfield_1l1n6_1._phone_1l1n6_114 ._placeholder_1l1n6_79{transform:translate(68px)}._textfield_1l1n6_1._hasValue_1l1n6_120 ._placeholder_1l1n6_79{transform:translate(22px,-12px);scale:.75;font-variation-settings:"wdth" 75,"wght" 700;color:rgb(var(--colorBrandAccentRgb)/100%)}._textfield_1l1n6_1._hasValue_1l1n6_120 ._placeholder_1l1n6_79:before{scale:1}._textfield_1l1n6_1._hasValue_1l1n6_120._withIcon_1l1n6_94 ._placeholder_1l1n6_79,._textfield_1l1n6_1._hasValue_1l1n6_120._phone_1l1n6_114 ._placeholder_1l1n6_79{transform:translate(56px,-12px)}._textfield_1l1n6_1._hasValue_1l1n6_120._phone_1l1n6_114 ._dialCode_1l1n6_39 p{margin-top:14px}._textfield_1l1n6_1._hasValue_1l1n6_120._textarea_1l1n6_104 ._placeholder_1l1n6_79{transform:translate(22px,8px)}._textfield_1l1n6_1:focus-within{box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--secondaryColor)}._textfield_1l1n6_1:focus-within ._placeholder_1l1n6_79{transform:translate(22px,-12px);scale:.75;font-variation-settings:"wdth" 75,"wght" 700;color:rgb(var(--colorBrandAccentRgb)/100%)}._textfield_1l1n6_1:focus-within ._placeholder_1l1n6_79:before{scale:1}._textfield_1l1n6_1:focus-within._withIcon_1l1n6_94 ._placeholder_1l1n6_79{transform:translate(56px,-12px)}._textfield_1l1n6_1:focus-within._phone_1l1n6_114 ._placeholder_1l1n6_79{transform:translate(56px,-12px)}._textfield_1l1n6_1:focus-within._phone_1l1n6_114 ._dialCode_1l1n6_39 p{margin-top:14px}._textfield_1l1n6_1:focus-within._textarea_1l1n6_104 ._placeholder_1l1n6_79{transform:translate(22px,8px)}._textfield_1l1n6_1:focus-within._withIcon_1l1n6_94:before{clip-path:circle(18px at 22px 50%);opacity:.8}._textfield_1l1n6_1:focus-within._withIcon_1l1n6_94 ._icon_1l1n6_29{color:#fff;font-weight:900}.xtrDatePicker{--fontSize: 14px;--primaryColor: var(--colorBackgroundSecondary);--secondaryColor: var(--colorBackgroundPrimary);display:flex;width:fit-content;min-width:300px;justify-content:center;align-items:center;border-radius:22px;box-shadow:0 0 0 1px rgb(var(--colorBrandAccentRgb)/50%);background:var(--primaryColor);color:rgb(var(--colorContentPrimary));transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrDatePicker:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb));clip-path:circle(16px at 22px 50%);border-radius:9999px;z-index:0;opacity:.4;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrDatePicker:after{content:attr(data-testid);position:absolute;top:3px;left:40px;font-size:var(--fontSize);line-height:20px;color:rgb(var(--colorBrandAccentRgb)/100%);scale:.75;font-variation-settings:"wdth" 75,"wght" 700}.xtrDatePicker .react-datetime-picker__wrapper{position:relative;display:flex;padding:20px 8px 4px 48px;border:none}.xtrDatePicker .react-datetime-picker__wrapper *{line-height:18px;font-size:14px;font-variation-settings:"wdth" 75,"wght" 400}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__inputGroup__input{border:none;outline:none;background:none}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__calendar-button,.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clock-button{position:absolute;left:0;top:0;padding:0;background:transparent;outline:none;border:none;cursor:pointer}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__calendar-button>i,.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clock-button>i{width:44px;height:44px;font-size:calc(var(--fontSize));color:rgb(var(--colorBrandAccentRgb)/100%);pointer-events:none;transition:all 0s}.xtrDatePicker .react-datetime-picker__wrapper .react-datetime-picker__clear-button{position:absolute;top:0;bottom:0;right:8px;background:transparent;outline:none;border:none;cursor:pointer}.xtrDatePicker .react-datetime-picker__calendar{position:relative;width:100%;border-radius:4px 4px 22px 22px;box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundPrimary);padding:4px;margin-top:10px;z-index:100}.xtrDatePicker .react-datetime-picker__calendar .react-calendar{width:100%;background:transparent;border:none;-webkit-user-select:none;user-select:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow{position:relative;aspect-ratio:1;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover:before{background:rgb(var(--colorBrandAccentRgb)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__arrow:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label{position:relative;border-radius:8px;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover:before{background:rgb(var(--colorBrandAccentRgb)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__navigation__label:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile{position:relative;aspect-ratio:1;background:none}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:before{content:"";position:absolute;top:1;right:1;bottom:1;left:1;border-radius:9999px}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile.react-calendar__month-view__days__day--neighboringMonth abbr{color:var(--colorContentTertiary)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--now:before{top:0;right:0;bottom:0;left:0;background:none;border:1px solid rgb(var(--colorBrandAccentRgb)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:9999px;z-index:-1}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover:before{background:rgb(var(--colorBrandAccentRgb)/75%)}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile:hover *{color:#fff!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--active:before,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--hasActive:before{top:0;right:0;bottom:0;left:0;background:rgb(var(--colorBrandAccentRgb)/100%)!important}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--active abbr,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__tile--hasActive abbr{color:#fff}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile{aspect-ratio:unset;color:#fff}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile:before,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile:before{top:3px;right:3px;bottom:3px;left:3px;border-radius:16px}.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__year-view__months .react-calendar__tile--now abbr,.xtrDatePicker .react-datetime-picker__calendar .react-calendar .react-calendar__decade-view__years .react-calendar__tile--now abbr{color:#fff}.xtrDatePicker .react-datetime-picker__clock{--clockColor: rgb(var(--colorBrandAccentRgb) / 100%);width:100%;height:auto;border-radius:4px 4px 22px 22px;border:none;box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundPrimary);padding:16px;margin-top:10px;z-index:100}.xtrDatePicker .react-datetime-picker__clock .react-clock{margin:auto}.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__face{border-color:var(--clockColor)}.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__mark__body,.xtrDatePicker .react-datetime-picker__clock .react-clock .react-clock__hand__body{background:var(--clockColor)}.xtrDatePicker.react-datetime-picker--open{border-radius:22px 22px 4px 4px!important;box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--secondaryColor)}.xtrDatePicker.react-datetime-picker--open:before{clip-path:circle(18px at 22px 50%);opacity:.8}.xtrDatePicker.react-datetime-picker--open .react-datetime-picker__calendar-button>i{color:#fff!important;font-weight:900}.xtrImageEditor{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.xtrImageEditor .editorControls{position:absolute;bottom:20px;padding:8px;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;border-radius:9999px;align-items:center;gap:8px}.xtrImageEditor .editorControls .xtrIcon{padding:24px;border:1px solid rgba(255,255,255,.1333333333);color:#fffd}.xtrImageEditor .editorControls .xtrIcon:hover{border:1px solid rgb(var(--colorBrandAccentRgb)/75%);color:#fff}.xtrImageEditor .xtrSpinner{position:absolute}.xtrFilePicker{position:relative}.xtrFilePicker.draggable{width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dotted var(--colorContentTertiary);border-radius:24px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:32px;transition:all .2s ease-out}.xtrFilePicker.draggable>i{margin-bottom:12px}.xtrFilePicker.draggable>h2{margin:0 0 4px;font-variation-settings:"wdth" 75,"wght" 200}.xtrFilePicker.draggable>p{margin:0;font-size:14px;font-variation-settings:"wdth" 75,"wght" 300}.xtrFilePicker.draggable:hover{background:rgb(var(--colorBrandAccentRgb)/10%);border-color:rgb(var(--colorBrandAccentRgb)/50%)}.xtrFilePicker.draggable:hover>i{color:rgb(var(--colorBrandAccentRgb)/100%);transform:scale(1.05)}.xtrSelectWrapper{position:relative;display:flex;width:auto;align-items:center}.xtrSelectWrapper .xtrSelect{width:100%;position:relative}.xtrSelectWrapper .xtrSelect__control{position:relative;background:var(--colorBackgroundSecondary)!important;border:none!important;padding:0 8px 0 22px!important;border-radius:22px!important;box-shadow:0 0 0 1px var(--colorBackgroundSecondary)!important;transition:all var(--animDurDefault) var(--cubicBezierPrimary)!important}.xtrSelectWrapper .xtrSelect__control:before{content:"";position:absolute;left:0;display:block;width:100%;height:100%;background:var(--colorContentSecondary);clip-path:circle(0% at 22px 50%);border-radius:9999px;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSelectWrapper .xtrSelect__value-container{padding:16px 16px 2px 0!important;font-size:14px}.xtrSelectWrapper .xtrSelect__value-container.xtrSelect__value-container--is-multi{padding:9px 0!important}.xtrSelectWrapper .xtrSelect__value-container.xtrSelect__value-container--is-multi.xtrSelect__value-container--has-value{margin-left:-10px}.xtrSelectWrapper .xtrSelect__multi-value{background:var(--colorBackgroundTertiary)!important;border-radius:9999px!important;overflow:hidden!important}.xtrSelectWrapper .xtrSelect__multi-value__label{padding:3px 6px 3px 8px!important;color:var(--colorContentPrimary)!important}.xtrSelectWrapper .xtrSelect__multi-value__remove{color:var(--colorContentPrimary)!important;padding:0 8px 0 2px!important;cursor:pointer!important}.xtrSelectWrapper .xtrSelect__multi-value__remove:hover{background:rgb(var(--colorAlertErrorRGB)/50%)!important}.xtrSelectWrapper .xtrSelect__indicator-separator{display:none}.xtrSelectWrapper .xtrSelect__indicator{cursor:pointer}.xtrSelectWrapper .xtrSelect__single-value,.xtrSelectWrapper .xtrSelect__input{color:var(--colorContentPrimary)!important}.xtrSelectWrapper .xtrSelect__menu{background:var(--colorBackgroundPrimary)!important;box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%)!important;border-radius:4px 4px 22px 22px!important;margin-top:10px!important;overflow:hidden!important;animation:showDropDown .2s ease-out forwards;z-index:100}.xtrSelectWrapper .xtrSelect__menu-list{padding:0!important}.xtrSelectWrapper .xtrSelect__option{padding:12px 24px!important;cursor:pointer!important}.xtrSelectWrapper .xtrSelect__option--is-focused{color:#fff!important;background:rgb(var(--colorBrandAccentRgb)/50%)!important}.xtrSelectWrapper .xtrSelect__option--is-selected{color:#fff!important;background:rgb(var(--colorBrandAccentRgb))!important}.xtrSelectWrapper .xtrSelect--is-disabled{opacity:.5!important}.xtrSelectWrapper .xtrSelectIcon{position:absolute;left:0;width:44px;height:44px;font-size:16px;color:var(--colorContentPrimary)}.xtrSelectWrapper .placeholder{position:absolute;left:18px;font-size:14px;color:var(--colorContentSecondary);transform-origin:0 50%;pointer-events:none;margin:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSelectWrapper.single .xtrSelect__placeholder{opacity:0}.xtrSelectWrapper.open .xtrSelect__control:before,.xtrSelectWrapper.withValue .xtrSelect__control:before{background:rgb(var(--colorBrandAccentRgb))}.xtrSelectWrapper.open .placeholder,.xtrSelectWrapper.withValue .placeholder{transform:translate(8px,-12px);scale:.75;font-variation-settings:"wdth" 75,"wght" 700;color:rgb(var(--colorBrandAccentRgb)/100%)}.xtrSelectWrapper.withIcon .xtrSelect__control{padding:0 8px 0 48px!important}.xtrSelectWrapper.withIcon .xtrSelect__control:before{clip-path:circle(16px at 22px 50%);opacity:.4}.xtrSelectWrapper.withIcon .xtrSelect__control--menu-is-open:before{clip-path:circle(18px at 22px 50%);opacity:.8}.xtrSelectWrapper.withIcon .xtrSelect__value-container.xtrSelect__value-container--is-multi.xtrSelect__value-container--has-value{padding-left:10px!important}.xtrSelectWrapper.withIcon .input{padding-left:48px}.xtrSelectWrapper.withIcon .placeholder{transform:translate(30px)}.xtrSelectWrapper.withIcon.withValue .placeholder,.xtrSelectWrapper.withIcon.open .placeholder{transform:translate(42px,-12px)}.xtrSelectWrapper.open .xtrSelect__control{border-radius:22px 22px 4px 4px!important;background:var(--colorBackgroundPrimary)!important;box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%)!important}.xtrSelectWrapper.open .xtrSelect__control:before{background:rgb(var(--colorBrandAccentRgb))}.xtrSelectWrapper.open .xtrSelectIcon{color:#fff;font-weight:900}.xtrSelectWrapper.defaultSize{width:350px}.xtrSelectWrapper.miniSize .xtrSelect{width:auto;position:relative}.xtrSelectWrapper.miniSize .xtrSelect__control{width:auto;height:32px;min-height:32px;padding:0 8px 0 16px!important}.xtrSelectWrapper.miniSize .xtrSelect__control:before{clip-path:circle(12px at 16px)}.xtrSelectWrapper.miniSize .xtrSelect__value-container{padding:12px 16px 1px 0!important;font-size:12px}.xtrSelectWrapper.miniSize .xtrSelect__menu{margin-top:6px!important;border-radius:4px 4px 16px 16px!important}.xtrSelectWrapper.miniSize .xtrSelect__option{padding:8px 24px!important;font-size:12px}.xtrSelectWrapper.miniSize .xtrSelect__indicator svg{width:16px;height:16px}.xtrSelectWrapper.miniSize .xtrSelectIcon{width:31px;height:31px;font-size:12px}.xtrSelectWrapper.miniSize .placeholder{font-variation-settings:"wdth" 75,"wght" 500;scale:1;font-size:13px;transform:translate(0)}.xtrSelectWrapper.miniSize.withIcon .xtrSelect__control{padding:0 8px 0 36px!important}.xtrSelectWrapper.miniSize.withIcon .placeholder{transform:translate(20px)}.xtrSelectWrapper.miniSize.open .xtrSelect__control{border-radius:16px 16px 4px 4px!important}.xtrSelectWrapper.miniSize.open:not(.noSearch) .placeholder,.xtrSelectWrapper.miniSize.withValue .placeholder{font-variation-settings:"wdth" 75,"wght" 600;scale:.75!important;transform:translate(2px,-10px)}.xtrSelectWrapper.miniSize.open:not(.noSearch).withIcon .placeholder,.xtrSelectWrapper.miniSize.withValue.withIcon .placeholder{scale:.75!important;transform:translate(28px,-10px)}.xtrSelectWrapper.noSearch *{cursor:pointer}@keyframes showDropDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}._colorPicker_1lsi0_1{width:200px;display:flex;flex-direction:column}._colorPicker_1lsi0_1 ._wheel_1lsi0_6{cursor:crosshair;margin-bottom:24px}._colorPicker_1lsi0_1 ._shade_1lsi0_10,._colorPicker_1lsi0_1 ._alpha_1lsi0_10{height:5px!important;border-radius:9999px!important}._colorPicker_1lsi0_1 ._shade_1lsi0_10 div:first-child,._colorPicker_1lsi0_1 ._alpha_1lsi0_10 div:first-child{border-radius:9999px!important}._colorPicker_1lsi0_1 ._shade_1lsi0_10 div:last-child,._colorPicker_1lsi0_1 ._alpha_1lsi0_10 div:last-child{display:flex;align-items:center}._colorPicker_1lsi0_1 ._shade_1lsi0_10{margin-bottom:16px}._colorInput_2cxwk_1:before{background:var(--chipColor)!important;opacity:1!important;transition:all var(--animDurDefault) var(--cubicBezierPrimary),background 0s!important}._colorInput_2cxwk_1 i:before{display:none}._colorPopper_2cxwk_10{width:300px;box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundPrimary);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 24px 24px;gap:24px}._colorPopper_2cxwk_10 ._header_2cxwk_22{width:100%;display:flex;justify-content:space-between;align-items:center}._colorPopper_2cxwk_10 ._header_2cxwk_22 h1{font-size:small;text-transform:uppercase;line-height:32px;-webkit-user-select:none;user-select:none;margin:0}._colorPopper_2cxwk_10 ._header_2cxwk_22 i{font-size:small}._sider_1dq8m_1{--paddingLeft: 0px;--paddingRight: 0px;--borderRadius: 36px;--siderWidthMini: 60px;width:100%;height:100%;background:var(--colorBackgroundSecondary);padding:0 var(--paddingRight) 0 var(--paddingLeft);overflow:hidden;transition:all var(--animDurDefault) ease}._sider_1dq8m_1 ._leftSiderContainer_1dq8m_13{position:fixed;left:0;width:auto;height:100%;z-index:0;transition:transform var(--animDurDefault) var(--cubicBezierPrimary)}._sider_1dq8m_1 ._rightSiderContainer_1dq8m_21{position:fixed;right:0;width:auto;height:100%;z-index:1;transition:transform var(--animDurDefault) var(--cubicBezierPrimary)}._sider_1dq8m_1 ._content_1dq8m_29{position:relative;width:100%;height:100%;background:var(--colorBackgroundPrimary);box-shadow:0 0 50px 2px #0000003d;border-radius:0;z-index:2;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._sider_1dq8m_1._miniLeftSider_1dq8m_39{--paddingLeft: var(--siderWidthMini)}._sider_1dq8m_1._miniLeftSider_1dq8m_39 ._content_1dq8m_29{border-top-left-radius:var(--borderRadius);border-bottom-left-radius:var(--borderRadius)}._sider_1dq8m_1._miniRightSider_1dq8m_46{--paddingRight: var(--siderWidthMini)}._sider_1dq8m_1._miniRightSider_1dq8m_46 ._content_1dq8m_29{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius)}._sider_1dq8m_1._leftOpen_1dq8m_53{--transform: translateX(calc(32px + var(--leftSiderWidth) - var(--paddingLeft)))}._sider_1dq8m_1._leftOpen_1dq8m_53 ._rightSiderContainer_1dq8m_21{transform:var(--transform);pointer-events:none}._sider_1dq8m_1._leftOpen_1dq8m_53 ._content_1dq8m_29{border-radius:36px;transform:var(--transform);transform-origin:left center;scale:.95}._sider_1dq8m_1._rightOpen_1dq8m_66{--transform: translateX(calc((32px + var(--rightSiderWidth) - var(--paddingRight)) * -1))}._sider_1dq8m_1._rightOpen_1dq8m_66 ._leftSiderContainer_1dq8m_13{transform:var(--transform);pointer-events:none}._sider_1dq8m_1._rightOpen_1dq8m_66 ._content_1dq8m_29{border-radius:36px;transform:var(--transform);transform-origin:right center;scale:.95}@media (width <= 512px){._sider_1dq8m_1._miniLeftSider_1dq8m_39{--paddingLeft: 0px !important}._sider_1dq8m_1:not(._leftOpen_1dq8m_53) ._content_1dq8m_29{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._sider_1dq8m_1._rightOpen_1dq8m_66{--transform: translateX(calc((32px + 100vh - var(--paddingRight)) * -1))}._sider_1dq8m_1._miniRightSider_1dq8m_46{--paddingRight: 0px !important}._sider_1dq8m_1:not(._rightOpen_1dq8m_66) ._content_1dq8m_29{border-top-right-radius:0!important;border-bottom-right-radius:0!important}}._siderModal_1rtdm_1{width:fit-content;height:100%;min-width:300px;display:flex;flex-direction:column}._siderModal_1rtdm_1 ._header_1rtdm_8{width:100%;height:100px;display:flex;align-items:center;padding:0 24px;gap:24px}._siderModal_1rtdm_1 ._header_1rtdm_8 ._back_1rtdm_16{border-top-left-radius:0;border-bottom-left-radius:0;display:none}._siderModal_1rtdm_1 ._header_1rtdm_8 ._icon_1rtdm_21,._siderModal_1rtdm_1 ._header_1rtdm_8 ._title_1rtdm_21{font-size:x-large;font-variation-settings:"wdth" 75,"wght" 400;color:var(--colorContentPrimary);margin:0;-webkit-user-select:none;user-select:none}._siderModal_1rtdm_1 ._footer_1rtdm_28{width:100%;height:100px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:0 24px}._siderModal_1rtdm_1 ._body_1rtdm_37{flex:1;padding:16px 0;overflow-y:auto;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}@media (width <= 512px){._siderModal_1rtdm_1 ._header_1rtdm_8{padding:0 24px 0 0}._siderModal_1rtdm_1 ._header_1rtdm_8 ._back_1rtdm_16{display:flex}._siderModal_1rtdm_1 ._body_1rtdm_37{width:100vw}}._navigation_1vrjr_1{--animDurFast: .4s;--borderRadius: 30px;width:250px;height:100%;display:flex;flex-direction:column;padding:16px 0 28px}._navigation_1vrjr_1 ._brand_1vrjr_10{font-size:32px;padding:24px 8px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;-webkit-user-select:none;user-select:none;color:var(--colorContentPrimary);cursor:pointer}._navigation_1vrjr_1 ._routeList_1vrjr_19{width:100%;display:flex;flex-direction:column;flex:1;-webkit-user-select:none;user-select:none;cursor:pointer}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19{position:relative;display:flex;align-items:center;gap:2px;text-decoration:none;color:var(--colorContentPrimary);border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transition:all var(--animDurFast) var(--cubicBezierPrimary);-webkit-tap-highlight-color:transparent;overflow:hidden}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19:before{content:"";position:absolute;width:100%;height:100%;transform:translate(-100%);background:rgb(var(--colorBrandAccentRgb));z-index:0;border-radius:0;transition:all var(--animDurFast) var(--cubicBezierPrimary),transform .2s ease;overflow:hidden}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19 ._icon_1vrjr_52{width:var(--siderWidthMini);height:var(--siderWidthMini);font-size:calc(var(--siderWidthMini) - 40px);transition:all var(--animDurFast) var(--cubicBezierPrimary);color:inherit}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19 ._label_1vrjr_59{font-size:16px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;color:inherit;z-index:1;transition:all var(--animDurFast) var(--cubicBezierPrimary)}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19:last-of-type{margin-top:auto}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19:hover:before{transform:translate(calc(4px - 100%))}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19:active ._icon_1vrjr_52{scale:.9}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19:active:before{transform:translate(calc(6px - 100%))}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19._loading_1vrjr_79{--loaderColor: rgb(var(--colorBrandAccentRgb) / 50%);background:rgb(var(--colorBrandAccentRgb)/0%);pointer-events:none}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19._loading_1vrjr_79:before{content:"";position:absolute;width:150%;height:100%;background:none;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);z-index:2;border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transform:translate(0);transition:all var(--animDurFast) var(--cubicBezierPrimary),transform var(--animDurFast) ease;animation:_barberPole_1vrjr_1 .18s linear infinite}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19._active_1vrjr_98{color:#fff}._navigation_1vrjr_1 ._routeList_1vrjr_19 ._route_1vrjr_19._active_1vrjr_98:before{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transform:translate(0);transition:all var(--animDurFast) var(--cubicBezierPrimary),transform var(--animDurFast) ease}@keyframes _barberPole_1vrjr_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}._themePicker_71mms_1{--schemeSize: 180px;--schemeGap: 24px;--globalTertiaryColor: var(--colorBackgroundTertiary);position:relative;width:fit-content;display:flex;flex-direction:column;gap:var(--schemeGap)}._themePicker_71mms_1 ._themeSchemes_71mms_11{display:flex;gap:calc(var(--schemeGap) / 1.2)}._themePicker_71mms_1 ._themeSchemes_71mms_11 *{transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18{--rippleShadowColor: var(--globalTertiaryColor);--cardBorderRadius: calc(var(--schemeGap) / 2);position:relative;width:var(--schemeSize);height:calc(var(--schemeSize) * .8);background:var(--colorBackgroundSecondary);-webkit-user-select:none;user-select:none;cursor:pointer;transition:all var(--animDurDefault) var(--cubicBezierPrimary),box-shadow var(--animDurDefault) linear}@media (prefers-color-scheme: light){._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._system_71mms_30{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}}@media (prefers-color-scheme: dark){._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._system_71mms_30{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._light_71mms_51{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._dark_71mms_60{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:var(--colorBackgroundTertiary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._navigation_71mms_77{position:absolute;top:0;left:0;width:25%;height:100%;display:flex;flex-direction:column;gap:calc(var(--schemeGap) / 6);padding:calc(var(--schemeGap) / 2.4) 0;background:var(--colorBackgroundTertiary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._navigation_71mms_77 ._navigationItem_71mms_89{width:100%;height:calc(var(--schemeGap) / 6);background:#000;opacity:.2}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._navigation_71mms_77 ._navigationItem_71mms_89:first-child{margin-top:10px;background:#fff}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._navigation_71mms_77 ._navigationItem_71mms_89:last-child{margin-top:auto}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._content_71mms_102{position:absolute;top:0;left:4%;width:96%;height:100%;border-top-left-radius:calc(var(--schemeGap) / 2);border-bottom-left-radius:calc(var(--schemeGap) / 2);background:var(--colorBackgroundPrimary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._content_71mms_102 ._header_71mms_112{position:absolute;top:0;left:0;width:100%;height:calc(var(--schemeGap) / 2)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._content_71mms_102 ._header_71mms_112:before{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 3);display:block;width:calc(var(--schemeGap) / 4);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._content_71mms_102 ._header_71mms_112:after{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 1.2);display:block;width:calc(var(--schemeGap) * 2);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._content_71mms_102 ._profile_71mms_141{position:absolute;top:calc(var(--schemeGap) / 1.1);left:50%;transform:translate(-50%);width:calc(var(--schemeGap));height:calc(var(--schemeGap));border-radius:9999px;background:var(--colorBackgroundTertiary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._design_71mms_69 ._content_71mms_102 ._profile_71mms_141:before{content:"";position:absolute;top:calc(var(--schemeGap) * 1.2);left:50%;transform:translate(-50%);display:block;width:calc(var(--schemeGap) * 1.5);height:calc(var(--schemeGap) / 8);border-radius:9999px;background:var(--colorBackgroundTertiary);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._footer_71mms_164{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;color:var(--colorContentPrimary);margin-bottom:calc(var(--schemeGap) / 2);gap:calc(var(--schemeGap) / 3)}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._footer_71mms_164 ._footerIcon_71mms_175{font-size:calc(var(--schemeGap) / 1.5);text-transform:capitalize;color:inherit}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18 ._footer_71mms_164 ._footerLabel_71mms_180{font-size:calc(var(--schemeGap) / 1.6);font-variation-settings:"wdth" 75,"wght" 700;text-transform:uppercase;color:inherit}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18:hover ._design_71mms_69 ._content_71mms_102{top:0;left:20%;width:80%}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._active_71mms_191 ._design_71mms_69 ._navigation_71mms_77,._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18:hover ._design_71mms_69 ._navigation_71mms_77{background:rgb(var(--colorBrandAccentRgb))}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._active_71mms_191 ._design_71mms_69 ._navigation_71mms_77 ._navigationItem_71mms_89,._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18:hover ._design_71mms_69 ._navigation_71mms_77 ._navigationItem_71mms_89{opacity:.3}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._active_71mms_191 ._design_71mms_69 ._content_71mms_102 ._header_71mms_112:before,._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18:hover ._design_71mms_69 ._content_71mms_102 ._header_71mms_112:before{background:rgb(var(--colorBrandAccentRgb))}._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18._active_71mms_191 ._footer_71mms_164,._themePicker_71mms_1 ._themeSchemes_71mms_11 ._themeSchemeItem_71mms_18:hover ._footer_71mms_164{color:rgb(var(--colorBrandAccentRgb))}._themePicker_71mms_1 ._themeColors_71mms_203{display:flex;justify-content:space-between;flex:1}.xtrSelect__control{width:150px!important}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "xtreme-ui",
3
- "version": "0.0.86",
3
+ "version": "0.0.87",
4
4
  "type": "module",
5
5
  "description": "Collection of reusable components that can be used in web projects",
6
6
  "main": "dist/index.js",
@@ -1,3 +0,0 @@
1
- import { TSchemeSwitchProps } from './types';
2
- export declare const SchemeSwitch: import('react').ForwardRefExoticComponent<TSchemeSwitchProps & import('react').RefAttributes<HTMLButtonElement>>;
3
- //# sourceMappingURL=SchemeSwitch.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SchemeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SchemeSwitch/SchemeSwitch.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,YAAY,kHAyBvB,CAAC"}
@@ -1,29 +0,0 @@
1
- "use client";
2
- import { jsx as p } from "react/jsx-runtime";
3
- import { forwardRef as S, useMemo as n } from "react";
4
- import { Button as y } from "../../base/Button/Button.js";
5
- import { useXTheme as T } from "../../context/useContext.js";
6
- import { THEME_SCHEME as o } from "../../../utils/constants/commons.js";
7
- const w = S((r, c) => {
8
- const { className: i, withLabel: s = !1, type: a = "secondary", size: h = "default", iconType: f = "solid" } = r, { themeScheme: e, setThemeScheme: l } = T(), m = n(() => o[(o.findIndex((t) => t.name === e) + 1) % o.length], [e]), u = n(() => {
9
- var t;
10
- return ((t = o.find((d) => d.name === e)) == null ? void 0 : t.icon) ?? "";
11
- }, [e]);
12
- return /* @__PURE__ */ p(
13
- y,
14
- {
15
- ref: c,
16
- className: i,
17
- type: a,
18
- size: h,
19
- icon: u,
20
- iconType: f,
21
- label: s ? e === "system" ? "auto" : e : void 0,
22
- onClick: () => m.name && l(m.name)
23
- }
24
- );
25
- });
26
- w.displayName = "SchemeSwitch";
27
- export {
28
- w as SchemeSwitch
29
- };
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SchemeSwitch/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;CAClC,CAAA"}