@signal9/era-ui 30.0.1 → 30.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/era-ui.css +1 -1
- package/dist/generated-docs/button.md +32 -0
- package/dist/generated-docs/llms-full.txt +70 -1
- package/dist/generated-docs/manifest.json +5 -5
- package/dist/generated-docs/nav.md +5 -0
- package/dist/generated-docs/utilities.json +2 -2
- package/dist/generated-docs/utilities.md +33 -1
- package/dist/styles/index.css +33 -1
- package/dist/ui/button/button.svelte +45 -1
- package/dist/ui/button/button.svelte.d.ts +41 -0
- package/dist/ui/nav/nav-item.svelte +12 -1
- package/dist/ui/nav/nav-item.svelte.d.ts +8 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
## [30.1.1](https://github.com/sig-nine/era-ui/compare/v30.1.0...v30.1.1) (2026-08-16)
|
|
2
|
+
|
|
3
|
+
### Bug Fixes
|
|
4
|
+
|
|
5
|
+
* **button:** caps is a descender fix, not a case fix — and it costs a baseline ([0759f70](https://github.com/sig-nine/era-ui/commit/0759f70b0c23078e89d187c26c0b0c619d77a2ba))
|
|
6
|
+
|
|
7
|
+
## [30.1.0](https://github.com/sig-nine/era-ui/compare/v30.0.1...v30.1.0) (2026-08-16)
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **button,nav:** a caps prop, because an all-caps label is trimmed to the wrong band ([85bbe7a](https://github.com/sig-nine/era-ui/commit/85bbe7a1478913888445c97173cc0160c235f3aa))
|
|
12
|
+
|
|
1
13
|
## [30.0.1](https://github.com/sig-nine/era-ui/compare/v30.0.0...v30.0.1) (2026-08-15)
|
|
2
14
|
|
|
3
15
|
### Bug Fixes
|
package/dist/era-ui.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:var(--era-shadow);--shadow-lg:var(--era-shadow-lg);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--default-transition-duration:var(--era-duration);--default-transition-timing-function:var(--era-ease);--shadow:var(--era-shadow);--text-micro:calc(var(--era-text) * 5 / 6);--text-micro--letter-spacing:.04em;--text-lede:calc(var(--era-text) * 5 / 4);--text-lede--line-height:1.5;--text-heading:calc(var(--era-text) * 3 / 2);--text-heading--line-height:1.3;--text-heading--letter-spacing:-.01em;--text-title:calc(var(--era-text) * 2);--text-title--line-height:1.15;--text-title--letter-spacing:-.02em;--text-display:calc(var(--era-text) * 3);--text-display--line-height:1.05;--text-display--letter-spacing:-.03em;--text-body:var(--era-text);--leading-body:var(--era-leading);--radius-icon:var(--era-rd-icon);--radius-pill:var(--era-rd-pill);--radius-chip:var(--era-rd-chip);--radius-control:var(--era-rd-control);--radius-bar:var(--era-rd-bar);--radius-menu-item:var(--era-item-rd);--shadow-well:var(--era-shadow-well);--shadow-pressed:var(--era-shadow-pressed);--shadow-highlight:var(--era-highlight-shadow);--color-well:var(--era-surface-bg);--color-elevated:var(--era-surface-bg-elevated);--color-highlight:var(--era-highlight);--color-overlay:var(--era-overlay-bg);--spacing-gutter:var(--era-gap);--spacing-panel:var(--era-pad-panel);--spacing-card:var(--era-pad-card);--spacing-content:var(--era-pad-content);--spacing-menu:var(--era-panel-inset);--spacing-field:var(--era-field-px);--spacing-inset-pill:var(--era-inset-pill);--spacing-inset-chip:var(--era-inset-chip);--spacing-inset-control:var(--era-inset-control);--spacing-icon-inset-pill:var(--era-icon-inset-pill);--spacing-icon-inset-chip:var(--era-icon-inset-chip);--spacing-icon-inset-control:var(--era-icon-inset-control);--spacing-icon-inset-bar:var(--era-icon-inset-bar);--spacing-pill-inset-chip:var(--era-pill-inset-chip);--spacing-pill-inset-control:var(--era-pill-inset-control);--spacing-pill-inset-bar:var(--era-pill-inset-bar);--spacing-chip-inset-control:var(--era-chip-inset-control);--spacing-chip-inset-bar:var(--era-chip-inset-bar);--spacing-glyph-icon:var(--era-glyph-icon);--spacing-glyph-pill:var(--era-glyph-pill);--color-field:var(--era-field-bg);--color-field-highlight:var(--era-field-highlight);--ease-base:var(--era-ease);--color-divider:var(--era-divider-color);--color-divider-faded:var(--era-divider-faded);--color-background:var(--color-1);--color-foreground:var(--color-fg);--color-1:var(--color-1);--color-2:var(--color-2);--color-3:var(--color-3);--color-4:var(--color-4);--color-5:var(--color-5);--color-6:var(--color-6);--color-7:var(--color-7);--color-8:var(--color-8);--color-9:var(--color-9);--color-10:var(--color-10);--color-11:var(--color-11);--color-12:var(--color-12);--color-border:var(--color-border);--color-surface:var(--color-surface);--color-hover:var(--color-hover);--color-fg:var(--color-fg);--color-bright:var(--color-bright);--color-muted:var(--color-muted);--color-fill:var(--era-fill);--color-link:var(--color-link);--color-primary:var(--color-primary);--color-primary-fg:var(--color-primary-fg);--color-primary-hover:var(--color-primary-hover);--color-destructive:var(--color-destructive);--color-destructive-fg:var(--color-destructive-fg);--color-success:var(--color-success);--color-success-fg:var(--color-success-fg);--color-warning:var(--color-warning);--color-warning-fg:var(--color-warning-fg)}.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-icon-inset-chip{inset:var(--era-icon-inset-chip)}.inset-x-0{inset-inline:0}.inset-x-gutter{inset-inline:var(--era-gap)}.inset-x-icon-inset-chip{inset-inline:var(--era-icon-inset-chip)}.inset-y-0{inset-block:0}.inset-y-menu{inset-block:var(--era-panel-inset)}.-top-\(--era-gap\){top:calc(var(--era-gap) * -1)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.top-0{top:0}.top-1\/2{top:50%}.top-card{top:var(--era-pad-card)}.top-chip-inset-bar{top:var(--era-chip-inset-bar)}.top-full{top:100%}.top-gutter{top:var(--era-gap)}.-right-\(--era-gap\){right:calc(var(--era-gap) * -1)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.right-card{right:var(--era-pad-card)}.right-chip-inset-bar{right:var(--era-chip-inset-bar)}.right-gutter{right:var(--era-gap)}.bottom-\(--era-h-bar\){bottom:var(--era-h-bar)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[calc\(100\%\+\(var\(--era-h-bar\)-var\(--era-h-chip\)\)\/2\+var\(--era-gap\)\)\]{bottom:calc(100% + (var(--era-h-bar) - var(--era-h-chip)) / 2 + var(--era-gap))}.bottom-\[max\(var\(--era-gap\)\,env\(safe-area-inset-bottom\)\)\]{bottom:max(var(--era-gap), env(safe-area-inset-bottom))}.bottom-full{bottom:100%}.bottom-gutter{bottom:var(--era-gap)}.bottom-panel{bottom:var(--era-pad-panel)}.left-\(--era-video-hover-pct\){left:var(--era-video-hover-pct)}.left-0{left:0}.left-1\/2{left:50%}.left-card{left:var(--era-pad-card)}.left-full{left:100%}.left-menu{left:var(--era-panel-inset)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[55\]{z-index:55}.z-chrome{z-index:var(--era-z-chrome)}.z-debug{z-index:var(--era-z-debug)}.z-drawer{z-index:var(--era-z-drawer)}.z-overlay{z-index:var(--era-z-overlay)}.z-toast{z-index:var(--era-z-toast)}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-\[0\.45em\]{margin-inline:.45em}.mx-auto{margin-inline:auto}.mx-gutter{margin-inline:var(--era-gap)}.my-\[calc\(var\(--era-gap\)\/2\)\]{margin-block:calc(var(--era-gap) / 2)}.my-gutter{margin-block:var(--era-gap)}.ms-auto{margin-inline-start:auto}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-px{margin-top:-1px}.mt-\(--era-gap\){margin-top:var(--era-gap)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mt-card{margin-top:var(--era-pad-card)}.mt-content{margin-top:var(--era-pad-content)}.mt-gutter{margin-top:var(--era-gap)}.mt-inset-chip{margin-top:var(--era-inset-chip)}.mt-px{margin-top:1px}.-mr-\(--era-inset-pill\){margin-right:calc(var(--era-inset-pill) * -1)}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mb-card{margin-bottom:var(--era-pad-card)}.mb-gutter{margin-bottom:var(--era-gap)}.-ml-\(--era-inset-pill\){margin-left:calc(var(--era-inset-pill) * -1)}.ml-1{margin-left:var(--spacing)}.ml-\[calc\(var\(--era-inset-control\)\+var\(--era-h-icon\)\/2\)\]{margin-left:calc(var(--era-inset-control) + var(--era-h-icon) / 2)}.ml-auto{margin-left:auto}.ml-gutter{margin-left:var(--era-gap)}.ml-px{margin-left:1px}.scrollbar-none::-webkit-scrollbar{display:none}.era-token-ink{text-align:center;text-box:trim-both cap alphabetic;align-content:center;line-height:1;display:block}.era-label-ink{text-box:trim-both ex alphabetic;align-content:center;line-height:1;display:block}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-\(--era-h-icon\){width:var(--era-h-icon);height:var(--era-h-icon)}.size-\(--era-x\){width:var(--era-x);height:var(--era-x)}.size-0{width:0;height:0}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-1\/2{width:50%;height:50%}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-\[calc\(var\(--era-h-icon\)\*0\.75\)\]{width:calc(var(--era-h-icon) * .75);height:calc(var(--era-h-icon) * .75)}.size-full{width:100%;height:100%}.size-glyph-pill{width:var(--era-glyph-pill);height:var(--era-glyph-pill)}.size-gutter{width:var(--era-gap);height:var(--era-gap)}.size-bar{width:var(--era-h-bar);height:var(--era-h-bar)}.size-chip{width:var(--era-h-chip);height:var(--era-h-chip)}.size-control{width:var(--era-h-control);height:var(--era-h-control)}.size-icon{width:var(--era-h-icon);height:var(--era-h-icon)}.size-pill{width:var(--era-h-pill);height:var(--era-h-pill)}.h-\(--era-h-bar\){height:var(--era-h-bar)}.h-\(--era-h-control\){height:var(--era-h-control)}.h-\(--era-h-pill\){height:var(--era-h-pill)}.h-\(--era-sp\){height:var(--era-sp)}.h-\(--era-text\){height:var(--era-text)}.h-\(--era-x\){height:var(--era-x)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-96{height:calc(var(--spacing) * 96)}.h-\[0\.9em\]{height:.9em}.h-\[21px\]{height:21px}.h-\[24px\]{height:24px}.h-\[26rem\]{height:26rem}.h-\[34px\]{height:34px}.h-\[calc\(var\(--era-h-bar\)\*3\)\]{height:calc(var(--era-h-bar) * 3)}.h-\[calc\(var\(--era-sp\)\/2\)\]{height:calc(var(--era-sp) / 2)}.h-auto{height:auto}.h-bar{height:var(--era-h-bar)}.h-chip{height:var(--era-h-chip)}.h-control{height:var(--era-h-control)}.h-dvh{height:100dvh}.h-full{height:100%}.h-icon{height:var(--era-h-icon)}.h-line{height:1lh}.h-pill{height:var(--era-h-pill)}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[calc\(var\(--era-h-control\)\*8\)\]{max-height:calc(var(--era-h-control) * 8)}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-bar{min-height:var(--era-h-bar)}.min-h-chip{min-height:var(--era-h-chip)}.min-h-control{min-height:var(--era-h-control)}.min-h-icon{min-height:var(--era-h-icon)}.min-h-pill{min-height:var(--era-h-pill)}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[2px\]{width:2px}.w-\[40\%\]{width:40%}.w-\[calc\(var\(--era-h-chip\)\+var\(--era-h-icon\)\)\]{width:calc(var(--era-h-chip) + var(--era-h-icon))}.w-\[calc\(var\(--era-h-control\)\*3\)\]{width:calc(var(--era-h-control) * 3)}.w-\[min\(20rem\,85vw\)\]{width:min(20rem,85vw)}.w-auto{width:auto}.w-bar{width:var(--era-h-bar)}.w-chip{width:var(--era-h-chip)}.w-control{width:var(--era-h-control)}.w-full{width:100%}.w-icon{width:var(--era-h-icon)}.w-max{width:max-content}.w-pill{width:var(--era-h-pill)}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-32{max-width:calc(var(--spacing) * 32)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-\[40\%\]{max-width:40%}.max-w-\[45\%\]{max-width:45%}.max-w-\[65ch\]{max-width:65ch}.max-w-\[92ch\]{max-width:92ch}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--bits-combobox-anchor-width\){min-width:var(--bits-combobox-anchor-width)}.min-w-\(--bits-dropdown-menu-anchor-width\){min-width:var(--bits-dropdown-menu-anchor-width)}.min-w-\(--bits-menubar-menu-anchor-width\){min-width:var(--bits-menubar-menu-anchor-width)}.min-w-\(--bits-popover-anchor-width\){min-width:var(--bits-popover-anchor-width)}.min-w-\(--bits-select-anchor-width\){min-width:var(--bits-select-anchor-width)}.min-w-\(--era-h-control\){min-width:var(--era-h-control)}.min-w-\(--era-h-pill\){min-width:var(--era-h-pill)}.min-w-\(--era-h-…\){min-width:var(--era-h-…)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-80{min-width:calc(var(--spacing) * 80)}.min-w-\[7ch\]{min-width:7ch}.min-w-\[12ch\]{min-width:12ch}.min-w-\[18rem\]{min-width:18rem}.min-w-\[32px\]{min-width:32px}.min-w-bar{min-width:var(--era-h-bar)}.min-w-chip{min-width:var(--era-h-chip)}.min-w-control{min-width:var(--era-h-control)}.min-w-icon{min-width:var(--era-h-icon)}.min-w-md{min-width:var(--container-md)}.min-w-pill{min-width:var(--era-h-pill)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[calc\(var\(--era-h-icon\)\/2\)\]{--tw-translate-x:calc(calc(var(--era-h-icon) / 2) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[0\.08em\]{--tw-translate-y:.08em;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-25{--tw-scale-x:25%;--tw-scale-y:25%;--tw-scale-z:25%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\(--era-video-buffered-scale\){--tw-scale-x:var(--era-video-buffered-scale);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\(--era-video-played-scale\){--tw-scale-x:var(--era-video-played-scale);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.25\]{scale:.25}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-\[18deg\]{rotate:18deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.era-collapse{overflow:hidden}.era-collapse[data-state=open]{animation:era-collapse-open var(--era-duration) var(--era-ease)}.era-collapse[data-state=closed]{animation:era-collapse-close var(--era-duration) var(--era-ease)}.era-shimmer{background:linear-gradient(110deg, var(--color-muted) 0% 43%, var(--color-bright) 50%, var(--color-muted) 57% 100%);-webkit-text-fill-color:transparent;animation:era-shimmer calc(var(--era-duration) * 10) cubic-bezier(.7, 0, 1, .4) infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.animate-\[indeterminate_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite indeterminate}.animate-\[…\]{animation:…}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.era-skeleton-pulse{animation:era-skeleton-pulse calc(var(--era-duration) * 10) var(--era-ease) infinite}.era-interactive:focus{outline:none}.era-interactive:disabled{cursor:not-allowed;opacity:.5}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-nesw-resize{cursor:nesw-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scrollbar-none{scrollbar-width:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0\.5rem_minmax\(3rem\,4\.5rem\)_minmax\(2\.25rem\,3\.5rem\)_1fr\]{grid-template-columns:.5rem minmax(3rem,4.5rem) minmax(2.25rem,3.5rem) 1fr}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,auto\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr)}.grid-cols-\[repeat\(auto-fill\,minmax\(19rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(calc\(var\(--era-h-bar\)\*6\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(calc(var(--era-h-bar) * 6),1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\[gap\:inherit\]{gap:inherit}.gap-\(--era-gap\){gap:var(--era-gap)}.gap-\(--era-inset-md\){gap:var(--era-inset-md)}.gap-\(--era-sp\){gap:var(--era-sp)}.gap-\(--t-inset-md\){gap:var(--t-inset-md)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[calc\(var\(--era-gap\)\*2\)\]{gap:calc(var(--era-gap) * 2)}.gap-\[inherit\]{gap:inherit}.gap-card{gap:var(--era-pad-card)}.gap-chip-inset-bar{gap:var(--era-chip-inset-bar)}.gap-chip-inset-control{gap:var(--era-chip-inset-control)}.gap-content{gap:var(--era-pad-content)}.gap-field{gap:var(--era-field-px)}.gap-glyph-icon{gap:var(--era-glyph-icon)}.gap-glyph-pill{gap:var(--era-glyph-pill)}.gap-gutter{gap:var(--era-gap)}.gap-icon-inset-bar{gap:var(--era-icon-inset-bar)}.gap-icon-inset-chip{gap:var(--era-icon-inset-chip)}.gap-icon-inset-control{gap:var(--era-icon-inset-control)}.gap-icon-inset-pill{gap:var(--era-icon-inset-pill)}.gap-inset-chip{gap:var(--era-inset-chip)}.gap-inset-control{gap:var(--era-inset-control)}.gap-inset-pill{gap:var(--era-inset-pill)}.gap-menu{gap:var(--era-panel-inset)}.gap-panel{gap:var(--era-pad-panel)}.gap-pill-inset-bar{gap:var(--era-pill-inset-bar)}.gap-pill-inset-chip{gap:var(--era-pill-inset-chip)}.gap-pill-inset-control{gap:var(--era-pill-inset-control)}.gap-x-content{column-gap:var(--era-pad-content)}.gap-x-inset-chip{column-gap:var(--era-inset-chip)}.gap-x-inset-control{column-gap:var(--era-inset-control)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-gutter{row-gap:var(--era-gap)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-center{justify-self:center}.truncate{text-box:normal;text-overflow:ellipsis;white-space:nowrap;line-height:normal;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.\[border-radius\:calc\(var\(--era-rd-bar\)\+var\(--era-gap\)\)\]{border-radius:calc(var(--era-rd-bar) + var(--era-gap))}.rounded{border-radius:.25rem}.rounded-\(--era-item-rd\){border-radius:var(--era-item-rd)}.rounded-\(--era-rd-bar\){border-radius:var(--era-rd-bar)}.rounded-\(--era-rd-control\){border-radius:var(--era-rd-control)}.rounded-\(--era-rd-pill\){border-radius:var(--era-rd-pill)}.rounded-\(--era-x\){border-radius:var(--era-x)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[4px\]{border-radius:4px}.rounded-bar{border-radius:var(--era-rd-bar)}.rounded-chip{border-radius:var(--era-rd-chip)}.rounded-control{border-radius:var(--era-rd-control)}.rounded-full{border-radius:3.40282e38px}.rounded-icon{border-radius:var(--era-rd-icon)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-menu-item{border-radius:var(--era-item-rd)}.rounded-none{border-radius:0}.rounded-pill{border-radius:var(--era-rd-pill)}.rounded-row{border-radius:max(0px, calc(var(--era-container-rd,var(--era-rd-control)) - var(--era-gap)))}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-top-right-radius:var(--sheet-rd)}.rounded-t-bar{border-top-left-radius:var(--era-rd-bar);border-top-right-radius:var(--era-rd-bar)}.rounded-t-control{border-top-left-radius:var(--era-rd-control);border-top-right-radius:var(--era-rd-control)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-\(--sheet-rd\){border-top-right-radius:var(--sheet-rd);border-bottom-right-radius:var(--sheet-rd)}.rounded-b-\(--sheet-rd\){border-bottom-right-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.rounded-b-bar{border-bottom-right-radius:var(--era-rd-bar);border-bottom-left-radius:var(--era-rd-bar)}.rounded-b-control{border-bottom-right-radius:var(--era-rd-control);border-bottom-left-radius:var(--era-rd-control)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-7\){border-color:var(--color-7)}.border-1{border-color:var(--color-1)}.border-2{border-color:var(--color-2)}.border-3{border-color:var(--color-3)}.border-4{border-color:var(--color-4)}.border-5{border-color:var(--color-5)}.border-6{border-color:var(--color-6)}.border-7{border-color:var(--color-7)}.border-8{border-color:var(--color-8)}.border-9{border-color:var(--color-9)}.border-10{border-color:var(--color-10)}.border-11{border-color:var(--color-11)}.border-12{border-color:var(--color-12)}.border-background{border-color:var(--color-1)}.border-border{border-color:var(--color-border)}.border-bright{border-color:var(--color-bright)}.border-destructive{border-color:var(--color-destructive)}.border-destructive-fg{border-color:var(--color-destructive-fg)}.border-divider{border-color:var(--era-divider-color)}.border-divider-faded{border-color:var(--era-divider-faded)}.border-elevated{border-color:var(--era-surface-bg-elevated)}.border-fg{border-color:var(--color-fg)}.border-field{border-color:var(--era-field-bg)}.border-field-highlight{border-color:var(--era-field-highlight)}.border-fill{border-color:var(--era-fill)}.border-foreground{border-color:var(--color-fg)}.border-highlight{border-color:var(--era-highlight)}.border-hover{border-color:var(--color-hover)}.border-link{border-color:var(--color-link)}.border-muted{border-color:var(--color-muted)}.border-overlay{border-color:var(--era-overlay-bg)}.border-primary{border-color:var(--color-primary)}.border-primary-fg{border-color:var(--color-primary-fg)}.border-primary-hover{border-color:var(--color-primary-hover)}.border-success{border-color:var(--color-success)}.border-success-fg{border-color:var(--color-success-fg)}.border-surface{border-color:var(--color-surface)}.border-warning{border-color:var(--color-warning)}.border-warning-fg{border-color:var(--color-warning-fg)}.border-well{border-color:var(--era-surface-bg)}.border-s-2{border-inline-start-color:var(--color-2)}.bg-\(--color-1\){background-color:var(--color-1)}.bg-\(--color-destructive\){background-color:var(--color-destructive)}.bg-\(--color-success\){background-color:var(--color-success)}.bg-\(--era-highlight\){background-color:var(--era-highlight)}.bg-\(--era-surface-bg\){background-color:var(--era-surface-bg)}.bg-\(--era-surface-bg-elevated\){background-color:var(--era-surface-bg-elevated)}.bg-\(--era-x\){background-color:var(--era-x)}.bg-1{background-color:var(--color-1)}.bg-2{background-color:var(--color-2)}.bg-3{background-color:var(--color-3)}.bg-4{background-color:var(--color-4)}.bg-5{background-color:var(--color-5)}.bg-6{background-color:var(--color-6)}.bg-7{background-color:var(--color-7)}.bg-8{background-color:var(--color-8)}.bg-9{background-color:var(--color-9)}.bg-10{background-color:var(--color-10)}.bg-11{background-color:var(--color-11)}.bg-12{background-color:var(--color-12)}.bg-\[\#fff\]{background-color:#fff}.bg-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{background-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{background-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}.bg-\[var\(--era-x\)\]{background-color:var(--era-x)}.bg-background{background-color:var(--color-1)}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border{background-color:var(--color-border)}.bg-bright{background-color:var(--color-bright)}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--color-destructive)}.bg-destructive-fg{background-color:var(--color-destructive-fg)}.bg-divider{background-color:var(--era-divider-color)}.bg-divider-faded{background-color:var(--era-divider-faded)}.bg-elevated{background-color:var(--era-surface-bg-elevated)}.bg-fg,.bg-fg\/30{background-color:var(--color-fg)}@supports (color:color-mix(in lab, red, red)){.bg-fg\/30{background-color:color-mix(in oklab, var(--color-fg) 30%, transparent)}}.bg-field{background-color:var(--era-field-bg)}.bg-field-highlight{background-color:var(--era-field-highlight)}.bg-fill{background-color:var(--era-fill)}.bg-foreground{background-color:var(--color-fg)}.bg-highlight{background-color:var(--era-highlight)}.bg-hover{background-color:var(--color-hover)}.bg-link{background-color:var(--color-link)}.bg-muted,.bg-muted\/80{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/80{background-color:color-mix(in oklab, var(--color-muted) 80%, transparent)}}.bg-overlay{background-color:var(--era-overlay-bg)}.bg-primary{background-color:var(--color-primary)}.bg-primary-fg{background-color:var(--color-primary-fg)}.bg-primary-hover{background-color:var(--color-primary-hover)}.bg-success{background-color:var(--color-success)}.bg-success-fg{background-color:var(--color-success-fg)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-warning-fg{background-color:var(--color-warning-fg)}.bg-well{background-color:var(--era-surface-bg)}.bg-white{background-color:var(--color-white)}.\[background-image\:radial-gradient\(var\(--color-3\)_1px\,transparent_1px\)\]{background-image:radial-gradient(var(--color-3) 1px,transparent 1px)}.\[background-size\:14px_14px\]{background-size:14px 14px}.\[background-position\:center\]{background-position:50%}.fill-\(--color-primary\){fill:var(--color-primary)}.fill-current{fill:currentColor}.fill-warning{fill:var(--color-warning)}.object-cover{object-fit:cover}.p-section{padding:var(--era-pad-content);padding-top:max(0px, calc(var(--era-pad-content) - (var(--era-h-bar) - var(--era-text)) / 2))}.p-\(--era-gap\){padding:var(--era-gap)}.p-\(--era-pad-card\){padding:var(--era-pad-card)}.p-\(--era-pad-content\){padding:var(--era-pad-content)}.p-\(--era-panel-inset\){padding:var(--era-panel-inset)}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-\[8px\]{padding:8px}.p-card{padding:var(--era-pad-card)}.p-chip-inset-bar{padding:var(--era-chip-inset-bar)}.p-chip-inset-control{padding:var(--era-chip-inset-control)}.p-content{padding:var(--era-pad-content)}.p-field{padding:var(--era-field-px)}.p-glyph-icon{padding:var(--era-glyph-icon)}.p-glyph-pill{padding:var(--era-glyph-pill)}.p-gutter{padding:var(--era-gap)}.p-icon-inset-bar{padding:var(--era-icon-inset-bar)}.p-icon-inset-chip{padding:var(--era-icon-inset-chip)}.p-icon-inset-control{padding:var(--era-icon-inset-control)}.p-icon-inset-pill{padding:var(--era-icon-inset-pill)}.p-inset-chip{padding:var(--era-inset-chip)}.p-inset-control{padding:var(--era-inset-control)}.p-inset-pill{padding:var(--era-inset-pill)}.p-menu{padding:var(--era-panel-inset)}.p-panel{padding:var(--era-pad-panel)}.p-pill-inset-bar{padding:var(--era-pill-inset-bar)}.p-pill-inset-chip{padding:var(--era-pill-inset-chip)}.p-pill-inset-control{padding:var(--era-pill-inset-control)}.p-px{padding:1px}.px-\(--era-field-px\){padding-inline:var(--era-field-px)}.px-\(--era-gap\){padding-inline:var(--era-gap)}.px-\(--era-inset-control\){padding-inline:var(--era-inset-control)}.px-\(--era-inset-pill\){padding-inline:var(--era-inset-pill)}.px-\(--era-pill-px\){padding-inline:var(--era-pill-px)}.px-\(--era-sp\){padding-inline:var(--era-sp)}.px-\(--era-x\){padding-inline:var(--era-x)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-\[calc\(var\(--era-sp\)\/2\)\]{padding-inline:calc(var(--era-sp) / 2)}.px-card{padding-inline:var(--era-pad-card)}.px-chip{padding-inline:var(--era-chip-px)}.px-chip-inset-bar{padding-inline:var(--era-chip-inset-bar)}.px-chip-inset-control{padding-inline:var(--era-chip-inset-control)}.px-content{padding-inline:var(--era-pad-content)}.px-field{padding-inline:var(--era-field-px)}.px-glyph-icon{padding-inline:var(--era-glyph-icon)}.px-glyph-pill{padding-inline:var(--era-glyph-pill)}.px-gutter{padding-inline:var(--era-gap)}.px-icon-inset-bar{padding-inline:var(--era-icon-inset-bar)}.px-icon-inset-chip{padding-inline:var(--era-icon-inset-chip)}.px-icon-inset-control{padding-inline:var(--era-icon-inset-control)}.px-icon-inset-pill{padding-inline:var(--era-icon-inset-pill)}.px-inset-chip{padding-inline:var(--era-inset-chip)}.px-inset-control{padding-inline:var(--era-inset-control)}.px-inset-pill{padding-inline:var(--era-inset-pill)}.px-menu{padding-inline:var(--era-panel-inset)}.px-panel{padding-inline:var(--era-pad-panel)}.px-pill{padding-inline:var(--era-pill-px)}.px-pill-inset-bar{padding-inline:var(--era-pill-inset-bar)}.px-pill-inset-chip{padding-inline:var(--era-pill-inset-chip)}.px-pill-inset-control{padding-inline:var(--era-pill-inset-control)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-\[calc\(\(var\(--era-h-control\)-1lh\)\/2\)\]{padding-block:calc((var(--era-h-control) - 1lh) / 2)}.py-\[calc\(var\(--era-pad-content\)\*2\)\]{padding-block:calc(var(--era-pad-content) * 2)}.py-\[calc\(var\(--era-sp\)\*4\)\]{padding-block:calc(var(--era-sp) * 4)}.py-card{padding-block:var(--era-pad-card)}.py-chip-inset-bar{padding-block:var(--era-chip-inset-bar)}.py-chip-inset-control{padding-block:var(--era-chip-inset-control)}.py-content{padding-block:var(--era-pad-content)}.py-field{padding-block:var(--era-field-px)}.py-glyph-icon{padding-block:var(--era-glyph-icon)}.py-glyph-pill{padding-block:var(--era-glyph-pill)}.py-gutter{padding-block:var(--era-gap)}.py-icon-inset-bar{padding-block:var(--era-icon-inset-bar)}.py-icon-inset-chip{padding-block:var(--era-icon-inset-chip)}.py-icon-inset-control{padding-block:var(--era-icon-inset-control)}.py-icon-inset-pill{padding-block:var(--era-icon-inset-pill)}.py-inset-chip{padding-block:var(--era-inset-chip)}.py-inset-control{padding-block:var(--era-inset-control)}.py-inset-pill{padding-block:var(--era-inset-pill)}.py-menu{padding-block:var(--era-panel-inset)}.py-panel{padding-block:var(--era-pad-panel)}.py-pill-inset-bar{padding-block:var(--era-pill-inset-bar)}.py-pill-inset-chip{padding-block:var(--era-pill-inset-chip)}.py-pill-inset-control{padding-block:var(--era-pill-inset-control)}.ps-field{padding-inline-start:var(--era-field-px)}.ps-gutter{padding-inline-start:var(--era-gap)}.ps-panel{padding-inline-start:var(--era-pad-panel)}.pe-chip-inset-control{padding-inline-end:var(--era-chip-inset-control)}.pt-0{padding-top:0}.pt-content{padding-top:var(--era-pad-content)}.pt-gutter{padding-top:var(--era-gap)}.pt-inset-chip{padding-top:var(--era-inset-chip)}.pr-0{padding-right:0}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-\[calc\(var\(--era-chip-inset-bar\)\+var\(--era-h-chip\)\+var\(--era-field-px\)\)\]{padding-right:calc(var(--era-chip-inset-bar) + var(--era-h-chip) + var(--era-field-px))}.pr-chip{padding-right:var(--era-chip-px)}.pr-icon-inset-control{padding-right:var(--era-icon-inset-control)}.pr-inset-control{padding-right:var(--era-inset-control)}.pr-panel{padding-right:var(--era-pad-panel)}.pr-pill{padding-right:var(--era-pill-px)}.pr-pill-inset-chip{padding-right:var(--era-pill-inset-chip)}.pr-pill-inset-control{padding-right:var(--era-pill-inset-control)}.era-ink-center{padding-bottom:.08em}.pb-\(--era-sp\){padding-bottom:var(--era-sp)}.pb-content{padding-bottom:var(--era-pad-content)}.pb-gutter{padding-bottom:var(--era-gap)}.pb-inset-chip{padding-bottom:var(--era-inset-chip)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-\[calc\(var\(--era-inset-control\)\+var\(--era-h-icon\)\+var\(--era-gap\)\)\]{padding-left:calc(var(--era-inset-control) + var(--era-h-icon) + var(--era-gap))}.pl-chip{padding-left:var(--era-chip-px)}.pl-gutter{padding-left:var(--era-gap)}.pl-inset-control{padding-left:var(--era-inset-control)}.pl-pill{padding-left:var(--era-pill-px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-display{font-size:calc(var(--era-text) * 3);line-height:var(--tw-leading,1.05);letter-spacing:var(--tw-tracking,-.03em)}.text-heading{font-size:calc(var(--era-text) * 3 / 2);line-height:var(--tw-leading,1.3);letter-spacing:var(--tw-tracking,-.01em)}.text-title{font-size:calc(var(--era-text) * 2);line-height:var(--tw-leading,1.15);letter-spacing:var(--tw-tracking,-.02em)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lede{font-size:calc(var(--era-text) * 5 / 4);line-height:var(--tw-leading,1.5)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-micro{font-size:calc(var(--era-text) * 5 / 6);letter-spacing:var(--tw-tracking,.04em)}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[13px\]{font-size:13px}.text-\[length\:var\(--era-text\)\],.text-body{font-size:var(--era-text)}.text-title--letter-spacing{font-size:-.02em}.era-text-trim{text-box:trim-both ex alphabetic;line-height:1}.era-text-trim-caps{text-box:trim-both cap alphabetic;line-height:1}.leading-\(--era-h-bar\){--tw-leading:var(--era-h-bar);line-height:var(--era-h-bar)}.leading-\(--era-h-control\){--tw-leading:var(--era-h-control);line-height:var(--era-h-control)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-body{--tw-leading:var(--era-leading);line-height:var(--era-leading)}.leading-none{--tw-leading:1;line-height:1}.\[line-height\:inherit\]{line-height:inherit}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.era-link{color:var(--color-link);text-decoration-line:underline;text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.era-link{-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);text-decoration-color:color-mix(in oklch, currentColor 30%, transparent)}}.era-link{text-underline-offset:.2em;transition:text-decoration-color var(--era-duration) var(--era-ease)}.era-link:hover,.era-link:focus-visible{text-decoration-color:currentColor}.text-\(--color-destructive\){color:var(--color-destructive)}.text-1{color:var(--color-1)}.text-2{color:var(--color-2)}.text-3{color:var(--color-3)}.text-4{color:var(--color-4)}.text-5{color:var(--color-5)}.text-6{color:var(--color-6)}.text-7{color:var(--color-7)}.text-8{color:var(--color-8)}.text-9{color:var(--color-9)}.text-10{color:var(--color-10)}.text-11{color:var(--color-11)}.text-12{color:var(--color-12)}.text-background{color:var(--color-1)}.text-border{color:var(--color-border)}.text-bright{color:var(--color-bright)}.text-destructive{color:var(--color-destructive)}.text-destructive-fg{color:var(--color-destructive-fg)}.text-divider{color:var(--era-divider-color)}.text-divider-faded{color:var(--era-divider-faded)}.text-elevated{color:var(--era-surface-bg-elevated)}.text-fg{color:var(--color-fg)}.text-field{color:var(--era-field-bg)}.text-field-highlight{color:var(--era-field-highlight)}.text-fill{color:var(--era-fill)}.text-foreground{color:var(--color-fg)}.text-highlight{color:var(--era-highlight)}.text-hover{color:var(--color-hover)}.text-link{color:var(--color-link)}.text-muted,.text-muted\/60{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.text-muted\/60{color:color-mix(in oklab, var(--color-muted) 60%, transparent)}}.text-overlay{color:var(--era-overlay-bg)}.text-primary{color:var(--color-primary)}.text-primary-fg{color:var(--color-primary-fg)}.text-primary-hover{color:var(--color-primary-hover)}.text-success{color:var(--color-success)}.text-success-fg{color:var(--color-success-fg)}.text-surface{color:var(--color-surface)}.text-transparent{color:#0000}.text-warning{color:var(--color-warning)}.text-warning-fg{color:var(--color-warning-fg)}.text-well{color:var(--era-surface-bg)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.\[text-decoration-color\:currentColor\]{text-decoration-color:currentColor}.decoration-muted{-webkit-text-decoration-color:var(--color-muted);-webkit-text-decoration-color:var(--color-muted);text-decoration-color:var(--color-muted)}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-fg{caret-color:var(--color-fg)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-95{opacity:.95}.opacity-100{opacity:1}.shadow,.shadow-\(--era-shadow\){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-lg\){--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-pressed\){--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-well\){--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-x\){--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 -.5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 .5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_0\.5px_var\(--color-border\)\,var\(--era-shadow\)\]{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--color-border)), var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--era-x\)\]{--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-highlight{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-pressed{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-well{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/chisel{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:0_1px_0_var\(--color-divider-faded\)\]{box-shadow:0 1px 0 var(--color-divider-faded)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-\[0\.5px\]{outline-style:var(--tw-outline-style);outline-width:.5px}.outline-\[1px\]{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px * -1)}.outline-1{outline-color:var(--color-1)}.outline-black\/10{outline-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.outline-black\/10{outline-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.outline-destructive,.outline-destructive\/60{outline-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.outline-destructive\/60{outline-color:color-mix(in oklab, var(--color-destructive) 60%, transparent)}}.outline-divider{outline-color:var(--era-divider-color)}.outline-primary\/40{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/40{outline-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.outline-primary\/50{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/50{outline-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.outline-white\/10{outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[4px\]{--tw-blur:blur(4px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-none{--tw-blur: ;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xs{--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}[data-surface=glass] .glass-blur{-webkit-backdrop-filter:blur(var(--era-blur)) saturate(var(--era-saturate))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[box-shadow\,opacity\]{transition-property:box-shadow,opacity;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[opacity\,filter\,scale\]{transition-property:opacity,filter,scale;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[opacity\,scale\,filter\]{transition-property:opacity,scale,filter;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[scale\,background-color\]{transition-property:scale,background-color;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[scale\,opacity\,filter\]{transition-property:scale,opacity,filter;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.duration-\(--era-duration\){--tw-duration:var(--era-duration);transition-duration:var(--era-duration)}.duration-\(--era-x\){--tw-duration:var(--era-x);transition-duration:var(--era-x)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[250ms\]{--tw-duration:.25s;transition-duration:.25s}.duration-base{transition-duration:var(--era-duration)}.ease-\(--era-ease\),.ease-base{--tw-ease:var(--era-ease);transition-timing-function:var(--era-ease)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.\[contain\:layout_style\]{contain:layout style}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[--era-container-rd\:var\(--era-rd-bar\)\]{--era-container-rd:var(--era-rd-bar)}.\[--era-container-rd\:var\(--era-rd-control\)\]{--era-container-rd:var(--era-rd-control)}.\[--era-container-rd\:…\]{--era-container-rd:…}.\[--sheet-rd\:var\(--era-rd-bar\)\]{--sheet-rd:var(--era-rd-bar)}.\[--sheet-rd\:var\(--era-rd-control\)\]{--sheet-rd:var(--era-rd-control)}.\[animation-duration\:calc\(var\(--era-duration\)\*8\)\]{animation-duration:calc(var(--era-duration) * 8)}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[text-box\:normal\]{text-box:normal}.not-has-\[svg\]\:era-token-ink:not(:has(:is(svg))){text-align:center;text-box:trim-both cap alphabetic;align-content:center;line-height:1;display:block}.not-has-\[svg\]\:era-label-ink:not(:has(:is(svg))){text-box:trim-both ex alphabetic;align-content:center;line-height:1;display:block}.not-has-\[svg\]\:text-center:not(:has(:is(svg))){text-align:center}@media (hover:hover){.group-hover\/att\:opacity-100:is(:where(.group\/att):hover *),.group-hover\/message\:opacity-100:is(:where(.group\/message):hover *){opacity:1}.group-hover\/row\:flex:is(:where(.group\/row):hover *){display:flex}.group-hover\/row\:hidden:is(:where(.group\/row):hover *){display:none}.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}}.group-data-\[role\=user\]\/message\:max-w-\[80\%\]:is(:where(.group\/message)[data-role=user] *){max-width:80%}.group-data-\[role\=user\]\/message\:rounded-control:is(:where(.group\/message)[data-role=user] *){border-radius:var(--era-rd-control)}.group-data-\[role\=user\]\/message\:bg-elevated:is(:where(.group\/message)[data-role=user] *){background-color:var(--era-surface-bg-elevated)}.group-data-\[role\=user\]\/message\:p-panel:is(:where(.group\/message)[data-role=user] *){padding:var(--era-pad-panel)}.group-data-\[role\=user\]\/message\:whitespace-pre-wrap:is(:where(.group\/message)[data-role=user] *){white-space:pre-wrap}.group-data-\[role\=user\]\/message\:shadow-sm:is(:where(.group\/message)[data-role=user] *){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[state\=checked\]\/radio\:bg-fg:is(:where(.group\/radio)[data-state=checked] *){background-color:var(--color-fg)}.group-data-\[state\=open\]\/error\:rotate-180:is(:where(.group\/error)[data-state=open] *),.group-data-\[state\=open\]\/step\:rotate-180:is(:where(.group\/step)[data-state=open] *){rotate:180deg}.group-data-\[state\=open\]\/todo\:hidden:is(:where(.group\/todo)[data-state=open] *){display:none}.placeholder\:text-muted::placeholder{color:var(--color-muted)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-\[-13px\]:after{content:var(--tw-content);inset:-13px}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:size-11:after{content:var(--tw-content);width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.after\:-translate-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:rounded-l-control:first-child{border-top-left-radius:var(--era-rd-control);border-bottom-left-radius:var(--era-rd-control)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:rounded-r-control:last-child{border-top-right-radius:var(--era-rd-control);border-bottom-right-radius:var(--era-rd-control)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:bg-\(--era-highlight\):focus-within{background-color:var(--era-highlight)}.focus-within\:bg-field-highlight:focus-within{background-color:var(--era-field-highlight)}.focus-within\:bg-highlight:focus-within{background-color:var(--era-highlight)}.focus-within\:opacity-100:focus-within{opacity:1}.focus-within\:shadow-well:focus-within{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:h-\[24px\]:hover{height:24px}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-\(--era-highlight\):hover{background-color:var(--era-highlight)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-destructive:hover{background-color:var(--color-destructive)}.hover\:bg-field:hover{background-color:var(--era-field-bg)}.hover\:bg-field-highlight:hover{background-color:var(--era-field-highlight)}.hover\:bg-highlight:hover{background-color:var(--era-highlight)}.hover\:bg-hover:hover{background-color:var(--color-hover)}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-success:hover{background-color:var(--color-success)}.hover\:bg-warning:hover{background-color:var(--color-warning)}.hover\:text-bright:hover{color:var(--color-bright)}.hover\:text-destructive-fg:hover{color:var(--color-destructive-fg)}.hover\:text-fg:hover{color:var(--color-fg)}.hover\:text-success-fg:hover{color:var(--color-success-fg)}.hover\:text-warning-fg:hover{color:var(--color-warning-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-bright:hover{-webkit-text-decoration-color:var(--color-bright);-webkit-text-decoration-color:var(--color-bright);text-decoration-color:var(--color-bright)}.hover\:shadow-\(--era-highlight-shadow\):hover{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\(--era-shadow-pressed\):hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-highlight:hover{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-pressed:hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-well:hover{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:duration-75:hover{--tw-duration:75ms;transition-duration:75ms}}.focus\:bg-field-highlight:focus{background-color:var(--era-field-highlight)}.focus\:bg-highlight:focus{background-color:var(--era-highlight)}.focus\:bg-hover:focus{background-color:var(--color-hover)}.focus\:text-bright:focus{color:var(--color-bright)}.focus\:shadow-well:focus{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-highlight:focus-visible{background-color:var(--era-highlight)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-fg:focus-visible{outline-color:var(--color-fg)}.active\:scale-\[0\.96\]:active{scale:.96}.active\:shadow-\(--era-shadow-pressed\):active,.active\:shadow-pressed:active{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:not-disabled\:scale-\[0\.96\]:active:not(:disabled){scale:.96}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled,.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-rail\]\:hover\]\:bg-transparent:has([data-rail]:hover){background-color:#0000}.has-\[\[data-rail\]\:hover\]\:shadow-none:has([data-rail]:hover){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[button\:hover\]\:bg-\(--era-surface-bg-elevated\):has(:is(button:hover)){background-color:var(--era-surface-bg-elevated)}.has-\[button\:hover\]\:bg-field:has(:is(button:hover)){background-color:var(--era-field-bg)}.has-\[svg\]\:gap-inset-chip:has(:is(svg)){gap:var(--era-inset-chip)}.has-\[svg\]\:gap-inset-control:has(:is(svg)){gap:var(--era-inset-control)}.has-\[svg\]\:gap-inset-pill:has(:is(svg)){gap:var(--era-inset-pill)}.aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-\[current\=page\]\:bg-fill[aria-current=page]{background-color:var(--era-fill)}.aria-\[current\=page\]\:text-bright[aria-current=page]{color:var(--color-bright)}.aria-\[current\=page\]\:\[text-decoration-color\:currentColor\][aria-current=page]{text-decoration-color:currentColor}.aria-\[current\=page\]\:decoration-2[aria-current=page]{text-decoration-thickness:2px}.aria-\[current\=page\]\:shadow-pressed[aria-current=page]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.aria-\[current\=page\]\:hover\:shadow-pressed[aria-current=page]:hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.aria-\[valuetext\=Empty\]\:text-muted[aria-valuetext=Empty]{color:var(--color-muted)}.data-\[active\]\:scale-\[0\.96\][data-active]{scale:.96}.data-\[active\]\:bg-highlight[data-active]{background-color:var(--era-highlight)}.data-\[active\]\:text-fg[data-active]{color:var(--color-fg)}.data-\[bounded\]\:bg-elevated[data-bounded]{background-color:var(--era-surface-bg-elevated)}.data-\[bounded\]\:text-fg[data-bounded]{color:var(--color-fg)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[dragging\]\:bg-highlight[data-dragging]{background-color:var(--era-highlight)}.data-\[dragging\]\:text-bright[data-dragging]{color:var(--color-bright)}.data-\[highlighted\]\:bg-\(--era-highlight\)[data-highlighted],.data-\[highlighted\]\:bg-highlight[data-highlighted]{background-color:var(--era-highlight)}.data-\[highlighted\]\:bg-hover[data-highlighted]{background-color:var(--color-hover)}.data-\[highlighted\]\:shadow-highlight[data-highlighted]{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[invalid\]\:text-destructive[data-invalid]{color:var(--color-destructive)}.data-\[orientation\=horizontal\]\:mx-gutter[data-orientation=horizontal]{margin-inline:var(--era-gap)}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal]{flex-direction:row}.data-\[orientation\=vertical\]\:my-gutter[data-orientation=vertical]{margin-block:var(--era-gap)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[orientation\=vertical\]\:self-stretch[data-orientation=vertical]{align-self:stretch}.data-\[outside-month\]\:pointer-events-none[data-outside-month]{pointer-events:none}.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:color-mix(in oklab, var(--color-muted) 40%, transparent)}}.data-\[range-end\]\:bg-primary[data-range-end]{background-color:var(--color-primary)}.data-\[range-end\]\:text-primary-fg[data-range-end]{color:var(--color-primary-fg)}.data-\[range-start\]\:bg-primary[data-range-start]{background-color:var(--color-primary)}.data-\[range-start\]\:text-primary-fg[data-range-start]{color:var(--color-primary-fg)}.data-\[segment\=literal\]\:text-muted[data-segment=literal]{color:var(--color-muted)}.data-\[selected\]\:bg-fill[data-selected]{background-color:var(--era-fill)}.data-\[selected\]\:bg-highlight[data-selected]{background-color:var(--era-highlight)}.data-\[selected\]\:bg-hover[data-selected]{background-color:var(--color-hover)}.data-\[selected\]\:text-bright[data-selected]{color:var(--color-bright)}.data-\[side\=bottom\]\:rounded-t-none[data-side=bottom]{border-top-left-radius:0;border-top-right-radius:0}.data-\[side\=top\]\:rounded-b-none[data-side=top]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=active\]\:bg-hover[data-state=active]{background-color:var(--color-hover)}.data-\[state\=active\]\:text-bright[data-state=active]{color:var(--color-bright)}.data-\[state\=checked\]\:translate-x-\[calc\(var\(--era-h-icon\)\/2\)\][data-state=checked]{--tw-translate-x:calc(var(--era-h-icon) / 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-2[data-state=checked]{background-color:var(--color-2)}.data-\[state\=checked\]\:bg-fg[data-state=checked]{background-color:var(--color-fg)}.data-\[state\=checked\]\:text-primary[data-state=checked]{color:var(--color-primary)}.data-\[state\=hidden\]\:opacity-0[data-state=hidden]{opacity:0}.data-\[state\=on\]\:bg-fill[data-state=on]{background-color:var(--era-fill)}.data-\[state\=on\]\:text-bright[data-state=on]{color:var(--color-bright)}.data-\[state\=on\]\:shadow-pressed[data-state=on]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.data-\[state\=on\]\:hover\:shadow-pressed[data-state=on]:hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.data-\[state\=open\]\:rounded-b-none[data-state=open]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=open\]\:bg-hover[data-state=open]{background-color:var(--color-hover)}.data-\[state\=open\]\:text-fg[data-state=open]{color:var(--color-fg)}.data-\[state\=open\]\:shadow-pressed[data-state=open]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=visible\]\:opacity-100[data-state=visible]{opacity:1}.data-\[unavailable\]\:text-muted[data-unavailable]{color:var(--color-muted)}.data-\[unavailable\]\:line-through[data-unavailable]{text-decoration-line:line-through}.data-\[variant\=cells\]\:border-separate[data-variant=cells]{border-collapse:separate}.data-\[variant\=cells\]\:border-spacing-\(--era-gap\)[data-variant=cells]{--tw-border-spacing-x:var(--era-gap);--tw-border-spacing-y:var(--era-gap);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.data-\[variant\=default\]\:border-collapse[data-variant=default]{border-collapse:collapse}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:var(--animate-spin)}}@media (min-width:40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[0\.75rem_5\.5rem_4rem_1fr\]{grid-template-columns:.75rem 5.5rem 4rem 1fr}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-x-content{column-gap:var(--era-pad-content)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:justify-end{justify-content:flex-end}}@media (min-width:64rem){.lg\:w-80{width:calc(var(--spacing) * 80)}.lg\:w-\[420px\]{width:420px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:80rem){.xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(22rem\,0\.8fr\)\]{grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr)}}@container (min-width:28rem){.\@md\:block{display:block}}@media (prefers-color-scheme:dark){.dark\:scheme-only-dark{color-scheme:dark only}.dark\:outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:outline-white\/10{outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.\[\&_\*\]\:pointer-events-none *{pointer-events:none}.\[\&_svg\]\:size-\[calc\(var\(--era-sp\)\+0\.3125rem\)\] svg{width:calc(var(--era-sp) + .3125rem);height:calc(var(--era-sp) + .3125rem)}.\[\&_svg\]\:size-glyph-icon svg{width:var(--era-glyph-icon);height:var(--era-glyph-icon)}.\[\&_svg\]\:size-glyph-pill svg{width:var(--era-glyph-pill);height:var(--era-glyph-pill)}.\[\&_svg\]\:size-icon svg{width:var(--era-h-icon);height:var(--era-h-icon)}.\[\&\:active\>\*\]\:translate-x-\(--era-press-sink-x\):active>*{--tw-translate-x:var(--era-press-sink-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:active\>\*\]\:translate-y-\(--era-press-sink-y\):active>*{--tw-translate-y:var(--era-press-sink-y);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:has\(\+_\:not\(\[data-pin-input-cell\]\)\)\]\:rounded-r-control:has(+:not([data-pin-input-cell])){border-top-right-radius:var(--era-rd-control);border-bottom-right-radius:var(--era-rd-control)}.\[\&\>\*\]\:justify-start>*{justify-content:flex-start}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:border-l>:not(:first-child):not([data-chips-cursor]){border-left-style:var(--tw-border-style);border-left-width:1px}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:border-divider-faded>:not(:first-child):not([data-chips-cursor]){border-color:var(--era-divider-faded)}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:pl-gutter>:not(:first-child):not([data-chips-cursor]){padding-left:var(--era-gap)}.\[\&\>div\]\:bg-destructive>div{background-color:var(--color-destructive)}:focus-visible>.\[\:focus-visible\>\&\]\:outline{outline-style:var(--tw-outline-style);outline-width:1px}:focus-visible>.\[\:focus-visible\>\&\]\:-outline-offset-1{outline-offset:calc(1px * -1)}:focus-visible>.\[\:focus-visible\>\&\]\:outline-primary{outline-color:var(--color-primary)}@media (hover:hover){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\]\:hover\:bg-highlight:hover{background-color:var(--era-highlight)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-b>td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-b>th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:rounded-chip{border-radius:var(--era-rd-chip)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-elevated{background-color:var(--era-surface-bg-elevated)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-fill{background-color:var(--era-fill)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:px-inset-chip{padding-inline:var(--era-inset-chip)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:text-bright{color:var(--color-bright)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:shadow-sm{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@layer era.tokens{:root{background-color:var(--color-1);color:var(--color-fg)}:root,.dark{color-scheme:dark;--color-1:oklch(16.2% 0 none);--color-2:oklch(19.5% 0 none);--color-3:oklch(25.4% 0 none);--color-4:oklch(30.2% 0 none);--color-5:oklch(34.8% 0 none);--color-6:oklch(39.6% 0 none);--color-7:oklch(45.9% 0 none);--color-8:oklch(54.9% 0 none);--color-9:oklch(64.9% 0 none);--color-10:oklch(72% 0 none);--color-11:oklch(86.3% 0 none);--color-12:oklch(93.3% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25% 0 none);--color-fg:var(--color-11);--color-link:var(--color-bright);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root,.dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root,.dark{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(96% 0 none);--color-success:oklch(65% .2 145);--color-success-fg:oklch(96% 0 none);--color-warning:oklch(75% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root,.dark,.light{--color-bright:var(--color-12)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-bright:color-mix(in oklch, var(--color-12) 88%, var(--color-primary))}}:root,.dark,.light{--color-muted:var(--color-10)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-muted:color-mix(in oklch, var(--color-10) 60%, var(--color-bright))}}@media (prefers-color-scheme:light){:root:not(.dark){color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root:not(.dark){--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .2 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}}.light{color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}.light{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root[data-theme=adobe],[data-theme=adobe].dark{color-scheme:dark;--color-1:oklch(16.2% .016 48);--color-2:oklch(19.8% .02 52);--color-3:oklch(25.4% .024 56);--color-4:oklch(30.2% .028 60);--color-5:oklch(34.8% .032 64);--color-6:oklch(39.6% .036 68);--color-7:oklch(45.9% .034 72);--color-8:oklch(54.9% .03 76);--color-9:oklch(64.9% .024 82);--color-10:oklch(72% .02 86);--color-11:oklch(86.3% .016 90);--color-12:oklch(93.3% .014 94);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25.2% .024 56);--color-fg:var(--color-11);--color-primary:oklch(74% .108 68);--color-primary-fg:oklch(19% .014 50);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe],[data-theme=adobe].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 78%, var(--color-success))}}:root[data-theme=adobe],[data-theme=adobe].dark{--color-destructive:oklch(61% .17 30);--color-destructive-fg:oklch(96% .016 90);--color-success:oklch(70% .125 184);--color-success-fg:oklch(19% .014 50);--color-warning:oklch(78% .14 82);--color-warning-fg:oklch(19% .014 50)}@media (prefers-color-scheme:light){:root[data-theme=adobe]:not(.dark){color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=adobe]:not(.dark){--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}}[data-theme=adobe].light{color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=adobe].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=adobe].light{--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}:root[data-theme=sand],[data-theme=sand].dark{color-scheme:dark;--color-1:oklch(30% .06 78);--color-2:oklch(35% .07 76);--color-3:oklch(40% .08 74);--color-4:oklch(45% .09 72);--color-5:oklch(50% .1 70);--color-6:oklch(55% .11 68);--color-7:oklch(60% .12 65);--color-8:oklch(65% .13 62);--color-9:oklch(70% .14 60);--color-10:oklch(75% .12 58);--color-11:oklch(80% .1 55);--color-12:oklch(82% .08 52);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}:root[data-theme=sand],[data-theme=sand].dark{--color-fg:var(--color-11);--color-ink:oklch(24% .03 60);--color-primary:oklch(80% .034 54);--color-primary-fg:var(--color-ink);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 80%, var(--color-success))}}:root[data-theme=sand],[data-theme=sand].dark{--color-destructive:oklch(61.5% .15 33);--color-destructive-fg:var(--color-ink);--color-success:oklch(71% .09 164);--color-success-fg:var(--color-ink);--color-warning:oklch(78% .1 85);--color-warning-fg:var(--color-ink)}@media (prefers-color-scheme:light){:root[data-theme=sand]:not(.dark){color-scheme:light;--color-1:oklch(82% .08 52);--color-2:oklch(80% .1 55);--color-3:oklch(75% .12 58);--color-4:oklch(70% .14 60);--color-5:oklch(65% .13 62);--color-6:oklch(60% .12 65);--color-7:oklch(55% .11 68);--color-8:oklch(50% .1 70);--color-9:oklch(45% .09 72);--color-10:oklch(40% .08 74);--color-11:oklch(35% .07 76);--color-12:oklch(30% .06 78);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}:root[data-theme=sand]:not(.dark){--color-fg:var(--color-11);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=sand]:not(.dark){--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}}[data-theme=sand].light{color-scheme:light;--color-1:oklch(82% .08 52);--color-2:oklch(80% .1 55);--color-3:oklch(75% .12 58);--color-4:oklch(70% .14 60);--color-5:oklch(65% .13 62);--color-6:oklch(60% .12 65);--color-7:oklch(55% .11 68);--color-8:oklch(50% .1 70);--color-9:oklch(45% .09 72);--color-10:oklch(40% .08 74);--color-11:oklch(35% .07 76);--color-12:oklch(30% .06 78);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}[data-theme=sand].light{--color-fg:var(--color-11);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=sand].light{--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}:root[data-theme=signalnine],[data-theme=signalnine].dark{color-scheme:dark;--color-1:oklch(16.8% .002 84);--color-2:oklch(22.5% .002 84);--color-3:oklch(29% .003 84);--color-4:oklch(35.5% .003 84);--color-5:oklch(43.5% .003 84);--color-6:oklch(51.5% .003 84);--color-7:oklch(60% 0 none);--color-8:oklch(67.7% .003 84);--color-9:oklch(73% .002 84);--color-10:oklch(76.8% .002 84);--color-11:oklch(80.8% 0 none);--color-12:oklch(90.4% 0 none);--color-border:var(--color-4);--color-surface:var(--color-2);--color-hover:oklch(25.5% .002 84);--color-fg:var(--color-11);--color-muted:var(--color-8);--color-link:var(--color-primary);--color-primary:oklch(76% .115 84);--color-primary-fg:oklch(16.8% .002 84);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-destructive:oklch(63.08% .1298 21.4);--color-destructive-fg:oklch(16.8% .002 84);--color-success:oklch(77.33% .1095 113.4);--color-success-fg:oklch(16.8% .002 84);--color-warning:oklch(84.62% .1115 82.9);--color-warning-fg:oklch(16.8% .002 84)}@media (prefers-color-scheme:light){:root[data-theme=signalnine]:not(.dark){color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .013 271.14);--color-3:oklch(88.7% .019 265.13);--color-4:oklch(80.8% .02 265.6);--color-5:oklch(74.5% .036 261.83);--color-6:oklch(67.6% .045 263);--color-7:oklch(59.3% .06 260.33);--color-8:oklch(54.5% .08 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .13 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .008 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(52% .205 264.1);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine]:not(.dark){--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}}[data-theme=signalnine].light{color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .013 271.14);--color-3:oklch(88.7% .019 265.13);--color-4:oklch(80.8% .02 265.6);--color-5:oklch(74.5% .036 261.83);--color-6:oklch(67.6% .045 263);--color-7:oklch(59.3% .06 260.33);--color-8:oklch(54.5% .08 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .13 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .008 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(52% .205 264.1);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=signalnine].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=signalnine].light{--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}@property --era-roundness-scale{syntax:"<number>";inherits:true;initial-value:1}*{--era-h-icon:calc(var(--era-sp) + .375rem);--era-glyph-stroke-width:1.75;--era-glyph-pill:calc(var(--era-sp) + .25rem);--era-glyph-icon:calc(var(--era-sp) + .125rem);--era-h-pill:calc(var(--era-sp) + .625rem);--era-h-chip:calc(2 * var(--era-sp) + .375rem);--era-h-control:calc(3 * var(--era-sp));--era-h-bar:calc(4 * var(--era-sp));--era-gap:calc(var(--era-sp) * .5);--era-leading:1.6;--era-inset-pill:max(0px, calc((var(--era-h-pill) - var(--era-text)) / 2));--era-inset-chip:max(0px, calc((var(--era-h-chip) - var(--era-text)) / 2));--era-inset-control:max(0px, calc((var(--era-h-control) - var(--era-text)) / 2));--era-pill-px:max(0px, calc((var(--era-h-pill) - .6 * var(--era-text)) / 2));--era-chip-px:max(0px, calc((var(--era-h-chip) - .6 * var(--era-text)) / 2));--era-field-px:max(var(--era-chip-px), .5rem);--era-icon-inset-chip:calc((var(--era-h-chip) - var(--era-h-icon)) / 2);--era-icon-inset-pill:calc((var(--era-h-pill) - var(--era-h-icon)) / 2);--era-pill-inset-control:calc((var(--era-h-control) - var(--era-h-pill)) / 2);--era-pill-inset-chip:calc((var(--era-h-chip) - var(--era-h-pill)) / 2);--era-icon-inset-control:calc((var(--era-h-control) - var(--era-h-icon)) / 2);--era-icon-inset-bar:calc((var(--era-h-bar) - var(--era-h-icon)) / 2);--era-chip-inset-control:calc((var(--era-h-control) - var(--era-h-chip)) / 2);--era-pill-inset-bar:calc((var(--era-h-bar) - var(--era-h-pill)) / 2);--era-chip-inset-bar:calc((var(--era-h-bar) - var(--era-h-chip)) / 2);--era-roundness:calc(var(--era-roundness-scale) * var(--era-sp) / 2.618);--era-rd-icon:max(0px, var(--era-roundness));--era-rd-pill:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-pill) - var(--era-h-icon)) / 2));--era-rd-chip:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-chip) - var(--era-h-icon)) / 2));--era-rd-control:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-control) - var(--era-h-icon)) / 2));--era-rd-bar:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-bar) - var(--era-h-icon)) / 2));--era-so:calc(var(--era-sp) * (1 + var(--era-density)) / 2);--era-pad-panel:calc(var(--era-so) / 2);--era-pad-card:var(--era-so);--era-pad-content:calc(var(--era-so) * 2)}:root{--era-roundness-scale:1;--era-mask-glyph:disc}:root,[data-mode=dense]{--era-sp:.5rem;--era-density:1;--era-text:.75rem}[data-mode=balanced],[data-mode=spacious],[data-mode=touch]{--era-text:.875rem}[data-mode=balanced]{--era-sp:.625rem;--era-density:1.25}[data-mode=spacious]{--era-sp:.75rem;--era-density:1.5}[data-mode=touch]{--era-sp:1rem;--era-density:2}[data-mode=touch],[data-mode=touch] *{--era-roundness:calc(var(--era-roundness-scale) * var(--era-h-icon) / 2)}[data-corners=square]{--era-roundness-scale:0;--era-mask-glyph:square}[data-corners=rounded]{--era-roundness-scale:1;--era-mask-glyph:disc}:root{transition:--era-roundness-scale var(--era-duration) var(--era-ease);--era-z-chrome:30;--era-z-drawer:40;--era-z-overlay:50;--era-z-toast:55;--era-z-debug:60}:root,[data-surface]{--era-border-color:transparent;--era-divider-color:var(--color-border);--era-divider-faded:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-divider-faded:color-mix(in oklch, var(--era-divider-color) 40%, transparent)}}:root,[data-surface]{--era-surface-bg:var(--color-2);--era-surface-bg-elevated:var(--era-surface-bg)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-surface-bg-elevated:color-mix(in oklch, var(--era-surface-bg) 94%, var(--color-bright))}}:root,[data-surface]{--era-field-bg:var(--color-hover);--era-field-highlight:var(--era-field-bg)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-field-highlight:color-mix(in oklch, var(--era-field-bg) 96%, var(--color-bright))}}:root,[data-surface]{--era-shadow:none;--era-shadow-lg:none;--era-shadow-well:var(--era-shadow);--era-shadow-pressed:var(--era-shadow);--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}:root,[data-surface]{--era-highlight-shadow:var(--era-shadow);--era-fill:var(--era-highlight);--era-press-sink-x:0px;--era-press-sink-y:0px;--era-panel-inset:0px;--era-overlay-bg:var(--color-1)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-overlay-bg:color-mix(in oklch, var(--color-1) 60%, transparent)}}:root,[data-surface]{--era-blur:0px;--era-saturate:100%;--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}::selection{background-color:var(--era-selection-bg);color:var(--era-selection-fg);text-shadow:var(--era-selection-shadow)}*{--era-item-rd:max(0px, calc(var(--era-rd-control) - var(--era-panel-inset)))}@media (prefers-reduced-transparency:reduce){:root,[data-surface]{--era-highlight:var(--color-hover);--era-fill:var(--color-hover)}}[data-surface=glass]{--era-divider-color:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-divider-color:light-dark(color-mix(in oklch, var(--color-bright) 12%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}[data-surface=glass]{--era-surface-bg:light-dark(var(--color-1),var(--color-2))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg:light-dark(color-mix(in oklch, var(--color-1) 66%, transparent),color-mix(in oklch, var(--color-2) 62%, transparent))}}[data-surface=glass]{--era-surface-bg-elevated:light-dark(var(--color-1),var(--color-3))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg-elevated:light-dark(color-mix(in oklch, var(--color-1) 90%, transparent),color-mix(in oklch, var(--color-3) 85%, transparent))}}[data-surface=glass]{--era-field-bg:var(--color-hover)}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-field-bg:color-mix(in oklch, var(--color-hover) 72%, transparent)}}[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff59,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),color-mix(in oklch, var(--color-bright) 18%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 8%, transparent),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -2px -2px 0 -1.25px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 24px 0 light-dark(transparent,var(--color-bright)), 0 12px 32px -8px light-dark(var(--color-bright),oklch(0% 0 0/.35))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 24%, transparent)), inset -2px -2px 0 -1.25px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 10%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 6%, transparent),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 24px 0 light-dark(transparent,color-mix(in oklch, var(--color-bright) 4%, transparent)), 0 12px 32px -8px light-dark(color-mix(in oklch, var(--color-bright) 18%, transparent),oklch(0% 0 0/.35))}}[data-surface=glass]{--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 12%, transparent))}}[data-surface=glass]{--era-fill:var(--color-hover);--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 12px 0 light-dark(#ffffff59,var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 28%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 12%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 10%, transparent),color-mix(in oklch, var(--color-bright) 9%, transparent)), inset 0 0 12px 0 light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-selection-bg:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-bg:light-dark(color-mix(in oklch, var(--color-bright) 16%, transparent),color-mix(in oklch, var(--color-bright) 22%, transparent))}}[data-surface=glass]{--era-selection-fg:var(--color-bright);--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),color-mix(in oklch, var(--color-bright) 45%, transparent))}}[data-surface=glass]{--era-panel-inset:2px;--era-blur:20px;--era-saturate:180%}@media (prefers-reduced-transparency:reduce){[data-surface=glass]{--era-surface-bg:var(--color-2);--era-surface-bg-elevated:var(--color-3);--era-blur:0px;--era-saturate:100%;--era-field-bg:var(--color-hover);--era-highlight:var(--color-hover);--era-fill:var(--color-hover);--era-highlight-shadow:var(--era-shadow);--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}}[data-surface=bevel]{--era-bevel-side:.6;--era-bevel-x1:calc(1px * var(--era-bevel-side));--era-bevel-x2:calc(2px * var(--era-bevel-side));--era-bevel-rim:inset 0 0 0 1px light-dark(oklch(0% 0 0),oklch(0% 0 0))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-bevel-rim:inset 0 0 0 1px light-dark(color-mix(in oklch, oklch(0% 0 0) 24%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 42%, var(--color-2)))}}[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 70%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 12%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-surface-bg-elevated:var(--era-surface-bg);--era-shadow-lg:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset var(--era-bevel-x2) 2px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x2)) -2px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), calc(4px * var(--era-bevel-side)) 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-lg:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 80%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 14%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 34%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 45%, var(--color-2))), inset var(--era-bevel-x2) 2px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 40%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 6%, var(--color-2))), inset calc(-1 * var(--era-bevel-x2)) -2px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 16%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 22%, var(--color-2))), calc(4px * var(--era-bevel-side)) 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25)), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-well:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-well:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 55%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 8%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-pressed:var(--era-shadow-well);--era-press-sink-x:0px;--era-press-sink-y:1px;--era-panel-inset:2px;--era-selection-bg:var(--color-primary);--era-selection-fg:var(--color-primary-fg)}[data-surface=bevel] button[data-size=xs],[data-surface=bevel] button[data-size=icon]{--era-press-sink-y:.5px}}@layer era.base{:where(.lucide){stroke-width:var(--era-glyph-stroke-width)}:where(input[type=password]){-webkit-text-security:var(--era-mask-glyph,disc)}}:root{--era-ease-standard:cubic-bezier(.2, 0, 0, 1);--era-ease-expressive:cubic-bezier(.34, 1.35, .6, 1)}:root,[data-motion=normal]{--era-duration:.15s;--era-ease:var(--era-ease-standard)}[data-motion=instant]{--era-duration:0s;--era-ease:var(--era-ease-standard)}[data-motion=extra]{--era-duration:.26s;--era-ease:var(--era-ease-expressive)}@media (prefers-reduced-motion:reduce){:root,[data-motion]{--era-duration:0s!important}}:root{--era-font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--era-font-sans:system-ui, sans-serif;--era-font-serif:ui-serif, Georgia, "Times New Roman", serif}[data-font=mono]{--era-font-stack:var(--era-font-mono)}[data-font=sans]{--era-font-stack:var(--era-font-sans)}[data-font=serif]{--era-font-stack:var(--era-font-serif)}[data-font],[data-font] *{font-family:var(--era-font-stack)!important}:where(html,body){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance}:where(p,li,dd,dt,blockquote,figcaption,caption){text-wrap:pretty}.era-text-trim.truncate,.era-text-trim-caps.truncate,.era-label-ink.truncate,.era-token-ink.truncate{text-box:normal;line-height:normal}@keyframes era-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes era-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes era-collapse-open{0%{opacity:0;height:0}to{height:var(--bits-collapsible-content-height);opacity:1}}@keyframes era-collapse-close{0%{height:var(--bits-collapsible-content-height);opacity:1}to{opacity:0;height:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:var(--era-shadow);--shadow-lg:var(--era-shadow-lg);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--default-transition-duration:var(--era-duration);--default-transition-timing-function:var(--era-ease);--shadow:var(--era-shadow);--text-micro:calc(var(--era-text) * 5 / 6);--text-micro--letter-spacing:.04em;--text-lede:calc(var(--era-text) * 5 / 4);--text-lede--line-height:1.5;--text-heading:calc(var(--era-text) * 3 / 2);--text-heading--line-height:1.3;--text-heading--letter-spacing:-.01em;--text-title:calc(var(--era-text) * 2);--text-title--line-height:1.15;--text-title--letter-spacing:-.02em;--text-display:calc(var(--era-text) * 3);--text-display--line-height:1.05;--text-display--letter-spacing:-.03em;--text-body:var(--era-text);--leading-body:var(--era-leading);--radius-icon:var(--era-rd-icon);--radius-pill:var(--era-rd-pill);--radius-chip:var(--era-rd-chip);--radius-control:var(--era-rd-control);--radius-bar:var(--era-rd-bar);--radius-menu-item:var(--era-item-rd);--shadow-well:var(--era-shadow-well);--shadow-pressed:var(--era-shadow-pressed);--shadow-highlight:var(--era-highlight-shadow);--color-well:var(--era-surface-bg);--color-elevated:var(--era-surface-bg-elevated);--color-highlight:var(--era-highlight);--color-overlay:var(--era-overlay-bg);--spacing-gutter:var(--era-gap);--spacing-panel:var(--era-pad-panel);--spacing-card:var(--era-pad-card);--spacing-content:var(--era-pad-content);--spacing-menu:var(--era-panel-inset);--spacing-field:var(--era-field-px);--spacing-inset-pill:var(--era-inset-pill);--spacing-inset-chip:var(--era-inset-chip);--spacing-inset-control:var(--era-inset-control);--spacing-icon-inset-pill:var(--era-icon-inset-pill);--spacing-icon-inset-chip:var(--era-icon-inset-chip);--spacing-icon-inset-control:var(--era-icon-inset-control);--spacing-icon-inset-bar:var(--era-icon-inset-bar);--spacing-pill-inset-chip:var(--era-pill-inset-chip);--spacing-pill-inset-control:var(--era-pill-inset-control);--spacing-pill-inset-bar:var(--era-pill-inset-bar);--spacing-chip-inset-control:var(--era-chip-inset-control);--spacing-chip-inset-bar:var(--era-chip-inset-bar);--spacing-glyph-icon:var(--era-glyph-icon);--spacing-glyph-pill:var(--era-glyph-pill);--color-field:var(--era-field-bg);--color-field-highlight:var(--era-field-highlight);--ease-base:var(--era-ease);--color-divider:var(--era-divider-color);--color-divider-faded:var(--era-divider-faded);--color-background:var(--color-1);--color-foreground:var(--color-fg);--color-1:var(--color-1);--color-2:var(--color-2);--color-3:var(--color-3);--color-4:var(--color-4);--color-5:var(--color-5);--color-6:var(--color-6);--color-7:var(--color-7);--color-8:var(--color-8);--color-9:var(--color-9);--color-10:var(--color-10);--color-11:var(--color-11);--color-12:var(--color-12);--color-border:var(--color-border);--color-surface:var(--color-surface);--color-hover:var(--color-hover);--color-fg:var(--color-fg);--color-bright:var(--color-bright);--color-muted:var(--color-muted);--color-fill:var(--era-fill);--color-link:var(--color-link);--color-primary:var(--color-primary);--color-primary-fg:var(--color-primary-fg);--color-primary-hover:var(--color-primary-hover);--color-destructive:var(--color-destructive);--color-destructive-fg:var(--color-destructive-fg);--color-success:var(--color-success);--color-success-fg:var(--color-success-fg);--color-warning:var(--color-warning);--color-warning-fg:var(--color-warning-fg)}.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-icon-inset-chip{inset:var(--era-icon-inset-chip)}.inset-x-0{inset-inline:0}.inset-x-gutter{inset-inline:var(--era-gap)}.inset-x-icon-inset-chip{inset-inline:var(--era-icon-inset-chip)}.inset-y-0{inset-block:0}.inset-y-menu{inset-block:var(--era-panel-inset)}.-top-\(--era-gap\){top:calc(var(--era-gap) * -1)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.top-0{top:0}.top-1\/2{top:50%}.top-card{top:var(--era-pad-card)}.top-chip-inset-bar{top:var(--era-chip-inset-bar)}.top-full{top:100%}.top-gutter{top:var(--era-gap)}.-right-\(--era-gap\){right:calc(var(--era-gap) * -1)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.right-card{right:var(--era-pad-card)}.right-chip-inset-bar{right:var(--era-chip-inset-bar)}.right-gutter{right:var(--era-gap)}.bottom-\(--era-h-bar\){bottom:var(--era-h-bar)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[calc\(100\%\+\(var\(--era-h-bar\)-var\(--era-h-chip\)\)\/2\+var\(--era-gap\)\)\]{bottom:calc(100% + (var(--era-h-bar) - var(--era-h-chip)) / 2 + var(--era-gap))}.bottom-\[max\(var\(--era-gap\)\,env\(safe-area-inset-bottom\)\)\]{bottom:max(var(--era-gap), env(safe-area-inset-bottom))}.bottom-full{bottom:100%}.bottom-gutter{bottom:var(--era-gap)}.bottom-panel{bottom:var(--era-pad-panel)}.left-\(--era-video-hover-pct\){left:var(--era-video-hover-pct)}.left-0{left:0}.left-1\/2{left:50%}.left-card{left:var(--era-pad-card)}.left-full{left:100%}.left-menu{left:var(--era-panel-inset)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[55\]{z-index:55}.z-chrome{z-index:var(--era-z-chrome)}.z-debug{z-index:var(--era-z-debug)}.z-drawer{z-index:var(--era-z-drawer)}.z-overlay{z-index:var(--era-z-overlay)}.z-toast{z-index:var(--era-z-toast)}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-\[0\.45em\]{margin-inline:.45em}.mx-auto{margin-inline:auto}.mx-gutter{margin-inline:var(--era-gap)}.my-\[calc\(var\(--era-gap\)\/2\)\]{margin-block:calc(var(--era-gap) / 2)}.my-gutter{margin-block:var(--era-gap)}.ms-auto{margin-inline-start:auto}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-px{margin-top:-1px}.mt-\(--era-gap\){margin-top:var(--era-gap)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mt-card{margin-top:var(--era-pad-card)}.mt-content{margin-top:var(--era-pad-content)}.mt-gutter{margin-top:var(--era-gap)}.mt-inset-chip{margin-top:var(--era-inset-chip)}.mt-px{margin-top:1px}.-mr-\(--era-inset-pill\){margin-right:calc(var(--era-inset-pill) * -1)}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mb-card{margin-bottom:var(--era-pad-card)}.mb-gutter{margin-bottom:var(--era-gap)}.-ml-\(--era-inset-pill\){margin-left:calc(var(--era-inset-pill) * -1)}.ml-1{margin-left:var(--spacing)}.ml-\[calc\(var\(--era-inset-control\)\+var\(--era-h-icon\)\/2\)\]{margin-left:calc(var(--era-inset-control) + var(--era-h-icon) / 2)}.ml-auto{margin-left:auto}.ml-gutter{margin-left:var(--era-gap)}.ml-px{margin-left:1px}.scrollbar-none::-webkit-scrollbar{display:none}.era-token-ink{text-align:center;text-box:trim-both cap alphabetic;align-content:center;line-height:1;display:block}.era-label-ink{text-box:trim-both ex alphabetic;align-content:center;line-height:1;display:block}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-\(--era-h-icon\){width:var(--era-h-icon);height:var(--era-h-icon)}.size-\(--era-x\){width:var(--era-x);height:var(--era-x)}.size-0{width:0;height:0}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-1\/2{width:50%;height:50%}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-\[calc\(var\(--era-h-icon\)\*0\.75\)\]{width:calc(var(--era-h-icon) * .75);height:calc(var(--era-h-icon) * .75)}.size-full{width:100%;height:100%}.size-glyph-pill{width:var(--era-glyph-pill);height:var(--era-glyph-pill)}.size-gutter{width:var(--era-gap);height:var(--era-gap)}.size-bar{width:var(--era-h-bar);height:var(--era-h-bar)}.size-chip{width:var(--era-h-chip);height:var(--era-h-chip)}.size-control{width:var(--era-h-control);height:var(--era-h-control)}.size-icon{width:var(--era-h-icon);height:var(--era-h-icon)}.size-pill{width:var(--era-h-pill);height:var(--era-h-pill)}.h-\(--era-h-bar\){height:var(--era-h-bar)}.h-\(--era-h-control\){height:var(--era-h-control)}.h-\(--era-h-pill\){height:var(--era-h-pill)}.h-\(--era-sp\){height:var(--era-sp)}.h-\(--era-text\){height:var(--era-text)}.h-\(--era-x\){height:var(--era-x)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-96{height:calc(var(--spacing) * 96)}.h-\[0\.9em\]{height:.9em}.h-\[21px\]{height:21px}.h-\[24px\]{height:24px}.h-\[26rem\]{height:26rem}.h-\[34px\]{height:34px}.h-\[calc\(var\(--era-h-bar\)\*3\)\]{height:calc(var(--era-h-bar) * 3)}.h-\[calc\(var\(--era-sp\)\/2\)\]{height:calc(var(--era-sp) / 2)}.h-auto{height:auto}.h-bar{height:var(--era-h-bar)}.h-chip{height:var(--era-h-chip)}.h-control{height:var(--era-h-control)}.h-dvh{height:100dvh}.h-full{height:100%}.h-icon{height:var(--era-h-icon)}.h-line{height:1lh}.h-pill{height:var(--era-h-pill)}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[calc\(var\(--era-h-control\)\*8\)\]{max-height:calc(var(--era-h-control) * 8)}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-bar{min-height:var(--era-h-bar)}.min-h-chip{min-height:var(--era-h-chip)}.min-h-control{min-height:var(--era-h-control)}.min-h-icon{min-height:var(--era-h-icon)}.min-h-pill{min-height:var(--era-h-pill)}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[2px\]{width:2px}.w-\[40\%\]{width:40%}.w-\[calc\(var\(--era-h-chip\)\+var\(--era-h-icon\)\)\]{width:calc(var(--era-h-chip) + var(--era-h-icon))}.w-\[calc\(var\(--era-h-control\)\*3\)\]{width:calc(var(--era-h-control) * 3)}.w-\[min\(20rem\,85vw\)\]{width:min(20rem,85vw)}.w-auto{width:auto}.w-bar{width:var(--era-h-bar)}.w-chip{width:var(--era-h-chip)}.w-control{width:var(--era-h-control)}.w-full{width:100%}.w-icon{width:var(--era-h-icon)}.w-max{width:max-content}.w-pill{width:var(--era-h-pill)}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-32{max-width:calc(var(--spacing) * 32)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-\[40\%\]{max-width:40%}.max-w-\[45\%\]{max-width:45%}.max-w-\[65ch\]{max-width:65ch}.max-w-\[92ch\]{max-width:92ch}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--bits-combobox-anchor-width\){min-width:var(--bits-combobox-anchor-width)}.min-w-\(--bits-dropdown-menu-anchor-width\){min-width:var(--bits-dropdown-menu-anchor-width)}.min-w-\(--bits-menubar-menu-anchor-width\){min-width:var(--bits-menubar-menu-anchor-width)}.min-w-\(--bits-popover-anchor-width\){min-width:var(--bits-popover-anchor-width)}.min-w-\(--bits-select-anchor-width\){min-width:var(--bits-select-anchor-width)}.min-w-\(--era-h-control\){min-width:var(--era-h-control)}.min-w-\(--era-h-pill\){min-width:var(--era-h-pill)}.min-w-\(--era-h-…\){min-width:var(--era-h-…)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-80{min-width:calc(var(--spacing) * 80)}.min-w-\[7ch\]{min-width:7ch}.min-w-\[12ch\]{min-width:12ch}.min-w-\[18rem\]{min-width:18rem}.min-w-\[32px\]{min-width:32px}.min-w-bar{min-width:var(--era-h-bar)}.min-w-chip{min-width:var(--era-h-chip)}.min-w-control{min-width:var(--era-h-control)}.min-w-icon{min-width:var(--era-h-icon)}.min-w-md{min-width:var(--container-md)}.min-w-pill{min-width:var(--era-h-pill)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[calc\(var\(--era-h-icon\)\/2\)\]{--tw-translate-x:calc(calc(var(--era-h-icon) / 2) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[0\.08em\]{--tw-translate-y:.08em;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-25{--tw-scale-x:25%;--tw-scale-y:25%;--tw-scale-z:25%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\(--era-video-buffered-scale\){--tw-scale-x:var(--era-video-buffered-scale);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\(--era-video-played-scale\){--tw-scale-x:var(--era-video-played-scale);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.25\]{scale:.25}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-\[18deg\]{rotate:18deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.era-collapse{overflow:hidden}.era-collapse[data-state=open]{animation:era-collapse-open var(--era-duration) var(--era-ease)}.era-collapse[data-state=closed]{animation:era-collapse-close var(--era-duration) var(--era-ease)}.era-shimmer{background:linear-gradient(110deg, var(--color-muted) 0% 43%, var(--color-bright) 50%, var(--color-muted) 57% 100%);-webkit-text-fill-color:transparent;animation:era-shimmer calc(var(--era-duration) * 10) cubic-bezier(.7, 0, 1, .4) infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.animate-\[indeterminate_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite indeterminate}.animate-\[…\]{animation:…}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.era-skeleton-pulse{animation:era-skeleton-pulse calc(var(--era-duration) * 10) var(--era-ease) infinite}.era-interactive:focus{outline:none}.era-interactive:disabled{cursor:not-allowed;opacity:.5}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-nesw-resize{cursor:nesw-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scrollbar-none{scrollbar-width:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0\.5rem_minmax\(3rem\,4\.5rem\)_minmax\(2\.25rem\,3\.5rem\)_1fr\]{grid-template-columns:.5rem minmax(3rem,4.5rem) minmax(2.25rem,3.5rem) 1fr}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,auto\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr)}.grid-cols-\[repeat\(auto-fill\,minmax\(19rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(calc\(var\(--era-h-bar\)\*6\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(calc(var(--era-h-bar) * 6),1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\[gap\:inherit\]{gap:inherit}.gap-\(--era-gap\){gap:var(--era-gap)}.gap-\(--era-inset-md\){gap:var(--era-inset-md)}.gap-\(--era-sp\){gap:var(--era-sp)}.gap-\(--t-inset-md\){gap:var(--t-inset-md)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[calc\(var\(--era-gap\)\*2\)\]{gap:calc(var(--era-gap) * 2)}.gap-\[inherit\]{gap:inherit}.gap-card{gap:var(--era-pad-card)}.gap-chip-inset-bar{gap:var(--era-chip-inset-bar)}.gap-chip-inset-control{gap:var(--era-chip-inset-control)}.gap-content{gap:var(--era-pad-content)}.gap-field{gap:var(--era-field-px)}.gap-glyph-icon{gap:var(--era-glyph-icon)}.gap-glyph-pill{gap:var(--era-glyph-pill)}.gap-gutter{gap:var(--era-gap)}.gap-icon-inset-bar{gap:var(--era-icon-inset-bar)}.gap-icon-inset-chip{gap:var(--era-icon-inset-chip)}.gap-icon-inset-control{gap:var(--era-icon-inset-control)}.gap-icon-inset-pill{gap:var(--era-icon-inset-pill)}.gap-inset-chip{gap:var(--era-inset-chip)}.gap-inset-control{gap:var(--era-inset-control)}.gap-inset-pill{gap:var(--era-inset-pill)}.gap-menu{gap:var(--era-panel-inset)}.gap-panel{gap:var(--era-pad-panel)}.gap-pill-inset-bar{gap:var(--era-pill-inset-bar)}.gap-pill-inset-chip{gap:var(--era-pill-inset-chip)}.gap-pill-inset-control{gap:var(--era-pill-inset-control)}.gap-x-content{column-gap:var(--era-pad-content)}.gap-x-inset-chip{column-gap:var(--era-inset-chip)}.gap-x-inset-control{column-gap:var(--era-inset-control)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-gutter{row-gap:var(--era-gap)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-center{justify-self:center}.truncate{text-box:normal;text-overflow:ellipsis;white-space:nowrap;line-height:normal;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.\[border-radius\:calc\(var\(--era-rd-bar\)\+var\(--era-gap\)\)\]{border-radius:calc(var(--era-rd-bar) + var(--era-gap))}.rounded{border-radius:.25rem}.rounded-\(--era-item-rd\){border-radius:var(--era-item-rd)}.rounded-\(--era-rd-bar\){border-radius:var(--era-rd-bar)}.rounded-\(--era-rd-control\){border-radius:var(--era-rd-control)}.rounded-\(--era-rd-pill\){border-radius:var(--era-rd-pill)}.rounded-\(--era-x\){border-radius:var(--era-x)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[4px\]{border-radius:4px}.rounded-bar{border-radius:var(--era-rd-bar)}.rounded-chip{border-radius:var(--era-rd-chip)}.rounded-control{border-radius:var(--era-rd-control)}.rounded-full{border-radius:3.40282e38px}.rounded-icon{border-radius:var(--era-rd-icon)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-menu-item{border-radius:var(--era-item-rd)}.rounded-none{border-radius:0}.rounded-pill{border-radius:var(--era-rd-pill)}.rounded-row{border-radius:max(0px, calc(var(--era-container-rd,var(--era-rd-control)) - var(--era-gap)))}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-top-right-radius:var(--sheet-rd)}.rounded-t-bar{border-top-left-radius:var(--era-rd-bar);border-top-right-radius:var(--era-rd-bar)}.rounded-t-control{border-top-left-radius:var(--era-rd-control);border-top-right-radius:var(--era-rd-control)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-\(--sheet-rd\){border-top-right-radius:var(--sheet-rd);border-bottom-right-radius:var(--sheet-rd)}.rounded-b-\(--sheet-rd\){border-bottom-right-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.rounded-b-bar{border-bottom-right-radius:var(--era-rd-bar);border-bottom-left-radius:var(--era-rd-bar)}.rounded-b-control{border-bottom-right-radius:var(--era-rd-control);border-bottom-left-radius:var(--era-rd-control)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-7\){border-color:var(--color-7)}.border-1{border-color:var(--color-1)}.border-2{border-color:var(--color-2)}.border-3{border-color:var(--color-3)}.border-4{border-color:var(--color-4)}.border-5{border-color:var(--color-5)}.border-6{border-color:var(--color-6)}.border-7{border-color:var(--color-7)}.border-8{border-color:var(--color-8)}.border-9{border-color:var(--color-9)}.border-10{border-color:var(--color-10)}.border-11{border-color:var(--color-11)}.border-12{border-color:var(--color-12)}.border-background{border-color:var(--color-1)}.border-border{border-color:var(--color-border)}.border-bright{border-color:var(--color-bright)}.border-destructive{border-color:var(--color-destructive)}.border-destructive-fg{border-color:var(--color-destructive-fg)}.border-divider{border-color:var(--era-divider-color)}.border-divider-faded{border-color:var(--era-divider-faded)}.border-elevated{border-color:var(--era-surface-bg-elevated)}.border-fg{border-color:var(--color-fg)}.border-field{border-color:var(--era-field-bg)}.border-field-highlight{border-color:var(--era-field-highlight)}.border-fill{border-color:var(--era-fill)}.border-foreground{border-color:var(--color-fg)}.border-highlight{border-color:var(--era-highlight)}.border-hover{border-color:var(--color-hover)}.border-link{border-color:var(--color-link)}.border-muted{border-color:var(--color-muted)}.border-overlay{border-color:var(--era-overlay-bg)}.border-primary{border-color:var(--color-primary)}.border-primary-fg{border-color:var(--color-primary-fg)}.border-primary-hover{border-color:var(--color-primary-hover)}.border-success{border-color:var(--color-success)}.border-success-fg{border-color:var(--color-success-fg)}.border-surface{border-color:var(--color-surface)}.border-warning{border-color:var(--color-warning)}.border-warning-fg{border-color:var(--color-warning-fg)}.border-well{border-color:var(--era-surface-bg)}.border-s-2{border-inline-start-color:var(--color-2)}.bg-\(--color-1\){background-color:var(--color-1)}.bg-\(--color-destructive\){background-color:var(--color-destructive)}.bg-\(--color-success\){background-color:var(--color-success)}.bg-\(--era-highlight\){background-color:var(--era-highlight)}.bg-\(--era-surface-bg\){background-color:var(--era-surface-bg)}.bg-\(--era-surface-bg-elevated\){background-color:var(--era-surface-bg-elevated)}.bg-\(--era-x\){background-color:var(--era-x)}.bg-1{background-color:var(--color-1)}.bg-2{background-color:var(--color-2)}.bg-3{background-color:var(--color-3)}.bg-4{background-color:var(--color-4)}.bg-5{background-color:var(--color-5)}.bg-6{background-color:var(--color-6)}.bg-7{background-color:var(--color-7)}.bg-8{background-color:var(--color-8)}.bg-9{background-color:var(--color-9)}.bg-10{background-color:var(--color-10)}.bg-11{background-color:var(--color-11)}.bg-12{background-color:var(--color-12)}.bg-\[\#fff\]{background-color:#fff}.bg-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{background-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{background-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}.bg-\[var\(--era-x\)\]{background-color:var(--era-x)}.bg-background{background-color:var(--color-1)}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border{background-color:var(--color-border)}.bg-bright{background-color:var(--color-bright)}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--color-destructive)}.bg-destructive-fg{background-color:var(--color-destructive-fg)}.bg-divider{background-color:var(--era-divider-color)}.bg-divider-faded{background-color:var(--era-divider-faded)}.bg-elevated{background-color:var(--era-surface-bg-elevated)}.bg-fg,.bg-fg\/30{background-color:var(--color-fg)}@supports (color:color-mix(in lab, red, red)){.bg-fg\/30{background-color:color-mix(in oklab, var(--color-fg) 30%, transparent)}}.bg-field{background-color:var(--era-field-bg)}.bg-field-highlight{background-color:var(--era-field-highlight)}.bg-fill{background-color:var(--era-fill)}.bg-foreground{background-color:var(--color-fg)}.bg-highlight{background-color:var(--era-highlight)}.bg-hover{background-color:var(--color-hover)}.bg-link{background-color:var(--color-link)}.bg-muted,.bg-muted\/80{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/80{background-color:color-mix(in oklab, var(--color-muted) 80%, transparent)}}.bg-overlay{background-color:var(--era-overlay-bg)}.bg-primary{background-color:var(--color-primary)}.bg-primary-fg{background-color:var(--color-primary-fg)}.bg-primary-hover{background-color:var(--color-primary-hover)}.bg-success{background-color:var(--color-success)}.bg-success-fg{background-color:var(--color-success-fg)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-warning-fg{background-color:var(--color-warning-fg)}.bg-well{background-color:var(--era-surface-bg)}.bg-white{background-color:var(--color-white)}.\[background-image\:radial-gradient\(var\(--color-3\)_1px\,transparent_1px\)\]{background-image:radial-gradient(var(--color-3) 1px,transparent 1px)}.\[background-size\:14px_14px\]{background-size:14px 14px}.\[background-position\:center\]{background-position:50%}.fill-\(--color-primary\){fill:var(--color-primary)}.fill-current{fill:currentColor}.fill-warning{fill:var(--color-warning)}.object-cover{object-fit:cover}.p-section{padding:var(--era-pad-content);padding-top:max(0px, calc(var(--era-pad-content) - (var(--era-h-bar) - var(--era-text)) / 2))}.p-\(--era-gap\){padding:var(--era-gap)}.p-\(--era-pad-card\){padding:var(--era-pad-card)}.p-\(--era-pad-content\){padding:var(--era-pad-content)}.p-\(--era-panel-inset\){padding:var(--era-panel-inset)}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-\[8px\]{padding:8px}.p-card{padding:var(--era-pad-card)}.p-chip-inset-bar{padding:var(--era-chip-inset-bar)}.p-chip-inset-control{padding:var(--era-chip-inset-control)}.p-content{padding:var(--era-pad-content)}.p-field{padding:var(--era-field-px)}.p-glyph-icon{padding:var(--era-glyph-icon)}.p-glyph-pill{padding:var(--era-glyph-pill)}.p-gutter{padding:var(--era-gap)}.p-icon-inset-bar{padding:var(--era-icon-inset-bar)}.p-icon-inset-chip{padding:var(--era-icon-inset-chip)}.p-icon-inset-control{padding:var(--era-icon-inset-control)}.p-icon-inset-pill{padding:var(--era-icon-inset-pill)}.p-inset-chip{padding:var(--era-inset-chip)}.p-inset-control{padding:var(--era-inset-control)}.p-inset-pill{padding:var(--era-inset-pill)}.p-menu{padding:var(--era-panel-inset)}.p-panel{padding:var(--era-pad-panel)}.p-pill-inset-bar{padding:var(--era-pill-inset-bar)}.p-pill-inset-chip{padding:var(--era-pill-inset-chip)}.p-pill-inset-control{padding:var(--era-pill-inset-control)}.p-px{padding:1px}.px-\(--era-field-px\){padding-inline:var(--era-field-px)}.px-\(--era-gap\){padding-inline:var(--era-gap)}.px-\(--era-inset-control\){padding-inline:var(--era-inset-control)}.px-\(--era-inset-pill\){padding-inline:var(--era-inset-pill)}.px-\(--era-pill-px\){padding-inline:var(--era-pill-px)}.px-\(--era-sp\){padding-inline:var(--era-sp)}.px-\(--era-x\){padding-inline:var(--era-x)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-\[calc\(var\(--era-sp\)\/2\)\]{padding-inline:calc(var(--era-sp) / 2)}.px-card{padding-inline:var(--era-pad-card)}.px-chip{padding-inline:var(--era-chip-px)}.px-chip-inset-bar{padding-inline:var(--era-chip-inset-bar)}.px-chip-inset-control{padding-inline:var(--era-chip-inset-control)}.px-content{padding-inline:var(--era-pad-content)}.px-field{padding-inline:var(--era-field-px)}.px-glyph-icon{padding-inline:var(--era-glyph-icon)}.px-glyph-pill{padding-inline:var(--era-glyph-pill)}.px-gutter{padding-inline:var(--era-gap)}.px-icon-inset-bar{padding-inline:var(--era-icon-inset-bar)}.px-icon-inset-chip{padding-inline:var(--era-icon-inset-chip)}.px-icon-inset-control{padding-inline:var(--era-icon-inset-control)}.px-icon-inset-pill{padding-inline:var(--era-icon-inset-pill)}.px-inset-chip{padding-inline:var(--era-inset-chip)}.px-inset-control{padding-inline:var(--era-inset-control)}.px-inset-pill{padding-inline:var(--era-inset-pill)}.px-menu{padding-inline:var(--era-panel-inset)}.px-panel{padding-inline:var(--era-pad-panel)}.px-pill{padding-inline:var(--era-pill-px)}.px-pill-inset-bar{padding-inline:var(--era-pill-inset-bar)}.px-pill-inset-chip{padding-inline:var(--era-pill-inset-chip)}.px-pill-inset-control{padding-inline:var(--era-pill-inset-control)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-\[calc\(\(var\(--era-h-control\)-1lh\)\/2\)\]{padding-block:calc((var(--era-h-control) - 1lh) / 2)}.py-\[calc\(var\(--era-pad-content\)\*2\)\]{padding-block:calc(var(--era-pad-content) * 2)}.py-\[calc\(var\(--era-sp\)\*4\)\]{padding-block:calc(var(--era-sp) * 4)}.py-card{padding-block:var(--era-pad-card)}.py-chip-inset-bar{padding-block:var(--era-chip-inset-bar)}.py-chip-inset-control{padding-block:var(--era-chip-inset-control)}.py-content{padding-block:var(--era-pad-content)}.py-field{padding-block:var(--era-field-px)}.py-glyph-icon{padding-block:var(--era-glyph-icon)}.py-glyph-pill{padding-block:var(--era-glyph-pill)}.py-gutter{padding-block:var(--era-gap)}.py-icon-inset-bar{padding-block:var(--era-icon-inset-bar)}.py-icon-inset-chip{padding-block:var(--era-icon-inset-chip)}.py-icon-inset-control{padding-block:var(--era-icon-inset-control)}.py-icon-inset-pill{padding-block:var(--era-icon-inset-pill)}.py-inset-chip{padding-block:var(--era-inset-chip)}.py-inset-control{padding-block:var(--era-inset-control)}.py-inset-pill{padding-block:var(--era-inset-pill)}.py-menu{padding-block:var(--era-panel-inset)}.py-panel{padding-block:var(--era-pad-panel)}.py-pill-inset-bar{padding-block:var(--era-pill-inset-bar)}.py-pill-inset-chip{padding-block:var(--era-pill-inset-chip)}.py-pill-inset-control{padding-block:var(--era-pill-inset-control)}.ps-field{padding-inline-start:var(--era-field-px)}.ps-gutter{padding-inline-start:var(--era-gap)}.ps-panel{padding-inline-start:var(--era-pad-panel)}.pe-chip-inset-control{padding-inline-end:var(--era-chip-inset-control)}.pt-0{padding-top:0}.pt-content{padding-top:var(--era-pad-content)}.pt-gutter{padding-top:var(--era-gap)}.pt-inset-chip{padding-top:var(--era-inset-chip)}.pr-0{padding-right:0}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-\[calc\(var\(--era-chip-inset-bar\)\+var\(--era-h-chip\)\+var\(--era-field-px\)\)\]{padding-right:calc(var(--era-chip-inset-bar) + var(--era-h-chip) + var(--era-field-px))}.pr-chip{padding-right:var(--era-chip-px)}.pr-icon-inset-control{padding-right:var(--era-icon-inset-control)}.pr-inset-control{padding-right:var(--era-inset-control)}.pr-panel{padding-right:var(--era-pad-panel)}.pr-pill{padding-right:var(--era-pill-px)}.pr-pill-inset-chip{padding-right:var(--era-pill-inset-chip)}.pr-pill-inset-control{padding-right:var(--era-pill-inset-control)}.era-ink-center{padding-bottom:.08em}.pb-\(--era-sp\){padding-bottom:var(--era-sp)}.pb-content{padding-bottom:var(--era-pad-content)}.pb-gutter{padding-bottom:var(--era-gap)}.pb-inset-chip{padding-bottom:var(--era-inset-chip)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-\[calc\(var\(--era-inset-control\)\+var\(--era-h-icon\)\+var\(--era-gap\)\)\]{padding-left:calc(var(--era-inset-control) + var(--era-h-icon) + var(--era-gap))}.pl-chip{padding-left:var(--era-chip-px)}.pl-gutter{padding-left:var(--era-gap)}.pl-inset-control{padding-left:var(--era-inset-control)}.pl-pill{padding-left:var(--era-pill-px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-display{font-size:calc(var(--era-text) * 3);line-height:var(--tw-leading,1.05);letter-spacing:var(--tw-tracking,-.03em)}.text-heading{font-size:calc(var(--era-text) * 3 / 2);line-height:var(--tw-leading,1.3);letter-spacing:var(--tw-tracking,-.01em)}.text-title{font-size:calc(var(--era-text) * 2);line-height:var(--tw-leading,1.15);letter-spacing:var(--tw-tracking,-.02em)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lede{font-size:calc(var(--era-text) * 5 / 4);line-height:var(--tw-leading,1.5)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-micro{font-size:calc(var(--era-text) * 5 / 6);letter-spacing:var(--tw-tracking,.04em)}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[13px\]{font-size:13px}.text-\[length\:var\(--era-text\)\],.text-body{font-size:var(--era-text)}.text-title--letter-spacing{font-size:-.02em}.era-text-trim{text-box:trim-both ex alphabetic;line-height:1}.era-text-trim-caps{text-box:trim-both cap alphabetic;line-height:1}.leading-\(--era-h-bar\){--tw-leading:var(--era-h-bar);line-height:var(--era-h-bar)}.leading-\(--era-h-control\){--tw-leading:var(--era-h-control);line-height:var(--era-h-control)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-body{--tw-leading:var(--era-leading);line-height:var(--era-leading)}.leading-none{--tw-leading:1;line-height:1}.\[line-height\:inherit\]{line-height:inherit}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.era-link{color:var(--color-link);text-decoration-line:underline;text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.era-link{-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);text-decoration-color:color-mix(in oklch, currentColor 30%, transparent)}}.era-link{text-underline-offset:.2em;transition:text-decoration-color var(--era-duration) var(--era-ease)}.era-link:hover,.era-link:focus-visible{text-decoration-color:currentColor}.text-\(--color-destructive\){color:var(--color-destructive)}.text-1{color:var(--color-1)}.text-2{color:var(--color-2)}.text-3{color:var(--color-3)}.text-4{color:var(--color-4)}.text-5{color:var(--color-5)}.text-6{color:var(--color-6)}.text-7{color:var(--color-7)}.text-8{color:var(--color-8)}.text-9{color:var(--color-9)}.text-10{color:var(--color-10)}.text-11{color:var(--color-11)}.text-12{color:var(--color-12)}.text-background{color:var(--color-1)}.text-border{color:var(--color-border)}.text-bright{color:var(--color-bright)}.text-destructive{color:var(--color-destructive)}.text-destructive-fg{color:var(--color-destructive-fg)}.text-divider{color:var(--era-divider-color)}.text-divider-faded{color:var(--era-divider-faded)}.text-elevated{color:var(--era-surface-bg-elevated)}.text-fg{color:var(--color-fg)}.text-field{color:var(--era-field-bg)}.text-field-highlight{color:var(--era-field-highlight)}.text-fill{color:var(--era-fill)}.text-foreground{color:var(--color-fg)}.text-highlight{color:var(--era-highlight)}.text-hover{color:var(--color-hover)}.text-link{color:var(--color-link)}.text-muted,.text-muted\/60{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.text-muted\/60{color:color-mix(in oklab, var(--color-muted) 60%, transparent)}}.text-overlay{color:var(--era-overlay-bg)}.text-primary{color:var(--color-primary)}.text-primary-fg{color:var(--color-primary-fg)}.text-primary-hover{color:var(--color-primary-hover)}.text-success{color:var(--color-success)}.text-success-fg{color:var(--color-success-fg)}.text-surface{color:var(--color-surface)}.text-transparent{color:#0000}.text-warning{color:var(--color-warning)}.text-warning-fg{color:var(--color-warning-fg)}.text-well{color:var(--era-surface-bg)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.\[text-decoration-color\:currentColor\]{text-decoration-color:currentColor}.decoration-muted{-webkit-text-decoration-color:var(--color-muted);-webkit-text-decoration-color:var(--color-muted);text-decoration-color:var(--color-muted)}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-fg{caret-color:var(--color-fg)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-95{opacity:.95}.opacity-100{opacity:1}.shadow,.shadow-\(--era-shadow\){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-lg\){--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-pressed\){--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-well\){--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-x\){--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 -.5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 .5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_0\.5px_var\(--color-border\)\,var\(--era-shadow\)\]{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--color-border)), var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--era-x\)\]{--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-highlight{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-pressed{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-well{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/chisel{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:0_1px_0_var\(--color-divider-faded\)\]{box-shadow:0 1px 0 var(--color-divider-faded)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-\[0\.5px\]{outline-style:var(--tw-outline-style);outline-width:.5px}.outline-\[1px\]{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px * -1)}.outline-1{outline-color:var(--color-1)}.outline-black\/10{outline-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.outline-black\/10{outline-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.outline-destructive,.outline-destructive\/60{outline-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.outline-destructive\/60{outline-color:color-mix(in oklab, var(--color-destructive) 60%, transparent)}}.outline-divider{outline-color:var(--era-divider-color)}.outline-primary\/40{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/40{outline-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.outline-primary\/50{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/50{outline-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.outline-white\/10{outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[4px\]{--tw-blur:blur(4px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-none{--tw-blur: ;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xs{--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}[data-surface=glass] .glass-blur{-webkit-backdrop-filter:blur(var(--era-blur)) saturate(var(--era-saturate))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[box-shadow\,opacity\]{transition-property:box-shadow,opacity;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[opacity\,filter\,scale\]{transition-property:opacity,filter,scale;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[opacity\,scale\,filter\]{transition-property:opacity,scale,filter;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[scale\,background-color\]{transition-property:scale,background-color;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[scale\,opacity\,filter\]{transition-property:scale,opacity,filter;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.duration-\(--era-duration\){--tw-duration:var(--era-duration);transition-duration:var(--era-duration)}.duration-\(--era-x\){--tw-duration:var(--era-x);transition-duration:var(--era-x)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[250ms\]{--tw-duration:.25s;transition-duration:.25s}.duration-base{transition-duration:var(--era-duration)}.ease-\(--era-ease\),.ease-base{--tw-ease:var(--era-ease);transition-timing-function:var(--era-ease)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.\[contain\:layout_style\]{contain:layout style}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[--era-container-rd\:var\(--era-rd-bar\)\]{--era-container-rd:var(--era-rd-bar)}.\[--era-container-rd\:var\(--era-rd-control\)\]{--era-container-rd:var(--era-rd-control)}.\[--era-container-rd\:…\]{--era-container-rd:…}.\[--sheet-rd\:var\(--era-rd-bar\)\]{--sheet-rd:var(--era-rd-bar)}.\[--sheet-rd\:var\(--era-rd-control\)\]{--sheet-rd:var(--era-rd-control)}.\[animation-duration\:calc\(var\(--era-duration\)\*8\)\]{animation-duration:calc(var(--era-duration) * 8)}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[text-box\:normal\]{text-box:normal}.not-has-\[svg\]\:era-token-ink:not(:has(:is(svg))){text-align:center;text-box:trim-both cap alphabetic;align-content:center;line-height:1;display:block}.not-has-\[svg\]\:era-label-ink:not(:has(:is(svg))){text-box:trim-both ex alphabetic;align-content:center;line-height:1;display:block}.not-has-\[svg\]\:text-center:not(:has(:is(svg))){text-align:center}@media (hover:hover){.group-hover\/att\:opacity-100:is(:where(.group\/att):hover *),.group-hover\/message\:opacity-100:is(:where(.group\/message):hover *){opacity:1}.group-hover\/row\:flex:is(:where(.group\/row):hover *){display:flex}.group-hover\/row\:hidden:is(:where(.group\/row):hover *){display:none}.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}}.group-data-\[role\=user\]\/message\:max-w-\[80\%\]:is(:where(.group\/message)[data-role=user] *){max-width:80%}.group-data-\[role\=user\]\/message\:rounded-control:is(:where(.group\/message)[data-role=user] *){border-radius:var(--era-rd-control)}.group-data-\[role\=user\]\/message\:bg-elevated:is(:where(.group\/message)[data-role=user] *){background-color:var(--era-surface-bg-elevated)}.group-data-\[role\=user\]\/message\:p-panel:is(:where(.group\/message)[data-role=user] *){padding:var(--era-pad-panel)}.group-data-\[role\=user\]\/message\:whitespace-pre-wrap:is(:where(.group\/message)[data-role=user] *){white-space:pre-wrap}.group-data-\[role\=user\]\/message\:shadow-sm:is(:where(.group\/message)[data-role=user] *){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[state\=checked\]\/radio\:bg-fg:is(:where(.group\/radio)[data-state=checked] *){background-color:var(--color-fg)}.group-data-\[state\=open\]\/error\:rotate-180:is(:where(.group\/error)[data-state=open] *),.group-data-\[state\=open\]\/step\:rotate-180:is(:where(.group\/step)[data-state=open] *){rotate:180deg}.group-data-\[state\=open\]\/todo\:hidden:is(:where(.group\/todo)[data-state=open] *){display:none}.placeholder\:text-muted::placeholder{color:var(--color-muted)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-\[-13px\]:after{content:var(--tw-content);inset:-13px}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:size-11:after{content:var(--tw-content);width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.after\:-translate-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:rounded-l-control:first-child{border-top-left-radius:var(--era-rd-control);border-bottom-left-radius:var(--era-rd-control)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:rounded-r-control:last-child{border-top-right-radius:var(--era-rd-control);border-bottom-right-radius:var(--era-rd-control)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:bg-\(--era-highlight\):focus-within{background-color:var(--era-highlight)}.focus-within\:bg-field-highlight:focus-within{background-color:var(--era-field-highlight)}.focus-within\:bg-highlight:focus-within{background-color:var(--era-highlight)}.focus-within\:opacity-100:focus-within{opacity:1}.focus-within\:shadow-well:focus-within{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:h-\[24px\]:hover{height:24px}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-\(--era-highlight\):hover{background-color:var(--era-highlight)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-destructive:hover{background-color:var(--color-destructive)}.hover\:bg-field:hover{background-color:var(--era-field-bg)}.hover\:bg-field-highlight:hover{background-color:var(--era-field-highlight)}.hover\:bg-highlight:hover{background-color:var(--era-highlight)}.hover\:bg-hover:hover{background-color:var(--color-hover)}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-success:hover{background-color:var(--color-success)}.hover\:bg-warning:hover{background-color:var(--color-warning)}.hover\:text-bright:hover{color:var(--color-bright)}.hover\:text-destructive-fg:hover{color:var(--color-destructive-fg)}.hover\:text-fg:hover{color:var(--color-fg)}.hover\:text-success-fg:hover{color:var(--color-success-fg)}.hover\:text-warning-fg:hover{color:var(--color-warning-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-bright:hover{-webkit-text-decoration-color:var(--color-bright);-webkit-text-decoration-color:var(--color-bright);text-decoration-color:var(--color-bright)}.hover\:shadow-\(--era-highlight-shadow\):hover{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\(--era-shadow-pressed\):hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-highlight:hover{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-pressed:hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-well:hover{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:duration-75:hover{--tw-duration:75ms;transition-duration:75ms}}.focus\:bg-field-highlight:focus{background-color:var(--era-field-highlight)}.focus\:bg-highlight:focus{background-color:var(--era-highlight)}.focus\:bg-hover:focus{background-color:var(--color-hover)}.focus\:text-bright:focus{color:var(--color-bright)}.focus\:shadow-well:focus{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-highlight:focus-visible{background-color:var(--era-highlight)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-fg:focus-visible{outline-color:var(--color-fg)}.active\:scale-\[0\.96\]:active{scale:.96}.active\:shadow-\(--era-shadow-pressed\):active,.active\:shadow-pressed:active{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:not-disabled\:scale-\[0\.96\]:active:not(:disabled){scale:.96}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled,.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-rail\]\:hover\]\:bg-transparent:has([data-rail]:hover){background-color:#0000}.has-\[\[data-rail\]\:hover\]\:shadow-none:has([data-rail]:hover){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[button\:hover\]\:bg-\(--era-surface-bg-elevated\):has(:is(button:hover)){background-color:var(--era-surface-bg-elevated)}.has-\[button\:hover\]\:bg-field:has(:is(button:hover)){background-color:var(--era-field-bg)}.has-\[svg\]\:gap-inset-chip:has(:is(svg)){gap:var(--era-inset-chip)}.has-\[svg\]\:gap-inset-control:has(:is(svg)){gap:var(--era-inset-control)}.has-\[svg\]\:gap-inset-pill:has(:is(svg)){gap:var(--era-inset-pill)}.aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-\[current\=page\]\:bg-fill[aria-current=page]{background-color:var(--era-fill)}.aria-\[current\=page\]\:text-bright[aria-current=page]{color:var(--color-bright)}.aria-\[current\=page\]\:\[text-decoration-color\:currentColor\][aria-current=page]{text-decoration-color:currentColor}.aria-\[current\=page\]\:decoration-2[aria-current=page]{text-decoration-thickness:2px}.aria-\[current\=page\]\:shadow-pressed[aria-current=page]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.aria-\[current\=page\]\:hover\:shadow-pressed[aria-current=page]:hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.aria-\[valuetext\=Empty\]\:text-muted[aria-valuetext=Empty]{color:var(--color-muted)}.data-\[active\]\:scale-\[0\.96\][data-active]{scale:.96}.data-\[active\]\:bg-highlight[data-active]{background-color:var(--era-highlight)}.data-\[active\]\:text-fg[data-active]{color:var(--color-fg)}.data-\[bounded\]\:bg-elevated[data-bounded]{background-color:var(--era-surface-bg-elevated)}.data-\[bounded\]\:text-fg[data-bounded]{color:var(--color-fg)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[dragging\]\:bg-highlight[data-dragging]{background-color:var(--era-highlight)}.data-\[dragging\]\:text-bright[data-dragging]{color:var(--color-bright)}.data-\[highlighted\]\:bg-\(--era-highlight\)[data-highlighted],.data-\[highlighted\]\:bg-highlight[data-highlighted]{background-color:var(--era-highlight)}.data-\[highlighted\]\:bg-hover[data-highlighted]{background-color:var(--color-hover)}.data-\[highlighted\]\:shadow-highlight[data-highlighted]{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[invalid\]\:text-destructive[data-invalid]{color:var(--color-destructive)}.data-\[orientation\=horizontal\]\:mx-gutter[data-orientation=horizontal]{margin-inline:var(--era-gap)}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal]{flex-direction:row}.data-\[orientation\=vertical\]\:my-gutter[data-orientation=vertical]{margin-block:var(--era-gap)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[orientation\=vertical\]\:self-stretch[data-orientation=vertical]{align-self:stretch}.data-\[outside-month\]\:pointer-events-none[data-outside-month]{pointer-events:none}.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:color-mix(in oklab, var(--color-muted) 40%, transparent)}}.data-\[range-end\]\:bg-primary[data-range-end]{background-color:var(--color-primary)}.data-\[range-end\]\:text-primary-fg[data-range-end]{color:var(--color-primary-fg)}.data-\[range-start\]\:bg-primary[data-range-start]{background-color:var(--color-primary)}.data-\[range-start\]\:text-primary-fg[data-range-start]{color:var(--color-primary-fg)}.data-\[segment\=literal\]\:text-muted[data-segment=literal]{color:var(--color-muted)}.data-\[selected\]\:bg-fill[data-selected]{background-color:var(--era-fill)}.data-\[selected\]\:bg-highlight[data-selected]{background-color:var(--era-highlight)}.data-\[selected\]\:bg-hover[data-selected]{background-color:var(--color-hover)}.data-\[selected\]\:text-bright[data-selected]{color:var(--color-bright)}.data-\[side\=bottom\]\:rounded-t-none[data-side=bottom]{border-top-left-radius:0;border-top-right-radius:0}.data-\[side\=top\]\:rounded-b-none[data-side=top]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=active\]\:bg-hover[data-state=active]{background-color:var(--color-hover)}.data-\[state\=active\]\:text-bright[data-state=active]{color:var(--color-bright)}.data-\[state\=checked\]\:translate-x-\[calc\(var\(--era-h-icon\)\/2\)\][data-state=checked]{--tw-translate-x:calc(var(--era-h-icon) / 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-2[data-state=checked]{background-color:var(--color-2)}.data-\[state\=checked\]\:bg-fg[data-state=checked]{background-color:var(--color-fg)}.data-\[state\=checked\]\:text-primary[data-state=checked]{color:var(--color-primary)}.data-\[state\=hidden\]\:opacity-0[data-state=hidden]{opacity:0}.data-\[state\=on\]\:bg-fill[data-state=on]{background-color:var(--era-fill)}.data-\[state\=on\]\:text-bright[data-state=on]{color:var(--color-bright)}.data-\[state\=on\]\:shadow-pressed[data-state=on]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.data-\[state\=on\]\:hover\:shadow-pressed[data-state=on]:hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.data-\[state\=open\]\:rounded-b-none[data-state=open]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=open\]\:bg-hover[data-state=open]{background-color:var(--color-hover)}.data-\[state\=open\]\:text-fg[data-state=open]{color:var(--color-fg)}.data-\[state\=open\]\:shadow-pressed[data-state=open]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=visible\]\:opacity-100[data-state=visible]{opacity:1}.data-\[unavailable\]\:text-muted[data-unavailable]{color:var(--color-muted)}.data-\[unavailable\]\:line-through[data-unavailable]{text-decoration-line:line-through}.data-\[variant\=cells\]\:border-separate[data-variant=cells]{border-collapse:separate}.data-\[variant\=cells\]\:border-spacing-\(--era-gap\)[data-variant=cells]{--tw-border-spacing-x:var(--era-gap);--tw-border-spacing-y:var(--era-gap);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.data-\[variant\=default\]\:border-collapse[data-variant=default]{border-collapse:collapse}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:var(--animate-spin)}}@media (min-width:40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[0\.75rem_5\.5rem_4rem_1fr\]{grid-template-columns:.75rem 5.5rem 4rem 1fr}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-x-content{column-gap:var(--era-pad-content)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:justify-end{justify-content:flex-end}}@media (min-width:64rem){.lg\:w-80{width:calc(var(--spacing) * 80)}.lg\:w-\[420px\]{width:420px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:80rem){.xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(22rem\,0\.8fr\)\]{grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr)}}@container (min-width:28rem){.\@md\:block{display:block}}@media (prefers-color-scheme:dark){.dark\:scheme-only-dark{color-scheme:dark only}.dark\:outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:outline-white\/10{outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.\[\&_\*\]\:pointer-events-none *{pointer-events:none}.\[\&_svg\]\:size-\[calc\(var\(--era-sp\)\+0\.3125rem\)\] svg{width:calc(var(--era-sp) + .3125rem);height:calc(var(--era-sp) + .3125rem)}.\[\&_svg\]\:size-glyph-icon svg{width:var(--era-glyph-icon);height:var(--era-glyph-icon)}.\[\&_svg\]\:size-glyph-pill svg{width:var(--era-glyph-pill);height:var(--era-glyph-pill)}.\[\&_svg\]\:size-icon svg{width:var(--era-h-icon);height:var(--era-h-icon)}.\[\&\:active\>\*\]\:translate-x-\(--era-press-sink-x\):active>*{--tw-translate-x:var(--era-press-sink-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:active\>\*\]\:translate-y-\(--era-press-sink-y\):active>*{--tw-translate-y:var(--era-press-sink-y);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:has\(\+_\:not\(\[data-pin-input-cell\]\)\)\]\:rounded-r-control:has(+:not([data-pin-input-cell])){border-top-right-radius:var(--era-rd-control);border-bottom-right-radius:var(--era-rd-control)}.\[\&\>\*\]\:justify-start>*{justify-content:flex-start}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:border-l>:not(:first-child):not([data-chips-cursor]){border-left-style:var(--tw-border-style);border-left-width:1px}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:border-divider-faded>:not(:first-child):not([data-chips-cursor]){border-color:var(--era-divider-faded)}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:pl-gutter>:not(:first-child):not([data-chips-cursor]){padding-left:var(--era-gap)}.\[\&\>div\]\:bg-destructive>div{background-color:var(--color-destructive)}.\[\&\>span\>span\]\:era-text-trim-caps>span>span{text-box:trim-both cap alphabetic;line-height:1}:focus-visible>.\[\:focus-visible\>\&\]\:outline{outline-style:var(--tw-outline-style);outline-width:1px}:focus-visible>.\[\:focus-visible\>\&\]\:-outline-offset-1{outline-offset:calc(1px * -1)}:focus-visible>.\[\:focus-visible\>\&\]\:outline-primary{outline-color:var(--color-primary)}@media (hover:hover){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\]\:hover\:bg-highlight:hover{background-color:var(--era-highlight)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-b>td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-b>th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:rounded-chip{border-radius:var(--era-rd-chip)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-elevated{background-color:var(--era-surface-bg-elevated)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-fill{background-color:var(--era-fill)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:px-inset-chip{padding-inline:var(--era-inset-chip)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:text-bright{color:var(--color-bright)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:shadow-sm{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@layer era.tokens{:root{background-color:var(--color-1);color:var(--color-fg)}:root,.dark{color-scheme:dark;--color-1:oklch(16.2% 0 none);--color-2:oklch(19.5% 0 none);--color-3:oklch(25.4% 0 none);--color-4:oklch(30.2% 0 none);--color-5:oklch(34.8% 0 none);--color-6:oklch(39.6% 0 none);--color-7:oklch(45.9% 0 none);--color-8:oklch(54.9% 0 none);--color-9:oklch(64.9% 0 none);--color-10:oklch(72% 0 none);--color-11:oklch(86.3% 0 none);--color-12:oklch(93.3% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25% 0 none);--color-fg:var(--color-11);--color-link:var(--color-bright);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root,.dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root,.dark{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(96% 0 none);--color-success:oklch(65% .2 145);--color-success-fg:oklch(96% 0 none);--color-warning:oklch(75% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root,.dark,.light{--color-bright:var(--color-12)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-bright:color-mix(in oklch, var(--color-12) 88%, var(--color-primary))}}:root,.dark,.light{--color-muted:var(--color-10)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-muted:color-mix(in oklch, var(--color-10) 60%, var(--color-bright))}}@media (prefers-color-scheme:light){:root:not(.dark){color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root:not(.dark){--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .2 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}}.light{color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}.light{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root[data-theme=adobe],[data-theme=adobe].dark{color-scheme:dark;--color-1:oklch(16.2% .016 48);--color-2:oklch(19.8% .02 52);--color-3:oklch(25.4% .024 56);--color-4:oklch(30.2% .028 60);--color-5:oklch(34.8% .032 64);--color-6:oklch(39.6% .036 68);--color-7:oklch(45.9% .034 72);--color-8:oklch(54.9% .03 76);--color-9:oklch(64.9% .024 82);--color-10:oklch(72% .02 86);--color-11:oklch(86.3% .016 90);--color-12:oklch(93.3% .014 94);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25.2% .024 56);--color-fg:var(--color-11);--color-primary:oklch(74% .108 68);--color-primary-fg:oklch(19% .014 50);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe],[data-theme=adobe].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 78%, var(--color-success))}}:root[data-theme=adobe],[data-theme=adobe].dark{--color-destructive:oklch(61% .17 30);--color-destructive-fg:oklch(96% .016 90);--color-success:oklch(70% .125 184);--color-success-fg:oklch(19% .014 50);--color-warning:oklch(78% .14 82);--color-warning-fg:oklch(19% .014 50)}@media (prefers-color-scheme:light){:root[data-theme=adobe]:not(.dark){color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=adobe]:not(.dark){--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}}[data-theme=adobe].light{color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=adobe].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=adobe].light{--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}:root[data-theme=sand],[data-theme=sand].dark{color-scheme:dark;--color-1:oklch(30% .06 78);--color-2:oklch(35% .07 76);--color-3:oklch(40% .08 74);--color-4:oklch(45% .09 72);--color-5:oklch(50% .1 70);--color-6:oklch(55% .11 68);--color-7:oklch(60% .12 65);--color-8:oklch(65% .13 62);--color-9:oklch(70% .14 60);--color-10:oklch(75% .12 58);--color-11:oklch(80% .1 55);--color-12:oklch(82% .08 52);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}:root[data-theme=sand],[data-theme=sand].dark{--color-fg:var(--color-11);--color-ink:oklch(24% .03 60);--color-primary:oklch(80% .034 54);--color-primary-fg:var(--color-ink);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 80%, var(--color-success))}}:root[data-theme=sand],[data-theme=sand].dark{--color-destructive:oklch(61.5% .15 33);--color-destructive-fg:var(--color-ink);--color-success:oklch(71% .09 164);--color-success-fg:var(--color-ink);--color-warning:oklch(78% .1 85);--color-warning-fg:var(--color-ink)}@media (prefers-color-scheme:light){:root[data-theme=sand]:not(.dark){color-scheme:light;--color-1:oklch(82% .08 52);--color-2:oklch(80% .1 55);--color-3:oklch(75% .12 58);--color-4:oklch(70% .14 60);--color-5:oklch(65% .13 62);--color-6:oklch(60% .12 65);--color-7:oklch(55% .11 68);--color-8:oklch(50% .1 70);--color-9:oklch(45% .09 72);--color-10:oklch(40% .08 74);--color-11:oklch(35% .07 76);--color-12:oklch(30% .06 78);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}:root[data-theme=sand]:not(.dark){--color-fg:var(--color-11);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=sand]:not(.dark){--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}}[data-theme=sand].light{color-scheme:light;--color-1:oklch(82% .08 52);--color-2:oklch(80% .1 55);--color-3:oklch(75% .12 58);--color-4:oklch(70% .14 60);--color-5:oklch(65% .13 62);--color-6:oklch(60% .12 65);--color-7:oklch(55% .11 68);--color-8:oklch(50% .1 70);--color-9:oklch(45% .09 72);--color-10:oklch(40% .08 74);--color-11:oklch(35% .07 76);--color-12:oklch(30% .06 78);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}[data-theme=sand].light{--color-fg:var(--color-11);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=sand].light{--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}:root[data-theme=signalnine],[data-theme=signalnine].dark{color-scheme:dark;--color-1:oklch(16.8% .002 84);--color-2:oklch(22.5% .002 84);--color-3:oklch(29% .003 84);--color-4:oklch(35.5% .003 84);--color-5:oklch(43.5% .003 84);--color-6:oklch(51.5% .003 84);--color-7:oklch(60% 0 none);--color-8:oklch(67.7% .003 84);--color-9:oklch(73% .002 84);--color-10:oklch(76.8% .002 84);--color-11:oklch(80.8% 0 none);--color-12:oklch(90.4% 0 none);--color-border:var(--color-4);--color-surface:var(--color-2);--color-hover:oklch(25.5% .002 84);--color-fg:var(--color-11);--color-muted:var(--color-8);--color-link:var(--color-primary);--color-primary:oklch(76% .115 84);--color-primary-fg:oklch(16.8% .002 84);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-destructive:oklch(63.08% .1298 21.4);--color-destructive-fg:oklch(16.8% .002 84);--color-success:oklch(77.33% .1095 113.4);--color-success-fg:oklch(16.8% .002 84);--color-warning:oklch(84.62% .1115 82.9);--color-warning-fg:oklch(16.8% .002 84)}@media (prefers-color-scheme:light){:root[data-theme=signalnine]:not(.dark){color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .013 271.14);--color-3:oklch(88.7% .019 265.13);--color-4:oklch(80.8% .02 265.6);--color-5:oklch(74.5% .036 261.83);--color-6:oklch(67.6% .045 263);--color-7:oklch(59.3% .06 260.33);--color-8:oklch(54.5% .08 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .13 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .008 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(52% .205 264.1);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine]:not(.dark){--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}}[data-theme=signalnine].light{color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .013 271.14);--color-3:oklch(88.7% .019 265.13);--color-4:oklch(80.8% .02 265.6);--color-5:oklch(74.5% .036 261.83);--color-6:oklch(67.6% .045 263);--color-7:oklch(59.3% .06 260.33);--color-8:oklch(54.5% .08 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .13 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .008 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(52% .205 264.1);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=signalnine].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=signalnine].light{--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}@property --era-roundness-scale{syntax:"<number>";inherits:true;initial-value:1}*{--era-h-icon:calc(var(--era-sp) + .375rem);--era-glyph-stroke-width:1.75;--era-glyph-pill:calc(var(--era-sp) + .25rem);--era-glyph-icon:calc(var(--era-sp) + .125rem);--era-h-pill:calc(var(--era-sp) + .625rem);--era-h-chip:calc(2 * var(--era-sp) + .375rem);--era-h-control:calc(3 * var(--era-sp));--era-h-bar:calc(4 * var(--era-sp));--era-gap:calc(var(--era-sp) * .5);--era-leading:1.6;--era-inset-pill:max(0px, calc((var(--era-h-pill) - var(--era-text)) / 2));--era-inset-chip:max(0px, calc((var(--era-h-chip) - var(--era-text)) / 2));--era-inset-control:max(0px, calc((var(--era-h-control) - var(--era-text)) / 2));--era-pill-px:max(0px, calc((var(--era-h-pill) - .6 * var(--era-text)) / 2));--era-chip-px:max(0px, calc((var(--era-h-chip) - .6 * var(--era-text)) / 2));--era-field-px:max(var(--era-chip-px), .5rem);--era-icon-inset-chip:calc((var(--era-h-chip) - var(--era-h-icon)) / 2);--era-icon-inset-pill:calc((var(--era-h-pill) - var(--era-h-icon)) / 2);--era-pill-inset-control:calc((var(--era-h-control) - var(--era-h-pill)) / 2);--era-pill-inset-chip:calc((var(--era-h-chip) - var(--era-h-pill)) / 2);--era-icon-inset-control:calc((var(--era-h-control) - var(--era-h-icon)) / 2);--era-icon-inset-bar:calc((var(--era-h-bar) - var(--era-h-icon)) / 2);--era-chip-inset-control:calc((var(--era-h-control) - var(--era-h-chip)) / 2);--era-pill-inset-bar:calc((var(--era-h-bar) - var(--era-h-pill)) / 2);--era-chip-inset-bar:calc((var(--era-h-bar) - var(--era-h-chip)) / 2);--era-roundness:calc(var(--era-roundness-scale) * var(--era-sp) / 2.618);--era-rd-icon:max(0px, var(--era-roundness));--era-rd-pill:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-pill) - var(--era-h-icon)) / 2));--era-rd-chip:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-chip) - var(--era-h-icon)) / 2));--era-rd-control:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-control) - var(--era-h-icon)) / 2));--era-rd-bar:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-bar) - var(--era-h-icon)) / 2));--era-so:calc(var(--era-sp) * (1 + var(--era-density)) / 2);--era-pad-panel:calc(var(--era-so) / 2);--era-pad-card:var(--era-so);--era-pad-content:calc(var(--era-so) * 2)}:root{--era-roundness-scale:1;--era-mask-glyph:disc}:root,[data-mode=dense]{--era-sp:.5rem;--era-density:1;--era-text:.75rem}[data-mode=balanced],[data-mode=spacious],[data-mode=touch]{--era-text:.875rem}[data-mode=balanced]{--era-sp:.625rem;--era-density:1.25}[data-mode=spacious]{--era-sp:.75rem;--era-density:1.5}[data-mode=touch]{--era-sp:1rem;--era-density:2}[data-mode=touch],[data-mode=touch] *{--era-roundness:calc(var(--era-roundness-scale) * var(--era-h-icon) / 2)}[data-corners=square]{--era-roundness-scale:0;--era-mask-glyph:square}[data-corners=rounded]{--era-roundness-scale:1;--era-mask-glyph:disc}:root{transition:--era-roundness-scale var(--era-duration) var(--era-ease);--era-z-chrome:30;--era-z-drawer:40;--era-z-overlay:50;--era-z-toast:55;--era-z-debug:60}:root,[data-surface]{--era-border-color:transparent;--era-divider-color:var(--color-border);--era-divider-faded:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-divider-faded:color-mix(in oklch, var(--era-divider-color) 40%, transparent)}}:root,[data-surface]{--era-surface-bg:var(--color-2);--era-surface-bg-elevated:var(--era-surface-bg)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-surface-bg-elevated:color-mix(in oklch, var(--era-surface-bg) 94%, var(--color-bright))}}:root,[data-surface]{--era-field-bg:var(--color-hover);--era-field-highlight:var(--era-field-bg)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-field-highlight:color-mix(in oklch, var(--era-field-bg) 96%, var(--color-bright))}}:root,[data-surface]{--era-shadow:none;--era-shadow-lg:none;--era-shadow-well:var(--era-shadow);--era-shadow-pressed:var(--era-shadow);--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}:root,[data-surface]{--era-highlight-shadow:var(--era-shadow);--era-fill:var(--era-highlight);--era-press-sink-x:0px;--era-press-sink-y:0px;--era-panel-inset:0px;--era-overlay-bg:var(--color-1)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-overlay-bg:color-mix(in oklch, var(--color-1) 60%, transparent)}}:root,[data-surface]{--era-blur:0px;--era-saturate:100%;--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}::selection{background-color:var(--era-selection-bg);color:var(--era-selection-fg);text-shadow:var(--era-selection-shadow)}*{--era-item-rd:max(0px, calc(var(--era-rd-control) - var(--era-panel-inset)))}@media (prefers-reduced-transparency:reduce){:root,[data-surface]{--era-highlight:var(--color-hover);--era-fill:var(--color-hover)}}[data-surface=glass]{--era-divider-color:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-divider-color:light-dark(color-mix(in oklch, var(--color-bright) 12%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}[data-surface=glass]{--era-surface-bg:light-dark(var(--color-1),var(--color-2))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg:light-dark(color-mix(in oklch, var(--color-1) 66%, transparent),color-mix(in oklch, var(--color-2) 62%, transparent))}}[data-surface=glass]{--era-surface-bg-elevated:light-dark(var(--color-1),var(--color-3))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg-elevated:light-dark(color-mix(in oklch, var(--color-1) 90%, transparent),color-mix(in oklch, var(--color-3) 85%, transparent))}}[data-surface=glass]{--era-field-bg:var(--color-hover)}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-field-bg:color-mix(in oklch, var(--color-hover) 72%, transparent)}}[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff59,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),color-mix(in oklch, var(--color-bright) 18%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 8%, transparent),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -2px -2px 0 -1.25px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 24px 0 light-dark(transparent,var(--color-bright)), 0 12px 32px -8px light-dark(var(--color-bright),oklch(0% 0 0/.35))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 24%, transparent)), inset -2px -2px 0 -1.25px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 10%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 6%, transparent),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 24px 0 light-dark(transparent,color-mix(in oklch, var(--color-bright) 4%, transparent)), 0 12px 32px -8px light-dark(color-mix(in oklch, var(--color-bright) 18%, transparent),oklch(0% 0 0/.35))}}[data-surface=glass]{--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 12%, transparent))}}[data-surface=glass]{--era-fill:var(--color-hover);--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 12px 0 light-dark(#ffffff59,var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 28%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 12%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 10%, transparent),color-mix(in oklch, var(--color-bright) 9%, transparent)), inset 0 0 12px 0 light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-selection-bg:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-bg:light-dark(color-mix(in oklch, var(--color-bright) 16%, transparent),color-mix(in oklch, var(--color-bright) 22%, transparent))}}[data-surface=glass]{--era-selection-fg:var(--color-bright);--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),color-mix(in oklch, var(--color-bright) 45%, transparent))}}[data-surface=glass]{--era-panel-inset:2px;--era-blur:20px;--era-saturate:180%}@media (prefers-reduced-transparency:reduce){[data-surface=glass]{--era-surface-bg:var(--color-2);--era-surface-bg-elevated:var(--color-3);--era-blur:0px;--era-saturate:100%;--era-field-bg:var(--color-hover);--era-highlight:var(--color-hover);--era-fill:var(--color-hover);--era-highlight-shadow:var(--era-shadow);--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}}[data-surface=bevel]{--era-bevel-side:.6;--era-bevel-x1:calc(1px * var(--era-bevel-side));--era-bevel-x2:calc(2px * var(--era-bevel-side));--era-bevel-rim:inset 0 0 0 1px light-dark(oklch(0% 0 0),oklch(0% 0 0))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-bevel-rim:inset 0 0 0 1px light-dark(color-mix(in oklch, oklch(0% 0 0) 24%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 42%, var(--color-2)))}}[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 70%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 12%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-surface-bg-elevated:var(--era-surface-bg);--era-shadow-lg:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset var(--era-bevel-x2) 2px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x2)) -2px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), calc(4px * var(--era-bevel-side)) 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-lg:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 80%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 14%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 34%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 45%, var(--color-2))), inset var(--era-bevel-x2) 2px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 40%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 6%, var(--color-2))), inset calc(-1 * var(--era-bevel-x2)) -2px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 16%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 22%, var(--color-2))), calc(4px * var(--era-bevel-side)) 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25)), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-well:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-well:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 55%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 8%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-pressed:var(--era-shadow-well);--era-press-sink-x:0px;--era-press-sink-y:1px;--era-panel-inset:2px;--era-selection-bg:var(--color-primary);--era-selection-fg:var(--color-primary-fg)}[data-surface=bevel] button[data-size=xs],[data-surface=bevel] button[data-size=icon]{--era-press-sink-y:.5px}}@layer era.base{:where(.lucide){stroke-width:var(--era-glyph-stroke-width)}:where(input[type=password]){-webkit-text-security:var(--era-mask-glyph,disc)}}:root{--era-ease-standard:cubic-bezier(.2, 0, 0, 1);--era-ease-expressive:cubic-bezier(.34, 1.35, .6, 1)}:root,[data-motion=normal]{--era-duration:.15s;--era-ease:var(--era-ease-standard)}[data-motion=instant]{--era-duration:0s;--era-ease:var(--era-ease-standard)}[data-motion=extra]{--era-duration:.26s;--era-ease:var(--era-ease-expressive)}@media (prefers-reduced-motion:reduce){:root,[data-motion]{--era-duration:0s!important}}:root{--era-font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--era-font-sans:system-ui, sans-serif;--era-font-serif:ui-serif, Georgia, "Times New Roman", serif}[data-font=mono]{--era-font-stack:var(--era-font-mono)}[data-font=sans]{--era-font-stack:var(--era-font-sans)}[data-font=serif]{--era-font-stack:var(--era-font-serif)}[data-font],[data-font] *{font-family:var(--era-font-stack)!important}:where(html,body){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance}:where(p,li,dd,dt,blockquote,figcaption,caption){text-wrap:pretty}.era-text-trim.truncate,.era-text-trim-caps.truncate,.era-label-ink.truncate,.era-token-ink.truncate{text-box:normal;line-height:normal}@keyframes era-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes era-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes era-collapse-open{0%{opacity:0;height:0}to{height:var(--bits-collapsible-content-height);opacity:1}}@keyframes era-collapse-close{0%{height:var(--bits-collapsible-content-height);opacity:1}to{opacity:0;height:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
|
|
@@ -27,6 +27,38 @@ and screen-reader accessible names don't change shape mid-flight. |
|
|
|
27
27
|
an icon in `children`: the label then gets its own box, which is the only
|
|
28
28
|
place era's ink centring can reach (see era-label-ink). |
|
|
29
29
|
| `trail?` | `Snippet` | — | Icon rendered AFTER the label, outside it. Same reason as `lead`. |
|
|
30
|
+
| `caps?` | `boolean` | `false` | Trim this label to the CAP band instead of the x-height band — for a
|
|
31
|
+
label whose ink runs cap-to-baseline: "PDF", "CSV", "OK", "API".
|
|
32
|
+
THE NAME SAYS CAPS AND THE MECHANISM IS DESCENDERS. Worth knowing before
|
|
33
|
+
you reach for it, because it decides where it helps. A controlled A/B on
|
|
34
|
+
one real button — same element, same classes, only the STRING changing —
|
|
35
|
+
says case is not the variable at all:
|
|
36
|
+
Save asc 9 desc 0 ink 1.28px high
|
|
37
|
+
SAVE asc 9 desc 0 ink 1.28px high ← identical to "Save"
|
|
38
|
+
Savg asc 9 desc 3 ink 0.22px low
|
|
39
|
+
savg asc 7 desc 3 ink 1.22px low
|
|
40
|
+
The ex band runs x-height to baseline, so ink above the x-height pulls
|
|
41
|
+
the visual centre up and ink below the baseline pushes it back down;
|
|
42
|
+
(xh − asc + desc)/2 predicts every row within 0.3px. A caps string is
|
|
43
|
+
simply one that always has an ascender and never a descender, which is
|
|
44
|
+
why the cap band boxes it exactly. "Save" has the same offset and this
|
|
45
|
+
prop would fix it too. Measured by signalnine.org and reproduced here.
|
|
46
|
+
WHAT IT COSTS, and why it is not the default. A fixed band gives every
|
|
47
|
+
label the SAME baseline whatever it contains — measured spread across
|
|
48
|
+
Save/Savg/save/savg/SAVE/PDF/Cancel/"Copy page" is 0.00px. Changing one
|
|
49
|
+
label's band moves that label alone: in a Bar holding bold/italic/PDF/
|
|
50
|
+
publish, the caps label sits 1.06px below the other three. So this trades
|
|
51
|
+
a uniform offset the eye cannot see for a local misalignment it can, and
|
|
52
|
+
it is the right trade only when the label has no neighbour to align with
|
|
53
|
+
— a lone action, a label paired with an icon (the reported case, where
|
|
54
|
+
the comparison is against an optically-centred glyph rather than against
|
|
55
|
+
other text). Beside other labels in a bar, prefer leaving it off.
|
|
56
|
+
A PROP because nothing can infer it: `text-transform: uppercase` is a
|
|
57
|
+
different question (a label typed "PDF" carries no transform), and a
|
|
58
|
+
snippet's text cannot be read before it renders.
|
|
59
|
+
Only reaches the label when `lead`/`trail` give it its own box. Without
|
|
60
|
+
one the label is an anonymous flex item that no selector can address,
|
|
61
|
+
which is the whole reason those snippets exist. |
|
|
30
62
|
| `children?` | `Snippet` | — | — |
|
|
31
63
|
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
32
64
|
|
|
@@ -440,7 +440,9 @@ The value is OPTICAL, not the derivation's: pure x-band centring computes
|
|
|
440
440
|
to ~0.23em of padding, but pixel-measured against real Title-Case text it
|
|
441
441
|
over-lifts — the eye weighs the cap-to-baseline mass, which x-band
|
|
442
442
|
centring parks ~2px high (caps 2.75px off the top against 5.7px of air
|
|
443
|
-
under the baseline, measured at dense
|
|
443
|
+
under the baseline, measured at dense; the general form of that offset,
|
|
444
|
+
and why era-label-ink's note about "System" is not a contradiction of it,
|
|
445
|
+
is derived at era-label-ink below). 0.08em splits the difference
|
|
444
446
|
between the x-band ideal and the cap-band ideal, landing caps ~3.7px in an
|
|
445
447
|
18px field with ~4.7px under the baseline — the reading where neither
|
|
446
448
|
band's partisans win and neither complains.
|
|
@@ -532,6 +534,36 @@ class differs — a label is sentence case, so the x-height band is the visual
|
|
|
532
534
|
mass to centre (cap-band reads low on "System"), and it is laid out against
|
|
533
535
|
the row's padding rather than centred in it.
|
|
534
536
|
|
|
537
|
+
THAT PARENTHESIS AND era-ink-center's "x-band centring parks ~2px high" READ
|
|
538
|
+
AS A CONTRADICTION AND ARE NOT. Both are true, of their own example string,
|
|
539
|
+
and each was generalised one step too far. Under an ex band the ink offset is
|
|
540
|
+
|
|
541
|
+
(xh − ascent + descent) / 2
|
|
542
|
+
|
|
543
|
+
which predicts a controlled A/B — one real button, one class set, only the
|
|
544
|
+
STRING changing — within 0.3px:
|
|
545
|
+
|
|
546
|
+
Save asc 9 desc 0 1.28px high SAVE asc 9 desc 0 1.28px high
|
|
547
|
+
Savg asc 9 desc 3 0.22px low savg asc 7 desc 3 1.22px low
|
|
548
|
+
|
|
549
|
+
"System" has a descender and reads low under the cap band; "Save" has none
|
|
550
|
+
and reads high under the ex band. Case is not the variable — "Save" and
|
|
551
|
+
"SAVE" are identical to the hundredth of a pixel. No fixed band centres both
|
|
552
|
+
a descender-less and a descender-bearing label, because they differ by ~1.5px
|
|
553
|
+
in the same box.
|
|
554
|
+
|
|
555
|
+
WHICH IS WHY THE BAND IS FIXED ANYWAY, and this is the part that decides it.
|
|
556
|
+
A band gives every label the SAME baseline whatever it spells — measured
|
|
557
|
+
spread across Save/Savg/save/savg/SAVE/PDF/Cancel/"Copy page" is 0.00px —
|
|
558
|
+
while ink-extent centring would move each label independently and leave a bar
|
|
559
|
+
of buttons visibly ragged. A uniform offset the eye cannot see beats a local
|
|
560
|
+
misalignment it can. So the offset is accepted, not corrected, and the only
|
|
561
|
+
escape is per-label and opt-in (Button's `caps`), which buys optical centring
|
|
562
|
+
for a lone label at the cost of ~1.06px against its neighbours.
|
|
563
|
+
|
|
564
|
+
Measured by signalnine.org and reproduced here; see label-band.spec.ts, which
|
|
565
|
+
pins both the 0.00px spread and the cost of breaking it.
|
|
566
|
+
|
|
535
567
|
WHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare
|
|
536
568
|
text is an ANONYMOUS flex item — a box no selector reaches and no
|
|
537
569
|
non-inherited property touches. So `era-text-trim` on a flex row is inert,
|
|
@@ -1576,6 +1608,11 @@ and it is the accessible one. |
|
|
|
1576
1608
|
| `size?` | `'control' \| 'chip' \| 'pill' \| 'icon'` | `'control'` | Tier, matching Button's rungs so an item nests in a bar the same way. |
|
|
1577
1609
|
| `lead?` | `Snippet` | — | Icon before the label, outside it — same contract as Button's. |
|
|
1578
1610
|
| `trail?` | `Snippet` | — | Icon after the label, outside it. |
|
|
1611
|
+
| `caps?` | `boolean` | `false` | The label is ALL CAPS or an initialism — trims to the cap band instead of
|
|
1612
|
+
the x-height band. Same prop, same reason, same wording as Button's:
|
|
1613
|
+
Nav.Item borrows Button's geometry and renders the identical label box,
|
|
1614
|
+
so a nav of "API" / "SDK" / "CLI" links had the identical defect and no
|
|
1615
|
+
way to reach it either. |
|
|
1579
1616
|
| `children?` | `Snippet` | — | — |
|
|
1580
1617
|
|
|
1581
1618
|
<!-- end: nav -->
|
|
@@ -1611,6 +1648,38 @@ and screen-reader accessible names don't change shape mid-flight. |
|
|
|
1611
1648
|
an icon in `children`: the label then gets its own box, which is the only
|
|
1612
1649
|
place era's ink centring can reach (see era-label-ink). |
|
|
1613
1650
|
| `trail?` | `Snippet` | — | Icon rendered AFTER the label, outside it. Same reason as `lead`. |
|
|
1651
|
+
| `caps?` | `boolean` | `false` | Trim this label to the CAP band instead of the x-height band — for a
|
|
1652
|
+
label whose ink runs cap-to-baseline: "PDF", "CSV", "OK", "API".
|
|
1653
|
+
THE NAME SAYS CAPS AND THE MECHANISM IS DESCENDERS. Worth knowing before
|
|
1654
|
+
you reach for it, because it decides where it helps. A controlled A/B on
|
|
1655
|
+
one real button — same element, same classes, only the STRING changing —
|
|
1656
|
+
says case is not the variable at all:
|
|
1657
|
+
Save asc 9 desc 0 ink 1.28px high
|
|
1658
|
+
SAVE asc 9 desc 0 ink 1.28px high ← identical to "Save"
|
|
1659
|
+
Savg asc 9 desc 3 ink 0.22px low
|
|
1660
|
+
savg asc 7 desc 3 ink 1.22px low
|
|
1661
|
+
The ex band runs x-height to baseline, so ink above the x-height pulls
|
|
1662
|
+
the visual centre up and ink below the baseline pushes it back down;
|
|
1663
|
+
(xh − asc + desc)/2 predicts every row within 0.3px. A caps string is
|
|
1664
|
+
simply one that always has an ascender and never a descender, which is
|
|
1665
|
+
why the cap band boxes it exactly. "Save" has the same offset and this
|
|
1666
|
+
prop would fix it too. Measured by signalnine.org and reproduced here.
|
|
1667
|
+
WHAT IT COSTS, and why it is not the default. A fixed band gives every
|
|
1668
|
+
label the SAME baseline whatever it contains — measured spread across
|
|
1669
|
+
Save/Savg/save/savg/SAVE/PDF/Cancel/"Copy page" is 0.00px. Changing one
|
|
1670
|
+
label's band moves that label alone: in a Bar holding bold/italic/PDF/
|
|
1671
|
+
publish, the caps label sits 1.06px below the other three. So this trades
|
|
1672
|
+
a uniform offset the eye cannot see for a local misalignment it can, and
|
|
1673
|
+
it is the right trade only when the label has no neighbour to align with
|
|
1674
|
+
— a lone action, a label paired with an icon (the reported case, where
|
|
1675
|
+
the comparison is against an optically-centred glyph rather than against
|
|
1676
|
+
other text). Beside other labels in a bar, prefer leaving it off.
|
|
1677
|
+
A PROP because nothing can infer it: `text-transform: uppercase` is a
|
|
1678
|
+
different question (a label typed "PDF" carries no transform), and a
|
|
1679
|
+
snippet's text cannot be read before it renders.
|
|
1680
|
+
Only reaches the label when `lead`/`trail` give it its own box. Without
|
|
1681
|
+
one the label is an anonymous flex item that no selector can address,
|
|
1682
|
+
which is the whole reason those snippets exist. |
|
|
1614
1683
|
| `children?` | `Snippet` | — | — |
|
|
1615
1684
|
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
1616
1685
|
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"slug": "utilities",
|
|
53
53
|
"title": "Utilities",
|
|
54
54
|
"summary": "The CSS classes era ships alongside the components — links, ink-centred text, shimmer, hidden scrollbars.",
|
|
55
|
-
"tokenEstimate":
|
|
55
|
+
"tokenEstimate": 13037,
|
|
56
56
|
"sections": [
|
|
57
57
|
"Overview",
|
|
58
58
|
"era-interactive",
|
|
@@ -195,7 +195,7 @@
|
|
|
195
195
|
"slug": "nav",
|
|
196
196
|
"title": "Nav",
|
|
197
197
|
"summary": "A navigation landmark and its items — the current one announces itself, and that announcement is what paints it.",
|
|
198
|
-
"tokenEstimate":
|
|
198
|
+
"tokenEstimate": 825,
|
|
199
199
|
"sections": [
|
|
200
200
|
"Import",
|
|
201
201
|
"Nav.Bar",
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
"slug": "button",
|
|
208
208
|
"title": "Button",
|
|
209
209
|
"summary": "A flexible button or link element.",
|
|
210
|
-
"tokenEstimate":
|
|
210
|
+
"tokenEstimate": 1070,
|
|
211
211
|
"sections": [
|
|
212
212
|
"Import",
|
|
213
213
|
"Props",
|
|
@@ -1095,7 +1095,7 @@
|
|
|
1095
1095
|
],
|
|
1096
1096
|
"file": "index.css",
|
|
1097
1097
|
"useCase": "on a native single-line <input> (or the text layer that must mirror one) inside a fixed-height field — never alongside era-text-trim.",
|
|
1098
|
-
"description": "The EDITABLE counterpart of era-text-trim — for native <input>s, which the\ntrim is forbidden on (it collapses the UA's inner editor box and slices the\nglyphs; see typography/collapsed-text-trim).\n\nWithout help, a tier-height input centres its text by FONT BOX, and the ui\nstacks' font box is deeply asymmetric: ascent ≈1.07em against descent\n≈0.29em. Centring that box parks the visible band (caps, x-height) ~0.115em\nLOW — so a field's text sat visibly below the trimmed label beside it.\n\nThe value is OPTICAL, not the derivation's: pure x-band centring computes\nto ~0.23em of padding, but pixel-measured against real Title-Case text it\nover-lifts — the eye weighs the cap-to-baseline mass, which x-band\ncentring parks ~2px high (caps 2.75px off the top against 5.7px of air\nunder the baseline, measured at dense). 0.08em splits the difference\nbetween the x-band ideal and the cap-band ideal, landing caps ~3.7px in an\n18px field with ~4.7px under the baseline — the reading where neither\nband's partisans win and neither complains.\n\nThe lift is padding, not a translateY: an icon-less Input paints the field\nchrome itself, and a transform would drag the field along with the ink.\npadding-bottom shrinks the content box from below, and a single-line input\nre-centres its line box in what remains — the ink rises by exactly half the\npadding, the chrome doesn't move, and the caret and selection follow the\ntext. In em on purpose: the correction is a fraction of the type, so it\nholds across every density and text size with one value.\n\nWHEN SOMEONE REPORTS A CORRECTLY-CENTRED FIELD AS \"TOO HIGH\", check the\nSTRING before the geometry. A placeholder like \"Filter…\" has no descender and\nno cap, so its ink occupies only the x-height band — and a box that centres\nthat band exactly still reads high, because the eye centres on the mass it\ncan see and expects the space a descender would have filled. Measured at the\npill tier on the shipped mono stack, \"Filter…\" sits within half a pixel of\ncentre while looking a little high; the pill suite documents the same effect\nfrom the other side (see OFF_BAND_LOW in ink-centering.spec.ts, where \"soon\"\ncannot be symmetric and is bounded by sign instead of magnitude).\n\nThat is not a licence to ignore the report — era-ink-center IS wrong by\n1.5–2px on the sans and serif stacks (pinned in FIELD_KNOWN_SKEW) — only a\nreason to measure the ink before touching the constant.",
|
|
1098
|
+
"description": "The EDITABLE counterpart of era-text-trim — for native <input>s, which the\ntrim is forbidden on (it collapses the UA's inner editor box and slices the\nglyphs; see typography/collapsed-text-trim).\n\nWithout help, a tier-height input centres its text by FONT BOX, and the ui\nstacks' font box is deeply asymmetric: ascent ≈1.07em against descent\n≈0.29em. Centring that box parks the visible band (caps, x-height) ~0.115em\nLOW — so a field's text sat visibly below the trimmed label beside it.\n\nThe value is OPTICAL, not the derivation's: pure x-band centring computes\nto ~0.23em of padding, but pixel-measured against real Title-Case text it\nover-lifts — the eye weighs the cap-to-baseline mass, which x-band\ncentring parks ~2px high (caps 2.75px off the top against 5.7px of air\nunder the baseline, measured at dense; the general form of that offset,\nand why era-label-ink's note about \"System\" is not a contradiction of it,\nis derived at era-label-ink below). 0.08em splits the difference\nbetween the x-band ideal and the cap-band ideal, landing caps ~3.7px in an\n18px field with ~4.7px under the baseline — the reading where neither\nband's partisans win and neither complains.\n\nThe lift is padding, not a translateY: an icon-less Input paints the field\nchrome itself, and a transform would drag the field along with the ink.\npadding-bottom shrinks the content box from below, and a single-line input\nre-centres its line box in what remains — the ink rises by exactly half the\npadding, the chrome doesn't move, and the caret and selection follow the\ntext. In em on purpose: the correction is a fraction of the type, so it\nholds across every density and text size with one value.\n\nWHEN SOMEONE REPORTS A CORRECTLY-CENTRED FIELD AS \"TOO HIGH\", check the\nSTRING before the geometry. A placeholder like \"Filter…\" has no descender and\nno cap, so its ink occupies only the x-height band — and a box that centres\nthat band exactly still reads high, because the eye centres on the mass it\ncan see and expects the space a descender would have filled. Measured at the\npill tier on the shipped mono stack, \"Filter…\" sits within half a pixel of\ncentre while looking a little high; the pill suite documents the same effect\nfrom the other side (see OFF_BAND_LOW in ink-centering.spec.ts, where \"soon\"\ncannot be symmetric and is bounded by sign instead of magnitude).\n\nThat is not a licence to ignore the report — era-ink-center IS wrong by\n1.5–2px on the sans and serif stacks (pinned in FIELD_KNOWN_SKEW) — only a\nreason to measure the ink before touching the constant.",
|
|
1099
1099
|
"css": "@utility era-ink-center {\n\tpadding-bottom: 0.08em;\n}"
|
|
1100
1100
|
},
|
|
1101
1101
|
{
|
|
@@ -1115,7 +1115,7 @@
|
|
|
1115
1115
|
],
|
|
1116
1116
|
"file": "index.css",
|
|
1117
1117
|
"useCase": "the ink centring for a fixed-height control holding ONE line of sentence-case text and no icon — a menu item, a nav trigger, a button label. Never alongside `truncate` (the trimmed box becomes the clip).",
|
|
1118
|
-
"description": "LABEL INK — era-token-ink's mixed-case sibling, and the general answer to\n\"this fixed-height control holds one line of text\".\n\nSame mechanism, same reason: `text-box-trim` needs a BLOCK box, so the row\nbecomes one and `align-content` (block-container alignment) does the\ncentring. What differs is the band and the alignment, because the content\nclass differs — a label is sentence case, so the x-height band is the visual\nmass to centre (cap-band reads low on \"System\"), and it is laid out against\nthe row's padding rather than centred in it.\n\nWHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare\ntext is an ANONYMOUS flex item — a box no selector reaches and no\nnon-inherited property touches. So `era-text-trim` on a flex row is inert,\ncontributing only its `line-height: 1`, and the ink falls back to line-box\ncentring by font metrics. era-token-ink already fixed that for centred\ntokens; this fixes it for everything else.\n\nTHE ICON CASE IS NOT SOLVED, and cannot be from CSS: an icon beside the text\nneeds the box to stay flex, which re-creates the anonymous item. A component\nwhose children are an opaque slot therefore guards it —\n`not-has-[svg]:era-label-ink` — and ink-centres the text-only case while\nleaving the icon case on line-box centring. Splitting icon and label into\nseparate slots is what would close it; typography/inert-trim reports every\nsite still on the fallback.",
|
|
1118
|
+
"description": "LABEL INK — era-token-ink's mixed-case sibling, and the general answer to\n\"this fixed-height control holds one line of text\".\n\nSame mechanism, same reason: `text-box-trim` needs a BLOCK box, so the row\nbecomes one and `align-content` (block-container alignment) does the\ncentring. What differs is the band and the alignment, because the content\nclass differs — a label is sentence case, so the x-height band is the visual\nmass to centre (cap-band reads low on \"System\"), and it is laid out against\nthe row's padding rather than centred in it.\n\nTHAT PARENTHESIS AND era-ink-center's \"x-band centring parks ~2px high\" READ\nAS A CONTRADICTION AND ARE NOT. Both are true, of their own example string,\nand each was generalised one step too far. Under an ex band the ink offset is\n\n (xh − ascent + descent) / 2\n\nwhich predicts a controlled A/B — one real button, one class set, only the\nSTRING changing — within 0.3px:\n\n Save asc 9 desc 0 1.28px high SAVE asc 9 desc 0 1.28px high\n Savg asc 9 desc 3 0.22px low savg asc 7 desc 3 1.22px low\n\n\"System\" has a descender and reads low under the cap band; \"Save\" has none\nand reads high under the ex band. Case is not the variable — \"Save\" and\n\"SAVE\" are identical to the hundredth of a pixel. No fixed band centres both\na descender-less and a descender-bearing label, because they differ by ~1.5px\nin the same box.\n\nWHICH IS WHY THE BAND IS FIXED ANYWAY, and this is the part that decides it.\nA band gives every label the SAME baseline whatever it spells — measured\nspread across Save/Savg/save/savg/SAVE/PDF/Cancel/\"Copy page\" is 0.00px —\nwhile ink-extent centring would move each label independently and leave a bar\nof buttons visibly ragged. A uniform offset the eye cannot see beats a local\nmisalignment it can. So the offset is accepted, not corrected, and the only\nescape is per-label and opt-in (Button's `caps`), which buys optical centring\nfor a lone label at the cost of ~1.06px against its neighbours.\n\nMeasured by signalnine.org and reproduced here; see label-band.spec.ts, which\npins both the 0.00px spread and the cost of breaking it.\n\nWHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare\ntext is an ANONYMOUS flex item — a box no selector reaches and no\nnon-inherited property touches. So `era-text-trim` on a flex row is inert,\ncontributing only its `line-height: 1`, and the ink falls back to line-box\ncentring by font metrics. era-token-ink already fixed that for centred\ntokens; this fixes it for everything else.\n\nTHE ICON CASE IS NOT SOLVED, and cannot be from CSS: an icon beside the text\nneeds the box to stay flex, which re-creates the anonymous item. A component\nwhose children are an opaque slot therefore guards it —\n`not-has-[svg]:era-label-ink` — and ink-centres the text-only case while\nleaving the icon case on line-box centring. Splitting icon and label into\nseparate slots is what would close it; typography/inert-trim reports every\nsite still on the fallback.",
|
|
1119
1119
|
"css": "@utility era-label-ink {\n\tdisplay: block;\n\talign-content: center;\n\tline-height: 1;\n\ttext-box: trim-both ex alphabetic;\n}"
|
|
1120
1120
|
},
|
|
1121
1121
|
{
|
|
@@ -58,4 +58,9 @@ and it is the accessible one. |
|
|
|
58
58
|
| `size?` | `'control' \| 'chip' \| 'pill' \| 'icon'` | `'control'` | Tier, matching Button's rungs so an item nests in a bar the same way. |
|
|
59
59
|
| `lead?` | `Snippet` | — | Icon before the label, outside it — same contract as Button's. |
|
|
60
60
|
| `trail?` | `Snippet` | — | Icon after the label, outside it. |
|
|
61
|
+
| `caps?` | `boolean` | `false` | The label is ALL CAPS or an initialism — trims to the cap band instead of
|
|
62
|
+
the x-height band. Same prop, same reason, same wording as Button's:
|
|
63
|
+
Nav.Item borrows Button's geometry and renders the identical label box,
|
|
64
|
+
so a nav of "API" / "SDK" / "CLI" links had the identical defect and no
|
|
65
|
+
way to reach it either. |
|
|
61
66
|
| `children?` | `Snippet` | — | — |
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
],
|
|
68
68
|
"file": "index.css",
|
|
69
69
|
"useCase": "on a native single-line <input> (or the text layer that must mirror one) inside a fixed-height field — never alongside era-text-trim.",
|
|
70
|
-
"description": "The EDITABLE counterpart of era-text-trim — for native <input>s, which the\ntrim is forbidden on (it collapses the UA's inner editor box and slices the\nglyphs; see typography/collapsed-text-trim).\n\nWithout help, a tier-height input centres its text by FONT BOX, and the ui\nstacks' font box is deeply asymmetric: ascent ≈1.07em against descent\n≈0.29em. Centring that box parks the visible band (caps, x-height) ~0.115em\nLOW — so a field's text sat visibly below the trimmed label beside it.\n\nThe value is OPTICAL, not the derivation's: pure x-band centring computes\nto ~0.23em of padding, but pixel-measured against real Title-Case text it\nover-lifts — the eye weighs the cap-to-baseline mass, which x-band\ncentring parks ~2px high (caps 2.75px off the top against 5.7px of air\nunder the baseline, measured at dense). 0.08em splits the difference\nbetween the x-band ideal and the cap-band ideal, landing caps ~3.7px in an\n18px field with ~4.7px under the baseline — the reading where neither\nband's partisans win and neither complains.\n\nThe lift is padding, not a translateY: an icon-less Input paints the field\nchrome itself, and a transform would drag the field along with the ink.\npadding-bottom shrinks the content box from below, and a single-line input\nre-centres its line box in what remains — the ink rises by exactly half the\npadding, the chrome doesn't move, and the caret and selection follow the\ntext. In em on purpose: the correction is a fraction of the type, so it\nholds across every density and text size with one value.\n\nWHEN SOMEONE REPORTS A CORRECTLY-CENTRED FIELD AS \"TOO HIGH\", check the\nSTRING before the geometry. A placeholder like \"Filter…\" has no descender and\nno cap, so its ink occupies only the x-height band — and a box that centres\nthat band exactly still reads high, because the eye centres on the mass it\ncan see and expects the space a descender would have filled. Measured at the\npill tier on the shipped mono stack, \"Filter…\" sits within half a pixel of\ncentre while looking a little high; the pill suite documents the same effect\nfrom the other side (see OFF_BAND_LOW in ink-centering.spec.ts, where \"soon\"\ncannot be symmetric and is bounded by sign instead of magnitude).\n\nThat is not a licence to ignore the report — era-ink-center IS wrong by\n1.5–2px on the sans and serif stacks (pinned in FIELD_KNOWN_SKEW) — only a\nreason to measure the ink before touching the constant.",
|
|
70
|
+
"description": "The EDITABLE counterpart of era-text-trim — for native <input>s, which the\ntrim is forbidden on (it collapses the UA's inner editor box and slices the\nglyphs; see typography/collapsed-text-trim).\n\nWithout help, a tier-height input centres its text by FONT BOX, and the ui\nstacks' font box is deeply asymmetric: ascent ≈1.07em against descent\n≈0.29em. Centring that box parks the visible band (caps, x-height) ~0.115em\nLOW — so a field's text sat visibly below the trimmed label beside it.\n\nThe value is OPTICAL, not the derivation's: pure x-band centring computes\nto ~0.23em of padding, but pixel-measured against real Title-Case text it\nover-lifts — the eye weighs the cap-to-baseline mass, which x-band\ncentring parks ~2px high (caps 2.75px off the top against 5.7px of air\nunder the baseline, measured at dense; the general form of that offset,\nand why era-label-ink's note about \"System\" is not a contradiction of it,\nis derived at era-label-ink below). 0.08em splits the difference\nbetween the x-band ideal and the cap-band ideal, landing caps ~3.7px in an\n18px field with ~4.7px under the baseline — the reading where neither\nband's partisans win and neither complains.\n\nThe lift is padding, not a translateY: an icon-less Input paints the field\nchrome itself, and a transform would drag the field along with the ink.\npadding-bottom shrinks the content box from below, and a single-line input\nre-centres its line box in what remains — the ink rises by exactly half the\npadding, the chrome doesn't move, and the caret and selection follow the\ntext. In em on purpose: the correction is a fraction of the type, so it\nholds across every density and text size with one value.\n\nWHEN SOMEONE REPORTS A CORRECTLY-CENTRED FIELD AS \"TOO HIGH\", check the\nSTRING before the geometry. A placeholder like \"Filter…\" has no descender and\nno cap, so its ink occupies only the x-height band — and a box that centres\nthat band exactly still reads high, because the eye centres on the mass it\ncan see and expects the space a descender would have filled. Measured at the\npill tier on the shipped mono stack, \"Filter…\" sits within half a pixel of\ncentre while looking a little high; the pill suite documents the same effect\nfrom the other side (see OFF_BAND_LOW in ink-centering.spec.ts, where \"soon\"\ncannot be symmetric and is bounded by sign instead of magnitude).\n\nThat is not a licence to ignore the report — era-ink-center IS wrong by\n1.5–2px on the sans and serif stacks (pinned in FIELD_KNOWN_SKEW) — only a\nreason to measure the ink before touching the constant.",
|
|
71
71
|
"css": "@utility era-ink-center {\n\tpadding-bottom: 0.08em;\n}"
|
|
72
72
|
},
|
|
73
73
|
{
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
],
|
|
88
88
|
"file": "index.css",
|
|
89
89
|
"useCase": "the ink centring for a fixed-height control holding ONE line of sentence-case text and no icon — a menu item, a nav trigger, a button label. Never alongside `truncate` (the trimmed box becomes the clip).",
|
|
90
|
-
"description": "LABEL INK — era-token-ink's mixed-case sibling, and the general answer to\n\"this fixed-height control holds one line of text\".\n\nSame mechanism, same reason: `text-box-trim` needs a BLOCK box, so the row\nbecomes one and `align-content` (block-container alignment) does the\ncentring. What differs is the band and the alignment, because the content\nclass differs — a label is sentence case, so the x-height band is the visual\nmass to centre (cap-band reads low on \"System\"), and it is laid out against\nthe row's padding rather than centred in it.\n\nWHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare\ntext is an ANONYMOUS flex item — a box no selector reaches and no\nnon-inherited property touches. So `era-text-trim` on a flex row is inert,\ncontributing only its `line-height: 1`, and the ink falls back to line-box\ncentring by font metrics. era-token-ink already fixed that for centred\ntokens; this fixes it for everything else.\n\nTHE ICON CASE IS NOT SOLVED, and cannot be from CSS: an icon beside the text\nneeds the box to stay flex, which re-creates the anonymous item. A component\nwhose children are an opaque slot therefore guards it —\n`not-has-[svg]:era-label-ink` — and ink-centres the text-only case while\nleaving the icon case on line-box centring. Splitting icon and label into\nseparate slots is what would close it; typography/inert-trim reports every\nsite still on the fallback.",
|
|
90
|
+
"description": "LABEL INK — era-token-ink's mixed-case sibling, and the general answer to\n\"this fixed-height control holds one line of text\".\n\nSame mechanism, same reason: `text-box-trim` needs a BLOCK box, so the row\nbecomes one and `align-content` (block-container alignment) does the\ncentring. What differs is the band and the alignment, because the content\nclass differs — a label is sentence case, so the x-height band is the visual\nmass to centre (cap-band reads low on \"System\"), and it is laid out against\nthe row's padding rather than centred in it.\n\nTHAT PARENTHESIS AND era-ink-center's \"x-band centring parks ~2px high\" READ\nAS A CONTRADICTION AND ARE NOT. Both are true, of their own example string,\nand each was generalised one step too far. Under an ex band the ink offset is\n\n (xh − ascent + descent) / 2\n\nwhich predicts a controlled A/B — one real button, one class set, only the\nSTRING changing — within 0.3px:\n\n Save asc 9 desc 0 1.28px high SAVE asc 9 desc 0 1.28px high\n Savg asc 9 desc 3 0.22px low savg asc 7 desc 3 1.22px low\n\n\"System\" has a descender and reads low under the cap band; \"Save\" has none\nand reads high under the ex band. Case is not the variable — \"Save\" and\n\"SAVE\" are identical to the hundredth of a pixel. No fixed band centres both\na descender-less and a descender-bearing label, because they differ by ~1.5px\nin the same box.\n\nWHICH IS WHY THE BAND IS FIXED ANYWAY, and this is the part that decides it.\nA band gives every label the SAME baseline whatever it spells — measured\nspread across Save/Savg/save/savg/SAVE/PDF/Cancel/\"Copy page\" is 0.00px —\nwhile ink-extent centring would move each label independently and leave a bar\nof buttons visibly ragged. A uniform offset the eye cannot see beats a local\nmisalignment it can. So the offset is accepted, not corrected, and the only\nescape is per-label and opt-in (Button's `caps`), which buys optical centring\nfor a lone label at the cost of ~1.06px against its neighbours.\n\nMeasured by signalnine.org and reproduced here; see label-band.spec.ts, which\npins both the 0.00px spread and the cost of breaking it.\n\nWHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare\ntext is an ANONYMOUS flex item — a box no selector reaches and no\nnon-inherited property touches. So `era-text-trim` on a flex row is inert,\ncontributing only its `line-height: 1`, and the ink falls back to line-box\ncentring by font metrics. era-token-ink already fixed that for centred\ntokens; this fixes it for everything else.\n\nTHE ICON CASE IS NOT SOLVED, and cannot be from CSS: an icon beside the text\nneeds the box to stay flex, which re-creates the anonymous item. A component\nwhose children are an opaque slot therefore guards it —\n`not-has-[svg]:era-label-ink` — and ink-centres the text-only case while\nleaving the icon case on line-box centring. Splitting icon and label into\nseparate slots is what would close it; typography/inert-trim reports every\nsite still on the fallback.",
|
|
91
91
|
"css": "@utility era-label-ink {\n\tdisplay: block;\n\talign-content: center;\n\tline-height: 1;\n\ttext-box: trim-both ex alphabetic;\n}"
|
|
92
92
|
},
|
|
93
93
|
{
|
|
@@ -291,7 +291,9 @@ The value is OPTICAL, not the derivation's: pure x-band centring computes
|
|
|
291
291
|
to ~0.23em of padding, but pixel-measured against real Title-Case text it
|
|
292
292
|
over-lifts — the eye weighs the cap-to-baseline mass, which x-band
|
|
293
293
|
centring parks ~2px high (caps 2.75px off the top against 5.7px of air
|
|
294
|
-
under the baseline, measured at dense
|
|
294
|
+
under the baseline, measured at dense; the general form of that offset,
|
|
295
|
+
and why era-label-ink's note about "System" is not a contradiction of it,
|
|
296
|
+
is derived at era-label-ink below). 0.08em splits the difference
|
|
295
297
|
between the x-band ideal and the cap-band ideal, landing caps ~3.7px in an
|
|
296
298
|
18px field with ~4.7px under the baseline — the reading where neither
|
|
297
299
|
band's partisans win and neither complains.
|
|
@@ -383,6 +385,36 @@ class differs — a label is sentence case, so the x-height band is the visual
|
|
|
383
385
|
mass to centre (cap-band reads low on "System"), and it is laid out against
|
|
384
386
|
the row's padding rather than centred in it.
|
|
385
387
|
|
|
388
|
+
THAT PARENTHESIS AND era-ink-center's "x-band centring parks ~2px high" READ
|
|
389
|
+
AS A CONTRADICTION AND ARE NOT. Both are true, of their own example string,
|
|
390
|
+
and each was generalised one step too far. Under an ex band the ink offset is
|
|
391
|
+
|
|
392
|
+
(xh − ascent + descent) / 2
|
|
393
|
+
|
|
394
|
+
which predicts a controlled A/B — one real button, one class set, only the
|
|
395
|
+
STRING changing — within 0.3px:
|
|
396
|
+
|
|
397
|
+
Save asc 9 desc 0 1.28px high SAVE asc 9 desc 0 1.28px high
|
|
398
|
+
Savg asc 9 desc 3 0.22px low savg asc 7 desc 3 1.22px low
|
|
399
|
+
|
|
400
|
+
"System" has a descender and reads low under the cap band; "Save" has none
|
|
401
|
+
and reads high under the ex band. Case is not the variable — "Save" and
|
|
402
|
+
"SAVE" are identical to the hundredth of a pixel. No fixed band centres both
|
|
403
|
+
a descender-less and a descender-bearing label, because they differ by ~1.5px
|
|
404
|
+
in the same box.
|
|
405
|
+
|
|
406
|
+
WHICH IS WHY THE BAND IS FIXED ANYWAY, and this is the part that decides it.
|
|
407
|
+
A band gives every label the SAME baseline whatever it spells — measured
|
|
408
|
+
spread across Save/Savg/save/savg/SAVE/PDF/Cancel/"Copy page" is 0.00px —
|
|
409
|
+
while ink-extent centring would move each label independently and leave a bar
|
|
410
|
+
of buttons visibly ragged. A uniform offset the eye cannot see beats a local
|
|
411
|
+
misalignment it can. So the offset is accepted, not corrected, and the only
|
|
412
|
+
escape is per-label and opt-in (Button's `caps`), which buys optical centring
|
|
413
|
+
for a lone label at the cost of ~1.06px against its neighbours.
|
|
414
|
+
|
|
415
|
+
Measured by signalnine.org and reproduced here; see label-band.spec.ts, which
|
|
416
|
+
pins both the 0.00px spread and the cost of breaking it.
|
|
417
|
+
|
|
386
418
|
WHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare
|
|
387
419
|
text is an ANONYMOUS flex item — a box no selector reaches and no
|
|
388
420
|
non-inherited property touches. So `era-text-trim` on a flex row is inert,
|
package/dist/styles/index.css
CHANGED
|
@@ -295,7 +295,9 @@
|
|
|
295
295
|
* to ~0.23em of padding, but pixel-measured against real Title-Case text it
|
|
296
296
|
* over-lifts — the eye weighs the cap-to-baseline mass, which x-band
|
|
297
297
|
* centring parks ~2px high (caps 2.75px off the top against 5.7px of air
|
|
298
|
-
* under the baseline, measured at dense
|
|
298
|
+
* under the baseline, measured at dense; the general form of that offset,
|
|
299
|
+
* and why era-label-ink's note about "System" is not a contradiction of it,
|
|
300
|
+
* is derived at era-label-ink below). 0.08em splits the difference
|
|
299
301
|
* between the x-band ideal and the cap-band ideal, landing caps ~3.7px in an
|
|
300
302
|
* 18px field with ~4.7px under the baseline — the reading where neither
|
|
301
303
|
* band's partisans win and neither complains.
|
|
@@ -377,6 +379,36 @@
|
|
|
377
379
|
* mass to centre (cap-band reads low on "System"), and it is laid out against
|
|
378
380
|
* the row's padding rather than centred in it.
|
|
379
381
|
*
|
|
382
|
+
* THAT PARENTHESIS AND era-ink-center's "x-band centring parks ~2px high" READ
|
|
383
|
+
* AS A CONTRADICTION AND ARE NOT. Both are true, of their own example string,
|
|
384
|
+
* and each was generalised one step too far. Under an ex band the ink offset is
|
|
385
|
+
*
|
|
386
|
+
* (xh − ascent + descent) / 2
|
|
387
|
+
*
|
|
388
|
+
* which predicts a controlled A/B — one real button, one class set, only the
|
|
389
|
+
* STRING changing — within 0.3px:
|
|
390
|
+
*
|
|
391
|
+
* Save asc 9 desc 0 1.28px high SAVE asc 9 desc 0 1.28px high
|
|
392
|
+
* Savg asc 9 desc 3 0.22px low savg asc 7 desc 3 1.22px low
|
|
393
|
+
*
|
|
394
|
+
* "System" has a descender and reads low under the cap band; "Save" has none
|
|
395
|
+
* and reads high under the ex band. Case is not the variable — "Save" and
|
|
396
|
+
* "SAVE" are identical to the hundredth of a pixel. No fixed band centres both
|
|
397
|
+
* a descender-less and a descender-bearing label, because they differ by ~1.5px
|
|
398
|
+
* in the same box.
|
|
399
|
+
*
|
|
400
|
+
* WHICH IS WHY THE BAND IS FIXED ANYWAY, and this is the part that decides it.
|
|
401
|
+
* A band gives every label the SAME baseline whatever it spells — measured
|
|
402
|
+
* spread across Save/Savg/save/savg/SAVE/PDF/Cancel/"Copy page" is 0.00px —
|
|
403
|
+
* while ink-extent centring would move each label independently and leave a bar
|
|
404
|
+
* of buttons visibly ragged. A uniform offset the eye cannot see beats a local
|
|
405
|
+
* misalignment it can. So the offset is accepted, not corrected, and the only
|
|
406
|
+
* escape is per-label and opt-in (Button's `caps`), which buys optical centring
|
|
407
|
+
* for a lone label at the cost of ~1.06px against its neighbours.
|
|
408
|
+
*
|
|
409
|
+
* Measured by signalnine.org and reproduced here; see label-band.spec.ts, which
|
|
410
|
+
* pins both the 0.00px spread and the cost of breaking it.
|
|
411
|
+
*
|
|
380
412
|
* WHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare
|
|
381
413
|
* text is an ANONYMOUS flex item — a box no selector reaches and no
|
|
382
414
|
* non-inherited property touches. So `era-text-trim` on a flex row is inert,
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
disabled,
|
|
18
18
|
lead,
|
|
19
19
|
trail,
|
|
20
|
+
caps = false,
|
|
20
21
|
children,
|
|
21
22
|
class: className,
|
|
22
23
|
...restProps
|
|
@@ -40,6 +41,47 @@
|
|
|
40
41
|
lead?: Snippet;
|
|
41
42
|
/** Icon rendered AFTER the label, outside it. Same reason as `lead`. */
|
|
42
43
|
trail?: Snippet;
|
|
44
|
+
/**
|
|
45
|
+
* Trim this label to the CAP band instead of the x-height band — for a
|
|
46
|
+
* label whose ink runs cap-to-baseline: "PDF", "CSV", "OK", "API".
|
|
47
|
+
*
|
|
48
|
+
* THE NAME SAYS CAPS AND THE MECHANISM IS DESCENDERS. Worth knowing before
|
|
49
|
+
* you reach for it, because it decides where it helps. A controlled A/B on
|
|
50
|
+
* one real button — same element, same classes, only the STRING changing —
|
|
51
|
+
* says case is not the variable at all:
|
|
52
|
+
*
|
|
53
|
+
* Save asc 9 desc 0 ink 1.28px high
|
|
54
|
+
* SAVE asc 9 desc 0 ink 1.28px high ← identical to "Save"
|
|
55
|
+
* Savg asc 9 desc 3 ink 0.22px low
|
|
56
|
+
* savg asc 7 desc 3 ink 1.22px low
|
|
57
|
+
*
|
|
58
|
+
* The ex band runs x-height to baseline, so ink above the x-height pulls
|
|
59
|
+
* the visual centre up and ink below the baseline pushes it back down;
|
|
60
|
+
* (xh − asc + desc)/2 predicts every row within 0.3px. A caps string is
|
|
61
|
+
* simply one that always has an ascender and never a descender, which is
|
|
62
|
+
* why the cap band boxes it exactly. "Save" has the same offset and this
|
|
63
|
+
* prop would fix it too. Measured by signalnine.org and reproduced here.
|
|
64
|
+
*
|
|
65
|
+
* WHAT IT COSTS, and why it is not the default. A fixed band gives every
|
|
66
|
+
* label the SAME baseline whatever it contains — measured spread across
|
|
67
|
+
* Save/Savg/save/savg/SAVE/PDF/Cancel/"Copy page" is 0.00px. Changing one
|
|
68
|
+
* label's band moves that label alone: in a Bar holding bold/italic/PDF/
|
|
69
|
+
* publish, the caps label sits 1.06px below the other three. So this trades
|
|
70
|
+
* a uniform offset the eye cannot see for a local misalignment it can, and
|
|
71
|
+
* it is the right trade only when the label has no neighbour to align with
|
|
72
|
+
* — a lone action, a label paired with an icon (the reported case, where
|
|
73
|
+
* the comparison is against an optically-centred glyph rather than against
|
|
74
|
+
* other text). Beside other labels in a bar, prefer leaving it off.
|
|
75
|
+
*
|
|
76
|
+
* A PROP because nothing can infer it: `text-transform: uppercase` is a
|
|
77
|
+
* different question (a label typed "PDF" carries no transform), and a
|
|
78
|
+
* snippet's text cannot be read before it renders.
|
|
79
|
+
*
|
|
80
|
+
* Only reaches the label when `lead`/`trail` give it its own box. Without
|
|
81
|
+
* one the label is an anonymous flex item that no selector can address,
|
|
82
|
+
* which is the whole reason those snippets exist.
|
|
83
|
+
*/
|
|
84
|
+
caps?: boolean;
|
|
43
85
|
children?: Snippet;
|
|
44
86
|
} = $props();
|
|
45
87
|
|
|
@@ -121,7 +163,9 @@
|
|
|
121
163
|
box for the trim to act on. -->
|
|
122
164
|
{#if lead || trail}
|
|
123
165
|
{@render lead?.()}
|
|
124
|
-
{#if children}<span class=
|
|
166
|
+
{#if children}<span class={caps ? 'era-text-trim-caps' : 'era-text-trim'}
|
|
167
|
+
>{@render children()}</span
|
|
168
|
+
>{/if}
|
|
125
169
|
{@render trail?.()}
|
|
126
170
|
{:else}
|
|
127
171
|
{@render children?.()}
|
|
@@ -20,6 +20,47 @@ type $$ComponentProps = Button.RootProps & {
|
|
|
20
20
|
lead?: Snippet;
|
|
21
21
|
/** Icon rendered AFTER the label, outside it. Same reason as `lead`. */
|
|
22
22
|
trail?: Snippet;
|
|
23
|
+
/**
|
|
24
|
+
* Trim this label to the CAP band instead of the x-height band — for a
|
|
25
|
+
* label whose ink runs cap-to-baseline: "PDF", "CSV", "OK", "API".
|
|
26
|
+
*
|
|
27
|
+
* THE NAME SAYS CAPS AND THE MECHANISM IS DESCENDERS. Worth knowing before
|
|
28
|
+
* you reach for it, because it decides where it helps. A controlled A/B on
|
|
29
|
+
* one real button — same element, same classes, only the STRING changing —
|
|
30
|
+
* says case is not the variable at all:
|
|
31
|
+
*
|
|
32
|
+
* Save asc 9 desc 0 ink 1.28px high
|
|
33
|
+
* SAVE asc 9 desc 0 ink 1.28px high ← identical to "Save"
|
|
34
|
+
* Savg asc 9 desc 3 ink 0.22px low
|
|
35
|
+
* savg asc 7 desc 3 ink 1.22px low
|
|
36
|
+
*
|
|
37
|
+
* The ex band runs x-height to baseline, so ink above the x-height pulls
|
|
38
|
+
* the visual centre up and ink below the baseline pushes it back down;
|
|
39
|
+
* (xh − asc + desc)/2 predicts every row within 0.3px. A caps string is
|
|
40
|
+
* simply one that always has an ascender and never a descender, which is
|
|
41
|
+
* why the cap band boxes it exactly. "Save" has the same offset and this
|
|
42
|
+
* prop would fix it too. Measured by signalnine.org and reproduced here.
|
|
43
|
+
*
|
|
44
|
+
* WHAT IT COSTS, and why it is not the default. A fixed band gives every
|
|
45
|
+
* label the SAME baseline whatever it contains — measured spread across
|
|
46
|
+
* Save/Savg/save/savg/SAVE/PDF/Cancel/"Copy page" is 0.00px. Changing one
|
|
47
|
+
* label's band moves that label alone: in a Bar holding bold/italic/PDF/
|
|
48
|
+
* publish, the caps label sits 1.06px below the other three. So this trades
|
|
49
|
+
* a uniform offset the eye cannot see for a local misalignment it can, and
|
|
50
|
+
* it is the right trade only when the label has no neighbour to align with
|
|
51
|
+
* — a lone action, a label paired with an icon (the reported case, where
|
|
52
|
+
* the comparison is against an optically-centred glyph rather than against
|
|
53
|
+
* other text). Beside other labels in a bar, prefer leaving it off.
|
|
54
|
+
*
|
|
55
|
+
* A PROP because nothing can infer it: `text-transform: uppercase` is a
|
|
56
|
+
* different question (a label typed "PDF" carries no transform), and a
|
|
57
|
+
* snippet's text cannot be read before it renders.
|
|
58
|
+
*
|
|
59
|
+
* Only reaches the label when `lead`/`trail` give it its own box. Without
|
|
60
|
+
* one the label is an anonymous flex item that no selector can address,
|
|
61
|
+
* which is the whole reason those snippets exist.
|
|
62
|
+
*/
|
|
63
|
+
caps?: boolean;
|
|
23
64
|
children?: Snippet;
|
|
24
65
|
};
|
|
25
66
|
declare const Button: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
@@ -78,6 +78,7 @@
|
|
|
78
78
|
size = 'control',
|
|
79
79
|
lead,
|
|
80
80
|
trail,
|
|
81
|
+
caps = false,
|
|
81
82
|
children,
|
|
82
83
|
class: className,
|
|
83
84
|
...restProps
|
|
@@ -110,6 +111,14 @@
|
|
|
110
111
|
lead?: Snippet;
|
|
111
112
|
/** Icon after the label, outside it. */
|
|
112
113
|
trail?: Snippet;
|
|
114
|
+
/**
|
|
115
|
+
* The label is ALL CAPS or an initialism — trims to the cap band instead of
|
|
116
|
+
* the x-height band. Same prop, same reason, same wording as Button's:
|
|
117
|
+
* Nav.Item borrows Button's geometry and renders the identical label box,
|
|
118
|
+
* so a nav of "API" / "SDK" / "CLI" links had the identical defect and no
|
|
119
|
+
* way to reach it either.
|
|
120
|
+
*/
|
|
121
|
+
caps?: boolean;
|
|
113
122
|
children?: Snippet;
|
|
114
123
|
} = $props();
|
|
115
124
|
</script>
|
|
@@ -146,7 +155,9 @@
|
|
|
146
155
|
>
|
|
147
156
|
{#if lead || trail}
|
|
148
157
|
{@render lead?.()}
|
|
149
|
-
{#if children}<span class=
|
|
158
|
+
{#if children}<span class={caps ? 'era-text-trim-caps' : 'era-text-trim'}
|
|
159
|
+
>{@render children()}</span
|
|
160
|
+
>{/if}
|
|
150
161
|
{@render trail?.()}
|
|
151
162
|
{:else}
|
|
152
163
|
{@render children?.()}
|
|
@@ -96,6 +96,14 @@ type $$ComponentProps = HTMLAnchorAttributes & {
|
|
|
96
96
|
lead?: Snippet;
|
|
97
97
|
/** Icon after the label, outside it. */
|
|
98
98
|
trail?: Snippet;
|
|
99
|
+
/**
|
|
100
|
+
* The label is ALL CAPS or an initialism — trims to the cap band instead of
|
|
101
|
+
* the x-height band. Same prop, same reason, same wording as Button's:
|
|
102
|
+
* Nav.Item borrows Button's geometry and renders the identical label box,
|
|
103
|
+
* so a nav of "API" / "SDK" / "CLI" links had the identical defect and no
|
|
104
|
+
* way to reach it either.
|
|
105
|
+
*/
|
|
106
|
+
caps?: boolean;
|
|
99
107
|
children?: Snippet;
|
|
100
108
|
};
|
|
101
109
|
declare const NavItem: import("svelte").Component<$$ComponentProps, {}, "ref">;
|