@pibit.ai/cure-design-system 0.3.1 → 0.3.3
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.
package/README.md
CHANGED
|
@@ -12,24 +12,21 @@ npm install @pibit.ai/cure-design-system
|
|
|
12
12
|
|
|
13
13
|
## Setup
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
/** @type {import('tailwindcss').Config} */
|
|
21
|
-
export default {
|
|
22
|
-
content: [
|
|
23
|
-
'./src/**/*.{js,ts,jsx,tsx}',
|
|
24
|
-
'./node_modules/@pibit.ai/cure-design-system/**/*.{js,ts,jsx,tsx}',
|
|
25
|
-
],
|
|
26
|
-
};
|
|
15
|
+
Simply import the pre-built component styles in your app entry point:
|
|
16
|
+
|
|
17
|
+
```typescript
|
|
18
|
+
// Import component styles (includes theme + all utilities)
|
|
19
|
+
import '@pibit.ai/cure-design-system/styles';
|
|
27
20
|
```
|
|
28
21
|
|
|
29
|
-
|
|
22
|
+
**That's it!** No Tailwind configuration needed. All component styles are pre-built and ready to use.
|
|
23
|
+
|
|
24
|
+
### Alternative: Import theme only
|
|
25
|
+
|
|
26
|
+
If you're using your own Tailwind setup and want just the theme variables:
|
|
30
27
|
|
|
31
28
|
```typescript
|
|
32
|
-
import '@pibit.ai/cure-design-system/styles';
|
|
29
|
+
import '@pibit.ai/cure-design-system/styles/theme';
|
|
33
30
|
```
|
|
34
31
|
|
|
35
32
|
## Components
|
|
@@ -1,28 +1,47 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
/** Description text */
|
|
7
|
-
description?: string;
|
|
8
|
-
/** Additional CSS classes */
|
|
2
|
+
import { SwitchProps as AriaSwitchProps } from 'react-aria-components';
|
|
3
|
+
interface ToggleBaseProps {
|
|
4
|
+
size?: "sm" | "md";
|
|
5
|
+
slim?: boolean;
|
|
9
6
|
className?: string;
|
|
7
|
+
isHovered?: boolean;
|
|
8
|
+
isFocusVisible?: boolean;
|
|
9
|
+
isSelected?: boolean;
|
|
10
|
+
isDisabled?: boolean;
|
|
11
|
+
disabledClasses?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const ToggleBase: ({ className, isHovered, isDisabled, isFocusVisible, isSelected, slim, size, disabledClasses, }: ToggleBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export interface ToggleProps extends AriaSwitchProps {
|
|
15
|
+
/** Size variant */
|
|
16
|
+
size?: "sm" | "md";
|
|
17
|
+
/** Label text */
|
|
18
|
+
label?: string;
|
|
19
|
+
/** Description/hint text */
|
|
20
|
+
hint?: ReactNode;
|
|
21
|
+
/** Slim variant (more compact) */
|
|
22
|
+
slim?: boolean;
|
|
23
|
+
/** Additional CSS classes for disabled state */
|
|
24
|
+
disabledClasses?: string;
|
|
10
25
|
}
|
|
11
26
|
/**
|
|
12
|
-
* Toggle (Switch) component built on
|
|
27
|
+
* Toggle (Switch) component built on React Aria
|
|
13
28
|
*
|
|
14
29
|
* Features:
|
|
15
|
-
* - Accessible switch/toggle
|
|
16
|
-
* -
|
|
17
|
-
* -
|
|
30
|
+
* - Accessible switch/toggle with keyboard support
|
|
31
|
+
* - Multiple sizes (sm, md)
|
|
32
|
+
* - Slim variant for compact layouts
|
|
33
|
+
* - Label and hint support
|
|
34
|
+
* - Smooth animations and transitions
|
|
35
|
+
* - Hover and focus states
|
|
18
36
|
*
|
|
19
37
|
* @example
|
|
20
38
|
* <Toggle label="Enable notifications" />
|
|
21
|
-
* <Toggle label="Dark mode"
|
|
22
|
-
* <Toggle
|
|
39
|
+
* <Toggle label="Dark mode" hint="Use dark theme" size="md" />
|
|
40
|
+
* <Toggle isSelected={enabled} onChange={setEnabled} slim />
|
|
23
41
|
*/
|
|
24
|
-
export declare
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
42
|
+
export declare const Toggle: {
|
|
43
|
+
({ label, hint, className, size, disabledClasses, slim, ...ariaSwitchProps }: ToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
displayName: string;
|
|
45
|
+
};
|
|
46
|
+
export {};
|
|
28
47
|
//# sourceMappingURL=toggle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/primitives/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/primitives/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAI5E,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,GAAI,gGASxB,eAAe,4CA6DjB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;kFAQhB,WAAW;;CA0Db,CAAC"}
|
|
@@ -1,57 +1,137 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
"data-[state=unchecked]:bg-gray-200",
|
|
24
|
-
// Ensure toggle is vertically aligned with first line of text
|
|
25
|
-
"mt-0.5"
|
|
26
|
-
),
|
|
27
|
-
...c,
|
|
28
|
-
children: /* @__PURE__ */ e(
|
|
29
|
-
i.Thumb,
|
|
30
|
-
{
|
|
31
|
-
className: r(
|
|
32
|
-
"pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0",
|
|
33
|
-
"transition-transform",
|
|
34
|
-
"data-[state=checked]:translate-x-5",
|
|
35
|
-
"data-[state=unchecked]:translate-x-0"
|
|
36
|
-
)
|
|
37
|
-
}
|
|
38
|
-
)
|
|
1
|
+
import { jsx as i, jsxs as m, Fragment as u } from "react/jsx-runtime";
|
|
2
|
+
import { Switch as h } from "react-aria-components";
|
|
3
|
+
import { cx as o } from "../../utils/cn.js";
|
|
4
|
+
const f = ({
|
|
5
|
+
className: d,
|
|
6
|
+
isHovered: n,
|
|
7
|
+
isDisabled: e,
|
|
8
|
+
isFocusVisible: a,
|
|
9
|
+
isSelected: t,
|
|
10
|
+
slim: r,
|
|
11
|
+
size: g = "sm",
|
|
12
|
+
disabledClasses: l
|
|
13
|
+
}) => {
|
|
14
|
+
const s = {
|
|
15
|
+
default: {
|
|
16
|
+
sm: {
|
|
17
|
+
root: "h-5 w-9 p-0.5",
|
|
18
|
+
switch: o("size-4", t && "translate-x-4")
|
|
19
|
+
},
|
|
20
|
+
md: {
|
|
21
|
+
root: "h-6 w-11 p-0.5",
|
|
22
|
+
switch: o("size-5", t && "translate-x-5")
|
|
39
23
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
"
|
|
24
|
+
},
|
|
25
|
+
slim: {
|
|
26
|
+
sm: {
|
|
27
|
+
root: "h-4 w-8",
|
|
28
|
+
switch: o("size-4", t && "translate-x-4")
|
|
29
|
+
},
|
|
30
|
+
md: {
|
|
31
|
+
root: "h-5 w-10",
|
|
32
|
+
switch: o("size-5", t && "translate-x-5")
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}, p = r ? s.slim[g] : s.default[g];
|
|
36
|
+
return /* @__PURE__ */ i(
|
|
37
|
+
"div",
|
|
38
|
+
{
|
|
39
|
+
className: o(
|
|
40
|
+
"cursor-pointer rounded-full bg-tertiary outline-focus-ring transition duration-150 ease-linear",
|
|
41
|
+
t && "bg-brand-solid",
|
|
42
|
+
t && n && "bg-brand-solid_hover",
|
|
43
|
+
e && "cursor-not-allowed bg-disabled",
|
|
44
|
+
a && "outline-2 outline-offset-2",
|
|
45
|
+
r && "ring-1 ring-secondary ring-inset",
|
|
46
|
+
r && e && "bg-utility-gray-50",
|
|
47
|
+
r && t && "ring-transparent",
|
|
48
|
+
p.root,
|
|
49
|
+
d,
|
|
50
|
+
l
|
|
51
|
+
),
|
|
52
|
+
children: /* @__PURE__ */ i(
|
|
53
|
+
"div",
|
|
44
54
|
{
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
55
|
+
style: {
|
|
56
|
+
transition: "transform 0.15s ease-in-out, translate 0.15s ease-in-out, border-color 0.1s linear, background-color 0.1s linear",
|
|
57
|
+
boxShadow: "0px 4px 4px -2px rgba(64, 73, 104, 0.08), 0px 2px 12px 0px rgba(64, 73, 104, 0.06)"
|
|
58
|
+
},
|
|
59
|
+
className: o(
|
|
60
|
+
"rounded-full bg-fg-white",
|
|
61
|
+
e && "bg-toggle-button-fg_disabled",
|
|
62
|
+
r && "border border-disabled_subtle",
|
|
63
|
+
r && t && "border-toggle-slim-border_pressed",
|
|
64
|
+
r && t && n && "border-toggle-slim-border_pressed-hover",
|
|
65
|
+
p.switch
|
|
66
|
+
)
|
|
48
67
|
}
|
|
68
|
+
)
|
|
69
|
+
}
|
|
70
|
+
);
|
|
71
|
+
}, w = ({
|
|
72
|
+
label: d,
|
|
73
|
+
hint: n,
|
|
74
|
+
className: e,
|
|
75
|
+
size: a = "sm",
|
|
76
|
+
disabledClasses: t,
|
|
77
|
+
slim: r,
|
|
78
|
+
...g
|
|
79
|
+
}) => {
|
|
80
|
+
const l = {
|
|
81
|
+
sm: {
|
|
82
|
+
root: "gap-2",
|
|
83
|
+
textWrapper: "",
|
|
84
|
+
label: "text-sm font-medium",
|
|
85
|
+
hint: "text-sm"
|
|
86
|
+
},
|
|
87
|
+
md: {
|
|
88
|
+
root: "gap-3",
|
|
89
|
+
textWrapper: "gap-0.5",
|
|
90
|
+
label: "text-md font-medium",
|
|
91
|
+
hint: "text-md"
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
return /* @__PURE__ */ i(
|
|
95
|
+
h,
|
|
96
|
+
{
|
|
97
|
+
...g,
|
|
98
|
+
className: (s) => o(
|
|
99
|
+
"flex w-max items-start",
|
|
100
|
+
s.isDisabled && "cursor-not-allowed",
|
|
101
|
+
l[a].root,
|
|
102
|
+
typeof e == "function" ? e(s) : e
|
|
49
103
|
),
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
104
|
+
children: ({ isSelected: s, isDisabled: p, isFocusVisible: x, isHovered: c }) => /* @__PURE__ */ m(u, { children: [
|
|
105
|
+
/* @__PURE__ */ i(
|
|
106
|
+
f,
|
|
107
|
+
{
|
|
108
|
+
slim: r,
|
|
109
|
+
size: a,
|
|
110
|
+
isHovered: c,
|
|
111
|
+
isDisabled: p,
|
|
112
|
+
isFocusVisible: x,
|
|
113
|
+
isSelected: s,
|
|
114
|
+
className: r ? "mt-0.5" : "",
|
|
115
|
+
disabledClasses: t
|
|
116
|
+
}
|
|
117
|
+
),
|
|
118
|
+
(d || n) && /* @__PURE__ */ m("div", { className: o("flex flex-col", l[a].textWrapper), children: [
|
|
119
|
+
d && /* @__PURE__ */ i("p", { className: o("text-secondary select-none", l[a].label), children: d }),
|
|
120
|
+
n && /* @__PURE__ */ i(
|
|
121
|
+
"span",
|
|
122
|
+
{
|
|
123
|
+
className: o("text-tertiary", l[a].hint),
|
|
124
|
+
onClick: (b) => b.stopPropagation(),
|
|
125
|
+
children: n
|
|
126
|
+
}
|
|
127
|
+
)
|
|
128
|
+
] })
|
|
129
|
+
] })
|
|
130
|
+
}
|
|
131
|
+
);
|
|
132
|
+
};
|
|
133
|
+
w.displayName = "Toggle";
|
|
55
134
|
export {
|
|
56
|
-
|
|
135
|
+
w as Toggle,
|
|
136
|
+
f as ToggleBase
|
|
57
137
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,"Roboto Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-orange-50:#fef6ee;--color-orange-100:#fdead7;--color-orange-200:#f9dbaf;--color-orange-300:#f7b27a;--color-orange-400:#f38744;--color-orange-500:#ef6820;--color-orange-600:#e04f16;--color-orange-700:#b93815;--color-orange-800:#932f19;--color-orange-900:#772917;--color-orange-950:#511c10;--color-yellow-50:#fefbe8;--color-yellow-100:#fef7c3;--color-yellow-200:#feee95;--color-yellow-300:#fde272;--color-yellow-400:#fac515;--color-yellow-500:#eaaa08;--color-yellow-600:#ca8504;--color-yellow-700:#a15c07;--color-yellow-800:#854a0e;--color-yellow-900:#713b12;--color-yellow-950:#542c0d;--color-green-50:#edfcf2;--color-green-100:#d3f8df;--color-green-200:#aaf0c4;--color-green-300:#73e2a3;--color-green-400:#3ccb7f;--color-green-500:#16b364;--color-green-600:#099250;--color-green-700:#087443;--color-green-800:#095c37;--color-green-900:#084c2e;--color-green-950:#052e1c;--color-teal-50:#f0fdf9;--color-teal-100:#ccfbef;--color-teal-200:#99f6e0;--color-teal-300:#5fe9d0;--color-teal-400:#2ed3b7;--color-teal-500:#15b79e;--color-teal-600:#0e9384;--color-teal-700:#107569;--color-teal-800:#125d56;--color-teal-900:#134e48;--color-cyan-50:#ecfdff;--color-cyan-100:#cff9fe;--color-cyan-200:#a5f0fc;--color-cyan-300:#67e3f9;--color-cyan-400:#2ce;--color-cyan-500:#06aed4;--color-cyan-600:#088ab2;--color-cyan-700:#0e7090;--color-cyan-800:#155b75;--color-cyan-900:#164c63;--color-blue-50:#eff8ff;--color-blue-100:#d1e9ff;--color-blue-200:#b2ddff;--color-blue-300:#84caff;--color-blue-400:#53b1fd;--color-blue-500:#2e90fa;--color-blue-600:#1570ef;--color-blue-700:#175cd3;--color-blue-800:#1849a9;--color-blue-900:#194185;--color-blue-950:#102a56;--color-indigo-50:#eef4ff;--color-indigo-100:#e0eaff;--color-indigo-200:#c7d7fe;--color-indigo-300:#a4bcfd;--color-indigo-400:#8098f9;--color-indigo-500:#6172f3;--color-indigo-600:#444ce7;--color-indigo-700:#3538cd;--color-indigo-800:#2d31a6;--color-indigo-900:#2d3282;--color-indigo-950:#1f235b;--color-violet-50:#f5f3ff;--color-violet-100:#ece9fe;--color-violet-200:#ddd6fe;--color-violet-300:#c3b5fd;--color-violet-400:#a48afb;--color-violet-500:#875bf7;--color-violet-600:#7839ee;--color-violet-700:#6927da;--color-violet-800:#5720b7;--color-violet-900:#491c96;--color-purple-50:#f4f3ff;--color-purple-100:#ebe9fe;--color-purple-200:#d9d6fe;--color-purple-300:#bdb4fe;--color-purple-400:#9b8afb;--color-purple-500:#7a5af8;--color-purple-600:#6938ef;--color-purple-700:#5925dc;--color-purple-800:#4a1fb8;--color-purple-900:#3e1c96;--color-purple-950:#27115f;--color-fuchsia-50:#fdf4ff;--color-fuchsia-100:#fbe8ff;--color-fuchsia-200:#f6d0fe;--color-fuchsia-300:#eeaafd;--color-fuchsia-400:#e478fa;--color-fuchsia-500:#d444f1;--color-fuchsia-600:#ba24d5;--color-fuchsia-700:#9f1ab1;--color-fuchsia-800:#821890;--color-fuchsia-900:#6f1877;--color-fuchsia-950:#47104c;--color-pink-50:#fdf2fa;--color-pink-100:#fce7f6;--color-pink-200:#fcceee;--color-pink-300:#faa7e0;--color-pink-400:#f670c7;--color-pink-500:#ee46bc;--color-pink-600:#dd2590;--color-pink-700:#c11574;--color-pink-800:#9e165f;--color-pink-900:#851651;--color-pink-950:#4e0d30;--color-rose-50:#fff1f3;--color-rose-100:#ffe4e8;--color-rose-200:#fecdd6;--color-rose-300:#fea3b4;--color-rose-400:#fd6f8e;--color-rose-500:#f63d68;--color-rose-600:#e31b54;--color-rose-700:#c01048;--color-rose-800:#a11043;--color-rose-900:#89123e;--color-gray-50:#f3f4f7;--color-gray-100:#eaebf1;--color-gray-200:#c6ccd7;--color-gray-300:#949ba8;--color-gray-400:#818792;--color-gray-500:#555a63;--color-gray-600:#43474f;--color-gray-700:#31353a;--color-gray-800:#1f2023;--color-gray-900:#141517;--color-gray-950:#06060a;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:calc(var(--spacing)*3);--text-xs--line-height:calc(var(--spacing)*4.5);--text-sm:calc(var(--spacing)*3.5);--text-sm--line-height:calc(var(--spacing)*5);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:calc(var(--spacing)*4.5);--text-lg--line-height:calc(var(--spacing)*7);--text-xl:calc(var(--spacing)*5);--text-xl--line-height:calc(var(--spacing)*7.5);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--radius-md:8px;--radius-lg:10px;--shadow-xs:0px 1px 2px #0a0d120d;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-body:var(--font-inter,"Inter"),-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--text-md:calc(var(--spacing)*4);--text-md--line-height:calc(var(--spacing)*6);--radius-none:0px;--radius-full:9999px;--shadow-skeumorphic:0px 0px 0px 1px #0a0d122e inset,0px -2px 0px 0px #0a0d120d inset;--color-transparent:#0000;--color-alpha-black-30:#0000004d;--color-alpha-black-70:#000000b3;--color-brand-25:#f1f8fe;--color-brand-50:#e2f1fd;--color-brand-100:#cee7fc;--color-brand-200:#add7fa;--color-brand-300:#83c3f8;--color-brand-400:#5aaff6;--color-brand-500:#319bf3;--color-brand-600:#0684f0;--color-brand-700:#0770c9;--color-brand-800:#055aa1;--color-brand-900:#044378;--color-brand-950:#032d50;--color-error-25:#fffbfa;--color-error-50:#fef3f2;--color-error-100:#fee4e2;--color-error-200:#fecdca;--color-error-300:#fda29b;--color-error-400:#f97066;--color-error-500:#f04438;--color-error-600:#d92d20;--color-error-700:#b42318;--color-error-800:#912018;--color-error-900:#7a271a;--color-error-950:#55160c;--color-warning-25:#fffcf5;--color-warning-50:#fffaeb;--color-warning-100:#fef0c7;--color-warning-200:#fedf89;--color-warning-300:#fec84b;--color-warning-400:#fdb022;--color-warning-500:#f79009;--color-warning-600:#dc6803;--color-warning-700:#b54708;--color-warning-800:#93370d;--color-warning-900:#7a2e0e;--color-warning-950:#4e1d09;--color-success-25:#f6fef9;--color-success-50:#ecfdf3;--color-success-100:#dcfae6;--color-success-200:#abefc6;--color-success-300:#75e0a7;--color-success-400:#47cd89;--color-success-500:#17b26a;--color-success-600:#079455;--color-success-700:#067647;--color-success-800:#085d3a;--color-success-900:#074d31;--color-success-950:#053321;--color-gray-25:#f7f8fa;--color-gray-dark-alpha-200:#ffffffeb;--color-gray-dark-alpha-300:#fffc;--color-gray-dark-alpha-400:#ffffff8f;--color-gray-dark-alpha-500:#ffffff80;--color-gray-dark-alpha-600:#ffffff59;--color-gray-dark-alpha-700:#ffffff29;--color-gray-dark-alpha-800:#ffffff14;--color-gray-dark-alpha-900:#ffffff0a;--color-gray-blue-50:#f8f9fc;--color-gray-blue-100:#eaecf5;--color-gray-blue-200:#d5d9eb;--color-gray-blue-300:#b3b8db;--color-gray-blue-400:#717bbc;--color-gray-blue-500:#4e5ba6;--color-gray-blue-600:#3e4784;--color-gray-blue-700:#363f72;--color-gray-blue-800:#293056;--color-gray-blue-900:#101323;--color-gray-blue-950:#0d0f1c;--color-label-500:#344054;--color-moss-25:#fafdf7;--color-moss-50:#f5fbee;--color-moss-100:#e6f4d7;--color-moss-200:#ceeab0;--color-moss-300:#acdc79;--color-moss-400:#86cb3c;--color-moss-500:#669f2a;--color-moss-600:#4f7a21;--color-moss-700:#3f621a;--color-moss-800:#335015;--color-moss-900:#2b4212;--color-green-25:#f6fef9;--color-teal-25:#f6fefc;--color-cyan-25:#f5feff;--color-blue-light-50:#f0f9ff;--color-blue-light-100:#e0f2fe;--color-blue-light-200:#b9e6fe;--color-blue-light-300:#7cd4fd;--color-blue-light-400:#36bffa;--color-blue-light-500:#0ba5ec;--color-blue-light-600:#0086c9;--color-blue-light-700:#026aa2;--color-blue-light-800:#065986;--color-blue-light-900:#0b4a6f;--color-blue-light-950:#062c41;--color-blue-25:#f5faff;--color-blue-dark-50:#eff4ff;--color-blue-dark-100:#d1e0ff;--color-blue-dark-200:#b2ccff;--color-blue-dark-300:#84adff;--color-blue-dark-400:#528bff;--color-blue-dark-500:#2970ff;--color-blue-dark-600:#155eef;--color-blue-dark-700:#004eeb;--color-blue-dark-800:#0040c1;--color-blue-dark-900:#00359e;--color-blue-dark-950:#026;--color-indigo-25:#f5f8ff;--color-violet-25:#fbfaff;--color-purple-25:#fafaff;--color-fuchsia-25:#fefaff;--color-pink-25:#fef6fb;--color-rose-25:#fff5f6;--color-orange-dark-50:#fff4ed;--color-orange-dark-100:#ffe6d5;--color-orange-dark-200:#ffd6ae;--color-orange-dark-300:#ff9c66;--color-orange-dark-400:#ff692e;--color-orange-dark-500:#ff4405;--color-orange-dark-600:#e62e05;--color-orange-dark-700:#bc1b06;--color-orange-dark-800:#97180c;--color-orange-dark-900:#771a0d;--color-orange-dark-950:#57130a;--color-orange-25:#fefaf5;--color-yellow-25:#fefdf0;--color-utility-gray-50:var(--color-gray-50);--color-utility-gray-100:var(--color-gray-100);--color-utility-gray-200:var(--color-gray-200);--color-utility-gray-300:var(--color-gray-300);--color-utility-gray-400:var(--color-gray-400);--color-utility-gray-500:var(--color-gray-500);--color-utility-gray-600:var(--color-gray-600);--color-utility-gray-700:var(--color-gray-700);--color-utility-gray-800:var(--color-gray-800);--color-utility-gray-900:var(--color-gray-900);--color-text-primary:var(--color-gray-950);--color-text-tertiary:var(--color-gray-400);--color-text-error-primary:var(--color-error-600);--color-text-warning-primary:var(--color-warning-600);--color-text-success-primary:var(--color-success-600);--color-text-secondary:var(--color-gray-600);--color-text-disabled:var(--color-gray-200);--color-text-secondary_hover:var(--color-gray-800);--color-text-tertiary_hover:var(--color-gray-500);--color-text-brand-secondary:var(--color-brand-700);--color-text-placeholder:var(--color-gray-300);--color-text-placeholder_subtle:var(--color-gray-200);--color-text-brand-tertiary:var(--color-brand-600);--color-text-quaternary:var(--color-gray-300);--color-text-brand-primary:var(--color-brand-900);--color-text-primary_on-brand:var(--color-white);--color-text-secondary_on-brand:var(--color-brand-200);--color-text-tertiary_on-brand:var(--color-brand-200);--color-text-quaternary_on-brand:var(--color-brand-300);--color-text-brand-tertiary_alt:var(--color-brand-600);--color-text-brand-secondary_hover:var(--color-brand-800);--color-text-error-primary_hover:var(--color-error-700);--color-border-secondary:var(--color-gray-100);--color-border-error_subtle:var(--color-error-300);--color-border-primary:var(--color-gray-200);--color-border-brand:var(--color-brand-500);--color-border-disabled:var(--color-gray-200);--color-border-error:var(--color-error-500);--color-border-disabled_subtle:var(--color-gray-100);--color-border-tertiary:var(--color-gray-50);--color-border-brand_alt:var(--color-brand-600);--color-border-secondary_alt:#00000014;--color-fg-white:var(--color-white);--color-fg-disabled:var(--color-gray-300);--color-fg-brand-secondary:var(--color-brand-500);--color-fg-brand-primary:var(--color-brand-600);--color-fg-quaternary:var(--color-gray-400);--color-fg-quaternary_hover:var(--color-gray-500);--color-fg-error-primary:var(--color-error-600);--color-fg-disabled_subtle:var(--color-gray-200);--color-fg-error-secondary:var(--color-error-500);--color-fg-brand-secondary_alt:var(--color-fg-brand-secondary);--color-fg-brand-secondary_hover:var(--color-brand-600);--color-bg-primary:var(--color-white);--color-bg-tertiary:var(--color-gray-100);--color-bg-brand-primary:var(--color-brand-50);--color-bg-error-secondary:var(--color-error-100);--color-bg-warning-primary:var(--color-warning-50);--color-bg-warning-secondary:var(--color-warning-100);--color-bg-success-primary:var(--color-success-50);--color-bg-success-secondary:var(--color-success-100);--color-bg-brand-solid:var(--color-brand-600);--color-bg-secondary-solid:var(--color-gray-600);--color-bg-error-solid:var(--color-error-600);--color-bg-error-solid_hover:var(--color-error-700);--color-bg-warning-solid:var(--color-warning-600);--color-bg-success-solid:var(--color-success-600);--color-bg-secondary_hover:var(--color-gray-100);--color-bg-primary_hover:var(--color-gray-50);--color-bg-disabled:var(--color-gray-100);--color-bg-brand-disabled:var(--color-brand-200);--color-bg-active:var(--color-gray-50);--color-bg-brand-solid_hover:var(--color-brand-700);--color-bg-error-primary:var(--color-error-50);--color-bg-brand-secondary:var(--color-brand-100);--color-bg-secondary:var(--color-gray-50);--color-bg-disabled_subtle:var(--color-gray-50);--color-bg-quaternary:var(--color-gray-200);--color-bg-primary_alt:var(--color-white);--color-bg-brand-primary_alt:var(--color-brand-50);--color-bg-secondary_alt:var(--color-gray-50);--color-bg-overlay:var(--color-gray-950);--color-bg-secondary_subtle:var(--color-gray-25);--color-bg-brand-section:var(--color-brand-800);--color-bg-brand-section_subtle:var(--color-brand-700);--color-bg-primary-solid:var(--color-gray-950);--color-button-destructive-primary-icon:var(--color-error-300);--color-button-destructive-primary-icon_hover:var(--color-error-200);--color-button-primary-icon:var(--color-brand-300);--color-button-primary-icon_hover:var(--color-brand-200);--color-focus-ring:var(--color-brand-100);--color-toggle-button-fg_disabled:var(--color-gray-50);--color-toggle-slim-border_pressed-hover:var(--color-bg-brand-solid_hover);--color-toggle-slim-border_pressed:var(--color-bg-brand-solid);--color-tooltip-supporting-text:var(--color-gray-300);--background-color-brand-solid:var(--color-bg-brand-solid);--background-color-disabled:var(--color-bg-disabled);--background-color-primary:var(--color-bg-primary);--background-color-primary_hover:var(--color-bg-primary_hover);--background-color-secondary:var(--color-bg-secondary);--background-color-secondary_hover:var(--color-bg-secondary_hover);--background-color-secondary_subtle:var(--color-bg-secondary_subtle);--background-color-tertiary:var(--color-bg-tertiary);--background-color-brand-solid_hover:var(--color-bg-brand-solid_hover);--background-color-brand-disabled:var(--color-bg-brand-disabled);--background-color-error-primary:var(--color-bg-error-primary);--background-color-error-solid:var(--color-bg-error-solid);--background-color-border-tertiary:var(--color-border-tertiary);--background-color-fg-white:var(--color-fg-white);--background-color-toggle-button-fg_disabled:var(--color-toggle-button-fg_disabled);--text-color-primary:var(--color-text-primary);--text-color-secondary:var(--color-text-secondary);--text-color-secondary_hover:var(--color-text-secondary_hover);--text-color-tertiary:var(--color-text-tertiary);--text-color-tertiary_hover:var(--color-text-tertiary_hover);--text-color-brand-secondary:var(--color-text-brand-secondary);--text-color-brand-secondary_hover:var(--color-text-brand-secondary_hover);--text-color-error-primary:var(--color-text-error-primary);--text-color-error-primary_hover:var(--color-text-error-primary_hover);--border-color-disabled_subtle:var(--color-border-disabled_subtle);--border-color-toggle-slim-border_pressed:var(--color-toggle-slim-border_pressed);--border-color-toggle-slim-border_pressed-hover:var(--color-toggle-slim-border_pressed-hover);--ring-color-secondary:var(--color-border-secondary);--ring-color-disabled_subtle:var(--color-border-disabled_subtle);--ring-color-error_subtle:var(--color-border-error_subtle);--outline-color-error:var(--color-border-error);--outline-color-focus-ring:var(--color-focus-ring)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.dark-mode{--color-alpha-white:#0c0e12;--color-alpha-black:#fff;--color-alpha-white-10:#0c0e121a;--color-alpha-white-20:#0c0e1233;--color-alpha-white-30:#0c0e124d;--color-alpha-white-40:#0c0e1266;--color-alpha-white-50:#0c0e1280;--color-alpha-white-60:#0c0e1299;--color-alpha-white-70:#0c0e12b3;--color-alpha-white-80:#0c0e12cc;--color-alpha-white-90:#0c0e12e6;--color-alpha-white-100:#0c0e12;--color-alpha-black-10:#ffffff1a;--color-alpha-black-20:#fff3;--color-alpha-black-30:#ffffff4d;--color-alpha-black-40:#fff6;--color-alpha-black-50:#ffffff80;--color-alpha-black-60:#fff9;--color-alpha-black-70:#ffffffb3;--color-alpha-black-80:#fffc;--color-alpha-black-90:#ffffffe6;--color-alpha-black-100:#fff;--color-gray-25:#fafafa;--color-gray-50:#f7f7f7;--color-gray-100:#f0f0f1;--color-gray-200:#ececed;--color-gray-300:#cecfd2;--color-gray-400:#94979c;--color-gray-500:#85888e;--color-gray-600:#61656c;--color-gray-700:#373a41;--color-gray-800:#22262f;--color-gray-900:#13161b;--color-gray-950:#0c0e12;--color-utility-blue-50:var(--color-blue-950);--color-utility-blue-100:var(--color-blue-900);--color-utility-blue-200:var(--color-blue-800);--color-utility-blue-300:var(--color-blue-700);--color-utility-blue-400:var(--color-blue-600);--color-utility-blue-500:var(--color-blue-500);--color-utility-blue-600:var(--color-blue-400);--color-utility-blue-700:var(--color-blue-300);--color-utility-brand-25:var(--color-brand-950);--color-utility-brand-50:var(--color-brand-950);--color-utility-brand-50_alt:var(--color-utility-gray-50);--color-utility-brand-100:var(--color-brand-900);--color-utility-brand-100_alt:var(--color-utility-gray-100);--color-utility-brand-200:var(--color-brand-800);--color-utility-brand-200_alt:var(--color-utility-gray-200);--color-utility-brand-300:var(--color-brand-700);--color-utility-brand-300_alt:var(--color-utility-gray-300);--color-utility-brand-400:var(--color-brand-600);--color-utility-brand-400_alt:var(--color-utility-gray-400);--color-utility-brand-500:var(--color-brand-500);--color-utility-brand-500_alt:var(--color-utility-gray-500);--color-utility-brand-600:var(--color-brand-400);--color-utility-brand-600_alt:var(--color-utility-gray-600);--color-utility-brand-700:var(--color-brand-300);--color-utility-brand-700_alt:var(--color-utility-gray-700);--color-utility-brand-800:var(--color-brand-200);--color-utility-brand-800_alt:var(--color-utility-gray-800);--color-utility-brand-900:var(--color-brand-100);--color-utility-brand-900_alt:var(--color-utility-gray-900);--color-utility-gray-25:var(--color-gray-900);--color-utility-gray-50:var(--color-gray-900);--color-utility-gray-100:var(--color-gray-800);--color-utility-gray-200:var(--color-gray-700);--color-utility-gray-300:var(--color-gray-700);--color-utility-gray-400:var(--color-gray-600);--color-utility-gray-500:var(--color-gray-500);--color-utility-gray-600:var(--color-gray-400);--color-utility-gray-700:var(--color-gray-300);--color-utility-gray-800:var(--color-gray-200);--color-utility-gray-900:var(--color-gray-100);--color-utility-error-50:var(--color-error-950);--color-utility-error-100:var(--color-error-900);--color-utility-error-200:var(--color-error-800);--color-utility-error-300:var(--color-error-700);--color-utility-error-400:var(--color-error-600);--color-utility-error-500:var(--color-error-500);--color-utility-error-600:var(--color-error-400);--color-utility-error-700:var(--color-error-300);--color-utility-warning-50:var(--color-warning-950);--color-utility-warning-100:var(--color-warning-900);--color-utility-warning-200:var(--color-warning-800);--color-utility-warning-300:var(--color-warning-700);--color-utility-warning-400:var(--color-warning-600);--color-utility-warning-500:var(--color-warning-500);--color-utility-warning-600:var(--color-warning-400);--color-utility-warning-700:var(--color-warning-300);--color-utility-success-50:var(--color-success-950);--color-utility-success-100:var(--color-success-900);--color-utility-success-200:var(--color-success-800);--color-utility-success-300:var(--color-success-700);--color-utility-success-400:var(--color-success-600);--color-utility-success-500:var(--color-success-500);--color-utility-success-600:var(--color-success-400);--color-utility-success-700:var(--color-success-300);--color-utility-orange-50:var(--color-orange-950);--color-utility-orange-100:var(--color-orange-900);--color-utility-orange-200:var(--color-orange-800);--color-utility-orange-300:var(--color-orange-700);--color-utility-orange-400:var(--color-orange-600);--color-utility-orange-500:var(--color-orange-500);--color-utility-orange-600:var(--color-orange-400);--color-utility-orange-700:var(--color-orange-300);--color-utility-blue-dark-50:var(--color-blue-dark-950);--color-utility-blue-dark-100:var(--color-blue-dark-900);--color-utility-blue-dark-200:var(--color-blue-dark-800);--color-utility-blue-dark-300:var(--color-blue-dark-700);--color-utility-blue-dark-400:var(--color-blue-dark-600);--color-utility-blue-dark-500:var(--color-blue-dark-500);--color-utility-blue-dark-600:var(--color-blue-dark-400);--color-utility-blue-dark-700:var(--color-blue-dark-300);--color-utility-indigo-50:var(--color-indigo-950);--color-utility-indigo-100:var(--color-indigo-900);--color-utility-indigo-200:var(--color-indigo-800);--color-utility-indigo-300:var(--color-indigo-700);--color-utility-indigo-400:var(--color-indigo-600);--color-utility-indigo-500:var(--color-indigo-500);--color-utility-indigo-600:var(--color-indigo-400);--color-utility-indigo-700:var(--color-indigo-300);--color-utility-fuchsia-50:var(--color-fuchsia-950);--color-utility-fuchsia-100:var(--color-fuchsia-900);--color-utility-fuchsia-200:var(--color-fuchsia-800);--color-utility-fuchsia-300:var(--color-fuchsia-700);--color-utility-fuchsia-400:var(--color-fuchsia-600);--color-utility-fuchsia-500:var(--color-fuchsia-500);--color-utility-fuchsia-600:var(--color-fuchsia-400);--color-utility-fuchsia-700:var(--color-fuchsia-300);--color-utility-pink-50:var(--color-pink-950);--color-utility-pink-100:var(--color-pink-900);--color-utility-pink-200:var(--color-pink-800);--color-utility-pink-300:var(--color-pink-700);--color-utility-pink-400:var(--color-pink-600);--color-utility-pink-500:var(--color-pink-500);--color-utility-pink-600:var(--color-pink-400);--color-utility-pink-700:var(--color-pink-300);--color-utility-purple-50:var(--color-purple-950);--color-utility-purple-100:var(--color-purple-900);--color-utility-purple-200:var(--color-purple-800);--color-utility-purple-300:var(--color-purple-700);--color-utility-purple-400:var(--color-purple-600);--color-utility-purple-500:var(--color-purple-500);--color-utility-purple-600:var(--color-purple-400);--color-utility-purple-700:var(--color-purple-300);--color-utility-orange-dark-50:var(--color-orange-dark-950);--color-utility-orange-dark-100:var(--color-orange-dark-900);--color-utility-orange-dark-200:var(--color-orange-dark-800);--color-utility-orange-dark-300:var(--color-orange-dark-700);--color-utility-orange-dark-400:var(--color-orange-dark-600);--color-utility-orange-dark-500:var(--color-orange-dark-500);--color-utility-orange-dark-600:var(--color-orange-dark-400);--color-utility-orange-dark-700:var(--color-orange-dark-300);--color-utility-blue-light-50:var(--color-blue-light-950);--color-utility-blue-light-100:var(--color-blue-light-900);--color-utility-blue-light-200:var(--color-blue-light-800);--color-utility-blue-light-300:var(--color-blue-light-700);--color-utility-blue-light-400:var(--color-blue-light-600);--color-utility-blue-light-500:var(--color-blue-light-500);--color-utility-blue-light-600:var(--color-blue-light-400);--color-utility-blue-light-700:var(--color-blue-light-300);--color-utility-gray-blue-50:var(--color-gray-blue-950);--color-utility-gray-blue-100:var(--color-gray-blue-900);--color-utility-gray-blue-200:var(--color-gray-blue-800);--color-utility-gray-blue-300:var(--color-gray-blue-700);--color-utility-gray-blue-400:var(--color-gray-blue-600);--color-utility-gray-blue-500:var(--color-gray-blue-500);--color-utility-gray-blue-600:var(--color-gray-blue-400);--color-utility-gray-blue-700:var(--color-gray-blue-300);--color-utility-green-50:var(--color-green-950);--color-utility-green-100:var(--color-green-900);--color-utility-green-200:var(--color-green-800);--color-utility-green-300:var(--color-green-700);--color-utility-green-400:var(--color-green-600);--color-utility-green-500:var(--color-green-500);--color-utility-green-600:var(--color-green-400);--color-utility-green-700:var(--color-green-300);--color-utility-yellow-50:var(--color-yellow-950);--color-utility-yellow-100:var(--color-yellow-900);--color-utility-yellow-200:var(--color-yellow-800);--color-utility-yellow-300:var(--color-yellow-700);--color-utility-yellow-400:var(--color-yellow-600);--color-utility-yellow-500:var(--color-yellow-500);--color-utility-yellow-600:var(--color-yellow-400);--color-utility-yellow-700:var(--color-yellow-300);--color-text-primary:var(--color-white);--color-text-tertiary:var(--color-gray-dark-alpha-400);--color-text-error-primary:var(--color-error-400);--color-text-warning-primary:var(--color-warning-400);--color-text-success-primary:var(--color-success-400);--color-text-white:var(--color-white);--color-text-secondary:var(--color-gray-dark-alpha-300);--color-text-disabled:var(--color-gray-dark-alpha-700);--color-text-secondary_hover:var(--color-gray-dark-alpha-200);--color-text-tertiary_hover:var(--color-gray-dark-alpha-300);--color-text-brand-secondary:var(--color-brand-200);--color-text-placeholder:var(--color-gray-dark-alpha-400);--color-text-placeholder_subtle:var(--color-gray-dark-alpha-600);--color-text-brand-tertiary:var(--color-brand-300);--color-text-quaternary:var(--color-gray-dark-alpha-500);--color-text-brand-primary:var(--color-brand-100);--color-text-primary_on-brand:var(--color-white);--color-text-secondary_on-brand:var(--color-gray-300);--color-text-tertiary_on-brand:var(--color-gray-400);--color-text-quaternary_on-brand:var(--color-gray-400);--color-text-brand-tertiary_alt:var(--color-gray-50);--color-text-brand-secondary_hover:var(--color-gray-200);--color-text-error-primary_hover:var(--color-error-300);--color-border-secondary:var(--color-gray-dark-alpha-600);--color-border-error_subtle:var(--color-error-500);--color-border-primary:var(--color-gray-dark-alpha-400);--color-border-brand:var(--color-brand-400);--color-border-brand-disabled:var(--color-brand-900);--color-border-disabled:var(--color-gray-dark-alpha-700);--color-border-error:var(--color-error-400);--color-border-disabled_subtle:var(--color-gray-dark-alpha-600);--color-border-tertiary:var(--color-gray-dark-alpha-700);--color-border-brand_alt:var(--color-gray-700);--color-border-secondary_alt:var(--color-gray-800);--color-fg-secondary:var(--color-gray-dark-alpha-300);--color-fg-warning-primary:var(--color-warning-500);--color-fg-success-primary:var(--color-success-500);--color-fg-white:var(--color-white);--color-fg-success-secondary:var(--color-success-400);--color-fg-secondary_hover:var(--color-gray-dark-alpha-200);--color-fg-primary:var(--color-white);--color-fg-disabled:var(--color-gray-dark-alpha-500);--color-fg-brand-secondary:var(--color-brand-500);--color-fg-brand-primary:var(--color-brand-500);--color-fg-quaternary:var(--color-gray-dark-alpha-600);--color-fg-quaternary_hover:var(--color-gray-dark-alpha-500);--color-fg-error-primary:var(--color-error-500);--color-fg-disabled_subtle:var(--color-gray-dark-alpha-600);--color-fg-warning-secondary:var(--color-warning-400);--color-fg-error-secondary:var(--color-error-400);--color-fg-tertiary:var(--color-alpha-black-70);--color-fg-tertiary_hover:var(--color-gray-dark-alpha-300);--color-fg-brand-primary_alt:var(--color-gray-300);--color-fg-brand-secondary_alt:var(--color-gray-600);--color-fg-brand-secondary_hover:var(--color-gray-500);--color-bg-primary:var(--color-gray-950);--color-bg-tertiary:var(--color-gray-dark-alpha-800);--color-bg-brand-primary:var(--color-brand-500);--color-bg-error-secondary:var(--color-error-600);--color-bg-warning-primary:var(--color-warning-950);--color-bg-warning-secondary:var(--color-warning-600);--color-bg-success-primary:var(--color-success-950);--color-bg-success-secondary:var(--color-success-600);--color-bg-brand-solid:var(--color-brand-600);--color-bg-secondary-solid:var(--color-gray-dark-alpha-600);--color-bg-error-solid:var(--color-error-600);--color-bg-error-solid_hover:var(--color-error-500);--color-bg-warning-solid:var(--color-warning-600);--color-bg-success-solid:var(--color-success-600);--color-bg-secondary_hover:var(--color-gray-dark-alpha-700);--color-bg-primary_hover:var(--color-gray-dark-alpha-800);--color-bg-disabled:var(--color-gray-dark-alpha-800);--color-bg-brand-disabled:var(--color-brand-900);--color-bg-active:var(--color-alpha-black-30);--color-bg-brand-solid_hover:var(--color-brand-500);--color-bg-error-primary:var(--color-error-950);--color-bg-brand-secondary:var(--color-brand-600);--color-bg-secondary:var(--color-gray-dark-alpha-900);--color-bg-disabled_subtle:var(--color-gray-dark-alpha-900);--color-bg-quaternary:var(--color-gray-dark-alpha-700);--color-bg-primary_alt:var(--color-bg-secondary);--color-bg-brand-primary_alt:var(--color-bg-secondary);--color-bg-secondary_alt:var(--color-bg-primary);--color-bg-overlay:var(--color-gray-800);--color-bg-secondary_subtle:var(--color-gray-dark-alpha-900);--color-bg-brand-section:var(--color-bg-secondary);--color-bg-brand-section_subtle:var(--color-bg-primary);--color-bg-primary-solid:var(--color-gray-25);--color-shadow-3:var(--color-transparent);--color-shadow-4:var(--color-transparent);--color-shadow-5:var(--color-transparent);--color-shadow-6:var(--color-transparent);--color-shadow-8:var(--color-transparent);--color-shadow-10:var(--color-transparent);--color-shadow-12:var(--color-transparent);--color-shadow-14:var(--color-transparent);--color-shadow-16:var(--color-transparent);--color-shadow-18:var(--color-transparent);--color-shadow-skeumorphic-inner:#0c0e120d;--color-shadow-skeumorphic-inner-border:#0c0e122e;--color-mockup-shadow-main-centre-md:var(--color-transparent);--color-mockup-shadow-main-centre-lg:var(--color-transparent);--color-mockup-shadow-overlay-lg:var(--color-transparent);--color-mockup-shadow-grid-md:var(--color-transparent);--color-app-store-badge-border:var(--color-white);--color-avatar-bg:var(--color-gray-800);--color-avatar-contrast-border:#ffffff1f;--color-avatar-profile-photo-border:var(--color-gray-950);--color-avatar-styles-bg-neutral:#e0e0e0;--color-button-destructive-primary-icon:var(--color-error-300);--color-button-destructive-primary-icon_hover:var(--color-error-200);--color-button-primary-icon:var(--color-brand-300);--color-button-primary-icon_hover:var(--color-brand-200);--color-featured-icon-light-fg-brand:var(--color-brand-200);--color-featured-icon-light-fg-error:var(--color-error-200);--color-featured-icon-light-fg-gray:var(--color-gray-200);--color-featured-icon-light-fg-success:var(--color-success-200);--color-featured-icon-light-fg-warning:var(--color-warning-200);--color-focus-ring-error:var(--color-error-500);--color-focus-ring:var(--color-brand-500);--color-footer-button-fg:var(--color-gray-300);--color-footer-button-fg_hover:var(--color-gray-100);--color-icon-fg-brand:var(--color-gray-400);--color-icon-fg-brand_on-brand:var(--color-gray-400);--color-nav-item-button-icon-fg:var(--color-gray-400);--color-nav-item-button-icon-fg_active:var(--color-gray-300);--color-nav-item-icon-fg:var(--color-gray-400);--color-nav-item-icon-fg_active:var(--color-gray-300);--color-screen-mockup-border:var(--color-gray-700);--color-slider-handle-bg:var(--color-fg-brand-primary);--color-slider-handle-border:var(--color-bg-primary);--color-toggle-border:var(--color-transparent);--color-toggle-button-fg_disabled:var(--color-gray-600);--color-toggle-slim-border_pressed-hover:var(--color-transparent);--color-toggle-slim-border_pressed:var(--color-transparent);--color-tooltip-supporting-text:var(--color-gray-300);--color-text-editor-icon-fg:var(--color-gray-400);--color-text-editor-icon-fg_active:var(--color-white);--background-color-quaternary:var(--color-bg-quaternary);--background-color-disabled:var(--color-bg-disabled);--background-color-primary:var(--color-bg-primary);--background-color-primary-solid:var(--color-bg-primary-solid);--background-color-primary_alt:var(--color-bg-primary_alt);--background-color-primary_hover:var(--color-bg-primary_hover);--background-color-secondary:var(--color-bg-secondary);--background-color-secondary-solid:var(--color-bg-secondary-solid);--background-color-secondary_alt:var(--color-bg-secondary_alt);--background-color-secondary_hover:var(--color-bg-secondary_hover);--background-color-secondary_subtle:var(--color-bg-secondary_subtle);--background-color-tertiary:var(--color-bg-tertiary);--background-color-active:var(--color-bg-active);--background-color-disabled_subtle:var(--color-bg-disabled_subtle);--background-color-overlay:var(--color-bg-overlay);--background-color-brand-primary:var(--color-bg-brand-primary);--background-color-brand-primary_alt:var(--color-bg-brand-primary_alt);--background-color-brand-secondary:var(--color-bg-brand-secondary);--background-color-brand-solid:var(--color-bg-brand-solid);--background-color-brand-solid_hover:var(--color-bg-brand-solid_hover);--background-color-brand-section:var(--color-bg-brand-section);--background-color-brand-section_subtle:var(--color-bg-brand-section_subtle);--background-color-error-primary:var(--color-bg-error-primary);--background-color-error-secondary:var(--color-bg-error-secondary);--background-color-error-solid:var(--color-bg-error-solid);--background-color-warning-primary:var(--color-bg-warning-primary);--background-color-warning-secondary:var(--color-bg-warning-secondary);--background-color-warning-solid:var(--color-bg-warning-solid);--background-color-success-primary:var(--color-bg-success-primary);--background-color-success-secondary:var(--color-bg-success-secondary);--background-color-success-solid:var(--color-bg-success-solid);--background-color-border-brand:var(--color-border-brand);--background-color-border-tertiary:var(--color-border-tertiary);--background-color-border-brand_alt:var(--color-border-brand_alt);--background-color-fg-white:var(--color-fg-white);--background-color-toggle-button-fg_disabled:var(--color-toggle-button-fg_disabled);--text-color-primary:var(--color-text-primary);--text-color-primary_on-brand:var(--color-text-primary_on-brand);--text-color-secondary:var(--color-text-secondary);--text-color-secondary_hover:var(--color-text-secondary_hover);--text-color-secondary_on-brand:var(--color-text-secondary_on-brand);--text-color-tertiary:var(--color-text-tertiary);--text-color-tertiary_hover:var(--color-text-tertiary_hover);--text-color-tertiary_on-brand:var(--color-text-tertiary_on-brand);--text-color-quaternary:var(--color-text-quaternary);--text-color-quaternary_on-brand:var(--color-text-quaternary_on-brand);--text-color-disabled:var(--color-text-disabled);--text-color-placeholder:var(--color-text-placeholder);--text-color-placeholder_subtle:var(--color-text-placeholder_subtle);--text-color-brand-primary:var(--color-text-brand-primary);--text-color-brand-secondary:var(--color-text-brand-secondary);--text-color-brand-secondary_hover:var(--color-text-brand-secondary_hover);--text-color-brand-tertiary:var(--color-text-brand-tertiary);--text-color-brand-tertiary_alt:var(--color-text-brand-tertiary_alt);--text-color-error-primary:var(--color-text-error-primary);--text-color-error-primary_hover:var(--color-text-error-primary_hover);--text-color-warning-primary:var(--color-text-warning-primary);--text-color-success-primary:var(--color-text-success-primary);--text-color-tooltip-supporting-text:var(--color-tooltip-supporting-text);--border-color-primary:var(--color-border-primary);--border-color-secondary:var(--color-border-secondary);--border-color-secondary_alt:var(--color-border-secondary_alt);--border-color-tertiary:var(--color-border-tertiary);--border-color-disabled:var(--color-border-disabled);--border-color-brand:var(--color-border-brand);--border-color-brand-solid:var(--color-bg-brand-solid);--border-color-brand-solid_hover:var(--color-bg-brand-solid_hover);--border-color-error:var(--color-border-error);--border-color-disabled_subtle:var(--color-border-disabled_subtle);--border-color-brand_alt:var(--color-border-brand_alt);--border-color-error_subtle:var(--color-border-error_subtle);--border-color-toggle-slim-border_pressed:var(--color-toggle-slim-border_pressed);--border-color-toggle-slim-border_pressed-hover:var(--color-toggle-slim-border_pressed-hover);--ring-color-bg-brand-solid:var(--color-bg-brand-solid);--ring-color-primary:var(--color-border-primary);--ring-color-secondary:var(--color-border-secondary);--ring-color-secondary_alt:var(--color-border-secondary_alt);--ring-color-tertiary:var(--color-border-tertiary);--ring-color-disabled:var(--color-border-disabled);--ring-color-brand:var(--color-border-brand);--ring-color-brand-solid:var(--color-bg-brand-solid);--ring-color-brand-solid_hover:var(--color-bg-brand-solid_hover);--ring-color-error:var(--color-border-error);--ring-color-disabled_subtle:var(--color-border-disabled_subtle);--ring-color-brand_alt:var(--color-border-brand_alt);--ring-color-error_subtle:var(--color-border-error_subtle);--outline-color-primary:var(--color-border-primary);--outline-color-secondary:var(--color-border-secondary);--outline-color-secondary_alt:var(--color-border-secondary_alt);--outline-color-tertiary:var(--color-border-tertiary);--outline-color-disabled:var(--color-border-disabled);--outline-color-brand:var(--color-border-brand);--outline-color-brand-solid:var(--color-bg-brand-solid);--outline-color-brand-solid_hover:var(--color-bg-brand-solid_hover);--outline-color-error:var(--color-border-error);--outline-color-disabled_subtle:var(--color-border-disabled_subtle);--outline-color-brand_alt:var(--color-border-brand_alt);--outline-color-error_subtle:var(--color-border-error_subtle);--outline-color-focus-ring:var(--color-focus-ring)}[data-focus-visible]{outline:2px solid var(--color-focus-ring);outline-offset:2px}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[-6px\]{top:-6px}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-\[-17px\]{left:-17px}.z-10{z-index:10}.z-30{z-index:30}.z-\[2000\]{z-index:2000}.order-1{order:1}.container{width:100%}@media(min-width:320px){.container{max-width:320px}}@media(min-width:600px){.container{max-width:600px}}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-6{margin-left:calc(var(--spacing)*6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-18{height:calc(var(--spacing)*18)}.h-full{height:100%}.h-max{height:max-content}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-\[600px\]{width:600px}.w-\[700px\]{width:700px}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.min-w-\[20px\]{min-width:20px}.min-w-\[32px\]{min-width:32px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-normal{justify-content:normal}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--color-border-brand\)\]{border-color:var(--color-border-brand)}.border-\[var\(--color-border-primary\)\]{border-color:var(--color-border-primary)}.border-\[var\(--color-border-secondary\)\],.border-border-secondary{border-color:var(--color-border-secondary)}.border-disabled_subtle{border-color:var(--border-color-disabled_subtle)}.border-error-200{border-color:var(--color-error-200)}.border-error-300{border-color:var(--color-error-300)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-success-200{border-color:var(--color-success-200)}.border-success-500{border-color:var(--color-success-500)}.border-toggle-slim-border_pressed{border-color:var(--border-color-toggle-slim-border_pressed)}.border-toggle-slim-border_pressed-hover{border-color:var(--border-color-toggle-slim-border_pressed-hover)}.border-transparent{border-color:#0000}.border-warning-200{border-color:var(--color-warning-200)}.bg-\[var\(--color-bg-brand-primary\)\]{background-color:var(--color-bg-brand-primary)}.bg-\[var\(--color-bg-primary\)\]{background-color:var(--color-bg-primary)}.bg-\[var\(--color-bg-secondary\)\]{background-color:var(--color-bg-secondary)}.bg-\[var\(--color-bg-tertiary\)\]{background-color:var(--color-bg-tertiary)}.bg-\[var\(--color-gray-200\)\]{background-color:var(--color-gray-200)}.bg-blue-25{background-color:var(--color-blue-25)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-300{background-color:var(--color-blue-300)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-blue-800{background-color:var(--color-blue-800)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-brand-25{background-color:var(--color-brand-25)}.bg-brand-50{background-color:var(--color-brand-50)}.bg-brand-100{background-color:var(--color-brand-100)}.bg-brand-200{background-color:var(--color-brand-200)}.bg-brand-300{background-color:var(--color-brand-300)}.bg-brand-400{background-color:var(--color-brand-400)}.bg-brand-500{background-color:var(--color-brand-500)}.bg-brand-600{background-color:var(--color-brand-600)}.bg-brand-700{background-color:var(--color-brand-700)}.bg-brand-800{background-color:var(--color-brand-800)}.bg-brand-900{background-color:var(--color-brand-900)}.bg-brand-solid{background-color:var(--background-color-brand-solid)}.bg-brand-solid_hover{background-color:var(--background-color-brand-solid_hover)}.bg-cyan-25{background-color:var(--color-cyan-25)}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-cyan-200{background-color:var(--color-cyan-200)}.bg-cyan-300{background-color:var(--color-cyan-300)}.bg-cyan-400{background-color:var(--color-cyan-400)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-cyan-700{background-color:var(--color-cyan-700)}.bg-cyan-800{background-color:var(--color-cyan-800)}.bg-cyan-900{background-color:var(--color-cyan-900)}.bg-disabled{background-color:var(--background-color-disabled)}.bg-error-25{background-color:var(--color-error-25)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-100{background-color:var(--color-error-100)}.bg-error-200{background-color:var(--color-error-200)}.bg-error-300{background-color:var(--color-error-300)}.bg-error-400{background-color:var(--color-error-400)}.bg-error-500{background-color:var(--color-error-500)}.bg-error-600{background-color:var(--color-error-600)}.bg-error-700{background-color:var(--color-error-700)}.bg-error-800{background-color:var(--color-error-800)}.bg-error-900{background-color:var(--color-error-900)}.bg-error-solid{background-color:var(--background-color-error-solid)}.bg-fg-white{background-color:var(--background-color-fg-white)}.bg-fuchsia-25{background-color:var(--color-fuchsia-25)}.bg-fuchsia-50{background-color:var(--color-fuchsia-50)}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-fuchsia-200{background-color:var(--color-fuchsia-200)}.bg-fuchsia-300{background-color:var(--color-fuchsia-300)}.bg-fuchsia-400{background-color:var(--color-fuchsia-400)}.bg-fuchsia-500{background-color:var(--color-fuchsia-500)}.bg-fuchsia-600{background-color:var(--color-fuchsia-600)}.bg-fuchsia-700{background-color:var(--color-fuchsia-700)}.bg-fuchsia-800{background-color:var(--color-fuchsia-800)}.bg-fuchsia-900{background-color:var(--color-fuchsia-900)}.bg-gray-25{background-color:var(--color-gray-25)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-25{background-color:var(--color-green-25)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-800{background-color:var(--color-green-800)}.bg-green-900{background-color:var(--color-green-900)}.bg-indigo-25{background-color:var(--color-indigo-25)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-indigo-300{background-color:var(--color-indigo-300)}.bg-indigo-400{background-color:var(--color-indigo-400)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-700{background-color:var(--color-indigo-700)}.bg-indigo-800{background-color:var(--color-indigo-800)}.bg-indigo-900{background-color:var(--color-indigo-900)}.bg-moss-25{background-color:var(--color-moss-25)}.bg-moss-50{background-color:var(--color-moss-50)}.bg-moss-100{background-color:var(--color-moss-100)}.bg-moss-200{background-color:var(--color-moss-200)}.bg-moss-300{background-color:var(--color-moss-300)}.bg-moss-400{background-color:var(--color-moss-400)}.bg-moss-500{background-color:var(--color-moss-500)}.bg-moss-600{background-color:var(--color-moss-600)}.bg-moss-700{background-color:var(--color-moss-700)}.bg-moss-800{background-color:var(--color-moss-800)}.bg-moss-900{background-color:var(--color-moss-900)}.bg-orange-25{background-color:var(--color-orange-25)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-orange-300{background-color:var(--color-orange-300)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-600{background-color:var(--color-orange-600)}.bg-orange-700{background-color:var(--color-orange-700)}.bg-orange-800{background-color:var(--color-orange-800)}.bg-orange-900{background-color:var(--color-orange-900)}.bg-pink-25{background-color:var(--color-pink-25)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-200{background-color:var(--color-pink-200)}.bg-pink-300{background-color:var(--color-pink-300)}.bg-pink-400{background-color:var(--color-pink-400)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-pink-600{background-color:var(--color-pink-600)}.bg-pink-700{background-color:var(--color-pink-700)}.bg-pink-800{background-color:var(--color-pink-800)}.bg-pink-900{background-color:var(--color-pink-900)}.bg-primary{background-color:var(--background-color-primary)}.bg-purple-25{background-color:var(--color-purple-25)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-purple-300{background-color:var(--color-purple-300)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-purple-800{background-color:var(--color-purple-800)}.bg-purple-900{background-color:var(--color-purple-900)}.bg-rose-25{background-color:var(--color-rose-25)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-200{background-color:var(--color-rose-200)}.bg-rose-300{background-color:var(--color-rose-300)}.bg-rose-400{background-color:var(--color-rose-400)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-rose-700{background-color:var(--color-rose-700)}.bg-rose-800{background-color:var(--color-rose-800)}.bg-rose-900{background-color:var(--color-rose-900)}.bg-secondary_hover{background-color:var(--background-color-secondary_hover)}.bg-secondary_subtle{background-color:var(--background-color-secondary_subtle)}.bg-success-25{background-color:var(--color-success-25)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-200{background-color:var(--color-success-200)}.bg-success-300{background-color:var(--color-success-300)}.bg-success-400{background-color:var(--color-success-400)}.bg-success-500{background-color:var(--color-success-500)}.bg-success-600{background-color:var(--color-success-600)}.bg-success-700{background-color:var(--color-success-700)}.bg-success-800{background-color:var(--color-success-800)}.bg-success-900{background-color:var(--color-success-900)}.bg-teal-25{background-color:var(--color-teal-25)}.bg-teal-50{background-color:var(--color-teal-50)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-200{background-color:var(--color-teal-200)}.bg-teal-300{background-color:var(--color-teal-300)}.bg-teal-400{background-color:var(--color-teal-400)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-teal-600{background-color:var(--color-teal-600)}.bg-teal-700{background-color:var(--color-teal-700)}.bg-teal-800{background-color:var(--color-teal-800)}.bg-teal-900{background-color:var(--color-teal-900)}.bg-tertiary{background-color:var(--background-color-tertiary)}.bg-toggle-button-fg_disabled{background-color:var(--background-color-toggle-button-fg_disabled)}.bg-utility-gray-50{background-color:var(--color-utility-gray-50)}.bg-violet-25{background-color:var(--color-violet-25)}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-200{background-color:var(--color-violet-200)}.bg-violet-300{background-color:var(--color-violet-300)}.bg-violet-400{background-color:var(--color-violet-400)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-violet-600{background-color:var(--color-violet-600)}.bg-violet-700{background-color:var(--color-violet-700)}.bg-violet-800{background-color:var(--color-violet-800)}.bg-violet-900{background-color:var(--color-violet-900)}.bg-warning-25{background-color:var(--color-warning-25)}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-200{background-color:var(--color-warning-200)}.bg-warning-300{background-color:var(--color-warning-300)}.bg-warning-400{background-color:var(--color-warning-400)}.bg-warning-500{background-color:var(--color-warning-500)}.bg-warning-600{background-color:var(--color-warning-600)}.bg-warning-700{background-color:var(--color-warning-700)}.bg-warning-800{background-color:var(--color-warning-800)}.bg-warning-900{background-color:var(--color-warning-900)}.bg-white{background-color:var(--color-white)}.bg-yellow-25{background-color:var(--color-yellow-25)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-300{background-color:var(--color-yellow-300)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-yellow-700{background-color:var(--color-yellow-700)}.bg-yellow-800{background-color:var(--color-yellow-800)}.bg-yellow-900{background-color:var(--color-yellow-900)}.stroke-current{stroke:currentColor}.stroke-\[3px\]{stroke-width:3px}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-0\!{padding:calc(var(--spacing)*0)!important}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-4\.5{padding-inline:calc(var(--spacing)*4.5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-8{padding-top:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-md{font-size:var(--text-md);line-height:var(--tw-leading,var(--text-md--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.\!text-white{color:var(--color-white)!important}.text-\[var\(--color-fg-brand-primary\)\]{color:var(--color-fg-brand-primary)}.text-\[var\(--color-gray-300\)\]{color:var(--color-gray-300)}.text-\[var\(--color-gray-400\)\]{color:var(--color-gray-400)}.text-\[var\(--color-gray-600\)\]{color:var(--color-gray-600)}.text-\[var\(--color-text-placeholder_subtle\)\]{color:var(--color-text-placeholder_subtle)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-quaternary\)\]{color:var(--color-text-quaternary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--color-text-tertiary\)\]{color:var(--color-text-tertiary)}.text-brand-600{color:var(--color-brand-600)}.text-brand-700{color:var(--color-brand-700)}.text-brand-800{color:var(--color-brand-800)}.text-brand-secondary{color:var(--text-color-brand-secondary)}.text-error-600{color:var(--color-error-600)}.text-error-800{color:var(--color-error-800)}.text-error-primary{color:var(--text-color-error-primary)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-primary{color:var(--text-color-primary)}.text-purple-700{color:var(--color-purple-700)}.text-secondary{color:var(--text-color-secondary)}.text-success-600{color:var(--color-success-600)}.text-success-700{color:var(--color-success-700)}.text-success-800{color:var(--color-success-800)}.text-teal-700{color:var(--color-teal-700)}.text-tertiary{color:var(--text-color-tertiary)}.text-warning-600{color:var(--color-warning-600)}.text-warning-800{color:var(--color-warning-800)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-30{opacity:.3}.shadow-sm{--tw-shadow:0px 1px 3px var(--tw-shadow-color,#0a0d121a),0px 1px 2px -1px var(--tw-shadow-color,#0a0d121a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-error_subtle{--tw-ring-color:var(--ring-color-error_subtle)}.ring-secondary{--tw-ring-color:var(--ring-color-secondary)}.ring-transparent{--tw-ring-color:transparent}.ring-white{--tw-ring-color:var(--color-white)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-error{outline-color:var(--outline-color-error)}.outline-focus-ring{outline-color:var(--outline-color-focus-ring)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}.group-hover\:text-gray-600:is(:where(.group):where([data-rac])[data-hovered] *){color:var(--color-gray-600)}@media(hover:hover){.group-hover\:text-gray-600:is(:where(.group):where(:not([data-rac])):hover *){color:var(--color-gray-600)}}.group-hover\:text-gray-900:is(:where(.group):where([data-rac])[data-hovered] *){color:var(--color-gray-900)}@media(hover:hover){.group-hover\:text-gray-900:is(:where(.group):where(:not([data-rac])):hover *){color:var(--color-gray-900)}}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.before\:right-0:before{content:var(--tw-content);right:calc(var(--spacing)*0)}.before\:left-0:before{content:var(--tw-content);left:calc(var(--spacing)*0)}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:rounded-\[7px\]:before{content:var(--tw-content);border-radius:7px}.before\:shadow-\[-4px_0_8px_2px_rgba\(0\,0\,0\,0\.15\)\]:before{content:var(--tw-content);--tw-shadow:-4px 0 8px 2px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.before\:shadow-\[4px_0_8px_2px_rgba\(0\,0\,0\,0\.15\)\]:before{content:var(--tw-content);--tw-shadow:4px 0 8px 2px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.hover\:border-gray-300:where([data-rac])[data-hovered]{border-color:var(--color-gray-300)}@media(hover:hover){.hover\:border-gray-300:where(:not([data-rac])):hover{border-color:var(--color-gray-300)}}.hover\:bg-\[var\(--color-bg-brand-secondary\)\]:where([data-rac])[data-hovered]{background-color:var(--color-bg-brand-secondary)}@media(hover:hover){.hover\:bg-\[var\(--color-bg-brand-secondary\)\]:where(:not([data-rac])):hover{background-color:var(--color-bg-brand-secondary)}}.hover\:bg-\[var\(--color-bg-primary_hover\)\]:where([data-rac])[data-hovered]{background-color:var(--color-bg-primary_hover)}@media(hover:hover){.hover\:bg-\[var\(--color-bg-primary_hover\)\]:where(:not([data-rac])):hover{background-color:var(--color-bg-primary_hover)}}.hover\:bg-\[var\(--color-bg-quaternary\)\]:where([data-rac])[data-hovered]{background-color:var(--color-bg-quaternary)}@media(hover:hover){.hover\:bg-\[var\(--color-bg-quaternary\)\]:where(:not([data-rac])):hover{background-color:var(--color-bg-quaternary)}}.hover\:bg-\[var\(--color-bg-secondary_hover\)\]:where([data-rac])[data-hovered]{background-color:var(--color-bg-secondary_hover)}@media(hover:hover){.hover\:bg-\[var\(--color-bg-secondary_hover\)\]:where(:not([data-rac])):hover{background-color:var(--color-bg-secondary_hover)}}.hover\:bg-brand-700:where([data-rac])[data-hovered]{background-color:var(--color-brand-700)}@media(hover:hover){.hover\:bg-brand-700:where(:not([data-rac])):hover{background-color:var(--color-brand-700)}}.hover\:bg-brand-solid_hover:where([data-rac])[data-hovered]{background-color:var(--background-color-brand-solid_hover)}@media(hover:hover){.hover\:bg-brand-solid_hover:where(:not([data-rac])):hover{background-color:var(--background-color-brand-solid_hover)}}.hover\:bg-error-700:where([data-rac])[data-hovered]{background-color:var(--color-error-700)}@media(hover:hover){.hover\:bg-error-700:where(:not([data-rac])):hover{background-color:var(--color-error-700)}}.hover\:bg-error-primary:where([data-rac])[data-hovered]{background-color:var(--background-color-error-primary)}@media(hover:hover){.hover\:bg-error-primary:where(:not([data-rac])):hover{background-color:var(--background-color-error-primary)}}.hover\:bg-gray-50:where([data-rac])[data-hovered]{background-color:var(--color-gray-50)}@media(hover:hover){.hover\:bg-gray-50:where(:not([data-rac])):hover{background-color:var(--color-gray-50)}}.hover\:bg-gray-100:where([data-rac])[data-hovered]{background-color:var(--color-gray-100)}@media(hover:hover){.hover\:bg-gray-100:where(:not([data-rac])):hover{background-color:var(--color-gray-100)}}.hover\:bg-indigo-700:where([data-rac])[data-hovered]{background-color:var(--color-indigo-700)}@media(hover:hover){.hover\:bg-indigo-700:where(:not([data-rac])):hover{background-color:var(--color-indigo-700)}}.hover\:bg-inherit:where([data-rac])[data-hovered]{background-color:inherit}@media(hover:hover){.hover\:bg-inherit:where(:not([data-rac])):hover{background-color:inherit}}.hover\:bg-pink-700:where([data-rac])[data-hovered]{background-color:var(--color-pink-700)}@media(hover:hover){.hover\:bg-pink-700:where(:not([data-rac])):hover{background-color:var(--color-pink-700)}}.hover\:bg-primary_hover:where([data-rac])[data-hovered]{background-color:var(--background-color-primary_hover)}@media(hover:hover){.hover\:bg-primary_hover:where(:not([data-rac])):hover{background-color:var(--background-color-primary_hover)}}.hover\:bg-purple-700:where([data-rac])[data-hovered]{background-color:var(--color-purple-700)}@media(hover:hover){.hover\:bg-purple-700:where(:not([data-rac])):hover{background-color:var(--color-purple-700)}}.hover\:bg-secondary_hover:where([data-rac])[data-hovered]{background-color:var(--background-color-secondary_hover)}@media(hover:hover){.hover\:bg-secondary_hover:where(:not([data-rac])):hover{background-color:var(--background-color-secondary_hover)}}.hover\:bg-success-700:where([data-rac])[data-hovered]{background-color:var(--color-success-700)}@media(hover:hover){.hover\:bg-success-700:where(:not([data-rac])):hover{background-color:var(--color-success-700)}}.hover\:text-brand-secondary_hover:where([data-rac])[data-hovered]{color:var(--text-color-brand-secondary_hover)}@media(hover:hover){.hover\:text-brand-secondary_hover:where(:not([data-rac])):hover{color:var(--text-color-brand-secondary_hover)}}.hover\:text-error-primary_hover:where([data-rac])[data-hovered]{color:var(--text-color-error-primary_hover)}@media(hover:hover){.hover\:text-error-primary_hover:where(:not([data-rac])):hover{color:var(--text-color-error-primary_hover)}}.hover\:text-secondary_hover:where([data-rac])[data-hovered]{color:var(--text-color-secondary_hover)}@media(hover:hover){.hover\:text-secondary_hover:where(:not([data-rac])):hover{color:var(--text-color-secondary_hover)}}.hover\:text-tertiary_hover:where([data-rac])[data-hovered]{color:var(--text-color-tertiary_hover)}@media(hover:hover){.hover\:text-tertiary_hover:where(:not([data-rac])):hover{color:var(--text-color-tertiary_hover)}}.hover\:underline:where([data-rac])[data-hovered]{text-decoration-line:underline}@media(hover:hover){.hover\:underline:where(:not([data-rac])):hover{text-decoration-line:underline}}.focus\:border-brand-600:where([data-rac])[data-focused],.focus\:border-brand-600:where(:not([data-rac])):focus{border-color:var(--color-brand-600)}.focus\:border-error-600:where([data-rac])[data-focused],.focus\:border-error-600:where(:not([data-rac])):focus{border-color:var(--color-error-600)}.focus\:ring-2:where([data-rac])[data-focused],.focus\:ring-2:where(:not([data-rac])):focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--color-focus-ring\)\]:where([data-rac])[data-focused],.focus\:ring-\[var\(--color-focus-ring\)\]:where(:not([data-rac])):focus{--tw-ring-color:var(--color-focus-ring)}.focus\:ring-brand-600:where([data-rac])[data-focused],.focus\:ring-brand-600:where(:not([data-rac])):focus{--tw-ring-color:var(--color-brand-600)}.focus\:ring-error-600:where([data-rac])[data-focused],.focus\:ring-error-600:where(:not([data-rac])):focus{--tw-ring-color:var(--color-error-600)}.focus\:ring-offset-0:where([data-rac])[data-focused],.focus\:ring-offset-0:where(:not([data-rac])):focus{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:where([data-rac])[data-focused],.focus\:outline-none:where(:not([data-rac])):focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-1:where([data-rac])[data-focus-visible],.focus-visible\:z-1:where(:not([data-rac])):focus-visible{z-index:1}.focus-visible\:ring-2:where([data-rac])[data-focus-visible],.focus-visible\:ring-2:where(:not([data-rac])):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-brand-600:where([data-rac])[data-focus-visible],.focus-visible\:ring-brand-600:where(:not([data-rac])):focus-visible{--tw-ring-color:var(--color-brand-600)}.focus-visible\:ring-focus-ring:where([data-rac])[data-focus-visible],.focus-visible\:ring-focus-ring:where(:not([data-rac])):focus-visible{--tw-ring-color:var(--color-focus-ring)}.focus-visible\:ring-offset-2:where([data-rac])[data-focus-visible],.focus-visible\:ring-offset-2:where(:not([data-rac])):focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-bg-primary:where([data-rac])[data-focus-visible],.focus-visible\:ring-offset-bg-primary:where(:not([data-rac])):focus-visible{--tw-ring-offset-color:var(--color-bg-primary)}.focus-visible\:outline-2:where([data-rac])[data-focus-visible],.focus-visible\:outline-2:where(:not([data-rac])):focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:-outline-offset-2:where([data-rac])[data-focus-visible],.focus-visible\:-outline-offset-2:where(:not([data-rac])):focus-visible{outline-offset:-2px}.focus-visible\:outline-none:where([data-rac])[data-focus-visible],.focus-visible\:outline-none:where(:not([data-rac])):focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:where([data-rac])[data-focus-visible],.focus-visible\:ring-inset:where(:not([data-rac])):focus-visible{--tw-ring-inset:inset}.disabled\:cursor-not-allowed:where([data-rac])[data-disabled],.disabled\:cursor-not-allowed:where(:not([data-rac])):disabled{cursor:not-allowed}.disabled\:bg-brand-disabled:where([data-rac])[data-disabled],.disabled\:bg-brand-disabled:where(:not([data-rac])):disabled{background-color:var(--background-color-brand-disabled)}.disabled\:bg-disabled:where([data-rac])[data-disabled],.disabled\:bg-disabled:where(:not([data-rac])):disabled{background-color:var(--background-color-disabled)}.disabled\:bg-primary:where([data-rac])[data-disabled],.disabled\:bg-primary:where(:not([data-rac])):disabled{background-color:var(--background-color-primary)}.disabled\:text-fg-disabled:where([data-rac])[data-disabled],.disabled\:text-fg-disabled:where(:not([data-rac])):disabled{color:var(--color-fg-disabled)}.disabled\:opacity-50:where([data-rac])[data-disabled],.disabled\:opacity-50:where(:not([data-rac])):disabled{opacity:.5}.disabled\:ring-disabled_subtle:where([data-rac])[data-disabled],.disabled\:ring-disabled_subtle:where(:not([data-rac])):disabled{--tw-ring-color:var(--ring-color-disabled_subtle)}:where([data-input-wrapper]) .in-data-input-wrapper\:gap-1\.5{gap:calc(var(--spacing)*1.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:px-2\.5{padding-inline:calc(var(--spacing)*2.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:px-3\.5{padding-inline:calc(var(--spacing)*3.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:px-4{padding-inline:calc(var(--spacing)*4)}:where([data-input-wrapper]) .in-data-input-wrapper\:py-1\.5{padding-block:calc(var(--spacing)*1.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:text-md{font-size:var(--text-md);line-height:var(--tw-leading,var(--text-md--line-height))}:where([data-input-wrapper]) .in-data-input-wrapper\:focus\:\!z-50:where([data-rac])[data-focused],:where([data-input-wrapper]) .in-data-input-wrapper\:focus\:\!z-50:where(:not([data-rac])):focus{z-index:50!important}:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:-mr-px){margin-right:-1px}:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:rounded-r-none){border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}:where([data-leading]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-leading\:before\:rounded-r-none):before{content:var(--tw-content);border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:-ml-px){margin-left:-1px}:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:rounded-l-none){border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}:where([data-trailing]) :is(:where([data-input-wrapper]) .in-data-input-wrapper\:in-data-trailing\:before\:rounded-l-none):before{content:var(--tw-content);border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}:is(.\*\:data-icon\:pointer-events-none>*)[data-icon]{pointer-events:none}:is(.\*\:data-icon\:size-5>*)[data-icon]{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}:is(.\*\:data-icon\:shrink-0>*)[data-icon]{flex-shrink:0}:is(.\*\:data-icon\:text-button-destructive-primary-icon>*)[data-icon]{color:var(--color-button-destructive-primary-icon)}:is(.\*\:data-icon\:text-button-primary-icon>*)[data-icon]{color:var(--color-button-primary-icon)}:is(.\*\:data-icon\:text-fg-brand-secondary_alt>*)[data-icon]{color:var(--color-fg-brand-secondary_alt)}:is(.\*\:data-icon\:text-fg-error-secondary>*)[data-icon]{color:var(--color-fg-error-secondary)}:is(.\*\:data-icon\:text-fg-quaternary>*)[data-icon]{color:var(--color-fg-quaternary)}:is(.hover\:\*\:data-icon\:text-button-destructive-primary-icon_hover:where([data-rac])[data-hovered]>*)[data-icon]{color:var(--color-button-destructive-primary-icon_hover)}@media(hover:hover){:is(.hover\:\*\:data-icon\:text-button-destructive-primary-icon_hover:where(:not([data-rac])):hover>*)[data-icon]{color:var(--color-button-destructive-primary-icon_hover)}}:is(.hover\:\*\:data-icon\:text-button-primary-icon_hover:where([data-rac])[data-hovered]>*)[data-icon]{color:var(--color-button-primary-icon_hover)}@media(hover:hover){:is(.hover\:\*\:data-icon\:text-button-primary-icon_hover:where(:not([data-rac])):hover>*)[data-icon]{color:var(--color-button-primary-icon_hover)}}:is(.hover\:\*\:data-icon\:text-fg-brand-secondary_hover:where([data-rac])[data-hovered]>*)[data-icon]{color:var(--color-fg-brand-secondary_hover)}@media(hover:hover){:is(.hover\:\*\:data-icon\:text-fg-brand-secondary_hover:where(:not([data-rac])):hover>*)[data-icon]{color:var(--color-fg-brand-secondary_hover)}}:is(.hover\:\*\:data-icon\:text-fg-error-primary:where([data-rac])[data-hovered]>*)[data-icon]{color:var(--color-fg-error-primary)}@media(hover:hover){:is(.hover\:\*\:data-icon\:text-fg-error-primary:where(:not([data-rac])):hover>*)[data-icon]{color:var(--color-fg-error-primary)}}:is(.hover\:\*\:data-icon\:text-fg-quaternary_hover:where([data-rac])[data-hovered]>*)[data-icon]{color:var(--color-fg-quaternary_hover)}@media(hover:hover){:is(.hover\:\*\:data-icon\:text-fg-quaternary_hover:where(:not([data-rac])):hover>*)[data-icon]{color:var(--color-fg-quaternary_hover)}}:is(.disabled\:\*\:data-icon\:text-fg-disabled_subtle:where([data-rac])[data-disabled]>*)[data-icon],:is(.disabled\:\*\:data-icon\:text-fg-disabled_subtle:where(:not([data-rac])):disabled>*)[data-icon]{color:var(--color-fg-disabled_subtle)}.data-icon-only\:p-1\.5[data-icon-only]{padding:calc(var(--spacing)*1.5)}.data-icon-only\:p-2[data-icon-only]{padding:calc(var(--spacing)*2)}.data-icon-only\:p-2\.5[data-icon-only]{padding:calc(var(--spacing)*2.5)}.data-icon-only\:p-3[data-icon-only]{padding:calc(var(--spacing)*3)}.data-icon-only\:p-3\.5[data-icon-only]{padding:calc(var(--spacing)*3.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:data-icon-only\:p-2[data-icon-only]{padding:calc(var(--spacing)*2)}:where([data-input-wrapper]) .in-data-input-wrapper\:data-icon-only\:p-2\.5[data-icon-only]{padding:calc(var(--spacing)*2.5)}:where([data-input-wrapper]) .in-data-input-wrapper\:data-icon-only\:p-3[data-icon-only]{padding:calc(var(--spacing)*3)}.data-loading\:bg-brand-solid_hover[data-loading]{background-color:var(--background-color-brand-solid_hover)}.data-loading\:bg-error-primary[data-loading]{background-color:var(--background-color-error-primary)}.data-loading\:bg-primary_hover[data-loading]{background-color:var(--background-color-primary_hover)}:is(.\*\:data-text\:underline>*)[data-text]{text-decoration-line:underline}:is(.\*\:data-text\:decoration-transparent>*)[data-text]{text-decoration-color:#0000}:is(.\*\:data-text\:underline-offset-2>*)[data-text]{text-underline-offset:2px}:is(.hover\:\*\:data-text\:decoration-current:where([data-rac])[data-hovered]>*)[data-text]{text-decoration-color:currentColor}@media(hover:hover){:is(.hover\:\*\:data-text\:decoration-current:where(:not([data-rac])):hover>*)[data-text]{text-decoration-color:currentColor}}.data-\[state\=checked\]\:border-brand-600[data-state=checked]{border-color:var(--color-brand-600)}.data-\[state\=checked\]\:bg-brand-600[data-state=checked]{background-color:var(--color-brand-600)}.data-\[state\=indeterminate\]\:border-brand-600[data-state=indeterminate]{border-color:var(--color-brand-600)}.data-\[state\=indeterminate\]\:bg-brand-600[data-state=indeterminate]{background-color:var(--color-brand-600)}.nth-2\:pl-3:nth-child(2){padding-left:calc(var(--spacing)*3)}@media(min-width:48rem){.md\:flex-row{flex-direction:row}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}}.selected\:bg-secondary[data-selected]{background-color:var(--background-color-secondary)}.\[\&\>\*\:not\(\[data-icon\=loading\]\)\]\:invisible>:not([data-icon=loading]){visibility:hidden}.\[\&\>\*\:not\(\[data-icon\=loading\]\)\:not\(\[data-text\]\)\]\:hidden>:not([data-icon=loading]):not([data-text]){display:none}.\[\&\>td\]\:after\:absolute>td:after{content:var(--tw-content);position:absolute}.\[\&\>td\]\:after\:inset-x-0>td:after{content:var(--tw-content);inset-inline:calc(var(--spacing)*0)}.\[\&\>td\]\:after\:bottom-0>td:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.\[\&\>td\]\:after\:h-px>td:after{content:var(--tw-content);height:1px}.\[\&\>td\]\:after\:w-full>td:after{content:var(--tw-content);width:100%}.\[\&\>td\]\:after\:bg-border-tertiary>td:after{content:var(--tw-content);background-color:var(--background-color-border-tertiary)}.last\:\[\&\>td\]\:after\:hidden:last-child>td:after{content:var(--tw-content);display:none}.\[\&\>td\]\:focus-visible\:after\:opacity-0>td:where([data-rac])[data-focus-visible]:after,.\[\&\>td\]\:focus-visible\:after\:opacity-0>td:where(:not([data-rac])):focus-visible:after,.focus-visible\:\[\&\>td\]\:after\:opacity-0:where([data-rac])[data-focus-visible]>td:after,.focus-visible\:\[\&\>td\]\:after\:opacity-0:where(:not([data-rac])):focus-visible>td:after{content:var(--tw-content);opacity:0}.\[\&\>tr\>th\]\:after\:pointer-events-none>tr>th:after{content:var(--tw-content);pointer-events:none}.\[\&\>tr\>th\]\:after\:absolute>tr>th:after{content:var(--tw-content);position:absolute}.\[\&\>tr\>th\]\:after\:inset-x-0>tr>th:after{content:var(--tw-content);inset-inline:calc(var(--spacing)*0)}.\[\&\>tr\>th\]\:after\:bottom-0>tr>th:after{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.\[\&\>tr\>th\]\:after\:h-px>tr>th:after{content:var(--tw-content);height:1px}.\[\&\>tr\>th\]\:after\:bg-border-tertiary>tr>th:after{content:var(--tw-content);background-color:var(--background-color-border-tertiary)}.\[\&\>tr\>th\]\:focus-visible\:after\:bg-transparent>tr>th:where([data-rac])[data-focus-visible]:after,.\[\&\>tr\>th\]\:focus-visible\:after\:bg-transparent>tr>th:where(:not([data-rac])):focus-visible:after{content:var(--tw-content);background-color:#0000}}:root{--font-body:var(--font-inter,"Inter"),-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-display:var(--font-inter,"Inter"),-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-mono:ui-monospace,"Roboto Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-transparent:#0000;--color-white:#fff;--color-black:#000;--color-alpha-white:#fff;--color-alpha-black:#000;--color-brand-25:#f1f8fe;--color-brand-50:#e2f1fd;--color-brand-100:#cee7fc;--color-brand-200:#add7fa;--color-brand-300:#83c3f8;--color-brand-400:#5aaff6;--color-brand-500:#319bf3;--color-brand-600:#0684f0;--color-brand-700:#0770c9;--color-brand-800:#055aa1;--color-brand-900:#044378;--color-brand-950:#032d50;--color-error-25:#fffbfa;--color-error-50:#fef3f2;--color-error-100:#fee4e2;--color-error-200:#fecdca;--color-error-300:#fda29b;--color-error-400:#f97066;--color-error-500:#f04438;--color-error-600:#d92d20;--color-error-700:#b42318;--color-error-800:#912018;--color-error-900:#7a271a;--color-error-950:#55160c;--color-warning-25:#fffcf5;--color-warning-50:#fffaeb;--color-warning-100:#fef0c7;--color-warning-200:#fedf89;--color-warning-300:#fec84b;--color-warning-400:#fdb022;--color-warning-500:#f79009;--color-warning-600:#dc6803;--color-warning-700:#b54708;--color-warning-800:#93370d;--color-warning-900:#7a2e0e;--color-warning-950:#4e1d09;--color-success-25:#f6fef9;--color-success-50:#ecfdf3;--color-success-100:#dcfae6;--color-success-200:#abefc6;--color-success-300:#75e0a7;--color-success-400:#47cd89;--color-success-500:#17b26a;--color-success-600:#079455;--color-success-700:#067647;--color-success-800:#085d3a;--color-success-900:#074d31;--color-success-950:#053321;--color-gray-25:#f7f8fa;--color-gray-50:#f3f4f7;--color-gray-100:#eaebf1;--color-gray-200:#c6ccd7;--color-gray-300:#949ba8;--color-gray-400:#818792;--color-gray-500:#555a63;--color-gray-600:#43474f;--color-gray-700:#31353a;--color-gray-800:#1f2023;--color-gray-900:#141517;--color-gray-950:#06060a;--color-bg-primary:var(--color-white);--color-bg-tertiary:var(--color-gray-100);--color-bg-brand-primary:var(--color-brand-50);--color-bg-error-secondary:var(--color-error-100);--color-bg-warning-primary:var(--color-warning-50);--color-bg-warning-secondary:var(--color-warning-100);--color-bg-success-primary:var(--color-success-50);--color-bg-success-secondary:var(--color-success-100);--color-bg-brand-solid:var(--color-brand-600);--color-bg-secondary-solid:var(--color-gray-600);--color-bg-error-solid:var(--color-error-600);--color-bg-error-solid_hover:var(--color-error-700);--color-bg-warning-solid:var(--color-warning-600);--color-bg-success-solid:var(--color-success-600);--color-bg-secondary_hover:var(--color-gray-100);--color-bg-primary_hover:var(--color-gray-50);--color-bg-disabled:var(--color-gray-100);--color-bg-brand-disabled:var(--color-brand-200);--color-bg-active:var(--color-gray-50);--color-bg-brand-solid_hover:var(--color-brand-700);--color-bg-error-primary:var(--color-error-50);--color-bg-brand-secondary:var(--color-brand-100);--color-bg-secondary:var(--color-gray-50);--color-bg-disabled_subtle:var(--color-gray-50);--color-bg-quaternary:var(--color-gray-200);--color-bg-primary_alt:var(--color-white);--color-bg-brand-primary_alt:var(--color-brand-50);--color-bg-secondary_alt:var(--color-gray-50);--color-bg-overlay:var(--color-gray-950);--color-bg-secondary_subtle:var(--color-gray-25);--color-bg-brand-section:var(--color-brand-800);--color-bg-brand-section_subtle:var(--color-brand-700);--color-bg-primary-solid:var(--color-gray-950);--color-text-primary:var(--color-gray-950);--color-text-tertiary:var(--color-gray-400);--color-text-error-primary:var(--color-error-600);--color-text-warning-primary:var(--color-warning-600);--color-text-success-primary:var(--color-success-600);--color-text-white:var(--color-white);--color-text-secondary:var(--color-gray-600);--color-text-disabled:var(--color-gray-200);--color-text-secondary_hover:var(--color-gray-800);--color-text-tertiary_hover:var(--color-gray-500);--color-text-brand-secondary:var(--color-brand-700);--color-text-placeholder:var(--color-gray-300);--color-text-placeholder_subtle:var(--color-gray-200);--color-text-brand-tertiary:var(--color-brand-600);--color-text-quaternary:var(--color-gray-300);--color-text-brand-primary:var(--color-brand-900);--color-text-primary_on-brand:var(--color-white);--color-text-secondary_on-brand:var(--color-brand-200);--color-text-tertiary_on-brand:var(--color-brand-200);--color-text-quaternary_on-brand:var(--color-brand-300);--color-text-brand-tertiary_alt:var(--color-brand-600);--color-text-brand-secondary_hover:var(--color-brand-800);--color-text-error-primary_hover:var(--color-error-700);--color-border-secondary:var(--color-gray-100);--color-border-error_subtle:var(--color-error-300);--color-border-primary:var(--color-gray-200);--color-border-brand:var(--color-brand-500);--color-border-disabled:var(--color-gray-200);--color-border-error:var(--color-error-500);--color-border-disabled_subtle:var(--color-gray-100);--color-border-tertiary:var(--color-gray-50);--color-border-brand-disabled:var(--color-brand-50);--color-border-brand_alt:var(--color-brand-600);--color-border-secondary_alt:#00000014;--color-fg-secondary:var(--color-gray-700);--color-fg-warning-primary:var(--color-warning-600);--color-fg-success-primary:var(--color-success-600);--color-fg-white:var(--color-white);--color-fg-success-secondary:var(--color-success-500);--color-fg-secondary_hover:var(--color-gray-800);--color-fg-primary:var(--color-gray-900);--color-fg-disabled:var(--color-gray-300);--color-fg-brand-secondary:var(--color-brand-500);--color-fg-brand-primary:var(--color-brand-600);--color-fg-quaternary:var(--color-gray-400);--color-fg-quaternary_hover:var(--color-gray-500);--color-fg-error-primary:var(--color-error-600);--color-fg-disabled_subtle:var(--color-gray-200);--color-fg-warning-secondary:var(--color-warning-500);--color-fg-error-secondary:var(--color-error-500);--color-fg-tertiary:var(--color-gray-600);--color-fg-tertiary_hover:var(--color-gray-700);--color-fg-brand-primary_alt:var(--color-fg-brand-primary);--color-fg-brand-secondary_alt:var(--color-fg-brand-secondary);--color-fg-brand-secondary_hover:var(--color-brand-600);--color-button-destructive-primary-icon:var(--color-error-300);--color-button-destructive-primary-icon_hover:var(--color-error-200);--color-button-primary-icon:var(--color-brand-300);--color-button-primary-icon_hover:var(--color-brand-200);--color-focus-ring-error:var(--color-error-200);--color-focus-ring:var(--color-brand-100)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
|
package/dist/styles/theme.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--font-body: var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-display: var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-transparent: rgb(0 0 0 / 0);--color-white: rgb(255 255 255);--color-black: rgb(0 0 0);--color-alpha-white: rgb(255 255 255);--color-alpha-black: rgb(0 0 0);--color-brand-25: #f1f8fe;--color-brand-50: #e2f1fd;--color-brand-100: #cee7fc;--color-brand-200: #add7fa;--color-brand-300: #83c3f8;--color-brand-400: #5aaff6;--color-brand-500: #319bf3;--color-brand-600: #0684f0;--color-brand-700: #0770c9;--color-brand-800: #055aa1;--color-brand-900: #044378;--color-brand-950: #032d50;--color-error-25: rgb(255 251 250);--color-error-50: rgb(254 243 242);--color-error-100: rgb(254 228 226);--color-error-200: rgb(254 205 202);--color-error-300: rgb(253 162 155);--color-error-400: rgb(249 112 102);--color-error-500: rgb(240 68 56);--color-error-600: rgb(217 45 32);--color-error-700: rgb(180 35 24);--color-error-800: rgb(145 32 24);--color-error-900: rgb(122 39 26);--color-error-950: rgb(85 22 12);--color-warning-25: rgb(255 252 245);--color-warning-50: rgb(255 250 235);--color-warning-100: rgb(254 240 199);--color-warning-200: rgb(254 223 137);--color-warning-300: rgb(254 200 75);--color-warning-400: rgb(253 176 34);--color-warning-500: rgb(247 144 9);--color-warning-600: rgb(220 104 3);--color-warning-700: rgb(181 71 8);--color-warning-800: rgb(147 55 13);--color-warning-900: rgb(122 46 14);--color-warning-950: rgb(78 29 9);--color-success-25: rgb(246 254 249);--color-success-50: rgb(236 253 243);--color-success-100: rgb(220 250 230);--color-success-200: rgb(171 239 198);--color-success-300: rgb(117 224 167);--color-success-400: rgb(71 205 137);--color-success-500: rgb(23 178 106);--color-success-600: rgb(7 148 85);--color-success-700: rgb(6 118 71);--color-success-800: rgb(8 93 58);--color-success-900: rgb(7 77 49);--color-success-950: rgb(5 51 33);--color-gray-25: #F7F8FA;--color-gray-50: #F3F4F7;--color-gray-100: #EAEBF1;--color-gray-200: #C6CCD7;--color-gray-300: #949BA8;--color-gray-400: #818792;--color-gray-500: #555A63;--color-gray-600: #43474F;--color-gray-700: #31353A;--color-gray-800: #1F2023;--color-gray-900: #141517;--color-gray-950: #06060A;--color-bg-primary: var(--color-white);--color-bg-tertiary: var(--color-gray-100);--color-bg-brand-primary: var(--color-brand-50);--color-bg-error-secondary: var(--color-error-100);--color-bg-warning-primary: var(--color-warning-50);--color-bg-warning-secondary: var(--color-warning-100);--color-bg-success-primary: var(--color-success-50);--color-bg-success-secondary: var(--color-success-100);--color-bg-brand-solid: var(--color-brand-600);--color-bg-secondary-solid: var(--color-gray-600);--color-bg-error-solid: var(--color-error-600);--color-bg-error-solid_hover: var(--color-error-700);--color-bg-warning-solid: var(--color-warning-600);--color-bg-success-solid: var(--color-success-600);--color-bg-secondary_hover: var(--color-gray-100);--color-bg-primary_hover: var(--color-gray-50);--color-bg-disabled: var(--color-gray-100);--color-bg-brand-disabled: var(--color-brand-200);--color-bg-active: var(--color-gray-50);--color-bg-brand-solid_hover: var(--color-brand-700);--color-bg-error-primary: var(--color-error-50);--color-bg-brand-secondary: var(--color-brand-100);--color-bg-secondary: var(--color-gray-50);--color-bg-disabled_subtle: var(--color-gray-50);--color-bg-quaternary: var(--color-gray-200);--color-bg-primary_alt: var(--color-white);--color-bg-brand-primary_alt: var(--color-brand-50);--color-bg-secondary_alt: var(--color-gray-50);--color-bg-overlay: var(--color-gray-950);--color-bg-secondary_subtle: var(--color-gray-25);--color-bg-brand-section: var(--color-brand-800);--color-bg-brand-section_subtle: var(--color-brand-700);--color-bg-primary-solid: var(--color-gray-950);--color-text-primary: var(--color-gray-950);--color-text-tertiary: var(--color-gray-400);--color-text-error-primary: var(--color-error-600);--color-text-warning-primary: var(--color-warning-600);--color-text-success-primary: var(--color-success-600);--color-text-white: var(--color-white);--color-text-secondary: var(--color-gray-600);--color-text-disabled: var(--color-gray-200);--color-text-secondary_hover: var(--color-gray-800);--color-text-tertiary_hover: var(--color-gray-500);--color-text-brand-secondary: var(--color-brand-700);--color-text-placeholder: var(--color-gray-300);--color-text-placeholder_subtle: var(--color-gray-200);--color-text-brand-tertiary: var(--color-brand-600);--color-text-quaternary: var(--color-gray-300);--color-text-brand-primary: var(--color-brand-900);--color-text-primary_on-brand: var(--color-white);--color-text-secondary_on-brand: var(--color-brand-200);--color-text-tertiary_on-brand: var(--color-brand-200);--color-text-quaternary_on-brand: var(--color-brand-300);--color-text-brand-tertiary_alt: var(--color-brand-600);--color-text-brand-secondary_hover: var(--color-brand-800);--color-text-error-primary_hover: var(--color-error-700);--color-border-secondary: var(--color-gray-100);--color-border-error_subtle: var(--color-error-300);--color-border-primary: var(--color-gray-200);--color-border-brand: var(--color-brand-500);--color-border-disabled: var(--color-gray-200);--color-border-error: var(--color-error-500);--color-border-disabled_subtle: var(--color-gray-100);--color-border-tertiary: var(--color-gray-50);--color-border-brand-disabled: var(--color-brand-50);--color-border-brand_alt: var(--color-brand-600);--color-border-secondary_alt: rgb(0 0 0 / .08);--color-fg-secondary: var(--color-gray-700);--color-fg-warning-primary: var(--color-warning-600);--color-fg-success-primary: var(--color-success-600);--color-fg-white: var(--color-white);--color-fg-success-secondary: var(--color-success-500);--color-fg-secondary_hover: var(--color-gray-800);--color-fg-primary: var(--color-gray-900);--color-fg-disabled: var(--color-gray-300);--color-fg-brand-secondary: var(--color-brand-500);--color-fg-brand-primary: var(--color-brand-600);--color-fg-quaternary: var(--color-gray-400);--color-fg-quaternary_hover: var(--color-gray-500);--color-fg-error-primary: var(--color-error-600);--color-fg-disabled_subtle: var(--color-gray-200);--color-fg-warning-secondary: var(--color-warning-500);--color-fg-error-secondary: var(--color-error-500);--color-fg-tertiary: var(--color-gray-600);--color-fg-tertiary_hover: var(--color-gray-700);--color-fg-brand-primary_alt: var(--color-fg-brand-primary);--color-fg-brand-secondary_alt: var(--color-fg-brand-secondary);--color-fg-brand-secondary_hover: var(--color-brand-600);--color-button-destructive-primary-icon: var(--color-error-300);--color-button-destructive-primary-icon_hover: var(--color-error-200);--color-button-primary-icon: var(--color-brand-300);--color-button-primary-icon_hover: var(--color-brand-200);--color-focus-ring-error: var(--color-error-200);--color-focus-ring: var(--color-brand-100)}@theme{ --font-body: var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --font-display: var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --font-mono: ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --text-xs: calc(var(--spacing) * 3); --text-xs--line-height: calc(var(--spacing) * 4.5); --text-sm: calc(var(--spacing) * 3.5); --text-sm--line-height: calc(var(--spacing) * 5); --text-md: calc(var(--spacing) * 4); --text-md--line-height: calc(var(--spacing) * 6); --text-lg: calc(var(--spacing) * 4.5); --text-lg--line-height: calc(var(--spacing) * 7); --text-xl: calc(var(--spacing) * 5); --text-xl--line-height: calc(var(--spacing) * 7.5); --text-display-xs: calc(var(--spacing) * 6); --text-display-xs--line-height: calc(var(--spacing) * 8); --text-display-sm: calc(var(--spacing) * 7.5); --text-display-sm--line-height: calc(var(--spacing) * 9.5); --text-display-md: calc(var(--spacing) * 9); --text-display-md--line-height: calc(var(--spacing) * 11); --text-display-md--letter-spacing: -.72px; --text-display-lg: calc(var(--spacing) * 12); --text-display-lg--line-height: calc(var(--spacing) * 15); --text-display-lg--letter-spacing: -.96px; --text-display-xl: calc(var(--spacing) * 15); --text-display-xl--line-height: calc(var(--spacing) * 18); --text-display-xl--letter-spacing: -1.2px; --text-display-2xl: calc(var(--spacing) * 18); --text-display-2xl--line-height: calc(var(--spacing) * 22.5); --text-display-2xl--letter-spacing: -1.44px; --max-width-container: 1280px; --breakpoint-xxs: 320px; --breakpoint-xs: 600px; --radius-none: 0px; --radius-xxs: 2px; --radius-xs: 4px; --radius-sm: 6px; --radius-DEFAULT: 8px; --radius-md: 8px; --radius-lg: 10px; --radius-xl: 12px; --radius-2xl: 16px; --radius-3xl: 20px; --radius-4xl: 24px; --radius-full: 9999px; --shadow-rightPanel: 0 0 4px -2px rgba(64, 73, 104, .1), 0 0 12px 0 rgba(64, 73, 104, .08); --shadow-xs: 0px 1px 2px rgba(10, 13, 18, .05); --shadow-sm: 0px 1px 3px rgba(10, 13, 18, .1), 0px 1px 2px -1px rgba(10, 13, 18, .1); --shadow-md: 0px 4px 6px -1px rgba(10, 13, 18, .1), 0px 2px 4px -2px rgba(10, 13, 18, .06); --shadow-lg: 0px 12px 16px -4px rgba(10, 13, 18, .08), 0px 4px 6px -2px rgba(10, 13, 18, .03), 0px 2px 2px -1px rgba(10, 13, 18, .04); --shadow-xl: 0px 20px 24px -4px rgba(10, 13, 18, .08), 0px 8px 8px -4px rgba(10, 13, 18, .03), 0px 3px 3px -1.5px rgba(10, 13, 18, .04); --shadow-2xl: 0px 24px 48px -12px rgba(10, 13, 18, .18), 0px 4px 4px -2px rgba(10, 13, 18, .04); --shadow-3xl: 0px 32px 64px -12px rgba(10, 13, 18, .14), 0px 5px 5px -2.5px rgba(10, 13, 18, .04); --shadow-skeumorphic: 0px 0px 0px 1px rgba(10, 13, 18, .18) inset, 0px -2px 0px 0px rgba(10, 13, 18, .05) inset; --shadow-xs-skeumorphic: var(--shadow-skeumorphic), var(--shadow-xs); --shadow-modern-mockup-inner-lg: 0px 0px 3.765px 1.255px rgba(10, 13, 18, .08) inset, 0px 0px 2.51px 1.255px rgba(10, 13, 18, .03) inset; --shadow-modern-mockup-inner-md: 0px 0px 1.692px .564px rgba(10, 13, 18, .08) inset, 0px 0px 1.128px .564px rgba(10, 13, 18, .03) inset; --shadow-modern-mockup-inner-sm: 0px 0px 4.48px 1.493px rgba(10, 13, 18, .08) inset, 0px 0px 2.987px 1.493px rgba(10, 13, 18, .03) inset; --shadow-modern-mockup-outer-lg: 0px 7.529px 10.039px -2.51px rgba(10, 13, 18, .08), 0px 2.51px 3.765px -1.255px rgba(10, 13, 18, .03), 0px 1.255px 1.255px -.627px rgba(10, 13, 18, .04); --shadow-modern-mockup-outer-md: 0px 3.385px 4.513px -1.128px rgba(10, 13, 18, .08), 0px 1.128px 1.692px -.564px rgba(10, 13, 18, .03), 0px .564px .564px -.282px rgba(10, 13, 18, .04); --drop-shadow-iphone-mockup: 20px 12px 18px rgba(16, 24, 40, .2); --shadow-elevated: 0 4px 4px -2px rgba(64, 73, 104, .04), 0 2px 6px 0 rgba(64, 73, 104, .06); --animate-marquee: marquee 60s linear infinite; --animate-caret-blink: caret-blink 1s infinite; @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @keyframes caret-blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } } --color-transparent: rgb(0 0 0 / 0); --color-white: rgb(255 255 255); --color-black: rgb(0 0 0); --color-alpha-white: rgb(255 255 255); --color-alpha-black: rgb(0 0 0); --color-alpha-white-10: rgb(255 255 255 / .1); --color-alpha-white-20: rgb(255 255 255 / .2); --color-alpha-white-30: rgb(255 255 255 / .3); --color-alpha-white-40: rgb(255 255 255 / .4); --color-alpha-white-50: rgb(255 255 255 / .5); --color-alpha-white-60: rgb(255 255 255 / .6); --color-alpha-white-70: rgb(255 255 255 / .7); --color-alpha-white-80: rgb(255 255 255 / .8); --color-alpha-white-90: rgb(255 255 255 / .9); --color-alpha-white-100: rgb(255 255 255 / 1); --color-alpha-black-10: rgb(0 0 0 / .1); --color-alpha-black-20: rgb(0 0 0 / .2); --color-alpha-black-30: rgb(0 0 0 / .3); --color-alpha-black-40: rgb(0 0 0 / .4); --color-alpha-black-50: rgb(0 0 0 / .5); --color-alpha-black-60: rgb(0 0 0 / .6); --color-alpha-black-70: rgb(0 0 0 / .7); --color-alpha-black-80: rgb(0 0 0 / .8); --color-alpha-black-90: rgb(0 0 0 / .9); --color-alpha-black-100: rgb(0 0 0 / 1); --color-brand-25: #f1f8fe; --color-brand-50: #e2f1fd; --color-brand-100: #cee7fc; --color-brand-200: #add7fa; --color-brand-300: #83c3f8; --color-brand-400: #5aaff6; --color-brand-500: #319bf3; --color-brand-600: #0684f0; --color-brand-700: #0770c9; --color-brand-800: #055aa1; --color-brand-900: #044378; --color-brand-950: #032d50; --color-error-25: rgb(255 251 250); --color-error-50: rgb(254 243 242); --color-error-100: rgb(254 228 226); --color-error-200: rgb(254 205 202); --color-error-300: rgb(253 162 155); --color-error-400: rgb(249 112 102); --color-error-500: rgb(240 68 56); --color-error-600: rgb(217 45 32); --color-error-700: rgb(180 35 24); --color-error-800: rgb(145 32 24); --color-error-900: rgb(122 39 26); --color-error-950: rgb(85 22 12); --color-warning-25: rgb(255 252 245); --color-warning-50: rgb(255 250 235); --color-warning-100: rgb(254 240 199); --color-warning-200: rgb(254 223 137); --color-warning-300: rgb(254 200 75); --color-warning-400: rgb(253 176 34); --color-warning-500: rgb(247 144 9); --color-warning-600: rgb(220 104 3); --color-warning-700: rgb(181 71 8); --color-warning-800: rgb(147 55 13); --color-warning-900: rgb(122 46 14); --color-warning-950: rgb(78 29 9); --color-success-25: rgb(246 254 249); --color-success-50: rgb(236 253 243); --color-success-100: rgb(220 250 230); --color-success-200: rgb(171 239 198); --color-success-300: rgb(117 224 167); --color-success-400: rgb(71 205 137); --color-success-500: rgb(23 178 106); --color-success-600: rgb(7 148 85); --color-success-700: rgb(6 118 71); --color-success-800: rgb(8 93 58); --color-success-900: rgb(7 77 49); --color-success-950: rgb(5 51 33); --color-gray-25: #F7F8FA; --color-gray-50: #F3F4F7; --color-gray-100: #EAEBF1; --color-gray-200: #C6CCD7; --color-gray-300: #949BA8; --color-gray-400: #818792; --color-gray-500: #555A63; --color-gray-600: #43474F; --color-gray-700: #31353A; --color-gray-800: #1F2023; --color-gray-900: #141517; --color-gray-950: #06060A; --color-gray-dark-25: #fafafa; --color-gray-dark-50: #f7f7f7; --color-gray-dark-100: #f0f0f1; --color-gray-dark-200: #ececed; --color-gray-dark-300: #cecfd2; --color-gray-dark-400: #94979c; --color-gray-dark-500: #85888e; --color-gray-dark-600: #61656c; --color-gray-dark-700: #373a41; --color-gray-dark-800: #22262f; --color-gray-dark-900: #13161b; --color-gray-dark-950: #0c0e12; --color-gray-dark-alpha-25: rgba(255, 255, 255, .98); --color-gray-dark-alpha-50: rgba(255, 255, 255, .96); --color-gray-dark-alpha-100: rgba(255, 255, 255, .94); --color-gray-dark-alpha-200: rgba(255, 255, 255, .92); --color-gray-dark-alpha-300: rgba(255, 255, 255, .8); --color-gray-dark-alpha-400: rgba(255, 255, 255, .56); --color-gray-dark-alpha-500: rgba(255, 255, 255, .5); --color-gray-dark-alpha-600: rgba(255, 255, 255, .35); --color-gray-dark-alpha-700: rgba(255, 255, 255, .16); --color-gray-dark-alpha-800: rgba(255, 255, 255, .08); --color-gray-dark-alpha-900: rgba(255, 255, 255, .04); --color-gray-dark-alpha-950: rgba(255, 255, 255, 0); --color-gray-blue-25: rgb(252 252 253); --color-gray-blue-50: rgb(248 249 252); --color-gray-blue-100: rgb(234 236 245); --color-gray-blue-200: rgb(213 217 235); --color-gray-blue-300: rgb(179 184 219); --color-gray-blue-400: rgb(113 123 188); --color-gray-blue-500: rgb(78 91 166); --color-gray-blue-600: rgb(62 71 132); --color-gray-blue-700: rgb(54 63 114); --color-gray-blue-800: rgb(41 48 86); --color-gray-blue-900: rgb(16 19 35); --color-gray-blue-950: rgb(13 15 28); --color-gray-cool-25: rgb(252 252 253); --color-gray-cool-50: rgb(249 249 251); --color-gray-cool-100: rgb(239 241 245); --color-gray-cool-200: rgb(220 223 234); --color-gray-cool-300: rgb(185 192 212); --color-gray-cool-400: rgb(125 137 176); --color-gray-cool-500: rgb(93 107 152); --color-gray-cool-600: rgb(74 85 120); --color-gray-cool-700: rgb(64 73 104); --color-gray-cool-800: rgb(48 55 79); --color-gray-cool-900: rgb(17 19 34); --color-gray-cool-950: rgb(14 16 27); --color-label-500: rgb(52 64 84); --color-gray-modern-25: rgb(252 252 253); --color-gray-modern-50: rgb(248 250 252); --color-gray-modern-100: rgb(238 242 246); --color-gray-modern-200: rgb(227 232 239); --color-gray-modern-300: rgb(205 213 223); --color-gray-modern-400: rgb(154 164 178); --color-gray-modern-500: rgb(105 117 134); --color-gray-modern-600: rgb(75 85 101); --color-gray-modern-700: rgb(54 65 82); --color-gray-modern-800: rgb(32 41 57); --color-gray-modern-900: rgb(18 25 38); --color-gray-modern-950: rgb(13 18 28); --color-gray-neutral-25: rgb(252 252 253); --color-gray-neutral-50: rgb(249 250 251); --color-gray-neutral-100: rgb(243 244 246); --color-gray-neutral-200: rgb(229 231 235); --color-gray-neutral-300: rgb(210 214 219); --color-gray-neutral-400: rgb(157 164 174); --color-gray-neutral-500: rgb(108 115 127); --color-gray-neutral-600: rgb(77 87 97); --color-gray-neutral-700: rgb(56 66 80); --color-gray-neutral-800: rgb(31 42 55); --color-gray-neutral-900: rgb(17 25 39); --color-gray-neutral-950: rgb(13 18 28); --color-gray-iron-25: rgb(252 252 252); --color-gray-iron-50: rgb(250 250 250); --color-gray-iron-100: rgb(244 244 245); --color-gray-iron-200: rgb(228 228 231); --color-gray-iron-300: rgb(209 209 214); --color-gray-iron-400: rgb(160 160 171); --color-gray-iron-500: rgb(112 112 123); --color-gray-iron-600: rgb(81 82 92); --color-gray-iron-700: rgb(63 63 70); --color-gray-iron-800: rgb(38 39 43); --color-gray-iron-900: rgb(26 26 30); --color-gray-iron-950: rgb(19 19 22); --color-gray-true-25: rgb(252 252 252); --color-gray-true-50: rgb(247 247 247); --color-gray-true-100: rgb(245 245 245); --color-gray-true-200: rgb(229 229 229); --color-gray-true-300: rgb(214 214 214); --color-gray-true-400: rgb(163 163 163); --color-gray-true-500: rgb(115 115 115); --color-gray-true-600: rgb(82 82 82); --color-gray-true-700: rgb(66 66 66); --color-gray-true-800: rgb(41 41 41); --color-gray-true-900: rgb(20 20 20); --color-gray-true-950: rgb(15 15 15); --color-gray-warm-25: rgb(253 253 252); --color-gray-warm-50: rgb(250 250 249); --color-gray-warm-100: rgb(245 245 244); --color-gray-warm-200: rgb(231 229 228); --color-gray-warm-300: rgb(215 211 208); --color-gray-warm-400: rgb(169 162 157); --color-gray-warm-500: rgb(121 113 107); --color-gray-warm-600: rgb(87 83 78); --color-gray-warm-700: rgb(68 64 60); --color-gray-warm-800: rgb(41 37 36); --color-gray-warm-900: rgb(28 25 23); --color-gray-warm-950: rgb(23 20 18); --color-moss-25: rgb(250 253 247); --color-moss-50: rgb(245 251 238); --color-moss-100: rgb(230 244 215); --color-moss-200: rgb(206 234 176); --color-moss-300: rgb(172 220 121); --color-moss-400: rgb(134 203 60); --color-moss-500: rgb(102 159 42); --color-moss-600: rgb(79 122 33); --color-moss-700: rgb(63 98 26); --color-moss-800: rgb(51 80 21); --color-moss-900: rgb(43 66 18); --color-moss-950: rgb(26 40 11); --color-green-light-25: rgb(250 254 245); --color-green-light-50: rgb(243 254 231); --color-green-light-100: rgb(227 251 204); --color-green-light-200: rgb(208 248 171); --color-green-light-300: rgb(166 239 103); --color-green-light-400: rgb(133 225 58); --color-green-light-500: rgb(102 198 28); --color-green-light-600: rgb(76 163 13); --color-green-light-700: rgb(59 124 15); --color-green-light-800: rgb(50 98 18); --color-green-light-900: rgb(43 83 20); --color-green-light-950: rgb(21 41 10); --color-green-25: rgb(246 254 249); --color-green-50: rgb(237 252 242); --color-green-100: rgb(211 248 223); --color-green-200: rgb(170 240 196); --color-green-300: rgb(115 226 163); --color-green-400: rgb(60 203 127); --color-green-500: rgb(22 179 100); --color-green-600: rgb(9 146 80); --color-green-700: rgb(8 116 67); --color-green-800: rgb(9 92 55); --color-green-900: rgb(8 76 46); --color-green-950: rgb(5 46 28); --color-teal-25: rgb(246 254 252); --color-teal-50: rgb(240 253 249); --color-teal-100: rgb(204 251 239); --color-teal-200: rgb(153 246 224); --color-teal-300: rgb(95 233 208); --color-teal-400: rgb(46 211 183); --color-teal-500: rgb(21 183 158); --color-teal-600: rgb(14 147 132); --color-teal-700: rgb(16 117 105); --color-teal-800: rgb(18 93 86); --color-teal-900: rgb(19 78 72); --color-teal-950: rgb(10 41 38); --color-cyan-25: rgb(245 254 255); --color-cyan-50: rgb(236 253 255); --color-cyan-100: rgb(207 249 254); --color-cyan-200: rgb(165 240 252); --color-cyan-300: rgb(103 227 249); --color-cyan-400: rgb(34 204 238); --color-cyan-500: rgb(6 174 212); --color-cyan-600: rgb(8 138 178); --color-cyan-700: rgb(14 112 144); --color-cyan-800: rgb(21 91 117); --color-cyan-900: rgb(22 76 99); --color-cyan-950: rgb(13 45 58); --color-blue-light-25: rgb(245 251 255); --color-blue-light-50: rgb(240 249 255); --color-blue-light-100: rgb(224 242 254); --color-blue-light-200: rgb(185 230 254); --color-blue-light-300: rgb(124 212 253); --color-blue-light-400: rgb(54 191 250); --color-blue-light-500: rgb(11 165 236); --color-blue-light-600: rgb(0 134 201); --color-blue-light-700: rgb(2 106 162); --color-blue-light-800: rgb(6 89 134); --color-blue-light-900: rgb(11 74 111); --color-blue-light-950: rgb(6 44 65); --color-blue-25: rgb(245 250 255); --color-blue-50: rgb(239 248 255); --color-blue-100: rgb(209 233 255); --color-blue-200: rgb(178 221 255); --color-blue-300: rgb(132 202 255); --color-blue-400: rgb(83 177 253); --color-blue-500: rgb(46 144 250); --color-blue-600: rgb(21 112 239); --color-blue-700: rgb(23 92 211); --color-blue-800: rgb(24 73 169); --color-blue-900: rgb(25 65 133); --color-blue-950: rgb(16 42 86); --color-blue-dark-25: rgb(245 248 255); --color-blue-dark-50: rgb(239 244 255); --color-blue-dark-100: rgb(209 224 255); --color-blue-dark-200: rgb(178 204 255); --color-blue-dark-300: rgb(132 173 255); --color-blue-dark-400: rgb(82 139 255); --color-blue-dark-500: rgb(41 112 255); --color-blue-dark-600: rgb(21 94 239); --color-blue-dark-700: rgb(0 78 235); --color-blue-dark-800: rgb(0 64 193); --color-blue-dark-900: rgb(0 53 158); --color-blue-dark-950: rgb(0 34 102); --color-indigo-25: rgb(245 248 255); --color-indigo-50: rgb(238 244 255); --color-indigo-100: rgb(224 234 255); --color-indigo-200: rgb(199 215 254); --color-indigo-300: rgb(164 188 253); --color-indigo-400: rgb(128 152 249); --color-indigo-500: rgb(97 114 243); --color-indigo-600: rgb(68 76 231); --color-indigo-700: rgb(53 56 205); --color-indigo-800: rgb(45 49 166); --color-indigo-900: rgb(45 50 130); --color-indigo-950: rgb(31 35 91); --color-violet-25: rgb(251 250 255); --color-violet-50: rgb(245 243 255); --color-violet-100: rgb(236 233 254); --color-violet-200: rgb(221 214 254); --color-violet-300: rgb(195 181 253); --color-violet-400: rgb(164 138 251); --color-violet-500: rgb(135 91 247); --color-violet-600: rgb(120 57 238); --color-violet-700: rgb(105 39 218); --color-violet-800: rgb(87 32 183); --color-violet-900: rgb(73 28 150); --color-violet-950: rgb(46 18 94); --color-purple-25: rgb(250 250 255); --color-purple-50: rgb(244 243 255); --color-purple-100: rgb(235 233 254); --color-purple-200: rgb(217 214 254); --color-purple-300: rgb(189 180 254); --color-purple-400: rgb(155 138 251); --color-purple-500: rgb(122 90 248); --color-purple-600: rgb(105 56 239); --color-purple-700: rgb(89 37 220); --color-purple-800: rgb(74 31 184); --color-purple-900: rgb(62 28 150); --color-purple-950: rgb(39 17 95); --color-fuchsia-25: rgb(254 250 255); --color-fuchsia-50: rgb(253 244 255); --color-fuchsia-100: rgb(251 232 255); --color-fuchsia-200: rgb(246 208 254); --color-fuchsia-300: rgb(238 170 253); --color-fuchsia-400: rgb(228 120 250); --color-fuchsia-500: rgb(212 68 241); --color-fuchsia-600: rgb(186 36 213); --color-fuchsia-700: rgb(159 26 177); --color-fuchsia-800: rgb(130 24 144); --color-fuchsia-900: rgb(111 24 119); --color-fuchsia-950: rgb(71 16 76); --color-pink-25: rgb(254 246 251); --color-pink-50: rgb(253 242 250); --color-pink-100: rgb(252 231 246); --color-pink-200: rgb(252 206 238); --color-pink-300: rgb(250 167 224); --color-pink-400: rgb(246 112 199); --color-pink-500: rgb(238 70 188); --color-pink-600: rgb(221 37 144); --color-pink-700: rgb(193 21 116); --color-pink-800: rgb(158 22 95); --color-pink-900: rgb(133 22 81); --color-pink-950: rgb(78 13 48); --color-rose-25: rgb(255 245 246); --color-rose-50: rgb(255 241 243); --color-rose-100: rgb(255 228 232); --color-rose-200: rgb(254 205 214); --color-rose-300: rgb(254 163 180); --color-rose-400: rgb(253 111 142); --color-rose-500: rgb(246 61 104); --color-rose-600: rgb(227 27 84); --color-rose-700: rgb(192 16 72); --color-rose-800: rgb(161 16 67); --color-rose-900: rgb(137 18 62); --color-rose-950: rgb(81 11 36); --color-orange-dark-25: rgb(255 249 245); --color-orange-dark-50: rgb(255 244 237); --color-orange-dark-100: rgb(255 230 213); --color-orange-dark-200: rgb(255 214 174); --color-orange-dark-300: rgb(255 156 102); --color-orange-dark-400: rgb(255 105 46); --color-orange-dark-500: rgb(255 68 5); --color-orange-dark-600: rgb(230 46 5); --color-orange-dark-700: rgb(188 27 6); --color-orange-dark-800: rgb(151 24 12); --color-orange-dark-900: rgb(119 26 13); --color-orange-dark-950: rgb(87 19 10); --color-orange-25: rgb(254 250 245); --color-orange-50: rgb(254 246 238); --color-orange-100: rgb(253 234 215); --color-orange-200: rgb(249 219 175); --color-orange-300: rgb(247 178 122); --color-orange-400: rgb(243 135 68); --color-orange-500: rgb(239 104 32); --color-orange-600: rgb(224 79 22); --color-orange-700: rgb(185 56 21); --color-orange-800: rgb(147 47 25); --color-orange-900: rgb(119 41 23); --color-orange-950: rgb(81 28 16); --color-yellow-25: rgb(254 253 240); --color-yellow-50: rgb(254 251 232); --color-yellow-100: rgb(254 247 195); --color-yellow-200: rgb(254 238 149); --color-yellow-300: rgb(253 226 114); --color-yellow-400: rgb(250 197 21); --color-yellow-500: rgb(234 170 8); --color-yellow-600: rgb(202 133 4); --color-yellow-700: rgb(161 92 7); --color-yellow-800: rgb(133 74 14); --color-yellow-900: rgb(113 59 18); --color-yellow-950: rgb(84 44 13); --color-alpha-white: rgb(255 255 255); --color-alpha-black: rgb(0 0 0); --color-utility-blue-25: var(--color-blue-25); --color-utility-blue-50: var(--color-blue-50); --color-utility-blue-100: var(--color-blue-100); --color-utility-blue-200: var(--color-blue-200); --color-utility-blue-300: var(--color-blue-300); --color-utility-blue-400: var(--color-blue-400); --color-utility-blue-500: var(--color-blue-500); --color-utility-blue-600: var(--color-blue-600); --color-utility-blue-700: var(--color-blue-700); --color-utility-brand-25: var(--color-brand-25); --color-utility-brand-50: var(--color-brand-50); --color-utility-brand-50_alt: var(--color-brand-50); --color-utility-brand-100: var(--color-brand-100); --color-utility-brand-100_alt: var(--color-brand-100); --color-utility-brand-200: var(--color-brand-200); --color-utility-brand-200_alt: var(--color-brand-200); --color-utility-brand-300: var(--color-brand-300); --color-utility-brand-300_alt: var(--color-brand-300); --color-utility-brand-400: var(--color-brand-400); --color-utility-brand-400_alt: var(--color-brand-400); --color-utility-brand-500: var(--color-brand-500); --color-utility-brand-500_alt: var(--color-brand-500); --color-utility-brand-600: var(--color-brand-600); --color-utility-brand-600_alt: var(--color-brand-600); --color-utility-brand-700: var(--color-brand-700); --color-utility-brand-700_alt: var(--color-brand-700); --color-utility-brand-800: var(--color-brand-800); --color-utility-brand-800_alt: var(--color-brand-800); --color-utility-brand-900: var(--color-brand-900); --color-utility-brand-900_alt: var(--color-brand-900); --color-utility-gray-25: var(--color-gray-25); --color-utility-gray-50: var(--color-gray-50); --color-utility-gray-100: var(--color-gray-100); --color-utility-gray-200: var(--color-gray-200); --color-utility-gray-300: var(--color-gray-300); --color-utility-gray-400: var(--color-gray-400); --color-utility-gray-500: var(--color-gray-500); --color-utility-gray-600: var(--color-gray-600); --color-utility-gray-700: var(--color-gray-700); --color-utility-gray-800: var(--color-gray-800); --color-utility-gray-900: var(--color-gray-900); --color-utility-error-50: var(--color-error-50); --color-utility-error-100: var(--color-error-100); --color-utility-error-200: var(--color-error-200); --color-utility-error-300: var(--color-error-300); --color-utility-error-400: var(--color-error-400); --color-utility-error-500: var(--color-error-500); --color-utility-error-600: var(--color-error-600); --color-utility-error-700: var(--color-error-700); --color-utility-warning-50: var(--color-warning-50); --color-utility-warning-100: var(--color-warning-100); --color-utility-warning-200: var(--color-warning-200); --color-utility-warning-300: var(--color-warning-300); --color-utility-warning-400: var(--color-warning-400); --color-utility-warning-500: var(--color-warning-500); --color-utility-warning-600: var(--color-warning-600); --color-utility-warning-700: var(--color-warning-700); --color-utility-success-50: var(--color-success-50); --color-utility-success-100: var(--color-success-100); --color-utility-success-200: var(--color-success-200); --color-utility-success-300: var(--color-success-300); --color-utility-success-400: var(--color-success-400); --color-utility-success-500: var(--color-success-500); --color-utility-success-600: var(--color-success-600); --color-utility-success-700: var(--color-success-700); --color-utility-orange-50: var(--color-orange-50); --color-utility-orange-100: var(--color-orange-100); --color-utility-orange-200: var(--color-orange-200); --color-utility-orange-300: var(--color-orange-300); --color-utility-orange-400: var(--color-orange-400); --color-utility-orange-500: var(--color-orange-500); --color-utility-orange-600: var(--color-orange-600); --color-utility-orange-700: var(--color-orange-700); --color-utility-blue-dark-50: var(--color-blue-dark-50); --color-utility-blue-dark-100: var(--color-blue-dark-100); --color-utility-blue-dark-200: var(--color-blue-dark-200); --color-utility-blue-dark-300: var(--color-blue-dark-300); --color-utility-blue-dark-400: var(--color-blue-dark-400); --color-utility-blue-dark-500: var(--color-blue-dark-500); --color-utility-blue-dark-600: var(--color-blue-dark-600); --color-utility-blue-dark-700: var(--color-blue-dark-700); --color-utility-indigo-50: var(--color-indigo-50); --color-utility-indigo-100: var(--color-indigo-100); --color-utility-indigo-200: var(--color-indigo-200); --color-utility-indigo-300: var(--color-indigo-300); --color-utility-indigo-400: var(--color-indigo-400); --color-utility-indigo-500: var(--color-indigo-500); --color-utility-indigo-600: var(--color-indigo-600); --color-utility-indigo-700: var(--color-indigo-700); --color-utility-fuchsia-50: var(--color-fuchsia-50); --color-utility-fuchsia-100: var(--color-fuchsia-100); --color-utility-fuchsia-200: var(--color-fuchsia-200); --color-utility-fuchsia-300: var(--color-fuchsia-300); --color-utility-fuchsia-400: var(--color-fuchsia-400); --color-utility-fuchsia-500: var(--color-fuchsia-500); --color-utility-fuchsia-600: var(--color-fuchsia-600); --color-utility-fuchsia-700: var(--color-fuchsia-700); --color-utility-pink-50: var(--color-pink-50); --color-utility-pink-100: var(--color-pink-100); --color-utility-pink-200: var(--color-pink-200); --color-utility-pink-300: var(--color-pink-300); --color-utility-pink-400: var(--color-pink-400); --color-utility-pink-500: var(--color-pink-500); --color-utility-pink-600: var(--color-pink-600); --color-utility-pink-700: var(--color-pink-700); --color-utility-purple-50: var(--color-purple-50); --color-utility-purple-100: var(--color-purple-100); --color-utility-purple-200: var(--color-purple-200); --color-utility-purple-300: var(--color-purple-300); --color-utility-purple-400: var(--color-purple-400); --color-utility-purple-500: var(--color-purple-500); --color-utility-purple-600: var(--color-purple-600); --color-utility-purple-700: var(--color-purple-700); --color-utility-orange-dark-50: var(--color-orange-dark-50); --color-utility-orange-dark-100: var(--color-orange-dark-100); --color-utility-orange-dark-200: var(--color-orange-dark-200); --color-utility-orange-dark-300: var(--color-orange-dark-300); --color-utility-orange-dark-400: var(--color-orange-dark-400); --color-utility-orange-dark-500: var(--color-orange-dark-500); --color-utility-orange-dark-600: var(--color-orange-dark-600); --color-utility-orange-dark-700: var(--color-orange-dark-700); --color-utility-blue-light-50: var(--color-blue-light-50); --color-utility-blue-light-100: var(--color-blue-light-100); --color-utility-blue-light-200: var(--color-blue-light-200); --color-utility-blue-light-300: var(--color-blue-light-300); --color-utility-blue-light-400: var(--color-blue-light-400); --color-utility-blue-light-500: var(--color-blue-light-500); --color-utility-blue-light-600: var(--color-blue-light-600); --color-utility-blue-light-700: var(--color-blue-light-700); --color-utility-gray-blue-50: var(--color-gray-blue-50); --color-utility-gray-blue-100: var(--color-gray-blue-100); --color-utility-gray-blue-200: var(--color-gray-blue-200); --color-utility-gray-blue-300: var(--color-gray-blue-300); --color-utility-gray-blue-400: var(--color-gray-blue-400); --color-utility-gray-blue-500: var(--color-gray-blue-500); --color-utility-gray-blue-600: var(--color-gray-blue-600); --color-utility-gray-blue-700: var(--color-gray-blue-700); --color-utility-green-50: var(--color-green-50); --color-utility-green-100: var(--color-green-100); --color-utility-green-200: var(--color-green-200); --color-utility-green-300: var(--color-green-300); --color-utility-green-400: var(--color-green-400); --color-utility-green-500: var(--color-green-500); --color-utility-green-600: var(--color-green-600); --color-utility-green-700: var(--color-green-700); --color-utility-yellow-50: var(--color-yellow-50); --color-utility-yellow-100: var(--color-yellow-100); --color-utility-yellow-200: var(--color-yellow-200); --color-utility-yellow-300: var(--color-yellow-300); --color-utility-yellow-400: var(--color-yellow-400); --color-utility-yellow-500: var(--color-yellow-500); --color-utility-yellow-600: var(--color-yellow-600); --color-utility-yellow-700: var(--color-yellow-700); --color-text-primary: var(--color-gray-950); --color-text-tertiary: var(--color-gray-400); --color-text-error-primary: var(--color-error-600); --color-text-warning-primary: var(--color-warning-600); --color-text-success-primary: var(--color-success-600); --color-text-white: var(--color-white); --color-text-secondary: var(--color-gray-600); --color-text-disabled: var(--color-gray-200); --color-text-secondary_hover: var(--color-gray-800); --color-text-tertiary_hover: var(--color-gray-500); --color-text-brand-secondary: var(--color-brand-700); --color-text-placeholder: var(--color-gray-300); --color-text-placeholder_subtle: var(--color-gray-200); --color-text-brand-tertiary: var(--color-brand-600); --color-text-editor-icon-fg: var(--color-gray-400); --color-text-editor-icon-fg_active: var(--color-gray-500); --color-text-quaternary: var(--color-gray-300); --color-text-brand-primary: var(--color-brand-900); --color-text-primary_on-brand: var(--color-white); --color-text-secondary_on-brand: var(--color-brand-200); --color-text-tertiary_on-brand: var(--color-brand-200); --color-text-quaternary_on-brand: var(--color-brand-300); --color-text-brand-tertiary_alt: var(--color-brand-600); --color-text-brand-secondary_hover: var(--color-brand-800); --color-text-error-primary_hover: var(--color-error-700); --color-text-label: var(--color-label-500); --color-border-secondary: var(--color-gray-100); --color-border-error_subtle: var(--color-error-300); --color-border-primary: var(--color-gray-200); --color-border-brand: var(--color-brand-500); --color-border-disabled: var(--color-gray-200); --color-border-error: var(--color-error-500); --color-border-disabled_subtle: var(--color-gray-100); --color-border-tertiary: var(--color-gray-50); --color-border-brand-disabled: var(--color-brand-50); --color-border-brand_alt: var(--color-brand-600); --color-border-secondary_alt: rgb(0 0 0 / .08); --color-fg-secondary: var(--color-gray-700); --color-fg-warning-primary: var(--color-warning-600); --color-fg-success-primary: var(--color-success-600); --color-fg-white: var(--color-white); --color-fg-success-secondary: var(--color-success-500); --color-fg-secondary_hover: var(--color-gray-800); --color-fg-primary: var(--color-gray-900); --color-fg-disabled: var(--color-gray-300); --color-fg-brand-secondary: var(--color-brand-500); --color-fg-brand-primary: var(--color-brand-600); --color-fg-quaternary: var(--color-gray-400); --color-fg-quaternary_hover: var(--color-gray-500); --color-fg-error-primary: var(--color-error-600); --color-fg-disabled_subtle: var(--color-gray-200); --color-fg-warning-secondary: var(--color-warning-500); --color-fg-error-secondary: var(--color-error-500); --color-fg-tertiary: var(--color-gray-600); --color-fg-tertiary_hover: var(--color-gray-700); --color-fg-brand-primary_alt: var(--color-fg-brand-primary); --color-fg-brand-secondary_alt: var(--color-fg-brand-secondary); --color-fg-brand-secondary_hover: var(--color-brand-600); --color-bg-primary: var(--color-white); --color-bg-tertiary: var(--color-gray-100); --color-bg-brand-primary: var(--color-brand-50); --color-bg-error-secondary: var(--color-error-100); --color-bg-warning-primary: var(--color-warning-50); --color-bg-warning-secondary: var(--color-warning-100); --color-bg-success-primary: var(--color-success-50); --color-bg-success-secondary: var(--color-success-100); --color-bg-brand-solid: var(--color-brand-600); --color-bg-secondary-solid: var(--color-gray-600); --color-bg-error-solid: var(--color-error-600); --color-bg-error-solid_hover: var(--color-error-700); --color-bg-warning-solid: var(--color-warning-600); --color-bg-success-solid: var(--color-success-600); --color-bg-secondary_hover: var(--color-gray-100); --color-bg-primary_hover: var(--color-gray-50); --color-bg-disabled: var(--color-gray-100); --color-bg-brand-disabled: var(--color-brand-200); --color-bg-active: var(--color-gray-50); --color-bg-brand-solid_hover: var(--color-brand-700); --color-bg-error-primary: var(--color-error-50); --color-bg-brand-secondary: var(--color-brand-100); --color-bg-secondary: var(--color-gray-50); --color-bg-disabled_subtle: var(--color-gray-50); --color-bg-quaternary: var(--color-gray-200); --color-bg-primary_alt: var(--color-white); --color-bg-brand-primary_alt: var(--color-brand-50); --color-bg-secondary_alt: var(--color-gray-50); --color-bg-overlay: var(--color-gray-950); --color-bg-secondary_subtle: var(--color-gray-25); --color-bg-brand-section: var(--color-brand-800); --color-bg-brand-section_subtle: var(--color-brand-700); --color-bg-primary-solid: var(--color-gray-950); --color-shadow-3: #40496808; --color-shadow-4: #4049680A; --color-shadow-5: #4049680D; --color-shadow-6: #4049680F; --color-shadow-8: #40496814; --color-shadow-10: #4049681A; --color-shadow-12: #4049681F; --color-shadow-14: #40496824; --color-shadow-16: #40496829; --color-shadow-18: #4049682E; --color-shadow-skeumorphic-inner: #4049680D; --color-shadow-skeumorphic-inner-border: #4049682E; --color-mockup-shadow-main-centre-md: #0A0D1224; --color-mockup-shadow-main-centre-lg: #0A0D122E; --color-mockup-shadow-overlay-lg: #0A0D121F; --color-mockup-shadow-grid-md: #0A0D1214; --color-app-store-badge-border: rgb(166 166 166); --color-avatar-bg: var(--color-gray-100); --color-avatar-contrast-border: rgb(0 0 0 / .08); --color-avatar-profile-photo-border: var(--color-white); --color-avatar-styles-bg-neutral: rgb(224 224 224); --color-button-destructive-primary-icon: var(--color-error-300); --color-button-destructive-primary-icon_hover: var(--color-error-200); --color-button-primary-icon: var(--color-brand-300); --color-button-primary-icon_hover: var(--color-brand-200); --color-featured-icon-light-fg-brand: var(--color-brand-600); --color-featured-icon-light-fg-error: var(--color-error-600); --color-featured-icon-light-fg-gray: var(--color-gray-500); --color-featured-icon-light-fg-success: var(--color-success-600); --color-featured-icon-light-fg-warning: var(--color-warning-600); --color-focus-ring-error: var(--color-error-200); --color-focus-ring: var(--color-brand-100); --color-footer-button-fg: var(--color-brand-200); --color-footer-button-fg_hover: var(--color-white); --color-icon-fg-brand: var(--color-brand-600); --color-icon-fg-brand_on-brand: var(--color-brand-200); --color-screen-mockup-border: var(--color-gray-900); --color-slider-handle-bg: var(--color-white); --color-slider-handle-border: var(--color-brand-600); --color-toggle-border: var(--color-gray-300); --color-toggle-button-fg_disabled: var(--color-gray-50); --color-toggle-slim-border_pressed-hover: var(--color-bg-brand-solid_hover); --color-toggle-slim-border_pressed: var(--color-bg-brand-solid); --color-tooltip-supporting-text: var(--color-gray-300); --color-text-editor-icon-fg: var(--color-gray-400); --color-text-editor-icon-fg_active: var(--color-gray-500); --background-color-quaternary: var(--color-bg-quaternary); --background-color-brand-solid: var(--color-bg-brand-solid); --background-color-disabled: var(--color-bg-disabled); --background-color-primary: var(--color-bg-primary); --background-color-primary-solid: var(--color-bg-primary-solid); --background-color-primary_alt: var(--color-bg-primary_alt); --background-color-primary_hover: var(--color-bg-primary_hover); --background-color-secondary: var(--color-bg-secondary); --background-color-secondary-solid: var(--color-bg-secondary-solid); --background-color-secondary_alt: var(--color-bg-secondary_alt); --background-color-secondary_hover: var(--color-bg-secondary_hover); --background-color-secondary_subtle: var(--color-bg-secondary_subtle); --background-color-tertiary: var(--color-bg-tertiary); --background-color-active: var(--color-bg-active); --background-color-disabled_subtle: var(--color-bg-disabled_subtle); --background-color-overlay: var(--color-bg-overlay); --background-color-brand-primary: var(--color-bg-brand-primary); --background-color-brand-primary_alt: var(--color-bg-brand-primary_alt); --background-color-brand-secondary: var(--color-bg-brand-secondary); --background-color-brand-solid: var(--color-bg-brand-solid); --background-color-brand-solid_hover: var(--color-bg-brand-solid_hover); --background-color-brand-disabled: var(--color-bg-brand-disabled); --background-color-brand-section: var(--color-bg-brand-section); --background-color-brand-section_subtle: var(--color-bg-brand-section_subtle); --background-color-error-primary: var(--color-bg-error-primary); --background-color-error-secondary: var(--color-bg-error-secondary); --background-color-error-solid: var(--color-bg-error-solid); --background-color-error-solid_hover: var(--color-bg-error-solid_hover); --background-color-warning-primary: var(--color-bg-warning-primary); --background-color-warning-secondary: var(--color-bg-warning-secondary); --background-color-warning-solid: var(--color-bg-warning-solid); --background-color-success-primary: var(--color-bg-success-primary); --background-color-success-secondary: var(--color-bg-success-secondary); --background-color-success-solid: var(--color-bg-success-solid); --background-color-border-brand: var(--color-border-brand); --background-color-border-tertiary: var(--color-border-tertiary); --background-color-border-brand_alt: var(--color-border-brand_alt); --text-color-primary: var(--color-text-primary); --text-color-primary_on-brand: var(--color-text-primary_on-brand); --text-color-secondary: var(--color-text-secondary); --text-color-secondary_hover: var(--color-text-secondary_hover); --text-color-secondary_on-brand: var(--color-text-secondary_on-brand); --text-color-tertiary: var(--color-text-tertiary); --text-color-tertiary_hover: var(--color-text-tertiary_hover); --text-color-tertiary_on-brand: var(--color-text-tertiary_on-brand); --text-color-quaternary: var(--color-text-quaternary); --text-color-quaternary_on-brand: var(--color-text-quaternary_on-brand); --text-color-disabled: var(--color-text-disabled); --text-color-placeholder: var(--color-text-placeholder); --text-color-placeholder_subtle: var(--color-text-placeholder_subtle); --text-color-brand-primary: var(--color-text-brand-primary); --text-color-brand-secondary: var(--color-text-brand-secondary); --text-color-brand-secondary_hover: var(--color-text-brand-secondary_hover); --text-color-brand-tertiary: var(--color-text-brand-tertiary); --text-color-brand-tertiary_alt: var(--color-text-brand-tertiary_alt); --text-color-error-primary: var(--color-text-error-primary); --text-color-error-primary_hover: var(--color-text-error-primary_hover); --text-color-warning-primary: var(--color-text-warning-primary); --text-color-success-primary: var(--color-text-success-primary); --text-color-tooltip-supporting-text: var(--color-tooltip-supporting-text); --border-color-primary: var(--color-border-primary); --border-color-secondary: var(--color-border-secondary); --border-color-secondary_alt: var(--color-border-secondary_alt); --border-color-tertiary: var(--color-border-tertiary); --border-color-disabled: var(--color-border-disabled); --border-color-brand: var(--color-border-brand); --border-color-brand-solid: var(--color-bg-brand-solid); --border-color-brand-solid_hover: var(--color-bg-brand-solid_hover); --border-color-error: var(--color-border-error); --border-color-disabled_subtle: var(--color-border-disabled_subtle); --border-color-brand_alt: var(--color-border-brand_alt); --border-color-error_subtle: var(--color-border-error_subtle); --ring-color-bg-brand-solid: var(--color-bg-brand-solid); --ring-color-primary: var(--color-border-primary); --ring-color-secondary: var(--color-border-secondary); --ring-color-secondary_alt: var(--color-border-secondary_alt); --ring-color-tertiary: var(--color-border-tertiary); --ring-color-disabled: var(--color-border-disabled); --ring-color-brand: var(--color-border-brand); --ring-color-brand-solid: var(--color-bg-brand-solid); --ring-color-brand-solid_hover: var(--color-bg-brand-solid_hover); --ring-color-error: var(--color-border-error); --ring-color-disabled_subtle: var(--color-border-disabled_subtle); --ring-color-brand_alt: var(--color-border-brand_alt); --ring-color-error_subtle: var(--color-border-error_subtle); --outline-color-brand: var(--color-border-brand); --outline-color-primary: var(--color-border-primary); --outline-color-secondary: var(--color-border-secondary); --outline-color-secondary_alt: var(--color-border-secondary_alt); --outline-color-tertiary: var(--color-border-tertiary); --outline-color-disabled: var(--color-border-disabled); --outline-color-brand: var(--color-border-brand); --outline-color-brand-solid: var(--color-bg-brand-solid); --outline-color-brand-solid_hover: var(--color-bg-brand-solid_hover); --outline-color-error: var(--color-border-error); --outline-color-disabled_subtle: var(--color-border-disabled_subtle); --outline-color-brand_alt: var(--color-border-brand_alt); --outline-color-error_subtle: var(--color-border-error_subtle); }@layer base{.dark-mode{--color-alpha-white: rgb(12 14 18);--color-alpha-black: rgb(255 255 255);--color-alpha-white-10: rgb(12 14 18 / .1);--color-alpha-white-20: rgb(12 14 18 / .2);--color-alpha-white-30: rgb(12 14 18 / .3);--color-alpha-white-40: rgb(12 14 18 / .4);--color-alpha-white-50: rgb(12 14 18 / .5);--color-alpha-white-60: rgb(12 14 18 / .6);--color-alpha-white-70: rgb(12 14 18 / .7);--color-alpha-white-80: rgb(12 14 18 / .8);--color-alpha-white-90: rgb(12 14 18 / .9);--color-alpha-white-100: rgb(12 14 18 / 1);--color-alpha-black-10: rgb(255 255 255 / .1);--color-alpha-black-20: rgb(255 255 255 / .2);--color-alpha-black-30: rgb(255 255 255 / .3);--color-alpha-black-40: rgb(255 255 255 / .4);--color-alpha-black-50: rgb(255 255 255 / .5);--color-alpha-black-60: rgb(255 255 255 / .6);--color-alpha-black-70: rgb(255 255 255 / .7);--color-alpha-black-80: rgb(255 255 255 / .8);--color-alpha-black-90: rgb(255 255 255 / .9);--color-alpha-black-100: rgb(255 255 255 / 1);--color-gray-25: #fafafa;--color-gray-50: #f7f7f7;--color-gray-100: #f0f0f1;--color-gray-200: #ececed;--color-gray-300: #cecfd2;--color-gray-400: #94979c;--color-gray-500: #85888e;--color-gray-600: #61656c;--color-gray-700: #373a41;--color-gray-800: #22262f;--color-gray-900: #13161b;--color-gray-950: #0c0e12;--color-utility-blue-50: var(--color-blue-950);--color-utility-blue-100: var(--color-blue-900);--color-utility-blue-200: var(--color-blue-800);--color-utility-blue-300: var(--color-blue-700);--color-utility-blue-400: var(--color-blue-600);--color-utility-blue-500: var(--color-blue-500);--color-utility-blue-600: var(--color-blue-400);--color-utility-blue-700: var(--color-blue-300);--color-utility-brand-25: var(--color-brand-950);--color-utility-brand-50: var(--color-brand-950);--color-utility-brand-50_alt: var(--color-utility-gray-50);--color-utility-brand-100: var(--color-brand-900);--color-utility-brand-100_alt: var(--color-utility-gray-100);--color-utility-brand-200: var(--color-brand-800);--color-utility-brand-200_alt: var(--color-utility-gray-200);--color-utility-brand-300: var(--color-brand-700);--color-utility-brand-300_alt: var(--color-utility-gray-300);--color-utility-brand-400: var(--color-brand-600);--color-utility-brand-400_alt: var(--color-utility-gray-400);--color-utility-brand-500: var(--color-brand-500);--color-utility-brand-500_alt: var(--color-utility-gray-500);--color-utility-brand-600: var(--color-brand-400);--color-utility-brand-600_alt: var(--color-utility-gray-600);--color-utility-brand-700: var(--color-brand-300);--color-utility-brand-700_alt: var(--color-utility-gray-700);--color-utility-brand-800: var(--color-brand-200);--color-utility-brand-800_alt: var(--color-utility-gray-800);--color-utility-brand-900: var(--color-brand-100);--color-utility-brand-900_alt: var(--color-utility-gray-900);--color-utility-gray-25: var(--color-gray-900);--color-utility-gray-50: var(--color-gray-900);--color-utility-gray-100: var(--color-gray-800);--color-utility-gray-200: var(--color-gray-700);--color-utility-gray-300: var(--color-gray-700);--color-utility-gray-400: var(--color-gray-600);--color-utility-gray-500: var(--color-gray-500);--color-utility-gray-600: var(--color-gray-400);--color-utility-gray-700: var(--color-gray-300);--color-utility-gray-800: var(--color-gray-200);--color-utility-gray-900: var(--color-gray-100);--color-utility-error-50: var(--color-error-950);--color-utility-error-100: var(--color-error-900);--color-utility-error-200: var(--color-error-800);--color-utility-error-300: var(--color-error-700);--color-utility-error-400: var(--color-error-600);--color-utility-error-500: var(--color-error-500);--color-utility-error-600: var(--color-error-400);--color-utility-error-700: var(--color-error-300);--color-utility-warning-50: var(--color-warning-950);--color-utility-warning-100: var(--color-warning-900);--color-utility-warning-200: var(--color-warning-800);--color-utility-warning-300: var(--color-warning-700);--color-utility-warning-400: var(--color-warning-600);--color-utility-warning-500: var(--color-warning-500);--color-utility-warning-600: var(--color-warning-400);--color-utility-warning-700: var(--color-warning-300);--color-utility-success-50: var(--color-success-950);--color-utility-success-100: var(--color-success-900);--color-utility-success-200: var(--color-success-800);--color-utility-success-300: var(--color-success-700);--color-utility-success-400: var(--color-success-600);--color-utility-success-500: var(--color-success-500);--color-utility-success-600: var(--color-success-400);--color-utility-success-700: var(--color-success-300);--color-utility-orange-50: var(--color-orange-950);--color-utility-orange-100: var(--color-orange-900);--color-utility-orange-200: var(--color-orange-800);--color-utility-orange-300: var(--color-orange-700);--color-utility-orange-400: var(--color-orange-600);--color-utility-orange-500: var(--color-orange-500);--color-utility-orange-600: var(--color-orange-400);--color-utility-orange-700: var(--color-orange-300);--color-utility-blue-dark-50: var(--color-blue-dark-950);--color-utility-blue-dark-100: var(--color-blue-dark-900);--color-utility-blue-dark-200: var(--color-blue-dark-800);--color-utility-blue-dark-300: var(--color-blue-dark-700);--color-utility-blue-dark-400: var(--color-blue-dark-600);--color-utility-blue-dark-500: var(--color-blue-dark-500);--color-utility-blue-dark-600: var(--color-blue-dark-400);--color-utility-blue-dark-700: var(--color-blue-dark-300);--color-utility-indigo-50: var(--color-indigo-950);--color-utility-indigo-100: var(--color-indigo-900);--color-utility-indigo-200: var(--color-indigo-800);--color-utility-indigo-300: var(--color-indigo-700);--color-utility-indigo-400: var(--color-indigo-600);--color-utility-indigo-500: var(--color-indigo-500);--color-utility-indigo-600: var(--color-indigo-400);--color-utility-indigo-700: var(--color-indigo-300);--color-utility-fuchsia-50: var(--color-fuchsia-950);--color-utility-fuchsia-100: var(--color-fuchsia-900);--color-utility-fuchsia-200: var(--color-fuchsia-800);--color-utility-fuchsia-300: var(--color-fuchsia-700);--color-utility-fuchsia-400: var(--color-fuchsia-600);--color-utility-fuchsia-500: var(--color-fuchsia-500);--color-utility-fuchsia-600: var(--color-fuchsia-400);--color-utility-fuchsia-700: var(--color-fuchsia-300);--color-utility-pink-50: var(--color-pink-950);--color-utility-pink-100: var(--color-pink-900);--color-utility-pink-200: var(--color-pink-800);--color-utility-pink-300: var(--color-pink-700);--color-utility-pink-400: var(--color-pink-600);--color-utility-pink-500: var(--color-pink-500);--color-utility-pink-600: var(--color-pink-400);--color-utility-pink-700: var(--color-pink-300);--color-utility-purple-50: var(--color-purple-950);--color-utility-purple-100: var(--color-purple-900);--color-utility-purple-200: var(--color-purple-800);--color-utility-purple-300: var(--color-purple-700);--color-utility-purple-400: var(--color-purple-600);--color-utility-purple-500: var(--color-purple-500);--color-utility-purple-600: var(--color-purple-400);--color-utility-purple-700: var(--color-purple-300);--color-utility-orange-dark-50: var(--color-orange-dark-950);--color-utility-orange-dark-100: var(--color-orange-dark-900);--color-utility-orange-dark-200: var(--color-orange-dark-800);--color-utility-orange-dark-300: var(--color-orange-dark-700);--color-utility-orange-dark-400: var(--color-orange-dark-600);--color-utility-orange-dark-500: var(--color-orange-dark-500);--color-utility-orange-dark-600: var(--color-orange-dark-400);--color-utility-orange-dark-700: var(--color-orange-dark-300);--color-utility-blue-light-50: var(--color-blue-light-950);--color-utility-blue-light-100: var(--color-blue-light-900);--color-utility-blue-light-200: var(--color-blue-light-800);--color-utility-blue-light-300: var(--color-blue-light-700);--color-utility-blue-light-400: var(--color-blue-light-600);--color-utility-blue-light-500: var(--color-blue-light-500);--color-utility-blue-light-600: var(--color-blue-light-400);--color-utility-blue-light-700: var(--color-blue-light-300);--color-utility-gray-blue-50: var(--color-gray-blue-950);--color-utility-gray-blue-100: var(--color-gray-blue-900);--color-utility-gray-blue-200: var(--color-gray-blue-800);--color-utility-gray-blue-300: var(--color-gray-blue-700);--color-utility-gray-blue-400: var(--color-gray-blue-600);--color-utility-gray-blue-500: var(--color-gray-blue-500);--color-utility-gray-blue-600: var(--color-gray-blue-400);--color-utility-gray-blue-700: var(--color-gray-blue-300);--color-utility-green-50: var(--color-green-950);--color-utility-green-100: var(--color-green-900);--color-utility-green-200: var(--color-green-800);--color-utility-green-300: var(--color-green-700);--color-utility-green-400: var(--color-green-600);--color-utility-green-500: var(--color-green-500);--color-utility-green-600: var(--color-green-400);--color-utility-green-700: var(--color-green-300);--color-utility-yellow-50: var(--color-yellow-950);--color-utility-yellow-100: var(--color-yellow-900);--color-utility-yellow-200: var(--color-yellow-800);--color-utility-yellow-300: var(--color-yellow-700);--color-utility-yellow-400: var(--color-yellow-600);--color-utility-yellow-500: var(--color-yellow-500);--color-utility-yellow-600: var(--color-yellow-400);--color-utility-yellow-700: var(--color-yellow-300);--color-text-primary: var(--color-white);--color-text-tertiary: var(--color-gray-dark-alpha-400);--color-text-error-primary: var(--color-error-400);--color-text-warning-primary: var(--color-warning-400);--color-text-success-primary: var(--color-success-400);--color-text-white: var(--color-white);--color-text-secondary: var(--color-gray-dark-alpha-300);--color-text-disabled: var(--color-gray-dark-alpha-700);--color-text-secondary_hover: var(--color-gray-dark-alpha-200);--color-text-tertiary_hover: var(--color-gray-dark-alpha-300);--color-text-brand-secondary: var(--color-brand-200);--color-text-placeholder: var(--color-gray-dark-alpha-400);--color-text-placeholder_subtle: var(--color-gray-dark-alpha-600);--color-text-brand-tertiary: var(--color-brand-300);--color-text-quaternary: var(--color-gray-dark-alpha-500);--color-text-brand-primary: var(--color-brand-100);--color-text-primary_on-brand: var(--color-white);--color-text-secondary_on-brand: var(--color-gray-300);--color-text-tertiary_on-brand: var(--color-gray-400);--color-text-quaternary_on-brand: var(--color-gray-400);--color-text-brand-tertiary_alt: var(--color-gray-50);--color-text-brand-secondary_hover: var(--color-gray-200);--color-text-error-primary_hover: var(--color-error-300);--color-border-secondary: var(--color-gray-dark-alpha-600);--color-border-error_subtle: var(--color-error-500);--color-border-primary: var(--color-gray-dark-alpha-400);--color-border-brand: var(--color-brand-400);--color-border-brand-disabled: var(--color-brand-900);--color-border-disabled: var(--color-gray-dark-alpha-700);--color-border-error: var(--color-error-400);--color-border-disabled_subtle: var(--color-gray-dark-alpha-600);--color-border-tertiary: var(--color-gray-dark-alpha-700);--color-border-brand_alt: var(--color-gray-700);--color-border-secondary_alt: var(--color-gray-800);--color-fg-secondary: var(--color-gray-dark-alpha-300);--color-fg-warning-primary: var(--color-warning-500);--color-fg-success-primary: var(--color-success-500);--color-fg-white: var(--color-white);--color-fg-success-secondary: var(--color-success-400);--color-fg-secondary_hover: var(--color-gray-dark-alpha-200);--color-fg-primary: var(--color-white);--color-fg-disabled: var(--color-gray-dark-alpha-500);--color-fg-brand-secondary: var(--color-brand-500);--color-fg-brand-primary: var(--color-brand-500);--color-fg-quaternary: var(--color-gray-dark-alpha-600);--color-fg-quaternary_hover: var(--color-gray-dark-alpha-500);--color-fg-error-primary: var(--color-error-500);--color-fg-disabled_subtle: var(--color-gray-dark-alpha-600);--color-fg-warning-secondary: var(--color-warning-400);--color-fg-error-secondary: var(--color-error-400);--color-fg-tertiary: var(--color-alpha-black-70);--color-fg-tertiary_hover: var(--color-gray-dark-alpha-300);--color-fg-brand-primary_alt: var(--color-gray-300);--color-fg-brand-secondary_alt: var(--color-gray-600);--color-fg-brand-secondary_hover: var(--color-gray-500);--color-bg-primary: var(--color-gray-950);--color-bg-tertiary: var(--color-gray-dark-alpha-800);--color-bg-brand-primary: var(--color-brand-500);--color-bg-error-secondary: var(--color-error-600);--color-bg-warning-primary: var(--color-warning-950);--color-bg-warning-secondary: var(--color-warning-600);--color-bg-success-primary: var(--color-success-950);--color-bg-success-secondary: var(--color-success-600);--color-bg-brand-solid: var(--color-brand-600);--color-bg-secondary-solid: var(--color-gray-dark-alpha-600);--color-bg-error-solid: var(--color-error-600);--color-bg-error-solid_hover: var(--color-error-500);--color-bg-warning-solid: var(--color-warning-600);--color-bg-success-solid: var(--color-success-600);--color-bg-secondary_hover: var(--color-gray-dark-alpha-700);--color-bg-primary_hover: var(--color-gray-dark-alpha-800);--color-bg-disabled: var(--color-gray-dark-alpha-800);--color-bg-brand-disabled: var(--color-brand-900);--color-bg-active: var(--color-alpha-black-30);--color-bg-brand-solid_hover: var(--color-brand-500);--color-bg-error-primary: var(--color-error-950);--color-bg-brand-secondary: var(--color-brand-600);--color-bg-secondary: var(--color-gray-dark-alpha-900);--color-bg-disabled_subtle: var(--color-gray-dark-alpha-900);--color-bg-quaternary: var(--color-gray-dark-alpha-700);--color-bg-primary_alt: var(--color-bg-secondary);--color-bg-brand-primary_alt: var(--color-bg-secondary);--color-bg-secondary_alt: var(--color-bg-primary);--color-bg-overlay: var(--color-gray-800);--color-bg-secondary_subtle: var(--color-gray-dark-alpha-900);--color-bg-brand-section: var(--color-bg-secondary);--color-bg-brand-section_subtle: var(--color-bg-primary);--color-bg-primary-solid: var(--color-gray-25);--color-shadow-3: var(--color-transparent);--color-shadow-4: var(--color-transparent);--color-shadow-5: var(--color-transparent);--color-shadow-6: var(--color-transparent);--color-shadow-8: var(--color-transparent);--color-shadow-10: var(--color-transparent);--color-shadow-12: var(--color-transparent);--color-shadow-14: var(--color-transparent);--color-shadow-16: var(--color-transparent);--color-shadow-18: var(--color-transparent);--color-shadow-skeumorphic-inner: #0C0E120D;--color-shadow-skeumorphic-inner-border: #0C0E122E;--color-mockup-shadow-main-centre-md: var(--color-transparent);--color-mockup-shadow-main-centre-lg: var(--color-transparent);--color-mockup-shadow-overlay-lg: var(--color-transparent);--color-mockup-shadow-grid-md: var(--color-transparent);--color-app-store-badge-border: var(--color-white);--color-avatar-bg: var(--color-gray-800);--color-avatar-contrast-border: rgb(255 255 255 / .12);--color-avatar-profile-photo-border: var(--color-gray-950);--color-avatar-styles-bg-neutral: rgb(224 224 224 / 1);--color-button-destructive-primary-icon: var(--color-error-300);--color-button-destructive-primary-icon_hover: var(--color-error-200);--color-button-primary-icon: var(--color-brand-300);--color-button-primary-icon_hover: var(--color-brand-200);--color-featured-icon-light-fg-brand: var(--color-brand-200);--color-featured-icon-light-fg-error: var(--color-error-200);--color-featured-icon-light-fg-gray: var(--color-gray-200);--color-featured-icon-light-fg-success: var(--color-success-200);--color-featured-icon-light-fg-warning: var(--color-warning-200);--color-focus-ring-error: var(--color-error-500);--color-focus-ring: var(--color-brand-500);--color-footer-button-fg: var(--color-gray-300);--color-footer-button-fg_hover: var(--color-gray-100);--color-icon-fg-brand: var(--color-gray-400);--color-icon-fg-brand_on-brand: var(--color-gray-400);--color-nav-item-button-icon-fg: var(--color-gray-400);--color-nav-item-button-icon-fg_active: var(--color-gray-300);--color-nav-item-icon-fg: var(--color-gray-400);--color-nav-item-icon-fg_active: var(--color-gray-300);--color-screen-mockup-border: var(--color-gray-700);--color-slider-handle-bg: var(--color-fg-brand-primary);--color-slider-handle-border: var(--color-bg-primary);--color-toggle-border: var(--color-transparent);--color-toggle-button-fg_disabled: var(--color-gray-600);--color-toggle-slim-border_pressed-hover: var(--color-transparent);--color-toggle-slim-border_pressed: var(--color-transparent);--color-tooltip-supporting-text: var(--color-gray-300);--color-text-editor-icon-fg: var(--color-gray-400);--color-text-editor-icon-fg_active: var(--color-white);--background-color-quaternary: var(--color-bg-quaternary);--background-color-disabled: var(--color-bg-disabled);--background-color-primary: var(--color-bg-primary);--background-color-primary-solid: var(--color-bg-primary-solid);--background-color-primary_alt: var(--color-bg-primary_alt);--background-color-primary_hover: var(--color-bg-primary_hover);--background-color-secondary: var(--color-bg-secondary);--background-color-secondary-solid: var(--color-bg-secondary-solid);--background-color-secondary_alt: var(--color-bg-secondary_alt);--background-color-secondary_hover: var(--color-bg-secondary_hover);--background-color-secondary_subtle: var(--color-bg-secondary_subtle);--background-color-tertiary: var(--color-bg-tertiary);--background-color-active: var(--color-bg-active);--background-color-disabled_subtle: var(--color-bg-disabled_subtle);--background-color-overlay: var(--color-bg-overlay);--background-color-brand-primary: var(--color-bg-brand-primary);--background-color-brand-primary_alt: var(--color-bg-brand-primary_alt);--background-color-brand-secondary: var(--color-bg-brand-secondary);--background-color-brand-solid: var(--color-bg-brand-solid);--background-color-brand-solid_hover: var(--color-bg-brand-solid_hover);--background-color-brand-section: var(--color-bg-brand-section);--background-color-brand-section_subtle: var(--color-bg-brand-section_subtle);--background-color-error-primary: var(--color-bg-error-primary);--background-color-error-secondary: var(--color-bg-error-secondary);--background-color-error-solid: var(--color-bg-error-solid);--background-color-warning-primary: var(--color-bg-warning-primary);--background-color-warning-secondary: var(--color-bg-warning-secondary);--background-color-warning-solid: var(--color-bg-warning-solid);--background-color-success-primary: var(--color-bg-success-primary);--background-color-success-secondary: var(--color-bg-success-secondary);--background-color-success-solid: var(--color-bg-success-solid);--background-color-border-brand: var(--color-border-brand);--background-color-border-tertiary: var(--color-border-tertiary);--background-color-border-brand_alt: var(--color-border-brand_alt);--text-color-primary: var(--color-text-primary);--text-color-primary_on-brand: var(--color-text-primary_on-brand);--text-color-secondary: var(--color-text-secondary);--text-color-secondary_hover: var(--color-text-secondary_hover);--text-color-secondary_on-brand: var(--color-text-secondary_on-brand);--text-color-tertiary: var(--color-text-tertiary);--text-color-tertiary_hover: var(--color-text-tertiary_hover);--text-color-tertiary_on-brand: var(--color-text-tertiary_on-brand);--text-color-quaternary: var(--color-text-quaternary);--text-color-quaternary_on-brand: var(--color-text-quaternary_on-brand);--text-color-disabled: var(--color-text-disabled);--text-color-placeholder: var(--color-text-placeholder);--text-color-placeholder_subtle: var(--color-text-placeholder_subtle);--text-color-brand-primary: var(--color-text-brand-primary);--text-color-brand-secondary: var(--color-text-brand-secondary);--text-color-brand-secondary_hover: var(--color-text-brand-secondary_hover);--text-color-brand-tertiary: var(--color-text-brand-tertiary);--text-color-brand-tertiary_alt: var(--color-text-brand-tertiary_alt);--text-color-error-primary: var(--color-text-error-primary);--text-color-error-primary_hover: var(--color-text-error-primary_hover);--text-color-warning-primary: var(--color-text-warning-primary);--text-color-success-primary: var(--color-text-success-primary);--text-color-tooltip-supporting-text: var(--color-tooltip-supporting-text);--border-color-primary: var(--color-border-primary);--border-color-secondary: var(--color-border-secondary);--border-color-secondary_alt: var(--color-border-secondary_alt);--border-color-tertiary: var(--color-border-tertiary);--border-color-disabled: var(--color-border-disabled);--border-color-brand: var(--color-border-brand);--border-color-brand-solid: var(--color-bg-brand-solid);--border-color-brand-solid_hover: var(--color-bg-brand-solid_hover);--border-color-error: var(--color-border-error);--border-color-disabled_subtle: var(--color-border-disabled_subtle);--border-color-brand_alt: var(--color-border-brand_alt);--border-color-error_subtle: var(--color-border-error_subtle);--ring-color-bg-brand-solid: var(--color-bg-brand-solid);--ring-color-primary: var(--color-border-primary);--ring-color-secondary: var(--color-border-secondary);--ring-color-secondary_alt: var(--color-border-secondary_alt);--ring-color-tertiary: var(--color-border-tertiary);--ring-color-disabled: var(--color-border-disabled);--ring-color-brand: var(--color-border-brand);--ring-color-brand-solid: var(--color-bg-brand-solid);--ring-color-brand-solid_hover: var(--color-bg-brand-solid_hover);--ring-color-error: var(--color-border-error);--ring-color-disabled_subtle: var(--color-border-disabled_subtle);--ring-color-brand_alt: var(--color-border-brand_alt);--ring-color-error_subtle: var(--color-border-error_subtle);--outline-color-primary: var(--color-border-primary);--outline-color-secondary: var(--color-border-secondary);--outline-color-secondary_alt: var(--color-border-secondary_alt);--outline-color-tertiary: var(--color-border-tertiary);--outline-color-disabled: var(--color-border-disabled);--outline-color-brand: var(--color-border-brand);--outline-color-brand-solid: var(--color-bg-brand-solid);--outline-color-brand-solid_hover: var(--color-bg-brand-solid_hover);--outline-color-error: var(--color-border-error);--outline-color-disabled_subtle: var(--color-border-disabled_subtle);--outline-color-brand_alt: var(--color-border-brand_alt);--outline-color-error_subtle: var(--color-border-error_subtle)}}
|
|
1
|
+
:root{--font-body: var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-display: var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-transparent: rgb(0 0 0 / 0);--color-white: rgb(255 255 255);--color-black: rgb(0 0 0);--color-alpha-white: rgb(255 255 255);--color-alpha-black: rgb(0 0 0);--color-brand-25: #f1f8fe;--color-brand-50: #e2f1fd;--color-brand-100: #cee7fc;--color-brand-200: #add7fa;--color-brand-300: #83c3f8;--color-brand-400: #5aaff6;--color-brand-500: #319bf3;--color-brand-600: #0684f0;--color-brand-700: #0770c9;--color-brand-800: #055aa1;--color-brand-900: #044378;--color-brand-950: #032d50;--color-error-25: rgb(255 251 250);--color-error-50: rgb(254 243 242);--color-error-100: rgb(254 228 226);--color-error-200: rgb(254 205 202);--color-error-300: rgb(253 162 155);--color-error-400: rgb(249 112 102);--color-error-500: rgb(240 68 56);--color-error-600: rgb(217 45 32);--color-error-700: rgb(180 35 24);--color-error-800: rgb(145 32 24);--color-error-900: rgb(122 39 26);--color-error-950: rgb(85 22 12);--color-warning-25: rgb(255 252 245);--color-warning-50: rgb(255 250 235);--color-warning-100: rgb(254 240 199);--color-warning-200: rgb(254 223 137);--color-warning-300: rgb(254 200 75);--color-warning-400: rgb(253 176 34);--color-warning-500: rgb(247 144 9);--color-warning-600: rgb(220 104 3);--color-warning-700: rgb(181 71 8);--color-warning-800: rgb(147 55 13);--color-warning-900: rgb(122 46 14);--color-warning-950: rgb(78 29 9);--color-success-25: rgb(246 254 249);--color-success-50: rgb(236 253 243);--color-success-100: rgb(220 250 230);--color-success-200: rgb(171 239 198);--color-success-300: rgb(117 224 167);--color-success-400: rgb(71 205 137);--color-success-500: rgb(23 178 106);--color-success-600: rgb(7 148 85);--color-success-700: rgb(6 118 71);--color-success-800: rgb(8 93 58);--color-success-900: rgb(7 77 49);--color-success-950: rgb(5 51 33);--color-gray-25: #F7F8FA;--color-gray-50: #F3F4F7;--color-gray-100: #EAEBF1;--color-gray-200: #C6CCD7;--color-gray-300: #949BA8;--color-gray-400: #818792;--color-gray-500: #555A63;--color-gray-600: #43474F;--color-gray-700: #31353A;--color-gray-800: #1F2023;--color-gray-900: #141517;--color-gray-950: #06060A;--color-bg-primary: var(--color-white);--color-bg-tertiary: var(--color-gray-100);--color-bg-brand-primary: var(--color-brand-50);--color-bg-error-secondary: var(--color-error-100);--color-bg-warning-primary: var(--color-warning-50);--color-bg-warning-secondary: var(--color-warning-100);--color-bg-success-primary: var(--color-success-50);--color-bg-success-secondary: var(--color-success-100);--color-bg-brand-solid: var(--color-brand-600);--color-bg-secondary-solid: var(--color-gray-600);--color-bg-error-solid: var(--color-error-600);--color-bg-error-solid_hover: var(--color-error-700);--color-bg-warning-solid: var(--color-warning-600);--color-bg-success-solid: var(--color-success-600);--color-bg-secondary_hover: var(--color-gray-100);--color-bg-primary_hover: var(--color-gray-50);--color-bg-disabled: var(--color-gray-100);--color-bg-brand-disabled: var(--color-brand-200);--color-bg-active: var(--color-gray-50);--color-bg-brand-solid_hover: var(--color-brand-700);--color-bg-error-primary: var(--color-error-50);--color-bg-brand-secondary: var(--color-brand-100);--color-bg-secondary: var(--color-gray-50);--color-bg-disabled_subtle: var(--color-gray-50);--color-bg-quaternary: var(--color-gray-200);--color-bg-primary_alt: var(--color-white);--color-bg-brand-primary_alt: var(--color-brand-50);--color-bg-secondary_alt: var(--color-gray-50);--color-bg-overlay: var(--color-gray-950);--color-bg-secondary_subtle: var(--color-gray-25);--color-bg-brand-section: var(--color-brand-800);--color-bg-brand-section_subtle: var(--color-brand-700);--color-bg-primary-solid: var(--color-gray-950);--color-text-primary: var(--color-gray-950);--color-text-tertiary: var(--color-gray-400);--color-text-error-primary: var(--color-error-600);--color-text-warning-primary: var(--color-warning-600);--color-text-success-primary: var(--color-success-600);--color-text-white: var(--color-white);--color-text-secondary: var(--color-gray-600);--color-text-disabled: var(--color-gray-200);--color-text-secondary_hover: var(--color-gray-800);--color-text-tertiary_hover: var(--color-gray-500);--color-text-brand-secondary: var(--color-brand-700);--color-text-placeholder: var(--color-gray-300);--color-text-placeholder_subtle: var(--color-gray-200);--color-text-brand-tertiary: var(--color-brand-600);--color-text-quaternary: var(--color-gray-300);--color-text-brand-primary: var(--color-brand-900);--color-text-primary_on-brand: var(--color-white);--color-text-secondary_on-brand: var(--color-brand-200);--color-text-tertiary_on-brand: var(--color-brand-200);--color-text-quaternary_on-brand: var(--color-brand-300);--color-text-brand-tertiary_alt: var(--color-brand-600);--color-text-brand-secondary_hover: var(--color-brand-800);--color-text-error-primary_hover: var(--color-error-700);--color-border-secondary: var(--color-gray-100);--color-border-error_subtle: var(--color-error-300);--color-border-primary: var(--color-gray-200);--color-border-brand: var(--color-brand-500);--color-border-disabled: var(--color-gray-200);--color-border-error: var(--color-error-500);--color-border-disabled_subtle: var(--color-gray-100);--color-border-tertiary: var(--color-gray-50);--color-border-brand-disabled: var(--color-brand-50);--color-border-brand_alt: var(--color-brand-600);--color-border-secondary_alt: rgb(0 0 0 / .08);--color-fg-secondary: var(--color-gray-700);--color-fg-warning-primary: var(--color-warning-600);--color-fg-success-primary: var(--color-success-600);--color-fg-white: var(--color-white);--color-fg-success-secondary: var(--color-success-500);--color-fg-secondary_hover: var(--color-gray-800);--color-fg-primary: var(--color-gray-900);--color-fg-disabled: var(--color-gray-300);--color-fg-brand-secondary: var(--color-brand-500);--color-fg-brand-primary: var(--color-brand-600);--color-fg-quaternary: var(--color-gray-400);--color-fg-quaternary_hover: var(--color-gray-500);--color-fg-error-primary: var(--color-error-600);--color-fg-disabled_subtle: var(--color-gray-200);--color-fg-warning-secondary: var(--color-warning-500);--color-fg-error-secondary: var(--color-error-500);--color-fg-tertiary: var(--color-gray-600);--color-fg-tertiary_hover: var(--color-gray-700);--color-fg-brand-primary_alt: var(--color-fg-brand-primary);--color-fg-brand-secondary_alt: var(--color-fg-brand-secondary);--color-fg-brand-secondary_hover: var(--color-brand-600);--color-button-destructive-primary-icon: var(--color-error-300);--color-button-destructive-primary-icon_hover: var(--color-error-200);--color-button-primary-icon: var(--color-brand-300);--color-button-primary-icon_hover: var(--color-brand-200);--color-focus-ring-error: var(--color-error-200);--color-focus-ring: var(--color-brand-100)}@theme{ --font-body: var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --font-display: var(--font-inter, "Inter"), -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --font-mono: ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --text-xs: calc(var(--spacing) * 3); --text-xs--line-height: calc(var(--spacing) * 4.5); --text-sm: calc(var(--spacing) * 3.5); --text-sm--line-height: calc(var(--spacing) * 5); --text-md: calc(var(--spacing) * 4); --text-md--line-height: calc(var(--spacing) * 6); --text-lg: calc(var(--spacing) * 4.5); --text-lg--line-height: calc(var(--spacing) * 7); --text-xl: calc(var(--spacing) * 5); --text-xl--line-height: calc(var(--spacing) * 7.5); --text-display-xs: calc(var(--spacing) * 6); --text-display-xs--line-height: calc(var(--spacing) * 8); --text-display-sm: calc(var(--spacing) * 7.5); --text-display-sm--line-height: calc(var(--spacing) * 9.5); --text-display-md: calc(var(--spacing) * 9); --text-display-md--line-height: calc(var(--spacing) * 11); --text-display-md--letter-spacing: -.72px; --text-display-lg: calc(var(--spacing) * 12); --text-display-lg--line-height: calc(var(--spacing) * 15); --text-display-lg--letter-spacing: -.96px; --text-display-xl: calc(var(--spacing) * 15); --text-display-xl--line-height: calc(var(--spacing) * 18); --text-display-xl--letter-spacing: -1.2px; --text-display-2xl: calc(var(--spacing) * 18); --text-display-2xl--line-height: calc(var(--spacing) * 22.5); --text-display-2xl--letter-spacing: -1.44px; --max-width-container: 1280px; --breakpoint-xxs: 320px; --breakpoint-xs: 600px; --radius-none: 0px; --radius-xxs: 2px; --radius-xs: 4px; --radius-sm: 6px; --radius-DEFAULT: 8px; --radius-md: 8px; --radius-lg: 10px; --radius-xl: 12px; --radius-2xl: 16px; --radius-3xl: 20px; --radius-4xl: 24px; --radius-full: 9999px; --shadow-rightPanel: 0 0 4px -2px rgba(64, 73, 104, .1), 0 0 12px 0 rgba(64, 73, 104, .08); --shadow-xs: 0px 1px 2px rgba(10, 13, 18, .05); --shadow-sm: 0px 1px 3px rgba(10, 13, 18, .1), 0px 1px 2px -1px rgba(10, 13, 18, .1); --shadow-md: 0px 4px 6px -1px rgba(10, 13, 18, .1), 0px 2px 4px -2px rgba(10, 13, 18, .06); --shadow-lg: 0px 12px 16px -4px rgba(10, 13, 18, .08), 0px 4px 6px -2px rgba(10, 13, 18, .03), 0px 2px 2px -1px rgba(10, 13, 18, .04); --shadow-xl: 0px 20px 24px -4px rgba(10, 13, 18, .08), 0px 8px 8px -4px rgba(10, 13, 18, .03), 0px 3px 3px -1.5px rgba(10, 13, 18, .04); --shadow-2xl: 0px 24px 48px -12px rgba(10, 13, 18, .18), 0px 4px 4px -2px rgba(10, 13, 18, .04); --shadow-3xl: 0px 32px 64px -12px rgba(10, 13, 18, .14), 0px 5px 5px -2.5px rgba(10, 13, 18, .04); --shadow-skeumorphic: 0px 0px 0px 1px rgba(10, 13, 18, .18) inset, 0px -2px 0px 0px rgba(10, 13, 18, .05) inset; --shadow-xs-skeumorphic: var(--shadow-skeumorphic), var(--shadow-xs); --shadow-modern-mockup-inner-lg: 0px 0px 3.765px 1.255px rgba(10, 13, 18, .08) inset, 0px 0px 2.51px 1.255px rgba(10, 13, 18, .03) inset; --shadow-modern-mockup-inner-md: 0px 0px 1.692px .564px rgba(10, 13, 18, .08) inset, 0px 0px 1.128px .564px rgba(10, 13, 18, .03) inset; --shadow-modern-mockup-inner-sm: 0px 0px 4.48px 1.493px rgba(10, 13, 18, .08) inset, 0px 0px 2.987px 1.493px rgba(10, 13, 18, .03) inset; --shadow-modern-mockup-outer-lg: 0px 7.529px 10.039px -2.51px rgba(10, 13, 18, .08), 0px 2.51px 3.765px -1.255px rgba(10, 13, 18, .03), 0px 1.255px 1.255px -.627px rgba(10, 13, 18, .04); --shadow-modern-mockup-outer-md: 0px 3.385px 4.513px -1.128px rgba(10, 13, 18, .08), 0px 1.128px 1.692px -.564px rgba(10, 13, 18, .03), 0px .564px .564px -.282px rgba(10, 13, 18, .04); --drop-shadow-iphone-mockup: 20px 12px 18px rgba(16, 24, 40, .2); --shadow-elevated: 0 4px 4px -2px rgba(64, 73, 104, .04), 0 2px 6px 0 rgba(64, 73, 104, .06); --animate-marquee: marquee 60s linear infinite; --animate-caret-blink: caret-blink 1s infinite; @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @keyframes caret-blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } } --color-transparent: rgb(0 0 0 / 0); --color-white: rgb(255 255 255); --color-black: rgb(0 0 0); --color-alpha-white: rgb(255 255 255); --color-alpha-black: rgb(0 0 0); --color-alpha-white-10: rgb(255 255 255 / .1); --color-alpha-white-20: rgb(255 255 255 / .2); --color-alpha-white-30: rgb(255 255 255 / .3); --color-alpha-white-40: rgb(255 255 255 / .4); --color-alpha-white-50: rgb(255 255 255 / .5); --color-alpha-white-60: rgb(255 255 255 / .6); --color-alpha-white-70: rgb(255 255 255 / .7); --color-alpha-white-80: rgb(255 255 255 / .8); --color-alpha-white-90: rgb(255 255 255 / .9); --color-alpha-white-100: rgb(255 255 255 / 1); --color-alpha-black-10: rgb(0 0 0 / .1); --color-alpha-black-20: rgb(0 0 0 / .2); --color-alpha-black-30: rgb(0 0 0 / .3); --color-alpha-black-40: rgb(0 0 0 / .4); --color-alpha-black-50: rgb(0 0 0 / .5); --color-alpha-black-60: rgb(0 0 0 / .6); --color-alpha-black-70: rgb(0 0 0 / .7); --color-alpha-black-80: rgb(0 0 0 / .8); --color-alpha-black-90: rgb(0 0 0 / .9); --color-alpha-black-100: rgb(0 0 0 / 1); --color-brand-25: #f1f8fe; --color-brand-50: #e2f1fd; --color-brand-100: #cee7fc; --color-brand-200: #add7fa; --color-brand-300: #83c3f8; --color-brand-400: #5aaff6; --color-brand-500: #319bf3; --color-brand-600: #0684f0; --color-brand-700: #0770c9; --color-brand-800: #055aa1; --color-brand-900: #044378; --color-brand-950: #032d50; --color-error-25: rgb(255 251 250); --color-error-50: rgb(254 243 242); --color-error-100: rgb(254 228 226); --color-error-200: rgb(254 205 202); --color-error-300: rgb(253 162 155); --color-error-400: rgb(249 112 102); --color-error-500: rgb(240 68 56); --color-error-600: rgb(217 45 32); --color-error-700: rgb(180 35 24); --color-error-800: rgb(145 32 24); --color-error-900: rgb(122 39 26); --color-error-950: rgb(85 22 12); --color-warning-25: rgb(255 252 245); --color-warning-50: rgb(255 250 235); --color-warning-100: rgb(254 240 199); --color-warning-200: rgb(254 223 137); --color-warning-300: rgb(254 200 75); --color-warning-400: rgb(253 176 34); --color-warning-500: rgb(247 144 9); --color-warning-600: rgb(220 104 3); --color-warning-700: rgb(181 71 8); --color-warning-800: rgb(147 55 13); --color-warning-900: rgb(122 46 14); --color-warning-950: rgb(78 29 9); --color-success-25: rgb(246 254 249); --color-success-50: rgb(236 253 243); --color-success-100: rgb(220 250 230); --color-success-200: rgb(171 239 198); --color-success-300: rgb(117 224 167); --color-success-400: rgb(71 205 137); --color-success-500: rgb(23 178 106); --color-success-600: rgb(7 148 85); --color-success-700: rgb(6 118 71); --color-success-800: rgb(8 93 58); --color-success-900: rgb(7 77 49); --color-success-950: rgb(5 51 33); --color-gray-25: #F7F8FA; --color-gray-50: #F3F4F7; --color-gray-100: #EAEBF1; --color-gray-200: #C6CCD7; --color-gray-300: #949BA8; --color-gray-400: #818792; --color-gray-500: #555A63; --color-gray-600: #43474F; --color-gray-700: #31353A; --color-gray-800: #1F2023; --color-gray-900: #141517; --color-gray-950: #06060A; --color-gray-dark-25: #fafafa; --color-gray-dark-50: #f7f7f7; --color-gray-dark-100: #f0f0f1; --color-gray-dark-200: #ececed; --color-gray-dark-300: #cecfd2; --color-gray-dark-400: #94979c; --color-gray-dark-500: #85888e; --color-gray-dark-600: #61656c; --color-gray-dark-700: #373a41; --color-gray-dark-800: #22262f; --color-gray-dark-900: #13161b; --color-gray-dark-950: #0c0e12; --color-gray-dark-alpha-25: rgba(255, 255, 255, .98); --color-gray-dark-alpha-50: rgba(255, 255, 255, .96); --color-gray-dark-alpha-100: rgba(255, 255, 255, .94); --color-gray-dark-alpha-200: rgba(255, 255, 255, .92); --color-gray-dark-alpha-300: rgba(255, 255, 255, .8); --color-gray-dark-alpha-400: rgba(255, 255, 255, .56); --color-gray-dark-alpha-500: rgba(255, 255, 255, .5); --color-gray-dark-alpha-600: rgba(255, 255, 255, .35); --color-gray-dark-alpha-700: rgba(255, 255, 255, .16); --color-gray-dark-alpha-800: rgba(255, 255, 255, .08); --color-gray-dark-alpha-900: rgba(255, 255, 255, .04); --color-gray-dark-alpha-950: rgba(255, 255, 255, 0); --color-gray-blue-25: rgb(252 252 253); --color-gray-blue-50: rgb(248 249 252); --color-gray-blue-100: rgb(234 236 245); --color-gray-blue-200: rgb(213 217 235); --color-gray-blue-300: rgb(179 184 219); --color-gray-blue-400: rgb(113 123 188); --color-gray-blue-500: rgb(78 91 166); --color-gray-blue-600: rgb(62 71 132); --color-gray-blue-700: rgb(54 63 114); --color-gray-blue-800: rgb(41 48 86); --color-gray-blue-900: rgb(16 19 35); --color-gray-blue-950: rgb(13 15 28); --color-gray-cool-25: rgb(252 252 253); --color-gray-cool-50: rgb(249 249 251); --color-gray-cool-100: rgb(239 241 245); --color-gray-cool-200: rgb(220 223 234); --color-gray-cool-300: rgb(185 192 212); --color-gray-cool-400: rgb(125 137 176); --color-gray-cool-500: rgb(93 107 152); --color-gray-cool-600: rgb(74 85 120); --color-gray-cool-700: rgb(64 73 104); --color-gray-cool-800: rgb(48 55 79); --color-gray-cool-900: rgb(17 19 34); --color-gray-cool-950: rgb(14 16 27); --color-label-500: rgb(52 64 84); --color-gray-modern-25: rgb(252 252 253); --color-gray-modern-50: rgb(248 250 252); --color-gray-modern-100: rgb(238 242 246); --color-gray-modern-200: rgb(227 232 239); --color-gray-modern-300: rgb(205 213 223); --color-gray-modern-400: rgb(154 164 178); --color-gray-modern-500: rgb(105 117 134); --color-gray-modern-600: rgb(75 85 101); --color-gray-modern-700: rgb(54 65 82); --color-gray-modern-800: rgb(32 41 57); --color-gray-modern-900: rgb(18 25 38); --color-gray-modern-950: rgb(13 18 28); --color-gray-neutral-25: rgb(252 252 253); --color-gray-neutral-50: rgb(249 250 251); --color-gray-neutral-100: rgb(243 244 246); --color-gray-neutral-200: rgb(229 231 235); --color-gray-neutral-300: rgb(210 214 219); --color-gray-neutral-400: rgb(157 164 174); --color-gray-neutral-500: rgb(108 115 127); --color-gray-neutral-600: rgb(77 87 97); --color-gray-neutral-700: rgb(56 66 80); --color-gray-neutral-800: rgb(31 42 55); --color-gray-neutral-900: rgb(17 25 39); --color-gray-neutral-950: rgb(13 18 28); --color-gray-iron-25: rgb(252 252 252); --color-gray-iron-50: rgb(250 250 250); --color-gray-iron-100: rgb(244 244 245); --color-gray-iron-200: rgb(228 228 231); --color-gray-iron-300: rgb(209 209 214); --color-gray-iron-400: rgb(160 160 171); --color-gray-iron-500: rgb(112 112 123); --color-gray-iron-600: rgb(81 82 92); --color-gray-iron-700: rgb(63 63 70); --color-gray-iron-800: rgb(38 39 43); --color-gray-iron-900: rgb(26 26 30); --color-gray-iron-950: rgb(19 19 22); --color-gray-true-25: rgb(252 252 252); --color-gray-true-50: rgb(247 247 247); --color-gray-true-100: rgb(245 245 245); --color-gray-true-200: rgb(229 229 229); --color-gray-true-300: rgb(214 214 214); --color-gray-true-400: rgb(163 163 163); --color-gray-true-500: rgb(115 115 115); --color-gray-true-600: rgb(82 82 82); --color-gray-true-700: rgb(66 66 66); --color-gray-true-800: rgb(41 41 41); --color-gray-true-900: rgb(20 20 20); --color-gray-true-950: rgb(15 15 15); --color-gray-warm-25: rgb(253 253 252); --color-gray-warm-50: rgb(250 250 249); --color-gray-warm-100: rgb(245 245 244); --color-gray-warm-200: rgb(231 229 228); --color-gray-warm-300: rgb(215 211 208); --color-gray-warm-400: rgb(169 162 157); --color-gray-warm-500: rgb(121 113 107); --color-gray-warm-600: rgb(87 83 78); --color-gray-warm-700: rgb(68 64 60); --color-gray-warm-800: rgb(41 37 36); --color-gray-warm-900: rgb(28 25 23); --color-gray-warm-950: rgb(23 20 18); --color-moss-25: rgb(250 253 247); --color-moss-50: rgb(245 251 238); --color-moss-100: rgb(230 244 215); --color-moss-200: rgb(206 234 176); --color-moss-300: rgb(172 220 121); --color-moss-400: rgb(134 203 60); --color-moss-500: rgb(102 159 42); --color-moss-600: rgb(79 122 33); --color-moss-700: rgb(63 98 26); --color-moss-800: rgb(51 80 21); --color-moss-900: rgb(43 66 18); --color-moss-950: rgb(26 40 11); --color-green-light-25: rgb(250 254 245); --color-green-light-50: rgb(243 254 231); --color-green-light-100: rgb(227 251 204); --color-green-light-200: rgb(208 248 171); --color-green-light-300: rgb(166 239 103); --color-green-light-400: rgb(133 225 58); --color-green-light-500: rgb(102 198 28); --color-green-light-600: rgb(76 163 13); --color-green-light-700: rgb(59 124 15); --color-green-light-800: rgb(50 98 18); --color-green-light-900: rgb(43 83 20); --color-green-light-950: rgb(21 41 10); --color-green-25: rgb(246 254 249); --color-green-50: rgb(237 252 242); --color-green-100: rgb(211 248 223); --color-green-200: rgb(170 240 196); --color-green-300: rgb(115 226 163); --color-green-400: rgb(60 203 127); --color-green-500: rgb(22 179 100); --color-green-600: rgb(9 146 80); --color-green-700: rgb(8 116 67); --color-green-800: rgb(9 92 55); --color-green-900: rgb(8 76 46); --color-green-950: rgb(5 46 28); --color-teal-25: rgb(246 254 252); --color-teal-50: rgb(240 253 249); --color-teal-100: rgb(204 251 239); --color-teal-200: rgb(153 246 224); --color-teal-300: rgb(95 233 208); --color-teal-400: rgb(46 211 183); --color-teal-500: rgb(21 183 158); --color-teal-600: rgb(14 147 132); --color-teal-700: rgb(16 117 105); --color-teal-800: rgb(18 93 86); --color-teal-900: rgb(19 78 72); --color-teal-950: rgb(10 41 38); --color-cyan-25: rgb(245 254 255); --color-cyan-50: rgb(236 253 255); --color-cyan-100: rgb(207 249 254); --color-cyan-200: rgb(165 240 252); --color-cyan-300: rgb(103 227 249); --color-cyan-400: rgb(34 204 238); --color-cyan-500: rgb(6 174 212); --color-cyan-600: rgb(8 138 178); --color-cyan-700: rgb(14 112 144); --color-cyan-800: rgb(21 91 117); --color-cyan-900: rgb(22 76 99); --color-cyan-950: rgb(13 45 58); --color-blue-light-25: rgb(245 251 255); --color-blue-light-50: rgb(240 249 255); --color-blue-light-100: rgb(224 242 254); --color-blue-light-200: rgb(185 230 254); --color-blue-light-300: rgb(124 212 253); --color-blue-light-400: rgb(54 191 250); --color-blue-light-500: rgb(11 165 236); --color-blue-light-600: rgb(0 134 201); --color-blue-light-700: rgb(2 106 162); --color-blue-light-800: rgb(6 89 134); --color-blue-light-900: rgb(11 74 111); --color-blue-light-950: rgb(6 44 65); --color-blue-25: rgb(245 250 255); --color-blue-50: rgb(239 248 255); --color-blue-100: rgb(209 233 255); --color-blue-200: rgb(178 221 255); --color-blue-300: rgb(132 202 255); --color-blue-400: rgb(83 177 253); --color-blue-500: rgb(46 144 250); --color-blue-600: rgb(21 112 239); --color-blue-700: rgb(23 92 211); --color-blue-800: rgb(24 73 169); --color-blue-900: rgb(25 65 133); --color-blue-950: rgb(16 42 86); --color-blue-dark-25: rgb(245 248 255); --color-blue-dark-50: rgb(239 244 255); --color-blue-dark-100: rgb(209 224 255); --color-blue-dark-200: rgb(178 204 255); --color-blue-dark-300: rgb(132 173 255); --color-blue-dark-400: rgb(82 139 255); --color-blue-dark-500: rgb(41 112 255); --color-blue-dark-600: rgb(21 94 239); --color-blue-dark-700: rgb(0 78 235); --color-blue-dark-800: rgb(0 64 193); --color-blue-dark-900: rgb(0 53 158); --color-blue-dark-950: rgb(0 34 102); --color-indigo-25: rgb(245 248 255); --color-indigo-50: rgb(238 244 255); --color-indigo-100: rgb(224 234 255); --color-indigo-200: rgb(199 215 254); --color-indigo-300: rgb(164 188 253); --color-indigo-400: rgb(128 152 249); --color-indigo-500: rgb(97 114 243); --color-indigo-600: rgb(68 76 231); --color-indigo-700: rgb(53 56 205); --color-indigo-800: rgb(45 49 166); --color-indigo-900: rgb(45 50 130); --color-indigo-950: rgb(31 35 91); --color-violet-25: rgb(251 250 255); --color-violet-50: rgb(245 243 255); --color-violet-100: rgb(236 233 254); --color-violet-200: rgb(221 214 254); --color-violet-300: rgb(195 181 253); --color-violet-400: rgb(164 138 251); --color-violet-500: rgb(135 91 247); --color-violet-600: rgb(120 57 238); --color-violet-700: rgb(105 39 218); --color-violet-800: rgb(87 32 183); --color-violet-900: rgb(73 28 150); --color-violet-950: rgb(46 18 94); --color-purple-25: rgb(250 250 255); --color-purple-50: rgb(244 243 255); --color-purple-100: rgb(235 233 254); --color-purple-200: rgb(217 214 254); --color-purple-300: rgb(189 180 254); --color-purple-400: rgb(155 138 251); --color-purple-500: rgb(122 90 248); --color-purple-600: rgb(105 56 239); --color-purple-700: rgb(89 37 220); --color-purple-800: rgb(74 31 184); --color-purple-900: rgb(62 28 150); --color-purple-950: rgb(39 17 95); --color-fuchsia-25: rgb(254 250 255); --color-fuchsia-50: rgb(253 244 255); --color-fuchsia-100: rgb(251 232 255); --color-fuchsia-200: rgb(246 208 254); --color-fuchsia-300: rgb(238 170 253); --color-fuchsia-400: rgb(228 120 250); --color-fuchsia-500: rgb(212 68 241); --color-fuchsia-600: rgb(186 36 213); --color-fuchsia-700: rgb(159 26 177); --color-fuchsia-800: rgb(130 24 144); --color-fuchsia-900: rgb(111 24 119); --color-fuchsia-950: rgb(71 16 76); --color-pink-25: rgb(254 246 251); --color-pink-50: rgb(253 242 250); --color-pink-100: rgb(252 231 246); --color-pink-200: rgb(252 206 238); --color-pink-300: rgb(250 167 224); --color-pink-400: rgb(246 112 199); --color-pink-500: rgb(238 70 188); --color-pink-600: rgb(221 37 144); --color-pink-700: rgb(193 21 116); --color-pink-800: rgb(158 22 95); --color-pink-900: rgb(133 22 81); --color-pink-950: rgb(78 13 48); --color-rose-25: rgb(255 245 246); --color-rose-50: rgb(255 241 243); --color-rose-100: rgb(255 228 232); --color-rose-200: rgb(254 205 214); --color-rose-300: rgb(254 163 180); --color-rose-400: rgb(253 111 142); --color-rose-500: rgb(246 61 104); --color-rose-600: rgb(227 27 84); --color-rose-700: rgb(192 16 72); --color-rose-800: rgb(161 16 67); --color-rose-900: rgb(137 18 62); --color-rose-950: rgb(81 11 36); --color-orange-dark-25: rgb(255 249 245); --color-orange-dark-50: rgb(255 244 237); --color-orange-dark-100: rgb(255 230 213); --color-orange-dark-200: rgb(255 214 174); --color-orange-dark-300: rgb(255 156 102); --color-orange-dark-400: rgb(255 105 46); --color-orange-dark-500: rgb(255 68 5); --color-orange-dark-600: rgb(230 46 5); --color-orange-dark-700: rgb(188 27 6); --color-orange-dark-800: rgb(151 24 12); --color-orange-dark-900: rgb(119 26 13); --color-orange-dark-950: rgb(87 19 10); --color-orange-25: rgb(254 250 245); --color-orange-50: rgb(254 246 238); --color-orange-100: rgb(253 234 215); --color-orange-200: rgb(249 219 175); --color-orange-300: rgb(247 178 122); --color-orange-400: rgb(243 135 68); --color-orange-500: rgb(239 104 32); --color-orange-600: rgb(224 79 22); --color-orange-700: rgb(185 56 21); --color-orange-800: rgb(147 47 25); --color-orange-900: rgb(119 41 23); --color-orange-950: rgb(81 28 16); --color-yellow-25: rgb(254 253 240); --color-yellow-50: rgb(254 251 232); --color-yellow-100: rgb(254 247 195); --color-yellow-200: rgb(254 238 149); --color-yellow-300: rgb(253 226 114); --color-yellow-400: rgb(250 197 21); --color-yellow-500: rgb(234 170 8); --color-yellow-600: rgb(202 133 4); --color-yellow-700: rgb(161 92 7); --color-yellow-800: rgb(133 74 14); --color-yellow-900: rgb(113 59 18); --color-yellow-950: rgb(84 44 13); --color-alpha-white: rgb(255 255 255); --color-alpha-black: rgb(0 0 0); --color-utility-blue-25: var(--color-blue-25); --color-utility-blue-50: var(--color-blue-50); --color-utility-blue-100: var(--color-blue-100); --color-utility-blue-200: var(--color-blue-200); --color-utility-blue-300: var(--color-blue-300); --color-utility-blue-400: var(--color-blue-400); --color-utility-blue-500: var(--color-blue-500); --color-utility-blue-600: var(--color-blue-600); --color-utility-blue-700: var(--color-blue-700); --color-utility-brand-25: var(--color-brand-25); --color-utility-brand-50: var(--color-brand-50); --color-utility-brand-50_alt: var(--color-brand-50); --color-utility-brand-100: var(--color-brand-100); --color-utility-brand-100_alt: var(--color-brand-100); --color-utility-brand-200: var(--color-brand-200); --color-utility-brand-200_alt: var(--color-brand-200); --color-utility-brand-300: var(--color-brand-300); --color-utility-brand-300_alt: var(--color-brand-300); --color-utility-brand-400: var(--color-brand-400); --color-utility-brand-400_alt: var(--color-brand-400); --color-utility-brand-500: var(--color-brand-500); --color-utility-brand-500_alt: var(--color-brand-500); --color-utility-brand-600: var(--color-brand-600); --color-utility-brand-600_alt: var(--color-brand-600); --color-utility-brand-700: var(--color-brand-700); --color-utility-brand-700_alt: var(--color-brand-700); --color-utility-brand-800: var(--color-brand-800); --color-utility-brand-800_alt: var(--color-brand-800); --color-utility-brand-900: var(--color-brand-900); --color-utility-brand-900_alt: var(--color-brand-900); --color-utility-gray-25: var(--color-gray-25); --color-utility-gray-50: var(--color-gray-50); --color-utility-gray-100: var(--color-gray-100); --color-utility-gray-200: var(--color-gray-200); --color-utility-gray-300: var(--color-gray-300); --color-utility-gray-400: var(--color-gray-400); --color-utility-gray-500: var(--color-gray-500); --color-utility-gray-600: var(--color-gray-600); --color-utility-gray-700: var(--color-gray-700); --color-utility-gray-800: var(--color-gray-800); --color-utility-gray-900: var(--color-gray-900); --color-utility-error-50: var(--color-error-50); --color-utility-error-100: var(--color-error-100); --color-utility-error-200: var(--color-error-200); --color-utility-error-300: var(--color-error-300); --color-utility-error-400: var(--color-error-400); --color-utility-error-500: var(--color-error-500); --color-utility-error-600: var(--color-error-600); --color-utility-error-700: var(--color-error-700); --color-utility-warning-50: var(--color-warning-50); --color-utility-warning-100: var(--color-warning-100); --color-utility-warning-200: var(--color-warning-200); --color-utility-warning-300: var(--color-warning-300); --color-utility-warning-400: var(--color-warning-400); --color-utility-warning-500: var(--color-warning-500); --color-utility-warning-600: var(--color-warning-600); --color-utility-warning-700: var(--color-warning-700); --color-utility-success-50: var(--color-success-50); --color-utility-success-100: var(--color-success-100); --color-utility-success-200: var(--color-success-200); --color-utility-success-300: var(--color-success-300); --color-utility-success-400: var(--color-success-400); --color-utility-success-500: var(--color-success-500); --color-utility-success-600: var(--color-success-600); --color-utility-success-700: var(--color-success-700); --color-utility-orange-50: var(--color-orange-50); --color-utility-orange-100: var(--color-orange-100); --color-utility-orange-200: var(--color-orange-200); --color-utility-orange-300: var(--color-orange-300); --color-utility-orange-400: var(--color-orange-400); --color-utility-orange-500: var(--color-orange-500); --color-utility-orange-600: var(--color-orange-600); --color-utility-orange-700: var(--color-orange-700); --color-utility-blue-dark-50: var(--color-blue-dark-50); --color-utility-blue-dark-100: var(--color-blue-dark-100); --color-utility-blue-dark-200: var(--color-blue-dark-200); --color-utility-blue-dark-300: var(--color-blue-dark-300); --color-utility-blue-dark-400: var(--color-blue-dark-400); --color-utility-blue-dark-500: var(--color-blue-dark-500); --color-utility-blue-dark-600: var(--color-blue-dark-600); --color-utility-blue-dark-700: var(--color-blue-dark-700); --color-utility-indigo-50: var(--color-indigo-50); --color-utility-indigo-100: var(--color-indigo-100); --color-utility-indigo-200: var(--color-indigo-200); --color-utility-indigo-300: var(--color-indigo-300); --color-utility-indigo-400: var(--color-indigo-400); --color-utility-indigo-500: var(--color-indigo-500); --color-utility-indigo-600: var(--color-indigo-600); --color-utility-indigo-700: var(--color-indigo-700); --color-utility-fuchsia-50: var(--color-fuchsia-50); --color-utility-fuchsia-100: var(--color-fuchsia-100); --color-utility-fuchsia-200: var(--color-fuchsia-200); --color-utility-fuchsia-300: var(--color-fuchsia-300); --color-utility-fuchsia-400: var(--color-fuchsia-400); --color-utility-fuchsia-500: var(--color-fuchsia-500); --color-utility-fuchsia-600: var(--color-fuchsia-600); --color-utility-fuchsia-700: var(--color-fuchsia-700); --color-utility-pink-50: var(--color-pink-50); --color-utility-pink-100: var(--color-pink-100); --color-utility-pink-200: var(--color-pink-200); --color-utility-pink-300: var(--color-pink-300); --color-utility-pink-400: var(--color-pink-400); --color-utility-pink-500: var(--color-pink-500); --color-utility-pink-600: var(--color-pink-600); --color-utility-pink-700: var(--color-pink-700); --color-utility-purple-50: var(--color-purple-50); --color-utility-purple-100: var(--color-purple-100); --color-utility-purple-200: var(--color-purple-200); --color-utility-purple-300: var(--color-purple-300); --color-utility-purple-400: var(--color-purple-400); --color-utility-purple-500: var(--color-purple-500); --color-utility-purple-600: var(--color-purple-600); --color-utility-purple-700: var(--color-purple-700); --color-utility-orange-dark-50: var(--color-orange-dark-50); --color-utility-orange-dark-100: var(--color-orange-dark-100); --color-utility-orange-dark-200: var(--color-orange-dark-200); --color-utility-orange-dark-300: var(--color-orange-dark-300); --color-utility-orange-dark-400: var(--color-orange-dark-400); --color-utility-orange-dark-500: var(--color-orange-dark-500); --color-utility-orange-dark-600: var(--color-orange-dark-600); --color-utility-orange-dark-700: var(--color-orange-dark-700); --color-utility-blue-light-50: var(--color-blue-light-50); --color-utility-blue-light-100: var(--color-blue-light-100); --color-utility-blue-light-200: var(--color-blue-light-200); --color-utility-blue-light-300: var(--color-blue-light-300); --color-utility-blue-light-400: var(--color-blue-light-400); --color-utility-blue-light-500: var(--color-blue-light-500); --color-utility-blue-light-600: var(--color-blue-light-600); --color-utility-blue-light-700: var(--color-blue-light-700); --color-utility-gray-blue-50: var(--color-gray-blue-50); --color-utility-gray-blue-100: var(--color-gray-blue-100); --color-utility-gray-blue-200: var(--color-gray-blue-200); --color-utility-gray-blue-300: var(--color-gray-blue-300); --color-utility-gray-blue-400: var(--color-gray-blue-400); --color-utility-gray-blue-500: var(--color-gray-blue-500); --color-utility-gray-blue-600: var(--color-gray-blue-600); --color-utility-gray-blue-700: var(--color-gray-blue-700); --color-utility-green-50: var(--color-green-50); --color-utility-green-100: var(--color-green-100); --color-utility-green-200: var(--color-green-200); --color-utility-green-300: var(--color-green-300); --color-utility-green-400: var(--color-green-400); --color-utility-green-500: var(--color-green-500); --color-utility-green-600: var(--color-green-600); --color-utility-green-700: var(--color-green-700); --color-utility-yellow-50: var(--color-yellow-50); --color-utility-yellow-100: var(--color-yellow-100); --color-utility-yellow-200: var(--color-yellow-200); --color-utility-yellow-300: var(--color-yellow-300); --color-utility-yellow-400: var(--color-yellow-400); --color-utility-yellow-500: var(--color-yellow-500); --color-utility-yellow-600: var(--color-yellow-600); --color-utility-yellow-700: var(--color-yellow-700); --color-text-primary: var(--color-gray-950); --color-text-tertiary: var(--color-gray-400); --color-text-error-primary: var(--color-error-600); --color-text-warning-primary: var(--color-warning-600); --color-text-success-primary: var(--color-success-600); --color-text-white: var(--color-white); --color-text-secondary: var(--color-gray-600); --color-text-disabled: var(--color-gray-200); --color-text-secondary_hover: var(--color-gray-800); --color-text-tertiary_hover: var(--color-gray-500); --color-text-brand-secondary: var(--color-brand-700); --color-text-placeholder: var(--color-gray-300); --color-text-placeholder_subtle: var(--color-gray-200); --color-text-brand-tertiary: var(--color-brand-600); --color-text-editor-icon-fg: var(--color-gray-400); --color-text-editor-icon-fg_active: var(--color-gray-500); --color-text-quaternary: var(--color-gray-300); --color-text-brand-primary: var(--color-brand-900); --color-text-primary_on-brand: var(--color-white); --color-text-secondary_on-brand: var(--color-brand-200); --color-text-tertiary_on-brand: var(--color-brand-200); --color-text-quaternary_on-brand: var(--color-brand-300); --color-text-brand-tertiary_alt: var(--color-brand-600); --color-text-brand-secondary_hover: var(--color-brand-800); --color-text-error-primary_hover: var(--color-error-700); --color-text-label: var(--color-label-500); --color-border-secondary: var(--color-gray-100); --color-border-error_subtle: var(--color-error-300); --color-border-primary: var(--color-gray-200); --color-border-brand: var(--color-brand-500); --color-border-disabled: var(--color-gray-200); --color-border-error: var(--color-error-500); --color-border-disabled_subtle: var(--color-gray-100); --color-border-tertiary: var(--color-gray-50); --color-border-brand-disabled: var(--color-brand-50); --color-border-brand_alt: var(--color-brand-600); --color-border-secondary_alt: rgb(0 0 0 / .08); --color-fg-secondary: var(--color-gray-700); --color-fg-warning-primary: var(--color-warning-600); --color-fg-success-primary: var(--color-success-600); --color-fg-white: var(--color-white); --color-fg-success-secondary: var(--color-success-500); --color-fg-secondary_hover: var(--color-gray-800); --color-fg-primary: var(--color-gray-900); --color-fg-disabled: var(--color-gray-300); --color-fg-brand-secondary: var(--color-brand-500); --color-fg-brand-primary: var(--color-brand-600); --color-fg-quaternary: var(--color-gray-400); --color-fg-quaternary_hover: var(--color-gray-500); --color-fg-error-primary: var(--color-error-600); --color-fg-disabled_subtle: var(--color-gray-200); --color-fg-warning-secondary: var(--color-warning-500); --color-fg-error-secondary: var(--color-error-500); --color-fg-tertiary: var(--color-gray-600); --color-fg-tertiary_hover: var(--color-gray-700); --color-fg-brand-primary_alt: var(--color-fg-brand-primary); --color-fg-brand-secondary_alt: var(--color-fg-brand-secondary); --color-fg-brand-secondary_hover: var(--color-brand-600); --color-bg-primary: var(--color-white); --color-bg-tertiary: var(--color-gray-100); --color-bg-brand-primary: var(--color-brand-50); --color-bg-error-secondary: var(--color-error-100); --color-bg-warning-primary: var(--color-warning-50); --color-bg-warning-secondary: var(--color-warning-100); --color-bg-success-primary: var(--color-success-50); --color-bg-success-secondary: var(--color-success-100); --color-bg-brand-solid: var(--color-brand-600); --color-bg-secondary-solid: var(--color-gray-600); --color-bg-error-solid: var(--color-error-600); --color-bg-error-solid_hover: var(--color-error-700); --color-bg-warning-solid: var(--color-warning-600); --color-bg-success-solid: var(--color-success-600); --color-bg-secondary_hover: var(--color-gray-100); --color-bg-primary_hover: var(--color-gray-50); --color-bg-disabled: var(--color-gray-100); --color-bg-brand-disabled: var(--color-brand-200); --color-bg-active: var(--color-gray-50); --color-bg-brand-solid_hover: var(--color-brand-700); --color-bg-error-primary: var(--color-error-50); --color-bg-brand-secondary: var(--color-brand-100); --color-bg-secondary: var(--color-gray-50); --color-bg-disabled_subtle: var(--color-gray-50); --color-bg-quaternary: var(--color-gray-200); --color-bg-primary_alt: var(--color-white); --color-bg-brand-primary_alt: var(--color-brand-50); --color-bg-secondary_alt: var(--color-gray-50); --color-bg-overlay: var(--color-gray-950); --color-bg-secondary_subtle: var(--color-gray-25); --color-bg-brand-section: var(--color-brand-800); --color-bg-brand-section_subtle: var(--color-brand-700); --color-bg-primary-solid: var(--color-gray-950); --color-shadow-3: #40496808; --color-shadow-4: #4049680A; --color-shadow-5: #4049680D; --color-shadow-6: #4049680F; --color-shadow-8: #40496814; --color-shadow-10: #4049681A; --color-shadow-12: #4049681F; --color-shadow-14: #40496824; --color-shadow-16: #40496829; --color-shadow-18: #4049682E; --color-shadow-skeumorphic-inner: #4049680D; --color-shadow-skeumorphic-inner-border: #4049682E; --color-mockup-shadow-main-centre-md: #0A0D1224; --color-mockup-shadow-main-centre-lg: #0A0D122E; --color-mockup-shadow-overlay-lg: #0A0D121F; --color-mockup-shadow-grid-md: #0A0D1214; --color-app-store-badge-border: rgb(166 166 166); --color-avatar-bg: var(--color-gray-100); --color-avatar-contrast-border: rgb(0 0 0 / .08); --color-avatar-profile-photo-border: var(--color-white); --color-avatar-styles-bg-neutral: rgb(224 224 224); --color-button-destructive-primary-icon: var(--color-error-300); --color-button-destructive-primary-icon_hover: var(--color-error-200); --color-button-primary-icon: var(--color-brand-300); --color-button-primary-icon_hover: var(--color-brand-200); --color-featured-icon-light-fg-brand: var(--color-brand-600); --color-featured-icon-light-fg-error: var(--color-error-600); --color-featured-icon-light-fg-gray: var(--color-gray-500); --color-featured-icon-light-fg-success: var(--color-success-600); --color-featured-icon-light-fg-warning: var(--color-warning-600); --color-focus-ring-error: var(--color-error-200); --color-focus-ring: var(--color-brand-100); --color-footer-button-fg: var(--color-brand-200); --color-footer-button-fg_hover: var(--color-white); --color-icon-fg-brand: var(--color-brand-600); --color-icon-fg-brand_on-brand: var(--color-brand-200); --color-screen-mockup-border: var(--color-gray-900); --color-slider-handle-bg: var(--color-white); --color-slider-handle-border: var(--color-brand-600); --color-toggle-border: var(--color-gray-300); --color-toggle-button-fg_disabled: var(--color-gray-50); --color-toggle-slim-border_pressed-hover: var(--color-bg-brand-solid_hover); --color-toggle-slim-border_pressed: var(--color-bg-brand-solid); --color-tooltip-supporting-text: var(--color-gray-300); --color-text-editor-icon-fg: var(--color-gray-400); --color-text-editor-icon-fg_active: var(--color-gray-500); --background-color-quaternary: var(--color-bg-quaternary); --background-color-brand-solid: var(--color-bg-brand-solid); --background-color-disabled: var(--color-bg-disabled); --background-color-primary: var(--color-bg-primary); --background-color-primary-solid: var(--color-bg-primary-solid); --background-color-primary_alt: var(--color-bg-primary_alt); --background-color-primary_hover: var(--color-bg-primary_hover); --background-color-secondary: var(--color-bg-secondary); --background-color-secondary-solid: var(--color-bg-secondary-solid); --background-color-secondary_alt: var(--color-bg-secondary_alt); --background-color-secondary_hover: var(--color-bg-secondary_hover); --background-color-secondary_subtle: var(--color-bg-secondary_subtle); --background-color-tertiary: var(--color-bg-tertiary); --background-color-active: var(--color-bg-active); --background-color-disabled_subtle: var(--color-bg-disabled_subtle); --background-color-overlay: var(--color-bg-overlay); --background-color-brand-primary: var(--color-bg-brand-primary); --background-color-brand-primary_alt: var(--color-bg-brand-primary_alt); --background-color-brand-secondary: var(--color-bg-brand-secondary); --background-color-brand-solid: var(--color-bg-brand-solid); --background-color-brand-solid_hover: var(--color-bg-brand-solid_hover); --background-color-brand-disabled: var(--color-bg-brand-disabled); --background-color-brand-section: var(--color-bg-brand-section); --background-color-brand-section_subtle: var(--color-bg-brand-section_subtle); --background-color-error-primary: var(--color-bg-error-primary); --background-color-error-secondary: var(--color-bg-error-secondary); --background-color-error-solid: var(--color-bg-error-solid); --background-color-error-solid_hover: var(--color-bg-error-solid_hover); --background-color-warning-primary: var(--color-bg-warning-primary); --background-color-warning-secondary: var(--color-bg-warning-secondary); --background-color-warning-solid: var(--color-bg-warning-solid); --background-color-success-primary: var(--color-bg-success-primary); --background-color-success-secondary: var(--color-bg-success-secondary); --background-color-success-solid: var(--color-bg-success-solid); --background-color-border-brand: var(--color-border-brand); --background-color-border-tertiary: var(--color-border-tertiary); --background-color-border-brand_alt: var(--color-border-brand_alt); --background-color-fg-white: var(--color-fg-white); --background-color-toggle-button-fg_disabled: var(--color-toggle-button-fg_disabled); --text-color-primary: var(--color-text-primary); --text-color-primary_on-brand: var(--color-text-primary_on-brand); --text-color-secondary: var(--color-text-secondary); --text-color-secondary_hover: var(--color-text-secondary_hover); --text-color-secondary_on-brand: var(--color-text-secondary_on-brand); --text-color-tertiary: var(--color-text-tertiary); --text-color-tertiary_hover: var(--color-text-tertiary_hover); --text-color-tertiary_on-brand: var(--color-text-tertiary_on-brand); --text-color-quaternary: var(--color-text-quaternary); --text-color-quaternary_on-brand: var(--color-text-quaternary_on-brand); --text-color-disabled: var(--color-text-disabled); --text-color-placeholder: var(--color-text-placeholder); --text-color-placeholder_subtle: var(--color-text-placeholder_subtle); --text-color-brand-primary: var(--color-text-brand-primary); --text-color-brand-secondary: var(--color-text-brand-secondary); --text-color-brand-secondary_hover: var(--color-text-brand-secondary_hover); --text-color-brand-tertiary: var(--color-text-brand-tertiary); --text-color-brand-tertiary_alt: var(--color-text-brand-tertiary_alt); --text-color-error-primary: var(--color-text-error-primary); --text-color-error-primary_hover: var(--color-text-error-primary_hover); --text-color-warning-primary: var(--color-text-warning-primary); --text-color-success-primary: var(--color-text-success-primary); --text-color-tooltip-supporting-text: var(--color-tooltip-supporting-text); --border-color-primary: var(--color-border-primary); --border-color-secondary: var(--color-border-secondary); --border-color-secondary_alt: var(--color-border-secondary_alt); --border-color-tertiary: var(--color-border-tertiary); --border-color-disabled: var(--color-border-disabled); --border-color-brand: var(--color-border-brand); --border-color-brand-solid: var(--color-bg-brand-solid); --border-color-brand-solid_hover: var(--color-bg-brand-solid_hover); --border-color-error: var(--color-border-error); --border-color-disabled_subtle: var(--color-border-disabled_subtle); --border-color-brand_alt: var(--color-border-brand_alt); --border-color-error_subtle: var(--color-border-error_subtle); --border-color-toggle-slim-border_pressed: var(--color-toggle-slim-border_pressed); --border-color-toggle-slim-border_pressed-hover: var(--color-toggle-slim-border_pressed-hover); --ring-color-bg-brand-solid: var(--color-bg-brand-solid); --ring-color-primary: var(--color-border-primary); --ring-color-secondary: var(--color-border-secondary); --ring-color-secondary_alt: var(--color-border-secondary_alt); --ring-color-tertiary: var(--color-border-tertiary); --ring-color-disabled: var(--color-border-disabled); --ring-color-brand: var(--color-border-brand); --ring-color-brand-solid: var(--color-bg-brand-solid); --ring-color-brand-solid_hover: var(--color-bg-brand-solid_hover); --ring-color-error: var(--color-border-error); --ring-color-disabled_subtle: var(--color-border-disabled_subtle); --ring-color-brand_alt: var(--color-border-brand_alt); --ring-color-error_subtle: var(--color-border-error_subtle); --outline-color-brand: var(--color-border-brand); --outline-color-primary: var(--color-border-primary); --outline-color-secondary: var(--color-border-secondary); --outline-color-secondary_alt: var(--color-border-secondary_alt); --outline-color-tertiary: var(--color-border-tertiary); --outline-color-disabled: var(--color-border-disabled); --outline-color-brand: var(--color-border-brand); --outline-color-brand-solid: var(--color-bg-brand-solid); --outline-color-brand-solid_hover: var(--color-bg-brand-solid_hover); --outline-color-error: var(--color-border-error); --outline-color-disabled_subtle: var(--color-border-disabled_subtle); --outline-color-brand_alt: var(--color-border-brand_alt); --outline-color-error_subtle: var(--color-border-error_subtle); --outline-color-focus-ring: var(--color-focus-ring); }@layer base{.dark-mode{--color-alpha-white: rgb(12 14 18);--color-alpha-black: rgb(255 255 255);--color-alpha-white-10: rgb(12 14 18 / .1);--color-alpha-white-20: rgb(12 14 18 / .2);--color-alpha-white-30: rgb(12 14 18 / .3);--color-alpha-white-40: rgb(12 14 18 / .4);--color-alpha-white-50: rgb(12 14 18 / .5);--color-alpha-white-60: rgb(12 14 18 / .6);--color-alpha-white-70: rgb(12 14 18 / .7);--color-alpha-white-80: rgb(12 14 18 / .8);--color-alpha-white-90: rgb(12 14 18 / .9);--color-alpha-white-100: rgb(12 14 18 / 1);--color-alpha-black-10: rgb(255 255 255 / .1);--color-alpha-black-20: rgb(255 255 255 / .2);--color-alpha-black-30: rgb(255 255 255 / .3);--color-alpha-black-40: rgb(255 255 255 / .4);--color-alpha-black-50: rgb(255 255 255 / .5);--color-alpha-black-60: rgb(255 255 255 / .6);--color-alpha-black-70: rgb(255 255 255 / .7);--color-alpha-black-80: rgb(255 255 255 / .8);--color-alpha-black-90: rgb(255 255 255 / .9);--color-alpha-black-100: rgb(255 255 255 / 1);--color-gray-25: #fafafa;--color-gray-50: #f7f7f7;--color-gray-100: #f0f0f1;--color-gray-200: #ececed;--color-gray-300: #cecfd2;--color-gray-400: #94979c;--color-gray-500: #85888e;--color-gray-600: #61656c;--color-gray-700: #373a41;--color-gray-800: #22262f;--color-gray-900: #13161b;--color-gray-950: #0c0e12;--color-utility-blue-50: var(--color-blue-950);--color-utility-blue-100: var(--color-blue-900);--color-utility-blue-200: var(--color-blue-800);--color-utility-blue-300: var(--color-blue-700);--color-utility-blue-400: var(--color-blue-600);--color-utility-blue-500: var(--color-blue-500);--color-utility-blue-600: var(--color-blue-400);--color-utility-blue-700: var(--color-blue-300);--color-utility-brand-25: var(--color-brand-950);--color-utility-brand-50: var(--color-brand-950);--color-utility-brand-50_alt: var(--color-utility-gray-50);--color-utility-brand-100: var(--color-brand-900);--color-utility-brand-100_alt: var(--color-utility-gray-100);--color-utility-brand-200: var(--color-brand-800);--color-utility-brand-200_alt: var(--color-utility-gray-200);--color-utility-brand-300: var(--color-brand-700);--color-utility-brand-300_alt: var(--color-utility-gray-300);--color-utility-brand-400: var(--color-brand-600);--color-utility-brand-400_alt: var(--color-utility-gray-400);--color-utility-brand-500: var(--color-brand-500);--color-utility-brand-500_alt: var(--color-utility-gray-500);--color-utility-brand-600: var(--color-brand-400);--color-utility-brand-600_alt: var(--color-utility-gray-600);--color-utility-brand-700: var(--color-brand-300);--color-utility-brand-700_alt: var(--color-utility-gray-700);--color-utility-brand-800: var(--color-brand-200);--color-utility-brand-800_alt: var(--color-utility-gray-800);--color-utility-brand-900: var(--color-brand-100);--color-utility-brand-900_alt: var(--color-utility-gray-900);--color-utility-gray-25: var(--color-gray-900);--color-utility-gray-50: var(--color-gray-900);--color-utility-gray-100: var(--color-gray-800);--color-utility-gray-200: var(--color-gray-700);--color-utility-gray-300: var(--color-gray-700);--color-utility-gray-400: var(--color-gray-600);--color-utility-gray-500: var(--color-gray-500);--color-utility-gray-600: var(--color-gray-400);--color-utility-gray-700: var(--color-gray-300);--color-utility-gray-800: var(--color-gray-200);--color-utility-gray-900: var(--color-gray-100);--color-utility-error-50: var(--color-error-950);--color-utility-error-100: var(--color-error-900);--color-utility-error-200: var(--color-error-800);--color-utility-error-300: var(--color-error-700);--color-utility-error-400: var(--color-error-600);--color-utility-error-500: var(--color-error-500);--color-utility-error-600: var(--color-error-400);--color-utility-error-700: var(--color-error-300);--color-utility-warning-50: var(--color-warning-950);--color-utility-warning-100: var(--color-warning-900);--color-utility-warning-200: var(--color-warning-800);--color-utility-warning-300: var(--color-warning-700);--color-utility-warning-400: var(--color-warning-600);--color-utility-warning-500: var(--color-warning-500);--color-utility-warning-600: var(--color-warning-400);--color-utility-warning-700: var(--color-warning-300);--color-utility-success-50: var(--color-success-950);--color-utility-success-100: var(--color-success-900);--color-utility-success-200: var(--color-success-800);--color-utility-success-300: var(--color-success-700);--color-utility-success-400: var(--color-success-600);--color-utility-success-500: var(--color-success-500);--color-utility-success-600: var(--color-success-400);--color-utility-success-700: var(--color-success-300);--color-utility-orange-50: var(--color-orange-950);--color-utility-orange-100: var(--color-orange-900);--color-utility-orange-200: var(--color-orange-800);--color-utility-orange-300: var(--color-orange-700);--color-utility-orange-400: var(--color-orange-600);--color-utility-orange-500: var(--color-orange-500);--color-utility-orange-600: var(--color-orange-400);--color-utility-orange-700: var(--color-orange-300);--color-utility-blue-dark-50: var(--color-blue-dark-950);--color-utility-blue-dark-100: var(--color-blue-dark-900);--color-utility-blue-dark-200: var(--color-blue-dark-800);--color-utility-blue-dark-300: var(--color-blue-dark-700);--color-utility-blue-dark-400: var(--color-blue-dark-600);--color-utility-blue-dark-500: var(--color-blue-dark-500);--color-utility-blue-dark-600: var(--color-blue-dark-400);--color-utility-blue-dark-700: var(--color-blue-dark-300);--color-utility-indigo-50: var(--color-indigo-950);--color-utility-indigo-100: var(--color-indigo-900);--color-utility-indigo-200: var(--color-indigo-800);--color-utility-indigo-300: var(--color-indigo-700);--color-utility-indigo-400: var(--color-indigo-600);--color-utility-indigo-500: var(--color-indigo-500);--color-utility-indigo-600: var(--color-indigo-400);--color-utility-indigo-700: var(--color-indigo-300);--color-utility-fuchsia-50: var(--color-fuchsia-950);--color-utility-fuchsia-100: var(--color-fuchsia-900);--color-utility-fuchsia-200: var(--color-fuchsia-800);--color-utility-fuchsia-300: var(--color-fuchsia-700);--color-utility-fuchsia-400: var(--color-fuchsia-600);--color-utility-fuchsia-500: var(--color-fuchsia-500);--color-utility-fuchsia-600: var(--color-fuchsia-400);--color-utility-fuchsia-700: var(--color-fuchsia-300);--color-utility-pink-50: var(--color-pink-950);--color-utility-pink-100: var(--color-pink-900);--color-utility-pink-200: var(--color-pink-800);--color-utility-pink-300: var(--color-pink-700);--color-utility-pink-400: var(--color-pink-600);--color-utility-pink-500: var(--color-pink-500);--color-utility-pink-600: var(--color-pink-400);--color-utility-pink-700: var(--color-pink-300);--color-utility-purple-50: var(--color-purple-950);--color-utility-purple-100: var(--color-purple-900);--color-utility-purple-200: var(--color-purple-800);--color-utility-purple-300: var(--color-purple-700);--color-utility-purple-400: var(--color-purple-600);--color-utility-purple-500: var(--color-purple-500);--color-utility-purple-600: var(--color-purple-400);--color-utility-purple-700: var(--color-purple-300);--color-utility-orange-dark-50: var(--color-orange-dark-950);--color-utility-orange-dark-100: var(--color-orange-dark-900);--color-utility-orange-dark-200: var(--color-orange-dark-800);--color-utility-orange-dark-300: var(--color-orange-dark-700);--color-utility-orange-dark-400: var(--color-orange-dark-600);--color-utility-orange-dark-500: var(--color-orange-dark-500);--color-utility-orange-dark-600: var(--color-orange-dark-400);--color-utility-orange-dark-700: var(--color-orange-dark-300);--color-utility-blue-light-50: var(--color-blue-light-950);--color-utility-blue-light-100: var(--color-blue-light-900);--color-utility-blue-light-200: var(--color-blue-light-800);--color-utility-blue-light-300: var(--color-blue-light-700);--color-utility-blue-light-400: var(--color-blue-light-600);--color-utility-blue-light-500: var(--color-blue-light-500);--color-utility-blue-light-600: var(--color-blue-light-400);--color-utility-blue-light-700: var(--color-blue-light-300);--color-utility-gray-blue-50: var(--color-gray-blue-950);--color-utility-gray-blue-100: var(--color-gray-blue-900);--color-utility-gray-blue-200: var(--color-gray-blue-800);--color-utility-gray-blue-300: var(--color-gray-blue-700);--color-utility-gray-blue-400: var(--color-gray-blue-600);--color-utility-gray-blue-500: var(--color-gray-blue-500);--color-utility-gray-blue-600: var(--color-gray-blue-400);--color-utility-gray-blue-700: var(--color-gray-blue-300);--color-utility-green-50: var(--color-green-950);--color-utility-green-100: var(--color-green-900);--color-utility-green-200: var(--color-green-800);--color-utility-green-300: var(--color-green-700);--color-utility-green-400: var(--color-green-600);--color-utility-green-500: var(--color-green-500);--color-utility-green-600: var(--color-green-400);--color-utility-green-700: var(--color-green-300);--color-utility-yellow-50: var(--color-yellow-950);--color-utility-yellow-100: var(--color-yellow-900);--color-utility-yellow-200: var(--color-yellow-800);--color-utility-yellow-300: var(--color-yellow-700);--color-utility-yellow-400: var(--color-yellow-600);--color-utility-yellow-500: var(--color-yellow-500);--color-utility-yellow-600: var(--color-yellow-400);--color-utility-yellow-700: var(--color-yellow-300);--color-text-primary: var(--color-white);--color-text-tertiary: var(--color-gray-dark-alpha-400);--color-text-error-primary: var(--color-error-400);--color-text-warning-primary: var(--color-warning-400);--color-text-success-primary: var(--color-success-400);--color-text-white: var(--color-white);--color-text-secondary: var(--color-gray-dark-alpha-300);--color-text-disabled: var(--color-gray-dark-alpha-700);--color-text-secondary_hover: var(--color-gray-dark-alpha-200);--color-text-tertiary_hover: var(--color-gray-dark-alpha-300);--color-text-brand-secondary: var(--color-brand-200);--color-text-placeholder: var(--color-gray-dark-alpha-400);--color-text-placeholder_subtle: var(--color-gray-dark-alpha-600);--color-text-brand-tertiary: var(--color-brand-300);--color-text-quaternary: var(--color-gray-dark-alpha-500);--color-text-brand-primary: var(--color-brand-100);--color-text-primary_on-brand: var(--color-white);--color-text-secondary_on-brand: var(--color-gray-300);--color-text-tertiary_on-brand: var(--color-gray-400);--color-text-quaternary_on-brand: var(--color-gray-400);--color-text-brand-tertiary_alt: var(--color-gray-50);--color-text-brand-secondary_hover: var(--color-gray-200);--color-text-error-primary_hover: var(--color-error-300);--color-border-secondary: var(--color-gray-dark-alpha-600);--color-border-error_subtle: var(--color-error-500);--color-border-primary: var(--color-gray-dark-alpha-400);--color-border-brand: var(--color-brand-400);--color-border-brand-disabled: var(--color-brand-900);--color-border-disabled: var(--color-gray-dark-alpha-700);--color-border-error: var(--color-error-400);--color-border-disabled_subtle: var(--color-gray-dark-alpha-600);--color-border-tertiary: var(--color-gray-dark-alpha-700);--color-border-brand_alt: var(--color-gray-700);--color-border-secondary_alt: var(--color-gray-800);--color-fg-secondary: var(--color-gray-dark-alpha-300);--color-fg-warning-primary: var(--color-warning-500);--color-fg-success-primary: var(--color-success-500);--color-fg-white: var(--color-white);--color-fg-success-secondary: var(--color-success-400);--color-fg-secondary_hover: var(--color-gray-dark-alpha-200);--color-fg-primary: var(--color-white);--color-fg-disabled: var(--color-gray-dark-alpha-500);--color-fg-brand-secondary: var(--color-brand-500);--color-fg-brand-primary: var(--color-brand-500);--color-fg-quaternary: var(--color-gray-dark-alpha-600);--color-fg-quaternary_hover: var(--color-gray-dark-alpha-500);--color-fg-error-primary: var(--color-error-500);--color-fg-disabled_subtle: var(--color-gray-dark-alpha-600);--color-fg-warning-secondary: var(--color-warning-400);--color-fg-error-secondary: var(--color-error-400);--color-fg-tertiary: var(--color-alpha-black-70);--color-fg-tertiary_hover: var(--color-gray-dark-alpha-300);--color-fg-brand-primary_alt: var(--color-gray-300);--color-fg-brand-secondary_alt: var(--color-gray-600);--color-fg-brand-secondary_hover: var(--color-gray-500);--color-bg-primary: var(--color-gray-950);--color-bg-tertiary: var(--color-gray-dark-alpha-800);--color-bg-brand-primary: var(--color-brand-500);--color-bg-error-secondary: var(--color-error-600);--color-bg-warning-primary: var(--color-warning-950);--color-bg-warning-secondary: var(--color-warning-600);--color-bg-success-primary: var(--color-success-950);--color-bg-success-secondary: var(--color-success-600);--color-bg-brand-solid: var(--color-brand-600);--color-bg-secondary-solid: var(--color-gray-dark-alpha-600);--color-bg-error-solid: var(--color-error-600);--color-bg-error-solid_hover: var(--color-error-500);--color-bg-warning-solid: var(--color-warning-600);--color-bg-success-solid: var(--color-success-600);--color-bg-secondary_hover: var(--color-gray-dark-alpha-700);--color-bg-primary_hover: var(--color-gray-dark-alpha-800);--color-bg-disabled: var(--color-gray-dark-alpha-800);--color-bg-brand-disabled: var(--color-brand-900);--color-bg-active: var(--color-alpha-black-30);--color-bg-brand-solid_hover: var(--color-brand-500);--color-bg-error-primary: var(--color-error-950);--color-bg-brand-secondary: var(--color-brand-600);--color-bg-secondary: var(--color-gray-dark-alpha-900);--color-bg-disabled_subtle: var(--color-gray-dark-alpha-900);--color-bg-quaternary: var(--color-gray-dark-alpha-700);--color-bg-primary_alt: var(--color-bg-secondary);--color-bg-brand-primary_alt: var(--color-bg-secondary);--color-bg-secondary_alt: var(--color-bg-primary);--color-bg-overlay: var(--color-gray-800);--color-bg-secondary_subtle: var(--color-gray-dark-alpha-900);--color-bg-brand-section: var(--color-bg-secondary);--color-bg-brand-section_subtle: var(--color-bg-primary);--color-bg-primary-solid: var(--color-gray-25);--color-shadow-3: var(--color-transparent);--color-shadow-4: var(--color-transparent);--color-shadow-5: var(--color-transparent);--color-shadow-6: var(--color-transparent);--color-shadow-8: var(--color-transparent);--color-shadow-10: var(--color-transparent);--color-shadow-12: var(--color-transparent);--color-shadow-14: var(--color-transparent);--color-shadow-16: var(--color-transparent);--color-shadow-18: var(--color-transparent);--color-shadow-skeumorphic-inner: #0C0E120D;--color-shadow-skeumorphic-inner-border: #0C0E122E;--color-mockup-shadow-main-centre-md: var(--color-transparent);--color-mockup-shadow-main-centre-lg: var(--color-transparent);--color-mockup-shadow-overlay-lg: var(--color-transparent);--color-mockup-shadow-grid-md: var(--color-transparent);--color-app-store-badge-border: var(--color-white);--color-avatar-bg: var(--color-gray-800);--color-avatar-contrast-border: rgb(255 255 255 / .12);--color-avatar-profile-photo-border: var(--color-gray-950);--color-avatar-styles-bg-neutral: rgb(224 224 224 / 1);--color-button-destructive-primary-icon: var(--color-error-300);--color-button-destructive-primary-icon_hover: var(--color-error-200);--color-button-primary-icon: var(--color-brand-300);--color-button-primary-icon_hover: var(--color-brand-200);--color-featured-icon-light-fg-brand: var(--color-brand-200);--color-featured-icon-light-fg-error: var(--color-error-200);--color-featured-icon-light-fg-gray: var(--color-gray-200);--color-featured-icon-light-fg-success: var(--color-success-200);--color-featured-icon-light-fg-warning: var(--color-warning-200);--color-focus-ring-error: var(--color-error-500);--color-focus-ring: var(--color-brand-500);--color-footer-button-fg: var(--color-gray-300);--color-footer-button-fg_hover: var(--color-gray-100);--color-icon-fg-brand: var(--color-gray-400);--color-icon-fg-brand_on-brand: var(--color-gray-400);--color-nav-item-button-icon-fg: var(--color-gray-400);--color-nav-item-button-icon-fg_active: var(--color-gray-300);--color-nav-item-icon-fg: var(--color-gray-400);--color-nav-item-icon-fg_active: var(--color-gray-300);--color-screen-mockup-border: var(--color-gray-700);--color-slider-handle-bg: var(--color-fg-brand-primary);--color-slider-handle-border: var(--color-bg-primary);--color-toggle-border: var(--color-transparent);--color-toggle-button-fg_disabled: var(--color-gray-600);--color-toggle-slim-border_pressed-hover: var(--color-transparent);--color-toggle-slim-border_pressed: var(--color-transparent);--color-tooltip-supporting-text: var(--color-gray-300);--color-text-editor-icon-fg: var(--color-gray-400);--color-text-editor-icon-fg_active: var(--color-white);--background-color-quaternary: var(--color-bg-quaternary);--background-color-disabled: var(--color-bg-disabled);--background-color-primary: var(--color-bg-primary);--background-color-primary-solid: var(--color-bg-primary-solid);--background-color-primary_alt: var(--color-bg-primary_alt);--background-color-primary_hover: var(--color-bg-primary_hover);--background-color-secondary: var(--color-bg-secondary);--background-color-secondary-solid: var(--color-bg-secondary-solid);--background-color-secondary_alt: var(--color-bg-secondary_alt);--background-color-secondary_hover: var(--color-bg-secondary_hover);--background-color-secondary_subtle: var(--color-bg-secondary_subtle);--background-color-tertiary: var(--color-bg-tertiary);--background-color-active: var(--color-bg-active);--background-color-disabled_subtle: var(--color-bg-disabled_subtle);--background-color-overlay: var(--color-bg-overlay);--background-color-brand-primary: var(--color-bg-brand-primary);--background-color-brand-primary_alt: var(--color-bg-brand-primary_alt);--background-color-brand-secondary: var(--color-bg-brand-secondary);--background-color-brand-solid: var(--color-bg-brand-solid);--background-color-brand-solid_hover: var(--color-bg-brand-solid_hover);--background-color-brand-section: var(--color-bg-brand-section);--background-color-brand-section_subtle: var(--color-bg-brand-section_subtle);--background-color-error-primary: var(--color-bg-error-primary);--background-color-error-secondary: var(--color-bg-error-secondary);--background-color-error-solid: var(--color-bg-error-solid);--background-color-warning-primary: var(--color-bg-warning-primary);--background-color-warning-secondary: var(--color-bg-warning-secondary);--background-color-warning-solid: var(--color-bg-warning-solid);--background-color-success-primary: var(--color-bg-success-primary);--background-color-success-secondary: var(--color-bg-success-secondary);--background-color-success-solid: var(--color-bg-success-solid);--background-color-border-brand: var(--color-border-brand);--background-color-border-tertiary: var(--color-border-tertiary);--background-color-border-brand_alt: var(--color-border-brand_alt);--background-color-fg-white: var(--color-fg-white);--background-color-toggle-button-fg_disabled: var(--color-toggle-button-fg_disabled);--text-color-primary: var(--color-text-primary);--text-color-primary_on-brand: var(--color-text-primary_on-brand);--text-color-secondary: var(--color-text-secondary);--text-color-secondary_hover: var(--color-text-secondary_hover);--text-color-secondary_on-brand: var(--color-text-secondary_on-brand);--text-color-tertiary: var(--color-text-tertiary);--text-color-tertiary_hover: var(--color-text-tertiary_hover);--text-color-tertiary_on-brand: var(--color-text-tertiary_on-brand);--text-color-quaternary: var(--color-text-quaternary);--text-color-quaternary_on-brand: var(--color-text-quaternary_on-brand);--text-color-disabled: var(--color-text-disabled);--text-color-placeholder: var(--color-text-placeholder);--text-color-placeholder_subtle: var(--color-text-placeholder_subtle);--text-color-brand-primary: var(--color-text-brand-primary);--text-color-brand-secondary: var(--color-text-brand-secondary);--text-color-brand-secondary_hover: var(--color-text-brand-secondary_hover);--text-color-brand-tertiary: var(--color-text-brand-tertiary);--text-color-brand-tertiary_alt: var(--color-text-brand-tertiary_alt);--text-color-error-primary: var(--color-text-error-primary);--text-color-error-primary_hover: var(--color-text-error-primary_hover);--text-color-warning-primary: var(--color-text-warning-primary);--text-color-success-primary: var(--color-text-success-primary);--text-color-tooltip-supporting-text: var(--color-tooltip-supporting-text);--border-color-primary: var(--color-border-primary);--border-color-secondary: var(--color-border-secondary);--border-color-secondary_alt: var(--color-border-secondary_alt);--border-color-tertiary: var(--color-border-tertiary);--border-color-disabled: var(--color-border-disabled);--border-color-brand: var(--color-border-brand);--border-color-brand-solid: var(--color-bg-brand-solid);--border-color-brand-solid_hover: var(--color-bg-brand-solid_hover);--border-color-error: var(--color-border-error);--border-color-disabled_subtle: var(--color-border-disabled_subtle);--border-color-brand_alt: var(--color-border-brand_alt);--border-color-error_subtle: var(--color-border-error_subtle);--border-color-toggle-slim-border_pressed: var(--color-toggle-slim-border_pressed);--border-color-toggle-slim-border_pressed-hover: var(--color-toggle-slim-border_pressed-hover);--ring-color-bg-brand-solid: var(--color-bg-brand-solid);--ring-color-primary: var(--color-border-primary);--ring-color-secondary: var(--color-border-secondary);--ring-color-secondary_alt: var(--color-border-secondary_alt);--ring-color-tertiary: var(--color-border-tertiary);--ring-color-disabled: var(--color-border-disabled);--ring-color-brand: var(--color-border-brand);--ring-color-brand-solid: var(--color-bg-brand-solid);--ring-color-brand-solid_hover: var(--color-bg-brand-solid_hover);--ring-color-error: var(--color-border-error);--ring-color-disabled_subtle: var(--color-border-disabled_subtle);--ring-color-brand_alt: var(--color-border-brand_alt);--ring-color-error_subtle: var(--color-border-error_subtle);--outline-color-primary: var(--color-border-primary);--outline-color-secondary: var(--color-border-secondary);--outline-color-secondary_alt: var(--color-border-secondary_alt);--outline-color-tertiary: var(--color-border-tertiary);--outline-color-disabled: var(--color-border-disabled);--outline-color-brand: var(--color-border-brand);--outline-color-brand-solid: var(--color-bg-brand-solid);--outline-color-brand-solid_hover: var(--color-bg-brand-solid_hover);--outline-color-error: var(--color-border-error);--outline-color-disabled_subtle: var(--color-border-disabled_subtle);--outline-color-brand_alt: var(--color-border-brand_alt);--outline-color-error_subtle: var(--color-border-error_subtle);--outline-color-focus-ring: var(--color-focus-ring)}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pibit.ai/cure-design-system",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.3",
|
|
4
4
|
"description": "CURE Design System - React component library",
|
|
5
5
|
"author": "Pibit",
|
|
6
6
|
"license": "MIT",
|
|
@@ -55,14 +55,18 @@
|
|
|
55
55
|
"import": "./dist/domain/*/index.js",
|
|
56
56
|
"types": "./dist/domain/*/index.d.ts"
|
|
57
57
|
},
|
|
58
|
-
"./styles": "./dist/styles/
|
|
58
|
+
"./styles": "./dist/styles/components.css",
|
|
59
|
+
"./styles/theme": "./dist/styles/theme.css",
|
|
60
|
+
"./styles/components": "./dist/styles/components.css"
|
|
59
61
|
},
|
|
60
62
|
"sideEffects": [
|
|
61
63
|
"*.css"
|
|
62
64
|
],
|
|
63
65
|
"scripts": {
|
|
64
66
|
"dev": "vite",
|
|
65
|
-
"build": "
|
|
67
|
+
"build": "npm run build:lib && npm run build:css",
|
|
68
|
+
"build:lib": "tsc && vite build",
|
|
69
|
+
"build:css": "node scripts/build-css.js",
|
|
66
70
|
"build:watch": "vite build --watch",
|
|
67
71
|
"lint": "eslint . --ext ts,tsx",
|
|
68
72
|
"storybook": "storybook dev -p 6006",
|