@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.
Files changed (79) hide show
  1. package/dist/Avatar/Avatar.css +1 -1
  2. package/dist/Avatar/index.d.mts +1 -1
  3. package/dist/Avatar/index.mjs +1 -1
  4. package/dist/Badge/Badge.css +1 -1
  5. package/dist/Badge/index.d.mts +1 -1
  6. package/dist/Badge/index.mjs +1 -1
  7. package/dist/Box/Box.css +1 -1
  8. package/dist/Box/ResponsiveCheck.mjs +17 -0
  9. package/dist/Box/base.d.mts +8 -0
  10. package/dist/Box/base.mjs +17 -0
  11. package/dist/Box/index.d.mts +4 -7
  12. package/dist/Box/index.mjs +4 -13
  13. package/dist/Button/Button.css +1 -1
  14. package/dist/Button/index.d.mts +1 -1
  15. package/dist/Button/index.mjs +1 -1
  16. package/dist/Checkbox/Checkbox.css +1 -1
  17. package/dist/Checkbox/index.mjs +1 -1
  18. package/dist/Chip/Chip.css +1 -1
  19. package/dist/Chip/index.mjs +1 -1
  20. package/dist/Clickable/Clickable.css +1 -1
  21. package/dist/Clickable/index.d.mts +1 -1
  22. package/dist/Clickable/index.mjs +1 -1
  23. package/dist/ColorField/ColorField.css +1 -1
  24. package/dist/ColorField/client.mjs +8 -8
  25. package/dist/ColorField/index.d.mts +1 -1
  26. package/dist/Dialog/Dialog.css +1 -1
  27. package/dist/Dialog/client.d.mts +1 -1
  28. package/dist/Dialog/client.mjs +1 -1
  29. package/dist/Dialog/index.d.mts +1 -1
  30. package/dist/Dialog/index.mjs +1 -1
  31. package/dist/Field/Field.css +1 -1
  32. package/dist/Field/client.mjs +1 -1
  33. package/dist/Field/index.mjs +18 -18
  34. package/dist/Heading/Heading.css +1 -1
  35. package/dist/Icon/Icon.css +1 -1
  36. package/dist/IconButton/IconButton.css +1 -1
  37. package/dist/IconButton/index.d.mts +1 -1
  38. package/dist/Inline/Inline.css +1 -1
  39. package/dist/Inline/index.d.mts +2 -1
  40. package/dist/Menu/Menu.css +1 -1
  41. package/dist/Menu/client.mjs +16 -16
  42. package/dist/Menu/index.d.mts +1 -1
  43. package/dist/Menu/index.mjs +25 -25
  44. package/dist/MultiSelect/MultiSelect.css +1 -1
  45. package/dist/MultiSelect/client.mjs +25 -25
  46. package/dist/MultiSelect/index.d.mts +1 -1
  47. package/dist/MultiSelect/index.mjs +1 -1
  48. package/dist/SearchField/SearchField.css +1 -1
  49. package/dist/SearchField/client.mjs +9 -9
  50. package/dist/SearchField/index.d.mts +1 -1
  51. package/dist/Stack/Stack.css +1 -1
  52. package/dist/Stack/index.d.mts +2 -1
  53. package/dist/Tabs/Tabs.css +1 -1
  54. package/dist/Tabs/index.mjs +1 -1
  55. package/dist/Tag/Tag.css +1 -1
  56. package/dist/Tag/index.d.mts +1 -1
  57. package/dist/Tag/index.mjs +1 -1
  58. package/dist/Text/Text.css +1 -1
  59. package/dist/Text/index.d.mts +1 -1
  60. package/dist/Text/index.mjs +1 -1
  61. package/dist/TextField/TextField.css +1 -1
  62. package/dist/TextField/index.d.mts +1 -1
  63. package/dist/Toast/Toast.css +1 -1
  64. package/dist/Toast/client.mjs +42 -42
  65. package/dist/VisuallyHidden/VisuallyHidden.css +1 -1
  66. package/dist/base.css +1 -1
  67. package/dist/docs/manifest.json +1 -1
  68. package/dist/docs/migrations/0.9.0.md +27 -0
  69. package/dist/index.d.mts +2 -1
  70. package/dist/index.mjs +11 -11
  71. package/dist/popup/client.mjs +24 -24
  72. package/dist/styles/atoms.css +2 -2
  73. package/dist/styles/atoms.css.d.mts +31 -31
  74. package/dist/styles/atoms.css.mjs +1500 -1500
  75. package/dist/styles/layers.css +2 -2
  76. package/dist/styles/part-props.d.mts +1 -1
  77. package/dist/styles/responsive.css +2 -0
  78. package/dist/styles/responsive.css.mjs +6 -0
  79. package/package.json +5 -3
@@ -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/index.mjs";
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 { jsx as _, jsxs as v } from "react/jsx-runtime";
14
- import { createContext as y, use as b, useCallback as x, useEffect as S, useLayoutEffect as C, useMemo as w, useRef as T, useState as E } from "react";
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 = y(null), A = y(null), j = (e) => e !== void 0 && Object.hasOwn(O, e);
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] = E(D.createToastManager);
33
- return /* @__PURE__ */ _(D.Provider, {
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__ */ v(k, {
36
+ children: /* @__PURE__ */ E(k, {
37
37
  value: u,
38
38
  children: [
39
- /* @__PURE__ */ _(t, {
39
+ /* @__PURE__ */ T(t, {
40
40
  as: "span",
41
41
  hidden: !0,
42
42
  ref: l
43
43
  }),
44
44
  s,
45
- /* @__PURE__ */ _(P, {}),
46
- /* @__PURE__ */ _(D.Portal, {
45
+ /* @__PURE__ */ T(P, {}),
46
+ /* @__PURE__ */ T(D.Portal, {
47
47
  container: c,
48
- children: /* @__PURE__ */ _(N, {
48
+ children: /* @__PURE__ */ T(N, {
49
49
  className: i,
50
50
  regionLabel: r,
51
51
  style: o,
52
- children: /* @__PURE__ */ _(F, { closeLabel: n })
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 = T(null), s = T(null);
61
- return S(() => {
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__ */ _(D.Viewport, {
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__ */ _(t, {
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__ */ _("div", {
92
+ children: /* @__PURE__ */ T("div", {
93
93
  className: p,
94
- children: /* @__PURE__ */ _(A, {
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__ */ v("div", { children: [
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__ */ v("div", {
107
+ return /* @__PURE__ */ E("div", {
108
108
  className: u,
109
- children: [/* @__PURE__ */ _("div", {
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__ */ _("div", {
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__ */ _(I, {
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 = b(k), g = b(A), [y, S] = E(!1), w = x((e) => {
131
- e && S(getComputedStyle(e).direction === "rtl");
132
- }, []), M = T(!1), N = a.transitionStatus === "ending";
133
- return C(() => {
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__ */ v(D.Root, {
142
+ ]), /* @__PURE__ */ E(D.Root, {
143
143
  "aria-modal": void 0,
144
- ref: w,
145
- render: /* @__PURE__ */ _(t, {
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", y ? "left" : "right"],
156
+ swipeDirection: ["down", _ ? "left" : "right"],
157
157
  toast: a,
158
158
  children: [
159
- /* @__PURE__ */ _(t, {
159
+ /* @__PURE__ */ T(t, {
160
160
  display: "flex",
161
161
  flexShrink: 0,
162
162
  paddingBlock: "2",
163
- children: /* @__PURE__ */ _(l, { color: u })
163
+ children: /* @__PURE__ */ T(l, { color: u })
164
164
  }),
165
- /* @__PURE__ */ v(t, {
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__ */ _(D.Title, { render: /* @__PURE__ */ _(r, {
173
+ /* @__PURE__ */ T(D.Title, { render: /* @__PURE__ */ T(r, {
174
174
  as: "div",
175
175
  weight: "medium"
176
176
  }) }),
177
- /* @__PURE__ */ _(D.Description, { render: /* @__PURE__ */ _(r, {
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__ */ _(D.Action, { render: /* @__PURE__ */ _(i, {
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__ */ _(D.Close, {
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__ */ _(n, {
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__ */ _(s, {})
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 = b(k);
214
+ let e = v(k);
215
215
  if (!e) throw Error("useToast must be called under Toast.Provider.");
216
- return w(() => {
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}}}
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "./manifest.schema.json",
3
3
  "package": "@jonmilner/ui",
4
- "version": "0.8.2",
4
+ "version": "0.9.0",
5
5
  "components": [
6
6
  {
7
7
  "name": "AlertDialog",
@@ -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 { Box, BoxProps, StyleProps } from "./Box/index.mjs";
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 { Box as e } from "./Box/index.mjs";
2
- import { Clickable as t } from "./Clickable/index.mjs";
3
- import { Icon as n } from "./Icon/index.mjs";
4
- import { Text as r } from "./Text/index.mjs";
5
- import { Button as i } from "./Button/index.mjs";
6
- import { Heading as a } from "./Heading/index.mjs";
7
- import { Dialog as o } from "./Dialog/index.mjs";
8
- import { AlertDialog as s } from "./AlertDialog/index.mjs";
9
- import { Avatar as c } from "./Avatar/index.mjs";
10
- import { Badge as l } from "./Badge/index.mjs";
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 { s as AlertDialog, c as Avatar, l as Badge, e as Box, i as Button, u as Checkbox, d as Chip, f as ChipGroup, t as Clickable, m as ColorField, o as Dialog, p as Field, a as Heading, n 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, r as Text, C as TextField, T as ThemeProvider, D as Toast, O as VisuallyHidden, w as defineTheme, E as useToast };
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 };
@@ -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 { jsx as r } from "react/jsx-runtime";
6
- import { createContext as i, use as a, useCallback as o, useLayoutEffect as s, useRef as c } from "react";
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 = i({
8
+ var l = r({
9
9
  container: { current: null },
10
10
  ref: () => {},
11
11
  trigger: { current: null }
12
- }), u = i({ current: {
12
+ }), u = r({ current: {
13
13
  keyboard: !1,
14
14
  opener: null
15
15
  } });
16
16
  function d({ children: e }) {
17
- let t = c({
17
+ let t = s({
18
18
  keyboard: !1,
19
19
  opener: null
20
20
  });
21
- return /* @__PURE__ */ r(l, {
21
+ return /* @__PURE__ */ c(l, {
22
22
  value: n(),
23
- children: /* @__PURE__ */ r(u, {
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 a(l);
30
+ return i(l);
31
31
  }
32
- function p({ variant: n, size: i, iconStart: a, iconEnd: o, ...s }) {
33
- return n || i || a || o ? /* @__PURE__ */ r(t, {
34
- ...s,
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: i,
37
- iconStart: a,
38
- iconEnd: o
39
- }) : /* @__PURE__ */ r(e, { ...s });
36
+ size: r,
37
+ iconStart: i,
38
+ iconEnd: a
39
+ }) : /* @__PURE__ */ c(e, { ...o });
40
40
  }
41
41
  function m(e) {
42
- let t = a(u);
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: i } = f(), l = a(u), d = c(null), p = o((t) => {
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 s(() => {
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]), s(() => {
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: a, keyboard: o, opener: s } = l.current;
98
+ let { reason: i, keyboard: a, opener: o } = l.current;
99
99
  l.current.recorded = !1;
100
- let c = s?.isConnected ? s : i.current, { activeElement: u } = e.ownerDocument, f = n && a === "outside-press" && v(e.ownerDocument);
101
- if (!t && c instanceof HTMLElement && (f || e.contains(u) && !g.has(a ?? ""))) {
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
- o && (e.focusVisible = !0), c.focus(e);
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
- i
111
+ c
112
112
  ]), {
113
113
  "aria-hidden": !r || void 0,
114
114
  ref: p
@@ -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}}