@pibit.ai/cure-design-system 0.3.3 → 0.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +31 -27
- package/dist/patterns/table/TableWrapper.d.ts +82 -0
- package/dist/patterns/table/TableWrapper.d.ts.map +1 -0
- package/dist/patterns/table/TableWrapper.js +141 -0
- package/dist/patterns/table/index.d.ts +1 -0
- package/dist/patterns/table/index.d.ts.map +1 -1
- package/dist/patterns/table/table.js +57 -57
- package/dist/styles/components.css +1 -1
- package/package.json +3 -2
package/dist/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ export { Avatar, type AvatarProps } from './primitives/avatar';
|
|
|
7
7
|
export { Icon, type IconProps, type IconName } from './primitives/icon';
|
|
8
8
|
export { Text, type TextProps } from './primitives/text';
|
|
9
9
|
export { Heading, type HeadingProps } from './primitives/heading';
|
|
10
|
-
export { Table, TableCard, TableCell } from './patterns/table';
|
|
10
|
+
export { Table, TableCard, TableCell, TableWrapper, EllipsisContentWithTooltip, createEllipsisContent, type TableWrapperProps } from './patterns/table';
|
|
11
11
|
export { cn, cx, sortCx } from './utils/cn';
|
|
12
12
|
export { isReactComponent, isFunctionComponent, isClassComponent, isForwardRefComponent } from './utils/is-react-component';
|
|
13
13
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,KAAK,IAAI,cAAc,EAAE,KAAK,WAAW,IAAI,iBAAiB,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC5J,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,KAAK,IAAI,cAAc,EAAE,KAAK,WAAW,IAAI,iBAAiB,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC5J,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGlE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGxJ,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,36 +1,40 @@
|
|
|
1
1
|
import "./styles/theme.css";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import { cn as p, cx as
|
|
4
|
-
import { isClassComponent as
|
|
5
|
-
import { Button as
|
|
6
|
-
import { Input as
|
|
3
|
+
import { cn as p, cx as n, sortCx as m } from "./utils/cn.js";
|
|
4
|
+
import { isClassComponent as a, isForwardRefComponent as l, isFunctionComponent as s, isReactComponent as f } from "./utils/is-react-component.js";
|
|
5
|
+
import { Button as C, styles as c } from "./primitives/button/button.js";
|
|
6
|
+
import { Input as b } from "./primitives/input/input.js";
|
|
7
7
|
import { Checkbox as g } from "./primitives/checkbox/checkbox.js";
|
|
8
|
-
import { Toggle as
|
|
9
|
-
import { Badge as
|
|
10
|
-
import { Avatar as
|
|
11
|
-
import { Icon as
|
|
12
|
-
import { Text as
|
|
13
|
-
import { Heading as
|
|
14
|
-
import { Table as
|
|
8
|
+
import { Toggle as h } from "./primitives/toggle/toggle.js";
|
|
9
|
+
import { Badge as B } from "./primitives/badge/badge.js";
|
|
10
|
+
import { Avatar as F } from "./primitives/avatar/avatar.js";
|
|
11
|
+
import { Icon as R } from "./primitives/icon/icon.js";
|
|
12
|
+
import { Text as k } from "./primitives/text/text.js";
|
|
13
|
+
import { Heading as w } from "./primitives/heading/heading.js";
|
|
14
|
+
import { Table as H, TableCard as S, TableCell as j } from "./patterns/table/table.js";
|
|
15
|
+
import { EllipsisContentWithTooltip as z, TableWrapper as D, createEllipsisContent as G } from "./patterns/table/TableWrapper.js";
|
|
15
16
|
export {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
F as Avatar,
|
|
18
|
+
B as Badge,
|
|
19
|
+
C as Button,
|
|
19
20
|
g as Checkbox,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
21
|
+
z as EllipsisContentWithTooltip,
|
|
22
|
+
w as Heading,
|
|
23
|
+
R as Icon,
|
|
24
|
+
b as Input,
|
|
25
|
+
H as Table,
|
|
26
|
+
S as TableCard,
|
|
27
|
+
j as TableCell,
|
|
28
|
+
D as TableWrapper,
|
|
29
|
+
k as Text,
|
|
30
|
+
h as Toggle,
|
|
28
31
|
c as buttonStyles,
|
|
29
32
|
p as cn,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
a as
|
|
33
|
+
G as createEllipsisContent,
|
|
34
|
+
n as cx,
|
|
35
|
+
a as isClassComponent,
|
|
36
|
+
l as isForwardRefComponent,
|
|
33
37
|
s as isFunctionComponent,
|
|
34
|
-
|
|
35
|
-
|
|
38
|
+
f as isReactComponent,
|
|
39
|
+
m as sortCx
|
|
36
40
|
};
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the TableWrapper component
|
|
4
|
+
*/
|
|
5
|
+
export type TableWrapperProps = {
|
|
6
|
+
/** Array of data items to display in the table */
|
|
7
|
+
data: any[];
|
|
8
|
+
/** Column configuration for the table */
|
|
9
|
+
columns: {
|
|
10
|
+
/** Column header label */
|
|
11
|
+
label: string;
|
|
12
|
+
/** Unique key for the column (maps to data property) */
|
|
13
|
+
key: string;
|
|
14
|
+
/** Make column sticky (left or right) */
|
|
15
|
+
sticky?: "left" | "right";
|
|
16
|
+
/** Offset for sticky positioning (in pixels) */
|
|
17
|
+
stickyOffset?: number;
|
|
18
|
+
/** Enable sorting for this column */
|
|
19
|
+
allowsSorting?: boolean;
|
|
20
|
+
/** Maximum width for the column */
|
|
21
|
+
maxWidth?: string;
|
|
22
|
+
}[];
|
|
23
|
+
/** Function to render cell content. Receives (key, value, item) and returns ReactNode */
|
|
24
|
+
renderRowCell: (key: string, val: any, item: any) => ReactNode;
|
|
25
|
+
/** Callback when a row is clicked */
|
|
26
|
+
onRowClick?: (item: any) => void;
|
|
27
|
+
/** Aria label for accessibility */
|
|
28
|
+
arialabel?: string;
|
|
29
|
+
/** Table size variant */
|
|
30
|
+
size?: "sm" | "md";
|
|
31
|
+
/** Allow default prose styling on rows */
|
|
32
|
+
allowDefaultRowClass?: boolean;
|
|
33
|
+
/** Array of column keys that should have centered headers */
|
|
34
|
+
centeredHeaders?: string[];
|
|
35
|
+
/** Additional className for the table element */
|
|
36
|
+
tableClassName?: string;
|
|
37
|
+
/** Additional className for the header */
|
|
38
|
+
headerClassName?: string;
|
|
39
|
+
/** Additional className for the root container */
|
|
40
|
+
rootClassName?: string;
|
|
41
|
+
/** Remove borders between rows */
|
|
42
|
+
removeBorders?: boolean;
|
|
43
|
+
/** Function to determine if a row is expandable */
|
|
44
|
+
isRowExpandable?: (item: any) => boolean;
|
|
45
|
+
/** Function to render expanded row content */
|
|
46
|
+
renderExpandedContent?: (item: any) => ReactNode;
|
|
47
|
+
};
|
|
48
|
+
/**
|
|
49
|
+
* TableWrapper - A simplified wrapper around Table component with column-based API
|
|
50
|
+
*
|
|
51
|
+
* Provides an easier way to work with tables using a columns/data structure.
|
|
52
|
+
* Supports sticky columns, expandable rows, and custom cell rendering.
|
|
53
|
+
*
|
|
54
|
+
* @example
|
|
55
|
+
* ```tsx
|
|
56
|
+
* <TableWrapper
|
|
57
|
+
* data={users}
|
|
58
|
+
* columns={[
|
|
59
|
+
* { label: 'Name', key: 'name', allowsSorting: true },
|
|
60
|
+
* { label: 'Email', key: 'email' },
|
|
61
|
+
* { label: 'Actions', key: 'actions' },
|
|
62
|
+
* ]}
|
|
63
|
+
* renderRowCell={(key, val, item) => {
|
|
64
|
+
* if (key === 'name') return <span>{item.name}</span>;
|
|
65
|
+
* if (key === 'actions') return <button>Edit</button>;
|
|
66
|
+
* return val;
|
|
67
|
+
* }}
|
|
68
|
+
* onRowClick={(user) => console.log(user)}
|
|
69
|
+
* size="sm"
|
|
70
|
+
* />
|
|
71
|
+
* ```
|
|
72
|
+
*/
|
|
73
|
+
export declare const TableWrapper: import('react').ForwardRefExoticComponent<TableWrapperProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
74
|
+
export declare const EllipsisContentWithTooltip: ({ content, className, link, tooltipPosition: tooltipPositionProp, }: {
|
|
75
|
+
content: string;
|
|
76
|
+
className?: string;
|
|
77
|
+
link?: boolean;
|
|
78
|
+
/** "start" aligns tooltip to the left of the trigger; "center" (default) centers it. */
|
|
79
|
+
tooltipPosition?: "start" | "center";
|
|
80
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
81
|
+
export declare const createEllipsisContent: (content: string, className?: string, link?: boolean, tooltipPosition?: "start" | "center") => import("react/jsx-runtime").JSX.Element;
|
|
82
|
+
//# sourceMappingURL=TableWrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableWrapper.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TableWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA2C,MAAM,OAAO,CAAC;AAKhF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC5B,kDAAkD;IAClD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,yCAAyC;IACzC,OAAO,EAAE;QACL,0BAA0B;QAC1B,KAAK,EAAE,MAAM,CAAC;QACd,wDAAwD;QACxD,GAAG,EAAE,MAAM,CAAC;QACZ,yCAAyC;QACzC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC1B,gDAAgD;QAChD,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,qCAAqC;QACrC,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,mCAAmC;QACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;KACrB,EAAE,CAAC;IACJ,yFAAyF;IACzF,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;IAC/D,qCAAqC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IACzC,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;CACpD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,YAAY,8GA0FvB,CAAC;AAEH,eAAO,MAAM,0BAA0B,GAAI,qEAKxC;IACC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wFAAwF;IACxF,eAAe,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACxC,4CAsDA,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAC9B,SAAS,MAAM,EACf,YAAW,MAAW,EACtB,OAAO,OAAO,EACd,kBAAkB,OAAO,GAAG,QAAQ,4CAWvC,CAAC"}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { jsx as t, jsxs as m, Fragment as N } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as E, useState as g, useRef as S, useEffect as O } from "react";
|
|
3
|
+
import { createPortal as j } from "react-dom";
|
|
4
|
+
import { TableCard as H, Table as f } from "./table.js";
|
|
5
|
+
import { cx as x } from "../../utils/cn.js";
|
|
6
|
+
const F = E(function({
|
|
7
|
+
data: d,
|
|
8
|
+
columns: a,
|
|
9
|
+
renderRowCell: i,
|
|
10
|
+
onRowClick: l,
|
|
11
|
+
arialabel: c,
|
|
12
|
+
size: n = "sm",
|
|
13
|
+
allowDefaultRowClass: y = !1,
|
|
14
|
+
centeredHeaders: h = [],
|
|
15
|
+
rootClassName: o,
|
|
16
|
+
removeBorders: k,
|
|
17
|
+
headerClassName: W,
|
|
18
|
+
isRowExpandable: w,
|
|
19
|
+
renderExpandedContent: v
|
|
20
|
+
}, u) {
|
|
21
|
+
return /* @__PURE__ */ t(H.Root, { ref: u, className: x("overflow-x-auto", o), size: n, children: /* @__PURE__ */ m(f, { "aria-label": c, size: n, children: [
|
|
22
|
+
/* @__PURE__ */ t(f.Header, { className: x("sticky top-0", W), children: a.map((e, p) => /* @__PURE__ */ t(
|
|
23
|
+
f.Head,
|
|
24
|
+
{
|
|
25
|
+
sticky: e.sticky,
|
|
26
|
+
stickyOffset: e.stickyOffset,
|
|
27
|
+
id: e.key,
|
|
28
|
+
label: e.label,
|
|
29
|
+
isRowHeader: !0,
|
|
30
|
+
allowsSorting: e.allowsSorting,
|
|
31
|
+
headerCellClass: h.includes(e.key) ? "justify-center" : "",
|
|
32
|
+
style: {
|
|
33
|
+
maxWidth: e.maxWidth,
|
|
34
|
+
minWidth: e.maxWidth,
|
|
35
|
+
width: e.maxWidth
|
|
36
|
+
},
|
|
37
|
+
className: "overflow-hidde"
|
|
38
|
+
},
|
|
39
|
+
p
|
|
40
|
+
)) }),
|
|
41
|
+
/* @__PURE__ */ t(f.Body, { items: d, children: (e) => {
|
|
42
|
+
const p = w ? w(e) : !1, b = e.id || e.rule_id || String(e);
|
|
43
|
+
return /* @__PURE__ */ t(
|
|
44
|
+
f.Row,
|
|
45
|
+
{
|
|
46
|
+
onAction: () => l == null ? void 0 : l(e),
|
|
47
|
+
id: b,
|
|
48
|
+
isExpandable: p,
|
|
49
|
+
renderExpandedContent: p ? v : void 0,
|
|
50
|
+
columns: a,
|
|
51
|
+
className: x(
|
|
52
|
+
l && "cursor-pointer",
|
|
53
|
+
y ? "prose" : "",
|
|
54
|
+
k && "[&>td]:after:hidden"
|
|
55
|
+
// Remove row borders
|
|
56
|
+
),
|
|
57
|
+
children: a.map((s, T) => /* @__PURE__ */ t(
|
|
58
|
+
f.Cell,
|
|
59
|
+
{
|
|
60
|
+
sticky: s.sticky,
|
|
61
|
+
stickyOffset: s.stickyOffset,
|
|
62
|
+
style: {
|
|
63
|
+
maxWidth: s.maxWidth,
|
|
64
|
+
minWidth: s.maxWidth,
|
|
65
|
+
width: s.maxWidth
|
|
66
|
+
},
|
|
67
|
+
className: "overflow-x-hidden text-left",
|
|
68
|
+
children: T === 0 && p ? /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: i(s.key, e[s.key], e) }) : i(s.key, e[s.key], e)
|
|
69
|
+
},
|
|
70
|
+
s.key
|
|
71
|
+
))
|
|
72
|
+
},
|
|
73
|
+
b
|
|
74
|
+
);
|
|
75
|
+
} })
|
|
76
|
+
] }) });
|
|
77
|
+
}), $ = ({
|
|
78
|
+
content: r,
|
|
79
|
+
className: d = "",
|
|
80
|
+
link: a = !1,
|
|
81
|
+
tooltipPosition: i = "center"
|
|
82
|
+
}) => {
|
|
83
|
+
const [l, c] = g(!1), [n, y] = g({ top: 0, left: 0 }), h = S(null);
|
|
84
|
+
return O(() => {
|
|
85
|
+
if (l && h.current) {
|
|
86
|
+
const o = h.current.getBoundingClientRect();
|
|
87
|
+
y({
|
|
88
|
+
top: o.top - 8,
|
|
89
|
+
// 8px above the element (accounts for tooltip height + margin)
|
|
90
|
+
left: i === "start" ? o.left : o.left + o.width / 2
|
|
91
|
+
// start: left align; center: center horizontally
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
}, [l, i]), /* @__PURE__ */ m(N, { children: [
|
|
95
|
+
/* @__PURE__ */ t(
|
|
96
|
+
"span",
|
|
97
|
+
{
|
|
98
|
+
ref: h,
|
|
99
|
+
className: x(
|
|
100
|
+
"whitespace-nowrap overflow-hidden text-ellipsis w-full text-left text-secondary block",
|
|
101
|
+
d,
|
|
102
|
+
a ? "!text-[var(--color-brand-600)]" : ""
|
|
103
|
+
),
|
|
104
|
+
onMouseEnter: () => c(!0),
|
|
105
|
+
onMouseLeave: () => c(!1),
|
|
106
|
+
children: a ? /* @__PURE__ */ t("a", { href: r, target: "_blank", children: r }) : r
|
|
107
|
+
}
|
|
108
|
+
),
|
|
109
|
+
l && j(
|
|
110
|
+
/* @__PURE__ */ t(
|
|
111
|
+
"div",
|
|
112
|
+
{
|
|
113
|
+
className: x(
|
|
114
|
+
"fixed px-3 py-2 text-xs font-semibold text-white bg-primary-solid rounded-lg shadow-lg pointer-events-none -translate-y-full z-999 max-w-2xs lg:max-w-xs xl:max-w-sm break-words whitespace-normal",
|
|
115
|
+
i === "center" && "-translate-x-1/2",
|
|
116
|
+
d
|
|
117
|
+
),
|
|
118
|
+
style: {
|
|
119
|
+
top: `${n.top}px`,
|
|
120
|
+
left: `${n.left}px`
|
|
121
|
+
},
|
|
122
|
+
children: r
|
|
123
|
+
}
|
|
124
|
+
),
|
|
125
|
+
document.body
|
|
126
|
+
)
|
|
127
|
+
] });
|
|
128
|
+
}, I = (r, d = "", a, i) => r === "" || r === "-" ? /* @__PURE__ */ t("span", { className: `text-left ${d}`, children: r || "-" }) : /* @__PURE__ */ t(
|
|
129
|
+
$,
|
|
130
|
+
{
|
|
131
|
+
content: r,
|
|
132
|
+
className: d,
|
|
133
|
+
link: a,
|
|
134
|
+
tooltipPosition: i
|
|
135
|
+
}
|
|
136
|
+
);
|
|
137
|
+
export {
|
|
138
|
+
$ as EllipsisContentWithTooltip,
|
|
139
|
+
F as TableWrapper,
|
|
140
|
+
I as createEllipsisContent
|
|
141
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -5,13 +5,13 @@ import { cn as d } from "../../utils/cn.js";
|
|
|
5
5
|
import { Badge as Y } from "../../primitives/badge/badge.js";
|
|
6
6
|
import { Icon as S } from "../../primitives/icon/icon.js";
|
|
7
7
|
import { Checkbox as P } from "../../primitives/checkbox/checkbox.js";
|
|
8
|
-
const
|
|
8
|
+
const y = G({
|
|
9
9
|
size: "md",
|
|
10
10
|
expandedRows: /* @__PURE__ */ new Set(),
|
|
11
11
|
toggleRow: () => {
|
|
12
12
|
}
|
|
13
13
|
}), D = F(
|
|
14
|
-
({ children:
|
|
14
|
+
({ children: s, className: l, size: n = "md", ...c }, e) => {
|
|
15
15
|
const a = L(null), [i, f] = N(!1), [h, t] = N(/* @__PURE__ */ new Set());
|
|
16
16
|
M(() => {
|
|
17
17
|
const r = a.current;
|
|
@@ -21,18 +21,18 @@ const g = G({
|
|
|
21
21
|
f(R > C);
|
|
22
22
|
};
|
|
23
23
|
p();
|
|
24
|
-
const
|
|
25
|
-
return
|
|
26
|
-
|
|
24
|
+
const m = new ResizeObserver(p);
|
|
25
|
+
return m.observe(r), () => {
|
|
26
|
+
m.disconnect();
|
|
27
27
|
};
|
|
28
28
|
}, []);
|
|
29
|
-
const
|
|
29
|
+
const b = (r) => {
|
|
30
30
|
t((p) => {
|
|
31
|
-
const
|
|
32
|
-
return
|
|
31
|
+
const m = new Set(p);
|
|
32
|
+
return m.has(r) ? m.delete(r) : m.add(r), m;
|
|
33
33
|
});
|
|
34
34
|
};
|
|
35
|
-
return /* @__PURE__ */ o(
|
|
35
|
+
return /* @__PURE__ */ o(y.Provider, { value: { size: n, hasOverflow: i, expandedRows: h, toggleRow: b }, children: /* @__PURE__ */ o(
|
|
36
36
|
"div",
|
|
37
37
|
{
|
|
38
38
|
ref: (r) => {
|
|
@@ -40,14 +40,14 @@ const g = G({
|
|
|
40
40
|
},
|
|
41
41
|
...c,
|
|
42
42
|
className: d("overflow-hidden rounded-lg bg-primary", l),
|
|
43
|
-
children:
|
|
43
|
+
children: s
|
|
44
44
|
}
|
|
45
45
|
) });
|
|
46
46
|
}
|
|
47
47
|
);
|
|
48
48
|
D.displayName = "TableCardRoot";
|
|
49
|
-
const E = ({ title:
|
|
50
|
-
const { size: a } = v(
|
|
49
|
+
const E = ({ title: s, badge: l, description: n, contentTrailing: c, className: e }) => {
|
|
50
|
+
const { size: a } = v(y);
|
|
51
51
|
return /* @__PURE__ */ u(
|
|
52
52
|
"div",
|
|
53
53
|
{
|
|
@@ -59,10 +59,10 @@ const E = ({ title: n, badge: l, description: s, contentTrailing: c, className:
|
|
|
59
59
|
children: [
|
|
60
60
|
/* @__PURE__ */ u("div", { className: "flex flex-1 flex-col gap-0.5", children: [
|
|
61
61
|
/* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
|
|
62
|
-
/* @__PURE__ */ o("h2", { className: d("font-semibold text-primary", a === "sm" ? "text-md" : "text-lg"), children:
|
|
62
|
+
/* @__PURE__ */ o("h2", { className: d("font-semibold text-primary", a === "sm" ? "text-md" : "text-lg"), children: s }),
|
|
63
63
|
l ? O(l) ? l : /* @__PURE__ */ o(Y, { variant: "primary", size: "sm", children: l }) : null
|
|
64
64
|
] }),
|
|
65
|
-
|
|
65
|
+
n && /* @__PURE__ */ o("p", { className: "text-sm text-tertiary", children: n })
|
|
66
66
|
] }),
|
|
67
67
|
c
|
|
68
68
|
]
|
|
@@ -70,15 +70,15 @@ const E = ({ title: n, badge: l, description: s, contentTrailing: c, className:
|
|
|
70
70
|
);
|
|
71
71
|
};
|
|
72
72
|
E.displayName = "TableCardHeader";
|
|
73
|
-
const j = ({ className:
|
|
74
|
-
const e = v(
|
|
75
|
-
i((
|
|
76
|
-
const r = new Set(
|
|
73
|
+
const j = ({ className: s, size: l = "md", isEditable: n = !1, ...c }) => {
|
|
74
|
+
const e = v(y), [a, i] = N(/* @__PURE__ */ new Set()), f = (e == null ? void 0 : e.expandedRows) ?? a, h = (e == null ? void 0 : e.toggleRow) ?? ((t) => {
|
|
75
|
+
i((b) => {
|
|
76
|
+
const r = new Set(b);
|
|
77
77
|
return r.has(t) ? r.delete(t) : r.add(t), r;
|
|
78
78
|
});
|
|
79
79
|
});
|
|
80
80
|
return /* @__PURE__ */ o(
|
|
81
|
-
|
|
81
|
+
y.Provider,
|
|
82
82
|
{
|
|
83
83
|
value: {
|
|
84
84
|
size: (e == null ? void 0 : e.size) ?? l,
|
|
@@ -86,7 +86,7 @@ const j = ({ className: n, size: l = "md", isEditable: s = !1, ...c }) => {
|
|
|
86
86
|
expandedRows: f,
|
|
87
87
|
toggleRow: h
|
|
88
88
|
},
|
|
89
|
-
children:
|
|
89
|
+
children: n ? /* @__PURE__ */ o(
|
|
90
90
|
"div",
|
|
91
91
|
{
|
|
92
92
|
onKeyDownCapture: (t) => {
|
|
@@ -109,7 +109,7 @@ const j = ({ className: n, size: l = "md", isEditable: s = !1, ...c }) => {
|
|
|
109
109
|
children: /* @__PURE__ */ o(
|
|
110
110
|
k,
|
|
111
111
|
{
|
|
112
|
-
className: (t) => d("w-full overflow-x-hidden", typeof
|
|
112
|
+
className: (t) => d("w-full overflow-x-hidden", typeof s == "function" ? s(t) : s),
|
|
113
113
|
...c
|
|
114
114
|
}
|
|
115
115
|
)
|
|
@@ -117,7 +117,7 @@ const j = ({ className: n, size: l = "md", isEditable: s = !1, ...c }) => {
|
|
|
117
117
|
) : /* @__PURE__ */ o(
|
|
118
118
|
k,
|
|
119
119
|
{
|
|
120
|
-
className: (t) => d("w-full overflow-x-hidden", typeof
|
|
120
|
+
className: (t) => d("w-full overflow-x-hidden", typeof s == "function" ? s(t) : s),
|
|
121
121
|
...c
|
|
122
122
|
}
|
|
123
123
|
)
|
|
@@ -126,14 +126,14 @@ const j = ({ className: n, size: l = "md", isEditable: s = !1, ...c }) => {
|
|
|
126
126
|
};
|
|
127
127
|
j.displayName = "Table";
|
|
128
128
|
const K = ({
|
|
129
|
-
columns:
|
|
129
|
+
columns: s,
|
|
130
130
|
children: l,
|
|
131
|
-
bordered:
|
|
131
|
+
bordered: n = !1,
|
|
132
132
|
hasExpandableRows: c = !1,
|
|
133
133
|
className: e,
|
|
134
134
|
...a
|
|
135
135
|
}) => {
|
|
136
|
-
const { size: i } = v(
|
|
136
|
+
const { size: i } = v(y), { selectionBehavior: f, selectionMode: h } = x();
|
|
137
137
|
return /* @__PURE__ */ u(
|
|
138
138
|
X,
|
|
139
139
|
{
|
|
@@ -141,39 +141,39 @@ const K = ({
|
|
|
141
141
|
className: (t) => d(
|
|
142
142
|
"sticky top-0 z-30 bg-secondary_subtle rounded-lg h-9",
|
|
143
143
|
// Row border—using an "after" pseudo-element to avoid the border taking up space.
|
|
144
|
-
|
|
144
|
+
n && "[&>tr>th]:after:pointer-events-none [&>tr>th]:after:absolute [&>tr>th]:after:inset-x-0 [&>tr>th]:after:bottom-0 [&>tr>th]:after:h-px [&>tr>th]:after:bg-border-tertiary [&>tr>th]:focus-visible:after:bg-transparent",
|
|
145
145
|
typeof e == "function" ? e(t) : e
|
|
146
146
|
),
|
|
147
147
|
children: [
|
|
148
148
|
c && /* @__PURE__ */ o(z, { className: d("relative p-0", i === "sm" ? "w-9" : "w-11") }),
|
|
149
149
|
f === "toggle" && /* @__PURE__ */ o(z, { className: d("relative p-0", i === "sm" ? "w-9" : "w-11"), children: h === "multiple" && /* @__PURE__ */ o("div", { className: "flex items-start", children: /* @__PURE__ */ o(P, { slot: "selection" }) }) }),
|
|
150
|
-
/* @__PURE__ */ o(A, { items:
|
|
150
|
+
/* @__PURE__ */ o(A, { items: s, children: l })
|
|
151
151
|
]
|
|
152
152
|
}
|
|
153
153
|
);
|
|
154
154
|
};
|
|
155
155
|
K.displayName = "TableHeader";
|
|
156
156
|
const $ = ({
|
|
157
|
-
className:
|
|
157
|
+
className: s,
|
|
158
158
|
label: l,
|
|
159
|
-
children:
|
|
159
|
+
children: n,
|
|
160
160
|
sticky: c,
|
|
161
161
|
stickyOffset: e = 0,
|
|
162
162
|
headerCellClass: a,
|
|
163
163
|
...i
|
|
164
164
|
}) => {
|
|
165
|
-
const { selectionBehavior: f } = x(), { size: h } = v(
|
|
165
|
+
const { selectionBehavior: f } = x(), { size: h } = v(y);
|
|
166
166
|
return /* @__PURE__ */ o(
|
|
167
167
|
z,
|
|
168
168
|
{
|
|
169
169
|
...i,
|
|
170
170
|
style: (t) => {
|
|
171
|
-
const
|
|
171
|
+
const b = c ? {
|
|
172
172
|
position: "sticky",
|
|
173
173
|
[c]: e,
|
|
174
174
|
zIndex: 30
|
|
175
175
|
} : {};
|
|
176
|
-
return { ...typeof i.style == "function" ? i.style(t) : i.style || {}, ...
|
|
176
|
+
return { ...typeof i.style == "function" ? i.style(t) : i.style || {}, ...b };
|
|
177
177
|
},
|
|
178
178
|
className: (t) => d(
|
|
179
179
|
"relative p-0 outline-hidden focus-visible:z-1 focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-bg-primary focus-visible:ring-inset",
|
|
@@ -182,12 +182,12 @@ const $ = ({
|
|
|
182
182
|
f === "toggle" && "nth-2:pl-3",
|
|
183
183
|
c && "bg-secondary_subtle",
|
|
184
184
|
t.allowsSorting && "cursor-pointer",
|
|
185
|
-
typeof
|
|
185
|
+
typeof s == "function" ? s(t) : s
|
|
186
186
|
),
|
|
187
187
|
children: (t) => /* @__PURE__ */ u(Q, { className: d("flex items-center gap-1", a), children: [
|
|
188
188
|
/* @__PURE__ */ u("div", { className: "flex items-center gap-1 overflow-hidden", children: [
|
|
189
189
|
l && /* @__PURE__ */ o("span", { className: "text-xs font-semibold whitespace-nowrap overflow-hidden text-ellipsis text-secondary", children: l }),
|
|
190
|
-
typeof
|
|
190
|
+
typeof n == "function" ? n(t) : n
|
|
191
191
|
] }),
|
|
192
192
|
t.allowsSorting && (t.sortDirection ? /* @__PURE__ */ o(
|
|
193
193
|
S,
|
|
@@ -206,32 +206,32 @@ const $ = ({
|
|
|
206
206
|
};
|
|
207
207
|
$.displayName = "TableHead";
|
|
208
208
|
const U = ({
|
|
209
|
-
columns:
|
|
209
|
+
columns: s,
|
|
210
210
|
children: l,
|
|
211
|
-
className:
|
|
211
|
+
className: n,
|
|
212
212
|
highlightSelectedRow: c = !0,
|
|
213
213
|
isExpandable: e = !1,
|
|
214
214
|
renderExpandedContent: a,
|
|
215
215
|
...i
|
|
216
216
|
}) => {
|
|
217
|
-
const { size: f, expandedRows: h, toggleRow: t } = v(
|
|
217
|
+
const { size: f, expandedRows: h, toggleRow: t } = v(y), { selectionBehavior: b } = x(), r = typeof i.id == "string" ? i.id : String(i.id), p = h.has(r), R = e ? /* @__PURE__ */ o(
|
|
218
218
|
"button",
|
|
219
219
|
{
|
|
220
220
|
type: "button",
|
|
221
|
-
onClick: (
|
|
222
|
-
|
|
221
|
+
onClick: (g) => {
|
|
222
|
+
g.stopPropagation(), t(r);
|
|
223
223
|
},
|
|
224
224
|
className: d(
|
|
225
|
-
"flex items-center justify-center transition-transform duration-200 ease-in-out cursor-pointer hover:bg-
|
|
225
|
+
"flex items-center justify-center transition-transform duration-200 ease-in-out cursor-pointer hover:bg-secondary_subtle rounded p-1 flex-shrink-0 -ml-1 mr-2",
|
|
226
226
|
p && "rotate-90"
|
|
227
227
|
),
|
|
228
228
|
"aria-label": p ? "Collapse row" : "Expand row",
|
|
229
229
|
children: /* @__PURE__ */ o(S, { name: "ChevronRight", size: 16, className: "text-secondary" })
|
|
230
230
|
}
|
|
231
231
|
) : null, C = e ? (() => {
|
|
232
|
-
const
|
|
233
|
-
if (
|
|
234
|
-
const H =
|
|
232
|
+
const g = q.toArray(l);
|
|
233
|
+
if (g.length > 0 && O(g[0])) {
|
|
234
|
+
const H = g[0], _ = H.props;
|
|
235
235
|
return [
|
|
236
236
|
I(H, {
|
|
237
237
|
..._,
|
|
@@ -240,7 +240,7 @@ const U = ({
|
|
|
240
240
|
_.children
|
|
241
241
|
] })
|
|
242
242
|
}),
|
|
243
|
-
...
|
|
243
|
+
...g.slice(1)
|
|
244
244
|
];
|
|
245
245
|
}
|
|
246
246
|
return l;
|
|
@@ -250,17 +250,17 @@ const U = ({
|
|
|
250
250
|
B,
|
|
251
251
|
{
|
|
252
252
|
...i,
|
|
253
|
-
className: (
|
|
254
|
-
"relative outline-focus-ring transition-colors after:pointer-events-none hover:bg-
|
|
253
|
+
className: (g) => d(
|
|
254
|
+
"relative outline-focus-ring transition-colors after:pointer-events-none hover:bg-secondary_subtle focus-visible:outline-2 focus-visible:-outline-offset-2",
|
|
255
255
|
f === "sm" ? "h-12" : "h-18",
|
|
256
256
|
c && "selected:bg-secondary",
|
|
257
257
|
// Row border—using an "after" pseudo-element to avoid the border taking up space.
|
|
258
258
|
!p && "[&>td]:after:absolute [&>td]:after:inset-x-0 [&>td]:after:bottom-0 [&>td]:after:h-px [&>td]:after:w-full [&>td]:after:bg-border-tertiary last:[&>td]:after:hidden [&>td]:focus-visible:after:opacity-0 focus-visible:[&>td]:after:opacity-0",
|
|
259
|
-
typeof
|
|
259
|
+
typeof n == "function" ? n(g) : n
|
|
260
260
|
),
|
|
261
261
|
children: [
|
|
262
|
-
|
|
263
|
-
/* @__PURE__ */ o(A, { items:
|
|
262
|
+
b === "toggle" && /* @__PURE__ */ o(T, { className: d("relative p-0", f === "sm" ? "w-9" : "w-11"), children: /* @__PURE__ */ o("div", { className: "flex items-end", children: /* @__PURE__ */ o(P, { className: "hidden", slot: "selection" }) }) }),
|
|
263
|
+
/* @__PURE__ */ o(A, { items: s, children: C })
|
|
264
264
|
]
|
|
265
265
|
}
|
|
266
266
|
),
|
|
@@ -268,23 +268,23 @@ const U = ({
|
|
|
268
268
|
T,
|
|
269
269
|
{
|
|
270
270
|
className: "p-0",
|
|
271
|
-
colSpan: (
|
|
271
|
+
colSpan: (s == null ? void 0 : s.length) || 0,
|
|
272
272
|
children: /* @__PURE__ */ o("div", { className: d("w-full"), children: a(i.value) })
|
|
273
273
|
}
|
|
274
274
|
) })
|
|
275
275
|
] });
|
|
276
276
|
};
|
|
277
277
|
U.displayName = "TableRow";
|
|
278
|
-
const V = ({ className:
|
|
279
|
-
const { size: a } = v(
|
|
278
|
+
const V = ({ className: s, children: l, sticky: n, stickyOffset: c = 0, ...e }) => {
|
|
279
|
+
const { size: a } = v(y), { selectionBehavior: i } = x();
|
|
280
280
|
return /* @__PURE__ */ o(
|
|
281
281
|
T,
|
|
282
282
|
{
|
|
283
283
|
...e,
|
|
284
284
|
style: (f) => {
|
|
285
|
-
const h =
|
|
285
|
+
const h = n ? {
|
|
286
286
|
position: "sticky",
|
|
287
|
-
[
|
|
287
|
+
[n]: c,
|
|
288
288
|
zIndex: 20
|
|
289
289
|
} : {};
|
|
290
290
|
return { ...typeof e.style == "function" ? e.style(f) : e.style || {}, ...h };
|
|
@@ -294,9 +294,9 @@ const V = ({ className: n, children: l, sticky: s, stickyOffset: c = 0, ...e })
|
|
|
294
294
|
a === "sm" && "p-0 px-4 py-2",
|
|
295
295
|
a === "md" && "p-0 px-6 py-2",
|
|
296
296
|
i === "toggle" && "nth-2:pl-3",
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
typeof
|
|
297
|
+
n === "left" && "before:absolute before:top-0 before:right-0 before:h-full before:shadow-[4px_0_8px_2px_rgba(0,0,0,0.15)]",
|
|
298
|
+
n === "right" && "z-[2000] bg-white hover:bg-inherit before:absolute before:top-0 before:left-0 before:h-full before:shadow-[-4px_0_8px_2px_rgba(0,0,0,0.15)]",
|
|
299
|
+
typeof s == "function" ? s(f) : s
|
|
300
300
|
),
|
|
301
301
|
children: l
|
|
302
302
|
}
|
|
@@ -1 +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}}
|
|
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-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--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-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-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-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_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-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-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);--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-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-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}.fixed{position:fixed}.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-999{z-index:999}.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-2xs{max-width:var(--container-2xs)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-160{max-width:calc(var(--spacing)*160)}.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)}.-translate-y-full{--tw-translate-y:-100%;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-end{justify-content:flex-end}.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)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}: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)))}.gap-y-2{row-gap:calc(var(--spacing)*2)}: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-brand{border-color:var(--border-color-brand)}.border-brand_alt{border-color:var(--border-color-brand_alt)}.border-disabled{border-color:var(--border-color-disabled)}.border-disabled_subtle{border-color:var(--border-color-disabled_subtle)}.border-error{border-color:var(--border-color-error)}.border-error-200{border-color:var(--color-error-200)}.border-error-300{border-color:var(--color-error-300)}.border-error_subtle{border-color:var(--border-color-error_subtle)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-primary{border-color:var(--border-color-primary)}.border-secondary{border-color:var(--border-color-secondary)}.border-secondary_alt{border-color:var(--border-color-secondary_alt)}.border-success-200{border-color:var(--color-success-200)}.border-success-500{border-color:var(--color-success-500)}.border-tertiary{border-color:var(--border-color-tertiary)}.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-active{background-color:var(--background-color-active)}.bg-bg-secondary{background-color:var(--color-bg-secondary)}.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-disabled{background-color:var(--background-color-brand-disabled)}.bg-brand-primary{background-color:var(--background-color-brand-primary)}.bg-brand-primary_alt{background-color:var(--background-color-brand-primary_alt)}.bg-brand-secondary{background-color:var(--background-color-brand-secondary)}.bg-brand-section{background-color:var(--background-color-brand-section)}.bg-brand-section_subtle{background-color:var(--background-color-brand-section_subtle)}.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-disabled_subtle{background-color:var(--background-color-disabled_subtle)}.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-primary{background-color:var(--background-color-error-primary)}.bg-error-secondary{background-color:var(--background-color-error-secondary)}.bg-error-solid{background-color:var(--background-color-error-solid)}.bg-error-solid_hover{background-color:var(--background-color-error-solid_hover)}.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-overlay{background-color:var(--background-color-overlay)}.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-primary-solid{background-color:var(--background-color-primary-solid)}.bg-primary_alt{background-color:var(--background-color-primary_alt)}.bg-primary_hover{background-color:var(--background-color-primary_hover)}.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-quaternary{background-color:var(--background-color-quaternary)}.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{background-color:var(--background-color-secondary)}.bg-secondary-solid{background-color:var(--background-color-secondary-solid)}.bg-secondary_alt{background-color:var(--background-color-secondary_alt)}.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-success-primary{background-color:var(--background-color-success-primary)}.bg-success-secondary{background-color:var(--background-color-success-secondary)}.bg-success-solid{background-color:var(--background-color-success-solid)}.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-warning-primary{background-color:var(--background-color-warning-primary)}.bg-warning-secondary{background-color:var(--background-color-warning-secondary)}.bg-warning-solid{background-color:var(--background-color-warning-solid)}.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-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.\!text-\[var\(--color-brand-600\)\]{color:var(--color-brand-600)!important}.\!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-primary{color:var(--text-color-brand-primary)}.text-brand-secondary{color:var(--text-color-brand-secondary)}.text-brand-secondary_hover{color:var(--text-color-brand-secondary_hover)}.text-brand-tertiary{color:var(--text-color-brand-tertiary)}.text-brand-tertiary_alt{color:var(--text-color-brand-tertiary_alt)}.text-disabled{color:var(--text-color-disabled)}.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-error-primary_hover{color:var(--text-color-error-primary_hover)}.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-placeholder{color:var(--text-color-placeholder)}.text-placeholder_subtle{color:var(--text-color-placeholder_subtle)}.text-primary{color:var(--text-color-primary)}.text-primary_on-brand{color:var(--text-color-primary_on-brand)}.text-purple-700{color:var(--color-purple-700)}.text-quaternary{color:var(--text-color-quaternary)}.text-quaternary_on-brand{color:var(--text-color-quaternary_on-brand)}.text-secondary{color:var(--text-color-secondary)}.text-secondary_hover{color:var(--text-color-secondary_hover)}.text-secondary_on-brand{color:var(--text-color-secondary_on-brand)}.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-success-primary{color:var(--text-color-success-primary)}.text-teal-700{color:var(--color-teal-700)}.text-tertiary{color:var(--text-color-tertiary)}.text-tertiary_hover{color:var(--text-color-tertiary_hover)}.text-tertiary_on-brand{color:var(--text-color-tertiary_on-brand)}.text-warning-600{color:var(--color-warning-600)}.text-warning-800{color:var(--color-warning-800)}.text-warning-primary{color:var(--text-color-warning-primary)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-30{opacity:.3}.shadow-lg{--tw-shadow:0px 12px 16px -4px var(--tw-shadow-color,#0a0d1214),0px 4px 6px -2px var(--tw-shadow-color,#0a0d1208),0px 2px 2px -1px var(--tw-shadow-color,#0a0d120a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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-bg-secondary:where([data-rac])[data-hovered]{background-color:var(--color-bg-secondary)}@media(hover:hover){.hover\:bg-bg-secondary:where(:not([data-rac])):hover{background-color:var(--color-bg-secondary)}}.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_subtle:where([data-rac])[data-hovered]{background-color:var(--background-color-secondary_subtle)}@media(hover:hover){.hover\:bg-secondary_subtle:where(:not([data-rac])):hover{background-color:var(--background-color-secondary_subtle)}}.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)}}@media(min-width:64rem){.lg\:max-w-xs{max-width:var(--container-xs)}}@media(min-width:80rem){.xl\:max-w-sm{max-width:var(--container-sm)}}.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\:hidden>td:after{content:var(--tw-content);display:none}.\[\&\>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/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.5",
|
|
4
4
|
"description": "CURE Design System - React component library",
|
|
5
5
|
"author": "Pibit",
|
|
6
6
|
"license": "MIT",
|
|
@@ -64,7 +64,8 @@
|
|
|
64
64
|
],
|
|
65
65
|
"scripts": {
|
|
66
66
|
"dev": "vite",
|
|
67
|
-
"build": "npm run build:lib && npm run build:css",
|
|
67
|
+
"build": "npm run generate:colors && npm run build:lib && npm run build:css",
|
|
68
|
+
"generate:colors": "node scripts/generate-tailwind-colors.js",
|
|
68
69
|
"build:lib": "tsc && vite build",
|
|
69
70
|
"build:css": "node scripts/build-css.js",
|
|
70
71
|
"build:watch": "vite build --watch",
|