@adia-ai/web-components 0.8.10 → 0.8.12

package/components/select/select.class.js

@@ -423,7 +423,7 @@ export class UISelect extends UIFormElement {
       // render. The `data-select-leading` marker scopes that reconciliation to
       // our element. mark wins over avatar, which wins over icon (gh#339).
       const leading = this.mark
-        ? `<adia-mark-ui slot="leading" data-select-leading size="xs"></adia-mark-ui>`
+        ? `<adia-mark-ui slot="leading" data-select-leading size="sm"></adia-mark-ui>`
         : this.avatar
           ? `<img slot="leading" data-select-leading src="${escapeHTML(this.avatar)}" alt="" />`
           : this.icon
@@ -447,7 +447,7 @@ export class UISelect extends UIFormElement {
           ${leading}
           <span data-chips></span>
           ${displayMarkup}
-          <button-ui variant="ghost" size="xs" icon="x" aria-label="Clear all" data-clear-all hidden></button-ui>
+          <button-ui variant="ghost" size="sm" icon="x" aria-label="Clear all" data-clear-all hidden></button-ui>
           <icon-ui name="caret-down" slot="caret"></icon-ui>
         </span>
         ${hintMarkup}
@@ -683,7 +683,7 @@ export class UISelect extends UIFormElement {
   // (resolved against the selected option).
   static #optionLeadHTML(opt) {
     if (!opt) return '';
-    if (opt.mark) return `<adia-mark-ui size="xs"></adia-mark-ui>`;
+    if (opt.mark) return `<adia-mark-ui data-select-mark size="sm"></adia-mark-ui>`;
     if (opt.avatar) return `<img data-option-avatar src="${escapeHTML(opt.avatar)}" alt="" />`;
     if (opt.icon) return `<icon-ui name="${escapeHTML(opt.icon)}"></icon-ui>`;
     return '';
@@ -708,7 +708,7 @@ export class UISelect extends UIFormElement {
     const icon = (sel && sel.icon) || this.icon || '';
     const existing = trigger.querySelector(':scope > [data-select-leading]');
     let html = '';
-    if (mark) html = `<adia-mark-ui slot="leading" data-select-leading size="xs"></adia-mark-ui>`;
+    if (mark) html = `<adia-mark-ui slot="leading" data-select-leading size="sm"></adia-mark-ui>`;
     else if (avatar) html = `<img slot="leading" data-select-leading src="${escapeHTML(avatar)}" alt="" />`;
     else if (icon) html = `<icon-ui slot="leading" data-select-leading name="${escapeHTML(icon)}"></icon-ui>`;
     if (!html) { existing?.remove(); return; }

package/components/select/select.css

@@ -225,7 +225,7 @@
     /* Chip styling tracks the active variant via tag-ui's own tokens. */
     --tag-size: var(--a-ui-tiny);
   }
-  /* "+N more" overflow pill — a stamped <button-ui variant="ghost" size="xs">
+  /* "+N more" overflow pill — a stamped <button-ui variant="ghost" size="sm">
      (gh issue 276: no native <button> in stamped DOM); pill shape + chip-row
      height via button token re-points, chrome stays button-ui's own. */
   :scope[data-multi-chips] [data-chips] [data-more] {
@@ -236,7 +236,7 @@
     flex-shrink: 0;
   }
 
-  /* Clear-all `x` affordance — stamped <button-ui variant="ghost" size="xs"
+  /* Clear-all `x` affordance — stamped <button-ui variant="ghost" size="sm"
      icon="x"> (gh issue 276). Visible only when [clearable] AND chips. */
   :scope[data-multi-chips] [data-clear-all] {
     --button-radius: var(--a-radius-full);
@@ -426,7 +426,7 @@ select-ui [slot="listbox"] [data-select-all] {
   border-bottom: 1px solid var(--md-sys-color-neutral-outline-variant);
   margin-bottom: var(--a-space-1);
 }
-/* Select-all / Clear — stamped <button-ui variant="ghost" size="xs">
+/* Select-all / Clear — stamped <button-ui variant="ghost" size="sm">
    (gh issue 276); link-colored via the button fg token, chrome is button-ui's. */
 select-ui [slot="listbox"] [data-select-all-btn] {
   --button-fg: var(--md-sys-color-primary);
@@ -495,3 +495,12 @@ select-ui [slot="listbox"] [data-empty] {
   text-align: center;
   font-size: var(--a-ui-xs);
 }
+
+/* Stamped leading marks (trigger + option rows) stay at the compact
+   1.25rem diameter the removed xs tier gave them — a select row is
+   denser than the mark's own sm (1.75rem). The extra [size] attr
+   out-specifies adia-mark's own :scope[size] variant rule. */
+select-ui adia-mark-ui[data-select-leading][size],
+select-ui adia-mark-ui[data-select-mark][size] {
+  --adia-mark-size: 1.25rem;
+}

package/components/swatch/swatch.css

@@ -288,7 +288,7 @@
     color: color-mix(in oklab, var(--a-chrome-dark, #111) 70%, transparent);
   }
 
-  /* ═══════ Copy button — a stamped <button-ui variant="ghost" size="xs">
+  /* ═══════ Copy button — a stamped <button-ui variant="ghost" size="sm">
      (gh issue 276: no native <button> in stamped DOM). Geometry/colors
      ride button token re-points; focus ring is button-ui's own. ═══════ */
   :scope > [data-copy] {

package/components/switch/switch.a2ui.json

@@ -47,14 +47,12 @@
       "default": ""
     },
     "size": {
-      "description": "Sizing scale (full tier — xs / sm / md / lg / xl).",
+      "description": "Sizing scale (sm / md / lg). For a denser or larger register, set [scale] on an ancestor.",
       "type": "string",
       "enum": [
-        "xs",
         "sm",
         "md",
-        "lg",
-        "xl"
+        "lg"
       ],
       "default": ""
     },

package/components/switch/switch.yaml

@@ -42,15 +42,13 @@ props:
     type: string
     default: ''
   size:
-    description: Sizing scale (full tier — xs / sm / md / lg / xl).
+    description: Sizing scale (sm / md / lg). For a denser or larger register, set [scale] on an ancestor.
     type: string
     default: ''
     enum:
-    - xs
     - sm
     - md
     - lg
-    - xl
     reflect: true
   value:
     description: Form value (submitted as 'on' when checked)

package/components/tag/tag.a2ui.json

@@ -27,11 +27,12 @@
       "default": false
     },
     "size": {
-      "description": "Size preset controlling font-size and padding.",
+      "description": "Size preset controlling font-size and padding (sm/md/lg — same size system as badge-ui). For a denser or larger register, set [scale] on an ancestor.",
       "type": "string",
       "enum": [
         "sm",
-        "md"
+        "md",
+        "lg"
       ],
       "default": "md"
     },

package/components/tag/tag.class.js

@@ -57,7 +57,7 @@ export class UITag extends UIElement {
   static parts = {
     // button-ui, not a native <button> (gh issue 276) — the icon slots in
     // explicitly to keep its bold weight (the icon= prop stamps regular).
-    dismiss: '<button-ui slot="dismiss" variant="ghost" size="xs" aria-label="Remove"><icon-ui slot="icon" name="x" weight="bold"></icon-ui></button-ui>',
+    dismiss: '<button-ui slot="dismiss" variant="ghost" size="sm" aria-label="Remove"><icon-ui slot="icon" name="x" weight="bold"></icon-ui></button-ui>',
   };
 
   static template = () => null;

package/components/tag/tag.css

@@ -249,7 +249,7 @@ tag-ui[removable]:not([disabled]):hover {
     gap: var(--tag-gap-icon, 0.2em);
   }
 
-  /* ── Dismiss button — a stamped <button-ui variant="ghost" size="xs">
+  /* ── Dismiss button — a stamped <button-ui variant="ghost" size="sm">
      (gh issue 276: no native <button> in stamped DOM); geometry + hover
      ride button token re-points, chrome is button-ui's own. */
   [slot="dismiss"] {

package/components/tag/tag.d.ts

@@ -34,8 +34,8 @@ export class UITag extends UIElement {
   disabled: boolean;
   /** Shows a dismiss button that fires the remove event. */
   removable: boolean;
-  /** Size preset controlling font-size and padding. */
-  size: 'sm' | 'md';
+  /** Size preset controlling font-size and padding (sm/md/lg — same size system as badge-ui). For a denser or larger register, set [scale] on an ancestor. */
+  size: 'sm' | 'md' | 'lg';
   /** Tag text content. */
   text: string;
   /** Tag label. Renderer routes this to the `text` attribute, rendered via CSS attr(text) on ::after. */

package/components/tag/tag.yaml

@@ -30,12 +30,13 @@ props:
     type: boolean
     default: false
   size:
-    description: Size preset controlling font-size and padding.
+    description: Size preset controlling font-size and padding (sm/md/lg — same size system as badge-ui). For a denser or larger register, set [scale] on an ancestor.
     type: string
     default: md
     enum:
       - sm
       - md
+      - lg
   text:
     description: Tag text content.
     type: string

package/components/theme-provider/theme-provider.a2ui.json

@@ -22,8 +22,18 @@
       "const": "ThemeProvider"
     },
     "scale": {
-      "description": "Typographic / density register for the subtree — \"verse\" (compact) or \"prose\" (long-form). Adopts the matching register layer on demand; maps onto the [verse]/[prose] attribute (additive).",
+      "description": "Sizing register for the subtree — one of the six [scale] tiers: ui-sm (dense product UI), ui-md (base), ui-lg (touch/presentation), content-sm (compact article), content-md (long-form), content-lg (hero/marketing). Adopts the scale layer on demand; the reflected attribute is the [scale=\"…\"] CSS hook. Deprecated aliases \"verse\" (→ ui-sm) and \"prose\" (→ content-md) still map onto the legacy [verse]/[prose] attributes; removed at v1.0.",
       "type": "string",
+      "enum": [
+        "ui-sm",
+        "ui-md",
+        "ui-lg",
+        "content-sm",
+        "content-md",
+        "content-lg",
+        "verse",
+        "prose"
+      ],
       "default": ""
     }
   },

package/components/theme-provider/theme-provider.class.js

@@ -64,10 +64,11 @@ function provideFoundation() {
 // the first time a provider needs one, deduped by sheet identity. Dynamic-imported
 // (static paths, so bundlers can code-split) so the element stays lean — a provider
 // that does no theming never pulls these in.
-const TWIN_LOADED = { themes: false, verse: false, prose: false };
+const TWIN_LOADED = { themes: false, verse: false, prose: false, scale: false };
 function loadTwin(name) {
   switch (name) {
     case 'themes': return import('../../dist/themes.sheet.js');
+    case 'scale': return import('../../dist/scale.sheet.js');
     case 'verse': return import('../../dist/verse.sheet.js');
     case 'prose': return import('../../dist/prose.sheet.js');
     default: return null;
@@ -96,10 +97,11 @@ export class UIThemeProvider extends UIElement {
     // Named theme preset (ocean / forest / slate / …). Reflected, so the attribute
     // — which IS the `[theme="…"]` CSS hook in themes.css — tracks the property.
     theme: { type: String, reflect: true },
-    // Typographic/density register: "verse" (compact) | "prose" (long-form).
-    // Mapped onto the existing `[verse]` / `[prose]` attribute below (additive —
-    // the register CSS is untouched), so every register rule incl. `[size]`
-    // sub-tiers applies for free.
+    // Sizing register — one of the six [scale] tiers (ui-sm | ui-md | ui-lg |
+    // content-sm | content-md | content-lg). Reflected, so the attribute IS the
+    // `[scale="…"]` CSS hook in scale.css (the `theme` prop's mechanism).
+    // DEPRECATED aliases: "verse" (→ ui-sm) and "prose" (→ content-md) still
+    // map onto the legacy [verse]/[prose] attributes; removed at v1.0.
     scale: { type: String, reflect: true },
   };
   static template = () => null;
@@ -128,7 +130,25 @@ export class UIThemeProvider extends UIElement {
     const scale = this.scale;
     this.toggleAttribute('verse', scale === 'verse');
     this.toggleAttribute('prose', scale === 'prose');
-    if (scale === 'verse') ensureTwin('verse');
-    else if (scale === 'prose') ensureTwin('prose');
+    if (scale === 'verse' || scale === 'prose') {
+      // Legacy register aliases — the reflected scale="verse|prose" attribute
+      // matches no scale.css tier selector, so only the toggled [verse]/[prose]
+      // attribute has CSS effect. Removed at v1.0.
+      warnDeprecatedScaleAlias(scale);
+      ensureTwin(scale);
+    } else if (SCALE_TIERS.has(scale)) {
+      // Tier names match [scale="…"] in scale.css directly via reflection.
+      ensureTwin('scale');
+    }
   }
 }
+
+const SCALE_TIERS = new Set(['ui-sm', 'ui-md', 'ui-lg', 'content-sm', 'content-md', 'content-lg']);
+
+const warnedAliases = new Set();
+function warnDeprecatedScaleAlias(alias) {
+  if (warnedAliases.has(alias)) return;
+  warnedAliases.add(alias);
+  const tier = alias === 'verse' ? 'ui-sm' : 'content-md';
+  console.warn(`[theme-provider] scale="${alias}" is deprecated — use scale="${tier}" (removed at v1.0).`);
+}

package/components/theme-provider/theme-provider.d.ts

@@ -40,6 +40,6 @@ import { UIElement } from '../../core/element.js';
 export class UIThemeProvider extends UIElement {
   /** Named theme preset for the wrapped subtree (default, ocean, forest, sunset, lavender, rose, slate, midnight). Adopts the themes layer on demand + matches the [theme="…"] hook. */
   theme: string;
-  /** Typographic / density register for the subtree — "verse" (compact) or "prose" (long-form). Adopts the matching register layer on demand; maps onto the [verse]/[prose] attribute (additive). */
-  scale: string;
+  /** Sizing register for the subtree — one of the six [scale] tiers: ui-sm (dense product UI), ui-md (base), ui-lg (touch/presentation), content-sm (compact article), content-md (long-form), content-lg (hero/marketing). Adopts the scale layer on demand; the reflected attribute is the [scale="…"] CSS hook. Deprecated aliases "verse" (→ ui-sm) and "prose" (→ content-md) still map onto the legacy [verse]/[prose] attributes; removed at v1.0. */
+  scale: 'ui-sm' | 'ui-md' | 'ui-lg' | 'content-sm' | 'content-md' | 'content-lg' | 'verse' | 'prose';
 }

package/components/theme-provider/theme-provider.yaml

@@ -39,9 +39,18 @@ props:
     default: ""
     reflect: true
   scale:
-    description: 'Typographic / density register for the subtree — "verse" (compact) or "prose" (long-form). Adopts the matching register layer on demand; maps onto the [verse]/[prose] attribute (additive).'
+    description: 'Sizing register for the subtree — one of the six [scale] tiers: ui-sm (dense product UI), ui-md (base), ui-lg (touch/presentation), content-sm (compact article), content-md (long-form), content-lg (hero/marketing). Adopts the scale layer on demand; the reflected attribute is the [scale="…"] CSS hook. Deprecated aliases "verse" (→ ui-sm) and "prose" (→ content-md) still map onto the legacy [verse]/[prose] attributes; removed at v1.0.'
     type: string
     default: ""
+    enum:
+      - ui-sm
+      - ui-md
+      - ui-lg
+      - content-sm
+      - content-md
+      - content-lg
+      - verse
+      - prose
     reflect: true
 events: {}
 slots: {}

package/components/timeline/timeline.css

@@ -362,7 +362,7 @@ agent-reasoning-ui timeline-ui:not([orientation="horizontal"]),
 
   /* ═══════ Toggle caret (outcomes) ═══════ */
 
-  /* A stamped <button-ui variant="ghost" size="xs" icon="caret-*">
+  /* A stamped <button-ui variant="ghost" size="sm" icon="caret-*">
      (gh issue 276: no native <button> in stamped DOM). Geometry/colors
      ride button token re-points; focus ring + hover are button-ui's own. */
   :scope > [data-timeline-toggle] {

package/components/toggle-scheme/toggle-scheme.a2ui.json

@@ -81,14 +81,12 @@
       "default": "auto"
     },
     "size": {
-      "description": "Sizing scale forwarded to the internal <button-ui>.",
+      "description": "Sizing scale (sm/md/lg) forwarded to the internal <button-ui>.",
       "type": "string",
       "enum": [
-        "xs",
         "sm",
         "md",
-        "lg",
-        "xl"
+        "lg"
       ],
       "default": "md"
     },

package/components/toggle-scheme/toggle-scheme.d.ts

@@ -40,8 +40,8 @@ export class UIToggleScheme extends UIElement {
   persist: boolean;
   /** Initial scheme — "auto" follows prefers-color-scheme; "light" / "dark" force. */
   scheme: 'auto' | 'light' | 'dark';
-  /** Sizing scale forwarded to the internal <button-ui>. */
-  size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+  /** Sizing scale (sm/md/lg) forwarded to the internal <button-ui>. */
+  size: 'sm' | 'md' | 'lg';
   /** LocalStorage key prefix; default matches <theme-panel> for cross-element interop. */
   storagePrefix: string;
   /** CSS selector for the element receiving `color-scheme`. ":root" → <html>. */

package/components/toggle-scheme/toggle-scheme.yaml

@@ -69,15 +69,13 @@ props:
     attribute: label-dark
     reflect: true
   size:
-    description: Sizing scale forwarded to the internal <button-ui>.
+    description: Sizing scale (sm/md/lg) forwarded to the internal <button-ui>.
     type: string
     default: md
     enum:
-      - xs
       - sm
       - md
       - lg
-      - xl
     reflect: true
   variant:
     description: Visual style forwarded to the internal <button-ui>. Defaults to "ghost" (matches app practice).

package/dist/scale.min.css

@@ -0,0 +1 @@
+@layer context{[scale][scale=ui-sm]{--a-inset-sm:var(--a-space-2-5);--a-inset-md:var(--a-space-3);--a-inset-lg:var(--a-space-3-5);--a-inset:var(--a-inset-md);--a-gap-xs:calc(var(--a-space-2) * var(--a-gap-k));--a-gap-sm:calc(var(--a-space-2-5) * var(--a-gap-k));--a-gap-md:calc(var(--a-space-3) * var(--a-gap-k));--a-gap-lg:calc(var(--a-space-3-5) * var(--a-gap-k));--a-gap-xl:calc(var(--a-space-4) * var(--a-gap-k));--a-gap:var(--a-gap-md);--a-radius-min:.25rem;--a-radius-max:.75rem;--a-radius-xs:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-xs-k)), var(--a-radius-max));--a-radius-sm:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-sm-k)), var(--a-radius-max));--a-radius-md:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-md-k)), var(--a-radius-max));--a-radius-lg:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-lg-k)), var(--a-radius-max));--a-radius:var(--a-radius-md);--a-size-sm:calc(var(--a-density) * 1.25rem);--a-size-md:calc(var(--a-density) * 1.5rem);--a-size-lg:calc(var(--a-density) * 1.75rem);--a-size:var(--a-size-md);--a-icon-size:16px;--a-caret-size:14px;--a-toggle-size:var(--a-space-5);--a-display-sm:18px;--a-display-md:23px;--a-display-lg:29px;--a-title-sm:16px;--a-title-md:19px;--a-title-lg:22px;--a-heading-sm:13px;--a-heading-md:14px;--a-heading-lg:15px;--a-section-sm:13px;--a-section-md:14px;--a-section-lg:16px;--a-subsection-sm:12px;--a-subsection-md:13px;--a-subsection-lg:14px;--a-body-sm:11px;--a-body-md:12px;--a-body-lg:13px;--a-deck-sm:14px;--a-deck-md:15px;--a-deck-lg:16px;--a-caption-sm:10px;--a-caption-md:11px;--a-caption-lg:12px;--a-kicker-sm:10px;--a-kicker-md:10px;--a-kicker-lg:11px;--a-label-sm:10px;--a-label-md:10px;--a-label-lg:11px;--a-metric-sm:19px;--a-metric-md:25px;--a-metric-lg:34px;--a-code-sm:11px;--a-code-md:12px;--a-code-lg:13px;--a-ui-px:var(--a-space-2);--a-ui-py:var(--a-space-1);--a-ui-sm:11px;--a-ui-md:12px;--a-ui-lg:13px}[scale][scale=ui-md]{--a-inset-sm:var(--a-space-3-5);--a-inset-md:var(--a-space-4);--a-inset-lg:var(--a-space-4-5);--a-inset:var(--a-inset-md);--a-gap-xs:calc(var(--a-space-2) * var(--a-gap-k));--a-gap-sm:calc(var(--a-space-2-5) * var(--a-gap-k));--a-gap-md:calc(var(--a-space-3) * var(--a-gap-k));--a-gap-lg:calc(var(--a-space-3-5) * var(--a-gap-k));--a-gap-xl:calc(var(--a-space-4) * var(--a-gap-k));--a-gap:var(--a-gap-md);--a-radius-min:.25rem;--a-radius-max:1.25rem;--a-radius-xs:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-xs-k)), var(--a-radius-max));--a-radius-sm:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-sm-k)), var(--a-radius-max));--a-radius-md:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-md-k)), var(--a-radius-max));--a-radius-lg:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-lg-k)), var(--a-radius-max));--a-radius:var(--a-radius-md);--a-size-sm:calc(var(--a-density) * 1.5rem);--a-size-md:calc(var(--a-density) * 1.875rem);--a-size-lg:calc(var(--a-density) * 2.25rem);--a-size:var(--a-size-md);--a-icon-size:1rem;--a-caret-size:.875rem;--a-toggle-size:calc(var(--a-size-sm) - var(--a-space-1));--a-display-sm:clamp(22px, 20px + 1vw, 31px);--a-display-md:clamp(29px, 24px + 1.5vw, 39px);--a-display-lg:clamp(37px, 31px + 2vw, 52px);--a-title-sm:clamp(20px, 18px + .375vw, 28px);--a-title-md:clamp(24px, 20px + .5vw, 32px);--a-title-lg:clamp(28px, 24px + 1vw, 36px);--a-heading-sm:16px;--a-heading-md:17px;--a-heading-lg:18px;--a-section-sm:16px;--a-section-md:17px;--a-section-lg:19px;--a-subsection-sm:15px;--a-subsection-md:16px;--a-subsection-lg:17px;--a-body-sm:13px;--a-body-md:14px;--a-body-lg:15px;--a-deck-sm:17px;--a-deck-md:18px;--a-deck-lg:20px;--a-caption-sm:13px;--a-caption-md:14px;--a-caption-lg:15px;--a-kicker-sm:11px;--a-kicker-md:12px;--a-kicker-lg:13px;--a-label-sm:11px;--a-label-md:12px;--a-label-lg:13px;--a-metric-sm:clamp(24px, 22px + 1vw, 34px);--a-metric-md:clamp(32px, 28px + 1.5vw, 48px);--a-metric-lg:clamp(44px, 38px + 2vw, 64px);--a-code-sm:13px;--a-code-md:14px;--a-code-lg:15px;--a-ui-px:var(--a-space-2);--a-ui-py:var(--a-space-2);--a-ui-sm:12px;--a-ui-md:13px;--a-ui-lg:14px}[scale][scale=ui-lg]{--a-inset-sm:var(--a-space-4);--a-inset-md:var(--a-space-4-5);--a-inset-lg:var(--a-space-5);--a-inset:var(--a-inset-md);--a-gap-xs:calc(var(--a-space-2) * var(--a-gap-k));--a-gap-sm:calc(var(--a-space-2-5) * var(--a-gap-k));--a-gap-md:calc(var(--a-space-3) * var(--a-gap-k));--a-gap-lg:calc(var(--a-space-3-5) * var(--a-gap-k));--a-gap-xl:calc(var(--a-space-4) * var(--a-gap-k));--a-gap:var(--a-gap-md);--a-radius-min:.25rem;--a-radius-max:1.25rem;--a-radius-xs:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-xs-k)), var(--a-radius-max));--a-radius-sm:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-sm-k)), var(--a-radius-max));--a-radius-md:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-md-k)), var(--a-radius-max));--a-radius-lg:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-lg-k)), var(--a-radius-max));--a-radius:var(--a-radius-md);--a-size-sm:calc(var(--a-density) * 1.75rem);--a-size-md:calc(var(--a-density) * 2.25rem);--a-size-lg:calc(var(--a-density) * 2.75rem);--a-size:var(--a-size-md);--a-icon-size:20px;--a-caret-size:16px;--a-toggle-size:var(--a-space-6);--a-display-sm:clamp(29px, 24px + 1.5vw, 39px);--a-display-md:clamp(37px, 31px + 2vw, 52px);--a-display-lg:clamp(44px, 38px + 2.5vw, 64px);--a-title-sm:clamp(24px, 20px + .5vw, 32px);--a-title-md:clamp(28px, 24px + 1vw, 36px);--a-title-lg:clamp(32px, 28px + 1.5vw, 44px);--a-heading-sm:17px;--a-heading-md:18px;--a-heading-lg:19px;--a-section-sm:17px;--a-section-md:19px;--a-section-lg:21px;--a-subsection-sm:16px;--a-subsection-md:17px;--a-subsection-lg:18px;--a-body-sm:14px;--a-body-md:15px;--a-body-lg:16px;--a-deck-sm:18px;--a-deck-md:20px;--a-deck-lg:22px;--a-caption-sm:14px;--a-caption-md:15px;--a-caption-lg:16px;--a-kicker-sm:12px;--a-kicker-md:13px;--a-kicker-lg:14px;--a-label-sm:12px;--a-label-md:13px;--a-label-lg:14px;--a-metric-sm:clamp(32px, 28px + 1.5vw, 48px);--a-metric-md:clamp(44px, 38px + 2vw, 64px);--a-metric-lg:clamp(52px, 44px + 2.5vw, 76px);--a-code-sm:14px;--a-code-md:15px;--a-code-lg:16px;--a-ui-px:var(--a-space-3);--a-ui-py:var(--a-space-2);--a-ui-sm:13px;--a-ui-md:14px;--a-ui-lg:16px}[scale][scale=content-sm]{--a-inset-sm:var(--a-space-6);--a-inset-md:var(--a-space-8);--a-inset-lg:var(--a-space-10);--a-inset:var(--a-inset-md);--a-gap-xs:calc(var(--a-space-3) * var(--a-gap-k));--a-gap-sm:calc(var(--a-space-4) * var(--a-gap-k));--a-gap-md:calc(var(--a-space-5) * var(--a-gap-k));--a-gap-lg:calc(var(--a-space-6) * var(--a-gap-k));--a-gap-xl:calc(var(--a-space-7) * var(--a-gap-k));--a-gap:var(--a-gap-md);--a-radius-min:.375rem;--a-radius-max:1.75rem;--a-radius-xs:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-xs-k)), var(--a-radius-max));--a-radius-sm:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-sm-k)), var(--a-radius-max));--a-radius-md:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-md-k)), var(--a-radius-max));--a-radius-lg:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-lg-k)), var(--a-radius-max));--a-radius:var(--a-radius-md);--a-size-sm:calc(var(--a-density) * 1.5rem);--a-size-md:calc(var(--a-density) * 1.875rem);--a-size-lg:calc(var(--a-density) * 2.25rem);--a-size:var(--a-size-md);--a-display-sm:clamp(20px, 18px + 1vw, 30px);--a-display-md:clamp(24px, 20px + 1.5vw, 36px);--a-display-lg:clamp(32px, 24px + 3vw, 56px);--a-title-sm:clamp(16px, 15px + .5vw, 20px);--a-title-md:clamp(18px, 16px + .75vw, 24px);--a-title-lg:clamp(24px, 20px + 1.5vw, 36px);--a-heading-sm:14px;--a-heading-md:16px;--a-heading-lg:20px;--a-section-sm:13px;--a-section-md:14px;--a-section-lg:17px;--a-subsection-sm:12px;--a-subsection-md:13px;--a-subsection-lg:15px;--a-body-sm:13px;--a-body-md:14px;--a-body-lg:16px;--a-deck-sm:14px;--a-deck-md:15px;--a-deck-lg:18px;--a-caption-sm:13px;--a-caption-md:14px;--a-caption-lg:15px;--a-kicker-sm:13px;--a-kicker-md:14px;--a-kicker-lg:15px;--a-label-sm:11px;--a-label-md:12px;--a-label-lg:13px;--a-metric-sm:clamp(16px, 14px + 1vw, 26px);--a-metric-md:clamp(20px, 16px + 1.5vw, 32px);--a-metric-lg:clamp(28px, 24px + 2vw, 48px);--a-code-sm:13px;--a-code-md:14px;--a-code-lg:15px;--a-ui-px:var(--a-space-3);--a-ui-py:var(--a-space-2);--a-ui-sm:13px;--a-ui-md:14px;--a-ui-lg:15px;--prose-max-width-sm:55ch;--prose-max-width-md:65ch;--prose-max-width-lg:75ch;--prose-max-width:var(--prose-max-width-md)}[scale][scale=content-md]{--a-inset-sm:var(--a-space-8);--a-inset-md:var(--a-space-10);--a-inset-lg:var(--a-space-12);--a-inset:var(--a-inset-md);--a-gap-xs:calc(var(--a-space-3) * var(--a-gap-k));--a-gap-sm:calc(var(--a-space-4) * var(--a-gap-k));--a-gap-md:calc(var(--a-space-5) * var(--a-gap-k));--a-gap-lg:calc(var(--a-space-6) * var(--a-gap-k));--a-gap-xl:calc(var(--a-space-7) * var(--a-gap-k));--a-gap:var(--a-gap-md);--a-radius-min:.375rem;--a-radius-max:1.75rem;--a-radius-xs:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-xs-k)), var(--a-radius-max));--a-radius-sm:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-sm-k)), var(--a-radius-max));--a-radius-md:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-md-k)), var(--a-radius-max));--a-radius-lg:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-lg-k)), var(--a-radius-max));--a-radius:var(--a-radius-md);--a-size-sm:calc(var(--a-density) * 1.75rem);--a-size-md:calc(var(--a-density) * 2.25rem);--a-size-lg:calc(var(--a-density) * 2.75rem);--a-size:var(--a-size-md);--a-display-sm:clamp(24px, 20px + 1.5vw, 36px);--a-display-md:clamp(32px, 24px + 3vw, 56px);--a-display-lg:clamp(40px, 32px + 4vw, 80px);--a-title-sm:clamp(18px, 16px + .75vw, 24px);--a-title-md:clamp(24px, 20px + 1.5vw, 36px);--a-title-lg:clamp(28px, 24px + 2vw, 48px);--a-heading-sm:16px;--a-heading-md:20px;--a-heading-lg:24px;--a-section-sm:14px;--a-section-md:17px;--a-section-lg:20px;--a-subsection-sm:13px;--a-subsection-md:15px;--a-subsection-lg:17px;--a-body-sm:14px;--a-body-md:16px;--a-body-lg:18px;--a-deck-sm:15px;--a-deck-md:18px;--a-deck-lg:20px;--a-caption-sm:14px;--a-caption-md:15px;--a-caption-lg:16px;--a-kicker-sm:14px;--a-kicker-md:15px;--a-kicker-lg:16px;--a-label-sm:12px;--a-label-md:13px;--a-label-lg:14px;--a-metric-sm:clamp(20px, 16px + 1.5vw, 32px);--a-metric-md:clamp(28px, 24px + 2vw, 48px);--a-metric-lg:clamp(40px, 32px + 4vw, 72px);--a-code-sm:14px;--a-code-md:15px;--a-code-lg:16px;--a-ui-px:var(--a-space-3);--a-ui-py:var(--a-space-2);--a-ui-sm:14px;--a-ui-md:15px;--a-ui-lg:16px;--prose-max-width-sm:55ch;--prose-max-width-md:65ch;--prose-max-width-lg:75ch;--prose-max-width:var(--prose-max-width-md)}[scale][scale=content-lg]{--a-inset-sm:var(--a-space-10);--a-inset-md:var(--a-space-12);--a-inset-lg:var(--a-space-16);--a-inset:var(--a-inset-md);--a-gap-xs:calc(var(--a-space-3) * var(--a-gap-k));--a-gap-sm:calc(var(--a-space-4) * var(--a-gap-k));--a-gap-md:calc(var(--a-space-5) * var(--a-gap-k));--a-gap-lg:calc(var(--a-space-6) * var(--a-gap-k));--a-gap-xl:calc(var(--a-space-7) * var(--a-gap-k));--a-gap:var(--a-gap-md);--a-radius-min:.375rem;--a-radius-max:1.75rem;--a-radius-xs:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-xs-k)), var(--a-radius-max));--a-radius-sm:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-sm-k)), var(--a-radius-max));--a-radius-md:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-md-k)), var(--a-radius-max));--a-radius-lg:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-lg-k)), var(--a-radius-max));--a-radius:var(--a-radius-md);--a-size-sm:calc(var(--a-density) * 2.25rem);--a-size-md:calc(var(--a-density) * 2.75rem);--a-size-lg:calc(var(--a-density) * 3.25rem);--a-size:var(--a-size-md);--a-icon-size:20px;--a-caret-size:16px;--a-toggle-size:var(--a-space-6);--a-display-sm:clamp(32px, 24px + 3vw, 56px);--a-display-md:clamp(40px, 32px + 4vw, 80px);--a-display-lg:clamp(48px, 36px + 5vw, 96px);--a-title-sm:clamp(24px, 20px + 1.5vw, 36px);--a-title-md:clamp(28px, 24px + 2vw, 48px);--a-title-lg:clamp(34px, 28px + 2.5vw, 56px);--a-heading-sm:20px;--a-heading-md:24px;--a-heading-lg:28px;--a-section-sm:17px;--a-section-md:20px;--a-section-lg:24px;--a-subsection-sm:15px;--a-subsection-md:17px;--a-subsection-lg:19px;--a-body-sm:16px;--a-body-md:18px;--a-body-lg:20px;--a-deck-sm:18px;--a-deck-md:20px;--a-deck-lg:24px;--a-caption-sm:15px;--a-caption-md:16px;--a-caption-lg:17px;--a-kicker-sm:15px;--a-kicker-md:16px;--a-kicker-lg:17px;--a-label-sm:13px;--a-label-md:14px;--a-label-lg:15px;--a-metric-sm:clamp(28px, 24px + 2vw, 48px);--a-metric-md:clamp(40px, 32px + 4vw, 72px);--a-metric-lg:clamp(48px, 40px + 4.5vw, 88px);--a-code-sm:15px;--a-code-md:16px;--a-code-lg:17px;--a-ui-px:var(--a-space-4);--a-ui-py:var(--a-space-2);--a-ui-sm:15px;--a-ui-md:16px;--a-ui-lg:18px;--prose-max-width-sm:55ch;--prose-max-width-md:65ch;--prose-max-width-lg:75ch;--prose-max-width:var(--prose-max-width-md)}[scale][scale=ui-md]:not([size]){--a-display-size:var(--a-display-sm);--a-title-size:var(--a-title-sm);--a-heading-size:var(--a-heading-sm);--a-section-size:var(--a-section-sm);--a-subsection-size:var(--a-subsection-md);--a-body-size:var(--a-body-md);--a-deck-size:var(--a-deck-md);--a-caption-size:var(--a-caption-md);--a-kicker-size:var(--a-kicker-md);--a-label-size:var(--a-label-md);--a-metric-size:var(--a-metric-md);--a-code-size:var(--a-code-md);--a-ui-size:var(--a-ui-md)}[scale][scale=ui-sm]:not([size]),[scale][scale=ui-lg]:not([size]),[scale][scale=content-sm]:not([size]),[scale][scale=content-md]:not([size]),[scale][scale=content-lg]:not([size]){--a-display-size:var(--a-display-md);--a-title-size:var(--a-title-md);--a-heading-size:var(--a-heading-md);--a-section-size:var(--a-section-md);--a-subsection-size:var(--a-subsection-md);--a-body-size:var(--a-body-md);--a-deck-size:var(--a-deck-md);--a-caption-size:var(--a-caption-md);--a-kicker-size:var(--a-kicker-md);--a-label-size:var(--a-label-md);--a-metric-size:var(--a-metric-md);--a-code-size:var(--a-code-md);--a-ui-size:var(--a-ui-md)}[scale][scale=ui-sm][size=sm],[scale][scale=ui-sm] [size=sm]{--a-inset:var(--a-inset-sm);--a-gap:var(--a-gap-sm);--a-size:var(--a-size-sm);--a-radius:var(--a-radius-sm);--a-icon-size:14px;--a-caret-size:12px;--a-toggle-size:var(--a-space-4)}[scale][scale=ui-sm][size=lg],[scale][scale=ui-sm] [size=lg]{--a-inset:var(--a-inset-lg);--a-gap:var(--a-gap-lg);--a-size:var(--a-size-lg);--a-radius:var(--a-radius-lg);--a-icon-size:18px;--a-caret-size:16px;--a-toggle-size:var(--a-space-6)}[scale][scale=ui-md][size=sm],[scale][scale=ui-md] [size=sm]{--a-inset:var(--a-inset-sm);--a-gap:var(--a-gap-sm);--a-size:calc(var(--a-density) * 1.5rem);--a-radius:var(--a-radius-sm);--a-icon-size:.875rem;--a-caret-size:.75rem;--a-toggle-size:calc(var(--a-size-sm) - var(--a-space-2));--a-ui-px:var(--a-space-1-5)}[scale][scale=ui-md][size=lg],[scale][scale=ui-md] [size=lg]{--a-inset:var(--a-inset-lg);--a-gap:var(--a-gap-lg);--a-size:calc(var(--a-density) * 2.25rem);--a-radius:var(--a-radius-lg);--a-icon-size:1.25rem;--a-caret-size:1rem;--a-toggle-size:var(--a-size-sm);--a-ui-px:var(--a-space-3)}[scale][scale=ui-lg][size=sm],[scale][scale=ui-lg] [size=sm]{--a-inset:var(--a-inset-sm);--a-gap:var(--a-gap-sm);--a-size:var(--a-size-sm);--a-radius:var(--a-radius-sm);--a-icon-size:16px;--a-caret-size:14px;--a-toggle-size:var(--a-space-5)}[scale][scale=ui-lg][size=lg],[scale][scale=ui-lg] [size=lg]{--a-inset:var(--a-inset-lg);--a-gap:var(--a-gap-lg);--a-size:var(--a-size-lg);--a-radius:var(--a-radius-lg);--a-icon-size:24px;--a-caret-size:18px;--a-toggle-size:var(--a-space-7)}[scale][scale=content-sm][size=sm],[scale][scale=content-sm] [size=sm],[scale][scale=content-md][size=sm],[scale][scale=content-md] [size=sm]{--a-inset:var(--a-inset-sm);--a-gap:var(--a-gap-sm);--a-size:var(--a-size-sm);--a-radius:var(--a-radius-sm)}[scale][scale=content-sm][size=lg],[scale][scale=content-sm] [size=lg],[scale][scale=content-md][size=lg],[scale][scale=content-md] [size=lg]{--a-inset:var(--a-inset-lg);--a-gap:var(--a-gap-lg);--a-size:var(--a-size-lg);--a-radius:var(--a-radius-lg)}[scale][scale=content-lg][size=sm],[scale][scale=content-lg] [size=sm]{--a-inset:var(--a-inset-sm);--a-gap:var(--a-gap-sm);--a-size:var(--a-size-sm);--a-radius:var(--a-radius-sm);--a-icon-size:16px;--a-caret-size:14px;--a-toggle-size:var(--a-space-5)}[scale][scale=content-lg][size=lg],[scale][scale=content-lg] [size=lg]{--a-inset:var(--a-inset-lg);--a-gap:var(--a-gap-lg);--a-size:var(--a-size-lg);--a-radius:var(--a-radius-lg);--a-icon-size:24px;--a-caret-size:18px;--a-toggle-size:var(--a-space-7)}[scale][scale=ui-sm] avatar-ui{--avatar-size-sm:1.25rem;--avatar-size-md:1.75rem;--avatar-size-lg:2.5rem}[scale][scale=ui-sm] avatar-group-ui{--avatar-group-counter-size-sm:1.25rem;--avatar-group-counter-size-md:1.75rem;--avatar-group-counter-size-lg:2rem;--avatar-group-overlap-sm:-.3rem;--avatar-group-overlap-md:-.4rem;--avatar-group-overlap-lg:-.5rem}[scale][scale=ui-sm] adia-mark-ui{--adia-mark-size-sm:1.25rem;--adia-mark-size-md:1.75rem;--adia-mark-size-lg:2.5rem}[scale][scale=ui-sm] adia-wordmark-ui{--adia-wordmark-height-sm:.875rem;--adia-wordmark-height-md:1.125rem;--adia-wordmark-height-lg:1.5rem}[scale][scale=ui-lg] avatar-ui,[scale][scale=content-md] avatar-ui{--avatar-size-sm:2.5rem;--avatar-size-md:3.5rem;--avatar-size-lg:4.5rem}[scale][scale=ui-lg] avatar-group-ui,[scale][scale=content-md] avatar-group-ui{--avatar-group-counter-size-sm:2rem;--avatar-group-counter-size-md:3.5rem;--avatar-group-counter-size-lg:4.5rem;--avatar-group-overlap-sm:-.5rem;--avatar-group-overlap-md:-.625rem;--avatar-group-overlap-lg:-.75rem}[scale][scale=ui-lg] adia-mark-ui,[scale][scale=content-md] adia-mark-ui{--adia-mark-size-sm:2.5rem;--adia-mark-size-md:3.5rem;--adia-mark-size-lg:4.5rem}[scale][scale=ui-lg] adia-wordmark-ui,[scale][scale=content-md] adia-wordmark-ui{--adia-wordmark-height-sm:1.5rem;--adia-wordmark-height-md:2rem;--adia-wordmark-height-lg:2.75rem}[scale][scale=content-lg] avatar-ui{--avatar-size-sm:3.5rem;--avatar-size-md:4.5rem;--avatar-size-lg:5.5rem}[scale][scale=content-lg] avatar-group-ui{--avatar-group-counter-size-sm:3.5rem;--avatar-group-counter-size-md:4.5rem;--avatar-group-counter-size-lg:5.5rem;--avatar-group-overlap-sm:-.625rem;--avatar-group-overlap-md:-.75rem;--avatar-group-overlap-lg:-.875rem}[scale][scale=content-lg] adia-mark-ui{--adia-mark-size-sm:3.5rem;--adia-mark-size-md:4.5rem;--adia-mark-size-lg:5.5rem}[scale][scale=content-lg] adia-wordmark-ui{--adia-wordmark-height-sm:2rem;--adia-wordmark-height-md:2.75rem;--adia-wordmark-height-lg:3.5rem}[scale^=content-]>:is(p,ul,ol,blockquote,pre,table,dl){max-width:var(--prose-max-width)}[scale^=content-] :is(ul,ol){margin-block:.75em;padding-inline-start:1.75em}[scale^=content-] li+li{margin-block-start:.375em}[scale^=content-] blockquote{padding:var(--a-space-4) var(--a-space-6);font-size:var(--a-body-size);border-inline-start-width:4px}[scale^=content-] hr{margin-block:var(--a-space-6)}[scale^=content-] table{border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-md);overflow:hidden}[scale^=content-] th{background:var(--a-bg-muted)}[scale^=content-] pre{padding:var(--a-space-5)}[scale^=content-] img{border-radius:var(--a-radius-lg)}}

package/dist/scale.sheet.js

@@ -0,0 +1,11 @@
+// Auto-generated by scripts/build/bundle-css.mjs — DO NOT EDIT.
+// Constructable CSSStyleSheet form of scale.min.css (same build, byte-identical CSS).
+// For <theme-provider> / runtime injection where a <link> in <head> isn't possible.
+const css = "@layer context{[scale][scale=ui-sm]{--a-inset-sm:var(--a-space-2-5);--a-inset-md:var(--a-space-3);--a-inset-lg:var(--a-space-3-5);--a-inset:var(--a-inset-md);--a-gap-xs:calc(var(--a-space-2) * var(--a-gap-k));--a-gap-sm:calc(var(--a-space-2-5) * var(--a-gap-k));--a-gap-md:calc(var(--a-space-3) * var(--a-gap-k));--a-gap-lg:calc(var(--a-space-3-5) * var(--a-gap-k));--a-gap-xl:calc(var(--a-space-4) * var(--a-gap-k));--a-gap:var(--a-gap-md);--a-radius-min:.25rem;--a-radius-max:.75rem;--a-radius-xs:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-xs-k)), var(--a-radius-max));--a-radius-sm:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-sm-k)), var(--a-radius-max));--a-radius-md:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-md-k)), var(--a-radius-max));--a-radius-lg:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-lg-k)), var(--a-radius-max));--a-radius:var(--a-radius-md);--a-size-sm:calc(var(--a-density) * 1.25rem);--a-size-md:calc(var(--a-density) * 1.5rem);--a-size-lg:calc(var(--a-density) * 1.75rem);--a-size:var(--a-size-md);--a-icon-size:16px;--a-caret-size:14px;--a-toggle-size:var(--a-space-5);--a-display-sm:18px;--a-display-md:23px;--a-display-lg:29px;--a-title-sm:16px;--a-title-md:19px;--a-title-lg:22px;--a-heading-sm:13px;--a-heading-md:14px;--a-heading-lg:15px;--a-section-sm:13px;--a-section-md:14px;--a-section-lg:16px;--a-subsection-sm:12px;--a-subsection-md:13px;--a-subsection-lg:14px;--a-body-sm:11px;--a-body-md:12px;--a-body-lg:13px;--a-deck-sm:14px;--a-deck-md:15px;--a-deck-lg:16px;--a-caption-sm:10px;--a-caption-md:11px;--a-caption-lg:12px;--a-kicker-sm:10px;--a-kicker-md:10px;--a-kicker-lg:11px;--a-label-sm:10px;--a-label-md:10px;--a-label-lg:11px;--a-metric-sm:19px;--a-metric-md:25px;--a-metric-lg:34px;--a-code-sm:11px;--a-code-md:12px;--a-code-lg:13px;--a-ui-px:var(--a-space-2);--a-ui-py:var(--a-space-1);--a-ui-sm:11px;--a-ui-md:12px;--a-ui-lg:13px}[scale][scale=ui-md]{--a-inset-sm:var(--a-space-3-5);--a-inset-md:var(--a-space-4);--a-inset-lg:var(--a-space-4-5);--a-inset:var(--a-inset-md);--a-gap-xs:calc(var(--a-space-2) * var(--a-gap-k));--a-gap-sm:calc(var(--a-space-2-5) * var(--a-gap-k));--a-gap-md:calc(var(--a-space-3) * var(--a-gap-k));--a-gap-lg:calc(var(--a-space-3-5) * var(--a-gap-k));--a-gap-xl:calc(var(--a-space-4) * var(--a-gap-k));--a-gap:var(--a-gap-md);--a-radius-min:.25rem;--a-radius-max:1.25rem;--a-radius-xs:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-xs-k)), var(--a-radius-max));--a-radius-sm:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-sm-k)), var(--a-radius-max));--a-radius-md:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-md-k)), var(--a-radius-max));--a-radius-lg:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-lg-k)), var(--a-radius-max));--a-radius:var(--a-radius-md);--a-size-sm:calc(var(--a-density) * 1.5rem);--a-size-md:calc(var(--a-density) * 1.875rem);--a-size-lg:calc(var(--a-density) * 2.25rem);--a-size:var(--a-size-md);--a-icon-size:1rem;--a-caret-size:.875rem;--a-toggle-size:calc(var(--a-size-sm) - var(--a-space-1));--a-display-sm:clamp(22px, 20px + 1vw, 31px);--a-display-md:clamp(29px, 24px + 1.5vw, 39px);--a-display-lg:clamp(37px, 31px + 2vw, 52px);--a-title-sm:clamp(20px, 18px + .375vw, 28px);--a-title-md:clamp(24px, 20px + .5vw, 32px);--a-title-lg:clamp(28px, 24px + 1vw, 36px);--a-heading-sm:16px;--a-heading-md:17px;--a-heading-lg:18px;--a-section-sm:16px;--a-section-md:17px;--a-section-lg:19px;--a-subsection-sm:15px;--a-subsection-md:16px;--a-subsection-lg:17px;--a-body-sm:13px;--a-body-md:14px;--a-body-lg:15px;--a-deck-sm:17px;--a-deck-md:18px;--a-deck-lg:20px;--a-caption-sm:13px;--a-caption-md:14px;--a-caption-lg:15px;--a-kicker-sm:11px;--a-kicker-md:12px;--a-kicker-lg:13px;--a-label-sm:11px;--a-label-md:12px;--a-label-lg:13px;--a-metric-sm:clamp(24px, 22px + 1vw, 34px);--a-metric-md:clamp(32px, 28px + 1.5vw, 48px);--a-metric-lg:clamp(44px, 38px + 2vw, 64px);--a-code-sm:13px;--a-code-md:14px;--a-code-lg:15px;--a-ui-px:var(--a-space-2);--a-ui-py:var(--a-space-2);--a-ui-sm:12px;--a-ui-md:13px;--a-ui-lg:14px}[scale][scale=ui-lg]{--a-inset-sm:var(--a-space-4);--a-inset-md:var(--a-space-4-5);--a-inset-lg:var(--a-space-5);--a-inset:var(--a-inset-md);--a-gap-xs:calc(var(--a-space-2) * var(--a-gap-k));--a-gap-sm:calc(var(--a-space-2-5) * var(--a-gap-k));--a-gap-md:calc(var(--a-space-3) * var(--a-gap-k));--a-gap-lg:calc(var(--a-space-3-5) * var(--a-gap-k));--a-gap-xl:calc(var(--a-space-4) * var(--a-gap-k));--a-gap:var(--a-gap-md);--a-radius-min:.25rem;--a-radius-max:1.25rem;--a-radius-xs:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-xs-k)), var(--a-radius-max));--a-radius-sm:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-sm-k)), var(--a-radius-max));--a-radius-md:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-md-k)), var(--a-radius-max));--a-radius-lg:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-lg-k)), var(--a-radius-max));--a-radius:var(--a-radius-md);--a-size-sm:calc(var(--a-density) * 1.75rem);--a-size-md:calc(var(--a-density) * 2.25rem);--a-size-lg:calc(var(--a-density) * 2.75rem);--a-size:var(--a-size-md);--a-icon-size:20px;--a-caret-size:16px;--a-toggle-size:var(--a-space-6);--a-display-sm:clamp(29px, 24px + 1.5vw, 39px);--a-display-md:clamp(37px, 31px + 2vw, 52px);--a-display-lg:clamp(44px, 38px + 2.5vw, 64px);--a-title-sm:clamp(24px, 20px + .5vw, 32px);--a-title-md:clamp(28px, 24px + 1vw, 36px);--a-title-lg:clamp(32px, 28px + 1.5vw, 44px);--a-heading-sm:17px;--a-heading-md:18px;--a-heading-lg:19px;--a-section-sm:17px;--a-section-md:19px;--a-section-lg:21px;--a-subsection-sm:16px;--a-subsection-md:17px;--a-subsection-lg:18px;--a-body-sm:14px;--a-body-md:15px;--a-body-lg:16px;--a-deck-sm:18px;--a-deck-md:20px;--a-deck-lg:22px;--a-caption-sm:14px;--a-caption-md:15px;--a-caption-lg:16px;--a-kicker-sm:12px;--a-kicker-md:13px;--a-kicker-lg:14px;--a-label-sm:12px;--a-label-md:13px;--a-label-lg:14px;--a-metric-sm:clamp(32px, 28px + 1.5vw, 48px);--a-metric-md:clamp(44px, 38px + 2vw, 64px);--a-metric-lg:clamp(52px, 44px + 2.5vw, 76px);--a-code-sm:14px;--a-code-md:15px;--a-code-lg:16px;--a-ui-px:var(--a-space-3);--a-ui-py:var(--a-space-2);--a-ui-sm:13px;--a-ui-md:14px;--a-ui-lg:16px}[scale][scale=content-sm]{--a-inset-sm:var(--a-space-6);--a-inset-md:var(--a-space-8);--a-inset-lg:var(--a-space-10);--a-inset:var(--a-inset-md);--a-gap-xs:calc(var(--a-space-3) * var(--a-gap-k));--a-gap-sm:calc(var(--a-space-4) * var(--a-gap-k));--a-gap-md:calc(var(--a-space-5) * var(--a-gap-k));--a-gap-lg:calc(var(--a-space-6) * var(--a-gap-k));--a-gap-xl:calc(var(--a-space-7) * var(--a-gap-k));--a-gap:var(--a-gap-md);--a-radius-min:.375rem;--a-radius-max:1.75rem;--a-radius-xs:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-xs-k)), var(--a-radius-max));--a-radius-sm:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-sm-k)), var(--a-radius-max));--a-radius-md:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-md-k)), var(--a-radius-max));--a-radius-lg:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-lg-k)), var(--a-radius-max));--a-radius:var(--a-radius-md);--a-size-sm:calc(var(--a-density) * 1.5rem);--a-size-md:calc(var(--a-density) * 1.875rem);--a-size-lg:calc(var(--a-density) * 2.25rem);--a-size:var(--a-size-md);--a-display-sm:clamp(20px, 18px + 1vw, 30px);--a-display-md:clamp(24px, 20px + 1.5vw, 36px);--a-display-lg:clamp(32px, 24px + 3vw, 56px);--a-title-sm:clamp(16px, 15px + .5vw, 20px);--a-title-md:clamp(18px, 16px + .75vw, 24px);--a-title-lg:clamp(24px, 20px + 1.5vw, 36px);--a-heading-sm:14px;--a-heading-md:16px;--a-heading-lg:20px;--a-section-sm:13px;--a-section-md:14px;--a-section-lg:17px;--a-subsection-sm:12px;--a-subsection-md:13px;--a-subsection-lg:15px;--a-body-sm:13px;--a-body-md:14px;--a-body-lg:16px;--a-deck-sm:14px;--a-deck-md:15px;--a-deck-lg:18px;--a-caption-sm:13px;--a-caption-md:14px;--a-caption-lg:15px;--a-kicker-sm:13px;--a-kicker-md:14px;--a-kicker-lg:15px;--a-label-sm:11px;--a-label-md:12px;--a-label-lg:13px;--a-metric-sm:clamp(16px, 14px + 1vw, 26px);--a-metric-md:clamp(20px, 16px + 1.5vw, 32px);--a-metric-lg:clamp(28px, 24px + 2vw, 48px);--a-code-sm:13px;--a-code-md:14px;--a-code-lg:15px;--a-ui-px:var(--a-space-3);--a-ui-py:var(--a-space-2);--a-ui-sm:13px;--a-ui-md:14px;--a-ui-lg:15px;--prose-max-width-sm:55ch;--prose-max-width-md:65ch;--prose-max-width-lg:75ch;--prose-max-width:var(--prose-max-width-md)}[scale][scale=content-md]{--a-inset-sm:var(--a-space-8);--a-inset-md:var(--a-space-10);--a-inset-lg:var(--a-space-12);--a-inset:var(--a-inset-md);--a-gap-xs:calc(var(--a-space-3) * var(--a-gap-k));--a-gap-sm:calc(var(--a-space-4) * var(--a-gap-k));--a-gap-md:calc(var(--a-space-5) * var(--a-gap-k));--a-gap-lg:calc(var(--a-space-6) * var(--a-gap-k));--a-gap-xl:calc(var(--a-space-7) * var(--a-gap-k));--a-gap:var(--a-gap-md);--a-radius-min:.375rem;--a-radius-max:1.75rem;--a-radius-xs:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-xs-k)), var(--a-radius-max));--a-radius-sm:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-sm-k)), var(--a-radius-max));--a-radius-md:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-md-k)), var(--a-radius-max));--a-radius-lg:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-lg-k)), var(--a-radius-max));--a-radius:var(--a-radius-md);--a-size-sm:calc(var(--a-density) * 1.75rem);--a-size-md:calc(var(--a-density) * 2.25rem);--a-size-lg:calc(var(--a-density) * 2.75rem);--a-size:var(--a-size-md);--a-display-sm:clamp(24px, 20px + 1.5vw, 36px);--a-display-md:clamp(32px, 24px + 3vw, 56px);--a-display-lg:clamp(40px, 32px + 4vw, 80px);--a-title-sm:clamp(18px, 16px + .75vw, 24px);--a-title-md:clamp(24px, 20px + 1.5vw, 36px);--a-title-lg:clamp(28px, 24px + 2vw, 48px);--a-heading-sm:16px;--a-heading-md:20px;--a-heading-lg:24px;--a-section-sm:14px;--a-section-md:17px;--a-section-lg:20px;--a-subsection-sm:13px;--a-subsection-md:15px;--a-subsection-lg:17px;--a-body-sm:14px;--a-body-md:16px;--a-body-lg:18px;--a-deck-sm:15px;--a-deck-md:18px;--a-deck-lg:20px;--a-caption-sm:14px;--a-caption-md:15px;--a-caption-lg:16px;--a-kicker-sm:14px;--a-kicker-md:15px;--a-kicker-lg:16px;--a-label-sm:12px;--a-label-md:13px;--a-label-lg:14px;--a-metric-sm:clamp(20px, 16px + 1.5vw, 32px);--a-metric-md:clamp(28px, 24px + 2vw, 48px);--a-metric-lg:clamp(40px, 32px + 4vw, 72px);--a-code-sm:14px;--a-code-md:15px;--a-code-lg:16px;--a-ui-px:var(--a-space-3);--a-ui-py:var(--a-space-2);--a-ui-sm:14px;--a-ui-md:15px;--a-ui-lg:16px;--prose-max-width-sm:55ch;--prose-max-width-md:65ch;--prose-max-width-lg:75ch;--prose-max-width:var(--prose-max-width-md)}[scale][scale=content-lg]{--a-inset-sm:var(--a-space-10);--a-inset-md:var(--a-space-12);--a-inset-lg:var(--a-space-16);--a-inset:var(--a-inset-md);--a-gap-xs:calc(var(--a-space-3) * var(--a-gap-k));--a-gap-sm:calc(var(--a-space-4) * var(--a-gap-k));--a-gap-md:calc(var(--a-space-5) * var(--a-gap-k));--a-gap-lg:calc(var(--a-space-6) * var(--a-gap-k));--a-gap-xl:calc(var(--a-space-7) * var(--a-gap-k));--a-gap:var(--a-gap-md);--a-radius-min:.375rem;--a-radius-max:1.75rem;--a-radius-xs:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-xs-k)), var(--a-radius-max));--a-radius-sm:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-sm-k)), var(--a-radius-max));--a-radius-md:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-md-k)), var(--a-radius-max));--a-radius-lg:clamp(var(--a-radius-min), calc(var(--a-radius-k) * var(--a-radius-max) * var(--a-radius-lg-k)), var(--a-radius-max));--a-radius:var(--a-radius-md);--a-size-sm:calc(var(--a-density) * 2.25rem);--a-size-md:calc(var(--a-density) * 2.75rem);--a-size-lg:calc(var(--a-density) * 3.25rem);--a-size:var(--a-size-md);--a-icon-size:20px;--a-caret-size:16px;--a-toggle-size:var(--a-space-6);--a-display-sm:clamp(32px, 24px + 3vw, 56px);--a-display-md:clamp(40px, 32px + 4vw, 80px);--a-display-lg:clamp(48px, 36px + 5vw, 96px);--a-title-sm:clamp(24px, 20px + 1.5vw, 36px);--a-title-md:clamp(28px, 24px + 2vw, 48px);--a-title-lg:clamp(34px, 28px + 2.5vw, 56px);--a-heading-sm:20px;--a-heading-md:24px;--a-heading-lg:28px;--a-section-sm:17px;--a-section-md:20px;--a-section-lg:24px;--a-subsection-sm:15px;--a-subsection-md:17px;--a-subsection-lg:19px;--a-body-sm:16px;--a-body-md:18px;--a-body-lg:20px;--a-deck-sm:18px;--a-deck-md:20px;--a-deck-lg:24px;--a-caption-sm:15px;--a-caption-md:16px;--a-caption-lg:17px;--a-kicker-sm:15px;--a-kicker-md:16px;--a-kicker-lg:17px;--a-label-sm:13px;--a-label-md:14px;--a-label-lg:15px;--a-metric-sm:clamp(28px, 24px + 2vw, 48px);--a-metric-md:clamp(40px, 32px + 4vw, 72px);--a-metric-lg:clamp(48px, 40px + 4.5vw, 88px);--a-code-sm:15px;--a-code-md:16px;--a-code-lg:17px;--a-ui-px:var(--a-space-4);--a-ui-py:var(--a-space-2);--a-ui-sm:15px;--a-ui-md:16px;--a-ui-lg:18px;--prose-max-width-sm:55ch;--prose-max-width-md:65ch;--prose-max-width-lg:75ch;--prose-max-width:var(--prose-max-width-md)}[scale][scale=ui-md]:not([size]){--a-display-size:var(--a-display-sm);--a-title-size:var(--a-title-sm);--a-heading-size:var(--a-heading-sm);--a-section-size:var(--a-section-sm);--a-subsection-size:var(--a-subsection-md);--a-body-size:var(--a-body-md);--a-deck-size:var(--a-deck-md);--a-caption-size:var(--a-caption-md);--a-kicker-size:var(--a-kicker-md);--a-label-size:var(--a-label-md);--a-metric-size:var(--a-metric-md);--a-code-size:var(--a-code-md);--a-ui-size:var(--a-ui-md)}[scale][scale=ui-sm]:not([size]),[scale][scale=ui-lg]:not([size]),[scale][scale=content-sm]:not([size]),[scale][scale=content-md]:not([size]),[scale][scale=content-lg]:not([size]){--a-display-size:var(--a-display-md);--a-title-size:var(--a-title-md);--a-heading-size:var(--a-heading-md);--a-section-size:var(--a-section-md);--a-subsection-size:var(--a-subsection-md);--a-body-size:var(--a-body-md);--a-deck-size:var(--a-deck-md);--a-caption-size:var(--a-caption-md);--a-kicker-size:var(--a-kicker-md);--a-label-size:var(--a-label-md);--a-metric-size:var(--a-metric-md);--a-code-size:var(--a-code-md);--a-ui-size:var(--a-ui-md)}[scale][scale=ui-sm][size=sm],[scale][scale=ui-sm] [size=sm]{--a-inset:var(--a-inset-sm);--a-gap:var(--a-gap-sm);--a-size:var(--a-size-sm);--a-radius:var(--a-radius-sm);--a-icon-size:14px;--a-caret-size:12px;--a-toggle-size:var(--a-space-4)}[scale][scale=ui-sm][size=lg],[scale][scale=ui-sm] [size=lg]{--a-inset:var(--a-inset-lg);--a-gap:var(--a-gap-lg);--a-size:var(--a-size-lg);--a-radius:var(--a-radius-lg);--a-icon-size:18px;--a-caret-size:16px;--a-toggle-size:var(--a-space-6)}[scale][scale=ui-md][size=sm],[scale][scale=ui-md] [size=sm]{--a-inset:var(--a-inset-sm);--a-gap:var(--a-gap-sm);--a-size:calc(var(--a-density) * 1.5rem);--a-radius:var(--a-radius-sm);--a-icon-size:.875rem;--a-caret-size:.75rem;--a-toggle-size:calc(var(--a-size-sm) - var(--a-space-2));--a-ui-px:var(--a-space-1-5)}[scale][scale=ui-md][size=lg],[scale][scale=ui-md] [size=lg]{--a-inset:var(--a-inset-lg);--a-gap:var(--a-gap-lg);--a-size:calc(var(--a-density) * 2.25rem);--a-radius:var(--a-radius-lg);--a-icon-size:1.25rem;--a-caret-size:1rem;--a-toggle-size:var(--a-size-sm);--a-ui-px:var(--a-space-3)}[scale][scale=ui-lg][size=sm],[scale][scale=ui-lg] [size=sm]{--a-inset:var(--a-inset-sm);--a-gap:var(--a-gap-sm);--a-size:var(--a-size-sm);--a-radius:var(--a-radius-sm);--a-icon-size:16px;--a-caret-size:14px;--a-toggle-size:var(--a-space-5)}[scale][scale=ui-lg][size=lg],[scale][scale=ui-lg] [size=lg]{--a-inset:var(--a-inset-lg);--a-gap:var(--a-gap-lg);--a-size:var(--a-size-lg);--a-radius:var(--a-radius-lg);--a-icon-size:24px;--a-caret-size:18px;--a-toggle-size:var(--a-space-7)}[scale][scale=content-sm][size=sm],[scale][scale=content-sm] [size=sm],[scale][scale=content-md][size=sm],[scale][scale=content-md] [size=sm]{--a-inset:var(--a-inset-sm);--a-gap:var(--a-gap-sm);--a-size:var(--a-size-sm);--a-radius:var(--a-radius-sm)}[scale][scale=content-sm][size=lg],[scale][scale=content-sm] [size=lg],[scale][scale=content-md][size=lg],[scale][scale=content-md] [size=lg]{--a-inset:var(--a-inset-lg);--a-gap:var(--a-gap-lg);--a-size:var(--a-size-lg);--a-radius:var(--a-radius-lg)}[scale][scale=content-lg][size=sm],[scale][scale=content-lg] [size=sm]{--a-inset:var(--a-inset-sm);--a-gap:var(--a-gap-sm);--a-size:var(--a-size-sm);--a-radius:var(--a-radius-sm);--a-icon-size:16px;--a-caret-size:14px;--a-toggle-size:var(--a-space-5)}[scale][scale=content-lg][size=lg],[scale][scale=content-lg] [size=lg]{--a-inset:var(--a-inset-lg);--a-gap:var(--a-gap-lg);--a-size:var(--a-size-lg);--a-radius:var(--a-radius-lg);--a-icon-size:24px;--a-caret-size:18px;--a-toggle-size:var(--a-space-7)}[scale][scale=ui-sm] avatar-ui{--avatar-size-sm:1.25rem;--avatar-size-md:1.75rem;--avatar-size-lg:2.5rem}[scale][scale=ui-sm] avatar-group-ui{--avatar-group-counter-size-sm:1.25rem;--avatar-group-counter-size-md:1.75rem;--avatar-group-counter-size-lg:2rem;--avatar-group-overlap-sm:-.3rem;--avatar-group-overlap-md:-.4rem;--avatar-group-overlap-lg:-.5rem}[scale][scale=ui-sm] adia-mark-ui{--adia-mark-size-sm:1.25rem;--adia-mark-size-md:1.75rem;--adia-mark-size-lg:2.5rem}[scale][scale=ui-sm] adia-wordmark-ui{--adia-wordmark-height-sm:.875rem;--adia-wordmark-height-md:1.125rem;--adia-wordmark-height-lg:1.5rem}[scale][scale=ui-lg] avatar-ui,[scale][scale=content-md] avatar-ui{--avatar-size-sm:2.5rem;--avatar-size-md:3.5rem;--avatar-size-lg:4.5rem}[scale][scale=ui-lg] avatar-group-ui,[scale][scale=content-md] avatar-group-ui{--avatar-group-counter-size-sm:2rem;--avatar-group-counter-size-md:3.5rem;--avatar-group-counter-size-lg:4.5rem;--avatar-group-overlap-sm:-.5rem;--avatar-group-overlap-md:-.625rem;--avatar-group-overlap-lg:-.75rem}[scale][scale=ui-lg] adia-mark-ui,[scale][scale=content-md] adia-mark-ui{--adia-mark-size-sm:2.5rem;--adia-mark-size-md:3.5rem;--adia-mark-size-lg:4.5rem}[scale][scale=ui-lg] adia-wordmark-ui,[scale][scale=content-md] adia-wordmark-ui{--adia-wordmark-height-sm:1.5rem;--adia-wordmark-height-md:2rem;--adia-wordmark-height-lg:2.75rem}[scale][scale=content-lg] avatar-ui{--avatar-size-sm:3.5rem;--avatar-size-md:4.5rem;--avatar-size-lg:5.5rem}[scale][scale=content-lg] avatar-group-ui{--avatar-group-counter-size-sm:3.5rem;--avatar-group-counter-size-md:4.5rem;--avatar-group-counter-size-lg:5.5rem;--avatar-group-overlap-sm:-.625rem;--avatar-group-overlap-md:-.75rem;--avatar-group-overlap-lg:-.875rem}[scale][scale=content-lg] adia-mark-ui{--adia-mark-size-sm:3.5rem;--adia-mark-size-md:4.5rem;--adia-mark-size-lg:5.5rem}[scale][scale=content-lg] adia-wordmark-ui{--adia-wordmark-height-sm:2rem;--adia-wordmark-height-md:2.75rem;--adia-wordmark-height-lg:3.5rem}[scale^=content-]>:is(p,ul,ol,blockquote,pre,table,dl){max-width:var(--prose-max-width)}[scale^=content-] :is(ul,ol){margin-block:.75em;padding-inline-start:1.75em}[scale^=content-] li+li{margin-block-start:.375em}[scale^=content-] blockquote{padding:var(--a-space-4) var(--a-space-6);font-size:var(--a-body-size);border-inline-start-width:4px}[scale^=content-] hr{margin-block:var(--a-space-6)}[scale^=content-] table{border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-md);overflow:hidden}[scale^=content-] th{background:var(--a-bg-muted)}[scale^=content-] pre{padding:var(--a-space-5)}[scale^=content-] img{border-radius:var(--a-radius-lg)}}";
+let _sheet = null;
+export function constructSheet() {
+  if (typeof CSSStyleSheet === 'undefined') return null; // non-DOM (SSR/Node) — link the .min.css instead
+  if (!_sheet) { _sheet = new CSSStyleSheet(); _sheet.replaceSync(css); }
+  return _sheet;
+}
+export default constructSheet;