@versini/ui-bubble 3.2.9 → 3.3.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/index.d.ts +6 -1
  2. package/dist/index.js +375 -346
  3. package/dist/style.css +1 -1
  4. package/package.json +2 -2
package/dist/index.d.ts CHANGED
@@ -73,8 +73,13 @@ type BubbleProps = {
73
73
  * @default false
74
74
  */
75
75
  noMaxWidth?: boolean;
76
+ /**
77
+ * Whether or not the Bubble should have a tail.
78
+ * @default false
79
+ */
80
+ tail?: boolean;
76
81
  };
77
82
 
78
- declare const Bubble: ({ children, kind, className, footer, rawFooter, copyToClipboard, copyToClipboardFocusMode, copyToClipboardMode, noMaxWidth, }: BubbleProps) => react_jsx_runtime.JSX.Element;
83
+ declare const Bubble: ({ children, kind, className, footer, rawFooter, copyToClipboard, copyToClipboardFocusMode, copyToClipboardMode, noMaxWidth, tail, }: BubbleProps) => react_jsx_runtime.JSX.Element;
79
84
 
80
85
  export { BUBBLE_CLASSNAME, Bubble };
package/dist/index.js CHANGED
@@ -1,340 +1,340 @@
1
- import { jsx as s, jsxs as x, Fragment as Q } from "react/jsx-runtime";
2
- import S, { useRef as _, useLayoutEffect as O, useMemo as A, useState as H, useEffect as M, useCallback as Y } from "react";
3
- import o from "clsx";
1
+ import { jsx as s, jsxs as w, Fragment as Y } from "react/jsx-runtime";
2
+ import M, { useRef as B, useLayoutEffect as O, useMemo as H, useState as P, useEffect as V, useCallback as ee } from "react";
3
+ import i from "clsx";
4
4
  /*!
5
- @versini/ui-bubble v3.2.9
5
+ @versini/ui-bubble v3.3.1
6
6
  © 2025 gizmette.com
7
7
  */
8
8
  try {
9
9
  window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
10
- version: "3.2.9",
11
- buildTime: "02/27/2025 06:37 PM EST",
10
+ version: "3.3.1",
11
+ buildTime: "03/03/2025 12:36 PM EST",
12
12
  homepage: "https://github.com/aversini/ui-components",
13
13
  license: "MIT"
14
14
  });
15
15
  } catch {
16
16
  }
17
- const ee = "av-bubble", j = "av-button", I = "icon", P = "button", R = "link", te = ({
17
+ const I = "av-bubble", j = "av-button", C = "icon", q = "button", S = "link", re = ({
18
18
  type: e,
19
- size: r,
20
- labelRight: t,
19
+ size: t,
20
+ labelRight: r,
21
21
  labelLeft: a,
22
- align: n,
23
- animated: i
22
+ align: l,
23
+ animated: o
24
24
  }) => {
25
- const l = "max-h-8 py-0 px-2", c = "max-h-9 h-8 px-3", d = "max-h-12 py-2 px-4";
25
+ const n = "max-h-8 py-0 px-2", d = "max-h-9 h-8 px-3", b = "max-h-12 py-2 px-4";
26
26
  switch (e) {
27
- case P:
28
- case R:
29
- return o({
30
- [l]: r === "small",
31
- [c]: r === "medium",
32
- [d]: r === "large"
27
+ case q:
28
+ case S:
29
+ return i({
30
+ [n]: t === "small",
31
+ [d]: t === "medium",
32
+ [b]: t === "large"
33
33
  });
34
- case I:
35
- return o("flex items-center", {
36
- "justify-center": n === "center",
37
- "justify-start": n === "left",
38
- "justify-end": n === "right",
39
- "h-6 w-6 p-0": r === "small" && !i && !(t || a),
40
- "h-6 px-2": r === "small" && !i && (t || a),
41
- "h-8 w-8 p-1": r === "medium" && !i && !(t || a),
42
- "h-8 px-3": r === "medium" && !i && (t || a),
43
- "h-12 w-12 p-2": r === "large" && !i && !(t || a),
44
- "h-12 px-4": r === "large" && !i && (t || a),
45
- "h-6 py-0": r === "small" && i && !(t || a),
46
- "h-6": r === "small" && i && (t || a),
47
- "h-8 py-1": r === "medium" && i && !(t || a),
48
- "h-8": r === "medium" && i && (t || a),
49
- "h-12 py-2": r === "large" && i && !(t || a),
50
- "h-12": r === "large" && i && (t || a)
34
+ case C:
35
+ return i("flex items-center", {
36
+ "justify-center": l === "center",
37
+ "justify-start": l === "left",
38
+ "justify-end": l === "right",
39
+ "h-6 w-6 p-0": t === "small" && !o && !(r || a),
40
+ "h-6 px-2": t === "small" && !o && (r || a),
41
+ "h-8 w-8 p-1": t === "medium" && !o && !(r || a),
42
+ "h-8 px-3": t === "medium" && !o && (r || a),
43
+ "h-12 w-12 p-2": t === "large" && !o && !(r || a),
44
+ "h-12 px-4": t === "large" && !o && (r || a),
45
+ "h-6 py-0": t === "small" && o && !(r || a),
46
+ "h-6": t === "small" && o && (r || a),
47
+ "h-8 py-1": t === "medium" && o && !(r || a),
48
+ "h-8": t === "medium" && o && (r || a),
49
+ "h-12 py-2": t === "large" && o && !(r || a),
50
+ "h-12": t === "large" && o && (r || a)
51
51
  });
52
52
  }
53
- }, re = ({
53
+ }, te = ({
54
54
  type: e,
55
- size: r,
56
- labelRight: t,
55
+ size: t,
56
+ labelRight: r,
57
57
  labelLeft: a
58
58
  }) => {
59
- const n = "text-sm font-medium", i = "text-base font-medium", l = "text-lg font-medium";
59
+ const l = "text-sm font-medium", o = "text-base font-medium", n = "text-lg font-medium";
60
60
  switch (e) {
61
- case P:
62
- case R:
63
- return o({
64
- "text-center": e === R,
65
- [n]: r === "small",
66
- [i]: r === "medium",
67
- [l]: r === "large"
61
+ case q:
62
+ case S:
63
+ return i({
64
+ "text-center": e === S,
65
+ [l]: t === "small",
66
+ [o]: t === "medium",
67
+ [n]: t === "large"
68
68
  });
69
- case I:
70
- return o({
71
- [n]: r === "small" && (t || a),
72
- [i]: r === "medium" && (t || a),
73
- [l]: r === "large" && (t || a)
69
+ case C:
70
+ return i({
71
+ [l]: t === "small" && (r || a),
72
+ [o]: t === "medium" && (r || a),
73
+ [n]: t === "large" && (r || a)
74
74
  });
75
75
  }
76
76
  }, ae = ({
77
77
  mode: e,
78
- noBackground: r,
79
- noTruncate: t,
78
+ noBackground: t,
79
+ noTruncate: r,
80
80
  variant: a
81
81
  }) => {
82
- if (r)
82
+ if (t)
83
83
  return "not-prose";
84
84
  if (a === "primary")
85
- return o("not-prose", {
86
- truncate: !t,
85
+ return i("not-prose", {
86
+ truncate: !r,
87
87
  "text-copy-light": e === "dark" || e === "system",
88
88
  "text-copy-lighter": e === "light" || e === "alt-system",
89
89
  "dark:text-copy-lighter": e === "system",
90
90
  "dark:text-copy-light": e === "alt-system"
91
91
  });
92
92
  if (a === "secondary")
93
- return o("not-prose", {
94
- truncate: !t,
93
+ return i("not-prose", {
94
+ truncate: !r,
95
95
  "text-copy-light": e === "light" || e === "system",
96
96
  "text-copy-lighter": e === "dark" || e === "alt-system",
97
97
  "dark:text-copy-lighter": e === "alt-system",
98
98
  "dark:text-copy-light": e === "system"
99
99
  });
100
100
  if (a === "danger")
101
- return o("not-prose", {
102
- truncate: !t,
101
+ return i("not-prose", {
102
+ truncate: !r,
103
103
  "text-copy-light": e === "dark" || e === "system",
104
104
  "text-copy-lighter": e === "light" || e === "alt-system",
105
105
  "dark:text-copy-lighter": e === "system",
106
106
  "dark:text-copy-light": e === "alt-system"
107
107
  });
108
108
  if (a === "selected")
109
- return o("not-prose text-copy-lighter", {
110
- truncate: !t
109
+ return i("not-prose text-copy-lighter", {
110
+ truncate: !r
111
111
  });
112
- }, ie = ({
112
+ }, oe = ({
113
113
  mode: e,
114
- noBackground: r,
115
- variant: t
114
+ noBackground: t,
115
+ variant: r
116
116
  }) => {
117
- if (!r) {
118
- if (t === "primary")
119
- return o({
117
+ if (!t) {
118
+ if (r === "primary")
119
+ return i({
120
120
  "bg-action-dark": e === "dark",
121
121
  "bg-action-light": e === "light",
122
122
  "bg-action-dark dark:bg-action-light": e === "system",
123
123
  "bg-action-light dark:bg-action-dark": e === "alt-system"
124
124
  });
125
- if (t === "secondary")
126
- return o({
125
+ if (r === "secondary")
126
+ return i({
127
127
  "bg-action-dark": e === "light",
128
128
  "bg-action-light": e === "dark",
129
129
  "bg-action-dark dark:bg-action-light": e === "alt-system",
130
130
  "bg-action-light dark:bg-action-dark": e === "system"
131
131
  });
132
- if (t === "danger")
133
- return o({
132
+ if (r === "danger")
133
+ return i({
134
134
  "bg-action-danger-dark": e === "dark",
135
135
  "bg-action-danger-light": e === "light",
136
136
  "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
137
137
  "bg-action-danger-light dark:bg-action-danger-dark": e === "alt-system"
138
138
  });
139
- if (t === "selected")
139
+ if (r === "selected")
140
140
  return "bg-action-selected-dark";
141
141
  }
142
- }, oe = ({
142
+ }, ie = ({
143
143
  radius: e
144
- }) => o({
144
+ }) => i({
145
145
  "rounded-full": e === "large",
146
146
  "rounded-md": e === "medium",
147
147
  "rounded-sm": e === "small"
148
- }), ne = ({
148
+ }), le = ({
149
149
  mode: e,
150
- disabled: r,
151
- variant: t
150
+ disabled: t,
151
+ variant: r
152
152
  }) => {
153
- if (r)
153
+ if (t)
154
154
  return "";
155
- if (t === "primary")
156
- return o("hover:text-copy-light-hover", {
155
+ if (r === "primary")
156
+ return i("hover:text-copy-light-hover", {
157
157
  "hover:bg-action-dark-hover": e === "dark",
158
158
  "hover:bg-action-light-hover": e === "light",
159
159
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
160
160
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
161
161
  });
162
- if (t === "secondary")
163
- return o("hover:text-copy-light-hover", {
162
+ if (r === "secondary")
163
+ return i("hover:text-copy-light-hover", {
164
164
  "hover:bg-action-dark-hover": e === "light",
165
165
  "hover:bg-action-light-hover": e === "dark",
166
166
  "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
167
167
  "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
168
168
  });
169
- if (t === "danger")
170
- return o("hover:text-copy-light-hover", {
169
+ if (r === "danger")
170
+ return i("hover:text-copy-light-hover", {
171
171
  "hover:bg-action-danger-dark-hover": e === "dark",
172
172
  "hover:bg-action-danger-light-hover": e === "light",
173
173
  "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
174
174
  "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
175
175
  });
176
- if (t === "selected")
176
+ if (r === "selected")
177
177
  return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
178
- }, le = ({
178
+ }, ne = ({
179
179
  mode: e,
180
- disabled: r,
181
- variant: t
180
+ disabled: t,
181
+ variant: r
182
182
  }) => {
183
- if (r)
183
+ if (t)
184
184
  return "";
185
- if (t === "primary")
186
- return o("active:text-copy-light-active", {
185
+ if (r === "primary")
186
+ return i("active:text-copy-light-active", {
187
187
  "active:bg-action-dark-active": e === "dark",
188
188
  "active:bg-action-light-active": e === "light",
189
189
  "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
190
190
  "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
191
191
  });
192
- if (t === "secondary")
193
- return o("active:text-copy-light-active", {
192
+ if (r === "secondary")
193
+ return i("active:text-copy-light-active", {
194
194
  "active:bg-action-dark-active": e === "light",
195
195
  "active:bg-action-light-active": e === "dark",
196
196
  "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
197
197
  "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
198
198
  });
199
- if (t === "danger")
200
- return o("active:text-copy-lighter-active", {
199
+ if (r === "danger")
200
+ return i("active:text-copy-lighter-active", {
201
201
  "active:bg-action-danger-dark-active": e === "dark",
202
202
  "active:bg-action-danger-light-active": e === "light",
203
203
  "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
204
204
  "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
205
205
  });
206
- if (t === "selected")
206
+ if (r === "selected")
207
207
  return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
208
208
  }, se = ({
209
209
  mode: e,
210
- noBorder: r,
211
- variant: t
210
+ noBorder: t,
211
+ variant: r
212
212
  }) => {
213
- if (r)
213
+ if (t)
214
214
  return "border border-transparent";
215
- if (t === "primary")
216
- return o("border", {
215
+ if (r === "primary")
216
+ return i("border", {
217
217
  "border-border-dark": e === "dark",
218
218
  "border-border-accent": e === "light",
219
219
  "border-border-dark dark:border-border-accent": e === "system",
220
220
  "border-border-accent dark:border-border-dark": e === "alt-system"
221
221
  });
222
- if (t === "secondary")
223
- return o("border", {
222
+ if (r === "secondary")
223
+ return i("border", {
224
224
  "border-border-dark": e === "light",
225
225
  "border-border-accent": e === "dark",
226
226
  "border-border-dark dark:border-border-accent": e === "alt-system",
227
227
  "border-border-accent dark:border-border-dark": e === "system"
228
228
  });
229
- if (t === "danger")
230
- return o("border", {
229
+ if (r === "danger")
230
+ return i("border", {
231
231
  "border-border-danger-dark": e === "dark",
232
232
  "border-border-danger-medium": e === "light",
233
233
  "border-border-danger-dark dark:border-border-danger-medium": e === "system",
234
234
  "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
235
235
  });
236
- if (t === "selected")
236
+ if (r === "selected")
237
237
  return "border border-border-selected-dark";
238
238
  }, ce = ({
239
239
  focusMode: e
240
- }) => o("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
240
+ }) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
241
241
  "focus:outline-focus-dark": e === "dark",
242
242
  "focus:outline-focus-light": e === "light",
243
243
  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
244
244
  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
245
245
  }), de = ({
246
246
  mode: e,
247
- raw: r,
248
- iconClassName: t
249
- }) => r ? "" : o(
247
+ raw: t,
248
+ iconClassName: r
249
+ }) => t ? "" : i(
250
250
  {
251
251
  "text-copy-accent-dark": e === "light" || e === "alt-system",
252
252
  "text-copy-light": e === "dark" || e === "system",
253
253
  "dark:text-copy-light": e === "alt-system",
254
254
  "dark:text-copy-accent-dark": e === "system"
255
255
  },
256
- t
257
- ), ge = ({
256
+ r
257
+ ), be = ({
258
258
  animated: e
259
- }) => o({
259
+ }) => i({
260
260
  "transition-opacity duration-300 ease-in": e
261
261
  }), ue = ({
262
262
  type: e,
263
- className: r,
264
- raw: t,
263
+ className: t,
264
+ raw: r,
265
265
  mode: a,
266
- focusMode: n,
267
- disabled: i,
268
- fullWidth: l,
269
- size: c,
270
- noBorder: d,
271
- labelRight: m,
272
- labelLeft: f,
266
+ focusMode: l,
267
+ disabled: o,
268
+ fullWidth: n,
269
+ size: d,
270
+ noBorder: b,
271
+ labelRight: h,
272
+ labelLeft: m,
273
273
  noBackground: u,
274
- variant: g,
275
- noTruncate: b,
276
- align: h,
277
- radius: w,
278
- animated: B
279
- }) => (g || (g = "primary"), t ? o(j, r) : o(
274
+ variant: c,
275
+ noTruncate: f,
276
+ align: _,
277
+ radius: g,
278
+ animated: p
279
+ }) => (c || (c = "primary"), r ? i(j, t) : i(
280
280
  j,
281
281
  ae({
282
282
  mode: a,
283
- variant: g,
283
+ variant: c,
284
284
  noBackground: u,
285
- noTruncate: b
285
+ noTruncate: f
286
286
  }),
287
- ie({ mode: a, noBackground: u, variant: g }),
288
- oe({ radius: w }),
289
- te({
287
+ oe({ mode: a, noBackground: u, variant: c }),
288
+ ie({ radius: g }),
289
+ re({
290
290
  type: e,
291
- size: c,
292
- labelRight: m,
293
- labelLeft: f,
294
- align: h,
295
- animated: B
291
+ size: d,
292
+ labelRight: h,
293
+ labelLeft: m,
294
+ align: _,
295
+ animated: p
296
296
  }),
297
- re({ type: e, size: c, labelRight: m, labelLeft: f }),
298
- se({ mode: a, variant: g, noBorder: d }),
299
- ce({ focusMode: n }),
300
- ne({ mode: a, variant: g, disabled: i }),
301
- le({ mode: a, variant: g, disabled: i }),
297
+ te({ type: e, size: d, labelRight: h, labelLeft: m }),
298
+ se({ mode: a, variant: c, noBorder: b }),
299
+ ce({ focusMode: l }),
300
+ le({ mode: a, variant: c, disabled: o }),
301
+ ne({ mode: a, variant: c, disabled: o }),
302
302
  {
303
- "w-full": l,
304
- "disabled:cursor-not-allowed disabled:opacity-50": i
303
+ "w-full": n,
304
+ "disabled:cursor-not-allowed disabled:opacity-50": o
305
305
  },
306
- o({
307
- "transition-[width] duration-300 ease-in-out": e === I && B
306
+ i({
307
+ "transition-[width] duration-300 ease-in-out": e === C && p
308
308
  }),
309
- r
310
- )), me = (e, r, t) => {
309
+ t
310
+ )), ge = (e, t, r) => {
311
311
  var a;
312
- !r && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
313
- }, q = S.forwardRef((e, r) => {
314
- const { onClick: t, noInternalClick: a = !1, ...n } = e;
312
+ !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
313
+ }, F = M.forwardRef((e, t) => {
314
+ const { onClick: r, noInternalClick: a = !1, ...l } = e;
315
315
  return /* @__PURE__ */ s(
316
316
  "button",
317
317
  {
318
- ref: r,
319
- onClick: (i) => {
320
- me(i, a, t);
318
+ ref: t,
319
+ onClick: (o) => {
320
+ ge(o, a, r);
321
321
  },
322
- ...n
322
+ ...l
323
323
  }
324
324
  );
325
325
  });
326
- q.displayName = "BaseButton";
327
- function he() {
328
- const e = _(!1);
329
- return M(() => (e.current = !0, () => {
326
+ F.displayName = "BaseButton";
327
+ function me() {
328
+ const e = B(!1);
329
+ return V(() => (e.current = !0, () => {
330
330
  e.current = !1;
331
- }), []), Y(() => e.current, []);
331
+ }), []), ee(() => e.current, []);
332
332
  }
333
- function be(e) {
334
- return A(() => e.every((r) => r == null) ? () => {
335
- } : (r) => {
336
- e.forEach((t) => {
337
- typeof t == "function" ? t(r) : t != null && (t.current = r);
333
+ function he(e) {
334
+ return H(() => e.every((t) => t == null) ? () => {
335
+ } : (t) => {
336
+ e.forEach((r) => {
337
+ typeof r == "function" ? r(t) : r != null && (r.current = t);
338
338
  });
339
339
  }, e);
340
340
  }
@@ -348,16 +348,16 @@ const fe = {
348
348
  bottom: 0,
349
349
  right: 0
350
350
  };
351
- function E(e) {
352
- const r = he(), t = _(0), a = _(null), [n, i] = H(fe), l = A(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
353
- const d = c[0];
354
- d && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
355
- a.current && r() && i(d.contentRect);
351
+ function R(e) {
352
+ const t = me(), r = B(0), a = B(null), [l, o] = P(fe), n = H(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
353
+ const b = d[0];
354
+ b && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
355
+ a.current && t() && o(b.contentRect);
356
356
  }));
357
- }), [r]);
358
- return M(() => (a.current && (l == null || l.observe(a.current, e)), () => {
359
- l == null || l.disconnect(), t.current && cancelAnimationFrame(t.current);
360
- }), [l, e]), [a, n];
357
+ }), [t]);
358
+ return V(() => (a.current && (n == null || n.observe(a.current, e)), () => {
359
+ n == null || n.disconnect(), r.current && cancelAnimationFrame(r.current);
360
+ }), [n, e]), [a, l];
361
361
  }
362
362
  const ve = {
363
363
  small: 24,
@@ -373,87 +373,87 @@ const ve = {
373
373
  // px-3 x 2
374
374
  large: 16 * 2
375
375
  // px-4 x 2
376
- }, ye = 2, V = S.forwardRef(
376
+ }, ye = 2, L = M.forwardRef(
377
377
  ({
378
378
  children: e,
379
- disabled: r = !1,
380
- mode: t = "system",
379
+ disabled: t = !1,
380
+ mode: r = "system",
381
381
  focusMode: a = "system",
382
- fullWidth: n = !1,
383
- className: i,
384
- type: l = "button",
385
- raw: c = !1,
386
- noBorder: d = !1,
387
- "aria-label": m,
388
- label: f,
382
+ fullWidth: l = !1,
383
+ className: o,
384
+ type: n = "button",
385
+ raw: d = !1,
386
+ noBorder: b = !1,
387
+ "aria-label": h,
388
+ label: m,
389
389
  size: u = "medium",
390
- labelRight: g,
391
- labelLeft: b,
392
- noBackground: h = !1,
393
- align: w = "center",
394
- radius: B = "large",
395
- variant: G = "primary",
396
- iconClassName: W,
397
- animated: p = !1,
398
- ...X
399
- }, Z) => {
400
- const D = ue({
401
- type: I,
402
- mode: t,
390
+ labelRight: c,
391
+ labelLeft: f,
392
+ noBackground: _ = !1,
393
+ align: g = "center",
394
+ radius: p = "large",
395
+ variant: W = "primary",
396
+ iconClassName: X,
397
+ animated: y = !1,
398
+ ...Z
399
+ }, D) => {
400
+ const J = ue({
401
+ type: C,
402
+ mode: r,
403
403
  focusMode: a,
404
- fullWidth: n,
405
- disabled: r,
406
- raw: c,
407
- className: i,
408
- noBorder: d,
404
+ fullWidth: l,
405
+ disabled: t,
406
+ raw: d,
407
+ className: o,
408
+ noBorder: b,
409
409
  size: u,
410
- labelRight: g,
411
- labelLeft: b,
412
- noBackground: h,
413
- align: w,
414
- radius: B,
415
- variant: G,
416
- animated: p
417
- }), J = de({ mode: t, raw: c, iconClassName: W }), L = ge({ animated: p }), [v, C] = E(), [y, T] = E(), [N, U] = E(), z = _(0), k = _(null), K = be([Z, k]);
410
+ labelRight: c,
411
+ labelLeft: f,
412
+ noBackground: _,
413
+ align: g,
414
+ radius: p,
415
+ variant: W,
416
+ animated: y
417
+ }), K = de({ mode: r, raw: d, iconClassName: X }), U = be({ animated: y }), [v, T] = R(), [k, z] = R(), [N, $] = R(), E = B(0), x = B(null), Q = he([D, x]);
418
418
  return O(() => {
419
- N && N.current && p && (z.current = U.width + pe[u] + (d ? 0 : ye));
420
- }, [U, N, u, d, p]), O(() => {
421
- k && k.current && p && (g && v && C.width > 0 ? (v.current && (v.current.style.opacity = "100"), k.current.style.width = `${C.width + z.current}px`) : b && T.width > 0 ? (y.current && (y.current.style.opacity = "100"), k.current.style.width = `${T.width + z.current}px`) : (v.current && (v.current.style.opacity = "0"), y.current && (y.current.style.opacity = "0"), k.current.style.width = `${ve[u]}px`));
419
+ N && N.current && y && (E.current = $.width + pe[u] + (b ? 0 : ye));
420
+ }, [$, N, u, b, y]), O(() => {
421
+ x && x.current && y && (c && v && T.width > 0 ? (v.current && (v.current.style.opacity = "100"), x.current.style.width = `${T.width + E.current}px`) : f && z.width > 0 ? (k.current && (k.current.style.opacity = "100"), x.current.style.width = `${z.width + E.current}px`) : (v.current && (v.current.style.opacity = "0"), k.current && (k.current.style.opacity = "0"), x.current.style.width = `${ve[u]}px`));
422
422
  }, [
423
- C,
424
- g,
425
- v,
426
423
  T,
427
- b,
428
- y,
424
+ c,
425
+ v,
426
+ z,
427
+ f,
428
+ k,
429
429
  u,
430
- p
431
- ]), /* @__PURE__ */ x(
432
- q,
430
+ y
431
+ ]), /* @__PURE__ */ w(
432
+ F,
433
433
  {
434
- ref: K,
435
- className: D,
436
- disabled: r,
437
- type: l,
438
- "aria-label": m || f,
439
- ...X,
434
+ ref: Q,
435
+ className: J,
436
+ disabled: t,
437
+ type: n,
438
+ "aria-label": h || m,
439
+ ...Z,
440
440
  children: [
441
441
  /* @__PURE__ */ s(
442
- $,
442
+ A,
443
443
  {
444
- label: b,
445
- labelRef: y,
446
- labelClass: L,
444
+ label: f,
445
+ labelRef: k,
446
+ labelClass: U,
447
447
  labelInnerClass: "pr-2"
448
448
  }
449
449
  ),
450
- /* @__PURE__ */ s("span", { ref: N, className: J, children: e }),
450
+ /* @__PURE__ */ s("span", { ref: N, className: K, children: e }),
451
451
  /* @__PURE__ */ s(
452
- $,
452
+ A,
453
453
  {
454
- label: g,
454
+ label: c,
455
455
  labelRef: v,
456
- labelClass: L,
456
+ labelClass: U,
457
457
  labelInnerClass: "pl-2"
458
458
  }
459
459
  )
@@ -461,13 +461,13 @@ const ve = {
461
461
  }
462
462
  );
463
463
  }
464
- ), $ = ({
464
+ ), A = ({
465
465
  labelRef: e,
466
- labelClass: r,
467
- label: t,
466
+ labelClass: t,
467
+ label: r,
468
468
  labelInnerClass: a
469
- }) => /* @__PURE__ */ s("span", { ref: e, className: r, children: t && /* @__PURE__ */ s("span", { className: a, children: t }) });
470
- V.displayName = "ButtonIcon";
469
+ }) => /* @__PURE__ */ s("span", { ref: e, className: t, children: r && /* @__PURE__ */ s("span", { className: a, children: r }) });
470
+ L.displayName = "ButtonIcon";
471
471
  /*!
472
472
  @versini/ui-button v4.2.9
473
473
  © 2025 gizmette.com
@@ -475,21 +475,21 @@ V.displayName = "ButtonIcon";
475
475
  try {
476
476
  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
477
477
  version: "4.2.9",
478
- buildTime: "02/27/2025 06:37 PM EST",
478
+ buildTime: "03/03/2025 12:35 PM EST",
479
479
  homepage: "https://github.com/aversini/ui-components",
480
480
  license: "MIT"
481
481
  });
482
482
  } catch {
483
483
  }
484
- const ke = S.forwardRef(
484
+ const ke = M.forwardRef(
485
485
  ({
486
486
  children: e,
487
- mode: r = "system",
488
- className: t,
487
+ mode: t = "system",
488
+ className: r,
489
489
  active: a = !1,
490
- ...n
491
- }, i) => {
492
- const l = a ? o(
490
+ ...l
491
+ }, o) => {
492
+ const n = a ? i(
493
493
  "relative",
494
494
  "focus-within:static",
495
495
  "focus-within:after:border-transparent",
@@ -500,54 +500,54 @@ const ke = S.forwardRef(
500
500
  "after:left-0",
501
501
  "after:right-0",
502
502
  {
503
- "after:border-table-dark": r === "dark",
504
- "after:border-table-light": r === "light",
505
- "after:border-table-dark dark:after:border-table-light": r === "system",
506
- "after:border-table-light dark:after:border-table-dark": r === "alt-system"
503
+ "after:border-table-dark": t === "dark",
504
+ "after:border-table-light": t === "light",
505
+ "after:border-table-dark dark:after:border-table-light": t === "system",
506
+ "after:border-table-light dark:after:border-table-dark": t === "alt-system"
507
507
  }
508
508
  ) : "";
509
- return /* @__PURE__ */ s("div", { className: l, children: /* @__PURE__ */ s(
510
- V,
509
+ return /* @__PURE__ */ s("div", { className: n, children: /* @__PURE__ */ s(
510
+ L,
511
511
  {
512
- className: o("justify-center", t),
513
- ref: i,
514
- mode: r,
512
+ className: i("justify-center", r),
513
+ ref: o,
514
+ mode: t,
515
515
  radius: "small",
516
- ...n,
516
+ ...l,
517
517
  children: e
518
518
  }
519
519
  ) });
520
520
  }
521
521
  );
522
522
  ke.displayName = "ButtonSort";
523
- const F = ({
523
+ const G = ({
524
524
  children: e,
525
- fill: r,
526
- viewBox: t,
525
+ fill: t,
526
+ viewBox: r,
527
527
  className: a,
528
- defaultViewBox: n,
529
- size: i,
530
- title: l,
531
- semantic: c = !1,
532
- ...d
528
+ defaultViewBox: l,
529
+ size: o,
530
+ title: n,
531
+ semantic: d = !1,
532
+ ...b
533
533
  }) => {
534
- const m = o(i, a);
535
- return /* @__PURE__ */ x(Q, { children: [
534
+ const h = i(o, a);
535
+ return /* @__PURE__ */ w(Y, { children: [
536
536
  /* @__PURE__ */ s(
537
537
  "svg",
538
538
  {
539
539
  xmlns: "http://www.w3.org/2000/svg",
540
- className: m,
541
- viewBox: t || n,
542
- fill: r || "currentColor",
540
+ className: h,
541
+ viewBox: r || l,
542
+ fill: t || "currentColor",
543
543
  role: "img",
544
- "aria-hidden": !c,
544
+ "aria-hidden": !d,
545
545
  focusable: !1,
546
- ...d,
546
+ ...b,
547
547
  children: e
548
548
  }
549
549
  ),
550
- l && c && /* @__PURE__ */ s("span", { className: "sr-only", children: l })
550
+ n && d && /* @__PURE__ */ s("span", { className: "sr-only", children: n })
551
551
  ] });
552
552
  };
553
553
  /*!
@@ -565,19 +565,19 @@ try {
565
565
  }
566
566
  const xe = ({
567
567
  className: e,
568
- viewBox: r,
569
- title: t,
568
+ viewBox: t,
569
+ title: r,
570
570
  monotone: a,
571
- ...n
572
- }) => /* @__PURE__ */ x(
573
- F,
571
+ ...l
572
+ }) => /* @__PURE__ */ w(
573
+ G,
574
574
  {
575
575
  defaultViewBox: "0 0 448 512",
576
576
  size: "size-5",
577
- viewBox: r,
577
+ viewBox: t,
578
578
  className: e,
579
- title: t || "Copied",
580
- ...n,
579
+ title: r || "Copied",
580
+ ...l,
581
581
  children: [
582
582
  /* @__PURE__ */ s(
583
583
  "path",
@@ -591,19 +591,19 @@ const xe = ({
591
591
  }
592
592
  ), we = ({
593
593
  className: e,
594
- viewBox: r,
595
- title: t,
594
+ viewBox: t,
595
+ title: r,
596
596
  monotone: a,
597
- ...n
597
+ ...l
598
598
  }) => /* @__PURE__ */ s(
599
- F,
599
+ G,
600
600
  {
601
601
  defaultViewBox: "0 0 512 512",
602
602
  size: "size-5",
603
- viewBox: r,
603
+ viewBox: t,
604
604
  className: e,
605
- title: t || "Copy",
606
- ...n,
605
+ title: r || "Copy",
606
+ ...l,
607
607
  children: /* @__PURE__ */ s("path", { d: "M64 464h224c8.8 0 16-7.2 16-16v-64h48v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h64v48H64c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16m160-160h224c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16m-64-16V64c0-35.3 28.7-64 64-64h224c35.3 0 64 28.7 64 64v224c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64" })
608
608
  }
609
609
  );
@@ -620,92 +620,121 @@ try {
620
620
  });
621
621
  } catch {
622
622
  }
623
- const _e = ({
624
- kind: e,
625
- noMaxWidth: r
626
- }) => o("p-4", {
627
- "max-w-xs sm:max-w-md md:max-w-2xl": !r,
628
- "lg:max-w-3xl": e === "left" && !r
629
- }), Be = ({ kind: e }) => o({
623
+ const _e = ({ kind: e, noMaxWidth: t }) => i("px-4 py-2", {
624
+ "max-w-xs sm:max-w-md md:max-w-2xl": !t,
625
+ "lg:max-w-3xl": e === "left" && !t
626
+ }), Be = ({ kind: e }) => i({
630
627
  "bg-surface-lighter dark:bg-surface-dark": e === "left",
631
628
  "bg-surface-accent": e === "right"
632
- }), Ne = ({ kind: e }) => o(
633
- "prose prose-dark dark:prose-lighter prose-p:my-3 prose-blockquote:my-3 prose-ol:my-3 prose-ul:my-3 prose-ul:prose-li:marker:text-black",
629
+ }), Ne = ({ kind: e }) => i(
630
+ "prose prose-dark dark:prose-lighter",
631
+ "prose-ul:prose-li:marker:text-black",
632
+ "prose-blockquote:my-1",
633
+ "prose-ol:my-1 prose-ul:my-1",
634
634
  {
635
635
  "text-copy-lighter": e === "right"
636
636
  }
637
- ), Ie = ({ kind: e }) => o("rounded-b-xl", {
638
- "rounded-tr-xl": e === "left",
639
- "rounded-tl-xl": e === "right"
640
- }), Ce = ({
637
+ ), Ie = ({ kind: e, tail: t }) => {
638
+ if (t)
639
+ return i(
640
+ `${I}-${e}-tail`,
641
+ "rounded-3xl",
642
+ "relative",
643
+ "before:content-['']",
644
+ "before:w-3",
645
+ "before:h-2",
646
+ "before:absolute",
647
+ "before:bottom-0",
648
+ {
649
+ "last-bubble-right:before:right-[2px] last-bubble-right:before:border-l-[8px] last-bubble-right:before:border-l-surface-accent last-bubble-right:before:rounded-bl-[100%]": e === "right",
650
+ "last-bubble-left:before:left-[2px] last-bubble-left:before:border-r-[8px] last-bubble-left:before:border-r-surface-lighter last-bubble-left:dark:before:border-r-surface-dark last-bubble-left:before:rounded-br-[100%]": e === "left"
651
+ }
652
+ );
653
+ if (!t)
654
+ return i("rounded-b-xl", {
655
+ "rounded-tr-xl": e === "left",
656
+ "rounded-tl-xl": e === "right"
657
+ });
658
+ }, Ce = ({
641
659
  kind: e,
642
- className: r,
643
- noMaxWidth: t
660
+ className: t,
661
+ noMaxWidth: r,
662
+ tail: a
644
663
  }) => {
645
- const a = o(
646
- ee,
664
+ const l = i(
665
+ I,
666
+ `${I}-${e}`,
647
667
  "flex items-start",
648
668
  {
649
669
  "flex-row-reverse": e === "right"
650
670
  },
651
- r
652
- ), n = o(
671
+ t
672
+ ), o = i(
673
+ `${I}-content`,
653
674
  "flex flex-col empty:hidden",
654
- _e({ kind: e, noMaxWidth: t }),
675
+ _e({ kind: e, noMaxWidth: r }),
655
676
  Ne({ kind: e }),
656
677
  Be({ kind: e }),
657
- Ie({ kind: e })
658
- ), i = "pr-2 pt-1 text-end text-xs text-copy-light", l = o("flex flex-col-reverse gap-2 sm:flex-row", {
659
- "ml-2": e === "left",
660
- "mr-2": e === "right"
678
+ Ie({ kind: e, tail: a })
679
+ ), n = "pr-2 pt-1 text-end text-xs text-copy-light", d = i("flex flex-col-reverse sm:flex-row", {
680
+ "ml-2": e === "left" && !a,
681
+ "mr-2": e === "right" && !a,
682
+ "ml-1": e === "left" && a,
683
+ "mr-1": e === "right" && a
661
684
  });
662
685
  return {
663
- wrapper: a,
664
- main: n,
665
- footer: i,
666
- copyButton: l
686
+ wrapper: l,
687
+ main: o,
688
+ footer: n,
689
+ copyButton: d
667
690
  };
668
691
  }, Re = ({
669
692
  children: e,
670
- kind: r = "left",
671
- className: t,
693
+ kind: t = "left",
694
+ className: r,
672
695
  footer: a,
673
- rawFooter: n,
674
- copyToClipboard: i,
675
- copyToClipboardFocusMode: l = "system",
676
- copyToClipboardMode: c = "system",
677
- noMaxWidth: d = !1
696
+ rawFooter: l,
697
+ copyToClipboard: o,
698
+ copyToClipboardFocusMode: n = "system",
699
+ copyToClipboardMode: d = "system",
700
+ noMaxWidth: b = !1,
701
+ tail: h = !1
678
702
  }) => {
679
- const [m, f] = H(!1), u = Ce({ kind: r, className: t, noMaxWidth: d }), g = !!i && (typeof i == "function" || typeof i == "string" || typeof e == "string"), b = () => {
680
- f(!0), typeof i == "function" ? i(e) : typeof i == "string" ? navigator.clipboard.writeText(i) : typeof e == "string" && navigator.clipboard.writeText(e);
703
+ const [m, u] = P(!1), c = Ce({
704
+ kind: t,
705
+ className: r,
706
+ noMaxWidth: b,
707
+ tail: h
708
+ }), f = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), _ = () => {
709
+ u(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
681
710
  };
682
- return M(() => {
683
- let h;
684
- return m && (h = window.setTimeout(() => {
685
- f(!1);
711
+ return V(() => {
712
+ let g;
713
+ return m && (g = window.setTimeout(() => {
714
+ u(!1);
686
715
  }, 3e3)), () => {
687
- clearTimeout(h);
716
+ clearTimeout(g);
688
717
  };
689
- }, [m]), /* @__PURE__ */ x("div", { className: u.wrapper, children: [
690
- /* @__PURE__ */ x("div", { children: [
691
- /* @__PURE__ */ s("div", { className: u.main, children: e }),
692
- a && Object.keys(a).map((h, w) => a[h] ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ x("p", { className: u.footer, children: [
693
- h,
718
+ }, [m]), /* @__PURE__ */ w("div", { className: c.wrapper, children: [
719
+ /* @__PURE__ */ w("div", { children: [
720
+ /* @__PURE__ */ s("div", { className: c.main, children: e }),
721
+ a && Object.keys(a).map((g, p) => a[g] ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ w("p", { className: c.footer, children: [
722
+ g,
694
723
  ": ",
695
- a[h]
696
- ] }) }, `${h}-${w}`) : null),
697
- n && n
724
+ a[g]
725
+ ] }) }, `${g}-${p}`) : null),
726
+ l && l
698
727
  ] }),
699
- g && /* @__PURE__ */ s("div", { className: u.copyButton, children: /* @__PURE__ */ s(
700
- V,
728
+ f && /* @__PURE__ */ s("div", { className: c.copyButton, children: /* @__PURE__ */ s(
729
+ L,
701
730
  {
702
731
  noBorder: !0,
703
732
  noBackground: !0,
704
733
  size: "small",
705
- mode: c,
706
- focusMode: l,
734
+ mode: d,
735
+ focusMode: n,
707
736
  label: m ? "Copied to clipboard" : "Copy to clipboard",
708
- onClick: b,
737
+ onClick: _,
709
738
  disabled: m,
710
739
  children: m ? /* @__PURE__ */ s(xe, { size: "size-3" }) : /* @__PURE__ */ s(we, { size: "size-3" })
711
740
  }
@@ -713,6 +742,6 @@ const _e = ({
713
742
  ] });
714
743
  };
715
744
  export {
716
- ee as BUBBLE_CLASSNAME,
745
+ I as BUBBLE_CLASSNAME,
717
746
  Re as Bubble
718
747
  };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:inherit}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;-webkit-padding-start:1.625em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;-webkit-padding-start:1.625em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;-webkit-padding-start:1em;padding-inline-start:1em;border-left-width:6px}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:1.75em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;-webkit-padding-end:.375em;padding-inline-end:.375em;padding-bottom:.1875em;-webkit-padding-start:.375em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875rem;line-height:1.25rem;margin-top:2rem;margin-bottom:2rem;border-radius:.375rem;padding-top:.8571429em;-webkit-padding-end:1.1428571em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;-webkit-padding-start:1.1428571em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;-webkit-padding-end:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;-webkit-padding-start:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em;font-size:1rem}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:.375em;padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:.375em;padding-inline-start:.375em;margin-bottom:0;margin-top:0}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;-webkit-padding-start:1.625em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:0;padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-end:0;padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;-webkit-padding-end:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;-webkit-padding-start:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:0;padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-end:0;padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose :where(h1,h2,h3,h4,h5,h6):not(:where([class~=not-prose],[class~=not-prose] *)){font-family:Open Sans,ui-sans-serif,system-ui,sans-serif;font-weight:400}.prose :where(.av-header h1,.av-header h2,.av-header h3,.av-header h4,.av-header h5,.av-header h6):not(:where([class~=not-prose],[class~=not-prose] *)){margin:0}.prose :where(.av-header p):not(:where([class~=not-prose],[class~=not-prose] *)){margin:0}.prose :where(blockquote p):not(:where([class~=not-prose],[class~=not-prose] *)){font-family:Georgia,Cambria,Times New Roman,Times,serif}.prose :where(li>p,ul>p,ol>p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(li>ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;-webkit-padding-start:0;padding-inline-start:0}.prose-dark{--tw-prose-body: #1e293b;--tw-prose-headings: #0f172a;--tw-prose-lead: #334155;--tw-prose-links: #0f172a;--tw-prose-bold: #0f172a;--tw-prose-counters: #475569;--tw-prose-bullets: #94a3b8;--tw-prose-hr: #cbd5e1;--tw-prose-quotes: #0f172a;--tw-prose-quote-borders: #cbd5e1;--tw-prose-captions: #334155;--tw-prose-code: #0f172a;--tw-prose-pre-code: #ffffff;--tw-prose-pre-bg: #0f172a;--tw-prose-kbd: #1e293b}.prose-dark :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){color:#0f172a}@keyframes blink{50%{fill:transparent}}@keyframes av-tooltip-fade-in{0%{opacity:0}to{opacity:100}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.flex{display:flex}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-12{height:3rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-12{max-height:3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.w-12{width:3rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[95qcw\]{max-width:95qcw}.max-w-xs{max-width:20rem}.grow{flex-grow:1}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-tl-xl{border-top-left-radius:.75rem}.rounded-tr-xl{border-top-right-radius:.75rem}.border{border-width:1px}.border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.border-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(22 101 52 / var(--tw-border-opacity, 1)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.bg-surface-accent{--tw-bg-opacity: 1;background-color:var(--av-surface-accent, rgb(0 113 235 / var(--tw-bg-opacity, 1)))}.bg-surface-dark{--tw-bg-opacity: 1;background-color:var(--av-surface-dark, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-surface-lighter{--tw-bg-opacity: 1;background-color:var(--av-surface-lighter, rgb(226 232 240 / var(--tw-bg-opacity, 1)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.opacity-50{opacity:.5}.outline-focus-dark{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.outline-focus-light{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme: dark){.dark\:prose-lighter{--tw-prose-body: #ffffff;--tw-prose-headings: #e2e8f0;--tw-prose-lead: #ffffff;--tw-prose-links: #ffffff;--tw-prose-bold: #ffffff;--tw-prose-counters: #e2e8f0;--tw-prose-bullets: #e2e8f0;--tw-prose-hr: #e2e8f0;--tw-prose-quotes: #ffffff;--tw-prose-quote-borders: #ffffff;--tw-prose-captions: #ffffff;--tw-prose-code: #ffffff;--tw-prose-pre-code: #ffffff;--tw-prose-pre-bg: #0f172a;--tw-prose-kbd: #ffffff}.dark\:prose-lighter :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){color:#fff}}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.empty\:hidden:empty{display:none}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(34 197 94 / var(--tw-bg-opacity, 1)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity, 1)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.prose-p\:m-0 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){margin:0}.prose-p\:my-3 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.75rem;margin-bottom:.75rem}.prose-blockquote\:my-3 :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.75rem;margin-bottom:.75rem}.prose-ol\:my-3 :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.75rem;margin-bottom:.75rem}.prose-ul\:my-3 :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.75rem;margin-bottom:.75rem}.prose-ul\:prose-li\:marker\:text-black * :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))) :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *)))::marker{color:#000}.prose-ul\:prose-li\:marker\:text-black :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))) :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *)))::marker{color:#000}@media (min-width: 640px){.sm\:max-w-md{max-width:28rem}.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:max-w-2xl{max-width:42rem}}@media (min-width: 1024px){.lg\:max-w-3xl{max-width:48rem}}@media (prefers-color-scheme: dark){.dark\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.dark\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.dark\:bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.dark\:bg-surface-dark{--tw-bg-opacity: 1;background-color:var(--av-surface-dark, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.dark\:text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.dark\:text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.dark\:after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.dark\:after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.dark\:hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.dark\:focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.dark\:active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}}
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:inherit}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;-webkit-padding-start:1.625em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;-webkit-padding-start:1.625em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;-webkit-padding-start:1em;padding-inline-start:1em;border-left-width:6px}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:1.75em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:1em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;-webkit-padding-end:.375em;padding-inline-end:.375em;padding-bottom:.1875em;-webkit-padding-start:.375em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875rem;line-height:1.25rem;margin-top:2rem;margin-bottom:2rem;border-radius:.375rem;padding-top:.8571429em;-webkit-padding-end:1.1428571em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;-webkit-padding-start:1.1428571em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;-webkit-padding-end:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;-webkit-padding-start:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: 17 24 39;--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: 255 255 255;--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em;font-size:1rem}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:.375em;padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:.375em;padding-inline-start:.375em;margin-bottom:0;margin-top:0}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;-webkit-padding-start:1.625em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:0;padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-end:0;padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;-webkit-padding-end:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;-webkit-padding-start:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-start:0;padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){-webkit-padding-end:0;padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose :where(h1,h2,h3,h4,h5,h6):not(:where([class~=not-prose],[class~=not-prose] *)){font-family:Open Sans,ui-sans-serif,system-ui,sans-serif;font-weight:400}.prose :where(.av-header h1,.av-header h2,.av-header h3,.av-header h4,.av-header h5,.av-header h6):not(:where([class~=not-prose],[class~=not-prose] *)){margin:0}.prose :where(.av-header p):not(:where([class~=not-prose],[class~=not-prose] *)){margin:0}.prose :where(blockquote p):not(:where([class~=not-prose],[class~=not-prose] *)){font-family:Georgia,Cambria,Times New Roman,Times,serif}.prose :where(li>p,ul>p,ol>p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(li>ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;-webkit-padding-start:0;padding-inline-start:0}.prose-dark{--tw-prose-body: #1e293b;--tw-prose-headings: #0f172a;--tw-prose-lead: #334155;--tw-prose-links: #0f172a;--tw-prose-bold: #0f172a;--tw-prose-counters: #475569;--tw-prose-bullets: #94a3b8;--tw-prose-hr: #cbd5e1;--tw-prose-quotes: #0f172a;--tw-prose-quote-borders: #cbd5e1;--tw-prose-captions: #334155;--tw-prose-code: #0f172a;--tw-prose-pre-code: #ffffff;--tw-prose-pre-bg: #0f172a;--tw-prose-kbd: #1e293b}.prose-dark :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){color:#0f172a}@keyframes blink{50%{fill:transparent}}@keyframes av-tooltip-fade-in{0%{opacity:0}to{opacity:100}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.flex{display:flex}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-12{height:3rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-12{max-height:3rem}.max-h-8{max-height:2rem}.max-h-9{max-height:2.25rem}.w-12{width:3rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[95qcw\]{max-width:95qcw}.max-w-xs{max-width:20rem}.grow{flex-grow:1}.basis-11\/12{flex-basis:91.666667%}.basis-4{flex-basis:1rem}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-tl-xl{border-top-left-radius:.75rem}.rounded-tr-xl{border-top-right-radius:.75rem}.border{border-width:1px}.border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.border-border-selected-dark{--tw-border-opacity: 1;border-color:var(--av-border-selected-dark, rgb(22 101 52 / var(--tw-border-opacity, 1)))}.border-table-dark{--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.border-table-light{--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.bg-action-danger-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.bg-action-dark-active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-dark-hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-action-light-active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-action-light-hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.bg-action-selected-dark{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark, rgb(21 128 61 / var(--tw-bg-opacity, 1)))}.bg-surface-accent{--tw-bg-opacity: 1;background-color:var(--av-surface-accent, rgb(0 113 235 / var(--tw-bg-opacity, 1)))}.bg-surface-dark{--tw-bg-opacity: 1;background-color:var(--av-surface-dark, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.bg-surface-lighter{--tw-bg-opacity: 1;background-color:var(--av-surface-lighter, rgb(226 232 240 / var(--tw-bg-opacity, 1)))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.opacity-50{opacity:.5}.outline-focus-dark{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.outline-focus-light{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-color-scheme: dark){.dark\:prose-lighter{--tw-prose-body: #ffffff;--tw-prose-headings: #e2e8f0;--tw-prose-lead: #ffffff;--tw-prose-links: #ffffff;--tw-prose-bold: #ffffff;--tw-prose-counters: #e2e8f0;--tw-prose-bullets: #e2e8f0;--tw-prose-hr: #e2e8f0;--tw-prose-quotes: #ffffff;--tw-prose-quote-borders: #ffffff;--tw-prose-captions: #ffffff;--tw-prose-code: #ffffff;--tw-prose-pre-code: #ffffff;--tw-prose-pre-bg: #0f172a;--tw-prose-kbd: #ffffff}.dark\:prose-lighter :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){color:#fff}}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:bottom-0:before{content:var(--tw-content);bottom:0}.before\:h-2:before{content:var(--tw-content);height:.5rem}.before\:w-3:before{content:var(--tw-content);width:.75rem}.before\:content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-\[-4px\]:after{content:var(--tw-content);bottom:-4px}.after\:left-0:after{content:var(--tw-content);left:0}.after\:right-0:after{content:var(--tw-content);right:0}.after\:border-b-2:after{content:var(--tw-content);border-bottom-width:2px}.after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.empty\:hidden:empty{display:none}.focus-within\:static:focus-within{position:static}.focus-within\:after\:border-transparent:focus-within:after{content:var(--tw-content);border-color:transparent}.hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.hover\:bg-action-selected-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-hover, rgb(22 163 74 / var(--tw-bg-opacity, 1)))}.hover\:text-copy-light-hover:hover{--tw-text-opacity: 1;color:var(--av-copy-light-hover, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.focus\:outline:focus{outline-style:solid}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.active\:bg-action-selected-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-selected-dark-active, rgb(34 197 94 / var(--tw-bg-opacity, 1)))}.active\:text-copy-light-active:active{--tw-text-opacity: 1;color:var(--av-copy-light-active, rgb(148 163 184 / var(--tw-text-opacity, 1)))}.active\:text-copy-lighter-active:active{--tw-text-opacity: 1;color:var(--av-copy-lighter-active, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.prose-p\:m-0 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){margin:0}.prose-blockquote\:my-1 :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.25rem;margin-bottom:.25rem}.prose-ol\:my-1 :is(:where(ol):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.25rem;margin-bottom:.25rem}.prose-ul\:my-1 :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:.25rem;margin-bottom:.25rem}.prose-ul\:prose-li\:marker\:text-black * :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))) :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *)))::marker{color:#000}.prose-ul\:prose-li\:marker\:text-black :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))) :is(:where(ul):not(:where([class~=not-prose],[class~=not-prose] *)))::marker{color:#000}.av-bubble-right:not(:has(+.av-bubble-right)) .last-bubble-right\:before\:right-\[2px\]:before{content:var(--tw-content);right:2px}.av-bubble-right:not(:has(+.av-bubble-right)) .last-bubble-right\:before\:rounded-bl-\[100\%\]:before{content:var(--tw-content);border-bottom-left-radius:100%}.av-bubble-right:not(:has(+.av-bubble-right)) .last-bubble-right\:before\:border-l-\[8px\]:before{content:var(--tw-content);border-left-width:8px}.av-bubble-right:not(:has(+.av-bubble-right)) .last-bubble-right\:before\:border-l-surface-accent:before{content:var(--tw-content);--tw-border-opacity: 1;border-left-color:var(--av-surface-accent, rgb(0 113 235 / var(--tw-border-opacity, 1)))}.av-bubble-left:not(:has(+.av-bubble-left)) .last-bubble-left\:before\:left-\[2px\]:before{content:var(--tw-content);left:2px}.av-bubble-left:not(:has(+.av-bubble-left)) .last-bubble-left\:before\:rounded-br-\[100\%\]:before{content:var(--tw-content);border-bottom-right-radius:100%}.av-bubble-left:not(:has(+.av-bubble-left)) .last-bubble-left\:before\:border-r-\[8px\]:before{content:var(--tw-content);border-right-width:8px}.av-bubble-left:not(:has(+.av-bubble-left)) .last-bubble-left\:before\:border-r-surface-lighter:before{content:var(--tw-content);--tw-border-opacity: 1;border-right-color:var(--av-surface-lighter, rgb(226 232 240 / var(--tw-border-opacity, 1)))}@media (min-width: 640px){.sm\:max-w-md{max-width:28rem}.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:max-w-2xl{max-width:42rem}}@media (min-width: 1024px){.lg\:max-w-3xl{max-width:48rem}}@media (prefers-color-scheme: dark){.dark\:border-border-accent{--tw-border-opacity: 1;border-color:var(--av-border-accent, rgb(169 185 173 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-dark{--tw-border-opacity: 1;border-color:var(--av-border-danger-dark, rgb(127 29 29 / var(--tw-border-opacity, 1)))}.dark\:border-border-danger-medium{--tw-border-opacity: 1;border-color:var(--av-border-danger-medium, rgb(248 113 113 / var(--tw-border-opacity, 1)))}.dark\:border-border-dark{--tw-border-opacity: 1;border-color:var(--av-border-dark, rgb(15 23 42 / var(--tw-border-opacity, 1)))}.dark\:bg-action-danger-dark{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark, rgb(127 29 29 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-danger-light{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-dark{--tw-bg-opacity: 1;background-color:var(--av-action-dark, rgb(15 23 42 / var(--tw-bg-opacity, 1)))}.dark\:bg-action-light{--tw-bg-opacity: 1;background-color:var(--av-action-light, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.dark\:bg-surface-dark{--tw-bg-opacity: 1;background-color:var(--av-surface-dark, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:text-copy-accent-dark{--tw-text-opacity: 1;color:var(--av-copy-accent-dark, rgb(205 232 212 / var(--tw-text-opacity, 1)))}.dark\:text-copy-light{--tw-text-opacity: 1;color:var(--av-copy-light, rgb(226 232 240 / var(--tw-text-opacity, 1)))}.dark\:text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.dark\:after\:border-table-dark:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-dark, rgb(55 65 81 / var(--tw-border-opacity, 1)))}.dark\:after\:border-table-light:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:var(--av-table-light, rgb(243 244 246 / var(--tw-border-opacity, 1)))}.dark\:hover\:bg-action-danger-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-danger-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-hover, rgb(185 28 28 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-dark-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-dark-hover, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.dark\:hover\:bg-action-light-hover:hover{--tw-bg-opacity: 1;background-color:var(--av-action-light-hover, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:focus\:outline-focus-dark:focus{outline-color:var(--av-focus-dark, rgb(21 128 61 / 1))}.dark\:focus\:outline-focus-light:focus{outline-color:var(--av-focus-light, rgb(134 239 172 / 1))}.dark\:active\:bg-action-danger-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-dark-active, rgb(220 38 38 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-danger-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-danger-light-active, rgb(153 27 27 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-dark-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-dark-active, rgb(71 85 105 / var(--tw-bg-opacity, 1)))}.dark\:active\:bg-action-light-active:active{--tw-bg-opacity: 1;background-color:var(--av-action-light-active, rgb(51 65 85 / var(--tw-bg-opacity, 1)))}.av-bubble-left:not(:has(+.av-bubble-left)) .last-bubble-left\:dark\:before\:border-r-surface-dark:before{content:var(--tw-content);--tw-border-opacity: 1;border-right-color:var(--av-surface-dark, rgb(51 65 85 / var(--tw-border-opacity, 1)))}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-bubble",
3
- "version": "3.2.9",
3
+ "version": "3.3.1",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -51,5 +51,5 @@
51
51
  "sideEffects": [
52
52
  "**/*.css"
53
53
  ],
54
- "gitHead": "6b75e3a6c6946e827dbe75b7b26bd700888c41f9"
54
+ "gitHead": "ebb2ccff07bcf7d3870f21aac2f195d378a0f6fc"
55
55
  }