@teacss/preset-official 0.5.2 → 0.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +202 -32
- package/dist/index.js +2 -2
- package/package.json +6 -3
package/README.md
CHANGED
|
@@ -2,27 +2,51 @@
|
|
|
2
2
|
|
|
3
3
|
An optional catalogue of structural component shortcuts. It lets applications
|
|
4
4
|
reuse semantic class names without repeating long utility strings.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
Enable Standard for the seven role palettes, scales and preflight. Official adds
|
|
6
|
+
no theme tokens. Components use numbered role colors directly:
|
|
7
|
+
|
|
8
|
+
```html
|
|
9
|
+
<button class="btn bg-color:primary-200 text-color:primary-950 bg-color:primary-300@hover bg-color:primary-400@active focus-ring outline-style:solid@focus-visible outline-color:focused-900@focus-visible">
|
|
10
|
+
Save changes
|
|
11
|
+
</button>
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
Primary creates emphasis. Neutral builds the interface. Semantic colors communicate state.
|
|
15
|
+
|
|
16
|
+
The roles are primary (gray), neutral (sage), focused (follows neutral), success
|
|
17
|
+
(jade), warning (amber), failure (red), and general (blue). Declare available
|
|
18
|
+
palettes centrally with `@primary "red,blue";`, then select with
|
|
19
|
+
`data-css-primary="red"`. Components keep their color classes when the theme changes.
|
|
20
|
+
|
|
21
|
+
Use 100/150 for page/subtle surfaces, 200/300/400 for normal/hover/active UI
|
|
22
|
+
surfaces, 500/600/700 for borders, 800/850 for solid fills, and 900/950 for text.
|
|
23
|
+
Do not add background, hover or component color aliases. Prefer 200 with 950
|
|
24
|
+
text; check 800/850 foreground contrast for each selected palette and mode.
|
|
25
|
+
Existing high-contrast inverted specimens use 900/100 directly.
|
|
26
|
+
Focus outlines use `focused-900` with an explicit style and width. A palette
|
|
27
|
+
selection does not trigger focus. A neutral scrim uses `neutral-950/32`; its tint
|
|
28
|
+
follows the palette and mode. Existing spacing/radius/shadow scales are reused.
|
|
29
|
+
Disabling preflight leaves variable definitions to the application; on-demand
|
|
30
|
+
mode emits used dependencies.
|
|
13
31
|
|
|
14
32
|
## Usage
|
|
15
33
|
|
|
16
34
|
Select Standard and Official explicitly:
|
|
17
35
|
|
|
18
36
|
```css
|
|
19
|
-
@
|
|
20
|
-
@preset "official";
|
|
37
|
+
@presets "standard,official";
|
|
21
38
|
@source "./src/**/*.{ts,tsx,html}";
|
|
22
39
|
@teacss;
|
|
23
40
|
```
|
|
24
41
|
|
|
25
42
|
Official does not enable Standard. Unused classes emit no CSS.
|
|
43
|
+
Standard preflight makes `hidden` take precedence over ordinary display styles,
|
|
44
|
+
including Official shortcuts, application utilities and inline styles. Remove
|
|
45
|
+
`hidden` to restore the current component state. `hidden="until-found"` restores
|
|
46
|
+
the tag's native display; discovery depends on the tag and browser. Use a `div`
|
|
47
|
+
or `section` container for discoverable content. With preflight disabled, supply
|
|
48
|
+
your own hiding rules. Modal/Sheet motion stops immediately while hidden; removing
|
|
49
|
+
hidden does not open a closed dialog or popover.
|
|
26
50
|
`tab`, `listbox-option`, `fab`, `step-marker`, `file-input`, `rating`, `toggle`
|
|
27
51
|
and `pagination-ellipsis` do not suppress text selection. `dropzone-content`
|
|
28
52
|
also permits selection while its native input retains pointer ownership. Native controls may
|
|
@@ -31,19 +55,35 @@ application adds dragging, scope any `user-select:none` to that interaction.
|
|
|
31
55
|
Swap only excludes inactive faces from selection; the visible face remains
|
|
32
56
|
selectable. Its decorative faces still need `aria-hidden` and a named control.
|
|
33
57
|
Swap fades for 150ms by default; explicit `swap--rotate` and `swap--scale`
|
|
34
|
-
retain 300ms motion. Reduced motion disables all three transitions
|
|
58
|
+
retain 300ms motion. Reduced motion disables all three transitions and removes
|
|
59
|
+
rotate/scale poses. Active and motion modifiers can have independent conditions.
|
|
60
|
+
Keep the native input before its direct faces: checked displays on, while
|
|
61
|
+
indeterminate displays mixed even when `swap--active` also matches. Nested swaps
|
|
62
|
+
keep their own state.
|
|
35
63
|
|
|
36
64
|
Checkbox marks use an undelayed 100ms opacity transition, disabled under
|
|
37
65
|
reduced motion. Checked and mixed shapes change without a drawing animation.
|
|
66
|
+
For sibling `checkbox-indicator` marks, set `data-css-peer` on the native input,
|
|
67
|
+
then place decorative, `aria-hidden` marks after it in the same wrapper.
|
|
38
68
|
Filter options use 150ms opacity/visibility feedback without scale animation; keyboard
|
|
39
69
|
focus and reduced motion disable the transition.
|
|
40
70
|
|
|
41
71
|
For Skeleton, put sizing text inside a child and mark the decorative container
|
|
42
72
|
`aria-hidden="true"`; transparent direct text can reappear in forced colors.
|
|
73
|
+
Its default `rd:1x` does not depend on sibling position; override the root radius
|
|
74
|
+
explicitly when a different outline is needed.
|
|
43
75
|
Keep a visible loading explanation outside it. Supply a static background for
|
|
44
76
|
reduced motion and an outline in forced colors; do not put focusable controls
|
|
45
77
|
inside the placeholder or rely on CSS to hide sensitive content.
|
|
46
78
|
|
|
79
|
+
`reset-checkbox` and `reset-radio` remove native presentation. Add labelled
|
|
80
|
+
checked and focus feedback when using them, and restore native appearance in
|
|
81
|
+
forced colors if custom marks are hidden.
|
|
82
|
+
|
|
83
|
+
Native `progress` tracks and fills, and a direct `progress-indicator` child,
|
|
84
|
+
inherit the root radius. For example, `progress rd:0` makes both track and fill
|
|
85
|
+
square while the default remains pill-shaped.
|
|
86
|
+
|
|
47
87
|
Programmatic consumers import `presetOfficial` from
|
|
48
88
|
`@teacss/preset-official` or `teacss/preset-official`. The direct package
|
|
49
89
|
also exports `shortcuts` and `CustomShortcut`:
|
|
@@ -58,10 +98,37 @@ export const applicationShortcuts: CustomShortcut[] = [
|
|
|
58
98
|
|
|
59
99
|
Use the complete `presetOfficial()` when installing the catalogue. If replacing
|
|
60
100
|
its `shortcuts` array programmatically, preserve the returned preset's other
|
|
61
|
-
fields: prose
|
|
101
|
+
fields: prose needs its rules.
|
|
62
102
|
|
|
63
103
|
## Naming
|
|
64
104
|
|
|
105
|
+
### Numbered typography
|
|
106
|
+
|
|
107
|
+
Commons `typography` provides `text-1x` through `text-9x` and `heading-1x`
|
|
108
|
+
through `heading-9x`. `text-Nx` combines `font-size:Nx`, `letter-spacing:Nx`
|
|
109
|
+
and `line-height:Nx`. `heading-Nx` uses the same size and tracking, with tighter
|
|
110
|
+
leading at steps 2–5 following [Radix Heading](https://github.com/radix-ui/themes/blob/main/packages/radix-ui-themes/src/styles/tokens/typography.css).
|
|
111
|
+
Radix's default heading tracking adjustment is zero.
|
|
112
|
+
|
|
113
|
+
| Step | 1x | 2x | 3x | 4x | 5x | 6x | 7x | 8x | 9x |
|
|
114
|
+
| --- | --- | --- | --- | --- | --- | --- | --- | --- | --- |
|
|
115
|
+
| Heading `line-height:` value | `1x` | `[calc(var(--spacing)*4.5)]` | `[calc(var(--spacing)*5.5)]` | `3x` | `4x` | `6x` | `7x` | `8x` | `9x` |
|
|
116
|
+
| Default heading line height (px) | 16 | 18 | 22 | 24 | 26 | 30 | 36 | 40 | 60 |
|
|
117
|
+
|
|
118
|
+
The pixel row assumes a 16px root and default 4px spacing. Heading steps 2/3
|
|
119
|
+
follow `--spacing`; the other metrics follow their referenced Standard tokens.
|
|
120
|
+
For example, changing `lineHeight.3x` affects `text-3x` and `heading-4x`.
|
|
121
|
+
Standard's `8x` font size remains 36px.
|
|
122
|
+
|
|
123
|
+
Each shortcut sets exactly three properties. Choose font weight, family, colors,
|
|
124
|
+
wrapping and HTML heading level separately. There are no implicit breakpoints;
|
|
125
|
+
use suffix conditions and ordinary utilities to customize the metrics:
|
|
126
|
+
|
|
127
|
+
```html
|
|
128
|
+
<h2 class="heading-4x heading-6x@md font-weight:7x">Project overview</h2>
|
|
129
|
+
<p class="text-3x line-height:4x">A more relaxed text line.</p>
|
|
130
|
+
```
|
|
131
|
+
|
|
65
132
|
### Reusable focus, disclosure and field fragments
|
|
66
133
|
|
|
67
134
|
`field-row` wraps long label words beside fixed controls (`overflow-wrap:anywhere`).
|
|
@@ -104,6 +171,15 @@ and forced-colors mode. These classes do not suppress native focus.
|
|
|
104
171
|
preference. Keep bodies in ordinary native flow. Do not combine it with the
|
|
105
172
|
grid-based `collapse` or the immediate `collapse-folds` hiding contract.
|
|
106
173
|
|
|
174
|
+
Text controls (`btn`, `input`, `file-input`, and `input-shell`) use responsive
|
|
175
|
+
minimum block sizes, with padding that leaves room for their text. At the default
|
|
176
|
+
root font and spacing, the single-line baseline remains 36px below `sm` and 32px
|
|
177
|
+
from `sm`. Reducing root `--scaling` reduces spacing while content can keep the
|
|
178
|
+
control taller than that minimum; font size and line height do not shrink.
|
|
179
|
+
`textarea` retains its 20-unit minimum. If an explicit height should be smaller
|
|
180
|
+
than a component's density floor, override `min-block-size:` as well and retain
|
|
181
|
+
enough space for its text.
|
|
182
|
+
|
|
107
183
|
`input-shell input-shell--grid` holds exactly one direct native input or
|
|
108
184
|
textarea in its centre. Direct `input-affix` children require one of
|
|
109
185
|
`input-affix--inline-start`, `input-affix--inline-end`,
|
|
@@ -113,10 +189,36 @@ provide an accessible name for the field, and retain native focus. Use a div
|
|
|
113
189
|
wrapper when addons contain buttons, not a wrapping label. Supply colors and
|
|
114
190
|
validation presentation. Addon controls are not disabled by CSS; implement
|
|
115
191
|
their behavior in the application. Existing inline shells are unchanged.
|
|
192
|
+
The parent's grid condition and each affix's edge condition are independent:
|
|
193
|
+
`input-shell--grid@md` composes with
|
|
194
|
+
`input-affix--block-start@!sm input-affix--inline-start@sm`.
|
|
116
195
|
|
|
117
196
|
Grid modifiers use compound direct-owner selectors. For example, override root
|
|
118
197
|
padding with `p:2@[.input-shell&]`; override an affix edge with a matching
|
|
119
|
-
`.input-shell.input-shell--grid > .input-affix` condition
|
|
198
|
+
`.input-shell.input-shell--grid > .input-affix` condition, including the actual
|
|
199
|
+
conditional grid class when used, or an explicit important utility.
|
|
200
|
+
|
|
201
|
+
### Field errors
|
|
202
|
+
|
|
203
|
+
Use one `.field` per logical field and place its `.field-error` directly inside,
|
|
204
|
+
after the control. Automatic visibility reads preceding direct input/textarea/select
|
|
205
|
+
controls and controls directly inside a preceding `.input-shell`, `.floating-label`,
|
|
206
|
+
or `.field-row`. Native `:user-invalid` and explicit `aria-invalid` activate it.
|
|
207
|
+
A direct custom-control wrapper may declare `aria-invalid` itself; arbitrary
|
|
208
|
+
wrapper descendants, affix controls and nested `.field`/`.field-group` do not
|
|
209
|
+
trigger the outer error.
|
|
210
|
+
|
|
211
|
+
```html
|
|
212
|
+
<div class="field">
|
|
213
|
+
<label class="field-label" for="email">Email</label>
|
|
214
|
+
<input id="email" class="input" aria-invalid="true" aria-describedby="email-error">
|
|
215
|
+
<p id="email-error" class="field-error">Enter a valid email.</p>
|
|
216
|
+
</div>
|
|
217
|
+
```
|
|
218
|
+
|
|
219
|
+
Hidden errors reserve space. Applications supply validation, error text and
|
|
220
|
+
accessible associations; use `vis:hidden` to suppress an automatic error, or
|
|
221
|
+
explicit visibility utilities for other structures.
|
|
120
222
|
|
|
121
223
|
### Trees and native select enhancement
|
|
122
224
|
|
|
@@ -160,16 +262,20 @@ styling remains supported. Image loading/error detection and accessible names
|
|
|
160
262
|
belong to the consumer; `avatar-fallback` uses the same hiding attribute. For
|
|
161
263
|
one outer `role="img"` label, use empty image alt text and hide fallback text
|
|
162
264
|
from assistive technology to avoid duplicate names.
|
|
265
|
+
Both image and fallback inherit the `avatar` radius, including `rd:0` and `rd:4x`.
|
|
163
266
|
|
|
164
267
|
`avatar-group avatar-group--ring` replaces borders on direct `.avatar` children with a
|
|
165
268
|
2px decorative outer shadow ring, preserving image area. Supply
|
|
166
|
-
`shadow-outline-color
|
|
167
|
-
are
|
|
269
|
+
`shadow-outline-color:neutral-100@[&_>_.avatar]` on the group. Hidden avatar-group
|
|
270
|
+
children are skipped for overlap in both group forms; inline overlap mirrors in RTL. The ring
|
|
168
271
|
is decorative and may disappear in forced colors; it is not a focus indicator.
|
|
169
272
|
Existing `avatar-group` retains its border geometry. A trailing `+3` reuses `avatar`
|
|
170
273
|
with a meaningful accessible label; there is no separate count alias or size API.
|
|
171
274
|
Match the `.avatar-group` condition when overriding the modifier's child rules.
|
|
172
275
|
|
|
276
|
+
`breadcrumb-item` draws a separator only when a later non-`[hidden]` sibling
|
|
277
|
+
item exists. The final visible item has no trailing separator in LTR or RTL.
|
|
278
|
+
|
|
173
279
|
### Toolbar structure
|
|
174
280
|
|
|
175
281
|
`toolbar` is a bordered, padded horizontal flex container with local horizontal
|
|
@@ -242,8 +348,12 @@ Popover placement modifiers try the requested side, its axis flip, then
|
|
|
242
348
|
while preserving viewport caps and scrolling; it may overlap the trigger.
|
|
243
349
|
|
|
244
350
|
`modal` bounds its grid column and wraps long text. Padding is `p:4` below sm,
|
|
245
|
-
`p:8` from sm; the sticky footer
|
|
246
|
-
and
|
|
351
|
+
`p:8` from sm; the sticky footer follows the same spacing scale for padding,
|
|
352
|
+
insets and negative margins. Customizing `--spacing` keeps them aligned. If
|
|
353
|
+
overriding the modal's padding directly, also adjust footer geometry. Supply its
|
|
354
|
+
background and allow long action labels to wrap so scrolled text does not show through.
|
|
355
|
+
In Sheet, a static footer can clear modal footer insets, margins and block-end
|
|
356
|
+
padding at both the base and sm breakpoints.
|
|
247
357
|
|
|
248
358
|
`carousel` contains scrolling on the horizontal axis; `carousel--vertical`
|
|
249
359
|
reuses `scroll-y` to contain vertical scrolling and allow block-axis shrinking.
|
|
@@ -291,6 +401,12 @@ and state.
|
|
|
291
401
|
|
|
292
402
|
Vertical step connectors share the marker's grid center in LTR and RTL;
|
|
293
403
|
only their block-axis translation connects them to the preceding marker.
|
|
404
|
+
Steps, Timeline and Toolbar direction modifiers apply their root and part changes
|
|
405
|
+
together, including suffix conditions such as `step-group--vertical@md`.
|
|
406
|
+
Affected part defaults have lower specificity than the modifier. Ordinary utilities
|
|
407
|
+
can override static, responsive and root-pseudo direction rules on Step rows and
|
|
408
|
+
connectors, Timeline start/end parts, and Toolbar separators. Timeline `hr` rules
|
|
409
|
+
and group/peer prefixes retain higher specificity; match it or use explicit `!`.
|
|
294
410
|
|
|
295
411
|
`list-content` grows from a `12ch` flex basis and permits word breaking, so
|
|
296
412
|
narrow rows can move the content below adjacent media instead of clipping it.
|
|
@@ -302,7 +418,7 @@ the row spacing with `gap-row:` utilities when a different density is needed.
|
|
|
302
418
|
The keyboard-focused option skips its entrance transition so its ring appears immediately.
|
|
303
419
|
Place `filter-reset` directly inside that filter; wrapped inputs and nested
|
|
304
420
|
filters do not drive its collapsing or reset visibility. Checkboxes (or
|
|
305
|
-
`data-mode="multiple"`) keep multi-select choices visible. Keep
|
|
421
|
+
`data-filter-mode="multiple"`) keep multi-select choices visible. Keep
|
|
306
422
|
`menu-indicator` directly inside its `menu-action`; only that action's
|
|
307
423
|
`aria-checked="true"` reveals the marker, not another ancestor's state.
|
|
308
424
|
|
|
@@ -340,10 +456,14 @@ the input, provide a label, or forward focus from a nested component. A wrapping
|
|
|
340
456
|
toggle label keeps its native input directly inside the track so keyboard
|
|
341
457
|
focus outlines the visible control rather than the zero-sized input. Its checked
|
|
342
458
|
appearance also reads only a direct input, never a nested component's selection.
|
|
459
|
+
Its disabled opacity and cursor follow that input's native `:disabled` state,
|
|
460
|
+
including disabled fieldsets and the first-legend exception.
|
|
343
461
|
|
|
344
462
|
`overlay-bounds` shares viewport width/height limits and contained scrolling
|
|
345
463
|
across dropdown, popover, and tooltip surfaces. Positioning, collision
|
|
346
464
|
avoidance, focus management, and palette remain application-owned.
|
|
465
|
+
Dropdown panels/content have a minimum inline size of spacing step 32, capped by
|
|
466
|
+
the viewport minus 2rem; the default minimum is 128px when space permits.
|
|
347
467
|
|
|
348
468
|
`floating-label` keeps its label visible at rest, when filled, and when
|
|
349
469
|
disabled. It moves without shrinking the label; the placeholder is hidden
|
|
@@ -360,6 +480,58 @@ versus filled glyphs) and verify contrast with the application's palette.
|
|
|
360
480
|
property-specific helper over `transition-all`. `prose` restores unordered and
|
|
361
481
|
ordered list markers and link underlines after Standard's preflight.
|
|
362
482
|
|
|
483
|
+
## Layout, media, content and surfaces
|
|
484
|
+
|
|
485
|
+
Layout follows text flow: `stack-row` is `d:flex flex-direction:row align-items:center`,
|
|
486
|
+
`stack-column` is `d:flex flex-direction:column`, and `stack-row-inline` uses
|
|
487
|
+
`d:inline-flex` with the same row and alignment. Flex row/column follow the
|
|
488
|
+
container's writing mode. Add `flex-wrap:wrap`, `justify-content:space-between`
|
|
489
|
+
and `gap:` explicitly when needed.
|
|
490
|
+
|
|
491
|
+
`center-flex` and `center-flex-inline` set both `align-items:center` and
|
|
492
|
+
`justify-content:center`; `center-grid` sets `d:grid place-items:center`.
|
|
493
|
+
These combinations align content within existing space; they do not establish
|
|
494
|
+
container dimensions. The `-inline` endings describe the outer display type.
|
|
495
|
+
|
|
496
|
+
`fill-flex` combines `flex:1 min-inline-size:0 min-block-size:0` for a flex item.
|
|
497
|
+
`fill-absolute` and `fill-fixed` combine the corresponding position with `i:0`;
|
|
498
|
+
the consumer supplies the containing block. `scroll-x/y` use the physical
|
|
499
|
+
minimum width/height, overflow and overscroll axes. `scroll-inline/block` use
|
|
500
|
+
the matching logical axes. All scrolling combinations use `auto` overflow and
|
|
501
|
+
`contain` overscroll; supply the size constraint and accessible keyboard access.
|
|
502
|
+
|
|
503
|
+
Apply media combinations to the image or video itself, including the `img`
|
|
504
|
+
inside a `picture`. `media-cover` and `media-contain` combine `d:block size:100%`
|
|
505
|
+
with their respective `object-fit:`. Their parent must provide resolvable sizes
|
|
506
|
+
on both logical axes. `media-fluid` is `d:block inline-size:100% block-size:auto`;
|
|
507
|
+
it preserves intrinsic sizing on the block axis and may enlarge small images.
|
|
508
|
+
|
|
509
|
+
`content-wrap` is `min-inline-size:0 overflow-wrap:anywhere`; it does not cancel
|
|
510
|
+
`white-space:nowrap`. `content-inline-bounds` is `min-inline-size:0 max-inline-size:100%`;
|
|
511
|
+
it neither forces full width nor guarantees that padding, margins or content
|
|
512
|
+
cannot overflow. Combine them when both behaviors are needed.
|
|
513
|
+
|
|
514
|
+
| Surface | Exact composition |
|
|
515
|
+
| --- | --- |
|
|
516
|
+
| `surface-card` | `rd:6x border-width:1` |
|
|
517
|
+
| `surface-panel` | `rd:5x border-width:1` |
|
|
518
|
+
| `surface-popup` | `rd:4x border-width:1 shadow:4x` |
|
|
519
|
+
| `surface-overlay` | `border-width:1 shadow:5x` |
|
|
520
|
+
|
|
521
|
+
Surfaces do not add colors, padding or layout. Card and panel do not clear an
|
|
522
|
+
existing shadow; overlay does not choose a radius. Border style comes from
|
|
523
|
+
Standard's preflight or the application baseline. With preflight disabled,
|
|
524
|
+
the application also provides radius variables; shadow utilities still emit
|
|
525
|
+
their composition slots and registrations.
|
|
526
|
+
|
|
527
|
+
Choose one complete mode before calling `cn`. Different shortcut names remain
|
|
528
|
+
independent: `media-cover media-contain` and `surface-popup surface-card` both
|
|
529
|
+
survive merging, and class text order does not choose the CSS winner. Ordinary
|
|
530
|
+
utilities override ordinary shortcut defaults at equal specificity. When both
|
|
531
|
+
are important, utilities win with native layers disabled; the shortcut layer
|
|
532
|
+
wins with native layers enabled because important layer priority reverses.
|
|
533
|
+
Repeat the shortcut condition when overriding a conditional declaration.
|
|
534
|
+
|
|
363
535
|
## Site layout
|
|
364
536
|
|
|
365
537
|
The `site` family shares a page frame across headers, sections and footers.
|
|
@@ -398,12 +570,12 @@ keep their top border and have no negative margin. Use one grid per content
|
|
|
398
570
|
wrapper when it should meet section edges.
|
|
399
571
|
|
|
400
572
|
```html
|
|
401
|
-
<section class="site-section border-color
|
|
402
|
-
<div class="site-content border-color
|
|
573
|
+
<section class="site-section border-color:neutral-500 border-color:neutral-500@::before border-color:neutral-500@::after">
|
|
574
|
+
<div class="site-content border-color:neutral-500@::before border-color:neutral-500@::after">
|
|
403
575
|
<div class="site-intro">Content grows beyond the minimum height.</div>
|
|
404
|
-
<div class="site-grid grid-columns:[repeat(2,minmax(0,1fr))]@md border-color
|
|
405
|
-
<div class="site-cell border-color
|
|
406
|
-
<div class="site-cell border-color
|
|
576
|
+
<div class="site-grid grid-columns:[repeat(2,minmax(0,1fr))]@md border-color:neutral-500">
|
|
577
|
+
<div class="site-cell border-color:neutral-500">First</div>
|
|
578
|
+
<div class="site-cell border-color:neutral-500">Second</div>
|
|
407
579
|
</div>
|
|
408
580
|
</div>
|
|
409
581
|
</section>
|
|
@@ -417,7 +589,7 @@ remain independent compositions. No decorative hatch, node or ruler is included.
|
|
|
417
589
|
## Code mockups
|
|
418
590
|
|
|
419
591
|
Use `mockup-code > mockup-code-header + mockup-code-body` to keep metadata
|
|
420
|
-
stationary while code scrolls. Titles wrap rather than
|
|
592
|
+
stationary while code scrolls. Titles wrap rather than being truncated; the header
|
|
421
593
|
follows the surrounding direction and the code body remains LTR. Put each
|
|
422
594
|
`pre > code` directly inside the body. Rows share the longest line's width,
|
|
423
595
|
including highlights, and reserve a 3ch prefix column even without `data-prefix`.
|
|
@@ -488,13 +660,16 @@ Commons:
|
|
|
488
660
|
```txt
|
|
489
661
|
accessibility sr-only sr-visible focus-proxy focus-ring focus-ring--flat focus-ring--inset
|
|
490
662
|
chevron chevron-up chevron-down chevron-left chevron-right
|
|
663
|
+
content content-wrap content-inline-bounds
|
|
491
664
|
control choice-marker control-icon control-disabled field-disabled checkable-base control-base field-base press-scale
|
|
492
|
-
layout
|
|
665
|
+
layout stack-row stack-row-inline stack-column center-flex center-flex-inline center-grid fill-flex fill-absolute fill-fixed scroll-x scroll-y scroll-inline scroll-block
|
|
666
|
+
media media-cover media-contain media-fluid
|
|
493
667
|
overlay overlay-bounds
|
|
494
668
|
reset reset-fieldset reset-heading reset-list reset-button reset-select reset-textarea reset-input reset-checkbox reset-radio
|
|
495
669
|
skeleton skeleton
|
|
670
|
+
surface surface-card surface-panel surface-popup surface-overlay
|
|
496
671
|
transition icon-crossfade transition-none transition-all transition-colors transition-opacity transition-shadow transition-transform
|
|
497
|
-
typography text-control text-label text-dense text-body text-description text-caption text-balance text-pretty text-eyebrow text-field plain-list heading-inherit truncate
|
|
672
|
+
typography text-1x text-2x text-3x text-4x text-5x text-6x text-7x text-8x text-9x heading-1x heading-2x heading-3x heading-4x heading-5x heading-6x heading-7x heading-8x heading-9x text-control text-label text-dense text-body text-description text-caption text-balance text-pretty text-eyebrow text-field plain-list heading-inherit text-truncate
|
|
498
673
|
```
|
|
499
674
|
|
|
500
675
|
Components:
|
|
@@ -556,7 +731,7 @@ rating rating
|
|
|
556
731
|
select select select--customizable
|
|
557
732
|
sheet sheet sheet-motion sheet--safe-area sheet--block-start sheet--inline-end sheet--block-end sheet--inline-start
|
|
558
733
|
site site site-main site-section site-content site-intro site-grid site-cell site-rule
|
|
559
|
-
stat stat-group stat-group--vertical stat-group--horizontal stat stat-title stat-value stat-
|
|
734
|
+
stat stat-group stat-group--vertical stat-group--horizontal stat stat-title stat-value stat-description stat-figure stat-actions
|
|
560
735
|
status status
|
|
561
736
|
steps step-group step-group--vertical step step-row step-title step-content step-marker step-connector
|
|
562
737
|
swap swap swap-on swap-off swap-indeterminate swap--active swap--rotate swap--scale
|
|
@@ -570,11 +745,6 @@ tooltip tooltip tooltip-content tooltip-content--top tooltip-content--bott
|
|
|
570
745
|
tree tree tree-item tree-disclosure tree-summary tree-branch tree-row tree-chevron tree-spacer tree-icon tree-label
|
|
571
746
|
```
|
|
572
747
|
|
|
573
|
-
The former `rail`, `rail-side`, `rail-main`, and `--rail-offset` names are now
|
|
574
|
-
`frame`, `frame-side`, `frame-main`, and `--frame-offset`, respectively; there
|
|
575
|
-
are no old-name aliases. Layout behavior is unchanged. The Storybook ID is
|
|
576
|
-
`official-components--frame`.
|
|
577
|
-
|
|
578
748
|
The TypeScript authoring sources live in `src/commons` and `src/components`.
|
|
579
749
|
Typography helpers are in `typography.ts`. Every class has a Storybook specimen
|
|
580
750
|
under `official/commons/*` or `official/components/*`.
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{symbols as e}from"@teacss/core";const t=[[`sr-only`,[`pos:absolute`,`w:1px`,`h:1px`,`p:0`,`m:-1px`,`overflow:hidden`,`clip-path:[inset(50%)]`,`white-space:nowrap`,`border-width:0`]],[`sr-visible`,[`pos:static`,`w:auto`,`h:auto`,`p:0`,`m:0`,`overflow:visible`,`clip-path:none`,`white-space:normal`]],[`focus-proxy`,[`outline-style:auto@[&:has(>:is(input,textarea,select):focus-visible)]`,`outline-offset:2@[&:has(>:is(input,textarea,select):focus-visible)]`]],[`focus-ring`,[`outline-style:auto@focus-visible`,`outline-width:2@focus-visible`,`outline-offset:2@focus-visible`]],[`focus-ring--flat`,[`outline-offset:0@[.focus-ring&]@focus-visible`]],[`focus-ring--inset`,[`outline-offset:-2@[.focus-ring&]@focus-visible`]]],n=[[`chevron-up`,[`content:empty@::after`,`d:inline-block@::after`,`flex-shrink:0@::after`,`w:2@::after`,`h:2@::after`,`transition-property:transform@::after`,`transition-duration:200@::after`,`transition:none@motion-reduce@::after`,`border-style:solid@::after`,`border-t-width:0@::after`,`border-l-width:0@::after`,`border-r-width:2@::after`,`border-b-width:2@::after`,`border-color:current@::after`,`rotate:225@::after`]],[`chevron-down`,[`content:empty@::after`,`d:inline-block@::after`,`flex-shrink:0@::after`,`w:2@::after`,`h:2@::after`,`transition-property:transform@::after`,`transition-duration:200@::after`,`transition:none@motion-reduce@::after`,`border-style:solid@::after`,`border-t-width:0@::after`,`border-l-width:0@::after`,`border-r-width:2@::after`,`border-b-width:2@::after`,`border-color:current@::after`,`rotate:45@::after`]],[`chevron-left`,[`content:empty@::after`,`d:inline-block@::after`,`flex-shrink:0@::after`,`w:2@::after`,`h:2@::after`,`transition-property:transform@::after`,`transition-duration:200@::after`,`transition:none@motion-reduce@::after`,`border-style:solid@::after`,`border-t-width:0@::after`,`border-l-width:0@::after`,`border-r-width:2@::after`,`border-b-width:2@::after`,`border-color:current@::after`,`rotate:135@::after`]],[`chevron-right`,[`content:empty@::after`,`d:inline-block@::after`,`flex-shrink:0@::after`,`w:2@::after`,`h:2@::after`,`transition-property:transform@::after`,`transition-duration:200@::after`,`transition:none@motion-reduce@::after`,`border-style:solid@::after`,`border-t-width:0@::after`,`border-l-width:0@::after`,`border-r-width:2@::after`,`border-b-width:2@::after`,`border-color:current@::after`,`rotate:315@::after`]]],r=[[`choice-marker`,[`inline-centered`,`transition-opacity`,`flex-shrink:0`,`w:4`,`h:4`,`opacity:0`,`pointer-events:none`,`opacity:100@[:where([aria-current=true])_>_&]`]],[`control-icon`,[`w:4.5@[:where(&)_:where(svg)]`,`h:4.5@[:where(&)_:where(svg)]`,`flex-shrink:0@[:where(&)_svg]`,`pointer-events:none@[:where(&)_svg]`,`w:4@[:where(&)_:where(svg)]@sm`,`h:4@[:where(&)_:where(svg)]@sm`]],[`control-disabled`,[`pointer-events:none@disabled`,`opacity:64@disabled`,`opacity:64@aria-disabled`]],[`field-disabled`,[`opacity:64@disabled`,`cursor:not-allowed@disabled`,`opacity:64@aria-disabled`,`cursor:not-allowed@aria-disabled`]],[`checkable-base`,[`field-disabled`,`appearance:none`,`box-sizing:border-box`,`d:inline-block`,`pos:relative`,`vertical-align:middle`,`flex-shrink:0`,`cursor:pointer`]],[`control-base`,[`inline-centered`,`control-icon`,`control-disabled`,`text-control`,`d:none@[[hidden]]`,`flex-shrink:0`,`gap:2`,`white-space:nowrap`,`rd:4x`,`border-width:1`,`font-weight:5x`,`cursor:pointer`]],[`field-base`,[`text-field`,`field-disabled`,`w:100%`,`min-inline-size:0`,`rd:4x`,`border-width:1`,`p-x:3`,`h:9`,`h:8@sm`]],[`press-scale`,[`transition-property:[scale]`,`transition-duration:150`,`transition-timing:ease-out`,`scale:96@active`,`transition:none@motion-reduce`,`scale:none@motion-reduce@active`]]],i=[[`hstack`,[`d:flex`,`flex-direction:row`,`align-items:center`]],[`inline-hstack`,[`d:inline-flex`,`flex-direction:row`,`align-items:center`]],[`vstack`,[`d:flex`,`flex-direction:column`]],[`centered`,[`d:flex`,`align-items:center`,`justify-content:center`]],[`inline-centered`,[`d:inline-flex`,`align-items:center`,`justify-content:center`]],[`scroll-x`,[`min-inline-size:0`,`overflow-x:auto`,`overscroll-behavior-x:contain`]],[`scroll-y`,[`min-block-size:0`,`overflow-y:auto`,`overscroll-behavior-y:contain`]]],a=[[`overlay-bounds`,[`min-inline-size:0`,`max-w:[calc(100vw_-_2rem)]`,`max-h:[calc(100dvh_-_2rem)]`,`overflow:auto`,`overscroll-behavior:contain`]]],o=[[`reset-fieldset`,[`m:0`,`min-inline-size:0`,`p:0`,`border-width:0`]],[`reset-heading`,[`font-family:unset`,`font-size:unset`,`font-style:unset`,`font-weight:unset`,`font-stretch:unset`,`line-height:unset`]],[`reset-list`,[`list-style-type:none`,`list-style-position:outside`,`list-style-image:none`]],[`reset-button`,[`appearance:none`,`d:inline-block`,`rd:none`,`bg-image:none`,`bg-color:transparent`,`text-color:inherit`,`font-family:inherit`,`font-size:inherit`,`font-stretch:inherit`,`line-height:inherit`,`font-weight:normal`,`font-style:normal`,`letter-spacing:inherit`,`text-align:inherit`,`text-indent:initial`]],[`reset-select`,[`appearance:none`,`d:inline-block`,`rd:none`,`bg-image:none`,`bg-color:transparent`,`text-color:inherit`,`font-family:inherit`,`font-size:inherit`,`font-stretch:inherit`,`line-height:inherit`,`font-weight:normal`,`font-style:normal`,`letter-spacing:inherit`,`text-align:start`,`text-indent:initial`]],[`reset-textarea`,[`appearance:none`,`d:block`,`rd:none`,`bg-image:none`,`bg-color:transparent`,`text-color:inherit`,`font-family:inherit`,`font-size:inherit`,`font-stretch:inherit`,`line-height:inherit`,`font-weight:normal`,`font-style:normal`,`letter-spacing:inherit`,`text-align:start`,`text-indent:initial`,`cursor:text`,`white-space:pre-wrap`]],[`reset-input`,[`appearance:none`,`d:block`,`rd:none`,`bg-image:none`,`bg-color:transparent`,`text-color:inherit`,`font-family:inherit`,`font-size:inherit`,`font-stretch:inherit`,`line-height:inherit`,`font-weight:normal`,`font-style:normal`,`letter-spacing:inherit`,`text-align:start`,`text-indent:initial`,`cursor:text`]],[`reset-checkbox`,[`appearance:none`,`d:inline-block`,`rd:none`,`bg-image:none`,`bg-color:transparent`,`text-color:inherit`]],[`reset-radio`,[`appearance:none`,`d:inline-block`,`rd:50%`,`bg-image:none`,`bg-color:transparent`,`text-color:inherit`]]],ee=[[`skeleton`,[`rd:1x`,`border-style:none!`,`bg-image:none!`,`bg-clip:border-box!`,`shadow:none!`,`box-decoration-break:clone!`,`text-color:transparent!`,`user-select:none!`,`pointer-events:none!`,`cursor:default!`,`animation:skeleton!`,`animation:none!@motion-reduce`,`vis:hidden!@::after`,`vis:hidden!@::before`,`vis:hidden!@>*`,`d:block@empty`,`h:3x@empty`,`rd-l:inherit@[:where(:first-child)]`,`rd-r:inherit@[:where(:nth-last-child(2))]`,`line-height:1@[:where([data-inline-skeleton])]`,`font-family:sans@[:where([data-inline-skeleton])]`]]],te=[[`icon-crossfade`,[`d:flex`,`flex-shrink:0`,`pointer-events:none`,`transition-property:[opacity,filter,scale]@motion-safe`,`transition-duration:300@motion-safe`,`transition-timing:[cubic-bezier(0.2,0,0,1)]@motion-safe`]],[`transition-none`,[`transition-property:none`,`transition-timing:ease`,`transition-duration:150`]],[`transition-all`,[`transition-property:all`,`transition-timing:ease`,`transition-duration:150`,`transition:none@motion-reduce`]],[`transition-colors`,[`transition-property:colors`,`transition-timing:ease`,`transition-duration:150`,`transition:none@motion-reduce`]],[`transition-opacity`,[`transition-property:opacity`,`transition-timing:ease`,`transition-duration:150`,`transition:none@motion-reduce`]],[`transition-shadow`,[`transition-property:shadow`,`transition-timing:ease`,`transition-duration:150`,`transition:none@motion-reduce`]],[`transition-transform`,[`transition-property:transform`,`transition-timing:ease`,`transition-duration:150`,`transition:none@motion-reduce`]]],ne=[[`text-control`,[`font-size:3x`,`line-height:3x`,`font-size:2x@sm`,`line-height:2x@sm`]],[`text-label`,[`text-control`,`font-weight:5x`]],[`text-dense`,[`font-size:2x`,`line-height:2x`,`font-size:1x@sm`,`line-height:1x@sm`]],[`text-body`,[`font-size:3x`,`line-height:4x`,`font-size:2x@sm`,`line-height:3x@sm`]],[`text-description`,[`text-body`,`m:0`]],[`text-caption`,[`font-size:1x`,`line-height:2x`]],[`text-balance`,[`text-wrap:balance`,`overflow-wrap:anywhere`]],[`text-pretty`,[`text-wrap:pretty`,`overflow-wrap:anywhere`]],[`text-eyebrow`,[`font-size:1x`,`line-height:2x`,`letter-spacing:0.12em`,`text-transform:uppercase`]],[`text-field`,[`text-control`,`font-family:inherit`]],[`plain-list`,[`list-style-type:none`,`m:0`,`p:0`]],[`heading-inherit`,[`font-size:inherit@[:where(&)_:is(h1,h2,h3,h4,h5,h6)]`,`font-weight:inherit@[:where(&)_:is(h1,h2,h3,h4,h5,h6)]`,`line-height:inherit@[:where(&)_:is(h1,h2,h3,h4,h5,h6)]`]],[`truncate`,[`overflow:hidden`,`text-overflow:ellipsis`,`white-space:nowrap`]]],re=[...t,...n,...r,...i,...a,...o,...ee,...te,...ne],ie=[[`alert`,[`d:grid`,`align-items:start`,`min-inline-size:0`,`w:100%`,`p:4`,`rd:5x`,`border-width:1`,`font-size:2x`,`line-height:3x`,`gap-row:1`,`gap-column:3`,`grid-columns:[minmax(0,1fr)]`,`grid-columns:[max-content_minmax(0,1fr)]@[&:has(>svg)]`,`grid-columns:[minmax(0,1fr)_auto]@[&:has(>:is(button,a))]`,`grid-columns:[max-content_minmax(0,1fr)_auto]@[&:has(>svg):has(>:is(button,a))]`,`align-self:center@[:where(&)>:is(button,a)]`,`w:4@[:where(&)>svg]`,`h:4@[:where(&)>svg]`,`m-u:1@[:where(&)>svg]`,`flex-shrink:0@[:where(&)>svg]`]],[`alert-title`,[`hstack`,`heading-inherit`,`text-balance`,`gap:2`,`m:0`,`font-size:2x`,`line-height:3x`,`font-weight:5x`,`w:4@[:where(&)_svg]`,`h:4@[:where(&)_svg]`,`flex-shrink:0@[:where(&)_svg]`,`pointer-events:none@[:where(&)_svg]`]],[`alert-description`,[`m:0`,`font-size:2x`,`line-height:3x`,`text-wrap:pretty`,`overflow-wrap:break-word`]]],ae=[[`avatar`,[`inline-centered`,`pos:relative`,`flex-shrink:0`,`align-self:center`,`aspect-ratio:square`,`font-size:1x`,`font-weight:5x`,`w:8`,`w:7@sm`,`overflow:hidden`,`rd:50%`,`d:block@[:where(&)_img]`,`w:100%@[:where(&)_img]`,`h:100%@[:where(&)_img]`,`object-fit:cover@[:where(&)_img]`,`pos:relative@[:where(&)_img]`,`z-index:1@[:where(&)_img]`,`d:none@[:where(&)_img[data-avatar-hidden]]`]],[`avatar-image`,[`pos:relative`,`z-index:1`,`d:block`,`w:100%`,`h:100%`,`rd:inherit`,`object-fit:cover`,`d:none@data-avatar-hidden`]],[`avatar-fallback`,[`centered`,`pos:absolute`,`i:0`,`rd:50%`,`font-weight:5x`,`line-height:1`,`d:none@data-avatar-hidden`]],[`avatar-group`,[`inline-hstack`,`border-width:2@[&_>_*]`,`m-s:-2@[&_>_*_+_*]`]],[`avatar-group--ring`,[`border-width:0@[.avatar-group&_>_.avatar]`,`shadow-outline-width:2@[.avatar-group&_>_.avatar]`,`d:none@[.avatar-group&_>_.avatar[hidden]]`,`m-s:0@[.avatar-group&_>_.avatar]`,`m-s:-2@[.avatar-group&_>_.avatar:not([hidden])_~_.avatar:not([hidden])]`]]],oe=[[`badge`,[`inline-centered`,`text-dense`,`flex-shrink:0`,`gap:1`,`h:5.5`,`h:4.5@sm`,`min-w:5.5`,`min-w:4.5@sm`,`p-x:1`,`rd:3x`,`border-width:1`,`font-weight:5x`,`white-space:nowrap`,`w:3.5@[:where(&)_svg]`,`h:3.5@[:where(&)_svg]`,`flex-shrink:0@[:where(&)_svg]`,`pointer-events:none@[:where(&)_svg]`,`w:3@[:where(&)_svg]@sm`,`h:3@[:where(&)_svg]@sm`]],[`badge--link`,[`pos:relative`,`min-h:6`,`content:empty@::before`,`pos:absolute@::before`,`i-s:50%@::before`,`i-t:50%@::before`,`translate-x:-50%@::before`,`translate-y:-50%@::before`,`translate-x:50%@[:where(:dir(rtl))]@::before`,`w:100%@::before`,`h:100%@::before`,`min-w:6@::before`,`min-h:6@::before`]]],se=[[`breadcrumb`,[`min-inline-size:0`,`max-w:100%`]],[`breadcrumb-list`,[`plain-list`,`hstack`,`flex-wrap:wrap`,`gap:1.5`,`gap:2.5@sm`,`font-size:2x`,`line-height:3x`,`overflow-wrap:anywhere`,`min-h:min`]],[`breadcrumb-item`,[`hstack`,`min-inline-size:0`,`gap:1.5`,`gap:2.5@sm`,`content:empty@::after`,`d:block@::after`,`flex-shrink:0@::after`,`w:1.5@::after`,`h:1.5@::after`,`border-style:solid@::after`,`border-width:0@::after`,`border-t-width:1.5@::after`,`border-e-width:1.5@::after`,`rotate:45@::after`,`rotate:-45@[:where(:dir(rtl))]@::after`,`d:none@last-of-type@::after`]],[`breadcrumb-link`,[`inline-centered`,`gap:2`,`min-inline-size:0`,`rd:1x`,`cursor:pointer`,`decoration-line:none`,`underline-offset:4`,`decoration-line:underline@hover`,`decoration-line:none@aria-[current=page]`,`font-weight:5x@aria-[current=page]`]],[`breadcrumb-current`,[`font-weight:5x`,`overflow-wrap:anywhere`]]],ce=[[`btn`,[`control-base`,`h:9`,`h:8@sm`,`p-x:3`,`decoration-line:none`]]],le=[[`calendar`,[`d:inline-flex`,`flex-direction:column`,`gap:3`,`p:3`,`rd:6x`,`border-width:1`]],[`calendar-header`,[`hstack`,`justify-content:space-between`,`gap:2`]],[`calendar-grid`,[`border-collapse:collapse`,`table-layout:fixed`]],[`calendar-weekday`,[`text-caption`,`w:9`,`h:8`,`w:8@sm`,`h:7@sm`,`p:0`,`font-weight:5x`,`text-align:center`]],[`calendar-cell`,[`p:0`,`text-align:center`]],[`calendar-day`,[`reset-button@[:where(&)]`,`inline-centered`,`focus-ring`,`field-disabled`,`text-dense`,`w:9`,`h:9`,`w:8@sm`,`h:8@sm`,`p:0`,`rd:4x`,`border-width:1`,`font-variant-numeric:tabular-nums`,`cursor:pointer`]]],ue=[[`card`,[`vstack`,`min-inline-size:0`,`rd:6x`,`border-width:1`,`overflow:hidden`]],[`card-header`,[`d:grid`,`grid-columns:[minmax(0,1fr)_auto]`,`gap:1.5`,`p-x:6`,`p-t:6`]],[`card-body`,[`vstack`,`gap:2`,`p:6`,`min-inline-size:0`]],[`card-footer`,[`hstack`,`flex-wrap:wrap`,`gap:2`,`p-x:6`,`p-b:6`]],[`card-title`,[`heading-inherit`,`m:0`,`grid-column-start:1`,`font-size:4x`,`line-height:4x`,`font-weight:6x`,`overflow-wrap:anywhere`]],[`card-description`,[`m:0`,`grid-column-start:1`,`overflow-wrap:anywhere`]],[`card-action`,[`grid-column-start:2`,`grid-row-start:1`,`grid-row-end:[span_2]`,`align-self:start`,`justify-self:end`]],[`card-media`,[`pos:relative`,`d:block`,`m:0`,`min-inline-size:0`,`overflow:hidden`,`flex-shrink:0`,`d:block@[:where(&)_:is(img,video,picture,svg)]`,`w:100%@[:where(&)_:is(img,video,picture,svg)]`,`h:auto@[:where(&)_:is(img,video,picture,svg)]`,`object-fit:cover@[:where(&)_:is(img,video,picture,svg)]`]],[`card-overlay`,[`pos:absolute`,`i:0`,`vstack`,`justify-content:end`,`gap:1.5`,`p:4`]],[`card--side`,[`flex-direction:row@[.card&]`,`align-items:stretch`,`w:100%@[:where(&)>_.card-media_img]`,`h:100%@[:where(&)>_.card-media_img]`]]],de=[[`carousel-root`,[`pos:relative`,`w:100%`,`min-inline-size:0`]],[`carousel`,[`scroll-x`,`d:flex`,`overflow-y:hidden`,`scroll-snap-type:x-mandatory`,`scrollbar-width:none`,`scroll-behavior:smooth`,`scroll-behavior:auto@motion-reduce`,`d:none@[&::-webkit-scrollbar]`,`p-y:1`,`m-y:-1`]],[`carousel--vertical`,[`flex-direction:column@[.carousel&]`,`scroll-y@[.carousel&]`,`overflow-x:hidden@[.carousel&]`,`scroll-snap-type:y-mandatory@[.carousel&]`,`p-y:0@[.carousel&]`,`m-y:0@[.carousel&]`,`p-x:1@[.carousel&]`,`m-x:-1@[.carousel&]`]],[`carousel-item`,[`d:flex`,`flex:none`,`min-inline-size:0`,`scroll-snap-align:start`,`scroll-snap-stop:always`]],[`carousel-control`,[`pos:absolute`,`d:none@[[hidden]]`]],[`carousel-control--start`,[`i-y:0`,`m-y:auto`,`i-s:1`,`i-s:-12@md`]],[`carousel-control--end`,[`i-y:0`,`m-y:auto`,`i-e:1`,`i-e:-12@md`]],[`carousel-control--top`,[`i-x:0`,`m-x:auto`,`i-t:-12`]],[`carousel-control--bottom`,[`i-x:0`,`m-x:auto`,`i-b:-12`]]],s=[[`chat`,[`d:grid`,`grid-auto-rows:[min-content]`,`p-y:1`,`gap-column:3@[:has(>.chat-media)]`]],[`chat--start`,[`grid-columns:[minmax(0,1fr)]`,`place-items:start`,`grid-columns:[auto_minmax(0,1fr)]@[:has(>.chat-media)]`,`grid-column-start:1@[:where(&)>.chat-media]`,`grid-column-start:2@[:where(&):has(>.chat-media)>*:not(.chat-media)]`,`rd-es:0@[:where(&)>.chat-bubble]`]],[`chat--end`,[`grid-columns:[minmax(0,1fr)]`,`place-items:end`,`grid-columns:[minmax(0,1fr)_auto]@[:has(>.chat-media)]`,`grid-column-start:2@[:where(&)>.chat-media]`,`grid-column-start:1@[:where(&):has(>.chat-media)>*:not(.chat-media)]`,`rd-ee:0@[:where(&)>.chat-bubble]`]],[`chat-media`,[`grid-row-span:2`,`align-self:end`,`align-self:end@[.avatar&]`]],[`chat-header`,[`text-caption`,`grid-row-start:1`,`hstack`,`gap:1`]],[`chat-footer`,[`text-caption`,`grid-row-start:3`,`hstack`,`gap:1`]],[`chat-bubble`,[`grid-row-end:3`,`d:block`,`pos:relative`,`w:fit`,`min-w:10`,`max-w:90%`,`min-h:8`,`p-y:2`,`p-x:4`,`rd:4x`,`overflow-wrap:anywhere`]]],c=[[`checkbox`,`checkable-base w:4.5 h:4.5 w:4@sm h:4@sm p:0.5 rd:2x border-width:1 content:empty@::before pos:absolute@::before i:-1@::before content:empty@::after d:block@::after w:100%@::after h:100%@::after rotate:45@::after opacity:0@::after clip-path:[polygon(20%_100%,20%_80%,50%_80%,50%_80%,70%_80%,70%_100%)]@::after opacity:100@[&:is(:checked,[aria-checked=true])]@::after clip-path:[polygon(20%_100%,20%_80%,50%_80%,50%_0%,70%_0%,70%_100%)]@[&:is(:checked,[aria-checked=true])]@::after opacity:100@[&:is(:indeterminate,[aria-checked=mixed])]@::after rotate:0@[&:is(:indeterminate,[aria-checked=mixed])]@::after translate:[0_-35%]@[&:is(:indeterminate,[aria-checked=mixed])]@::after clip-path:[polygon(20%_100%,20%_80%,50%_80%,50%_80%,80%_80%,80%_100%)]@[&:is(:indeterminate,[aria-checked=mixed])]@::after transition:[opacity_100ms_ease-out]@::after transition:none@motion-reduce@::after appearance:auto@forced-colors@[&:is(input)] d:none@forced-colors@[&:is(input)]@::after`.split(` `)],[`checkbox-control`,[`pos:relative`,`d:inline-flex`,`flex-shrink:0`]],[`checkbox-indicator`,[`pos:absolute`,`i:0`,`m:auto`,`w:3.5`,`h:3.5`,`w:3@sm`,`h:3@sm`,`pointer-events:none`,`opacity:0`,`transition-opacity`,`transition:none@motion-reduce`,`d:none@forced-colors`,`opacity:100@peer-checked`,`d:none@peer-indeterminate`]],[`checkbox-indicator-mixed`,[`pos:absolute`,`i:0`,`m:auto`,`w:3.5`,`h:3.5`,`w:3@sm`,`h:3@sm`,`pointer-events:none`,`opacity:0`,`transition-opacity`,`transition:none@motion-reduce`,`d:none@forced-colors`,`opacity:100@peer-indeterminate`]]],l=[[`collapse`,[`d:grid`,`grid-columns:[minmax(0,1fr)]`,`grid-rows:[max-content_0fr]`,`w:100%`,`min-inline-size:0`,`pos:relative`,`isolation:isolate`,`rd:5x`,`transition:[grid-template-rows_200ms_ease-out]`,`transition:none@motion-reduce`,`grid-rows:[max-content_1fr]@open`,`grid-rows:[max-content_1fr]@data-open`,`overflow:hidden@[&::details-content]`,`transition:[content-visibility_200ms_allow-discrete]@[&::details-content]`,`transition:none@motion-reduce@[&::details-content]`]],[`collapse-title`,[`hstack`,`collapse-marker-reset`,`gap:2`,`w:100%`,`min-inline-size:0`,`min-h:[1lh]`,`grid-row-start:1`,`grid-column-start:1`,`p:4`,`p-e:12`,`pos:relative`,`text-align:start`,`cursor:pointer`]],[`collapse-marker-reset`,[`list-style-type:none`,`d:none@[&::-webkit-details-marker]`]],[`collapse-chevron`,[`chevron-down`,`rotate:225@[details[open]_>_summary&]@::after`]],[`collapse-motion`,[`interpolate-size:allow-keywords@[details&]@supports(interpolate-size:allow-keywords)@motion-safe`,`h:0@[details&::details-content]@supports(interpolate-size:allow-keywords)@motion-safe`,`overflow:hidden@[details&::details-content]@supports(interpolate-size:allow-keywords)@motion-safe`,`transition:[height_200ms_ease-out,content-visibility_200ms_allow-discrete]@[details&::details-content]@supports(interpolate-size:allow-keywords)@motion-safe`,`h:auto@[details&[open]::details-content]@supports(interpolate-size:allow-keywords)@motion-safe`]],[`collapse-icon`,[`pos:absolute`,`i-e:4`,`inline-centered`,`w:4`,`h:4`,`flex-shrink:0`,`pointer-events:none`,`transition-transform`,`transition:none@motion-reduce`,`rotate:180@[.collapse[open]_>_.collapse-title_>_&]`,`rotate:180@[.collapse[data-open]_>_.collapse-title_>_&]`]],[`collapse-folds`,[`d:none@[&:not([open])_>_*:not(summary)]`]],[`collapse-content`,[`grid-row-start:2`,`grid-column-start:1`,`min-h:0`,`min-inline-size:0`,`overflow:hidden`,`vis:hidden`,`p-x:4`,`p-b:0`,`vis:visible@[[open]_>_&]`,`vis:visible@[[data-open]_>_&]`,`p-b:4@[[open]_>_&]`,`p-b:4@[[data-open]_>_&]`,`transition:[padding_150ms_ease-out,visibility_200ms_ease-out]`,`transition:none@motion-reduce`]]],u=[[`color-input`,[`field-disabled`,`appearance:auto`,`box-sizing:border-box`,`d:inline-block`,`d:none@[[hidden]]`,`flex-shrink:0`,`min-inline-size:0`,`w:9`,`h:9`,`w:8@sm`,`h:8@sm`,`p:1`,`rd:4x`,`border-width:1`,`vertical-align:middle`,`cursor:pointer`,`p:0@[&::-webkit-color-swatch-wrapper]`,`rd:2x@[&::-webkit-color-swatch]`,`rd:2x@[&::-moz-color-swatch]`]]],d=[[`divider`,[`hstack`,`align-self:stretch`,`flex-shrink:0`,`white-space:nowrap`,`border-width:0`,`content:empty@::before`,`content:empty@::after`,`flex-grow:1@::before`,`flex-grow:1@::after`,`border-style:solid@::before`,`border-style:solid@::after`,`border-width:0@[:where(&)]@::before`,`border-width:0@[:where(&)]@::after`,`border-t-width:1@[:where(&)]@::before`,`border-t-width:1@[:where(&)]@::after`,`min-h:4@[:where(&):has(>*)]`,`gap:4@[:where(&):has(>*)]`]],[`divider--block`,[`flex-direction:column`,`h:auto`,`min-h:0`,`w:4`,`border-t-width:0@::before`,`border-t-width:0@::after`,`border-s-width:1@::before`,`border-s-width:1@::after`]]],f=[[`dock`,[`pos:fixed`,`i-b:0`,`i-s:0`,`i-e:0`,`z-index:1`,`hstack`,`align-items:stretch`,`justify-content:space-around`,`gap:1`,`w:100%`,`min-h:[calc(4rem_+_env(safe-area-inset-bottom))]`,`p:2`,`p-b:[max(0.5rem,env(safe-area-inset-bottom))]`,`border-t-width:1`]],[`dock-item`,[`control-disabled`,`vstack`,`align-items:center`,`justify-content:start`,`gap:1px`,`pos:relative`,`flex-shrink:1`,`flex-basis:100%`,`max-w:32`,`min-inline-size:0`,`m-b:2`,`rd:4x`,`cursor:pointer`,`appearance:none`,`decoration-line:none`,`font-family:inherit`,`text-indent:initial`,`w:5@[:where(&)>svg]`,`h:5@[:where(&)>svg]`,`flex-shrink:0@[:where(&)>svg]`,`font-weight:5x@aria-[current=page]`]],[`dock-label`,[`text-caption`,`max-w:100%`,`overflow-wrap:anywhere`,`text-align:center`]]],p=[[`dropdown`,[`pos:relative`,`d:inline-grid`]],[`dropdown-panel`,[`overlay-bounds`,`w:max`,`min-w:32`,`rd:4x`,`border-width:1`,`p:1`]],[`dropdown-panel--popover`,[`d:none@[.dropdown-panel&]`,`d:grid@[.dropdown-panel&:popover-open]`,`pos:fixed@[.dropdown-panel&]`,`i:auto@[.dropdown-panel&]`,`m:0@[.dropdown-panel&]`]],[`dropdown-panel--floating`,[`d:grid@[.dropdown-panel&]`,`d:none@[.dropdown-panel&[hidden]]`]],[`dropdown-content`,[`dropdown-panel`,`pos:absolute`,`z-index:50`,`i-t:100%`,`i-s:0`,`m-t:1`,`d:grid`,`d:none@[[hidden]]`]],[`dropdown--end`,[`i-s:auto@[&_>_.dropdown-content]`,`i-e:0@[&_>_.dropdown-content]`]],[`dropdown--top`,[`i-t:auto@[&_>_.dropdown-content]`,`i-b:100%@[&_>_.dropdown-content]`,`m-t:0@[&_>_.dropdown-content]`,`m-b:1@[&_>_.dropdown-content]`]]],m=[[`empty`,[`vstack`,`text-balance`,`align-items:center`,`justify-content:center`,`min-inline-size:0`,`flex:1`,`gap:6`,`p-x:6`,`p-y:12`,`p-y:20@md`,`text-align:center`]],[`empty-header`,[`vstack`,`align-items:center`,`max-w:24rem`,`gap:1`,`text-align:center`]],[`empty-media`,[`centered`,`pos:relative`,`flex-shrink:0`]],[`empty-title`,[`heading-inherit`,`m:0`,`font-size:5x`,`line-height:5x`,`font-size:4x@sm`,`line-height:4x@sm`,`font-weight:6x`]],[`empty-description`,[`text-description`,`text-pretty`]],[`empty-content`,[`vstack`,`text-body`,`align-items:center`,`w:100%`,`min-inline-size:0`,`max-w:24rem`,`gap:4`]]],h=[[`fab`,[`pos:fixed`,`i-b:[max(1rem,env(safe-area-inset-bottom))]`,`i-e:4`,`z-index:40`,`d:flex`,`d:none@[[hidden]]`,`flex-direction:column-reverse`,`align-items:end`,`gap:2`,`pointer-events:none`,`pointer-events:auto@[:where(&)_>_*]`]]],g=[[`field`,[`vstack`,`align-items:start`,`gap:2`,`min-inline-size:0`]],[`field-label`,[`text-label`]],[`field-hint`,[`text-dense`,`line-height:3x`,`line-height:2x@sm`,`m:0`]],[`input`,[`field-base`]],[`textarea`,[`field-base`,`h:auto`,`h:auto@sm`,`min-h:20`,`p-y:1.5`,`line-height:4x`,`line-height:3x@sm`,`resize:vertical@[:where(&)]`]],[`field-group`,[`d:grid`,`gap:4`,`min-inline-size:0`,`m:0`,`p:0`,`border-width:0`]],[`field-legend`,[`text-control`,`font-weight:6x`,`hstack`,`gap:2`,`m-e:auto`,`p-x:0`,`p-b:2`]],[`field-row`,[`hstack`,`gap:2`,`min-inline-size:0`,`min-h:9`,`min-h:8@sm`,`text-control`,`overflow-wrap:anywhere`,`cursor:pointer@[&:has(input)]`]],[`field-error`,[`text-dense`,`line-height:3x`,`line-height:2x@sm`,`m:0`,`vis:hidden`,`vis:visible@[:is(:user-invalid,:has(:user-invalid),[aria-invalid]:not([aria-invalid=false]),:has([aria-invalid]:not([aria-invalid=false])))_~_&]`]],[`input-shell`,[`field-base`,`inline-hstack`,`gap:2`,`cursor:text`,`appearance:none@[:where(&)_>_:is(input,textarea)]`,`flex:1@[:where(&)_>_:is(input,textarea)]`,`w:100%@[:where(&)_>_:is(input,textarea)]`,`min-inline-size:0@[:where(&)_>_:is(input,textarea)]`,`h:100%@[:where(&)_>_input]`,`border-width:0@[:where(&)_>_:is(input,textarea)]`,`p:0@[:where(&)_>_:is(input,textarea)]`,`font-family:inherit@[:where(&)_>_:is(input,textarea)]`,`font-size:inherit@[:where(&)_>_:is(input,textarea)]`,`line-height:inherit@[:where(&)_>_:is(input,textarea)]`,`opacity:64@[&:has(>input:disabled,>textarea:disabled)]`,`cursor:not-allowed@[&:has(>input:disabled,>textarea:disabled)]`]],[`input-affix`,[`hstack`,`flex-shrink:0`,`white-space:nowrap`,`h:[calc(100%_-_0.5rem)]`,`p-x:3`,`font-size:inherit`,`line-height:inherit`,`m-s:-3@[&:first-child]`,`m-e:3@[&:first-child]`,`border-e-width:1@[&:first-child]`,`m-s:3@[&:last-child]`,`m-e:-3@[&:last-child]`,`border-s-width:1@[&:last-child]`]],[`input-shell--grid`,[`d:grid@[.input-shell&]`,`grid-columns:[auto_minmax(0,1fr)_auto]@[.input-shell&]`,`grid-rows:[auto_auto_auto]@[.input-shell&]`,`align-items:stretch@[.input-shell&]`,`gap:0@[.input-shell&]`,`p:0@[.input-shell&]`,`h:auto@[.input-shell&]`,`min-h:9@[.input-shell&]`,`min-h:8@[.input-shell&]@sm`,`grid-column-start:2@[.input-shell&_>_:is(input,textarea)]`,`grid-row-start:2@[.input-shell&_>_:is(input,textarea)]`,`h:auto@[.input-shell&_>_:is(input,textarea)]`,`rd:0@[.input-shell&_>_:is(input,textarea)]`,`p-x:3@[.input-shell&_>_:is(input,textarea)]`,`p-y:1.5@[.input-shell&_>_:is(input,textarea)]`,`min-h:[calc(var(--spacing)*9_-_2px)]@[.input-shell&_>_input]`,`min-h:[calc(var(--spacing)*8_-_2px)]@[.input-shell&_>_input]@sm`,`min-inline-size:0@[.input-shell&_>_.input-affix]`,`h:auto@[.input-shell&_>_.input-affix]`,`m:0@[.input-shell&_>_.input-affix]`,`border-width:0@[.input-shell&_>_.input-affix]`,`p-y:1.5@[.input-shell&_>_.input-affix]`]],[`input-affix--inline-start`,[`grid-column-start:1@[.input-shell.input-shell--grid_>_.input-affix&]`,`grid-row-start:2@[.input-shell.input-shell--grid_>_.input-affix&]`,`border-e-width:1@[.input-shell.input-shell--grid_>_.input-affix&]`]],[`input-affix--inline-end`,[`grid-column-start:3@[.input-shell.input-shell--grid_>_.input-affix&]`,`grid-row-start:2@[.input-shell.input-shell--grid_>_.input-affix&]`,`border-s-width:1@[.input-shell.input-shell--grid_>_.input-affix&]`]],[`input-affix--block-start`,[`grid-column:[1/-1]@[.input-shell.input-shell--grid_>_.input-affix&]`,`grid-row-start:1@[.input-shell.input-shell--grid_>_.input-affix&]`,`border-n-width:1@[.input-shell.input-shell--grid_>_.input-affix&]`]],[`input-affix--block-end`,[`grid-column:[1/-1]@[.input-shell.input-shell--grid_>_.input-affix&]`,`grid-row-start:3@[.input-shell.input-shell--grid_>_.input-affix&]`,`border-u-width:1@[.input-shell.input-shell--grid_>_.input-affix&]`]],[`floating-label`,[`d:flex`,`pos:relative`,`min-inline-size:0`,`pos:absolute@[:where(&)_>_span]`,`z-index:1@[:where(&)_>_span]`,`i-s:3@[:where(&)_>_span]`,`i-t:0@[:where(&)_>_span]`,`translate:[0_calc(1.125rem_-_50%)]@[:where(&)_>_span]`,`translate:[0_calc(1rem_-_50%)]@[:where(&)_>_span]@sm`,`p-x:1@[:where(&)_>_span]`,`line-height:1@[:where(&)_>_span]`,`pointer-events:none@[:where(&)_>_span]`,`opacity:100@[:where(&)_>_span]`,`opacity:0@[:where(&)>input]@::placeholder`,`opacity:100@[&:focus-within>input]@::placeholder`,`transition:[translate_100ms_ease-out]@[:where(&)_>_span]`,`transition:none@motion-reduce@[:where(&)_>_span]`,`translate:[0_calc(-50%_-_0.125em)]@[&:is(:focus-within,:not(:has(>input:placeholder-shown)))_>_span]`]],[`textarea--autosize`,[`field-sizing:content`,`resize:none@supports(field-sizing:content)`,`max-h:50dvh`,`overflow-y:auto`]]],_=[[`file-input`,`text-field.field-disabled.box-sizing:border-box.inline-hstack.w:100%.min-inline-size:0.h:9.h:8@sm.rd:4x.border-width:1.p-s:0.p-e:3.cursor:pointer.h:100%@[&::file-selector-button].m-e:3@[&::file-selector-button].p-x:4@[&::file-selector-button].border-style:solid@[&::file-selector-button].border-t-width:0@[&::file-selector-button].border-b-width:0@[&::file-selector-button].border-s-width:0@[&::file-selector-button].border-e-width:1@[&::file-selector-button].cursor:pointer@[&::file-selector-button].cursor:not-allowed@disabled@[&::file-selector-button].cursor:not-allowed@aria-disabled@[&::file-selector-button].font-family:inherit@[&::file-selector-button].font-size:inherit@[&::file-selector-button].font-weight:5x@[&::file-selector-button]`.split(`.`)],[`dropzone`,[`focus-proxy`,`pos:relative`,`d:grid`,`place-items:center`,`w:100%`,`min-h:32`,`overflow:hidden`,`rd:5x`,`border-width:1`,`border-style:dashed`,`p:6`,`text-align:center`,`cursor:pointer`,`border-style:solid@data-dragover`,`opacity:64@[&:has(>input:disabled)]`,`cursor:not-allowed@[&:has(>input:disabled)]`]],[`dropzone-input`,[`pos:absolute`,`i:0`,`z-index:1`,`w:100%`,`h:100%`,`opacity:0`,`cursor:pointer`,`cursor:not-allowed@disabled`,`cursor:pointer@[&::file-selector-button]`,`cursor:not-allowed@disabled@[&::file-selector-button]`]],[`dropzone-content`,[`vstack`,`text-body`,`align-items:center`,`gap:2`,`font-weight:5x`,`pointer-events:none`]],[`dropzone-selection`,[`max-w:100%`,`pointer-events:none`,`overflow-wrap:anywhere`,`font-size:2x`,`line-height:3x`,`font-size:1x@sm`,`line-height:2x@sm`]]],v=[[`filter`,[`hstack`,`flex-wrap:wrap`,`gap-row:2`,`min-inline-size:0`,`m-e:2@[:where(&)_>_*:not([hidden]):where(:has(~*:not([hidden])))]`,`overflow:hidden@[:where(&)_>_*]`,`transition:[opacity_150ms_ease-out,visibility_150ms_ease-out]@[:where(&)_>_*]`,`transition:none@motion-reduce@[:where(&)_>_*]`,`transition:none@[:where(&)_>_*:focus-visible]`,`pos:relative@[:where(&)_>_*:focus-visible]`,`z-index:1@[:where(&)_>_*:focus-visible]`,`opacity:0@[&:not([data-mode=multiple]):not(:has(>:focus-visible)):has(>:is(:checked,[aria-pressed=true]):not(.filter-reset,[type=checkbox]))_>_:is(input,button):not(:checked,[aria-pressed=true],.filter-reset,[type=reset])]`,`scale:0@[&:not([data-mode=multiple]):not(:has(>:focus-visible)):has(>:is(:checked,[aria-pressed=true]):not(.filter-reset,[type=checkbox]))_>_:is(input,button):not(:checked,[aria-pressed=true],.filter-reset,[type=reset])]`,`w:0@[&:not([data-mode=multiple]):not(:has(>:focus-visible)):has(>:is(:checked,[aria-pressed=true]):not(.filter-reset,[type=checkbox]))_>_:is(input,button):not(:checked,[aria-pressed=true],.filter-reset,[type=reset])]`,`border-width:0@[&:not([data-mode=multiple]):not(:has(>:focus-visible)):has(>:is(:checked,[aria-pressed=true]):not(.filter-reset,[type=checkbox]))_>_:is(input,button):not(:checked,[aria-pressed=true],.filter-reset,[type=reset])]`,`m-e:0@[&:not([data-mode=multiple]):not(:has(>:focus-visible)):has(>:is(:checked,[aria-pressed=true]):not(.filter-reset,[type=checkbox]))_>_:is(input,button):not(:checked,[aria-pressed=true],.filter-reset,[type=reset])]`,`p-x:0@[&:not([data-mode=multiple]):not(:has(>:focus-visible)):has(>:is(:checked,[aria-pressed=true]):not(.filter-reset,[type=checkbox]))_>_:is(input,button):not(:checked,[aria-pressed=true],.filter-reset,[type=reset])]`]],[`filter-reset`,[`aspect-ratio:square`,`vis:hidden@[.filter:not(:has(>:is(:checked,[aria-pressed=true]):not(.filter-reset)))_>_&:not(:focus-visible)]`,`opacity:0@[.filter:not(:has(>:is(:checked,[aria-pressed=true]):not(.filter-reset)))_>_&:not(:focus-visible)]`,`scale:0@[.filter:not(:has(>:is(:checked,[aria-pressed=true]):not(.filter-reset)))_>_&:not(:focus-visible)]`,`w:0@[.filter:not(:has(>:is(:checked,[aria-pressed=true]):not(.filter-reset)))_>_&:not(:focus-visible)]`,`border-width:0@[.filter:not(:has(>:is(:checked,[aria-pressed=true]):not(.filter-reset)))_>_&:not(:focus-visible)]`,`m-e:0@[.filter:not(:has(>:is(:checked,[aria-pressed=true]):not(.filter-reset)))_>_&:not(:focus-visible)]`,`p-x:0@[.filter:not(:has(>:is(:checked,[aria-pressed=true]):not(.filter-reset)))_>_&:not(:focus-visible)]`]]],y=[[`footer`,[`d:grid`,`w:100%`,`grid-auto-flow:row`,`place-items:start`,`gap-row:10`,`gap-column:4`,`d:grid@[:where(&)_>_:not(script,style,template)]`,`place-items:start@[:where(&)_>_:not(script,style,template)]`,`gap:2@[:where(&)_>_:not(script,style,template)]`]],[`footer--center`,[`text-align:center@[&:not(:root)]`,`place-items:center@[&:not(:root)]`,`place-items:center@[&:not(:root)_>_:not(script,style,template)]`]],[`footer-title`,[`text-balance`,`m:0`,`max-w:100%`,`font-size:3x`,`line-height:3x`,`font-weight:5x`]]],b=[[`frame`,[`d:flex`,`w:100%`,`min-inline-size:0`]],[`frame-side`,[`flex-shrink:0`,`pos:sticky`,`i-t:[var(--frame-offset,0px)]`,`h:[calc(100dvh_-_var(--frame-offset,0px))]`,`overflow-y:auto`,`overscroll-behavior:contain`]],[`frame-main`,[`flex:1`,`min-inline-size:0`]]],x=[[`hero`,[`d:grid`,`grid-columns:[minmax(0,1fr)]`,`pos:relative`,`grid-area:[1/1]@[&_>_*]`,`place-items:center`,`w:100%`,`h:100%`,`min-h:448px`]],[`hero-content`,[`centered`,`isolation:isolate`,`min-inline-size:0`,`overflow-wrap:anywhere`,`gap:4`,`w:100%`,`max-w:9c`,`p:4`,`gap:8@md`,`p:8@md`]],[`hero-actions`,[`vstack`,`align-items:stretch`,`gap:2`,`flex-direction:row@sm`,`flex-wrap:wrap@sm`,`align-items:center@sm`]],[`hero-decoration`,[`pos:absolute`,`i:0`,`m:auto`,`pointer-events:none`,`max-w:68vw`,`max-h:68vw`]]],S=[[`indicator`,[`pos:relative`,`d:inline-flex`,`w:fit`,`max-w:100%`]],[`indicator-item`,[`pos:absolute`,`z-index:1`,`white-space:nowrap`,`i-t:0@[:where(&)]`,`i-b:auto@[:where(&)]`,`i-s:auto@[:where(&)]`,`i-e:0@[:where(&)]`,`translate-x:50%@[:where(&)]`,`translate-y:-50%@[:where(&)]`,`translate-x:-50%@[:where(&:dir(rtl))]`]],[`indicator-item--start`,[`i-s:0`,`i-e:auto`,`translate-x:-50%`,`translate-x:50%@[&:where(:dir(rtl))]`]],[`indicator-item--center`,[`i-s:50%`,`i-e:auto`,`translate-x:-50%`,`translate-x:50%@[&:where(:dir(rtl))]`]],[`indicator-item--end`,[`i-s:auto`,`i-e:0`,`translate-x:50%`,`translate-x:-50%@[&:where(:dir(rtl))]`]],[`indicator-item--top`,[`i-t:0`,`i-b:auto`,`translate-y:-50%`]],[`indicator-item--middle`,[`i-t:50%`,`i-b:auto`,`translate-y:-50%`]],[`indicator-item--bottom`,[`i-t:auto`,`i-b:0`,`translate-y:50%`]]],C=[[`join`,[`d:inline-flex`,`w:fit`,`flex-direction:row`,`align-items:stretch`,`z-index:1@[&_>_*:focus-within]`,`rd-s:4x@[&_>_*:not([hidden])]`,`rd-e:0@[&_>_*:not([hidden])]`,`rd-s:0@[&_>_*:not([hidden])_~_*:not([hidden])]`,`rd-e:4x@[&_>_*:not([hidden]):not(:has(~*:not([hidden])))]`,`m-s:-1px@[&_>_*:not([hidden])_~_*:not([hidden])]`]],[`join--block`,[`flex-direction:column@[&:not(:root)]`,`rd-u:4x@[&:not(:root)_>_*:not([hidden])]`,`rd-n:0@[&:not(:root)_>_*:not([hidden])]`,`rd-u:0@[&:not(:root)_>_*:not([hidden])_~_*:not([hidden])]`,`rd-n:4x@[&:not(:root)_>_*:not([hidden]):not(:has(~*:not([hidden])))]`,`m-s:0@[&:not(:root)_>_*:not([hidden])_~_*:not([hidden])]`,`m-u:-1px@[&:not(:root)_>_*:not([hidden])_~_*:not([hidden])]`]],[`join-separator`,[`flex-shrink:0`,`flex-grow:0`,`flex-basis:px`,`align-self:stretch`,`pointer-events:none`,`z-index:2`,`border-width:0`]],[`join-text`,[`text-control`,`control-icon`,`inline-hstack`,`gap:2`,`white-space:nowrap`,`rd:4x`,`border-width:1`,`p-x:3`]]],w=[[`kbd`,[`inline-centered`,`flex-shrink:0`,`gap:1`,`h:6`,`h:5@sm`,`min-w:6`,`min-w:5@sm`,`p-x:1.5`,`rd:2x`,`font-size:1x`,`line-height:1x`,`font-weight:5x`,`vertical-align:middle`,`white-space:nowrap`,`w:3@[:where(&)_svg]`,`h:3@[:where(&)_svg]`]],[`kbd-group`,[`inline-hstack`,`gap:1`]]],T=[[`list`,[`plain-list`,`text-body`,`vstack`,`min-inline-size:0`]],[`list-row`,[`hstack`,`flex-wrap:wrap`,`gap:4`,`min-inline-size:0`,`p:4`,`rd:4x`,`pos:relative`]],[`list-content`,[`vstack`,`flex:[1_1_12ch]`,`min-inline-size:0`,`overflow-wrap:anywhere`,`gap:1.5`]],[`list-media`,[`centered`,`flex-shrink:0`,`gap:2`]],[`list-media--icon`,[`w:8`,`h:8`,`rd:3x`,`border-width:1`,`w:4@[:where(&)_svg]`,`h:4@[:where(&)_svg]`,`pointer-events:none@[:where(&)_svg]`]],[`list-media--image`,[`w:10`,`h:10`,`rd:3x`,`overflow:hidden`,`w:100%@[:where(&)_img]`,`h:100%@[:where(&)_img]`,`object-fit:cover@[:where(&)_img]`]],[`list-title`,[`hstack`,`heading-inherit`,`gap:2`,`font-weight:5x`,`line-height:4x`,`line-height:3x@sm`]],[`list-description`,[`m:0`,`line-height:4x`,`line-height:3x@sm`,`text-wrap:pretty`]],[`list-col-wrap`,[`flex-basis:100%`,`min-inline-size:0`]]],E=[[`listbox`,[`plain-list`,`vstack`,`scroll-y`,`p:1`,`scroll-p-y:1`]],[`listbox-option`,[`control-icon`,`control-disabled`,`text-control`,`pos:relative`,`hstack`,`d:none@[[hidden]]`,`w:100%`,`min-h:8`,`min-h:7@sm`,`gap:2`,`rd:2x`,`p-x:2`,`p-y:1`,`text-align:start`,`cursor:default`]],[`listbox-group`,[`vstack`,`d:none@[[hidden]]`]],[`listbox-empty`,[`text-control`,`p:2`,`text-align:center`]]],D=[[`loading-shell`,[`d:inline-flex`,`vertical-align:middle`,`flex-shrink:0`]],[`loading`,[`d:inline-block`,`flex-shrink:0`,`aspect-ratio:square`,`h:auto`,`pointer-events:none`,`vertical-align:middle`,`animation:spin`,`animation-timing:linear`,`animation:none@motion-reduce`,`w:4.5@[:where(&)]`,`w:4@[:where(&)]@sm`]]],O=[[`menu`,[`plain-list`,`text-control`,`vstack`,`flex-wrap:wrap`,`w:fit`,`p:2`]],[`menu--horizontal`,[`d:inline-flex@[.menu&]`,`flex-direction:row@[.menu&]`,`flex-wrap:wrap@[.menu&]`,`align-items:start@[.menu&]`]],[`menu-item`,[`vstack`,`align-items:stretch`,`flex-shrink:0`,`min-inline-size:0`,`pos:relative`]],[`menu-action`,[`control-icon`,`control-disabled`,`text-control`,`pos:relative`,`hstack`,`gap:2`,`w:100%`,`min-inline-size:0`,`min-h:8`,`min-h:7@sm`,`rd:2x`,`p-x:2`,`p-y:1`,`text-align:start`,`white-space:nowrap`,`decoration-line:none`,`cursor:pointer`,`appearance:none`,`font-family:inherit`,`font-style:normal`,`font-weight:4x`,`letter-spacing:inherit`,`text-indent:initial`]],[`menu-indicator`,[`inline-centered`,`pos:absolute`,`i-s:1.5`,`w:4`,`h:4`,`opacity:0`,`pointer-events:none`,`transition-opacity`,`transition:none@motion-reduce`,`opacity:100@[:where(.menu-action[aria-checked=true])_>_&]`,`w:4@[:where(&)_svg]`,`h:4@[:where(&)_svg]`]],[`menu-label`,[`text-caption`,`font-weight:5x`,`p-x:2`,`p-y:1.5`]],[`menu-submenu`,[`plain-list`,`vstack`,`pos:relative`,`white-space:nowrap`,`m-s:4`,`p-s:2`,`border-s-width:1`]],[`menu-separator`,[`list-style-type:none`,`h:0`,`m-c:1`,`m-a:-1`,`border-width:0`,`border-t-width:1`]],[`menu-shortcut`,[`text-caption`,`m-s:auto`,`flex-shrink:0`,`font-weight:5x`,`letter-spacing:0.1em`,`pointer-events:none`]]],k=[[`meter`,[`vstack`,`gap:2`,`w:100%`]],[`meter-header`,[`hstack`,`justify-content:space-between`,`gap:2`]],[`meter-value`,[`text-control`,`font-variant-numeric:tabular-nums`]],[`meter-track`,[`d:block`,`w:100%`,`h:2`,`overflow:hidden`,`rd:9999px`]],[`meter-indicator`,[`d:block`,`h:100%`,`max-w:100%`,`rd:9999px`,`transition-property:[width]`,`transition-duration:500`,`transition:none@motion-reduce`]]],A=[[`mockup-code`,[`scroll-x`,`pos:relative`,`w:100%`,`overflow-y:hidden`,`rd:5x`,`border-width:1`,`p-y:5`,`direction:ltr`,`font-size:2x`,`line-height:3x`,`p-y:0@[:where(:has(>.mockup-code-body))]`,`overflow:hidden@[:where(:has(>.mockup-code-body))]`,`direction:inherit@[:where(:has(>.mockup-code-body):dir(ltr))]`,`direction:rtl@[:where(:has(>.mockup-code-body):dir(rtl))]`,`w:max@[:where(&)_>_pre]`,`min-w:100%@[:where(&)_>_pre]`,`p-e:5@[:where(&)_>_pre]`,`content:empty@[:where(&)_>_pre]@::before`,`m-e:2ch@[:where(&)_>_pre]@::before`,`content:[attr(data-prefix)]@[:where(&)_>_pre[data-prefix]]@::before`,`d:inline-block@[:where(&)_>_pre[data-prefix]]@::before`,`w:8@[:where(&)_>_pre[data-prefix]]@::before`,`text-align:end@[:where(&)_>_pre[data-prefix]]@::before`]],[`mockup-code-header`,[`hstack`,`flex-wrap:wrap`,`gap:2`,`justify-content:space-between`,`flex-shrink:0`,`min-inline-size:0`,`min-h:10`,`border-b-width:1`,`p-x:4`,`p-y:1.5`]],[`mockup-code-title`,[`font-size:2x`,`line-height:1.5`,`flex:[1_1_12ch]`,`min-inline-size:0`,`overflow-wrap:anywhere`,`font-weight:5x`]],[`mockup-code-language`,[`text-caption`,`font-family:mono`,`flex-shrink:0`,`max-w:100%`,`overflow-wrap:anywhere`,`rd:2x`,`p-x:1.5`]],[`mockup-code-actions`,[`hstack`,`flex-wrap:wrap`,`gap:1`,`flex-shrink:0`,`max-w:100%`,`m-s:auto`]],[`mockup-code-body`,[`scroll-x`,`d:grid`,`grid-columns:[minmax(max-content,1fr)]`,`p-y:4`,`direction:ltr`,`font-family:mono`,`font-size:2x`,`line-height:1.75`,`tab-size:2`,`font-variant-ligatures:none`,`outline-offset:-4@focus-visible`,`d:grid@[:where(&)_>_pre]`,`grid-columns:[3ch_1fr]@[:where(&)_>_pre]`,`min-w:max@[:where(&)_>_pre]`,`gap-column:2ch@[:where(&)_>_pre]`,`p-x:4@[:where(&)_>_pre]`,`m:0@[:where(&)_>_pre]`,`content:empty@[:where(&)_>_pre]@::before`,`content:[attr(data-prefix)]@[:where(&)_>_pre[data-prefix]]@::before`,`text-align:end@[:where(&)_>_pre]@::before`]],[`mockup-phone`,[`d:inline-grid`,`justify-items:center`,`w:100%`,`max-w:462px`,`aspect-ratio:[462/978]`,`p:1.5`,`rd:65px`,`border-width:5`,`overflow:hidden`]],[`mockup-phone-camera`,[`grid-area:[1/1]`,`z-index:1`,`w:28%`,`h:3.7%`,`m-t:3%`,`rd:17px`]],[`mockup-phone-display`,[`grid-area:[1/1]`,`w:100%`,`h:100%`,`overflow:hidden`,`rd:54px`,`object-fit:cover@[:where(&)_>_img]`,`w:100%@[:where(&)_>_img]`,`h:100%@[:where(&)_>_img]`]]],j=[[`modal`,[`d:none`,`d:grid@open`,`grid-columns:[minmax(0,1fr)]`,`overflow-wrap:anywhere`,`pos:fixed`,`i:0`,`m:auto`,`w:[calc(100%_-_2rem)]`,`max-w:3c`,`max-h:[calc(100dvh_-_2rem)]`,`gap:8`,`overflow-y:auto`,`overscroll-behavior:contain`,`rd:6x`,`border-width:1`,`p:4`,`p:8@sm`]],[`modal-header`,[`d:grid`,`gap:2`,`text-align:start`]],[`modal-title`,[`heading-inherit`,`m:0`,`font-size:5x`,`line-height:5x`,`font-size:4x@sm`,`line-height:4x@sm`,`font-weight:6x`]],[`modal-body`,[`vstack`,`gap:3`,`min-inline-size:0`]],[`modal-footer`,[`vstack`,`flex-wrap:wrap`,`align-items:stretch`,`gap:2`,`pos:sticky`,`i-n:-1rem`,`m-n:-1rem`,`p-n:4`,`i-n:-2rem@sm`,`m-n:-2rem@sm`,`p-n:8@sm`,`flex-direction:row@sm`,`justify-content:end@sm`,`align-items:center@sm`]],[`modal--backdrop-motion`,[`opacity:0@::backdrop`,`opacity:100@open@::backdrop`,`opacity:0@open@starting@::backdrop`,`transition:[opacity_150ms_ease-out]@::backdrop`,`transition:none@motion-reduce@::backdrop`]],[`modal--motion`,[`opacity:0`,`translate-y:2`,`opacity:100@open`,`translate:none@open`,`opacity:0@open@starting`,`translate-y:2@open@starting`,`transition:[opacity_150ms_ease-out,translate_150ms_ease-out,display_150ms_allow-discrete,overlay_150ms_allow-discrete]`,`transition-duration:200@open`,`transition:none@motion-reduce`]]],M=[[`navbar`,[`hstack`,`pos:relative`,`w:100%`,`min-h:15`,`min-h:14@sm`,`gap:2.5`,`p-x:4`,`p-y:3`,`p-x:6@md`]],[`navbar-brand`,[`hstack`,`gap:2`,`press-scale`,`text-control`,`h:9`,`h:8@sm`,`rd:3x`,`p-x:1.5`,`font-weight:6x`,`decoration-line:none`]],[`navbar-start`,[`inline-hstack`,`justify-content:start`,`w:50%`,`min-inline-size:0`]],[`navbar-center`,[`inline-hstack`,`flex-shrink:0`,`min-inline-size:0`]],[`navbar-end`,[`inline-hstack`,`justify-content:end`,`w:50%`,`min-inline-size:0`]]],N=[[`otp`,[`inline-hstack`,`pos:relative`,`max-w:100%`,`gap:2`,`direction:ltr`]],[`otp-slot`,[`inline-centered`,`box-sizing:border-box`,`flex-shrink:0`,`pos:relative`,`w:9`,`h:9`,`w:8@sm`,`h:8@sm`,`rd:4x`,`border-width:1`,`font-size:4x`,`font-size:3x@sm`,`line-height:3x`,`text-align:center`,`font-variant-numeric:tabular-nums`,`z-index:1@data-active`]],[`otp-separator`,[`inline-centered`,`flex-shrink:0`,`w:4`,`h:9`,`h:8@sm`]]],P=[[`pagination`,[`d:flex`,`min-inline-size:0`,`w:100%`,`justify-content:center`]],[`pagination-list`,[`plain-list`,`hstack`,`max-w:100%`,`min-inline-size:0`,`flex-wrap:wrap`,`justify-content:center`,`gap:1`]],[`pagination-item`,[`d:flex`,`min-inline-size:0`,`text-align:unset`]],[`pagination-link`,[`inline-centered`,`control-disabled`,`text-label`,`press-scale`,`h:9`,`min-w:9`,`h:8@sm`,`min-w:8@sm`,`p-x:2.5`,`rd:4x`,`border-width:1`,`font-variant-numeric:tabular-nums`,`decoration-line:none`,`white-space:nowrap`,`cursor:pointer`]],[`pagination-ellipsis`,[`inline-centered`,`h:9`,`min-w:9`,`h:8@sm`,`min-w:8@sm`,`p-x:2.5`]],[`pagination-ellipsis-label`,[`sr-only`]]],F=[[`popover`,[`d:contents`]],[`popover-content`,[`overlay-bounds`,`d:none`,`d:flex@[:popover-open]`,`pos:fixed`,`i:auto`,`m:2`,`w:[min(20rem,calc(100vw_-_2rem))]`,`flex-direction:column`,`gap:4`,`rd:4x`,`border-width:1`,`p:4`]],[`popover-header`,[`vstack`,`gap:2`,`text-align:start`]],[`popover-title`,[`heading-inherit`,`m:0`,`font-size:4x`,`line-height:4x`,`font-size:3x@sm`,`line-height:3x@sm`,`font-weight:6x`]],[`popover-description`,[`text-description`]],[`popover-content--block-start`,[`position-area:block-start`,`position-try:[flip-block,_span-all]`]],[`popover-content--block-start-inline-start`,[`position-area:[block-start_span-inline-end]`,`position-try:[flip-block,_span-all]`]],[`popover-content--block-start-inline-end`,[`position-area:[block-start_span-inline-start]`,`position-try:[flip-block,_span-all]`]],[`popover-content--inline-end`,[`position-area:inline-end`,`position-try:[flip-inline,_span-all]`]],[`popover-content--inline-end-block-start`,[`position-area:[inline-end_span-block-end]`,`position-try:[flip-inline,_span-all]`]],[`popover-content--inline-end-block-end`,[`position-area:[inline-end_span-block-start]`,`position-try:[flip-inline,_span-all]`]],[`popover-content--block-end`,[`position-area:block-end`,`position-try:[flip-block,_span-all]`]],[`popover-content--block-end-inline-start`,[`position-area:[block-end_span-inline-end]`,`position-try:[flip-block,_span-all]`]],[`popover-content--block-end-inline-end`,[`position-area:[block-end_span-inline-start]`,`position-try:[flip-block,_span-all]`]],[`popover-content--inline-start`,[`position-area:inline-start`,`position-try:[flip-inline,_span-all]`]],[`popover-content--inline-start-block-start`,[`position-area:[inline-start_span-block-end]`,`position-try:[flip-inline,_span-all]`]],[`popover-content--inline-start-block-end`,[`position-area:[inline-start_span-block-start]`,`position-try:[flip-inline,_span-all]`]]],I=[[`progress`,[`appearance:none`,`d:block`,`pos:relative`,`w:100%`,`h:1.5`,`min-inline-size:0`,`rd:9999px`,`border-width:0`,`overflow:hidden`,`rd:9999px@[&::-webkit-progress-bar]`,`rd:9999px@[&::-webkit-progress-value]`,`rd:9999px@[&::-moz-progress-bar]`,`transition-property:[inline-size]@[&::-webkit-progress-value]`,`transition-duration:300@[&::-webkit-progress-value]`,`transition-timing:ease-out@[&::-webkit-progress-value]`,`transition-property:[inline-size]@[&::-moz-progress-bar]`,`transition-duration:300@[&::-moz-progress-bar]`,`transition-timing:ease-out@[&::-moz-progress-bar]`,`transition:none@motion-reduce@[&::-webkit-progress-value]`,`transition:none@motion-reduce@[&::-moz-progress-bar]`]],[`progress-indicator`,[`d:block`,`h:100%`,`max-w:100%`,`rd:9999px`,`transition-property:[width]`,`transition-duration:300`,`transition-timing:ease-out`,`transition:none@motion-reduce`]],[`progress-indicator--indeterminate`,[`w:1/3`,`w:100%@motion-reduce`]]],L=[[`prose`,`prose-content:base`],[`prose-hans`,`prose-content:hans`],[`prose-hant`,`prose-content:hant`]],R=[[`radio`,`checkable-base w:4.5 h:4.5 w:4@sm h:4@sm p:1 p:0.875@sm rd:9999px border-width:1 content:empty@::before d:block@::before pos:absolute@::before i-t:50%@::before i-s:50%@::before translate:[-50%_-50%]@::before translate:[50%_-50%]@[:where(:dir(rtl))]@::before w:[calc(100%_-_var(--spacing)*2)]@::before h:[calc(100%_-_var(--spacing)*2)]@::before w:[calc(100%_-_var(--spacing)*1.75)]@sm@::before h:[calc(100%_-_var(--spacing)*1.75)]@sm@::before rd:9999px@::before scale:0@::before scale:100@[&:is(:checked,[aria-checked=true])]@::before transition:[scale_150ms_ease-out]@::before transition:none@motion-reduce@::before appearance:auto@forced-colors@[&:is(input)] d:none@forced-colors@[&:is(input)]@::before`.split(` `)]],z=[[`range`,[`field-disabled`,`focus-ring`,`outline-style:solid@focus-visible`,`opacity:100@focus-visible`,`appearance:auto`,`d:block`,`cursor:pointer`,`w:100%`,`h:11`,`p:0`,`border-width:0`]],[`range--vertical`,[`w:11@[.range&]`,`h:40@[.range&]`,`writing-mode:vertical-lr`,`direction:rtl`]]],B=[[`rating`,[`inline-hstack`,`vertical-align:middle`,`gap:0.5`,`appearance:none@[:where(&)_>_input]`,`appearance:auto@forced-colors@[:where(&)_>_input]`,`cursor:pointer@[:where(&)_>_input]`,`w:6@[:where(&)_>_*]`,`h:6@[:where(&)_>_*]`,`flex-shrink:0@[:where(&)_>_*]`,`opacity:80@[&_>_*]`,`transition-property:opacity@[:where(&)_>_*]`,`transition-duration:150@[:where(&)_>_*]`,`transition-timing:ease-out@[:where(&)_>_*]`,`transition:none@motion-reduce@[:where(&)_>_*]`,`opacity:100@[:where(&)_>_:is(:checked,[aria-checked=true],[aria-current=true])]`,`opacity:100@[:where(&)_>_:has(~:checked,~[aria-checked=true],~[aria-current=true])]`,`opacity:100@[:where(&)_>_:focus-visible]`,`opacity:100@forced-colors@[&_>_*]`]]],V=`@[select.select&:not([multiple]):not([size])]@supports(appearance:base-select)@!forced-colors`,H=[[`select`,`text-field field-disabled box-sizing:border-box d:block w:100% min-inline-size:0 min-h:9 min-h:8@sm rd:4x border-width:1 p-s:3 p-e:10 p-y:1 appearance:none cursor:pointer white-space:nowrap text-overflow:ellipsis font-style:inherit font-weight:inherit letter-spacing:inherit text-align:start bg-image:[linear-gradient(45deg,transparent_50%,currentColor_50%),linear-gradient(135deg,currentColor_50%,transparent_50%)] bg-size:[4px_4px,4px_4px] bg-position:[calc(100%_-_1.125rem)_50%,calc(100%_-_0.875rem)_50%] bg-position:[1.125rem_50%,0.875rem_50%]@[:where(:dir(rtl))] bg-repeat:no-repeat appearance:auto@forced-colors bg-image:none@forced-colors p-e:3@forced-colors appearance:auto@[[multiple]] bg-image:none@[[multiple]] p-e:3@[[multiple]] appearance:auto@[[size]] bg-image:none@[[size]] p-e:3@[[size]]`.split(` `)],[`select--customizable`,[`appearance:[base-select]${V}`,`appearance:[base-select]${V}@::picker(select)`,`bg-image:none${V}`,`p-e:3${V}`,`d:flex${V}`,`align-items:center${V}`,`gap:2${V}`,`d:flex${V}@>button`,`flex:1${V}@>button`,`min-inline-size:0${V}@>button`,`align-items:center${V}@>button`,`justify-content:space-between${V}@>button`,`gap:2${V}@>button`,`p:0${V}@>button`,`border-width:0${V}@>button`,`font-family:inherit${V}@>button`,`font-size:inherit${V}@>button`,`font-weight:inherit${V}@>button`,`line-height:inherit${V}@>button`,`text-align:inherit${V}@>button`,`d:block${V}@[&_>_button_>_selectedcontent]`,`min-inline-size:0${V}@[&_>_button_>_selectedcontent]`,`overflow:hidden${V}@[&_>_button_>_selectedcontent]`,`text-overflow:ellipsis${V}@[&_>_button_>_selectedcontent]`,`white-space:nowrap${V}@[&_>_button_>_selectedcontent]`,`border-width:1${V}@::picker(select)`,`rd:4x${V}@::picker(select)`,`p:1${V}@::picker(select)`,`max-h:[min(20rem,calc(100%_-_1rem))]${V}@::picker(select)`,`max-w:[calc(100vw_-_2rem)]${V}@::picker(select)`,`overflow:auto${V}@::picker(select)`,`overscroll-behavior:contain${V}@::picker(select)`,`d:flex${V}@>option`,`min-inline-size:0${V}@>option`,`min-h:8${V}@>option`,`align-items:center${V}@>option`,`gap:2${V}@>option`,`p-x:2${V}@>option`,`p-y:1${V}@>option`,`rd:2x${V}@>option`,`font-family:inherit${V}@>option`,`font-size:3x${V}@>option`,`line-height:3x${V}@>option`,`white-space:normal${V}@>option`,`overflow-wrap:anywhere${V}@>option`,`cursor:pointer${V}@>option`,`d:flex${V}@[&_>_optgroup_>_option]`,`min-inline-size:0${V}@[&_>_optgroup_>_option]`,`min-h:8${V}@[&_>_optgroup_>_option]`,`align-items:center${V}@[&_>_optgroup_>_option]`,`gap:2${V}@[&_>_optgroup_>_option]`,`p-x:2${V}@[&_>_optgroup_>_option]`,`p-y:1${V}@[&_>_optgroup_>_option]`,`rd:2x${V}@[&_>_optgroup_>_option]`,`font-family:inherit${V}@[&_>_optgroup_>_option]`,`font-size:3x${V}@[&_>_optgroup_>_option]`,`line-height:3x${V}@[&_>_optgroup_>_option]`,`white-space:normal${V}@[&_>_optgroup_>_option]`,`overflow-wrap:anywhere${V}@[&_>_optgroup_>_option]`,`cursor:pointer${V}@[&_>_optgroup_>_option]`,`min-h:7${V}@>option@sm`,`font-size:2x${V}@>option@sm`,`line-height:2x${V}@>option@sm`,`min-h:7${V}@[&_>_optgroup_>_option]@sm`,`font-size:2x${V}@[&_>_optgroup_>_option]@sm`,`line-height:2x${V}@[&_>_optgroup_>_option]@sm`,`cursor:not-allowed${V}@>option:disabled`,`opacity:64${V}@>option:disabled`,`cursor:not-allowed${V}@[&_>_optgroup_>_option:disabled]`,`opacity:64${V}@[&_>_optgroup_>_option:disabled]`]]],fe=[[`sheet`,[`d:none`,`d:flex@open`,`pos:fixed`,`m:0`,`max-w:none`,`max-h:none`,`flex-direction:column`,`gap:8`,`scroll-y`,`border-width:1`,`p:8`,`sheet-motion`]],[`sheet-motion`,[`opacity:0`,`opacity:100@open`,`opacity:0@open@starting`,`transition:[opacity_150ms_ease-out,translate_150ms_ease-out,display_150ms_allow-discrete,overlay_150ms_allow-discrete]`,`transition-duration:200@open`,`transition:none@motion-reduce`]],[`sheet--safe-area`,[`p-t:[max(2rem,env(safe-area-inset-top))]@[.sheet&]`,`p-r:[max(2rem,env(safe-area-inset-right))]@[.sheet&]`,`p-b:[max(2rem,env(safe-area-inset-bottom))]@[.sheet&]`,`p-l:[max(2rem,env(safe-area-inset-left))]@[.sheet&]`]],[`sheet--block-start`,[`i-u:0`,`i-e:0`,`i-n:auto`,`i-s:0`,`w:100%`,`h:auto`,`max-h:85dvh`,`border-u-width:0`,`border-e-width:0`,`border-n-width:1`,`border-s-width:0`,`translate-y:-100%`,`translate-y:0@open`,`translate-y:-100%@open@starting`,`p-u:[max(2rem,env(safe-area-inset-top))]`]],[`sheet--inline-end`,[`i-u:0`,`i-e:0`,`i-n:0`,`i-s:auto`,`w:[min(24rem,90vw)]`,`h:dvh`,`border-u-width:0`,`border-e-width:0`,`border-n-width:0`,`border-s-width:1`,`translate-x:100%`,`translate-x:-100%@[&:where(:dir(rtl))]`,`translate-x:0@open`,`translate-x:100%@open@starting`,`translate-x:-100%@open@starting@[&:where(:dir(rtl))]`,`p-u:[max(2rem,env(safe-area-inset-top))]`,`p-n:[max(2rem,env(safe-area-inset-bottom))]`]],[`sheet--block-end`,[`i-u:auto`,`i-e:0`,`i-n:0`,`i-s:0`,`w:100%`,`h:auto`,`max-h:85dvh`,`border-u-width:1`,`border-e-width:0`,`border-n-width:0`,`border-s-width:0`,`translate-y:100%`,`translate-y:0@open`,`translate-y:100%@open@starting`,`p-n:[max(2rem,env(safe-area-inset-bottom))]`]],[`sheet--inline-start`,[`i-u:0`,`i-e:auto`,`i-n:0`,`i-s:0`,`w:[min(24rem,90vw)]`,`h:dvh`,`border-u-width:0`,`border-e-width:1`,`border-n-width:0`,`border-s-width:0`,`translate-x:-100%`,`translate-x:100%@[&:where(:dir(rtl))]`,`translate-x:0@open`,`translate-x:-100%@open@starting`,`translate-x:100%@open@starting@[&:where(:dir(rtl))]`,`p-u:[max(2rem,env(safe-area-inset-top))]`,`p-n:[max(2rem,env(safe-area-inset-bottom))]`]]],U=`min(25%,var(--site-gutter,clamp(1rem,calc(18.75vw_-_6rem),3rem)))`,pe=[[`site`,[`vstack`,`min-h:100svh`,`min-inline-size:0`]],[`site-main`,[`flex:1`,`min-inline-size:0`]],[`site-section`,[`pos:relative`,`d:grid`,`min-inline-size:0`,`grid-columns:[${U}_minmax(0,1fr)_minmax(0,var(--site-content-width,80rem))_minmax(0,1fr)_${U}]`,`border-b-width:1`,`content:empty@::before`,`pos:absolute@::before`,`i-t:0@::before`,`i-b:0@::before`,`i-s:[${U}]@::before`,`border-s-width:1@::before`,`pointer-events:none@::before`,`content:empty@::after`,`pos:absolute@::after`,`i-t:0@::after`,`i-b:0@::after`,`i-e:[${U}]@::after`,`border-e-width:1@::after`,`pointer-events:none@::after`]],[`site-content`,[`pos:relative`,`grid-column:3`,`min-inline-size:0`,`content:empty@::before`,`pos:absolute@::before`,`i-t:0@::before`,`i-b:0@::before`,`i-s:0@::before`,`border-s-width:1@::before`,`pointer-events:none@::before`,`content:empty@::after`,`pos:absolute@::after`,`i-t:0@::after`,`i-b:0@::after`,`i-e:0@::after`,`border-e-width:1@::after`,`pointer-events:none@::after`]],[`site-intro`,[`vstack`,`align-items:center`,`justify-content:center`,`text-align:center`,`min-inline-size:0`,`min-h:48`,`gap:5`,`p:6`,`p:12@md`]],[`site-grid`,[`d:grid`,`min-inline-size:0`,`grid-columns:[minmax(0,1fr)]`,`border-t-width:1`,`border-s-width:1`,`border-t-width:0@[:where(.site-section>.site-content)>&:first-child]`,`m-b:-1px@[:where(.site-section>.site-content)>&:last-child]`]],[`site-cell`,[`vstack`,`min-inline-size:0`,`gap:2`,`p:6`,`p-x:12@md`,`border-e-width:1`,`border-b-width:1`]],[`site-rule`,[`d:block`,`m:0`,`w:100%`,`min-h:3`,`flex-shrink:0`,`border-width:0`,`border-b-width:1`]]],me=[[`stat-group`,[`d:inline-grid`,`grid-auto-flow:column`,`grid-auto-columns:[minmax(max-content,1fr)]`,`pos:relative`,`overflow-x:auto`,`rd:6x`,`border-width:1`]],[`stat-group--vertical`,[`grid-auto-flow:row@[.stat-group&]`,`overflow-y:auto@[.stat-group&]`]],[`stat-group--horizontal`,[`grid-auto-flow:column@[.stat-group&]`,`overflow-x:auto@[.stat-group&]`]],[`stat`,[`d:inline-grid`,`w:100%`,`min-inline-size:0`,`grid-columns:[1fr]`,`gap-column:4`,`p-y:4`,`p-x:6`]],[`stat-title`,[`text-caption`,`white-space:nowrap`,`grid-column-start:1`]],[`stat-value`,[`font-size:8x`,`line-height:8x`,`font-size:7x@sm`,`line-height:7x@sm`,`font-weight:6x`,`font-variant-numeric:tabular-nums`,`white-space:nowrap`,`grid-column-start:1`]],[`stat-desc`,[`stat-title`]],[`stat-figure`,[`grid-row:[1/span_3]`,`grid-column-start:2`,`place-self:[center_end]`]],[`stat-actions`,[`hstack`,`gap:2`,`grid-column-start:1`,`white-space:nowrap`]]],he=[[`status`,[`d:inline-block`,`w:2`,`h:2`,`rd:9999px`,`flex-shrink:0`,`vertical-align:middle`]]],ge=[[`step-group`,[`plain-list`,`d:inline-grid`,`grid-auto-flow:column`,`grid-auto-columns:[1fr]`,`overflow-x:auto`,`overflow-y:hidden`]],[`step-group--vertical`,[`grid-auto-flow:row@[.step-group&]`,`grid-auto-rows:[1fr]@[.step-group&]`]],[`step`,[`pos:relative`,`min-w:16`,`text-align:center`,`min-h:16@[:where(.step-group--vertical)>&]`]],[`step-row`,[`d:grid`,`h:100%`,`place-items:center`,`grid-rows:[2.5rem_1fr]`,`grid-columns:[auto]`,`grid-rows:[auto]@[:where(.step-group--vertical>.step)>&]`,`grid-columns:[2.5rem_minmax(0,1fr)]@[:where(.step-group--vertical>.step)>&]`,`justify-items:start@[:where(.step-group--vertical>.step)>&]`,`gap:2@[:where(.step-group--vertical>.step)>&]`]],[`step-title`,[`font-size:2x`,`line-height:3x`,`font-weight:6x`]],[`step-content`,[`min-inline-size:0`,`overflow-wrap:anywhere`,`m:0@[:where(&)_>_:first-child]`,`m-b:0@[:where(&)_>_:last-child]`]],[`step-marker`,[`inline-centered`,`pos:relative`,`z-index:1`,`grid-row:1`,`grid-column:1`,`place-self:center`,`flex-shrink:0`,`w:8`,`h:8`,`rd:50%`,`border-width:1`,`font-variant-numeric:tabular-nums`]],[`step-connector`,[`grid-row:1`,`grid-column:1`,`pointer-events:none`,`w:100%`,`h:0`,`m-s:-100%`,`border-t-width:2`,`d:none@[:where(.step:first-child>.step-row)>&]`,`w:0@[:where(.step-group--vertical>.step>.step-row)>&]`,`h:100%@[:where(.step-group--vertical>.step>.step-row)>&]`,`m-s:0@[:where(.step-group--vertical>.step>.step-row)>&]`,`place-self:center@[:where(.step-group--vertical>.step>.step-row)>&]`,`translate:[0px_-50%]@[:where(.step-group--vertical>.step>.step-row)>&]`,`border-t-width:0@[:where(.step-group--vertical>.step>.step-row)>&]`,`border-s-width:2@[:where(.step-group--vertical>.step>.step-row)>&]`]]],_e=[[`swap`,[`focus-proxy`,`pos:relative`,`d:inline-grid`,`place-content:center`,`vertical-align:middle`,`flex-shrink:0`,`cursor:pointer`,`grid-column-start:1@[:where(&)_>_*]`,`grid-row-start:1@[:where(&)_>_*]`,`transition-property:[opacity,rotate,scale]@[:where(&)_>_*]`,`transition-duration:150@[:where(&)_>_*]`,`transition-timing:[cubic-bezier(0.2,0,0,1)]@[:where(&)_>_*]`,`transition:none@motion-reduce@[:where(&)_>_*]`,`appearance:none@[:where(&)_>_input]`,`w:0@[:where(&)_>_input]`,`h:0@[:where(&)_>_input]`,`m:0@[:where(&)_>_input]`,`p:0@[:where(&)_>_input]`,`border-width:0@[:where(&)_>_input]`]],[`swap-on`,[`opacity:0`,`user-select:none`,`pointer-events:none`,`opacity:100@[.swap>input:checked_~_&]`,`user-select:auto@[.swap>input:checked_~_&]`,`opacity:0@[.swap>input:indeterminate_~_&]`,`user-select:none@[.swap>input:indeterminate_~_&]`]],[`swap-off`,[`opacity:100`,`pointer-events:none`,`opacity:0@[.swap>input:checked_~_&]`,`user-select:none@[.swap>input:checked_~_&]`,`opacity:0@[.swap>input:indeterminate_~_&]`,`user-select:none@[.swap>input:indeterminate_~_&]`]],[`swap-indeterminate`,[`opacity:0`,`user-select:none`,`pointer-events:none`,`opacity:100@[.swap>input:indeterminate_~_&]`,`user-select:auto@[.swap>input:indeterminate_~_&]`]],[`swap--active`,[`opacity:100@[&>_.swap-on]`,`user-select:auto@[&>_.swap-on]`,`opacity:0@[&>_.swap-off]`,`user-select:none@[&>_.swap-off]`]],[`swap--rotate`,[`transition-duration:300@motion-safe@[&>_*]`,`rotate:45@[&>_.swap-on]`,`rotate:0@[&>input:is(:checked,:indeterminate)_~_.swap-on]`,`rotate:-45@[&>input:is(:checked,:indeterminate)_~_.swap-off]`,`rotate:0@[&.swap--active>_.swap-on]`,`rotate:-45@[&.swap--active>_.swap-off]`,`rotate:none@motion-reduce@[&>_.swap-on]`,`rotate:none@motion-reduce@[&>input:is(:checked,:indeterminate)_~_.swap-off]`,`rotate:none@motion-reduce@[&.swap--active>_.swap-off]`]],[`swap--scale`,[`transition-duration:300@motion-safe@[&>_*]`,`scale:25@[&>_.swap-on]`,`scale:100@[&>input:is(:checked,:indeterminate)_~_.swap-on]`,`scale:25@[&>input:is(:checked,:indeterminate)_~_.swap-off]`,`scale:100@[&.swap--active>_.swap-on]`,`scale:25@[&.swap--active>_.swap-off]`,`scale:none@motion-reduce@[&>_.swap-on]`,`scale:none@motion-reduce@[&>input:is(:checked,:indeterminate)_~_.swap-off]`,`scale:none@motion-reduce@[&.swap--active>_.swap-off]`]]],ve=[[`table-scroll`,[`scroll-x`,`w:100%`]],[`table`,[`font-size:2x`,`line-height:3x`,`font-variant-numeric:tabular-nums`,`w:100%`,`border-collapse:separate`,`border-spacing:0`,`text-align:start`,`vertical-align:middle@[:where(&)_:is(th,td)]`,`p-y:3@[:where(&)_:is(th,td)]`,`p-x:4@[:where(&)_:is(th,td)]`,`text-align:start@[:where(&)_:is(th,td)]`,`white-space:nowrap@[:where(&)_th]`,`font-weight:5x@[:where(&)_th]`,`font-weight:5x@[:where(&)_tfoot]`]],[`table-row`,[`border-n-width:1@[:where(&)_>_:is(th,td)]`]],[`table-body`,[`border-n-width:0@[:where(&)>tr:last-child>:is(th,td)]`]],[`table-footer`,[`border-u-width:1@[:where(&)>tr:first-child>:is(th,td)]`,`border-n-width:0@[:where(&)>tr:last-child>:is(th,td)]`]],[`table-numeric`,[`white-space:nowrap`,`text-align:end`]],[`table-caption`,[`caption-side:bottom`,`m-u:4`,`text-align:start`,`font-size:2x`,`line-height:3x`]],[`table--pin-rows`,[`pos:sticky@[:where(&)_>_thead]`,`i-t:0@[:where(&)_>_thead]`,`z-index:1@[:where(&)_>_thead]`,`pos:sticky@[:where(&)_>_tfoot]`,`i-b:0@[:where(&)_>_tfoot]`,`z-index:1@[:where(&)_>_tfoot]`]],[`table--pin-cols`,[`pos:sticky@[:where(&)_>_tbody_>_tr_>_th]`,`i-s:0@[:where(&)_>_tbody_>_tr_>_th]`,`z-index:1@[:where(&)_>_tbody_>_tr_>_th]`,`pos:sticky@[:where(&)_>_:is(thead,tfoot)_>_tr_>_:first-child]`,`i-s:0@[:where(&)_>_:is(thead,tfoot)_>_tr_>_:first-child]`,`z-index:2@[:where(&)_>_:is(thead,tfoot)_>_tr_>_:first-child]`]]],ye=[[`tab-group`,[`d:grid`,`min-inline-size:0`,`gap:2`]],[`tab-list`,[`inline-hstack`,`max-w:100%`,`w:fit`,`justify-content:start`,`gap:0.5`,`rd:4x`,`p:0.5`,`overflow-x:auto`,`scrollbar-width:thin`]],[`tab-list--vertical`,[`flex-direction:column@[.tab-list&]`,`align-items:stretch@[.tab-list&]`,`overflow-x:visible@[.tab-list&]`]],[`tab`,[`control-icon`,`control-disabled`,`text-label`,`inline-centered`,`pos:relative`,`flex:[1_0_auto]`,`min-h:9`,`min-h:8@sm`,`min-w:9`,`gap:1.5`,`rd:3x`,`border-width:1`,`p-x:2.5`,`p-y:1`,`text-align:center`,`white-space:nowrap`,`appearance:none`,`cursor:pointer`]],[`tab-content`,[`w:100%`,`min-inline-size:0`,`rd:3x`,`p:4`]]],be=[[`timeline`,[`plain-list`,`d:flex`,`pos:relative`,`min-inline-size:0`]],[`timeline--vertical`,[`flex-direction:column`]],[`timeline-item`,[`d:grid`,`pos:relative`,`flex-shrink:0`,`align-items:center`,`grid-rows:[minmax(0,1fr)_auto_minmax(0,1fr)]`,`grid-columns:[minmax(0,1fr)_auto_minmax(0,1fr)]`,`border-width:0@[:where(&)>hr]`,`w:100%@[:where(&)>hr]`,`h:1px@[:where(&)>hr]`,`grid-row-start:2@[:where(&)>hr:first-child]`,`grid-column-start:1@[:where(&)>hr:first-child]`,`grid-row-start:2@[:where(&)>hr:last-child]`,`grid-column-start:3@[:where(&)>hr:last-child]`,`justify-items:center@[:where(.timeline--vertical)>&]`,`w:1px@[:where(.timeline--vertical)>&>hr]`,`h:100%@[:where(.timeline--vertical)>&>hr]`,`grid-row-start:1@[:where(.timeline--vertical)>&>hr:first-child]`,`grid-column-start:2@[:where(.timeline--vertical)>&>hr:first-child]`,`grid-row-start:3@[:where(.timeline--vertical)>&>hr:last-child]`,`grid-column-start:2@[:where(.timeline--vertical)>&>hr:last-child]`]],[`timeline-start`,[`grid-area:[1/1/2/4]`,`place-self:[end_center]`,`m:1`,`min-inline-size:0`,`grid-area:[1/1/4/2]@[:where(.timeline--vertical>.timeline-item)>&]`,`place-self:[center_end]@[:where(.timeline--vertical>.timeline-item)>&]`]],[`timeline-middle`,[`centered`,`grid-row-start:2`,`grid-column-start:2`]],[`timeline-end`,[`grid-area:[3/1/4/4]`,`place-self:[start_center]`,`m:1`,`min-inline-size:0`,`grid-area:[1/3/4/4]@[:where(.timeline--vertical>.timeline-item)>&]`,`place-self:[center_start]@[:where(.timeline--vertical>.timeline-item)>&]`]],[`timeline-box`,[`d:block`,`min-inline-size:0`,`rd:6x`,`border-width:1`,`p-y:2`,`p-x:4`]]],xe=[[`toast`,[`pos:fixed`,`vstack`,`gap:2`,`i-s:4`,`i-e:4`,`z-index:50`,`pointer-events:none`,`pointer-events:auto@[&>*]`,`d:none@[[hidden]]`,`m:0@[:where(&)]`,`p:0@[:where(&)]`,`w:auto@[:where(&)]`,`border-width:0@[:where(&)]`,`overflow:visible@[:where(&)]`,`align-items:end@[:where(&)]`,`i-t:auto@[:where(&)]`,`i-b:[max(1rem,env(safe-area-inset-bottom))]@[:where(&)]`]],[`toast-list`,[`plain-list`,`vstack`,`gap:3`,`w:100%`,`max-w:[min(22.5rem,calc(100vw_-_2rem))]`,`max-h:[calc(100dvh_-_4rem)]`,`overflow-y:auto`,`overscroll-behavior:contain`,`pointer-events:auto`]],[`toast-motion`,[`vis:hidden`,`opacity:0`,`translate-y:2`,`pointer-events:none`,`vis:visible@data-[state=open]`,`opacity:100@data-[state=open]`,`translate:none@data-[state=open]`,`pointer-events:auto@data-[state=open]`,`opacity:0@data-[state=open]@starting`,`translate-y:2@data-[state=open]@starting`,`transition:[opacity_150ms_ease-out,translate_150ms_ease-out,visibility_150ms_ease-out]`,`transition:none@motion-reduce`]],[`toast--top`,[`i-t:[max(1rem,env(safe-area-inset-top))]`,`i-b:auto`]],[`toast--middle`,[`i-t:0`,`i-b:0`,`justify-content:center`]],[`toast--bottom`,[`i-t:auto`,`i-b:[max(1rem,env(safe-area-inset-bottom))]`]]],Se=[[`toggle`,[`checkable-base`,`focus-proxy`,`w:10.5`,`h:6`,`p:0`,`container-type:inline-size`,`rd:9999px`,`border-width:1`,`content:empty@::before`,`d:block@::before`,`pos:absolute@::before`,`i-t:0.125rem@::before`,`i-s:0.125rem@::before`,`translate:[0_0]@::before`,`h:[calc(100%_-_0.25rem)]@::before`,`aspect-ratio:square@::before`,`rd:9999px@::before`,`translate:[calc(100cqw_-_100%_-_0.25rem)_0]@[&:is(:checked,[aria-checked=true],:has(>input:checked))]@::before`,`translate:[calc(-100cqw_+_100%_+_0.25rem)_0]@[&:is(:checked,[aria-checked=true],:has(>input:checked)):dir(rtl)]@::before`,`transition:[translate_150ms_ease-out]@::before`,`transition:none@motion-reduce@::before`,`border-width:1@forced-colors@::before`,`border-style:solid@forced-colors@::before`,`appearance:auto@forced-colors@[&:is(input)]`,`d:none@forced-colors@[&:is(input)]@::before`]]],Ce=[[`toolbar`,[`hstack`,`pos:relative`,`min-inline-size:0`,`gap:2`,`p:1`,`scroll-p:1`,`rd:5x`,`border-width:1`,`overflow-x:auto`]],[`toolbar-group`,[`hstack`,`flex-shrink:0`,`gap:1`]],[`toolbar--vertical`,[`flex-direction:column@[.toolbar&]`,`align-items:stretch@[.toolbar&]`,`overflow-x:visible@[.toolbar&]`]],[`toolbar-separator`,[`flex-shrink:0`,`flex-grow:0`,`flex-basis:px`,`align-self:stretch`,`pointer-events:none`,`border-width:0`,`border-s-width:1`,`m-y:1.5`,`border-s-width:0@[.toolbar.toolbar--vertical_>_&]`,`border-u-width:1@[.toolbar.toolbar--vertical_>_&]`,`m-y:0@[.toolbar.toolbar--vertical_>_&]`,`m-x:1.5@[.toolbar.toolbar--vertical_>_&]`]]],we=[[`tooltip`,[`d:inline-block`,`pos:relative`]],[`tooltip-content`,[`overlay-bounds`,`text-caption`,`text-balance`,`font-weight:4x`,`d:block`,`d:none@[[hidden]]`,`pos:absolute`,`z-index:2`,`w:max`,`max-w:[min(16rem,calc(100vw_-_2rem))]`,`p-y:1`,`p-x:2`,`rd:4x`,`border-width:1`,`white-space:normal`]],[`tooltip-content--top`,[`i-b:[calc(100%_+_0.5rem)]`,`i-t:auto`,`i-s:50%`,`i-e:auto`,`translate-x:-50%`,`translate-y:[0]`,`translate-x:50%@[:where(:dir(rtl))]`]],[`tooltip-content--bottom`,[`i-t:[calc(100%_+_0.5rem)]`,`i-b:auto`,`i-s:50%`,`i-e:auto`,`translate-x:-50%`,`translate-y:[0]`,`translate-x:50%@[:where(:dir(rtl))]`]],[`tooltip-content--inline-start`,[`i-e:[calc(100%_+_0.5rem)]`,`i-s:auto`,`i-t:50%`,`i-b:auto`,`translate-y:-50%`,`translate-x:[0]`]],[`tooltip-content--inline-end`,[`i-s:[calc(100%_+_0.5rem)]`,`i-e:auto`,`i-t:50%`,`i-b:auto`,`translate-y:-50%`,`translate-x:[0]`]],[`tooltip-content--motion`,[`vis:hidden`,`opacity:0`,`pointer-events:none`,`vis:visible@open`,`opacity:100@open`,`pointer-events:auto@open`,`vis:visible@[[data-open]]`,`opacity:100@[[data-open]]`,`pointer-events:auto@[[data-open]]`,`transition:[opacity_150ms_ease-out,visibility_150ms_ease-out]`,`transition:none@motion-reduce`]]],Te=[[`tree`,[`vstack`,`plain-list`,`w:100%`,`min-inline-size:0`,`gap:0`]],[`tree-branch`,[`vstack`,`plain-list`,`gap:0`,`min-inline-size:0`,`m-s:2`,`border-s-width:1`,`p-s:3`]],[`tree-item`,[`vstack`,`gap:0`,`min-inline-size:0`]],[`tree-row`,[`hstack`,`align-items:center`,`gap:2`,`min-inline-size:0`,`min-h:6`,`rd:3x`,`p-x:1.5`,`p-y:0.5`]],[`tree-disclosure`,[`collapse-folds`,`min-inline-size:0`]],[`tree-summary`,[`tree-row`,`collapse-marker-reset`,`focus-ring`,`cursor:pointer`]],[`tree-spacer`,[`flex-shrink:0`,`w:3.5`]],[`tree-chevron`,[`flex-shrink:0`,`w:3.5`,`h:3.5`,`pointer-events:none`,`transition-transform@motion-safe`,`rotate:180@[details:not([open])_>_summary.tree-summary_>_&:dir(rtl)]`,`rotate:90@[details[open]_>_summary.tree-summary_>_&]`]],[`tree-icon`,[`flex-shrink:0`,`w:4`,`h:4`,`pointer-events:none`]],[`tree-label`,[`min-inline-size:0`,`overflow-wrap:anywhere`]]],Ee=[...ie,...ae,...oe,...se,...ce,...le,...ue,...de,...s,...c,...l,...u,...d,...f,...p,...m,...h,...g,..._,...v,...y,...b,...x,...S,...C,...w,...T,...E,...D,...O,...k,...A,...j,...M,...N,...P,...F,...I,...L,...R,...z,...B,...H,...fe,...pe,...me,...he,...ge,..._e,...ve,...ye,...be,...xe,...Se,...Ce,...we,...Te],De={primary:`var(--color-teal-900)`,"primary-foreground":`var(--color-background)`,card:`var(--color-background)`,"card-foreground":`var(--color-foreground)`,popover:`var(--color-background)`,"popover-foreground":`var(--color-foreground)`,muted:`var(--color-gray-200)`,"muted-foreground":`var(--color-gray-900)`,accent:`var(--color-teal-100)`,"accent-foreground":`var(--color-foreground)`,neutral:`var(--color-gray-300)`,"neutral-foreground":`var(--color-gray-950)`,input:`var(--color-gray-800)`,ring:`var(--color-primary)`,destructive:`var(--color-red-900)`,"destructive-foreground":`var(--color-red-950)`,success:`var(--color-jade-900)`,warning:`var(--color-amber-900)`,"warning-foreground":`var(--color-amber-950)`,info:`var(--color-blue-900)`,hover:`var(--color-gray-200)`,"hover-foreground":`var(--color-foreground)`,selected:`var(--color-gray-300)`,"selected-foreground":`var(--color-foreground)`,placeholder:`var(--color-muted-foreground)`,readonly:`var(--color-muted)`,invalid:`var(--color-red-900)`,"border-strong":`var(--color-gray-600)`,backdrop:`rgb(0 0 0 / 0.32)`,"info-background":`var(--color-blue-150)`,"info-border":`var(--color-blue-500)`,"info-foreground":`var(--color-blue-950)`,"success-background":`var(--color-jade-150)`,"success-border":`var(--color-jade-500)`,"success-foreground":`var(--color-jade-950)`,"warning-background":`var(--color-amber-150)`,"warning-border":`var(--color-amber-500)`,"destructive-background":`var(--color-red-150)`,"destructive-border":`var(--color-red-500)`},W=[{order:10,target:`:is(h1, h2, h3, h4, h5, h6)`,declarations:{"margin-block":`1.5em 0.5em`,"font-weight":`700`,"line-height":`1.4`,"text-wrap":`balance`}},{order:11,target:`h1`,declarations:{"font-size":`2em`}},{order:12,target:`h2`,declarations:{"font-size":`1.5em`}},{order:13,target:`h3`,declarations:{"font-size":`1.25em`}},{order:14,target:`h4`,declarations:{"font-size":`1.125em`}},{order:15,target:`h5`,declarations:{"font-size":`1em`}},{order:16,target:`h6`,declarations:{"font-size":`0.875em`}},{order:20,target:`p`,declarations:{"margin-block":`1em`,"line-height":`1.75`}},{order:21,target:`a`,declarations:{"text-decoration-line":`underline`,"text-underline-offset":`calc(var(--spacing) * 2)`,"text-decoration-thickness":`from-font`}},{order:22,target:`blockquote`,declarations:{"margin-block":`1.5em`,"margin-inline":`0`,"padding-inline-start":`1em`,"border-inline-start-width":`0.25em`,"border-inline-start-style":`solid`,"line-height":`1.75`}},{order:23,target:`hr`,declarations:{"margin-block":`2em`,"border-width":`0`,"border-block-start-width":`0.0625em`,"border-block-start-style":`solid`}},{order:30,target:`:is(ol, ul)`,declarations:{"margin-block":`1em`,"padding-inline-start":`2em`,"list-style-position":`outside`,"line-height":`1.75`}},{order:31,target:`ol`,declarations:{"list-style-type":`decimal`}},{order:32,target:`ul`,declarations:{"list-style-type":`disc`}},{order:33,target:`li`,declarations:{"margin-block":`0.25em`}},{order:34,target:`dl`,declarations:{"margin-block":`1em`,"line-height":`1.75`}},{order:35,target:`dt`,declarations:{"margin-block-start":`1em`,"font-weight":`700`}},{order:36,target:`dd`,declarations:{"margin-inline-start":`2em`}},{order:40,target:`:is(code, pre)`,declarations:{"font-family":`ui-monospace, monospace`}},{order:41,target:`code:not(:where(pre code))`,declarations:{"font-size":`0.875em`}},{order:42,target:`pre`,declarations:{"margin-block":`1.5em`,"padding-block":`1em`,"padding-inline":`1em`,"overflow-x":`auto`,"font-size":`0.875em`,"line-height":`1.6`}},{order:43,target:`figure`,declarations:{"margin-block":`1.5em`,"margin-inline":`0`}},{order:44,target:`figcaption`,declarations:{"margin-block-start":`0.5em`,"font-size":`0.875em`,"line-height":`1.5`}},{order:45,target:`:is(img, video)`,declarations:{"max-inline-size":`100%`,"block-size":`auto`}},{order:50,target:`table`,declarations:{"margin-block":`1.5em`,"border-collapse":`collapse`,"line-height":`1.5`}},{order:51,target:`caption`,declarations:{"margin-block-end":`0.5em`,"font-size":`0.875em`,"line-height":`1.5`,"text-align":`start`}},{order:52,target:`:is(th, td)`,declarations:{"padding-block":`0.5em`,"padding-inline":`0.75em`,"border-block-end-width":`0.0625em`,"border-block-end-style":`solid`,"text-align":`start`,"vertical-align":`top`}},{order:53,target:`th`,declarations:{"font-weight":`700`}},{order:100,target:`> :first-child`,declarations:{"margin-block-start":`0`}},{order:101,target:`> :last-child`,declarations:{"margin-block-end":`0`}}],Oe=[{order:60,target:`:is(p, li, dd, dt, blockquote, figcaption, caption, th, td)`,declarations:{"text-autospace":`normal`,"text-spacing-trim":`space-first`,"line-height":`1.8`,"line-break":`strict`,"word-break":`normal`,"overflow-wrap":`anywhere`}},{order:62,target:`:is(h1, h2, h3, h4, h5, h6)`,declarations:{"text-autospace":`normal`,"text-spacing-trim":`space-first`,"line-break":`strict`}},{order:63,target:`a`,declarations:{"text-underline-offset":`0.15em`}},{order:64,target:`ruby`,declarations:{"ruby-position":`over`}},{order:70,target:`:is(p, li, dd, blockquote)`,declarations:{"text-align":`justify`,"text-justify":`inter-character`}},{order:71,target:`pre`,declarations:{"writing-mode":`horizontal-tb`,"text-autospace":`no-autospace`,margin:`1.5em`}}];function G(e){return e!=null&&/[\da-f]/i.test(e)}function ke(e){return e!=null&&(e===`-`||e===`_`||/[a-z\d]/i.test(e)||e.charCodeAt(0)>=128)}function K(e,t){let n=t+1;if(n>=e.length||e[n]===`
|
|
1
|
+
import{symbols as e}from"@teacss/core";const t=[[`sr-only`,[`pos:absolute`,`w:1px`,`h:1px`,`p:0`,`m:-1px`,`overflow:hidden`,`clip-path:[inset(50%)]`,`white-space:nowrap`,`border-width:0`]],[`sr-visible`,[`pos:static`,`w:auto`,`h:auto`,`p:0`,`m:0`,`overflow:visible`,`clip-path:none`,`white-space:normal`]],[`focus-proxy`,[`outline-style:auto@[&:has(>:is(input,textarea,select):focus-visible)]`,`outline-offset:2@[&:has(>:is(input,textarea,select):focus-visible)]`]],[`focus-ring`,[`outline-style:auto@focus-visible`,`outline-width:2@focus-visible`,`outline-offset:2@focus-visible`]],[`focus-ring--flat`,[`outline-offset:0@[.focus-ring&]@focus-visible`]],[`focus-ring--inset`,[`outline-offset:-2@[.focus-ring&]@focus-visible`]]],n=[`content:empty@::after`,`d:inline-block@::after`,`flex-shrink:0@::after`,`w:2@::after`,`h:2@::after`,`transition-property:transform@::after`,`transition-duration:200@::after`,`transition:none@motion-reduce@::after`,`border-style:solid@::after`,`border-t-width:0@::after`,`border-l-width:0@::after`,`border-r-width:2@::after`,`border-b-width:2@::after`,`border-color:current@::after`],r=[[`chevron-up`,[...n,`rotate:225@::after`]],[`chevron-down`,[...n,`rotate:45@::after`]],[`chevron-left`,[...n,`rotate:135@::after`]],[`chevron-right`,[...n,`rotate:315@::after`]]],i=[[`content-wrap`,[`min-inline-size:0`,`overflow-wrap:anywhere`]],[`content-inline-bounds`,[`min-inline-size:0`,`max-inline-size:100%`]]],a=[[`choice-marker`,[`center-flex-inline`,`transition-opacity`,`flex-shrink:0`,`w:4`,`h:4`,`opacity:0`,`pointer-events:none`,`opacity:100@[:where([aria-current=true])_>_&]`]],[`control-icon`,[`w:4.5@[:where(&)_:where(svg)]`,`h:4.5@[:where(&)_:where(svg)]`,`flex-shrink:0@[:where(&)_svg]`,`pointer-events:none@[:where(&)_svg]`,`w:4@[:where(&)_:where(svg)]@sm`,`h:4@[:where(&)_:where(svg)]@sm`]],[`control-disabled`,[`pointer-events:none@disabled`,`opacity:64@disabled`,`opacity:64@aria-disabled`]],[`field-disabled`,[`opacity:64@disabled`,`cursor:not-allowed@disabled`,`opacity:64@aria-disabled`,`cursor:not-allowed@aria-disabled`]],[`checkable-base`,[`field-disabled`,`appearance:none`,`box-sizing:border-box`,`d:inline-block`,`pos:relative`,`vertical-align:middle`,`flex-shrink:0`,`cursor:pointer`]],[`control-base`,[`center-flex-inline`,`control-icon`,`control-disabled`,`text-control`,`flex-shrink:0`,`gap:2`,`white-space:nowrap`,`rd:4x`,`border-width:1`,`font-weight:5x`,`cursor:pointer`]],[`field-base`,[`text-field`,`field-disabled`,`inline-size:100%`,`min-inline-size:0`,`rd:4x`,`border-width:1`,`p-inline:3`,`p-block:1`,`block-size:auto`,`min-block-size:9`,`min-block-size:8@sm`]],[`press-scale`,[`transition-property:[scale]`,`transition-duration:150`,`transition-timing:ease-out`,`scale:96@active`,`transition:none@motion-reduce`,`scale:none@motion-reduce@active`]]],o=[[`stack-row`,[`d:flex`,`flex-direction:row`,`align-items:center`]],[`stack-row-inline`,[`d:inline-flex`,`flex-direction:row`,`align-items:center`]],[`stack-column`,[`d:flex`,`flex-direction:column`]],[`center-flex`,[`d:flex`,`align-items:center`,`justify-content:center`]],[`center-flex-inline`,[`d:inline-flex`,`align-items:center`,`justify-content:center`]],[`center-grid`,[`d:grid`,`place-items:center`]],[`fill-flex`,[`flex:1`,`min-inline-size:0`,`min-block-size:0`]],[`fill-absolute`,[`pos:absolute`,`i:0`]],[`fill-fixed`,[`pos:fixed`,`i:0`]],[`scroll-x`,[`min-w:0`,`overflow-x:auto`,`overscroll-behavior-x:contain`]],[`scroll-y`,[`min-h:0`,`overflow-y:auto`,`overscroll-behavior-y:contain`]],[`scroll-inline`,[`min-inline-size:0`,`overflow-inline:auto`,`overscroll-behavior-inline:contain`]],[`scroll-block`,[`min-block-size:0`,`overflow-block:auto`,`overscroll-behavior-block:contain`]]],s=[[`media-cover`,[`d:block`,`size:100%`,`object-fit:cover`]],[`media-contain`,[`d:block`,`size:100%`,`object-fit:contain`]],[`media-fluid`,[`d:block`,`inline-size:100%`,`block-size:auto`]]],c=[[`overlay-bounds`,[`min-inline-size:0`,`max-w:[calc(100vw_-_2rem)]`,`max-h:[calc(100dvh_-_2rem)]`,`overflow:auto`,`overscroll-behavior:contain`]]],l=[[`reset-fieldset`,[`m:0`,`min-inline-size:0`,`p:0`,`border-width:0`]],[`reset-heading`,[`font-family:unset`,`font-size:unset`,`font-style:unset`,`font-weight:unset`,`font-stretch:unset`,`line-height:unset`]],[`reset-list`,[`list-style-type:none`,`list-style-position:outside`,`list-style-image:none`]],[`reset-button`,[`appearance:none`,`d:inline-block`,`rd:none`,`bg-image:none`,`bg-color:transparent`,`text-color:inherit`,`font-family:inherit`,`font-size:inherit`,`font-stretch:inherit`,`line-height:inherit`,`font-weight:normal`,`font-style:normal`,`letter-spacing:inherit`,`text-align:inherit`,`text-indent:initial`]],[`reset-select`,[`appearance:none`,`d:inline-block`,`rd:none`,`bg-image:none`,`bg-color:transparent`,`text-color:inherit`,`font-family:inherit`,`font-size:inherit`,`font-stretch:inherit`,`line-height:inherit`,`font-weight:normal`,`font-style:normal`,`letter-spacing:inherit`,`text-align:start`,`text-indent:initial`]],[`reset-textarea`,[`appearance:none`,`d:block`,`rd:none`,`bg-image:none`,`bg-color:transparent`,`text-color:inherit`,`font-family:inherit`,`font-size:inherit`,`font-stretch:inherit`,`line-height:inherit`,`font-weight:normal`,`font-style:normal`,`letter-spacing:inherit`,`text-align:start`,`text-indent:initial`,`cursor:text`,`white-space:pre-wrap`]],[`reset-input`,[`appearance:none`,`d:block`,`rd:none`,`bg-image:none`,`bg-color:transparent`,`text-color:inherit`,`font-family:inherit`,`font-size:inherit`,`font-stretch:inherit`,`line-height:inherit`,`font-weight:normal`,`font-style:normal`,`letter-spacing:inherit`,`text-align:start`,`text-indent:initial`,`cursor:text`]],[`reset-checkbox`,[`appearance:none`,`d:inline-block`,`rd:none`,`bg-image:none`,`bg-color:transparent`,`text-color:inherit`]],[`reset-radio`,[`appearance:none`,`d:inline-block`,`rd:50%`,`bg-image:none`,`bg-color:transparent`,`text-color:inherit`]]],u=[[`skeleton`,[`rd:1x`,`border-style:none!`,`bg-image:none!`,`bg-clip:border-box!`,`shadow:none!`,`box-decoration-break:clone!`,`text-color:transparent!`,`user-select:none!`,`pointer-events:none!`,`cursor:default!`,`animation:skeleton!`,`animation:none!@motion-reduce`,`vis:hidden!@::after`,`vis:hidden!@::before`,`vis:hidden!@>*`,`d:block@empty`,`h:3x@empty`,`line-height:1@[:where([data-inline-skeleton])]`,`font-family:sans@[:where([data-inline-skeleton])]`]]],ee=[[`surface-card`,[`rd:6x`,`border-width:1`]],[`surface-panel`,[`rd:5x`,`border-width:1`]],[`surface-popup`,[`rd:4x`,`border-width:1`,`shadow:4x`]],[`surface-overlay`,[`border-width:1`,`shadow:5x`]]],te=[[`icon-crossfade`,[`d:flex`,`flex-shrink:0`,`pointer-events:none`,`transition-property:[opacity,filter,scale]@motion-safe`,`transition-duration:300@motion-safe`,`transition-timing:[cubic-bezier(0.2,0,0,1)]@motion-safe`]],[`transition-none`,[`transition-property:none`,`transition-timing:ease`,`transition-duration:150`]],[`transition-all`,[`transition-property:all`,`transition-timing:ease`,`transition-duration:150`,`transition:none@motion-reduce`]],[`transition-colors`,[`transition-property:colors`,`transition-timing:ease`,`transition-duration:150`,`transition:none@motion-reduce`]],[`transition-opacity`,[`transition-property:opacity`,`transition-timing:ease`,`transition-duration:150`,`transition:none@motion-reduce`]],[`transition-shadow`,[`transition-property:shadow`,`transition-timing:ease`,`transition-duration:150`,`transition:none@motion-reduce`]],[`transition-transform`,[`transition-property:transform`,`transition-timing:ease`,`transition-duration:150`,`transition:none@motion-reduce`]]],ne=[[`text-1x`,[`font-size:1x`,`letter-spacing:1x`,`line-height:1x`]],[`text-2x`,[`font-size:2x`,`letter-spacing:2x`,`line-height:2x`]],[`text-3x`,[`font-size:3x`,`letter-spacing:3x`,`line-height:3x`]],[`text-4x`,[`font-size:4x`,`letter-spacing:4x`,`line-height:4x`]],[`text-5x`,[`font-size:5x`,`letter-spacing:5x`,`line-height:5x`]],[`text-6x`,[`font-size:6x`,`letter-spacing:6x`,`line-height:6x`]],[`text-7x`,[`font-size:7x`,`letter-spacing:7x`,`line-height:7x`]],[`text-8x`,[`font-size:8x`,`letter-spacing:8x`,`line-height:8x`]],[`text-9x`,[`font-size:9x`,`letter-spacing:9x`,`line-height:9x`]],[`heading-1x`,[`font-size:1x`,`letter-spacing:1x`,`line-height:1x`]],[`heading-2x`,[`font-size:2x`,`letter-spacing:2x`,`line-height:[calc(var(--spacing)*4.5)]`]],[`heading-3x`,[`font-size:3x`,`letter-spacing:3x`,`line-height:[calc(var(--spacing)*5.5)]`]],[`heading-4x`,[`font-size:4x`,`letter-spacing:4x`,`line-height:3x`]],[`heading-5x`,[`font-size:5x`,`letter-spacing:5x`,`line-height:4x`]],[`heading-6x`,[`font-size:6x`,`letter-spacing:6x`,`line-height:6x`]],[`heading-7x`,[`font-size:7x`,`letter-spacing:7x`,`line-height:7x`]],[`heading-8x`,[`font-size:8x`,`letter-spacing:8x`,`line-height:8x`]],[`heading-9x`,[`font-size:9x`,`letter-spacing:9x`,`line-height:9x`]],[`text-control`,[`font-size:3x`,`line-height:3x`,`font-size:2x@sm`,`line-height:2x@sm`]],[`text-label`,[`text-control`,`font-weight:5x`]],[`text-dense`,[`font-size:2x`,`line-height:2x`,`font-size:1x@sm`,`line-height:1x@sm`]],[`text-body`,[`font-size:3x`,`line-height:4x`,`font-size:2x@sm`,`line-height:3x@sm`]],[`text-description`,[`text-body`,`m:0`]],[`text-caption`,[`font-size:1x`,`line-height:2x`]],[`text-balance`,[`text-wrap:balance`,`overflow-wrap:anywhere`]],[`text-pretty`,[`text-wrap:pretty`,`overflow-wrap:anywhere`]],[`text-eyebrow`,[`font-size:1x`,`line-height:2x`,`letter-spacing:0.12em`,`text-transform:uppercase`]],[`text-field`,[`text-control`,`font-family:inherit`]],[`plain-list`,[`list-style-type:none`,`m:0`,`p:0`]],[`heading-inherit`,[`font-size:inherit@[:where(&)_:is(h1,h2,h3,h4,h5,h6)]`,`font-weight:inherit@[:where(&)_:is(h1,h2,h3,h4,h5,h6)]`,`line-height:inherit@[:where(&)_:is(h1,h2,h3,h4,h5,h6)]`]],[`text-truncate`,[`overflow:hidden`,`text-overflow:ellipsis`,`white-space:nowrap`]]],re=[...t,...r,...i,...a,...o,...s,...c,...l,...u,...ee,...te,...ne],ie=[[`alert`,[`d:grid`,`align-items:start`,`min-inline-size:0`,`w:100%`,`p:4`,`surface-panel`,`font-size:2x`,`line-height:3x`,`gap-row:1`,`gap-column:3`,`grid-columns:[minmax(0,1fr)]`,`grid-columns:[max-content_minmax(0,1fr)]@[&:has(>svg)]`,`grid-columns:[minmax(0,1fr)_auto]@[&:has(>:is(button,a))]`,`grid-columns:[max-content_minmax(0,1fr)_auto]@[&:has(>svg):has(>:is(button,a))]`,`align-self:center@[:where(&)>:is(button,a)]`,`w:4@[:where(&)>svg]`,`h:4@[:where(&)>svg]`,`m-u:1@[:where(&)>svg]`,`flex-shrink:0@[:where(&)>svg]`]],[`alert-title`,[`stack-row`,`heading-inherit`,`text-balance`,`gap:2`,`m:0`,`font-size:2x`,`line-height:3x`,`font-weight:5x`,`w:4@[:where(&)_svg]`,`h:4@[:where(&)_svg]`,`flex-shrink:0@[:where(&)_svg]`,`pointer-events:none@[:where(&)_svg]`]],[`alert-description`,[`m:0`,`font-size:2x`,`line-height:3x`,`text-wrap:pretty`,`overflow-wrap:break-word`]]],ae=[[`avatar`,[`center-flex-inline`,`pos:relative`,`flex-shrink:0`,`align-self:center`,`aspect-ratio:square`,`font-size:1x`,`font-weight:5x`,`w:8`,`w:7@sm`,`overflow:hidden`,`rd:50%`,`d:block@[:where(&)_img]`,`w:100%@[:where(&)_img]`,`h:100%@[:where(&)_img]`,`object-fit:cover@[:where(&)_img]`,`pos:relative@[:where(&)_img]`,`z-index:1@[:where(&)_img]`,`d:none@[:where(&)_img[data-avatar-hidden]]`]],[`avatar-image`,[`pos:relative`,`z-index:1`,`d:block`,`w:100%`,`h:100%`,`rd:inherit`,`object-fit:cover`,`d:none@data-avatar-hidden`]],[`avatar-fallback`,[`center-flex`,`fill-absolute`,`rd:inherit`,`font-weight:5x`,`line-height:1`,`d:none@data-avatar-hidden`]],[`avatar-group`,[`stack-row-inline`,`border-width:2@[&_>_*]`,`m-s:-2@[&_>_:where(:not([hidden]))_~_:where(:not([hidden]))]`]],[`avatar-group--ring`,[`border-width:0@[.avatar-group&_>_.avatar]`,`shadow-outline-width:2@[.avatar-group&_>_.avatar]`,`m-s:0@[.avatar-group&_>_.avatar]`,`m-s:-2@[.avatar-group&_>_.avatar:not([hidden])_~_.avatar:not([hidden])]`]]],oe=[[`badge`,[`center-flex-inline`,`text-dense`,`flex-shrink:0`,`gap:1`,`h:5.5`,`h:4.5@sm`,`min-w:5.5`,`min-w:4.5@sm`,`p-x:1`,`rd:3x`,`border-width:1`,`font-weight:5x`,`white-space:nowrap`,`w:3.5@[:where(&)_svg]`,`h:3.5@[:where(&)_svg]`,`flex-shrink:0@[:where(&)_svg]`,`pointer-events:none@[:where(&)_svg]`,`w:3@[:where(&)_svg]@sm`,`h:3@[:where(&)_svg]@sm`]],[`badge--link`,[`pos:relative`,`min-h:6`,`content:empty@::before`,`pos:absolute@::before`,`i-s:50%@::before`,`i-t:50%@::before`,`translate-x:-50%@::before`,`translate-y:-50%@::before`,`translate-x:50%@[:where(:dir(rtl))]@::before`,`w:100%@::before`,`h:100%@::before`,`min-w:6@::before`,`min-h:6@::before`]]],se=[[`breadcrumb`,[`min-inline-size:0`,`max-w:100%`]],[`breadcrumb-list`,[`plain-list`,`stack-row`,`flex-wrap:wrap`,`gap:1.5`,`gap:2.5@sm`,`font-size:2x`,`line-height:3x`,`overflow-wrap:anywhere`,`min-h:min`]],[`breadcrumb-item`,[`stack-row`,`min-inline-size:0`,`gap:1.5`,`gap:2.5@sm`,`content:empty@::after`,`d:block@::after`,`flex-shrink:0@::after`,`w:1.5@::after`,`h:1.5@::after`,`border-style:solid@::after`,`border-width:0@::after`,`border-t-width:1.5@::after`,`border-e-width:1.5@::after`,`rotate:45@::after`,`rotate:-45@[:where(:dir(rtl))]@::after`,`d:none@[:where(:not(:has(~.breadcrumb-item:not([hidden]))))]@::after`]],[`breadcrumb-link`,[`center-flex-inline`,`gap:2`,`min-inline-size:0`,`rd:1x`,`cursor:pointer`,`decoration-line:none`,`underline-offset:4`,`decoration-line:underline@hover`,`decoration-line:none@aria-[current=page]`,`font-weight:5x@aria-[current=page]`]],[`breadcrumb-current`,[`font-weight:5x`,`overflow-wrap:anywhere`]]],ce=[[`btn`,[`control-base`,`block-size:auto`,`min-block-size:9`,`min-block-size:8@sm`,`p-inline:3`,`p-block:1`,`decoration-line:none`]]],le=[[`calendar`,[`d:inline-flex`,`flex-direction:column`,`gap:3`,`p:3`,`surface-card`]],[`calendar-header`,[`stack-row`,`justify-content:space-between`,`gap:2`]],[`calendar-grid`,[`border-collapse:collapse`,`table-layout:fixed`]],[`calendar-weekday`,[`text-caption`,`w:9`,`h:8`,`w:8@sm`,`h:7@sm`,`p:0`,`font-weight:5x`,`text-align:center`]],[`calendar-cell`,[`p:0`,`text-align:center`]],[`calendar-day`,[`reset-button@[:where(&)]`,`center-flex-inline`,`focus-ring`,`field-disabled`,`text-dense`,`w:9`,`h:9`,`w:8@sm`,`h:8@sm`,`p:0`,`rd:4x`,`border-width:1`,`font-variant-numeric:tabular-nums`,`cursor:pointer`]]],ue=[[`card`,[`stack-column`,`min-inline-size:0`,`surface-card`,`overflow:hidden`]],[`card-header`,[`d:grid`,`grid-columns:[minmax(0,1fr)_auto]`,`gap:1.5`,`p-x:6`,`p-t:6`]],[`card-body`,[`stack-column`,`gap:2`,`p:6`,`min-inline-size:0`]],[`card-footer`,[`stack-row`,`flex-wrap:wrap`,`gap:2`,`p-x:6`,`p-b:6`]],[`card-title`,[`heading-inherit`,`m:0`,`grid-column-start:1`,`font-size:4x`,`line-height:4x`,`font-weight:6x`,`overflow-wrap:anywhere`]],[`card-description`,[`m:0`,`grid-column-start:1`,`overflow-wrap:anywhere`]],[`card-action`,[`grid-column-start:2`,`grid-row-start:1`,`grid-row-end:[span_2]`,`align-self:start`,`justify-self:end`]],[`card-media`,[`pos:relative`,`d:block`,`m:0`,`min-inline-size:0`,`overflow:hidden`,`flex-shrink:0`,`d:block@[:where(&)_:is(img,video,picture,svg)]`,`w:100%@[:where(&)_:is(img,video,picture,svg)]`,`h:auto@[:where(&)_:is(img,video,picture,svg)]`,`object-fit:cover@[:where(&)_:is(img,video,picture,svg)]`]],[`card-overlay`,[`fill-absolute`,`stack-column`,`justify-content:end`,`gap:1.5`,`p:4`]],[`card--side`,[`flex-direction:row@[.card&]`,`align-items:stretch`,`w:100%@[:where(&)>_.card-media_img]`,`h:100%@[:where(&)>_.card-media_img]`]]],de=[[`carousel-root`,[`pos:relative`,`w:100%`,`min-inline-size:0`]],[`carousel`,[`scroll-x`,`d:flex`,`overflow-y:hidden`,`scroll-snap-type:x-mandatory`,`scrollbar-width:none`,`scroll-behavior:smooth`,`scroll-behavior:auto@motion-reduce`,`d:none@[&::-webkit-scrollbar]`,`p-y:1`,`m-y:-1`]],[`carousel--vertical`,[`flex-direction:column@[.carousel&]`,`scroll-y@[.carousel&]`,`overflow-x:hidden@[.carousel&]`,`scroll-snap-type:y-mandatory@[.carousel&]`,`p-y:0@[.carousel&]`,`m-y:0@[.carousel&]`,`p-x:1@[.carousel&]`,`m-x:-1@[.carousel&]`]],[`carousel-item`,[`d:flex`,`flex:none`,`min-inline-size:0`,`scroll-snap-align:start`,`scroll-snap-stop:always`]],[`carousel-control`,[`pos:absolute`]],[`carousel-control--start`,[`i-y:0`,`m-y:auto`,`i-s:1`,`i-s:-12@md`]],[`carousel-control--end`,[`i-y:0`,`m-y:auto`,`i-e:1`,`i-e:-12@md`]],[`carousel-control--top`,[`i-x:0`,`m-x:auto`,`i-t:-12`]],[`carousel-control--bottom`,[`i-x:0`,`m-x:auto`,`i-b:-12`]]],fe=[[`chat`,[`d:grid`,`grid-auto-rows:[min-content]`,`p-y:1`,`gap-column:3@[:has(>.chat-media)]`]],[`chat--start`,[`grid-columns:[minmax(0,1fr)]`,`place-items:start`,`grid-columns:[auto_minmax(0,1fr)]@[:has(>.chat-media)]`,`grid-column-start:1@[:where(&)>.chat-media]`,`grid-column-start:2@[:where(&):has(>.chat-media)>*:not(.chat-media)]`,`rd-es:0@[:where(&)>.chat-bubble]`]],[`chat--end`,[`grid-columns:[minmax(0,1fr)]`,`place-items:end`,`grid-columns:[minmax(0,1fr)_auto]@[:has(>.chat-media)]`,`grid-column-start:2@[:where(&)>.chat-media]`,`grid-column-start:1@[:where(&):has(>.chat-media)>*:not(.chat-media)]`,`rd-ee:0@[:where(&)>.chat-bubble]`]],[`chat-media`,[`grid-row-span:2`,`align-self:end`,`align-self:end@[.avatar&]`]],[`chat-header`,[`text-caption`,`grid-row-start:1`,`stack-row`,`gap:1`]],[`chat-footer`,[`text-caption`,`grid-row-start:3`,`stack-row`,`gap:1`]],[`chat-bubble`,[`grid-row-end:3`,`d:block`,`pos:relative`,`w:fit`,`min-w:10`,`max-w:90%`,`min-h:8`,`p-y:2`,`p-x:4`,`rd:4x`,`overflow-wrap:anywhere`]]],d=[[`checkbox`,`checkable-base w:4.5 h:4.5 w:4@sm h:4@sm p:0.5 rd:2x border-width:1 content:empty@::before pos:absolute@::before i:-1@::before content:empty@::after d:block@::after w:100%@::after h:100%@::after rotate:45@::after opacity:0@::after clip-path:[polygon(20%_100%,20%_80%,50%_80%,50%_80%,70%_80%,70%_100%)]@::after opacity:100@[&:is(:checked,[aria-checked=true])]@::after clip-path:[polygon(20%_100%,20%_80%,50%_80%,50%_0%,70%_0%,70%_100%)]@[&:is(:checked,[aria-checked=true])]@::after opacity:100@[&:is(:indeterminate,[aria-checked=mixed])]@::after rotate:0@[&:is(:indeterminate,[aria-checked=mixed])]@::after translate:[0_-35%]@[&:is(:indeterminate,[aria-checked=mixed])]@::after clip-path:[polygon(20%_100%,20%_80%,50%_80%,50%_80%,80%_80%,80%_100%)]@[&:is(:indeterminate,[aria-checked=mixed])]@::after transition:[opacity_100ms_ease-out]@::after transition:none@motion-reduce@::after appearance:auto@forced-colors@[&:is(input)] d:none@forced-colors@[&:is(input)]@::after`.split(` `)],[`checkbox-control`,[`pos:relative`,`d:inline-flex`,`flex-shrink:0`]],[`checkbox-indicator`,[`fill-absolute`,`m:auto`,`w:3.5`,`h:3.5`,`w:3@sm`,`h:3@sm`,`pointer-events:none`,`opacity:0`,`transition-opacity`,`transition:none@motion-reduce`,`d:none@forced-colors`,`opacity:100@peer-checked`,`d:none@peer-indeterminate`]],[`checkbox-indicator-mixed`,[`fill-absolute`,`m:auto`,`w:3.5`,`h:3.5`,`w:3@sm`,`h:3@sm`,`pointer-events:none`,`opacity:0`,`transition-opacity`,`transition:none@motion-reduce`,`d:none@forced-colors`,`opacity:100@peer-indeterminate`]]],f=[[`collapse`,[`d:grid`,`grid-columns:[minmax(0,1fr)]`,`grid-rows:[max-content_0fr]`,`w:100%`,`min-inline-size:0`,`pos:relative`,`isolation:isolate`,`rd:5x`,`transition:[grid-template-rows_200ms_ease-out]`,`transition:none@motion-reduce`,`grid-rows:[max-content_1fr]@open`,`grid-rows:[max-content_1fr]@data-open`,`overflow:hidden@[&::details-content]`,`transition:[content-visibility_200ms_allow-discrete]@[&::details-content]`,`transition:none@motion-reduce@[&::details-content]`]],[`collapse-title`,[`stack-row`,`collapse-marker-reset`,`gap:2`,`w:100%`,`min-inline-size:0`,`min-h:[1lh]`,`grid-row-start:1`,`grid-column-start:1`,`p:4`,`p-e:12`,`pos:relative`,`text-align:start`,`cursor:pointer`]],[`collapse-marker-reset`,[`list-style-type:none`,`d:none@[&::-webkit-details-marker]`]],[`collapse-chevron`,[`chevron-down`,`rotate:225@[details[open]_>_summary&]@::after`]],[`collapse-motion`,[`interpolate-size:allow-keywords@[details&]@supports(interpolate-size:allow-keywords)@motion-safe`,`h:0@[details&::details-content]@supports(interpolate-size:allow-keywords)@motion-safe`,`overflow:hidden@[details&::details-content]@supports(interpolate-size:allow-keywords)@motion-safe`,`transition:[height_200ms_ease-out,content-visibility_200ms_allow-discrete]@[details&::details-content]@supports(interpolate-size:allow-keywords)@motion-safe`,`h:auto@[details&[open]::details-content]@supports(interpolate-size:allow-keywords)@motion-safe`]],[`collapse-icon`,[`pos:absolute`,`i-e:4`,`center-flex-inline`,`w:4`,`h:4`,`flex-shrink:0`,`pointer-events:none`,`transition-transform`,`transition:none@motion-reduce`,`rotate:180@[.collapse[open]_>_.collapse-title_>_&]`,`rotate:180@[.collapse[data-open]_>_.collapse-title_>_&]`]],[`collapse-folds`,[`d:none@[&:not([open])_>_*:not(summary)]`]],[`collapse-content`,[`grid-row-start:2`,`grid-column-start:1`,`min-h:0`,`min-inline-size:0`,`overflow:hidden`,`vis:hidden`,`p-x:4`,`p-b:0`,`vis:visible@[[open]_>_&]`,`vis:visible@[[data-open]_>_&]`,`p-b:4@[[open]_>_&]`,`p-b:4@[[data-open]_>_&]`,`transition:[padding_150ms_ease-out,visibility_200ms_ease-out]`,`transition:none@motion-reduce`]]],p=[[`color-input`,[`field-disabled`,`appearance:auto`,`box-sizing:border-box`,`d:inline-block`,`flex-shrink:0`,`min-inline-size:0`,`w:9`,`h:9`,`w:8@sm`,`h:8@sm`,`p:1`,`rd:4x`,`border-width:1`,`vertical-align:middle`,`cursor:pointer`,`p:0@[&::-webkit-color-swatch-wrapper]`,`rd:2x@[&::-webkit-color-swatch]`,`rd:2x@[&::-moz-color-swatch]`]]],m=[[`divider`,[`stack-row`,`align-self:stretch`,`flex-shrink:0`,`white-space:nowrap`,`border-width:0`,`content:empty@::before`,`content:empty@::after`,`flex-grow:1@::before`,`flex-grow:1@::after`,`border-style:solid@::before`,`border-style:solid@::after`,`border-width:0@[:where(&)]@::before`,`border-width:0@[:where(&)]@::after`,`border-t-width:1@[:where(&)]@::before`,`border-t-width:1@[:where(&)]@::after`,`min-h:4@[:where(&):has(>*)]`,`gap:4@[:where(&):has(>*)]`]],[`divider--block`,[`flex-direction:column`,`h:auto`,`min-h:0`,`w:4`,`border-t-width:0@::before`,`border-t-width:0@::after`,`border-s-width:1@::before`,`border-s-width:1@::after`]]],h=[[`dock`,[`pos:fixed`,`i-b:0`,`i-s:0`,`i-e:0`,`z-index:1`,`stack-row`,`align-items:stretch`,`justify-content:space-around`,`gap:1`,`w:100%`,`min-h:[calc(4rem_+_env(safe-area-inset-bottom))]`,`p:2`,`p-b:[max(0.5rem,env(safe-area-inset-bottom))]`,`border-t-width:1`]],[`dock-item`,[`control-disabled`,`stack-column`,`align-items:center`,`justify-content:start`,`gap:1px`,`pos:relative`,`flex-shrink:1`,`flex-basis:100%`,`max-w:32`,`min-inline-size:0`,`m-b:2`,`rd:4x`,`cursor:pointer`,`appearance:none`,`decoration-line:none`,`font-family:inherit`,`text-indent:initial`,`w:5@[:where(&)>svg]`,`h:5@[:where(&)>svg]`,`flex-shrink:0@[:where(&)>svg]`,`font-weight:5x@aria-[current=page]`]],[`dock-label`,[`text-caption`,`max-w:100%`,`overflow-wrap:anywhere`,`text-align:center`]]],g=[[`dropdown`,[`pos:relative`,`d:inline-grid`]],[`dropdown-panel`,[`overlay-bounds`,`w:max`,`min-inline-size:[min(calc(var(--spacing)_*_32),max(0px,calc(100vw_-_2rem)))]`,`rd:4x`,`border-width:1`,`p:1`]],[`dropdown-panel--popover`,[`d:none@[.dropdown-panel&]`,`d:grid@[.dropdown-panel&:popover-open]`,`pos:fixed@[.dropdown-panel&]`,`i:auto@[.dropdown-panel&]`,`m:0@[.dropdown-panel&]`]],[`dropdown-panel--floating`,[`d:grid@[.dropdown-panel&]`]],[`dropdown-content`,[`dropdown-panel`,`pos:absolute`,`z-index:50`,`i-t:100%`,`i-s:0`,`m-t:1`,`d:grid`]],[`dropdown--end`,[`i-s:auto@[&_>_.dropdown-content]`,`i-e:0@[&_>_.dropdown-content]`]],[`dropdown--top`,[`i-t:auto@[&_>_.dropdown-content]`,`i-b:100%@[&_>_.dropdown-content]`,`m-t:0@[&_>_.dropdown-content]`,`m-b:1@[&_>_.dropdown-content]`]]],_=[[`empty`,[`stack-column`,`text-balance`,`align-items:center`,`justify-content:center`,`min-inline-size:0`,`flex:1`,`gap:6`,`p-x:6`,`p-y:12`,`p-y:20@md`,`text-align:center`]],[`empty-header`,[`stack-column`,`align-items:center`,`max-w:24rem`,`gap:1`,`text-align:center`]],[`empty-media`,[`center-flex`,`pos:relative`,`flex-shrink:0`]],[`empty-title`,[`heading-inherit`,`m:0`,`font-size:5x`,`line-height:5x`,`font-size:4x@sm`,`line-height:4x@sm`,`font-weight:6x`]],[`empty-description`,[`text-description`,`text-pretty`]],[`empty-content`,[`stack-column`,`text-body`,`align-items:center`,`w:100%`,`min-inline-size:0`,`max-w:24rem`,`gap:4`]]],v=[[`fab`,[`pos:fixed`,`i-b:[max(1rem,env(safe-area-inset-bottom))]`,`i-e:4`,`z-index:40`,`d:flex`,`flex-direction:column-reverse`,`align-items:end`,`gap:2`,`pointer-events:none`,`pointer-events:auto@[:where(&)_>_*]`]]],y=`:is(:user-invalid,[aria-invalid]:not([aria-invalid=false]))`,b=`:not(.field,.field-group)`,x={"--teacss-official-affix-area":`auto`,"--teacss-official-affix-border-inline":`0px`,"--teacss-official-affix-border-block":`0px`},S=[[`field`,[`stack-column`,`align-items:start`,`gap:2`,`min-inline-size:0`]],[`field-label`,[`text-label`]],[`field-hint`,[`text-dense`,`line-height:3x`,`line-height:2x@sm`,`m:0`]],[`input`,[`field-base`]],[`textarea`,[`field-base`,`min-block-size:20`,`min-block-size:20@sm`,`p-block:1.5`,`line-height:4x`,`line-height:3x@sm`,`resize:vertical@[:where(&)]`]],[`field-group`,[`d:grid`,`gap:4`,`min-inline-size:0`,`m:0`,`p:0`,`border-width:0`]],[`field-legend`,[`text-control`,`font-weight:6x`,`stack-row`,`gap:2`,`m-e:auto`,`p-x:0`,`p-b:2`]],[`field-row`,[`stack-row`,`gap:2`,`content-wrap`,`min-h:9`,`min-h:8@sm`,`text-control`,`cursor:pointer@[&:has(input)]`]],[`field-error`,[`text-dense`,`line-height:3x`,`line-height:2x@sm`,`m:0`,`vis:hidden@[:where(&)]`,`vis:visible@[:where(.field>:is(input,textarea,select)${b}${y})~&]`,`vis:visible@[:where(.field>:is(.input-shell,.floating-label,.field-row)${b}:has(>:is(input,textarea,select)${y}))~&]`,`vis:visible@[:where(.field>${b}[aria-invalid]:not([aria-invalid=false]))~&]`]],[`input-shell`,[`field-base`,`stack-row-inline`,`gap:2`,`cursor:text`,`appearance:none@[:where(&)_>_:is(input,textarea)]`,`flex:1@[:where(&)_>_:is(input,textarea)]`,`inline-size:100%@[:where(&)_>_:is(input,textarea)]`,`min-inline-size:0@[:where(&)_>_:is(input,textarea)]`,`block-size:auto@[:where(&)_>_input]`,`border-width:0@[:where(&)_>_:is(input,textarea)]`,`p:0@[:where(&)_>_:is(input,textarea)]`,`font-family:inherit@[:where(&)_>_:is(input,textarea)]`,`font-size:inherit@[:where(&)_>_:is(input,textarea)]`,`line-height:inherit@[:where(&)_>_:is(input,textarea)]`,`opacity:64@[&:has(>input:disabled,>textarea:disabled)]`,`cursor:not-allowed@[&:has(>input:disabled,>textarea:disabled)]`]],[`input-affix`,[x,`stack-row`,`flex-shrink:0`,`white-space:nowrap`,`align-self:stretch`,`p-x:3`,`font-size:inherit`,`line-height:inherit`,`m-s:-3@[&:first-child]`,`m-e:3@[&:first-child]`,`border-e-width:1@[&:first-child]`,`m-s:3@[&:last-child]`,`m-e:-3@[&:last-child]`,`border-s-width:1@[&:last-child]`]],[`input-shell--grid`,[`d:grid@[.input-shell&]`,`grid-columns:[auto_minmax(0,1fr)_auto]@[.input-shell&]`,`grid-rows:[auto_auto_auto]@[.input-shell&]`,`align-items:stretch@[.input-shell&]`,`gap:0@[.input-shell&]`,`p:0@[.input-shell&]`,`block-size:auto@[.input-shell&]`,`min-block-size:9@[.input-shell&]`,`min-block-size:8@[.input-shell&]@sm`,`grid-column-start:2@[.input-shell&_>_:is(input,textarea)]`,`grid-row-start:2@[.input-shell&_>_:is(input,textarea)]`,`block-size:auto@[.input-shell&_>_:is(input,textarea)]`,`rd:0@[.input-shell&_>_:is(input,textarea)]`,`p-inline:3@[.input-shell&_>_:is(input,textarea)]`,`p-block:1.5@[.input-shell&_>_:is(input,textarea)]`,`min-block-size:[calc(var(--spacing)*9_-_2px)]@[.input-shell&_>_input]`,`min-block-size:[calc(var(--spacing)*8_-_2px)]@[.input-shell&_>_input]@sm`,`min-inline-size:0@[.input-shell&_>_.input-affix]`,`block-size:auto@[.input-shell&_>_.input-affix]`,`m:0@[.input-shell&_>_.input-affix]`,`grid-area:[var(--teacss-official-affix-area)]@[.input-shell&>.input-affix]`,`border-inline-width:[var(--teacss-official-affix-border-inline)]@[.input-shell&>.input-affix]`,`border-block-width:[var(--teacss-official-affix-border-block)]@[.input-shell&>.input-affix]`,`p-block:1.5@[.input-shell&_>_.input-affix]`]],[`input-affix--inline-start`,[{...x,"--teacss-official-affix-area":`2 / 1 / auto / auto`,"--teacss-official-affix-border-inline":`0px 1px`}],{sort:1}],[`input-affix--inline-end`,[{...x,"--teacss-official-affix-area":`2 / 3 / auto / auto`,"--teacss-official-affix-border-inline":`1px 0px`}],{sort:1}],[`input-affix--block-start`,[{...x,"--teacss-official-affix-area":`1 / 1 / auto / -1`,"--teacss-official-affix-border-block":`0px 1px`}],{sort:1}],[`input-affix--block-end`,[{...x,"--teacss-official-affix-area":`3 / 1 / auto / -1`,"--teacss-official-affix-border-block":`1px 0px`}],{sort:1}],[`floating-label`,[`d:flex`,`pos:relative`,`min-inline-size:0`,`pos:absolute@[:where(&)_>_span]`,`z-index:1@[:where(&)_>_span]`,`i-s:3@[:where(&)_>_span]`,`i-t:0@[:where(&)_>_span]`,`translate:[0_calc(1.125rem_-_50%)]@[:where(&)_>_span]`,`translate:[0_calc(1rem_-_50%)]@[:where(&)_>_span]@sm`,`p-x:1@[:where(&)_>_span]`,`line-height:1@[:where(&)_>_span]`,`pointer-events:none@[:where(&)_>_span]`,`opacity:100@[:where(&)_>_span]`,`opacity:0@[:where(&)>input]@::placeholder`,`opacity:100@[&:focus-within>input]@::placeholder`,`transition:[translate_100ms_ease-out]@[:where(&)_>_span]`,`transition:none@motion-reduce@[:where(&)_>_span]`,`translate:[0_calc(-50%_-_0.125em)]@[&:is(:focus-within,:not(:has(>input:placeholder-shown)))_>_span]`]],[`textarea--autosize`,[`field-sizing:content`,`resize:none@supports(field-sizing:content)`,`max-h:50dvh`,`overflow-y:auto`]]],C=[[`file-input`,`text-field.field-disabled.box-sizing:border-box.stack-row-inline.w:100%.min-inline-size:0.block-size:auto.min-block-size:9.min-block-size:8@sm.rd:4x.border-width:1.p-s:0.p-e:3.cursor:pointer.min-block-size:[calc(var(--spacing)*9_-_2px)]@[&::file-selector-button].min-block-size:[calc(var(--spacing)*8_-_2px)]@[&::file-selector-button]@sm.p-block:1@[&::file-selector-button].m-e:3@[&::file-selector-button].p-x:4@[&::file-selector-button].border-style:solid@[&::file-selector-button].border-t-width:0@[&::file-selector-button].border-b-width:0@[&::file-selector-button].border-s-width:0@[&::file-selector-button].border-e-width:1@[&::file-selector-button].cursor:pointer@[&::file-selector-button].cursor:not-allowed@disabled@[&::file-selector-button].cursor:not-allowed@aria-disabled@[&::file-selector-button].font-family:inherit@[&::file-selector-button].font-size:inherit@[&::file-selector-button].font-weight:5x@[&::file-selector-button]`.split(`.`)],[`dropzone`,[`focus-proxy`,`pos:relative`,`center-grid`,`w:100%`,`min-h:32`,`overflow:hidden`,`surface-panel`,`border-style:dashed`,`p:6`,`text-align:center`,`cursor:pointer`,`border-style:solid@data-dragover`,`opacity:64@[&:has(>input:disabled)]`,`cursor:not-allowed@[&:has(>input:disabled)]`]],[`dropzone-input`,[`fill-absolute`,`z-index:1`,`w:100%`,`h:100%`,`opacity:0`,`cursor:pointer`,`cursor:not-allowed@disabled`,`cursor:pointer@[&::file-selector-button]`,`cursor:not-allowed@disabled@[&::file-selector-button]`]],[`dropzone-content`,[`stack-column`,`text-body`,`align-items:center`,`gap:2`,`font-weight:5x`,`pointer-events:none`]],[`dropzone-selection`,[`max-w:100%`,`pointer-events:none`,`overflow-wrap:anywhere`,`font-size:2x`,`line-height:3x`,`font-size:1x@sm`,`line-height:2x@sm`]]],w=`@[&:not([data-filter-mode=multiple]):not(:has(>:focus-visible)):has(>:is(:checked,[aria-pressed=true]):not(.filter-reset,[type=checkbox]))_>_:is(input,button):not(:checked,[aria-pressed=true],.filter-reset,[type=reset])]`,T=`@[.filter:not(:has(>:is(:checked,[aria-pressed=true]):not(.filter-reset)))_>_&:not(:focus-visible)]`,E=[[`filter`,[`stack-row`,`flex-wrap:wrap`,`gap-row:2`,`min-inline-size:0`,`m-e:2@[:where(&)_>_*:not([hidden]):where(:has(~*:not([hidden])))]`,`overflow:hidden@[:where(&)_>_*]`,`transition:[opacity_150ms_ease-out,visibility_150ms_ease-out]@[:where(&)_>_*]`,`transition:none@motion-reduce@[:where(&)_>_*]`,`transition:none@[:where(&)_>_*:focus-visible]`,`pos:relative@[:where(&)_>_*:focus-visible]`,`z-index:1@[:where(&)_>_*:focus-visible]`,`opacity:0${w}`,`scale:0${w}`,`w:0${w}`,`border-width:0${w}`,`m-e:0${w}`,`p-x:0${w}`]],[`filter-reset`,[`aspect-ratio:square`,`vis:hidden${T}`,`opacity:0${T}`,`scale:0${T}`,`w:0${T}`,`border-width:0${T}`,`m-e:0${T}`,`p-x:0${T}`]]],D=[[`footer`,[`d:grid`,`w:100%`,`grid-auto-flow:row`,`place-items:start`,`gap-row:10`,`gap-column:4`,`d:grid@[:where(&)_>_:not(script,style,template)]`,`place-items:start@[:where(&)_>_:not(script,style,template)]`,`gap:2@[:where(&)_>_:not(script,style,template)]`]],[`footer--center`,[`text-align:center@[&:not(:root)]`,`place-items:center@[&:not(:root)]`,`place-items:center@[&:not(:root)_>_:not(script,style,template)]`]],[`footer-title`,[`text-balance`,`m:0`,`max-w:100%`,`font-size:3x`,`line-height:3x`,`font-weight:5x`]]],O=[[`frame`,[`d:flex`,`w:100%`,`min-inline-size:0`]],[`frame-side`,[`flex-shrink:0`,`pos:sticky`,`i-t:[var(--frame-offset,0px)]`,`h:[calc(100dvh_-_var(--frame-offset,0px))]`,`overflow-y:auto`,`overscroll-behavior:contain`]],[`frame-main`,[`flex:1`,`min-inline-size:0`]]],k=[[`hero`,[`center-grid`,`grid-columns:[minmax(0,1fr)]`,`pos:relative`,`grid-area:[1/1]@[&_>_*]`,`w:100%`,`h:100%`,`min-h:448px`]],[`hero-content`,[`center-flex`,`isolation:isolate`,`content-wrap`,`gap:4`,`w:100%`,`max-w:9c`,`p:4`,`gap:8@md`,`p:8@md`]],[`hero-actions`,[`stack-column`,`align-items:stretch`,`gap:2`,`flex-direction:row@sm`,`flex-wrap:wrap@sm`,`align-items:center@sm`]],[`hero-decoration`,[`fill-absolute`,`m:auto`,`pointer-events:none`,`max-w:68vw`,`max-h:68vw`]]],A=[[`indicator`,[`pos:relative`,`d:inline-flex`,`w:fit`,`max-w:100%`]],[`indicator-item`,[`pos:absolute`,`z-index:1`,`white-space:nowrap`,`i-t:0@[:where(&)]`,`i-b:auto@[:where(&)]`,`i-s:auto@[:where(&)]`,`i-e:0@[:where(&)]`,`translate-x:50%@[:where(&)]`,`translate-y:-50%@[:where(&)]`,`translate-x:-50%@[:where(&:dir(rtl))]`]],[`indicator-item--start`,[`i-s:0`,`i-e:auto`,`translate-x:-50%`,`translate-x:50%@[&:where(:dir(rtl))]`]],[`indicator-item--center`,[`i-s:50%`,`i-e:auto`,`translate-x:-50%`,`translate-x:50%@[&:where(:dir(rtl))]`]],[`indicator-item--end`,[`i-s:auto`,`i-e:0`,`translate-x:50%`,`translate-x:-50%@[&:where(:dir(rtl))]`]],[`indicator-item--top`,[`i-t:0`,`i-b:auto`,`translate-y:-50%`]],[`indicator-item--middle`,[`i-t:50%`,`i-b:auto`,`translate-y:-50%`]],[`indicator-item--bottom`,[`i-t:auto`,`i-b:0`,`translate-y:50%`]]],j=[[`join`,[`d:inline-flex`,`w:fit`,`flex-direction:row`,`align-items:stretch`,`z-index:1@[&_>_*:focus-within]`,`rd-s:4x@[&_>_*:not([hidden])]`,`rd-e:0@[&_>_*:not([hidden])]`,`rd-s:0@[&_>_*:not([hidden])_~_*:not([hidden])]`,`rd-e:4x@[&_>_*:not([hidden]):not(:has(~*:not([hidden])))]`,`m-s:-1px@[&_>_*:not([hidden])_~_*:not([hidden])]`]],[`join--block`,[`flex-direction:column@[&:not(:root)]`,`rd-u:4x@[&:not(:root)_>_*:not([hidden])]`,`rd-n:0@[&:not(:root)_>_*:not([hidden])]`,`rd-u:0@[&:not(:root)_>_*:not([hidden])_~_*:not([hidden])]`,`rd-n:4x@[&:not(:root)_>_*:not([hidden]):not(:has(~*:not([hidden])))]`,`m-s:0@[&:not(:root)_>_*:not([hidden])_~_*:not([hidden])]`,`m-u:-1px@[&:not(:root)_>_*:not([hidden])_~_*:not([hidden])]`]],[`join-separator`,[`flex-shrink:0`,`flex-grow:0`,`flex-basis:px`,`align-self:stretch`,`pointer-events:none`,`z-index:2`,`border-width:0`]],[`join-text`,[`text-control`,`control-icon`,`stack-row-inline`,`gap:2`,`white-space:nowrap`,`rd:4x`,`border-width:1`,`p-x:3`]]],M=[[`kbd`,[`center-flex-inline`,`flex-shrink:0`,`gap:1`,`h:6`,`h:5@sm`,`min-w:6`,`min-w:5@sm`,`p-x:1.5`,`rd:2x`,`font-size:1x`,`line-height:1x`,`font-weight:5x`,`vertical-align:middle`,`white-space:nowrap`,`w:3@[:where(&)_svg]`,`h:3@[:where(&)_svg]`]],[`kbd-group`,[`stack-row-inline`,`gap:1`]]],N=[[`list`,[`plain-list`,`text-body`,`stack-column`,`min-inline-size:0`]],[`list-row`,[`stack-row`,`flex-wrap:wrap`,`gap:4`,`min-inline-size:0`,`p:4`,`rd:4x`,`pos:relative`]],[`list-content`,[`stack-column`,`flex:[1_1_12ch]`,`content-wrap`,`gap:1.5`]],[`list-media`,[`center-flex`,`flex-shrink:0`,`gap:2`]],[`list-media--icon`,[`w:8`,`h:8`,`rd:3x`,`border-width:1`,`w:4@[:where(&)_svg]`,`h:4@[:where(&)_svg]`,`pointer-events:none@[:where(&)_svg]`]],[`list-media--image`,[`w:10`,`h:10`,`rd:3x`,`overflow:hidden`,`w:100%@[:where(&)_img]`,`h:100%@[:where(&)_img]`,`object-fit:cover@[:where(&)_img]`]],[`list-title`,[`stack-row`,`heading-inherit`,`gap:2`,`font-weight:5x`,`line-height:4x`,`line-height:3x@sm`]],[`list-description`,[`m:0`,`line-height:4x`,`line-height:3x@sm`,`text-wrap:pretty`]],[`list-col-wrap`,[`flex-basis:100%`,`min-inline-size:0`]]],P=[[`listbox`,[`plain-list`,`stack-column`,`scroll-y`,`p:1`,`scroll-p-y:1`]],[`listbox-option`,[`control-icon`,`control-disabled`,`text-control`,`pos:relative`,`stack-row`,`w:100%`,`min-h:8`,`min-h:7@sm`,`gap:2`,`rd:2x`,`p-x:2`,`p-y:1`,`text-align:start`,`cursor:default`]],[`listbox-group`,[`stack-column`]],[`listbox-empty`,[`text-control`,`p:2`,`text-align:center`]]],F=[[`loading-shell`,[`d:inline-flex`,`vertical-align:middle`,`flex-shrink:0`]],[`loading`,[`d:inline-block`,`flex-shrink:0`,`aspect-ratio:square`,`h:auto`,`pointer-events:none`,`vertical-align:middle`,`animation:spin`,`animation-timing:linear`,`animation:none@motion-reduce`,`w:4.5@[:where(&)]`,`w:4@[:where(&)]@sm`]]],I=[[`menu`,[`plain-list`,`text-control`,`stack-column`,`flex-wrap:wrap`,`w:fit`,`p:2`]],[`menu--horizontal`,[`d:inline-flex@[.menu&]`,`flex-direction:row@[.menu&]`,`flex-wrap:wrap@[.menu&]`,`align-items:start@[.menu&]`]],[`menu-item`,[`stack-column`,`align-items:stretch`,`flex-shrink:0`,`min-inline-size:0`,`pos:relative`]],[`menu-action`,[`control-icon`,`control-disabled`,`text-control`,`pos:relative`,`stack-row`,`gap:2`,`w:100%`,`min-inline-size:0`,`min-h:8`,`min-h:7@sm`,`rd:2x`,`p-x:2`,`p-y:1`,`text-align:start`,`white-space:nowrap`,`decoration-line:none`,`cursor:pointer`,`appearance:none`,`font-family:inherit`,`font-style:normal`,`font-weight:4x`,`letter-spacing:inherit`,`text-indent:initial`]],[`menu-indicator`,[`center-flex-inline`,`pos:absolute`,`i-s:1.5`,`w:4`,`h:4`,`opacity:0`,`pointer-events:none`,`transition-opacity`,`transition:none@motion-reduce`,`opacity:100@[:where(.menu-action[aria-checked=true])_>_&]`,`w:4@[:where(&)_svg]`,`h:4@[:where(&)_svg]`]],[`menu-label`,[`text-caption`,`font-weight:5x`,`p-x:2`,`p-y:1.5`]],[`menu-submenu`,[`plain-list`,`stack-column`,`pos:relative`,`white-space:nowrap`,`m-s:4`,`p-s:2`,`border-s-width:1`]],[`menu-separator`,[`list-style-type:none`,`h:0`,`m-block:1`,`m-inline:-1`,`border-width:0`,`border-t-width:1`]],[`menu-shortcut`,[`text-caption`,`m-s:auto`,`flex-shrink:0`,`font-weight:5x`,`letter-spacing:0.1em`,`pointer-events:none`]]],L=[[`meter`,[`stack-column`,`gap:2`,`w:100%`]],[`meter-header`,[`stack-row`,`justify-content:space-between`,`gap:2`]],[`meter-value`,[`text-control`,`font-variant-numeric:tabular-nums`]],[`meter-track`,[`d:block`,`w:100%`,`h:2`,`overflow:hidden`,`rd:9999px`]],[`meter-indicator`,[`d:block`,`h:100%`,`max-w:100%`,`rd:9999px`,`transition-property:[width]`,`transition-duration:500`,`transition:none@motion-reduce`]]],R=[[`mockup-code`,[`scroll-x`,`pos:relative`,`w:100%`,`overflow-y:hidden`,`surface-panel`,`p-y:5`,`direction:ltr`,`font-size:2x`,`line-height:3x`,`p-y:0@[:where(:has(>.mockup-code-body))]`,`overflow:hidden@[:where(:has(>.mockup-code-body))]`,`direction:inherit@[:where(:has(>.mockup-code-body):dir(ltr))]`,`direction:rtl@[:where(:has(>.mockup-code-body):dir(rtl))]`,`w:max@[:where(&)_>_pre]`,`min-w:100%@[:where(&)_>_pre]`,`p-e:5@[:where(&)_>_pre]`,`content:empty@[:where(&)_>_pre]@::before`,`m-e:2ch@[:where(&)_>_pre]@::before`,`content:[attr(data-prefix)]@[:where(&)_>_pre[data-prefix]]@::before`,`d:inline-block@[:where(&)_>_pre[data-prefix]]@::before`,`w:8@[:where(&)_>_pre[data-prefix]]@::before`,`text-align:end@[:where(&)_>_pre[data-prefix]]@::before`]],[`mockup-code-header`,[`stack-row`,`flex-wrap:wrap`,`gap:2`,`justify-content:space-between`,`flex-shrink:0`,`min-inline-size:0`,`min-h:10`,`border-b-width:1`,`p-x:4`,`p-y:1.5`]],[`mockup-code-title`,[`font-size:2x`,`line-height:1.5`,`flex:[1_1_12ch]`,`content-wrap`,`font-weight:5x`]],[`mockup-code-language`,[`text-caption`,`font-family:mono`,`flex-shrink:0`,`max-w:100%`,`overflow-wrap:anywhere`,`rd:2x`,`p-x:1.5`]],[`mockup-code-actions`,[`stack-row`,`flex-wrap:wrap`,`gap:1`,`flex-shrink:0`,`max-w:100%`,`m-s:auto`]],[`mockup-code-body`,[`scroll-x`,`d:grid`,`grid-columns:[minmax(max-content,1fr)]`,`p-y:4`,`direction:ltr`,`font-family:mono`,`font-size:2x`,`line-height:1.75`,`tab-size:2`,`font-variant-ligatures:none`,`outline-offset:-4@focus-visible`,`d:grid@[:where(&)_>_pre]`,`grid-columns:[3ch_1fr]@[:where(&)_>_pre]`,`min-w:max@[:where(&)_>_pre]`,`gap-column:2ch@[:where(&)_>_pre]`,`p-x:4@[:where(&)_>_pre]`,`m:0@[:where(&)_>_pre]`,`content:empty@[:where(&)_>_pre]@::before`,`content:[attr(data-prefix)]@[:where(&)_>_pre[data-prefix]]@::before`,`text-align:end@[:where(&)_>_pre]@::before`]],[`mockup-phone`,[`d:inline-grid`,`justify-items:center`,`w:100%`,`max-w:462px`,`aspect-ratio:[462/978]`,`p:1.5`,`rd:65px`,`border-width:5`,`overflow:hidden`]],[`mockup-phone-camera`,[`grid-area:[1/1]`,`z-index:1`,`w:28%`,`h:3.7%`,`m-t:3%`,`rd:17px`]],[`mockup-phone-display`,[`grid-area:[1/1]`,`w:100%`,`h:100%`,`overflow:hidden`,`rd:54px`,`object-fit:cover@[:where(&)_>_img]`,`w:100%@[:where(&)_>_img]`,`h:100%@[:where(&)_>_img]`]]],z=[[`modal`,[`d:none`,`d:grid@open`,`grid-columns:[minmax(0,1fr)]`,`overflow-wrap:anywhere`,`fill-fixed`,`m:auto`,`w:[calc(100%_-_2rem)]`,`max-w:3c`,`max-h:[calc(100dvh_-_2rem)]`,`gap:8`,`overflow-y:auto`,`overscroll-behavior:contain`,`surface-card`,`p:4`,`p:8@sm`]],[`modal-header`,[`d:grid`,`gap:2`,`text-align:start`]],[`modal-title`,[`heading-inherit`,`m:0`,`font-size:5x`,`line-height:5x`,`font-size:4x@sm`,`line-height:4x@sm`,`font-weight:6x`]],[`modal-body`,[`stack-column`,`gap:3`,`min-inline-size:0`]],[`modal-footer`,[`stack-column`,`flex-wrap:wrap`,`align-items:stretch`,`gap:2`,`pos:sticky`,`i-n:-4`,`m-n:-4`,`p-n:4`,`i-n:-8@sm`,`m-n:-8@sm`,`p-n:8@sm`,`flex-direction:row@sm`,`justify-content:end@sm`,`align-items:center@sm`]],[`modal--backdrop-motion`,[`opacity:0@::backdrop`,`opacity:100@open@::backdrop`,`opacity:0@open@starting@::backdrop`,`transition:[opacity_150ms_ease-out]@::backdrop`,`transition:none@motion-reduce@::backdrop`]],[`modal--motion`,[`opacity:0`,`translate-y:2`,`opacity:100@open`,`translate:none@open`,`opacity:0@open@starting`,`translate-y:2@open@starting`,`transition:[opacity_150ms_ease-out,translate_150ms_ease-out,display_150ms_allow-discrete,overlay_150ms_allow-discrete]`,`transition-duration:200@open`,`transition:none@motion-reduce`,`transition:none@[[hidden]]`]]],B=[[`navbar`,[`stack-row`,`pos:relative`,`w:100%`,`min-h:15`,`min-h:14@sm`,`gap:2.5`,`p-x:4`,`p-y:3`,`p-x:6@md`]],[`navbar-brand`,[`stack-row`,`gap:2`,`press-scale`,`text-control`,`h:9`,`h:8@sm`,`rd:3x`,`p-x:1.5`,`font-weight:6x`,`decoration-line:none`]],[`navbar-start`,[`stack-row-inline`,`justify-content:start`,`w:50%`,`min-inline-size:0`]],[`navbar-center`,[`stack-row-inline`,`flex-shrink:0`,`min-inline-size:0`]],[`navbar-end`,[`stack-row-inline`,`justify-content:end`,`w:50%`,`min-inline-size:0`]]],V=[[`otp`,[`stack-row-inline`,`pos:relative`,`max-w:100%`,`gap:2`,`direction:ltr`]],[`otp-slot`,[`center-flex-inline`,`box-sizing:border-box`,`flex-shrink:0`,`pos:relative`,`w:9`,`h:9`,`w:8@sm`,`h:8@sm`,`rd:4x`,`border-width:1`,`font-size:4x`,`font-size:3x@sm`,`line-height:3x`,`text-align:center`,`font-variant-numeric:tabular-nums`,`z-index:1@data-active`]],[`otp-separator`,[`center-flex-inline`,`flex-shrink:0`,`w:4`,`h:9`,`h:8@sm`]]],pe=[[`pagination`,[`d:flex`,`min-inline-size:0`,`w:100%`,`justify-content:center`]],[`pagination-list`,[`plain-list`,`stack-row`,`max-w:100%`,`min-inline-size:0`,`flex-wrap:wrap`,`justify-content:center`,`gap:1`]],[`pagination-item`,[`d:flex`,`min-inline-size:0`,`text-align:unset`]],[`pagination-link`,[`center-flex-inline`,`control-disabled`,`text-label`,`press-scale`,`h:9`,`min-w:9`,`h:8@sm`,`min-w:8@sm`,`p-x:2.5`,`rd:4x`,`border-width:1`,`font-variant-numeric:tabular-nums`,`decoration-line:none`,`white-space:nowrap`,`cursor:pointer`]],[`pagination-ellipsis`,[`center-flex-inline`,`h:9`,`min-w:9`,`h:8@sm`,`min-w:8@sm`,`p-x:2.5`]],[`pagination-ellipsis-label`,[`sr-only`]]],me=[[`popover`,[`d:contents`]],[`popover-content`,[`overlay-bounds`,`d:none`,`d:flex@[:popover-open]`,`pos:fixed`,`i:auto`,`m:2`,`w:[min(20rem,calc(100vw_-_2rem))]`,`flex-direction:column`,`gap:4`,`rd:4x`,`border-width:1`,`p:4`]],[`popover-header`,[`stack-column`,`gap:2`,`text-align:start`]],[`popover-title`,[`heading-inherit`,`m:0`,`font-size:4x`,`line-height:4x`,`font-size:3x@sm`,`line-height:3x@sm`,`font-weight:6x`]],[`popover-description`,[`text-description`]],[`popover-content--block-start`,[`position-area:block-start`,`position-try:[flip-block,_span-all]`]],[`popover-content--block-start-inline-start`,[`position-area:[block-start_span-inline-end]`,`position-try:[flip-block,_span-all]`]],[`popover-content--block-start-inline-end`,[`position-area:[block-start_span-inline-start]`,`position-try:[flip-block,_span-all]`]],[`popover-content--inline-end`,[`position-area:inline-end`,`position-try:[flip-inline,_span-all]`]],[`popover-content--inline-end-block-start`,[`position-area:[inline-end_span-block-end]`,`position-try:[flip-inline,_span-all]`]],[`popover-content--inline-end-block-end`,[`position-area:[inline-end_span-block-start]`,`position-try:[flip-inline,_span-all]`]],[`popover-content--block-end`,[`position-area:block-end`,`position-try:[flip-block,_span-all]`]],[`popover-content--block-end-inline-start`,[`position-area:[block-end_span-inline-end]`,`position-try:[flip-block,_span-all]`]],[`popover-content--block-end-inline-end`,[`position-area:[block-end_span-inline-start]`,`position-try:[flip-block,_span-all]`]],[`popover-content--inline-start`,[`position-area:inline-start`,`position-try:[flip-inline,_span-all]`]],[`popover-content--inline-start-block-start`,[`position-area:[inline-start_span-block-end]`,`position-try:[flip-inline,_span-all]`]],[`popover-content--inline-start-block-end`,[`position-area:[inline-start_span-block-start]`,`position-try:[flip-inline,_span-all]`]]],he=[[`progress`,[`appearance:none`,`d:block`,`pos:relative`,`w:100%`,`h:1.5`,`min-inline-size:0`,`rd:9999px`,`border-width:0`,`overflow:hidden`,`rd:inherit@[&::-webkit-progress-bar]`,`rd:inherit@[&::-webkit-progress-value]`,`rd:inherit@[&::-moz-progress-bar]`,`transition-property:[inline-size]@[&::-webkit-progress-value]`,`transition-duration:300@[&::-webkit-progress-value]`,`transition-timing:ease-out@[&::-webkit-progress-value]`,`transition-property:[inline-size]@[&::-moz-progress-bar]`,`transition-duration:300@[&::-moz-progress-bar]`,`transition-timing:ease-out@[&::-moz-progress-bar]`,`transition:none@motion-reduce@[&::-webkit-progress-value]`,`transition:none@motion-reduce@[&::-moz-progress-bar]`]],[`progress-indicator`,[`d:block`,`h:100%`,`max-w:100%`,`rd:inherit`,`transition-property:[width]`,`transition-duration:300`,`transition-timing:ease-out`,`transition:none@motion-reduce`]],[`progress-indicator--indeterminate`,[`w:1/3`,`w:100%@motion-reduce`]]],ge=[[`prose`,`prose-content:base`],[`prose-hans`,`prose-content:hans`],[`prose-hant`,`prose-content:hant`]],_e=[[`radio`,`checkable-base w:4.5 h:4.5 w:4@sm h:4@sm p:1 p:0.875@sm rd:9999px border-width:1 content:empty@::before d:block@::before pos:absolute@::before i-t:50%@::before i-s:50%@::before translate:[-50%_-50%]@::before translate:[50%_-50%]@[:where(:dir(rtl))]@::before w:[calc(100%_-_var(--spacing)*2)]@::before h:[calc(100%_-_var(--spacing)*2)]@::before w:[calc(100%_-_var(--spacing)*1.75)]@sm@::before h:[calc(100%_-_var(--spacing)*1.75)]@sm@::before rd:9999px@::before scale:0@::before scale:100@[&:is(:checked,[aria-checked=true])]@::before transition:[scale_150ms_ease-out]@::before transition:none@motion-reduce@::before appearance:auto@forced-colors@[&:is(input)] d:none@forced-colors@[&:is(input)]@::before`.split(` `)]],ve=[[`range`,[`field-disabled`,`focus-ring`,`outline-style:solid@focus-visible`,`opacity:100@focus-visible`,`appearance:auto`,`d:block`,`cursor:pointer`,`w:100%`,`h:11`,`p:0`,`border-width:0`]],[`range--vertical`,[`w:11@[.range&]`,`h:40@[.range&]`,`writing-mode:vertical-lr`,`direction:rtl`]]],ye=[[`rating`,[`stack-row-inline`,`vertical-align:middle`,`gap:0.5`,`appearance:none@[:where(&)_>_input]`,`appearance:auto@forced-colors@[:where(&)_>_input]`,`cursor:pointer@[:where(&)_>_input]`,`w:6@[:where(&)_>_*]`,`h:6@[:where(&)_>_*]`,`flex-shrink:0@[:where(&)_>_*]`,`opacity:80@[&_>_*]`,`transition-property:opacity@[:where(&)_>_*]`,`transition-duration:150@[:where(&)_>_*]`,`transition-timing:ease-out@[:where(&)_>_*]`,`transition:none@motion-reduce@[:where(&)_>_*]`,`opacity:100@[:where(&)_>_:is(:checked,[aria-checked=true],[aria-current=true])]`,`opacity:100@[:where(&)_>_:has(~:checked,~[aria-checked=true],~[aria-current=true])]`,`opacity:100@[:where(&)_>_:focus-visible]`,`opacity:100@forced-colors@[&_>_*]`]]],H=`@[select.select&:not([multiple]):not([size])]@supports(appearance:base-select)@!forced-colors`,be=[`min-inline-size:0`,`min-h:8`,`align-items:center`,`gap:2`,`p-x:2`,`p-y:1`,`rd:2x`,`font-family:inherit`,`font-size:3x`,`line-height:3x`,`white-space:normal`,`overflow-wrap:anywhere`,`cursor:pointer`],xe=[`min-h:7`,`font-size:2x`,`line-height:2x`],Se=[`cursor:not-allowed`,`opacity:64`],Ce=[[`select`,`text-field field-disabled box-sizing:border-box d:block w:100% min-inline-size:0 min-h:9 min-h:8@sm rd:4x border-width:1 p-s:3 p-e:10 p-y:1 appearance:none cursor:pointer white-space:nowrap text-overflow:ellipsis font-style:inherit font-weight:inherit letter-spacing:inherit text-align:start bg-image:[linear-gradient(45deg,transparent_50%,currentColor_50%),linear-gradient(135deg,currentColor_50%,transparent_50%)] bg-size:[4px_4px,4px_4px] bg-position:[calc(100%_-_1.125rem)_50%,calc(100%_-_0.875rem)_50%] bg-position:[1.125rem_50%,0.875rem_50%]@[:where(:dir(rtl))] bg-repeat:no-repeat appearance:auto@forced-colors bg-image:none@forced-colors p-e:3@forced-colors appearance:auto@[[multiple]] bg-image:none@[[multiple]] p-e:3@[[multiple]] appearance:auto@[[size]] bg-image:none@[[size]] p-e:3@[[size]]`.split(` `)],[`select--customizable`,[`appearance:[base-select]${H}`,`appearance:[base-select]${H}@::picker(select)`,`bg-image:none${H}`,`p-e:3${H}`,`d:flex${H}`,`align-items:center${H}`,`gap:2${H}`,`d:flex${H}@>button`,`flex:1${H}@>button`,`min-inline-size:0${H}@>button`,`align-items:center${H}@>button`,`justify-content:space-between${H}@>button`,`gap:2${H}@>button`,`p:0${H}@>button`,`border-width:0${H}@>button`,`font-family:inherit${H}@>button`,`font-size:inherit${H}@>button`,`font-weight:inherit${H}@>button`,`line-height:inherit${H}@>button`,`text-align:inherit${H}@>button`,`d:block${H}@[&_>_button_>_selectedcontent]`,`min-inline-size:0${H}@[&_>_button_>_selectedcontent]`,`overflow:hidden${H}@[&_>_button_>_selectedcontent]`,`text-overflow:ellipsis${H}@[&_>_button_>_selectedcontent]`,`white-space:nowrap${H}@[&_>_button_>_selectedcontent]`,`border-width:1${H}@::picker(select)`,`rd:4x${H}@::picker(select)`,`p:1${H}@::picker(select)`,`max-h:[min(20rem,calc(100%_-_1rem))]${H}@::picker(select)`,`max-w:[calc(100vw_-_2rem)]${H}@::picker(select)`,`overflow:auto${H}@::picker(select)`,`overscroll-behavior:contain${H}@::picker(select)`,...[`@>option`,`@[&_>_optgroup_>_option]`].flatMap(e=>[`d:flex${H}${e}`,...be.map(t=>`${t}${H}${e}`)]),...[`@>option`,`@[&_>_optgroup_>_option]`].flatMap(e=>xe.map(t=>`${t}${H}${e}@sm`)),...[`@>option:disabled`,`@[&_>_optgroup_>_option:disabled]`].flatMap(e=>Se.map(t=>`${t}${H}${e}`))]]],we=[[`sheet`,[`d:none`,`d:flex@open`,`pos:fixed`,`m:0`,`max-w:none`,`max-h:none`,`flex-direction:column`,`gap:8`,`scroll-y`,`border-width:1`,`p:8`,`sheet-motion`]],[`sheet-motion`,[`opacity:0`,`opacity:100@open`,`opacity:0@open@starting`,`transition:[opacity_150ms_ease-out,translate_150ms_ease-out,display_150ms_allow-discrete,overlay_150ms_allow-discrete]`,`transition-duration:200@open`,`transition:none@motion-reduce`,`transition:none@[[hidden]]`]],[`sheet--safe-area`,[`p-t:[max(2rem,env(safe-area-inset-top))]@[.sheet&]`,`p-r:[max(2rem,env(safe-area-inset-right))]@[.sheet&]`,`p-b:[max(2rem,env(safe-area-inset-bottom))]@[.sheet&]`,`p-l:[max(2rem,env(safe-area-inset-left))]@[.sheet&]`]],[`sheet--block-start`,[`i-u:0`,`i-e:0`,`i-n:auto`,`i-s:0`,`w:100%`,`h:auto`,`max-h:85dvh`,`border-u-width:0`,`border-e-width:0`,`border-n-width:1`,`border-s-width:0`,`translate-y:-100%`,`translate-y:0@open`,`translate-y:-100%@open@starting`,`p-u:[max(2rem,env(safe-area-inset-top))]`]],[`sheet--inline-end`,[`i-u:0`,`i-e:0`,`i-n:0`,`i-s:auto`,`w:[min(24rem,90vw)]`,`h:dvh`,`border-u-width:0`,`border-e-width:0`,`border-n-width:0`,`border-s-width:1`,`translate-x:100%`,`translate-x:-100%@[&:where(:dir(rtl))]`,`translate-x:0@open`,`translate-x:100%@open@starting`,`translate-x:-100%@open@starting@[&:where(:dir(rtl))]`,`p-u:[max(2rem,env(safe-area-inset-top))]`,`p-n:[max(2rem,env(safe-area-inset-bottom))]`]],[`sheet--block-end`,[`i-u:auto`,`i-e:0`,`i-n:0`,`i-s:0`,`w:100%`,`h:auto`,`max-h:85dvh`,`border-u-width:1`,`border-e-width:0`,`border-n-width:0`,`border-s-width:0`,`translate-y:100%`,`translate-y:0@open`,`translate-y:100%@open@starting`,`p-n:[max(2rem,env(safe-area-inset-bottom))]`]],[`sheet--inline-start`,[`i-u:0`,`i-e:auto`,`i-n:0`,`i-s:0`,`w:[min(24rem,90vw)]`,`h:dvh`,`border-u-width:0`,`border-e-width:1`,`border-n-width:0`,`border-s-width:0`,`translate-x:-100%`,`translate-x:100%@[&:where(:dir(rtl))]`,`translate-x:0@open`,`translate-x:-100%@open@starting`,`translate-x:100%@open@starting@[&:where(:dir(rtl))]`,`p-u:[max(2rem,env(safe-area-inset-top))]`,`p-n:[max(2rem,env(safe-area-inset-bottom))]`]]],U=`min(25%,var(--site-gutter,clamp(1rem,calc(18.75vw_-_6rem),3rem)))`,Te=[[`site`,[`stack-column`,`min-h:100svh`,`min-inline-size:0`]],[`site-main`,[`flex:1`,`min-inline-size:0`]],[`site-section`,[`pos:relative`,`d:grid`,`min-inline-size:0`,`grid-columns:[${U}_minmax(0,1fr)_minmax(0,var(--site-content-width,80rem))_minmax(0,1fr)_${U}]`,`border-b-width:1`,`content:empty@::before`,`pos:absolute@::before`,`i-t:0@::before`,`i-b:0@::before`,`i-s:[${U}]@::before`,`border-s-width:1@::before`,`pointer-events:none@::before`,`content:empty@::after`,`pos:absolute@::after`,`i-t:0@::after`,`i-b:0@::after`,`i-e:[${U}]@::after`,`border-e-width:1@::after`,`pointer-events:none@::after`]],[`site-content`,[`pos:relative`,`grid-column:3`,`min-inline-size:0`,`content:empty@::before`,`pos:absolute@::before`,`i-t:0@::before`,`i-b:0@::before`,`i-s:0@::before`,`border-s-width:1@::before`,`pointer-events:none@::before`,`content:empty@::after`,`pos:absolute@::after`,`i-t:0@::after`,`i-b:0@::after`,`i-e:0@::after`,`border-e-width:1@::after`,`pointer-events:none@::after`]],[`site-intro`,[`stack-column`,`align-items:center`,`justify-content:center`,`text-align:center`,`min-inline-size:0`,`min-h:48`,`gap:5`,`p:6`,`p:12@md`]],[`site-grid`,[`d:grid`,`min-inline-size:0`,`grid-columns:[minmax(0,1fr)]`,`border-t-width:1`,`border-s-width:1`,`border-t-width:0@[:where(.site-section>.site-content)>&:first-child]`,`m-b:-1px@[:where(.site-section>.site-content)>&:last-child]`]],[`site-cell`,[`stack-column`,`min-inline-size:0`,`gap:2`,`p:6`,`p-x:12@md`,`border-e-width:1`,`border-b-width:1`]],[`site-rule`,[`d:block`,`m:0`,`w:100%`,`min-h:3`,`flex-shrink:0`,`border-width:0`,`border-b-width:1`]]],Ee=[[`stat-group`,[`d:inline-grid`,`grid-auto-flow:column`,`grid-auto-columns:[minmax(max-content,1fr)]`,`pos:relative`,`overflow-x:auto`,`surface-card`]],[`stat-group--vertical`,[`grid-auto-flow:row@[.stat-group&]`,`overflow-y:auto@[.stat-group&]`]],[`stat-group--horizontal`,[`grid-auto-flow:column@[.stat-group&]`,`overflow-x:auto@[.stat-group&]`]],[`stat`,[`d:inline-grid`,`w:100%`,`min-inline-size:0`,`grid-columns:[1fr]`,`gap-column:4`,`p-y:4`,`p-x:6`]],[`stat-title`,[`text-caption`,`white-space:nowrap`,`grid-column-start:1`]],[`stat-value`,[`font-size:8x`,`line-height:8x`,`font-size:7x@sm`,`line-height:7x@sm`,`font-weight:6x`,`font-variant-numeric:tabular-nums`,`white-space:nowrap`,`grid-column-start:1`]],[`stat-description`,[`stat-title`]],[`stat-figure`,[`grid-row:[1/span_3]`,`grid-column-start:2`,`place-self:[center_end]`]],[`stat-actions`,[`stack-row`,`gap:2`,`grid-column-start:1`,`white-space:nowrap`]]],De=[[`status`,[`d:inline-block`,`w:2`,`h:2`,`rd:9999px`,`flex-shrink:0`,`vertical-align:middle`]]],Oe=[[`step-group`,[`plain-list`,`d:inline-grid`,`grid-auto-flow:column`,`grid-auto-columns:[1fr]`,`overflow-x:auto`,`overflow-y:hidden`]],[`step-group--vertical`,[`grid-auto-flow:row@[.step-group&]`,`grid-auto-rows:[1fr]@[.step-group&]`,`min-h:16@[:where(&)>.step]`,`grid-rows:[auto]@[:where(&)>:where(.step)>.step-row]`,`grid-columns:[2.5rem_minmax(0,1fr)]@[:where(&)>:where(.step)>.step-row]`,`justify-items:start@[:where(&)>:where(.step)>.step-row]`,`gap:2@[:where(&)>:where(.step)>.step-row]`,`w:0@[:where(&)>:where(.step)>:where(.step-row)>.step-connector]`,`h:100%@[:where(&)>:where(.step)>:where(.step-row)>.step-connector]`,`m-s:0@[:where(&)>:where(.step)>:where(.step-row)>.step-connector]`,`place-self:center@[:where(&)>:where(.step)>:where(.step-row)>.step-connector]`,`translate:[0px_-50%]@[:where(&)>:where(.step)>:where(.step-row)>.step-connector]`,`border-t-width:0@[:where(&)>:where(.step)>:where(.step-row)>.step-connector]`,`border-s-width:2@[:where(&)>:where(.step)>:where(.step-row)>.step-connector]`]],[`step`,[`pos:relative`,`min-w:16`,`text-align:center`]],[`step-row`,[`d:grid`,`h:100%`,`place-items:center@[:where(&)]`,`grid-rows:[2.5rem_1fr]@[:where(&)]`,`grid-columns:[auto]@[:where(&)]`]],[`step-title`,[`font-size:2x`,`line-height:3x`,`font-weight:6x`]],[`step-content`,[`content-wrap`,`m:0@[:where(&)_>_:first-child]`,`m-b:0@[:where(&)_>_:last-child]`]],[`step-marker`,[`center-flex-inline`,`pos:relative`,`z-index:1`,`grid-row:1`,`grid-column:1`,`place-self:center`,`flex-shrink:0`,`w:8`,`h:8`,`rd:50%`,`border-width:1`,`font-variant-numeric:tabular-nums`]],[`step-connector`,[`grid-row:1`,`grid-column:1`,`pointer-events:none`,`w:100%@[:where(&)]`,`h:0@[:where(&)]`,`m-s:-100%@[:where(&)]`,`border-t-width:2@[:where(&)]`,`d:none@[:where(.step:first-child>.step-row)>&]`]]],ke=[[`swap`,[{"--teacss-official-swap-on-rotate":`initial`,"--teacss-official-swap-off-rotate":`initial`,"--teacss-official-swap-on-scale":`initial`,"--teacss-official-swap-off-scale":`initial`},`focus-proxy`,`pos:relative`,`d:inline-grid`,`place-content:center`,`vertical-align:middle`,`flex-shrink:0`,`cursor:pointer`,`grid-column-start:1@[:where(&)_>_*]`,`grid-row-start:1@[:where(&)_>_*]`,`transition-property:[opacity,rotate,scale]@[:where(&)_>_*]`,`transition-duration:150@[:where(&)_>_*]`,`transition-timing:[cubic-bezier(0.2,0,0,1)]@[:where(&)_>_*]`,`transition:none@motion-reduce@[:where(&)_>_*]`,`appearance:none@[:where(&)_>_input]`,`w:0@[:where(&)_>_input]`,`h:0@[:where(&)_>_input]`,`m:0@[:where(&)_>_input]`,`p:0@[:where(&)_>_input]`,`border-width:0@[:where(&)_>_input]`]],[`swap-on`,[`opacity:0`,`user-select:none`,`pointer-events:none`,`opacity:100@[.swap>input:checked_~_&]`,`user-select:auto@[.swap>input:checked_~_&]`,`opacity:0@[.swap>input:indeterminate_~_&]`,`user-select:none@[.swap>input:indeterminate_~_&]`]],[`swap-off`,[`opacity:100`,`pointer-events:none`,`opacity:0@[.swap>input:checked_~_&]`,`user-select:none@[.swap>input:checked_~_&]`,`opacity:0@[.swap>input:indeterminate_~_&]`,`user-select:none@[.swap>input:indeterminate_~_&]`]],[`swap-indeterminate`,[`opacity:0`,`user-select:none`,`pointer-events:none`,`opacity:100@[.swap>input:indeterminate_~_&]`,`user-select:auto@[.swap>input:indeterminate_~_&]`]],[`swap--active`,[{"--teacss-official-swap-on-rotate":`0deg`,"--teacss-official-swap-off-rotate":`-45deg`,"--teacss-official-swap-on-scale":`1`,"--teacss-official-swap-off-scale":`.25`},`opacity:100@[:where(&)>.swap-on:where(:not(.swap>input:indeterminate~.swap-on))]`,`user-select:auto@[:where(&)>.swap-on:where(:not(.swap>input:indeterminate~.swap-on))]`,`opacity:0@[:where(&)>.swap-off]`,`user-select:none@[:where(&)>.swap-off]`],{sort:1}],[`swap--rotate`,[`transition-duration:300@motion-safe@[&>_*]`,`rotate:[var(--teacss-official-swap-on-rotate,45deg)]@motion-safe@[:where(&)>.swap-on]`,`rotate:[var(--teacss-official-swap-off-rotate,none)]@motion-safe@[:where(&)>.swap-off]`,`rotate:0@motion-safe@[&>input:is(:checked,:indeterminate)~.swap-on]`,`rotate:-45@motion-safe@[&>input:is(:checked,:indeterminate)~.swap-off]`]],[`swap--scale`,[`transition-duration:300@motion-safe@[&>_*]`,`scale:[var(--teacss-official-swap-on-scale,.25)]@motion-safe@[:where(&)>.swap-on]`,`scale:[var(--teacss-official-swap-off-scale,none)]@motion-safe@[:where(&)>.swap-off]`,`scale:100@motion-safe@[&>input:is(:checked,:indeterminate)~.swap-on]`,`scale:25@motion-safe@[&>input:is(:checked,:indeterminate)~.swap-off]`]]],Ae=[[`table-scroll`,[`scroll-x`,`w:100%`]],[`table`,[`font-size:2x`,`line-height:3x`,`font-variant-numeric:tabular-nums`,`w:100%`,`border-collapse:separate`,`border-spacing:0`,`text-align:start`,`vertical-align:middle@[:where(&)_:is(th,td)]`,`p-y:3@[:where(&)_:is(th,td)]`,`p-x:4@[:where(&)_:is(th,td)]`,`text-align:start@[:where(&)_:is(th,td)]`,`white-space:nowrap@[:where(&)_th]`,`font-weight:5x@[:where(&)_th]`,`font-weight:5x@[:where(&)_tfoot]`]],[`table-row`,[`border-n-width:1@[:where(&)_>_:is(th,td)]`]],[`table-body`,[`border-n-width:0@[:where(&)>tr:last-child>:is(th,td)]`]],[`table-footer`,[`border-u-width:1@[:where(&)>tr:first-child>:is(th,td)]`,`border-n-width:0@[:where(&)>tr:last-child>:is(th,td)]`]],[`table-numeric`,[`white-space:nowrap`,`text-align:end`]],[`table-caption`,[`caption-side:bottom`,`m-u:4`,`text-align:start`,`font-size:2x`,`line-height:3x`]],[`table--pin-rows`,[`pos:sticky@[:where(&)_>_thead]`,`i-t:0@[:where(&)_>_thead]`,`z-index:1@[:where(&)_>_thead]`,`pos:sticky@[:where(&)_>_tfoot]`,`i-b:0@[:where(&)_>_tfoot]`,`z-index:1@[:where(&)_>_tfoot]`]],[`table--pin-cols`,[`pos:sticky@[:where(&)_>_tbody_>_tr_>_th]`,`i-s:0@[:where(&)_>_tbody_>_tr_>_th]`,`z-index:1@[:where(&)_>_tbody_>_tr_>_th]`,`pos:sticky@[:where(&)_>_:is(thead,tfoot)_>_tr_>_:first-child]`,`i-s:0@[:where(&)_>_:is(thead,tfoot)_>_tr_>_:first-child]`,`z-index:2@[:where(&)_>_:is(thead,tfoot)_>_tr_>_:first-child]`]]],je=[[`tab-group`,[`d:grid`,`min-inline-size:0`,`gap:2`]],[`tab-list`,[`stack-row-inline`,`max-w:100%`,`w:fit`,`justify-content:start`,`gap:0.5`,`rd:4x`,`p:0.5`,`overflow-x:auto`,`scrollbar-width:thin`]],[`tab-list--vertical`,[`flex-direction:column@[.tab-list&]`,`align-items:stretch@[.tab-list&]`,`overflow-x:visible@[.tab-list&]`]],[`tab`,[`control-icon`,`control-disabled`,`text-label`,`center-flex-inline`,`pos:relative`,`flex:[1_0_auto]`,`min-h:9`,`min-h:8@sm`,`min-w:9`,`gap:1.5`,`rd:3x`,`border-width:1`,`p-x:2.5`,`p-y:1`,`text-align:center`,`white-space:nowrap`,`appearance:none`,`cursor:pointer`]],[`tab-content`,[`w:100%`,`min-inline-size:0`,`rd:3x`,`p:4`]]],Me=[[`timeline`,[`plain-list`,`d:flex`,`pos:relative`,`min-inline-size:0`]],[`timeline--vertical`,[`flex-direction:column`,`justify-items:center@[:where(&)>.timeline-item]`,`w:1px@[:where(&)>.timeline-item>hr]`,`h:100%@[:where(&)>.timeline-item>hr]`,`grid-row-start:1@[:where(&)>.timeline-item>hr:first-child]`,`grid-column-start:2@[:where(&)>.timeline-item>hr:first-child]`,`grid-row-start:3@[:where(&)>.timeline-item>hr:last-child]`,`grid-column-start:2@[:where(&)>.timeline-item>hr:last-child]`,`grid-area:[1/1/4/2]@[:where(&)>:where(.timeline-item)>.timeline-start]`,`place-self:[center_end]@[:where(&)>:where(.timeline-item)>.timeline-start]`,`grid-area:[1/3/4/4]@[:where(&)>:where(.timeline-item)>.timeline-end]`,`place-self:[center_start]@[:where(&)>:where(.timeline-item)>.timeline-end]`]],[`timeline-item`,[`d:grid`,`pos:relative`,`flex-shrink:0`,`align-items:center`,`grid-rows:[minmax(0,1fr)_auto_minmax(0,1fr)]`,`grid-columns:[minmax(0,1fr)_auto_minmax(0,1fr)]`,`border-width:0@[:where(&)>hr]`,`w:100%@[:where(&)>hr]`,`h:1px@[:where(&)>hr]`,`grid-row-start:2@[:where(&)>hr:first-child]`,`grid-column-start:1@[:where(&)>hr:first-child]`,`grid-row-start:2@[:where(&)>hr:last-child]`,`grid-column-start:3@[:where(&)>hr:last-child]`]],[`timeline-start`,[`grid-area:[1/1/2/4]@[:where(&)]`,`place-self:[end_center]@[:where(&)]`,`m:1`,`min-inline-size:0`]],[`timeline-middle`,[`center-flex`,`grid-row-start:2`,`grid-column-start:2`]],[`timeline-end`,[`grid-area:[3/1/4/4]@[:where(&)]`,`place-self:[start_center]@[:where(&)]`,`m:1`,`min-inline-size:0`]],[`timeline-box`,[`d:block`,`min-inline-size:0`,`surface-card`,`p-y:2`,`p-x:4`]]],Ne=[[`toast`,[`pos:fixed`,`stack-column`,`gap:2`,`i-s:4`,`i-e:4`,`z-index:50`,`pointer-events:none`,`pointer-events:auto@[&>*]`,`m:0@[:where(&)]`,`p:0@[:where(&)]`,`w:auto@[:where(&)]`,`border-width:0@[:where(&)]`,`overflow:visible@[:where(&)]`,`align-items:end@[:where(&)]`,`i-t:auto@[:where(&)]`,`i-b:[max(1rem,env(safe-area-inset-bottom))]@[:where(&)]`]],[`toast-list`,[`plain-list`,`stack-column`,`gap:3`,`w:100%`,`max-w:[min(22.5rem,calc(100vw_-_2rem))]`,`max-h:[calc(100dvh_-_4rem)]`,`overflow-y:auto`,`overscroll-behavior:contain`,`pointer-events:auto`]],[`toast-motion`,[`vis:hidden`,`opacity:0`,`translate-y:2`,`pointer-events:none`,`vis:visible@data-[state=open]`,`opacity:100@data-[state=open]`,`translate:none@data-[state=open]`,`pointer-events:auto@data-[state=open]`,`opacity:0@data-[state=open]@starting`,`translate-y:2@data-[state=open]@starting`,`transition:[opacity_150ms_ease-out,translate_150ms_ease-out,visibility_150ms_ease-out]`,`transition:none@motion-reduce`]],[`toast--top`,[`i-t:[max(1rem,env(safe-area-inset-top))]`,`i-b:auto`]],[`toast--middle`,[`i-t:0`,`i-b:0`,`justify-content:center`]],[`toast--bottom`,[`i-t:auto`,`i-b:[max(1rem,env(safe-area-inset-bottom))]`]]],Pe=[[`toggle`,`checkable-base focus-proxy opacity:64@[&:has(>input:disabled)] cursor:not-allowed@[&:has(>input:disabled)] w:10.5 h:6 p:0 container-type:inline-size rd:9999px border-width:1 content:empty@::before d:block@::before pos:absolute@::before i-t:0.125rem@::before i-s:0.125rem@::before translate:[0_0]@::before h:[calc(100%_-_0.25rem)]@::before aspect-ratio:square@::before rd:9999px@::before translate:[calc(100cqw_-_100%_-_0.25rem)_0]@[&:is(:checked,[aria-checked=true],:has(>input:checked))]@::before translate:[calc(-100cqw_+_100%_+_0.25rem)_0]@[&:is(:checked,[aria-checked=true],:has(>input:checked)):dir(rtl)]@::before transition:[translate_150ms_ease-out]@::before transition:none@motion-reduce@::before border-width:1@forced-colors@::before border-style:solid@forced-colors@::before appearance:auto@forced-colors@[&:is(input)] d:none@forced-colors@[&:is(input)]@::before`.split(` `)]],Fe=[[`toolbar`,[`stack-row`,`pos:relative`,`min-inline-size:0`,`gap:2`,`p:1`,`scroll-p:1`,`surface-panel`,`overflow-x:auto`]],[`toolbar-group`,[`stack-row`,`flex-shrink:0`,`gap:1`]],[`toolbar--vertical`,[`flex-direction:column@[.toolbar&]`,`align-items:stretch@[.toolbar&]`,`overflow-x:visible@[.toolbar&]`,`border-s-width:0@[:where(&)>.toolbar-separator]`,`border-u-width:1@[:where(&)>.toolbar-separator]`,`m-y:0@[:where(&)>.toolbar-separator]`,`m-x:1.5@[:where(&)>.toolbar-separator]`]],[`toolbar-separator`,[`flex-shrink:0`,`flex-grow:0`,`flex-basis:px`,`align-self:stretch`,`pointer-events:none`,`border-width:0@[:where(&)]`,`border-s-width:1@[:where(&)]`,`m-y:1.5@[:where(&)]`]]],Ie=[[`tooltip`,[`d:inline-block`,`pos:relative`]],[`tooltip-content`,[`overlay-bounds`,`text-caption`,`text-balance`,`font-weight:4x`,`d:block`,`pos:absolute`,`z-index:2`,`w:max`,`max-w:[min(16rem,calc(100vw_-_2rem))]`,`p-y:1`,`p-x:2`,`rd:4x`,`border-width:1`,`white-space:normal`]],[`tooltip-content--top`,[`i-b:[calc(100%_+_0.5rem)]`,`i-t:auto`,`i-s:50%`,`i-e:auto`,`translate-x:-50%`,`translate-y:[0]`,`translate-x:50%@[:where(:dir(rtl))]`]],[`tooltip-content--bottom`,[`i-t:[calc(100%_+_0.5rem)]`,`i-b:auto`,`i-s:50%`,`i-e:auto`,`translate-x:-50%`,`translate-y:[0]`,`translate-x:50%@[:where(:dir(rtl))]`]],[`tooltip-content--inline-start`,[`i-e:[calc(100%_+_0.5rem)]`,`i-s:auto`,`i-t:50%`,`i-b:auto`,`translate-y:-50%`,`translate-x:[0]`]],[`tooltip-content--inline-end`,[`i-s:[calc(100%_+_0.5rem)]`,`i-e:auto`,`i-t:50%`,`i-b:auto`,`translate-y:-50%`,`translate-x:[0]`]],[`tooltip-content--motion`,[`vis:hidden`,`opacity:0`,`pointer-events:none`,`vis:visible@open`,`opacity:100@open`,`pointer-events:auto@open`,`vis:visible@[[data-open]]`,`opacity:100@[[data-open]]`,`pointer-events:auto@[[data-open]]`,`transition:[opacity_150ms_ease-out,visibility_150ms_ease-out]`,`transition:none@motion-reduce`]]],Le=[[`tree`,[`stack-column`,`plain-list`,`w:100%`,`min-inline-size:0`,`gap:0`]],[`tree-branch`,[`stack-column`,`plain-list`,`gap:0`,`min-inline-size:0`,`m-s:2`,`border-s-width:1`,`p-s:3`]],[`tree-item`,[`stack-column`,`gap:0`,`min-inline-size:0`]],[`tree-row`,[`stack-row`,`align-items:center`,`gap:2`,`min-inline-size:0`,`min-h:6`,`rd:3x`,`p-x:1.5`,`p-y:0.5`]],[`tree-disclosure`,[`collapse-folds`,`min-inline-size:0`]],[`tree-summary`,[`tree-row`,`collapse-marker-reset`,`focus-ring`,`cursor:pointer`]],[`tree-spacer`,[`flex-shrink:0`,`w:3.5`]],[`tree-chevron`,[`flex-shrink:0`,`w:3.5`,`h:3.5`,`pointer-events:none`,`transition-transform@motion-safe`,`rotate:180@[details:not([open])_>_summary.tree-summary_>_&:dir(rtl)]`,`rotate:90@[details[open]_>_summary.tree-summary_>_&]`]],[`tree-icon`,[`flex-shrink:0`,`w:4`,`h:4`,`pointer-events:none`]],[`tree-label`,[`content-wrap`]]],Re=[...ie,...ae,...oe,...se,...ce,...le,...ue,...de,...fe,...d,...f,...p,...m,...h,...g,..._,...v,...S,...C,...E,...D,...O,...k,...A,...j,...M,...N,...P,...F,...I,...L,...R,...z,...B,...V,...pe,...me,...he,...ge,..._e,...ve,...ye,...Ce,...we,...Te,...Ee,...De,...Oe,...ke,...Ae,...je,...Me,...Ne,...Pe,...Fe,...Ie,...Le],W=[{order:10,target:`:is(h1, h2, h3, h4, h5, h6)`,declarations:{"margin-block":`1.5em 0.5em`,"font-weight":`700`,"line-height":`1.4`,"text-wrap":`balance`}},{order:11,target:`h1`,declarations:{"font-size":`2em`}},{order:12,target:`h2`,declarations:{"font-size":`1.5em`}},{order:13,target:`h3`,declarations:{"font-size":`1.25em`}},{order:14,target:`h4`,declarations:{"font-size":`1.125em`}},{order:15,target:`h5`,declarations:{"font-size":`1em`}},{order:16,target:`h6`,declarations:{"font-size":`0.875em`}},{order:20,target:`p`,declarations:{"margin-block":`1em`,"line-height":`1.75`}},{order:21,target:`a`,declarations:{"text-decoration-line":`underline`,"text-underline-offset":`calc(var(--spacing) * 2)`,"text-decoration-thickness":`from-font`}},{order:22,target:`blockquote`,declarations:{"margin-block":`1.5em`,"margin-inline":`0`,"padding-inline-start":`1em`,"border-inline-start-width":`0.25em`,"border-inline-start-style":`solid`,"line-height":`1.75`}},{order:23,target:`hr`,declarations:{"margin-block":`2em`,"border-width":`0`,"border-block-start-width":`0.0625em`,"border-block-start-style":`solid`}},{order:30,target:`:is(ol, ul)`,declarations:{"margin-block":`1em`,"padding-inline-start":`2em`,"list-style-position":`outside`,"line-height":`1.75`}},{order:31,target:`ol`,declarations:{"list-style-type":`decimal`}},{order:32,target:`ul`,declarations:{"list-style-type":`disc`}},{order:33,target:`li`,declarations:{"margin-block":`0.25em`}},{order:34,target:`dl`,declarations:{"margin-block":`1em`,"line-height":`1.75`}},{order:35,target:`dt`,declarations:{"margin-block-start":`1em`,"font-weight":`700`}},{order:36,target:`dd`,declarations:{"margin-inline-start":`2em`}},{order:40,target:`:is(code, pre)`,declarations:{"font-family":`ui-monospace, monospace`}},{order:41,target:`code:not(:where(pre code))`,declarations:{"font-size":`0.875em`}},{order:42,target:`pre`,declarations:{"margin-block":`1.5em`,"padding-block":`1em`,"padding-inline":`1em`,"overflow-x":`auto`,"font-size":`0.875em`,"line-height":`1.6`}},{order:43,target:`figure`,declarations:{"margin-block":`1.5em`,"margin-inline":`0`}},{order:44,target:`figcaption`,declarations:{"margin-block-start":`0.5em`,"font-size":`0.875em`,"line-height":`1.5`}},{order:45,target:`:is(img, video)`,declarations:{"max-inline-size":`100%`,"block-size":`auto`}},{order:50,target:`table`,declarations:{"margin-block":`1.5em`,"border-collapse":`collapse`,"line-height":`1.5`}},{order:51,target:`caption`,declarations:{"margin-block-end":`0.5em`,"font-size":`0.875em`,"line-height":`1.5`,"text-align":`start`}},{order:52,target:`:is(th, td)`,declarations:{"padding-block":`0.5em`,"padding-inline":`0.75em`,"border-block-end-width":`0.0625em`,"border-block-end-style":`solid`,"text-align":`start`,"vertical-align":`top`}},{order:53,target:`th`,declarations:{"font-weight":`700`}},{order:100,target:`> :first-child`,declarations:{"margin-block-start":`0`}},{order:101,target:`> :last-child`,declarations:{"margin-block-end":`0`}}],ze=[{order:60,target:`:is(p, li, dd, dt, blockquote, figcaption, caption, th, td)`,declarations:{"text-autospace":`normal`,"text-spacing-trim":`space-first`,"line-height":`1.8`,"line-break":`strict`,"word-break":`normal`,"overflow-wrap":`anywhere`}},{order:62,target:`:is(h1, h2, h3, h4, h5, h6)`,declarations:{"text-autospace":`normal`,"text-spacing-trim":`space-first`,"line-break":`strict`}},{order:63,target:`a`,declarations:{"text-underline-offset":`0.15em`}},{order:64,target:`ruby`,declarations:{"ruby-position":`over`}},{order:70,target:`:is(p, li, dd, blockquote)`,declarations:{"text-align":`justify`,"text-justify":`inter-character`}},{order:71,target:`pre`,declarations:{"writing-mode":`horizontal-tb`,"text-autospace":`no-autospace`,margin:`1.5em`}}];function G(e){return e!=null&&/[\da-f]/i.test(e)}function Be(e){return e!=null&&(e===`-`||e===`_`||/[a-z\d]/i.test(e)||e.charCodeAt(0)>=128)}function K(e,t){let n=t+1;if(n>=e.length||e[n]===`
|
|
2
2
|
`||e[n]===`\r`||e[n]===`\f`)return;if(!G(e[n]))return{decoded:e[n],end:n+1};let r=n;for(;n<e.length&&n-r<6&&G(e[n]);)n++;let i=Number.parseInt(e.slice(r,n),16),a=i===0||i>1114111||i>=55296&&i<=57343?`�`:String.fromCodePoint(i);return e[n]===`\r`&&e[n+1]===`
|
|
3
3
|
`?n+=2:(e[n]===` `||e[n]===` `||e[n]===`
|
|
4
|
-
`||e[n]===`\r`||e[n]===`\f`)&&n++,{decoded:a,end:n}}function
|
|
4
|
+
`||e[n]===`\r`||e[n]===`\f`)&&n++,{decoded:a,end:n}}function q(e,t){let n=t,r=``;for(;n<e.length;){if(Be(e[n])){r+=e[n],n++;continue}if(e[n]!==`\\`)break;let t=K(e,n);if(t==null)break;r+=t.decoded,n=t.end}return{decoded:r,end:n}}function Ve(e){let t;for(let n=0;n<e.length;n++){let r=e[n];if(t!=null){r===`\\`?n=(K(e,n)?.end??n+2)-1:r===t&&(t=void 0);continue}if(r===`"`||r===`'`){t=r;continue}if(r===`\\`){n=(K(e,n)?.end??n+2)-1;continue}if(r===`/`&&e[n+1]===`*`){let t=e.indexOf(`*/`,n+2);if(t===-1)return!1;n=t+1;continue}if(r!==`:`)continue;if(e[n+1]===`:`)return!0;let i=n+1;for(;e[i]===`/`&&e[i+1]===`*`;){let t=e.indexOf(`*/`,i+2);if(t===-1)return!1;i=t+2}let a=q(e,i);if([`before`,`after`,`first-line`,`first-letter`].includes(a.decoded.toLowerCase()))return!0;n=a.end-1}return!1}function He(e,t){return`:where(${e} ${t}):not(:where([data-teacss-article-exclude],[data-teacss-article-exclude] *))`}function Ue(e){return{order:-1/0,handle(t,n){let r=n(t);return r.pseudo||Ve(`${r.prefix}${r.selector}`)?{...r,entries:[]}:e?{...r,prefix:``,selector:He(`${r.prefix}${r.selector}`,e),pseudo:``}:r}}}function J(t){return{...t.declarations,[e.variants]:e=>[Ue(t.target),...e],[e.sort]:t.order}}const Y={"max-inline-size":`36em`},We={"font-family":`"PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif`,"font-variant-east-asian":`simplified`},Ge={"font-family":`"PingFang TC", "Hiragino Sans CNS", "Source Han Sans TC", "Noto Sans CJK TC", "Microsoft JhengHei", sans-serif`,"font-variant-east-asian":`traditional`},X=[...W,...ze],Z={base:{styles:W},hans:{styles:X,scope:{...We,...Y}},hant:{styles:X,scope:{...Ge,...Y}}},Ke=Object.keys(Z),qe=[RegExp(`^prose-content:(${Ke.join(`|`)})$`),([,e])=>{let t=Z[e];if(!t)return;let n=t.styles.map(J);return n.unshift(J({order:-1/0,target:``,declarations:{"overflow-wrap":`anywhere`,"inline-size":`100%`,"max-inline-size":`65ch`,"margin-inline":`auto`,"font-size":`var(--font-size-3x)`,"line-height":`var(--line-height-4x)`}})),t.scope&&n.push(J({order:1,target:``,declarations:t.scope})),n},{internal:!0,noMerge:!0}],Q=[...re,...Re];function $(){return{name:`@teacss/preset-official`,rules:[qe],shortcuts:Q}}export{$ as default,$ as presetOfficial,Q as shortcuts};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teacss/preset-official",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.2",
|
|
4
4
|
"description": "TeaCSS official structural component preset.",
|
|
5
5
|
"homepage": "https://css.teasim.com",
|
|
6
6
|
"license": "MIT",
|
|
@@ -23,8 +23,11 @@
|
|
|
23
23
|
"prepack": "bun run build"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@teacss/core": "0.
|
|
27
|
-
"@teacss/preset-standard": "0.
|
|
26
|
+
"@teacss/core": "0.6.2",
|
|
27
|
+
"@teacss/preset-standard": "0.6.2"
|
|
28
|
+
},
|
|
29
|
+
"devDependencies": {
|
|
30
|
+
"lightningcss": "^1.33.0"
|
|
28
31
|
},
|
|
29
32
|
"engines": {
|
|
30
33
|
"node": ">=22.12.0"
|