@signal9/era-ui 30.5.0 → 30.6.0
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/ui/card/card.svelte +36 -6
- package/dist/ui/card/card.svelte.d.ts +29 -8
- package/dist/ui/meter/meter.svelte +83 -10
- package/dist/ui/meter/meter.svelte.d.ts +49 -18
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
## [30.6.0](https://github.com/sig-nine/era-ui/compare/v30.5.1...v30.6.0) (2026-08-16)
|
|
2
|
+
|
|
3
|
+
### Features
|
|
4
|
+
|
|
5
|
+
* **meter:** threshold marks a boundary inside the range ([85f5a13](https://github.com/sig-nine/era-ui/commit/85f5a13096cb57656665256219438b69f10a6de2))
|
|
6
|
+
|
|
7
|
+
## [30.5.1](https://github.com/sig-nine/era-ui/compare/v30.5.0...v30.5.1) (2026-08-16)
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **card:** a pressable card depresses, and the tones say what they paint ([7890b96](https://github.com/sig-nine/era-ui/commit/7890b969b5064df8a6716d530e21a82f23e68601))
|
|
12
|
+
|
|
1
13
|
## [30.5.0](https://github.com/sig-nine/era-ui/compare/v30.4.0...v30.5.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);--color-info:var(--color-info);--color-info-fg:var(--color-info-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-\[calc\(\.\.\.\)\]{min-height:calc(...)}.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-info{background-color:var(--color-info)}.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-info{color:var(--color-info)}.text-info-fg{color:var(--color-info-fg)}.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)}.decoration-2{text-decoration-thickness:2px}.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-info:hover{background-color:var(--color-info)}.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-info-fg:hover{color:var(--color-info-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\]\:h-bar[data-orientation=vertical]{height:var(--era-h-bar)}.data-\[orientation\=vertical\]\:h-chip[data-orientation=vertical]{height:var(--era-h-chip)}.data-\[orientation\=vertical\]\:h-control[data-orientation=vertical]{height:var(--era-h-control)}.data-\[orientation\=vertical\]\:h-icon[data-orientation=vertical]{height:var(--era-h-icon)}.data-\[orientation\=vertical\]\:h-pill[data-orientation=vertical]{height:var(--era-h-pill)}.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))}}:root,.dark,.light{--color-info:oklch(from var(--color-success) l min(c, .18) 264);--color-info-fg:var(--color-success-fg)}@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);--color-info:var(--color-info);--color-info-fg:var(--color-info-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-\[calc\(\.\.\.\)\]{min-height:calc(...)}.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-\(--w\){width:var(--w)}.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-info{background-color:var(--color-info)}.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-info{color:var(--color-info)}.text-info-fg{color:var(--color-info-fg)}.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)}.decoration-2{text-decoration-thickness:2px}.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-info:hover{background-color:var(--color-info)}.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-info-fg:hover{color:var(--color-info-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\]\:h-bar[data-orientation=vertical]{height:var(--era-h-bar)}.data-\[orientation\=vertical\]\:h-chip[data-orientation=vertical]{height:var(--era-h-chip)}.data-\[orientation\=vertical\]\:h-control[data-orientation=vertical]{height:var(--era-h-control)}.data-\[orientation\=vertical\]\:h-icon[data-orientation=vertical]{height:var(--era-h-icon)}.data-\[orientation\=vertical\]\:h-pill[data-orientation=vertical]{height:var(--era-h-pill)}.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))}}:root,.dark,.light{--color-info:oklch(from var(--color-success) l min(c, .18) 264);--color-info-fg:var(--color-success-fg)}@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}}
|
package/dist/ui/card/card.svelte
CHANGED
|
@@ -32,8 +32,17 @@
|
|
|
32
32
|
// was: the even-gap law, broken by default, in the component that
|
|
33
33
|
// bounds more consumer content than any other.
|
|
34
34
|
sectioned: { true: 'p-0', false: 'p-card' },
|
|
35
|
+
// A CARD YOU CAN PRESS DEPRESSES. `active:shadow-pressed` is on every
|
|
36
|
+
// other era control and was missing here, so a pressable card was the
|
|
37
|
+
// one thing in the library that lit up on hover and then did nothing
|
|
38
|
+
// under the finger — on bevel, where the pressed face is an inverted
|
|
39
|
+
// chisel, that is the difference between a control and a picture of
|
|
40
|
+
// one. Inert on flat (the token is `none`) and on glass (it resolves
|
|
41
|
+
// to the resting shadow), so only the surface that has a pressed face
|
|
42
|
+
// shows it. No content sink to go with it: the sink moves a control's
|
|
43
|
+
// single content wrapper, and a card's children are the consumer's.
|
|
35
44
|
interactive: {
|
|
36
|
-
true: 'cursor-pointer hover:bg-highlight hover:shadow-highlight focus-visible:bg-highlight era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50'
|
|
45
|
+
true: 'cursor-pointer hover:bg-highlight hover:shadow-highlight focus-visible:bg-highlight active:shadow-pressed era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50'
|
|
37
46
|
}
|
|
38
47
|
},
|
|
39
48
|
defaultVariants: { tone: 'elevated', sectioned: false, interactive: false }
|
|
@@ -93,11 +102,32 @@
|
|
|
93
102
|
ref?: CardElement | null;
|
|
94
103
|
/**
|
|
95
104
|
* Surface tier the card paints on.
|
|
96
|
-
* - `elevated` (default): the lifted surface
|
|
97
|
-
*
|
|
98
|
-
* - `
|
|
99
|
-
*
|
|
100
|
-
* - `
|
|
105
|
+
* - `elevated` (default): the lifted surface, with a resting shadow. Use
|
|
106
|
+
* on the page background.
|
|
107
|
+
* - `surface`: the base surface tier, no shadow. Use when nesting cards
|
|
108
|
+
* inside another elevated container.
|
|
109
|
+
* - `well`: recessed. For content the surrounding UI puts INTO the card —
|
|
110
|
+
* a tool's output pane, a transcript body — the container twin of a
|
|
111
|
+
* text field's fill.
|
|
112
|
+
* - `flat`: no background; only the rounded/padded shell. For grouping
|
|
113
|
+
* content visually without adding contrast.
|
|
114
|
+
*
|
|
115
|
+
* READ THE CLASSES AND THEY LOOK SWAPPED. They are not, and this is
|
|
116
|
+
* worth a sentence because a consumer read them, believed it, and
|
|
117
|
+
* shipped flat cards for months. `surface` paints `bg-well` and `well`
|
|
118
|
+
* paints `bg-field`, because era's utility names describe FILLS rather
|
|
119
|
+
* than tiers: `bg-well` is the surface's own resting fill (it is what a
|
|
120
|
+
* panel is painted with, and it pairs with `shadow-well` when you want
|
|
121
|
+
* recessed chrome), and `bg-field` is the recessed fill a text input
|
|
122
|
+
* sits in. The tone names are the tiers; the class names are the paints.
|
|
123
|
+
*
|
|
124
|
+
* A CARD THAT IS PRESSABLE SHOULD USUALLY BE `elevated`. Passing `href`
|
|
125
|
+
* or `onclick` turns on the interactive face — hover, focus, press — but
|
|
126
|
+
* it deliberately does NOT override the tier you asked for, so a
|
|
127
|
+
* `surface` link card has no resting lift and reads flatter than the
|
|
128
|
+
* static cards around it. That combination was reported as a bug and it
|
|
129
|
+
* is a choice: a tone that silently changed under an event handler would
|
|
130
|
+
* be a worse one.
|
|
101
131
|
*/
|
|
102
132
|
tone?: 'elevated' | 'surface' | 'well' | 'flat';
|
|
103
133
|
/** Rendered above the body with a subtle divider. */
|
|
@@ -10,7 +10,7 @@ export declare const cardVariants: import("tailwind-variants").TVReturnType<{
|
|
|
10
10
|
false: "p-card";
|
|
11
11
|
};
|
|
12
12
|
interactive: {
|
|
13
|
-
true: "cursor-pointer hover:bg-highlight hover:shadow-highlight focus-visible:bg-highlight era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
|
|
13
|
+
true: "cursor-pointer hover:bg-highlight hover:shadow-highlight focus-visible:bg-highlight active:shadow-pressed era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
|
|
14
14
|
};
|
|
15
15
|
}, undefined, "block w-full rounded-bar text-left text-fg", {
|
|
16
16
|
tone: {
|
|
@@ -24,7 +24,7 @@ export declare const cardVariants: import("tailwind-variants").TVReturnType<{
|
|
|
24
24
|
false: "p-card";
|
|
25
25
|
};
|
|
26
26
|
interactive: {
|
|
27
|
-
true: "cursor-pointer hover:bg-highlight hover:shadow-highlight focus-visible:bg-highlight era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
|
|
27
|
+
true: "cursor-pointer hover:bg-highlight hover:shadow-highlight focus-visible:bg-highlight active:shadow-pressed era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
|
|
28
28
|
};
|
|
29
29
|
}, undefined, import("tailwind-variants").TVReturnTypeLike<{
|
|
30
30
|
tone: {
|
|
@@ -38,7 +38,7 @@ export declare const cardVariants: import("tailwind-variants").TVReturnType<{
|
|
|
38
38
|
false: "p-card";
|
|
39
39
|
};
|
|
40
40
|
interactive: {
|
|
41
|
-
true: "cursor-pointer hover:bg-highlight hover:shadow-highlight focus-visible:bg-highlight era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
|
|
41
|
+
true: "cursor-pointer hover:bg-highlight hover:shadow-highlight focus-visible:bg-highlight active:shadow-pressed era-interactive aria-disabled:cursor-not-allowed aria-disabled:opacity-50";
|
|
42
42
|
};
|
|
43
43
|
}, undefined>>;
|
|
44
44
|
import type { Snippet } from 'svelte';
|
|
@@ -50,11 +50,32 @@ type $$ComponentProps = HTMLAttributes<HTMLElement> & AnchorBits & ButtonBits &
|
|
|
50
50
|
ref?: CardElement | null;
|
|
51
51
|
/**
|
|
52
52
|
* Surface tier the card paints on.
|
|
53
|
-
* - `elevated` (default): the lifted surface
|
|
54
|
-
*
|
|
55
|
-
* - `
|
|
56
|
-
*
|
|
57
|
-
* - `
|
|
53
|
+
* - `elevated` (default): the lifted surface, with a resting shadow. Use
|
|
54
|
+
* on the page background.
|
|
55
|
+
* - `surface`: the base surface tier, no shadow. Use when nesting cards
|
|
56
|
+
* inside another elevated container.
|
|
57
|
+
* - `well`: recessed. For content the surrounding UI puts INTO the card —
|
|
58
|
+
* a tool's output pane, a transcript body — the container twin of a
|
|
59
|
+
* text field's fill.
|
|
60
|
+
* - `flat`: no background; only the rounded/padded shell. For grouping
|
|
61
|
+
* content visually without adding contrast.
|
|
62
|
+
*
|
|
63
|
+
* READ THE CLASSES AND THEY LOOK SWAPPED. They are not, and this is
|
|
64
|
+
* worth a sentence because a consumer read them, believed it, and
|
|
65
|
+
* shipped flat cards for months. `surface` paints `bg-well` and `well`
|
|
66
|
+
* paints `bg-field`, because era's utility names describe FILLS rather
|
|
67
|
+
* than tiers: `bg-well` is the surface's own resting fill (it is what a
|
|
68
|
+
* panel is painted with, and it pairs with `shadow-well` when you want
|
|
69
|
+
* recessed chrome), and `bg-field` is the recessed fill a text input
|
|
70
|
+
* sits in. The tone names are the tiers; the class names are the paints.
|
|
71
|
+
*
|
|
72
|
+
* A CARD THAT IS PRESSABLE SHOULD USUALLY BE `elevated`. Passing `href`
|
|
73
|
+
* or `onclick` turns on the interactive face — hover, focus, press — but
|
|
74
|
+
* it deliberately does NOT override the tier you asked for, so a
|
|
75
|
+
* `surface` link card has no resting lift and reads flatter than the
|
|
76
|
+
* static cards around it. That combination was reported as a bug and it
|
|
77
|
+
* is a choice: a tone that silently changed under an event handler would
|
|
78
|
+
* be a worse one.
|
|
58
79
|
*/
|
|
59
80
|
tone?: 'elevated' | 'surface' | 'well' | 'flat';
|
|
60
81
|
/** Rendered above the body with a subtle divider. */
|
|
@@ -1,6 +1,20 @@
|
|
|
1
1
|
<script lang="ts" module>
|
|
2
2
|
import { tv } from '../../utils/index.js';
|
|
3
3
|
|
|
4
|
+
/**
|
|
5
|
+
* The fill's paint per tone — extracted because the THRESHOLD MARK borrows
|
|
6
|
+
* it. See the `threshold` prop for why the mark is painted in one of the
|
|
7
|
+
* meter's two existing colours rather than a colour of its own.
|
|
8
|
+
*/
|
|
9
|
+
const TONE_FILL = {
|
|
10
|
+
default: 'bg-fg',
|
|
11
|
+
accent: 'bg-primary',
|
|
12
|
+
destructive: 'bg-destructive',
|
|
13
|
+
success: 'bg-success',
|
|
14
|
+
warning: 'bg-warning',
|
|
15
|
+
info: 'bg-info'
|
|
16
|
+
} as const;
|
|
17
|
+
|
|
4
18
|
/*
|
|
5
19
|
* A meter reports a LEVEL inside a known range — disk usage, a quota, a
|
|
6
20
|
* score — so "how is this level doing" is the one thing it exists to say,
|
|
@@ -20,16 +34,7 @@
|
|
|
20
34
|
*/
|
|
21
35
|
export const meterFillVariants = tv({
|
|
22
36
|
base: 'h-full w-full transition-transform duration-base ease-base',
|
|
23
|
-
variants: {
|
|
24
|
-
tone: {
|
|
25
|
-
default: 'bg-fg',
|
|
26
|
-
accent: 'bg-primary',
|
|
27
|
-
destructive: 'bg-destructive',
|
|
28
|
-
success: 'bg-success',
|
|
29
|
-
warning: 'bg-warning',
|
|
30
|
-
info: 'bg-info'
|
|
31
|
-
}
|
|
32
|
-
},
|
|
37
|
+
variants: { tone: TONE_FILL },
|
|
33
38
|
defaultVariants: { tone: 'default' }
|
|
34
39
|
});
|
|
35
40
|
</script>
|
|
@@ -45,6 +50,7 @@
|
|
|
45
50
|
min = 0,
|
|
46
51
|
max = 100,
|
|
47
52
|
tone = 'default',
|
|
53
|
+
threshold,
|
|
48
54
|
start,
|
|
49
55
|
end,
|
|
50
56
|
class: className,
|
|
@@ -60,6 +66,37 @@
|
|
|
60
66
|
* `aria-label` / a visible label, never rely on the hue alone.
|
|
61
67
|
*/
|
|
62
68
|
tone?: 'default' | 'accent' | 'destructive' | 'success' | 'warning' | 'info';
|
|
69
|
+
/**
|
|
70
|
+
* A BOUNDARY INSIDE THE RANGE — in the same units as `value`, not a
|
|
71
|
+
* percentage. A quota with a soft limit before the hard one; a plan that
|
|
72
|
+
* includes 30 hours of the 50 it bills against; a temperature that is
|
|
73
|
+
* fine until it is not. The bar fills against `max`, and the mark says
|
|
74
|
+
* where the number the reader is actually deciding about sits.
|
|
75
|
+
*
|
|
76
|
+
* WHY THE MARK HAS NO COLOUR OF ITS OWN. It has to read against both
|
|
77
|
+
* sides of itself: over the empty track before the value reaches it, and
|
|
78
|
+
* over the fill afterwards. One token cannot do that — a colour tuned
|
|
79
|
+
* against the track disappears into the fill the moment the value
|
|
80
|
+
* crosses, which is exactly what a consumer hit hand-rolling this. So
|
|
81
|
+
* the mark is painted in the colour of the side it is NOT on: the fill's
|
|
82
|
+
* paint while the value is short of it, the track's fill once the value
|
|
83
|
+
* has passed. That contrast is not a new promise — it is the meter's
|
|
84
|
+
* own. A fill that did not stand out from its track would not be a
|
|
85
|
+
* meter, so borrowing the pair is the one choice that cannot be wrong in
|
|
86
|
+
* a theme, a tone, or a surface era has not seen.
|
|
87
|
+
*
|
|
88
|
+
* IT IS DECORATION, and silent on purpose. There is no `role` and
|
|
89
|
+
* nothing to announce: a screen reader gets `value`/`min`/`max` and the
|
|
90
|
+
* meter's own accessible name, and a boundary it cannot position adds
|
|
91
|
+
* nothing. If the threshold is part of the reading — it usually is —
|
|
92
|
+
* put the figure in `aria-label` and in a caption, where it is a number
|
|
93
|
+
* rather than a position.
|
|
94
|
+
*
|
|
95
|
+
* Outside `[min, max]` it renders NOTHING rather than clamping to an
|
|
96
|
+
* end, because a mark pinned to the edge of the bar would claim a
|
|
97
|
+
* boundary that is not in the range.
|
|
98
|
+
*/
|
|
99
|
+
threshold?: number;
|
|
63
100
|
/**
|
|
64
101
|
* Captions under the two ends of the bar — what the range MEANS.
|
|
65
102
|
*
|
|
@@ -83,6 +120,17 @@
|
|
|
83
120
|
} = $props();
|
|
84
121
|
|
|
85
122
|
let percentage = $derived(((value - min) / (max - min)) * 100);
|
|
123
|
+
|
|
124
|
+
/* Rendered only when the boundary is actually inside the range — see the
|
|
125
|
+
* prop. `>` and `<` rather than `>=`/`<=`: a mark exactly on an end is the
|
|
126
|
+
* end, and drawing one there says nothing the bar does not already say. */
|
|
127
|
+
const markPct = $derived(
|
|
128
|
+
typeof threshold === 'number' && threshold > min && threshold < max
|
|
129
|
+
? ((threshold - min) / (max - min)) * 100
|
|
130
|
+
: null
|
|
131
|
+
);
|
|
132
|
+
/* The colour of the side the mark is NOT on. */
|
|
133
|
+
const markFill = $derived(value >= (threshold ?? 0) ? 'bg-field' : TONE_FILL[tone]);
|
|
86
134
|
</script>
|
|
87
135
|
|
|
88
136
|
{#snippet track()}
|
|
@@ -107,6 +155,31 @@
|
|
|
107
155
|
class={meterFillVariants({ tone })}
|
|
108
156
|
style="transform: translateX(-{100 - percentage}%)"
|
|
109
157
|
></div>
|
|
158
|
+
<!--
|
|
159
|
+
THE MARK LIVES INSIDE THE TRACK, which is the half of this that is not
|
|
160
|
+
about colour. An overlay drawn by a consumer has to be a sibling of the
|
|
161
|
+
track and pin its own height — and the moment a caption is passed, the
|
|
162
|
+
track gains a wrapper and `inset-y-0` runs the rule down through the
|
|
163
|
+
captions instead. In here `inset-y-0` is the track's height by
|
|
164
|
+
construction, at every density, whatever else the component grows.
|
|
165
|
+
|
|
166
|
+
AFTER the fill in the DOM on purpose: the fill carries a transform, so
|
|
167
|
+
it paints as a stacking context, and only a later positioned sibling
|
|
168
|
+
lands above it. The well's chrome is `era-track-well`'s ::after, which
|
|
169
|
+
is later still — so the mark sits between the value and the chisel,
|
|
170
|
+
which is where a notch in a bar belongs.
|
|
171
|
+
|
|
172
|
+
The clamp keeps the whole 2px visible at 0% and 100% instead of letting
|
|
173
|
+
overflow-hidden shave it in half; --w is declared once so the offset and
|
|
174
|
+
the ceiling cannot disagree.
|
|
175
|
+
-->
|
|
176
|
+
{#if markPct !== null}
|
|
177
|
+
<div
|
|
178
|
+
aria-hidden="true"
|
|
179
|
+
class={cn('pointer-events-none absolute inset-y-0 w-(--w)', markFill)}
|
|
180
|
+
style="--w: 2px; left: clamp(0px, calc({markPct}% - var(--w) / 2), calc(100% - var(--w)))"
|
|
181
|
+
></div>
|
|
182
|
+
{/if}
|
|
110
183
|
</Meter.Root>
|
|
111
184
|
{/snippet}
|
|
112
185
|
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
export declare const meterFillVariants: import("tailwind-variants").TVReturnType<{
|
|
2
2
|
tone: {
|
|
3
|
-
default: "bg-fg";
|
|
4
|
-
accent: "bg-primary";
|
|
5
|
-
destructive: "bg-destructive";
|
|
6
|
-
success: "bg-success";
|
|
7
|
-
warning: "bg-warning";
|
|
8
|
-
info: "bg-info";
|
|
3
|
+
readonly default: "bg-fg";
|
|
4
|
+
readonly accent: "bg-primary";
|
|
5
|
+
readonly destructive: "bg-destructive";
|
|
6
|
+
readonly success: "bg-success";
|
|
7
|
+
readonly warning: "bg-warning";
|
|
8
|
+
readonly info: "bg-info";
|
|
9
9
|
};
|
|
10
10
|
}, undefined, "h-full w-full transition-transform duration-base ease-base", {
|
|
11
11
|
tone: {
|
|
12
|
-
default: "bg-fg";
|
|
13
|
-
accent: "bg-primary";
|
|
14
|
-
destructive: "bg-destructive";
|
|
15
|
-
success: "bg-success";
|
|
16
|
-
warning: "bg-warning";
|
|
17
|
-
info: "bg-info";
|
|
12
|
+
readonly default: "bg-fg";
|
|
13
|
+
readonly accent: "bg-primary";
|
|
14
|
+
readonly destructive: "bg-destructive";
|
|
15
|
+
readonly success: "bg-success";
|
|
16
|
+
readonly warning: "bg-warning";
|
|
17
|
+
readonly info: "bg-info";
|
|
18
18
|
};
|
|
19
19
|
}, undefined, import("tailwind-variants").TVReturnTypeLike<{
|
|
20
20
|
tone: {
|
|
21
|
-
default: "bg-fg";
|
|
22
|
-
accent: "bg-primary";
|
|
23
|
-
destructive: "bg-destructive";
|
|
24
|
-
success: "bg-success";
|
|
25
|
-
warning: "bg-warning";
|
|
26
|
-
info: "bg-info";
|
|
21
|
+
readonly default: "bg-fg";
|
|
22
|
+
readonly accent: "bg-primary";
|
|
23
|
+
readonly destructive: "bg-destructive";
|
|
24
|
+
readonly success: "bg-success";
|
|
25
|
+
readonly warning: "bg-warning";
|
|
26
|
+
readonly info: "bg-info";
|
|
27
27
|
};
|
|
28
28
|
}, undefined>>;
|
|
29
29
|
import type { Snippet } from 'svelte';
|
|
@@ -39,6 +39,37 @@ type $$ComponentProps = Meter.RootProps & {
|
|
|
39
39
|
* `aria-label` / a visible label, never rely on the hue alone.
|
|
40
40
|
*/
|
|
41
41
|
tone?: 'default' | 'accent' | 'destructive' | 'success' | 'warning' | 'info';
|
|
42
|
+
/**
|
|
43
|
+
* A BOUNDARY INSIDE THE RANGE — in the same units as `value`, not a
|
|
44
|
+
* percentage. A quota with a soft limit before the hard one; a plan that
|
|
45
|
+
* includes 30 hours of the 50 it bills against; a temperature that is
|
|
46
|
+
* fine until it is not. The bar fills against `max`, and the mark says
|
|
47
|
+
* where the number the reader is actually deciding about sits.
|
|
48
|
+
*
|
|
49
|
+
* WHY THE MARK HAS NO COLOUR OF ITS OWN. It has to read against both
|
|
50
|
+
* sides of itself: over the empty track before the value reaches it, and
|
|
51
|
+
* over the fill afterwards. One token cannot do that — a colour tuned
|
|
52
|
+
* against the track disappears into the fill the moment the value
|
|
53
|
+
* crosses, which is exactly what a consumer hit hand-rolling this. So
|
|
54
|
+
* the mark is painted in the colour of the side it is NOT on: the fill's
|
|
55
|
+
* paint while the value is short of it, the track's fill once the value
|
|
56
|
+
* has passed. That contrast is not a new promise — it is the meter's
|
|
57
|
+
* own. A fill that did not stand out from its track would not be a
|
|
58
|
+
* meter, so borrowing the pair is the one choice that cannot be wrong in
|
|
59
|
+
* a theme, a tone, or a surface era has not seen.
|
|
60
|
+
*
|
|
61
|
+
* IT IS DECORATION, and silent on purpose. There is no `role` and
|
|
62
|
+
* nothing to announce: a screen reader gets `value`/`min`/`max` and the
|
|
63
|
+
* meter's own accessible name, and a boundary it cannot position adds
|
|
64
|
+
* nothing. If the threshold is part of the reading — it usually is —
|
|
65
|
+
* put the figure in `aria-label` and in a caption, where it is a number
|
|
66
|
+
* rather than a position.
|
|
67
|
+
*
|
|
68
|
+
* Outside `[min, max]` it renders NOTHING rather than clamping to an
|
|
69
|
+
* end, because a mark pinned to the edge of the bar would claim a
|
|
70
|
+
* boundary that is not in the range.
|
|
71
|
+
*/
|
|
72
|
+
threshold?: number;
|
|
42
73
|
/**
|
|
43
74
|
* Captions under the two ends of the bar — what the range MEANS.
|
|
44
75
|
*
|