@signal9/era-ui 30.1.0 → 30.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/era-ui.css +1 -1
- package/dist/generated-docs/button.md +29 -16
- package/dist/generated-docs/llms-full.txt +71 -17
- package/dist/generated-docs/manifest.json +4 -4
- package/dist/generated-docs/utilities.json +2 -2
- package/dist/generated-docs/utilities.md +42 -1
- package/dist/styles/index.css +81 -1
- package/dist/ui/button/button.svelte +31 -16
- package/dist/ui/button/button.svelte.d.ts +31 -16
- package/dist/ui/meter/meter.svelte +5 -2
- package/dist/ui/progress/progress.svelte +4 -2
- package/dist/ui/slider/slider-range.svelte +6 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
## [30.1.2](https://github.com/sig-nine/era-ui/compare/v30.1.1...v30.1.2) (2026-08-16)
|
|
2
|
+
|
|
3
|
+
### Bug Fixes
|
|
4
|
+
|
|
5
|
+
* **tracks:** a filled meter keeps the well it sits in ([ef3ee9c](https://github.com/sig-nine/era-ui/commit/ef3ee9c03927d4caf261cf8ca43dcf7b55afaa36))
|
|
6
|
+
|
|
7
|
+
## [30.1.1](https://github.com/sig-nine/era-ui/compare/v30.1.0...v30.1.1) (2026-08-16)
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **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))
|
|
12
|
+
|
|
1
13
|
## [30.1.0](https://github.com/sig-nine/era-ui/compare/v30.0.1...v30.1.0) (2026-08-16)
|
|
2
14
|
|
|
3
15
|
### Features
|
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)}.\[\&\>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}}
|
|
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}.era-track-well{position:relative}.era-track-well:after{content:"";border-radius:inherit;box-shadow:var(--era-shadow-well);pointer-events:none;position:absolute;inset:0}.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,22 +27,35 @@ 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` |
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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.
|
|
46
59
|
Only reaches the label when `lead`/`trail` give it its own box. Without
|
|
47
60
|
one the label is an anonymous flex item that no selector can address,
|
|
48
61
|
which is the whole reason those snippets exist. |
|
|
@@ -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,45 @@ 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
|
+
AND THE GUARANTEE SPANS BOTH INK PATHS. This utility and era-text-trim are
|
|
565
|
+
two mechanisms — block+align-content here, a blockified flex item there — and
|
|
566
|
+
every measurement above was taken on the trim path. Measured since: the
|
|
567
|
+
text-only path holds the same 0.00px spread AND lands on the same baseline,
|
|
568
|
+
15.22px from the button top at control tier. So an icon button and a text
|
|
569
|
+
button put their labels on one line, and `not-has-[svg]` costs nothing but
|
|
570
|
+
which element carries the trim.
|
|
571
|
+
|
|
572
|
+
Measured by signalnine.org and reproduced here; see label-band.spec.ts, which
|
|
573
|
+
pins the 0.00px spread, the cost of breaking it, and the agreement between
|
|
574
|
+
the two paths.
|
|
575
|
+
|
|
535
576
|
WHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare
|
|
536
577
|
text is an ANONYMOUS flex item — a box no selector reaches and no
|
|
537
578
|
non-inherited property touches. So `era-text-trim` on a flex row is inert,
|
|
@@ -1616,22 +1657,35 @@ and screen-reader accessible names don't change shape mid-flight. |
|
|
|
1616
1657
|
an icon in `children`: the label then gets its own box, which is the only
|
|
1617
1658
|
place era's ink centring can reach (see era-label-ink). |
|
|
1618
1659
|
| `trail?` | `Snippet` | — | Icon rendered AFTER the label, outside it. Same reason as `lead`. |
|
|
1619
|
-
| `caps?` | `boolean` | `false` |
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
1632
|
-
|
|
1633
|
-
|
|
1634
|
-
|
|
1660
|
+
| `caps?` | `boolean` | `false` | Trim this label to the CAP band instead of the x-height band — for a
|
|
1661
|
+
label whose ink runs cap-to-baseline: "PDF", "CSV", "OK", "API".
|
|
1662
|
+
THE NAME SAYS CAPS AND THE MECHANISM IS DESCENDERS. Worth knowing before
|
|
1663
|
+
you reach for it, because it decides where it helps. A controlled A/B on
|
|
1664
|
+
one real button — same element, same classes, only the STRING changing —
|
|
1665
|
+
says case is not the variable at all:
|
|
1666
|
+
Save asc 9 desc 0 ink 1.28px high
|
|
1667
|
+
SAVE asc 9 desc 0 ink 1.28px high ← identical to "Save"
|
|
1668
|
+
Savg asc 9 desc 3 ink 0.22px low
|
|
1669
|
+
savg asc 7 desc 3 ink 1.22px low
|
|
1670
|
+
The ex band runs x-height to baseline, so ink above the x-height pulls
|
|
1671
|
+
the visual centre up and ink below the baseline pushes it back down;
|
|
1672
|
+
(xh − asc + desc)/2 predicts every row within 0.3px. A caps string is
|
|
1673
|
+
simply one that always has an ascender and never a descender, which is
|
|
1674
|
+
why the cap band boxes it exactly. "Save" has the same offset and this
|
|
1675
|
+
prop would fix it too. Measured by signalnine.org and reproduced here.
|
|
1676
|
+
WHAT IT COSTS, and why it is not the default. A fixed band gives every
|
|
1677
|
+
label the SAME baseline whatever it contains — measured spread across
|
|
1678
|
+
Save/Savg/save/savg/SAVE/PDF/Cancel/"Copy page" is 0.00px. Changing one
|
|
1679
|
+
label's band moves that label alone: in a Bar holding bold/italic/PDF/
|
|
1680
|
+
publish, the caps label sits 1.06px below the other three. So this trades
|
|
1681
|
+
a uniform offset the eye cannot see for a local misalignment it can, and
|
|
1682
|
+
it is the right trade only when the label has no neighbour to align with
|
|
1683
|
+
— a lone action, a label paired with an icon (the reported case, where
|
|
1684
|
+
the comparison is against an optically-centred glyph rather than against
|
|
1685
|
+
other text). Beside other labels in a bar, prefer leaving it off.
|
|
1686
|
+
A PROP because nothing can infer it: `text-transform: uppercase` is a
|
|
1687
|
+
different question (a label typed "PDF" carries no transform), and a
|
|
1688
|
+
snippet's text cannot be read before it renders.
|
|
1635
1689
|
Only reaches the label when `lead`/`trail` give it its own box. Without
|
|
1636
1690
|
one the label is an anonymous flex item that no selector can address,
|
|
1637
1691
|
which is the whole reason those snippets exist. |
|
|
@@ -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": 13166,
|
|
56
56
|
"sections": [
|
|
57
57
|
"Overview",
|
|
58
58
|
"era-interactive",
|
|
@@ -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\nAND THE GUARANTEE SPANS BOTH INK PATHS. This utility and era-text-trim are\ntwo mechanisms — block+align-content here, a blockified flex item there — and\nevery measurement above was taken on the trim path. Measured since: the\ntext-only path holds the same 0.00px spread AND lands on the same baseline,\n15.22px from the button top at control tier. So an icon button and a text\nbutton put their labels on one line, and `not-has-[svg]` costs nothing but\nwhich element carries the trim.\n\nMeasured by signalnine.org and reproduced here; see label-band.spec.ts, which\npins the 0.00px spread, the cost of breaking it, and the agreement between\nthe two paths.\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
|
{
|
|
@@ -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\nAND THE GUARANTEE SPANS BOTH INK PATHS. This utility and era-text-trim are\ntwo mechanisms — block+align-content here, a blockified flex item there — and\nevery measurement above was taken on the trim path. Measured since: the\ntext-only path holds the same 0.00px spread AND lands on the same baseline,\n15.22px from the button top at control tier. So an icon button and a text\nbutton put their labels on one line, and `not-has-[svg]` costs nothing but\nwhich element carries the trim.\n\nMeasured by signalnine.org and reproduced here; see label-band.spec.ts, which\npins the 0.00px spread, the cost of breaking it, and the agreement between\nthe two paths.\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,45 @@ 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
|
+
AND THE GUARANTEE SPANS BOTH INK PATHS. This utility and era-text-trim are
|
|
416
|
+
two mechanisms — block+align-content here, a blockified flex item there — and
|
|
417
|
+
every measurement above was taken on the trim path. Measured since: the
|
|
418
|
+
text-only path holds the same 0.00px spread AND lands on the same baseline,
|
|
419
|
+
15.22px from the button top at control tier. So an icon button and a text
|
|
420
|
+
button put their labels on one line, and `not-has-[svg]` costs nothing but
|
|
421
|
+
which element carries the trim.
|
|
422
|
+
|
|
423
|
+
Measured by signalnine.org and reproduced here; see label-band.spec.ts, which
|
|
424
|
+
pins the 0.00px spread, the cost of breaking it, and the agreement between
|
|
425
|
+
the two paths.
|
|
426
|
+
|
|
386
427
|
WHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare
|
|
387
428
|
text is an ANONYMOUS flex item — a box no selector reaches and no
|
|
388
429
|
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,45 @@
|
|
|
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
|
+
* AND THE GUARANTEE SPANS BOTH INK PATHS. This utility and era-text-trim are
|
|
410
|
+
* two mechanisms — block+align-content here, a blockified flex item there — and
|
|
411
|
+
* every measurement above was taken on the trim path. Measured since: the
|
|
412
|
+
* text-only path holds the same 0.00px spread AND lands on the same baseline,
|
|
413
|
+
* 15.22px from the button top at control tier. So an icon button and a text
|
|
414
|
+
* button put their labels on one line, and `not-has-[svg]` costs nothing but
|
|
415
|
+
* which element carries the trim.
|
|
416
|
+
*
|
|
417
|
+
* Measured by signalnine.org and reproduced here; see label-band.spec.ts, which
|
|
418
|
+
* pins the 0.00px spread, the cost of breaking it, and the agreement between
|
|
419
|
+
* the two paths.
|
|
420
|
+
*
|
|
380
421
|
* WHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare
|
|
381
422
|
* text is an ANONYMOUS flex item — a box no selector reaches and no
|
|
382
423
|
* non-inherited property touches. So `era-text-trim` on a flex row is inert,
|
|
@@ -463,6 +504,45 @@
|
|
|
463
504
|
height: 1lh;
|
|
464
505
|
}
|
|
465
506
|
|
|
507
|
+
/* A WELL THAT SURVIVES BEING FILLED.
|
|
508
|
+
*
|
|
509
|
+
* `shadow-well` is an INSET shadow, and an inset shadow belongs to the
|
|
510
|
+
* element's background layer — it paints under the element's own descendants.
|
|
511
|
+
* That is invisible on a well holding text (a checkbox, a code block: the
|
|
512
|
+
* chrome runs around the content) and wrong the moment something paints the
|
|
513
|
+
* whole box. Meter, Progress and the Slider track all do exactly that: an
|
|
514
|
+
* opaque child, `translateX`-ed to the value. So the well survived only where
|
|
515
|
+
* the track was EMPTY — a half-full meter on bevel had a chisel to the right
|
|
516
|
+
* of the value and none to the left, which reads as a hole with a sticker
|
|
517
|
+
* over it rather than a level inside a well.
|
|
518
|
+
*
|
|
519
|
+
* The fix is painting order, not geometry: the same `--era-shadow-well` on a
|
|
520
|
+
* pseudo-element that is the element's LAST child, so it lands above the fill.
|
|
521
|
+
* The fill still spans the full box — nothing is inset, no radius is
|
|
522
|
+
* re-derived, and 0% and 100% keep their exact ends. The `position: relative`
|
|
523
|
+
* is load-bearing (the overlay resolves against this box) and `inherit` on the
|
|
524
|
+
* radius keeps it honest under `data-corners="square"`.
|
|
525
|
+
*
|
|
526
|
+
* Surface-agnostic on purpose. It reads the same token every well reads, so
|
|
527
|
+
* glass's hairline rim is restored by the same line that restores bevel's
|
|
528
|
+
* chisel, and flat — where the token is `none` — renders exactly as before.
|
|
529
|
+
* Reported against bevel by a consumer; it was never a bevel bug.
|
|
530
|
+
*
|
|
531
|
+
* @use instead of `shadow-well` on a track whose value is painted by a child
|
|
532
|
+
* that covers the box — a progress/meter/slider track, a custom gauge. For a
|
|
533
|
+
* well holding ordinary content, `shadow-well` is still right. */
|
|
534
|
+
@utility era-track-well {
|
|
535
|
+
position: relative;
|
|
536
|
+
&::after {
|
|
537
|
+
content: '';
|
|
538
|
+
position: absolute;
|
|
539
|
+
inset: 0;
|
|
540
|
+
border-radius: inherit;
|
|
541
|
+
box-shadow: var(--era-shadow-well);
|
|
542
|
+
pointer-events: none;
|
|
543
|
+
}
|
|
544
|
+
}
|
|
545
|
+
|
|
466
546
|
/* Skeleton's pulse, on the MOTION AXIS.
|
|
467
547
|
*
|
|
468
548
|
* It used to be a literal `2s ease-in-out` on the component, so it neither died
|
|
@@ -42,25 +42,40 @@
|
|
|
42
42
|
/** Icon rendered AFTER the label, outside it. Same reason as `lead`. */
|
|
43
43
|
trail?: Snippet;
|
|
44
44
|
/**
|
|
45
|
-
*
|
|
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".
|
|
46
47
|
*
|
|
47
|
-
*
|
|
48
|
-
*
|
|
49
|
-
*
|
|
50
|
-
*
|
|
51
|
-
* and the ink sits high. Measured on a bar-tier button with a lead icon:
|
|
52
|
-
* "PDF" landed 2.5px high on mono and 3.5px on sans, and the cap band
|
|
53
|
-
* brought both inside half a pixel.
|
|
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:
|
|
54
52
|
*
|
|
55
|
-
*
|
|
56
|
-
*
|
|
57
|
-
*
|
|
58
|
-
*
|
|
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
|
|
59
57
|
*
|
|
60
|
-
*
|
|
61
|
-
*
|
|
62
|
-
*
|
|
63
|
-
*
|
|
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.
|
|
64
79
|
*
|
|
65
80
|
* Only reaches the label when `lead`/`trail` give it its own box. Without
|
|
66
81
|
* one the label is an anonymous flex item that no selector can address,
|
|
@@ -21,25 +21,40 @@ type $$ComponentProps = Button.RootProps & {
|
|
|
21
21
|
/** Icon rendered AFTER the label, outside it. Same reason as `lead`. */
|
|
22
22
|
trail?: Snippet;
|
|
23
23
|
/**
|
|
24
|
-
*
|
|
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".
|
|
25
26
|
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
*
|
|
29
|
-
*
|
|
30
|
-
* and the ink sits high. Measured on a bar-tier button with a lead icon:
|
|
31
|
-
* "PDF" landed 2.5px high on mono and 3.5px on sans, and the cap band
|
|
32
|
-
* brought both inside half a pixel.
|
|
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:
|
|
33
31
|
*
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
*
|
|
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
|
|
38
36
|
*
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
*
|
|
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.
|
|
43
58
|
*
|
|
44
59
|
* Only reaches the label when `lead`/`trail` give it its own box. Without
|
|
45
60
|
* one the label is an anonymous flex item that no selector can address,
|
|
@@ -68,9 +68,12 @@
|
|
|
68
68
|
{max}
|
|
69
69
|
data-tone={tone}
|
|
70
70
|
class={cn(
|
|
71
|
-
// bg-field, not bg-elevated: the track is recessed (
|
|
71
|
+
// bg-field, not bg-elevated: the track is recessed (era-track-well), so it
|
|
72
72
|
// wears the recessed tier. See Checkbox for the full version of this note.
|
|
73
|
-
|
|
73
|
+
// era-track-well, not shadow-well: the fill below covers the whole box,
|
|
74
|
+
// and an inset shadow paints under its own descendants — so the plain
|
|
75
|
+
// well survived only on the empty side of the value.
|
|
76
|
+
'era-track-well h-(--era-sp) w-full overflow-hidden rounded-control bg-field',
|
|
74
77
|
className
|
|
75
78
|
)}
|
|
76
79
|
{...restProps}
|
|
@@ -21,10 +21,12 @@
|
|
|
21
21
|
{max}
|
|
22
22
|
class={cn(
|
|
23
23
|
// bg-field, not bg-elevated: a progress TRACK is recessed (it takes
|
|
24
|
-
//
|
|
24
|
+
// era-track-well) and the recessed tier's fill is --era-field-bg. Same
|
|
25
25
|
// category error Checkbox had, invisible while flat's elevated fill was an
|
|
26
26
|
// alias of the surface and visible the moment it became a tone step.
|
|
27
|
-
|
|
27
|
+
// era-track-well, not shadow-well: the bar below paints over the whole
|
|
28
|
+
// box, and an inset shadow paints beneath its own descendants.
|
|
29
|
+
'era-track-well h-(--era-sp) w-full overflow-hidden rounded-control bg-field',
|
|
28
30
|
className
|
|
29
31
|
)}
|
|
30
32
|
{...restProps}
|
|
@@ -25,9 +25,12 @@
|
|
|
25
25
|
|
|
26
26
|
<span
|
|
27
27
|
class={cn(
|
|
28
|
-
// bg-field, not bg-elevated: a slider track is recessed (
|
|
29
|
-
// belongs on the recessed tier. See Checkbox for the full version.
|
|
30
|
-
|
|
28
|
+
// bg-field, not bg-elevated: a slider track is recessed (era-track-well)
|
|
29
|
+
// and belongs on the recessed tier. See Checkbox for the full version.
|
|
30
|
+
// era-track-well, not shadow-well: Slider.Range and the buffered span
|
|
31
|
+
// both paint over the box, and an inset shadow paints beneath its own
|
|
32
|
+
// descendants — the well only survived past the end of the range.
|
|
33
|
+
'era-track-well relative h-[calc(var(--era-sp)/2)] w-full grow cursor-pointer overflow-hidden rounded-control bg-field',
|
|
31
34
|
trackClass
|
|
32
35
|
)}
|
|
33
36
|
>
|