@stackone/malachite 2.60.0 → 2.61.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.
package/COMPONENTS.md CHANGED
@@ -8,7 +8,7 @@ The catalog of components exported from `@stackone/malachite`. **Reach for one o
8
8
 
9
9
  - **`Chat`** — A chat column: `Chat.Thread` scrolls and pins itself to the newest message, `Chat.Composer` keeps its own height and owns the Enter/Shift+Enter convention, and `Chat.Message`, `Chat.ToolCall` and `Chat.Thinking` render one turn each. A user turn sits right and hugs its text; an assistant turn runs full width, and `variant="card"` frames it with its state, copy and rating controls, and a token/model line. `variant="bubble"` is a third treatment, not a repaint of either: tinted bubbles whose flattened corner points at whoever spoke, so authorship reads before the words do. `Chat.Context` lists what the conversation can see — a removable chip per source, and an add affordance only when a handler is given. `Chat.Thinking` and a loading turn draw bars in the shape of the answer rather than a spinner. The row under a composer is `ComposerChip`, `ContextMeter` and `ModelPicker` — PillButton tabs, so it reads as attached to the field; `ModelPicker` opens a portalled menu with a submenu per model. The transcript is a live `log` region, so a streamed reply is announced, and it shows a centred empty state until the first turn. _Key props:_ `Chat`: `children`, `className`. `Thread`: `aria-label`, `emptyTitle`, `emptyDescription`, `emptyIcon`. `Message`: `role`, `variant` (`plain` | `card`), `content`, `children`, `name`, `avatarSrc`, `status` (`streaming` | `completed` | `error`), `loading`, `onCopy`, `onFeedback`, `usage`. `ToolCall`: `name`, `status` (`running` | `completed` | `error`), `callId`, `input`, `output`, `defaultExpanded`. `Thinking`: `label`. `Composer`: `value`, `onChange`, `onSend`, `onStop`, `busy`, `disabled`, `placeholder`, `maxLength`, `rows`, `children`. `ComposerChip`: `label`, `icon`, `trailingIcon`, `onClick`, `disabled`. `ContextMeter`: `used`, `limit`, `cached`, `label`. `ModelPicker`: `models`, `value`, `optionValue`, `onChange`, `openUp`, `disabled`. `Context`: `label`, `items` (`{id, label, onRemove?}`), `onAdd`, `className`.
10
10
  - **`Surface`** — Rounded, bordered card container with the standard elevation shadow. Use `overflow="clip"` to keep the rounded clipping while letting a `position: sticky` descendant still pin (`hidden` would trap it); `visible` disables clipping. _Key props:_ `children`, `padding`, `overflow`, `className`, `style`.
11
- - **`SurfaceRow`** — A full-bleed row inside a Surface (used as `Surface.Row`). Owns hover highlight, colour transition and an optional bottom divider. Pass `onClick`/`href` to make the whole row clickable (renders as a real button/anchor, so keyboard nav works). For a selectable row use `role="radio"` + `selected` and put a presentational `<Radio>` inside as the indicator; `selected` then paints the same treatment `Table` gives `selectedRowKey`. Under `role="checkbox"` it only announces — a multi-select row carries its own checkbox, and a highlight marking one of many says nothing when most rows are checked. `selection` overrides that either way (`highlight` / `announce`). Use `trailing` for a control that must stay interactive — it renders outside the row button, which a nested control could not be. `tone="muted"` tints a row whose subject is inactive, which `disabled` does not: a muted row stays clickable. _Key props:_ `divider`, `disabled`, `tone` (`default` | `muted`), `onClick`, `href`, `target`, `rel`, `selected`, `selection` (`highlight` | `announce`), `trailing`, `role`, `className`, `style`.
11
+ - **`SurfaceRow`** — A full-bleed row inside a Surface (used as `Surface.Row`). Owns hover highlight, colour transition and an optional bottom divider. Pass `onClick`/`href` to make the whole row clickable (renders as a real button/anchor, so keyboard nav works). For a selectable row use `role="radio"` + `selected` and put a presentational `<Radio>` inside as the indicator; `selected` then paints the same treatment `Table` gives `selectedRowKey`. Under `role="checkbox"` it only announces — a multi-select row carries its own checkbox, and a highlight marking one of many says nothing when most rows are checked. `selection` overrides that either way (`highlight` / `announce`). `selected="mixed"` marks a partly selected checkbox row (`aria-checked="mixed"`); it never paints or marks a row current, and counts as not selected under any other role. Use `trailing` for a control that must stay interactive — it renders outside the row button, which a nested control could not be. `revealTrailing` shows that control only on hover, keyboard focus or while a menu it opened is open, keeping it in the tab order and always showing it on a touch screen. `tone="muted"` tints a row whose subject is inactive, which `disabled` does not: a muted row stays clickable. _Key props:_ `divider`, `disabled`, `tone` (`default` | `muted`), `onClick`, `href`, `target`, `rel`, `selected` (`boolean` | `"mixed"`), `selection` (`highlight` | `announce`), `trailing`, `revealTrailing`, `role`, `className`, `style`.
12
12
  - **`SurfaceExpandableRow`** — A row that opens to reveal a body (used as `Surface.ExpandableRow`), for a line that carries its own controls. Not `Accordion`, which puts its header inside the toggle button, so a header holding a dropdown or a second button would be invalid: here the row surface takes the click and a cell opts out by wrapping its controls in `ExpandableRow.Controls`, while the arrow stays a real button so the keyboard reaches it. That opt-out is explicit rather than sniffing the event target for an interactive ancestor, because a control rendering into a shadow root retargets the event to its host. `sticky` pins the row while its body scrolls, offset by `stickyTopOffset` for whatever is already pinned above it; it only pins while open, since a closed row has nothing to scroll past. _Key props:_ `header`, `children`, `expanded`, `onToggle`, `sticky`, `stickyTopOffset`, `divider`, `tone`, `aria-label`, `className`, `style`.
13
13
  - **`DisclosureArrow`** — The expand/collapse triangle disclosure UI shares (`Accordion`, `Surface.ExpandableRow`). Owns its colour states so they never drift between usages: `text-primary` when expanded, `text-placeholder` otherwise, and dark on hover inside a `group` ancestor — put `group` on the clickable header or row so that hover state activates. _Key props:_ `expanded`, `size`, `className`.
14
14
  - **`Card`** — Generic content card.
@@ -1,12 +1,12 @@
1
- import { jsx as o, jsxs as w } from "react/jsx-runtime";
2
- import G from "react";
3
- import { paintOnChild as P } from "./asChild.js";
4
- import { DisclosureArrow as U } from "./DisclosureArrow.js";
5
- import { FOCUS_RING_INSET as D } from "./focusRing.js";
1
+ import { jsx as o, jsxs as k } from "react/jsx-runtime";
2
+ import P from "react";
3
+ import { paintOnChild as U } from "./asChild.js";
4
+ import { DisclosureArrow as W } from "./DisclosureArrow.js";
5
+ import { FOCUS_RING_INSET as A } from "./focusRing.js";
6
6
  import { resolveRel as $ } from "./linkRel.js";
7
- import { safeHref as W } from "./safeHref.js";
8
- import { isRenderableNode as X } from "./renderableNode.js";
9
- import { FOREGROUND_RESET as H, SELECTED_TEXT_CONTEXT as z, SELECTED_ROW_ACCENT as K, SELECTED_ROW_FOREGROUND as q, SELECTED_ROW_BACKGROUND as T } from "./selectedRow.js";
7
+ import { safeHref as X } from "./safeHref.js";
8
+ import { isRenderableNode as H } from "./renderableNode.js";
9
+ import { FOREGROUND_RESET as z, SELECTED_TEXT_CONTEXT as K, SELECTED_ROW_ACCENT as V, SELECTED_ROW_FOREGROUND as q, SELECTED_ROW_BACKGROUND as D } from "./selectedRow.js";
10
10
  const J = {
11
11
  default: "",
12
12
  muted: "bg-[var(--malachite-card-dimmed-background)]",
@@ -15,157 +15,176 @@ const J = {
15
15
  }, M = {
16
16
  success: "var(--malachite-tag-success-foreground)",
17
17
  error: "var(--malachite-tag-error-foreground)"
18
- }, Q = "0px 0px 4px 0px rgba(0,0,0,0.08), 0px 4px 4px 0px rgba(0,0,0,0.08), 0px 4px 10px 0px rgba(0,0,0,0.05)", L = (t) => {
18
+ }, Q = "opacity-0 transition-opacity group-[:hover]/row:opacity-100 group-focus-within/row:opacity-100 has-[[aria-expanded=true]]:opacity-100 [@media(hover:none)]:opacity-100", Y = "0px 0px 4px 0px rgba(0,0,0,0.08), 0px 4px 4px 0px rgba(0,0,0,0.08), 0px 4px 10px 0px rgba(0,0,0,0.05)", L = (t) => {
19
19
  const {
20
20
  children: a,
21
21
  divider: r = !1,
22
22
  disabled: e = !1,
23
- selected: s,
23
+ selected: i,
24
24
  selection: b,
25
- tone: c = "default",
25
+ tone: s = "default",
26
26
  className: u = "",
27
27
  style: g
28
- } = t, d = t.asChild === !0, { onClick: l, href: E, target: i, rel: C, trailing: S, role: n } = d ? {} : t, f = W(E), p = d ? void 0 : t["aria-label"], h = d ? void 0 : t["aria-labelledby"], N = !!(l || f), B = e && (N || d) ? "" : "transition-colors hover:bg-[var(--malachite-buttonlist-hover-background)]", j = c !== "default", _ = [
28
+ } = t, d = t.asChild === !0, {
29
+ onClick: n,
30
+ href: E,
31
+ target: c,
32
+ rel: y,
33
+ trailing: S,
34
+ revealTrailing: _,
35
+ role: l
36
+ } = d ? {} : t, p = X(E), f = d ? void 0 : t["aria-label"], h = d ? void 0 : t["aria-labelledby"], N = !!(n || p), I = e && (N || d) ? "" : "transition-colors hover:bg-[var(--malachite-buttonlist-hover-background)]", j = s !== "default", O = [
29
37
  "w-full text-left border-0",
30
- J[c],
38
+ J[s],
31
39
  r ? "border-b border-solid border-[var(--malachite-card-border)]" : "",
32
- B
33
- ].filter(Boolean).join(" "), k = [
34
- N ? `appearance-none ${j ? "" : "bg-transparent"} p-0 ${D}` : "",
40
+ I
41
+ ].filter(Boolean).join(" "), w = [
42
+ N ? `appearance-none ${j ? "" : "bg-transparent"} p-0 ${A}` : "",
35
43
  N && !e ? "cursor-pointer" : ""
36
- ].filter(Boolean).join(" "), y = [_, k, u].filter(Boolean).join(" "), F = s && (b ? b === "highlight" : n !== "checkbox") ? {
37
- backgroundImage: `linear-gradient(${T}, ${T})`,
44
+ ].filter(Boolean).join(" "), C = [O, w, u].filter(Boolean).join(" "), F = i === !0 && (b ? b === "highlight" : l !== "checkbox") ? {
45
+ backgroundImage: `linear-gradient(${D}, ${D})`,
38
46
  color: q,
39
- boxShadow: `inset 2px 0 0 ${K}`,
40
- ...z
41
- } : {}, R = M[c], x = { ...R ? {
47
+ boxShadow: `inset 2px 0 0 ${V}`,
48
+ ...K
49
+ } : {}, R = M[s], x = { ...R ? {
42
50
  color: R,
43
51
  "--malachite-ctx-text-primary": R
44
- } : {}, ...F, ...g }, m = n === "radio" || n === "checkbox" ? !!s : void 0, v = m === void 0 && s ? !0 : void 0, O = {
45
- role: n,
52
+ } : {}, ...F, ...g }, m = l === "checkbox" && i === "mixed" ? "mixed" : l === "radio" || l === "checkbox" ? i === !0 : void 0, v = m === void 0 && i === !0 ? !0 : void 0, T = {
53
+ role: l,
46
54
  "aria-checked": m,
47
55
  "aria-current": v,
48
- "aria-label": p,
56
+ "aria-label": f,
49
57
  "aria-labelledby": h,
50
- "aria-disabled": n && e ? !0 : void 0
58
+ "aria-disabled": l && e ? !0 : void 0
51
59
  };
52
60
  if (d)
53
- return P(a, y, x);
54
- if (X(S)) {
55
- const I = f && !e ? /* @__PURE__ */ o(
61
+ return U(a, C, x);
62
+ if (H(S)) {
63
+ const G = p && !e ? /* @__PURE__ */ o(
56
64
  "a",
57
65
  {
58
- href: f,
59
- target: i,
60
- rel: $(C, i),
61
- onClick: l,
62
- className: `${k} border-0 flex-1 min-w-0 text-left no-underline text-inherit`,
63
- role: n,
66
+ href: p,
67
+ target: c,
68
+ rel: $(y, c),
69
+ onClick: n,
70
+ className: `${w} border-0 flex-1 min-w-0 text-left no-underline text-inherit`,
71
+ role: l,
64
72
  "aria-checked": m,
65
73
  "aria-current": v,
66
- "aria-label": p,
74
+ "aria-label": f,
67
75
  "aria-labelledby": h,
68
76
  children: a
69
77
  }
70
- ) : l ? /* @__PURE__ */ o(
78
+ ) : n ? /* @__PURE__ */ o(
71
79
  "button",
72
80
  {
73
81
  type: "button",
74
- onClick: l,
82
+ onClick: n,
75
83
  disabled: e,
76
- className: `${k} border-0 flex-1 min-w-0 text-left`,
77
- role: n,
84
+ className: `${w} border-0 flex-1 min-w-0 text-left`,
85
+ role: l,
78
86
  "aria-checked": m,
79
87
  "aria-current": v,
80
- "aria-label": p,
88
+ "aria-label": f,
81
89
  "aria-labelledby": h,
82
90
  children: a
83
91
  }
84
92
  ) : (
85
93
  // The set goes here, not on the wrapper: `radio` and `checkbox` make their
86
94
  // descendants presentational, which would bury a control in the trailing slot.
87
- /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", ...O, children: a })
95
+ /* @__PURE__ */ o("div", { className: "flex-1 min-w-0", ...T, children: a })
88
96
  );
89
- return /* @__PURE__ */ w(
97
+ return /* @__PURE__ */ k(
90
98
  "div",
91
99
  {
92
- className: [_, "flex items-center", u].filter(Boolean).join(" "),
100
+ className: [
101
+ O,
102
+ "flex items-center",
103
+ _ ? "group/row" : "",
104
+ u
105
+ ].filter(Boolean).join(" "),
93
106
  style: x,
94
107
  children: [
95
- I,
96
- /* @__PURE__ */ o("div", { className: "shrink-0 flex items-center", children: S })
108
+ G,
109
+ /* @__PURE__ */ o(
110
+ "div",
111
+ {
112
+ className: `shrink-0 flex items-center ${_ ? Q : ""}`,
113
+ children: S
114
+ }
115
+ )
97
116
  ]
98
117
  }
99
118
  );
100
119
  }
101
- return f && !e ? /* @__PURE__ */ o(
120
+ return p && !e ? /* @__PURE__ */ o(
102
121
  "a",
103
122
  {
104
- href: f,
105
- target: i,
106
- rel: $(C, i),
107
- onClick: l,
108
- className: `${y} no-underline text-inherit`,
123
+ href: p,
124
+ target: c,
125
+ rel: $(y, c),
126
+ onClick: n,
127
+ className: `${C} no-underline text-inherit`,
109
128
  style: x,
110
- role: n,
129
+ role: l,
111
130
  "aria-checked": m,
112
131
  "aria-current": v,
113
- "aria-label": p,
132
+ "aria-label": f,
114
133
  "aria-labelledby": h,
115
134
  children: a
116
135
  }
117
- ) : l ? /* @__PURE__ */ o(
136
+ ) : n ? /* @__PURE__ */ o(
118
137
  "button",
119
138
  {
120
139
  type: "button",
121
- onClick: l,
140
+ onClick: n,
122
141
  disabled: e,
123
- className: y,
142
+ className: C,
124
143
  style: x,
125
- role: n,
144
+ role: l,
126
145
  "aria-checked": m,
127
146
  "aria-current": v,
128
- "aria-label": p,
147
+ "aria-label": f,
129
148
  "aria-labelledby": h,
130
149
  children: a
131
150
  }
132
- ) : /* @__PURE__ */ o("div", { className: y, style: x, ...O, children: a });
133
- }, V = ({ children: t, className: a = "", style: r }) => /* @__PURE__ */ o("div", { className: a, style: r, onClick: (e) => e.stopPropagation(), children: t }), be = 39, Y = Object.assign(
151
+ ) : /* @__PURE__ */ o("div", { className: C, style: x, ...T, children: a });
152
+ }, Z = ({ children: t, className: a = "", style: r }) => /* @__PURE__ */ o("div", { className: a, style: r, onClick: (e) => e.stopPropagation(), children: t }), me = 39, ee = Object.assign(
134
153
  ({
135
154
  header: t,
136
155
  children: a,
137
156
  expanded: r,
138
157
  onToggle: e,
139
- sticky: s = !1,
158
+ sticky: i = !1,
140
159
  stickyTopOffset: b = 0,
141
- divider: c = !1,
160
+ divider: s = !1,
142
161
  tone: u = "default",
143
162
  "aria-label": g,
144
163
  className: d = "",
145
- style: l
164
+ style: n
146
165
  }) => {
147
- const E = G.useId(), i = e ? () => e(!r) : void 0;
148
- return /* @__PURE__ */ w(L, { divider: c, tone: u, className: d, style: l, children: [
149
- /* @__PURE__ */ w(
166
+ const E = P.useId(), c = e ? () => e(!r) : void 0;
167
+ return /* @__PURE__ */ k(L, { divider: s, tone: u, className: d, style: n, children: [
168
+ /* @__PURE__ */ k(
150
169
  "div",
151
170
  {
152
- className: `group flex items-center w-full ${i ? "cursor-pointer" : ""} ${s && r ? "sticky z-[1] bg-[var(--malachite-card-background)]" : ""}`,
153
- style: s && r ? { top: b } : void 0,
154
- onClick: i,
171
+ className: `group flex items-center w-full ${c ? "cursor-pointer" : ""} ${i && r ? "sticky z-[1] bg-[var(--malachite-card-background)]" : ""}`,
172
+ style: i && r ? { top: b } : void 0,
173
+ onClick: c,
155
174
  role: "presentation",
156
175
  children: [
157
- /* @__PURE__ */ o("span", { className: "shrink-0 flex items-center pl-[16px] pr-[12px]", children: i && /* @__PURE__ */ o(
176
+ /* @__PURE__ */ o("span", { className: "shrink-0 flex items-center pl-[16px] pr-[12px]", children: c && /* @__PURE__ */ o(
158
177
  "button",
159
178
  {
160
179
  type: "button",
161
- className: `appearance-none bg-transparent border-0 p-0 flex items-center cursor-pointer ${D}`,
180
+ className: `appearance-none bg-transparent border-0 p-0 flex items-center cursor-pointer ${A}`,
162
181
  "aria-expanded": r,
163
182
  "aria-controls": E,
164
183
  "aria-label": g,
165
- onClick: (C) => {
166
- C.stopPropagation(), i();
184
+ onClick: (y) => {
185
+ y.stopPropagation(), c();
167
186
  },
168
- children: /* @__PURE__ */ o(U, { expanded: r })
187
+ children: /* @__PURE__ */ o(W, { expanded: r })
169
188
  }
170
189
  ) }),
171
190
  t
@@ -175,34 +194,34 @@ const J = {
175
194
  r && /* @__PURE__ */ o("div", { id: E, children: a })
176
195
  ] });
177
196
  },
178
- { Controls: V }
179
- ), A = ({
197
+ { Controls: Z }
198
+ ), B = ({
180
199
  children: t,
181
200
  padding: a = !1,
182
201
  overflow: r = "hidden",
183
202
  role: e,
184
- "aria-label": s,
203
+ "aria-label": i,
185
204
  "aria-labelledby": b,
186
- className: c = "",
205
+ className: s = "",
187
206
  style: u
188
207
  }) => /* @__PURE__ */ o(
189
208
  "div",
190
209
  {
191
- className: `w-full rounded-[var(--malachite-radius-xxl,14px)] ${r === "clip" ? "overflow-clip" : r === "visible" ? "overflow-visible" : "overflow-hidden"} bg-[var(--malachite-card-background)] border border-solid border-[var(--malachite-card-border)] ${a ? "py-3 px-4" : ""} ${c}`,
192
- style: { boxShadow: Q, ...H, ...u },
210
+ className: `w-full rounded-[var(--malachite-radius-xxl,14px)] ${r === "clip" ? "overflow-clip" : r === "visible" ? "overflow-visible" : "overflow-hidden"} bg-[var(--malachite-card-background)] border border-solid border-[var(--malachite-card-border)] ${a ? "py-3 px-4" : ""} ${s}`,
211
+ style: { boxShadow: Y, ...z, ...u },
193
212
  role: e,
194
- "aria-label": s,
213
+ "aria-label": i,
195
214
  "aria-labelledby": b,
196
215
  children: t
197
216
  }
198
217
  );
199
- A.Row = L;
200
- A.ExpandableRow = Y;
218
+ B.Row = L;
219
+ B.ExpandableRow = ee;
201
220
  export {
202
- be as EXPANDABLE_ROW_LEAD_PX,
203
- A as Surface,
204
- Y as SurfaceExpandableRow,
221
+ me as EXPANDABLE_ROW_LEAD_PX,
222
+ B as Surface,
223
+ ee as SurfaceExpandableRow,
205
224
  L as SurfaceRow,
206
- A as default
225
+ B as default
207
226
  };
208
227
  //# sourceMappingURL=Surface.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Surface.js","sources":["../../src/components/Surface.tsx"],"sourcesContent":["import React from 'react';\nimport { paintOnChild } from './asChild';\nimport DisclosureArrow from './DisclosureArrow';\nimport { FOCUS_RING_INSET } from './focusRing';\nimport { resolveRel } from './linkRel';\nimport { safeHref } from './safeHref';\nimport { isRenderableNode } from './renderableNode';\nimport {\n FOREGROUND_RESET,\n SELECTED_ROW_ACCENT,\n SELECTED_ROW_BACKGROUND,\n SELECTED_ROW_FOREGROUND,\n SELECTED_TEXT_CONTEXT,\n} from './selectedRow';\n\nexport interface SurfaceProps {\n children?: React.ReactNode;\n padding?: boolean;\n /**\n * Content overflow. Defaults to `hidden` so children are clipped to the rounded\n * corners. Use `clip` to keep the rounded clipping WITHOUT creating a scroll\n * container — so a `position: sticky` descendant still pins (unlike `hidden`,\n * which traps it). `visible` disables clipping entirely.\n */\n overflow?: 'hidden' | 'visible' | 'clip';\n role?: React.AriaRole;\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n className?: string;\n style?: React.CSSProperties;\n}\n\ninterface SurfaceRowChromeProps {\n children?: React.ReactNode;\n /** Renders a bottom divider — omit on the last row in a Surface. */\n divider?: boolean;\n /** Removes the hover affordance / disables the control (e.g. while loading/busy). */\n disabled?: boolean;\n /** Announces the row as selected — `aria-checked` under a `radio`/`checkbox` role,\n * `aria-current` otherwise — and paints `Table`'s selected treatment unless `selection`\n * says not to. */\n selected?: boolean;\n /** How a `selected` row shows it. `highlight` paints the treatment; `announce` leaves the\n * visual to a control inside the row and only sets the ARIA state. Defaults to `announce`\n * under `role=\"checkbox\"` and `highlight` otherwise. */\n selection?: 'highlight' | 'announce';\n /**\n * Tints the whole row by what it reports. `muted` is a row whose subject is inactive —\n * not disabled: it stays interactive. `success` and `error` are for a row that carries\n * an outcome, where the result belongs to the whole line rather than to one cell in it.\n */\n tone?: 'default' | 'muted' | 'success' | 'error';\n className?: string;\n style?: React.CSSProperties;\n}\n\n/** Stays an interface under its original name: a consumer may `extends` it. */\nexport interface SurfaceRowProps extends SurfaceRowChromeProps {\n asChild?: false;\n /**\n * When provided, the whole row becomes clickable: it renders as a `<button>`\n * (or `<a>` when `href` is set), so the entire row is the click target with\n * native focus + Enter/Space — no manual tabIndex/key handlers. For a\n * selectable row, put a presentational `<Radio>`/`<Checkbox>` inside as the\n * visual indicator; do NOT nest an interactive control (invalid + double tab stop).\n */\n onClick?: (event: React.MouseEvent) => void;\n /** Renders the clickable row as an anchor instead of a button. */\n href?: string;\n target?: React.HTMLAttributeAnchorTarget;\n rel?: string;\n /** Content pinned right, outside the row button, so it may hold its own control. */\n trailing?: React.ReactNode;\n /** ARIA role for a clickable row, e.g. `radio`/`checkbox` (wrap the list in a `radiogroup`). */\n role?: React.AriaRole;\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n}\n\n/**\n * The outcome tones reuse the tag tokens rather than minting row ones, so a row saying \"this\n * passed\" and a tag saying it are the same green wherever the two sit together.\n */\nconst TONE_CLASSES: Record<NonNullable<SurfaceRowProps['tone']>, string> = {\n default: '',\n muted: 'bg-[var(--malachite-card-dimmed-background)]',\n success: 'bg-[var(--malachite-tag-success-background)]',\n error: 'bg-[var(--malachite-tag-error-background)]',\n};\n\n/**\n * The text an outcome tone carries with it, through the same context channel a selected row\n * uses, so `Typography` inside the row follows the tint instead of staying near-black on it.\n * `color` as well, for row content that is not Typography.\n *\n * Only the outcome tones. `muted` dims its subject rather than recolouring it, and its\n * foreground is the ordinary one.\n */\nconst TONE_FOREGROUNDS: Partial<Record<NonNullable<SurfaceRowProps['tone']>, string>> = {\n success: 'var(--malachite-tag-success-foreground)',\n error: 'var(--malachite-tag-error-foreground)',\n};\n\nexport interface SurfaceRowAsChildProps extends SurfaceRowChromeProps {\n asChild: true;\n children: React.ReactElement;\n}\n\nexport type AnySurfaceRowProps = SurfaceRowProps | SurfaceRowAsChildProps;\n\nconst TRIPLE_SHADOW =\n '0px 0px 4px 0px rgba(0,0,0,0.08), 0px 4px 4px 0px rgba(0,0,0,0.08), 0px 4px 10px 0px rgba(0,0,0,0.05)';\n\n/**\n * A single full-bleed row inside a <Surface>. Owns the row chrome — hover\n * highlight, colour transition and an optional bottom divider — so consumers\n * compose their own content inside without re-implementing design-system styling.\n * Pass `onClick`/`href` to make the entire row clickable (rendered as a real\n * button/anchor, so keyboard navigation works natively).\n */\nconst SurfaceRow: React.FC<AnySurfaceRowProps> = (props) => {\n const {\n children,\n divider = false,\n disabled = false,\n selected,\n selection,\n tone = 'default',\n className = '',\n style,\n } = props;\n const asChild = props.asChild === true;\n const { onClick, href: rawHref, target, rel, trailing, role } = asChild\n ? ({} as SurfaceRowProps)\n : (props as SurfaceRowProps);\n // A rejected href (e.g. `javascript:`) leaves the row a button or a plain row, never an anchor.\n const href = safeHref(rawHref);\n const ariaLabel = asChild ? undefined : (props as SurfaceRowProps)['aria-label'];\n const ariaLabelledBy = asChild ? undefined : (props as SurfaceRowProps)['aria-labelledby'];\n const interactive = Boolean(onClick || href);\n // `asChild` is interactive for the hover affordance only, not the focus/reset classes.\n const hover =\n disabled && (interactive || asChild)\n ? ''\n : 'transition-colors hover:bg-[var(--malachite-buttonlist-hover-background)]';\n\n // A class, not an inline colour, which would outrank the hover utility. It replaces the\n // button reset's `bg-transparent` rather than joining it: same specificity, so the winner\n // would be whichever Tailwind emitted last.\n const tinted = tone !== 'default';\n const toneClass = TONE_CLASSES[tone];\n\n const chromeClasses = [\n 'w-full text-left border-0',\n toneClass,\n divider ? 'border-b border-solid border-[var(--malachite-card-border)]' : '',\n hover,\n ]\n .filter(Boolean)\n .join(' ');\n\n const controlClasses = [\n interactive\n ? `appearance-none ${tinted ? '' : 'bg-transparent'} p-0 ${FOCUS_RING_INSET}`\n : '',\n interactive && !disabled ? 'cursor-pointer' : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n const classes = [chromeClasses, controlClasses, className].filter(Boolean).join(' ');\n\n const paints = selection ? selection === 'highlight' : role !== 'checkbox';\n\n // A gradient layer so the tint composites over hover, and an inset shadow because\n // `ring-*` silently doesn't paint in a shadow root.\n const selectedStyle: React.CSSProperties =\n selected && paints\n ? {\n backgroundImage: `linear-gradient(${SELECTED_ROW_BACKGROUND}, ${SELECTED_ROW_BACKGROUND})`,\n color: SELECTED_ROW_FOREGROUND,\n boxShadow: `inset 2px 0 0 ${SELECTED_ROW_ACCENT}`,\n ...SELECTED_TEXT_CONTEXT,\n }\n : {};\n\n const toneForeground = TONE_FOREGROUNDS[tone];\n const toneStyle: React.CSSProperties = toneForeground\n ? ({\n color: toneForeground,\n '--malachite-ctx-text-primary': toneForeground,\n } as React.CSSProperties)\n : {};\n\n // `selected` last of the two: a row can be both, and selection is the state the reader is\n // acting on, so it wins the colour.\n const rowStyle = { ...toneStyle, ...selectedStyle, ...style };\n\n const ariaChecked = role === 'radio' || role === 'checkbox' ? Boolean(selected) : undefined;\n // `aria-current`, not `aria-pressed`: a selected row is one of many choices, not a toggle\n // (same call as `Dropdown`'s options). A role that carries its own state uses that instead.\n const ariaCurrent = ariaChecked === undefined && selected ? true : undefined;\n\n // Everything a control would have carried, for the branches that render none: the row\n // element is then the only thing assistive tech sees. `aria-disabled` because there is no\n // control to be natively disabled — and it is inert without a role, like the name.\n const rowFallbackAria = {\n role,\n 'aria-checked': ariaChecked,\n 'aria-current': ariaCurrent,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-disabled': role && disabled ? true : undefined,\n };\n\n if (asChild) {\n return paintOnChild(children, classes, rowStyle);\n }\n\n if (isRenderableNode(trailing)) {\n const control =\n href && !disabled ? (\n <a\n href={href}\n target={target}\n rel={resolveRel(rel, target)}\n onClick={onClick}\n className={`${controlClasses} border-0 flex-1 min-w-0 text-left no-underline text-inherit`}\n role={role}\n aria-checked={ariaChecked}\n aria-current={ariaCurrent}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n >\n {children}\n </a>\n ) : onClick ? (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n className={`${controlClasses} border-0 flex-1 min-w-0 text-left`}\n role={role}\n aria-checked={ariaChecked}\n aria-current={ariaCurrent}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n >\n {children}\n </button>\n ) : (\n // The set goes here, not on the wrapper: `radio` and `checkbox` make their\n // descendants presentational, which would bury a control in the trailing slot.\n <div className=\"flex-1 min-w-0\" {...rowFallbackAria}>\n {children}\n </div>\n );\n\n return (\n <div\n className={[chromeClasses, 'flex items-center', className]\n .filter(Boolean)\n .join(' ')}\n style={rowStyle}\n >\n {control}\n <div className=\"shrink-0 flex items-center\">{trailing}</div>\n </div>\n );\n }\n\n if (href && !disabled) {\n return (\n <a\n href={href}\n target={target}\n rel={resolveRel(rel, target)}\n onClick={onClick}\n className={`${classes} no-underline text-inherit`}\n style={rowStyle}\n role={role}\n aria-checked={ariaChecked}\n aria-current={ariaCurrent}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n >\n {children}\n </a>\n );\n }\n\n if (onClick) {\n return (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n className={classes}\n style={rowStyle}\n role={role}\n aria-checked={ariaChecked}\n aria-current={ariaCurrent}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n >\n {children}\n </button>\n );\n }\n\n return (\n <div className={classes} style={rowStyle} {...rowFallbackAria}>\n {children}\n </div>\n );\n};\n\nexport interface SurfaceExpandableRowProps {\n /** The row itself, laid out across the line. May hold its own controls. */\n header: React.ReactNode;\n /** The body, rendered beneath the row while it is open. */\n children?: React.ReactNode;\n expanded: boolean;\n /** Omit for a row that cannot open. The arrow's space is still reserved, so a list of\n * rows stays in one column whether or not each one has a body. */\n onToggle?: (expanded: boolean) => void;\n /**\n * Pins the row while its body scrolls, so a long body never leaves the reader without\n * the line it belongs to. Offset by whatever is already pinned above it.\n */\n sticky?: boolean;\n stickyTopOffset?: number;\n divider?: boolean;\n tone?: SurfaceRowProps['tone'];\n /** Names the disclosure control, which is otherwise only an arrow. */\n 'aria-label'?: string;\n className?: string;\n style?: React.CSSProperties;\n}\n\n/**\n * Stops a click inside it from toggling the row, for the cells that hold controls.\n *\n * Explicit rather than sniffing the event's target for an interactive ancestor: a control\n * rendering into a shadow root retargets the event to its host, so the sniff would miss\n * exactly the components most likely to sit in a row.\n */\nconst ExpandableRowControls: React.FC<{\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n}> = ({ children, className = '', style }) => (\n <div className={className} style={style} onClick={(event) => event.stopPropagation()}>\n {children}\n </div>\n);\n\n/**\n * A row that opens to reveal a body, for a line that carries its own controls.\n *\n * Not `Accordion`: that puts its header inside the toggle button, so a header holding a\n * dropdown or a second button is invalid. Here the row surface takes the click and a cell\n * opts out with `ExpandableRow.Controls`, while the arrow stays a real button so the\n * keyboard reaches it.\n */\n/**\n * The space before the header: the arrow's own inset, its glyph and the gap after it.\n * Exported so a consumer aligning a column header above these rows offsets by the same\n * amount instead of guessing at it.\n */\nexport const EXPANDABLE_ROW_LEAD_PX = 39;\n\nconst SurfaceExpandableRow: React.FC<SurfaceExpandableRowProps> & {\n Controls: typeof ExpandableRowControls;\n} = Object.assign(\n ({\n header,\n children,\n expanded,\n onToggle,\n sticky = false,\n stickyTopOffset = 0,\n divider = false,\n tone = 'default',\n 'aria-label': ariaLabel,\n className = '',\n style,\n }: SurfaceExpandableRowProps) => {\n const bodyId = React.useId();\n const toggle = onToggle ? () => onToggle(!expanded) : undefined;\n\n return (\n <SurfaceRow divider={divider} tone={tone} className={className} style={style}>\n {/* `group` so the arrow takes its hover state from the whole row. */}\n <div\n className={`group flex items-center w-full ${toggle ? 'cursor-pointer' : ''} ${\n sticky && expanded\n ? 'sticky z-[1] bg-[var(--malachite-card-background)]'\n : ''\n }`}\n style={sticky && expanded ? { top: stickyTopOffset } : undefined}\n // Presentational: the arrow below is the keyboard control, and this only\n // widens the pointer target.\n onClick={toggle}\n role=\"presentation\"\n >\n {/* Reserved whether or not this row opens, so a list stays in one column.\n The inset and gap match Accordion's header. */}\n <span className=\"shrink-0 flex items-center pl-[16px] pr-[12px]\">\n {toggle && (\n <button\n type=\"button\"\n className={`appearance-none bg-transparent border-0 p-0 flex items-center cursor-pointer ${FOCUS_RING_INSET}`}\n aria-expanded={expanded}\n aria-controls={bodyId}\n aria-label={ariaLabel}\n onClick={(event) => {\n event.stopPropagation();\n toggle();\n }}\n >\n <DisclosureArrow expanded={expanded} />\n </button>\n )}\n </span>\n {header}\n </div>\n {expanded && <div id={bodyId}>{children}</div>}\n </SurfaceRow>\n );\n },\n { Controls: ExpandableRowControls },\n);\n\ninterface SurfaceComponent extends React.FC<SurfaceProps> {\n Row: React.FC<AnySurfaceRowProps>;\n ExpandableRow: typeof SurfaceExpandableRow;\n}\n\nconst Surface = (({\n children,\n padding = false,\n overflow = 'hidden',\n role,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n className = '',\n style,\n}: SurfaceProps) => {\n // Literal class names (not interpolated) so Tailwind's JIT emits them.\n const overflowClass =\n overflow === 'clip'\n ? 'overflow-clip'\n : overflow === 'visible'\n ? 'overflow-visible'\n : 'overflow-hidden';\n return (\n <div\n className={`w-full rounded-[var(--malachite-radius-xxl,14px)] ${overflowClass} bg-[var(--malachite-card-background)] border border-solid border-[var(--malachite-card-border)] ${padding ? 'py-3 px-4' : ''} ${className}`}\n style={{ boxShadow: TRIPLE_SHADOW, ...FOREGROUND_RESET, ...style }}\n role={role}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n >\n {children}\n </div>\n );\n}) as SurfaceComponent;\n\nSurface.Row = SurfaceRow;\nSurface.ExpandableRow = SurfaceExpandableRow;\n\nexport default Surface;\nexport { Surface, SurfaceRow, SurfaceExpandableRow };\n"],"names":["TONE_CLASSES","TONE_FOREGROUNDS","TRIPLE_SHADOW","SurfaceRow","props","children","divider","disabled","selected","selection","tone","className","style","asChild","onClick","rawHref","target","rel","trailing","role","href","safeHref","ariaLabel","ariaLabelledBy","interactive","hover","tinted","chromeClasses","controlClasses","FOCUS_RING_INSET","classes","selectedStyle","SELECTED_ROW_BACKGROUND","SELECTED_ROW_FOREGROUND","SELECTED_ROW_ACCENT","SELECTED_TEXT_CONTEXT","toneForeground","rowStyle","ariaChecked","ariaCurrent","rowFallbackAria","paintOnChild","isRenderableNode","control","jsx","resolveRel","jsxs","ExpandableRowControls","event","EXPANDABLE_ROW_LEAD_PX","SurfaceExpandableRow","header","expanded","onToggle","sticky","stickyTopOffset","bodyId","React","toggle","DisclosureArrow","Surface","padding","overflow","FOREGROUND_RESET"],"mappings":";;;;;;;;;AAmFA,MAAMA,IAAqE;AAAA,EACvE,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACX,GAUMC,IAAkF;AAAA,EACpF,SAAS;AAAA,EACT,OAAO;AACX,GASMC,IACF,yGASEC,IAA2C,CAACC,MAAU;AACxD,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,EAAA,IACAR,GACES,IAAUT,EAAM,YAAY,IAC5B,EAAE,SAAAU,GAAS,MAAMC,GAAS,QAAAC,GAAQ,KAAAC,GAAK,UAAAC,GAAU,MAAAC,EAAA,IAASN,IACzD,CAAA,IACAT,GAEDgB,IAAOC,EAASN,CAAO,GACvBO,IAAYT,IAAU,SAAaT,EAA0B,YAAY,GACzEmB,IAAiBV,IAAU,SAAaT,EAA0B,iBAAiB,GACnFoB,IAAc,GAAQV,KAAWM,IAEjCK,IACFlB,MAAaiB,KAAeX,KACtB,KACA,6EAKJa,IAAShB,MAAS,WAGlBiB,IAAgB;AAAA,IAClB;AAAA,IAHc3B,EAAaU,CAAI;AAAA,IAK/BJ,IAAU,gEAAgE;AAAA,IAC1EmB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAEPG,IAAiB;AAAA,IACnBJ,IACM,mBAAmBE,IAAS,KAAK,gBAAgB,QAAQG,CAAgB,KACzE;AAAA,IACNL,KAAe,CAACjB,IAAW,mBAAmB;AAAA,EAAA,EAE7C,OAAO,OAAO,EACd,KAAK,GAAG,GAEPuB,IAAU,CAACH,GAAeC,GAAgBjB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAM7EoB,IACFvB,MALWC,IAAYA,MAAc,cAAcU,MAAS,cAMtD;AAAA,IACI,iBAAiB,mBAAmBa,CAAuB,KAAKA,CAAuB;AAAA,IACvF,OAAOC;AAAA,IACP,WAAW,iBAAiBC,CAAmB;AAAA,IAC/C,GAAGC;AAAA,EAAA,IAEP,CAAA,GAEJC,IAAiBnC,EAAiBS,CAAI,GAUtC2B,IAAW,EAAE,GAToBD,IAChC;AAAA,IACG,OAAOA;AAAA,IACP,gCAAgCA;AAAA,EAAA,IAEpC,CAAA,GAI2B,GAAGL,GAAe,GAAGnB,EAAA,GAEhD0B,IAAcnB,MAAS,WAAWA,MAAS,aAAa,EAAQX,IAAY,QAG5E+B,IAAcD,MAAgB,UAAa9B,IAAW,KAAO,QAK7DgC,IAAkB;AAAA,IACpB,MAAArB;AAAA,IACA,gBAAgBmB;AAAA,IAChB,gBAAgBC;AAAA,IAChB,cAAcjB;AAAA,IACd,mBAAmBC;AAAA,IACnB,iBAAiBJ,KAAQZ,IAAW,KAAO;AAAA,EAAA;AAG/C,MAAIM;AACA,WAAO4B,EAAapC,GAAUyB,GAASO,CAAQ;AAGnD,MAAIK,EAAiBxB,CAAQ,GAAG;AAC5B,UAAMyB,IACFvB,KAAQ,CAACb,IACL,gBAAAqC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAAxB;AAAA,QACA,QAAAJ;AAAA,QACA,KAAK6B,EAAW5B,GAAKD,CAAM;AAAA,QAC3B,SAAAF;AAAA,QACA,WAAW,GAAGc,CAAc;AAAA,QAC5B,MAAAT;AAAA,QACA,gBAAcmB;AAAA,QACd,gBAAcC;AAAA,QACd,cAAYjB;AAAA,QACZ,mBAAiBC;AAAA,QAEhB,UAAAlB;AAAA,MAAA;AAAA,IAAA,IAELS,IACA,gBAAA8B;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,SAAA9B;AAAA,QACA,UAAAP;AAAA,QACA,WAAW,GAAGqB,CAAc;AAAA,QAC5B,MAAAT;AAAA,QACA,gBAAcmB;AAAA,QACd,gBAAcC;AAAA,QACd,cAAYjB;AAAA,QACZ,mBAAiBC;AAAA,QAEhB,UAAAlB;AAAA,MAAA;AAAA,IAAA;AAAA;AAAA;AAAA,wBAKJ,OAAA,EAAI,WAAU,kBAAkB,GAAGmC,GAC/B,UAAAnC,EAAA,CACL;AAAA;AAGR,WACI,gBAAAyC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,CAACnB,GAAe,qBAAqBhB,CAAS,EACpD,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACb,OAAO0B;AAAA,QAEN,UAAA;AAAA,UAAAM;AAAA,UACD,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BAA8B,UAAA1B,EAAA,CAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlE;AAEA,SAAIE,KAAQ,CAACb,IAEL,gBAAAqC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAAxB;AAAA,MACA,QAAAJ;AAAA,MACA,KAAK6B,EAAW5B,GAAKD,CAAM;AAAA,MAC3B,SAAAF;AAAA,MACA,WAAW,GAAGgB,CAAO;AAAA,MACrB,OAAOO;AAAA,MACP,MAAAlB;AAAA,MACA,gBAAcmB;AAAA,MACd,gBAAcC;AAAA,MACd,cAAYjB;AAAA,MACZ,mBAAiBC;AAAA,MAEhB,UAAAlB;AAAA,IAAA;AAAA,EAAA,IAKTS,IAEI,gBAAA8B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,SAAA9B;AAAA,MACA,UAAAP;AAAA,MACA,WAAWuB;AAAA,MACX,OAAOO;AAAA,MACP,MAAAlB;AAAA,MACA,gBAAcmB;AAAA,MACd,gBAAcC;AAAA,MACd,cAAYjB;AAAA,MACZ,mBAAiBC;AAAA,MAEhB,UAAAlB;AAAA,IAAA;AAAA,EAAA,IAMT,gBAAAuC,EAAC,SAAI,WAAWd,GAAS,OAAOO,GAAW,GAAGG,GACzC,UAAAnC,GACL;AAER,GAgCM0C,IAID,CAAC,EAAE,UAAA1C,GAAU,WAAAM,IAAY,IAAI,OAAAC,QAC9B,gBAAAgC,EAAC,OAAA,EAAI,WAAAjC,GAAsB,OAAAC,GAAc,SAAS,CAACoC,MAAUA,EAAM,gBAAA,GAC9D,UAAA3C,GACL,GAgBS4C,KAAyB,IAEhCC,IAEF,OAAO;AAAA,EACP,CAAC;AAAA,IACG,QAAAC;AAAA,IACA,UAAA9C;AAAA,IACA,UAAA+C;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,iBAAAC,IAAkB;AAAA,IAClB,SAAAjD,IAAU;AAAA,IACV,MAAAI,IAAO;AAAA,IACP,cAAcY;AAAA,IACd,WAAAX,IAAY;AAAA,IACZ,OAAAC;AAAA,EAAA,MAC6B;AAC7B,UAAM4C,IAASC,EAAM,MAAA,GACfC,IAASL,IAAW,MAAMA,EAAS,CAACD,CAAQ,IAAI;AAEtD,WACI,gBAAAN,EAAC3C,GAAA,EAAW,SAAAG,GAAkB,MAAAI,GAAY,WAAAC,GAAsB,OAAAC,GAE5D,UAAA;AAAA,MAAA,gBAAAkC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,kCAAkCY,IAAS,mBAAmB,EAAE,IACvEJ,KAAUF,IACJ,uDACA,EACV;AAAA,UACA,OAAOE,KAAUF,IAAW,EAAE,KAAKG,MAAoB;AAAA,UAGvD,SAASG;AAAA,UACT,MAAK;AAAA,UAIL,UAAA;AAAA,YAAA,gBAAAd,EAAC,QAAA,EAAK,WAAU,kDACX,UAAAc,KACG,gBAAAd;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,WAAW,gFAAgFf,CAAgB;AAAA,gBAC3G,iBAAeuB;AAAA,gBACf,iBAAeI;AAAA,gBACf,cAAYlC;AAAA,gBACZ,SAAS,CAAC0B,MAAU;AAChB,kBAAAA,EAAM,gBAAA,GACNU,EAAA;AAAA,gBACJ;AAAA,gBAEA,UAAA,gBAAAd,EAACe,KAAgB,UAAAP,EAAA,CAAoB;AAAA,cAAA;AAAA,YAAA,GAGjD;AAAA,YACCD;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJC,KAAY,gBAAAR,EAAC,OAAA,EAAI,IAAIY,GAAS,UAAAnD,EAAA,CAAS;AAAA,IAAA,GAC5C;AAAA,EAER;AAAA,EACA,EAAE,UAAU0C,EAAA;AAChB,GAOMa,IAAW,CAAC;AAAA,EACd,UAAAvD;AAAA,EACA,SAAAwD,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,MAAA3C;AAAA,EACA,cAAcG;AAAA,EACd,mBAAmBC;AAAA,EACnB,WAAAZ,IAAY;AAAA,EACZ,OAAAC;AACJ,MASQ,gBAAAgC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,qDAPfkB,MAAa,SACP,kBACAA,MAAa,YACX,qBACA,iBAGyE,oGAAoGD,IAAU,cAAc,EAAE,IAAIlD,CAAS;AAAA,IACxN,OAAO,EAAE,WAAWT,GAAe,GAAG6D,GAAkB,GAAGnD,EAAA;AAAA,IAC3D,MAAAO;AAAA,IACA,cAAYG;AAAA,IACZ,mBAAiBC;AAAA,IAEhB,UAAAlB;AAAA,EAAA;AAAA;AAKbuD,EAAQ,MAAMzD;AACdyD,EAAQ,gBAAgBV;"}
1
+ {"version":3,"file":"Surface.js","sources":["../../src/components/Surface.tsx"],"sourcesContent":["import React from 'react';\nimport { paintOnChild } from './asChild';\nimport DisclosureArrow from './DisclosureArrow';\nimport { FOCUS_RING_INSET } from './focusRing';\nimport { resolveRel } from './linkRel';\nimport { safeHref } from './safeHref';\nimport { isRenderableNode } from './renderableNode';\nimport {\n FOREGROUND_RESET,\n SELECTED_ROW_ACCENT,\n SELECTED_ROW_BACKGROUND,\n SELECTED_ROW_FOREGROUND,\n SELECTED_TEXT_CONTEXT,\n} from './selectedRow';\n\nexport interface SurfaceProps {\n children?: React.ReactNode;\n padding?: boolean;\n /**\n * Content overflow. Defaults to `hidden` so children are clipped to the rounded\n * corners. Use `clip` to keep the rounded clipping WITHOUT creating a scroll\n * container — so a `position: sticky` descendant still pins (unlike `hidden`,\n * which traps it). `visible` disables clipping entirely.\n */\n overflow?: 'hidden' | 'visible' | 'clip';\n role?: React.AriaRole;\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n className?: string;\n style?: React.CSSProperties;\n}\n\ninterface SurfaceRowChromeProps {\n children?: React.ReactNode;\n /** Renders a bottom divider — omit on the last row in a Surface. */\n divider?: boolean;\n /** Removes the hover affordance / disables the control (e.g. while loading/busy). */\n disabled?: boolean;\n /** Announces the row as selected — `aria-checked` under a `radio`/`checkbox` role,\n * `aria-current` otherwise — and paints `Table`'s selected treatment unless `selection`\n * says not to. `'mixed'` is for a `checkbox` row that is partly selected: it announces\n * `aria-checked=\"mixed\"` there, never paints and never marks the row current, and counts\n * as not selected under any other role. */\n selected?: boolean | 'mixed';\n /** How a `selected` row shows it. `highlight` paints the treatment; `announce` leaves the\n * visual to a control inside the row and only sets the ARIA state. Defaults to `announce`\n * under `role=\"checkbox\"` and `highlight` otherwise. */\n selection?: 'highlight' | 'announce';\n /**\n * Tints the whole row by what it reports. `muted` is a row whose subject is inactive —\n * not disabled: it stays interactive. `success` and `error` are for a row that carries\n * an outcome, where the result belongs to the whole line rather than to one cell in it.\n */\n tone?: 'default' | 'muted' | 'success' | 'error';\n className?: string;\n style?: React.CSSProperties;\n}\n\n/** Stays an interface under its original name: a consumer may `extends` it. */\nexport interface SurfaceRowProps extends SurfaceRowChromeProps {\n asChild?: false;\n /**\n * When provided, the whole row becomes clickable: it renders as a `<button>`\n * (or `<a>` when `href` is set), so the entire row is the click target with\n * native focus + Enter/Space — no manual tabIndex/key handlers. For a\n * selectable row, put a presentational `<Radio>`/`<Checkbox>` inside as the\n * visual indicator; do NOT nest an interactive control (invalid + double tab stop).\n */\n onClick?: (event: React.MouseEvent) => void;\n /** Renders the clickable row as an anchor instead of a button. */\n href?: string;\n target?: React.HTMLAttributeAnchorTarget;\n rel?: string;\n /** Content pinned right, outside the row button, so it may hold its own control. */\n trailing?: React.ReactNode;\n /**\n * Shows `trailing` only while the row is hovered or holds focus, and while a menu\n * it opened is still open. Hidden by opacity, so it stays in the tab order; a touch screen,\n * which has no hover, always shows it.\n */\n revealTrailing?: boolean;\n /** ARIA role for a clickable row, e.g. `radio`/`checkbox` (wrap the list in a `radiogroup`). */\n role?: React.AriaRole;\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n}\n\n/**\n * The outcome tones reuse the tag tokens rather than minting row ones, so a row saying \"this\n * passed\" and a tag saying it are the same green wherever the two sit together.\n */\nconst TONE_CLASSES: Record<NonNullable<SurfaceRowProps['tone']>, string> = {\n default: '',\n muted: 'bg-[var(--malachite-card-dimmed-background)]',\n success: 'bg-[var(--malachite-tag-success-background)]',\n error: 'bg-[var(--malachite-tag-error-background)]',\n};\n\n/**\n * The text an outcome tone carries with it, through the same context channel a selected row\n * uses, so `Typography` inside the row follows the tint instead of staying near-black on it.\n * `color` as well, for row content that is not Typography.\n *\n * Only the outcome tones. `muted` dims its subject rather than recolouring it, and its\n * foreground is the ordinary one.\n */\nconst TONE_FOREGROUNDS: Partial<Record<NonNullable<SurfaceRowProps['tone']>, string>> = {\n success: 'var(--malachite-tag-success-foreground)',\n error: 'var(--malachite-tag-error-foreground)',\n};\n\nexport interface SurfaceRowAsChildProps extends SurfaceRowChromeProps {\n asChild: true;\n children: React.ReactElement;\n}\n\nexport type AnySurfaceRowProps = SurfaceRowProps | SurfaceRowAsChildProps;\n\n// Not `group-hover` or `group-has-[:focus-visible]`: WebKit never applies the first (its\n// `@media (hover: hover)` nested in the group selector) nor the second inside a shadow root,\n// so the control stayed hidden in Safari. An open menu takes focus out of the row into a\n// portal, and would otherwise lose its trigger.\nconst REVEALED_ON_INTERACTION =\n 'opacity-0 transition-opacity group-[:hover]/row:opacity-100 group-focus-within/row:opacity-100 has-[[aria-expanded=true]]:opacity-100 [@media(hover:none)]:opacity-100';\n\nconst TRIPLE_SHADOW =\n '0px 0px 4px 0px rgba(0,0,0,0.08), 0px 4px 4px 0px rgba(0,0,0,0.08), 0px 4px 10px 0px rgba(0,0,0,0.05)';\n\n/**\n * A single full-bleed row inside a <Surface>. Owns the row chrome — hover\n * highlight, colour transition and an optional bottom divider — so consumers\n * compose their own content inside without re-implementing design-system styling.\n * Pass `onClick`/`href` to make the entire row clickable (rendered as a real\n * button/anchor, so keyboard navigation works natively).\n */\nconst SurfaceRow: React.FC<AnySurfaceRowProps> = (props) => {\n const {\n children,\n divider = false,\n disabled = false,\n selected,\n selection,\n tone = 'default',\n className = '',\n style,\n } = props;\n const asChild = props.asChild === true;\n const {\n onClick,\n href: rawHref,\n target,\n rel,\n trailing,\n revealTrailing,\n role,\n } = asChild ? ({} as SurfaceRowProps) : (props as SurfaceRowProps);\n // A rejected href (e.g. `javascript:`) leaves the row a button or a plain row, never an anchor.\n const href = safeHref(rawHref);\n const ariaLabel = asChild ? undefined : (props as SurfaceRowProps)['aria-label'];\n const ariaLabelledBy = asChild ? undefined : (props as SurfaceRowProps)['aria-labelledby'];\n const interactive = Boolean(onClick || href);\n // `asChild` is interactive for the hover affordance only, not the focus/reset classes.\n const hover =\n disabled && (interactive || asChild)\n ? ''\n : 'transition-colors hover:bg-[var(--malachite-buttonlist-hover-background)]';\n\n // A class, not an inline colour, which would outrank the hover utility. It replaces the\n // button reset's `bg-transparent` rather than joining it: same specificity, so the winner\n // would be whichever Tailwind emitted last.\n const tinted = tone !== 'default';\n const toneClass = TONE_CLASSES[tone];\n\n const chromeClasses = [\n 'w-full text-left border-0',\n toneClass,\n divider ? 'border-b border-solid border-[var(--malachite-card-border)]' : '',\n hover,\n ]\n .filter(Boolean)\n .join(' ');\n\n const controlClasses = [\n interactive\n ? `appearance-none ${tinted ? '' : 'bg-transparent'} p-0 ${FOCUS_RING_INSET}`\n : '',\n interactive && !disabled ? 'cursor-pointer' : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n const classes = [chromeClasses, controlClasses, className].filter(Boolean).join(' ');\n\n const paints = selection ? selection === 'highlight' : role !== 'checkbox';\n\n // A gradient layer so the tint composites over hover, and an inset shadow because\n // `ring-*` silently doesn't paint in a shadow root.\n const selectedStyle: React.CSSProperties =\n selected === true && paints\n ? {\n backgroundImage: `linear-gradient(${SELECTED_ROW_BACKGROUND}, ${SELECTED_ROW_BACKGROUND})`,\n color: SELECTED_ROW_FOREGROUND,\n boxShadow: `inset 2px 0 0 ${SELECTED_ROW_ACCENT}`,\n ...SELECTED_TEXT_CONTEXT,\n }\n : {};\n\n const toneForeground = TONE_FOREGROUNDS[tone];\n const toneStyle: React.CSSProperties = toneForeground\n ? ({\n color: toneForeground,\n '--malachite-ctx-text-primary': toneForeground,\n } as React.CSSProperties)\n : {};\n\n // `selected` last of the two: a row can be both, and selection is the state the reader is\n // acting on, so it wins the colour.\n const rowStyle = { ...toneStyle, ...selectedStyle, ...style };\n\n // Only a checkbox has a partly-checked state; a radio is chosen or not.\n const ariaChecked =\n role === 'checkbox' && selected === 'mixed'\n ? ('mixed' as const)\n : role === 'radio' || role === 'checkbox'\n ? selected === true\n : undefined;\n // `aria-current`, not `aria-pressed`: a selected row is one of many choices, not a toggle\n // (same call as `Dropdown`'s options). A role that carries its own state uses that instead.\n const ariaCurrent = ariaChecked === undefined && selected === true ? true : undefined;\n\n // Everything a control would have carried, for the branches that render none: the row\n // element is then the only thing assistive tech sees. `aria-disabled` because there is no\n // control to be natively disabled — and it is inert without a role, like the name.\n const rowFallbackAria = {\n role,\n 'aria-checked': ariaChecked,\n 'aria-current': ariaCurrent,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-disabled': role && disabled ? true : undefined,\n };\n\n if (asChild) {\n return paintOnChild(children, classes, rowStyle);\n }\n\n if (isRenderableNode(trailing)) {\n const control =\n href && !disabled ? (\n <a\n href={href}\n target={target}\n rel={resolveRel(rel, target)}\n onClick={onClick}\n className={`${controlClasses} border-0 flex-1 min-w-0 text-left no-underline text-inherit`}\n role={role}\n aria-checked={ariaChecked}\n aria-current={ariaCurrent}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n >\n {children}\n </a>\n ) : onClick ? (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n className={`${controlClasses} border-0 flex-1 min-w-0 text-left`}\n role={role}\n aria-checked={ariaChecked}\n aria-current={ariaCurrent}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n >\n {children}\n </button>\n ) : (\n // The set goes here, not on the wrapper: `radio` and `checkbox` make their\n // descendants presentational, which would bury a control in the trailing slot.\n <div className=\"flex-1 min-w-0\" {...rowFallbackAria}>\n {children}\n </div>\n );\n\n return (\n <div\n className={[\n chromeClasses,\n 'flex items-center',\n revealTrailing ? 'group/row' : '',\n className,\n ]\n .filter(Boolean)\n .join(' ')}\n style={rowStyle}\n >\n {control}\n <div\n className={`shrink-0 flex items-center ${revealTrailing ? REVEALED_ON_INTERACTION : ''}`}\n >\n {trailing}\n </div>\n </div>\n );\n }\n\n if (href && !disabled) {\n return (\n <a\n href={href}\n target={target}\n rel={resolveRel(rel, target)}\n onClick={onClick}\n className={`${classes} no-underline text-inherit`}\n style={rowStyle}\n role={role}\n aria-checked={ariaChecked}\n aria-current={ariaCurrent}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n >\n {children}\n </a>\n );\n }\n\n if (onClick) {\n return (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n className={classes}\n style={rowStyle}\n role={role}\n aria-checked={ariaChecked}\n aria-current={ariaCurrent}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n >\n {children}\n </button>\n );\n }\n\n return (\n <div className={classes} style={rowStyle} {...rowFallbackAria}>\n {children}\n </div>\n );\n};\n\nexport interface SurfaceExpandableRowProps {\n /** The row itself, laid out across the line. May hold its own controls. */\n header: React.ReactNode;\n /** The body, rendered beneath the row while it is open. */\n children?: React.ReactNode;\n expanded: boolean;\n /** Omit for a row that cannot open. The arrow's space is still reserved, so a list of\n * rows stays in one column whether or not each one has a body. */\n onToggle?: (expanded: boolean) => void;\n /**\n * Pins the row while its body scrolls, so a long body never leaves the reader without\n * the line it belongs to. Offset by whatever is already pinned above it.\n */\n sticky?: boolean;\n stickyTopOffset?: number;\n divider?: boolean;\n tone?: SurfaceRowProps['tone'];\n /** Names the disclosure control, which is otherwise only an arrow. */\n 'aria-label'?: string;\n className?: string;\n style?: React.CSSProperties;\n}\n\n/**\n * Stops a click inside it from toggling the row, for the cells that hold controls.\n *\n * Explicit rather than sniffing the event's target for an interactive ancestor: a control\n * rendering into a shadow root retargets the event to its host, so the sniff would miss\n * exactly the components most likely to sit in a row.\n */\nconst ExpandableRowControls: React.FC<{\n children?: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n}> = ({ children, className = '', style }) => (\n <div className={className} style={style} onClick={(event) => event.stopPropagation()}>\n {children}\n </div>\n);\n\n/**\n * A row that opens to reveal a body, for a line that carries its own controls.\n *\n * Not `Accordion`: that puts its header inside the toggle button, so a header holding a\n * dropdown or a second button is invalid. Here the row surface takes the click and a cell\n * opts out with `ExpandableRow.Controls`, while the arrow stays a real button so the\n * keyboard reaches it.\n */\n/**\n * The space before the header: the arrow's own inset, its glyph and the gap after it.\n * Exported so a consumer aligning a column header above these rows offsets by the same\n * amount instead of guessing at it.\n */\nexport const EXPANDABLE_ROW_LEAD_PX = 39;\n\nconst SurfaceExpandableRow: React.FC<SurfaceExpandableRowProps> & {\n Controls: typeof ExpandableRowControls;\n} = Object.assign(\n ({\n header,\n children,\n expanded,\n onToggle,\n sticky = false,\n stickyTopOffset = 0,\n divider = false,\n tone = 'default',\n 'aria-label': ariaLabel,\n className = '',\n style,\n }: SurfaceExpandableRowProps) => {\n const bodyId = React.useId();\n const toggle = onToggle ? () => onToggle(!expanded) : undefined;\n\n return (\n <SurfaceRow divider={divider} tone={tone} className={className} style={style}>\n {/* `group` so the arrow takes its hover state from the whole row. */}\n <div\n className={`group flex items-center w-full ${toggle ? 'cursor-pointer' : ''} ${\n sticky && expanded\n ? 'sticky z-[1] bg-[var(--malachite-card-background)]'\n : ''\n }`}\n style={sticky && expanded ? { top: stickyTopOffset } : undefined}\n // Presentational: the arrow below is the keyboard control, and this only\n // widens the pointer target.\n onClick={toggle}\n role=\"presentation\"\n >\n {/* Reserved whether or not this row opens, so a list stays in one column.\n The inset and gap match Accordion's header. */}\n <span className=\"shrink-0 flex items-center pl-[16px] pr-[12px]\">\n {toggle && (\n <button\n type=\"button\"\n className={`appearance-none bg-transparent border-0 p-0 flex items-center cursor-pointer ${FOCUS_RING_INSET}`}\n aria-expanded={expanded}\n aria-controls={bodyId}\n aria-label={ariaLabel}\n onClick={(event) => {\n event.stopPropagation();\n toggle();\n }}\n >\n <DisclosureArrow expanded={expanded} />\n </button>\n )}\n </span>\n {header}\n </div>\n {expanded && <div id={bodyId}>{children}</div>}\n </SurfaceRow>\n );\n },\n { Controls: ExpandableRowControls },\n);\n\ninterface SurfaceComponent extends React.FC<SurfaceProps> {\n Row: React.FC<AnySurfaceRowProps>;\n ExpandableRow: typeof SurfaceExpandableRow;\n}\n\nconst Surface = (({\n children,\n padding = false,\n overflow = 'hidden',\n role,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n className = '',\n style,\n}: SurfaceProps) => {\n // Literal class names (not interpolated) so Tailwind's JIT emits them.\n const overflowClass =\n overflow === 'clip'\n ? 'overflow-clip'\n : overflow === 'visible'\n ? 'overflow-visible'\n : 'overflow-hidden';\n return (\n <div\n className={`w-full rounded-[var(--malachite-radius-xxl,14px)] ${overflowClass} bg-[var(--malachite-card-background)] border border-solid border-[var(--malachite-card-border)] ${padding ? 'py-3 px-4' : ''} ${className}`}\n style={{ boxShadow: TRIPLE_SHADOW, ...FOREGROUND_RESET, ...style }}\n role={role}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n >\n {children}\n </div>\n );\n}) as SurfaceComponent;\n\nSurface.Row = SurfaceRow;\nSurface.ExpandableRow = SurfaceExpandableRow;\n\nexport default Surface;\nexport { Surface, SurfaceRow, SurfaceExpandableRow };\n"],"names":["TONE_CLASSES","TONE_FOREGROUNDS","REVEALED_ON_INTERACTION","TRIPLE_SHADOW","SurfaceRow","props","children","divider","disabled","selected","selection","tone","className","style","asChild","onClick","rawHref","target","rel","trailing","revealTrailing","role","href","safeHref","ariaLabel","ariaLabelledBy","interactive","hover","tinted","chromeClasses","controlClasses","FOCUS_RING_INSET","classes","selectedStyle","SELECTED_ROW_BACKGROUND","SELECTED_ROW_FOREGROUND","SELECTED_ROW_ACCENT","SELECTED_TEXT_CONTEXT","toneForeground","rowStyle","ariaChecked","ariaCurrent","rowFallbackAria","paintOnChild","isRenderableNode","control","jsx","resolveRel","jsxs","ExpandableRowControls","event","EXPANDABLE_ROW_LEAD_PX","SurfaceExpandableRow","header","expanded","onToggle","sticky","stickyTopOffset","bodyId","React","toggle","DisclosureArrow","Surface","padding","overflow","FOREGROUND_RESET"],"mappings":";;;;;;;;;AA2FA,MAAMA,IAAqE;AAAA,EACvE,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AACX,GAUMC,IAAkF;AAAA,EACpF,SAAS;AAAA,EACT,OAAO;AACX,GAaMC,IACF,0KAEEC,IACF,yGASEC,IAA2C,CAACC,MAAU;AACxD,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,EAAA,IACAR,GACES,IAAUT,EAAM,YAAY,IAC5B;AAAA,IACF,SAAAU;AAAA,IACA,MAAMC;AAAA,IACN,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACAP,IAAW,CAAA,IAA0BT,GAEnCiB,IAAOC,EAASP,CAAO,GACvBQ,IAAYV,IAAU,SAAaT,EAA0B,YAAY,GACzEoB,IAAiBX,IAAU,SAAaT,EAA0B,iBAAiB,GACnFqB,IAAc,GAAQX,KAAWO,IAEjCK,IACFnB,MAAakB,KAAeZ,KACtB,KACA,6EAKJc,IAASjB,MAAS,WAGlBkB,IAAgB;AAAA,IAClB;AAAA,IAHc7B,EAAaW,CAAI;AAAA,IAK/BJ,IAAU,gEAAgE;AAAA,IAC1EoB;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAEPG,IAAiB;AAAA,IACnBJ,IACM,mBAAmBE,IAAS,KAAK,gBAAgB,QAAQG,CAAgB,KACzE;AAAA,IACNL,KAAe,CAAClB,IAAW,mBAAmB;AAAA,EAAA,EAE7C,OAAO,OAAO,EACd,KAAK,GAAG,GAEPwB,IAAU,CAACH,GAAeC,GAAgBlB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAM7EqB,IACFxB,MAAa,OALFC,IAAYA,MAAc,cAAcW,MAAS,cAMtD;AAAA,IACI,iBAAiB,mBAAmBa,CAAuB,KAAKA,CAAuB;AAAA,IACvF,OAAOC;AAAA,IACP,WAAW,iBAAiBC,CAAmB;AAAA,IAC/C,GAAGC;AAAA,EAAA,IAEP,CAAA,GAEJC,IAAiBrC,EAAiBU,CAAI,GAUtC4B,IAAW,EAAE,GAToBD,IAChC;AAAA,IACG,OAAOA;AAAA,IACP,gCAAgCA;AAAA,EAAA,IAEpC,CAAA,GAI2B,GAAGL,GAAe,GAAGpB,EAAA,GAGhD2B,IACFnB,MAAS,cAAcZ,MAAa,UAC7B,UACDY,MAAS,WAAWA,MAAS,aAC3BZ,MAAa,KACb,QAGNgC,IAAcD,MAAgB,UAAa/B,MAAa,KAAO,KAAO,QAKtEiC,IAAkB;AAAA,IACpB,MAAArB;AAAA,IACA,gBAAgBmB;AAAA,IAChB,gBAAgBC;AAAA,IAChB,cAAcjB;AAAA,IACd,mBAAmBC;AAAA,IACnB,iBAAiBJ,KAAQb,IAAW,KAAO;AAAA,EAAA;AAG/C,MAAIM;AACA,WAAO6B,EAAarC,GAAU0B,GAASO,CAAQ;AAGnD,MAAIK,EAAiBzB,CAAQ,GAAG;AAC5B,UAAM0B,IACFvB,KAAQ,CAACd,IACL,gBAAAsC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAAxB;AAAA,QACA,QAAAL;AAAA,QACA,KAAK8B,EAAW7B,GAAKD,CAAM;AAAA,QAC3B,SAAAF;AAAA,QACA,WAAW,GAAGe,CAAc;AAAA,QAC5B,MAAAT;AAAA,QACA,gBAAcmB;AAAA,QACd,gBAAcC;AAAA,QACd,cAAYjB;AAAA,QACZ,mBAAiBC;AAAA,QAEhB,UAAAnB;AAAA,MAAA;AAAA,IAAA,IAELS,IACA,gBAAA+B;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,SAAA/B;AAAA,QACA,UAAAP;AAAA,QACA,WAAW,GAAGsB,CAAc;AAAA,QAC5B,MAAAT;AAAA,QACA,gBAAcmB;AAAA,QACd,gBAAcC;AAAA,QACd,cAAYjB;AAAA,QACZ,mBAAiBC;AAAA,QAEhB,UAAAnB;AAAA,MAAA;AAAA,IAAA;AAAA;AAAA;AAAA,wBAKJ,OAAA,EAAI,WAAU,kBAAkB,GAAGoC,GAC/B,UAAApC,EAAA,CACL;AAAA;AAGR,WACI,gBAAA0C;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW;AAAA,UACPnB;AAAA,UACA;AAAA,UACAT,IAAiB,cAAc;AAAA,UAC/BR;AAAA,QAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QACb,OAAO2B;AAAA,QAEN,UAAA;AAAA,UAAAM;AAAA,UACD,gBAAAC;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAW,8BAA8B1B,IAAiBlB,IAA0B,EAAE;AAAA,cAErF,UAAAiB;AAAA,YAAA;AAAA,UAAA;AAAA,QACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AAEA,SAAIG,KAAQ,CAACd,IAEL,gBAAAsC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAAxB;AAAA,MACA,QAAAL;AAAA,MACA,KAAK8B,EAAW7B,GAAKD,CAAM;AAAA,MAC3B,SAAAF;AAAA,MACA,WAAW,GAAGiB,CAAO;AAAA,MACrB,OAAOO;AAAA,MACP,MAAAlB;AAAA,MACA,gBAAcmB;AAAA,MACd,gBAAcC;AAAA,MACd,cAAYjB;AAAA,MACZ,mBAAiBC;AAAA,MAEhB,UAAAnB;AAAA,IAAA;AAAA,EAAA,IAKTS,IAEI,gBAAA+B;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,SAAA/B;AAAA,MACA,UAAAP;AAAA,MACA,WAAWwB;AAAA,MACX,OAAOO;AAAA,MACP,MAAAlB;AAAA,MACA,gBAAcmB;AAAA,MACd,gBAAcC;AAAA,MACd,cAAYjB;AAAA,MACZ,mBAAiBC;AAAA,MAEhB,UAAAnB;AAAA,IAAA;AAAA,EAAA,IAMT,gBAAAwC,EAAC,SAAI,WAAWd,GAAS,OAAOO,GAAW,GAAGG,GACzC,UAAApC,GACL;AAER,GAgCM2C,IAID,CAAC,EAAE,UAAA3C,GAAU,WAAAM,IAAY,IAAI,OAAAC,QAC9B,gBAAAiC,EAAC,OAAA,EAAI,WAAAlC,GAAsB,OAAAC,GAAc,SAAS,CAACqC,MAAUA,EAAM,gBAAA,GAC9D,UAAA5C,GACL,GAgBS6C,KAAyB,IAEhCC,KAEF,OAAO;AAAA,EACP,CAAC;AAAA,IACG,QAAAC;AAAA,IACA,UAAA/C;AAAA,IACA,UAAAgD;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,iBAAAC,IAAkB;AAAA,IAClB,SAAAlD,IAAU;AAAA,IACV,MAAAI,IAAO;AAAA,IACP,cAAca;AAAA,IACd,WAAAZ,IAAY;AAAA,IACZ,OAAAC;AAAA,EAAA,MAC6B;AAC7B,UAAM6C,IAASC,EAAM,MAAA,GACfC,IAASL,IAAW,MAAMA,EAAS,CAACD,CAAQ,IAAI;AAEtD,WACI,gBAAAN,EAAC5C,GAAA,EAAW,SAAAG,GAAkB,MAAAI,GAAY,WAAAC,GAAsB,OAAAC,GAE5D,UAAA;AAAA,MAAA,gBAAAmC;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,kCAAkCY,IAAS,mBAAmB,EAAE,IACvEJ,KAAUF,IACJ,uDACA,EACV;AAAA,UACA,OAAOE,KAAUF,IAAW,EAAE,KAAKG,MAAoB;AAAA,UAGvD,SAASG;AAAA,UACT,MAAK;AAAA,UAIL,UAAA;AAAA,YAAA,gBAAAd,EAAC,QAAA,EAAK,WAAU,kDACX,UAAAc,KACG,gBAAAd;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,WAAW,gFAAgFf,CAAgB;AAAA,gBAC3G,iBAAeuB;AAAA,gBACf,iBAAeI;AAAA,gBACf,cAAYlC;AAAA,gBACZ,SAAS,CAAC0B,MAAU;AAChB,kBAAAA,EAAM,gBAAA,GACNU,EAAA;AAAA,gBACJ;AAAA,gBAEA,UAAA,gBAAAd,EAACe,KAAgB,UAAAP,EAAA,CAAoB;AAAA,cAAA;AAAA,YAAA,GAGjD;AAAA,YACCD;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJC,KAAY,gBAAAR,EAAC,OAAA,EAAI,IAAIY,GAAS,UAAApD,EAAA,CAAS;AAAA,IAAA,GAC5C;AAAA,EAER;AAAA,EACA,EAAE,UAAU2C,EAAA;AAChB,GAOMa,IAAW,CAAC;AAAA,EACd,UAAAxD;AAAA,EACA,SAAAyD,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,MAAA3C;AAAA,EACA,cAAcG;AAAA,EACd,mBAAmBC;AAAA,EACnB,WAAAb,IAAY;AAAA,EACZ,OAAAC;AACJ,MASQ,gBAAAiC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,qDAPfkB,MAAa,SACP,kBACAA,MAAa,YACX,qBACA,iBAGyE,oGAAoGD,IAAU,cAAc,EAAE,IAAInD,CAAS;AAAA,IACxN,OAAO,EAAE,WAAWT,GAAe,GAAG8D,GAAkB,GAAGpD,EAAA;AAAA,IAC3D,MAAAQ;AAAA,IACA,cAAYG;AAAA,IACZ,mBAAiBC;AAAA,IAEhB,UAAAnB;AAAA,EAAA;AAAA;AAKbwD,EAAQ,MAAM1D;AACd0D,EAAQ,gBAAgBV;"}
package/dist/index.d.ts CHANGED
@@ -4693,8 +4693,10 @@ declare interface SurfaceRowChromeProps {
4693
4693
  disabled?: boolean;
4694
4694
  /** Announces the row as selected — `aria-checked` under a `radio`/`checkbox` role,
4695
4695
  * `aria-current` otherwise — and paints `Table`'s selected treatment unless `selection`
4696
- * says not to. */
4697
- selected?: boolean;
4696
+ * says not to. `'mixed'` is for a `checkbox` row that is partly selected: it announces
4697
+ * `aria-checked="mixed"` there, never paints and never marks the row current, and counts
4698
+ * as not selected under any other role. */
4699
+ selected?: boolean | 'mixed';
4698
4700
  /** How a `selected` row shows it. `highlight` paints the treatment; `announce` leaves the
4699
4701
  * visual to a control inside the row and only sets the ARIA state. Defaults to `announce`
4700
4702
  * under `role="checkbox"` and `highlight` otherwise. */
@@ -4726,6 +4728,12 @@ export declare interface SurfaceRowProps extends SurfaceRowChromeProps {
4726
4728
  rel?: string;
4727
4729
  /** Content pinned right, outside the row button, so it may hold its own control. */
4728
4730
  trailing?: default_2.ReactNode;
4731
+ /**
4732
+ * Shows `trailing` only while the row is hovered or holds focus, and while a menu
4733
+ * it opened is still open. Hidden by opacity, so it stays in the tab order; a touch screen,
4734
+ * which has no hover, always shows it.
4735
+ */
4736
+ revealTrailing?: boolean;
4729
4737
  /** ARIA role for a clickable row, e.g. `radio`/`checkbox` (wrap the list in a `radiogroup`). */
4730
4738
  role?: default_2.AriaRole;
4731
4739
  'aria-label'?: string;
@@ -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-green-600:oklch(62.7% .194 149.214);--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-xs:20rem;--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}*{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)}}@layer components;@layer utilities{.\\@container{container-type:inline-size}.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{top:calc(var(--spacing)*1)}.top-1\\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-\\[-2\\.5px\\]{top:-2.5px}.top-\\[3px\\]{top:3px}.top-\\[8px\\]{top:8px}.top-\\[25px\\]{top:25px}.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-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.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)}.left-\\[14px\\]{left:14px}.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-2{margin-block:calc(var(--spacing)*2)}.my-\\[2px\\]{margin-block:2px}.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-\\[5px\\]{margin-right:-5px}.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-\\[7px\\]{margin-bottom:-7px}.-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}.box-border{box-sizing:border-box}.\\!hidden{display:none!important}.\\[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-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.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-0{height:calc(var(--spacing)*0)}.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-14{height:calc(var(--spacing)*14)}.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-\\[25px\\]{height:25px}.h-\\[28px\\]{height:28px}.h-\\[32px\\]{height:32px}.h-\\[33px\\]{height:33px}.h-\\[37px\\]{height:37px}.h-\\[42px\\]{height:42px}.h-\\[48px\\]{height:48px}.h-\\[59px\\]{height:59px}.h-\\[65px\\]{height:65px}.h-\\[460px\\]{height:460px}.h-\\[560px\\]{height:560px}.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-80{max-height:calc(var(--spacing)*80)}.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-8{min-height:calc(var(--spacing)*8)}.min-h-9{min-height:calc(var(--spacing)*9)}.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-\\[15px\\]{min-height:15px}.min-h-\\[25px\\]{min-height:25px}.min-h-\\[28px\\]{min-height:28px}.min-h-\\[36px\\]{min-height:36px}.min-h-\\[37px\\]{min-height:37px}.min-h-\\[50px\\]{min-height:50px}.min-h-\\[52px\\]{min-height:52px}.min-h-\\[56px\\]{min-height:56px}.min-h-\\[60px\\]{min-height:60px}.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-9{width:calc(var(--spacing)*9)}.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-\\[140px\\]{width:140px}.w-\\[143px\\]{width:143px}.w-\\[200px\\]{width:200px}.w-\\[220px\\]{width:220px}.w-\\[320px\\]{width:320px}.w-\\[420px\\]{width:420px}.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-\\[40\\%\\]{max-width:40%}.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-\\[max\\(60px\\,calc\\(100\\%-64px\\)\\)\\]{max-width:max(60px,100% - 64px)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.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-\\[60px\\]{min-width:60px}.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-\\[1_1_auto\\],.flex-auto{flex:auto}.flex-none{flex:none}.\\[flex-shrink\\:3\\]{flex-shrink:3}.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\\:translateZ\\(0\\)\\]{transform:translateZ(0)}.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}.cursor-text{cursor:text}.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-\\[5px\\]{gap:5px}.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-x-hidden{overflow-x:hidden}.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-\\[5px\\]{border-radius:5px}.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-md\\,6px\\)\\]{border-radius:var(--malachite-radius-md,6px)}.rounded-\\[var\\(--malachite-radius-sm\\,4px\\)\\]{border-radius:var(--malachite-radius-sm,4px)}.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\\,rgb\\(0\\,175\\,102\\)\\)\\]{background-color:var(--malachite-accent-background,#00af66)}.bg-\\[var\\(--malachite-accent-background-glass\\)\\]{background-color:var(--malachite-accent-background-glass)}.bg-\\[var\\(--malachite-accent-background-glass\\,rgba\\(0\\,175\\,102\\,0\\.08\\)\\)\\]{background-color:var(--malachite-accent-background-glass,#00af6614)}.bg-\\[var\\(--malachite-accent-foreground\\,rgb\\(2\\,122\\,66\\)\\)\\]{background-color:var(--malachite-accent-foreground,#027a42)}.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-card-sunken-background\\,rgb\\(250\\,250\\,250\\)\\)\\]{background-color:var(--malachite-card-sunken-background,#fafafa)}.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\\,rgba\\(0\\,0\\,0\\,0\\.08\\)\\)\\]{background-color:var(--malachite-number-tag-background,#00000014)}.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-background\\,rgb\\(241\\,241\\,241\\)\\)\\]{background-color:var(--malachite-pillbutton-background,#f1f1f1)}.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-default-background\\,rgba\\(123\\,123\\,123\\,0\\.1\\)\\)\\]{background-color:var(--malachite-tag-default-background,#7b7b7b1a)}.bg-\\[var\\(--malachite-tag-error-background\\)\\]{background-color:var(--malachite-tag-error-background)}.bg-\\[var\\(--malachite-tag-success-background\\)\\]{background-color:var(--malachite-tag-success-background)}.bg-\\[var\\(--malachite-text-destructive\\,rgb\\(237\\,53\\,54\\)\\)\\]{background-color:var(--malachite-text-destructive,#ed3536)}.bg-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]{background-color:var(--malachite-text-placeholder,#bbb)}.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-green-600{background-color:var(--color-green-600)}.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{padding:calc(var(--spacing)*1)}.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-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-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-\\[3px\\]{padding-inline:3px}.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-4{padding-block:calc(var(--spacing)*4)}.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-\\[2px\\]{padding-block:2px}.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-\\[9px\\]{padding-top:9px}.pt-\\[10px\\]{padding-top:10px}.pt-\\[10vh\\]{padding-top:10vh}.pt-\\[14px\\]{padding-top:14px}.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-\\[48px\\]{padding-right:48px}.pr-\\[52px\\]{padding-right:52px}.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-\\[18px\\]{padding-bottom:18px}.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-9{padding-left:calc(var(--spacing)*9)}.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)}.font-sans{font-family:var(--font-sans)}.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-\\[12px\\]{--tw-leading:12px;line-height:12px}.leading-\\[14px\\]{--tw-leading:14px;line-height:14px}.leading-\\[15px\\]{--tw-leading:15px;line-height:15px}.leading-\\[16px\\]{--tw-leading:16px;line-height:16px}.leading-\\[17px\\]{--tw-leading:17px;line-height:17px}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-\\[22px\\]{--tw-leading:22px;line-height:22px}.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-accent-foreground\\,rgb\\(2\\,122\\,66\\)\\)\\]{color:var(--malachite-accent-foreground,#027a42)}.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-background\\,rgb\\(255\\,255\\,255\\)\\)\\]{color:var(--malachite-card-background,#fff)}.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-foreground\\,rgb\\(123\\,123\\,123\\)\\)\\]{color:var(--malachite-pillbutton-foreground,#7b7b7b)}.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-primary-foreground\\)\\]{color:var(--malachite-primary-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-selectable-card-muted-foreground\\,\\#7b7b7b\\)\\]{color:var(--malachite-selectable-card-muted-foreground,#7b7b7b)}.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-destructive\\,rgb\\(237\\,53\\,54\\)\\)\\]{color:var(--malachite-text-destructive,#ed3536)}.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-muted\\,rgb\\(76\\,75\\,75\\)\\)\\]{color:var(--malachite-text-muted,#4c4b4b)}.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-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_4px_10px_var\\(--malachite-card-shadow\\,rgba\\(0\\,0\\,0\\,0\\.1\\)\\)\\]{box-shadow:0 4px 10px var(--malachite-card-shadow,#0000001a)}.\\[box-shadow\\:0_16px_48px_0_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{box-shadow:0 16px 48px #0000002e}.\\[box-shadow\\:0px_4px_10px_0px_var\\(--malachite-card-shadow\\,rgba\\(0\\,0\\,0\\,0\\.1\\)\\)\\]{box-shadow:0 4px 10px 0 var(--malachite-card-shadow,#0000001a)}.\\[box-shadow\\:0px_8px_24px_0px_var\\(--malachite-card-shadow\\,rgba\\(0\\,0\\,0\\,0\\.1\\)\\)\\]{box-shadow:0 8px 24px 0 var(--malachite-card-shadow,#0000001a)}.\\[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-\\[background-color\\,color\\]{transition-property:background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[background-color\\]{transition-property:background-color;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-\\[left\\,opacity\\]{transition-property:left,opacity;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)}.\\[will-change\\:opacity\\]{will-change:opacity}.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}:is(.\\*\\:max-w-full>*){max-width:100%}@media (hover:hover){.group-hover\\:bg-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group):hover *){background-color:var(--malachite-text-primary,#0a0a0a)}.group-hover\\:text-\\[var\\(--malachite-text-primary\\)\\]:is(:where(.group):hover *){color:var(--malachite-text-primary)}.group-hover\\/account\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group\\/account):hover *){color:var(--malachite-text-primary,#0a0a0a)}.group-hover\\/sidebar\\:opacity-100:is(:where(.group\\/sidebar):hover *){opacity:1}.group-hover\\/switcher\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group\\/switcher):hover *),.group-hover\\/usage\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group\\/usage):hover *){color:var(--malachite-text-primary,#0a0a0a)}}.group-focus-visible\\:block:is(:where(.group):focus-visible *){display:block}.group-has-\\[\\:focus-visible\\]\\/sidebar\\:opacity-100:is(:where(.group\\/sidebar):has(:focus-visible) *){opacity:1}.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-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]::-moz-placeholder{color:var(--malachite-text-placeholder,#bbb)}.placeholder\\:text-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]::placeholder{color:var(--malachite-text-placeholder,#bbb)}.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-buttonlist-hover-background\\,rgb\\(245\\,245\\,245\\)\\)\\]:hover{background-color:var(--malachite-buttonlist-hover-background,#f5f5f5)}.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-error-background-glass\\,rgba\\(197\\,63\\,63\\,0\\.08\\)\\)\\]:hover{background-color:var(--malachite-error-background-glass,#c53f3f14)}.hover\\:bg-\\[var\\(--malachite-number-tag-emphasis-background\\,rgba\\(0\\,0\\,0\\,0\\.15\\)\\)\\]:hover{background-color:var(--malachite-number-tag-emphasis-background,#00000026)}.hover\\:bg-\\[var\\(--malachite-pillbutton-background\\,rgb\\(241\\,241\\,241\\)\\)\\]:hover{background-color:var(--malachite-pillbutton-background,#f1f1f1)}.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\\:\\[background-image\\:linear-gradient\\(var\\(--malachite-tag-default-background\\,rgba\\(123\\,123\\,123\\,0\\.1\\)\\)\\,var\\(--malachite-tag-default-background\\,rgba\\(123\\,123\\,123\\,0\\.1\\)\\)\\)\\]:hover{background-image:linear-gradient(var(--malachite-tag-default-background,#7b7b7b1a),var(--malachite-tag-default-background,#7b7b7b1a))}.hover\\:text-\\[var\\(--malachite-accent-foreground\\)\\]:hover{color:var(--malachite-accent-foreground)}.hover\\:text-\\[var\\(--malachite-accent-foreground\\,rgb\\(2\\,122\\,66\\)\\)\\]:hover{color:var(--malachite-accent-foreground,#027a42)}.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-destructive\\,rgb\\(237\\,53\\,54\\)\\)\\]:hover{color:var(--malachite-text-destructive,#ed3536)}.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-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:hover{color:var(--malachite-text-primary,#0a0a0a)}.hover\\:text-\\[var\\(--malachite-text-secondary\\)\\]:hover{color:var(--malachite-text-secondary)}.hover\\:text-\\[var\\(--malachite-text-secondary\\,rgb\\(123\\,123\\,123\\)\\)\\]:hover{color:var(--malachite-text-secondary,#7b7b7b)}.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}@media (hover:hover){.enabled\\:hover\\:bg-\\[var\\(--malachite-pillbutton-hover-background\\,rgb\\(232\\,232\\,232\\)\\)\\]:enabled:hover{background-color:var(--malachite-pillbutton-hover-background,#e8e8e8)}}.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}.has-\\[\\[role\\=radio\\]\\:focus-visible\\]\\:\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]:has([role=radio]:focus-visible){outline:2px solid var(--malachite-text-primary)}.has-\\[\\[role\\=radio\\]\\:focus-visible\\]\\:outline-offset-2:has([role=radio]:focus-visible){outline-offset:2px}.data-\\[selected\\=true\\]\\:bg-\\[var\\(--malachite-card-sunken-background\\)\\][data-selected=true]{background-color:var(--malachite-card-sunken-background)}@supports (color:color-mix(in srgb,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:border-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_20\\%\\,transparent\\)\\]{border-color:var(--malachite-text-placeholder,#bbb)}@supports (color:color-mix(in lab,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:border-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_20\\%\\,transparent\\)\\]{border-color:color-mix(in srgb,var(--malachite-text-placeholder,#bbb)20%,transparent)}}.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-accent-background\\,rgb\\(0\\,175\\,102\\)\\)_12\\%\\,transparent\\)\\]{background-color:var(--malachite-accent-background,#00af66)}@supports (color:color-mix(in lab,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-accent-background\\,rgb\\(0\\,175\\,102\\)\\)_12\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--malachite-accent-background,#00af66)12%,transparent)}}.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_10\\%\\,transparent\\)\\]{background-color:var(--malachite-text-placeholder,#bbb)}@supports (color:color-mix(in lab,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_10\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--malachite-text-placeholder,#bbb)10%,transparent)}}}@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))}}.\\[\\&_img\\]\\:size-6 img{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.\\[\\&_img\\]\\:object-contain img{-o-object-fit:contain;object-fit:contain}.\\[\\&_svg\\]\\:size-3\\! svg{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.\\[\\&_svg\\]\\:size-4\\! svg{width:calc(var(--spacing)*4)!important;height:calc(var(--spacing)*4)!important}.\\[\\&_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}@media (hover:none){.\\[\\@media\\(hover\\:none\\)\\]\\:opacity-100{opacity:1}}}[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)}[data-malachite-dropdown-trigger]:not([data-open]):has(input:focus){border-color:var(--malachite-ctx-trigger-focus-border,var(--malachite-control-border-hover,#00af6666))!important;box-shadow:var(--malachite-ctx-trigger-focus-shadow,var(--malachite-dropdown-shadow-hover,0px 1px 0px 0px #00af6699))!important}: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-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;--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)}.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)}.icon-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,#cea36c);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,#96580a)}.malachite-number-tag{border-radius:var(--malachite-radius-md,6px);background-color:var(--malachite-number-tag-background,#00000014);min-width:16px;height:16px;color:var(--malachite-number-tag-foreground,var(--malachite-text-secondary,#7b7b7b));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,#00000026);color:var(--malachite-number-tag-emphasis-foreground,var(--malachite-text-emphasis,#222121))}@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-green-600:oklch(62.7% .194 149.214);--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-xs:20rem;--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}*{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)}}@layer components;@layer utilities{.\\@container{container-type:inline-size}.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{top:calc(var(--spacing)*1)}.top-1\\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-\\[-2\\.5px\\]{top:-2.5px}.top-\\[3px\\]{top:3px}.top-\\[8px\\]{top:8px}.top-\\[25px\\]{top:25px}.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-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.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)}.left-\\[14px\\]{left:14px}.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-2{margin-block:calc(var(--spacing)*2)}.my-\\[2px\\]{margin-block:2px}.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-\\[5px\\]{margin-right:-5px}.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-\\[7px\\]{margin-bottom:-7px}.-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}.box-border{box-sizing:border-box}.\\!hidden{display:none!important}.\\[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-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.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-0{height:calc(var(--spacing)*0)}.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-14{height:calc(var(--spacing)*14)}.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-\\[25px\\]{height:25px}.h-\\[28px\\]{height:28px}.h-\\[32px\\]{height:32px}.h-\\[33px\\]{height:33px}.h-\\[37px\\]{height:37px}.h-\\[42px\\]{height:42px}.h-\\[48px\\]{height:48px}.h-\\[59px\\]{height:59px}.h-\\[65px\\]{height:65px}.h-\\[460px\\]{height:460px}.h-\\[560px\\]{height:560px}.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-80{max-height:calc(var(--spacing)*80)}.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-8{min-height:calc(var(--spacing)*8)}.min-h-9{min-height:calc(var(--spacing)*9)}.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-\\[15px\\]{min-height:15px}.min-h-\\[25px\\]{min-height:25px}.min-h-\\[28px\\]{min-height:28px}.min-h-\\[36px\\]{min-height:36px}.min-h-\\[37px\\]{min-height:37px}.min-h-\\[50px\\]{min-height:50px}.min-h-\\[52px\\]{min-height:52px}.min-h-\\[56px\\]{min-height:56px}.min-h-\\[60px\\]{min-height:60px}.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-9{width:calc(var(--spacing)*9)}.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-\\[140px\\]{width:140px}.w-\\[143px\\]{width:143px}.w-\\[200px\\]{width:200px}.w-\\[220px\\]{width:220px}.w-\\[320px\\]{width:320px}.w-\\[420px\\]{width:420px}.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-\\[40\\%\\]{max-width:40%}.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-\\[max\\(60px\\,calc\\(100\\%-64px\\)\\)\\]{max-width:max(60px,100% - 64px)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.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-\\[60px\\]{min-width:60px}.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-\\[1_1_auto\\],.flex-auto{flex:auto}.flex-none{flex:none}.\\[flex-shrink\\:3\\]{flex-shrink:3}.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\\:translateZ\\(0\\)\\]{transform:translateZ(0)}.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}.cursor-text{cursor:text}.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-\\[5px\\]{gap:5px}.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-x-hidden{overflow-x:hidden}.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-\\[5px\\]{border-radius:5px}.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-md\\,6px\\)\\]{border-radius:var(--malachite-radius-md,6px)}.rounded-\\[var\\(--malachite-radius-sm\\,4px\\)\\]{border-radius:var(--malachite-radius-sm,4px)}.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\\,rgb\\(0\\,175\\,102\\)\\)\\]{background-color:var(--malachite-accent-background,#00af66)}.bg-\\[var\\(--malachite-accent-background-glass\\)\\]{background-color:var(--malachite-accent-background-glass)}.bg-\\[var\\(--malachite-accent-background-glass\\,rgba\\(0\\,175\\,102\\,0\\.08\\)\\)\\]{background-color:var(--malachite-accent-background-glass,#00af6614)}.bg-\\[var\\(--malachite-accent-foreground\\,rgb\\(2\\,122\\,66\\)\\)\\]{background-color:var(--malachite-accent-foreground,#027a42)}.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-card-sunken-background\\,rgb\\(250\\,250\\,250\\)\\)\\]{background-color:var(--malachite-card-sunken-background,#fafafa)}.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\\,rgba\\(0\\,0\\,0\\,0\\.08\\)\\)\\]{background-color:var(--malachite-number-tag-background,#00000014)}.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-background\\,rgb\\(241\\,241\\,241\\)\\)\\]{background-color:var(--malachite-pillbutton-background,#f1f1f1)}.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-default-background\\,rgba\\(123\\,123\\,123\\,0\\.1\\)\\)\\]{background-color:var(--malachite-tag-default-background,#7b7b7b1a)}.bg-\\[var\\(--malachite-tag-error-background\\)\\]{background-color:var(--malachite-tag-error-background)}.bg-\\[var\\(--malachite-tag-success-background\\)\\]{background-color:var(--malachite-tag-success-background)}.bg-\\[var\\(--malachite-text-destructive\\,rgb\\(237\\,53\\,54\\)\\)\\]{background-color:var(--malachite-text-destructive,#ed3536)}.bg-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]{background-color:var(--malachite-text-placeholder,#bbb)}.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-green-600{background-color:var(--color-green-600)}.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{padding:calc(var(--spacing)*1)}.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-1\\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-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-\\[3px\\]{padding-inline:3px}.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-4{padding-block:calc(var(--spacing)*4)}.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-\\[2px\\]{padding-block:2px}.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-\\[9px\\]{padding-top:9px}.pt-\\[10px\\]{padding-top:10px}.pt-\\[10vh\\]{padding-top:10vh}.pt-\\[14px\\]{padding-top:14px}.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-\\[48px\\]{padding-right:48px}.pr-\\[52px\\]{padding-right:52px}.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-\\[18px\\]{padding-bottom:18px}.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-9{padding-left:calc(var(--spacing)*9)}.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)}.font-sans{font-family:var(--font-sans)}.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-\\[12px\\]{--tw-leading:12px;line-height:12px}.leading-\\[14px\\]{--tw-leading:14px;line-height:14px}.leading-\\[15px\\]{--tw-leading:15px;line-height:15px}.leading-\\[16px\\]{--tw-leading:16px;line-height:16px}.leading-\\[17px\\]{--tw-leading:17px;line-height:17px}.leading-\\[18px\\]{--tw-leading:18px;line-height:18px}.leading-\\[22px\\]{--tw-leading:22px;line-height:22px}.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-accent-foreground\\,rgb\\(2\\,122\\,66\\)\\)\\]{color:var(--malachite-accent-foreground,#027a42)}.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-background\\,rgb\\(255\\,255\\,255\\)\\)\\]{color:var(--malachite-card-background,#fff)}.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-foreground\\,rgb\\(123\\,123\\,123\\)\\)\\]{color:var(--malachite-pillbutton-foreground,#7b7b7b)}.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-primary-foreground\\)\\]{color:var(--malachite-primary-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-selectable-card-muted-foreground\\,\\#7b7b7b\\)\\]{color:var(--malachite-selectable-card-muted-foreground,#7b7b7b)}.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-destructive\\,rgb\\(237\\,53\\,54\\)\\)\\]{color:var(--malachite-text-destructive,#ed3536)}.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-muted\\,rgb\\(76\\,75\\,75\\)\\)\\]{color:var(--malachite-text-muted,#4c4b4b)}.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-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_4px_10px_var\\(--malachite-card-shadow\\,rgba\\(0\\,0\\,0\\,0\\.1\\)\\)\\]{box-shadow:0 4px 10px var(--malachite-card-shadow,#0000001a)}.\\[box-shadow\\:0_16px_48px_0_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{box-shadow:0 16px 48px #0000002e}.\\[box-shadow\\:0px_4px_10px_0px_var\\(--malachite-card-shadow\\,rgba\\(0\\,0\\,0\\,0\\.1\\)\\)\\]{box-shadow:0 4px 10px 0 var(--malachite-card-shadow,#0000001a)}.\\[box-shadow\\:0px_8px_24px_0px_var\\(--malachite-card-shadow\\,rgba\\(0\\,0\\,0\\,0\\.1\\)\\)\\]{box-shadow:0 8px 24px 0 var(--malachite-card-shadow,#0000001a)}.\\[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-\\[background-color\\,color\\]{transition-property:background-color,color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[background-color\\]{transition-property:background-color;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-\\[left\\,opacity\\]{transition-property:left,opacity;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)}.\\[will-change\\:opacity\\]{will-change:opacity}.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}:is(.\\*\\:max-w-full>*){max-width:100%}.group-focus-within\\/row\\:opacity-100:is(:where(.group\\/row):focus-within *){opacity:1}@media (hover:hover){.group-hover\\:bg-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group):hover *){background-color:var(--malachite-text-primary,#0a0a0a)}.group-hover\\:text-\\[var\\(--malachite-text-primary\\)\\]:is(:where(.group):hover *){color:var(--malachite-text-primary)}.group-hover\\/account\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group\\/account):hover *){color:var(--malachite-text-primary,#0a0a0a)}.group-hover\\/sidebar\\:opacity-100:is(:where(.group\\/sidebar):hover *){opacity:1}.group-hover\\/switcher\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group\\/switcher):hover *),.group-hover\\/usage\\:text-\\[var\\(--malachite-text-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:is(:where(.group\\/usage):hover *){color:var(--malachite-text-primary,#0a0a0a)}}.group-focus-visible\\:block:is(:where(.group):focus-visible *){display:block}.group-has-\\[\\:focus-visible\\]\\/sidebar\\:opacity-100:is(:where(.group\\/sidebar):has(:focus-visible) *){opacity:1}.group-data-\\[selected\\=true\\]\\:visible:is(:where(.group)[data-selected=true] *){visibility:visible}.group-\\[\\:hover\\]\\/row\\:opacity-100:is(:where(.group\\/row):hover *){opacity:1}.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-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]::-moz-placeholder{color:var(--malachite-text-placeholder,#bbb)}.placeholder\\:text-\\[var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)\\]::placeholder{color:var(--malachite-text-placeholder,#bbb)}.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-buttonlist-hover-background\\,rgb\\(245\\,245\\,245\\)\\)\\]:hover{background-color:var(--malachite-buttonlist-hover-background,#f5f5f5)}.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-error-background-glass\\,rgba\\(197\\,63\\,63\\,0\\.08\\)\\)\\]:hover{background-color:var(--malachite-error-background-glass,#c53f3f14)}.hover\\:bg-\\[var\\(--malachite-number-tag-emphasis-background\\,rgba\\(0\\,0\\,0\\,0\\.15\\)\\)\\]:hover{background-color:var(--malachite-number-tag-emphasis-background,#00000026)}.hover\\:bg-\\[var\\(--malachite-pillbutton-background\\,rgb\\(241\\,241\\,241\\)\\)\\]:hover{background-color:var(--malachite-pillbutton-background,#f1f1f1)}.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\\:\\[background-image\\:linear-gradient\\(var\\(--malachite-tag-default-background\\,rgba\\(123\\,123\\,123\\,0\\.1\\)\\)\\,var\\(--malachite-tag-default-background\\,rgba\\(123\\,123\\,123\\,0\\.1\\)\\)\\)\\]:hover{background-image:linear-gradient(var(--malachite-tag-default-background,#7b7b7b1a),var(--malachite-tag-default-background,#7b7b7b1a))}.hover\\:text-\\[var\\(--malachite-accent-foreground\\)\\]:hover{color:var(--malachite-accent-foreground)}.hover\\:text-\\[var\\(--malachite-accent-foreground\\,rgb\\(2\\,122\\,66\\)\\)\\]:hover{color:var(--malachite-accent-foreground,#027a42)}.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-destructive\\,rgb\\(237\\,53\\,54\\)\\)\\]:hover{color:var(--malachite-text-destructive,#ed3536)}.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-primary\\,rgb\\(10\\,10\\,10\\)\\)\\]:hover{color:var(--malachite-text-primary,#0a0a0a)}.hover\\:text-\\[var\\(--malachite-text-secondary\\)\\]:hover{color:var(--malachite-text-secondary)}.hover\\:text-\\[var\\(--malachite-text-secondary\\,rgb\\(123\\,123\\,123\\)\\)\\]:hover{color:var(--malachite-text-secondary,#7b7b7b)}.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}@media (hover:hover){.enabled\\:hover\\:bg-\\[var\\(--malachite-pillbutton-hover-background\\,rgb\\(232\\,232\\,232\\)\\)\\]:enabled:hover{background-color:var(--malachite-pillbutton-hover-background,#e8e8e8)}}.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}.has-\\[\\[aria-expanded\\=true\\]\\]\\:opacity-100:has([aria-expanded=true]){opacity:1}.has-\\[\\[role\\=radio\\]\\:focus-visible\\]\\:\\[outline\\:2px_solid_var\\(--malachite-text-primary\\)\\]:has([role=radio]:focus-visible){outline:2px solid var(--malachite-text-primary)}.has-\\[\\[role\\=radio\\]\\:focus-visible\\]\\:outline-offset-2:has([role=radio]:focus-visible){outline-offset:2px}.data-\\[selected\\=true\\]\\:bg-\\[var\\(--malachite-card-sunken-background\\)\\][data-selected=true]{background-color:var(--malachite-card-sunken-background)}@supports (color:color-mix(in srgb,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:border-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_20\\%\\,transparent\\)\\]{border-color:var(--malachite-text-placeholder,#bbb)}@supports (color:color-mix(in lab,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:border-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_20\\%\\,transparent\\)\\]{border-color:color-mix(in srgb,var(--malachite-text-placeholder,#bbb)20%,transparent)}}.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-accent-background\\,rgb\\(0\\,175\\,102\\)\\)_12\\%\\,transparent\\)\\]{background-color:var(--malachite-accent-background,#00af66)}@supports (color:color-mix(in lab,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-accent-background\\,rgb\\(0\\,175\\,102\\)\\)_12\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--malachite-accent-background,#00af66)12%,transparent)}}.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_10\\%\\,transparent\\)\\]{background-color:var(--malachite-text-placeholder,#bbb)}@supports (color:color-mix(in lab,red,red)){.supports-\\[color\\:color-mix\\(in_srgb\\,red\\,red\\)\\]\\:bg-\\[color-mix\\(in_srgb\\,var\\(--malachite-text-placeholder\\,rgb\\(187\\,187\\,187\\)\\)_10\\%\\,transparent\\)\\]{background-color:color-mix(in srgb,var(--malachite-text-placeholder,#bbb)10%,transparent)}}}@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))}}.\\[\\&_img\\]\\:size-6 img{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.\\[\\&_img\\]\\:object-contain img{-o-object-fit:contain;object-fit:contain}.\\[\\&_svg\\]\\:size-3\\! svg{width:calc(var(--spacing)*3)!important;height:calc(var(--spacing)*3)!important}.\\[\\&_svg\\]\\:size-4\\! svg{width:calc(var(--spacing)*4)!important;height:calc(var(--spacing)*4)!important}.\\[\\&_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}@media (hover:none){.\\[\\@media\\(hover\\:none\\)\\]\\:opacity-100{opacity:1}}}[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)}[data-malachite-dropdown-trigger]:not([data-open]):has(input:focus){border-color:var(--malachite-ctx-trigger-focus-border,var(--malachite-control-border-hover,#00af6666))!important;box-shadow:var(--malachite-ctx-trigger-focus-shadow,var(--malachite-dropdown-shadow-hover,0px 1px 0px 0px #00af6699))!important}: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-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;--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)}.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)}.icon-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,#cea36c);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,#96580a)}.malachite-number-tag{border-radius:var(--malachite-radius-md,6px);background-color:var(--malachite-number-tag-background,#00000014);min-width:16px;height:16px;color:var(--malachite-number-tag-foreground,var(--malachite-text-secondary,#7b7b7b));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,#00000026);color:var(--malachite-number-tag-emphasis-foreground,var(--malachite-text-emphasis,#222121))}@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.60.0",
3
+ "version": "2.61.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",