@stackone/malachite 2.42.0 → 2.42.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/components/SelectableCard.js +158 -145
  2. package/dist/components/SelectableCard.js.map +1 -1
  3. package/dist/tailwind.css.js +1 -1
  4. package/package.json +1 -1
package/dist/components/SelectableCard.js CHANGED
@@ -1,28 +1,28 @@
1
- import { jsxs as o, jsx as e } from "react/jsx-runtime";
2
- import { useRef as Ie, useId as ve } from "react";
1
+ import { jsxs as n, jsx as e } from "react/jsx-runtime";
2
+ import { useRef as ve, useId as Se } from "react";
3
3
  import { Button as ye } from "./Button.js";
4
- import Se from "./CustomIcons/DismissIcon.js";
4
+ import Ae from "./CustomIcons/DismissIcon.js";
5
5
  import Ne from "./CustomIcons/PinIcon.js";
6
- import { Tag as Ae } from "./Tag.js";
6
+ import { Tag as Le } from "./Tag.js";
7
7
  import Ce from "./Tooltip.js";
8
8
  import Q from "./TruncatedTooltip.js";
9
9
  import p from "./Typography/Text.js";
10
- import { useCardStripSlot as Le } from "./cardStripSlot.js";
11
- import { FOCUS_RING_WITHIN as Oe } from "./focusRing.js";
12
- import { useAdoptedStyleSheet as De } from "./useAdoptedStyleSheet.js";
13
- const F = 240, ee = `${F}px`, te = "116px", le = "var(--malachite-radius-xxl, 14px)", O = `${le} ${le} 0 0`, b = "var(--malachite-selectable-card-muted-foreground, #7b7b7b)", Pe = "var(--malachite-text-secondary, #7b7b7b)", de = "var(--malachite-selectable-card-accent, #047b43)", ke = "var(--malachite-selectable-card-selected-tint, #e7f8f1)", Be = "var(--malachite-selectable-card-selected-border, #047b43)", ae = 0.7, Fe = "var(--malachite-selectable-card-library-selected-tint, #f1f1f1)", we = "var(--malachite-selectable-card-library-selected-border, #bbbbbb)", pe = "var(--malachite-selectable-card-pending-foreground, #96580a)", he = "var(--malachite-selectable-card-editing-tint, #f9f2e9)", se = "var(--malachite-selectable-card-selected-surface-end, #ffffff)", Ue = "var(--malachite-selectable-card-background, #f1f1f1)", Ye = "1px solid var(--malachite-selectable-card-border, #dddddd)", ze = "var(--malachite-selectable-card-hover-background, #e8e8e8)", Ge = 14, s = Ge, E = 2, fe = 116, We = 14, me = 2, Tt = s - E / 2, x = F + s * 2, T = fe + me + E, He = (l) => {
14
- const t = E / 2, a = s + t, c = s + F - t, i = t, r = We - t;
10
+ import { useCardStripSlot as Oe } from "./cardStripSlot.js";
11
+ import { FOCUS_RING_WITHIN as De } from "./focusRing.js";
12
+ import { useAdoptedStyleSheet as Pe } from "./useAdoptedStyleSheet.js";
13
+ const F = 240, ee = `${F}px`, te = "116px", ae = "var(--malachite-radius-xxl, 14px)", O = `${ae} ${ae} 0 0`, b = "var(--malachite-selectable-card-muted-foreground, #7b7b7b)", ke = "var(--malachite-text-secondary, #7b7b7b)", de = "var(--malachite-selectable-card-accent, #047b43)", Be = "var(--malachite-selectable-card-selected-tint, #e7f8f1)", Fe = "var(--malachite-selectable-card-selected-border, #047b43)", le = 0.7, we = "var(--malachite-selectable-card-library-selected-tint, #f1f1f1)", Ye = "var(--malachite-selectable-card-library-selected-border, #bbbbbb)", pe = "var(--malachite-selectable-card-pending-foreground, #96580a)", he = "var(--malachite-selectable-card-editing-tint, #f9f2e9)", se = "var(--malachite-selectable-card-selected-surface-end, #ffffff)", Ue = "var(--malachite-selectable-card-background, #f1f1f1)", Ge = "1px solid var(--malachite-selectable-card-border, #dddddd)", ze = "var(--malachite-selectable-card-hover-background, #e8e8e8)", We = 14, s = We, E = 2, me = 116, He = 14, fe = 2, It = s - E / 2, x = F + s * 2, g = me + fe + E, je = (t) => {
14
+ const a = E / 2, l = s + a, c = s + F - a, i = a, r = He - a;
15
15
  return [
16
- `M${a - s} ${l}`,
17
- `A${s} ${s} 0 0 0 ${a} ${l - s}`,
18
- `L${a} ${i + r}`,
19
- `A${r} ${r} 0 0 1 ${a + r} ${i}`,
16
+ `M${l - s} ${t}`,
17
+ `A${s} ${s} 0 0 0 ${l} ${t - s}`,
18
+ `L${l} ${i + r}`,
19
+ `A${r} ${r} 0 0 1 ${l + r} ${i}`,
20
20
  `L${c - r} ${i}`,
21
21
  `A${r} ${r} 0 0 1 ${c} ${i + r}`,
22
- `L${c} ${l - s}`,
23
- `A${s} ${s} 0 0 0 ${c + s} ${l}`
22
+ `L${c} ${t - s}`,
23
+ `A${s} ${s} 0 0 0 ${c + s} ${t}`
24
24
  ].join(" ");
25
- }, B = He(fe + me / 2), re = `${B} Z`, I = "malachite-selectable-card-outline", n = "malachite-selectable-card", je = "malachite-selectable-card-style", f = "--malachite-selectable-card-state-outline", m = "--malachite-selectable-card-state-tint", D = {
25
+ }, B = je(me + fe / 2), re = `${B} Z`, v = "malachite-selectable-card-outline", o = "malachite-selectable-card", Xe = "malachite-selectable-card-style", m = "--malachite-selectable-card-state-outline", f = "--malachite-selectable-card-state-tint", D = {
26
26
  "background-color": ze,
27
27
  "border-left-color": "transparent"
28
28
  }, P = {
@@ -32,41 +32,41 @@ const F = 240, ee = `${F}px`, te = "116px", le = "var(--malachite-radius-xxl, 14
32
32
  resting: P,
33
33
  hover: D,
34
34
  selected: {
35
- [f]: Be,
36
- [m]: ke
35
+ [m]: Fe,
36
+ [f]: Be
37
37
  }
38
38
  },
39
39
  library: {
40
40
  resting: P,
41
41
  hover: D,
42
42
  selected: {
43
- [f]: we,
44
- [m]: Fe
43
+ [m]: Ye,
44
+ [f]: we
45
45
  }
46
46
  },
47
47
  editing: {
48
48
  resting: P,
49
49
  hover: D,
50
50
  selected: {
51
- [f]: pe,
52
- [m]: he
51
+ [m]: pe,
52
+ [f]: he
53
53
  }
54
54
  }
55
- }, g = { color: Pe }, Xe = {
55
+ }, I = { color: ke }, Me = {
56
56
  profile: {
57
- resting: g,
58
- selected: { color: de, opacity: ae }
57
+ resting: I,
58
+ selected: { color: de, opacity: le }
59
59
  },
60
- library: { resting: g, selected: g },
60
+ library: { resting: I, selected: I },
61
61
  editing: {
62
- resting: g,
63
- selected: { color: pe, opacity: ae }
62
+ resting: I,
63
+ selected: { color: pe, opacity: le }
64
64
  }
65
- }, Me = { "border-left": Ye }, Ke = `
66
- .${n}[data-state='selected'] {
65
+ }, Ke = { "border-left": Ge }, Ze = `
66
+ .${o}[data-state='selected'] {
67
67
  z-index: 5;
68
68
  }
69
- .${n} > .${I} {
69
+ .${o} > .${v} {
70
70
  position: absolute;
71
71
  left: -${s}px;
72
72
  top: 0;
@@ -74,109 +74,122 @@ const F = 240, ee = `${F}px`, te = "116px", le = "var(--malachite-radius-xxl, 14
74
74
  overflow: visible;
75
75
  pointer-events: none;
76
76
  }
77
- .${n} > *:not(.${I}):not([data-selectable-card-actions]) {
77
+ .${o} > *:not(.${v}):not([data-selectable-card-actions]) {
78
78
  position: relative;
79
79
  z-index: 1;
80
80
  }
81
- .${n} > [data-selectable-card-actions] {
81
+ .${o} > [data-selectable-card-actions] {
82
82
  z-index: 2;
83
- }`, be = (l) => Object.entries(l).map(([t, a]) => ` ${t}: ${a};`).join(`
84
- `), Ze = (l, t) => t === "hover" ? `.${n}[data-variant='${l}'][data-state='resting'][data-hoverable]:hover` : `.${n}[data-variant='${l}'][data-state='${t}']`, Ve = (l, t, a) => `${Ze(l, t)} {
85
- ${be(a)}
86
- }`, qe = Object.keys(k).flatMap(
87
- (l) => Object.keys(k[l]).map(
88
- (t) => Ve(l, t, k[l][t])
83
+ }`, be = (t) => Object.entries(t).map(([a, l]) => ` ${a}: ${l};`).join(`
84
+ `), Ve = (t, a) => a === "hover" ? `.${o}[data-variant='${t}'][data-state='resting'][data-hoverable]:hover` : `.${o}[data-variant='${t}'][data-state='${a}']`, qe = (t, a, l) => `${Ve(t, a)} {
85
+ ${be(l)}
86
+ }`, Je = Object.keys(k).flatMap(
87
+ (t) => Object.keys(k[t]).map(
88
+ (a) => qe(t, a, k[t][a])
89
89
  )
90
90
  ).join(`
91
- `), Je = `.${n}[data-pinned='false'][data-state='resting'] {
91
+ `), Qe = `.${o}[data-pinned='false'][data-state='resting'] {
92
92
  ${be(
93
- Me
93
+ Ke
94
94
  )}
95
- }`, Qe = `${Je}
96
- ${qe}
97
- ${Ke}`, et = {
95
+ }`, et = `${Qe}
96
+ ${Je}
97
+ ${Ze}`, tt = {
98
98
  display: "-webkit-box",
99
99
  WebkitLineClamp: 2,
100
100
  WebkitBoxOrient: "vertical",
101
101
  overflow: "hidden",
102
102
  color: b,
103
103
  lineHeight: 1.6
104
- }, tt = { color: b, letterSpacing: "0.11px" }, w = "var(--malachite-selectable-card-pending-foreground, #96580a)", lt = { color: w }, at = { color: w, opacity: 0.7 }, st = 36, rt = 38, oe = {
105
- color: "var(--malachite-text-primary)"
106
- }, ot = "inline-flex items-center justify-center [&_svg]:size-[10px]!", nt = { color: b }, ne = "Default profile", it = 16, ct = {
104
+ }, at = { color: b, letterSpacing: "0.11px" }, w = "var(--malachite-selectable-card-pending-foreground, #96580a)", lt = { color: w }, st = { color: w, opacity: 0.7 }, rt = 36, nt = 38, ne = {
105
+ color: "var(--malachite-text-primary)",
106
+ marginLeft: -2.25
107
+ }, ot = { transform: "translateY(-1px)" }, it = "inline-flex items-center justify-center [&_svg]:size-[10px]!", ct = { color: b }, oe = "Default profile", dt = 16, Ee = {
107
108
  color: de,
108
- display: "inline-flex"
109
- }, ie = () => /* @__PURE__ */ e(Ce, { text: ne, triggerAs: "span", describesTrigger: !1, children: /* @__PURE__ */ e("span", { role: "img", "aria-label": ne, style: ct, children: /* @__PURE__ */ e(Ne, { size: it }) }) }), ce = (l) => {
110
- const t = l.filter((a) => a !== void 0);
111
- return t.length > 0 ? t.join(" ") : void 0;
112
- }, gt = ({
113
- value: l,
114
- title: t,
115
- titleIcon: a,
109
+ display: "inline-flex",
110
+ transform: "rotate(45deg)"
111
+ }, pt = {
112
+ ...Ee,
113
+ marginLeft: -3
114
+ }, ie = ({ leading: t }) => /* @__PURE__ */ e(Ce, { text: oe, triggerAs: "span", describesTrigger: !1, children: /* @__PURE__ */ e(
115
+ "span",
116
+ {
117
+ role: "img",
118
+ "aria-label": oe,
119
+ style: t ? pt : Ee,
120
+ children: /* @__PURE__ */ e(Ne, { size: dt })
121
+ }
122
+ ) }), ce = (t) => {
123
+ const a = t.filter((l) => l !== void 0);
124
+ return a.length > 0 ? a.join(" ") : void 0;
125
+ }, vt = ({
126
+ value: t,
127
+ title: a,
128
+ titleIcon: l,
116
129
  isDefault: c = !1,
117
130
  variant: i = "profile",
118
131
  eyebrow: r,
119
132
  status: _,
120
- description: v,
133
+ description: S,
121
134
  countLabel: y,
122
- actions: S,
123
- onDismiss: R,
124
- dismissLabel: U = "Dismiss",
125
- dismissDisabledReason: Y,
135
+ actions: R,
136
+ onDismiss: $,
137
+ dismissLabel: Y = "Dismiss",
138
+ dismissDisabledReason: U,
126
139
  selected: d = !1,
127
- loading: Ee = !1,
128
- loadingLabel: _e = "Loading…",
129
- loadingHint: z,
130
- disabled: $ = !1,
131
- dimmed: G = !1,
132
- onSelect: N,
133
- tabIndex: Re,
140
+ loading: _e = !1,
141
+ loadingLabel: Re = "Loading…",
142
+ loadingHint: G,
143
+ disabled: T = !1,
144
+ dimmed: z = !1,
145
+ onSelect: A,
146
+ tabIndex: $e,
134
147
  "aria-label": W,
135
148
  className: H = "",
136
149
  style: j
137
150
  }) => {
138
- const { pinned: $e } = Le(), ue = !d && !$, A = Ie(null);
139
- De(A, Qe, je);
140
- const h = `mal-selectable-card-${ve().replace(/[^a-zA-Z0-9_-]/g, "")}`, u = `${h}-outline`, X = `${h}-eyebrow`, M = `${h}-status`, C = `${h}-title`, K = `${h}-description`, Z = `${h}-count`, xe = W ? void 0 : ce([r ? X : void 0, C, _ ? M : void 0]), Te = ce([
141
- v ? K : void 0,
151
+ const { pinned: Te } = Oe(), ue = !d && !T, N = ve(null);
152
+ Pe(N, et, Xe);
153
+ const h = `mal-selectable-card-${Se().replace(/[^a-zA-Z0-9_-]/g, "")}`, u = `${h}-outline`, X = `${h}-eyebrow`, M = `${h}-status`, L = `${h}-title`, K = `${h}-description`, Z = `${h}-count`, xe = W ? void 0 : ce([r ? X : void 0, L, _ ? M : void 0]), ge = ce([
154
+ S ? K : void 0,
142
155
  y ? Z : void 0
143
156
  ]);
144
- if (Ee)
145
- return /* @__PURE__ */ o(
157
+ if (_e)
158
+ return /* @__PURE__ */ n(
146
159
  "div",
147
160
  {
148
- ref: A,
161
+ ref: N,
149
162
  role: "status",
150
163
  "aria-busy": "true",
151
164
  "aria-live": "polite",
152
165
  "data-variant": "editing",
153
166
  "data-state": "selected",
154
- className: `${n} relative flex shrink-0 flex-col items-center gap-2 px-5 text-center ${H}`.trim(),
167
+ className: `${o} relative flex shrink-0 flex-col items-center gap-2 px-5 text-center ${H}`.trim(),
155
168
  style: {
156
169
  width: ee,
157
170
  height: te,
158
171
  borderRadius: O,
159
172
  boxSizing: "border-box",
160
- paddingTop: `${st}px`,
161
- paddingBottom: `${rt}px`,
173
+ paddingTop: `${rt}px`,
174
+ paddingBottom: `${nt}px`,
162
175
  justifyContent: "center",
163
- [f]: w,
164
- [m]: he,
176
+ [m]: w,
177
+ [f]: he,
165
178
  ...j
166
179
  },
167
180
  children: [
168
- /* @__PURE__ */ o(
181
+ /* @__PURE__ */ n(
169
182
  "svg",
170
183
  {
171
- className: I,
184
+ className: v,
172
185
  width: x,
173
- height: T,
174
- viewBox: `0 0 ${x} ${T}`,
186
+ height: g,
187
+ viewBox: `0 0 ${x} ${g}`,
175
188
  fill: "none",
176
189
  "aria-hidden": "true",
177
190
  children: [
178
- /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ o("linearGradient", { id: u, x1: "0", y1: "0", x2: "0", y2: "1", children: [
179
- /* @__PURE__ */ e("stop", { offset: "0", style: { stopColor: `var(${m})` } }),
191
+ /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ n("linearGradient", { id: u, x1: "0", y1: "0", x2: "0", y2: "1", children: [
192
+ /* @__PURE__ */ e("stop", { offset: "0", style: { stopColor: `var(${f})` } }),
180
193
  /* @__PURE__ */ e("stop", { offset: "1", style: { stopColor: se } })
181
194
  ] }) }),
182
195
  /* @__PURE__ */ e(
@@ -193,27 +206,27 @@ ${Ke}`, et = {
193
206
  d: B,
194
207
  "data-malachite-shape": "",
195
208
  strokeWidth: E,
196
- style: { fill: "none", stroke: `var(${f})` }
209
+ style: { fill: "none", stroke: `var(${m})` }
197
210
  }
198
211
  )
199
212
  ]
200
213
  }
201
214
  ),
202
- /* @__PURE__ */ e(p, { size: "small", fontWeight: "semi-bold", style: lt, children: _e }),
203
- z ? /* @__PURE__ */ e(p, { size: "xsmall", fontWeight: "semi-bold", style: at, children: z }) : null
215
+ /* @__PURE__ */ e(p, { size: "small", fontWeight: "semi-bold", style: lt, children: Re }),
216
+ G ? /* @__PURE__ */ e(p, { size: "xsmall", fontWeight: "semi-bold", style: st, children: G }) : null
204
217
  ]
205
218
  }
206
219
  );
207
- const L = i === "library", V = Xe[i][d ? "selected" : "resting"], q = !!S || !!R, J = Y !== void 0, ge = S && R ? "pr-[56px]" : q ? "pr-[26px]" : "pr-1";
208
- return /* @__PURE__ */ o(
220
+ const C = i === "library", V = Me[i][d ? "selected" : "resting"], q = !!R || !!$, J = U !== void 0, Ie = R && $ ? "pr-[48px]" : q ? "pr-[18px]" : "pr-1";
221
+ return /* @__PURE__ */ n(
209
222
  "div",
210
223
  {
211
- ref: A,
224
+ ref: N,
212
225
  "data-variant": i,
213
- "data-pinned": $e ? "true" : "false",
226
+ "data-pinned": Te ? "true" : "false",
214
227
  "data-state": d ? "selected" : "resting",
215
228
  "data-hoverable": ue ? "" : void 0,
216
- className: `${n} group relative grid shrink-0 grid-rows-[1fr_auto] ${Oe} ${H}`.trim(),
229
+ className: `${o} group relative grid shrink-0 grid-rows-[1fr_auto] ${De} ${H}`.trim(),
217
230
  style: {
218
231
  width: ee,
219
232
  height: te,
@@ -222,18 +235,18 @@ ${Ke}`, et = {
222
235
  ...j
223
236
  },
224
237
  children: [
225
- d ? /* @__PURE__ */ o(
238
+ d ? /* @__PURE__ */ n(
226
239
  "svg",
227
240
  {
228
- className: I,
241
+ className: v,
229
242
  width: x,
230
- height: T,
231
- viewBox: `0 0 ${x} ${T}`,
243
+ height: g,
244
+ viewBox: `0 0 ${x} ${g}`,
232
245
  fill: "none",
233
246
  "aria-hidden": "true",
234
247
  children: [
235
- /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ o("linearGradient", { id: u, x1: "0", y1: "0", x2: "0", y2: "1", children: [
236
- /* @__PURE__ */ e("stop", { offset: "0", style: { stopColor: `var(${m})` } }),
248
+ /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ n("linearGradient", { id: u, x1: "0", y1: "0", x2: "0", y2: "1", children: [
249
+ /* @__PURE__ */ e("stop", { offset: "0", style: { stopColor: `var(${f})` } }),
237
250
  /* @__PURE__ */ e("stop", { offset: "1", style: { stopColor: se } })
238
251
  ] }) }),
239
252
  /* @__PURE__ */ e(
@@ -250,54 +263,54 @@ ${Ke}`, et = {
250
263
  d: B,
251
264
  "data-malachite-shape": "",
252
265
  strokeWidth: E,
253
- style: { fill: "none", stroke: `var(${f})` }
266
+ style: { fill: "none", stroke: `var(${m})` }
254
267
  }
255
268
  )
256
269
  ]
257
270
  }
258
271
  ) : null,
259
- /* @__PURE__ */ o(
272
+ /* @__PURE__ */ n(
260
273
  "button",
261
274
  {
262
275
  type: "button",
263
276
  role: "radio",
264
- "data-value": l,
277
+ "data-value": t,
265
278
  "aria-checked": d,
266
279
  "aria-label": W,
267
280
  "aria-labelledby": xe,
268
- "aria-describedby": Te,
269
- "aria-disabled": $ || void 0,
270
- tabIndex: Re ?? (d ? 0 : -1),
281
+ "aria-describedby": ge,
282
+ "aria-disabled": T || void 0,
283
+ tabIndex: $e ?? (d ? 0 : -1),
271
284
  onClick: () => {
272
- $ || d || N == null || N(l);
285
+ T || d || A == null || A(t);
273
286
  },
274
- className: `flex min-w-0 appearance-none flex-col border-0 bg-transparent py-0 pt-3 pr-4 pl-4 text-left outline-none ${$ ? "cursor-not-allowed" : "cursor-pointer"}`,
287
+ className: `flex min-w-0 appearance-none flex-col border-0 bg-transparent py-0 pt-3 pr-4 pl-4 text-left outline-none ${T ? "cursor-not-allowed" : "cursor-pointer"}`,
275
288
  style: { borderRadius: O },
276
289
  children: [
277
- /* @__PURE__ */ e("div", { className: `flex h-[13px] shrink-0 items-center gap-2 ${ge}`, children: /* @__PURE__ */ o("div", { className: "flex min-w-0 items-center gap-1.5", children: [
278
- L ? /* @__PURE__ */ o("span", { id: C, className: "flex min-w-0 items-center gap-1.5", children: [
279
- a ? /* @__PURE__ */ e(
290
+ /* @__PURE__ */ e("div", { className: `flex h-[13px] shrink-0 items-center gap-2 ${Ie}`, children: /* @__PURE__ */ n("div", { className: "flex min-w-0 items-center gap-1.5", children: [
291
+ C ? /* @__PURE__ */ n("span", { id: L, className: "flex min-w-0 items-center gap-1.5", children: [
292
+ l ? /* @__PURE__ */ e(
280
293
  "span",
281
294
  {
282
295
  className: "flex shrink-0 items-center",
283
- style: oe,
284
- children: a
296
+ style: ne,
297
+ children: l
285
298
  }
286
299
  ) : null,
287
- c ? /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ e(ie, {}) }) : null,
288
- /* @__PURE__ */ e(Q, { text: t, children: /* @__PURE__ */ e(
300
+ c ? /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ e(ie, { leading: !l }) }) : null,
301
+ /* @__PURE__ */ e(Q, { text: a, children: /* @__PURE__ */ e(
289
302
  p,
290
303
  {
291
304
  size: "small",
292
305
  fontWeight: "semi-bold",
293
- style: G ? { color: b } : void 0,
294
- children: t
306
+ style: z ? { color: b } : void 0,
307
+ children: a
295
308
  }
296
309
  ) })
297
310
  ] }) : null,
298
311
  r ? /* @__PURE__ */ e("span", { id: X, className: "flex min-w-0", children: /* @__PURE__ */ e(p, { size: "xsmall", fontWeight: "semi-bold", style: V, children: r }) }) : null,
299
312
  _ ? /* @__PURE__ */ e("span", { id: M, className: "flex min-w-0", children: /* @__PURE__ */ e(
300
- Ae,
313
+ Le,
301
314
  {
302
315
  value: _.label,
303
316
  type: _.type ?? "default",
@@ -306,64 +319,64 @@ ${Ke}`, et = {
306
319
  }
307
320
  ) }) : null
308
321
  ] }) }),
309
- /* @__PURE__ */ o(
322
+ /* @__PURE__ */ n(
310
323
  "div",
311
324
  {
312
- className: `mt-[11px] flex min-w-0 flex-1 flex-col gap-1 pt-3 ${L ? "justify-end" : "justify-between"}`,
325
+ className: `mt-[11px] flex min-w-0 flex-1 flex-col gap-1 pt-3 ${C ? "justify-end" : "justify-between"}`,
313
326
  children: [
314
- L ? null : /* @__PURE__ */ o("div", { id: C, className: "flex min-w-0 items-center gap-1.5", children: [
315
- a ? /* @__PURE__ */ e(
327
+ C ? null : /* @__PURE__ */ n("div", { id: L, className: "flex min-w-0 items-center gap-1.5", children: [
328
+ l ? /* @__PURE__ */ e(
316
329
  "span",
317
330
  {
318
331
  className: "flex shrink-0 items-center",
319
- style: oe,
320
- children: a
332
+ style: ne,
333
+ children: l
321
334
  }
322
335
  ) : null,
323
- c ? /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ e(ie, {}) }) : null,
324
- /* @__PURE__ */ e(Q, { text: t, children: /* @__PURE__ */ e(
336
+ c ? /* @__PURE__ */ e("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ e(ie, { leading: !l }) }) : null,
337
+ /* @__PURE__ */ e(Q, { text: a, children: /* @__PURE__ */ e(
325
338
  p,
326
339
  {
327
340
  size: "small",
328
341
  fontWeight: "semi-bold",
329
- style: G ? { color: b } : void 0,
330
- children: t
342
+ style: z ? { color: b } : void 0,
343
+ children: a
331
344
  }
332
345
  ) })
333
346
  ] }),
334
- v ? /* @__PURE__ */ e("span", { id: K, className: "block min-w-0", children: /* @__PURE__ */ e(p, { size: "xsmall", style: et, children: v }) }) : null
347
+ S ? /* @__PURE__ */ e("span", { id: K, className: "block min-w-0", children: /* @__PURE__ */ e(p, { size: "xsmall", style: tt, children: S }) }) : null
335
348
  ]
336
349
  }
337
350
  )
338
351
  ]
339
352
  }
340
353
  ),
341
- /* @__PURE__ */ e("span", { id: Z, className: "min-w-0 self-end truncate pr-4 pb-3 pl-4", children: y ? /* @__PURE__ */ e(p, { size: "xsmall", fontWeight: "semi-bold", style: tt, children: y }) : null }),
342
- q ? /* @__PURE__ */ o(
354
+ /* @__PURE__ */ e("span", { id: Z, className: "min-w-0 self-end truncate pr-4 pb-3 pl-4", children: y ? /* @__PURE__ */ e(p, { size: "xsmall", fontWeight: "semi-bold", style: at, children: y }) : null }),
355
+ q ? /* @__PURE__ */ n(
343
356
  "div",
344
357
  {
345
358
  "data-selectable-card-actions": "",
346
- className: "absolute top-3 right-4 flex h-[13px] shrink-0 items-center gap-2.5",
359
+ className: "absolute top-3 right-2 flex h-[13px] shrink-0 items-center gap-2.5",
347
360
  children: [
348
- S,
349
- R ? /* @__PURE__ */ e(
361
+ R ? /* @__PURE__ */ e("span", { className: "flex items-center gap-2.5", style: ot, children: R }) : null,
362
+ $ ? /* @__PURE__ */ e(
350
363
  ye,
351
364
  {
352
365
  type: "button",
353
366
  variant: "ghost",
354
367
  size: "xsmall",
355
368
  iconOnly: !0,
356
- "aria-label": U,
357
- tooltip: Y ?? U,
369
+ "aria-label": Y,
370
+ tooltip: U ?? Y,
358
371
  disabled: J,
359
372
  className: "shrink-0",
360
- onClick: R,
373
+ onClick: $,
361
374
  children: /* @__PURE__ */ e(
362
375
  "span",
363
376
  {
364
- className: ot,
365
- style: J ? nt : V,
366
- children: /* @__PURE__ */ e(Se, {})
377
+ className: it,
378
+ style: J ? ct : V,
379
+ children: /* @__PURE__ */ e(Ae, {})
367
380
  }
368
381
  )
369
382
  }
@@ -376,12 +389,12 @@ ${Ke}`, et = {
376
389
  );
377
390
  };
378
391
  export {
379
- Ge as CARD_FLARE_PX,
380
- Tt as CARD_FLARE_TIP_PX,
392
+ We as CARD_FLARE_PX,
393
+ It as CARD_FLARE_TIP_PX,
381
394
  F as CARD_WIDTH_PX,
382
- I as FLARE_CLASS,
383
- me as STRIP_RULE_PX,
384
- gt as SelectableCard,
385
- gt as default
395
+ v as FLARE_CLASS,
396
+ fe as STRIP_RULE_PX,
397
+ vt as SelectableCard,
398
+ vt as default
386
399
  };
387
400
  //# sourceMappingURL=SelectableCard.js.map
package/dist/components/SelectableCard.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectableCard.js","sources":["../../src/components/SelectableCard.tsx"],"sourcesContent":["import React, { useId, useRef } from 'react';\nimport Button from './Button';\nimport DismissIcon from './CustomIcons/DismissIcon';\nimport PinIcon from './CustomIcons/PinIcon';\nimport Tag, { type TagType } from './Tag';\nimport Tooltip from './Tooltip';\nimport TruncatedTooltip from './TruncatedTooltip';\nimport Text from './Typography/Text';\nimport { useCardStripSlot } from './cardStripSlot';\nimport { FOCUS_RING_WITHIN } from './focusRing';\nimport { useAdoptedStyleSheet } from './useAdoptedStyleSheet';\n\nexport interface SelectableCardStatus {\n label: string;\n /** Maps to Tag's palette — `default` (grey) for \"Disabled\", `warning` (amber) for \"Draft\". */\n type?: TagType;\n}\n\n/** The card's palette: `profile` is green, `library` neutral, `editing` amber for a\n * profile with unsaved changes. */\nexport type SelectableCardVariant = 'profile' | 'library' | 'editing';\n\nexport interface SelectableCardProps {\n /** Identifies the card inside its group; handed back to `onSelect`. */\n value: string;\n title: string;\n /** Leading glyph on the title line, e.g. a library/book icon. */\n titleIcon?: React.ReactNode;\n /** Pins the card as the account default, marked beside the title. */\n isDefault?: boolean;\n /** Palette only — gradient, borders, indicator and eyebrow; position is settled by the strip. */\n variant?: SelectableCardVariant;\n /** Small label above the title (\"Profile\", \"Explore\"). */\n eyebrow?: string;\n /** Status pill rendered next to the eyebrow — or in its place when there is no eyebrow. */\n status?: SelectableCardStatus;\n /** Supporting copy under the title, clamped to two lines. */\n description?: string;\n /** Bottom-left summary (\"16 Actions\", \"10 Selected\"). */\n countLabel?: string;\n /** Top-right cluster (markers, an ActionMenu…). The eyebrow row gives way to one\n * xsmall control; a wider cluster needs a shorter eyebrow and status to clear it. */\n actions?: React.ReactNode;\n /** Renders an x after `actions`, tinted like the eyebrow, that calls this. */\n onDismiss?: () => void;\n /** Names the x for assistive tech and its tooltip. */\n dismissLabel?: string;\n /** Disables the x and shows this as its tooltip instead. */\n dismissDisabledReason?: string;\n selected?: boolean;\n /** Replaces the card's content with a centred in-progress message. */\n loading?: boolean;\n loadingLabel?: string;\n loadingHint?: string;\n /** Blocks selection. Draws no dimming of its own — a switched-off profile is signalled by its `status` tag. */\n disabled?: boolean;\n /** Mutes the title without blocking selection. */\n dimmed?: boolean;\n onSelect?: (value: string) => void;\n /** Tab stop for the card. */\n tabIndex?: number;\n /** Replaces the generated accessible name (eyebrow + title + status). */\n 'aria-label'?: string;\n className?: string;\n style?: React.CSSProperties;\n}\n\nexport const CARD_WIDTH_PX = 240;\nconst CARD_WIDTH = `${CARD_WIDTH_PX}px`;\nconst CARD_HEIGHT = '116px';\nconst CARD_CORNER = 'var(--malachite-radius-xxl, 14px)';\nconst CARD_RADIUS = `${CARD_CORNER} ${CARD_CORNER} 0 0`;\n\nconst MUTED = 'var(--malachite-selectable-card-muted-foreground, #7b7b7b)';\nconst EYEBROW = 'var(--malachite-text-secondary, #7b7b7b)';\n\nconst PROFILE_ACCENT = 'var(--malachite-selectable-card-accent, #047b43)';\nconst PROFILE_TINT = 'var(--malachite-selectable-card-selected-tint, #e7f8f1)';\nconst PROFILE_SELECTED_BORDER = 'var(--malachite-selectable-card-selected-border, #047b43)';\nconst PROFILE_EYEBROW_OPACITY = 0.7;\n\nconst LIBRARY_TINT = 'var(--malachite-selectable-card-library-selected-tint, #f1f1f1)';\nconst LIBRARY_SELECTED_BORDER = 'var(--malachite-selectable-card-library-selected-border, #bbbbbb)';\n\nconst EDITING_ACCENT = 'var(--malachite-selectable-card-pending-foreground, #96580a)';\nconst EDITING_TINT = 'var(--malachite-selectable-card-editing-tint, #f9f2e9)';\n\nconst SELECTED_SURFACE_END = 'var(--malachite-selectable-card-selected-surface-end, #ffffff)';\n\nconst RESTING_SURFACE = 'var(--malachite-selectable-card-background, #f1f1f1)';\nconst RESTING_BORDER = '1px solid var(--malachite-selectable-card-border, #dddddd)';\n\nconst HOVER_SURFACE_FILL = 'var(--malachite-selectable-card-hover-background, #e8e8e8)';\n\n/** How far a selected card's outline sweeps past its own edge. The strip keeps this much\n * clear of its scroller's clip. */\nexport const CARD_FLARE_PX = 14;\nconst FLARE_PX = CARD_FLARE_PX;\nconst STROKE_PX = 2;\nconst CARD_HEIGHT_PX = 116;\nconst CORNER_PX = 14;\n\n/** Weight of the strip's bottom rule, which a selected card's flare reaches down through. */\nexport const STRIP_RULE_PX = 2;\n\n/** Where the strip's rule meets the flare. The stroke is centred on its path, so the tip\n * stops half a stroke inside the flare box. */\nexport const CARD_FLARE_TIP_PX = FLARE_PX - STROKE_PX / 2;\n\nconst FLARE_BOX_WIDTH = CARD_WIDTH_PX + FLARE_PX * 2;\nconst FLARE_BOX_HEIGHT = CARD_HEIGHT_PX + STRIP_RULE_PX + STROKE_PX;\n\n/** Stroke is centred on the path, so the card's own edges sit half a stroke inside the box. */\nconst pathTo = (base: number): string => {\n const inset = STROKE_PX / 2;\n const left = FLARE_PX + inset;\n const right = FLARE_PX + CARD_WIDTH_PX - inset;\n const top = inset;\n const r = CORNER_PX - inset;\n return [\n `M${left - FLARE_PX} ${base}`,\n `A${FLARE_PX} ${FLARE_PX} 0 0 0 ${left} ${base - FLARE_PX}`,\n `L${left} ${top + r}`,\n `A${r} ${r} 0 0 1 ${left + r} ${top}`,\n `L${right - r} ${top}`,\n `A${r} ${r} 0 0 1 ${right} ${top + r}`,\n `L${right} ${base - FLARE_PX}`,\n `A${FLARE_PX} ${FLARE_PX} 0 0 0 ${right + FLARE_PX} ${base}`,\n ].join(' ');\n};\n\nconst OUTLINE_PATH = pathTo(CARD_HEIGHT_PX + STRIP_RULE_PX / 2);\n\nconst FILL_PATH = `${OUTLINE_PATH} Z`;\n\nexport const FLARE_CLASS = 'malachite-selectable-card-outline';\n\nconst ROOT_CLASS = 'malachite-selectable-card';\nconst STYLE_ID = 'malachite-selectable-card-style';\n\nconst OUTLINE_PROPERTY = '--malachite-selectable-card-state-outline';\nconst TINT_PROPERTY = '--malachite-selectable-card-state-tint';\n\ntype CardState = 'resting' | 'hover' | 'selected';\ntype SettledState = Exclude<CardState, 'hover'>;\n\ntype Declarations = Record<string, string>;\n\nconst HOVER_SURFACE: Declarations = {\n 'background-color': HOVER_SURFACE_FILL,\n 'border-left-color': 'transparent',\n};\n\nconst RESTING_SURFACE_DECLARATIONS: Declarations = {\n 'background-color': RESTING_SURFACE,\n};\n\n/** Never inline styles: an inline declaration outranks the sheet, so `:hover` could never repaint the card. */\nconst SURFACES: Record<SelectableCardVariant, Record<CardState, Declarations>> = {\n profile: {\n resting: RESTING_SURFACE_DECLARATIONS,\n hover: HOVER_SURFACE,\n selected: {\n [OUTLINE_PROPERTY]: PROFILE_SELECTED_BORDER,\n [TINT_PROPERTY]: PROFILE_TINT,\n },\n },\n library: {\n resting: RESTING_SURFACE_DECLARATIONS,\n hover: HOVER_SURFACE,\n selected: {\n [OUTLINE_PROPERTY]: LIBRARY_SELECTED_BORDER,\n [TINT_PROPERTY]: LIBRARY_TINT,\n },\n },\n editing: {\n resting: RESTING_SURFACE_DECLARATIONS,\n hover: HOVER_SURFACE,\n selected: {\n [OUTLINE_PROPERTY]: EDITING_ACCENT,\n [TINT_PROPERTY]: EDITING_TINT,\n },\n },\n};\n\nconst RESTING_EYEBROW: React.CSSProperties = { color: EYEBROW };\n\nconst EYEBROWS: Record<SelectableCardVariant, Record<SettledState, React.CSSProperties>> = {\n profile: {\n resting: RESTING_EYEBROW,\n selected: { color: PROFILE_ACCENT, opacity: PROFILE_EYEBROW_OPACITY },\n },\n library: { resting: RESTING_EYEBROW, selected: RESTING_EYEBROW },\n editing: {\n resting: RESTING_EYEBROW,\n selected: { color: EDITING_ACCENT, opacity: PROFILE_EYEBROW_OPACITY },\n },\n};\n\nconst SCROLLED_SURFACE: Declarations = { 'border-left': RESTING_BORDER };\n\nconst OUTLINE_CSS = `\n.${ROOT_CLASS}[data-state='selected'] {\n z-index: 5;\n}\n.${ROOT_CLASS} > .${FLARE_CLASS} {\n position: absolute;\n left: -${FLARE_PX}px;\n top: 0;\n z-index: 0;\n overflow: visible;\n pointer-events: none;\n}\n.${ROOT_CLASS} > *:not(.${FLARE_CLASS}):not([data-selectable-card-actions]) {\n position: relative;\n z-index: 1;\n}\n.${ROOT_CLASS} > [data-selectable-card-actions] {\n z-index: 2;\n}`;\n\nconst bodyOf = (declarations: Declarations): string =>\n Object.entries(declarations)\n .map(([property, value]) => ` ${property}: ${value};`)\n .join('\\n');\n\nconst selectorFor = (variant: SelectableCardVariant, state: CardState): string =>\n state === 'hover'\n ? `.${ROOT_CLASS}[data-variant='${variant}'][data-state='resting'][data-hoverable]:hover`\n : `.${ROOT_CLASS}[data-variant='${variant}'][data-state='${state}']`;\n\nconst ruleFor = (\n variant: SelectableCardVariant,\n state: CardState,\n declarations: Declarations,\n): string => `${selectorFor(variant, state)} {\\n${bodyOf(declarations)}\\n}`;\n\nconst SURFACE_CSS = (Object.keys(SURFACES) as SelectableCardVariant[])\n .flatMap((variant) =>\n (Object.keys(SURFACES[variant]) as CardState[]).map((state) =>\n ruleFor(variant, state, SURFACES[variant][state]),\n ),\n )\n .join('\\n');\n\nconst SLOT_CSS = `.${ROOT_CLASS}[data-pinned='false'][data-state='resting'] {\\n${bodyOf(\n SCROLLED_SURFACE,\n)}\\n}`;\n\nconst CARD_CSS = `${SLOT_CSS}\\n${SURFACE_CSS}\\n${OUTLINE_CSS}`;\n\nconst DESCRIPTION_STYLE: React.CSSProperties = {\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n color: MUTED,\n lineHeight: 1.6,\n};\n\nconst COUNT_STYLE: React.CSSProperties = { color: MUTED, letterSpacing: '0.11px' };\n\nconst PENDING = 'var(--malachite-selectable-card-pending-foreground, #96580a)';\n\nconst LOADING_LABEL_STYLE: React.CSSProperties = { color: PENDING };\nconst LOADING_HINT_STYLE: React.CSSProperties = { color: PENDING, opacity: 0.7 };\n\nconst PENDING_BODY_TOP_PX = 36;\nconst PENDING_BODY_BOTTOM_PX = 38;\n\nconst TITLE_ICON_STYLE: React.CSSProperties = {\n color: 'var(--malachite-text-primary)',\n};\n\nconst DISMISS_ICON_BOX = 'inline-flex items-center justify-center [&_svg]:size-[10px]!';\nconst DISABLED_DISMISS_STYLE: React.CSSProperties = { color: MUTED };\n\nconst DEFAULT_MARKER_LABEL = 'Default profile';\nconst DEFAULT_MARKER_SIZE_PX = 16;\nconst DEFAULT_MARKER_STYLE: React.CSSProperties = {\n color: PROFILE_ACCENT,\n display: 'inline-flex',\n};\n\n/** Announced rather than shown alone: a bare glyph reads as an unnamed graphic, and the tooltip\n * travels by `aria-describedby`, which describes rather than names. */\nconst DefaultMarker: React.FC = () => (\n <Tooltip text={DEFAULT_MARKER_LABEL} triggerAs=\"span\" describesTrigger={false}>\n <span role=\"img\" aria-label={DEFAULT_MARKER_LABEL} style={DEFAULT_MARKER_STYLE}>\n <PinIcon size={DEFAULT_MARKER_SIZE_PX} />\n </span>\n </Tooltip>\n);\n\nconst joinIds = (ids: Array<string | undefined>): string | undefined => {\n const present = ids.filter((id): id is string => id !== undefined);\n return present.length > 0 ? present.join(' ') : undefined;\n};\n\n/** A fixed-size card that behaves as one option in a radio group: a card-shaped `Surface.Row`. */\nconst SelectableCard: React.FC<SelectableCardProps> = ({\n value,\n title,\n titleIcon,\n isDefault = false,\n variant = 'profile',\n eyebrow,\n status,\n description,\n countLabel,\n actions,\n onDismiss,\n dismissLabel = 'Dismiss',\n dismissDisabledReason,\n selected = false,\n loading = false,\n loadingLabel = 'Loading…',\n loadingHint,\n disabled = false,\n dimmed = false,\n onSelect,\n tabIndex,\n 'aria-label': ariaLabel,\n className = '',\n style,\n}) => {\n const { pinned } = useCardStripSlot();\n const hoverable = !selected && !disabled;\n\n const rootRef = useRef<HTMLDivElement>(null);\n useAdoptedStyleSheet(rootRef, CARD_CSS, STYLE_ID);\n\n const instanceId = `mal-selectable-card-${useId().replace(/[^a-zA-Z0-9_-]/g, '')}`;\n const outlineGradientId = `${instanceId}-outline`;\n const eyebrowId = `${instanceId}-eyebrow`;\n const statusId = `${instanceId}-status`;\n const titleId = `${instanceId}-title`;\n const descriptionId = `${instanceId}-description`;\n const countId = `${instanceId}-count`;\n\n const labelledBy = ariaLabel\n ? undefined\n : joinIds([eyebrow ? eyebrowId : undefined, titleId, status ? statusId : undefined]);\n const describedBy = joinIds([\n description ? descriptionId : undefined,\n countLabel ? countId : undefined,\n ]);\n\n if (loading) {\n return (\n <div\n ref={rootRef}\n role=\"status\"\n aria-busy=\"true\"\n aria-live=\"polite\"\n data-variant=\"editing\"\n data-state=\"selected\"\n className={`${ROOT_CLASS} relative flex shrink-0 flex-col items-center gap-2 px-5 text-center ${className}`.trim()}\n style={\n {\n width: CARD_WIDTH,\n height: CARD_HEIGHT,\n borderRadius: CARD_RADIUS,\n boxSizing: 'border-box',\n paddingTop: `${PENDING_BODY_TOP_PX}px`,\n paddingBottom: `${PENDING_BODY_BOTTOM_PX}px`,\n justifyContent: 'center',\n [OUTLINE_PROPERTY]: PENDING,\n [TINT_PROPERTY]: EDITING_TINT,\n ...style,\n } as React.CSSProperties\n }\n >\n {/* The same outline a selected card wears: this IS the selection while a profile\n is being built, so it has to break the strip's rule rather than sit on it. */}\n <svg\n className={FLARE_CLASS}\n width={FLARE_BOX_WIDTH}\n height={FLARE_BOX_HEIGHT}\n viewBox={`0 0 ${FLARE_BOX_WIDTH} ${FLARE_BOX_HEIGHT}`}\n fill=\"none\"\n aria-hidden=\"true\"\n >\n <defs>\n <linearGradient id={outlineGradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0\" style={{ stopColor: `var(${TINT_PROPERTY})` }} />\n <stop offset=\"1\" style={{ stopColor: SELECTED_SURFACE_END }} />\n </linearGradient>\n </defs>\n <path\n d={FILL_PATH}\n data-malachite-shape=\"\"\n style={{ fill: `url(#${outlineGradientId})` }}\n />\n <path\n d={OUTLINE_PATH}\n data-malachite-shape=\"\"\n strokeWidth={STROKE_PX}\n style={{ fill: 'none', stroke: `var(${OUTLINE_PROPERTY})` }}\n />\n </svg>\n <Text size=\"small\" fontWeight=\"semi-bold\" style={LOADING_LABEL_STYLE}>\n {loadingLabel}\n </Text>\n {loadingHint ? (\n <Text size=\"xsmall\" fontWeight=\"semi-bold\" style={LOADING_HINT_STYLE}>\n {loadingHint}\n </Text>\n ) : null}\n </div>\n );\n }\n\n const titleInTopRow = variant === 'library';\n\n const eyebrowStyle = EYEBROWS[variant][selected ? 'selected' : 'resting'];\n const hasCornerCluster = Boolean(actions) || Boolean(onDismiss);\n const isDismissDisabled = dismissDisabledReason !== undefined;\n const eyebrowRowEnd =\n actions && onDismiss ? 'pr-[56px]' : hasCornerCluster ? 'pr-[26px]' : 'pr-1';\n\n return (\n <div\n ref={rootRef}\n data-variant={variant}\n data-pinned={pinned ? 'true' : 'false'}\n data-state={selected ? 'selected' : 'resting'}\n data-hoverable={hoverable ? '' : undefined}\n className={`${ROOT_CLASS} group relative grid shrink-0 grid-rows-[1fr_auto] ${FOCUS_RING_WITHIN} ${className}`.trim()}\n style={{\n width: CARD_WIDTH,\n height: CARD_HEIGHT,\n borderRadius: CARD_RADIUS,\n boxSizing: 'border-box',\n ...style,\n }}\n >\n {selected ? (\n <svg\n className={FLARE_CLASS}\n width={FLARE_BOX_WIDTH}\n height={FLARE_BOX_HEIGHT}\n viewBox={`0 0 ${FLARE_BOX_WIDTH} ${FLARE_BOX_HEIGHT}`}\n fill=\"none\"\n aria-hidden=\"true\"\n >\n <defs>\n <linearGradient id={outlineGradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0\" style={{ stopColor: `var(${TINT_PROPERTY})` }} />\n <stop offset=\"1\" style={{ stopColor: SELECTED_SURFACE_END }} />\n </linearGradient>\n </defs>\n <path\n d={FILL_PATH}\n data-malachite-shape=\"\"\n style={{ fill: `url(#${outlineGradientId})` }}\n />\n <path\n d={OUTLINE_PATH}\n data-malachite-shape=\"\"\n strokeWidth={STROKE_PX}\n style={{ fill: 'none', stroke: `var(${OUTLINE_PROPERTY})` }}\n />\n </svg>\n ) : null}\n <button\n type=\"button\"\n role=\"radio\"\n data-value={value}\n aria-checked={selected}\n aria-label={ariaLabel}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n aria-disabled={disabled || undefined}\n tabIndex={tabIndex ?? (selected ? 0 : -1)}\n onClick={() => {\n if (disabled || selected) {\n return;\n }\n onSelect?.(value);\n }}\n className={`flex min-w-0 appearance-none flex-col border-0 bg-transparent py-0 pt-3 pr-4 pl-4 text-left outline-none ${\n disabled ? 'cursor-not-allowed' : 'cursor-pointer'\n }`}\n style={{ borderRadius: CARD_RADIUS }}\n >\n {/* 26px is one xsmall icon button plus a gap, 56px is `actions` and the x: the\n cluster stands over the end of this row, so the eyebrow stops short of it. */}\n <div className={`flex h-[13px] shrink-0 items-center gap-2 ${eyebrowRowEnd}`}>\n <div className=\"flex min-w-0 items-center gap-1.5\">\n {titleInTopRow ? (\n <span id={titleId} className=\"flex min-w-0 items-center gap-1.5\">\n {titleIcon ? (\n <span\n className=\"flex shrink-0 items-center\"\n style={TITLE_ICON_STYLE}\n >\n {titleIcon}\n </span>\n ) : null}\n {isDefault ? (\n <span className=\"flex shrink-0 items-center\">\n <DefaultMarker />\n </span>\n ) : null}\n <TruncatedTooltip text={title}>\n <Text\n size=\"small\"\n fontWeight=\"semi-bold\"\n style={dimmed ? { color: MUTED } : undefined}\n >\n {title}\n </Text>\n </TruncatedTooltip>\n </span>\n ) : null}\n {eyebrow ? (\n <span id={eyebrowId} className=\"flex min-w-0\">\n <Text size=\"xsmall\" fontWeight=\"semi-bold\" style={eyebrowStyle}>\n {eyebrow}\n </Text>\n </span>\n ) : null}\n {status ? (\n <span id={statusId} className=\"flex min-w-0\">\n <Tag\n value={status.label}\n type={status.type ?? 'default'}\n textTransform=\"none\"\n paddingSize=\"compact\"\n />\n </span>\n ) : null}\n </div>\n </div>\n\n <div\n className={`mt-[11px] flex min-w-0 flex-1 flex-col gap-1 pt-3 ${\n titleInTopRow ? 'justify-end' : 'justify-between'\n }`}\n >\n {titleInTopRow ? null : (\n <div id={titleId} className=\"flex min-w-0 items-center gap-1.5\">\n {titleIcon ? (\n <span\n className=\"flex shrink-0 items-center\"\n style={TITLE_ICON_STYLE}\n >\n {titleIcon}\n </span>\n ) : null}\n {isDefault ? (\n <span className=\"flex shrink-0 items-center\">\n <DefaultMarker />\n </span>\n ) : null}\n <TruncatedTooltip text={title}>\n <Text\n size=\"small\"\n fontWeight=\"semi-bold\"\n style={dimmed ? { color: MUTED } : undefined}\n >\n {title}\n </Text>\n </TruncatedTooltip>\n </div>\n )}\n {description ? (\n <span id={descriptionId} className=\"block min-w-0\">\n <Text size=\"xsmall\" style={DESCRIPTION_STYLE}>\n {description}\n </Text>\n </span>\n ) : null}\n </div>\n </button>\n\n <span id={countId} className=\"min-w-0 self-end truncate pr-4 pb-3 pl-4\">\n {countLabel ? (\n <Text size=\"xsmall\" fontWeight=\"semi-bold\" style={COUNT_STYLE}>\n {countLabel}\n </Text>\n ) : null}\n </span>\n\n {/* Lifted out of the flow rather than given a grid cell, so it can sit on the\n eyebrow row — which belongs to the control and cannot hold a second one. */}\n {hasCornerCluster ? (\n <div\n data-selectable-card-actions=\"\"\n className=\"absolute top-3 right-4 flex h-[13px] shrink-0 items-center gap-2.5\"\n >\n {actions}\n {onDismiss ? (\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"xsmall\"\n iconOnly\n aria-label={dismissLabel}\n tooltip={dismissDisabledReason ?? dismissLabel}\n disabled={isDismissDisabled}\n className=\"shrink-0\"\n onClick={onDismiss}\n >\n <span\n className={DISMISS_ICON_BOX}\n style={isDismissDisabled ? DISABLED_DISMISS_STYLE : eyebrowStyle}\n >\n <DismissIcon />\n </span>\n </Button>\n ) : null}\n </div>\n ) : null}\n </div>\n );\n};\n\nexport default SelectableCard;\nexport { SelectableCard };\n"],"names":["CARD_WIDTH_PX","CARD_WIDTH","CARD_HEIGHT","CARD_CORNER","CARD_RADIUS","MUTED","EYEBROW","PROFILE_ACCENT","PROFILE_TINT","PROFILE_SELECTED_BORDER","PROFILE_EYEBROW_OPACITY","LIBRARY_TINT","LIBRARY_SELECTED_BORDER","EDITING_ACCENT","EDITING_TINT","SELECTED_SURFACE_END","RESTING_SURFACE","RESTING_BORDER","HOVER_SURFACE_FILL","CARD_FLARE_PX","FLARE_PX","STROKE_PX","CARD_HEIGHT_PX","CORNER_PX","STRIP_RULE_PX","CARD_FLARE_TIP_PX","FLARE_BOX_WIDTH","FLARE_BOX_HEIGHT","pathTo","base","inset","left","right","top","OUTLINE_PATH","FILL_PATH","FLARE_CLASS","ROOT_CLASS","STYLE_ID","OUTLINE_PROPERTY","TINT_PROPERTY","HOVER_SURFACE","RESTING_SURFACE_DECLARATIONS","SURFACES","RESTING_EYEBROW","EYEBROWS","SCROLLED_SURFACE","OUTLINE_CSS","bodyOf","declarations","property","value","selectorFor","variant","state","ruleFor","SURFACE_CSS","SLOT_CSS","CARD_CSS","DESCRIPTION_STYLE","COUNT_STYLE","PENDING","LOADING_LABEL_STYLE","LOADING_HINT_STYLE","PENDING_BODY_TOP_PX","PENDING_BODY_BOTTOM_PX","TITLE_ICON_STYLE","DISMISS_ICON_BOX","DISABLED_DISMISS_STYLE","DEFAULT_MARKER_LABEL","DEFAULT_MARKER_SIZE_PX","DEFAULT_MARKER_STYLE","DefaultMarker","jsx","Tooltip","PinIcon","joinIds","ids","present","id","SelectableCard","title","titleIcon","isDefault","eyebrow","status","description","countLabel","actions","onDismiss","dismissLabel","dismissDisabledReason","selected","loading","loadingLabel","loadingHint","disabled","dimmed","onSelect","tabIndex","ariaLabel","className","style","pinned","useCardStripSlot","hoverable","rootRef","useRef","useAdoptedStyleSheet","instanceId","useId","outlineGradientId","eyebrowId","statusId","titleId","descriptionId","countId","labelledBy","describedBy","jsxs","Text","titleInTopRow","eyebrowStyle","hasCornerCluster","isDismissDisabled","eyebrowRowEnd","FOCUS_RING_WITHIN","TruncatedTooltip","Tag","Button","DismissIcon"],"mappings":"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"}
1
+ {"version":3,"file":"SelectableCard.js","sources":["../../src/components/SelectableCard.tsx"],"sourcesContent":["import React, { useId, useRef } from 'react';\nimport Button from './Button';\nimport DismissIcon from './CustomIcons/DismissIcon';\nimport PinIcon from './CustomIcons/PinIcon';\nimport Tag, { type TagType } from './Tag';\nimport Tooltip from './Tooltip';\nimport TruncatedTooltip from './TruncatedTooltip';\nimport Text from './Typography/Text';\nimport { useCardStripSlot } from './cardStripSlot';\nimport { FOCUS_RING_WITHIN } from './focusRing';\nimport { useAdoptedStyleSheet } from './useAdoptedStyleSheet';\n\nexport interface SelectableCardStatus {\n label: string;\n /** Maps to Tag's palette — `default` (grey) for \"Disabled\", `warning` (amber) for \"Draft\". */\n type?: TagType;\n}\n\n/** The card's palette: `profile` is green, `library` neutral, `editing` amber for a\n * profile with unsaved changes. */\nexport type SelectableCardVariant = 'profile' | 'library' | 'editing';\n\nexport interface SelectableCardProps {\n /** Identifies the card inside its group; handed back to `onSelect`. */\n value: string;\n title: string;\n /** Leading glyph on the title line, e.g. a library/book icon. */\n titleIcon?: React.ReactNode;\n /** Pins the card as the account default, marked beside the title. */\n isDefault?: boolean;\n /** Palette only — gradient, borders, indicator and eyebrow; position is settled by the strip. */\n variant?: SelectableCardVariant;\n /** Small label above the title (\"Profile\", \"Explore\"). */\n eyebrow?: string;\n /** Status pill rendered next to the eyebrow — or in its place when there is no eyebrow. */\n status?: SelectableCardStatus;\n /** Supporting copy under the title, clamped to two lines. */\n description?: string;\n /** Bottom-left summary (\"16 Actions\", \"10 Selected\"). */\n countLabel?: string;\n /** Top-right cluster (markers, an ActionMenu…). The eyebrow row gives way to one\n * xsmall control; a wider cluster needs a shorter eyebrow and status to clear it. */\n actions?: React.ReactNode;\n /** Renders an x after `actions`, tinted like the eyebrow, that calls this. */\n onDismiss?: () => void;\n /** Names the x for assistive tech and its tooltip. */\n dismissLabel?: string;\n /** Disables the x and shows this as its tooltip instead. */\n dismissDisabledReason?: string;\n selected?: boolean;\n /** Replaces the card's content with a centred in-progress message. */\n loading?: boolean;\n loadingLabel?: string;\n loadingHint?: string;\n /** Blocks selection. Draws no dimming of its own — a switched-off profile is signalled by its `status` tag. */\n disabled?: boolean;\n /** Mutes the title without blocking selection. */\n dimmed?: boolean;\n onSelect?: (value: string) => void;\n /** Tab stop for the card. */\n tabIndex?: number;\n /** Replaces the generated accessible name (eyebrow + title + status). */\n 'aria-label'?: string;\n className?: string;\n style?: React.CSSProperties;\n}\n\nexport const CARD_WIDTH_PX = 240;\nconst CARD_WIDTH = `${CARD_WIDTH_PX}px`;\nconst CARD_HEIGHT = '116px';\nconst CARD_CORNER = 'var(--malachite-radius-xxl, 14px)';\nconst CARD_RADIUS = `${CARD_CORNER} ${CARD_CORNER} 0 0`;\n\nconst MUTED = 'var(--malachite-selectable-card-muted-foreground, #7b7b7b)';\nconst EYEBROW = 'var(--malachite-text-secondary, #7b7b7b)';\n\nconst PROFILE_ACCENT = 'var(--malachite-selectable-card-accent, #047b43)';\nconst PROFILE_TINT = 'var(--malachite-selectable-card-selected-tint, #e7f8f1)';\nconst PROFILE_SELECTED_BORDER = 'var(--malachite-selectable-card-selected-border, #047b43)';\nconst PROFILE_EYEBROW_OPACITY = 0.7;\n\nconst LIBRARY_TINT = 'var(--malachite-selectable-card-library-selected-tint, #f1f1f1)';\nconst LIBRARY_SELECTED_BORDER = 'var(--malachite-selectable-card-library-selected-border, #bbbbbb)';\n\nconst EDITING_ACCENT = 'var(--malachite-selectable-card-pending-foreground, #96580a)';\nconst EDITING_TINT = 'var(--malachite-selectable-card-editing-tint, #f9f2e9)';\n\nconst SELECTED_SURFACE_END = 'var(--malachite-selectable-card-selected-surface-end, #ffffff)';\n\nconst RESTING_SURFACE = 'var(--malachite-selectable-card-background, #f1f1f1)';\nconst RESTING_BORDER = '1px solid var(--malachite-selectable-card-border, #dddddd)';\n\nconst HOVER_SURFACE_FILL = 'var(--malachite-selectable-card-hover-background, #e8e8e8)';\n\n/** How far a selected card's outline sweeps past its own edge. The strip keeps this much\n * clear of its scroller's clip. */\nexport const CARD_FLARE_PX = 14;\nconst FLARE_PX = CARD_FLARE_PX;\nconst STROKE_PX = 2;\nconst CARD_HEIGHT_PX = 116;\nconst CORNER_PX = 14;\n\n/** Weight of the strip's bottom rule, which a selected card's flare reaches down through. */\nexport const STRIP_RULE_PX = 2;\n\n/** Where the strip's rule meets the flare. The stroke is centred on its path, so the tip\n * stops half a stroke inside the flare box. */\nexport const CARD_FLARE_TIP_PX = FLARE_PX - STROKE_PX / 2;\n\nconst FLARE_BOX_WIDTH = CARD_WIDTH_PX + FLARE_PX * 2;\nconst FLARE_BOX_HEIGHT = CARD_HEIGHT_PX + STRIP_RULE_PX + STROKE_PX;\n\n/** Stroke is centred on the path, so the card's own edges sit half a stroke inside the box. */\nconst pathTo = (base: number): string => {\n const inset = STROKE_PX / 2;\n const left = FLARE_PX + inset;\n const right = FLARE_PX + CARD_WIDTH_PX - inset;\n const top = inset;\n const r = CORNER_PX - inset;\n return [\n `M${left - FLARE_PX} ${base}`,\n `A${FLARE_PX} ${FLARE_PX} 0 0 0 ${left} ${base - FLARE_PX}`,\n `L${left} ${top + r}`,\n `A${r} ${r} 0 0 1 ${left + r} ${top}`,\n `L${right - r} ${top}`,\n `A${r} ${r} 0 0 1 ${right} ${top + r}`,\n `L${right} ${base - FLARE_PX}`,\n `A${FLARE_PX} ${FLARE_PX} 0 0 0 ${right + FLARE_PX} ${base}`,\n ].join(' ');\n};\n\nconst OUTLINE_PATH = pathTo(CARD_HEIGHT_PX + STRIP_RULE_PX / 2);\n\nconst FILL_PATH = `${OUTLINE_PATH} Z`;\n\nexport const FLARE_CLASS = 'malachite-selectable-card-outline';\n\nconst ROOT_CLASS = 'malachite-selectable-card';\nconst STYLE_ID = 'malachite-selectable-card-style';\n\nconst OUTLINE_PROPERTY = '--malachite-selectable-card-state-outline';\nconst TINT_PROPERTY = '--malachite-selectable-card-state-tint';\n\ntype CardState = 'resting' | 'hover' | 'selected';\ntype SettledState = Exclude<CardState, 'hover'>;\n\ntype Declarations = Record<string, string>;\n\nconst HOVER_SURFACE: Declarations = {\n 'background-color': HOVER_SURFACE_FILL,\n 'border-left-color': 'transparent',\n};\n\nconst RESTING_SURFACE_DECLARATIONS: Declarations = {\n 'background-color': RESTING_SURFACE,\n};\n\n/** Never inline styles: an inline declaration outranks the sheet, so `:hover` could never repaint the card. */\nconst SURFACES: Record<SelectableCardVariant, Record<CardState, Declarations>> = {\n profile: {\n resting: RESTING_SURFACE_DECLARATIONS,\n hover: HOVER_SURFACE,\n selected: {\n [OUTLINE_PROPERTY]: PROFILE_SELECTED_BORDER,\n [TINT_PROPERTY]: PROFILE_TINT,\n },\n },\n library: {\n resting: RESTING_SURFACE_DECLARATIONS,\n hover: HOVER_SURFACE,\n selected: {\n [OUTLINE_PROPERTY]: LIBRARY_SELECTED_BORDER,\n [TINT_PROPERTY]: LIBRARY_TINT,\n },\n },\n editing: {\n resting: RESTING_SURFACE_DECLARATIONS,\n hover: HOVER_SURFACE,\n selected: {\n [OUTLINE_PROPERTY]: EDITING_ACCENT,\n [TINT_PROPERTY]: EDITING_TINT,\n },\n },\n};\n\nconst RESTING_EYEBROW: React.CSSProperties = { color: EYEBROW };\n\nconst EYEBROWS: Record<SelectableCardVariant, Record<SettledState, React.CSSProperties>> = {\n profile: {\n resting: RESTING_EYEBROW,\n selected: { color: PROFILE_ACCENT, opacity: PROFILE_EYEBROW_OPACITY },\n },\n library: { resting: RESTING_EYEBROW, selected: RESTING_EYEBROW },\n editing: {\n resting: RESTING_EYEBROW,\n selected: { color: EDITING_ACCENT, opacity: PROFILE_EYEBROW_OPACITY },\n },\n};\n\nconst SCROLLED_SURFACE: Declarations = { 'border-left': RESTING_BORDER };\n\nconst OUTLINE_CSS = `\n.${ROOT_CLASS}[data-state='selected'] {\n z-index: 5;\n}\n.${ROOT_CLASS} > .${FLARE_CLASS} {\n position: absolute;\n left: -${FLARE_PX}px;\n top: 0;\n z-index: 0;\n overflow: visible;\n pointer-events: none;\n}\n.${ROOT_CLASS} > *:not(.${FLARE_CLASS}):not([data-selectable-card-actions]) {\n position: relative;\n z-index: 1;\n}\n.${ROOT_CLASS} > [data-selectable-card-actions] {\n z-index: 2;\n}`;\n\nconst bodyOf = (declarations: Declarations): string =>\n Object.entries(declarations)\n .map(([property, value]) => ` ${property}: ${value};`)\n .join('\\n');\n\nconst selectorFor = (variant: SelectableCardVariant, state: CardState): string =>\n state === 'hover'\n ? `.${ROOT_CLASS}[data-variant='${variant}'][data-state='resting'][data-hoverable]:hover`\n : `.${ROOT_CLASS}[data-variant='${variant}'][data-state='${state}']`;\n\nconst ruleFor = (\n variant: SelectableCardVariant,\n state: CardState,\n declarations: Declarations,\n): string => `${selectorFor(variant, state)} {\\n${bodyOf(declarations)}\\n}`;\n\nconst SURFACE_CSS = (Object.keys(SURFACES) as SelectableCardVariant[])\n .flatMap((variant) =>\n (Object.keys(SURFACES[variant]) as CardState[]).map((state) =>\n ruleFor(variant, state, SURFACES[variant][state]),\n ),\n )\n .join('\\n');\n\nconst SLOT_CSS = `.${ROOT_CLASS}[data-pinned='false'][data-state='resting'] {\\n${bodyOf(\n SCROLLED_SURFACE,\n)}\\n}`;\n\nconst CARD_CSS = `${SLOT_CSS}\\n${SURFACE_CSS}\\n${OUTLINE_CSS}`;\n\nconst DESCRIPTION_STYLE: React.CSSProperties = {\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n color: MUTED,\n lineHeight: 1.6,\n};\n\nconst COUNT_STYLE: React.CSSProperties = { color: MUTED, letterSpacing: '0.11px' };\n\nconst PENDING = 'var(--malachite-selectable-card-pending-foreground, #96580a)';\n\nconst LOADING_LABEL_STYLE: React.CSSProperties = { color: PENDING };\nconst LOADING_HINT_STYLE: React.CSSProperties = { color: PENDING, opacity: 0.7 };\n\nconst PENDING_BODY_TOP_PX = 36;\nconst PENDING_BODY_BOTTOM_PX = 38;\n\n// The 16px library icon's glyph inset, so it lines up with the text below.\nconst TITLE_ICON_INSET_PX = 2.25;\nconst TITLE_ICON_STYLE: React.CSSProperties = {\n color: 'var(--malachite-text-primary)',\n marginLeft: -TITLE_ICON_INSET_PX,\n};\n\n// Offsets the outline button's 1px drop shadow so it centres on the eyebrow.\nconst ACTIONS_STYLE: React.CSSProperties = { transform: 'translateY(-1px)' };\n\nconst DISMISS_ICON_BOX = 'inline-flex items-center justify-center [&_svg]:size-[10px]!';\nconst DISABLED_DISMISS_STYLE: React.CSSProperties = { color: MUTED };\n\nconst DEFAULT_MARKER_LABEL = 'Default profile';\nconst DEFAULT_MARKER_SIZE_PX = 16;\n// The tilted pin's glyph inset.\nconst DEFAULT_MARKER_INSET_PX = 3;\nconst DEFAULT_MARKER_STYLE: React.CSSProperties = {\n color: PROFILE_ACCENT,\n display: 'inline-flex',\n transform: 'rotate(45deg)',\n};\nconst LEADING_DEFAULT_MARKER_STYLE: React.CSSProperties = {\n ...DEFAULT_MARKER_STYLE,\n marginLeft: -DEFAULT_MARKER_INSET_PX,\n};\n\n/** Announced rather than shown alone: a bare glyph reads as an unnamed graphic, and the tooltip\n * travels by `aria-describedby`, which describes rather than names. */\nconst DefaultMarker: React.FC<{ leading: boolean }> = ({ leading }) => (\n <Tooltip text={DEFAULT_MARKER_LABEL} triggerAs=\"span\" describesTrigger={false}>\n <span\n role=\"img\"\n aria-label={DEFAULT_MARKER_LABEL}\n style={leading ? LEADING_DEFAULT_MARKER_STYLE : DEFAULT_MARKER_STYLE}\n >\n <PinIcon size={DEFAULT_MARKER_SIZE_PX} />\n </span>\n </Tooltip>\n);\n\nconst joinIds = (ids: Array<string | undefined>): string | undefined => {\n const present = ids.filter((id): id is string => id !== undefined);\n return present.length > 0 ? present.join(' ') : undefined;\n};\n\n/** A fixed-size card that behaves as one option in a radio group: a card-shaped `Surface.Row`. */\nconst SelectableCard: React.FC<SelectableCardProps> = ({\n value,\n title,\n titleIcon,\n isDefault = false,\n variant = 'profile',\n eyebrow,\n status,\n description,\n countLabel,\n actions,\n onDismiss,\n dismissLabel = 'Dismiss',\n dismissDisabledReason,\n selected = false,\n loading = false,\n loadingLabel = 'Loading…',\n loadingHint,\n disabled = false,\n dimmed = false,\n onSelect,\n tabIndex,\n 'aria-label': ariaLabel,\n className = '',\n style,\n}) => {\n const { pinned } = useCardStripSlot();\n const hoverable = !selected && !disabled;\n\n const rootRef = useRef<HTMLDivElement>(null);\n useAdoptedStyleSheet(rootRef, CARD_CSS, STYLE_ID);\n\n const instanceId = `mal-selectable-card-${useId().replace(/[^a-zA-Z0-9_-]/g, '')}`;\n const outlineGradientId = `${instanceId}-outline`;\n const eyebrowId = `${instanceId}-eyebrow`;\n const statusId = `${instanceId}-status`;\n const titleId = `${instanceId}-title`;\n const descriptionId = `${instanceId}-description`;\n const countId = `${instanceId}-count`;\n\n const labelledBy = ariaLabel\n ? undefined\n : joinIds([eyebrow ? eyebrowId : undefined, titleId, status ? statusId : undefined]);\n const describedBy = joinIds([\n description ? descriptionId : undefined,\n countLabel ? countId : undefined,\n ]);\n\n if (loading) {\n return (\n <div\n ref={rootRef}\n role=\"status\"\n aria-busy=\"true\"\n aria-live=\"polite\"\n data-variant=\"editing\"\n data-state=\"selected\"\n className={`${ROOT_CLASS} relative flex shrink-0 flex-col items-center gap-2 px-5 text-center ${className}`.trim()}\n style={\n {\n width: CARD_WIDTH,\n height: CARD_HEIGHT,\n borderRadius: CARD_RADIUS,\n boxSizing: 'border-box',\n paddingTop: `${PENDING_BODY_TOP_PX}px`,\n paddingBottom: `${PENDING_BODY_BOTTOM_PX}px`,\n justifyContent: 'center',\n [OUTLINE_PROPERTY]: PENDING,\n [TINT_PROPERTY]: EDITING_TINT,\n ...style,\n } as React.CSSProperties\n }\n >\n {/* The same outline a selected card wears: this IS the selection while a profile\n is being built, so it has to break the strip's rule rather than sit on it. */}\n <svg\n className={FLARE_CLASS}\n width={FLARE_BOX_WIDTH}\n height={FLARE_BOX_HEIGHT}\n viewBox={`0 0 ${FLARE_BOX_WIDTH} ${FLARE_BOX_HEIGHT}`}\n fill=\"none\"\n aria-hidden=\"true\"\n >\n <defs>\n <linearGradient id={outlineGradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0\" style={{ stopColor: `var(${TINT_PROPERTY})` }} />\n <stop offset=\"1\" style={{ stopColor: SELECTED_SURFACE_END }} />\n </linearGradient>\n </defs>\n <path\n d={FILL_PATH}\n data-malachite-shape=\"\"\n style={{ fill: `url(#${outlineGradientId})` }}\n />\n <path\n d={OUTLINE_PATH}\n data-malachite-shape=\"\"\n strokeWidth={STROKE_PX}\n style={{ fill: 'none', stroke: `var(${OUTLINE_PROPERTY})` }}\n />\n </svg>\n <Text size=\"small\" fontWeight=\"semi-bold\" style={LOADING_LABEL_STYLE}>\n {loadingLabel}\n </Text>\n {loadingHint ? (\n <Text size=\"xsmall\" fontWeight=\"semi-bold\" style={LOADING_HINT_STYLE}>\n {loadingHint}\n </Text>\n ) : null}\n </div>\n );\n }\n\n const titleInTopRow = variant === 'library';\n\n const eyebrowStyle = EYEBROWS[variant][selected ? 'selected' : 'resting'];\n const hasCornerCluster = Boolean(actions) || Boolean(onDismiss);\n const isDismissDisabled = dismissDisabledReason !== undefined;\n const eyebrowRowEnd =\n actions && onDismiss ? 'pr-[48px]' : hasCornerCluster ? 'pr-[18px]' : 'pr-1';\n\n return (\n <div\n ref={rootRef}\n data-variant={variant}\n data-pinned={pinned ? 'true' : 'false'}\n data-state={selected ? 'selected' : 'resting'}\n data-hoverable={hoverable ? '' : undefined}\n className={`${ROOT_CLASS} group relative grid shrink-0 grid-rows-[1fr_auto] ${FOCUS_RING_WITHIN} ${className}`.trim()}\n style={{\n width: CARD_WIDTH,\n height: CARD_HEIGHT,\n borderRadius: CARD_RADIUS,\n boxSizing: 'border-box',\n ...style,\n }}\n >\n {selected ? (\n <svg\n className={FLARE_CLASS}\n width={FLARE_BOX_WIDTH}\n height={FLARE_BOX_HEIGHT}\n viewBox={`0 0 ${FLARE_BOX_WIDTH} ${FLARE_BOX_HEIGHT}`}\n fill=\"none\"\n aria-hidden=\"true\"\n >\n <defs>\n <linearGradient id={outlineGradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0\" style={{ stopColor: `var(${TINT_PROPERTY})` }} />\n <stop offset=\"1\" style={{ stopColor: SELECTED_SURFACE_END }} />\n </linearGradient>\n </defs>\n <path\n d={FILL_PATH}\n data-malachite-shape=\"\"\n style={{ fill: `url(#${outlineGradientId})` }}\n />\n <path\n d={OUTLINE_PATH}\n data-malachite-shape=\"\"\n strokeWidth={STROKE_PX}\n style={{ fill: 'none', stroke: `var(${OUTLINE_PROPERTY})` }}\n />\n </svg>\n ) : null}\n <button\n type=\"button\"\n role=\"radio\"\n data-value={value}\n aria-checked={selected}\n aria-label={ariaLabel}\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n aria-disabled={disabled || undefined}\n tabIndex={tabIndex ?? (selected ? 0 : -1)}\n onClick={() => {\n if (disabled || selected) {\n return;\n }\n onSelect?.(value);\n }}\n className={`flex min-w-0 appearance-none flex-col border-0 bg-transparent py-0 pt-3 pr-4 pl-4 text-left outline-none ${\n disabled ? 'cursor-not-allowed' : 'cursor-pointer'\n }`}\n style={{ borderRadius: CARD_RADIUS }}\n >\n {/* Clears the corner buttons: 18px for one, 48px for `actions` and the x. */}\n <div className={`flex h-[13px] shrink-0 items-center gap-2 ${eyebrowRowEnd}`}>\n <div className=\"flex min-w-0 items-center gap-1.5\">\n {titleInTopRow ? (\n <span id={titleId} className=\"flex min-w-0 items-center gap-1.5\">\n {titleIcon ? (\n <span\n className=\"flex shrink-0 items-center\"\n style={TITLE_ICON_STYLE}\n >\n {titleIcon}\n </span>\n ) : null}\n {isDefault ? (\n <span className=\"flex shrink-0 items-center\">\n <DefaultMarker leading={!titleIcon} />\n </span>\n ) : null}\n <TruncatedTooltip text={title}>\n <Text\n size=\"small\"\n fontWeight=\"semi-bold\"\n style={dimmed ? { color: MUTED } : undefined}\n >\n {title}\n </Text>\n </TruncatedTooltip>\n </span>\n ) : null}\n {eyebrow ? (\n <span id={eyebrowId} className=\"flex min-w-0\">\n <Text size=\"xsmall\" fontWeight=\"semi-bold\" style={eyebrowStyle}>\n {eyebrow}\n </Text>\n </span>\n ) : null}\n {status ? (\n <span id={statusId} className=\"flex min-w-0\">\n <Tag\n value={status.label}\n type={status.type ?? 'default'}\n textTransform=\"none\"\n paddingSize=\"compact\"\n />\n </span>\n ) : null}\n </div>\n </div>\n\n <div\n className={`mt-[11px] flex min-w-0 flex-1 flex-col gap-1 pt-3 ${\n titleInTopRow ? 'justify-end' : 'justify-between'\n }`}\n >\n {titleInTopRow ? null : (\n <div id={titleId} className=\"flex min-w-0 items-center gap-1.5\">\n {titleIcon ? (\n <span\n className=\"flex shrink-0 items-center\"\n style={TITLE_ICON_STYLE}\n >\n {titleIcon}\n </span>\n ) : null}\n {isDefault ? (\n <span className=\"flex shrink-0 items-center\">\n <DefaultMarker leading={!titleIcon} />\n </span>\n ) : null}\n <TruncatedTooltip text={title}>\n <Text\n size=\"small\"\n fontWeight=\"semi-bold\"\n style={dimmed ? { color: MUTED } : undefined}\n >\n {title}\n </Text>\n </TruncatedTooltip>\n </div>\n )}\n {description ? (\n <span id={descriptionId} className=\"block min-w-0\">\n <Text size=\"xsmall\" style={DESCRIPTION_STYLE}>\n {description}\n </Text>\n </span>\n ) : null}\n </div>\n </button>\n\n <span id={countId} className=\"min-w-0 self-end truncate pr-4 pb-3 pl-4\">\n {countLabel ? (\n <Text size=\"xsmall\" fontWeight=\"semi-bold\" style={COUNT_STYLE}>\n {countLabel}\n </Text>\n ) : null}\n </span>\n\n {/* Lifted out of the flow rather than given a grid cell, so it can sit on the\n eyebrow row — which belongs to the control and cannot hold a second one. */}\n {hasCornerCluster ? (\n <div\n data-selectable-card-actions=\"\"\n className=\"absolute top-3 right-2 flex h-[13px] shrink-0 items-center gap-2.5\"\n >\n {actions ? (\n <span className=\"flex items-center gap-2.5\" style={ACTIONS_STYLE}>\n {actions}\n </span>\n ) : null}\n {onDismiss ? (\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"xsmall\"\n iconOnly\n aria-label={dismissLabel}\n tooltip={dismissDisabledReason ?? dismissLabel}\n disabled={isDismissDisabled}\n className=\"shrink-0\"\n onClick={onDismiss}\n >\n <span\n className={DISMISS_ICON_BOX}\n style={isDismissDisabled ? DISABLED_DISMISS_STYLE : eyebrowStyle}\n >\n <DismissIcon />\n </span>\n </Button>\n ) : null}\n </div>\n ) : null}\n </div>\n );\n};\n\nexport default SelectableCard;\nexport { SelectableCard };\n"],"names":["CARD_WIDTH_PX","CARD_WIDTH","CARD_HEIGHT","CARD_CORNER","CARD_RADIUS","MUTED","EYEBROW","PROFILE_ACCENT","PROFILE_TINT","PROFILE_SELECTED_BORDER","PROFILE_EYEBROW_OPACITY","LIBRARY_TINT","LIBRARY_SELECTED_BORDER","EDITING_ACCENT","EDITING_TINT","SELECTED_SURFACE_END","RESTING_SURFACE","RESTING_BORDER","HOVER_SURFACE_FILL","CARD_FLARE_PX","FLARE_PX","STROKE_PX","CARD_HEIGHT_PX","CORNER_PX","STRIP_RULE_PX","CARD_FLARE_TIP_PX","FLARE_BOX_WIDTH","FLARE_BOX_HEIGHT","pathTo","base","inset","left","right","top","OUTLINE_PATH","FILL_PATH","FLARE_CLASS","ROOT_CLASS","STYLE_ID","OUTLINE_PROPERTY","TINT_PROPERTY","HOVER_SURFACE","RESTING_SURFACE_DECLARATIONS","SURFACES","RESTING_EYEBROW","EYEBROWS","SCROLLED_SURFACE","OUTLINE_CSS","bodyOf","declarations","property","value","selectorFor","variant","state","ruleFor","SURFACE_CSS","SLOT_CSS","CARD_CSS","DESCRIPTION_STYLE","COUNT_STYLE","PENDING","LOADING_LABEL_STYLE","LOADING_HINT_STYLE","PENDING_BODY_TOP_PX","PENDING_BODY_BOTTOM_PX","TITLE_ICON_STYLE","ACTIONS_STYLE","DISMISS_ICON_BOX","DISABLED_DISMISS_STYLE","DEFAULT_MARKER_LABEL","DEFAULT_MARKER_SIZE_PX","DEFAULT_MARKER_STYLE","LEADING_DEFAULT_MARKER_STYLE","DefaultMarker","leading","jsx","Tooltip","PinIcon","joinIds","ids","present","id","SelectableCard","title","titleIcon","isDefault","eyebrow","status","description","countLabel","actions","onDismiss","dismissLabel","dismissDisabledReason","selected","loading","loadingLabel","loadingHint","disabled","dimmed","onSelect","tabIndex","ariaLabel","className","style","pinned","useCardStripSlot","hoverable","rootRef","useRef","useAdoptedStyleSheet","instanceId","useId","outlineGradientId","eyebrowId","statusId","titleId","descriptionId","countId","labelledBy","describedBy","jsxs","Text","titleInTopRow","eyebrowStyle","hasCornerCluster","isDismissDisabled","eyebrowRowEnd","FOCUS_RING_WITHIN","TruncatedTooltip","Tag","Button","DismissIcon"],"mappings":"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"}
package/dist/tailwind.css.js CHANGED
@@ -1,4 +1,4 @@
1
- const a = '/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:"SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",Courier,monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-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-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-4{right:calc(var(--spacing)*4)}.right-\\[8px\\]{right:8px}.right-\\[26px\\]{right:26px}.right-\\[28px\\]{right:28px}.right-\\[30px\\]{right:30px}.right-\\[38px\\]{right:38px}.right-\\[60px\\]{right:60px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-\\[8px\\]{bottom:8px}.left-0{left:calc(var(--spacing)*0)}.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-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-\\[-8px\\]{margin-right:-8px}.mr-\\[6px\\]{margin-right:6px}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-30{margin-bottom:calc(var(--spacing)*30)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-0\\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-\\[6px\\]{margin-left:6px}.ml-\\[20px\\]{margin-left:20px}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.\\[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-\\[37px\\]{min-height:37px}.min-h-\\[50px\\]{min-height:50px}.min-h-\\[52px\\]{min-height:52px}.min-h-\\[56px\\]{min-height:56px}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[400px\\]{min-height:400px}.min-h-\\[var\\(--malachite-control-height-large\\,42px\\)\\]{min-height:var(--malachite-control-height-large,42px)}.min-h-\\[var\\(--malachite-control-height-medium\\,32px\\)\\]{min-height:var(--malachite-control-height-medium,32px)}.min-h-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{min-height:var(--malachite-control-height-small,28px)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-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-\\[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-\\[85\\%\\]{max-width:85%}.max-w-\\[330px\\]{max-width:330px}.max-w-\\[380px\\]{max-width:380px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[420px\\]{max-width:420px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[500px\\]{max-width:500px}.max-w-\\[540px\\]{max-width:540px}.max-w-\\[560px\\]{max-width:560px}.max-w-\\[620px\\]{max-width:620px}.max-w-\\[640px\\]{max-width:640px}.max-w-\\[860px\\]{max-width:860px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[16px\\]{min-width:16px}.min-w-\\[18px\\]{min-width:18px}.min-w-\\[20px\\]{min-width:20px}.min-w-\\[39px\\]{min-width:39px}.min-w-\\[40px\\]{min-width:40px}.min-w-\\[84px\\]{min-width:84px}.min-w-\\[200px\\]{min-width:200px}.flex-1{flex:1}.flex-\\[0_1_auto\\]{flex:0 auto}.flex-\\[1_0_0\\]{flex:1 0 0}.flex-\\[1_1_0\\%\\]{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-auto{flex-basis:auto}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.\\[transform\\: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}.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-\\[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-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-assistant-background\\)\\]{background-color:var(--malachite-tag-assistant-background)}.bg-\\[var\\(--malachite-tag-default-background\\)\\]{background-color:var(--malachite-tag-default-background)}.bg-\\[var\\(--malachite-tag-emphasis-background\\)\\]{background-color:var(--malachite-tag-emphasis-background)}.bg-\\[var\\(--malachite-tag-error-background\\)\\]{background-color:var(--malachite-tag-error-background)}.bg-\\[var\\(--malachite-tag-info-background\\)\\]{background-color:var(--malachite-tag-info-background)}.bg-\\[var\\(--malachite-tag-primary-background\\)\\]{background-color:var(--malachite-tag-primary-background)}.bg-\\[var\\(--malachite-tag-secondary-background\\)\\]{background-color:var(--malachite-tag-secondary-background)}.bg-\\[var\\(--malachite-tag-success-background\\)\\]{background-color:var(--malachite-tag-success-background)}.bg-\\[var\\(--malachite-tag-warning-background\\)\\]{background-color:var(--malachite-tag-warning-background)}.bg-\\[var\\(--malachite-text-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-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-\\[26px\\]{padding-right:26px}.pr-\\[52px\\]{padding-right:52px}.pr-\\[56px\\]{padding-right:56px}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-\\[14px\\]{padding-bottom:14px}.pb-\\[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-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-segmented-control-item-foreground\\)\\]{color:var(--malachite-segmented-control-item-foreground)}.text-\\[var\\(--malachite-segmented-control-selected-foreground\\)\\]{color:var(--malachite-segmented-control-selected-foreground)}.text-\\[var\\(--malachite-selection-bar-foreground\\)\\]{color:var(--malachite-selection-bar-foreground)}.text-\\[var\\(--malachite-selection-bar-muted-foreground\\)\\]{color:var(--malachite-selection-bar-muted-foreground)}.text-\\[var\\(--malachite-selection-bar-notice-foreground\\)\\]{color:var(--malachite-selection-bar-notice-foreground)}.text-\\[var\\(--malachite-tag-assistant-foreground\\)\\]{color:var(--malachite-tag-assistant-foreground)}.text-\\[var\\(--malachite-tag-default-foreground\\)\\]{color:var(--malachite-tag-default-foreground)}.text-\\[var\\(--malachite-tag-emphasis-foreground\\)\\]{color:var(--malachite-tag-emphasis-foreground)}.text-\\[var\\(--malachite-tag-error-foreground\\)\\]{color:var(--malachite-tag-error-foreground)}.text-\\[var\\(--malachite-tag-info-foreground\\)\\]{color:var(--malachite-tag-info-foreground)}.text-\\[var\\(--malachite-tag-primary-foreground\\)\\]{color:var(--malachite-tag-primary-foreground)}.text-\\[var\\(--malachite-tag-secondary-foreground\\)\\]{color:var(--malachite-tag-secondary-foreground)}.text-\\[var\\(--malachite-tag-success-foreground\\)\\]{color:var(--malachite-tag-success-foreground)}.text-\\[var\\(--malachite-tag-warning-foreground\\)\\]{color:var(--malachite-tag-warning-foreground)}.text-\\[var\\(--malachite-text-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}@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-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\\: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}.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\\)\\]\\:pointer-events-none{pointer-events:none}.\\[\\@media\\(hover\\:none\\)\\]\\:group-has-\\[\\:focus-visible\\]\\/sidebar\\:pointer-events-auto:is(:where(.group\\/sidebar):has(:focus-visible) *){pointer-events:auto}}}[data-malachite-dropdown-trigger]{border-color:var(--malachite-dropdown-border,#e8e8e8);box-shadow:var(--malachite-dropdown-shadow,0px 1px 0px 0px #00000026)}[data-malachite-dropdown-trigger]:hover{border-color:var(--malachite-control-border-hover,#00af6666);box-shadow:var(--malachite-dropdown-shadow-hover,0px 1px 0px 0px #00af6699)}:root{--malachite-radius-xs:2px;--malachite-radius-sm:4px;--malachite-radius-md:6px;--malachite-radius-lg:8px;--malachite-radius-10:10px;--malachite-radius-xl:12px;--malachite-radius-xxl:14px;--malachite-radius-xxxl:16px;--malachite-font-size-xsmall:11px;--malachite-font-size-small:13px;--malachite-font-size-medium:14px;--malachite-font-size-15:15px;--malachite-font-size-large:16px;--malachite-font-size-xlarge:18px;--malachite-font-size-xxlarge:22px;--malachite-control-height-small:28px;--malachite-control-height-medium:32px;--malachite-control-height-large:42px;--malachite-table-row-selected-background:#00af6626;--malachite-table-row-selected-accent:#027a42;--malachite-table-row-selected-foreground:#027a42;--malachite-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)}.confirmation-badge svg{width:12px!important;height:12px!important}.alert-base{border-radius:8px;justify-content:center;align-items:flex-start;gap:8px;width:100%;margin:0 10px;padding:10px;display:flex}.alert-base svg{margin-top:4px}.alert-base.alert-expandable svg{margin-top:3px}.alert-base .alert-action svg{margin-top:0}.alert-no-margin{margin:0}.alert-info{background-color:var(--malachite-alert-info-background);color:var(--malachite-alert-info-foreground)}.alert-success{background-color:var(--malachite-alert-success-background);color:var(--malachite-alert-success-foreground)}.alert-error{background-color:var(--malachite-alert-error-background);color:var(--malachite-alert-error-foreground)}.alert-warning{background-color:var(--malachite-alert-warning-background);color:var(--malachite-alert-warning-foreground)}.alert-assistant{background-color:var(--malachite-alert-assistant-background);color:var(--malachite-alert-assistant-foreground)}.alert-icon-info{color:var(--malachite-alert-info-foreground);font-size:13px}.alert-icon-success{color:var(--malachite-alert-success-foreground);font-size:13px}.alert-icon-error{color:var(--malachite-alert-error-foreground);font-size:13px}.alert-icon-warning{color:var(--malachite-alert-warning-foreground);font-size:13px}.tooltip-base{background-color:var(--malachite-tooltip-background);max-width:320px;min-height:32px;color:var(--malachite-tooltip-foreground);box-shadow:var(--malachite-tooltip-shadow);word-wrap:break-word;white-space:normal;pointer-events:none;z-index:9999;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;line-height:1.4;transition:opacity .15s ease-in-out,transform .15s ease-in-out;display:inline-flex;position:absolute}.tooltip-content{z-index:1;position:relative}.tooltip-visible{opacity:1;visibility:visible;transform:scale(1)}.tooltip-hidden{opacity:0;visibility:hidden;transform:scale(.95)}.tooltip-arrow{background-color:var(--malachite-tooltip-background)}svg path:not([data-malachite-shape]){fill:currentColor!important}.table-bordered-container{box-shadow:var(--malachite-table-box-shadow);background-color:var(--malachite-table-background);padding:4px}.table-header{color:var(--malachite-table-header-foreground);background-color:var(--malachite-table-header-background)!important}.table-row{background-color:var(--malachite-table-row-background);color:var(--malachite-table-row-foreground);border-bottom:1px solid var(--malachite-table-row-border)}.table-row:hover{background-color:var(--malachite-table-row-hover-background)}.table-cell-bordered{border-bottom:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-top{border-top:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-bottom{border-bottom:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-left{border-left:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-right{border-right:1px solid var(--malachite-table-borderedRow-outline)}.table-row-bordered{background-color:var(--malachite-table-borderedRow-background)}.table-error-icon{background-color:var(--malachite-table-error-icon-background);color:var(--malachite-table-error-icon-foreground)}.table-error-title{color:var(--malachite-table-error-title-foreground)}.table-error-subtitle{color:var(--malachite-table-error-subtitle-foreground)}.malachite-row-caret{color:var(--malachite-text-placeholder);transition:color .15s}.group:hover .malachite-row-caret{color:var(--malachite-text-primary)}.table-section-divider{background-color:var(--malachite-table-header-background);width:100%;color:var(--malachite-text-secondary);justify-content:space-between;align-items:flex-end;padding:12px 16px;font-size:12px;display:flex}.malachite-row-link-icon{color:var(--malachite-text-placeholder);opacity:0;transition:opacity .15s,color .15s}.group:hover .malachite-row-link-icon{opacity:1}.malachite-row-cta{cursor:pointer;width:100%;color:var(--malachite-text-warning-muted,#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-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-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-\\[-8px\\]{margin-right:-8px}.mr-\\[6px\\]{margin-right:6px}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-30{margin-bottom:calc(var(--spacing)*30)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-0\\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-\\[6px\\]{margin-left:6px}.ml-\\[20px\\]{margin-left:20px}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.\\[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-\\[37px\\]{min-height:37px}.min-h-\\[50px\\]{min-height:50px}.min-h-\\[52px\\]{min-height:52px}.min-h-\\[56px\\]{min-height:56px}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[400px\\]{min-height:400px}.min-h-\\[var\\(--malachite-control-height-large\\,42px\\)\\]{min-height:var(--malachite-control-height-large,42px)}.min-h-\\[var\\(--malachite-control-height-medium\\,32px\\)\\]{min-height:var(--malachite-control-height-medium,32px)}.min-h-\\[var\\(--malachite-control-height-small\\,28px\\)\\]{min-height:var(--malachite-control-height-small,28px)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing)*2)}.w-2\\/5{width:40%}.w-3\\.5{width:calc(var(--spacing)*3.5)}.w-3\\/5{width:60%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-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-\\[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-\\[85\\%\\]{max-width:85%}.max-w-\\[330px\\]{max-width:330px}.max-w-\\[380px\\]{max-width:380px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[420px\\]{max-width:420px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[500px\\]{max-width:500px}.max-w-\\[540px\\]{max-width:540px}.max-w-\\[560px\\]{max-width:560px}.max-w-\\[620px\\]{max-width:620px}.max-w-\\[640px\\]{max-width:640px}.max-w-\\[860px\\]{max-width:860px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\\[16px\\]{min-width:16px}.min-w-\\[18px\\]{min-width:18px}.min-w-\\[20px\\]{min-width:20px}.min-w-\\[39px\\]{min-width:39px}.min-w-\\[40px\\]{min-width:40px}.min-w-\\[84px\\]{min-width:84px}.min-w-\\[200px\\]{min-width:200px}.flex-1{flex:1}.flex-\\[0_1_auto\\]{flex:0 auto}.flex-\\[1_0_0\\]{flex:1 0 0}.flex-\\[1_1_0\\%\\]{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-auto{flex-basis:auto}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.\\[transform\\: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}.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-\\[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-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-assistant-background\\)\\]{background-color:var(--malachite-tag-assistant-background)}.bg-\\[var\\(--malachite-tag-default-background\\)\\]{background-color:var(--malachite-tag-default-background)}.bg-\\[var\\(--malachite-tag-emphasis-background\\)\\]{background-color:var(--malachite-tag-emphasis-background)}.bg-\\[var\\(--malachite-tag-error-background\\)\\]{background-color:var(--malachite-tag-error-background)}.bg-\\[var\\(--malachite-tag-info-background\\)\\]{background-color:var(--malachite-tag-info-background)}.bg-\\[var\\(--malachite-tag-primary-background\\)\\]{background-color:var(--malachite-tag-primary-background)}.bg-\\[var\\(--malachite-tag-secondary-background\\)\\]{background-color:var(--malachite-tag-secondary-background)}.bg-\\[var\\(--malachite-tag-success-background\\)\\]{background-color:var(--malachite-tag-success-background)}.bg-\\[var\\(--malachite-tag-warning-background\\)\\]{background-color:var(--malachite-tag-warning-background)}.bg-\\[var\\(--malachite-text-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-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-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-segmented-control-item-foreground\\)\\]{color:var(--malachite-segmented-control-item-foreground)}.text-\\[var\\(--malachite-segmented-control-selected-foreground\\)\\]{color:var(--malachite-segmented-control-selected-foreground)}.text-\\[var\\(--malachite-selection-bar-foreground\\)\\]{color:var(--malachite-selection-bar-foreground)}.text-\\[var\\(--malachite-selection-bar-muted-foreground\\)\\]{color:var(--malachite-selection-bar-muted-foreground)}.text-\\[var\\(--malachite-selection-bar-notice-foreground\\)\\]{color:var(--malachite-selection-bar-notice-foreground)}.text-\\[var\\(--malachite-tag-assistant-foreground\\)\\]{color:var(--malachite-tag-assistant-foreground)}.text-\\[var\\(--malachite-tag-default-foreground\\)\\]{color:var(--malachite-tag-default-foreground)}.text-\\[var\\(--malachite-tag-emphasis-foreground\\)\\]{color:var(--malachite-tag-emphasis-foreground)}.text-\\[var\\(--malachite-tag-error-foreground\\)\\]{color:var(--malachite-tag-error-foreground)}.text-\\[var\\(--malachite-tag-info-foreground\\)\\]{color:var(--malachite-tag-info-foreground)}.text-\\[var\\(--malachite-tag-primary-foreground\\)\\]{color:var(--malachite-tag-primary-foreground)}.text-\\[var\\(--malachite-tag-secondary-foreground\\)\\]{color:var(--malachite-tag-secondary-foreground)}.text-\\[var\\(--malachite-tag-success-foreground\\)\\]{color:var(--malachite-tag-success-foreground)}.text-\\[var\\(--malachite-tag-warning-foreground\\)\\]{color:var(--malachite-tag-warning-foreground)}.text-\\[var\\(--malachite-text-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}@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-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\\: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}.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\\)\\]\\:pointer-events-none{pointer-events:none}.\\[\\@media\\(hover\\:none\\)\\]\\:group-has-\\[\\:focus-visible\\]\\/sidebar\\:pointer-events-auto:is(:where(.group\\/sidebar):has(:focus-visible) *){pointer-events:auto}}}[data-malachite-dropdown-trigger]{border-color:var(--malachite-dropdown-border,#e8e8e8);box-shadow:var(--malachite-dropdown-shadow,0px 1px 0px 0px #00000026)}[data-malachite-dropdown-trigger]:hover{border-color:var(--malachite-control-border-hover,#00af6666);box-shadow:var(--malachite-dropdown-shadow-hover,0px 1px 0px 0px #00af6699)}:root{--malachite-radius-xs:2px;--malachite-radius-sm:4px;--malachite-radius-md:6px;--malachite-radius-lg:8px;--malachite-radius-10:10px;--malachite-radius-xl:12px;--malachite-radius-xxl:14px;--malachite-radius-xxxl:16px;--malachite-font-size-xsmall:11px;--malachite-font-size-small:13px;--malachite-font-size-medium:14px;--malachite-font-size-15:15px;--malachite-font-size-large:16px;--malachite-font-size-xlarge:18px;--malachite-font-size-xxlarge:22px;--malachite-control-height-small:28px;--malachite-control-height-medium:32px;--malachite-control-height-large:42px;--malachite-table-row-selected-background:#00af6626;--malachite-table-row-selected-accent:#027a42;--malachite-table-row-selected-foreground:#027a42;--malachite-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)}.confirmation-badge svg{width:12px!important;height:12px!important}.alert-base{border-radius:8px;justify-content:center;align-items:flex-start;gap:8px;width:100%;margin:0 10px;padding:10px;display:flex}.alert-base svg{margin-top:4px}.alert-base.alert-expandable svg{margin-top:3px}.alert-base .alert-action svg{margin-top:0}.alert-no-margin{margin:0}.alert-info{background-color:var(--malachite-alert-info-background);color:var(--malachite-alert-info-foreground)}.alert-success{background-color:var(--malachite-alert-success-background);color:var(--malachite-alert-success-foreground)}.alert-error{background-color:var(--malachite-alert-error-background);color:var(--malachite-alert-error-foreground)}.alert-warning{background-color:var(--malachite-alert-warning-background);color:var(--malachite-alert-warning-foreground)}.alert-assistant{background-color:var(--malachite-alert-assistant-background);color:var(--malachite-alert-assistant-foreground)}.alert-icon-info{color:var(--malachite-alert-info-foreground);font-size:13px}.alert-icon-success{color:var(--malachite-alert-success-foreground);font-size:13px}.alert-icon-error{color:var(--malachite-alert-error-foreground);font-size:13px}.alert-icon-warning{color:var(--malachite-alert-warning-foreground);font-size:13px}.tooltip-base{background-color:var(--malachite-tooltip-background);max-width:320px;min-height:32px;color:var(--malachite-tooltip-foreground);box-shadow:var(--malachite-tooltip-shadow);word-wrap:break-word;white-space:normal;pointer-events:none;z-index:9999;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;line-height:1.4;transition:opacity .15s ease-in-out,transform .15s ease-in-out;display:inline-flex;position:absolute}.tooltip-content{z-index:1;position:relative}.tooltip-visible{opacity:1;visibility:visible;transform:scale(1)}.tooltip-hidden{opacity:0;visibility:hidden;transform:scale(.95)}.tooltip-arrow{background-color:var(--malachite-tooltip-background)}svg path:not([data-malachite-shape]){fill:currentColor!important}.table-bordered-container{box-shadow:var(--malachite-table-box-shadow);background-color:var(--malachite-table-background);padding:4px}.table-header{color:var(--malachite-table-header-foreground);background-color:var(--malachite-table-header-background)!important}.table-row{background-color:var(--malachite-table-row-background);color:var(--malachite-table-row-foreground);border-bottom:1px solid var(--malachite-table-row-border)}.table-row:hover{background-color:var(--malachite-table-row-hover-background)}.table-cell-bordered{border-bottom:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-top{border-top:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-bottom{border-bottom:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-left{border-left:1px solid var(--malachite-table-borderedRow-outline)}.table-cell-bordered-right{border-right:1px solid var(--malachite-table-borderedRow-outline)}.table-row-bordered{background-color:var(--malachite-table-borderedRow-background)}.table-error-icon{background-color:var(--malachite-table-error-icon-background);color:var(--malachite-table-error-icon-foreground)}.table-error-title{color:var(--malachite-table-error-title-foreground)}.table-error-subtitle{color:var(--malachite-table-error-subtitle-foreground)}.malachite-row-caret{color:var(--malachite-text-placeholder);transition:color .15s}.group:hover .malachite-row-caret{color:var(--malachite-text-primary)}.table-section-divider{background-color:var(--malachite-table-header-background);width:100%;color:var(--malachite-text-secondary);justify-content:space-between;align-items:flex-end;padding:12px 16px;font-size:12px;display:flex}.malachite-row-link-icon{color:var(--malachite-text-placeholder);opacity:0;transition:opacity .15s,color .15s}.group:hover .malachite-row-link-icon{opacity:1}.malachite-row-cta{cursor:pointer;width:100%;color:var(--malachite-text-warning-muted,#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.42.0",
3
+ "version": "2.42.1",
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",