@stackone/malachite 2.35.0 → 2.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/COMPONENTS.md +1 -1
  2. package/dist/components/Alert.js +75 -61
  3. package/dist/components/Alert.js.map +1 -1
  4. package/dist/components/CommandPalette.js +53 -52
  5. package/dist/components/CommandPalette.js.map +1 -1
  6. package/dist/index.d.ts +4 -0
  7. package/dist/tailwind.css.js +1 -1
  8. package/package.json +1 -1
package/COMPONENTS.md CHANGED
@@ -33,7 +33,7 @@ The catalog of components exported from `@stackone/malachite`. **Reach for one o
33
33
  ## Feedback & status
34
34
 
35
35
  - **`ChangeReview`** — Reviewing changes a machine made. `ChangeReview.Item` attaches to one changed thing: it names what changed with an `assistant` Tag, shows the value it displaced struck through, and offers approve and deny as two equally reachable icon buttons — a review affordance that made keeping easier than rejecting would not be one. Given `children`, it wraps the field the change is annotating: the tag/label/actions become a header band above it and the before/after line moves below, so "Was …" reads next to the value it describes instead of stacked with the header; without children it renders as the standalone card it always has. `ChangeReview.Summary` counts what is still undecided across the whole form, which is what a per-item control cannot do and what a caller gates a save on; at zero it either says so or collapses to nothing. `ChangeReview.Removed` is for something the assistant took out: a dashed, tinted card listing what would be lost, because a removal that simply vanished would leave nothing to reject. `ChangeReview.Jump` is a chip an assistant turn carries to point at a field it touched. _Key props:_ `Item`: `label`, `before`, `after`, `kind` (`changed` | `added` | `removed`), `origin`, `children`, `onApprove`, `onDeny`, `disabled`, `className`. `Summary`: `count`, `origin`, `onApproveAll`, `onDenyAll`, `disabled`, `settledMessage`, `className`. `Removed`: `title`, `details` (`{label, value}[]`), `onRestore`, `onDiscard`, `restoreLabel`, `discardLabel`, `origin`, `disabled`, `className`. `Jump`: `label`, `onClick`, `disabled`, `className`. `Item` also takes `onPreviewRevert(previewing)`, fired on hover and on focus.
36
- - **`Alert`** — Inline alert/callout. Four severities (info, success, warning, error) plus `assistant` — a violet, sparkle-marked ground that says a machine wrote the message rather than that anything is wrong, so provenance never has to borrow a severity colour. `action` puts a control at the end — the link or button that resolves what the alert reports. _Key props:_ `type`, `message`, `action`, `hasMargin`, `children` (expandable body), `isExpanded`, `onToggle`, `className`.
36
+ - **`Alert`** — Inline alert/callout. Four severities (info, success, warning, error) plus `assistant` — a violet, sparkle-marked ground that says a machine wrote the message rather than that anything is wrong, so provenance never has to borrow a severity colour. `action` puts a control at the end — the link or button that resolves what the alert reports — and `icon` replaces the status icon; an svg that paints with `currentColor` (a CustomIcon) is drawn in the colour and size of the built-in one. _Key props:_ `type`, `message`, `action`, `icon`, `hasMargin`, `children` (expandable body), `isExpanded`, `onToggle`, `className`.
37
37
  - **`StatusBadge`** — Large status indicator (e.g. success checkmark) for terminal/confirmation screens. _Key props:_ `type`.
38
38
  - **`StatBadge`** — Pill showing a numeric value with a label (e.g. "3 accounts selected"). _Key props:_ `count`, `label`.
39
39
  - **`Tag`** — Small status/label tag. Types: success, error, warning, default. _Key props:_ `value`, `type`, `paddingSize`, `textTransform`, `WidthSize`.
package/dist/components/Alert.js CHANGED
@@ -1,16 +1,16 @@
1
- import { jsxs as a, jsx as e, Fragment as y } from "react/jsx-runtime";
2
- import { useState as k } from "react";
3
- import { Button as I } from "./Button.js";
4
- import j from "./CustomIcons/CaretDownIcon.js";
5
- import B from "./CustomIcons/CaretUpIcon.js";
6
- import E from "./CustomIcons/CheckCircleFilled.js";
7
- import F from "./CustomIcons/ErrorCircleFilled.js";
8
- import S from "./CustomIcons/InfoCircleFilled.js";
9
- import _ from "./CustomIcons/SparkleIcon.js";
1
+ import { jsxs as n, jsx as e, Fragment as k } from "react/jsx-runtime";
2
+ import { useState as _ } from "react";
3
+ import { Button as j } from "./Button.js";
4
+ import B from "./CustomIcons/CaretDownIcon.js";
5
+ import E from "./CustomIcons/CaretUpIcon.js";
6
+ import F from "./CustomIcons/CheckCircleFilled.js";
7
+ import S from "./CustomIcons/ErrorCircleFilled.js";
8
+ import O from "./CustomIcons/InfoCircleFilled.js";
9
+ import z from "./CustomIcons/SparkleIcon.js";
10
10
  import A from "./CustomIcons/WarningCircleFilled.js";
11
11
  import W from "./Typography/MarkdownBlock.js";
12
- import { getTextColor as z } from "./Typography/textStyles.js";
13
- const h = (r) => {
12
+ import { getTextColor as H } from "./Typography/textStyles.js";
13
+ const v = (r) => {
14
14
  switch (r) {
15
15
  case "info":
16
16
  return "primary";
@@ -27,98 +27,112 @@ const h = (r) => {
27
27
  default:
28
28
  return "primary";
29
29
  }
30
- }, i = {
30
+ }, s = {
31
31
  width: "13px",
32
32
  height: "13px",
33
33
  flexShrink: 0
34
- }, x = {
34
+ }, i = {
35
+ info: "var(--malachite-alert-info-foreground)",
36
+ success: "var(--malachite-alert-success-foreground)",
37
+ error: "var(--malachite-alert-error-foreground)",
38
+ warning: "var(--malachite-alert-warning-foreground)",
39
+ assistant: "var(--malachite-alert-assistant-foreground)"
40
+ }, L = {
35
41
  info: /* @__PURE__ */ e(
36
- S,
42
+ O,
37
43
  {
38
- style: { ...i, color: "var(--malachite-alert-info-foreground)" }
44
+ style: { ...s, color: i.info }
39
45
  }
40
46
  ),
41
47
  success: /* @__PURE__ */ e(
42
- E,
48
+ F,
43
49
  {
44
- style: { ...i, color: "var(--malachite-alert-success-foreground)" }
50
+ style: { ...s, color: i.success }
45
51
  }
46
52
  ),
47
53
  error: /* @__PURE__ */ e(
48
- F,
54
+ S,
49
55
  {
50
- style: { ...i, color: "var(--malachite-alert-error-foreground)" }
56
+ style: { ...s, color: i.error }
51
57
  }
52
58
  ),
53
59
  warning: /* @__PURE__ */ e(
54
60
  A,
55
61
  {
56
- style: { ...i, color: "var(--malachite-alert-warning-foreground)" }
62
+ style: { ...s, color: i.warning }
57
63
  }
58
64
  ),
59
65
  // The same sparkle the control that produced the message carries, so the two read as
60
66
  // one thread rather than two unrelated affordances.
61
67
  assistant: /* @__PURE__ */ e(
62
- _,
68
+ z,
63
69
  {
64
- style: { ...i, color: "var(--malachite-alert-assistant-foreground)" }
70
+ style: { ...s, color: i.assistant }
65
71
  }
66
72
  )
67
- }, p = ({ text: r, type: n }) => /* @__PURE__ */ e(W, { text: r, color: h(n), size: "small", omitMargin: !0 }), J = ({
73
+ }, h = (r, l) => l ? /* @__PURE__ */ e(
74
+ "span",
75
+ {
76
+ className: "alert-status-icon inline-flex shrink-0 [&_svg]:size-full!",
77
+ style: { ...s, color: i[r] },
78
+ children: l
79
+ }
80
+ ) : L[r], u = ({ text: r, type: l }) => /* @__PURE__ */ e(W, { text: r, color: v(l), size: "small", omitMargin: !0 }), Q = ({
68
81
  type: r = "info",
69
- message: n,
70
- hasMargin: u = !0,
71
- className: v,
72
- children: d,
73
- isExpanded: s,
74
- onToggle: c,
75
- action: o
82
+ message: l,
83
+ hasMargin: g = !0,
84
+ className: w,
85
+ children: m,
86
+ isExpanded: c,
87
+ onToggle: d,
88
+ action: o,
89
+ icon: f
76
90
  }) => {
77
- const l = !!d, [g, w] = k(!1), t = s !== void 0 ? s : g, C = () => {
78
- const f = !t;
79
- s === void 0 && w(f), c == null || c(f);
80
- }, m = [
91
+ const t = !!m, [C, N] = _(!1), a = c !== void 0 ? c : C, b = () => {
92
+ const p = !a;
93
+ c === void 0 && N(p), d == null || d(p);
94
+ }, x = [
81
95
  "alert-base",
82
96
  `alert-${r}`,
83
97
  "flex",
84
98
  "w-full",
85
99
  // Ensure full width
86
- l && t ? "flex-col" : "gap-2 items-center min-h-[2rem]",
87
- u ? "" : "alert-no-margin",
100
+ t && a ? "flex-col" : "gap-2 items-center min-h-[2rem]",
101
+ g ? "" : "alert-no-margin",
88
102
  "text-left",
89
- l ? "rounded-xl !p-0" : "!px-2.5 !py-1.5",
103
+ t ? "rounded-xl !p-0" : "!px-2.5 !py-1.5",
90
104
  // Slightly more vertical padding for centering
91
- v
92
- ].filter(Boolean).join(" "), b = [
105
+ w
106
+ ].filter(Boolean).join(" "), y = [
93
107
  "flex items-center justify-between w-full",
94
- l ? "gap-2 px-2.5 py-1" : "gap-2",
95
- l && t ? "rounded-t-xl" : l ? "rounded-xl" : ""
96
- ].filter(Boolean).join(" "), N = ["w-full", "overflow-hidden"].filter(Boolean).join(" ");
97
- return l ? /* @__PURE__ */ a("div", { className: `${m} alert-expandable`, children: [
98
- /* @__PURE__ */ a("div", { className: b, children: [
99
- /* @__PURE__ */ a("div", { className: "flex-1 flex gap-2 items-center", children: [
100
- x[r],
101
- /* @__PURE__ */ e("div", { className: "flex-1 flex items-center", children: /* @__PURE__ */ e("div", { className: "[&>div]:mb-0", children: /* @__PURE__ */ e(p, { text: n, type: r }) }) })
108
+ t ? "gap-2 px-2.5 py-1" : "gap-2",
109
+ t && a ? "rounded-t-xl" : t ? "rounded-xl" : ""
110
+ ].filter(Boolean).join(" "), I = ["w-full", "overflow-hidden"].filter(Boolean).join(" ");
111
+ return t ? /* @__PURE__ */ n("div", { className: `${x} alert-expandable`, children: [
112
+ /* @__PURE__ */ n("div", { className: y, children: [
113
+ /* @__PURE__ */ n("div", { className: "flex-1 flex gap-2 items-center", children: [
114
+ h(r, f),
115
+ /* @__PURE__ */ e("div", { className: "flex-1 flex items-center", children: /* @__PURE__ */ e("div", { className: "[&>div]:mb-0", children: /* @__PURE__ */ e(u, { text: l, type: r }) }) })
102
116
  ] }),
103
- /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
117
+ /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
104
118
  o && /* @__PURE__ */ e("div", { className: "alert-action flex items-center", children: o }),
105
119
  /* @__PURE__ */ e(
106
- I,
120
+ j,
107
121
  {
108
122
  variant: "no-style",
109
123
  size: "xsmall",
110
- onClick: C,
111
- "aria-label": t ? "Collapse" : "Expand",
124
+ onClick: b,
125
+ "aria-label": a ? "Collapse" : "Expand",
112
126
  style: {
113
- color: z(h(r))
127
+ color: H(v(r))
114
128
  },
115
- children: t ? /* @__PURE__ */ e(
116
- B,
129
+ children: a ? /* @__PURE__ */ e(
130
+ E,
117
131
  {
118
132
  style: { minWidth: "13px", minHeight: "13px" }
119
133
  }
120
134
  ) : /* @__PURE__ */ e(
121
- j,
135
+ B,
122
136
  {
123
137
  style: { minWidth: "13px", minHeight: "13px" }
124
138
  }
@@ -127,15 +141,15 @@ const h = (r) => {
127
141
  )
128
142
  ] })
129
143
  ] }),
130
- t && /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e("div", { className: N, children: /* @__PURE__ */ e("div", { className: "bg-white rounded-[var(--malachite-radius-10,10px)] shadow-[0px_1px_0px_0px_rgba(0,0,0,0.15)] border border-[#e8e8e8] border-solid mx-2 mb-2 max-h-[553px] overflow-y-auto", children: d }) }) })
131
- ] }) : /* @__PURE__ */ a("div", { className: m, children: [
132
- x[r],
133
- /* @__PURE__ */ e("div", { className: "flex-1 flex items-center", children: /* @__PURE__ */ e("div", { className: "[&>div]:mb-0", children: /* @__PURE__ */ e(p, { text: n, type: r }) }) }),
144
+ a && /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e("div", { className: I, children: /* @__PURE__ */ e("div", { className: "bg-white rounded-[var(--malachite-radius-10,10px)] shadow-[0px_1px_0px_0px_rgba(0,0,0,0.15)] border border-[#e8e8e8] border-solid mx-2 mb-2 max-h-[553px] overflow-y-auto", children: m }) }) })
145
+ ] }) : /* @__PURE__ */ n("div", { className: x, children: [
146
+ h(r, f),
147
+ /* @__PURE__ */ e("div", { className: "flex-1 flex items-center", children: /* @__PURE__ */ e("div", { className: "[&>div]:mb-0", children: /* @__PURE__ */ e(u, { text: l, type: r }) }) }),
134
148
  o && /* @__PURE__ */ e("div", { className: "alert-action shrink-0 flex items-center", children: o })
135
149
  ] });
136
150
  };
137
151
  export {
138
- J as Alert,
139
- J as default
152
+ Q as Alert,
153
+ Q as default
140
154
  };
141
155
  //# sourceMappingURL=Alert.js.map
package/dist/components/Alert.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.js","sources":["../../src/components/Alert.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Button, ButtonVariant } from './Button';\nimport CaretDownIcon from './CustomIcons/CaretDownIcon';\nimport CaretUpIcon from './CustomIcons/CaretUpIcon';\nimport CheckCircleFilled from './CustomIcons/CheckCircleFilled';\nimport ErrorCircleFilled from './CustomIcons/ErrorCircleFilled';\nimport InfoCircleFilled from './CustomIcons/InfoCircleFilled';\nimport SparkleIcon from './CustomIcons/SparkleIcon';\nimport WarningCircleFilled from './CustomIcons/WarningCircleFilled';\nimport MarkdownBlock from './Typography/MarkdownBlock';\nimport type { TextColor } from './Typography/Text';\nimport { getTextColor } from './Typography/textStyles';\n\nexport type AlertType = 'info' | 'success' | 'error' | 'warning' | 'assistant';\n\ninterface AlertButtonConfig {\n label: string;\n onClick: () => void;\n variant?: ButtonVariant;\n icon?: React.ReactNode;\n}\n\ninterface AlertProps {\n type?: AlertType;\n message: string;\n hasMargin?: boolean;\n className?: string;\n children?: React.ReactNode;\n isExpanded?: boolean;\n onToggle?: (expanded: boolean) => void;\n /** A control at the end of the alert — a link or button that resolves what it reports. */\n action?: React.ReactNode;\n}\n\n// Distinct from the imported `getTextColor`, which maps a TextColor to a CSS variable.\n// This maps an AlertType to a TextColor token; both are used in this file.\nconst getAlertTextColor = (alertType: AlertType): TextColor => {\n switch (alertType) {\n case 'info':\n return 'primary';\n case 'success':\n return 'success';\n case 'error':\n return 'error';\n case 'warning':\n return 'warning';\n // The violet is on `.alert-assistant` itself; inheriting it keeps one definition\n // rather than a TextColor token that only this alert would ever name.\n case 'assistant':\n return 'inherit';\n default:\n return 'primary';\n }\n};\n\nconst ICON_STYLE = {\n width: '13px',\n height: '13px',\n flexShrink: 0,\n};\n\nconst AlertIcon = {\n info: (\n <InfoCircleFilled\n style={{ ...ICON_STYLE, color: 'var(--malachite-alert-info-foreground)' }}\n />\n ),\n success: (\n <CheckCircleFilled\n style={{ ...ICON_STYLE, color: 'var(--malachite-alert-success-foreground)' }}\n />\n ),\n error: (\n <ErrorCircleFilled\n style={{ ...ICON_STYLE, color: 'var(--malachite-alert-error-foreground)' }}\n />\n ),\n warning: (\n <WarningCircleFilled\n style={{ ...ICON_STYLE, color: 'var(--malachite-alert-warning-foreground)' }}\n />\n ),\n // The same sparkle the control that produced the message carries, so the two read as\n // one thread rather than two unrelated affordances.\n assistant: (\n <SparkleIcon\n style={{ ...ICON_STYLE, color: 'var(--malachite-alert-assistant-foreground)' }}\n />\n ),\n};\n\nconst SimpleTextRenderer: React.FC<{ text: string; type: AlertType }> = ({ text, type }) => {\n return <MarkdownBlock text={text} color={getAlertTextColor(type)} size=\"small\" omitMargin />;\n};\n\nconst Alert: React.FC<AlertProps> = ({\n type = 'info',\n message,\n hasMargin = true,\n className,\n children,\n isExpanded,\n onToggle,\n action,\n}) => {\n const isExpandable = !!children;\n const [internalExpanded, setInternalExpanded] = useState(false);\n\n // Use controlled state if isExpanded is provided, otherwise use internal state\n const expanded = isExpanded !== undefined ? isExpanded : internalExpanded;\n\n const handleToggle = () => {\n const newExpanded = !expanded;\n if (isExpanded === undefined) {\n // Uncontrolled mode\n setInternalExpanded(newExpanded);\n }\n // Call onToggle if provided (for both controlled and uncontrolled)\n onToggle?.(newExpanded);\n };\n\n const alertClasses = [\n 'alert-base',\n `alert-${type}`,\n 'flex',\n 'w-full', // Ensure full width\n isExpandable && expanded ? 'flex-col' : 'gap-2 items-center min-h-[2rem]',\n !hasMargin ? 'alert-no-margin' : '',\n 'text-left',\n isExpandable ? 'rounded-xl !p-0' : '!px-2.5 !py-1.5', // Slightly more vertical padding for centering\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const headerClasses = [\n 'flex items-center justify-between w-full',\n isExpandable ? 'gap-2 px-2.5 py-1' : 'gap-2',\n isExpandable && expanded ? 'rounded-t-xl' : isExpandable ? 'rounded-xl' : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n const expandableContentClasses = ['w-full', 'overflow-hidden'].filter(Boolean).join(' ');\n\n // Non-expandable alert (original behavior)\n if (!isExpandable) {\n return (\n <div className={alertClasses}>\n {AlertIcon[type]}\n <div className=\"flex-1 flex items-center\">\n <div className=\"[&>div]:mb-0\">\n <SimpleTextRenderer text={message} type={type} />\n </div>\n </div>\n {action && <div className=\"alert-action shrink-0 flex items-center\">{action}</div>}\n </div>\n );\n }\n\n // Expandable alert\n return (\n <div className={`${alertClasses} alert-expandable`}>\n {/* Header section with title and expand/collapse button */}\n <div className={headerClasses}>\n <div className=\"flex-1 flex gap-2 items-center\">\n {AlertIcon[type]}\n <div className=\"flex-1 flex items-center\">\n <div className=\"[&>div]:mb-0\">\n <SimpleTextRenderer text={message} type={type} />\n </div>\n </div>\n </div>\n\n {/* Right side buttons container */}\n <div className=\"flex items-center gap-2\">\n {action && <div className=\"alert-action flex items-center\">{action}</div>}\n {/* Expand/collapse button */}\n <Button\n variant=\"no-style\"\n size=\"xsmall\"\n onClick={handleToggle}\n aria-label={expanded ? 'Collapse' : 'Expand'}\n style={{\n color: getTextColor(getAlertTextColor(type)),\n }}\n >\n {expanded ? (\n <CaretUpIcon\n style={{ minWidth: '13px', minHeight: '13px' }}\n />\n ) : (\n <CaretDownIcon\n style={{ minWidth: '13px', minHeight: '13px' }}\n />\n )}\n </Button>\n </div>\n </div>\n\n {/* Expandable content */}\n {expanded && (\n <>\n <div className={expandableContentClasses}>\n <div className=\"bg-white rounded-[var(--malachite-radius-10,10px)] shadow-[0px_1px_0px_0px_rgba(0,0,0,0.15)] border border-[#e8e8e8] border-solid mx-2 mb-2 max-h-[553px] overflow-y-auto\">\n {children}\n </div>\n </div>\n </>\n )}\n </div>\n );\n};\n\nexport default Alert;\nexport { Alert };\nexport type { AlertButtonConfig };\n"],"names":["getAlertTextColor","alertType","ICON_STYLE","AlertIcon","jsx","InfoCircleFilled","CheckCircleFilled","ErrorCircleFilled","WarningCircleFilled","SparkleIcon","SimpleTextRenderer","text","type","MarkdownBlock","Alert","message","hasMargin","className","children","isExpanded","onToggle","action","isExpandable","internalExpanded","setInternalExpanded","useState","expanded","handleToggle","newExpanded","alertClasses","headerClasses","expandableContentClasses","jsxs","Button","getTextColor","CaretUpIcon","CaretDownIcon","Fragment"],"mappings":"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"}
1
+ {"version":3,"file":"Alert.js","sources":["../../src/components/Alert.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Button, ButtonVariant } from './Button';\nimport CaretDownIcon from './CustomIcons/CaretDownIcon';\nimport CaretUpIcon from './CustomIcons/CaretUpIcon';\nimport CheckCircleFilled from './CustomIcons/CheckCircleFilled';\nimport ErrorCircleFilled from './CustomIcons/ErrorCircleFilled';\nimport InfoCircleFilled from './CustomIcons/InfoCircleFilled';\nimport SparkleIcon from './CustomIcons/SparkleIcon';\nimport WarningCircleFilled from './CustomIcons/WarningCircleFilled';\nimport MarkdownBlock from './Typography/MarkdownBlock';\nimport type { TextColor } from './Typography/Text';\nimport { getTextColor } from './Typography/textStyles';\n\nexport type AlertType = 'info' | 'success' | 'error' | 'warning' | 'assistant';\n\ninterface AlertButtonConfig {\n label: string;\n onClick: () => void;\n variant?: ButtonVariant;\n icon?: React.ReactNode;\n}\n\ninterface AlertProps {\n type?: AlertType;\n message: string;\n hasMargin?: boolean;\n className?: string;\n children?: React.ReactNode;\n isExpanded?: boolean;\n onToggle?: (expanded: boolean) => void;\n /** A control at the end of the alert — a link or button that resolves what it reports. */\n action?: React.ReactNode;\n /** Replaces the type's status icon: an svg painting with `currentColor`, such as a CustomIcon,\n * is drawn in the type's colour at the same size. */\n icon?: React.ReactNode;\n}\n\n// Distinct from the imported `getTextColor`, which maps a TextColor to a CSS variable.\n// This maps an AlertType to a TextColor token; both are used in this file.\nconst getAlertTextColor = (alertType: AlertType): TextColor => {\n switch (alertType) {\n case 'info':\n return 'primary';\n case 'success':\n return 'success';\n case 'error':\n return 'error';\n case 'warning':\n return 'warning';\n // The violet is on `.alert-assistant` itself; inheriting it keeps one definition\n // rather than a TextColor token that only this alert would ever name.\n case 'assistant':\n return 'inherit';\n default:\n return 'primary';\n }\n};\n\nconst ICON_STYLE = {\n width: '13px',\n height: '13px',\n flexShrink: 0,\n};\n\nconst ICON_COLOR: Record<AlertType, string> = {\n info: 'var(--malachite-alert-info-foreground)',\n success: 'var(--malachite-alert-success-foreground)',\n error: 'var(--malachite-alert-error-foreground)',\n warning: 'var(--malachite-alert-warning-foreground)',\n assistant: 'var(--malachite-alert-assistant-foreground)',\n};\n\nconst AlertIcon = {\n info: (\n <InfoCircleFilled\n style={{ ...ICON_STYLE, color: ICON_COLOR.info }}\n />\n ),\n success: (\n <CheckCircleFilled\n style={{ ...ICON_STYLE, color: ICON_COLOR.success }}\n />\n ),\n error: (\n <ErrorCircleFilled\n style={{ ...ICON_STYLE, color: ICON_COLOR.error }}\n />\n ),\n warning: (\n <WarningCircleFilled\n style={{ ...ICON_STYLE, color: ICON_COLOR.warning }}\n />\n ),\n // The same sparkle the control that produced the message carries, so the two read as\n // one thread rather than two unrelated affordances.\n assistant: (\n <SparkleIcon\n style={{ ...ICON_STYLE, color: ICON_COLOR.assistant }}\n />\n ),\n};\n\nconst statusIcon = (type: AlertType, icon: React.ReactNode) =>\n icon ? (\n <span\n className=\"alert-status-icon inline-flex shrink-0 [&_svg]:size-full!\"\n style={{ ...ICON_STYLE, color: ICON_COLOR[type] }}\n >\n {icon}\n </span>\n ) : (\n AlertIcon[type]\n );\n\nconst SimpleTextRenderer: React.FC<{ text: string; type: AlertType }> = ({ text, type }) => {\n return <MarkdownBlock text={text} color={getAlertTextColor(type)} size=\"small\" omitMargin />;\n};\n\nconst Alert: React.FC<AlertProps> = ({\n type = 'info',\n message,\n hasMargin = true,\n className,\n children,\n isExpanded,\n onToggle,\n action,\n icon,\n}) => {\n const isExpandable = !!children;\n const [internalExpanded, setInternalExpanded] = useState(false);\n\n // Use controlled state if isExpanded is provided, otherwise use internal state\n const expanded = isExpanded !== undefined ? isExpanded : internalExpanded;\n\n const handleToggle = () => {\n const newExpanded = !expanded;\n if (isExpanded === undefined) {\n // Uncontrolled mode\n setInternalExpanded(newExpanded);\n }\n // Call onToggle if provided (for both controlled and uncontrolled)\n onToggle?.(newExpanded);\n };\n\n const alertClasses = [\n 'alert-base',\n `alert-${type}`,\n 'flex',\n 'w-full', // Ensure full width\n isExpandable && expanded ? 'flex-col' : 'gap-2 items-center min-h-[2rem]',\n !hasMargin ? 'alert-no-margin' : '',\n 'text-left',\n isExpandable ? 'rounded-xl !p-0' : '!px-2.5 !py-1.5', // Slightly more vertical padding for centering\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const headerClasses = [\n 'flex items-center justify-between w-full',\n isExpandable ? 'gap-2 px-2.5 py-1' : 'gap-2',\n isExpandable && expanded ? 'rounded-t-xl' : isExpandable ? 'rounded-xl' : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n const expandableContentClasses = ['w-full', 'overflow-hidden'].filter(Boolean).join(' ');\n\n // Non-expandable alert (original behavior)\n if (!isExpandable) {\n return (\n <div className={alertClasses}>\n {statusIcon(type, icon)}\n <div className=\"flex-1 flex items-center\">\n <div className=\"[&>div]:mb-0\">\n <SimpleTextRenderer text={message} type={type} />\n </div>\n </div>\n {action && <div className=\"alert-action shrink-0 flex items-center\">{action}</div>}\n </div>\n );\n }\n\n // Expandable alert\n return (\n <div className={`${alertClasses} alert-expandable`}>\n {/* Header section with title and expand/collapse button */}\n <div className={headerClasses}>\n <div className=\"flex-1 flex gap-2 items-center\">\n {statusIcon(type, icon)}\n <div className=\"flex-1 flex items-center\">\n <div className=\"[&>div]:mb-0\">\n <SimpleTextRenderer text={message} type={type} />\n </div>\n </div>\n </div>\n\n {/* Right side buttons container */}\n <div className=\"flex items-center gap-2\">\n {action && <div className=\"alert-action flex items-center\">{action}</div>}\n {/* Expand/collapse button */}\n <Button\n variant=\"no-style\"\n size=\"xsmall\"\n onClick={handleToggle}\n aria-label={expanded ? 'Collapse' : 'Expand'}\n style={{\n color: getTextColor(getAlertTextColor(type)),\n }}\n >\n {expanded ? (\n <CaretUpIcon\n style={{ minWidth: '13px', minHeight: '13px' }}\n />\n ) : (\n <CaretDownIcon\n style={{ minWidth: '13px', minHeight: '13px' }}\n />\n )}\n </Button>\n </div>\n </div>\n\n {/* Expandable content */}\n {expanded && (\n <>\n <div className={expandableContentClasses}>\n <div className=\"bg-white rounded-[var(--malachite-radius-10,10px)] shadow-[0px_1px_0px_0px_rgba(0,0,0,0.15)] border border-[#e8e8e8] border-solid mx-2 mb-2 max-h-[553px] overflow-y-auto\">\n {children}\n </div>\n </div>\n </>\n )}\n </div>\n );\n};\n\nexport default Alert;\nexport { Alert };\nexport type { AlertButtonConfig };\n"],"names":["getAlertTextColor","alertType","ICON_STYLE","ICON_COLOR","AlertIcon","jsx","InfoCircleFilled","CheckCircleFilled","ErrorCircleFilled","WarningCircleFilled","SparkleIcon","statusIcon","type","icon","SimpleTextRenderer","text","MarkdownBlock","Alert","message","hasMargin","className","children","isExpanded","onToggle","action","isExpandable","internalExpanded","setInternalExpanded","useState","expanded","handleToggle","newExpanded","alertClasses","headerClasses","expandableContentClasses","jsxs","Button","getTextColor","CaretUpIcon","CaretDownIcon","Fragment"],"mappings":"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"}
package/dist/components/CommandPalette.js CHANGED
@@ -1,16 +1,17 @@
1
- import { jsx as t, jsxs as n, Fragment as g } from "react/jsx-runtime";
1
+ import { jsx as r, jsxs as n, Fragment as g } from "react/jsx-runtime";
2
2
  import w, { useState as y, useEffect as N, useRef as k, useCallback as $ } from "react";
3
- import { createPortal as _ } from "react-dom";
4
- import { ShadowRootWrapper as R } from "../ShadowRootWrapper.js";
3
+ import { createPortal as R } from "react-dom";
4
+ import { ShadowRootWrapper as _ } from "../ShadowRootWrapper.js";
5
5
  import { Keycap as z } from "./Keycap.js";
6
6
  import F from "./TruncatedTooltip.js";
7
7
  import { paintOnChild as c } from "./asChild.js";
8
8
  import { useOverlayBehaviour as L } from "./overlayBehaviour.js";
9
9
  import { OVERLAY_ELEVATED_ATTR as C, overlayIdentity as f } from "./portalOverlay.js";
10
- const E = "w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[var(--malachite-radius-xxl,14px)] border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-background)] outline-none [box-shadow:0_16px_48px_0_rgba(0,0,0,0.18)]", T = ({
10
+ import { isRenderableNode as E } from "./renderableNode.js";
11
+ const T = "w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[var(--malachite-radius-xxl,14px)] border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-background)] outline-none [box-shadow:0_16px_48px_0_rgba(0,0,0,0.18)]", I = ({
11
12
  children: a,
12
13
  onDismiss: e,
13
- "aria-label": r,
14
+ "aria-label": t,
14
15
  className: l = "",
15
16
  style: i
16
17
  }) => {
@@ -22,28 +23,28 @@ const E = "w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[v
22
23
  hostRef: s,
23
24
  initialFocus: "content"
24
25
  });
25
- return d ? _(
26
- /* @__PURE__ */ t(
27
- R,
26
+ return d ? R(
27
+ /* @__PURE__ */ r(
28
+ _,
28
29
  {
29
30
  hostRef: s,
30
31
  hostStyle: { position: "relative", zIndex: b },
31
32
  hostProps: v ? { ...f("commandpalette"), [C]: "" } : f("commandpalette"),
32
- children: /* @__PURE__ */ t(
33
+ children: /* @__PURE__ */ r(
33
34
  "div",
34
35
  {
35
36
  className: "fixed inset-0 z-[1000] flex items-start justify-center pt-[10vh] bg-[var(--malachite-overlay-scrim,rgba(0,0,0,0.5))]",
36
37
  onClick: e ? (u) => u.target === u.currentTarget && e() : void 0,
37
38
  role: "presentation",
38
- children: /* @__PURE__ */ t(
39
+ children: /* @__PURE__ */ r(
39
40
  "div",
40
41
  {
41
42
  ref: x,
42
43
  role: "dialog",
43
44
  "aria-modal": h ? "true" : void 0,
44
- "aria-label": r,
45
+ "aria-label": t,
45
46
  tabIndex: -1,
46
- className: `${E} ${l}`.trim(),
47
+ className: `${T} ${l}`.trim(),
47
48
  style: i,
48
49
  children: a
49
50
  }
@@ -54,38 +55,38 @@ const E = "w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[v
54
55
  ),
55
56
  document.body
56
57
  ) : null;
57
- }, I = "w-full border-none bg-transparent px-0 py-[18px] text-[length:var(--malachite-font-size-xlarge,18px)] text-[var(--malachite-text-primary)] outline-none placeholder:text-[var(--malachite-text-placeholder)]", S = ({ children: a, className: e = "", style: r }) => c(a, `${I} ${e}`.trim(), r), j = ({ children: a, scope: e, className: r = "" }) => /* @__PURE__ */ n(
58
+ }, S = "w-full border-none bg-transparent px-0 py-[18px] text-[length:var(--malachite-font-size-xlarge,18px)] text-[var(--malachite-text-primary)] outline-none placeholder:text-[var(--malachite-text-placeholder)]", j = ({ children: a, className: e = "", style: t }) => c(a, `${S} ${e}`.trim(), t), A = ({ children: a, scope: e, className: t = "" }) => /* @__PURE__ */ n(
58
59
  "div",
59
60
  {
60
- className: `flex items-center gap-2 border-0 border-b border-solid border-[var(--malachite-card-border)] px-[18px] ${r}`.trim(),
61
+ className: `flex items-center gap-2 border-0 border-b border-solid border-[var(--malachite-card-border)] px-[18px] ${t}`.trim(),
61
62
  children: [
62
63
  e,
63
64
  a
64
65
  ]
65
66
  }
66
- ), A = ({ children: a }) => /* @__PURE__ */ t("span", { className: "flex-none whitespace-nowrap rounded-lg border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-sunken-background)] px-2 py-[3px] text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-primary)]", children: a }), P = "max-h-[420px] overflow-auto py-1 bg-[var(--malachite-card-background)]", G = ({ children: a, hasMoreBelow: e = !1, className: r = "", style: l }) => /* @__PURE__ */ n("div", { className: "relative", children: [
67
- c(a, `${P} ${r}`.trim(), l),
68
- e ? /* @__PURE__ */ t(
67
+ ), P = ({ children: a }) => /* @__PURE__ */ r("span", { className: "flex-none whitespace-nowrap rounded-lg border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-sunken-background)] px-2 py-[3px] text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-primary)]", children: a }), G = "max-h-[420px] overflow-auto py-1 bg-[var(--malachite-card-background)]", M = ({ children: a, hasMoreBelow: e = !1, className: t = "", style: l }) => /* @__PURE__ */ n("div", { className: "relative", children: [
68
+ c(a, `${G} ${t}`.trim(), l),
69
+ e ? /* @__PURE__ */ r(
69
70
  "div",
70
71
  {
71
72
  "aria-hidden": !0,
72
73
  className: "pointer-events-none absolute inset-x-0 bottom-0 h-[28px] bg-[linear-gradient(to_bottom,transparent,var(--malachite-card-background))]"
73
74
  }
74
75
  ) : null
75
- ] }), M = ({ children: a, divider: e = !1, className: r = "", style: l }) => c(
76
+ ] }), O = ({ children: a, divider: e = !1, className: t = "", style: l }) => c(
76
77
  a,
77
- `block pt-1 pb-2 ${e ? "border-0 border-b border-solid border-[var(--malachite-card-border)]" : ""} ${r}`.trim(),
78
+ `block pt-1 pb-2 ${e ? "border-0 border-b border-solid border-[var(--malachite-card-border)]" : ""} ${t}`.trim(),
78
79
  l
79
- ), O = ({
80
+ ), V = ({
80
81
  children: a,
81
82
  trailing: e
82
83
  }) => /* @__PURE__ */ n("div", { className: "mb-1 flex items-center gap-2 px-4 text-[length:var(--malachite-font-size-xsmall,11px)] font-semibold uppercase tracking-[0.06em] text-[var(--malachite-text-secondary)]", children: [
83
84
  a,
84
85
  e
85
- ] }), V = "group mx-2 flex cursor-pointer items-center gap-2 rounded-[var(--malachite-radius-xl,12px)] px-3 py-[10px] text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-primary)] transition-colors hover:bg-[var(--malachite-card-sunken-background)] data-[selected=true]:bg-[var(--malachite-card-sunken-background)]", H = ({
86
+ ] }), H = "group mx-2 flex cursor-pointer items-center gap-2 rounded-[var(--malachite-radius-xl,12px)] px-3 py-[10px] text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-primary)] transition-colors hover:bg-[var(--malachite-card-sunken-background)] data-[selected=true]:bg-[var(--malachite-card-sunken-background)]", W = ({
86
87
  children: a,
87
88
  selected: e = !1,
88
- leading: r,
89
+ leading: t,
89
90
  label: l,
90
91
  labelTooltip: i,
91
92
  tags: d,
@@ -96,19 +97,19 @@ const E = "w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[v
96
97
  className: h = ""
97
98
  }) => c(
98
99
  a,
99
- `${V} ${e ? "bg-[var(--malachite-card-sunken-background)]" : ""} ${h}`.trim(),
100
+ `${H} ${e ? "bg-[var(--malachite-card-sunken-background)]" : ""} ${h}`.trim(),
100
101
  void 0,
101
102
  /* @__PURE__ */ n(g, { children: [
102
- r,
103
+ t,
103
104
  /* @__PURE__ */ n("span", { className: "flex min-w-0 flex-1 items-baseline gap-2", children: [
104
- l && i ? /* @__PURE__ */ t(F, { text: i, triggerAs: "span", describesTrigger: !1, children: l }) : null,
105
- l && !i ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-[0_1_auto] overflow-hidden text-ellipsis whitespace-nowrap", children: l }) : null,
106
- d ? /* @__PURE__ */ t("span", { className: "flex flex-none items-center gap-1 self-center", children: d }) : null,
107
- p ? /* @__PURE__ */ t("span", { className: "flex-none whitespace-nowrap", children: p }) : null,
108
- s ? /* @__PURE__ */ t("span", { className: "min-w-0 flex-[1_1_0%] overflow-hidden text-ellipsis whitespace-nowrap", children: s }) : null
105
+ l && i ? /* @__PURE__ */ r(F, { text: i, triggerAs: "span", describesTrigger: !1, children: l }) : null,
106
+ l && !i ? /* @__PURE__ */ r("span", { className: "min-w-0 flex-[0_1_auto] overflow-hidden text-ellipsis whitespace-nowrap", children: l }) : null,
107
+ d ? /* @__PURE__ */ r("span", { className: "flex flex-none items-center gap-1 self-center", children: d }) : null,
108
+ p ? /* @__PURE__ */ r("span", { className: "flex-none whitespace-nowrap", children: p }) : null,
109
+ s ? /* @__PURE__ */ r("span", { className: "min-w-0 flex-[1_1_0%] overflow-hidden text-ellipsis whitespace-nowrap", children: s }) : null
109
110
  ] }),
110
- /* @__PURE__ */ t("span", { className: "flex min-w-[84px] flex-none justify-end", children: m }),
111
- /* @__PURE__ */ t(
111
+ E(m) ? /* @__PURE__ */ r("span", { className: "flex min-w-[84px] flex-none justify-end", children: m }) : null,
112
+ /* @__PURE__ */ r(
112
113
  "span",
113
114
  {
114
115
  className: `flex-none ${e ? "" : "invisible"} group-data-[selected=true]:visible`,
@@ -116,36 +117,36 @@ const E = "w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[v
116
117
  }
117
118
  )
118
119
  ] })
119
- ), W = ({ children: a, className: e = "", style: r }) => {
120
+ ), B = ({ children: a, className: e = "", style: t }) => {
120
121
  const l = `block px-4 py-2 text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-secondary)] ${e}`.trim();
121
- return w.isValidElement(a) ? c(a, l, r) : /* @__PURE__ */ t("div", { className: l, style: r, children: a });
122
- }, B = ({ items: a }) => /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-[14px] px-4 pt-[10px] pb-1 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]", children: a.map((e) => /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-[6px]", children: [
123
- /* @__PURE__ */ t(z, { size: "small", children: e.key }),
122
+ return w.isValidElement(a) ? c(a, l, t) : /* @__PURE__ */ r("div", { className: l, style: t, children: a });
123
+ }, K = ({ items: a }) => /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-[14px] px-4 pt-[10px] pb-1 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]", children: a.map((e) => /* @__PURE__ */ n("span", { className: "inline-flex items-center gap-[6px]", children: [
124
+ /* @__PURE__ */ r(z, { size: "small", children: e.key }),
124
125
  e.label
125
- ] }, e.key)) }), K = ({ children: a, columns: e = 2, className: r = "" }) => /* @__PURE__ */ t(
126
+ ] }, e.key)) }), Y = ({ children: a, columns: e = 2, className: t = "" }) => /* @__PURE__ */ r(
126
127
  "div",
127
128
  {
128
- className: `grid gap-1 px-2 ${e === 2 ? "grid-cols-2" : "grid-cols-1"} ${r}`.trim(),
129
+ className: `grid gap-1 px-2 ${e === 2 ? "grid-cols-2" : "grid-cols-1"} ${t}`.trim(),
129
130
  children: a
130
131
  }
131
- ), Y = ({
132
+ ), q = ({
132
133
  children: a,
133
134
  trailing: e
134
135
  }) => /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-3 border-0 border-t border-solid border-[var(--malachite-card-border)] px-4 py-3 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]", children: [
135
- /* @__PURE__ */ t("span", { className: "flex items-center gap-[10px]", children: a }),
136
- e ? /* @__PURE__ */ t("span", { className: "flex items-center gap-[10px]", children: e }) : null
137
- ] }), o = T;
138
- o.FieldRow = j;
139
- o.Field = S;
140
- o.ScopeChip = A;
141
- o.List = G;
142
- o.Group = M;
143
- o.Heading = O;
144
- o.Row = H;
145
- o.Grid = K;
146
- o.Message = W;
147
- o.Legend = B;
148
- o.Footer = Y;
136
+ /* @__PURE__ */ r("span", { className: "flex items-center gap-[10px]", children: a }),
137
+ e ? /* @__PURE__ */ r("span", { className: "flex items-center gap-[10px]", children: e }) : null
138
+ ] }), o = I;
139
+ o.FieldRow = A;
140
+ o.Field = j;
141
+ o.ScopeChip = P;
142
+ o.List = M;
143
+ o.Group = O;
144
+ o.Heading = V;
145
+ o.Row = W;
146
+ o.Grid = Y;
147
+ o.Message = B;
148
+ o.Legend = K;
149
+ o.Footer = q;
149
150
  export {
150
151
  o as CommandPalette,
151
152
  o as default
package/dist/components/CommandPalette.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CommandPalette.js","sources":["../../src/components/CommandPalette.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ShadowRootWrapper } from '../ShadowRootWrapper';\nimport Keycap from './Keycap';\nimport TruncatedTooltip from './TruncatedTooltip';\nimport { paintOnChild } from './asChild';\nimport { useOverlayBehaviour } from './overlayBehaviour';\nimport { OVERLAY_ELEVATED_ATTR, overlayIdentity } from './portalOverlay';\n\nconst PANEL =\n 'w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[var(--malachite-radius-xxl,14px)] border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-background)] outline-none [box-shadow:0_16px_48px_0_rgba(0,0,0,0.18)]';\n\nexport interface CommandPaletteProps {\n children?: React.ReactNode;\n /** Scrim click, and Escape unless a consumer handler already called `preventDefault`. */\n onDismiss?: () => void;\n 'aria-label'?: string;\n className?: string;\n style?: React.CSSProperties;\n}\n\n/** Open while mounted. */\nconst CommandPaletteRoot: React.FC<CommandPaletteProps> = ({\n children,\n onDismiss,\n 'aria-label': ariaLabel,\n className = '',\n style,\n}) => {\n const [isMounted, setIsMounted] = useState(false);\n useEffect(() => setIsMounted(true), []);\n\n const hostRef = useRef<HTMLDivElement | null>(null);\n const dismiss = useCallback(() => onDismiss?.(), [onDismiss]);\n const { ref, isTopmost, zIndex, elevated } = useOverlayBehaviour({\n open: true,\n onClose: dismiss,\n hostRef,\n initialFocus: 'content',\n });\n\n if (!isMounted) {\n return null;\n }\n\n return createPortal(\n <ShadowRootWrapper\n hostRef={hostRef}\n hostStyle={{ position: 'relative', zIndex }}\n hostProps={\n elevated\n ? { ...overlayIdentity('commandpalette'), [OVERLAY_ELEVATED_ATTR]: '' }\n : overlayIdentity('commandpalette')\n }\n >\n <div\n className=\"fixed inset-0 z-[1000] flex items-start justify-center pt-[10vh] bg-[var(--malachite-overlay-scrim,rgba(0,0,0,0.5))]\"\n onClick={\n onDismiss\n ? (event) => event.target === event.currentTarget && onDismiss()\n : undefined\n }\n role=\"presentation\"\n >\n <div\n ref={ref}\n role=\"dialog\"\n aria-modal={isTopmost ? 'true' : undefined}\n aria-label={ariaLabel}\n tabIndex={-1}\n className={`${PANEL} ${className}`.trim()}\n style={style}\n >\n {children}\n </div>\n </div>\n </ShadowRootWrapper>,\n document.body,\n );\n};\n\ninterface AsChildProps {\n children: React.ReactElement;\n className?: string;\n style?: React.CSSProperties;\n}\n\nconst FIELD =\n 'w-full border-none bg-transparent px-0 py-[18px] text-[length:var(--malachite-font-size-xlarge,18px)] text-[var(--malachite-text-primary)] outline-none placeholder:text-[var(--malachite-text-placeholder)]';\n\nconst Field: React.FC<AsChildProps> = ({ children, className = '', style }) =>\n paintOnChild(children, `${FIELD} ${className}`.trim(), style);\n\nexport interface FieldRowProps {\n children?: React.ReactNode;\n scope?: React.ReactNode;\n className?: string;\n}\n\nconst FieldRow: React.FC<FieldRowProps> = ({ children, scope, className = '' }) => (\n <div\n className={`flex items-center gap-2 border-0 border-b border-solid border-[var(--malachite-card-border)] px-[18px] ${className}`.trim()}\n >\n {scope}\n {children}\n </div>\n);\n\nconst ScopeChip: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n <span className=\"flex-none whitespace-nowrap rounded-lg border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-sunken-background)] px-2 py-[3px] text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-primary)]\">\n {children}\n </span>\n);\n\nexport interface ListProps extends AsChildProps {\n hasMoreBelow?: boolean;\n}\n\nconst LIST = 'max-h-[420px] overflow-auto py-1 bg-[var(--malachite-card-background)]';\n\nconst List: React.FC<ListProps> = ({ children, hasMoreBelow = false, className = '', style }) => (\n <div className=\"relative\">\n {paintOnChild(children, `${LIST} ${className}`.trim(), style)}\n {hasMoreBelow ? (\n <div\n aria-hidden\n className=\"pointer-events-none absolute inset-x-0 bottom-0 h-[28px] bg-[linear-gradient(to_bottom,transparent,var(--malachite-card-background))]\"\n />\n ) : null}\n </div>\n);\n\nexport interface GroupProps extends AsChildProps {\n divider?: boolean;\n}\n\nconst Group: React.FC<GroupProps> = ({ children, divider = false, className = '', style }) =>\n paintOnChild(\n children,\n `block pt-1 pb-2 ${\n divider ? 'border-0 border-b border-solid border-[var(--malachite-card-border)]' : ''\n } ${className}`.trim(),\n style,\n );\n\nconst Heading: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }> = ({\n children,\n trailing,\n}) => (\n <div className=\"mb-1 flex items-center gap-2 px-4 text-[length:var(--malachite-font-size-xsmall,11px)] font-semibold uppercase tracking-[0.06em] text-[var(--malachite-text-secondary)]\">\n {children}\n {trailing}\n </div>\n);\n\nexport interface RowProps {\n /** Its children are replaced, so give the item an explicit `value`/`keywords`. */\n children: React.ReactElement;\n selected?: boolean;\n leading?: React.ReactNode;\n label?: React.ReactNode;\n /** The full label as text, shown in a tooltip only while the label is truncated. */\n labelTooltip?: string;\n /** Tags beside the label, kept visible while a long label truncates. */\n tags?: React.ReactNode;\n crumb?: React.ReactNode;\n /** Truncates before the label when the row runs out of room; inline text gets an ellipsis. */\n meta?: React.ReactNode;\n status?: React.ReactNode;\n hint?: React.ReactNode;\n className?: string;\n}\n\n// `data-selected` too: a headless library marks its active item without re-rendering the row.\nconst ROW =\n 'group mx-2 flex cursor-pointer items-center gap-2 rounded-[var(--malachite-radius-xl,12px)] px-3 py-[10px] text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-primary)] transition-colors hover:bg-[var(--malachite-card-sunken-background)] data-[selected=true]:bg-[var(--malachite-card-sunken-background)]';\n\nconst Row: React.FC<RowProps> = ({\n children,\n selected = false,\n leading,\n label,\n labelTooltip,\n tags,\n crumb,\n meta,\n status,\n hint,\n className = '',\n}) =>\n paintOnChild(\n children,\n `${ROW} ${selected ? 'bg-[var(--malachite-card-sunken-background)]' : ''} ${className}`.trim(),\n undefined,\n <>\n {leading}\n <span className=\"flex min-w-0 flex-1 items-baseline gap-2\">\n {label && labelTooltip ? (\n <TruncatedTooltip text={labelTooltip} triggerAs=\"span\" describesTrigger={false}>\n {label}\n </TruncatedTooltip>\n ) : null}\n {label && !labelTooltip ? (\n <span className=\"min-w-0 flex-[0_1_auto] overflow-hidden text-ellipsis whitespace-nowrap\">\n {label}\n </span>\n ) : null}\n {tags ? (\n <span className=\"flex flex-none items-center gap-1 self-center\">{tags}</span>\n ) : null}\n {crumb ? <span className=\"flex-none whitespace-nowrap\">{crumb}</span> : null}\n {/* Sized from zero, it takes only the room the label leaves, so it truncates first. */}\n {meta ? (\n <span className=\"min-w-0 flex-[1_1_0%] overflow-hidden text-ellipsis whitespace-nowrap\">\n {meta}\n </span>\n ) : null}\n </span>\n <span className=\"flex min-w-[84px] flex-none justify-end\">{status}</span>\n <span\n className={`flex-none ${selected ? '' : 'invisible'} group-data-[selected=true]:visible`}\n >\n {hint}\n </span>\n </>,\n );\n\nexport interface MessageProps {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n}\n\nconst Message: React.FC<MessageProps> = ({ children, className = '', style }) => {\n const classes =\n `block px-4 py-2 text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-secondary)] ${className}`.trim();\n return React.isValidElement(children) ? (\n paintOnChild(children, classes, style)\n ) : (\n <div className={classes} style={style}>\n {children}\n </div>\n );\n};\n\nexport interface LegendProps {\n items: { key: string; label: string }[];\n}\n\nconst Legend: React.FC<LegendProps> = ({ items }) => (\n <div className=\"flex flex-wrap gap-[14px] px-4 pt-[10px] pb-1 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]\">\n {items.map((item) => (\n <span key={item.key} className=\"inline-flex items-center gap-[6px]\">\n <Keycap size=\"small\">{item.key}</Keycap>\n {item.label}\n </span>\n ))}\n </div>\n);\n\nexport interface GridProps {\n children?: React.ReactNode;\n columns?: 1 | 2;\n className?: string;\n}\n\nconst Grid: React.FC<GridProps> = ({ children, columns = 2, className = '' }) => (\n <div\n className={`grid gap-1 px-2 ${columns === 2 ? 'grid-cols-2' : 'grid-cols-1'} ${className}`.trim()}\n >\n {children}\n </div>\n);\n\nconst Footer: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }> = ({\n children,\n trailing,\n}) => (\n <div className=\"flex items-center justify-between gap-3 border-0 border-t border-solid border-[var(--malachite-card-border)] px-4 py-3 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]\">\n <span className=\"flex items-center gap-[10px]\">{children}</span>\n {trailing ? <span className=\"flex items-center gap-[10px]\">{trailing}</span> : null}\n </div>\n);\n\ninterface CommandPaletteComponent extends React.FC<CommandPaletteProps> {\n FieldRow: React.FC<FieldRowProps>;\n Field: React.FC<AsChildProps>;\n ScopeChip: React.FC<{ children?: React.ReactNode }>;\n List: React.FC<ListProps>;\n Group: React.FC<GroupProps>;\n Heading: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }>;\n Row: React.FC<RowProps>;\n Grid: React.FC<GridProps>;\n Message: React.FC<MessageProps>;\n Legend: React.FC<LegendProps>;\n Footer: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }>;\n}\n\nconst CommandPalette = CommandPaletteRoot as CommandPaletteComponent;\nCommandPalette.FieldRow = FieldRow;\nCommandPalette.Field = Field;\nCommandPalette.ScopeChip = ScopeChip;\nCommandPalette.List = List;\nCommandPalette.Group = Group;\nCommandPalette.Heading = Heading;\nCommandPalette.Row = Row;\nCommandPalette.Grid = Grid;\nCommandPalette.Message = Message;\nCommandPalette.Legend = Legend;\nCommandPalette.Footer = Footer;\n\nexport default CommandPalette;\nexport { CommandPalette };\n"],"names":["PANEL","CommandPaletteRoot","children","onDismiss","ariaLabel","className","style","isMounted","setIsMounted","useState","useEffect","hostRef","useRef","dismiss","useCallback","ref","isTopmost","zIndex","elevated","useOverlayBehaviour","createPortal","jsx","ShadowRootWrapper","overlayIdentity","OVERLAY_ELEVATED_ATTR","event","FIELD","Field","paintOnChild","FieldRow","scope","jsxs","ScopeChip","LIST","List","hasMoreBelow","Group","divider","Heading","trailing","ROW","Row","selected","leading","label","labelTooltip","tags","crumb","meta","status","hint","Fragment","TruncatedTooltip","Message","classes","React","Legend","items","item","Keycap","Grid","columns","Footer","CommandPalette"],"mappings":"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"}
1
+ {"version":3,"file":"CommandPalette.js","sources":["../../src/components/CommandPalette.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ShadowRootWrapper } from '../ShadowRootWrapper';\nimport Keycap from './Keycap';\nimport TruncatedTooltip from './TruncatedTooltip';\nimport { paintOnChild } from './asChild';\nimport { useOverlayBehaviour } from './overlayBehaviour';\nimport { OVERLAY_ELEVATED_ATTR, overlayIdentity } from './portalOverlay';\nimport { isRenderableNode } from './renderableNode';\n\nconst PANEL =\n 'w-full max-w-[640px] overflow-hidden font-body antialiased rounded-[var(--malachite-radius-xxl,14px)] border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-background)] outline-none [box-shadow:0_16px_48px_0_rgba(0,0,0,0.18)]';\n\nexport interface CommandPaletteProps {\n children?: React.ReactNode;\n /** Scrim click, and Escape unless a consumer handler already called `preventDefault`. */\n onDismiss?: () => void;\n 'aria-label'?: string;\n className?: string;\n style?: React.CSSProperties;\n}\n\n/** Open while mounted. */\nconst CommandPaletteRoot: React.FC<CommandPaletteProps> = ({\n children,\n onDismiss,\n 'aria-label': ariaLabel,\n className = '',\n style,\n}) => {\n const [isMounted, setIsMounted] = useState(false);\n useEffect(() => setIsMounted(true), []);\n\n const hostRef = useRef<HTMLDivElement | null>(null);\n const dismiss = useCallback(() => onDismiss?.(), [onDismiss]);\n const { ref, isTopmost, zIndex, elevated } = useOverlayBehaviour({\n open: true,\n onClose: dismiss,\n hostRef,\n initialFocus: 'content',\n });\n\n if (!isMounted) {\n return null;\n }\n\n return createPortal(\n <ShadowRootWrapper\n hostRef={hostRef}\n hostStyle={{ position: 'relative', zIndex }}\n hostProps={\n elevated\n ? { ...overlayIdentity('commandpalette'), [OVERLAY_ELEVATED_ATTR]: '' }\n : overlayIdentity('commandpalette')\n }\n >\n <div\n className=\"fixed inset-0 z-[1000] flex items-start justify-center pt-[10vh] bg-[var(--malachite-overlay-scrim,rgba(0,0,0,0.5))]\"\n onClick={\n onDismiss\n ? (event) => event.target === event.currentTarget && onDismiss()\n : undefined\n }\n role=\"presentation\"\n >\n <div\n ref={ref}\n role=\"dialog\"\n aria-modal={isTopmost ? 'true' : undefined}\n aria-label={ariaLabel}\n tabIndex={-1}\n className={`${PANEL} ${className}`.trim()}\n style={style}\n >\n {children}\n </div>\n </div>\n </ShadowRootWrapper>,\n document.body,\n );\n};\n\ninterface AsChildProps {\n children: React.ReactElement;\n className?: string;\n style?: React.CSSProperties;\n}\n\nconst FIELD =\n 'w-full border-none bg-transparent px-0 py-[18px] text-[length:var(--malachite-font-size-xlarge,18px)] text-[var(--malachite-text-primary)] outline-none placeholder:text-[var(--malachite-text-placeholder)]';\n\nconst Field: React.FC<AsChildProps> = ({ children, className = '', style }) =>\n paintOnChild(children, `${FIELD} ${className}`.trim(), style);\n\nexport interface FieldRowProps {\n children?: React.ReactNode;\n scope?: React.ReactNode;\n className?: string;\n}\n\nconst FieldRow: React.FC<FieldRowProps> = ({ children, scope, className = '' }) => (\n <div\n className={`flex items-center gap-2 border-0 border-b border-solid border-[var(--malachite-card-border)] px-[18px] ${className}`.trim()}\n >\n {scope}\n {children}\n </div>\n);\n\nconst ScopeChip: React.FC<{ children?: React.ReactNode }> = ({ children }) => (\n <span className=\"flex-none whitespace-nowrap rounded-lg border border-solid border-[var(--malachite-card-border)] bg-[var(--malachite-card-sunken-background)] px-2 py-[3px] text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-primary)]\">\n {children}\n </span>\n);\n\nexport interface ListProps extends AsChildProps {\n hasMoreBelow?: boolean;\n}\n\nconst LIST = 'max-h-[420px] overflow-auto py-1 bg-[var(--malachite-card-background)]';\n\nconst List: React.FC<ListProps> = ({ children, hasMoreBelow = false, className = '', style }) => (\n <div className=\"relative\">\n {paintOnChild(children, `${LIST} ${className}`.trim(), style)}\n {hasMoreBelow ? (\n <div\n aria-hidden\n className=\"pointer-events-none absolute inset-x-0 bottom-0 h-[28px] bg-[linear-gradient(to_bottom,transparent,var(--malachite-card-background))]\"\n />\n ) : null}\n </div>\n);\n\nexport interface GroupProps extends AsChildProps {\n divider?: boolean;\n}\n\nconst Group: React.FC<GroupProps> = ({ children, divider = false, className = '', style }) =>\n paintOnChild(\n children,\n `block pt-1 pb-2 ${\n divider ? 'border-0 border-b border-solid border-[var(--malachite-card-border)]' : ''\n } ${className}`.trim(),\n style,\n );\n\nconst Heading: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }> = ({\n children,\n trailing,\n}) => (\n <div className=\"mb-1 flex items-center gap-2 px-4 text-[length:var(--malachite-font-size-xsmall,11px)] font-semibold uppercase tracking-[0.06em] text-[var(--malachite-text-secondary)]\">\n {children}\n {trailing}\n </div>\n);\n\nexport interface RowProps {\n /** Its children are replaced, so give the item an explicit `value`/`keywords`. */\n children: React.ReactElement;\n selected?: boolean;\n leading?: React.ReactNode;\n label?: React.ReactNode;\n /** The full label as text, shown in a tooltip only while the label is truncated. */\n labelTooltip?: string;\n /** Tags beside the label, kept visible while a long label truncates. */\n tags?: React.ReactNode;\n crumb?: React.ReactNode;\n /** Truncates before the label when the row runs out of room; inline text gets an ellipsis. */\n meta?: React.ReactNode;\n /** Held at a minimum width so status words line up; a row without one gives that room to its label. */\n status?: React.ReactNode;\n hint?: React.ReactNode;\n className?: string;\n}\n\n// `data-selected` too: a headless library marks its active item without re-rendering the row.\nconst ROW =\n 'group mx-2 flex cursor-pointer items-center gap-2 rounded-[var(--malachite-radius-xl,12px)] px-3 py-[10px] text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-primary)] transition-colors hover:bg-[var(--malachite-card-sunken-background)] data-[selected=true]:bg-[var(--malachite-card-sunken-background)]';\n\nconst Row: React.FC<RowProps> = ({\n children,\n selected = false,\n leading,\n label,\n labelTooltip,\n tags,\n crumb,\n meta,\n status,\n hint,\n className = '',\n}) =>\n paintOnChild(\n children,\n `${ROW} ${selected ? 'bg-[var(--malachite-card-sunken-background)]' : ''} ${className}`.trim(),\n undefined,\n <>\n {leading}\n <span className=\"flex min-w-0 flex-1 items-baseline gap-2\">\n {label && labelTooltip ? (\n <TruncatedTooltip text={labelTooltip} triggerAs=\"span\" describesTrigger={false}>\n {label}\n </TruncatedTooltip>\n ) : null}\n {label && !labelTooltip ? (\n <span className=\"min-w-0 flex-[0_1_auto] overflow-hidden text-ellipsis whitespace-nowrap\">\n {label}\n </span>\n ) : null}\n {tags ? (\n <span className=\"flex flex-none items-center gap-1 self-center\">{tags}</span>\n ) : null}\n {crumb ? <span className=\"flex-none whitespace-nowrap\">{crumb}</span> : null}\n {/* Sized from zero, it takes only the room the label leaves, so it truncates first. */}\n {meta ? (\n <span className=\"min-w-0 flex-[1_1_0%] overflow-hidden text-ellipsis whitespace-nowrap\">\n {meta}\n </span>\n ) : null}\n </span>\n {isRenderableNode(status) ? (\n <span className=\"flex min-w-[84px] flex-none justify-end\">{status}</span>\n ) : null}\n <span\n className={`flex-none ${selected ? '' : 'invisible'} group-data-[selected=true]:visible`}\n >\n {hint}\n </span>\n </>,\n );\n\nexport interface MessageProps {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n}\n\nconst Message: React.FC<MessageProps> = ({ children, className = '', style }) => {\n const classes =\n `block px-4 py-2 text-[length:var(--malachite-font-size-medium,14px)] text-[var(--malachite-text-secondary)] ${className}`.trim();\n return React.isValidElement(children) ? (\n paintOnChild(children, classes, style)\n ) : (\n <div className={classes} style={style}>\n {children}\n </div>\n );\n};\n\nexport interface LegendProps {\n items: { key: string; label: string }[];\n}\n\nconst Legend: React.FC<LegendProps> = ({ items }) => (\n <div className=\"flex flex-wrap gap-[14px] px-4 pt-[10px] pb-1 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]\">\n {items.map((item) => (\n <span key={item.key} className=\"inline-flex items-center gap-[6px]\">\n <Keycap size=\"small\">{item.key}</Keycap>\n {item.label}\n </span>\n ))}\n </div>\n);\n\nexport interface GridProps {\n children?: React.ReactNode;\n columns?: 1 | 2;\n className?: string;\n}\n\nconst Grid: React.FC<GridProps> = ({ children, columns = 2, className = '' }) => (\n <div\n className={`grid gap-1 px-2 ${columns === 2 ? 'grid-cols-2' : 'grid-cols-1'} ${className}`.trim()}\n >\n {children}\n </div>\n);\n\nconst Footer: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }> = ({\n children,\n trailing,\n}) => (\n <div className=\"flex items-center justify-between gap-3 border-0 border-t border-solid border-[var(--malachite-card-border)] px-4 py-3 text-[length:var(--malachite-font-size-small,13px)] text-[var(--malachite-text-secondary)]\">\n <span className=\"flex items-center gap-[10px]\">{children}</span>\n {trailing ? <span className=\"flex items-center gap-[10px]\">{trailing}</span> : null}\n </div>\n);\n\ninterface CommandPaletteComponent extends React.FC<CommandPaletteProps> {\n FieldRow: React.FC<FieldRowProps>;\n Field: React.FC<AsChildProps>;\n ScopeChip: React.FC<{ children?: React.ReactNode }>;\n List: React.FC<ListProps>;\n Group: React.FC<GroupProps>;\n Heading: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }>;\n Row: React.FC<RowProps>;\n Grid: React.FC<GridProps>;\n Message: React.FC<MessageProps>;\n Legend: React.FC<LegendProps>;\n Footer: React.FC<{ children?: React.ReactNode; trailing?: React.ReactNode }>;\n}\n\nconst CommandPalette = CommandPaletteRoot as CommandPaletteComponent;\nCommandPalette.FieldRow = FieldRow;\nCommandPalette.Field = Field;\nCommandPalette.ScopeChip = ScopeChip;\nCommandPalette.List = List;\nCommandPalette.Group = Group;\nCommandPalette.Heading = Heading;\nCommandPalette.Row = Row;\nCommandPalette.Grid = Grid;\nCommandPalette.Message = Message;\nCommandPalette.Legend = Legend;\nCommandPalette.Footer = Footer;\n\nexport default CommandPalette;\nexport { CommandPalette };\n"],"names":["PANEL","CommandPaletteRoot","children","onDismiss","ariaLabel","className","style","isMounted","setIsMounted","useState","useEffect","hostRef","useRef","dismiss","useCallback","ref","isTopmost","zIndex","elevated","useOverlayBehaviour","createPortal","jsx","ShadowRootWrapper","overlayIdentity","OVERLAY_ELEVATED_ATTR","event","FIELD","Field","paintOnChild","FieldRow","scope","jsxs","ScopeChip","LIST","List","hasMoreBelow","Group","divider","Heading","trailing","ROW","Row","selected","leading","label","labelTooltip","tags","crumb","meta","status","hint","Fragment","TruncatedTooltip","isRenderableNode","Message","classes","React","Legend","items","item","Keycap","Grid","columns","Footer","CommandPalette"],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -145,6 +145,9 @@ declare interface AlertProps {
145
145
  onToggle?: (expanded: boolean) => void;
146
146
  /** A control at the end of the alert — a link or button that resolves what it reports. */
147
147
  action?: default_2.ReactNode;
148
+ /** Replaces the type's status icon: an svg painting with `currentColor`, such as a CustomIcon,
149
+ * is drawn in the type's colour at the same size. */
150
+ icon?: default_2.ReactNode;
148
151
  }
149
152
 
150
153
  export declare type AlertType = 'info' | 'success' | 'error' | 'warning' | 'assistant';
@@ -1041,6 +1044,7 @@ export declare interface CommandPaletteRowProps {
1041
1044
  crumb?: default_2.ReactNode;
1042
1045
  /** Truncates before the label when the row runs out of room; inline text gets an ellipsis. */
1043
1046
  meta?: default_2.ReactNode;
1047
+ /** Held at a minimum width so status words line up; a row without one gives that room to its label. */
1044
1048
  status?: default_2.ReactNode;
1045
1049
  hint?: default_2.ReactNode;
1046
1050
  className?: string;
package/dist/tailwind.css.js CHANGED
@@ -1,4 +1,4 @@
1
- const a = '/*! tailwindcss v4.1.11 | 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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",Courier,monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-500:oklch(70.4% .14 182.503);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:var(--malachite-radius-xs,2px);--radius-md:var(--malachite-radius-md,6px);--radius-lg:var(--malachite-radius-lg,8px);--radius-xl:var(--malachite-radius-xl,12px);--radius-2xl:var(--malachite-radius-xxxl,16px);--ease-out:cubic-bezier(0,0,.2,1);--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);--radius:var(--malachite-radius-sm,4px);--font-heading:"Stack Sans Text",ui-sans-serif,system-ui,sans-serif;--font-body:"Geist",ui-sans-serif,system-ui,sans-serif}}@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;-o-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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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}:-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}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-\\[3px\\]{top:3px}.top-\\[8px\\]{top:8px}.top-\\[40px\\]{top:40px}.top-\\[calc\\(var\\(--malachite-control-height-large\\,42px\\)\\/2\\)\\]{top:calc(var(--malachite-control-height-large,42px)/2)}.top-\\[calc\\(var\\(--malachite-control-height-medium\\,32px\\)\\/2\\)\\]{top:calc(var(--malachite-control-height-medium,32px)/2)}.top-\\[calc\\(var\\(--malachite-control-height-small\\,28px\\)\\/2\\)\\]{top:calc(var(--malachite-control-height-small,28px)/2)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-\\[8px\\]{right:8px}.right-\\[26px\\]{right:26px}.right-\\[28px\\]{right:28px}.right-\\[30px\\]{right:30px}.right-\\[38px\\]{right:38px}.right-\\[60px\\]{right:60px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-\\[8px\\]{bottom:8px}.left-0{left:calc(var(--spacing)*0)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[2\\]{z-index:2}.z-\\[1000\\]{z-index:1000}.row-1{grid-row:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-auto{margin:auto}.-mx-10{margin-inline:calc(var(--spacing)*-10)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.-mt-1{margin-top:calc(var(--spacing)*-1)}.-mt-2{margin-top:calc(var(--spacing)*-2)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.-mt-6{margin-top:calc(var(--spacing)*-6)}.-mt-8{margin-top:calc(var(--spacing)*-8)}.-mt-\\[2px\\]{margin-top:-2px}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-\\[2px\\]{margin-top:2px}.mt-\\[11px\\]{margin-top:11px}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-\\[-8px\\]{margin-right:-8px}.mr-\\[6px\\]{margin-right:6px}.-mb-px{margin-bottom:-1px}.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)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-30{margin-bottom:calc(var(--spacing)*30)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-0\\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-\\[6px\\]{margin-left:6px}.ml-\\[20px\\]{margin-left:20px}.ml-auto{margin-left:auto}.\\[display\\:-webkit-box\\]{display:-webkit-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-\\[3px\\]{width:3px;height:3px}.size-\\[11px\\]{width:11px;height:11px}.size-\\[13px\\]{width:13px;height:13px}.size-\\[14px\\]{width:14px;height:14px}.size-\\[18px\\]{width:18px;height:18px}.size-\\[20px\\]{width:20px;height:20px}.size-\\[24px\\]{width:24px;height:24px}.size-\\[28px\\]{width:28px;height:28px}.size-\\[32px\\]{width:32px;height:32px}.size-\\[40px\\]{width:40px;height:40px}.size-\\[42px\\]{width:42px;height:42px}.size-full{width:100%;height:100%}.h-1{height:calc(var(--spacing)*1)}.h-1\\/2{height:50%}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-48{height:calc(var(--spacing)*48)}.h-56{height:calc(var(--spacing)*56)}.h-60{height:calc(var(--spacing)*60)}.h-64{height:calc(var(--spacing)*64)}.h-72{height:calc(var(--spacing)*72)}.h-80{height:calc(var(--spacing)*80)}.h-96{height:calc(var(--spacing)*96)}.h-100{height:calc(var(--spacing)*100)}.h-\\[\\.\\.\\.\\]{height:...}.h-\\[8px\\]{height:8px}.h-\\[12px\\]{height:12px}.h-\\[13px\\]{height:13px}.h-\\[16px\\]{height:16px}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[22px\\]{height:22px}.h-\\[28px\\]{height:28px}.h-\\[32px\\]{height:32px}.h-\\[33px\\]{height:33px}.h-\\[42px\\]{height:42px}.h-\\[48px\\]{height:48px}.h-\\[59px\\]{height:59px}.h-\\[65px\\]{height:65px}.h-\\[460px\\]{height:460px}.h-\\[var\\(--malachite-control-height-large\\,42px\\)\\]{height:var(--malachite-control-height-large,42px)}.h-\\[var\\(--malachite-control-height-medium\\,32px\\)\\]{height:var(--malachite-control-height-medium,32px)}.h-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{height:var(--malachite-control-height-small,28px)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\\[420px\\]{max-height:420px}.max-h-\\[553px\\]{max-height:553px}.max-h-\\[calc\\(1\\.5em\\*var\\(--malachite-clamp-lines\\)\\)\\]{max-height:calc(1.5em*var(--malachite-clamp-lines))}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-\\[2rem\\]{min-height:2rem}.min-h-\\[14px\\]{min-height:14px}.min-h-\\[25px\\]{min-height:25px}.min-h-\\[28px\\]{min-height:28px}.min-h-\\[50px\\]{min-height:50px}.min-h-\\[52px\\]{min-height:52px}.min-h-\\[56px\\]{min-height:56px}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[400px\\]{min-height:400px}.min-h-\\[var\\(--malachite-control-height-large\\,42px\\)\\]{min-height:var(--malachite-control-height-large,42px)}.min-h-\\[var\\(--malachite-control-height-medium\\,32px\\)\\]{min-height:var(--malachite-control-height-medium,32px)}.min-h-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{min-height:var(--malachite-control-height-small,28px)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-96{width:calc(var(--spacing)*96)}.w-200{width:calc(var(--spacing)*200)}.w-\\[13px\\]{width:13px}.w-\\[16px\\]{width:16px}.w-\\[20px\\]{width:20px}.w-\\[24px\\]{width:24px}.w-\\[28px\\]{width:28px}.w-\\[44px\\]{width:44px}.w-\\[88px\\]{width:88px}.w-\\[95px\\]{width:95px}.w-\\[108px\\]{width:108px}.w-\\[143px\\]{width:143px}.w-\\[200px\\]{width:200px}.w-\\[220px\\]{width:220px}.w-\\[320px\\]{width:320px}.w-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{width:var(--malachite-control-height-small,28px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-1200{max-width:calc(var(--spacing)*1200)}.max-w-\\[85\\%\\]{max-width:85%}.max-w-\\[330px\\]{max-width:330px}.max-w-\\[380px\\]{max-width:380px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[420px\\]{max-width:420px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[500px\\]{max-width:500px}.max-w-\\[540px\\]{max-width:540px}.max-w-\\[560px\\]{max-width:560px}.max-w-\\[620px\\]{max-width:620px}.max-w-\\[640px\\]{max-width:640px}.max-w-\\[860px\\]{max-width:860px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[16px\\]{min-width:16px}.min-w-\\[18px\\]{min-width:18px}.min-w-\\[20px\\]{min-width:20px}.min-w-\\[39px\\]{min-width:39px}.min-w-\\[40px\\]{min-width:40px}.min-w-\\[84px\\]{min-width:84px}.min-w-\\[200px\\]{min-width:200px}.flex-1{flex:1}.flex-\\[0_1_auto\\]{flex:0 auto}.flex-\\[1_0_0\\]{flex:1 0 0}.flex-\\[1_1_0\\%\\]{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-auto{flex-basis:auto}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-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-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\\[auto_1fr\\]{grid-template-columns:auto 1fr}.grid-cols-\\[minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(0,1fr)}.grid-rows-\\[1fr_auto\\]{grid-template-rows:1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\\.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-2\\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-\\[2px\\]{gap:2px}.gap-\\[3px\\]{gap:3px}.gap-\\[4px\\]{gap:4px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[14px\\]{gap:14px}.gap-\\[16px\\]{gap:16px}.gap-\\[20px\\]{gap:20px}.gap-\\[24px\\]{gap:24px}.gap-\\[28px\\]{gap:28px}.gap-\\[40px\\]{gap:40px}.gap-\\[60px\\]{gap:60px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}: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-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*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{-moz-column-gap:calc(var(--spacing)*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-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:calc(var(--spacing)*1)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.rounded{border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\\[7px\\]{border-radius:7px}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[13px\\]{border-radius:13px}.rounded-\\[16px\\]{border-radius:16px}.rounded-\\[20px\\]{border-radius:20px}.rounded-\\[28px\\]{border-radius:28px}.rounded-\\[var\\(--malachite-radius-10\\,10px\\)\\]{border-radius:var(--malachite-radius-10,10px)}.rounded-\\[var\\(--malachite-radius-lg\\,8px\\)\\]{border-radius:var(--malachite-radius-lg,8px)}.rounded-\\[var\\(--malachite-radius-xl\\,12px\\)\\]{border-radius:var(--malachite-radius-xl,12px)}.rounded-\\[var\\(--malachite-radius-xxl\\,14px\\)\\]{border-radius:var(--malachite-radius-xxl,14px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-tl-\\[12px\\]{border-top-left-radius:12px}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tr-\\[12px\\]{border-top-right-radius:12px}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-b-\\[var\\(--malachite-radius-10\\,10px\\)\\]{border-bottom-right-radius:var(--malachite-radius-10,10px);border-bottom-left-radius:var(--malachite-radius-10,10px)}.rounded-br-\\[4px\\]{border-bottom-right-radius:4px}.rounded-br-\\[12px\\]{border-bottom-right-radius:12px}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-\\[4px\\]{border-bottom-left-radius:4px}.rounded-bl-\\[12px\\]{border-bottom-left-radius:12px}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#e8e8e8\\]{border-color:#e8e8e8}.border-\\[color\\:var\\(--malachite-accent-foreground\\)\\]{border-color:var(--malachite-accent-foreground)}.border-\\[var\\(--malachite-accent-border\\)\\]{border-color:var(--malachite-accent-border)}.border-\\[var\\(--malachite-assistant-surface-border\\)\\]{border-color:var(--malachite-assistant-surface-border)}.border-\\[var\\(--malachite-card-background\\)\\]{border-color:var(--malachite-card-background)}.border-\\[var\\(--malachite-card-border\\)\\]{border-color:var(--malachite-card-border)}.border-\\[var\\(--malachite-card-border\\,rgb\\(232\\,232\\,232\\)\\)\\]{border-color:var(--malachite-card-border,#e8e8e8)}.border-\\[var\\(--malachite-card-subtle-divider\\,var\\(--malachite-card-border\\)\\)\\]{border-color:var(--malachite-card-subtle-divider,var(--malachite-card-border))}.border-\\[var\\(--malachite-chat-assistant-bubble-border\\)\\]{border-color:var(--malachite-chat-assistant-bubble-border)}.border-\\[var\\(--malachite-chat-user-bubble-border\\)\\]{border-color:var(--malachite-chat-user-bubble-border)}.border-\\[var\\(--malachite-codeblock-border\\)\\]{border-color:var(--malachite-codeblock-border)}.border-\\[var\\(--malachite-destructive-border\\)\\]{border-color:var(--malachite-destructive-border)}.border-\\[var\\(--malachite-selection-bar-border\\)\\]{border-color:var(--malachite-selection-bar-border)}.border-\\[var\\(--malachite-tag-assistant-border\\)\\]{border-color:var(--malachite-tag-assistant-border)}.border-\\[var\\(--malachite-text-dimmed\\)\\]{border-color:var(--malachite-text-dimmed)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-current{border-color:currentColor}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-300{border-color:var(--color-green-300)}.border-indigo-300{border-color:var(--color-indigo-300)}.border-orange-300{border-color:var(--color-orange-300)}.border-pink-300{border-color:var(--color-pink-300)}.border-purple-300{border-color:var(--color-purple-300)}.border-red-300{border-color:var(--color-red-300)}.border-teal-300{border-color:var(--color-teal-300)}.border-transparent{border-color:#0000}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-300{border-color:var(--color-yellow-300)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-t-transparent{border-top-color:#0000}.bg-\\[\\#2b2b2b\\]{background-color:#2b2b2b}.bg-\\[var\\(--malachite-accent-background-glass\\)\\]{background-color:var(--malachite-accent-background-glass)}.bg-\\[var\\(--malachite-assistant-surface-background\\)\\]{background-color:var(--malachite-assistant-surface-background)}.bg-\\[var\\(--malachite-buttonlist-background\\)\\]{background-color:var(--malachite-buttonlist-background)}.bg-\\[var\\(--malachite-buttonlist-hover-background\\)\\]{background-color:var(--malachite-buttonlist-hover-background)}.bg-\\[var\\(--malachite-card-background\\)\\]{background-color:var(--malachite-card-background)}.bg-\\[var\\(--malachite-card-background\\,rgb\\(255\\,255\\,255\\)\\)\\]{background-color:var(--malachite-card-background,#fff)}.bg-\\[var\\(--malachite-card-border\\)\\]{background-color:var(--malachite-card-border)}.bg-\\[var\\(--malachite-card-dimmed-background\\)\\]{background-color:var(--malachite-card-dimmed-background)}.bg-\\[var\\(--malachite-card-sunken-background\\)\\]{background-color:var(--malachite-card-sunken-background)}.bg-\\[var\\(--malachite-chat-assistant-bubble-background\\)\\]{background-color:var(--malachite-chat-assistant-bubble-background)}.bg-\\[var\\(--malachite-chat-user-bubble-background\\)\\]{background-color:var(--malachite-chat-user-bubble-background)}.bg-\\[var\\(--malachite-codeblock-background\\)\\]{background-color:var(--malachite-codeblock-background)}.bg-\\[var\\(--malachite-inline-confirm-background\\)\\]{background-color:var(--malachite-inline-confirm-background)}.bg-\\[var\\(--malachite-inline-confirm-divider\\)\\]{background-color:var(--malachite-inline-confirm-divider)}.bg-\\[var\\(--malachite-number-tag-background\\)\\]{background-color:var(--malachite-number-tag-background)}.bg-\\[var\\(--malachite-overlay-scrim\\)\\]{background-color:var(--malachite-overlay-scrim)}.bg-\\[var\\(--malachite-overlay-scrim\\,rgba\\(0\\,0\\,0\\,0\\.5\\)\\)\\]{background-color:var(--malachite-overlay-scrim,#00000080)}.bg-\\[var\\(--malachite-pillbutton-background\\)\\]{background-color:var(--malachite-pillbutton-background)}.bg-\\[var\\(--malachite-pillbutton-hover-background\\)\\]{background-color:var(--malachite-pillbutton-hover-background)}.bg-\\[var\\(--malachite-pillbutton-inverted-background\\)\\]{background-color:var(--malachite-pillbutton-inverted-background)}.bg-\\[var\\(--malachite-pillbutton-inverted-hover-background\\)\\]{background-color:var(--malachite-pillbutton-inverted-hover-background)}.bg-\\[var\\(--malachite-pillbutton-static-background\\)\\]{background-color:var(--malachite-pillbutton-static-background)}.bg-\\[var\\(--malachite-segmented-control-selected-background\\)\\]{background-color:var(--malachite-segmented-control-selected-background)}.bg-\\[var\\(--malachite-segmented-control-track-background\\)\\]{background-color:var(--malachite-segmented-control-track-background)}.bg-\\[var\\(--malachite-selection-bar-background\\)\\]{background-color:var(--malachite-selection-bar-background)}.bg-\\[var\\(--malachite-selection-bar-notice-background\\)\\]{background-color:var(--malachite-selection-bar-notice-background)}.bg-\\[var\\(--malachite-success-background-glass\\)\\]{background-color:var(--malachite-success-background-glass)}.bg-\\[var\\(--malachite-table-background\\,\\#f7f7f7\\)\\]{background-color:var(--malachite-table-background,#f7f7f7)}.bg-\\[var\\(--malachite-table-row-background\\,\\#fff\\)\\]{background-color:var(--malachite-table-row-background,#fff)}.bg-\\[var\\(--malachite-tag-assistant-background\\)\\]{background-color:var(--malachite-tag-assistant-background)}.bg-\\[var\\(--malachite-tag-default-background\\)\\]{background-color:var(--malachite-tag-default-background)}.bg-\\[var\\(--malachite-tag-emphasis-background\\)\\]{background-color:var(--malachite-tag-emphasis-background)}.bg-\\[var\\(--malachite-tag-error-background\\)\\]{background-color:var(--malachite-tag-error-background)}.bg-\\[var\\(--malachite-tag-info-background\\)\\]{background-color:var(--malachite-tag-info-background)}.bg-\\[var\\(--malachite-tag-primary-background\\)\\]{background-color:var(--malachite-tag-primary-background)}.bg-\\[var\\(--malachite-tag-secondary-background\\)\\]{background-color:var(--malachite-tag-secondary-background)}.bg-\\[var\\(--malachite-tag-success-background\\)\\]{background-color:var(--malachite-tag-success-background)}.bg-\\[var\\(--malachite-tag-warning-background\\)\\]{background-color:var(--malachite-tag-warning-background)}.bg-\\[var\\(--malachite-text-primary\\)\\]{background-color:var(--malachite-text-primary)}.bg-\\[var\\(--malachite-toggle-track\\)\\]{background-color:var(--malachite-toggle-track)}.bg-\\[var\\(--malachite-warning-background\\)\\]{background-color:var(--malachite-warning-background)}.bg-\\[var\\(--…\\)\\]{background-color:var(--…)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-current{background-color:currentColor}.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-500{background-color:var(--color-gray-500)}.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-100{background-color:var(--color-green-100)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-400{background-color:var(--color-pink-400)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\\[linear-gradient\\(to_bottom\\,transparent\\,var\\(--malachite-card-background\\)\\)\\]{background-image:linear-gradient(to bottom,transparent,var(--malachite-card-background))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-100{--tw-gradient-from:var(--color-yellow-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-yellow-200{--tw-gradient-to:var(--color-yellow-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{-o-object-fit:cover;object-fit:cover}.\\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.p-20{padding:calc(var(--spacing)*20)}.p-\\[2px\\]{padding:2px}.p-\\[4px\\]{padding:4px}.p-\\[10px\\]{padding:10px}.p-\\[16px\\]{padding:16px}.p-\\[20px\\]{padding:20px}.p-\\[28px\\]{padding:28px}.p-\\[60px\\]{padding:60px}.\\!px-2\\.5{padding-inline:calc(var(--spacing)*2.5)!important}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.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-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-16{padding-inline:calc(var(--spacing)*16)}.px-\\[2px\\]{padding-inline:2px}.px-\\[4px\\]{padding-inline:4px}.px-\\[6px\\]{padding-inline:6px}.px-\\[10px\\]{padding-inline:10px}.px-\\[12px\\]{padding-inline:12px}.px-\\[16px\\]{padding-inline:16px}.px-\\[18px\\]{padding-inline:18px}.px-\\[20px\\]{padding-inline:20px}.px-\\[24px\\]{padding-inline:24px}.px-\\[28px\\]{padding-inline:28px}.px-\\[60px\\]{padding-inline:60px}.px-\\[var\\(--malachite-radius-xl\\,12px\\)\\]{padding-inline:var(--malachite-radius-xl,12px)}.\\!py-1\\.5{padding-block:calc(var(--spacing)*1.5)!important}.py-0{padding-block:calc(var(--spacing)*0)}.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-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-\\[1px\\]{padding-block:1px}.py-\\[3px\\]{padding-block:3px}.py-\\[6px\\]{padding-block:6px}.py-\\[7px\\]{padding-block:7px}.py-\\[8px\\]{padding-block:8px}.py-\\[10px\\]{padding-block:10px}.py-\\[12px\\]{padding-block:12px}.py-\\[14px\\]{padding-block:14px}.py-\\[16px\\]{padding-block:16px}.py-\\[18px\\]{padding-block:18px}.py-\\[20px\\]{padding-block:20px}.py-\\[28px\\]{padding-block:28px}.py-\\[40px\\]{padding-block:40px}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-7{padding-top:calc(var(--spacing)*7)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-\\[4px\\]{padding-top:4px}.pt-\\[8px\\]{padding-top:8px}.pt-\\[10px\\]{padding-top:10px}.pt-\\[10vh\\]{padding-top:10vh}.pt-\\[18px\\]{padding-top:18px}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-\\[6px\\]{padding-right:6px}.pr-\\[12px\\]{padding-right:12px}.pr-\\[16px\\]{padding-right:16px}.pr-\\[18px\\]{padding-right:18px}.pr-\\[26px\\]{padding-right:26px}.pr-\\[52px\\]{padding-right:52px}.pr-\\[56px\\]{padding-right:56px}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-\\[14px\\]{padding-bottom:14px}.pb-\\[20px\\]{padding-bottom:20px}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-1\\.5{padding-left:calc(var(--spacing)*1.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-\\[10px\\]{padding-left:10px}.pl-\\[12px\\]{padding-left:12px}.pl-\\[16px\\]{padding-left:16px}.pl-\\[21px\\]{padding-left:21px}.pl-\\[39px\\]{padding-left:39px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.text-\\[32px\\]{font-size:32px}.text-\\[40px\\]{font-size:40px}.text-\\[length\\:inherit\\]{font-size:inherit}.text-\\[length\\:var\\(--malachite-font-size-15\\,15px\\)\\]{font-size:var(--malachite-font-size-15,15px)}.text-\\[length\\:var\\(--malachite-font-size-large\\)\\]{font-size:var(--malachite-font-size-large)}.text-\\[length\\:var\\(--malachite-font-size-medium\\)\\]{font-size:var(--malachite-font-size-medium)}.text-\\[length\\:var\\(--malachite-font-size-medium\\,14px\\)\\]{font-size:var(--malachite-font-size-medium,14px)}.text-\\[length\\:var\\(--malachite-font-size-small\\)\\]{font-size:var(--malachite-font-size-small)}.text-\\[length\\:var\\(--malachite-font-size-small\\,13px\\)\\]{font-size:var(--malachite-font-size-small,13px)}.text-\\[length\\:var\\(--malachite-font-size-xlarge\\)\\]{font-size:var(--malachite-font-size-xlarge)}.text-\\[length\\:var\\(--malachite-font-size-xlarge\\,18px\\)\\]{font-size:var(--malachite-font-size-xlarge,18px)}.text-\\[length\\:var\\(--malachite-font-size-xsmall\\)\\]{font-size:var(--malachite-font-size-xsmall)}.text-\\[length\\:var\\(--malachite-font-size-xsmall\\,11px\\)\\]{font-size:var(--malachite-font-size-xsmall,11px)}.text-\\[length\\:var\\(--malachite-font-size-xxlarge\\)\\]{font-size:var(--malachite-font-size-xxlarge)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-\\[1\\.3\\]{--tw-leading:1.3;line-height:1.3}.leading-\\[1\\.4\\]{--tw-leading:1.4;line-height:1.4}.leading-\\[1\\.5\\]{--tw-leading:1.5;line-height:1.5}.leading-\\[1\\.5em\\]{--tw-leading:1.5em;line-height:1.5em}.leading-\\[1\\.6\\]{--tw-leading:1.6;line-height:1.6}.leading-\\[1\\.25\\]{--tw-leading:1.25;line-height:1.25}.leading-\\[1\\.45\\]{--tw-leading:1.45;line-height:1.45}.leading-\\[16px\\]{--tw-leading:16px;line-height:16px}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\\[-0\\.14px\\]{--tw-tracking:-.14px;letter-spacing:-.14px}.tracking-\\[0\\.5px\\]{--tw-tracking:.5px;letter-spacing:.5px}.tracking-\\[0\\.06em\\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\\[0\\.11px\\]{--tw-tracking:.11px;letter-spacing:.11px}.tracking-\\[0\\.12px\\]{--tw-tracking:.12px;letter-spacing:.12px}.tracking-\\[0\\.13px\\]{--tw-tracking:.13px;letter-spacing:.13px}.tracking-\\[0\\.14px\\]{--tw-tracking:.14px;letter-spacing:.14px}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-\\[\\#0a0a0a\\]{color:#0a0a0a}.text-\\[\\#bbb\\]{color:#bbb}.text-\\[color-mix\\(in_srgb\\,var\\(--malachite-inline-confirm-foreground\\)_80\\%\\,var\\(--malachite-inline-confirm-background\\)\\)\\]{color:var(--malachite-inline-confirm-foreground)}@supports (color:color-mix(in lab,red,red)){.text-\\[color-mix\\(in_srgb\\,var\\(--malachite-inline-confirm-foreground\\)_80\\%\\,var\\(--malachite-inline-confirm-background\\)\\)\\]{color:color-mix(in srgb,var(--malachite-inline-confirm-foreground)80%,var(--malachite-inline-confirm-background))}}.text-\\[var\\(--malachite-accent-foreground\\)\\]{color:var(--malachite-accent-foreground)}.text-\\[var\\(--malachite-assistant-foreground\\)\\]{color:var(--malachite-assistant-foreground)}.text-\\[var\\(--malachite-assistant-surface-foreground\\)\\]{color:var(--malachite-assistant-surface-foreground)}.text-\\[var\\(--malachite-buttonlist-foreground\\)\\]{color:var(--malachite-buttonlist-foreground)}.text-\\[var\\(--malachite-card-background\\)\\]{color:var(--malachite-card-background)}.text-\\[var\\(--malachite-card-border\\)\\]{color:var(--malachite-card-border)}.text-\\[var\\(--malachite-card-foreground\\)\\]{color:var(--malachite-card-foreground)}.text-\\[var\\(--malachite-chat-assistant-bubble-foreground\\)\\]{color:var(--malachite-chat-assistant-bubble-foreground)}.text-\\[var\\(--malachite-destructive-foreground\\,rgb\\(196\\,62\\,62\\)\\)\\]{color:var(--malachite-destructive-foreground,#c43e3e)}.text-\\[var\\(--malachite-inline-confirm-foreground\\)\\]{color:var(--malachite-inline-confirm-foreground)}.text-\\[var\\(--malachite-pillbutton-foreground\\)\\]{color:var(--malachite-pillbutton-foreground)}.text-\\[var\\(--malachite-pillbutton-hover-foreground\\)\\]{color:var(--malachite-pillbutton-hover-foreground)}.text-\\[var\\(--malachite-pillbutton-inverted-foreground\\)\\]{color:var(--malachite-pillbutton-inverted-foreground)}.text-\\[var\\(--malachite-pillbutton-inverted-hover-foreground\\)\\]{color:var(--malachite-pillbutton-inverted-hover-foreground)}.text-\\[var\\(--malachite-pillbutton-static-foreground\\)\\]{color:var(--malachite-pillbutton-static-foreground)}.text-\\[var\\(--malachite-segmented-control-item-foreground\\)\\]{color:var(--malachite-segmented-control-item-foreground)}.text-\\[var\\(--malachite-segmented-control-selected-foreground\\)\\]{color:var(--malachite-segmented-control-selected-foreground)}.text-\\[var\\(--malachite-selection-bar-foreground\\)\\]{color:var(--malachite-selection-bar-foreground)}.text-\\[var\\(--malachite-selection-bar-muted-foreground\\)\\]{color:var(--malachite-selection-bar-muted-foreground)}.text-\\[var\\(--malachite-selection-bar-notice-foreground\\)\\]{color:var(--malachite-selection-bar-notice-foreground)}.text-\\[var\\(--malachite-tag-assistant-foreground\\)\\]{color:var(--malachite-tag-assistant-foreground)}.text-\\[var\\(--malachite-tag-default-foreground\\)\\]{color:var(--malachite-tag-default-foreground)}.text-\\[var\\(--malachite-tag-emphasis-foreground\\)\\]{color:var(--malachite-tag-emphasis-foreground)}.text-\\[var\\(--malachite-tag-error-foreground\\)\\]{color:var(--malachite-tag-error-foreground)}.text-\\[var\\(--malachite-tag-info-foreground\\)\\]{color:var(--malachite-tag-info-foreground)}.text-\\[var\\(--malachite-tag-primary-foreground\\)\\]{color:var(--malachite-tag-primary-foreground)}.text-\\[var\\(--malachite-tag-secondary-foreground\\)\\]{color:var(--malachite-tag-secondary-foreground)}.text-\\[var\\(--malachite-tag-success-foreground\\)\\]{color:var(--malachite-tag-success-foreground)}.text-\\[var\\(--malachite-tag-warning-foreground\\)\\]{color:var(--malachite-tag-warning-foreground)}.text-\\[var\\(--malachite-text-dimmed\\)\\]{color:var(--malachite-text-dimmed)}.text-\\[var\\(--malachite-text-dimmed\\,rgb\\(161\\,161\\,161\\)\\)\\]{color:var(--malachite-text-dimmed,#a1a1a1)}.text-\\[var\\(--malachite-text-highlight\\)\\]{color:var(--malachite-text-highlight)}.text-\\[var\\(--malachite-text-link-foreground\\)\\]{color:var(--malachite-text-link-foreground)}.text-\\[var\\(--malachite-text-muted\\)\\]{color:var(--malachite-text-muted)}.text-\\[var\\(--malachite-text-placeholder\\)\\]{color:var(--malachite-text-placeholder)}.text-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]{color:var(--malachite-text-placeholder,#bbb)}.text-\\[var\\(--malachite-text-primary\\)\\]{color:var(--malachite-text-primary)}.text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]{color:var(--malachite-text-primary,#0a0a0a)}.text-\\[var\\(--malachite-text-secondary\\)\\]{color:var(--malachite-text-secondary)}.text-\\[var\\(--malachite-text-secondary\\,\\#bbb\\)\\]{color:var(--malachite-text-secondary,#bbb)}.text-\\[var\\(--malachite-text-secondary\\,rgb\\(123\\,123\\,123\\)\\)\\]{color:var(--malachite-text-secondary,#7b7b7b)}.text-\\[var\\(--malachite-text-success\\)\\]{color:var(--malachite-text-success)}.text-\\[…\\]{color:…}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-current{color:currentColor}.text-gray-100{color:var(--color-gray-100)}.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-inherit{color:inherit}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-85{opacity:.85}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[\\.\\.\\.\\]{--tw-shadow:...;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0px_1px_0px_0px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\]{--tw-shadow:0px 1px 0px 0px 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)}.shadow-\\[var\\(--malachite-shadow-default\\)\\]{--tw-shadow:var(--malachite-shadow-default);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;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:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--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)}.\\[box-shadow\\:0_16px_48px_0_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{box-shadow:0 16px 48px #0000002e}.\\[box-shadow\\:var\\(--malachite-shadow-default\\,0px_1px_0px_0px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\)\\]{box-shadow:var(--malachite-shadow-default,0px 1px 0px 0px #00000026)}.\\[box-shadow\\:var\\(--malachite-shadow-default\\,\\<fallback\\>\\)\\]{box-shadow:var(--malachite-shadow-default,<fallback>)}.\\[box-shadow\\:var\\(--malachite-shadow-glow\\,var\\(--malachite-shadow-lg\\)\\)\\]{box-shadow:var(--malachite-shadow-glow,var(--malachite-shadow-lg))}.\\[box-shadow\\:var\\(--malachite-shadow-glow-lg\\,var\\(--malachite-shadow-xl\\)\\)\\]{box-shadow:var(--malachite-shadow-glow-lg,var(--malachite-shadow-xl))}.\\[box-shadow\\:var\\(--malachite-shadow-lg\\)\\]{box-shadow:var(--malachite-shadow-lg)}.\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]{outline:2px solid var(--malachite-text-primary)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.\\[outline-offset\\:-2px\\]{outline-offset:-2px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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,visibility,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-\\[color\\,background-color\\,border-color\\,opacity\\,box-shadow\\]{transition-property:color,background-color,border-color,opacity,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[max-height\\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\]{transition-property:width;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-opacity{transition-property:opacity;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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\\[var\\(--malachite-ease-standard\\)\\]{--tw-ease:var(--malachite-ease-standard);transition-timing-function:var(--malachite-ease-standard)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\\[-webkit-box-orient\\:vertical\\]{-webkit-box-orient:vertical}.\\[-webkit-line-clamp\\:var\\(--malachite-clamp-lines\\)\\]{-webkit-line-clamp:var(--malachite-clamp-lines)}.\\[scrollbar-width\\:none\\]{scrollbar-width:none}@media (hover:hover){.group-hover\\:text-\\[var\\(--malachite-text-primary\\)\\]:is(:where(.group):hover *){color:var(--malachite-text-primary)}}.group-focus-visible\\:block:is(:where(.group):focus-visible *){display:block}.group-data-\\[selected\\=true\\]\\:visible:is(:where(.group)[data-selected=true] *){visibility:visible}.placeholder\\:font-medium::-moz-placeholder{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\\:font-medium::placeholder{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\\:text-\\[var\\(--malachite-text-dimmed\\)\\]::-moz-placeholder{color:var(--malachite-text-dimmed)}.placeholder\\:text-\\[var\\(--malachite-text-dimmed\\)\\]::placeholder{color:var(--malachite-text-dimmed)}.placeholder\\:text-\\[var\\(--malachite-text-placeholder\\)\\]::-moz-placeholder{color:var(--malachite-text-placeholder)}.placeholder\\:text-\\[var\\(--malachite-text-placeholder\\)\\]::placeholder{color:var(--malachite-text-placeholder)}.placeholder\\:text-\\[var\\(--malachite-text-secondary\\)\\]::-moz-placeholder{color:var(--malachite-text-secondary)}.placeholder\\:text-\\[var\\(--malachite-text-secondary\\)\\]::placeholder{color:var(--malachite-text-secondary)}.first\\:rounded-tl-lg:first-child{border-top-left-radius:var(--radius-lg)}.last\\:rounded-tr-lg:last-child{border-top-right-radius:var(--radius-lg)}.last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\\:border-\\[var\\(--malachite-assistant-foreground\\)\\]:focus-within{border-color:var(--malachite-assistant-foreground)}.focus-within\\:border-\\[var\\(--malachite-control-border-hover\\)\\]:focus-within{border-color:var(--malachite-control-border-hover)}.focus-within\\:border-\\[var\\(--malachite-destructive-border-hover\\)\\]:focus-within{border-color:var(--malachite-destructive-border-hover)}@media (hover:hover){.hover\\:max-h-\\[1000px\\]:hover{max-height:1000px}.hover\\:border-\\[color\\:var\\(--malachite-text-secondary\\)\\]:hover{border-color:var(--malachite-text-secondary)}.hover\\:border-\\[var\\(--malachite-assistant-foreground\\)\\]:hover{border-color:var(--malachite-assistant-foreground)}.hover\\:border-\\[var\\(--malachite-control-border-hover\\)\\]:hover{border-color:var(--malachite-control-border-hover)}.hover\\:border-\\[var\\(--malachite-destructive-border-hover\\)\\]:hover{border-color:var(--malachite-destructive-border-hover)}.hover\\:border-\\[var\\(--malachite-text-placeholder\\)\\]:hover{border-color:var(--malachite-text-placeholder)}.hover\\:border-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]:hover{border-color:var(--malachite-text-placeholder,#bbb)}.hover\\:bg-\\[var\\(--malachite-buttonlist-hover-background\\)\\]:hover{background-color:var(--malachite-buttonlist-hover-background)}.hover\\:bg-\\[var\\(--malachite-card-dimmed-background\\)\\]:hover{background-color:var(--malachite-card-dimmed-background)}.hover\\:bg-\\[var\\(--malachite-card-sunken-background\\)\\]:hover{background-color:var(--malachite-card-sunken-background)}.hover\\:bg-\\[var\\(--malachite-codeblock-border\\)\\]:hover{background-color:var(--malachite-codeblock-border)}.hover\\:bg-\\[var\\(--malachite-number-tag-emphasis-background\\)\\]:hover{background-color:var(--malachite-number-tag-emphasis-background)}.hover\\:bg-\\[var\\(--malachite-pillbutton-hover-background\\)\\]:hover{background-color:var(--malachite-pillbutton-hover-background)}.hover\\:bg-\\[var\\(--malachite-pillbutton-inverted-hover-background\\)\\]:hover{background-color:var(--malachite-pillbutton-inverted-hover-background)}.hover\\:bg-\\[var\\(--malachite-primary-border\\)\\]:hover{background-color:var(--malachite-primary-border)}.hover\\:bg-\\[var\\(--malachite-table-row-hover-background\\,\\#fafafa\\)\\]:hover{background-color:var(--malachite-table-row-hover-background,#fafafa)}.hover\\:bg-\\[var\\(--malachite-tag-assistant-background\\)\\]:hover{background-color:var(--malachite-tag-assistant-background)}.hover\\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\\:text-\\[var\\(--malachite-accent-foreground\\)\\]:hover{color:var(--malachite-accent-foreground)}.hover\\:text-\\[var\\(--malachite-buttonlist-hover-foreground\\)\\]:hover{color:var(--malachite-buttonlist-hover-foreground)}.hover\\:text-\\[var\\(--malachite-inline-confirm-foreground\\)\\]:hover{color:var(--malachite-inline-confirm-foreground)}.hover\\:text-\\[var\\(--malachite-pillbutton-hover-foreground\\)\\]:hover{color:var(--malachite-pillbutton-hover-foreground)}.hover\\:text-\\[var\\(--malachite-pillbutton-inverted-hover-foreground\\)\\]:hover{color:var(--malachite-pillbutton-inverted-hover-foreground)}.hover\\:text-\\[var\\(--malachite-segmented-control-item-hover-foreground\\)\\]:hover{color:var(--malachite-segmented-control-item-hover-foreground)}.hover\\:text-\\[var\\(--malachite-text-link-foreground-hover\\)\\]:hover{color:var(--malachite-text-link-foreground-hover)}.hover\\:text-\\[var\\(--malachite-text-primary\\)\\]:hover{color:var(--malachite-text-primary)}.hover\\:text-\\[var\\(--malachite-text-secondary\\)\\]:hover{color:var(--malachite-text-secondary)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-100:hover{opacity:1}.hover\\:\\[-webkit-line-clamp\\:unset\\]:hover{-webkit-line-clamp:unset}}.focus\\:bg-\\[var\\(--malachite-buttonlist-hover-background\\)\\]:focus{background-color:var(--malachite-buttonlist-hover-background)}.focus\\:text-\\[var\\(--malachite-buttonlist-hover-foreground\\)\\]:focus{color:var(--malachite-buttonlist-hover-foreground)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:max-h-\\[1000px\\]:focus-visible{max-height:1000px}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-assistant-foreground\\)\\]:focus-visible{outline:2px solid var(--malachite-assistant-foreground)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-inline-confirm-foreground\\)\\]:focus-visible{outline:2px solid var(--malachite-inline-confirm-foreground)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-selection-bar-foreground\\)\\]:focus-visible{outline:2px solid var(--malachite-selection-bar-foreground)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-destructive\\)\\]:focus-visible{outline:2px solid var(--malachite-text-destructive)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-error\\)\\]:focus-visible{outline:2px solid var(--malachite-text-error)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]:focus-visible{outline:2px solid var(--malachite-text-primary)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-success\\)\\]:focus-visible{outline:2px solid var(--malachite-text-success)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-warning\\)\\]:focus-visible{outline:2px solid var(--malachite-text-warning)}.focus-visible\\:\\[outline-offset\\:-2px\\]:focus-visible{outline-offset:-2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:\\[-webkit-line-clamp\\:unset\\]:focus-visible{-webkit-line-clamp:unset}.active\\:bg-\\[var\\(--malachite-pillbutton-inverted-pressed-background\\)\\]:active{background-color:var(--malachite-pillbutton-inverted-pressed-background)}.active\\:bg-\\[var\\(--malachite-pillbutton-pressed-background\\)\\]:active{background-color:var(--malachite-pillbutton-pressed-background)}.active\\:text-\\[var\\(--malachite-pillbutton-inverted-pressed-foreground\\)\\]:active{color:var(--malachite-pillbutton-inverted-pressed-foreground)}.active\\:text-\\[var\\(--malachite-pillbutton-pressed-foreground\\)\\]:active{color:var(--malachite-pillbutton-pressed-foreground)}.active\\:opacity-60:active{opacity:.6}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-\\[var\\(--malachite-text-dimmed\\)\\]:disabled{color:var(--malachite-text-dimmed)}.disabled\\:text-\\[var\\(--malachite-text-primary\\)\\]:disabled{color:var(--malachite-text-primary)}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}.has-\\[\\:focus-visible\\]\\:\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]:has(:focus-visible){outline:2px solid var(--malachite-text-primary)}.has-\\[\\:focus-visible\\]\\:outline-offset-2:has(:focus-visible){outline-offset:2px}.data-\\[selected\\=true\\]\\:bg-\\[var\\(--malachite-card-sunken-background\\)\\][data-selected=true]{background-color:var(--malachite-card-sunken-background)}@media (prefers-reduced-motion:reduce){.motion-reduce\\:animate-none{animation:none}.motion-reduce\\:opacity-0{opacity:0}.motion-reduce\\:opacity-100{opacity:1}.motion-reduce\\:transition-none{transition-property:none}}@media (min-width:48rem){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\\[\\&_svg\\]\\:size-\\[10px\\]\\! svg{width:10px!important;height:10px!important}.\\[\\&_svg\\]\\:size-\\[11px\\]\\! svg{width:11px!important;height:11px!important}.\\[\\&_svg\\]\\:size-\\[16px\\]\\! svg{width:16px!important;height:16px!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-large\\)\\]\\! svg{width:var(--malachite-icon-size-large)!important;height:var(--malachite-icon-size-large)!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-medium\\)\\]\\! svg{width:var(--malachite-icon-size-medium)!important;height:var(--malachite-icon-size-medium)!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-small\\)\\]\\! svg{width:var(--malachite-icon-size-small)!important;height:var(--malachite-icon-size-small)!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-xsmall\\)\\]\\! svg{width:var(--malachite-icon-size-xsmall)!important;height:var(--malachite-icon-size-xsmall)!important}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.\\[\\&\\>div\\]\\:mb-0>div{margin-bottom:calc(var(--spacing)*0)}.\\[\\&\\>img\\]\\:max-h-full>img{max-height:100%}.\\[\\&\\>img\\]\\:max-w-full>img{max-width:100%}.\\[\\&\\>img\\]\\:object-contain>img{-o-object-fit:contain;object-fit:contain}}[data-malachite-dropdown-trigger]{border-color:var(--malachite-dropdown-border,#e8e8e8);box-shadow:var(--malachite-dropdown-shadow,0px 1px 0px 0px #00000026)}[data-malachite-dropdown-trigger]:hover{border-color:var(--malachite-control-border-hover,#00af6666);box-shadow:var(--malachite-dropdown-shadow-hover,0px 1px 0px 0px #00af6699)}:root{--malachite-radius-xs:2px;--malachite-radius-sm:4px;--malachite-radius-md:6px;--malachite-radius-lg:8px;--malachite-radius-10:10px;--malachite-radius-xl:12px;--malachite-radius-xxl:14px;--malachite-radius-xxxl:16px;--malachite-font-size-xsmall:11px;--malachite-font-size-small:13px;--malachite-font-size-medium:14px;--malachite-font-size-15:15px;--malachite-font-size-large:16px;--malachite-font-size-xlarge:18px;--malachite-font-size-xxlarge:22px;--malachite-control-height-small:28px;--malachite-control-height-medium:32px;--malachite-control-height-large:42px;--malachite-table-row-selected-background:#00af6626;--malachite-table-row-selected-accent:#027a42;--malachite-table-row-selected-foreground:#027a42;--malachite-shadow-sm:0 1px 2px 0 #0000000d;--malachite-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--malachite-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--malachite-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--malachite-shadow-glow:0px 0px 10px 0px #0003;--malachite-shadow-glow-lg:0px 0px 20px 0px #0003;--malachite-shadow-default:0px 1px 0px 0px #00000026;--malachite-shadow-accent:0px 1px 0px 0px #00af6626;--malachite-shadow-success:0px 1px 0px 0px #00af6626;--malachite-shadow-warning:0px 1px 0px 0px #f18b0a26;--malachite-shadow-error:0px 1px 0px 0px #c53f3f26;--malachite-shadow-color:0,0,0;--malachite-shadow-opacity:.1;--malachite-card-background:#fff;--malachite-card-foreground:#0a0a0a;--malachite-card-border:#e8e8e8;--malachite-card-shadow:#0000001a;--malachite-card-dimmed-background:#f7f7f7;--malachite-card-sunken-background:#fafafa;--malachite-card-header-background:#fff;--malachite-card-footer-background:#fff;--malachite-card-footer-glass-background:#ffffffb3;--malachite-card-tray-neutral:#f7f7f7;--malachite-card-tray-warning:#fdf3e6;--malachite-card-tray-error:#fef1f1;--malachite-card-tray-success:#ecf9f4;--malachite-card-subtle-divider:#f1f1f1;--malachite-overlay-scrim:#0000001a;--malachite-alert-info-background:#f7f7f7;--malachite-alert-info-foreground:#0a0a0a;--malachite-alert-success-background:#00af6614;--malachite-alert-success-foreground:#027a42;--malachite-alert-error-background:#c53f3f14;--malachite-alert-error-foreground:#ed3536;--malachite-alert-warning-background:#f18b0a14;--malachite-alert-warning-foreground:#96580a;--malachite-alert-assistant-background:#f2eefe;--malachite-alert-assistant-foreground:#6e56cf;--malachite-assistant-foreground:#6e56cf;--malachite-assistant-surface-background:#fbfaff;--malachite-assistant-surface-border:#dcd3fa;--malachite-assistant-surface-foreground:#4a3f7a;--malachite-tooltip-background:#3b3b3b;--malachite-tooltip-foreground:#fff;--malachite-tooltip-border:#3c3c3c;--malachite-tooltip-shadow:0px 0px 10px 0px #0003;--malachite-primary-background:#303030;--malachite-primary-foreground:#0a0a0a;--malachite-primary-border:#e8e8e8;--malachite-primary-border-hover:#bababa;--malachite-outline-foreground:#0a0a0a;--malachite-secondary-background:#090909;--malachite-secondary-foreground:#fff;--malachite-secondary-border:#e8e8e8;--malachite-secondary-border-hover:#bababa;--malachite-destructive-background:transparent;--malachite-destructive-foreground:#c43e3e;--malachite-destructive-border:#ef3737;--malachite-destructive-border-hover:#ef3737;--malachite-destructive-shadow:#ef3737;--malachite-destructive-shadow-light:#ef373766;--malachite-destructive-shadow-medium:#ef373799;--malachite-accent-background:#00af66;--malachite-accent-foreground:#027a42;--malachite-accent-border:#00af6633;--malachite-accent-background-glass:#00af6614;--malachite-control-border-hover:#00af6666;--malachite-success-background:#00af66;--malachite-success-foreground:#027a42;--malachite-success-border:#00af6633;--malachite-success-border-hover:#00af6666;--malachite-success-background-glass:#00af6614;--malachite-success-shadow-light:#00af6666;--malachite-success-shadow-medium:#00af6699;--malachite-warning-background:#f18b0a;--malachite-warning-foreground:#96580a;--malachite-warning-border:#f18b0a33;--malachite-warning-border-hover:#f18b0a66;--malachite-warning-background-glass:#f18b0a14;--malachite-warning-shadow-light:#f18b0a66;--malachite-warning-shadow-medium:#f18b0a99;--malachite-error-background:#c53f3f;--malachite-error-foreground:#ed3536;--malachite-error-border:#c53f3f33;--malachite-error-border-hover:#c53f3f66;--malachite-error-background-glass:#c53f3f14;--malachite-error-shadow-light:#c53f3f66;--malachite-error-shadow-medium:#c53f3f99;--malachite-segmented-control-track-background:#f1f1f1;--malachite-segmented-control-item-foreground:#4c4b4b;--malachite-segmented-control-item-hover-foreground:#0a0a0a;--malachite-segmented-control-selected-background:#fff;--malachite-segmented-control-selected-foreground:#0a0a0a;--malachite-segmented-control-selected-shadow:0px 1px 5px 0px #0000001a;--malachite-selectable-card-background:#f1f1f1;--malachite-selectable-card-border:#ddd;--malachite-selectable-card-selected-tint:#e7f8f1;--malachite-selectable-card-selected-surface-end:#fff;--malachite-selectable-card-selected-border:#047b43;--malachite-selectable-card-library-selected-tint:#f1f1f1;--malachite-selectable-card-library-selected-border:#bbb;--malachite-selectable-card-accent:#047b43;--malachite-selectable-card-muted-foreground:#7b7b7b;--malachite-selectable-card-hover-background:#e8e8e8;--malachite-selectable-card-hover-rule:#bbb;--malachite-selectable-card-pending-foreground:#96580a;--malachite-selectable-card-editing-tint:#f9f2e9;--malachite-card-strip-background:#f1f1f1;--malachite-card-strip-divider:#ddd;--malachite-card-strip-fade:#fff;--malachite-card-strip-arrow-background:#fff;--malachite-card-strip-arrow-border:#e8e8e8;--malachite-card-strip-add-primary-background:#0a0a0a;--malachite-card-strip-add-primary-foreground:#fff;--malachite-selection-bar-background:#0a0a0a;--malachite-selection-bar-foreground:#fff;--malachite-selection-bar-muted-foreground:#7b7b7b;--malachite-selection-bar-divider:#404040;--malachite-selection-bar-border:transparent;--malachite-selection-bar-primary-border:#e8e8e8;--malachite-selection-bar-shadow:0px 0px 10px 0px #0003;--malachite-selection-bar-notice-background:#edd9be;--malachite-selection-bar-notice-foreground:#844d09;--malachite-selection-bar-notice-shadow:0px 0px 4px 0px #00000014,0px 4px 4px 0px #00000014,0px 4px 10px 0px #0000000d;--malachite-inline-confirm-background:#222121;--malachite-inline-confirm-foreground:#fff;--malachite-inline-confirm-divider:#ffffff1a;--malachite-inline-confirm-shadow:0px 0px 10px 0px #0003;--malachite-buttonlist-background:#fff;--malachite-buttonlist-foreground:#0a0a0a;--malachite-buttonlist-hover-background:#f5f5f5;--malachite-buttonlist-hover-foreground:#0a0a0a;--malachite-text-primary:#0a0a0a;--malachite-text-secondary:#7b7b7b;--malachite-text-dimmed:#a1a1a1;--malachite-text-emphasis:#222121;--malachite-text-muted:#4c4b4b;--malachite-text-placeholder:#bbb;--malachite-text-destructive:#ed3536;--malachite-text-success:#027a42;--malachite-text-highlight:#76d6ae;--malachite-text-warning:#96580a;--malachite-text-error:#ed3536;--malachite-text-info:#0c58ae;--malachite-text-link-foreground:#00000073;--malachite-text-link-foreground-hover:#0a0a0a;--malachite-text-right-side-text-muted:#7b7b7b;--malachite-text-right-side-text-primary:#0a0a0a;--malachite-text-right-side-text-font-size:12px;--malachite-text-right-side-text-min-width:80px}:root,:host{--malachite-ease-standard:cubic-bezier(.4,0,.2,1);--malachite-font-mono:var(--font-mono,"SF Mono",ui-monospace,monospace);--malachite-number-tag-background:#00000014;--malachite-number-tag-foreground:var(--malachite-text-secondary,#7b7b7b);--malachite-number-tag-emphasis-background:#00000026;--malachite-number-tag-emphasis-foreground:var(--malachite-text-emphasis,#222121);--malachite-text-warning-muted:#cea36c}*{scrollbar-width:thin;scrollbar-color:var(--malachite-card-border)transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--malachite-card-border);background-clip:padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--malachite-text-dimmed)}.shadow-default{box-shadow:var(--malachite-shadow-default)}.shadow-success{box-shadow:var(--malachite-shadow-success)}.shadow-warning{box-shadow:var(--malachite-shadow-warning)}.shadow-error{box-shadow:var(--malachite-shadow-error)}.btn-filled{background-color:var(--malachite-secondary-background);color:var(--malachite-secondary-foreground);border-color:var(--malachite-secondary-border)}.btn-filled:hover:not(:disabled),.btn-filled[aria-expanded=true]:not(:disabled){border-color:var(--malachite-secondary-border-hover);opacity:.95}.btn-filled:active:not(:disabled){opacity:.8;border-color:var(--malachite-secondary-border-hover)}.btn-filled:disabled{opacity:.6;cursor:not-allowed}:host-context([data-theme="dark"]) .btn-filled:disabled{opacity:1;background-color:var(--malachite-card-background);color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border);box-shadow:none}.btn-surface{background-color:var(--malachite-card-background);color:var(--malachite-outline-foreground);border-color:var(--malachite-primary-border)}.btn-surface:hover:not(:disabled),.btn-surface[aria-expanded=true]:not(:disabled){border-color:var(--malachite-primary-border-hover)}.btn-surface:active:not(:disabled){opacity:.8;border-color:var(--malachite-primary-border-hover)}.btn-surface:disabled{opacity:.6;cursor:not-allowed;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}.btn-assistant{background-color:var(--malachite-assistant-surface-background);color:var(--malachite-assistant-surface-foreground);border-color:var(--malachite-assistant-surface-border)}.btn-assistant:hover:not(:disabled),.btn-assistant[aria-expanded=true]:not(:disabled){border-color:var(--malachite-assistant-foreground)}.btn-assistant:active:not(:disabled){opacity:.8;border-color:var(--malachite-assistant-foreground)}.btn-assistant:disabled{opacity:.6;cursor:not-allowed;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}.btn-outline{color:var(--malachite-outline-foreground);border-color:var(--malachite-primary-border);background-color:#0000}.btn-outline:hover:not(:disabled),.btn-outline[aria-expanded=true]:not(:disabled){border-color:var(--malachite-primary-border-hover)}.btn-outline:active:not(:disabled){opacity:.8;border-color:var(--malachite-primary-border-hover)}.btn-outline:disabled{opacity:.6;cursor:not-allowed;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}:host-context([data-theme="dark"]) .btn-outline:disabled{opacity:1;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}.btn-destructive{background-color:var(--malachite-destructive-background);color:var(--malachite-destructive-foreground);border-color:var(--malachite-destructive-border);box-shadow:0 1px 0 0 var(--malachite-destructive-shadow-light)}.btn-destructive:hover:not(:disabled),.btn-destructive[aria-expanded=true]:not(:disabled){border-color:var(--malachite-destructive-border-hover);box-shadow:0 1px 0 0 var(--malachite-destructive-shadow-medium)}.btn-destructive:active:not(:disabled){opacity:.6;border-color:var(--malachite-destructive-border-hover);box-shadow:0 1px 0 0 var(--malachite-destructive-shadow-medium)}.btn-destructive:disabled{opacity:.6;box-shadow:none}.btn-ghost{color:var(--malachite-primary-foreground);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled),.btn-ghost[aria-expanded=true]:not(:disabled){border-color:var(--malachite-primary-border-hover)}.btn-no-style{color:var(--malachite-primary-foreground);background-color:#0000;border-color:#0000}.btn-no-style:hover:not(:disabled),.btn-no-style[aria-expanded=true]:not(:disabled){border-color:#0000}.btn-glass-success{background-color:var(--malachite-success-background-glass);color:var(--malachite-success-foreground);border-color:var(--malachite-success-border);box-shadow:0 1px 0 0 var(--malachite-success-shadow-light)}.btn-glass-success:hover:not(:disabled),.btn-glass-success[aria-expanded=true]:not(:disabled){border-color:var(--malachite-success-border-hover);box-shadow:0 1px 0 0 var(--malachite-success-shadow-medium)}.btn-glass-success:active:not(:disabled){opacity:.6;border-color:var(--malachite-success-border-hover);box-shadow:0 1px 0 0 var(--malachite-success-shadow-medium)}.btn-glass-success:disabled{opacity:.6;box-shadow:none}.btn-glass-warning{background-color:var(--malachite-warning-background-glass);color:var(--malachite-warning-foreground);border-color:var(--malachite-warning-border);box-shadow:0 1px 0 0 var(--malachite-warning-shadow-light)}.btn-glass-warning:hover:not(:disabled),.btn-glass-warning[aria-expanded=true]:not(:disabled){border-color:var(--malachite-warning-border-hover);box-shadow:0 1px 0 0 var(--malachite-warning-shadow-medium)}.btn-glass-warning:active:not(:disabled){opacity:.6;border-color:var(--malachite-warning-border-hover);box-shadow:0 1px 0 0 var(--malachite-warning-shadow-medium)}.btn-glass-warning:disabled{opacity:.6;box-shadow:none}.btn-glass-error{background-color:var(--malachite-error-background-glass);color:var(--malachite-error-foreground);border-color:var(--malachite-error-border);box-shadow:0 1px 0 0 var(--malachite-error-shadow-light)}.btn-glass-error:hover:not(:disabled),.btn-glass-error[aria-expanded=true]:not(:disabled){border-color:var(--malachite-error-border-hover);box-shadow:0 1px 0 0 var(--malachite-error-shadow-medium)}.btn-glass-error:active:not(:disabled){opacity:.6;border-color:var(--malachite-error-border-hover);box-shadow:0 1px 0 0 var(--malachite-error-shadow-medium)}.btn-glass-error:disabled{opacity:.6;box-shadow:none}.card-base{background-color:var(--malachite-card-background);color:var(--malachite-card-foreground);border:1px solid var(--malachite-card-border);box-shadow:0 2px 4px 0 var(--malachite-card-shadow);border-radius:12px;overflow:hidden}.card-dimmed{background-color:var(--malachite-card-dimmed-background)}.card-rounded{border-radius:20px}.md-root strong,.md-root b{font-weight:600}.md-link{color:var(--malachite-text-link-foreground);font-weight:600;text-decoration:underline}.md-link:hover,.md-link:focus-visible{color:var(--malachite-text-link-foreground-hover)}.md-flow>[role=list]:first-child>[role=listitem]:first-child>br:first-child{display:none}.card-header{background-color:var(--malachite-card-header-background);color:var(--malachite-card-foreground);border-bottom:1px solid var(--malachite-card-border)}.card-footer{background-color:var(--malachite-card-footer-background);color:var(--malachite-card-foreground);border-top:1px solid var(--malachite-card-border)}.confirmation-badge svg{width:12px!important;height:12px!important}.alert-base{border-radius:8px;justify-content:center;align-items:flex-start;gap:8px;width:100%;margin:0 10px;padding:10px;display:flex}.alert-base svg{margin-top:4px}.alert-base.alert-expandable svg{margin-top:3px}.alert-base .alert-action svg{margin-top:0}.alert-no-margin{margin:0}.alert-info{background-color:var(--malachite-alert-info-background);color:var(--malachite-alert-info-foreground)}.alert-success{background-color:var(--malachite-alert-success-background);color:var(--malachite-alert-success-foreground)}.alert-error{background-color:var(--malachite-alert-error-background);color:var(--malachite-alert-error-foreground)}.alert-warning{background-color:var(--malachite-alert-warning-background);color:var(--malachite-alert-warning-foreground)}.alert-assistant{background-color:var(--malachite-alert-assistant-background);color:var(--malachite-alert-assistant-foreground)}.alert-icon-info{color:var(--malachite-alert-info-foreground);font-size:13px}.alert-icon-success{color:var(--malachite-alert-success-foreground);font-size:13px}.alert-icon-error{color:var(--malachite-alert-error-foreground);font-size:13px}.alert-icon-warning{color:var(--malachite-alert-warning-foreground);font-size:13px}.tooltip-base{background-color:var(--malachite-tooltip-background);max-width:320px;min-height:32px;color:var(--malachite-tooltip-foreground);box-shadow:var(--malachite-tooltip-shadow);word-wrap:break-word;white-space:normal;pointer-events:none;z-index:9999;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;line-height:1.4;transition:opacity .15s ease-in-out,transform .15s ease-in-out;display:inline-flex;position:absolute}.tooltip-content{z-index:1;position:relative}.tooltip-visible{opacity:1;visibility:visible;transform:scale(1)}.tooltip-hidden{opacity:0;visibility:hidden;transform:scale(.95)}.tooltip-arrow{background-color:var(--malachite-tooltip-background)}svg path:not([data-malachite-shape]){fill:currentColor!important}.table-bordered-container{box-shadow:var(--malachite-table-box-shadow);background-color:var(--malachite-table-background);padding:4px}.table-header{color:var(--malachite-table-header-foreground);background-color:var(--malachite-table-header-background)!important}.table-row{background-color:var(--malachite-table-row-background);color:var(--malachite-table-row-foreground);border-bottom:1px solid var(--malachite-table-row-border)}.table-row:hover{background-color:var(--malachite-table-row-hover-background)}.table-cell-bordered{border-bottom:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-top{border-top:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-bottom{border-bottom:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-left{border-left:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-right{border-right:1px solid var(--malachite-table-borderedRow-outline)}.table-row-bordered{background-color:var(--malachite-table-borderedRow-background)}.table-error-icon{background-color:var(--malachite-table-error-icon-background);color:var(--malachite-table-error-icon-foreground)}.table-error-title{color:var(--malachite-table-error-title-foreground)}.table-error-subtitle{color:var(--malachite-table-error-subtitle-foreground)}.malachite-row-caret{color:var(--malachite-text-placeholder);transition:color .15s}.group:hover .malachite-row-caret{color:var(--malachite-text-primary)}.table-section-divider{background-color:var(--malachite-table-header-background);width:100%;color:var(--malachite-text-secondary);justify-content:space-between;align-items:flex-end;padding:12px 16px;font-size:12px;display:flex}.malachite-row-link-icon{color:var(--malachite-text-placeholder);opacity:0;transition:opacity .15s,color .15s}.group:hover .malachite-row-link-icon{opacity:1}.malachite-row-cta{cursor:pointer;width:100%;color:var(--malachite-text-warning-muted);white-space:nowrap;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:500;transition:color .15s;display:flex}.malachite-row-cta:hover{color:var(--malachite-text-warning)}.malachite-number-tag{border-radius:var(--malachite-radius-md,6px);background-color:var(--malachite-number-tag-background);min-width:16px;height:16px;color:var(--malachite-number-tag-foreground);font-family:var(--malachite-font-mono,monospace);justify-content:center;align-items:center;padding:0 3px;font-size:12px;font-weight:500;line-height:1;transition:background-color .15s,color .15s;display:inline-flex}.malachite-number-tag-emphasis{background-color:var(--malachite-number-tag-emphasis-background);color:var(--malachite-number-tag-emphasis-foreground)}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}';
1
+ const a = '/*! tailwindcss v4.1.11 | 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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",Courier,monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-500:oklch(70.4% .14 182.503);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:var(--malachite-radius-xs,2px);--radius-md:var(--malachite-radius-md,6px);--radius-lg:var(--malachite-radius-lg,8px);--radius-xl:var(--malachite-radius-xl,12px);--radius-2xl:var(--malachite-radius-xxxl,16px);--ease-out:cubic-bezier(0,0,.2,1);--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);--radius:var(--malachite-radius-sm,4px);--font-heading:"Stack Sans Text",ui-sans-serif,system-ui,sans-serif;--font-body:"Geist",ui-sans-serif,system-ui,sans-serif}}@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;-o-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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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}:-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}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-\\[3px\\]{top:3px}.top-\\[8px\\]{top:8px}.top-\\[40px\\]{top:40px}.top-\\[calc\\(var\\(--malachite-control-height-large\\,42px\\)\\/2\\)\\]{top:calc(var(--malachite-control-height-large,42px)/2)}.top-\\[calc\\(var\\(--malachite-control-height-medium\\,32px\\)\\/2\\)\\]{top:calc(var(--malachite-control-height-medium,32px)/2)}.top-\\[calc\\(var\\(--malachite-control-height-small\\,28px\\)\\/2\\)\\]{top:calc(var(--malachite-control-height-small,28px)/2)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-\\[8px\\]{right:8px}.right-\\[26px\\]{right:26px}.right-\\[28px\\]{right:28px}.right-\\[30px\\]{right:30px}.right-\\[38px\\]{right:38px}.right-\\[60px\\]{right:60px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-\\[8px\\]{bottom:8px}.left-0{left:calc(var(--spacing)*0)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\\[1\\]{z-index:1}.z-\\[2\\]{z-index:2}.z-\\[1000\\]{z-index:1000}.row-1{grid-row:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-auto{margin:auto}.-mx-10{margin-inline:calc(var(--spacing)*-10)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.-mt-1{margin-top:calc(var(--spacing)*-1)}.-mt-2{margin-top:calc(var(--spacing)*-2)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.-mt-6{margin-top:calc(var(--spacing)*-6)}.-mt-8{margin-top:calc(var(--spacing)*-8)}.-mt-\\[2px\\]{margin-top:-2px}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-\\[2px\\]{margin-top:2px}.mt-\\[11px\\]{margin-top:11px}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-\\[-8px\\]{margin-right:-8px}.mr-\\[6px\\]{margin-right:6px}.-mb-px{margin-bottom:-1px}.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)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-30{margin-bottom:calc(var(--spacing)*30)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-0\\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-\\[6px\\]{margin-left:6px}.ml-\\[20px\\]{margin-left:20px}.ml-auto{margin-left:auto}.\\[display\\:-webkit-box\\]{display:-webkit-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-\\[3px\\]{width:3px;height:3px}.size-\\[11px\\]{width:11px;height:11px}.size-\\[13px\\]{width:13px;height:13px}.size-\\[14px\\]{width:14px;height:14px}.size-\\[18px\\]{width:18px;height:18px}.size-\\[20px\\]{width:20px;height:20px}.size-\\[24px\\]{width:24px;height:24px}.size-\\[28px\\]{width:28px;height:28px}.size-\\[32px\\]{width:32px;height:32px}.size-\\[40px\\]{width:40px;height:40px}.size-\\[42px\\]{width:42px;height:42px}.size-full{width:100%;height:100%}.h-1{height:calc(var(--spacing)*1)}.h-1\\/2{height:50%}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-48{height:calc(var(--spacing)*48)}.h-56{height:calc(var(--spacing)*56)}.h-60{height:calc(var(--spacing)*60)}.h-64{height:calc(var(--spacing)*64)}.h-72{height:calc(var(--spacing)*72)}.h-80{height:calc(var(--spacing)*80)}.h-96{height:calc(var(--spacing)*96)}.h-100{height:calc(var(--spacing)*100)}.h-\\[\\.\\.\\.\\]{height:...}.h-\\[8px\\]{height:8px}.h-\\[12px\\]{height:12px}.h-\\[13px\\]{height:13px}.h-\\[16px\\]{height:16px}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[22px\\]{height:22px}.h-\\[28px\\]{height:28px}.h-\\[32px\\]{height:32px}.h-\\[33px\\]{height:33px}.h-\\[42px\\]{height:42px}.h-\\[48px\\]{height:48px}.h-\\[59px\\]{height:59px}.h-\\[65px\\]{height:65px}.h-\\[460px\\]{height:460px}.h-\\[var\\(--malachite-control-height-large\\,42px\\)\\]{height:var(--malachite-control-height-large,42px)}.h-\\[var\\(--malachite-control-height-medium\\,32px\\)\\]{height:var(--malachite-control-height-medium,32px)}.h-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{height:var(--malachite-control-height-small,28px)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\\[420px\\]{max-height:420px}.max-h-\\[553px\\]{max-height:553px}.max-h-\\[calc\\(1\\.5em\\*var\\(--malachite-clamp-lines\\)\\)\\]{max-height:calc(1.5em*var(--malachite-clamp-lines))}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-\\[2rem\\]{min-height:2rem}.min-h-\\[14px\\]{min-height:14px}.min-h-\\[25px\\]{min-height:25px}.min-h-\\[28px\\]{min-height:28px}.min-h-\\[50px\\]{min-height:50px}.min-h-\\[52px\\]{min-height:52px}.min-h-\\[56px\\]{min-height:56px}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[400px\\]{min-height:400px}.min-h-\\[var\\(--malachite-control-height-large\\,42px\\)\\]{min-height:var(--malachite-control-height-large,42px)}.min-h-\\[var\\(--malachite-control-height-medium\\,32px\\)\\]{min-height:var(--malachite-control-height-medium,32px)}.min-h-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{min-height:var(--malachite-control-height-small,28px)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-96{width:calc(var(--spacing)*96)}.w-200{width:calc(var(--spacing)*200)}.w-\\[13px\\]{width:13px}.w-\\[16px\\]{width:16px}.w-\\[20px\\]{width:20px}.w-\\[24px\\]{width:24px}.w-\\[28px\\]{width:28px}.w-\\[44px\\]{width:44px}.w-\\[88px\\]{width:88px}.w-\\[95px\\]{width:95px}.w-\\[108px\\]{width:108px}.w-\\[143px\\]{width:143px}.w-\\[200px\\]{width:200px}.w-\\[220px\\]{width:220px}.w-\\[320px\\]{width:320px}.w-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{width:var(--malachite-control-height-small,28px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-1200{max-width:calc(var(--spacing)*1200)}.max-w-\\[85\\%\\]{max-width:85%}.max-w-\\[330px\\]{max-width:330px}.max-w-\\[380px\\]{max-width:380px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[420px\\]{max-width:420px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[500px\\]{max-width:500px}.max-w-\\[540px\\]{max-width:540px}.max-w-\\[560px\\]{max-width:560px}.max-w-\\[620px\\]{max-width:620px}.max-w-\\[640px\\]{max-width:640px}.max-w-\\[860px\\]{max-width:860px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[16px\\]{min-width:16px}.min-w-\\[18px\\]{min-width:18px}.min-w-\\[20px\\]{min-width:20px}.min-w-\\[39px\\]{min-width:39px}.min-w-\\[40px\\]{min-width:40px}.min-w-\\[84px\\]{min-width:84px}.min-w-\\[200px\\]{min-width:200px}.flex-1{flex:1}.flex-\\[0_1_auto\\]{flex:0 auto}.flex-\\[1_0_0\\]{flex:1 0 0}.flex-\\[1_1_0\\%\\]{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-auto{flex-basis:auto}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-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-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\\[auto_1fr\\]{grid-template-columns:auto 1fr}.grid-cols-\\[minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(0,1fr)}.grid-rows-\\[1fr_auto\\]{grid-template-rows:1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\\.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-2\\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-\\[2px\\]{gap:2px}.gap-\\[3px\\]{gap:3px}.gap-\\[4px\\]{gap:4px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[14px\\]{gap:14px}.gap-\\[16px\\]{gap:16px}.gap-\\[20px\\]{gap:20px}.gap-\\[24px\\]{gap:24px}.gap-\\[28px\\]{gap:28px}.gap-\\[40px\\]{gap:40px}.gap-\\[60px\\]{gap:60px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}: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-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*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{-moz-column-gap:calc(var(--spacing)*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-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:calc(var(--spacing)*1)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.overflow-y-visible{overflow-y:visible}.rounded{border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\\[7px\\]{border-radius:7px}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[13px\\]{border-radius:13px}.rounded-\\[16px\\]{border-radius:16px}.rounded-\\[20px\\]{border-radius:20px}.rounded-\\[28px\\]{border-radius:28px}.rounded-\\[var\\(--malachite-radius-10\\,10px\\)\\]{border-radius:var(--malachite-radius-10,10px)}.rounded-\\[var\\(--malachite-radius-lg\\,8px\\)\\]{border-radius:var(--malachite-radius-lg,8px)}.rounded-\\[var\\(--malachite-radius-xl\\,12px\\)\\]{border-radius:var(--malachite-radius-xl,12px)}.rounded-\\[var\\(--malachite-radius-xxl\\,14px\\)\\]{border-radius:var(--malachite-radius-xxl,14px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-tl-\\[12px\\]{border-top-left-radius:12px}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tr-\\[12px\\]{border-top-right-radius:12px}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-b-\\[var\\(--malachite-radius-10\\,10px\\)\\]{border-bottom-right-radius:var(--malachite-radius-10,10px);border-bottom-left-radius:var(--malachite-radius-10,10px)}.rounded-br-\\[4px\\]{border-bottom-right-radius:4px}.rounded-br-\\[12px\\]{border-bottom-right-radius:12px}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-\\[4px\\]{border-bottom-left-radius:4px}.rounded-bl-\\[12px\\]{border-bottom-left-radius:12px}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\\[1\\.5px\\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-\\[\\#e8e8e8\\]{border-color:#e8e8e8}.border-\\[color\\:var\\(--malachite-accent-foreground\\)\\]{border-color:var(--malachite-accent-foreground)}.border-\\[var\\(--malachite-accent-border\\)\\]{border-color:var(--malachite-accent-border)}.border-\\[var\\(--malachite-assistant-surface-border\\)\\]{border-color:var(--malachite-assistant-surface-border)}.border-\\[var\\(--malachite-card-background\\)\\]{border-color:var(--malachite-card-background)}.border-\\[var\\(--malachite-card-border\\)\\]{border-color:var(--malachite-card-border)}.border-\\[var\\(--malachite-card-border\\,rgb\\(232\\,232\\,232\\)\\)\\]{border-color:var(--malachite-card-border,#e8e8e8)}.border-\\[var\\(--malachite-card-subtle-divider\\,var\\(--malachite-card-border\\)\\)\\]{border-color:var(--malachite-card-subtle-divider,var(--malachite-card-border))}.border-\\[var\\(--malachite-chat-assistant-bubble-border\\)\\]{border-color:var(--malachite-chat-assistant-bubble-border)}.border-\\[var\\(--malachite-chat-user-bubble-border\\)\\]{border-color:var(--malachite-chat-user-bubble-border)}.border-\\[var\\(--malachite-codeblock-border\\)\\]{border-color:var(--malachite-codeblock-border)}.border-\\[var\\(--malachite-destructive-border\\)\\]{border-color:var(--malachite-destructive-border)}.border-\\[var\\(--malachite-selection-bar-border\\)\\]{border-color:var(--malachite-selection-bar-border)}.border-\\[var\\(--malachite-tag-assistant-border\\)\\]{border-color:var(--malachite-tag-assistant-border)}.border-\\[var\\(--malachite-text-dimmed\\)\\]{border-color:var(--malachite-text-dimmed)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-current{border-color:currentColor}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-300{border-color:var(--color-green-300)}.border-indigo-300{border-color:var(--color-indigo-300)}.border-orange-300{border-color:var(--color-orange-300)}.border-pink-300{border-color:var(--color-pink-300)}.border-purple-300{border-color:var(--color-purple-300)}.border-red-300{border-color:var(--color-red-300)}.border-teal-300{border-color:var(--color-teal-300)}.border-transparent{border-color:#0000}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-300{border-color:var(--color-yellow-300)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-t-transparent{border-top-color:#0000}.bg-\\[\\#2b2b2b\\]{background-color:#2b2b2b}.bg-\\[var\\(--malachite-accent-background-glass\\)\\]{background-color:var(--malachite-accent-background-glass)}.bg-\\[var\\(--malachite-assistant-surface-background\\)\\]{background-color:var(--malachite-assistant-surface-background)}.bg-\\[var\\(--malachite-buttonlist-background\\)\\]{background-color:var(--malachite-buttonlist-background)}.bg-\\[var\\(--malachite-buttonlist-hover-background\\)\\]{background-color:var(--malachite-buttonlist-hover-background)}.bg-\\[var\\(--malachite-card-background\\)\\]{background-color:var(--malachite-card-background)}.bg-\\[var\\(--malachite-card-background\\,rgb\\(255\\,255\\,255\\)\\)\\]{background-color:var(--malachite-card-background,#fff)}.bg-\\[var\\(--malachite-card-border\\)\\]{background-color:var(--malachite-card-border)}.bg-\\[var\\(--malachite-card-dimmed-background\\)\\]{background-color:var(--malachite-card-dimmed-background)}.bg-\\[var\\(--malachite-card-sunken-background\\)\\]{background-color:var(--malachite-card-sunken-background)}.bg-\\[var\\(--malachite-chat-assistant-bubble-background\\)\\]{background-color:var(--malachite-chat-assistant-bubble-background)}.bg-\\[var\\(--malachite-chat-user-bubble-background\\)\\]{background-color:var(--malachite-chat-user-bubble-background)}.bg-\\[var\\(--malachite-codeblock-background\\)\\]{background-color:var(--malachite-codeblock-background)}.bg-\\[var\\(--malachite-inline-confirm-background\\)\\]{background-color:var(--malachite-inline-confirm-background)}.bg-\\[var\\(--malachite-inline-confirm-divider\\)\\]{background-color:var(--malachite-inline-confirm-divider)}.bg-\\[var\\(--malachite-number-tag-background\\)\\]{background-color:var(--malachite-number-tag-background)}.bg-\\[var\\(--malachite-overlay-scrim\\)\\]{background-color:var(--malachite-overlay-scrim)}.bg-\\[var\\(--malachite-overlay-scrim\\,rgba\\(0\\,0\\,0\\,0\\.5\\)\\)\\]{background-color:var(--malachite-overlay-scrim,#00000080)}.bg-\\[var\\(--malachite-pillbutton-background\\)\\]{background-color:var(--malachite-pillbutton-background)}.bg-\\[var\\(--malachite-pillbutton-hover-background\\)\\]{background-color:var(--malachite-pillbutton-hover-background)}.bg-\\[var\\(--malachite-pillbutton-inverted-background\\)\\]{background-color:var(--malachite-pillbutton-inverted-background)}.bg-\\[var\\(--malachite-pillbutton-inverted-hover-background\\)\\]{background-color:var(--malachite-pillbutton-inverted-hover-background)}.bg-\\[var\\(--malachite-pillbutton-static-background\\)\\]{background-color:var(--malachite-pillbutton-static-background)}.bg-\\[var\\(--malachite-segmented-control-selected-background\\)\\]{background-color:var(--malachite-segmented-control-selected-background)}.bg-\\[var\\(--malachite-segmented-control-track-background\\)\\]{background-color:var(--malachite-segmented-control-track-background)}.bg-\\[var\\(--malachite-selection-bar-background\\)\\]{background-color:var(--malachite-selection-bar-background)}.bg-\\[var\\(--malachite-selection-bar-notice-background\\)\\]{background-color:var(--malachite-selection-bar-notice-background)}.bg-\\[var\\(--malachite-success-background-glass\\)\\]{background-color:var(--malachite-success-background-glass)}.bg-\\[var\\(--malachite-table-background\\,\\#f7f7f7\\)\\]{background-color:var(--malachite-table-background,#f7f7f7)}.bg-\\[var\\(--malachite-table-row-background\\,\\#fff\\)\\]{background-color:var(--malachite-table-row-background,#fff)}.bg-\\[var\\(--malachite-tag-assistant-background\\)\\]{background-color:var(--malachite-tag-assistant-background)}.bg-\\[var\\(--malachite-tag-default-background\\)\\]{background-color:var(--malachite-tag-default-background)}.bg-\\[var\\(--malachite-tag-emphasis-background\\)\\]{background-color:var(--malachite-tag-emphasis-background)}.bg-\\[var\\(--malachite-tag-error-background\\)\\]{background-color:var(--malachite-tag-error-background)}.bg-\\[var\\(--malachite-tag-info-background\\)\\]{background-color:var(--malachite-tag-info-background)}.bg-\\[var\\(--malachite-tag-primary-background\\)\\]{background-color:var(--malachite-tag-primary-background)}.bg-\\[var\\(--malachite-tag-secondary-background\\)\\]{background-color:var(--malachite-tag-secondary-background)}.bg-\\[var\\(--malachite-tag-success-background\\)\\]{background-color:var(--malachite-tag-success-background)}.bg-\\[var\\(--malachite-tag-warning-background\\)\\]{background-color:var(--malachite-tag-warning-background)}.bg-\\[var\\(--malachite-text-primary\\)\\]{background-color:var(--malachite-text-primary)}.bg-\\[var\\(--malachite-toggle-track\\)\\]{background-color:var(--malachite-toggle-track)}.bg-\\[var\\(--malachite-warning-background\\)\\]{background-color:var(--malachite-warning-background)}.bg-\\[var\\(--…\\)\\]{background-color:var(--…)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-current{background-color:currentColor}.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-500{background-color:var(--color-gray-500)}.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-100{background-color:var(--color-green-100)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-400{background-color:var(--color-pink-400)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\\[linear-gradient\\(to_bottom\\,transparent\\,var\\(--malachite-card-background\\)\\)\\]{background-image:linear-gradient(to bottom,transparent,var(--malachite-card-background))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-100{--tw-gradient-from:var(--color-yellow-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-yellow-200{--tw-gradient-to:var(--color-yellow-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{-o-object-fit:cover;object-fit:cover}.\\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-0\\.5{padding:calc(var(--spacing)*.5)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.p-20{padding:calc(var(--spacing)*20)}.p-\\[2px\\]{padding:2px}.p-\\[4px\\]{padding:4px}.p-\\[10px\\]{padding:10px}.p-\\[16px\\]{padding:16px}.p-\\[20px\\]{padding:20px}.p-\\[28px\\]{padding:28px}.p-\\[60px\\]{padding:60px}.\\!px-2\\.5{padding-inline:calc(var(--spacing)*2.5)!important}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.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-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.px-16{padding-inline:calc(var(--spacing)*16)}.px-\\[2px\\]{padding-inline:2px}.px-\\[4px\\]{padding-inline:4px}.px-\\[6px\\]{padding-inline:6px}.px-\\[10px\\]{padding-inline:10px}.px-\\[12px\\]{padding-inline:12px}.px-\\[16px\\]{padding-inline:16px}.px-\\[18px\\]{padding-inline:18px}.px-\\[20px\\]{padding-inline:20px}.px-\\[24px\\]{padding-inline:24px}.px-\\[28px\\]{padding-inline:28px}.px-\\[60px\\]{padding-inline:60px}.px-\\[var\\(--malachite-radius-xl\\,12px\\)\\]{padding-inline:var(--malachite-radius-xl,12px)}.\\!py-1\\.5{padding-block:calc(var(--spacing)*1.5)!important}.py-0{padding-block:calc(var(--spacing)*0)}.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-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-\\[1px\\]{padding-block:1px}.py-\\[3px\\]{padding-block:3px}.py-\\[6px\\]{padding-block:6px}.py-\\[7px\\]{padding-block:7px}.py-\\[8px\\]{padding-block:8px}.py-\\[10px\\]{padding-block:10px}.py-\\[12px\\]{padding-block:12px}.py-\\[14px\\]{padding-block:14px}.py-\\[16px\\]{padding-block:16px}.py-\\[18px\\]{padding-block:18px}.py-\\[20px\\]{padding-block:20px}.py-\\[28px\\]{padding-block:28px}.py-\\[40px\\]{padding-block:40px}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-7{padding-top:calc(var(--spacing)*7)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-\\[4px\\]{padding-top:4px}.pt-\\[8px\\]{padding-top:8px}.pt-\\[10px\\]{padding-top:10px}.pt-\\[10vh\\]{padding-top:10vh}.pt-\\[18px\\]{padding-top:18px}.pr-0{padding-right:calc(var(--spacing)*0)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-1\\.5{padding-right:calc(var(--spacing)*1.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-\\[6px\\]{padding-right:6px}.pr-\\[12px\\]{padding-right:12px}.pr-\\[16px\\]{padding-right:16px}.pr-\\[18px\\]{padding-right:18px}.pr-\\[26px\\]{padding-right:26px}.pr-\\[52px\\]{padding-right:52px}.pr-\\[56px\\]{padding-right:56px}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-\\[14px\\]{padding-bottom:14px}.pb-\\[20px\\]{padding-bottom:20px}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-1\\.5{padding-left:calc(var(--spacing)*1.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-\\[10px\\]{padding-left:10px}.pl-\\[12px\\]{padding-left:12px}.pl-\\[16px\\]{padding-left:16px}.pl-\\[21px\\]{padding-left:21px}.pl-\\[39px\\]{padding-left:39px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.text-\\[32px\\]{font-size:32px}.text-\\[40px\\]{font-size:40px}.text-\\[length\\:inherit\\]{font-size:inherit}.text-\\[length\\:var\\(--malachite-font-size-15\\,15px\\)\\]{font-size:var(--malachite-font-size-15,15px)}.text-\\[length\\:var\\(--malachite-font-size-large\\)\\]{font-size:var(--malachite-font-size-large)}.text-\\[length\\:var\\(--malachite-font-size-medium\\)\\]{font-size:var(--malachite-font-size-medium)}.text-\\[length\\:var\\(--malachite-font-size-medium\\,14px\\)\\]{font-size:var(--malachite-font-size-medium,14px)}.text-\\[length\\:var\\(--malachite-font-size-small\\)\\]{font-size:var(--malachite-font-size-small)}.text-\\[length\\:var\\(--malachite-font-size-small\\,13px\\)\\]{font-size:var(--malachite-font-size-small,13px)}.text-\\[length\\:var\\(--malachite-font-size-xlarge\\)\\]{font-size:var(--malachite-font-size-xlarge)}.text-\\[length\\:var\\(--malachite-font-size-xlarge\\,18px\\)\\]{font-size:var(--malachite-font-size-xlarge,18px)}.text-\\[length\\:var\\(--malachite-font-size-xsmall\\)\\]{font-size:var(--malachite-font-size-xsmall)}.text-\\[length\\:var\\(--malachite-font-size-xsmall\\,11px\\)\\]{font-size:var(--malachite-font-size-xsmall,11px)}.text-\\[length\\:var\\(--malachite-font-size-xxlarge\\)\\]{font-size:var(--malachite-font-size-xxlarge)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-\\[1\\.3\\]{--tw-leading:1.3;line-height:1.3}.leading-\\[1\\.4\\]{--tw-leading:1.4;line-height:1.4}.leading-\\[1\\.5\\]{--tw-leading:1.5;line-height:1.5}.leading-\\[1\\.5em\\]{--tw-leading:1.5em;line-height:1.5em}.leading-\\[1\\.6\\]{--tw-leading:1.6;line-height:1.6}.leading-\\[1\\.25\\]{--tw-leading:1.25;line-height:1.25}.leading-\\[1\\.45\\]{--tw-leading:1.45;line-height:1.45}.leading-\\[16px\\]{--tw-leading:16px;line-height:16px}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\\[-0\\.14px\\]{--tw-tracking:-.14px;letter-spacing:-.14px}.tracking-\\[0\\.5px\\]{--tw-tracking:.5px;letter-spacing:.5px}.tracking-\\[0\\.06em\\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\\[0\\.11px\\]{--tw-tracking:.11px;letter-spacing:.11px}.tracking-\\[0\\.12px\\]{--tw-tracking:.12px;letter-spacing:.12px}.tracking-\\[0\\.13px\\]{--tw-tracking:.13px;letter-spacing:.13px}.tracking-\\[0\\.14px\\]{--tw-tracking:.14px;letter-spacing:.14px}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-\\[\\#0a0a0a\\]{color:#0a0a0a}.text-\\[\\#bbb\\]{color:#bbb}.text-\\[color-mix\\(in_srgb\\,var\\(--malachite-inline-confirm-foreground\\)_80\\%\\,var\\(--malachite-inline-confirm-background\\)\\)\\]{color:var(--malachite-inline-confirm-foreground)}@supports (color:color-mix(in lab,red,red)){.text-\\[color-mix\\(in_srgb\\,var\\(--malachite-inline-confirm-foreground\\)_80\\%\\,var\\(--malachite-inline-confirm-background\\)\\)\\]{color:color-mix(in srgb,var(--malachite-inline-confirm-foreground)80%,var(--malachite-inline-confirm-background))}}.text-\\[var\\(--malachite-accent-foreground\\)\\]{color:var(--malachite-accent-foreground)}.text-\\[var\\(--malachite-assistant-foreground\\)\\]{color:var(--malachite-assistant-foreground)}.text-\\[var\\(--malachite-assistant-surface-foreground\\)\\]{color:var(--malachite-assistant-surface-foreground)}.text-\\[var\\(--malachite-buttonlist-foreground\\)\\]{color:var(--malachite-buttonlist-foreground)}.text-\\[var\\(--malachite-card-background\\)\\]{color:var(--malachite-card-background)}.text-\\[var\\(--malachite-card-border\\)\\]{color:var(--malachite-card-border)}.text-\\[var\\(--malachite-card-foreground\\)\\]{color:var(--malachite-card-foreground)}.text-\\[var\\(--malachite-chat-assistant-bubble-foreground\\)\\]{color:var(--malachite-chat-assistant-bubble-foreground)}.text-\\[var\\(--malachite-destructive-foreground\\,rgb\\(196\\,62\\,62\\)\\)\\]{color:var(--malachite-destructive-foreground,#c43e3e)}.text-\\[var\\(--malachite-inline-confirm-foreground\\)\\]{color:var(--malachite-inline-confirm-foreground)}.text-\\[var\\(--malachite-pillbutton-foreground\\)\\]{color:var(--malachite-pillbutton-foreground)}.text-\\[var\\(--malachite-pillbutton-hover-foreground\\)\\]{color:var(--malachite-pillbutton-hover-foreground)}.text-\\[var\\(--malachite-pillbutton-inverted-foreground\\)\\]{color:var(--malachite-pillbutton-inverted-foreground)}.text-\\[var\\(--malachite-pillbutton-inverted-hover-foreground\\)\\]{color:var(--malachite-pillbutton-inverted-hover-foreground)}.text-\\[var\\(--malachite-pillbutton-static-foreground\\)\\]{color:var(--malachite-pillbutton-static-foreground)}.text-\\[var\\(--malachite-segmented-control-item-foreground\\)\\]{color:var(--malachite-segmented-control-item-foreground)}.text-\\[var\\(--malachite-segmented-control-selected-foreground\\)\\]{color:var(--malachite-segmented-control-selected-foreground)}.text-\\[var\\(--malachite-selection-bar-foreground\\)\\]{color:var(--malachite-selection-bar-foreground)}.text-\\[var\\(--malachite-selection-bar-muted-foreground\\)\\]{color:var(--malachite-selection-bar-muted-foreground)}.text-\\[var\\(--malachite-selection-bar-notice-foreground\\)\\]{color:var(--malachite-selection-bar-notice-foreground)}.text-\\[var\\(--malachite-tag-assistant-foreground\\)\\]{color:var(--malachite-tag-assistant-foreground)}.text-\\[var\\(--malachite-tag-default-foreground\\)\\]{color:var(--malachite-tag-default-foreground)}.text-\\[var\\(--malachite-tag-emphasis-foreground\\)\\]{color:var(--malachite-tag-emphasis-foreground)}.text-\\[var\\(--malachite-tag-error-foreground\\)\\]{color:var(--malachite-tag-error-foreground)}.text-\\[var\\(--malachite-tag-info-foreground\\)\\]{color:var(--malachite-tag-info-foreground)}.text-\\[var\\(--malachite-tag-primary-foreground\\)\\]{color:var(--malachite-tag-primary-foreground)}.text-\\[var\\(--malachite-tag-secondary-foreground\\)\\]{color:var(--malachite-tag-secondary-foreground)}.text-\\[var\\(--malachite-tag-success-foreground\\)\\]{color:var(--malachite-tag-success-foreground)}.text-\\[var\\(--malachite-tag-warning-foreground\\)\\]{color:var(--malachite-tag-warning-foreground)}.text-\\[var\\(--malachite-text-dimmed\\)\\]{color:var(--malachite-text-dimmed)}.text-\\[var\\(--malachite-text-dimmed\\,rgb\\(161\\,161\\,161\\)\\)\\]{color:var(--malachite-text-dimmed,#a1a1a1)}.text-\\[var\\(--malachite-text-highlight\\)\\]{color:var(--malachite-text-highlight)}.text-\\[var\\(--malachite-text-link-foreground\\)\\]{color:var(--malachite-text-link-foreground)}.text-\\[var\\(--malachite-text-muted\\)\\]{color:var(--malachite-text-muted)}.text-\\[var\\(--malachite-text-placeholder\\)\\]{color:var(--malachite-text-placeholder)}.text-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]{color:var(--malachite-text-placeholder,#bbb)}.text-\\[var\\(--malachite-text-primary\\)\\]{color:var(--malachite-text-primary)}.text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]{color:var(--malachite-text-primary,#0a0a0a)}.text-\\[var\\(--malachite-text-secondary\\)\\]{color:var(--malachite-text-secondary)}.text-\\[var\\(--malachite-text-secondary\\,\\#bbb\\)\\]{color:var(--malachite-text-secondary,#bbb)}.text-\\[var\\(--malachite-text-secondary\\,rgb\\(123\\,123\\,123\\)\\)\\]{color:var(--malachite-text-secondary,#7b7b7b)}.text-\\[var\\(--malachite-text-success\\)\\]{color:var(--malachite-text-success)}.text-\\[…\\]{color:…}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-current{color:currentColor}.text-gray-100{color:var(--color-gray-100)}.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-inherit{color:inherit}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-85{opacity:.85}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[\\.\\.\\.\\]{--tw-shadow:...;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0px_1px_0px_0px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\]{--tw-shadow:0px 1px 0px 0px 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)}.shadow-\\[var\\(--malachite-shadow-default\\)\\]{--tw-shadow:var(--malachite-shadow-default);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;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:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--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)}.\\[box-shadow\\:0_16px_48px_0_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{box-shadow:0 16px 48px #0000002e}.\\[box-shadow\\:var\\(--malachite-shadow-default\\,0px_1px_0px_0px_rgba\\(0\\,0\\,0\\,0\\.15\\)\\)\\]{box-shadow:var(--malachite-shadow-default,0px 1px 0px 0px #00000026)}.\\[box-shadow\\:var\\(--malachite-shadow-default\\,\\<fallback\\>\\)\\]{box-shadow:var(--malachite-shadow-default,<fallback>)}.\\[box-shadow\\:var\\(--malachite-shadow-glow\\,var\\(--malachite-shadow-lg\\)\\)\\]{box-shadow:var(--malachite-shadow-glow,var(--malachite-shadow-lg))}.\\[box-shadow\\:var\\(--malachite-shadow-glow-lg\\,var\\(--malachite-shadow-xl\\)\\)\\]{box-shadow:var(--malachite-shadow-glow-lg,var(--malachite-shadow-xl))}.\\[box-shadow\\:var\\(--malachite-shadow-lg\\)\\]{box-shadow:var(--malachite-shadow-lg)}.\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]{outline:2px solid var(--malachite-text-primary)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.\\[outline-offset\\:-2px\\]{outline-offset:-2px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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,visibility,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-\\[color\\,background-color\\,border-color\\,opacity\\,box-shadow\\]{transition-property:color,background-color,border-color,opacity,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[max-height\\]{transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[width\\]{transition-property:width;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-opacity{transition-property:opacity;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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\\[var\\(--malachite-ease-standard\\)\\]{--tw-ease:var(--malachite-ease-standard);transition-timing-function:var(--malachite-ease-standard)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\\[-webkit-box-orient\\:vertical\\]{-webkit-box-orient:vertical}.\\[-webkit-line-clamp\\:var\\(--malachite-clamp-lines\\)\\]{-webkit-line-clamp:var(--malachite-clamp-lines)}.\\[scrollbar-width\\:none\\]{scrollbar-width:none}@media (hover:hover){.group-hover\\:text-\\[var\\(--malachite-text-primary\\)\\]:is(:where(.group):hover *){color:var(--malachite-text-primary)}}.group-focus-visible\\:block:is(:where(.group):focus-visible *){display:block}.group-data-\\[selected\\=true\\]\\:visible:is(:where(.group)[data-selected=true] *){visibility:visible}.placeholder\\:font-medium::-moz-placeholder{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\\:font-medium::placeholder{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\\:text-\\[var\\(--malachite-text-dimmed\\)\\]::-moz-placeholder{color:var(--malachite-text-dimmed)}.placeholder\\:text-\\[var\\(--malachite-text-dimmed\\)\\]::placeholder{color:var(--malachite-text-dimmed)}.placeholder\\:text-\\[var\\(--malachite-text-placeholder\\)\\]::-moz-placeholder{color:var(--malachite-text-placeholder)}.placeholder\\:text-\\[var\\(--malachite-text-placeholder\\)\\]::placeholder{color:var(--malachite-text-placeholder)}.placeholder\\:text-\\[var\\(--malachite-text-secondary\\)\\]::-moz-placeholder{color:var(--malachite-text-secondary)}.placeholder\\:text-\\[var\\(--malachite-text-secondary\\)\\]::placeholder{color:var(--malachite-text-secondary)}.first\\:rounded-tl-lg:first-child{border-top-left-radius:var(--radius-lg)}.last\\:rounded-tr-lg:last-child{border-top-right-radius:var(--radius-lg)}.last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\\:border-\\[var\\(--malachite-assistant-foreground\\)\\]:focus-within{border-color:var(--malachite-assistant-foreground)}.focus-within\\:border-\\[var\\(--malachite-control-border-hover\\)\\]:focus-within{border-color:var(--malachite-control-border-hover)}.focus-within\\:border-\\[var\\(--malachite-destructive-border-hover\\)\\]:focus-within{border-color:var(--malachite-destructive-border-hover)}@media (hover:hover){.hover\\:max-h-\\[1000px\\]:hover{max-height:1000px}.hover\\:border-\\[color\\:var\\(--malachite-text-secondary\\)\\]:hover{border-color:var(--malachite-text-secondary)}.hover\\:border-\\[var\\(--malachite-assistant-foreground\\)\\]:hover{border-color:var(--malachite-assistant-foreground)}.hover\\:border-\\[var\\(--malachite-control-border-hover\\)\\]:hover{border-color:var(--malachite-control-border-hover)}.hover\\:border-\\[var\\(--malachite-destructive-border-hover\\)\\]:hover{border-color:var(--malachite-destructive-border-hover)}.hover\\:border-\\[var\\(--malachite-text-placeholder\\)\\]:hover{border-color:var(--malachite-text-placeholder)}.hover\\:border-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]:hover{border-color:var(--malachite-text-placeholder,#bbb)}.hover\\:bg-\\[var\\(--malachite-buttonlist-hover-background\\)\\]:hover{background-color:var(--malachite-buttonlist-hover-background)}.hover\\:bg-\\[var\\(--malachite-card-dimmed-background\\)\\]:hover{background-color:var(--malachite-card-dimmed-background)}.hover\\:bg-\\[var\\(--malachite-card-sunken-background\\)\\]:hover{background-color:var(--malachite-card-sunken-background)}.hover\\:bg-\\[var\\(--malachite-codeblock-border\\)\\]:hover{background-color:var(--malachite-codeblock-border)}.hover\\:bg-\\[var\\(--malachite-number-tag-emphasis-background\\)\\]:hover{background-color:var(--malachite-number-tag-emphasis-background)}.hover\\:bg-\\[var\\(--malachite-pillbutton-hover-background\\)\\]:hover{background-color:var(--malachite-pillbutton-hover-background)}.hover\\:bg-\\[var\\(--malachite-pillbutton-inverted-hover-background\\)\\]:hover{background-color:var(--malachite-pillbutton-inverted-hover-background)}.hover\\:bg-\\[var\\(--malachite-primary-border\\)\\]:hover{background-color:var(--malachite-primary-border)}.hover\\:bg-\\[var\\(--malachite-table-row-hover-background\\,\\#fafafa\\)\\]:hover{background-color:var(--malachite-table-row-hover-background,#fafafa)}.hover\\:bg-\\[var\\(--malachite-tag-assistant-background\\)\\]:hover{background-color:var(--malachite-tag-assistant-background)}.hover\\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\\:text-\\[var\\(--malachite-accent-foreground\\)\\]:hover{color:var(--malachite-accent-foreground)}.hover\\:text-\\[var\\(--malachite-buttonlist-hover-foreground\\)\\]:hover{color:var(--malachite-buttonlist-hover-foreground)}.hover\\:text-\\[var\\(--malachite-inline-confirm-foreground\\)\\]:hover{color:var(--malachite-inline-confirm-foreground)}.hover\\:text-\\[var\\(--malachite-pillbutton-hover-foreground\\)\\]:hover{color:var(--malachite-pillbutton-hover-foreground)}.hover\\:text-\\[var\\(--malachite-pillbutton-inverted-hover-foreground\\)\\]:hover{color:var(--malachite-pillbutton-inverted-hover-foreground)}.hover\\:text-\\[var\\(--malachite-segmented-control-item-hover-foreground\\)\\]:hover{color:var(--malachite-segmented-control-item-hover-foreground)}.hover\\:text-\\[var\\(--malachite-text-link-foreground-hover\\)\\]:hover{color:var(--malachite-text-link-foreground-hover)}.hover\\:text-\\[var\\(--malachite-text-primary\\)\\]:hover{color:var(--malachite-text-primary)}.hover\\:text-\\[var\\(--malachite-text-secondary\\)\\]:hover{color:var(--malachite-text-secondary)}.hover\\:text-white:hover{color:var(--color-white)}.hover\\:opacity-80:hover{opacity:.8}.hover\\:opacity-100:hover{opacity:1}.hover\\:\\[-webkit-line-clamp\\:unset\\]:hover{-webkit-line-clamp:unset}}.focus\\:bg-\\[var\\(--malachite-buttonlist-hover-background\\)\\]:focus{background-color:var(--malachite-buttonlist-hover-background)}.focus\\:text-\\[var\\(--malachite-buttonlist-hover-foreground\\)\\]:focus{color:var(--malachite-buttonlist-hover-foreground)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\\:max-h-\\[1000px\\]:focus-visible{max-height:1000px}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-assistant-foreground\\)\\]:focus-visible{outline:2px solid var(--malachite-assistant-foreground)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-inline-confirm-foreground\\)\\]:focus-visible{outline:2px solid var(--malachite-inline-confirm-foreground)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-selection-bar-foreground\\)\\]:focus-visible{outline:2px solid var(--malachite-selection-bar-foreground)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-destructive\\)\\]:focus-visible{outline:2px solid var(--malachite-text-destructive)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-error\\)\\]:focus-visible{outline:2px solid var(--malachite-text-error)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]:focus-visible{outline:2px solid var(--malachite-text-primary)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-success\\)\\]:focus-visible{outline:2px solid var(--malachite-text-success)}.focus-visible\\:\\[outline\\:2px_solid_var\\(--malachite-text-warning\\)\\]:focus-visible{outline:2px solid var(--malachite-text-warning)}.focus-visible\\:\\[outline-offset\\:-2px\\]:focus-visible{outline-offset:-2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:\\[-webkit-line-clamp\\:unset\\]:focus-visible{-webkit-line-clamp:unset}.active\\:bg-\\[var\\(--malachite-pillbutton-inverted-pressed-background\\)\\]:active{background-color:var(--malachite-pillbutton-inverted-pressed-background)}.active\\:bg-\\[var\\(--malachite-pillbutton-pressed-background\\)\\]:active{background-color:var(--malachite-pillbutton-pressed-background)}.active\\:text-\\[var\\(--malachite-pillbutton-inverted-pressed-foreground\\)\\]:active{color:var(--malachite-pillbutton-inverted-pressed-foreground)}.active\\:text-\\[var\\(--malachite-pillbutton-pressed-foreground\\)\\]:active{color:var(--malachite-pillbutton-pressed-foreground)}.active\\:opacity-60:active{opacity:.6}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:text-\\[var\\(--malachite-text-dimmed\\)\\]:disabled{color:var(--malachite-text-dimmed)}.disabled\\:text-\\[var\\(--malachite-text-primary\\)\\]:disabled{color:var(--malachite-text-primary)}.disabled\\:opacity-50:disabled{opacity:.5}.disabled\\:opacity-60:disabled{opacity:.6}.has-\\[\\:focus-visible\\]\\:\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]:has(:focus-visible){outline:2px solid var(--malachite-text-primary)}.has-\\[\\:focus-visible\\]\\:outline-offset-2:has(:focus-visible){outline-offset:2px}.data-\\[selected\\=true\\]\\:bg-\\[var\\(--malachite-card-sunken-background\\)\\][data-selected=true]{background-color:var(--malachite-card-sunken-background)}@media (prefers-reduced-motion:reduce){.motion-reduce\\:animate-none{animation:none}.motion-reduce\\:opacity-0{opacity:0}.motion-reduce\\:opacity-100{opacity:1}.motion-reduce\\:transition-none{transition-property:none}}@media (min-width:48rem){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\\[\\&_svg\\]\\:size-\\[10px\\]\\! svg{width:10px!important;height:10px!important}.\\[\\&_svg\\]\\:size-\\[11px\\]\\! svg{width:11px!important;height:11px!important}.\\[\\&_svg\\]\\:size-\\[16px\\]\\! svg{width:16px!important;height:16px!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-large\\)\\]\\! svg{width:var(--malachite-icon-size-large)!important;height:var(--malachite-icon-size-large)!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-medium\\)\\]\\! svg{width:var(--malachite-icon-size-medium)!important;height:var(--malachite-icon-size-medium)!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-small\\)\\]\\! svg{width:var(--malachite-icon-size-small)!important;height:var(--malachite-icon-size-small)!important}.\\[\\&_svg\\]\\:size-\\[var\\(--malachite-icon-size-xsmall\\)\\]\\! svg{width:var(--malachite-icon-size-xsmall)!important;height:var(--malachite-icon-size-xsmall)!important}.\\[\\&_svg\\]\\:size-full\\! svg{width:100%!important;height:100%!important}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:hidden::-webkit-scrollbar{display:none}.\\[\\&\\>div\\]\\:mb-0>div{margin-bottom:calc(var(--spacing)*0)}.\\[\\&\\>img\\]\\:max-h-full>img{max-height:100%}.\\[\\&\\>img\\]\\:max-w-full>img{max-width:100%}.\\[\\&\\>img\\]\\:object-contain>img{-o-object-fit:contain;object-fit:contain}}[data-malachite-dropdown-trigger]{border-color:var(--malachite-dropdown-border,#e8e8e8);box-shadow:var(--malachite-dropdown-shadow,0px 1px 0px 0px #00000026)}[data-malachite-dropdown-trigger]:hover{border-color:var(--malachite-control-border-hover,#00af6666);box-shadow:var(--malachite-dropdown-shadow-hover,0px 1px 0px 0px #00af6699)}:root{--malachite-radius-xs:2px;--malachite-radius-sm:4px;--malachite-radius-md:6px;--malachite-radius-lg:8px;--malachite-radius-10:10px;--malachite-radius-xl:12px;--malachite-radius-xxl:14px;--malachite-radius-xxxl:16px;--malachite-font-size-xsmall:11px;--malachite-font-size-small:13px;--malachite-font-size-medium:14px;--malachite-font-size-15:15px;--malachite-font-size-large:16px;--malachite-font-size-xlarge:18px;--malachite-font-size-xxlarge:22px;--malachite-control-height-small:28px;--malachite-control-height-medium:32px;--malachite-control-height-large:42px;--malachite-table-row-selected-background:#00af6626;--malachite-table-row-selected-accent:#027a42;--malachite-table-row-selected-foreground:#027a42;--malachite-shadow-sm:0 1px 2px 0 #0000000d;--malachite-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--malachite-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--malachite-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--malachite-shadow-glow:0px 0px 10px 0px #0003;--malachite-shadow-glow-lg:0px 0px 20px 0px #0003;--malachite-shadow-default:0px 1px 0px 0px #00000026;--malachite-shadow-accent:0px 1px 0px 0px #00af6626;--malachite-shadow-success:0px 1px 0px 0px #00af6626;--malachite-shadow-warning:0px 1px 0px 0px #f18b0a26;--malachite-shadow-error:0px 1px 0px 0px #c53f3f26;--malachite-shadow-color:0,0,0;--malachite-shadow-opacity:.1;--malachite-card-background:#fff;--malachite-card-foreground:#0a0a0a;--malachite-card-border:#e8e8e8;--malachite-card-shadow:#0000001a;--malachite-card-dimmed-background:#f7f7f7;--malachite-card-sunken-background:#fafafa;--malachite-card-header-background:#fff;--malachite-card-footer-background:#fff;--malachite-card-footer-glass-background:#ffffffb3;--malachite-card-tray-neutral:#f7f7f7;--malachite-card-tray-warning:#fdf3e6;--malachite-card-tray-error:#fef1f1;--malachite-card-tray-success:#ecf9f4;--malachite-card-subtle-divider:#f1f1f1;--malachite-overlay-scrim:#0000001a;--malachite-alert-info-background:#f7f7f7;--malachite-alert-info-foreground:#0a0a0a;--malachite-alert-success-background:#00af6614;--malachite-alert-success-foreground:#027a42;--malachite-alert-error-background:#c53f3f14;--malachite-alert-error-foreground:#ed3536;--malachite-alert-warning-background:#f18b0a14;--malachite-alert-warning-foreground:#96580a;--malachite-alert-assistant-background:#f2eefe;--malachite-alert-assistant-foreground:#6e56cf;--malachite-assistant-foreground:#6e56cf;--malachite-assistant-surface-background:#fbfaff;--malachite-assistant-surface-border:#dcd3fa;--malachite-assistant-surface-foreground:#4a3f7a;--malachite-tooltip-background:#3b3b3b;--malachite-tooltip-foreground:#fff;--malachite-tooltip-border:#3c3c3c;--malachite-tooltip-shadow:0px 0px 10px 0px #0003;--malachite-primary-background:#303030;--malachite-primary-foreground:#0a0a0a;--malachite-primary-border:#e8e8e8;--malachite-primary-border-hover:#bababa;--malachite-outline-foreground:#0a0a0a;--malachite-secondary-background:#090909;--malachite-secondary-foreground:#fff;--malachite-secondary-border:#e8e8e8;--malachite-secondary-border-hover:#bababa;--malachite-destructive-background:transparent;--malachite-destructive-foreground:#c43e3e;--malachite-destructive-border:#ef3737;--malachite-destructive-border-hover:#ef3737;--malachite-destructive-shadow:#ef3737;--malachite-destructive-shadow-light:#ef373766;--malachite-destructive-shadow-medium:#ef373799;--malachite-accent-background:#00af66;--malachite-accent-foreground:#027a42;--malachite-accent-border:#00af6633;--malachite-accent-background-glass:#00af6614;--malachite-control-border-hover:#00af6666;--malachite-success-background:#00af66;--malachite-success-foreground:#027a42;--malachite-success-border:#00af6633;--malachite-success-border-hover:#00af6666;--malachite-success-background-glass:#00af6614;--malachite-success-shadow-light:#00af6666;--malachite-success-shadow-medium:#00af6699;--malachite-warning-background:#f18b0a;--malachite-warning-foreground:#96580a;--malachite-warning-border:#f18b0a33;--malachite-warning-border-hover:#f18b0a66;--malachite-warning-background-glass:#f18b0a14;--malachite-warning-shadow-light:#f18b0a66;--malachite-warning-shadow-medium:#f18b0a99;--malachite-error-background:#c53f3f;--malachite-error-foreground:#ed3536;--malachite-error-border:#c53f3f33;--malachite-error-border-hover:#c53f3f66;--malachite-error-background-glass:#c53f3f14;--malachite-error-shadow-light:#c53f3f66;--malachite-error-shadow-medium:#c53f3f99;--malachite-segmented-control-track-background:#f1f1f1;--malachite-segmented-control-item-foreground:#4c4b4b;--malachite-segmented-control-item-hover-foreground:#0a0a0a;--malachite-segmented-control-selected-background:#fff;--malachite-segmented-control-selected-foreground:#0a0a0a;--malachite-segmented-control-selected-shadow:0px 1px 5px 0px #0000001a;--malachite-selectable-card-background:#f1f1f1;--malachite-selectable-card-border:#ddd;--malachite-selectable-card-selected-tint:#e7f8f1;--malachite-selectable-card-selected-surface-end:#fff;--malachite-selectable-card-selected-border:#047b43;--malachite-selectable-card-library-selected-tint:#f1f1f1;--malachite-selectable-card-library-selected-border:#bbb;--malachite-selectable-card-accent:#047b43;--malachite-selectable-card-muted-foreground:#7b7b7b;--malachite-selectable-card-hover-background:#e8e8e8;--malachite-selectable-card-hover-rule:#bbb;--malachite-selectable-card-pending-foreground:#96580a;--malachite-selectable-card-editing-tint:#f9f2e9;--malachite-card-strip-background:#f1f1f1;--malachite-card-strip-divider:#ddd;--malachite-card-strip-fade:#fff;--malachite-card-strip-arrow-background:#fff;--malachite-card-strip-arrow-border:#e8e8e8;--malachite-card-strip-add-primary-background:#0a0a0a;--malachite-card-strip-add-primary-foreground:#fff;--malachite-selection-bar-background:#0a0a0a;--malachite-selection-bar-foreground:#fff;--malachite-selection-bar-muted-foreground:#7b7b7b;--malachite-selection-bar-divider:#404040;--malachite-selection-bar-border:transparent;--malachite-selection-bar-primary-border:#e8e8e8;--malachite-selection-bar-shadow:0px 0px 10px 0px #0003;--malachite-selection-bar-notice-background:#edd9be;--malachite-selection-bar-notice-foreground:#844d09;--malachite-selection-bar-notice-shadow:0px 0px 4px 0px #00000014,0px 4px 4px 0px #00000014,0px 4px 10px 0px #0000000d;--malachite-inline-confirm-background:#222121;--malachite-inline-confirm-foreground:#fff;--malachite-inline-confirm-divider:#ffffff1a;--malachite-inline-confirm-shadow:0px 0px 10px 0px #0003;--malachite-buttonlist-background:#fff;--malachite-buttonlist-foreground:#0a0a0a;--malachite-buttonlist-hover-background:#f5f5f5;--malachite-buttonlist-hover-foreground:#0a0a0a;--malachite-text-primary:#0a0a0a;--malachite-text-secondary:#7b7b7b;--malachite-text-dimmed:#a1a1a1;--malachite-text-emphasis:#222121;--malachite-text-muted:#4c4b4b;--malachite-text-placeholder:#bbb;--malachite-text-destructive:#ed3536;--malachite-text-success:#027a42;--malachite-text-highlight:#76d6ae;--malachite-text-warning:#96580a;--malachite-text-error:#ed3536;--malachite-text-info:#0c58ae;--malachite-text-link-foreground:#00000073;--malachite-text-link-foreground-hover:#0a0a0a;--malachite-text-right-side-text-muted:#7b7b7b;--malachite-text-right-side-text-primary:#0a0a0a;--malachite-text-right-side-text-font-size:12px;--malachite-text-right-side-text-min-width:80px}:root,:host{--malachite-ease-standard:cubic-bezier(.4,0,.2,1);--malachite-font-mono:var(--font-mono,"SF Mono",ui-monospace,monospace);--malachite-number-tag-background:#00000014;--malachite-number-tag-foreground:var(--malachite-text-secondary,#7b7b7b);--malachite-number-tag-emphasis-background:#00000026;--malachite-number-tag-emphasis-foreground:var(--malachite-text-emphasis,#222121);--malachite-text-warning-muted:#cea36c}*{scrollbar-width:thin;scrollbar-color:var(--malachite-card-border)transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--malachite-card-border);background-clip:padding-box;border:2px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:var(--malachite-text-dimmed)}.shadow-default{box-shadow:var(--malachite-shadow-default)}.shadow-success{box-shadow:var(--malachite-shadow-success)}.shadow-warning{box-shadow:var(--malachite-shadow-warning)}.shadow-error{box-shadow:var(--malachite-shadow-error)}.btn-filled{background-color:var(--malachite-secondary-background);color:var(--malachite-secondary-foreground);border-color:var(--malachite-secondary-border)}.btn-filled:hover:not(:disabled),.btn-filled[aria-expanded=true]:not(:disabled){border-color:var(--malachite-secondary-border-hover);opacity:.95}.btn-filled:active:not(:disabled){opacity:.8;border-color:var(--malachite-secondary-border-hover)}.btn-filled:disabled{opacity:.6;cursor:not-allowed}:host-context([data-theme="dark"]) .btn-filled:disabled{opacity:1;background-color:var(--malachite-card-background);color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border);box-shadow:none}.btn-surface{background-color:var(--malachite-card-background);color:var(--malachite-outline-foreground);border-color:var(--malachite-primary-border)}.btn-surface:hover:not(:disabled),.btn-surface[aria-expanded=true]:not(:disabled){border-color:var(--malachite-primary-border-hover)}.btn-surface:active:not(:disabled){opacity:.8;border-color:var(--malachite-primary-border-hover)}.btn-surface:disabled{opacity:.6;cursor:not-allowed;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}.btn-assistant{background-color:var(--malachite-assistant-surface-background);color:var(--malachite-assistant-surface-foreground);border-color:var(--malachite-assistant-surface-border)}.btn-assistant:hover:not(:disabled),.btn-assistant[aria-expanded=true]:not(:disabled){border-color:var(--malachite-assistant-foreground)}.btn-assistant:active:not(:disabled){opacity:.8;border-color:var(--malachite-assistant-foreground)}.btn-assistant:disabled{opacity:.6;cursor:not-allowed;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}.btn-outline{color:var(--malachite-outline-foreground);border-color:var(--malachite-primary-border);background-color:#0000}.btn-outline:hover:not(:disabled),.btn-outline[aria-expanded=true]:not(:disabled){border-color:var(--malachite-primary-border-hover)}.btn-outline:active:not(:disabled){opacity:.8;border-color:var(--malachite-primary-border-hover)}.btn-outline:disabled{opacity:.6;cursor:not-allowed;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}:host-context([data-theme="dark"]) .btn-outline:disabled{opacity:1;color:var(--malachite-text-dimmed);border-color:var(--malachite-card-border)}.btn-destructive{background-color:var(--malachite-destructive-background);color:var(--malachite-destructive-foreground);border-color:var(--malachite-destructive-border);box-shadow:0 1px 0 0 var(--malachite-destructive-shadow-light)}.btn-destructive:hover:not(:disabled),.btn-destructive[aria-expanded=true]:not(:disabled){border-color:var(--malachite-destructive-border-hover);box-shadow:0 1px 0 0 var(--malachite-destructive-shadow-medium)}.btn-destructive:active:not(:disabled){opacity:.6;border-color:var(--malachite-destructive-border-hover);box-shadow:0 1px 0 0 var(--malachite-destructive-shadow-medium)}.btn-destructive:disabled{opacity:.6;box-shadow:none}.btn-ghost{color:var(--malachite-primary-foreground);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled),.btn-ghost[aria-expanded=true]:not(:disabled){border-color:var(--malachite-primary-border-hover)}.btn-no-style{color:var(--malachite-primary-foreground);background-color:#0000;border-color:#0000}.btn-no-style:hover:not(:disabled),.btn-no-style[aria-expanded=true]:not(:disabled){border-color:#0000}.btn-glass-success{background-color:var(--malachite-success-background-glass);color:var(--malachite-success-foreground);border-color:var(--malachite-success-border);box-shadow:0 1px 0 0 var(--malachite-success-shadow-light)}.btn-glass-success:hover:not(:disabled),.btn-glass-success[aria-expanded=true]:not(:disabled){border-color:var(--malachite-success-border-hover);box-shadow:0 1px 0 0 var(--malachite-success-shadow-medium)}.btn-glass-success:active:not(:disabled){opacity:.6;border-color:var(--malachite-success-border-hover);box-shadow:0 1px 0 0 var(--malachite-success-shadow-medium)}.btn-glass-success:disabled{opacity:.6;box-shadow:none}.btn-glass-warning{background-color:var(--malachite-warning-background-glass);color:var(--malachite-warning-foreground);border-color:var(--malachite-warning-border);box-shadow:0 1px 0 0 var(--malachite-warning-shadow-light)}.btn-glass-warning:hover:not(:disabled),.btn-glass-warning[aria-expanded=true]:not(:disabled){border-color:var(--malachite-warning-border-hover);box-shadow:0 1px 0 0 var(--malachite-warning-shadow-medium)}.btn-glass-warning:active:not(:disabled){opacity:.6;border-color:var(--malachite-warning-border-hover);box-shadow:0 1px 0 0 var(--malachite-warning-shadow-medium)}.btn-glass-warning:disabled{opacity:.6;box-shadow:none}.btn-glass-error{background-color:var(--malachite-error-background-glass);color:var(--malachite-error-foreground);border-color:var(--malachite-error-border);box-shadow:0 1px 0 0 var(--malachite-error-shadow-light)}.btn-glass-error:hover:not(:disabled),.btn-glass-error[aria-expanded=true]:not(:disabled){border-color:var(--malachite-error-border-hover);box-shadow:0 1px 0 0 var(--malachite-error-shadow-medium)}.btn-glass-error:active:not(:disabled){opacity:.6;border-color:var(--malachite-error-border-hover);box-shadow:0 1px 0 0 var(--malachite-error-shadow-medium)}.btn-glass-error:disabled{opacity:.6;box-shadow:none}.card-base{background-color:var(--malachite-card-background);color:var(--malachite-card-foreground);border:1px solid var(--malachite-card-border);box-shadow:0 2px 4px 0 var(--malachite-card-shadow);border-radius:12px;overflow:hidden}.card-dimmed{background-color:var(--malachite-card-dimmed-background)}.card-rounded{border-radius:20px}.md-root strong,.md-root b{font-weight:600}.md-link{color:var(--malachite-text-link-foreground);font-weight:600;text-decoration:underline}.md-link:hover,.md-link:focus-visible{color:var(--malachite-text-link-foreground-hover)}.md-flow>[role=list]:first-child>[role=listitem]:first-child>br:first-child{display:none}.card-header{background-color:var(--malachite-card-header-background);color:var(--malachite-card-foreground);border-bottom:1px solid var(--malachite-card-border)}.card-footer{background-color:var(--malachite-card-footer-background);color:var(--malachite-card-foreground);border-top:1px solid var(--malachite-card-border)}.confirmation-badge svg{width:12px!important;height:12px!important}.alert-base{border-radius:8px;justify-content:center;align-items:flex-start;gap:8px;width:100%;margin:0 10px;padding:10px;display:flex}.alert-base svg{margin-top:4px}.alert-base.alert-expandable svg{margin-top:3px}.alert-base .alert-action svg{margin-top:0}.alert-no-margin{margin:0}.alert-info{background-color:var(--malachite-alert-info-background);color:var(--malachite-alert-info-foreground)}.alert-success{background-color:var(--malachite-alert-success-background);color:var(--malachite-alert-success-foreground)}.alert-error{background-color:var(--malachite-alert-error-background);color:var(--malachite-alert-error-foreground)}.alert-warning{background-color:var(--malachite-alert-warning-background);color:var(--malachite-alert-warning-foreground)}.alert-assistant{background-color:var(--malachite-alert-assistant-background);color:var(--malachite-alert-assistant-foreground)}.alert-icon-info{color:var(--malachite-alert-info-foreground);font-size:13px}.alert-icon-success{color:var(--malachite-alert-success-foreground);font-size:13px}.alert-icon-error{color:var(--malachite-alert-error-foreground);font-size:13px}.alert-icon-warning{color:var(--malachite-alert-warning-foreground);font-size:13px}.tooltip-base{background-color:var(--malachite-tooltip-background);max-width:320px;min-height:32px;color:var(--malachite-tooltip-foreground);box-shadow:var(--malachite-tooltip-shadow);word-wrap:break-word;white-space:normal;pointer-events:none;z-index:9999;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;line-height:1.4;transition:opacity .15s ease-in-out,transform .15s ease-in-out;display:inline-flex;position:absolute}.tooltip-content{z-index:1;position:relative}.tooltip-visible{opacity:1;visibility:visible;transform:scale(1)}.tooltip-hidden{opacity:0;visibility:hidden;transform:scale(.95)}.tooltip-arrow{background-color:var(--malachite-tooltip-background)}svg path:not([data-malachite-shape]){fill:currentColor!important}.table-bordered-container{box-shadow:var(--malachite-table-box-shadow);background-color:var(--malachite-table-background);padding:4px}.table-header{color:var(--malachite-table-header-foreground);background-color:var(--malachite-table-header-background)!important}.table-row{background-color:var(--malachite-table-row-background);color:var(--malachite-table-row-foreground);border-bottom:1px solid var(--malachite-table-row-border)}.table-row:hover{background-color:var(--malachite-table-row-hover-background)}.table-cell-bordered{border-bottom:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-top{border-top:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-bottom{border-bottom:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-left{border-left:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-right{border-right:1px solid var(--malachite-table-borderedRow-outline)}.table-row-bordered{background-color:var(--malachite-table-borderedRow-background)}.table-error-icon{background-color:var(--malachite-table-error-icon-background);color:var(--malachite-table-error-icon-foreground)}.table-error-title{color:var(--malachite-table-error-title-foreground)}.table-error-subtitle{color:var(--malachite-table-error-subtitle-foreground)}.malachite-row-caret{color:var(--malachite-text-placeholder);transition:color .15s}.group:hover .malachite-row-caret{color:var(--malachite-text-primary)}.table-section-divider{background-color:var(--malachite-table-header-background);width:100%;color:var(--malachite-text-secondary);justify-content:space-between;align-items:flex-end;padding:12px 16px;font-size:12px;display:flex}.malachite-row-link-icon{color:var(--malachite-text-placeholder);opacity:0;transition:opacity .15s,color .15s}.group:hover .malachite-row-link-icon{opacity:1}.malachite-row-cta{cursor:pointer;width:100%;color:var(--malachite-text-warning-muted);white-space:nowrap;background:0 0;border:none;justify-content:flex-end;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:500;transition:color .15s;display:flex}.malachite-row-cta:hover{color:var(--malachite-text-warning)}.malachite-number-tag{border-radius:var(--malachite-radius-md,6px);background-color:var(--malachite-number-tag-background);min-width:16px;height:16px;color:var(--malachite-number-tag-foreground);font-family:var(--malachite-font-mono,monospace);justify-content:center;align-items:center;padding:0 3px;font-size:12px;font-weight:500;line-height:1;transition:background-color .15s,color .15s;display:inline-flex}.malachite-number-tag-emphasis{background-color:var(--malachite-number-tag-emphasis-background);color:var(--malachite-number-tag-emphasis-foreground)}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}';
2
2
  export {
3
3
  a as default
4
4
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stackone/malachite",
3
- "version": "2.35.0",
3
+ "version": "2.37.0",
4
4
  "description": "StackOne's themeable React component library — Shadow DOM isolated, scoped Tailwind, theme-token driven.",
5
5
  "license": "MIT",
6
6
  "author": "StackOne",