@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.
Files changed (3) hide show
  1. package/README.md +202 -32
  2. package/dist/index.js +2 -2
  3. 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
- It also installs Design semantic color defaults. Enable Standard for the palette
6
- and theme preflight. Use `bg-color:$color-neutral` directly.
7
- Neutral defaults to gray; alternatives
8
- are mauve, slate, sage, olive and sand. Existing radius/spacing/shadow scales
9
- are reused. Colors can be customized through `@custom`/theme.
10
- Official adds no global size, focus or motion variables; shared non-color scales
11
- belong to Standard. Existing component geometry and behavior are unchanged.
12
- Disabling preflights disables variable defaults; on-demand mode emits used dependencies.
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
- @preset "standard";
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 uses a private rule to keep descendant scope and ordering intact.
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:$color-background@[&_>_.avatar]` on the group. Hidden avatar-group
167
- are removed and skipped for overlap; inline overlap mirrors in RTL. The ring
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 matches these insets. Supply its background
246
- and allow long action labels to wrap so scrolled text does not show through.
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:$color-border border-color:$color-border@::before border-color:$color-border@::after">
402
- <div class="site-content border-color:$color-border@::before border-color:$color-border@::after">
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:$color-border">
405
- <div class="site-cell border-color:$color-border">First</div>
406
- <div class="site-cell border-color:$color-border">Second</div>
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 truncate; the header
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 hstack inline-hstack vstack centered inline-centered scroll-x scroll-y
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-desc stat-figure stat-actions
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 Ae(e,t){let n=t,r=``;for(;n<e.length;){if(ke(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 je(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=Ae(e,i);if([`before`,`after`,`first-line`,`first-letter`].includes(a.decoded.toLowerCase()))return!0;n=a.end-1}return!1}function Me(e,t){return`:where(${e} ${t}):not(:where([data-teacss-article-exclude],[data-teacss-article-exclude] *))`}function Ne(e){return{order:-1/0,handle(t,n){let r=n(t);return r.pseudo||je(`${r.prefix}${r.selector}`)?{...r,entries:[]}:e?{...r,prefix:``,selector:Me(`${r.prefix}${r.selector}`,e),pseudo:``}:r}}}function q(t){return{...t.declarations,[e.variants]:e=>[Ne(t.target),...e],[e.sort]:t.order}}const J={"max-inline-size":`36em`},Pe={"font-family":`"PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif`,"font-variant-east-asian":`simplified`},Y={"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,...Oe],Z={base:{styles:W},hans:{styles:X,scope:{...Pe,...J}},hant:{styles:X,scope:{...Y,...J}}},Fe=Object.keys(Z),Ie=[RegExp(`^prose-content:(${Fe.join(`|`)})$`),([,e])=>{let t=Z[e];if(!t)return;let n=t.styles.map(q);return n.unshift(q({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(q({order:1,target:``,declarations:t.scope})),n},{internal:!0,noMerge:!0}],Q=[...re,...Ee];function $(){return{name:`@teacss/preset-official`,rules:[Ie],shortcuts:Q,theme:{semanticColors:De}}}export{$ as default,$ as presetOfficial,Q as shortcuts};
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.5.2",
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.5.2",
27
- "@teacss/preset-standard": "0.5.2"
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"