@versini/ui-bubble 3.3.0 → 3.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +9 -1
- package/dist/index.js +210 -205
- package/dist/style.css +1 -1
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -9,8 +9,16 @@ type BubbleProps = {
|
|
|
9
9
|
children: React.ReactNode;
|
|
10
10
|
/**
|
|
11
11
|
* CSS class(es) to add to the main component wrapper.
|
|
12
|
+
* Bubble is made of a wrapper, a main content, and a footer. This prop
|
|
13
|
+
* allows you to add classes to the main component wrapper.
|
|
12
14
|
*/
|
|
13
15
|
className?: string;
|
|
16
|
+
/**
|
|
17
|
+
* CSS class(es) to add to the content wrapper.
|
|
18
|
+
* Bubble is made of a wrapper, a main content, and a footer. This prop
|
|
19
|
+
* allows you to add classes to the content wrapper.
|
|
20
|
+
*/
|
|
21
|
+
contentClassName?: string;
|
|
14
22
|
/**
|
|
15
23
|
* Whether or not to show a "copy/paste" icon next to the Bubble.
|
|
16
24
|
* - If a function is passed, it will be called with the text to copy.
|
|
@@ -80,6 +88,6 @@ type BubbleProps = {
|
|
|
80
88
|
tail?: boolean;
|
|
81
89
|
};
|
|
82
90
|
|
|
83
|
-
declare const Bubble: ({ children, kind, className, footer, rawFooter, copyToClipboard, copyToClipboardFocusMode, copyToClipboardMode, noMaxWidth, tail, }: BubbleProps) => react_jsx_runtime.JSX.Element;
|
|
91
|
+
declare const Bubble: ({ children, kind, className, contentClassName, footer, rawFooter, copyToClipboard, copyToClipboardFocusMode, copyToClipboardMode, noMaxWidth, tail, }: BubbleProps) => react_jsx_runtime.JSX.Element;
|
|
84
92
|
|
|
85
93
|
export { BUBBLE_CLASSNAME, Bubble };
|
package/dist/index.js
CHANGED
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
import { jsx as s, jsxs as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import { jsx as s, jsxs as x, Fragment as Y } from "react/jsx-runtime";
|
|
2
|
+
import V, { useRef as B, useLayoutEffect as j, useMemo as P, useState as q, useEffect as L, useCallback as ee } from "react";
|
|
3
|
+
import o from "clsx";
|
|
4
4
|
/*!
|
|
5
|
-
@versini/ui-bubble v3.
|
|
5
|
+
@versini/ui-bubble v3.4.0
|
|
6
6
|
© 2025 gizmette.com
|
|
7
7
|
*/
|
|
8
8
|
try {
|
|
9
9
|
window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
|
|
10
|
-
version: "3.
|
|
11
|
-
buildTime: "03/
|
|
10
|
+
version: "3.4.0",
|
|
11
|
+
buildTime: "03/05/2025 01:31 PM EST",
|
|
12
12
|
homepage: "https://github.com/aversini/ui-components",
|
|
13
13
|
license: "MIT"
|
|
14
14
|
});
|
|
15
15
|
} catch {
|
|
16
16
|
}
|
|
17
|
-
const I = "av-bubble",
|
|
17
|
+
const I = "av-bubble", A = "av-button", C = "icon", F = "button", M = "link", re = ({
|
|
18
18
|
type: e,
|
|
19
19
|
size: t,
|
|
20
20
|
labelRight: r,
|
|
21
21
|
labelLeft: a,
|
|
22
22
|
align: l,
|
|
23
|
-
animated:
|
|
23
|
+
animated: i
|
|
24
24
|
}) => {
|
|
25
|
-
const n = "max-h-8 py-0 px-2",
|
|
25
|
+
const n = "max-h-8 py-0 px-2", c = "max-h-9 h-8 px-3", d = "max-h-12 py-2 px-4";
|
|
26
26
|
switch (e) {
|
|
27
27
|
case F:
|
|
28
|
-
case
|
|
29
|
-
return
|
|
28
|
+
case M:
|
|
29
|
+
return o({
|
|
30
30
|
[n]: t === "small",
|
|
31
|
-
[
|
|
32
|
-
[
|
|
31
|
+
[c]: t === "medium",
|
|
32
|
+
[d]: t === "large"
|
|
33
33
|
});
|
|
34
34
|
case C:
|
|
35
|
-
return
|
|
35
|
+
return o("flex items-center", {
|
|
36
36
|
"justify-center": l === "center",
|
|
37
37
|
"justify-start": l === "left",
|
|
38
38
|
"justify-end": l === "right",
|
|
39
|
-
"h-6 w-6 p-0": t === "small" && !
|
|
40
|
-
"h-6 px-2": t === "small" && !
|
|
41
|
-
"h-8 w-8 p-1": t === "medium" && !
|
|
42
|
-
"h-8 px-3": t === "medium" && !
|
|
43
|
-
"h-12 w-12 p-2": t === "large" && !
|
|
44
|
-
"h-12 px-4": t === "large" && !
|
|
45
|
-
"h-6 py-0": t === "small" &&
|
|
46
|
-
"h-6": t === "small" &&
|
|
47
|
-
"h-8 py-1": t === "medium" &&
|
|
48
|
-
"h-8": t === "medium" &&
|
|
49
|
-
"h-12 py-2": t === "large" &&
|
|
50
|
-
"h-12": t === "large" &&
|
|
39
|
+
"h-6 w-6 p-0": t === "small" && !i && !(r || a),
|
|
40
|
+
"h-6 px-2": t === "small" && !i && (r || a),
|
|
41
|
+
"h-8 w-8 p-1": t === "medium" && !i && !(r || a),
|
|
42
|
+
"h-8 px-3": t === "medium" && !i && (r || a),
|
|
43
|
+
"h-12 w-12 p-2": t === "large" && !i && !(r || a),
|
|
44
|
+
"h-12 px-4": t === "large" && !i && (r || a),
|
|
45
|
+
"h-6 py-0": t === "small" && i && !(r || a),
|
|
46
|
+
"h-6": t === "small" && i && (r || a),
|
|
47
|
+
"h-8 py-1": t === "medium" && i && !(r || a),
|
|
48
|
+
"h-8": t === "medium" && i && (r || a),
|
|
49
|
+
"h-12 py-2": t === "large" && i && !(r || a),
|
|
50
|
+
"h-12": t === "large" && i && (r || a)
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
}, te = ({
|
|
@@ -56,20 +56,20 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
56
56
|
labelRight: r,
|
|
57
57
|
labelLeft: a
|
|
58
58
|
}) => {
|
|
59
|
-
const l = "text-sm font-medium",
|
|
59
|
+
const l = "text-sm font-medium", i = "text-base font-medium", n = "text-lg font-medium";
|
|
60
60
|
switch (e) {
|
|
61
61
|
case F:
|
|
62
|
-
case
|
|
63
|
-
return
|
|
64
|
-
"text-center": e ===
|
|
62
|
+
case M:
|
|
63
|
+
return o({
|
|
64
|
+
"text-center": e === M,
|
|
65
65
|
[l]: t === "small",
|
|
66
|
-
[
|
|
66
|
+
[i]: t === "medium",
|
|
67
67
|
[n]: t === "large"
|
|
68
68
|
});
|
|
69
69
|
case C:
|
|
70
|
-
return
|
|
70
|
+
return o({
|
|
71
71
|
[l]: t === "small" && (r || a),
|
|
72
|
-
[
|
|
72
|
+
[i]: t === "medium" && (r || a),
|
|
73
73
|
[n]: t === "large" && (r || a)
|
|
74
74
|
});
|
|
75
75
|
}
|
|
@@ -82,7 +82,7 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
82
82
|
if (t)
|
|
83
83
|
return "not-prose";
|
|
84
84
|
if (a === "primary")
|
|
85
|
-
return
|
|
85
|
+
return o("not-prose", {
|
|
86
86
|
truncate: !r,
|
|
87
87
|
"text-copy-light": e === "dark" || e === "system",
|
|
88
88
|
"text-copy-lighter": e === "light" || e === "alt-system",
|
|
@@ -90,7 +90,7 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
90
90
|
"dark:text-copy-light": e === "alt-system"
|
|
91
91
|
});
|
|
92
92
|
if (a === "secondary")
|
|
93
|
-
return
|
|
93
|
+
return o("not-prose", {
|
|
94
94
|
truncate: !r,
|
|
95
95
|
"text-copy-light": e === "light" || e === "system",
|
|
96
96
|
"text-copy-lighter": e === "dark" || e === "alt-system",
|
|
@@ -98,7 +98,7 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
98
98
|
"dark:text-copy-light": e === "system"
|
|
99
99
|
});
|
|
100
100
|
if (a === "danger")
|
|
101
|
-
return
|
|
101
|
+
return o("not-prose", {
|
|
102
102
|
truncate: !r,
|
|
103
103
|
"text-copy-light": e === "dark" || e === "system",
|
|
104
104
|
"text-copy-lighter": e === "light" || e === "alt-system",
|
|
@@ -106,7 +106,7 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
106
106
|
"dark:text-copy-light": e === "alt-system"
|
|
107
107
|
});
|
|
108
108
|
if (a === "selected")
|
|
109
|
-
return
|
|
109
|
+
return o("not-prose text-copy-lighter", {
|
|
110
110
|
truncate: !r
|
|
111
111
|
});
|
|
112
112
|
}, oe = ({
|
|
@@ -116,21 +116,21 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
116
116
|
}) => {
|
|
117
117
|
if (!t) {
|
|
118
118
|
if (r === "primary")
|
|
119
|
-
return
|
|
119
|
+
return o({
|
|
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
125
|
if (r === "secondary")
|
|
126
|
-
return
|
|
126
|
+
return o({
|
|
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
132
|
if (r === "danger")
|
|
133
|
-
return
|
|
133
|
+
return o({
|
|
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",
|
|
@@ -141,7 +141,7 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
141
141
|
}
|
|
142
142
|
}, ie = ({
|
|
143
143
|
radius: e
|
|
144
|
-
}) =>
|
|
144
|
+
}) => o({
|
|
145
145
|
"rounded-full": e === "large",
|
|
146
146
|
"rounded-md": e === "medium",
|
|
147
147
|
"rounded-sm": e === "small"
|
|
@@ -153,21 +153,21 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
153
153
|
if (t)
|
|
154
154
|
return "";
|
|
155
155
|
if (r === "primary")
|
|
156
|
-
return
|
|
156
|
+
return o("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
162
|
if (r === "secondary")
|
|
163
|
-
return
|
|
163
|
+
return o("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
169
|
if (r === "danger")
|
|
170
|
-
return
|
|
170
|
+
return o("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",
|
|
@@ -183,21 +183,21 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
183
183
|
if (t)
|
|
184
184
|
return "";
|
|
185
185
|
if (r === "primary")
|
|
186
|
-
return
|
|
186
|
+
return o("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
192
|
if (r === "secondary")
|
|
193
|
-
return
|
|
193
|
+
return o("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
199
|
if (r === "danger")
|
|
200
|
-
return
|
|
200
|
+
return o("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",
|
|
@@ -213,21 +213,21 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
213
213
|
if (t)
|
|
214
214
|
return "border border-transparent";
|
|
215
215
|
if (r === "primary")
|
|
216
|
-
return
|
|
216
|
+
return o("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
222
|
if (r === "secondary")
|
|
223
|
-
return
|
|
223
|
+
return o("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
229
|
if (r === "danger")
|
|
230
|
-
return
|
|
230
|
+
return o("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",
|
|
@@ -237,7 +237,7 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
237
237
|
return "border border-border-selected-dark";
|
|
238
238
|
}, ce = ({
|
|
239
239
|
focusMode: e
|
|
240
|
-
}) =>
|
|
240
|
+
}) => o("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",
|
|
@@ -246,7 +246,7 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
246
246
|
mode: e,
|
|
247
247
|
raw: t,
|
|
248
248
|
iconClassName: r
|
|
249
|
-
}) => t ? "" :
|
|
249
|
+
}) => t ? "" : o(
|
|
250
250
|
{
|
|
251
251
|
"text-copy-accent-dark": e === "light" || e === "alt-system",
|
|
252
252
|
"text-copy-light": e === "dark" || e === "system",
|
|
@@ -256,7 +256,7 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
256
256
|
r
|
|
257
257
|
), be = ({
|
|
258
258
|
animated: e
|
|
259
|
-
}) =>
|
|
259
|
+
}) => o({
|
|
260
260
|
"transition-opacity duration-300 ease-in": e
|
|
261
261
|
}), ue = ({
|
|
262
262
|
type: e,
|
|
@@ -264,74 +264,74 @@ const I = "av-bubble", j = "av-button", C = "icon", F = "button", S = "link", re
|
|
|
264
264
|
raw: r,
|
|
265
265
|
mode: a,
|
|
266
266
|
focusMode: l,
|
|
267
|
-
disabled:
|
|
267
|
+
disabled: i,
|
|
268
268
|
fullWidth: n,
|
|
269
|
-
size:
|
|
270
|
-
noBorder:
|
|
269
|
+
size: c,
|
|
270
|
+
noBorder: d,
|
|
271
271
|
labelRight: h,
|
|
272
|
-
labelLeft:
|
|
272
|
+
labelLeft: v,
|
|
273
273
|
noBackground: u,
|
|
274
|
-
variant:
|
|
275
|
-
noTruncate:
|
|
276
|
-
align:
|
|
277
|
-
radius:
|
|
278
|
-
animated:
|
|
279
|
-
}) => (
|
|
280
|
-
|
|
274
|
+
variant: b,
|
|
275
|
+
noTruncate: m,
|
|
276
|
+
align: w,
|
|
277
|
+
radius: _,
|
|
278
|
+
animated: g
|
|
279
|
+
}) => (b || (b = "primary"), r ? o(A, t) : o(
|
|
280
|
+
A,
|
|
281
281
|
ae({
|
|
282
282
|
mode: a,
|
|
283
|
-
variant:
|
|
283
|
+
variant: b,
|
|
284
284
|
noBackground: u,
|
|
285
|
-
noTruncate:
|
|
285
|
+
noTruncate: m
|
|
286
286
|
}),
|
|
287
|
-
oe({ mode: a, noBackground: u, variant:
|
|
288
|
-
ie({ radius:
|
|
287
|
+
oe({ mode: a, noBackground: u, variant: b }),
|
|
288
|
+
ie({ radius: _ }),
|
|
289
289
|
re({
|
|
290
290
|
type: e,
|
|
291
|
-
size:
|
|
291
|
+
size: c,
|
|
292
292
|
labelRight: h,
|
|
293
|
-
labelLeft:
|
|
294
|
-
align:
|
|
295
|
-
animated:
|
|
293
|
+
labelLeft: v,
|
|
294
|
+
align: w,
|
|
295
|
+
animated: g
|
|
296
296
|
}),
|
|
297
|
-
te({ type: e, size:
|
|
298
|
-
se({ mode: a, variant:
|
|
297
|
+
te({ type: e, size: c, labelRight: h, labelLeft: v }),
|
|
298
|
+
se({ mode: a, variant: b, noBorder: d }),
|
|
299
299
|
ce({ focusMode: l }),
|
|
300
|
-
le({ mode: a, variant:
|
|
301
|
-
ne({ mode: a, variant:
|
|
300
|
+
le({ mode: a, variant: b, disabled: i }),
|
|
301
|
+
ne({ mode: a, variant: b, disabled: i }),
|
|
302
302
|
{
|
|
303
303
|
"w-full": n,
|
|
304
|
-
"disabled:cursor-not-allowed disabled:opacity-50":
|
|
304
|
+
"disabled:cursor-not-allowed disabled:opacity-50": i
|
|
305
305
|
},
|
|
306
|
-
|
|
307
|
-
"transition-[width] duration-300 ease-in-out": e === C &&
|
|
306
|
+
o({
|
|
307
|
+
"transition-[width] duration-300 ease-in-out": e === C && g
|
|
308
308
|
}),
|
|
309
309
|
t
|
|
310
310
|
)), ge = (e, t, r) => {
|
|
311
311
|
var a;
|
|
312
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
|
-
},
|
|
313
|
+
}, G = V.forwardRef((e, t) => {
|
|
314
314
|
const { onClick: r, noInternalClick: a = !1, ...l } = e;
|
|
315
315
|
return /* @__PURE__ */ s(
|
|
316
316
|
"button",
|
|
317
317
|
{
|
|
318
318
|
ref: t,
|
|
319
|
-
onClick: (
|
|
320
|
-
ge(
|
|
319
|
+
onClick: (i) => {
|
|
320
|
+
ge(i, a, r);
|
|
321
321
|
},
|
|
322
322
|
...l
|
|
323
323
|
}
|
|
324
324
|
);
|
|
325
325
|
});
|
|
326
|
-
|
|
326
|
+
G.displayName = "BaseButton";
|
|
327
327
|
function me() {
|
|
328
328
|
const e = B(!1);
|
|
329
|
-
return
|
|
329
|
+
return L(() => (e.current = !0, () => {
|
|
330
330
|
e.current = !1;
|
|
331
331
|
}), []), ee(() => e.current, []);
|
|
332
332
|
}
|
|
333
333
|
function he(e) {
|
|
334
|
-
return
|
|
334
|
+
return P(() => e.every((t) => t == null) ? () => {
|
|
335
335
|
} : (t) => {
|
|
336
336
|
e.forEach((r) => {
|
|
337
337
|
typeof r == "function" ? r(t) : r != null && (r.current = t);
|
|
@@ -348,14 +348,14 @@ const fe = {
|
|
|
348
348
|
bottom: 0,
|
|
349
349
|
right: 0
|
|
350
350
|
};
|
|
351
|
-
function
|
|
352
|
-
const t = me(), r = B(0), a = B(null), [l,
|
|
353
|
-
const
|
|
354
|
-
|
|
355
|
-
a.current && t() &&
|
|
351
|
+
function S(e) {
|
|
352
|
+
const t = me(), r = B(0), a = B(null), [l, i] = q(fe), n = P(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
|
|
353
|
+
const d = c[0];
|
|
354
|
+
d && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
|
|
355
|
+
a.current && t() && i(d.contentRect);
|
|
356
356
|
}));
|
|
357
357
|
}), [t]);
|
|
358
|
-
return
|
|
358
|
+
return L(() => (a.current && (n == null || n.observe(a.current, e)), () => {
|
|
359
359
|
n == null || n.disconnect(), r.current && cancelAnimationFrame(r.current);
|
|
360
360
|
}), [n, e]), [a, l];
|
|
361
361
|
}
|
|
@@ -373,28 +373,28 @@ const ve = {
|
|
|
373
373
|
// px-3 x 2
|
|
374
374
|
large: 16 * 2
|
|
375
375
|
// px-4 x 2
|
|
376
|
-
}, ye = 2,
|
|
376
|
+
}, ye = 2, U = V.forwardRef(
|
|
377
377
|
({
|
|
378
378
|
children: e,
|
|
379
379
|
disabled: t = !1,
|
|
380
380
|
mode: r = "system",
|
|
381
381
|
focusMode: a = "system",
|
|
382
382
|
fullWidth: l = !1,
|
|
383
|
-
className:
|
|
383
|
+
className: i,
|
|
384
384
|
type: n = "button",
|
|
385
|
-
raw:
|
|
386
|
-
noBorder:
|
|
385
|
+
raw: c = !1,
|
|
386
|
+
noBorder: d = !1,
|
|
387
387
|
"aria-label": h,
|
|
388
|
-
label:
|
|
388
|
+
label: v,
|
|
389
389
|
size: u = "medium",
|
|
390
|
-
labelRight:
|
|
391
|
-
labelLeft:
|
|
392
|
-
noBackground:
|
|
393
|
-
align:
|
|
394
|
-
radius:
|
|
395
|
-
variant:
|
|
390
|
+
labelRight: b,
|
|
391
|
+
labelLeft: m,
|
|
392
|
+
noBackground: w = !1,
|
|
393
|
+
align: _ = "center",
|
|
394
|
+
radius: g = "large",
|
|
395
|
+
variant: T = "primary",
|
|
396
396
|
iconClassName: X,
|
|
397
|
-
animated:
|
|
397
|
+
animated: p = !1,
|
|
398
398
|
...Z
|
|
399
399
|
}, D) => {
|
|
400
400
|
const J = ue({
|
|
@@ -403,57 +403,57 @@ const ve = {
|
|
|
403
403
|
focusMode: a,
|
|
404
404
|
fullWidth: l,
|
|
405
405
|
disabled: t,
|
|
406
|
-
raw:
|
|
407
|
-
className:
|
|
408
|
-
noBorder:
|
|
406
|
+
raw: c,
|
|
407
|
+
className: i,
|
|
408
|
+
noBorder: d,
|
|
409
409
|
size: u,
|
|
410
|
-
labelRight:
|
|
411
|
-
labelLeft:
|
|
412
|
-
noBackground:
|
|
413
|
-
align:
|
|
414
|
-
radius:
|
|
415
|
-
variant:
|
|
416
|
-
animated:
|
|
417
|
-
}), K = de({ mode: r, raw:
|
|
418
|
-
return
|
|
419
|
-
N && N.current &&
|
|
420
|
-
}, [
|
|
421
|
-
|
|
410
|
+
labelRight: b,
|
|
411
|
+
labelLeft: m,
|
|
412
|
+
noBackground: w,
|
|
413
|
+
align: _,
|
|
414
|
+
radius: g,
|
|
415
|
+
variant: T,
|
|
416
|
+
animated: p
|
|
417
|
+
}), K = de({ mode: r, raw: c, iconClassName: X }), $ = be({ animated: p }), [f, z] = S(), [y, E] = S(), [N, O] = S(), R = B(0), k = B(null), Q = he([D, k]);
|
|
418
|
+
return j(() => {
|
|
419
|
+
N && N.current && p && (R.current = O.width + pe[u] + (d ? 0 : ye));
|
|
420
|
+
}, [O, N, u, d, p]), j(() => {
|
|
421
|
+
k && k.current && p && (b && f && z.width > 0 ? (f.current && (f.current.style.opacity = "100"), k.current.style.width = `${z.width + R.current}px`) : m && E.width > 0 ? (y.current && (y.current.style.opacity = "100"), k.current.style.width = `${E.width + R.current}px`) : (f.current && (f.current.style.opacity = "0"), y.current && (y.current.style.opacity = "0"), k.current.style.width = `${ve[u]}px`));
|
|
422
422
|
}, [
|
|
423
|
-
T,
|
|
424
|
-
c,
|
|
425
|
-
v,
|
|
426
423
|
z,
|
|
424
|
+
b,
|
|
427
425
|
f,
|
|
428
|
-
|
|
426
|
+
E,
|
|
427
|
+
m,
|
|
428
|
+
y,
|
|
429
429
|
u,
|
|
430
|
-
|
|
431
|
-
]), /* @__PURE__ */
|
|
432
|
-
|
|
430
|
+
p
|
|
431
|
+
]), /* @__PURE__ */ x(
|
|
432
|
+
G,
|
|
433
433
|
{
|
|
434
434
|
ref: Q,
|
|
435
435
|
className: J,
|
|
436
436
|
disabled: t,
|
|
437
437
|
type: n,
|
|
438
|
-
"aria-label": h ||
|
|
438
|
+
"aria-label": h || v,
|
|
439
439
|
...Z,
|
|
440
440
|
children: [
|
|
441
441
|
/* @__PURE__ */ s(
|
|
442
|
-
|
|
442
|
+
H,
|
|
443
443
|
{
|
|
444
|
-
label:
|
|
445
|
-
labelRef:
|
|
446
|
-
labelClass:
|
|
444
|
+
label: m,
|
|
445
|
+
labelRef: y,
|
|
446
|
+
labelClass: $,
|
|
447
447
|
labelInnerClass: "pr-2"
|
|
448
448
|
}
|
|
449
449
|
),
|
|
450
450
|
/* @__PURE__ */ s("span", { ref: N, className: K, children: e }),
|
|
451
451
|
/* @__PURE__ */ s(
|
|
452
|
-
|
|
452
|
+
H,
|
|
453
453
|
{
|
|
454
|
-
label:
|
|
455
|
-
labelRef:
|
|
456
|
-
labelClass:
|
|
454
|
+
label: b,
|
|
455
|
+
labelRef: f,
|
|
456
|
+
labelClass: $,
|
|
457
457
|
labelInnerClass: "pl-2"
|
|
458
458
|
}
|
|
459
459
|
)
|
|
@@ -461,35 +461,35 @@ const ve = {
|
|
|
461
461
|
}
|
|
462
462
|
);
|
|
463
463
|
}
|
|
464
|
-
),
|
|
464
|
+
), H = ({
|
|
465
465
|
labelRef: e,
|
|
466
466
|
labelClass: t,
|
|
467
467
|
label: r,
|
|
468
468
|
labelInnerClass: a
|
|
469
469
|
}) => /* @__PURE__ */ s("span", { ref: e, className: t, children: r && /* @__PURE__ */ s("span", { className: a, children: r }) });
|
|
470
|
-
|
|
470
|
+
U.displayName = "ButtonIcon";
|
|
471
471
|
/*!
|
|
472
|
-
@versini/ui-button v4.2.
|
|
472
|
+
@versini/ui-button v4.2.10
|
|
473
473
|
© 2025 gizmette.com
|
|
474
474
|
*/
|
|
475
475
|
try {
|
|
476
476
|
window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
|
|
477
|
-
version: "4.2.
|
|
478
|
-
buildTime: "03/
|
|
477
|
+
version: "4.2.10",
|
|
478
|
+
buildTime: "03/05/2025 01:30 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 =
|
|
484
|
+
const ke = V.forwardRef(
|
|
485
485
|
({
|
|
486
486
|
children: e,
|
|
487
487
|
mode: t = "system",
|
|
488
488
|
className: r,
|
|
489
489
|
active: a = !1,
|
|
490
490
|
...l
|
|
491
|
-
},
|
|
492
|
-
const n = a ?
|
|
491
|
+
}, i) => {
|
|
492
|
+
const n = a ? o(
|
|
493
493
|
"relative",
|
|
494
494
|
"focus-within:static",
|
|
495
495
|
"focus-within:after:border-transparent",
|
|
@@ -507,10 +507,10 @@ const ke = M.forwardRef(
|
|
|
507
507
|
}
|
|
508
508
|
) : "";
|
|
509
509
|
return /* @__PURE__ */ s("div", { className: n, children: /* @__PURE__ */ s(
|
|
510
|
-
|
|
510
|
+
U,
|
|
511
511
|
{
|
|
512
|
-
className:
|
|
513
|
-
ref:
|
|
512
|
+
className: o("justify-center", r),
|
|
513
|
+
ref: i,
|
|
514
514
|
mode: t,
|
|
515
515
|
radius: "small",
|
|
516
516
|
...l,
|
|
@@ -520,19 +520,19 @@ const ke = M.forwardRef(
|
|
|
520
520
|
}
|
|
521
521
|
);
|
|
522
522
|
ke.displayName = "ButtonSort";
|
|
523
|
-
const
|
|
523
|
+
const W = ({
|
|
524
524
|
children: e,
|
|
525
525
|
fill: t,
|
|
526
526
|
viewBox: r,
|
|
527
527
|
className: a,
|
|
528
528
|
defaultViewBox: l,
|
|
529
|
-
size:
|
|
529
|
+
size: i,
|
|
530
530
|
title: n,
|
|
531
|
-
semantic:
|
|
532
|
-
...
|
|
531
|
+
semantic: c = !1,
|
|
532
|
+
...d
|
|
533
533
|
}) => {
|
|
534
|
-
const h = i
|
|
535
|
-
return /* @__PURE__ */
|
|
534
|
+
const h = o(i, a);
|
|
535
|
+
return /* @__PURE__ */ x(Y, { children: [
|
|
536
536
|
/* @__PURE__ */ s(
|
|
537
537
|
"svg",
|
|
538
538
|
{
|
|
@@ -541,13 +541,13 @@ const G = ({
|
|
|
541
541
|
viewBox: r || l,
|
|
542
542
|
fill: t || "currentColor",
|
|
543
543
|
role: "img",
|
|
544
|
-
"aria-hidden": !
|
|
544
|
+
"aria-hidden": !c,
|
|
545
545
|
focusable: !1,
|
|
546
|
-
...
|
|
546
|
+
...d,
|
|
547
547
|
children: e
|
|
548
548
|
}
|
|
549
549
|
),
|
|
550
|
-
n &&
|
|
550
|
+
n && c && /* @__PURE__ */ s("span", { className: "sr-only", children: n })
|
|
551
551
|
] });
|
|
552
552
|
};
|
|
553
553
|
/*!
|
|
@@ -569,8 +569,8 @@ const xe = ({
|
|
|
569
569
|
title: r,
|
|
570
570
|
monotone: a,
|
|
571
571
|
...l
|
|
572
|
-
}) => /* @__PURE__ */
|
|
573
|
-
|
|
572
|
+
}) => /* @__PURE__ */ x(
|
|
573
|
+
W,
|
|
574
574
|
{
|
|
575
575
|
defaultViewBox: "0 0 448 512",
|
|
576
576
|
size: "size-5",
|
|
@@ -596,7 +596,7 @@ const xe = ({
|
|
|
596
596
|
monotone: a,
|
|
597
597
|
...l
|
|
598
598
|
}) => /* @__PURE__ */ s(
|
|
599
|
-
|
|
599
|
+
W,
|
|
600
600
|
{
|
|
601
601
|
defaultViewBox: "0 0 512 512",
|
|
602
602
|
size: "size-5",
|
|
@@ -620,22 +620,23 @@ try {
|
|
|
620
620
|
});
|
|
621
621
|
} catch {
|
|
622
622
|
}
|
|
623
|
-
const _e = ({ kind: e, noMaxWidth: t }) =>
|
|
623
|
+
const _e = ({ kind: e, noMaxWidth: t }) => o("px-4 py-2", {
|
|
624
624
|
"max-w-xs sm:max-w-md md:max-w-2xl": !t,
|
|
625
625
|
"lg:max-w-3xl": e === "left" && !t
|
|
626
|
-
}), Be = ({ kind: e }) =>
|
|
626
|
+
}), Be = ({ kind: e }) => o({
|
|
627
627
|
"bg-surface-lighter dark:bg-surface-dark": e === "left",
|
|
628
628
|
"bg-surface-accent": e === "right"
|
|
629
|
-
}), Ne = ({ kind: e }) =>
|
|
629
|
+
}), Ne = ({ kind: e }) => o(
|
|
630
630
|
"prose prose-dark dark:prose-lighter",
|
|
631
|
-
"prose-
|
|
632
|
-
"prose-
|
|
631
|
+
"prose-ul:prose-li:marker:text-black",
|
|
632
|
+
"prose-blockquote:my-1",
|
|
633
|
+
"prose-ol:my-1 prose-ul:my-1",
|
|
633
634
|
{
|
|
634
635
|
"text-copy-lighter": e === "right"
|
|
635
636
|
}
|
|
636
637
|
), Ie = ({ kind: e, tail: t }) => {
|
|
637
638
|
if (t)
|
|
638
|
-
return
|
|
639
|
+
return o(
|
|
639
640
|
`${I}-${e}-tail`,
|
|
640
641
|
"rounded-3xl",
|
|
641
642
|
"relative",
|
|
@@ -650,17 +651,18 @@ const _e = ({ kind: e, noMaxWidth: t }) => i("px-4 py-2", {
|
|
|
650
651
|
}
|
|
651
652
|
);
|
|
652
653
|
if (!t)
|
|
653
|
-
return
|
|
654
|
+
return o("rounded-b-xl", {
|
|
654
655
|
"rounded-tr-xl": e === "left",
|
|
655
656
|
"rounded-tl-xl": e === "right"
|
|
656
657
|
});
|
|
657
658
|
}, Ce = ({
|
|
658
659
|
kind: e,
|
|
659
660
|
className: t,
|
|
660
|
-
|
|
661
|
-
|
|
661
|
+
contentClassName: r,
|
|
662
|
+
noMaxWidth: a,
|
|
663
|
+
tail: l
|
|
662
664
|
}) => {
|
|
663
|
-
const
|
|
665
|
+
const i = o(
|
|
664
666
|
I,
|
|
665
667
|
`${I}-${e}`,
|
|
666
668
|
"flex items-start",
|
|
@@ -668,74 +670,77 @@ const _e = ({ kind: e, noMaxWidth: t }) => i("px-4 py-2", {
|
|
|
668
670
|
"flex-row-reverse": e === "right"
|
|
669
671
|
},
|
|
670
672
|
t
|
|
671
|
-
),
|
|
673
|
+
), n = o(
|
|
672
674
|
`${I}-content`,
|
|
673
675
|
"flex flex-col empty:hidden",
|
|
674
|
-
_e({ kind: e, noMaxWidth:
|
|
676
|
+
_e({ kind: e, noMaxWidth: a }),
|
|
675
677
|
Ne({ kind: e }),
|
|
676
678
|
Be({ kind: e }),
|
|
677
|
-
Ie({ kind: e, tail:
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
"
|
|
681
|
-
"
|
|
682
|
-
"
|
|
679
|
+
Ie({ kind: e, tail: l }),
|
|
680
|
+
r
|
|
681
|
+
), c = "pr-2 pt-1 text-end text-xs text-copy-light", d = o("flex flex-col-reverse sm:flex-row", {
|
|
682
|
+
"ml-2": e === "left" && !l,
|
|
683
|
+
"mr-2": e === "right" && !l,
|
|
684
|
+
"ml-1": e === "left" && l,
|
|
685
|
+
"mr-1": e === "right" && l
|
|
683
686
|
});
|
|
684
687
|
return {
|
|
685
|
-
wrapper:
|
|
686
|
-
main:
|
|
687
|
-
footer:
|
|
688
|
+
wrapper: i,
|
|
689
|
+
main: n,
|
|
690
|
+
footer: c,
|
|
688
691
|
copyButton: d
|
|
689
692
|
};
|
|
690
693
|
}, Re = ({
|
|
691
694
|
children: e,
|
|
692
695
|
kind: t = "left",
|
|
693
696
|
className: r,
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
697
|
+
contentClassName: a,
|
|
698
|
+
footer: l,
|
|
699
|
+
rawFooter: i,
|
|
700
|
+
copyToClipboard: n,
|
|
701
|
+
copyToClipboardFocusMode: c = "system",
|
|
698
702
|
copyToClipboardMode: d = "system",
|
|
699
|
-
noMaxWidth:
|
|
700
|
-
tail:
|
|
703
|
+
noMaxWidth: h = !1,
|
|
704
|
+
tail: v = !1
|
|
701
705
|
}) => {
|
|
702
|
-
const [
|
|
706
|
+
const [u, b] = q(!1), m = Ce({
|
|
703
707
|
kind: t,
|
|
704
708
|
className: r,
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
+
contentClassName: a,
|
|
710
|
+
noMaxWidth: h,
|
|
711
|
+
tail: v
|
|
712
|
+
}), w = !!n && (typeof n == "function" || typeof n == "string" || typeof e == "string"), _ = () => {
|
|
713
|
+
b(!0), typeof n == "function" ? n(e) : typeof n == "string" ? navigator.clipboard.writeText(n) : typeof e == "string" && navigator.clipboard.writeText(e);
|
|
709
714
|
};
|
|
710
|
-
return
|
|
715
|
+
return L(() => {
|
|
711
716
|
let g;
|
|
712
|
-
return
|
|
713
|
-
|
|
717
|
+
return u && (g = window.setTimeout(() => {
|
|
718
|
+
b(!1);
|
|
714
719
|
}, 3e3)), () => {
|
|
715
720
|
clearTimeout(g);
|
|
716
721
|
};
|
|
717
|
-
}, [
|
|
718
|
-
/* @__PURE__ */
|
|
719
|
-
/* @__PURE__ */ s("div", { className:
|
|
720
|
-
|
|
722
|
+
}, [u]), /* @__PURE__ */ x("div", { className: m.wrapper, children: [
|
|
723
|
+
/* @__PURE__ */ x("div", { children: [
|
|
724
|
+
/* @__PURE__ */ s("div", { className: m.main, children: e }),
|
|
725
|
+
l && Object.keys(l).map((g, T) => l[g] ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ x("p", { className: m.footer, children: [
|
|
721
726
|
g,
|
|
722
727
|
": ",
|
|
723
|
-
|
|
724
|
-
] }) }, `${g}-${
|
|
725
|
-
|
|
728
|
+
l[g]
|
|
729
|
+
] }) }, `${g}-${T}`) : null),
|
|
730
|
+
i && i
|
|
726
731
|
] }),
|
|
727
|
-
|
|
728
|
-
|
|
732
|
+
w && /* @__PURE__ */ s("div", { className: m.copyButton, children: /* @__PURE__ */ s(
|
|
733
|
+
U,
|
|
729
734
|
{
|
|
730
735
|
noBorder: !0,
|
|
731
736
|
noBackground: !0,
|
|
732
737
|
size: "small",
|
|
733
738
|
mode: d,
|
|
734
|
-
focusMode:
|
|
735
|
-
label:
|
|
739
|
+
focusMode: c,
|
|
740
|
+
label: u ? "Copied to clipboard" : "Copy to clipboard",
|
|
736
741
|
onClick: _,
|
|
737
|
-
disabled:
|
|
738
|
-
children:
|
|
742
|
+
disabled: u,
|
|
743
|
+
children: u ? /* @__PURE__ */ s(xe, { size: "size-3" }) : /* @__PURE__ */ s(we, { size: "size-3" })
|
|
739
744
|
}
|
|
740
745
|
) })
|
|
741
746
|
] });
|
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-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-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}.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)))}}
|
|
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.
|
|
3
|
+
"version": "3.4.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@tailwindcss/typography": "0.5.16",
|
|
46
|
-
"@versini/ui-button": "4.2.
|
|
46
|
+
"@versini/ui-button": "4.2.10",
|
|
47
47
|
"@versini/ui-icons": "*",
|
|
48
48
|
"clsx": "2.1.1",
|
|
49
49
|
"tailwindcss": "3.4.17"
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"sideEffects": [
|
|
52
52
|
"**/*.css"
|
|
53
53
|
],
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "9e5d6d4b86a1c509628c6e5ea0a101921cd8eb78"
|
|
55
55
|
}
|