@jonmilner/ui 0.8.2 → 0.9.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/Avatar/Avatar.css +1 -1
- package/dist/Avatar/index.d.mts +1 -1
- package/dist/Avatar/index.mjs +1 -1
- package/dist/Badge/Badge.css +1 -1
- package/dist/Badge/index.d.mts +1 -1
- package/dist/Badge/index.mjs +1 -1
- package/dist/Box/Box.css +1 -1
- package/dist/Box/ResponsiveCheck.mjs +17 -0
- package/dist/Box/base.d.mts +8 -0
- package/dist/Box/base.mjs +17 -0
- package/dist/Box/index.d.mts +4 -7
- package/dist/Box/index.mjs +4 -13
- package/dist/Button/Button.css +1 -1
- package/dist/Button/index.d.mts +1 -1
- package/dist/Button/index.mjs +1 -1
- package/dist/Checkbox/Checkbox.css +1 -1
- package/dist/Checkbox/index.mjs +1 -1
- package/dist/Chip/Chip.css +1 -1
- package/dist/Chip/index.mjs +1 -1
- package/dist/Clickable/Clickable.css +1 -1
- package/dist/Clickable/index.d.mts +1 -1
- package/dist/Clickable/index.mjs +1 -1
- package/dist/ColorField/ColorField.css +1 -1
- package/dist/ColorField/client.mjs +8 -8
- package/dist/ColorField/index.d.mts +1 -1
- package/dist/Dialog/Dialog.css +1 -1
- package/dist/Dialog/client.d.mts +1 -1
- package/dist/Dialog/client.mjs +1 -1
- package/dist/Dialog/index.d.mts +1 -1
- package/dist/Dialog/index.mjs +1 -1
- package/dist/Field/Field.css +1 -1
- package/dist/Field/client.mjs +1 -1
- package/dist/Field/index.mjs +18 -18
- package/dist/Heading/Heading.css +1 -1
- package/dist/Icon/Icon.css +1 -1
- package/dist/IconButton/IconButton.css +1 -1
- package/dist/IconButton/index.d.mts +1 -1
- package/dist/Inline/Inline.css +1 -1
- package/dist/Inline/index.d.mts +2 -1
- package/dist/Menu/Menu.css +1 -1
- package/dist/Menu/client.mjs +16 -16
- package/dist/Menu/index.d.mts +1 -1
- package/dist/Menu/index.mjs +25 -25
- package/dist/MultiSelect/MultiSelect.css +1 -1
- package/dist/MultiSelect/client.mjs +25 -25
- package/dist/MultiSelect/index.d.mts +1 -1
- package/dist/MultiSelect/index.mjs +1 -1
- package/dist/SearchField/SearchField.css +1 -1
- package/dist/SearchField/client.mjs +9 -9
- package/dist/SearchField/index.d.mts +1 -1
- package/dist/Stack/Stack.css +1 -1
- package/dist/Stack/index.d.mts +2 -1
- package/dist/Tabs/Tabs.css +1 -1
- package/dist/Tabs/index.mjs +1 -1
- package/dist/Tag/Tag.css +1 -1
- package/dist/Tag/index.d.mts +1 -1
- package/dist/Tag/index.mjs +1 -1
- package/dist/Text/Text.css +1 -1
- package/dist/Text/index.d.mts +1 -1
- package/dist/Text/index.mjs +1 -1
- package/dist/TextField/TextField.css +1 -1
- package/dist/TextField/index.d.mts +1 -1
- package/dist/Toast/Toast.css +1 -1
- package/dist/Toast/client.mjs +42 -42
- package/dist/VisuallyHidden/VisuallyHidden.css +1 -1
- package/dist/base.css +1 -1
- package/dist/docs/manifest.json +1 -1
- package/dist/docs/migrations/0.9.0.md +27 -0
- package/dist/index.d.mts +2 -1
- package/dist/index.mjs +11 -11
- package/dist/popup/client.mjs +24 -24
- package/dist/styles/atoms.css +2 -2
- package/dist/styles/atoms.css.d.mts +31 -31
- package/dist/styles/atoms.css.mjs +1500 -1500
- package/dist/styles/layers.css +2 -2
- package/dist/styles/part-props.d.mts +1 -1
- package/dist/styles/responsive.css +2 -0
- package/dist/styles/responsive.css.mjs +6 -0
- package/package.json +5 -3
package/dist/Toast/client.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { join as e } from "../styles/join.mjs";
|
|
3
|
-
import { Box as t } from "../Box/
|
|
3
|
+
import { Box as t } from "../Box/base.mjs";
|
|
4
4
|
import { Clickable as n } from "../Clickable/index.mjs";
|
|
5
5
|
import { Text as r } from "../Text/index.mjs";
|
|
6
6
|
import { Button as i } from "../Button/index.mjs";
|
|
@@ -10,8 +10,8 @@ import { XIcon as s } from "../icons/XIcon.mjs";
|
|
|
10
10
|
import { CircleCheckIcon as c } from "../icons/CircleCheckIcon.mjs";
|
|
11
11
|
import { InfoIcon as l } from "../icons/InfoIcon.mjs";
|
|
12
12
|
import { announcer as u, close as d, content as f, list as p, root as m, toast as h, viewport as g } from "./Toast.css.mjs";
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
13
|
+
import { createContext as _, use as v, useCallback as y, useEffect as b, useLayoutEffect as x, useMemo as S, useRef as C, useState as w } from "react";
|
|
14
|
+
import { jsx as T, jsxs as E } from "react/jsx-runtime";
|
|
15
15
|
import { Toast as D } from "@base-ui/react/toast";
|
|
16
16
|
//#region src/Toast/client.tsx
|
|
17
17
|
var O = {
|
|
@@ -27,29 +27,29 @@ var O = {
|
|
|
27
27
|
Icon: o,
|
|
28
28
|
color: "danger"
|
|
29
29
|
}
|
|
30
|
-
}, k =
|
|
30
|
+
}, k = _(null), A = _(null), j = (e) => e !== void 0 && Object.hasOwn(O, e);
|
|
31
31
|
function M({ limit: e = 3, closeLabel: n = "Dismiss", regionLabel: r = "Notifications", className: i, style: o, children: s }) {
|
|
32
|
-
let { container: c, ref: l } = a(), [u] =
|
|
33
|
-
return /* @__PURE__ */
|
|
32
|
+
let { container: c, ref: l } = a(), [u] = w(D.createToastManager);
|
|
33
|
+
return /* @__PURE__ */ T(D.Provider, {
|
|
34
34
|
limit: e,
|
|
35
35
|
toastManager: u,
|
|
36
|
-
children: /* @__PURE__ */
|
|
36
|
+
children: /* @__PURE__ */ E(k, {
|
|
37
37
|
value: u,
|
|
38
38
|
children: [
|
|
39
|
-
/* @__PURE__ */
|
|
39
|
+
/* @__PURE__ */ T(t, {
|
|
40
40
|
as: "span",
|
|
41
41
|
hidden: !0,
|
|
42
42
|
ref: l
|
|
43
43
|
}),
|
|
44
44
|
s,
|
|
45
|
-
/* @__PURE__ */
|
|
46
|
-
/* @__PURE__ */
|
|
45
|
+
/* @__PURE__ */ T(P, {}),
|
|
46
|
+
/* @__PURE__ */ T(D.Portal, {
|
|
47
47
|
container: c,
|
|
48
|
-
children: /* @__PURE__ */
|
|
48
|
+
children: /* @__PURE__ */ T(N, {
|
|
49
49
|
className: i,
|
|
50
50
|
regionLabel: r,
|
|
51
51
|
style: o,
|
|
52
|
-
children: /* @__PURE__ */
|
|
52
|
+
children: /* @__PURE__ */ T(F, { closeLabel: n })
|
|
53
53
|
})
|
|
54
54
|
})
|
|
55
55
|
]
|
|
@@ -57,8 +57,8 @@ function M({ limit: e = 3, closeLabel: n = "Dismiss", regionLabel: r = "Notifica
|
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
59
|
function N({ regionLabel: n, className: r, style: i, children: a }) {
|
|
60
|
-
let o =
|
|
61
|
-
return
|
|
60
|
+
let o = C(null), s = C(null);
|
|
61
|
+
return b(() => {
|
|
62
62
|
let e = s.current;
|
|
63
63
|
if (!e) return;
|
|
64
64
|
let t = e.ownerDocument, n = !1, r = (t) => {
|
|
@@ -73,7 +73,7 @@ function N({ regionLabel: n, className: r, style: i, children: a }) {
|
|
|
73
73
|
return t.addEventListener("mouseover", r), t.addEventListener("mouseout", i), () => {
|
|
74
74
|
t.removeEventListener("mouseover", r), t.removeEventListener("mouseout", i);
|
|
75
75
|
};
|
|
76
|
-
}, []), /* @__PURE__ */
|
|
76
|
+
}, []), /* @__PURE__ */ T(D.Viewport, {
|
|
77
77
|
"aria-atomic": void 0,
|
|
78
78
|
"aria-label": n,
|
|
79
79
|
"aria-live": "off",
|
|
@@ -83,15 +83,15 @@ function N({ regionLabel: n, className: r, style: i, children: a }) {
|
|
|
83
83
|
t && !e.currentTarget.contains(t) && (o.current = t);
|
|
84
84
|
},
|
|
85
85
|
ref: s,
|
|
86
|
-
render: /* @__PURE__ */
|
|
86
|
+
render: /* @__PURE__ */ T(t, {
|
|
87
87
|
className: e(g, r),
|
|
88
88
|
position: "fixed",
|
|
89
89
|
style: i,
|
|
90
90
|
zIndex: "toast"
|
|
91
91
|
}),
|
|
92
|
-
children: /* @__PURE__ */
|
|
92
|
+
children: /* @__PURE__ */ T("div", {
|
|
93
93
|
className: p,
|
|
94
|
-
children: /* @__PURE__ */
|
|
94
|
+
children: /* @__PURE__ */ T(A, {
|
|
95
95
|
value: o,
|
|
96
96
|
children: a
|
|
97
97
|
})
|
|
@@ -99,19 +99,19 @@ function N({ regionLabel: n, className: r, style: i, children: a }) {
|
|
|
99
99
|
});
|
|
100
100
|
}
|
|
101
101
|
function P() {
|
|
102
|
-
let { toasts: e } = D.useToastManager(), t = (t) => e.filter((e) => e.type === "error" === t).map((e) => /* @__PURE__ */
|
|
102
|
+
let { toasts: e } = D.useToastManager(), t = (t) => e.filter((e) => e.type === "error" === t).map((e) => /* @__PURE__ */ E("div", { children: [
|
|
103
103
|
e.title,
|
|
104
104
|
" ",
|
|
105
105
|
e.description
|
|
106
106
|
] }, e.id));
|
|
107
|
-
return /* @__PURE__ */
|
|
107
|
+
return /* @__PURE__ */ E("div", {
|
|
108
108
|
className: u,
|
|
109
|
-
children: [/* @__PURE__ */
|
|
109
|
+
children: [/* @__PURE__ */ T("div", {
|
|
110
110
|
"aria-atomic": !1,
|
|
111
111
|
"aria-live": "polite",
|
|
112
112
|
role: "status",
|
|
113
113
|
children: t(!1)
|
|
114
|
-
}), /* @__PURE__ */
|
|
114
|
+
}), /* @__PURE__ */ T("div", {
|
|
115
115
|
"aria-atomic": !1,
|
|
116
116
|
"aria-live": "assertive",
|
|
117
117
|
role: "alert",
|
|
@@ -121,16 +121,16 @@ function P() {
|
|
|
121
121
|
}
|
|
122
122
|
function F({ closeLabel: e }) {
|
|
123
123
|
let { toasts: t } = D.useToastManager();
|
|
124
|
-
return t.map((t) => /* @__PURE__ */
|
|
124
|
+
return t.map((t) => /* @__PURE__ */ T(I, {
|
|
125
125
|
closeLabel: e,
|
|
126
126
|
toast: t
|
|
127
127
|
}, t.id));
|
|
128
128
|
}
|
|
129
129
|
function I({ toast: a, closeLabel: o }) {
|
|
130
|
-
let c = j(a.type) ? a.type : "info", { Icon: l, color: u } = O[c], p =
|
|
131
|
-
e &&
|
|
132
|
-
}, []), M =
|
|
133
|
-
return
|
|
130
|
+
let c = j(a.type) ? a.type : "info", { Icon: l, color: u } = O[c], p = v(k), g = v(A), [_, b] = w(!1), S = y((e) => {
|
|
131
|
+
e && b(getComputedStyle(e).direction === "rtl");
|
|
132
|
+
}, []), M = C(!1), N = a.transitionStatus === "ending";
|
|
133
|
+
return x(() => {
|
|
134
134
|
let e = a.ref?.current, t = e?.ownerDocument.activeElement;
|
|
135
135
|
if (!N || M.current || !t || !e.contains(t)) return;
|
|
136
136
|
let n = g?.current;
|
|
@@ -139,10 +139,10 @@ function I({ toast: a, closeLabel: o }) {
|
|
|
139
139
|
N,
|
|
140
140
|
g,
|
|
141
141
|
a.ref
|
|
142
|
-
]), /* @__PURE__ */
|
|
142
|
+
]), /* @__PURE__ */ E(D.Root, {
|
|
143
143
|
"aria-modal": void 0,
|
|
144
|
-
ref:
|
|
145
|
-
render: /* @__PURE__ */
|
|
144
|
+
ref: S,
|
|
145
|
+
render: /* @__PURE__ */ T(t, {
|
|
146
146
|
alignItems: "start",
|
|
147
147
|
backgroundColor: "bgRaised",
|
|
148
148
|
borderRadius: "med",
|
|
@@ -153,16 +153,16 @@ function I({ toast: a, closeLabel: o }) {
|
|
|
153
153
|
padding: "12"
|
|
154
154
|
}),
|
|
155
155
|
role: "group",
|
|
156
|
-
swipeDirection: ["down",
|
|
156
|
+
swipeDirection: ["down", _ ? "left" : "right"],
|
|
157
157
|
toast: a,
|
|
158
158
|
children: [
|
|
159
|
-
/* @__PURE__ */
|
|
159
|
+
/* @__PURE__ */ T(t, {
|
|
160
160
|
display: "flex",
|
|
161
161
|
flexShrink: 0,
|
|
162
162
|
paddingBlock: "2",
|
|
163
|
-
children: /* @__PURE__ */
|
|
163
|
+
children: /* @__PURE__ */ T(l, { color: u })
|
|
164
164
|
}),
|
|
165
|
-
/* @__PURE__ */
|
|
165
|
+
/* @__PURE__ */ E(t, {
|
|
166
166
|
alignItems: "start",
|
|
167
167
|
className: f,
|
|
168
168
|
display: "flex",
|
|
@@ -170,22 +170,22 @@ function I({ toast: a, closeLabel: o }) {
|
|
|
170
170
|
flexGrow: 1,
|
|
171
171
|
gap: "8",
|
|
172
172
|
children: [
|
|
173
|
-
/* @__PURE__ */
|
|
173
|
+
/* @__PURE__ */ T(D.Title, { render: /* @__PURE__ */ T(r, {
|
|
174
174
|
as: "div",
|
|
175
175
|
weight: "medium"
|
|
176
176
|
}) }),
|
|
177
|
-
/* @__PURE__ */
|
|
177
|
+
/* @__PURE__ */ T(D.Description, { render: /* @__PURE__ */ T(r, {
|
|
178
178
|
as: "div",
|
|
179
179
|
color: "fgMuted",
|
|
180
180
|
size: "sm"
|
|
181
181
|
}) }),
|
|
182
|
-
/* @__PURE__ */
|
|
182
|
+
/* @__PURE__ */ T(D.Action, { render: /* @__PURE__ */ T(i, {
|
|
183
183
|
size: "sm",
|
|
184
184
|
variant: "secondary"
|
|
185
185
|
}) })
|
|
186
186
|
]
|
|
187
187
|
}),
|
|
188
|
-
/* @__PURE__ */
|
|
188
|
+
/* @__PURE__ */ T(D.Close, {
|
|
189
189
|
"aria-hidden": !1,
|
|
190
190
|
"aria-label": o,
|
|
191
191
|
onClick: (e) => {
|
|
@@ -195,13 +195,13 @@ function I({ toast: a, closeLabel: o }) {
|
|
|
195
195
|
n.isConnected && n.focus();
|
|
196
196
|
}));
|
|
197
197
|
},
|
|
198
|
-
render: /* @__PURE__ */
|
|
198
|
+
render: /* @__PURE__ */ T(n, {
|
|
199
199
|
borderRadius: "sm",
|
|
200
200
|
className: d,
|
|
201
201
|
flexShrink: 0,
|
|
202
202
|
padding: "4"
|
|
203
203
|
}),
|
|
204
|
-
children: /* @__PURE__ */
|
|
204
|
+
children: /* @__PURE__ */ T(s, {})
|
|
205
205
|
})
|
|
206
206
|
]
|
|
207
207
|
});
|
|
@@ -211,9 +211,9 @@ function L(e) {
|
|
|
211
211
|
return (t(e.nextElementSibling, !0) ?? t(e.previousElementSibling, !1))?.querySelector(`.${d}`);
|
|
212
212
|
}
|
|
213
213
|
function R() {
|
|
214
|
-
let e =
|
|
214
|
+
let e = v(k);
|
|
215
215
|
if (!e) throw Error("useToast must be called under Toast.Provider.");
|
|
216
|
-
return
|
|
216
|
+
return S(() => {
|
|
217
217
|
let t = (t) => e.close(t);
|
|
218
218
|
return {
|
|
219
219
|
add: ({ title: n, description: r, variant: i = "info", duration: a = i === "error" ? 0 : 5e3, action: o }) => {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer tokens, reset, atoms, components.box, components.checkbox, components.clickable, components.icon, components.icon-button, components.inline, components.stack, components.text, components.avatar, components.badge, components.button, components.chip, components.field, components.color-field, components.heading, components.dialog, components.alert-dialog, components.menu, components.multiselect, components.search-field, components.tabs, components.tag, components.text-field, components.toast, components.visually-hidden;
|
|
1
|
+
@layer tokens, reset, atoms.base, atoms.sm, atoms.med, atoms.lg, atoms.xl, components.box, components.checkbox, components.clickable, components.icon, components.icon-button, components.inline, components.stack, components.text, components.avatar, components.badge, components.button, components.chip, components.field, components.color-field, components.heading, components.dialog, components.alert-dialog, components.menu, components.multiselect, components.search-field, components.tabs, components.tag, components.text-field, components.toast, components.visually-hidden;
|
|
2
2
|
@layer components.visually-hidden{._1qk18b30{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:0;padding:0;position:absolute;overflow:hidden}}
|
package/dist/base.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@layer tokens, reset, atoms, components.box, components.checkbox, components.clickable, components.icon, components.icon-button, components.inline, components.stack, components.text, components.avatar, components.badge, components.button, components.chip, components.field, components.color-field, components.heading, components.dialog, components.alert-dialog, components.menu, components.multiselect, components.search-field, components.tabs, components.tag, components.text-field, components.toast, components.visually-hidden;
|
|
1
|
+
@layer tokens, reset, atoms.base, atoms.sm, atoms.med, atoms.lg, atoms.xl, components.box, components.checkbox, components.clickable, components.icon, components.icon-button, components.inline, components.stack, components.text, components.avatar, components.badge, components.button, components.chip, components.field, components.color-field, components.heading, components.dialog, components.alert-dialog, components.menu, components.multiselect, components.search-field, components.tabs, components.tag, components.text-field, components.toast, components.visually-hidden;
|
|
2
2
|
@layer tokens{:root{--space-0:0rem;--space-1:.0625rem;--space-2:.125rem;--space-4:.25rem;--space-6:.375rem;--space-8:.5rem;--space-12:.75rem;--space-16:1rem;--space-20:1.25rem;--space-24:1.5rem;--space-32:2rem;--space-40:2.5rem;--space-48:3rem;--space-64:4rem;--space-80:5rem;--space-96:6rem;--size-xs:1.5rem;--size-sm:2rem;--size-med:2.5rem;--size-lg:3rem;--size-xl:3.5rem;--container-prose:40rem;--container-page:64rem;--container-wide:80rem;--radius-none:0;--radius-sm:.25rem;--radius-med:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-med:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-sm:1.25;--line-height-med:1.5;--line-height-lg:1.75;--z-index-base:0;--z-index-raised:1;--z-index-dropdown:1000;--z-index-sticky:1100;--z-index-overlay:1200;--z-index-modal:1300;--z-index-popover:1400;--z-index-toast:1500;--z-index-tooltip:1600;--duration-fast:.12s;--duration-med:.2s;--duration-slow:.32s;--easing-standard:cubic-bezier(.2, 0, 0, 1);--easing-enter:cubic-bezier(0, 0, 0, 1);--easing-exit:cubic-bezier(.3, 0, 1, 1);--distance-sm:.25rem;--distance-med:.5rem;--distance-lg:1rem;--scale-sm:.02;--scale-med:.05;--scale-lg:.1}[data-brand]{--shadow-sm:0 1px 2px color-mix(in srgb, var(--color-shadow) 12%, transparent);--shadow-med:0 2px 8px color-mix(in srgb, var(--color-shadow) 14%, transparent), 0 1px 2px color-mix(in srgb, var(--color-shadow) 8%, transparent);--shadow-lg:0 8px 24px color-mix(in srgb, var(--color-shadow) 16%, transparent), 0 2px 6px color-mix(in srgb, var(--color-shadow) 8%, transparent)}[data-brand][data-mode=light]{color-scheme:light}[data-brand][data-mode=dark]{--shadow-sm:0 0 0 1px color-mix(in srgb, var(--color-fg) 10%, transparent), 0 1px 2px color-mix(in srgb, var(--color-shadow) 40%, transparent);--shadow-med:0 0 0 1px color-mix(in srgb, var(--color-fg) 10%, transparent), 0 2px 8px color-mix(in srgb, var(--color-shadow) 48%, transparent), 0 1px 2px color-mix(in srgb, var(--color-shadow) 32%, transparent);--shadow-lg:0 0 0 1px color-mix(in srgb, var(--color-fg) 10%, transparent), 0 8px 24px color-mix(in srgb, var(--color-shadow) 56%, transparent), 0 2px 6px color-mix(in srgb, var(--color-shadow) 32%, transparent);color-scheme:dark}[data-brand][data-mode=system]{color-scheme:light dark}:dir(ltr){--dir:1}:dir(rtl){--dir:-1}@media (prefers-color-scheme:dark){[data-brand][data-mode=system]{--shadow-sm:0 0 0 1px color-mix(in srgb, var(--color-fg) 10%, transparent), 0 1px 2px color-mix(in srgb, var(--color-shadow) 40%, transparent);--shadow-med:0 0 0 1px color-mix(in srgb, var(--color-fg) 10%, transparent), 0 2px 8px color-mix(in srgb, var(--color-shadow) 48%, transparent), 0 1px 2px color-mix(in srgb, var(--color-shadow) 32%, transparent);--shadow-lg:0 0 0 1px color-mix(in srgb, var(--color-fg) 10%, transparent), 0 8px 24px color-mix(in srgb, var(--color-shadow) 56%, transparent), 0 2px 6px color-mix(in srgb, var(--color-shadow) 32%, transparent)}}@media (prefers-reduced-motion:reduce){:root{--distance-sm:0rem;--distance-med:0rem;--distance-lg:0rem;--scale-sm:0;--scale-med:0;--scale-lg:0;--duration-fast:.12s;--duration-med:.12s;--duration-slow:.12s}}}
|
|
3
3
|
|
|
4
4
|
@font-face{src:local(Arial),local(ArialMT);font-weight:400;font-style:normal;size-adjust:101.568%;ascent-override:95.3892%;descent-override:23.7511%;line-gap-override:0%;font-family:Inter Fallback Arial}@font-face{src:local(Arial Bold),local(Arial-BoldMT);font-weight:700;font-style:normal;size-adjust:101.637%;ascent-override:95.3241%;descent-override:23.7349%;line-gap-override:0%;font-family:Inter Fallback Arial}@font-face{src:local(Arial Italic),local(Arial-ItalicMT);font-weight:400;font-style:italic;size-adjust:101.637%;ascent-override:95.3241%;descent-override:23.7349%;line-gap-override:0%;font-family:Inter Fallback Arial}@font-face{src:local(Arial Bold Italic),local(Arial-BoldItalicMT);font-weight:700;font-style:italic;size-adjust:101.706%;ascent-override:95.2591%;descent-override:23.7187%;line-gap-override:0%;font-family:Inter Fallback Arial}@font-face{src:local(Menlo Regular),local(Menlo-Regular);font-weight:400;font-style:normal;size-adjust:100.137%;ascent-override:101.871%;descent-override:29.9621%;line-gap-override:0%;font-family:JetBrains Mono Fallback Menlo}@font-face{src:local(Menlo Bold),local(Menlo-Bold);font-weight:700;font-style:normal;size-adjust:100.003%;ascent-override:102.007%;descent-override:30.0022%;line-gap-override:0%;font-family:JetBrains Mono Fallback Menlo}@font-face{src:local(Menlo Italic),local(Menlo-Italic);font-weight:400;font-style:italic;size-adjust:100.137%;ascent-override:101.871%;descent-override:29.9621%;line-gap-override:0%;font-family:JetBrains Mono Fallback Menlo}@font-face{src:local(Menlo Bold Italic),local(Menlo-BoldItalic);font-weight:700;font-style:italic;size-adjust:100.003%;ascent-override:102.007%;descent-override:30.0022%;line-gap-override:0%;font-family:JetBrains Mono Fallback Menlo}@font-face{src:local(Consolas);font-weight:400;font-style:normal;size-adjust:114.387%;ascent-override:89.1798%;descent-override:26.2293%;line-gap-override:0%;font-family:JetBrains Mono Fallback Consolas}@font-face{src:local(Consolas Bold),local(Consolas-Bold);font-weight:700;font-style:normal;size-adjust:114.387%;ascent-override:89.1798%;descent-override:26.2293%;line-gap-override:0%;font-family:JetBrains Mono Fallback Consolas}@font-face{src:local(Consolas Italic),local(Consolas-Italic);font-weight:400;font-style:italic;size-adjust:114.387%;ascent-override:89.1798%;descent-override:26.2293%;line-gap-override:0%;font-family:JetBrains Mono Fallback Consolas}@font-face{src:local(Consolas Bold Italic),local(Consolas-BoldItalic);font-weight:700;font-style:italic;size-adjust:114.387%;ascent-override:89.1798%;descent-override:26.2293%;line-gap-override:0%;font-family:JetBrains Mono Fallback Consolas}@font-face{src:local(Courier New),local(CourierNewPSMT);font-weight:400;font-style:normal;size-adjust:127.781%;ascent-override:79.8319%;descent-override:23.48%;line-gap-override:0%;font-family:JetBrains Mono Fallback Courier New}@font-face{src:local(Courier New Bold),local(CourierNewPS-BoldMT);font-weight:700;font-style:normal;size-adjust:123.353%;ascent-override:82.6977%;descent-override:24.3229%;line-gap-override:0%;font-family:JetBrains Mono Fallback Courier New}@font-face{src:local(Courier New Italic),local(CourierNewPS-ItalicMT);font-weight:400;font-style:italic;size-adjust:127.781%;ascent-override:79.8319%;descent-override:23.48%;line-gap-override:0%;font-family:JetBrains Mono Fallback Courier New}@font-face{src:local(Courier New Bold Italic),local(CourierNewPS-BoldItalicMT);font-weight:700;font-style:italic;size-adjust:123.353%;ascent-override:82.6977%;descent-override:24.3229%;line-gap-override:0%;font-family:JetBrains Mono Fallback Courier New}@layer tokens{[data-brand=default]{--color-bg:light-dark(oklch(100% 0 0),oklch(14.5% .006 265));--color-bg-muted:light-dark(oklch(96.8% .004 265),oklch(27% .01 265));--color-bg-raised:light-dark(oklch(100% 0 0),oklch(20.5% .008 265));--color-fg:light-dark(oklch(14.5% .006 265),oklch(98.5% .002 265));--color-fg-muted:light-dark(oklch(44.5% .014 265),oklch(71% .012 265));--color-border:light-dark(oklch(92.5% .006 265),oklch(27% .01 265));--color-border-strong:oklch(55.5% .014 265);--color-accent:light-dark(oklch(54.6% .19 258),oklch(70.7% .14 258));--color-accent-fg:light-dark(oklch(100% 0 0),oklch(14.5% .006 265));--color-accent-fill:light-dark(oklch(54.6% .19 258),oklch(48.8% .18 258));--color-accent-fill-fg:oklch(100% 0 0);--color-danger:light-dark(oklch(56% .2 25),oklch(70.4% .17 25));--color-danger-fg:light-dark(oklch(100% 0 0),oklch(14.5% .006 265));--color-success:light-dark(oklch(52% .135 150),oklch(76% .15 150));--color-success-fg:light-dark(oklch(100% 0 0),oklch(14.5% .006 265));--color-warning:light-dark(oklch(53% .11 75),oklch(81% .145 75));--color-warning-fg:light-dark(oklch(100% 0 0),oklch(14.5% .006 265));--color-done:light-dark(oklch(55% .2 295),oklch(72% .15 295));--color-done-fg:light-dark(oklch(100% 0 0),oklch(14.5% .006 265));--color-neutral-subtle:light-dark(oklch(96.8% .004 265),oklch(27% .01 265));--color-neutral-subtle-fg:light-dark(oklch(37% .013 265),oklch(92.5% .006 265));--color-accent-subtle:light-dark(oklch(93.2% .032 258),oklch(28.2% .09 258));--color-accent-subtle-fg:light-dark(oklch(48.8% .18 258),oklch(80.9% .095 258));--color-success-subtle:light-dark(oklch(94.5% .04 150),oklch(26% .06 150));--color-success-subtle-fg:light-dark(oklch(46.5% .12 150),oklch(84% .115 150));--color-warning-subtle:light-dark(oklch(95.5% .03 75),oklch(27% .05 75));--color-warning-subtle-fg:light-dark(oklch(47.5% .1 75),oklch(86% .105 75));--color-danger-subtle:light-dark(oklch(93.6% .032 25),oklch(25.8% .085 25));--color-danger-subtle-fg:light-dark(oklch(50.5% .19 25),oklch(80.8% .105 25));--color-done-subtle:light-dark(oklch(93.8% .032 295),oklch(28% .095 295));--color-done-subtle-fg:light-dark(oklch(49% .19 295),oklch(81.5% .1 295));--color-focus:light-dark(oklch(54.6% .19 258),oklch(70.7% .14 258));--color-shadow:light-dark(oklch(14.5% .006 265),oklch(0% 0 0));--font-body:"Inter", "Inter Fallback Arial", sans-serif;--font-heading:"Inter", "Inter Fallback Arial", sans-serif;--font-display:"Inter", "Inter Fallback Arial", sans-serif;--font-label:"Inter", "Inter Fallback Arial", sans-serif;--font-mono:"JetBrains Mono", "JetBrains Mono Fallback Menlo", "JetBrains Mono Fallback Consolas", "JetBrains Mono Fallback Courier New", monospace;--font-trim-body-cap:.36377;--font-trim-body-baseline:.36377;--font-trim-heading-cap:.36377;--font-trim-heading-baseline:.36377;--font-trim-display-cap:.36377;--font-trim-display-baseline:.36377;--font-trim-label-cap:.36377;--font-trim-label-baseline:.36377;--font-trim-mono-cap:.37;--font-trim-mono-baseline:.36}@media (forced-colors:active){[data-brand][data-brand]{--color-bg:Canvas;--color-bg-muted:Canvas;--color-bg-raised:Canvas;--color-fg:CanvasText;--color-fg-muted:CanvasText;--color-border:CanvasText;--color-border-strong:CanvasText;--color-accent:LinkText;--color-accent-fg:Canvas;--color-accent-fill:LinkText;--color-accent-fill-fg:Canvas;--color-danger:CanvasText;--color-danger-fg:Canvas;--color-success:CanvasText;--color-success-fg:Canvas;--color-warning:CanvasText;--color-warning-fg:Canvas;--color-done:CanvasText;--color-done-fg:Canvas;--color-neutral-subtle:Canvas;--color-neutral-subtle-fg:CanvasText;--color-accent-subtle:Canvas;--color-accent-subtle-fg:CanvasText;--color-success-subtle:Canvas;--color-success-subtle-fg:CanvasText;--color-warning-subtle:Canvas;--color-warning-subtle-fg:CanvasText;--color-danger-subtle:Canvas;--color-danger-subtle-fg:CanvasText;--color-done-subtle:Canvas;--color-done-subtle-fg:CanvasText;--color-focus:Highlight;--color-shadow:CanvasText}}}
|
package/dist/docs/manifest.json
CHANGED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
# 0.9.0
|
|
2
|
+
|
|
3
|
+
The style-prop atoms are split by breakpoint (decision 0111): `atoms.css` keeps the base rules, and the `sm`, `med`, `lg` and `xl` rules move to `@jonmilner/ui/responsive.css`, which only Box, Stack and Inline import. A responsive style prop on any other component (`<Button marginBlock={{ base: "8", med: "16" }}>`) keeps only its `base` value unless `responsive.css` is on the page. No prop, value, breakpoint or existing import path changes.
|
|
4
|
+
|
|
5
|
+
## Find
|
|
6
|
+
|
|
7
|
+
In the app's source (`*.tsx`), every responsive style-prop value: regex `=\{\{\s*(base|sm|med|lg|xl)\s*:`. A match on an element other than `Box`, `Stack` or `Inline` needs the import below, unless every page that renders it also renders a Box, Stack or Inline from `@jonmilner/ui`. Values built elsewhere and spread in (`{...layout}`) are not found by the regex; search for the breakpoint keys `\b(sm|med|lg|xl)\s*:` near style props too.
|
|
8
|
+
|
|
9
|
+
In development, the browser console also shows `@jonmilner/ui: a responsive style prop rendered without the breakpoint rules` on any page that misses it.
|
|
10
|
+
|
|
11
|
+
## Replace
|
|
12
|
+
|
|
13
|
+
Import the breakpoint rules once, as a JS import, in the app's root module (the root layout or entry), beside any `@jonmilner/ui/base.css` import. A CSS `@import` may be inlined into a second copy, so use the JS form.
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
// before
|
|
17
|
+
import "@jonmilner/ui/base.css";
|
|
18
|
+
// after
|
|
19
|
+
import "@jonmilner/ui/base.css";
|
|
20
|
+
import "@jonmilner/ui/responsive.css";
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
An app with no responsive value outside Box, Stack and Inline needs no change; the import is still safe, since it is the same file those three load.
|
|
24
|
+
|
|
25
|
+
## Verify
|
|
26
|
+
|
|
27
|
+
Run the app in development and load each page that has a responsive value outside Box, Stack and Inline; the console shows no `@jonmilner/ui: a responsive style prop rendered without the breakpoint rules` warning, and at a viewport of 48em or wider a `med` value applies (for example, the computed `margin-block` of the Button above is 16px).
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { BoxProps, StyleProps } from "./Box/base.mjs";
|
|
2
2
|
import { Clickable, ClickableProps } from "./Clickable/index.mjs";
|
|
3
3
|
import { Icon, IconProps } from "./Icon/index.mjs";
|
|
4
4
|
import { Button, ButtonProps } from "./Button/index.mjs";
|
|
@@ -7,6 +7,7 @@ import { DialogCloseProps, DialogTriggerProps } from "./Dialog/client.mjs";
|
|
|
7
7
|
import { AlertDialog, AlertDialogProps, AlertDialogTriggerProps } from "./AlertDialog/index.mjs";
|
|
8
8
|
import { Avatar, AvatarProps } from "./Avatar/index.mjs";
|
|
9
9
|
import { Badge, BadgeProps } from "./Badge/index.mjs";
|
|
10
|
+
import { Box } from "./Box/index.mjs";
|
|
10
11
|
import { Checkbox, CheckboxProps } from "./Checkbox/index.mjs";
|
|
11
12
|
import { Chip, ChipGroup, ChipGroupProps, ChipProps } from "./Chip/index.mjs";
|
|
12
13
|
import { SearchFieldInputProps } from "./SearchField/client.mjs";
|
package/dist/index.mjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
1
|
+
import { Clickable as e } from "./Clickable/index.mjs";
|
|
2
|
+
import { Icon as t } from "./Icon/index.mjs";
|
|
3
|
+
import { Text as n } from "./Text/index.mjs";
|
|
4
|
+
import { Button as r } from "./Button/index.mjs";
|
|
5
|
+
import { Heading as i } from "./Heading/index.mjs";
|
|
6
|
+
import { Dialog as a } from "./Dialog/index.mjs";
|
|
7
|
+
import { AlertDialog as o } from "./AlertDialog/index.mjs";
|
|
8
|
+
import { Avatar as s } from "./Avatar/index.mjs";
|
|
9
|
+
import { Badge as c } from "./Badge/index.mjs";
|
|
10
|
+
import { Box as l } from "./Box/index.mjs";
|
|
11
11
|
import { Checkbox as u } from "./Checkbox/index.mjs";
|
|
12
12
|
import { Chip as d, ChipGroup as f } from "./Chip/index.mjs";
|
|
13
13
|
import { Field as p } from "./Field/index.mjs";
|
|
@@ -26,4 +26,4 @@ import { ThemeProvider as T } from "./theme/ThemeProvider.mjs";
|
|
|
26
26
|
import { useToast as E } from "./Toast/client.mjs";
|
|
27
27
|
import { Toast as D } from "./Toast/index.mjs";
|
|
28
28
|
import { VisuallyHidden as O } from "./VisuallyHidden/index.mjs";
|
|
29
|
-
export {
|
|
29
|
+
export { o as AlertDialog, s as Avatar, c as Badge, l as Box, r as Button, u as Checkbox, d as Chip, f as ChipGroup, e as Clickable, m as ColorField, a as Dialog, p as Field, i as Heading, t as Icon, h as IconButton, g as Inline, _ as Menu, v as MultiSelect, y as SearchField, b as Stack, x as Tabs, S as Tag, n as Text, C as TextField, T as ThemeProvider, D as Toast, O as VisuallyHidden, w as defineTheme, E as useToast };
|
package/dist/popup/client.mjs
CHANGED
|
@@ -2,44 +2,44 @@
|
|
|
2
2
|
import { Clickable as e } from "../Clickable/index.mjs";
|
|
3
3
|
import { Button as t } from "../Button/index.mjs";
|
|
4
4
|
import { useThemeContainer as n } from "../theme/use-theme-container.mjs";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { createContext as r, use as i, useCallback as a, useLayoutEffect as o, useRef as s } from "react";
|
|
6
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
7
7
|
//#region src/popup/client.tsx
|
|
8
|
-
var l =
|
|
8
|
+
var l = r({
|
|
9
9
|
container: { current: null },
|
|
10
10
|
ref: () => {},
|
|
11
11
|
trigger: { current: null }
|
|
12
|
-
}), u =
|
|
12
|
+
}), u = r({ current: {
|
|
13
13
|
keyboard: !1,
|
|
14
14
|
opener: null
|
|
15
15
|
} });
|
|
16
16
|
function d({ children: e }) {
|
|
17
|
-
let t =
|
|
17
|
+
let t = s({
|
|
18
18
|
keyboard: !1,
|
|
19
19
|
opener: null
|
|
20
20
|
});
|
|
21
|
-
return /* @__PURE__ */
|
|
21
|
+
return /* @__PURE__ */ c(l, {
|
|
22
22
|
value: n(),
|
|
23
|
-
children: /* @__PURE__ */
|
|
23
|
+
children: /* @__PURE__ */ c(u, {
|
|
24
24
|
value: t,
|
|
25
25
|
children: e
|
|
26
26
|
})
|
|
27
27
|
});
|
|
28
28
|
}
|
|
29
29
|
function f() {
|
|
30
|
-
return
|
|
30
|
+
return i(l);
|
|
31
31
|
}
|
|
32
|
-
function p({ variant: n, size:
|
|
33
|
-
return n ||
|
|
34
|
-
...
|
|
32
|
+
function p({ variant: n, size: r, iconStart: i, iconEnd: a, ...o }) {
|
|
33
|
+
return n || r || i || a ? /* @__PURE__ */ c(t, {
|
|
34
|
+
...o,
|
|
35
35
|
variant: n,
|
|
36
|
-
size:
|
|
37
|
-
iconStart:
|
|
38
|
-
iconEnd:
|
|
39
|
-
}) : /* @__PURE__ */
|
|
36
|
+
size: r,
|
|
37
|
+
iconStart: i,
|
|
38
|
+
iconEnd: a
|
|
39
|
+
}) : /* @__PURE__ */ c(e, { ...o });
|
|
40
40
|
}
|
|
41
41
|
function m(e) {
|
|
42
|
-
let t =
|
|
42
|
+
let t = i(u);
|
|
43
43
|
return (n, r) => {
|
|
44
44
|
t.current = n ? {
|
|
45
45
|
keyboard: !1,
|
|
@@ -73,14 +73,14 @@ function v(e) {
|
|
|
73
73
|
} })), _;
|
|
74
74
|
}
|
|
75
75
|
function y(e, { finalFocus: t, modal: n = !1, open: r }) {
|
|
76
|
-
let { trigger:
|
|
76
|
+
let { trigger: c } = f(), l = i(u), d = s(null), p = a((t) => {
|
|
77
77
|
d.current = t;
|
|
78
78
|
let n = h(e, t);
|
|
79
79
|
return () => {
|
|
80
80
|
d.current = null, n();
|
|
81
81
|
};
|
|
82
82
|
}, [e]);
|
|
83
|
-
return
|
|
83
|
+
return o(() => {
|
|
84
84
|
let e = d.current;
|
|
85
85
|
if (!r || !e || l.current.recorded) return;
|
|
86
86
|
let { activeElement: t, body: n } = e.ownerDocument, i = t === n || e.contains(t) ? null : t;
|
|
@@ -88,19 +88,19 @@ function y(e, { finalFocus: t, modal: n = !1, open: r }) {
|
|
|
88
88
|
keyboard: !1,
|
|
89
89
|
opener: i
|
|
90
90
|
};
|
|
91
|
-
}, [r, l]),
|
|
91
|
+
}, [r, l]), o(() => {
|
|
92
92
|
let e = d.current;
|
|
93
93
|
if (!e) return;
|
|
94
94
|
if (r) {
|
|
95
95
|
e.inert = !1;
|
|
96
96
|
return;
|
|
97
97
|
}
|
|
98
|
-
let { reason:
|
|
98
|
+
let { reason: i, keyboard: a, opener: o } = l.current;
|
|
99
99
|
l.current.recorded = !1;
|
|
100
|
-
let
|
|
101
|
-
if (!t &&
|
|
100
|
+
let s = o?.isConnected ? o : c.current, { activeElement: u } = e.ownerDocument, f = n && i === "outside-press" && v(e.ownerDocument);
|
|
101
|
+
if (!t && s instanceof HTMLElement && (f || e.contains(u) && !g.has(i ?? ""))) {
|
|
102
102
|
let e = { preventScroll: !0 };
|
|
103
|
-
|
|
103
|
+
a && (e.focusVisible = !0), s.focus(e);
|
|
104
104
|
}
|
|
105
105
|
e.inert = !0;
|
|
106
106
|
}, [
|
|
@@ -108,7 +108,7 @@ function y(e, { finalFocus: t, modal: n = !1, open: r }) {
|
|
|
108
108
|
t,
|
|
109
109
|
n,
|
|
110
110
|
l,
|
|
111
|
-
|
|
111
|
+
c
|
|
112
112
|
]), {
|
|
113
113
|
"aria-hidden": !r || void 0,
|
|
114
114
|
ref: p
|
package/dist/styles/atoms.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer tokens, reset, atoms, components.box, components.checkbox, components.clickable, components.icon, components.icon-button, components.inline, components.stack, components.text, components.avatar, components.badge, components.button, components.chip, components.field, components.color-field, components.heading, components.dialog, components.alert-dialog, components.menu, components.multiselect, components.search-field, components.tabs, components.tag, components.text-field, components.toast, components.visually-hidden;
|
|
2
|
-
@layer atoms{._1dkxmm00{display:none}._1dkxmm05{display:block}._1dkxmm0a{display:inline}._1dkxmm0f{display:inline-block}._1dkxmm0k{display:flex}._1dkxmm0p{display:inline-flex}._1dkxmm0u{display:grid}._1dkxmm0z{display:contents}._1dkxmm014{flex-direction:row}._1dkxmm019{flex-direction:row-reverse}._1dkxmm01e{flex-direction:column}._1dkxmm01j{flex-direction:column-reverse}._1dkxmm01o{flex-wrap:nowrap}._1dkxmm01t{flex-wrap:wrap}._1dkxmm01y{flex-grow:0}._1dkxmm023{flex-grow:1}._1dkxmm028{flex-shrink:0}._1dkxmm02d{flex-shrink:1}._1dkxmm02i{align-items:start}._1dkxmm02n{align-items:center}._1dkxmm02s{align-items:end}._1dkxmm02x{align-items:stretch}._1dkxmm032{align-items:baseline}._1dkxmm037{align-self:start}._1dkxmm03c{align-self:center}._1dkxmm03h{align-self:end}._1dkxmm03m{align-self:stretch}._1dkxmm03r{align-self:baseline}._1dkxmm03w{justify-content:start}._1dkxmm041{justify-content:center}._1dkxmm046{justify-content:end}._1dkxmm04b{justify-content:space-between}._1dkxmm04g{justify-content:space-around}._1dkxmm04l{justify-content:space-evenly}._1dkxmm04q{gap:var(--space-0)}._1dkxmm04v{gap:var(--space-1)}._1dkxmm050{gap:var(--space-2)}._1dkxmm055{gap:var(--space-4)}._1dkxmm05a{gap:var(--space-6)}._1dkxmm05f{gap:var(--space-8)}._1dkxmm05k{gap:var(--space-12)}._1dkxmm05p{gap:var(--space-16)}._1dkxmm05u{gap:var(--space-20)}._1dkxmm05z{gap:var(--space-24)}._1dkxmm064{gap:var(--space-32)}._1dkxmm069{gap:var(--space-40)}._1dkxmm06e{gap:var(--space-48)}._1dkxmm06j{gap:var(--space-64)}._1dkxmm06o{gap:var(--space-80)}._1dkxmm06t{gap:var(--space-96)}._1dkxmm06y{padding-block-start:var(--space-0)}._1dkxmm073{padding-block-start:var(--space-1)}._1dkxmm078{padding-block-start:var(--space-2)}._1dkxmm07d{padding-block-start:var(--space-4)}._1dkxmm07i{padding-block-start:var(--space-6)}._1dkxmm07n{padding-block-start:var(--space-8)}._1dkxmm07s{padding-block-start:var(--space-12)}._1dkxmm07x{padding-block-start:var(--space-16)}._1dkxmm082{padding-block-start:var(--space-20)}._1dkxmm087{padding-block-start:var(--space-24)}._1dkxmm08c{padding-block-start:var(--space-32)}._1dkxmm08h{padding-block-start:var(--space-40)}._1dkxmm08m{padding-block-start:var(--space-48)}._1dkxmm08r{padding-block-start:var(--space-64)}._1dkxmm08w{padding-block-start:var(--space-80)}._1dkxmm091{padding-block-start:var(--space-96)}._1dkxmm096{padding-block-end:var(--space-0)}._1dkxmm09b{padding-block-end:var(--space-1)}._1dkxmm09g{padding-block-end:var(--space-2)}._1dkxmm09l{padding-block-end:var(--space-4)}._1dkxmm09q{padding-block-end:var(--space-6)}._1dkxmm09v{padding-block-end:var(--space-8)}._1dkxmm0a0{padding-block-end:var(--space-12)}._1dkxmm0a5{padding-block-end:var(--space-16)}._1dkxmm0aa{padding-block-end:var(--space-20)}._1dkxmm0af{padding-block-end:var(--space-24)}._1dkxmm0ak{padding-block-end:var(--space-32)}._1dkxmm0ap{padding-block-end:var(--space-40)}._1dkxmm0au{padding-block-end:var(--space-48)}._1dkxmm0az{padding-block-end:var(--space-64)}._1dkxmm0b4{padding-block-end:var(--space-80)}._1dkxmm0b9{padding-block-end:var(--space-96)}._1dkxmm0be{padding-inline-start:var(--space-0)}._1dkxmm0bj{padding-inline-start:var(--space-1)}._1dkxmm0bo{padding-inline-start:var(--space-2)}._1dkxmm0bt{padding-inline-start:var(--space-4)}._1dkxmm0by{padding-inline-start:var(--space-6)}._1dkxmm0c3{padding-inline-start:var(--space-8)}._1dkxmm0c8{padding-inline-start:var(--space-12)}._1dkxmm0cd{padding-inline-start:var(--space-16)}._1dkxmm0ci{padding-inline-start:var(--space-20)}._1dkxmm0cn{padding-inline-start:var(--space-24)}._1dkxmm0cs{padding-inline-start:var(--space-32)}._1dkxmm0cx{padding-inline-start:var(--space-40)}._1dkxmm0d2{padding-inline-start:var(--space-48)}._1dkxmm0d7{padding-inline-start:var(--space-64)}._1dkxmm0dc{padding-inline-start:var(--space-80)}._1dkxmm0dh{padding-inline-start:var(--space-96)}._1dkxmm0dm{padding-inline-end:var(--space-0)}._1dkxmm0dr{padding-inline-end:var(--space-1)}._1dkxmm0dw{padding-inline-end:var(--space-2)}._1dkxmm0e1{padding-inline-end:var(--space-4)}._1dkxmm0e6{padding-inline-end:var(--space-6)}._1dkxmm0eb{padding-inline-end:var(--space-8)}._1dkxmm0eg{padding-inline-end:var(--space-12)}._1dkxmm0el{padding-inline-end:var(--space-16)}._1dkxmm0eq{padding-inline-end:var(--space-20)}._1dkxmm0ev{padding-inline-end:var(--space-24)}._1dkxmm0f0{padding-inline-end:var(--space-32)}._1dkxmm0f5{padding-inline-end:var(--space-40)}._1dkxmm0fa{padding-inline-end:var(--space-48)}._1dkxmm0ff{padding-inline-end:var(--space-64)}._1dkxmm0fk{padding-inline-end:var(--space-80)}._1dkxmm0fp{padding-inline-end:var(--space-96)}._1dkxmm0fu{margin-block-start:var(--space-0)}._1dkxmm0fz{margin-block-start:var(--space-1)}._1dkxmm0g4{margin-block-start:var(--space-2)}._1dkxmm0g9{margin-block-start:var(--space-4)}._1dkxmm0ge{margin-block-start:var(--space-6)}._1dkxmm0gj{margin-block-start:var(--space-8)}._1dkxmm0go{margin-block-start:var(--space-12)}._1dkxmm0gt{margin-block-start:var(--space-16)}._1dkxmm0gy{margin-block-start:var(--space-20)}._1dkxmm0h3{margin-block-start:var(--space-24)}._1dkxmm0h8{margin-block-start:var(--space-32)}._1dkxmm0hd{margin-block-start:var(--space-40)}._1dkxmm0hi{margin-block-start:var(--space-48)}._1dkxmm0hn{margin-block-start:var(--space-64)}._1dkxmm0hs{margin-block-start:var(--space-80)}._1dkxmm0hx{margin-block-start:var(--space-96)}._1dkxmm0i2{margin-block-start:auto}._1dkxmm0i7{margin-block-end:var(--space-0)}._1dkxmm0ic{margin-block-end:var(--space-1)}._1dkxmm0ih{margin-block-end:var(--space-2)}._1dkxmm0im{margin-block-end:var(--space-4)}._1dkxmm0ir{margin-block-end:var(--space-6)}._1dkxmm0iw{margin-block-end:var(--space-8)}._1dkxmm0j1{margin-block-end:var(--space-12)}._1dkxmm0j6{margin-block-end:var(--space-16)}._1dkxmm0jb{margin-block-end:var(--space-20)}._1dkxmm0jg{margin-block-end:var(--space-24)}._1dkxmm0jl{margin-block-end:var(--space-32)}._1dkxmm0jq{margin-block-end:var(--space-40)}._1dkxmm0jv{margin-block-end:var(--space-48)}._1dkxmm0k0{margin-block-end:var(--space-64)}._1dkxmm0k5{margin-block-end:var(--space-80)}._1dkxmm0ka{margin-block-end:var(--space-96)}._1dkxmm0kf{margin-block-end:auto}._1dkxmm0kk{margin-inline-start:var(--space-0)}._1dkxmm0kp{margin-inline-start:var(--space-1)}._1dkxmm0ku{margin-inline-start:var(--space-2)}._1dkxmm0kz{margin-inline-start:var(--space-4)}._1dkxmm0l4{margin-inline-start:var(--space-6)}._1dkxmm0l9{margin-inline-start:var(--space-8)}._1dkxmm0le{margin-inline-start:var(--space-12)}._1dkxmm0lj{margin-inline-start:var(--space-16)}._1dkxmm0lo{margin-inline-start:var(--space-20)}._1dkxmm0lt{margin-inline-start:var(--space-24)}._1dkxmm0ly{margin-inline-start:var(--space-32)}._1dkxmm0m3{margin-inline-start:var(--space-40)}._1dkxmm0m8{margin-inline-start:var(--space-48)}._1dkxmm0md{margin-inline-start:var(--space-64)}._1dkxmm0mi{margin-inline-start:var(--space-80)}._1dkxmm0mn{margin-inline-start:var(--space-96)}._1dkxmm0ms{margin-inline-start:auto}._1dkxmm0mx{margin-inline-end:var(--space-0)}._1dkxmm0n2{margin-inline-end:var(--space-1)}._1dkxmm0n7{margin-inline-end:var(--space-2)}._1dkxmm0nc{margin-inline-end:var(--space-4)}._1dkxmm0nh{margin-inline-end:var(--space-6)}._1dkxmm0nm{margin-inline-end:var(--space-8)}._1dkxmm0nr{margin-inline-end:var(--space-12)}._1dkxmm0nw{margin-inline-end:var(--space-16)}._1dkxmm0o1{margin-inline-end:var(--space-20)}._1dkxmm0o6{margin-inline-end:var(--space-24)}._1dkxmm0ob{margin-inline-end:var(--space-32)}._1dkxmm0og{margin-inline-end:var(--space-40)}._1dkxmm0ol{margin-inline-end:var(--space-48)}._1dkxmm0oq{margin-inline-end:var(--space-64)}._1dkxmm0ov{margin-inline-end:var(--space-80)}._1dkxmm0p0{margin-inline-end:var(--space-96)}._1dkxmm0p5{margin-inline-end:auto}._1dkxmm0pa{inline-size:var(--size-xs)}._1dkxmm0pf{inline-size:var(--size-sm)}._1dkxmm0pk{inline-size:var(--size-med)}._1dkxmm0pp{inline-size:var(--size-lg)}._1dkxmm0pu{inline-size:var(--size-xl)}._1dkxmm0pz{inline-size:auto}._1dkxmm0q4{inline-size:100%}._1dkxmm0q9{inline-size:fit-content}._1dkxmm0qe{inline-size:min-content}._1dkxmm0qj{inline-size:max-content}._1dkxmm0qo{inline-size:var(--container-prose)}._1dkxmm0qt{inline-size:var(--container-page)}._1dkxmm0qy{inline-size:var(--container-wide)}._1dkxmm0r3{block-size:var(--size-xs)}._1dkxmm0r8{block-size:var(--size-sm)}._1dkxmm0rd{block-size:var(--size-med)}._1dkxmm0ri{block-size:var(--size-lg)}._1dkxmm0rn{block-size:var(--size-xl)}._1dkxmm0rs{block-size:auto}._1dkxmm0rx{block-size:100%}._1dkxmm0s2{block-size:fit-content}._1dkxmm0s7{block-size:min-content}._1dkxmm0sc{block-size:max-content}._1dkxmm0sh{min-inline-size:var(--size-xs)}._1dkxmm0sm{min-inline-size:var(--size-sm)}._1dkxmm0sr{min-inline-size:var(--size-med)}._1dkxmm0sw{min-inline-size:var(--size-lg)}._1dkxmm0t1{min-inline-size:var(--size-xl)}._1dkxmm0t6{min-inline-size:auto}._1dkxmm0tb{min-inline-size:100%}._1dkxmm0tg{min-inline-size:fit-content}._1dkxmm0tl{min-inline-size:min-content}._1dkxmm0tq{min-inline-size:max-content}._1dkxmm0tv{min-inline-size:var(--container-prose)}._1dkxmm0u0{min-inline-size:var(--container-page)}._1dkxmm0u5{min-inline-size:var(--container-wide)}._1dkxmm0ua{max-inline-size:var(--size-xs)}._1dkxmm0uf{max-inline-size:var(--size-sm)}._1dkxmm0uk{max-inline-size:var(--size-med)}._1dkxmm0up{max-inline-size:var(--size-lg)}._1dkxmm0uu{max-inline-size:var(--size-xl)}._1dkxmm0uz{max-inline-size:auto}._1dkxmm0v4{max-inline-size:100%}._1dkxmm0v9{max-inline-size:fit-content}._1dkxmm0ve{max-inline-size:min-content}._1dkxmm0vj{max-inline-size:max-content}._1dkxmm0vo{max-inline-size:var(--container-prose)}._1dkxmm0vt{max-inline-size:var(--container-page)}._1dkxmm0vy{max-inline-size:var(--container-wide)}._1dkxmm0w3{min-block-size:var(--size-xs)}._1dkxmm0w8{min-block-size:var(--size-sm)}._1dkxmm0wd{min-block-size:var(--size-med)}._1dkxmm0wi{min-block-size:var(--size-lg)}._1dkxmm0wn{min-block-size:var(--size-xl)}._1dkxmm0ws{min-block-size:auto}._1dkxmm0wx{min-block-size:100%}._1dkxmm0x2{min-block-size:fit-content}._1dkxmm0x7{min-block-size:min-content}._1dkxmm0xc{min-block-size:max-content}._1dkxmm0xh{max-block-size:var(--size-xs)}._1dkxmm0xm{max-block-size:var(--size-sm)}._1dkxmm0xr{max-block-size:var(--size-med)}._1dkxmm0xw{max-block-size:var(--size-lg)}._1dkxmm0y1{max-block-size:var(--size-xl)}._1dkxmm0y6{max-block-size:auto}._1dkxmm0yb{max-block-size:100%}._1dkxmm0yg{max-block-size:fit-content}._1dkxmm0yl{max-block-size:min-content}._1dkxmm0yq{max-block-size:max-content}._1dkxmm0yv{color:var(--color-bg)}._1dkxmm0yw{color:var(--color-bg-muted)}._1dkxmm0yx{color:var(--color-bg-raised)}._1dkxmm0yy{color:var(--color-fg)}._1dkxmm0yz{color:var(--color-fg-muted)}._1dkxmm0z0{color:var(--color-border)}._1dkxmm0z1{color:var(--color-border-strong)}._1dkxmm0z2{color:var(--color-accent)}._1dkxmm0z3{color:var(--color-accent-fg)}._1dkxmm0z4{color:var(--color-accent-fill-fg)}._1dkxmm0z5{color:var(--color-danger)}._1dkxmm0z6{color:var(--color-danger-fg)}._1dkxmm0z7{color:var(--color-success)}._1dkxmm0z8{color:var(--color-success-fg)}._1dkxmm0z9{color:var(--color-warning)}._1dkxmm0za{color:var(--color-warning-fg)}._1dkxmm0zb{color:var(--color-done)}._1dkxmm0zc{color:var(--color-done-fg)}._1dkxmm0zd{color:var(--color-neutral-subtle-fg)}._1dkxmm0ze{color:var(--color-accent-subtle-fg)}._1dkxmm0zf{color:var(--color-success-subtle-fg)}._1dkxmm0zg{color:var(--color-warning-subtle-fg)}._1dkxmm0zh{color:var(--color-danger-subtle-fg)}._1dkxmm0zi{color:var(--color-done-subtle-fg)}._1dkxmm0zj{color:var(--color-focus)}._1dkxmm0zk{background-color:var(--color-bg)}._1dkxmm0zl{background-color:var(--color-bg-muted)}._1dkxmm0zm{background-color:var(--color-bg-raised)}._1dkxmm0zn{background-color:var(--color-fg)}._1dkxmm0zo{background-color:var(--color-fg-muted)}._1dkxmm0zp{background-color:var(--color-border)}._1dkxmm0zq{background-color:var(--color-border-strong)}._1dkxmm0zr{background-color:var(--color-accent)}._1dkxmm0zs{background-color:var(--color-accent-fg)}._1dkxmm0zt{background-color:var(--color-accent-fill)}._1dkxmm0zu{background-color:var(--color-accent-fill-fg)}._1dkxmm0zv{background-color:var(--color-danger)}._1dkxmm0zw{background-color:var(--color-danger-fg)}._1dkxmm0zx{background-color:var(--color-success)}._1dkxmm0zy{background-color:var(--color-success-fg)}._1dkxmm0zz{background-color:var(--color-warning)}._1dkxmm0100{background-color:var(--color-warning-fg)}._1dkxmm0101{background-color:var(--color-done)}._1dkxmm0102{background-color:var(--color-done-fg)}._1dkxmm0103{background-color:var(--color-neutral-subtle)}._1dkxmm0104{background-color:var(--color-neutral-subtle-fg)}._1dkxmm0105{background-color:var(--color-accent-subtle)}._1dkxmm0106{background-color:var(--color-accent-subtle-fg)}._1dkxmm0107{background-color:var(--color-success-subtle)}._1dkxmm0108{background-color:var(--color-success-subtle-fg)}._1dkxmm0109{background-color:var(--color-warning-subtle)}._1dkxmm010a{background-color:var(--color-warning-subtle-fg)}._1dkxmm010b{background-color:var(--color-danger-subtle)}._1dkxmm010c{background-color:var(--color-danger-subtle-fg)}._1dkxmm010d{background-color:var(--color-done-subtle)}._1dkxmm010e{background-color:var(--color-done-subtle-fg)}._1dkxmm010f{background-color:var(--color-focus)}._1dkxmm010g{border-radius:var(--radius-none)}._1dkxmm010h{border-radius:var(--radius-sm)}._1dkxmm010i{border-radius:var(--radius-med)}._1dkxmm010j{border-radius:var(--radius-lg)}._1dkxmm010k{border-radius:var(--radius-xl)}._1dkxmm010l{border-radius:var(--radius-full)}._1dkxmm010m{box-shadow:var(--shadow-sm)}._1dkxmm010n{box-shadow:var(--shadow-med)}._1dkxmm010o{box-shadow:var(--shadow-lg)}._1dkxmm010p{position:static}._1dkxmm010q{position:relative}._1dkxmm010r{position:absolute}._1dkxmm010s{position:fixed}._1dkxmm010t{position:sticky}._1dkxmm010u{z-index:var(--z-index-base)}._1dkxmm010v{z-index:var(--z-index-raised)}._1dkxmm010w{z-index:var(--z-index-dropdown)}._1dkxmm010x{z-index:var(--z-index-sticky)}._1dkxmm010y{z-index:var(--z-index-overlay)}._1dkxmm010z{z-index:var(--z-index-modal)}._1dkxmm0110{z-index:var(--z-index-popover)}._1dkxmm0111{z-index:var(--z-index-toast)}._1dkxmm0112{z-index:var(--z-index-tooltip)}._1dkxmm0113{overflow:visible}._1dkxmm0114{overflow:hidden}._1dkxmm0115{overflow:clip}._1dkxmm0116{overflow:auto}._1dkxmm0117{text-align:start}._1dkxmm0118{text-align:center}._1dkxmm0119{text-align:end}@media (width>=40em){._1dkxmm01{display:none}._1dkxmm06{display:block}._1dkxmm0b{display:inline}._1dkxmm0g{display:inline-block}._1dkxmm0l{display:flex}._1dkxmm0q{display:inline-flex}._1dkxmm0v{display:grid}._1dkxmm010{display:contents}._1dkxmm015{flex-direction:row}._1dkxmm01a{flex-direction:row-reverse}._1dkxmm01f{flex-direction:column}._1dkxmm01k{flex-direction:column-reverse}._1dkxmm01p{flex-wrap:nowrap}._1dkxmm01u{flex-wrap:wrap}._1dkxmm01z{flex-grow:0}._1dkxmm024{flex-grow:1}._1dkxmm029{flex-shrink:0}._1dkxmm02e{flex-shrink:1}._1dkxmm02j{align-items:start}._1dkxmm02o{align-items:center}._1dkxmm02t{align-items:end}._1dkxmm02y{align-items:stretch}._1dkxmm033{align-items:baseline}._1dkxmm038{align-self:start}._1dkxmm03d{align-self:center}._1dkxmm03i{align-self:end}._1dkxmm03n{align-self:stretch}._1dkxmm03s{align-self:baseline}._1dkxmm03x{justify-content:start}._1dkxmm042{justify-content:center}._1dkxmm047{justify-content:end}._1dkxmm04c{justify-content:space-between}._1dkxmm04h{justify-content:space-around}._1dkxmm04m{justify-content:space-evenly}._1dkxmm04r{gap:var(--space-0)}._1dkxmm04w{gap:var(--space-1)}._1dkxmm051{gap:var(--space-2)}._1dkxmm056{gap:var(--space-4)}._1dkxmm05b{gap:var(--space-6)}._1dkxmm05g{gap:var(--space-8)}._1dkxmm05l{gap:var(--space-12)}._1dkxmm05q{gap:var(--space-16)}._1dkxmm05v{gap:var(--space-20)}._1dkxmm060{gap:var(--space-24)}._1dkxmm065{gap:var(--space-32)}._1dkxmm06a{gap:var(--space-40)}._1dkxmm06f{gap:var(--space-48)}._1dkxmm06k{gap:var(--space-64)}._1dkxmm06p{gap:var(--space-80)}._1dkxmm06u{gap:var(--space-96)}._1dkxmm06z{padding-block-start:var(--space-0)}._1dkxmm074{padding-block-start:var(--space-1)}._1dkxmm079{padding-block-start:var(--space-2)}._1dkxmm07e{padding-block-start:var(--space-4)}._1dkxmm07j{padding-block-start:var(--space-6)}._1dkxmm07o{padding-block-start:var(--space-8)}._1dkxmm07t{padding-block-start:var(--space-12)}._1dkxmm07y{padding-block-start:var(--space-16)}._1dkxmm083{padding-block-start:var(--space-20)}._1dkxmm088{padding-block-start:var(--space-24)}._1dkxmm08d{padding-block-start:var(--space-32)}._1dkxmm08i{padding-block-start:var(--space-40)}._1dkxmm08n{padding-block-start:var(--space-48)}._1dkxmm08s{padding-block-start:var(--space-64)}._1dkxmm08x{padding-block-start:var(--space-80)}._1dkxmm092{padding-block-start:var(--space-96)}._1dkxmm097{padding-block-end:var(--space-0)}._1dkxmm09c{padding-block-end:var(--space-1)}._1dkxmm09h{padding-block-end:var(--space-2)}._1dkxmm09m{padding-block-end:var(--space-4)}._1dkxmm09r{padding-block-end:var(--space-6)}._1dkxmm09w{padding-block-end:var(--space-8)}._1dkxmm0a1{padding-block-end:var(--space-12)}._1dkxmm0a6{padding-block-end:var(--space-16)}._1dkxmm0ab{padding-block-end:var(--space-20)}._1dkxmm0ag{padding-block-end:var(--space-24)}._1dkxmm0al{padding-block-end:var(--space-32)}._1dkxmm0aq{padding-block-end:var(--space-40)}._1dkxmm0av{padding-block-end:var(--space-48)}._1dkxmm0b0{padding-block-end:var(--space-64)}._1dkxmm0b5{padding-block-end:var(--space-80)}._1dkxmm0ba{padding-block-end:var(--space-96)}._1dkxmm0bf{padding-inline-start:var(--space-0)}._1dkxmm0bk{padding-inline-start:var(--space-1)}._1dkxmm0bp{padding-inline-start:var(--space-2)}._1dkxmm0bu{padding-inline-start:var(--space-4)}._1dkxmm0bz{padding-inline-start:var(--space-6)}._1dkxmm0c4{padding-inline-start:var(--space-8)}._1dkxmm0c9{padding-inline-start:var(--space-12)}._1dkxmm0ce{padding-inline-start:var(--space-16)}._1dkxmm0cj{padding-inline-start:var(--space-20)}._1dkxmm0co{padding-inline-start:var(--space-24)}._1dkxmm0ct{padding-inline-start:var(--space-32)}._1dkxmm0cy{padding-inline-start:var(--space-40)}._1dkxmm0d3{padding-inline-start:var(--space-48)}._1dkxmm0d8{padding-inline-start:var(--space-64)}._1dkxmm0dd{padding-inline-start:var(--space-80)}._1dkxmm0di{padding-inline-start:var(--space-96)}._1dkxmm0dn{padding-inline-end:var(--space-0)}._1dkxmm0ds{padding-inline-end:var(--space-1)}._1dkxmm0dx{padding-inline-end:var(--space-2)}._1dkxmm0e2{padding-inline-end:var(--space-4)}._1dkxmm0e7{padding-inline-end:var(--space-6)}._1dkxmm0ec{padding-inline-end:var(--space-8)}._1dkxmm0eh{padding-inline-end:var(--space-12)}._1dkxmm0em{padding-inline-end:var(--space-16)}._1dkxmm0er{padding-inline-end:var(--space-20)}._1dkxmm0ew{padding-inline-end:var(--space-24)}._1dkxmm0f1{padding-inline-end:var(--space-32)}._1dkxmm0f6{padding-inline-end:var(--space-40)}._1dkxmm0fb{padding-inline-end:var(--space-48)}._1dkxmm0fg{padding-inline-end:var(--space-64)}._1dkxmm0fl{padding-inline-end:var(--space-80)}._1dkxmm0fq{padding-inline-end:var(--space-96)}._1dkxmm0fv{margin-block-start:var(--space-0)}._1dkxmm0g0{margin-block-start:var(--space-1)}._1dkxmm0g5{margin-block-start:var(--space-2)}._1dkxmm0ga{margin-block-start:var(--space-4)}._1dkxmm0gf{margin-block-start:var(--space-6)}._1dkxmm0gk{margin-block-start:var(--space-8)}._1dkxmm0gp{margin-block-start:var(--space-12)}._1dkxmm0gu{margin-block-start:var(--space-16)}._1dkxmm0gz{margin-block-start:var(--space-20)}._1dkxmm0h4{margin-block-start:var(--space-24)}._1dkxmm0h9{margin-block-start:var(--space-32)}._1dkxmm0he{margin-block-start:var(--space-40)}._1dkxmm0hj{margin-block-start:var(--space-48)}._1dkxmm0ho{margin-block-start:var(--space-64)}._1dkxmm0ht{margin-block-start:var(--space-80)}._1dkxmm0hy{margin-block-start:var(--space-96)}._1dkxmm0i3{margin-block-start:auto}._1dkxmm0i8{margin-block-end:var(--space-0)}._1dkxmm0id{margin-block-end:var(--space-1)}._1dkxmm0ii{margin-block-end:var(--space-2)}._1dkxmm0in{margin-block-end:var(--space-4)}._1dkxmm0is{margin-block-end:var(--space-6)}._1dkxmm0ix{margin-block-end:var(--space-8)}._1dkxmm0j2{margin-block-end:var(--space-12)}._1dkxmm0j7{margin-block-end:var(--space-16)}._1dkxmm0jc{margin-block-end:var(--space-20)}._1dkxmm0jh{margin-block-end:var(--space-24)}._1dkxmm0jm{margin-block-end:var(--space-32)}._1dkxmm0jr{margin-block-end:var(--space-40)}._1dkxmm0jw{margin-block-end:var(--space-48)}._1dkxmm0k1{margin-block-end:var(--space-64)}._1dkxmm0k6{margin-block-end:var(--space-80)}._1dkxmm0kb{margin-block-end:var(--space-96)}._1dkxmm0kg{margin-block-end:auto}._1dkxmm0kl{margin-inline-start:var(--space-0)}._1dkxmm0kq{margin-inline-start:var(--space-1)}._1dkxmm0kv{margin-inline-start:var(--space-2)}._1dkxmm0l0{margin-inline-start:var(--space-4)}._1dkxmm0l5{margin-inline-start:var(--space-6)}._1dkxmm0la{margin-inline-start:var(--space-8)}._1dkxmm0lf{margin-inline-start:var(--space-12)}._1dkxmm0lk{margin-inline-start:var(--space-16)}._1dkxmm0lp{margin-inline-start:var(--space-20)}._1dkxmm0lu{margin-inline-start:var(--space-24)}._1dkxmm0lz{margin-inline-start:var(--space-32)}._1dkxmm0m4{margin-inline-start:var(--space-40)}._1dkxmm0m9{margin-inline-start:var(--space-48)}._1dkxmm0me{margin-inline-start:var(--space-64)}._1dkxmm0mj{margin-inline-start:var(--space-80)}._1dkxmm0mo{margin-inline-start:var(--space-96)}._1dkxmm0mt{margin-inline-start:auto}._1dkxmm0my{margin-inline-end:var(--space-0)}._1dkxmm0n3{margin-inline-end:var(--space-1)}._1dkxmm0n8{margin-inline-end:var(--space-2)}._1dkxmm0nd{margin-inline-end:var(--space-4)}._1dkxmm0ni{margin-inline-end:var(--space-6)}._1dkxmm0nn{margin-inline-end:var(--space-8)}._1dkxmm0ns{margin-inline-end:var(--space-12)}._1dkxmm0nx{margin-inline-end:var(--space-16)}._1dkxmm0o2{margin-inline-end:var(--space-20)}._1dkxmm0o7{margin-inline-end:var(--space-24)}._1dkxmm0oc{margin-inline-end:var(--space-32)}._1dkxmm0oh{margin-inline-end:var(--space-40)}._1dkxmm0om{margin-inline-end:var(--space-48)}._1dkxmm0or{margin-inline-end:var(--space-64)}._1dkxmm0ow{margin-inline-end:var(--space-80)}._1dkxmm0p1{margin-inline-end:var(--space-96)}._1dkxmm0p6{margin-inline-end:auto}._1dkxmm0pb{inline-size:var(--size-xs)}._1dkxmm0pg{inline-size:var(--size-sm)}._1dkxmm0pl{inline-size:var(--size-med)}._1dkxmm0pq{inline-size:var(--size-lg)}._1dkxmm0pv{inline-size:var(--size-xl)}._1dkxmm0q0{inline-size:auto}._1dkxmm0q5{inline-size:100%}._1dkxmm0qa{inline-size:fit-content}._1dkxmm0qf{inline-size:min-content}._1dkxmm0qk{inline-size:max-content}._1dkxmm0qp{inline-size:var(--container-prose)}._1dkxmm0qu{inline-size:var(--container-page)}._1dkxmm0qz{inline-size:var(--container-wide)}._1dkxmm0r4{block-size:var(--size-xs)}._1dkxmm0r9{block-size:var(--size-sm)}._1dkxmm0re{block-size:var(--size-med)}._1dkxmm0rj{block-size:var(--size-lg)}._1dkxmm0ro{block-size:var(--size-xl)}._1dkxmm0rt{block-size:auto}._1dkxmm0ry{block-size:100%}._1dkxmm0s3{block-size:fit-content}._1dkxmm0s8{block-size:min-content}._1dkxmm0sd{block-size:max-content}._1dkxmm0si{min-inline-size:var(--size-xs)}._1dkxmm0sn{min-inline-size:var(--size-sm)}._1dkxmm0ss{min-inline-size:var(--size-med)}._1dkxmm0sx{min-inline-size:var(--size-lg)}._1dkxmm0t2{min-inline-size:var(--size-xl)}._1dkxmm0t7{min-inline-size:auto}._1dkxmm0tc{min-inline-size:100%}._1dkxmm0th{min-inline-size:fit-content}._1dkxmm0tm{min-inline-size:min-content}._1dkxmm0tr{min-inline-size:max-content}._1dkxmm0tw{min-inline-size:var(--container-prose)}._1dkxmm0u1{min-inline-size:var(--container-page)}._1dkxmm0u6{min-inline-size:var(--container-wide)}._1dkxmm0ub{max-inline-size:var(--size-xs)}._1dkxmm0ug{max-inline-size:var(--size-sm)}._1dkxmm0ul{max-inline-size:var(--size-med)}._1dkxmm0uq{max-inline-size:var(--size-lg)}._1dkxmm0uv{max-inline-size:var(--size-xl)}._1dkxmm0v0{max-inline-size:auto}._1dkxmm0v5{max-inline-size:100%}._1dkxmm0va{max-inline-size:fit-content}._1dkxmm0vf{max-inline-size:min-content}._1dkxmm0vk{max-inline-size:max-content}._1dkxmm0vp{max-inline-size:var(--container-prose)}._1dkxmm0vu{max-inline-size:var(--container-page)}._1dkxmm0vz{max-inline-size:var(--container-wide)}._1dkxmm0w4{min-block-size:var(--size-xs)}._1dkxmm0w9{min-block-size:var(--size-sm)}._1dkxmm0we{min-block-size:var(--size-med)}._1dkxmm0wj{min-block-size:var(--size-lg)}._1dkxmm0wo{min-block-size:var(--size-xl)}._1dkxmm0wt{min-block-size:auto}._1dkxmm0wy{min-block-size:100%}._1dkxmm0x3{min-block-size:fit-content}._1dkxmm0x8{min-block-size:min-content}._1dkxmm0xd{min-block-size:max-content}._1dkxmm0xi{max-block-size:var(--size-xs)}._1dkxmm0xn{max-block-size:var(--size-sm)}._1dkxmm0xs{max-block-size:var(--size-med)}._1dkxmm0xx{max-block-size:var(--size-lg)}._1dkxmm0y2{max-block-size:var(--size-xl)}._1dkxmm0y7{max-block-size:auto}._1dkxmm0yc{max-block-size:100%}._1dkxmm0yh{max-block-size:fit-content}._1dkxmm0ym{max-block-size:min-content}._1dkxmm0yr{max-block-size:max-content}}@media (width>=48em){._1dkxmm02{display:none}._1dkxmm07{display:block}._1dkxmm0c{display:inline}._1dkxmm0h{display:inline-block}._1dkxmm0m{display:flex}._1dkxmm0r{display:inline-flex}._1dkxmm0w{display:grid}._1dkxmm011{display:contents}._1dkxmm016{flex-direction:row}._1dkxmm01b{flex-direction:row-reverse}._1dkxmm01g{flex-direction:column}._1dkxmm01l{flex-direction:column-reverse}._1dkxmm01q{flex-wrap:nowrap}._1dkxmm01v{flex-wrap:wrap}._1dkxmm020{flex-grow:0}._1dkxmm025{flex-grow:1}._1dkxmm02a{flex-shrink:0}._1dkxmm02f{flex-shrink:1}._1dkxmm02k{align-items:start}._1dkxmm02p{align-items:center}._1dkxmm02u{align-items:end}._1dkxmm02z{align-items:stretch}._1dkxmm034{align-items:baseline}._1dkxmm039{align-self:start}._1dkxmm03e{align-self:center}._1dkxmm03j{align-self:end}._1dkxmm03o{align-self:stretch}._1dkxmm03t{align-self:baseline}._1dkxmm03y{justify-content:start}._1dkxmm043{justify-content:center}._1dkxmm048{justify-content:end}._1dkxmm04d{justify-content:space-between}._1dkxmm04i{justify-content:space-around}._1dkxmm04n{justify-content:space-evenly}._1dkxmm04s{gap:var(--space-0)}._1dkxmm04x{gap:var(--space-1)}._1dkxmm052{gap:var(--space-2)}._1dkxmm057{gap:var(--space-4)}._1dkxmm05c{gap:var(--space-6)}._1dkxmm05h{gap:var(--space-8)}._1dkxmm05m{gap:var(--space-12)}._1dkxmm05r{gap:var(--space-16)}._1dkxmm05w{gap:var(--space-20)}._1dkxmm061{gap:var(--space-24)}._1dkxmm066{gap:var(--space-32)}._1dkxmm06b{gap:var(--space-40)}._1dkxmm06g{gap:var(--space-48)}._1dkxmm06l{gap:var(--space-64)}._1dkxmm06q{gap:var(--space-80)}._1dkxmm06v{gap:var(--space-96)}._1dkxmm070{padding-block-start:var(--space-0)}._1dkxmm075{padding-block-start:var(--space-1)}._1dkxmm07a{padding-block-start:var(--space-2)}._1dkxmm07f{padding-block-start:var(--space-4)}._1dkxmm07k{padding-block-start:var(--space-6)}._1dkxmm07p{padding-block-start:var(--space-8)}._1dkxmm07u{padding-block-start:var(--space-12)}._1dkxmm07z{padding-block-start:var(--space-16)}._1dkxmm084{padding-block-start:var(--space-20)}._1dkxmm089{padding-block-start:var(--space-24)}._1dkxmm08e{padding-block-start:var(--space-32)}._1dkxmm08j{padding-block-start:var(--space-40)}._1dkxmm08o{padding-block-start:var(--space-48)}._1dkxmm08t{padding-block-start:var(--space-64)}._1dkxmm08y{padding-block-start:var(--space-80)}._1dkxmm093{padding-block-start:var(--space-96)}._1dkxmm098{padding-block-end:var(--space-0)}._1dkxmm09d{padding-block-end:var(--space-1)}._1dkxmm09i{padding-block-end:var(--space-2)}._1dkxmm09n{padding-block-end:var(--space-4)}._1dkxmm09s{padding-block-end:var(--space-6)}._1dkxmm09x{padding-block-end:var(--space-8)}._1dkxmm0a2{padding-block-end:var(--space-12)}._1dkxmm0a7{padding-block-end:var(--space-16)}._1dkxmm0ac{padding-block-end:var(--space-20)}._1dkxmm0ah{padding-block-end:var(--space-24)}._1dkxmm0am{padding-block-end:var(--space-32)}._1dkxmm0ar{padding-block-end:var(--space-40)}._1dkxmm0aw{padding-block-end:var(--space-48)}._1dkxmm0b1{padding-block-end:var(--space-64)}._1dkxmm0b6{padding-block-end:var(--space-80)}._1dkxmm0bb{padding-block-end:var(--space-96)}._1dkxmm0bg{padding-inline-start:var(--space-0)}._1dkxmm0bl{padding-inline-start:var(--space-1)}._1dkxmm0bq{padding-inline-start:var(--space-2)}._1dkxmm0bv{padding-inline-start:var(--space-4)}._1dkxmm0c0{padding-inline-start:var(--space-6)}._1dkxmm0c5{padding-inline-start:var(--space-8)}._1dkxmm0ca{padding-inline-start:var(--space-12)}._1dkxmm0cf{padding-inline-start:var(--space-16)}._1dkxmm0ck{padding-inline-start:var(--space-20)}._1dkxmm0cp{padding-inline-start:var(--space-24)}._1dkxmm0cu{padding-inline-start:var(--space-32)}._1dkxmm0cz{padding-inline-start:var(--space-40)}._1dkxmm0d4{padding-inline-start:var(--space-48)}._1dkxmm0d9{padding-inline-start:var(--space-64)}._1dkxmm0de{padding-inline-start:var(--space-80)}._1dkxmm0dj{padding-inline-start:var(--space-96)}._1dkxmm0do{padding-inline-end:var(--space-0)}._1dkxmm0dt{padding-inline-end:var(--space-1)}._1dkxmm0dy{padding-inline-end:var(--space-2)}._1dkxmm0e3{padding-inline-end:var(--space-4)}._1dkxmm0e8{padding-inline-end:var(--space-6)}._1dkxmm0ed{padding-inline-end:var(--space-8)}._1dkxmm0ei{padding-inline-end:var(--space-12)}._1dkxmm0en{padding-inline-end:var(--space-16)}._1dkxmm0es{padding-inline-end:var(--space-20)}._1dkxmm0ex{padding-inline-end:var(--space-24)}._1dkxmm0f2{padding-inline-end:var(--space-32)}._1dkxmm0f7{padding-inline-end:var(--space-40)}._1dkxmm0fc{padding-inline-end:var(--space-48)}._1dkxmm0fh{padding-inline-end:var(--space-64)}._1dkxmm0fm{padding-inline-end:var(--space-80)}._1dkxmm0fr{padding-inline-end:var(--space-96)}._1dkxmm0fw{margin-block-start:var(--space-0)}._1dkxmm0g1{margin-block-start:var(--space-1)}._1dkxmm0g6{margin-block-start:var(--space-2)}._1dkxmm0gb{margin-block-start:var(--space-4)}._1dkxmm0gg{margin-block-start:var(--space-6)}._1dkxmm0gl{margin-block-start:var(--space-8)}._1dkxmm0gq{margin-block-start:var(--space-12)}._1dkxmm0gv{margin-block-start:var(--space-16)}._1dkxmm0h0{margin-block-start:var(--space-20)}._1dkxmm0h5{margin-block-start:var(--space-24)}._1dkxmm0ha{margin-block-start:var(--space-32)}._1dkxmm0hf{margin-block-start:var(--space-40)}._1dkxmm0hk{margin-block-start:var(--space-48)}._1dkxmm0hp{margin-block-start:var(--space-64)}._1dkxmm0hu{margin-block-start:var(--space-80)}._1dkxmm0hz{margin-block-start:var(--space-96)}._1dkxmm0i4{margin-block-start:auto}._1dkxmm0i9{margin-block-end:var(--space-0)}._1dkxmm0ie{margin-block-end:var(--space-1)}._1dkxmm0ij{margin-block-end:var(--space-2)}._1dkxmm0io{margin-block-end:var(--space-4)}._1dkxmm0it{margin-block-end:var(--space-6)}._1dkxmm0iy{margin-block-end:var(--space-8)}._1dkxmm0j3{margin-block-end:var(--space-12)}._1dkxmm0j8{margin-block-end:var(--space-16)}._1dkxmm0jd{margin-block-end:var(--space-20)}._1dkxmm0ji{margin-block-end:var(--space-24)}._1dkxmm0jn{margin-block-end:var(--space-32)}._1dkxmm0js{margin-block-end:var(--space-40)}._1dkxmm0jx{margin-block-end:var(--space-48)}._1dkxmm0k2{margin-block-end:var(--space-64)}._1dkxmm0k7{margin-block-end:var(--space-80)}._1dkxmm0kc{margin-block-end:var(--space-96)}._1dkxmm0kh{margin-block-end:auto}._1dkxmm0km{margin-inline-start:var(--space-0)}._1dkxmm0kr{margin-inline-start:var(--space-1)}._1dkxmm0kw{margin-inline-start:var(--space-2)}._1dkxmm0l1{margin-inline-start:var(--space-4)}._1dkxmm0l6{margin-inline-start:var(--space-6)}._1dkxmm0lb{margin-inline-start:var(--space-8)}._1dkxmm0lg{margin-inline-start:var(--space-12)}._1dkxmm0ll{margin-inline-start:var(--space-16)}._1dkxmm0lq{margin-inline-start:var(--space-20)}._1dkxmm0lv{margin-inline-start:var(--space-24)}._1dkxmm0m0{margin-inline-start:var(--space-32)}._1dkxmm0m5{margin-inline-start:var(--space-40)}._1dkxmm0ma{margin-inline-start:var(--space-48)}._1dkxmm0mf{margin-inline-start:var(--space-64)}._1dkxmm0mk{margin-inline-start:var(--space-80)}._1dkxmm0mp{margin-inline-start:var(--space-96)}._1dkxmm0mu{margin-inline-start:auto}._1dkxmm0mz{margin-inline-end:var(--space-0)}._1dkxmm0n4{margin-inline-end:var(--space-1)}._1dkxmm0n9{margin-inline-end:var(--space-2)}._1dkxmm0ne{margin-inline-end:var(--space-4)}._1dkxmm0nj{margin-inline-end:var(--space-6)}._1dkxmm0no{margin-inline-end:var(--space-8)}._1dkxmm0nt{margin-inline-end:var(--space-12)}._1dkxmm0ny{margin-inline-end:var(--space-16)}._1dkxmm0o3{margin-inline-end:var(--space-20)}._1dkxmm0o8{margin-inline-end:var(--space-24)}._1dkxmm0od{margin-inline-end:var(--space-32)}._1dkxmm0oi{margin-inline-end:var(--space-40)}._1dkxmm0on{margin-inline-end:var(--space-48)}._1dkxmm0os{margin-inline-end:var(--space-64)}._1dkxmm0ox{margin-inline-end:var(--space-80)}._1dkxmm0p2{margin-inline-end:var(--space-96)}._1dkxmm0p7{margin-inline-end:auto}._1dkxmm0pc{inline-size:var(--size-xs)}._1dkxmm0ph{inline-size:var(--size-sm)}._1dkxmm0pm{inline-size:var(--size-med)}._1dkxmm0pr{inline-size:var(--size-lg)}._1dkxmm0pw{inline-size:var(--size-xl)}._1dkxmm0q1{inline-size:auto}._1dkxmm0q6{inline-size:100%}._1dkxmm0qb{inline-size:fit-content}._1dkxmm0qg{inline-size:min-content}._1dkxmm0ql{inline-size:max-content}._1dkxmm0qq{inline-size:var(--container-prose)}._1dkxmm0qv{inline-size:var(--container-page)}._1dkxmm0r0{inline-size:var(--container-wide)}._1dkxmm0r5{block-size:var(--size-xs)}._1dkxmm0ra{block-size:var(--size-sm)}._1dkxmm0rf{block-size:var(--size-med)}._1dkxmm0rk{block-size:var(--size-lg)}._1dkxmm0rp{block-size:var(--size-xl)}._1dkxmm0ru{block-size:auto}._1dkxmm0rz{block-size:100%}._1dkxmm0s4{block-size:fit-content}._1dkxmm0s9{block-size:min-content}._1dkxmm0se{block-size:max-content}._1dkxmm0sj{min-inline-size:var(--size-xs)}._1dkxmm0so{min-inline-size:var(--size-sm)}._1dkxmm0st{min-inline-size:var(--size-med)}._1dkxmm0sy{min-inline-size:var(--size-lg)}._1dkxmm0t3{min-inline-size:var(--size-xl)}._1dkxmm0t8{min-inline-size:auto}._1dkxmm0td{min-inline-size:100%}._1dkxmm0ti{min-inline-size:fit-content}._1dkxmm0tn{min-inline-size:min-content}._1dkxmm0ts{min-inline-size:max-content}._1dkxmm0tx{min-inline-size:var(--container-prose)}._1dkxmm0u2{min-inline-size:var(--container-page)}._1dkxmm0u7{min-inline-size:var(--container-wide)}._1dkxmm0uc{max-inline-size:var(--size-xs)}._1dkxmm0uh{max-inline-size:var(--size-sm)}._1dkxmm0um{max-inline-size:var(--size-med)}._1dkxmm0ur{max-inline-size:var(--size-lg)}._1dkxmm0uw{max-inline-size:var(--size-xl)}._1dkxmm0v1{max-inline-size:auto}._1dkxmm0v6{max-inline-size:100%}._1dkxmm0vb{max-inline-size:fit-content}._1dkxmm0vg{max-inline-size:min-content}._1dkxmm0vl{max-inline-size:max-content}._1dkxmm0vq{max-inline-size:var(--container-prose)}._1dkxmm0vv{max-inline-size:var(--container-page)}._1dkxmm0w0{max-inline-size:var(--container-wide)}._1dkxmm0w5{min-block-size:var(--size-xs)}._1dkxmm0wa{min-block-size:var(--size-sm)}._1dkxmm0wf{min-block-size:var(--size-med)}._1dkxmm0wk{min-block-size:var(--size-lg)}._1dkxmm0wp{min-block-size:var(--size-xl)}._1dkxmm0wu{min-block-size:auto}._1dkxmm0wz{min-block-size:100%}._1dkxmm0x4{min-block-size:fit-content}._1dkxmm0x9{min-block-size:min-content}._1dkxmm0xe{min-block-size:max-content}._1dkxmm0xj{max-block-size:var(--size-xs)}._1dkxmm0xo{max-block-size:var(--size-sm)}._1dkxmm0xt{max-block-size:var(--size-med)}._1dkxmm0xy{max-block-size:var(--size-lg)}._1dkxmm0y3{max-block-size:var(--size-xl)}._1dkxmm0y8{max-block-size:auto}._1dkxmm0yd{max-block-size:100%}._1dkxmm0yi{max-block-size:fit-content}._1dkxmm0yn{max-block-size:min-content}._1dkxmm0ys{max-block-size:max-content}}@media (width>=64em){._1dkxmm03{display:none}._1dkxmm08{display:block}._1dkxmm0d{display:inline}._1dkxmm0i{display:inline-block}._1dkxmm0n{display:flex}._1dkxmm0s{display:inline-flex}._1dkxmm0x{display:grid}._1dkxmm012{display:contents}._1dkxmm017{flex-direction:row}._1dkxmm01c{flex-direction:row-reverse}._1dkxmm01h{flex-direction:column}._1dkxmm01m{flex-direction:column-reverse}._1dkxmm01r{flex-wrap:nowrap}._1dkxmm01w{flex-wrap:wrap}._1dkxmm021{flex-grow:0}._1dkxmm026{flex-grow:1}._1dkxmm02b{flex-shrink:0}._1dkxmm02g{flex-shrink:1}._1dkxmm02l{align-items:start}._1dkxmm02q{align-items:center}._1dkxmm02v{align-items:end}._1dkxmm030{align-items:stretch}._1dkxmm035{align-items:baseline}._1dkxmm03a{align-self:start}._1dkxmm03f{align-self:center}._1dkxmm03k{align-self:end}._1dkxmm03p{align-self:stretch}._1dkxmm03u{align-self:baseline}._1dkxmm03z{justify-content:start}._1dkxmm044{justify-content:center}._1dkxmm049{justify-content:end}._1dkxmm04e{justify-content:space-between}._1dkxmm04j{justify-content:space-around}._1dkxmm04o{justify-content:space-evenly}._1dkxmm04t{gap:var(--space-0)}._1dkxmm04y{gap:var(--space-1)}._1dkxmm053{gap:var(--space-2)}._1dkxmm058{gap:var(--space-4)}._1dkxmm05d{gap:var(--space-6)}._1dkxmm05i{gap:var(--space-8)}._1dkxmm05n{gap:var(--space-12)}._1dkxmm05s{gap:var(--space-16)}._1dkxmm05x{gap:var(--space-20)}._1dkxmm062{gap:var(--space-24)}._1dkxmm067{gap:var(--space-32)}._1dkxmm06c{gap:var(--space-40)}._1dkxmm06h{gap:var(--space-48)}._1dkxmm06m{gap:var(--space-64)}._1dkxmm06r{gap:var(--space-80)}._1dkxmm06w{gap:var(--space-96)}._1dkxmm071{padding-block-start:var(--space-0)}._1dkxmm076{padding-block-start:var(--space-1)}._1dkxmm07b{padding-block-start:var(--space-2)}._1dkxmm07g{padding-block-start:var(--space-4)}._1dkxmm07l{padding-block-start:var(--space-6)}._1dkxmm07q{padding-block-start:var(--space-8)}._1dkxmm07v{padding-block-start:var(--space-12)}._1dkxmm080{padding-block-start:var(--space-16)}._1dkxmm085{padding-block-start:var(--space-20)}._1dkxmm08a{padding-block-start:var(--space-24)}._1dkxmm08f{padding-block-start:var(--space-32)}._1dkxmm08k{padding-block-start:var(--space-40)}._1dkxmm08p{padding-block-start:var(--space-48)}._1dkxmm08u{padding-block-start:var(--space-64)}._1dkxmm08z{padding-block-start:var(--space-80)}._1dkxmm094{padding-block-start:var(--space-96)}._1dkxmm099{padding-block-end:var(--space-0)}._1dkxmm09e{padding-block-end:var(--space-1)}._1dkxmm09j{padding-block-end:var(--space-2)}._1dkxmm09o{padding-block-end:var(--space-4)}._1dkxmm09t{padding-block-end:var(--space-6)}._1dkxmm09y{padding-block-end:var(--space-8)}._1dkxmm0a3{padding-block-end:var(--space-12)}._1dkxmm0a8{padding-block-end:var(--space-16)}._1dkxmm0ad{padding-block-end:var(--space-20)}._1dkxmm0ai{padding-block-end:var(--space-24)}._1dkxmm0an{padding-block-end:var(--space-32)}._1dkxmm0as{padding-block-end:var(--space-40)}._1dkxmm0ax{padding-block-end:var(--space-48)}._1dkxmm0b2{padding-block-end:var(--space-64)}._1dkxmm0b7{padding-block-end:var(--space-80)}._1dkxmm0bc{padding-block-end:var(--space-96)}._1dkxmm0bh{padding-inline-start:var(--space-0)}._1dkxmm0bm{padding-inline-start:var(--space-1)}._1dkxmm0br{padding-inline-start:var(--space-2)}._1dkxmm0bw{padding-inline-start:var(--space-4)}._1dkxmm0c1{padding-inline-start:var(--space-6)}._1dkxmm0c6{padding-inline-start:var(--space-8)}._1dkxmm0cb{padding-inline-start:var(--space-12)}._1dkxmm0cg{padding-inline-start:var(--space-16)}._1dkxmm0cl{padding-inline-start:var(--space-20)}._1dkxmm0cq{padding-inline-start:var(--space-24)}._1dkxmm0cv{padding-inline-start:var(--space-32)}._1dkxmm0d0{padding-inline-start:var(--space-40)}._1dkxmm0d5{padding-inline-start:var(--space-48)}._1dkxmm0da{padding-inline-start:var(--space-64)}._1dkxmm0df{padding-inline-start:var(--space-80)}._1dkxmm0dk{padding-inline-start:var(--space-96)}._1dkxmm0dp{padding-inline-end:var(--space-0)}._1dkxmm0du{padding-inline-end:var(--space-1)}._1dkxmm0dz{padding-inline-end:var(--space-2)}._1dkxmm0e4{padding-inline-end:var(--space-4)}._1dkxmm0e9{padding-inline-end:var(--space-6)}._1dkxmm0ee{padding-inline-end:var(--space-8)}._1dkxmm0ej{padding-inline-end:var(--space-12)}._1dkxmm0eo{padding-inline-end:var(--space-16)}._1dkxmm0et{padding-inline-end:var(--space-20)}._1dkxmm0ey{padding-inline-end:var(--space-24)}._1dkxmm0f3{padding-inline-end:var(--space-32)}._1dkxmm0f8{padding-inline-end:var(--space-40)}._1dkxmm0fd{padding-inline-end:var(--space-48)}._1dkxmm0fi{padding-inline-end:var(--space-64)}._1dkxmm0fn{padding-inline-end:var(--space-80)}._1dkxmm0fs{padding-inline-end:var(--space-96)}._1dkxmm0fx{margin-block-start:var(--space-0)}._1dkxmm0g2{margin-block-start:var(--space-1)}._1dkxmm0g7{margin-block-start:var(--space-2)}._1dkxmm0gc{margin-block-start:var(--space-4)}._1dkxmm0gh{margin-block-start:var(--space-6)}._1dkxmm0gm{margin-block-start:var(--space-8)}._1dkxmm0gr{margin-block-start:var(--space-12)}._1dkxmm0gw{margin-block-start:var(--space-16)}._1dkxmm0h1{margin-block-start:var(--space-20)}._1dkxmm0h6{margin-block-start:var(--space-24)}._1dkxmm0hb{margin-block-start:var(--space-32)}._1dkxmm0hg{margin-block-start:var(--space-40)}._1dkxmm0hl{margin-block-start:var(--space-48)}._1dkxmm0hq{margin-block-start:var(--space-64)}._1dkxmm0hv{margin-block-start:var(--space-80)}._1dkxmm0i0{margin-block-start:var(--space-96)}._1dkxmm0i5{margin-block-start:auto}._1dkxmm0ia{margin-block-end:var(--space-0)}._1dkxmm0if{margin-block-end:var(--space-1)}._1dkxmm0ik{margin-block-end:var(--space-2)}._1dkxmm0ip{margin-block-end:var(--space-4)}._1dkxmm0iu{margin-block-end:var(--space-6)}._1dkxmm0iz{margin-block-end:var(--space-8)}._1dkxmm0j4{margin-block-end:var(--space-12)}._1dkxmm0j9{margin-block-end:var(--space-16)}._1dkxmm0je{margin-block-end:var(--space-20)}._1dkxmm0jj{margin-block-end:var(--space-24)}._1dkxmm0jo{margin-block-end:var(--space-32)}._1dkxmm0jt{margin-block-end:var(--space-40)}._1dkxmm0jy{margin-block-end:var(--space-48)}._1dkxmm0k3{margin-block-end:var(--space-64)}._1dkxmm0k8{margin-block-end:var(--space-80)}._1dkxmm0kd{margin-block-end:var(--space-96)}._1dkxmm0ki{margin-block-end:auto}._1dkxmm0kn{margin-inline-start:var(--space-0)}._1dkxmm0ks{margin-inline-start:var(--space-1)}._1dkxmm0kx{margin-inline-start:var(--space-2)}._1dkxmm0l2{margin-inline-start:var(--space-4)}._1dkxmm0l7{margin-inline-start:var(--space-6)}._1dkxmm0lc{margin-inline-start:var(--space-8)}._1dkxmm0lh{margin-inline-start:var(--space-12)}._1dkxmm0lm{margin-inline-start:var(--space-16)}._1dkxmm0lr{margin-inline-start:var(--space-20)}._1dkxmm0lw{margin-inline-start:var(--space-24)}._1dkxmm0m1{margin-inline-start:var(--space-32)}._1dkxmm0m6{margin-inline-start:var(--space-40)}._1dkxmm0mb{margin-inline-start:var(--space-48)}._1dkxmm0mg{margin-inline-start:var(--space-64)}._1dkxmm0ml{margin-inline-start:var(--space-80)}._1dkxmm0mq{margin-inline-start:var(--space-96)}._1dkxmm0mv{margin-inline-start:auto}._1dkxmm0n0{margin-inline-end:var(--space-0)}._1dkxmm0n5{margin-inline-end:var(--space-1)}._1dkxmm0na{margin-inline-end:var(--space-2)}._1dkxmm0nf{margin-inline-end:var(--space-4)}._1dkxmm0nk{margin-inline-end:var(--space-6)}._1dkxmm0np{margin-inline-end:var(--space-8)}._1dkxmm0nu{margin-inline-end:var(--space-12)}._1dkxmm0nz{margin-inline-end:var(--space-16)}._1dkxmm0o4{margin-inline-end:var(--space-20)}._1dkxmm0o9{margin-inline-end:var(--space-24)}._1dkxmm0oe{margin-inline-end:var(--space-32)}._1dkxmm0oj{margin-inline-end:var(--space-40)}._1dkxmm0oo{margin-inline-end:var(--space-48)}._1dkxmm0ot{margin-inline-end:var(--space-64)}._1dkxmm0oy{margin-inline-end:var(--space-80)}._1dkxmm0p3{margin-inline-end:var(--space-96)}._1dkxmm0p8{margin-inline-end:auto}._1dkxmm0pd{inline-size:var(--size-xs)}._1dkxmm0pi{inline-size:var(--size-sm)}._1dkxmm0pn{inline-size:var(--size-med)}._1dkxmm0ps{inline-size:var(--size-lg)}._1dkxmm0px{inline-size:var(--size-xl)}._1dkxmm0q2{inline-size:auto}._1dkxmm0q7{inline-size:100%}._1dkxmm0qc{inline-size:fit-content}._1dkxmm0qh{inline-size:min-content}._1dkxmm0qm{inline-size:max-content}._1dkxmm0qr{inline-size:var(--container-prose)}._1dkxmm0qw{inline-size:var(--container-page)}._1dkxmm0r1{inline-size:var(--container-wide)}._1dkxmm0r6{block-size:var(--size-xs)}._1dkxmm0rb{block-size:var(--size-sm)}._1dkxmm0rg{block-size:var(--size-med)}._1dkxmm0rl{block-size:var(--size-lg)}._1dkxmm0rq{block-size:var(--size-xl)}._1dkxmm0rv{block-size:auto}._1dkxmm0s0{block-size:100%}._1dkxmm0s5{block-size:fit-content}._1dkxmm0sa{block-size:min-content}._1dkxmm0sf{block-size:max-content}._1dkxmm0sk{min-inline-size:var(--size-xs)}._1dkxmm0sp{min-inline-size:var(--size-sm)}._1dkxmm0su{min-inline-size:var(--size-med)}._1dkxmm0sz{min-inline-size:var(--size-lg)}._1dkxmm0t4{min-inline-size:var(--size-xl)}._1dkxmm0t9{min-inline-size:auto}._1dkxmm0te{min-inline-size:100%}._1dkxmm0tj{min-inline-size:fit-content}._1dkxmm0to{min-inline-size:min-content}._1dkxmm0tt{min-inline-size:max-content}._1dkxmm0ty{min-inline-size:var(--container-prose)}._1dkxmm0u3{min-inline-size:var(--container-page)}._1dkxmm0u8{min-inline-size:var(--container-wide)}._1dkxmm0ud{max-inline-size:var(--size-xs)}._1dkxmm0ui{max-inline-size:var(--size-sm)}._1dkxmm0un{max-inline-size:var(--size-med)}._1dkxmm0us{max-inline-size:var(--size-lg)}._1dkxmm0ux{max-inline-size:var(--size-xl)}._1dkxmm0v2{max-inline-size:auto}._1dkxmm0v7{max-inline-size:100%}._1dkxmm0vc{max-inline-size:fit-content}._1dkxmm0vh{max-inline-size:min-content}._1dkxmm0vm{max-inline-size:max-content}._1dkxmm0vr{max-inline-size:var(--container-prose)}._1dkxmm0vw{max-inline-size:var(--container-page)}._1dkxmm0w1{max-inline-size:var(--container-wide)}._1dkxmm0w6{min-block-size:var(--size-xs)}._1dkxmm0wb{min-block-size:var(--size-sm)}._1dkxmm0wg{min-block-size:var(--size-med)}._1dkxmm0wl{min-block-size:var(--size-lg)}._1dkxmm0wq{min-block-size:var(--size-xl)}._1dkxmm0wv{min-block-size:auto}._1dkxmm0x0{min-block-size:100%}._1dkxmm0x5{min-block-size:fit-content}._1dkxmm0xa{min-block-size:min-content}._1dkxmm0xf{min-block-size:max-content}._1dkxmm0xk{max-block-size:var(--size-xs)}._1dkxmm0xp{max-block-size:var(--size-sm)}._1dkxmm0xu{max-block-size:var(--size-med)}._1dkxmm0xz{max-block-size:var(--size-lg)}._1dkxmm0y4{max-block-size:var(--size-xl)}._1dkxmm0y9{max-block-size:auto}._1dkxmm0ye{max-block-size:100%}._1dkxmm0yj{max-block-size:fit-content}._1dkxmm0yo{max-block-size:min-content}._1dkxmm0yt{max-block-size:max-content}}@media (width>=80em){._1dkxmm04{display:none}._1dkxmm09{display:block}._1dkxmm0e{display:inline}._1dkxmm0j{display:inline-block}._1dkxmm0o{display:flex}._1dkxmm0t{display:inline-flex}._1dkxmm0y{display:grid}._1dkxmm013{display:contents}._1dkxmm018{flex-direction:row}._1dkxmm01d{flex-direction:row-reverse}._1dkxmm01i{flex-direction:column}._1dkxmm01n{flex-direction:column-reverse}._1dkxmm01s{flex-wrap:nowrap}._1dkxmm01x{flex-wrap:wrap}._1dkxmm022{flex-grow:0}._1dkxmm027{flex-grow:1}._1dkxmm02c{flex-shrink:0}._1dkxmm02h{flex-shrink:1}._1dkxmm02m{align-items:start}._1dkxmm02r{align-items:center}._1dkxmm02w{align-items:end}._1dkxmm031{align-items:stretch}._1dkxmm036{align-items:baseline}._1dkxmm03b{align-self:start}._1dkxmm03g{align-self:center}._1dkxmm03l{align-self:end}._1dkxmm03q{align-self:stretch}._1dkxmm03v{align-self:baseline}._1dkxmm040{justify-content:start}._1dkxmm045{justify-content:center}._1dkxmm04a{justify-content:end}._1dkxmm04f{justify-content:space-between}._1dkxmm04k{justify-content:space-around}._1dkxmm04p{justify-content:space-evenly}._1dkxmm04u{gap:var(--space-0)}._1dkxmm04z{gap:var(--space-1)}._1dkxmm054{gap:var(--space-2)}._1dkxmm059{gap:var(--space-4)}._1dkxmm05e{gap:var(--space-6)}._1dkxmm05j{gap:var(--space-8)}._1dkxmm05o{gap:var(--space-12)}._1dkxmm05t{gap:var(--space-16)}._1dkxmm05y{gap:var(--space-20)}._1dkxmm063{gap:var(--space-24)}._1dkxmm068{gap:var(--space-32)}._1dkxmm06d{gap:var(--space-40)}._1dkxmm06i{gap:var(--space-48)}._1dkxmm06n{gap:var(--space-64)}._1dkxmm06s{gap:var(--space-80)}._1dkxmm06x{gap:var(--space-96)}._1dkxmm072{padding-block-start:var(--space-0)}._1dkxmm077{padding-block-start:var(--space-1)}._1dkxmm07c{padding-block-start:var(--space-2)}._1dkxmm07h{padding-block-start:var(--space-4)}._1dkxmm07m{padding-block-start:var(--space-6)}._1dkxmm07r{padding-block-start:var(--space-8)}._1dkxmm07w{padding-block-start:var(--space-12)}._1dkxmm081{padding-block-start:var(--space-16)}._1dkxmm086{padding-block-start:var(--space-20)}._1dkxmm08b{padding-block-start:var(--space-24)}._1dkxmm08g{padding-block-start:var(--space-32)}._1dkxmm08l{padding-block-start:var(--space-40)}._1dkxmm08q{padding-block-start:var(--space-48)}._1dkxmm08v{padding-block-start:var(--space-64)}._1dkxmm090{padding-block-start:var(--space-80)}._1dkxmm095{padding-block-start:var(--space-96)}._1dkxmm09a{padding-block-end:var(--space-0)}._1dkxmm09f{padding-block-end:var(--space-1)}._1dkxmm09k{padding-block-end:var(--space-2)}._1dkxmm09p{padding-block-end:var(--space-4)}._1dkxmm09u{padding-block-end:var(--space-6)}._1dkxmm09z{padding-block-end:var(--space-8)}._1dkxmm0a4{padding-block-end:var(--space-12)}._1dkxmm0a9{padding-block-end:var(--space-16)}._1dkxmm0ae{padding-block-end:var(--space-20)}._1dkxmm0aj{padding-block-end:var(--space-24)}._1dkxmm0ao{padding-block-end:var(--space-32)}._1dkxmm0at{padding-block-end:var(--space-40)}._1dkxmm0ay{padding-block-end:var(--space-48)}._1dkxmm0b3{padding-block-end:var(--space-64)}._1dkxmm0b8{padding-block-end:var(--space-80)}._1dkxmm0bd{padding-block-end:var(--space-96)}._1dkxmm0bi{padding-inline-start:var(--space-0)}._1dkxmm0bn{padding-inline-start:var(--space-1)}._1dkxmm0bs{padding-inline-start:var(--space-2)}._1dkxmm0bx{padding-inline-start:var(--space-4)}._1dkxmm0c2{padding-inline-start:var(--space-6)}._1dkxmm0c7{padding-inline-start:var(--space-8)}._1dkxmm0cc{padding-inline-start:var(--space-12)}._1dkxmm0ch{padding-inline-start:var(--space-16)}._1dkxmm0cm{padding-inline-start:var(--space-20)}._1dkxmm0cr{padding-inline-start:var(--space-24)}._1dkxmm0cw{padding-inline-start:var(--space-32)}._1dkxmm0d1{padding-inline-start:var(--space-40)}._1dkxmm0d6{padding-inline-start:var(--space-48)}._1dkxmm0db{padding-inline-start:var(--space-64)}._1dkxmm0dg{padding-inline-start:var(--space-80)}._1dkxmm0dl{padding-inline-start:var(--space-96)}._1dkxmm0dq{padding-inline-end:var(--space-0)}._1dkxmm0dv{padding-inline-end:var(--space-1)}._1dkxmm0e0{padding-inline-end:var(--space-2)}._1dkxmm0e5{padding-inline-end:var(--space-4)}._1dkxmm0ea{padding-inline-end:var(--space-6)}._1dkxmm0ef{padding-inline-end:var(--space-8)}._1dkxmm0ek{padding-inline-end:var(--space-12)}._1dkxmm0ep{padding-inline-end:var(--space-16)}._1dkxmm0eu{padding-inline-end:var(--space-20)}._1dkxmm0ez{padding-inline-end:var(--space-24)}._1dkxmm0f4{padding-inline-end:var(--space-32)}._1dkxmm0f9{padding-inline-end:var(--space-40)}._1dkxmm0fe{padding-inline-end:var(--space-48)}._1dkxmm0fj{padding-inline-end:var(--space-64)}._1dkxmm0fo{padding-inline-end:var(--space-80)}._1dkxmm0ft{padding-inline-end:var(--space-96)}._1dkxmm0fy{margin-block-start:var(--space-0)}._1dkxmm0g3{margin-block-start:var(--space-1)}._1dkxmm0g8{margin-block-start:var(--space-2)}._1dkxmm0gd{margin-block-start:var(--space-4)}._1dkxmm0gi{margin-block-start:var(--space-6)}._1dkxmm0gn{margin-block-start:var(--space-8)}._1dkxmm0gs{margin-block-start:var(--space-12)}._1dkxmm0gx{margin-block-start:var(--space-16)}._1dkxmm0h2{margin-block-start:var(--space-20)}._1dkxmm0h7{margin-block-start:var(--space-24)}._1dkxmm0hc{margin-block-start:var(--space-32)}._1dkxmm0hh{margin-block-start:var(--space-40)}._1dkxmm0hm{margin-block-start:var(--space-48)}._1dkxmm0hr{margin-block-start:var(--space-64)}._1dkxmm0hw{margin-block-start:var(--space-80)}._1dkxmm0i1{margin-block-start:var(--space-96)}._1dkxmm0i6{margin-block-start:auto}._1dkxmm0ib{margin-block-end:var(--space-0)}._1dkxmm0ig{margin-block-end:var(--space-1)}._1dkxmm0il{margin-block-end:var(--space-2)}._1dkxmm0iq{margin-block-end:var(--space-4)}._1dkxmm0iv{margin-block-end:var(--space-6)}._1dkxmm0j0{margin-block-end:var(--space-8)}._1dkxmm0j5{margin-block-end:var(--space-12)}._1dkxmm0ja{margin-block-end:var(--space-16)}._1dkxmm0jf{margin-block-end:var(--space-20)}._1dkxmm0jk{margin-block-end:var(--space-24)}._1dkxmm0jp{margin-block-end:var(--space-32)}._1dkxmm0ju{margin-block-end:var(--space-40)}._1dkxmm0jz{margin-block-end:var(--space-48)}._1dkxmm0k4{margin-block-end:var(--space-64)}._1dkxmm0k9{margin-block-end:var(--space-80)}._1dkxmm0ke{margin-block-end:var(--space-96)}._1dkxmm0kj{margin-block-end:auto}._1dkxmm0ko{margin-inline-start:var(--space-0)}._1dkxmm0kt{margin-inline-start:var(--space-1)}._1dkxmm0ky{margin-inline-start:var(--space-2)}._1dkxmm0l3{margin-inline-start:var(--space-4)}._1dkxmm0l8{margin-inline-start:var(--space-6)}._1dkxmm0ld{margin-inline-start:var(--space-8)}._1dkxmm0li{margin-inline-start:var(--space-12)}._1dkxmm0ln{margin-inline-start:var(--space-16)}._1dkxmm0ls{margin-inline-start:var(--space-20)}._1dkxmm0lx{margin-inline-start:var(--space-24)}._1dkxmm0m2{margin-inline-start:var(--space-32)}._1dkxmm0m7{margin-inline-start:var(--space-40)}._1dkxmm0mc{margin-inline-start:var(--space-48)}._1dkxmm0mh{margin-inline-start:var(--space-64)}._1dkxmm0mm{margin-inline-start:var(--space-80)}._1dkxmm0mr{margin-inline-start:var(--space-96)}._1dkxmm0mw{margin-inline-start:auto}._1dkxmm0n1{margin-inline-end:var(--space-0)}._1dkxmm0n6{margin-inline-end:var(--space-1)}._1dkxmm0nb{margin-inline-end:var(--space-2)}._1dkxmm0ng{margin-inline-end:var(--space-4)}._1dkxmm0nl{margin-inline-end:var(--space-6)}._1dkxmm0nq{margin-inline-end:var(--space-8)}._1dkxmm0nv{margin-inline-end:var(--space-12)}._1dkxmm0o0{margin-inline-end:var(--space-16)}._1dkxmm0o5{margin-inline-end:var(--space-20)}._1dkxmm0oa{margin-inline-end:var(--space-24)}._1dkxmm0of{margin-inline-end:var(--space-32)}._1dkxmm0ok{margin-inline-end:var(--space-40)}._1dkxmm0op{margin-inline-end:var(--space-48)}._1dkxmm0ou{margin-inline-end:var(--space-64)}._1dkxmm0oz{margin-inline-end:var(--space-80)}._1dkxmm0p4{margin-inline-end:var(--space-96)}._1dkxmm0p9{margin-inline-end:auto}._1dkxmm0pe{inline-size:var(--size-xs)}._1dkxmm0pj{inline-size:var(--size-sm)}._1dkxmm0po{inline-size:var(--size-med)}._1dkxmm0pt{inline-size:var(--size-lg)}._1dkxmm0py{inline-size:var(--size-xl)}._1dkxmm0q3{inline-size:auto}._1dkxmm0q8{inline-size:100%}._1dkxmm0qd{inline-size:fit-content}._1dkxmm0qi{inline-size:min-content}._1dkxmm0qn{inline-size:max-content}._1dkxmm0qs{inline-size:var(--container-prose)}._1dkxmm0qx{inline-size:var(--container-page)}._1dkxmm0r2{inline-size:var(--container-wide)}._1dkxmm0r7{block-size:var(--size-xs)}._1dkxmm0rc{block-size:var(--size-sm)}._1dkxmm0rh{block-size:var(--size-med)}._1dkxmm0rm{block-size:var(--size-lg)}._1dkxmm0rr{block-size:var(--size-xl)}._1dkxmm0rw{block-size:auto}._1dkxmm0s1{block-size:100%}._1dkxmm0s6{block-size:fit-content}._1dkxmm0sb{block-size:min-content}._1dkxmm0sg{block-size:max-content}._1dkxmm0sl{min-inline-size:var(--size-xs)}._1dkxmm0sq{min-inline-size:var(--size-sm)}._1dkxmm0sv{min-inline-size:var(--size-med)}._1dkxmm0t0{min-inline-size:var(--size-lg)}._1dkxmm0t5{min-inline-size:var(--size-xl)}._1dkxmm0ta{min-inline-size:auto}._1dkxmm0tf{min-inline-size:100%}._1dkxmm0tk{min-inline-size:fit-content}._1dkxmm0tp{min-inline-size:min-content}._1dkxmm0tu{min-inline-size:max-content}._1dkxmm0tz{min-inline-size:var(--container-prose)}._1dkxmm0u4{min-inline-size:var(--container-page)}._1dkxmm0u9{min-inline-size:var(--container-wide)}._1dkxmm0ue{max-inline-size:var(--size-xs)}._1dkxmm0uj{max-inline-size:var(--size-sm)}._1dkxmm0uo{max-inline-size:var(--size-med)}._1dkxmm0ut{max-inline-size:var(--size-lg)}._1dkxmm0uy{max-inline-size:var(--size-xl)}._1dkxmm0v3{max-inline-size:auto}._1dkxmm0v8{max-inline-size:100%}._1dkxmm0vd{max-inline-size:fit-content}._1dkxmm0vi{max-inline-size:min-content}._1dkxmm0vn{max-inline-size:max-content}._1dkxmm0vs{max-inline-size:var(--container-prose)}._1dkxmm0vx{max-inline-size:var(--container-page)}._1dkxmm0w2{max-inline-size:var(--container-wide)}._1dkxmm0w7{min-block-size:var(--size-xs)}._1dkxmm0wc{min-block-size:var(--size-sm)}._1dkxmm0wh{min-block-size:var(--size-med)}._1dkxmm0wm{min-block-size:var(--size-lg)}._1dkxmm0wr{min-block-size:var(--size-xl)}._1dkxmm0ww{min-block-size:auto}._1dkxmm0x1{min-block-size:100%}._1dkxmm0x6{min-block-size:fit-content}._1dkxmm0xb{min-block-size:min-content}._1dkxmm0xg{min-block-size:max-content}._1dkxmm0xl{max-block-size:var(--size-xs)}._1dkxmm0xq{max-block-size:var(--size-sm)}._1dkxmm0xv{max-block-size:var(--size-med)}._1dkxmm0y0{max-block-size:var(--size-lg)}._1dkxmm0y5{max-block-size:var(--size-xl)}._1dkxmm0ya{max-block-size:auto}._1dkxmm0yf{max-block-size:100%}._1dkxmm0yk{max-block-size:fit-content}._1dkxmm0yp{max-block-size:min-content}._1dkxmm0yu{max-block-size:max-content}}}
|
|
1
|
+
@layer tokens, reset, atoms.base, atoms.sm, atoms.med, atoms.lg, atoms.xl, components.box, components.checkbox, components.clickable, components.icon, components.icon-button, components.inline, components.stack, components.text, components.avatar, components.badge, components.button, components.chip, components.field, components.color-field, components.heading, components.dialog, components.alert-dialog, components.menu, components.multiselect, components.search-field, components.tabs, components.tag, components.text-field, components.toast, components.visually-hidden;
|
|
2
|
+
@layer atoms.base{._1dkxmm00{display:none}._1dkxmm01{display:block}._1dkxmm02{display:inline}._1dkxmm03{display:inline-block}._1dkxmm04{display:flex}._1dkxmm05{display:inline-flex}._1dkxmm06{display:grid}._1dkxmm07{display:contents}._1dkxmm08{flex-direction:row}._1dkxmm09{flex-direction:row-reverse}._1dkxmm0a{flex-direction:column}._1dkxmm0b{flex-direction:column-reverse}._1dkxmm0c{flex-wrap:nowrap}._1dkxmm0d{flex-wrap:wrap}._1dkxmm0e{flex-grow:0}._1dkxmm0f{flex-grow:1}._1dkxmm0g{flex-shrink:0}._1dkxmm0h{flex-shrink:1}._1dkxmm0i{align-items:start}._1dkxmm0j{align-items:center}._1dkxmm0k{align-items:end}._1dkxmm0l{align-items:stretch}._1dkxmm0m{align-items:baseline}._1dkxmm0n{align-self:start}._1dkxmm0o{align-self:center}._1dkxmm0p{align-self:end}._1dkxmm0q{align-self:stretch}._1dkxmm0r{align-self:baseline}._1dkxmm0s{justify-content:start}._1dkxmm0t{justify-content:center}._1dkxmm0u{justify-content:end}._1dkxmm0v{justify-content:space-between}._1dkxmm0w{justify-content:space-around}._1dkxmm0x{justify-content:space-evenly}._1dkxmm0y{gap:var(--space-0)}._1dkxmm0z{gap:var(--space-1)}._1dkxmm010{gap:var(--space-2)}._1dkxmm011{gap:var(--space-4)}._1dkxmm012{gap:var(--space-6)}._1dkxmm013{gap:var(--space-8)}._1dkxmm014{gap:var(--space-12)}._1dkxmm015{gap:var(--space-16)}._1dkxmm016{gap:var(--space-20)}._1dkxmm017{gap:var(--space-24)}._1dkxmm018{gap:var(--space-32)}._1dkxmm019{gap:var(--space-40)}._1dkxmm01a{gap:var(--space-48)}._1dkxmm01b{gap:var(--space-64)}._1dkxmm01c{gap:var(--space-80)}._1dkxmm01d{gap:var(--space-96)}._1dkxmm01e{padding-block-start:var(--space-0)}._1dkxmm01f{padding-block-start:var(--space-1)}._1dkxmm01g{padding-block-start:var(--space-2)}._1dkxmm01h{padding-block-start:var(--space-4)}._1dkxmm01i{padding-block-start:var(--space-6)}._1dkxmm01j{padding-block-start:var(--space-8)}._1dkxmm01k{padding-block-start:var(--space-12)}._1dkxmm01l{padding-block-start:var(--space-16)}._1dkxmm01m{padding-block-start:var(--space-20)}._1dkxmm01n{padding-block-start:var(--space-24)}._1dkxmm01o{padding-block-start:var(--space-32)}._1dkxmm01p{padding-block-start:var(--space-40)}._1dkxmm01q{padding-block-start:var(--space-48)}._1dkxmm01r{padding-block-start:var(--space-64)}._1dkxmm01s{padding-block-start:var(--space-80)}._1dkxmm01t{padding-block-start:var(--space-96)}._1dkxmm01u{padding-block-end:var(--space-0)}._1dkxmm01v{padding-block-end:var(--space-1)}._1dkxmm01w{padding-block-end:var(--space-2)}._1dkxmm01x{padding-block-end:var(--space-4)}._1dkxmm01y{padding-block-end:var(--space-6)}._1dkxmm01z{padding-block-end:var(--space-8)}._1dkxmm020{padding-block-end:var(--space-12)}._1dkxmm021{padding-block-end:var(--space-16)}._1dkxmm022{padding-block-end:var(--space-20)}._1dkxmm023{padding-block-end:var(--space-24)}._1dkxmm024{padding-block-end:var(--space-32)}._1dkxmm025{padding-block-end:var(--space-40)}._1dkxmm026{padding-block-end:var(--space-48)}._1dkxmm027{padding-block-end:var(--space-64)}._1dkxmm028{padding-block-end:var(--space-80)}._1dkxmm029{padding-block-end:var(--space-96)}._1dkxmm02a{padding-inline-start:var(--space-0)}._1dkxmm02b{padding-inline-start:var(--space-1)}._1dkxmm02c{padding-inline-start:var(--space-2)}._1dkxmm02d{padding-inline-start:var(--space-4)}._1dkxmm02e{padding-inline-start:var(--space-6)}._1dkxmm02f{padding-inline-start:var(--space-8)}._1dkxmm02g{padding-inline-start:var(--space-12)}._1dkxmm02h{padding-inline-start:var(--space-16)}._1dkxmm02i{padding-inline-start:var(--space-20)}._1dkxmm02j{padding-inline-start:var(--space-24)}._1dkxmm02k{padding-inline-start:var(--space-32)}._1dkxmm02l{padding-inline-start:var(--space-40)}._1dkxmm02m{padding-inline-start:var(--space-48)}._1dkxmm02n{padding-inline-start:var(--space-64)}._1dkxmm02o{padding-inline-start:var(--space-80)}._1dkxmm02p{padding-inline-start:var(--space-96)}._1dkxmm02q{padding-inline-end:var(--space-0)}._1dkxmm02r{padding-inline-end:var(--space-1)}._1dkxmm02s{padding-inline-end:var(--space-2)}._1dkxmm02t{padding-inline-end:var(--space-4)}._1dkxmm02u{padding-inline-end:var(--space-6)}._1dkxmm02v{padding-inline-end:var(--space-8)}._1dkxmm02w{padding-inline-end:var(--space-12)}._1dkxmm02x{padding-inline-end:var(--space-16)}._1dkxmm02y{padding-inline-end:var(--space-20)}._1dkxmm02z{padding-inline-end:var(--space-24)}._1dkxmm030{padding-inline-end:var(--space-32)}._1dkxmm031{padding-inline-end:var(--space-40)}._1dkxmm032{padding-inline-end:var(--space-48)}._1dkxmm033{padding-inline-end:var(--space-64)}._1dkxmm034{padding-inline-end:var(--space-80)}._1dkxmm035{padding-inline-end:var(--space-96)}._1dkxmm036{margin-block-start:var(--space-0)}._1dkxmm037{margin-block-start:var(--space-1)}._1dkxmm038{margin-block-start:var(--space-2)}._1dkxmm039{margin-block-start:var(--space-4)}._1dkxmm03a{margin-block-start:var(--space-6)}._1dkxmm03b{margin-block-start:var(--space-8)}._1dkxmm03c{margin-block-start:var(--space-12)}._1dkxmm03d{margin-block-start:var(--space-16)}._1dkxmm03e{margin-block-start:var(--space-20)}._1dkxmm03f{margin-block-start:var(--space-24)}._1dkxmm03g{margin-block-start:var(--space-32)}._1dkxmm03h{margin-block-start:var(--space-40)}._1dkxmm03i{margin-block-start:var(--space-48)}._1dkxmm03j{margin-block-start:var(--space-64)}._1dkxmm03k{margin-block-start:var(--space-80)}._1dkxmm03l{margin-block-start:var(--space-96)}._1dkxmm03m{margin-block-start:auto}._1dkxmm03n{margin-block-end:var(--space-0)}._1dkxmm03o{margin-block-end:var(--space-1)}._1dkxmm03p{margin-block-end:var(--space-2)}._1dkxmm03q{margin-block-end:var(--space-4)}._1dkxmm03r{margin-block-end:var(--space-6)}._1dkxmm03s{margin-block-end:var(--space-8)}._1dkxmm03t{margin-block-end:var(--space-12)}._1dkxmm03u{margin-block-end:var(--space-16)}._1dkxmm03v{margin-block-end:var(--space-20)}._1dkxmm03w{margin-block-end:var(--space-24)}._1dkxmm03x{margin-block-end:var(--space-32)}._1dkxmm03y{margin-block-end:var(--space-40)}._1dkxmm03z{margin-block-end:var(--space-48)}._1dkxmm040{margin-block-end:var(--space-64)}._1dkxmm041{margin-block-end:var(--space-80)}._1dkxmm042{margin-block-end:var(--space-96)}._1dkxmm043{margin-block-end:auto}._1dkxmm044{margin-inline-start:var(--space-0)}._1dkxmm045{margin-inline-start:var(--space-1)}._1dkxmm046{margin-inline-start:var(--space-2)}._1dkxmm047{margin-inline-start:var(--space-4)}._1dkxmm048{margin-inline-start:var(--space-6)}._1dkxmm049{margin-inline-start:var(--space-8)}._1dkxmm04a{margin-inline-start:var(--space-12)}._1dkxmm04b{margin-inline-start:var(--space-16)}._1dkxmm04c{margin-inline-start:var(--space-20)}._1dkxmm04d{margin-inline-start:var(--space-24)}._1dkxmm04e{margin-inline-start:var(--space-32)}._1dkxmm04f{margin-inline-start:var(--space-40)}._1dkxmm04g{margin-inline-start:var(--space-48)}._1dkxmm04h{margin-inline-start:var(--space-64)}._1dkxmm04i{margin-inline-start:var(--space-80)}._1dkxmm04j{margin-inline-start:var(--space-96)}._1dkxmm04k{margin-inline-start:auto}._1dkxmm04l{margin-inline-end:var(--space-0)}._1dkxmm04m{margin-inline-end:var(--space-1)}._1dkxmm04n{margin-inline-end:var(--space-2)}._1dkxmm04o{margin-inline-end:var(--space-4)}._1dkxmm04p{margin-inline-end:var(--space-6)}._1dkxmm04q{margin-inline-end:var(--space-8)}._1dkxmm04r{margin-inline-end:var(--space-12)}._1dkxmm04s{margin-inline-end:var(--space-16)}._1dkxmm04t{margin-inline-end:var(--space-20)}._1dkxmm04u{margin-inline-end:var(--space-24)}._1dkxmm04v{margin-inline-end:var(--space-32)}._1dkxmm04w{margin-inline-end:var(--space-40)}._1dkxmm04x{margin-inline-end:var(--space-48)}._1dkxmm04y{margin-inline-end:var(--space-64)}._1dkxmm04z{margin-inline-end:var(--space-80)}._1dkxmm050{margin-inline-end:var(--space-96)}._1dkxmm051{margin-inline-end:auto}._1dkxmm052{inline-size:var(--size-xs)}._1dkxmm053{inline-size:var(--size-sm)}._1dkxmm054{inline-size:var(--size-med)}._1dkxmm055{inline-size:var(--size-lg)}._1dkxmm056{inline-size:var(--size-xl)}._1dkxmm057{inline-size:auto}._1dkxmm058{inline-size:100%}._1dkxmm059{inline-size:fit-content}._1dkxmm05a{inline-size:min-content}._1dkxmm05b{inline-size:max-content}._1dkxmm05c{inline-size:var(--container-prose)}._1dkxmm05d{inline-size:var(--container-page)}._1dkxmm05e{inline-size:var(--container-wide)}._1dkxmm05f{block-size:var(--size-xs)}._1dkxmm05g{block-size:var(--size-sm)}._1dkxmm05h{block-size:var(--size-med)}._1dkxmm05i{block-size:var(--size-lg)}._1dkxmm05j{block-size:var(--size-xl)}._1dkxmm05k{block-size:auto}._1dkxmm05l{block-size:100%}._1dkxmm05m{block-size:fit-content}._1dkxmm05n{block-size:min-content}._1dkxmm05o{block-size:max-content}._1dkxmm05p{min-inline-size:var(--size-xs)}._1dkxmm05q{min-inline-size:var(--size-sm)}._1dkxmm05r{min-inline-size:var(--size-med)}._1dkxmm05s{min-inline-size:var(--size-lg)}._1dkxmm05t{min-inline-size:var(--size-xl)}._1dkxmm05u{min-inline-size:auto}._1dkxmm05v{min-inline-size:100%}._1dkxmm05w{min-inline-size:fit-content}._1dkxmm05x{min-inline-size:min-content}._1dkxmm05y{min-inline-size:max-content}._1dkxmm05z{min-inline-size:var(--container-prose)}._1dkxmm060{min-inline-size:var(--container-page)}._1dkxmm061{min-inline-size:var(--container-wide)}._1dkxmm062{max-inline-size:var(--size-xs)}._1dkxmm063{max-inline-size:var(--size-sm)}._1dkxmm064{max-inline-size:var(--size-med)}._1dkxmm065{max-inline-size:var(--size-lg)}._1dkxmm066{max-inline-size:var(--size-xl)}._1dkxmm067{max-inline-size:auto}._1dkxmm068{max-inline-size:100%}._1dkxmm069{max-inline-size:fit-content}._1dkxmm06a{max-inline-size:min-content}._1dkxmm06b{max-inline-size:max-content}._1dkxmm06c{max-inline-size:var(--container-prose)}._1dkxmm06d{max-inline-size:var(--container-page)}._1dkxmm06e{max-inline-size:var(--container-wide)}._1dkxmm06f{min-block-size:var(--size-xs)}._1dkxmm06g{min-block-size:var(--size-sm)}._1dkxmm06h{min-block-size:var(--size-med)}._1dkxmm06i{min-block-size:var(--size-lg)}._1dkxmm06j{min-block-size:var(--size-xl)}._1dkxmm06k{min-block-size:auto}._1dkxmm06l{min-block-size:100%}._1dkxmm06m{min-block-size:fit-content}._1dkxmm06n{min-block-size:min-content}._1dkxmm06o{min-block-size:max-content}._1dkxmm06p{max-block-size:var(--size-xs)}._1dkxmm06q{max-block-size:var(--size-sm)}._1dkxmm06r{max-block-size:var(--size-med)}._1dkxmm06s{max-block-size:var(--size-lg)}._1dkxmm06t{max-block-size:var(--size-xl)}._1dkxmm06u{max-block-size:auto}._1dkxmm06v{max-block-size:100%}._1dkxmm06w{max-block-size:fit-content}._1dkxmm06x{max-block-size:min-content}._1dkxmm06y{max-block-size:max-content}._1dkxmm0yv{color:var(--color-bg)}._1dkxmm0yw{color:var(--color-bg-muted)}._1dkxmm0yx{color:var(--color-bg-raised)}._1dkxmm0yy{color:var(--color-fg)}._1dkxmm0yz{color:var(--color-fg-muted)}._1dkxmm0z0{color:var(--color-border)}._1dkxmm0z1{color:var(--color-border-strong)}._1dkxmm0z2{color:var(--color-accent)}._1dkxmm0z3{color:var(--color-accent-fg)}._1dkxmm0z4{color:var(--color-accent-fill-fg)}._1dkxmm0z5{color:var(--color-danger)}._1dkxmm0z6{color:var(--color-danger-fg)}._1dkxmm0z7{color:var(--color-success)}._1dkxmm0z8{color:var(--color-success-fg)}._1dkxmm0z9{color:var(--color-warning)}._1dkxmm0za{color:var(--color-warning-fg)}._1dkxmm0zb{color:var(--color-done)}._1dkxmm0zc{color:var(--color-done-fg)}._1dkxmm0zd{color:var(--color-neutral-subtle-fg)}._1dkxmm0ze{color:var(--color-accent-subtle-fg)}._1dkxmm0zf{color:var(--color-success-subtle-fg)}._1dkxmm0zg{color:var(--color-warning-subtle-fg)}._1dkxmm0zh{color:var(--color-danger-subtle-fg)}._1dkxmm0zi{color:var(--color-done-subtle-fg)}._1dkxmm0zj{color:var(--color-focus)}._1dkxmm0zk{background-color:var(--color-bg)}._1dkxmm0zl{background-color:var(--color-bg-muted)}._1dkxmm0zm{background-color:var(--color-bg-raised)}._1dkxmm0zn{background-color:var(--color-fg)}._1dkxmm0zo{background-color:var(--color-fg-muted)}._1dkxmm0zp{background-color:var(--color-border)}._1dkxmm0zq{background-color:var(--color-border-strong)}._1dkxmm0zr{background-color:var(--color-accent)}._1dkxmm0zs{background-color:var(--color-accent-fg)}._1dkxmm0zt{background-color:var(--color-accent-fill)}._1dkxmm0zu{background-color:var(--color-accent-fill-fg)}._1dkxmm0zv{background-color:var(--color-danger)}._1dkxmm0zw{background-color:var(--color-danger-fg)}._1dkxmm0zx{background-color:var(--color-success)}._1dkxmm0zy{background-color:var(--color-success-fg)}._1dkxmm0zz{background-color:var(--color-warning)}._1dkxmm0100{background-color:var(--color-warning-fg)}._1dkxmm0101{background-color:var(--color-done)}._1dkxmm0102{background-color:var(--color-done-fg)}._1dkxmm0103{background-color:var(--color-neutral-subtle)}._1dkxmm0104{background-color:var(--color-neutral-subtle-fg)}._1dkxmm0105{background-color:var(--color-accent-subtle)}._1dkxmm0106{background-color:var(--color-accent-subtle-fg)}._1dkxmm0107{background-color:var(--color-success-subtle)}._1dkxmm0108{background-color:var(--color-success-subtle-fg)}._1dkxmm0109{background-color:var(--color-warning-subtle)}._1dkxmm010a{background-color:var(--color-warning-subtle-fg)}._1dkxmm010b{background-color:var(--color-danger-subtle)}._1dkxmm010c{background-color:var(--color-danger-subtle-fg)}._1dkxmm010d{background-color:var(--color-done-subtle)}._1dkxmm010e{background-color:var(--color-done-subtle-fg)}._1dkxmm010f{background-color:var(--color-focus)}._1dkxmm010g{border-radius:var(--radius-none)}._1dkxmm010h{border-radius:var(--radius-sm)}._1dkxmm010i{border-radius:var(--radius-med)}._1dkxmm010j{border-radius:var(--radius-lg)}._1dkxmm010k{border-radius:var(--radius-xl)}._1dkxmm010l{border-radius:var(--radius-full)}._1dkxmm010m{box-shadow:var(--shadow-sm)}._1dkxmm010n{box-shadow:var(--shadow-med)}._1dkxmm010o{box-shadow:var(--shadow-lg)}._1dkxmm010p{position:static}._1dkxmm010q{position:relative}._1dkxmm010r{position:absolute}._1dkxmm010s{position:fixed}._1dkxmm010t{position:sticky}._1dkxmm010u{z-index:var(--z-index-base)}._1dkxmm010v{z-index:var(--z-index-raised)}._1dkxmm010w{z-index:var(--z-index-dropdown)}._1dkxmm010x{z-index:var(--z-index-sticky)}._1dkxmm010y{z-index:var(--z-index-overlay)}._1dkxmm010z{z-index:var(--z-index-modal)}._1dkxmm0110{z-index:var(--z-index-popover)}._1dkxmm0111{z-index:var(--z-index-toast)}._1dkxmm0112{z-index:var(--z-index-tooltip)}._1dkxmm0113{overflow:visible}._1dkxmm0114{overflow:hidden}._1dkxmm0115{overflow:clip}._1dkxmm0116{overflow:auto}._1dkxmm0117{text-align:start}._1dkxmm0118{text-align:center}._1dkxmm0119{text-align:end}}
|