@signal9/era-ui 30.1.1 → 30.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/era-ui.css +1 -1
- package/dist/generated-docs/llms-full.txt +10 -1
- package/dist/generated-docs/manifest.json +2 -2
- package/dist/generated-docs/utilities.json +1 -1
- package/dist/generated-docs/utilities.md +10 -1
- package/dist/os/desktop.svelte +15 -3
- package/dist/os/pane.svelte +10 -1
- package/dist/os/pane.svelte.d.ts +1 -1
- package/dist/styles/index.css +49 -1
- package/dist/ui/meter/meter.svelte +5 -2
- package/dist/ui/progress/progress.svelte +4 -2
- package/dist/ui/slider/slider-range.svelte +6 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
## [30.1.3](https://github.com/sig-nine/era-ui/compare/v30.1.2...v30.1.3) (2026-08-16)
|
|
2
|
+
|
|
3
|
+
### Bug Fixes
|
|
4
|
+
|
|
5
|
+
* **os:** stop printing a framework warning into consumer consoles ([312e1d5](https://github.com/sig-nine/era-ui/commit/312e1d531f4df19443282917819700b66f37ccfe))
|
|
6
|
+
|
|
7
|
+
## [30.1.2](https://github.com/sig-nine/era-ui/compare/v30.1.1...v30.1.2) (2026-08-16)
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **tracks:** a filled meter keeps the well it sits in ([ef3ee9c](https://github.com/sig-nine/era-ui/commit/ef3ee9c03927d4caf261cf8ca43dcf7b55afaa36))
|
|
12
|
+
|
|
1
13
|
## [30.1.1](https://github.com/sig-nine/era-ui/compare/v30.1.0...v30.1.1) (2026-08-16)
|
|
2
14
|
|
|
3
15
|
### Bug Fixes
|
package/dist/era-ui.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:var(--era-shadow);--shadow-lg:var(--era-shadow-lg);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--default-transition-duration:var(--era-duration);--default-transition-timing-function:var(--era-ease);--shadow:var(--era-shadow);--text-micro:calc(var(--era-text) * 5 / 6);--text-micro--letter-spacing:.04em;--text-lede:calc(var(--era-text) * 5 / 4);--text-lede--line-height:1.5;--text-heading:calc(var(--era-text) * 3 / 2);--text-heading--line-height:1.3;--text-heading--letter-spacing:-.01em;--text-title:calc(var(--era-text) * 2);--text-title--line-height:1.15;--text-title--letter-spacing:-.02em;--text-display:calc(var(--era-text) * 3);--text-display--line-height:1.05;--text-display--letter-spacing:-.03em;--text-body:var(--era-text);--leading-body:var(--era-leading);--radius-icon:var(--era-rd-icon);--radius-pill:var(--era-rd-pill);--radius-chip:var(--era-rd-chip);--radius-control:var(--era-rd-control);--radius-bar:var(--era-rd-bar);--radius-menu-item:var(--era-item-rd);--shadow-well:var(--era-shadow-well);--shadow-pressed:var(--era-shadow-pressed);--shadow-highlight:var(--era-highlight-shadow);--color-well:var(--era-surface-bg);--color-elevated:var(--era-surface-bg-elevated);--color-highlight:var(--era-highlight);--color-overlay:var(--era-overlay-bg);--spacing-gutter:var(--era-gap);--spacing-panel:var(--era-pad-panel);--spacing-card:var(--era-pad-card);--spacing-content:var(--era-pad-content);--spacing-menu:var(--era-panel-inset);--spacing-field:var(--era-field-px);--spacing-inset-pill:var(--era-inset-pill);--spacing-inset-chip:var(--era-inset-chip);--spacing-inset-control:var(--era-inset-control);--spacing-icon-inset-pill:var(--era-icon-inset-pill);--spacing-icon-inset-chip:var(--era-icon-inset-chip);--spacing-icon-inset-control:var(--era-icon-inset-control);--spacing-icon-inset-bar:var(--era-icon-inset-bar);--spacing-pill-inset-chip:var(--era-pill-inset-chip);--spacing-pill-inset-control:var(--era-pill-inset-control);--spacing-pill-inset-bar:var(--era-pill-inset-bar);--spacing-chip-inset-control:var(--era-chip-inset-control);--spacing-chip-inset-bar:var(--era-chip-inset-bar);--spacing-glyph-icon:var(--era-glyph-icon);--spacing-glyph-pill:var(--era-glyph-pill);--color-field:var(--era-field-bg);--color-field-highlight:var(--era-field-highlight);--ease-base:var(--era-ease);--color-divider:var(--era-divider-color);--color-divider-faded:var(--era-divider-faded);--color-background:var(--color-1);--color-foreground:var(--color-fg);--color-1:var(--color-1);--color-2:var(--color-2);--color-3:var(--color-3);--color-4:var(--color-4);--color-5:var(--color-5);--color-6:var(--color-6);--color-7:var(--color-7);--color-8:var(--color-8);--color-9:var(--color-9);--color-10:var(--color-10);--color-11:var(--color-11);--color-12:var(--color-12);--color-border:var(--color-border);--color-surface:var(--color-surface);--color-hover:var(--color-hover);--color-fg:var(--color-fg);--color-bright:var(--color-bright);--color-muted:var(--color-muted);--color-fill:var(--era-fill);--color-link:var(--color-link);--color-primary:var(--color-primary);--color-primary-fg:var(--color-primary-fg);--color-primary-hover:var(--color-primary-hover);--color-destructive:var(--color-destructive);--color-destructive-fg:var(--color-destructive-fg);--color-success:var(--color-success);--color-success-fg:var(--color-success-fg);--color-warning:var(--color-warning);--color-warning-fg:var(--color-warning-fg)}.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-icon-inset-chip{inset:var(--era-icon-inset-chip)}.inset-x-0{inset-inline:0}.inset-x-gutter{inset-inline:var(--era-gap)}.inset-x-icon-inset-chip{inset-inline:var(--era-icon-inset-chip)}.inset-y-0{inset-block:0}.inset-y-menu{inset-block:var(--era-panel-inset)}.-top-\(--era-gap\){top:calc(var(--era-gap) * -1)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.top-0{top:0}.top-1\/2{top:50%}.top-card{top:var(--era-pad-card)}.top-chip-inset-bar{top:var(--era-chip-inset-bar)}.top-full{top:100%}.top-gutter{top:var(--era-gap)}.-right-\(--era-gap\){right:calc(var(--era-gap) * -1)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.right-card{right:var(--era-pad-card)}.right-chip-inset-bar{right:var(--era-chip-inset-bar)}.right-gutter{right:var(--era-gap)}.bottom-\(--era-h-bar\){bottom:var(--era-h-bar)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[calc\(100\%\+\(var\(--era-h-bar\)-var\(--era-h-chip\)\)\/2\+var\(--era-gap\)\)\]{bottom:calc(100% + (var(--era-h-bar) - var(--era-h-chip)) / 2 + var(--era-gap))}.bottom-\[max\(var\(--era-gap\)\,env\(safe-area-inset-bottom\)\)\]{bottom:max(var(--era-gap), env(safe-area-inset-bottom))}.bottom-full{bottom:100%}.bottom-gutter{bottom:var(--era-gap)}.bottom-panel{bottom:var(--era-pad-panel)}.left-\(--era-video-hover-pct\){left:var(--era-video-hover-pct)}.left-0{left:0}.left-1\/2{left:50%}.left-card{left:var(--era-pad-card)}.left-full{left:100%}.left-menu{left:var(--era-panel-inset)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[55\]{z-index:55}.z-chrome{z-index:var(--era-z-chrome)}.z-debug{z-index:var(--era-z-debug)}.z-drawer{z-index:var(--era-z-drawer)}.z-overlay{z-index:var(--era-z-overlay)}.z-toast{z-index:var(--era-z-toast)}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-\[0\.45em\]{margin-inline:.45em}.mx-auto{margin-inline:auto}.mx-gutter{margin-inline:var(--era-gap)}.my-\[calc\(var\(--era-gap\)\/2\)\]{margin-block:calc(var(--era-gap) / 2)}.my-gutter{margin-block:var(--era-gap)}.ms-auto{margin-inline-start:auto}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-px{margin-top:-1px}.mt-\(--era-gap\){margin-top:var(--era-gap)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mt-card{margin-top:var(--era-pad-card)}.mt-content{margin-top:var(--era-pad-content)}.mt-gutter{margin-top:var(--era-gap)}.mt-inset-chip{margin-top:var(--era-inset-chip)}.mt-px{margin-top:1px}.-mr-\(--era-inset-pill\){margin-right:calc(var(--era-inset-pill) * -1)}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mb-card{margin-bottom:var(--era-pad-card)}.mb-gutter{margin-bottom:var(--era-gap)}.-ml-\(--era-inset-pill\){margin-left:calc(var(--era-inset-pill) * -1)}.ml-1{margin-left:var(--spacing)}.ml-\[calc\(var\(--era-inset-control\)\+var\(--era-h-icon\)\/2\)\]{margin-left:calc(var(--era-inset-control) + var(--era-h-icon) / 2)}.ml-auto{margin-left:auto}.ml-gutter{margin-left:var(--era-gap)}.ml-px{margin-left:1px}.scrollbar-none::-webkit-scrollbar{display:none}.era-token-ink{text-align:center;text-box:trim-both cap alphabetic;align-content:center;line-height:1;display:block}.era-label-ink{text-box:trim-both ex alphabetic;align-content:center;line-height:1;display:block}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-\(--era-h-icon\){width:var(--era-h-icon);height:var(--era-h-icon)}.size-\(--era-x\){width:var(--era-x);height:var(--era-x)}.size-0{width:0;height:0}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-1\/2{width:50%;height:50%}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-\[calc\(var\(--era-h-icon\)\*0\.75\)\]{width:calc(var(--era-h-icon) * .75);height:calc(var(--era-h-icon) * .75)}.size-full{width:100%;height:100%}.size-glyph-pill{width:var(--era-glyph-pill);height:var(--era-glyph-pill)}.size-gutter{width:var(--era-gap);height:var(--era-gap)}.size-bar{width:var(--era-h-bar);height:var(--era-h-bar)}.size-chip{width:var(--era-h-chip);height:var(--era-h-chip)}.size-control{width:var(--era-h-control);height:var(--era-h-control)}.size-icon{width:var(--era-h-icon);height:var(--era-h-icon)}.size-pill{width:var(--era-h-pill);height:var(--era-h-pill)}.h-\(--era-h-bar\){height:var(--era-h-bar)}.h-\(--era-h-control\){height:var(--era-h-control)}.h-\(--era-h-pill\){height:var(--era-h-pill)}.h-\(--era-sp\){height:var(--era-sp)}.h-\(--era-text\){height:var(--era-text)}.h-\(--era-x\){height:var(--era-x)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-96{height:calc(var(--spacing) * 96)}.h-\[0\.9em\]{height:.9em}.h-\[21px\]{height:21px}.h-\[24px\]{height:24px}.h-\[26rem\]{height:26rem}.h-\[34px\]{height:34px}.h-\[calc\(var\(--era-h-bar\)\*3\)\]{height:calc(var(--era-h-bar) * 3)}.h-\[calc\(var\(--era-sp\)\/2\)\]{height:calc(var(--era-sp) / 2)}.h-auto{height:auto}.h-bar{height:var(--era-h-bar)}.h-chip{height:var(--era-h-chip)}.h-control{height:var(--era-h-control)}.h-dvh{height:100dvh}.h-full{height:100%}.h-icon{height:var(--era-h-icon)}.h-line{height:1lh}.h-pill{height:var(--era-h-pill)}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[calc\(var\(--era-h-control\)\*8\)\]{max-height:calc(var(--era-h-control) * 8)}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-bar{min-height:var(--era-h-bar)}.min-h-chip{min-height:var(--era-h-chip)}.min-h-control{min-height:var(--era-h-control)}.min-h-icon{min-height:var(--era-h-icon)}.min-h-pill{min-height:var(--era-h-pill)}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[2px\]{width:2px}.w-\[40\%\]{width:40%}.w-\[calc\(var\(--era-h-chip\)\+var\(--era-h-icon\)\)\]{width:calc(var(--era-h-chip) + var(--era-h-icon))}.w-\[calc\(var\(--era-h-control\)\*3\)\]{width:calc(var(--era-h-control) * 3)}.w-\[min\(20rem\,85vw\)\]{width:min(20rem,85vw)}.w-auto{width:auto}.w-bar{width:var(--era-h-bar)}.w-chip{width:var(--era-h-chip)}.w-control{width:var(--era-h-control)}.w-full{width:100%}.w-icon{width:var(--era-h-icon)}.w-max{width:max-content}.w-pill{width:var(--era-h-pill)}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-32{max-width:calc(var(--spacing) * 32)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-\[40\%\]{max-width:40%}.max-w-\[45\%\]{max-width:45%}.max-w-\[65ch\]{max-width:65ch}.max-w-\[92ch\]{max-width:92ch}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--bits-combobox-anchor-width\){min-width:var(--bits-combobox-anchor-width)}.min-w-\(--bits-dropdown-menu-anchor-width\){min-width:var(--bits-dropdown-menu-anchor-width)}.min-w-\(--bits-menubar-menu-anchor-width\){min-width:var(--bits-menubar-menu-anchor-width)}.min-w-\(--bits-popover-anchor-width\){min-width:var(--bits-popover-anchor-width)}.min-w-\(--bits-select-anchor-width\){min-width:var(--bits-select-anchor-width)}.min-w-\(--era-h-control\){min-width:var(--era-h-control)}.min-w-\(--era-h-pill\){min-width:var(--era-h-pill)}.min-w-\(--era-h-…\){min-width:var(--era-h-…)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-80{min-width:calc(var(--spacing) * 80)}.min-w-\[7ch\]{min-width:7ch}.min-w-\[12ch\]{min-width:12ch}.min-w-\[18rem\]{min-width:18rem}.min-w-\[32px\]{min-width:32px}.min-w-bar{min-width:var(--era-h-bar)}.min-w-chip{min-width:var(--era-h-chip)}.min-w-control{min-width:var(--era-h-control)}.min-w-icon{min-width:var(--era-h-icon)}.min-w-md{min-width:var(--container-md)}.min-w-pill{min-width:var(--era-h-pill)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[calc\(var\(--era-h-icon\)\/2\)\]{--tw-translate-x:calc(calc(var(--era-h-icon) / 2) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[0\.08em\]{--tw-translate-y:.08em;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-25{--tw-scale-x:25%;--tw-scale-y:25%;--tw-scale-z:25%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\(--era-video-buffered-scale\){--tw-scale-x:var(--era-video-buffered-scale);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\(--era-video-played-scale\){--tw-scale-x:var(--era-video-played-scale);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.25\]{scale:.25}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-\[18deg\]{rotate:18deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.era-collapse{overflow:hidden}.era-collapse[data-state=open]{animation:era-collapse-open var(--era-duration) var(--era-ease)}.era-collapse[data-state=closed]{animation:era-collapse-close var(--era-duration) var(--era-ease)}.era-shimmer{background:linear-gradient(110deg, var(--color-muted) 0% 43%, var(--color-bright) 50%, var(--color-muted) 57% 100%);-webkit-text-fill-color:transparent;animation:era-shimmer calc(var(--era-duration) * 10) cubic-bezier(.7, 0, 1, .4) infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.animate-\[indeterminate_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite indeterminate}.animate-\[…\]{animation:…}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.era-skeleton-pulse{animation:era-skeleton-pulse calc(var(--era-duration) * 10) var(--era-ease) infinite}.era-interactive:focus{outline:none}.era-interactive:disabled{cursor:not-allowed;opacity:.5}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-nesw-resize{cursor:nesw-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scrollbar-none{scrollbar-width:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0\.5rem_minmax\(3rem\,4\.5rem\)_minmax\(2\.25rem\,3\.5rem\)_1fr\]{grid-template-columns:.5rem minmax(3rem,4.5rem) minmax(2.25rem,3.5rem) 1fr}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,auto\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr)}.grid-cols-\[repeat\(auto-fill\,minmax\(19rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(calc\(var\(--era-h-bar\)\*6\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(calc(var(--era-h-bar) * 6),1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\[gap\:inherit\]{gap:inherit}.gap-\(--era-gap\){gap:var(--era-gap)}.gap-\(--era-inset-md\){gap:var(--era-inset-md)}.gap-\(--era-sp\){gap:var(--era-sp)}.gap-\(--t-inset-md\){gap:var(--t-inset-md)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[calc\(var\(--era-gap\)\*2\)\]{gap:calc(var(--era-gap) * 2)}.gap-\[inherit\]{gap:inherit}.gap-card{gap:var(--era-pad-card)}.gap-chip-inset-bar{gap:var(--era-chip-inset-bar)}.gap-chip-inset-control{gap:var(--era-chip-inset-control)}.gap-content{gap:var(--era-pad-content)}.gap-field{gap:var(--era-field-px)}.gap-glyph-icon{gap:var(--era-glyph-icon)}.gap-glyph-pill{gap:var(--era-glyph-pill)}.gap-gutter{gap:var(--era-gap)}.gap-icon-inset-bar{gap:var(--era-icon-inset-bar)}.gap-icon-inset-chip{gap:var(--era-icon-inset-chip)}.gap-icon-inset-control{gap:var(--era-icon-inset-control)}.gap-icon-inset-pill{gap:var(--era-icon-inset-pill)}.gap-inset-chip{gap:var(--era-inset-chip)}.gap-inset-control{gap:var(--era-inset-control)}.gap-inset-pill{gap:var(--era-inset-pill)}.gap-menu{gap:var(--era-panel-inset)}.gap-panel{gap:var(--era-pad-panel)}.gap-pill-inset-bar{gap:var(--era-pill-inset-bar)}.gap-pill-inset-chip{gap:var(--era-pill-inset-chip)}.gap-pill-inset-control{gap:var(--era-pill-inset-control)}.gap-x-content{column-gap:var(--era-pad-content)}.gap-x-inset-chip{column-gap:var(--era-inset-chip)}.gap-x-inset-control{column-gap:var(--era-inset-control)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-gutter{row-gap:var(--era-gap)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-center{justify-self:center}.truncate{text-box:normal;text-overflow:ellipsis;white-space:nowrap;line-height:normal;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.\[border-radius\:calc\(var\(--era-rd-bar\)\+var\(--era-gap\)\)\]{border-radius:calc(var(--era-rd-bar) + var(--era-gap))}.rounded{border-radius:.25rem}.rounded-\(--era-item-rd\){border-radius:var(--era-item-rd)}.rounded-\(--era-rd-bar\){border-radius:var(--era-rd-bar)}.rounded-\(--era-rd-control\){border-radius:var(--era-rd-control)}.rounded-\(--era-rd-pill\){border-radius:var(--era-rd-pill)}.rounded-\(--era-x\){border-radius:var(--era-x)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[4px\]{border-radius:4px}.rounded-bar{border-radius:var(--era-rd-bar)}.rounded-chip{border-radius:var(--era-rd-chip)}.rounded-control{border-radius:var(--era-rd-control)}.rounded-full{border-radius:3.40282e38px}.rounded-icon{border-radius:var(--era-rd-icon)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-menu-item{border-radius:var(--era-item-rd)}.rounded-none{border-radius:0}.rounded-pill{border-radius:var(--era-rd-pill)}.rounded-row{border-radius:max(0px, calc(var(--era-container-rd,var(--era-rd-control)) - var(--era-gap)))}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-top-right-radius:var(--sheet-rd)}.rounded-t-bar{border-top-left-radius:var(--era-rd-bar);border-top-right-radius:var(--era-rd-bar)}.rounded-t-control{border-top-left-radius:var(--era-rd-control);border-top-right-radius:var(--era-rd-control)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-\(--sheet-rd\){border-top-right-radius:var(--sheet-rd);border-bottom-right-radius:var(--sheet-rd)}.rounded-b-\(--sheet-rd\){border-bottom-right-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.rounded-b-bar{border-bottom-right-radius:var(--era-rd-bar);border-bottom-left-radius:var(--era-rd-bar)}.rounded-b-control{border-bottom-right-radius:var(--era-rd-control);border-bottom-left-radius:var(--era-rd-control)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-7\){border-color:var(--color-7)}.border-1{border-color:var(--color-1)}.border-2{border-color:var(--color-2)}.border-3{border-color:var(--color-3)}.border-4{border-color:var(--color-4)}.border-5{border-color:var(--color-5)}.border-6{border-color:var(--color-6)}.border-7{border-color:var(--color-7)}.border-8{border-color:var(--color-8)}.border-9{border-color:var(--color-9)}.border-10{border-color:var(--color-10)}.border-11{border-color:var(--color-11)}.border-12{border-color:var(--color-12)}.border-background{border-color:var(--color-1)}.border-border{border-color:var(--color-border)}.border-bright{border-color:var(--color-bright)}.border-destructive{border-color:var(--color-destructive)}.border-destructive-fg{border-color:var(--color-destructive-fg)}.border-divider{border-color:var(--era-divider-color)}.border-divider-faded{border-color:var(--era-divider-faded)}.border-elevated{border-color:var(--era-surface-bg-elevated)}.border-fg{border-color:var(--color-fg)}.border-field{border-color:var(--era-field-bg)}.border-field-highlight{border-color:var(--era-field-highlight)}.border-fill{border-color:var(--era-fill)}.border-foreground{border-color:var(--color-fg)}.border-highlight{border-color:var(--era-highlight)}.border-hover{border-color:var(--color-hover)}.border-link{border-color:var(--color-link)}.border-muted{border-color:var(--color-muted)}.border-overlay{border-color:var(--era-overlay-bg)}.border-primary{border-color:var(--color-primary)}.border-primary-fg{border-color:var(--color-primary-fg)}.border-primary-hover{border-color:var(--color-primary-hover)}.border-success{border-color:var(--color-success)}.border-success-fg{border-color:var(--color-success-fg)}.border-surface{border-color:var(--color-surface)}.border-warning{border-color:var(--color-warning)}.border-warning-fg{border-color:var(--color-warning-fg)}.border-well{border-color:var(--era-surface-bg)}.border-s-2{border-inline-start-color:var(--color-2)}.bg-\(--color-1\){background-color:var(--color-1)}.bg-\(--color-destructive\){background-color:var(--color-destructive)}.bg-\(--color-success\){background-color:var(--color-success)}.bg-\(--era-highlight\){background-color:var(--era-highlight)}.bg-\(--era-surface-bg\){background-color:var(--era-surface-bg)}.bg-\(--era-surface-bg-elevated\){background-color:var(--era-surface-bg-elevated)}.bg-\(--era-x\){background-color:var(--era-x)}.bg-1{background-color:var(--color-1)}.bg-2{background-color:var(--color-2)}.bg-3{background-color:var(--color-3)}.bg-4{background-color:var(--color-4)}.bg-5{background-color:var(--color-5)}.bg-6{background-color:var(--color-6)}.bg-7{background-color:var(--color-7)}.bg-8{background-color:var(--color-8)}.bg-9{background-color:var(--color-9)}.bg-10{background-color:var(--color-10)}.bg-11{background-color:var(--color-11)}.bg-12{background-color:var(--color-12)}.bg-\[\#fff\]{background-color:#fff}.bg-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{background-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{background-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}.bg-\[var\(--era-x\)\]{background-color:var(--era-x)}.bg-background{background-color:var(--color-1)}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border{background-color:var(--color-border)}.bg-bright{background-color:var(--color-bright)}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--color-destructive)}.bg-destructive-fg{background-color:var(--color-destructive-fg)}.bg-divider{background-color:var(--era-divider-color)}.bg-divider-faded{background-color:var(--era-divider-faded)}.bg-elevated{background-color:var(--era-surface-bg-elevated)}.bg-fg,.bg-fg\/30{background-color:var(--color-fg)}@supports (color:color-mix(in lab, red, red)){.bg-fg\/30{background-color:color-mix(in oklab, var(--color-fg) 30%, transparent)}}.bg-field{background-color:var(--era-field-bg)}.bg-field-highlight{background-color:var(--era-field-highlight)}.bg-fill{background-color:var(--era-fill)}.bg-foreground{background-color:var(--color-fg)}.bg-highlight{background-color:var(--era-highlight)}.bg-hover{background-color:var(--color-hover)}.bg-link{background-color:var(--color-link)}.bg-muted,.bg-muted\/80{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/80{background-color:color-mix(in oklab, var(--color-muted) 80%, transparent)}}.bg-overlay{background-color:var(--era-overlay-bg)}.bg-primary{background-color:var(--color-primary)}.bg-primary-fg{background-color:var(--color-primary-fg)}.bg-primary-hover{background-color:var(--color-primary-hover)}.bg-success{background-color:var(--color-success)}.bg-success-fg{background-color:var(--color-success-fg)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-warning-fg{background-color:var(--color-warning-fg)}.bg-well{background-color:var(--era-surface-bg)}.bg-white{background-color:var(--color-white)}.\[background-image\:radial-gradient\(var\(--color-3\)_1px\,transparent_1px\)\]{background-image:radial-gradient(var(--color-3) 1px,transparent 1px)}.\[background-size\:14px_14px\]{background-size:14px 14px}.\[background-position\:center\]{background-position:50%}.fill-\(--color-primary\){fill:var(--color-primary)}.fill-current{fill:currentColor}.fill-warning{fill:var(--color-warning)}.object-cover{object-fit:cover}.p-section{padding:var(--era-pad-content);padding-top:max(0px, calc(var(--era-pad-content) - (var(--era-h-bar) - var(--era-text)) / 2))}.p-\(--era-gap\){padding:var(--era-gap)}.p-\(--era-pad-card\){padding:var(--era-pad-card)}.p-\(--era-pad-content\){padding:var(--era-pad-content)}.p-\(--era-panel-inset\){padding:var(--era-panel-inset)}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-\[8px\]{padding:8px}.p-card{padding:var(--era-pad-card)}.p-chip-inset-bar{padding:var(--era-chip-inset-bar)}.p-chip-inset-control{padding:var(--era-chip-inset-control)}.p-content{padding:var(--era-pad-content)}.p-field{padding:var(--era-field-px)}.p-glyph-icon{padding:var(--era-glyph-icon)}.p-glyph-pill{padding:var(--era-glyph-pill)}.p-gutter{padding:var(--era-gap)}.p-icon-inset-bar{padding:var(--era-icon-inset-bar)}.p-icon-inset-chip{padding:var(--era-icon-inset-chip)}.p-icon-inset-control{padding:var(--era-icon-inset-control)}.p-icon-inset-pill{padding:var(--era-icon-inset-pill)}.p-inset-chip{padding:var(--era-inset-chip)}.p-inset-control{padding:var(--era-inset-control)}.p-inset-pill{padding:var(--era-inset-pill)}.p-menu{padding:var(--era-panel-inset)}.p-panel{padding:var(--era-pad-panel)}.p-pill-inset-bar{padding:var(--era-pill-inset-bar)}.p-pill-inset-chip{padding:var(--era-pill-inset-chip)}.p-pill-inset-control{padding:var(--era-pill-inset-control)}.p-px{padding:1px}.px-\(--era-field-px\){padding-inline:var(--era-field-px)}.px-\(--era-gap\){padding-inline:var(--era-gap)}.px-\(--era-inset-control\){padding-inline:var(--era-inset-control)}.px-\(--era-inset-pill\){padding-inline:var(--era-inset-pill)}.px-\(--era-pill-px\){padding-inline:var(--era-pill-px)}.px-\(--era-sp\){padding-inline:var(--era-sp)}.px-\(--era-x\){padding-inline:var(--era-x)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-\[calc\(var\(--era-sp\)\/2\)\]{padding-inline:calc(var(--era-sp) / 2)}.px-card{padding-inline:var(--era-pad-card)}.px-chip{padding-inline:var(--era-chip-px)}.px-chip-inset-bar{padding-inline:var(--era-chip-inset-bar)}.px-chip-inset-control{padding-inline:var(--era-chip-inset-control)}.px-content{padding-inline:var(--era-pad-content)}.px-field{padding-inline:var(--era-field-px)}.px-glyph-icon{padding-inline:var(--era-glyph-icon)}.px-glyph-pill{padding-inline:var(--era-glyph-pill)}.px-gutter{padding-inline:var(--era-gap)}.px-icon-inset-bar{padding-inline:var(--era-icon-inset-bar)}.px-icon-inset-chip{padding-inline:var(--era-icon-inset-chip)}.px-icon-inset-control{padding-inline:var(--era-icon-inset-control)}.px-icon-inset-pill{padding-inline:var(--era-icon-inset-pill)}.px-inset-chip{padding-inline:var(--era-inset-chip)}.px-inset-control{padding-inline:var(--era-inset-control)}.px-inset-pill{padding-inline:var(--era-inset-pill)}.px-menu{padding-inline:var(--era-panel-inset)}.px-panel{padding-inline:var(--era-pad-panel)}.px-pill{padding-inline:var(--era-pill-px)}.px-pill-inset-bar{padding-inline:var(--era-pill-inset-bar)}.px-pill-inset-chip{padding-inline:var(--era-pill-inset-chip)}.px-pill-inset-control{padding-inline:var(--era-pill-inset-control)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-\[calc\(\(var\(--era-h-control\)-1lh\)\/2\)\]{padding-block:calc((var(--era-h-control) - 1lh) / 2)}.py-\[calc\(var\(--era-pad-content\)\*2\)\]{padding-block:calc(var(--era-pad-content) * 2)}.py-\[calc\(var\(--era-sp\)\*4\)\]{padding-block:calc(var(--era-sp) * 4)}.py-card{padding-block:var(--era-pad-card)}.py-chip-inset-bar{padding-block:var(--era-chip-inset-bar)}.py-chip-inset-control{padding-block:var(--era-chip-inset-control)}.py-content{padding-block:var(--era-pad-content)}.py-field{padding-block:var(--era-field-px)}.py-glyph-icon{padding-block:var(--era-glyph-icon)}.py-glyph-pill{padding-block:var(--era-glyph-pill)}.py-gutter{padding-block:var(--era-gap)}.py-icon-inset-bar{padding-block:var(--era-icon-inset-bar)}.py-icon-inset-chip{padding-block:var(--era-icon-inset-chip)}.py-icon-inset-control{padding-block:var(--era-icon-inset-control)}.py-icon-inset-pill{padding-block:var(--era-icon-inset-pill)}.py-inset-chip{padding-block:var(--era-inset-chip)}.py-inset-control{padding-block:var(--era-inset-control)}.py-inset-pill{padding-block:var(--era-inset-pill)}.py-menu{padding-block:var(--era-panel-inset)}.py-panel{padding-block:var(--era-pad-panel)}.py-pill-inset-bar{padding-block:var(--era-pill-inset-bar)}.py-pill-inset-chip{padding-block:var(--era-pill-inset-chip)}.py-pill-inset-control{padding-block:var(--era-pill-inset-control)}.ps-field{padding-inline-start:var(--era-field-px)}.ps-gutter{padding-inline-start:var(--era-gap)}.ps-panel{padding-inline-start:var(--era-pad-panel)}.pe-chip-inset-control{padding-inline-end:var(--era-chip-inset-control)}.pt-0{padding-top:0}.pt-content{padding-top:var(--era-pad-content)}.pt-gutter{padding-top:var(--era-gap)}.pt-inset-chip{padding-top:var(--era-inset-chip)}.pr-0{padding-right:0}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-\[calc\(var\(--era-chip-inset-bar\)\+var\(--era-h-chip\)\+var\(--era-field-px\)\)\]{padding-right:calc(var(--era-chip-inset-bar) + var(--era-h-chip) + var(--era-field-px))}.pr-chip{padding-right:var(--era-chip-px)}.pr-icon-inset-control{padding-right:var(--era-icon-inset-control)}.pr-inset-control{padding-right:var(--era-inset-control)}.pr-panel{padding-right:var(--era-pad-panel)}.pr-pill{padding-right:var(--era-pill-px)}.pr-pill-inset-chip{padding-right:var(--era-pill-inset-chip)}.pr-pill-inset-control{padding-right:var(--era-pill-inset-control)}.era-ink-center{padding-bottom:.08em}.pb-\(--era-sp\){padding-bottom:var(--era-sp)}.pb-content{padding-bottom:var(--era-pad-content)}.pb-gutter{padding-bottom:var(--era-gap)}.pb-inset-chip{padding-bottom:var(--era-inset-chip)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-\[calc\(var\(--era-inset-control\)\+var\(--era-h-icon\)\+var\(--era-gap\)\)\]{padding-left:calc(var(--era-inset-control) + var(--era-h-icon) + var(--era-gap))}.pl-chip{padding-left:var(--era-chip-px)}.pl-gutter{padding-left:var(--era-gap)}.pl-inset-control{padding-left:var(--era-inset-control)}.pl-pill{padding-left:var(--era-pill-px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-display{font-size:calc(var(--era-text) * 3);line-height:var(--tw-leading,1.05);letter-spacing:var(--tw-tracking,-.03em)}.text-heading{font-size:calc(var(--era-text) * 3 / 2);line-height:var(--tw-leading,1.3);letter-spacing:var(--tw-tracking,-.01em)}.text-title{font-size:calc(var(--era-text) * 2);line-height:var(--tw-leading,1.15);letter-spacing:var(--tw-tracking,-.02em)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lede{font-size:calc(var(--era-text) * 5 / 4);line-height:var(--tw-leading,1.5)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-micro{font-size:calc(var(--era-text) * 5 / 6);letter-spacing:var(--tw-tracking,.04em)}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[13px\]{font-size:13px}.text-\[length\:var\(--era-text\)\],.text-body{font-size:var(--era-text)}.text-title--letter-spacing{font-size:-.02em}.era-text-trim{text-box:trim-both ex alphabetic;line-height:1}.era-text-trim-caps{text-box:trim-both cap alphabetic;line-height:1}.leading-\(--era-h-bar\){--tw-leading:var(--era-h-bar);line-height:var(--era-h-bar)}.leading-\(--era-h-control\){--tw-leading:var(--era-h-control);line-height:var(--era-h-control)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-body{--tw-leading:var(--era-leading);line-height:var(--era-leading)}.leading-none{--tw-leading:1;line-height:1}.\[line-height\:inherit\]{line-height:inherit}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.era-link{color:var(--color-link);text-decoration-line:underline;text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.era-link{-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);text-decoration-color:color-mix(in oklch, currentColor 30%, transparent)}}.era-link{text-underline-offset:.2em;transition:text-decoration-color var(--era-duration) var(--era-ease)}.era-link:hover,.era-link:focus-visible{text-decoration-color:currentColor}.text-\(--color-destructive\){color:var(--color-destructive)}.text-1{color:var(--color-1)}.text-2{color:var(--color-2)}.text-3{color:var(--color-3)}.text-4{color:var(--color-4)}.text-5{color:var(--color-5)}.text-6{color:var(--color-6)}.text-7{color:var(--color-7)}.text-8{color:var(--color-8)}.text-9{color:var(--color-9)}.text-10{color:var(--color-10)}.text-11{color:var(--color-11)}.text-12{color:var(--color-12)}.text-background{color:var(--color-1)}.text-border{color:var(--color-border)}.text-bright{color:var(--color-bright)}.text-destructive{color:var(--color-destructive)}.text-destructive-fg{color:var(--color-destructive-fg)}.text-divider{color:var(--era-divider-color)}.text-divider-faded{color:var(--era-divider-faded)}.text-elevated{color:var(--era-surface-bg-elevated)}.text-fg{color:var(--color-fg)}.text-field{color:var(--era-field-bg)}.text-field-highlight{color:var(--era-field-highlight)}.text-fill{color:var(--era-fill)}.text-foreground{color:var(--color-fg)}.text-highlight{color:var(--era-highlight)}.text-hover{color:var(--color-hover)}.text-link{color:var(--color-link)}.text-muted,.text-muted\/60{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.text-muted\/60{color:color-mix(in oklab, var(--color-muted) 60%, transparent)}}.text-overlay{color:var(--era-overlay-bg)}.text-primary{color:var(--color-primary)}.text-primary-fg{color:var(--color-primary-fg)}.text-primary-hover{color:var(--color-primary-hover)}.text-success{color:var(--color-success)}.text-success-fg{color:var(--color-success-fg)}.text-surface{color:var(--color-surface)}.text-transparent{color:#0000}.text-warning{color:var(--color-warning)}.text-warning-fg{color:var(--color-warning-fg)}.text-well{color:var(--era-surface-bg)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.\[text-decoration-color\:currentColor\]{text-decoration-color:currentColor}.decoration-muted{-webkit-text-decoration-color:var(--color-muted);-webkit-text-decoration-color:var(--color-muted);text-decoration-color:var(--color-muted)}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-fg{caret-color:var(--color-fg)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-95{opacity:.95}.opacity-100{opacity:1}.shadow,.shadow-\(--era-shadow\){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-lg\){--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-pressed\){--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-well\){--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-x\){--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 -.5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 .5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_0\.5px_var\(--color-border\)\,var\(--era-shadow\)\]{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--color-border)), var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--era-x\)\]{--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-highlight{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-pressed{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-well{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/chisel{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:0_1px_0_var\(--color-divider-faded\)\]{box-shadow:0 1px 0 var(--color-divider-faded)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-\[0\.5px\]{outline-style:var(--tw-outline-style);outline-width:.5px}.outline-\[1px\]{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px * -1)}.outline-1{outline-color:var(--color-1)}.outline-black\/10{outline-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.outline-black\/10{outline-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.outline-destructive,.outline-destructive\/60{outline-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.outline-destructive\/60{outline-color:color-mix(in oklab, var(--color-destructive) 60%, transparent)}}.outline-divider{outline-color:var(--era-divider-color)}.outline-primary\/40{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/40{outline-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.outline-primary\/50{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/50{outline-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.outline-white\/10{outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[4px\]{--tw-blur:blur(4px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-none{--tw-blur: ;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xs{--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}[data-surface=glass] .glass-blur{-webkit-backdrop-filter:blur(var(--era-blur)) saturate(var(--era-saturate))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[box-shadow\,opacity\]{transition-property:box-shadow,opacity;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[opacity\,filter\,scale\]{transition-property:opacity,filter,scale;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[opacity\,scale\,filter\]{transition-property:opacity,scale,filter;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[scale\,background-color\]{transition-property:scale,background-color;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[scale\,opacity\,filter\]{transition-property:scale,opacity,filter;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.duration-\(--era-duration\){--tw-duration:var(--era-duration);transition-duration:var(--era-duration)}.duration-\(--era-x\){--tw-duration:var(--era-x);transition-duration:var(--era-x)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[250ms\]{--tw-duration:.25s;transition-duration:.25s}.duration-base{transition-duration:var(--era-duration)}.ease-\(--era-ease\),.ease-base{--tw-ease:var(--era-ease);transition-timing-function:var(--era-ease)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.\[contain\:layout_style\]{contain:layout style}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[--era-container-rd\:var\(--era-rd-bar\)\]{--era-container-rd:var(--era-rd-bar)}.\[--era-container-rd\:var\(--era-rd-control\)\]{--era-container-rd:var(--era-rd-control)}.\[--era-container-rd\:…\]{--era-container-rd:…}.\[--sheet-rd\:var\(--era-rd-bar\)\]{--sheet-rd:var(--era-rd-bar)}.\[--sheet-rd\:var\(--era-rd-control\)\]{--sheet-rd:var(--era-rd-control)}.\[animation-duration\:calc\(var\(--era-duration\)\*8\)\]{animation-duration:calc(var(--era-duration) * 8)}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[text-box\:normal\]{text-box:normal}.not-has-\[svg\]\:era-token-ink:not(:has(:is(svg))){text-align:center;text-box:trim-both cap alphabetic;align-content:center;line-height:1;display:block}.not-has-\[svg\]\:era-label-ink:not(:has(:is(svg))){text-box:trim-both ex alphabetic;align-content:center;line-height:1;display:block}.not-has-\[svg\]\:text-center:not(:has(:is(svg))){text-align:center}@media (hover:hover){.group-hover\/att\:opacity-100:is(:where(.group\/att):hover *),.group-hover\/message\:opacity-100:is(:where(.group\/message):hover *){opacity:1}.group-hover\/row\:flex:is(:where(.group\/row):hover *){display:flex}.group-hover\/row\:hidden:is(:where(.group\/row):hover *){display:none}.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}}.group-data-\[role\=user\]\/message\:max-w-\[80\%\]:is(:where(.group\/message)[data-role=user] *){max-width:80%}.group-data-\[role\=user\]\/message\:rounded-control:is(:where(.group\/message)[data-role=user] *){border-radius:var(--era-rd-control)}.group-data-\[role\=user\]\/message\:bg-elevated:is(:where(.group\/message)[data-role=user] *){background-color:var(--era-surface-bg-elevated)}.group-data-\[role\=user\]\/message\:p-panel:is(:where(.group\/message)[data-role=user] *){padding:var(--era-pad-panel)}.group-data-\[role\=user\]\/message\:whitespace-pre-wrap:is(:where(.group\/message)[data-role=user] *){white-space:pre-wrap}.group-data-\[role\=user\]\/message\:shadow-sm:is(:where(.group\/message)[data-role=user] *){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[state\=checked\]\/radio\:bg-fg:is(:where(.group\/radio)[data-state=checked] *){background-color:var(--color-fg)}.group-data-\[state\=open\]\/error\:rotate-180:is(:where(.group\/error)[data-state=open] *),.group-data-\[state\=open\]\/step\:rotate-180:is(:where(.group\/step)[data-state=open] *){rotate:180deg}.group-data-\[state\=open\]\/todo\:hidden:is(:where(.group\/todo)[data-state=open] *){display:none}.placeholder\:text-muted::placeholder{color:var(--color-muted)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-\[-13px\]:after{content:var(--tw-content);inset:-13px}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:size-11:after{content:var(--tw-content);width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.after\:-translate-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:rounded-l-control:first-child{border-top-left-radius:var(--era-rd-control);border-bottom-left-radius:var(--era-rd-control)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:rounded-r-control:last-child{border-top-right-radius:var(--era-rd-control);border-bottom-right-radius:var(--era-rd-control)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:bg-\(--era-highlight\):focus-within{background-color:var(--era-highlight)}.focus-within\:bg-field-highlight:focus-within{background-color:var(--era-field-highlight)}.focus-within\:bg-highlight:focus-within{background-color:var(--era-highlight)}.focus-within\:opacity-100:focus-within{opacity:1}.focus-within\:shadow-well:focus-within{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:h-\[24px\]:hover{height:24px}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-\(--era-highlight\):hover{background-color:var(--era-highlight)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-destructive:hover{background-color:var(--color-destructive)}.hover\:bg-field:hover{background-color:var(--era-field-bg)}.hover\:bg-field-highlight:hover{background-color:var(--era-field-highlight)}.hover\:bg-highlight:hover{background-color:var(--era-highlight)}.hover\:bg-hover:hover{background-color:var(--color-hover)}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-success:hover{background-color:var(--color-success)}.hover\:bg-warning:hover{background-color:var(--color-warning)}.hover\:text-bright:hover{color:var(--color-bright)}.hover\:text-destructive-fg:hover{color:var(--color-destructive-fg)}.hover\:text-fg:hover{color:var(--color-fg)}.hover\:text-success-fg:hover{color:var(--color-success-fg)}.hover\:text-warning-fg:hover{color:var(--color-warning-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-bright:hover{-webkit-text-decoration-color:var(--color-bright);-webkit-text-decoration-color:var(--color-bright);text-decoration-color:var(--color-bright)}.hover\:shadow-\(--era-highlight-shadow\):hover{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\(--era-shadow-pressed\):hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-highlight:hover{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-pressed:hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-well:hover{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:duration-75:hover{--tw-duration:75ms;transition-duration:75ms}}.focus\:bg-field-highlight:focus{background-color:var(--era-field-highlight)}.focus\:bg-highlight:focus{background-color:var(--era-highlight)}.focus\:bg-hover:focus{background-color:var(--color-hover)}.focus\:text-bright:focus{color:var(--color-bright)}.focus\:shadow-well:focus{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-highlight:focus-visible{background-color:var(--era-highlight)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-fg:focus-visible{outline-color:var(--color-fg)}.active\:scale-\[0\.96\]:active{scale:.96}.active\:shadow-\(--era-shadow-pressed\):active,.active\:shadow-pressed:active{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:not-disabled\:scale-\[0\.96\]:active:not(:disabled){scale:.96}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled,.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-rail\]\:hover\]\:bg-transparent:has([data-rail]:hover){background-color:#0000}.has-\[\[data-rail\]\:hover\]\:shadow-none:has([data-rail]:hover){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[button\:hover\]\:bg-\(--era-surface-bg-elevated\):has(:is(button:hover)){background-color:var(--era-surface-bg-elevated)}.has-\[button\:hover\]\:bg-field:has(:is(button:hover)){background-color:var(--era-field-bg)}.has-\[svg\]\:gap-inset-chip:has(:is(svg)){gap:var(--era-inset-chip)}.has-\[svg\]\:gap-inset-control:has(:is(svg)){gap:var(--era-inset-control)}.has-\[svg\]\:gap-inset-pill:has(:is(svg)){gap:var(--era-inset-pill)}.aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-\[current\=page\]\:bg-fill[aria-current=page]{background-color:var(--era-fill)}.aria-\[current\=page\]\:text-bright[aria-current=page]{color:var(--color-bright)}.aria-\[current\=page\]\:\[text-decoration-color\:currentColor\][aria-current=page]{text-decoration-color:currentColor}.aria-\[current\=page\]\:decoration-2[aria-current=page]{text-decoration-thickness:2px}.aria-\[current\=page\]\:shadow-pressed[aria-current=page]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.aria-\[current\=page\]\:hover\:shadow-pressed[aria-current=page]:hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.aria-\[valuetext\=Empty\]\:text-muted[aria-valuetext=Empty]{color:var(--color-muted)}.data-\[active\]\:scale-\[0\.96\][data-active]{scale:.96}.data-\[active\]\:bg-highlight[data-active]{background-color:var(--era-highlight)}.data-\[active\]\:text-fg[data-active]{color:var(--color-fg)}.data-\[bounded\]\:bg-elevated[data-bounded]{background-color:var(--era-surface-bg-elevated)}.data-\[bounded\]\:text-fg[data-bounded]{color:var(--color-fg)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[dragging\]\:bg-highlight[data-dragging]{background-color:var(--era-highlight)}.data-\[dragging\]\:text-bright[data-dragging]{color:var(--color-bright)}.data-\[highlighted\]\:bg-\(--era-highlight\)[data-highlighted],.data-\[highlighted\]\:bg-highlight[data-highlighted]{background-color:var(--era-highlight)}.data-\[highlighted\]\:bg-hover[data-highlighted]{background-color:var(--color-hover)}.data-\[highlighted\]\:shadow-highlight[data-highlighted]{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[invalid\]\:text-destructive[data-invalid]{color:var(--color-destructive)}.data-\[orientation\=horizontal\]\:mx-gutter[data-orientation=horizontal]{margin-inline:var(--era-gap)}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal]{flex-direction:row}.data-\[orientation\=vertical\]\:my-gutter[data-orientation=vertical]{margin-block:var(--era-gap)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[orientation\=vertical\]\:self-stretch[data-orientation=vertical]{align-self:stretch}.data-\[outside-month\]\:pointer-events-none[data-outside-month]{pointer-events:none}.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:color-mix(in oklab, var(--color-muted) 40%, transparent)}}.data-\[range-end\]\:bg-primary[data-range-end]{background-color:var(--color-primary)}.data-\[range-end\]\:text-primary-fg[data-range-end]{color:var(--color-primary-fg)}.data-\[range-start\]\:bg-primary[data-range-start]{background-color:var(--color-primary)}.data-\[range-start\]\:text-primary-fg[data-range-start]{color:var(--color-primary-fg)}.data-\[segment\=literal\]\:text-muted[data-segment=literal]{color:var(--color-muted)}.data-\[selected\]\:bg-fill[data-selected]{background-color:var(--era-fill)}.data-\[selected\]\:bg-highlight[data-selected]{background-color:var(--era-highlight)}.data-\[selected\]\:bg-hover[data-selected]{background-color:var(--color-hover)}.data-\[selected\]\:text-bright[data-selected]{color:var(--color-bright)}.data-\[side\=bottom\]\:rounded-t-none[data-side=bottom]{border-top-left-radius:0;border-top-right-radius:0}.data-\[side\=top\]\:rounded-b-none[data-side=top]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=active\]\:bg-hover[data-state=active]{background-color:var(--color-hover)}.data-\[state\=active\]\:text-bright[data-state=active]{color:var(--color-bright)}.data-\[state\=checked\]\:translate-x-\[calc\(var\(--era-h-icon\)\/2\)\][data-state=checked]{--tw-translate-x:calc(var(--era-h-icon) / 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-2[data-state=checked]{background-color:var(--color-2)}.data-\[state\=checked\]\:bg-fg[data-state=checked]{background-color:var(--color-fg)}.data-\[state\=checked\]\:text-primary[data-state=checked]{color:var(--color-primary)}.data-\[state\=hidden\]\:opacity-0[data-state=hidden]{opacity:0}.data-\[state\=on\]\:bg-fill[data-state=on]{background-color:var(--era-fill)}.data-\[state\=on\]\:text-bright[data-state=on]{color:var(--color-bright)}.data-\[state\=on\]\:shadow-pressed[data-state=on]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.data-\[state\=on\]\:hover\:shadow-pressed[data-state=on]:hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.data-\[state\=open\]\:rounded-b-none[data-state=open]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=open\]\:bg-hover[data-state=open]{background-color:var(--color-hover)}.data-\[state\=open\]\:text-fg[data-state=open]{color:var(--color-fg)}.data-\[state\=open\]\:shadow-pressed[data-state=open]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=visible\]\:opacity-100[data-state=visible]{opacity:1}.data-\[unavailable\]\:text-muted[data-unavailable]{color:var(--color-muted)}.data-\[unavailable\]\:line-through[data-unavailable]{text-decoration-line:line-through}.data-\[variant\=cells\]\:border-separate[data-variant=cells]{border-collapse:separate}.data-\[variant\=cells\]\:border-spacing-\(--era-gap\)[data-variant=cells]{--tw-border-spacing-x:var(--era-gap);--tw-border-spacing-y:var(--era-gap);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.data-\[variant\=default\]\:border-collapse[data-variant=default]{border-collapse:collapse}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:var(--animate-spin)}}@media (min-width:40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[0\.75rem_5\.5rem_4rem_1fr\]{grid-template-columns:.75rem 5.5rem 4rem 1fr}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-x-content{column-gap:var(--era-pad-content)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:justify-end{justify-content:flex-end}}@media (min-width:64rem){.lg\:w-80{width:calc(var(--spacing) * 80)}.lg\:w-\[420px\]{width:420px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:80rem){.xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(22rem\,0\.8fr\)\]{grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr)}}@container (min-width:28rem){.\@md\:block{display:block}}@media (prefers-color-scheme:dark){.dark\:scheme-only-dark{color-scheme:dark only}.dark\:outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:outline-white\/10{outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.\[\&_\*\]\:pointer-events-none *{pointer-events:none}.\[\&_svg\]\:size-\[calc\(var\(--era-sp\)\+0\.3125rem\)\] svg{width:calc(var(--era-sp) + .3125rem);height:calc(var(--era-sp) + .3125rem)}.\[\&_svg\]\:size-glyph-icon svg{width:var(--era-glyph-icon);height:var(--era-glyph-icon)}.\[\&_svg\]\:size-glyph-pill svg{width:var(--era-glyph-pill);height:var(--era-glyph-pill)}.\[\&_svg\]\:size-icon svg{width:var(--era-h-icon);height:var(--era-h-icon)}.\[\&\:active\>\*\]\:translate-x-\(--era-press-sink-x\):active>*{--tw-translate-x:var(--era-press-sink-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:active\>\*\]\:translate-y-\(--era-press-sink-y\):active>*{--tw-translate-y:var(--era-press-sink-y);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:has\(\+_\:not\(\[data-pin-input-cell\]\)\)\]\:rounded-r-control:has(+:not([data-pin-input-cell])){border-top-right-radius:var(--era-rd-control);border-bottom-right-radius:var(--era-rd-control)}.\[\&\>\*\]\:justify-start>*{justify-content:flex-start}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:border-l>:not(:first-child):not([data-chips-cursor]){border-left-style:var(--tw-border-style);border-left-width:1px}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:border-divider-faded>:not(:first-child):not([data-chips-cursor]){border-color:var(--era-divider-faded)}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:pl-gutter>:not(:first-child):not([data-chips-cursor]){padding-left:var(--era-gap)}.\[\&\>div\]\:bg-destructive>div{background-color:var(--color-destructive)}.\[\&\>span\>span\]\:era-text-trim-caps>span>span{text-box:trim-both cap alphabetic;line-height:1}:focus-visible>.\[\:focus-visible\>\&\]\:outline{outline-style:var(--tw-outline-style);outline-width:1px}:focus-visible>.\[\:focus-visible\>\&\]\:-outline-offset-1{outline-offset:calc(1px * -1)}:focus-visible>.\[\:focus-visible\>\&\]\:outline-primary{outline-color:var(--color-primary)}@media (hover:hover){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\]\:hover\:bg-highlight:hover{background-color:var(--era-highlight)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-b>td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-b>th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:rounded-chip{border-radius:var(--era-rd-chip)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-elevated{background-color:var(--era-surface-bg-elevated)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-fill{background-color:var(--era-fill)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:px-inset-chip{padding-inline:var(--era-inset-chip)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:text-bright{color:var(--color-bright)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:shadow-sm{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@layer era.tokens{:root{background-color:var(--color-1);color:var(--color-fg)}:root,.dark{color-scheme:dark;--color-1:oklch(16.2% 0 none);--color-2:oklch(19.5% 0 none);--color-3:oklch(25.4% 0 none);--color-4:oklch(30.2% 0 none);--color-5:oklch(34.8% 0 none);--color-6:oklch(39.6% 0 none);--color-7:oklch(45.9% 0 none);--color-8:oklch(54.9% 0 none);--color-9:oklch(64.9% 0 none);--color-10:oklch(72% 0 none);--color-11:oklch(86.3% 0 none);--color-12:oklch(93.3% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25% 0 none);--color-fg:var(--color-11);--color-link:var(--color-bright);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root,.dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root,.dark{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(96% 0 none);--color-success:oklch(65% .2 145);--color-success-fg:oklch(96% 0 none);--color-warning:oklch(75% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root,.dark,.light{--color-bright:var(--color-12)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-bright:color-mix(in oklch, var(--color-12) 88%, var(--color-primary))}}:root,.dark,.light{--color-muted:var(--color-10)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-muted:color-mix(in oklch, var(--color-10) 60%, var(--color-bright))}}@media (prefers-color-scheme:light){:root:not(.dark){color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root:not(.dark){--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .2 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}}.light{color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}.light{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root[data-theme=adobe],[data-theme=adobe].dark{color-scheme:dark;--color-1:oklch(16.2% .016 48);--color-2:oklch(19.8% .02 52);--color-3:oklch(25.4% .024 56);--color-4:oklch(30.2% .028 60);--color-5:oklch(34.8% .032 64);--color-6:oklch(39.6% .036 68);--color-7:oklch(45.9% .034 72);--color-8:oklch(54.9% .03 76);--color-9:oklch(64.9% .024 82);--color-10:oklch(72% .02 86);--color-11:oklch(86.3% .016 90);--color-12:oklch(93.3% .014 94);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25.2% .024 56);--color-fg:var(--color-11);--color-primary:oklch(74% .108 68);--color-primary-fg:oklch(19% .014 50);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe],[data-theme=adobe].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 78%, var(--color-success))}}:root[data-theme=adobe],[data-theme=adobe].dark{--color-destructive:oklch(61% .17 30);--color-destructive-fg:oklch(96% .016 90);--color-success:oklch(70% .125 184);--color-success-fg:oklch(19% .014 50);--color-warning:oklch(78% .14 82);--color-warning-fg:oklch(19% .014 50)}@media (prefers-color-scheme:light){:root[data-theme=adobe]:not(.dark){color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=adobe]:not(.dark){--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}}[data-theme=adobe].light{color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=adobe].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=adobe].light{--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}:root[data-theme=sand],[data-theme=sand].dark{color-scheme:dark;--color-1:oklch(30% .06 78);--color-2:oklch(35% .07 76);--color-3:oklch(40% .08 74);--color-4:oklch(45% .09 72);--color-5:oklch(50% .1 70);--color-6:oklch(55% .11 68);--color-7:oklch(60% .12 65);--color-8:oklch(65% .13 62);--color-9:oklch(70% .14 60);--color-10:oklch(75% .12 58);--color-11:oklch(80% .1 55);--color-12:oklch(82% .08 52);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}:root[data-theme=sand],[data-theme=sand].dark{--color-fg:var(--color-11);--color-ink:oklch(24% .03 60);--color-primary:oklch(80% .034 54);--color-primary-fg:var(--color-ink);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 80%, var(--color-success))}}:root[data-theme=sand],[data-theme=sand].dark{--color-destructive:oklch(61.5% .15 33);--color-destructive-fg:var(--color-ink);--color-success:oklch(71% .09 164);--color-success-fg:var(--color-ink);--color-warning:oklch(78% .1 85);--color-warning-fg:var(--color-ink)}@media (prefers-color-scheme:light){:root[data-theme=sand]:not(.dark){color-scheme:light;--color-1:oklch(82% .08 52);--color-2:oklch(80% .1 55);--color-3:oklch(75% .12 58);--color-4:oklch(70% .14 60);--color-5:oklch(65% .13 62);--color-6:oklch(60% .12 65);--color-7:oklch(55% .11 68);--color-8:oklch(50% .1 70);--color-9:oklch(45% .09 72);--color-10:oklch(40% .08 74);--color-11:oklch(35% .07 76);--color-12:oklch(30% .06 78);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}:root[data-theme=sand]:not(.dark){--color-fg:var(--color-11);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=sand]:not(.dark){--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}}[data-theme=sand].light{color-scheme:light;--color-1:oklch(82% .08 52);--color-2:oklch(80% .1 55);--color-3:oklch(75% .12 58);--color-4:oklch(70% .14 60);--color-5:oklch(65% .13 62);--color-6:oklch(60% .12 65);--color-7:oklch(55% .11 68);--color-8:oklch(50% .1 70);--color-9:oklch(45% .09 72);--color-10:oklch(40% .08 74);--color-11:oklch(35% .07 76);--color-12:oklch(30% .06 78);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}[data-theme=sand].light{--color-fg:var(--color-11);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=sand].light{--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}:root[data-theme=signalnine],[data-theme=signalnine].dark{color-scheme:dark;--color-1:oklch(16.8% .002 84);--color-2:oklch(22.5% .002 84);--color-3:oklch(29% .003 84);--color-4:oklch(35.5% .003 84);--color-5:oklch(43.5% .003 84);--color-6:oklch(51.5% .003 84);--color-7:oklch(60% 0 none);--color-8:oklch(67.7% .003 84);--color-9:oklch(73% .002 84);--color-10:oklch(76.8% .002 84);--color-11:oklch(80.8% 0 none);--color-12:oklch(90.4% 0 none);--color-border:var(--color-4);--color-surface:var(--color-2);--color-hover:oklch(25.5% .002 84);--color-fg:var(--color-11);--color-muted:var(--color-8);--color-link:var(--color-primary);--color-primary:oklch(76% .115 84);--color-primary-fg:oklch(16.8% .002 84);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-destructive:oklch(63.08% .1298 21.4);--color-destructive-fg:oklch(16.8% .002 84);--color-success:oklch(77.33% .1095 113.4);--color-success-fg:oklch(16.8% .002 84);--color-warning:oklch(84.62% .1115 82.9);--color-warning-fg:oklch(16.8% .002 84)}@media (prefers-color-scheme:light){:root[data-theme=signalnine]:not(.dark){color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .013 271.14);--color-3:oklch(88.7% .019 265.13);--color-4:oklch(80.8% .02 265.6);--color-5:oklch(74.5% .036 261.83);--color-6:oklch(67.6% .045 263);--color-7:oklch(59.3% .06 260.33);--color-8:oklch(54.5% .08 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .13 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .008 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(52% .205 264.1);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine]:not(.dark){--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}}[data-theme=signalnine].light{color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .013 271.14);--color-3:oklch(88.7% .019 265.13);--color-4:oklch(80.8% .02 265.6);--color-5:oklch(74.5% .036 261.83);--color-6:oklch(67.6% .045 263);--color-7:oklch(59.3% .06 260.33);--color-8:oklch(54.5% .08 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .13 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .008 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(52% .205 264.1);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=signalnine].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=signalnine].light{--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}@property --era-roundness-scale{syntax:"<number>";inherits:true;initial-value:1}*{--era-h-icon:calc(var(--era-sp) + .375rem);--era-glyph-stroke-width:1.75;--era-glyph-pill:calc(var(--era-sp) + .25rem);--era-glyph-icon:calc(var(--era-sp) + .125rem);--era-h-pill:calc(var(--era-sp) + .625rem);--era-h-chip:calc(2 * var(--era-sp) + .375rem);--era-h-control:calc(3 * var(--era-sp));--era-h-bar:calc(4 * var(--era-sp));--era-gap:calc(var(--era-sp) * .5);--era-leading:1.6;--era-inset-pill:max(0px, calc((var(--era-h-pill) - var(--era-text)) / 2));--era-inset-chip:max(0px, calc((var(--era-h-chip) - var(--era-text)) / 2));--era-inset-control:max(0px, calc((var(--era-h-control) - var(--era-text)) / 2));--era-pill-px:max(0px, calc((var(--era-h-pill) - .6 * var(--era-text)) / 2));--era-chip-px:max(0px, calc((var(--era-h-chip) - .6 * var(--era-text)) / 2));--era-field-px:max(var(--era-chip-px), .5rem);--era-icon-inset-chip:calc((var(--era-h-chip) - var(--era-h-icon)) / 2);--era-icon-inset-pill:calc((var(--era-h-pill) - var(--era-h-icon)) / 2);--era-pill-inset-control:calc((var(--era-h-control) - var(--era-h-pill)) / 2);--era-pill-inset-chip:calc((var(--era-h-chip) - var(--era-h-pill)) / 2);--era-icon-inset-control:calc((var(--era-h-control) - var(--era-h-icon)) / 2);--era-icon-inset-bar:calc((var(--era-h-bar) - var(--era-h-icon)) / 2);--era-chip-inset-control:calc((var(--era-h-control) - var(--era-h-chip)) / 2);--era-pill-inset-bar:calc((var(--era-h-bar) - var(--era-h-pill)) / 2);--era-chip-inset-bar:calc((var(--era-h-bar) - var(--era-h-chip)) / 2);--era-roundness:calc(var(--era-roundness-scale) * var(--era-sp) / 2.618);--era-rd-icon:max(0px, var(--era-roundness));--era-rd-pill:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-pill) - var(--era-h-icon)) / 2));--era-rd-chip:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-chip) - var(--era-h-icon)) / 2));--era-rd-control:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-control) - var(--era-h-icon)) / 2));--era-rd-bar:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-bar) - var(--era-h-icon)) / 2));--era-so:calc(var(--era-sp) * (1 + var(--era-density)) / 2);--era-pad-panel:calc(var(--era-so) / 2);--era-pad-card:var(--era-so);--era-pad-content:calc(var(--era-so) * 2)}:root{--era-roundness-scale:1;--era-mask-glyph:disc}:root,[data-mode=dense]{--era-sp:.5rem;--era-density:1;--era-text:.75rem}[data-mode=balanced],[data-mode=spacious],[data-mode=touch]{--era-text:.875rem}[data-mode=balanced]{--era-sp:.625rem;--era-density:1.25}[data-mode=spacious]{--era-sp:.75rem;--era-density:1.5}[data-mode=touch]{--era-sp:1rem;--era-density:2}[data-mode=touch],[data-mode=touch] *{--era-roundness:calc(var(--era-roundness-scale) * var(--era-h-icon) / 2)}[data-corners=square]{--era-roundness-scale:0;--era-mask-glyph:square}[data-corners=rounded]{--era-roundness-scale:1;--era-mask-glyph:disc}:root{transition:--era-roundness-scale var(--era-duration) var(--era-ease);--era-z-chrome:30;--era-z-drawer:40;--era-z-overlay:50;--era-z-toast:55;--era-z-debug:60}:root,[data-surface]{--era-border-color:transparent;--era-divider-color:var(--color-border);--era-divider-faded:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-divider-faded:color-mix(in oklch, var(--era-divider-color) 40%, transparent)}}:root,[data-surface]{--era-surface-bg:var(--color-2);--era-surface-bg-elevated:var(--era-surface-bg)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-surface-bg-elevated:color-mix(in oklch, var(--era-surface-bg) 94%, var(--color-bright))}}:root,[data-surface]{--era-field-bg:var(--color-hover);--era-field-highlight:var(--era-field-bg)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-field-highlight:color-mix(in oklch, var(--era-field-bg) 96%, var(--color-bright))}}:root,[data-surface]{--era-shadow:none;--era-shadow-lg:none;--era-shadow-well:var(--era-shadow);--era-shadow-pressed:var(--era-shadow);--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}:root,[data-surface]{--era-highlight-shadow:var(--era-shadow);--era-fill:var(--era-highlight);--era-press-sink-x:0px;--era-press-sink-y:0px;--era-panel-inset:0px;--era-overlay-bg:var(--color-1)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-overlay-bg:color-mix(in oklch, var(--color-1) 60%, transparent)}}:root,[data-surface]{--era-blur:0px;--era-saturate:100%;--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}::selection{background-color:var(--era-selection-bg);color:var(--era-selection-fg);text-shadow:var(--era-selection-shadow)}*{--era-item-rd:max(0px, calc(var(--era-rd-control) - var(--era-panel-inset)))}@media (prefers-reduced-transparency:reduce){:root,[data-surface]{--era-highlight:var(--color-hover);--era-fill:var(--color-hover)}}[data-surface=glass]{--era-divider-color:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-divider-color:light-dark(color-mix(in oklch, var(--color-bright) 12%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}[data-surface=glass]{--era-surface-bg:light-dark(var(--color-1),var(--color-2))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg:light-dark(color-mix(in oklch, var(--color-1) 66%, transparent),color-mix(in oklch, var(--color-2) 62%, transparent))}}[data-surface=glass]{--era-surface-bg-elevated:light-dark(var(--color-1),var(--color-3))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg-elevated:light-dark(color-mix(in oklch, var(--color-1) 90%, transparent),color-mix(in oklch, var(--color-3) 85%, transparent))}}[data-surface=glass]{--era-field-bg:var(--color-hover)}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-field-bg:color-mix(in oklch, var(--color-hover) 72%, transparent)}}[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff59,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),color-mix(in oklch, var(--color-bright) 18%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 8%, transparent),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -2px -2px 0 -1.25px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 24px 0 light-dark(transparent,var(--color-bright)), 0 12px 32px -8px light-dark(var(--color-bright),oklch(0% 0 0/.35))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 24%, transparent)), inset -2px -2px 0 -1.25px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 10%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 6%, transparent),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 24px 0 light-dark(transparent,color-mix(in oklch, var(--color-bright) 4%, transparent)), 0 12px 32px -8px light-dark(color-mix(in oklch, var(--color-bright) 18%, transparent),oklch(0% 0 0/.35))}}[data-surface=glass]{--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 12%, transparent))}}[data-surface=glass]{--era-fill:var(--color-hover);--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 12px 0 light-dark(#ffffff59,var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 28%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 12%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 10%, transparent),color-mix(in oklch, var(--color-bright) 9%, transparent)), inset 0 0 12px 0 light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-selection-bg:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-bg:light-dark(color-mix(in oklch, var(--color-bright) 16%, transparent),color-mix(in oklch, var(--color-bright) 22%, transparent))}}[data-surface=glass]{--era-selection-fg:var(--color-bright);--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),color-mix(in oklch, var(--color-bright) 45%, transparent))}}[data-surface=glass]{--era-panel-inset:2px;--era-blur:20px;--era-saturate:180%}@media (prefers-reduced-transparency:reduce){[data-surface=glass]{--era-surface-bg:var(--color-2);--era-surface-bg-elevated:var(--color-3);--era-blur:0px;--era-saturate:100%;--era-field-bg:var(--color-hover);--era-highlight:var(--color-hover);--era-fill:var(--color-hover);--era-highlight-shadow:var(--era-shadow);--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}}[data-surface=bevel]{--era-bevel-side:.6;--era-bevel-x1:calc(1px * var(--era-bevel-side));--era-bevel-x2:calc(2px * var(--era-bevel-side));--era-bevel-rim:inset 0 0 0 1px light-dark(oklch(0% 0 0),oklch(0% 0 0))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-bevel-rim:inset 0 0 0 1px light-dark(color-mix(in oklch, oklch(0% 0 0) 24%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 42%, var(--color-2)))}}[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 70%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 12%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-surface-bg-elevated:var(--era-surface-bg);--era-shadow-lg:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset var(--era-bevel-x2) 2px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x2)) -2px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), calc(4px * var(--era-bevel-side)) 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-lg:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 80%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 14%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 34%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 45%, var(--color-2))), inset var(--era-bevel-x2) 2px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 40%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 6%, var(--color-2))), inset calc(-1 * var(--era-bevel-x2)) -2px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 16%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 22%, var(--color-2))), calc(4px * var(--era-bevel-side)) 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25)), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-well:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-well:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 55%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 8%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-pressed:var(--era-shadow-well);--era-press-sink-x:0px;--era-press-sink-y:1px;--era-panel-inset:2px;--era-selection-bg:var(--color-primary);--era-selection-fg:var(--color-primary-fg)}[data-surface=bevel] button[data-size=xs],[data-surface=bevel] button[data-size=icon]{--era-press-sink-y:.5px}}@layer era.base{:where(.lucide){stroke-width:var(--era-glyph-stroke-width)}:where(input[type=password]){-webkit-text-security:var(--era-mask-glyph,disc)}}:root{--era-ease-standard:cubic-bezier(.2, 0, 0, 1);--era-ease-expressive:cubic-bezier(.34, 1.35, .6, 1)}:root,[data-motion=normal]{--era-duration:.15s;--era-ease:var(--era-ease-standard)}[data-motion=instant]{--era-duration:0s;--era-ease:var(--era-ease-standard)}[data-motion=extra]{--era-duration:.26s;--era-ease:var(--era-ease-expressive)}@media (prefers-reduced-motion:reduce){:root,[data-motion]{--era-duration:0s!important}}:root{--era-font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--era-font-sans:system-ui, sans-serif;--era-font-serif:ui-serif, Georgia, "Times New Roman", serif}[data-font=mono]{--era-font-stack:var(--era-font-mono)}[data-font=sans]{--era-font-stack:var(--era-font-sans)}[data-font=serif]{--era-font-stack:var(--era-font-serif)}[data-font],[data-font] *{font-family:var(--era-font-stack)!important}:where(html,body){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance}:where(p,li,dd,dt,blockquote,figcaption,caption){text-wrap:pretty}.era-text-trim.truncate,.era-text-trim-caps.truncate,.era-label-ink.truncate,.era-token-ink.truncate{text-box:normal;line-height:normal}@keyframes era-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes era-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes era-collapse-open{0%{opacity:0;height:0}to{height:var(--bits-collapsible-content-height);opacity:1}}@keyframes era-collapse-close{0%{height:var(--bits-collapsible-content-height);opacity:1}to{opacity:0;height:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:var(--era-shadow);--shadow-lg:var(--era-shadow-lg);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--default-transition-duration:var(--era-duration);--default-transition-timing-function:var(--era-ease);--shadow:var(--era-shadow);--text-micro:calc(var(--era-text) * 5 / 6);--text-micro--letter-spacing:.04em;--text-lede:calc(var(--era-text) * 5 / 4);--text-lede--line-height:1.5;--text-heading:calc(var(--era-text) * 3 / 2);--text-heading--line-height:1.3;--text-heading--letter-spacing:-.01em;--text-title:calc(var(--era-text) * 2);--text-title--line-height:1.15;--text-title--letter-spacing:-.02em;--text-display:calc(var(--era-text) * 3);--text-display--line-height:1.05;--text-display--letter-spacing:-.03em;--text-body:var(--era-text);--leading-body:var(--era-leading);--radius-icon:var(--era-rd-icon);--radius-pill:var(--era-rd-pill);--radius-chip:var(--era-rd-chip);--radius-control:var(--era-rd-control);--radius-bar:var(--era-rd-bar);--radius-menu-item:var(--era-item-rd);--shadow-well:var(--era-shadow-well);--shadow-pressed:var(--era-shadow-pressed);--shadow-highlight:var(--era-highlight-shadow);--color-well:var(--era-surface-bg);--color-elevated:var(--era-surface-bg-elevated);--color-highlight:var(--era-highlight);--color-overlay:var(--era-overlay-bg);--spacing-gutter:var(--era-gap);--spacing-panel:var(--era-pad-panel);--spacing-card:var(--era-pad-card);--spacing-content:var(--era-pad-content);--spacing-menu:var(--era-panel-inset);--spacing-field:var(--era-field-px);--spacing-inset-pill:var(--era-inset-pill);--spacing-inset-chip:var(--era-inset-chip);--spacing-inset-control:var(--era-inset-control);--spacing-icon-inset-pill:var(--era-icon-inset-pill);--spacing-icon-inset-chip:var(--era-icon-inset-chip);--spacing-icon-inset-control:var(--era-icon-inset-control);--spacing-icon-inset-bar:var(--era-icon-inset-bar);--spacing-pill-inset-chip:var(--era-pill-inset-chip);--spacing-pill-inset-control:var(--era-pill-inset-control);--spacing-pill-inset-bar:var(--era-pill-inset-bar);--spacing-chip-inset-control:var(--era-chip-inset-control);--spacing-chip-inset-bar:var(--era-chip-inset-bar);--spacing-glyph-icon:var(--era-glyph-icon);--spacing-glyph-pill:var(--era-glyph-pill);--color-field:var(--era-field-bg);--color-field-highlight:var(--era-field-highlight);--ease-base:var(--era-ease);--color-divider:var(--era-divider-color);--color-divider-faded:var(--era-divider-faded);--color-background:var(--color-1);--color-foreground:var(--color-fg);--color-1:var(--color-1);--color-2:var(--color-2);--color-3:var(--color-3);--color-4:var(--color-4);--color-5:var(--color-5);--color-6:var(--color-6);--color-7:var(--color-7);--color-8:var(--color-8);--color-9:var(--color-9);--color-10:var(--color-10);--color-11:var(--color-11);--color-12:var(--color-12);--color-border:var(--color-border);--color-surface:var(--color-surface);--color-hover:var(--color-hover);--color-fg:var(--color-fg);--color-bright:var(--color-bright);--color-muted:var(--color-muted);--color-fill:var(--era-fill);--color-link:var(--color-link);--color-primary:var(--color-primary);--color-primary-fg:var(--color-primary-fg);--color-primary-hover:var(--color-primary-hover);--color-destructive:var(--color-destructive);--color-destructive-fg:var(--color-destructive-fg);--color-success:var(--color-success);--color-success-fg:var(--color-success-fg);--color-warning:var(--color-warning);--color-warning-fg:var(--color-warning-fg)}.\@container{container-type:inline-size}.era-track-well{position:relative}.era-track-well:after{content:"";border-radius:inherit;box-shadow:var(--era-shadow-well);pointer-events:none;position:absolute;inset:0}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-icon-inset-chip{inset:var(--era-icon-inset-chip)}.inset-x-0{inset-inline:0}.inset-x-gutter{inset-inline:var(--era-gap)}.inset-x-icon-inset-chip{inset-inline:var(--era-icon-inset-chip)}.inset-y-0{inset-block:0}.inset-y-menu{inset-block:var(--era-panel-inset)}.-top-\(--era-gap\){top:calc(var(--era-gap) * -1)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.top-0{top:0}.top-1\/2{top:50%}.top-card{top:var(--era-pad-card)}.top-chip-inset-bar{top:var(--era-chip-inset-bar)}.top-full{top:100%}.top-gutter{top:var(--era-gap)}.-right-\(--era-gap\){right:calc(var(--era-gap) * -1)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:0}.right-4{right:calc(var(--spacing) * 4)}.right-card{right:var(--era-pad-card)}.right-chip-inset-bar{right:var(--era-chip-inset-bar)}.right-gutter{right:var(--era-gap)}.bottom-\(--era-h-bar\){bottom:var(--era-h-bar)}.bottom-0{bottom:0}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[calc\(100\%\+\(var\(--era-h-bar\)-var\(--era-h-chip\)\)\/2\+var\(--era-gap\)\)\]{bottom:calc(100% + (var(--era-h-bar) - var(--era-h-chip)) / 2 + var(--era-gap))}.bottom-\[max\(var\(--era-gap\)\,env\(safe-area-inset-bottom\)\)\]{bottom:max(var(--era-gap), env(safe-area-inset-bottom))}.bottom-full{bottom:100%}.bottom-gutter{bottom:var(--era-gap)}.bottom-panel{bottom:var(--era-pad-panel)}.left-\(--era-video-hover-pct\){left:var(--era-video-hover-pct)}.left-0{left:0}.left-1\/2{left:50%}.left-card{left:var(--era-pad-card)}.left-full{left:100%}.left-menu{left:var(--era-panel-inset)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[55\]{z-index:55}.z-chrome{z-index:var(--era-z-chrome)}.z-debug{z-index:var(--era-z-debug)}.z-drawer{z-index:var(--era-z-drawer)}.z-overlay{z-index:var(--era-z-overlay)}.z-toast{z-index:var(--era-z-toast)}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-\[0\.45em\]{margin-inline:.45em}.mx-auto{margin-inline:auto}.mx-gutter{margin-inline:var(--era-gap)}.my-\[calc\(var\(--era-gap\)\/2\)\]{margin-block:calc(var(--era-gap) / 2)}.my-gutter{margin-block:var(--era-gap)}.ms-auto{margin-inline-start:auto}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-px{margin-top:-1px}.mt-\(--era-gap\){margin-top:var(--era-gap)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mt-card{margin-top:var(--era-pad-card)}.mt-content{margin-top:var(--era-pad-content)}.mt-gutter{margin-top:var(--era-gap)}.mt-inset-chip{margin-top:var(--era-inset-chip)}.mt-px{margin-top:1px}.-mr-\(--era-inset-pill\){margin-right:calc(var(--era-inset-pill) * -1)}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mb-card{margin-bottom:var(--era-pad-card)}.mb-gutter{margin-bottom:var(--era-gap)}.-ml-\(--era-inset-pill\){margin-left:calc(var(--era-inset-pill) * -1)}.ml-1{margin-left:var(--spacing)}.ml-\[calc\(var\(--era-inset-control\)\+var\(--era-h-icon\)\/2\)\]{margin-left:calc(var(--era-inset-control) + var(--era-h-icon) / 2)}.ml-auto{margin-left:auto}.ml-gutter{margin-left:var(--era-gap)}.ml-px{margin-left:1px}.scrollbar-none::-webkit-scrollbar{display:none}.era-token-ink{text-align:center;text-box:trim-both cap alphabetic;align-content:center;line-height:1;display:block}.era-label-ink{text-box:trim-both ex alphabetic;align-content:center;line-height:1;display:block}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-\(--era-h-icon\){width:var(--era-h-icon);height:var(--era-h-icon)}.size-\(--era-x\){width:var(--era-x);height:var(--era-x)}.size-0{width:0;height:0}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-1\/2{width:50%;height:50%}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-\[calc\(var\(--era-h-icon\)\*0\.75\)\]{width:calc(var(--era-h-icon) * .75);height:calc(var(--era-h-icon) * .75)}.size-full{width:100%;height:100%}.size-glyph-pill{width:var(--era-glyph-pill);height:var(--era-glyph-pill)}.size-gutter{width:var(--era-gap);height:var(--era-gap)}.size-bar{width:var(--era-h-bar);height:var(--era-h-bar)}.size-chip{width:var(--era-h-chip);height:var(--era-h-chip)}.size-control{width:var(--era-h-control);height:var(--era-h-control)}.size-icon{width:var(--era-h-icon);height:var(--era-h-icon)}.size-pill{width:var(--era-h-pill);height:var(--era-h-pill)}.h-\(--era-h-bar\){height:var(--era-h-bar)}.h-\(--era-h-control\){height:var(--era-h-control)}.h-\(--era-h-pill\){height:var(--era-h-pill)}.h-\(--era-sp\){height:var(--era-sp)}.h-\(--era-text\){height:var(--era-text)}.h-\(--era-x\){height:var(--era-x)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-96{height:calc(var(--spacing) * 96)}.h-\[0\.9em\]{height:.9em}.h-\[21px\]{height:21px}.h-\[24px\]{height:24px}.h-\[26rem\]{height:26rem}.h-\[34px\]{height:34px}.h-\[calc\(var\(--era-h-bar\)\*3\)\]{height:calc(var(--era-h-bar) * 3)}.h-\[calc\(var\(--era-sp\)\/2\)\]{height:calc(var(--era-sp) / 2)}.h-auto{height:auto}.h-bar{height:var(--era-h-bar)}.h-chip{height:var(--era-h-chip)}.h-control{height:var(--era-h-control)}.h-dvh{height:100dvh}.h-full{height:100%}.h-icon{height:var(--era-h-icon)}.h-line{height:1lh}.h-pill{height:var(--era-h-pill)}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[calc\(var\(--era-h-control\)\*8\)\]{max-height:calc(var(--era-h-control) * 8)}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-bar{min-height:var(--era-h-bar)}.min-h-chip{min-height:var(--era-h-chip)}.min-h-control{min-height:var(--era-h-control)}.min-h-icon{min-height:var(--era-h-icon)}.min-h-pill{min-height:var(--era-h-pill)}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[2px\]{width:2px}.w-\[40\%\]{width:40%}.w-\[calc\(var\(--era-h-chip\)\+var\(--era-h-icon\)\)\]{width:calc(var(--era-h-chip) + var(--era-h-icon))}.w-\[calc\(var\(--era-h-control\)\*3\)\]{width:calc(var(--era-h-control) * 3)}.w-\[min\(20rem\,85vw\)\]{width:min(20rem,85vw)}.w-auto{width:auto}.w-bar{width:var(--era-h-bar)}.w-chip{width:var(--era-h-chip)}.w-control{width:var(--era-h-control)}.w-full{width:100%}.w-icon{width:var(--era-h-icon)}.w-max{width:max-content}.w-pill{width:var(--era-h-pill)}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-32{max-width:calc(var(--spacing) * 32)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-\[40\%\]{max-width:40%}.max-w-\[45\%\]{max-width:45%}.max-w-\[65ch\]{max-width:65ch}.max-w-\[92ch\]{max-width:92ch}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--bits-combobox-anchor-width\){min-width:var(--bits-combobox-anchor-width)}.min-w-\(--bits-dropdown-menu-anchor-width\){min-width:var(--bits-dropdown-menu-anchor-width)}.min-w-\(--bits-menubar-menu-anchor-width\){min-width:var(--bits-menubar-menu-anchor-width)}.min-w-\(--bits-popover-anchor-width\){min-width:var(--bits-popover-anchor-width)}.min-w-\(--bits-select-anchor-width\){min-width:var(--bits-select-anchor-width)}.min-w-\(--era-h-control\){min-width:var(--era-h-control)}.min-w-\(--era-h-pill\){min-width:var(--era-h-pill)}.min-w-\(--era-h-…\){min-width:var(--era-h-…)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-80{min-width:calc(var(--spacing) * 80)}.min-w-\[7ch\]{min-width:7ch}.min-w-\[12ch\]{min-width:12ch}.min-w-\[18rem\]{min-width:18rem}.min-w-\[32px\]{min-width:32px}.min-w-bar{min-width:var(--era-h-bar)}.min-w-chip{min-width:var(--era-h-chip)}.min-w-control{min-width:var(--era-h-control)}.min-w-icon{min-width:var(--era-h-icon)}.min-w-md{min-width:var(--container-md)}.min-w-pill{min-width:var(--era-h-pill)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-\[calc\(var\(--era-h-icon\)\/2\)\]{--tw-translate-x:calc(calc(var(--era-h-icon) / 2) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[0\.08em\]{--tw-translate-y:.08em;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-25{--tw-scale-x:25%;--tw-scale-y:25%;--tw-scale-z:25%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\(--era-video-buffered-scale\){--tw-scale-x:var(--era-video-buffered-scale);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-x-\(--era-video-played-scale\){--tw-scale-x:var(--era-video-played-scale);scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.25\]{scale:.25}.-rotate-90{rotate:-90deg}.rotate-90{rotate:90deg}.rotate-\[18deg\]{rotate:18deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.era-collapse{overflow:hidden}.era-collapse[data-state=open]{animation:era-collapse-open var(--era-duration) var(--era-ease)}.era-collapse[data-state=closed]{animation:era-collapse-close var(--era-duration) var(--era-ease)}.era-shimmer{background:linear-gradient(110deg, var(--color-muted) 0% 43%, var(--color-bright) 50%, var(--color-muted) 57% 100%);-webkit-text-fill-color:transparent;animation:era-shimmer calc(var(--era-duration) * 10) cubic-bezier(.7, 0, 1, .4) infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.animate-\[indeterminate_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite indeterminate}.animate-\[…\]{animation:…}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.era-skeleton-pulse{animation:era-skeleton-pulse calc(var(--era-duration) * 10) var(--era-ease) infinite}.era-interactive:focus{outline:none}.era-interactive:disabled{cursor:not-allowed;opacity:.5}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-nesw-resize{cursor:nesw-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scrollbar-none{scrollbar-width:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0\.5rem_minmax\(3rem\,4\.5rem\)_minmax\(2\.25rem\,3\.5rem\)_1fr\]{grid-template-columns:.5rem minmax(3rem,4.5rem) minmax(2.25rem,3.5rem) 1fr}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,auto\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr)}.grid-cols-\[repeat\(auto-fill\,minmax\(19rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(calc\(var\(--era-h-bar\)\*6\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(calc(var(--era-h-bar) * 6),1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\[gap\:inherit\]{gap:inherit}.gap-\(--era-gap\){gap:var(--era-gap)}.gap-\(--era-inset-md\){gap:var(--era-inset-md)}.gap-\(--era-sp\){gap:var(--era-sp)}.gap-\(--t-inset-md\){gap:var(--t-inset-md)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-\[calc\(var\(--era-gap\)\*2\)\]{gap:calc(var(--era-gap) * 2)}.gap-\[inherit\]{gap:inherit}.gap-card{gap:var(--era-pad-card)}.gap-chip-inset-bar{gap:var(--era-chip-inset-bar)}.gap-chip-inset-control{gap:var(--era-chip-inset-control)}.gap-content{gap:var(--era-pad-content)}.gap-field{gap:var(--era-field-px)}.gap-glyph-icon{gap:var(--era-glyph-icon)}.gap-glyph-pill{gap:var(--era-glyph-pill)}.gap-gutter{gap:var(--era-gap)}.gap-icon-inset-bar{gap:var(--era-icon-inset-bar)}.gap-icon-inset-chip{gap:var(--era-icon-inset-chip)}.gap-icon-inset-control{gap:var(--era-icon-inset-control)}.gap-icon-inset-pill{gap:var(--era-icon-inset-pill)}.gap-inset-chip{gap:var(--era-inset-chip)}.gap-inset-control{gap:var(--era-inset-control)}.gap-inset-pill{gap:var(--era-inset-pill)}.gap-menu{gap:var(--era-panel-inset)}.gap-panel{gap:var(--era-pad-panel)}.gap-pill-inset-bar{gap:var(--era-pill-inset-bar)}.gap-pill-inset-chip{gap:var(--era-pill-inset-chip)}.gap-pill-inset-control{gap:var(--era-pill-inset-control)}.gap-x-content{column-gap:var(--era-pad-content)}.gap-x-inset-chip{column-gap:var(--era-inset-chip)}.gap-x-inset-control{column-gap:var(--era-inset-control)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-gutter{row-gap:var(--era-gap)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-center{justify-self:center}.truncate{text-box:normal;text-overflow:ellipsis;white-space:nowrap;line-height:normal;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.\[border-radius\:calc\(var\(--era-rd-bar\)\+var\(--era-gap\)\)\]{border-radius:calc(var(--era-rd-bar) + var(--era-gap))}.rounded{border-radius:.25rem}.rounded-\(--era-item-rd\){border-radius:var(--era-item-rd)}.rounded-\(--era-rd-bar\){border-radius:var(--era-rd-bar)}.rounded-\(--era-rd-control\){border-radius:var(--era-rd-control)}.rounded-\(--era-rd-pill\){border-radius:var(--era-rd-pill)}.rounded-\(--era-x\){border-radius:var(--era-x)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[4px\]{border-radius:4px}.rounded-bar{border-radius:var(--era-rd-bar)}.rounded-chip{border-radius:var(--era-rd-chip)}.rounded-control{border-radius:var(--era-rd-control)}.rounded-full{border-radius:3.40282e38px}.rounded-icon{border-radius:var(--era-rd-icon)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-menu-item{border-radius:var(--era-item-rd)}.rounded-none{border-radius:0}.rounded-pill{border-radius:var(--era-rd-pill)}.rounded-row{border-radius:max(0px, calc(var(--era-container-rd,var(--era-rd-control)) - var(--era-gap)))}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-top-right-radius:var(--sheet-rd)}.rounded-t-bar{border-top-left-radius:var(--era-rd-bar);border-top-right-radius:var(--era-rd-bar)}.rounded-t-control{border-top-left-radius:var(--era-rd-control);border-top-right-radius:var(--era-rd-control)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-\(--sheet-rd\){border-top-right-radius:var(--sheet-rd);border-bottom-right-radius:var(--sheet-rd)}.rounded-b-\(--sheet-rd\){border-bottom-right-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.rounded-b-bar{border-bottom-right-radius:var(--era-rd-bar);border-bottom-left-radius:var(--era-rd-bar)}.rounded-b-control{border-bottom-right-radius:var(--era-rd-control);border-bottom-left-radius:var(--era-rd-control)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-7\){border-color:var(--color-7)}.border-1{border-color:var(--color-1)}.border-2{border-color:var(--color-2)}.border-3{border-color:var(--color-3)}.border-4{border-color:var(--color-4)}.border-5{border-color:var(--color-5)}.border-6{border-color:var(--color-6)}.border-7{border-color:var(--color-7)}.border-8{border-color:var(--color-8)}.border-9{border-color:var(--color-9)}.border-10{border-color:var(--color-10)}.border-11{border-color:var(--color-11)}.border-12{border-color:var(--color-12)}.border-background{border-color:var(--color-1)}.border-border{border-color:var(--color-border)}.border-bright{border-color:var(--color-bright)}.border-destructive{border-color:var(--color-destructive)}.border-destructive-fg{border-color:var(--color-destructive-fg)}.border-divider{border-color:var(--era-divider-color)}.border-divider-faded{border-color:var(--era-divider-faded)}.border-elevated{border-color:var(--era-surface-bg-elevated)}.border-fg{border-color:var(--color-fg)}.border-field{border-color:var(--era-field-bg)}.border-field-highlight{border-color:var(--era-field-highlight)}.border-fill{border-color:var(--era-fill)}.border-foreground{border-color:var(--color-fg)}.border-highlight{border-color:var(--era-highlight)}.border-hover{border-color:var(--color-hover)}.border-link{border-color:var(--color-link)}.border-muted{border-color:var(--color-muted)}.border-overlay{border-color:var(--era-overlay-bg)}.border-primary{border-color:var(--color-primary)}.border-primary-fg{border-color:var(--color-primary-fg)}.border-primary-hover{border-color:var(--color-primary-hover)}.border-success{border-color:var(--color-success)}.border-success-fg{border-color:var(--color-success-fg)}.border-surface{border-color:var(--color-surface)}.border-warning{border-color:var(--color-warning)}.border-warning-fg{border-color:var(--color-warning-fg)}.border-well{border-color:var(--era-surface-bg)}.border-s-2{border-inline-start-color:var(--color-2)}.bg-\(--color-1\){background-color:var(--color-1)}.bg-\(--color-destructive\){background-color:var(--color-destructive)}.bg-\(--color-success\){background-color:var(--color-success)}.bg-\(--era-highlight\){background-color:var(--era-highlight)}.bg-\(--era-surface-bg\){background-color:var(--era-surface-bg)}.bg-\(--era-surface-bg-elevated\){background-color:var(--era-surface-bg-elevated)}.bg-\(--era-x\){background-color:var(--era-x)}.bg-1{background-color:var(--color-1)}.bg-2{background-color:var(--color-2)}.bg-3{background-color:var(--color-3)}.bg-4{background-color:var(--color-4)}.bg-5{background-color:var(--color-5)}.bg-6{background-color:var(--color-6)}.bg-7{background-color:var(--color-7)}.bg-8{background-color:var(--color-8)}.bg-9{background-color:var(--color-9)}.bg-10{background-color:var(--color-10)}.bg-11{background-color:var(--color-11)}.bg-12{background-color:var(--color-12)}.bg-\[\#fff\]{background-color:#fff}.bg-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{background-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{background-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}.bg-\[var\(--era-x\)\]{background-color:var(--era-x)}.bg-background{background-color:var(--color-1)}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-border{background-color:var(--color-border)}.bg-bright{background-color:var(--color-bright)}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--color-destructive)}.bg-destructive-fg{background-color:var(--color-destructive-fg)}.bg-divider{background-color:var(--era-divider-color)}.bg-divider-faded{background-color:var(--era-divider-faded)}.bg-elevated{background-color:var(--era-surface-bg-elevated)}.bg-fg,.bg-fg\/30{background-color:var(--color-fg)}@supports (color:color-mix(in lab, red, red)){.bg-fg\/30{background-color:color-mix(in oklab, var(--color-fg) 30%, transparent)}}.bg-field{background-color:var(--era-field-bg)}.bg-field-highlight{background-color:var(--era-field-highlight)}.bg-fill{background-color:var(--era-fill)}.bg-foreground{background-color:var(--color-fg)}.bg-highlight{background-color:var(--era-highlight)}.bg-hover{background-color:var(--color-hover)}.bg-link{background-color:var(--color-link)}.bg-muted,.bg-muted\/80{background-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/80{background-color:color-mix(in oklab, var(--color-muted) 80%, transparent)}}.bg-overlay{background-color:var(--era-overlay-bg)}.bg-primary{background-color:var(--color-primary)}.bg-primary-fg{background-color:var(--color-primary-fg)}.bg-primary-hover{background-color:var(--color-primary-hover)}.bg-success{background-color:var(--color-success)}.bg-success-fg{background-color:var(--color-success-fg)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-warning-fg{background-color:var(--color-warning-fg)}.bg-well{background-color:var(--era-surface-bg)}.bg-white{background-color:var(--color-white)}.\[background-image\:radial-gradient\(var\(--color-3\)_1px\,transparent_1px\)\]{background-image:radial-gradient(var(--color-3) 1px,transparent 1px)}.\[background-size\:14px_14px\]{background-size:14px 14px}.\[background-position\:center\]{background-position:50%}.fill-\(--color-primary\){fill:var(--color-primary)}.fill-current{fill:currentColor}.fill-warning{fill:var(--color-warning)}.object-cover{object-fit:cover}.p-section{padding:var(--era-pad-content);padding-top:max(0px, calc(var(--era-pad-content) - (var(--era-h-bar) - var(--era-text)) / 2))}.p-\(--era-gap\){padding:var(--era-gap)}.p-\(--era-pad-card\){padding:var(--era-pad-card)}.p-\(--era-pad-content\){padding:var(--era-pad-content)}.p-\(--era-panel-inset\){padding:var(--era-panel-inset)}.p-0{padding:0}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-\[8px\]{padding:8px}.p-card{padding:var(--era-pad-card)}.p-chip-inset-bar{padding:var(--era-chip-inset-bar)}.p-chip-inset-control{padding:var(--era-chip-inset-control)}.p-content{padding:var(--era-pad-content)}.p-field{padding:var(--era-field-px)}.p-glyph-icon{padding:var(--era-glyph-icon)}.p-glyph-pill{padding:var(--era-glyph-pill)}.p-gutter{padding:var(--era-gap)}.p-icon-inset-bar{padding:var(--era-icon-inset-bar)}.p-icon-inset-chip{padding:var(--era-icon-inset-chip)}.p-icon-inset-control{padding:var(--era-icon-inset-control)}.p-icon-inset-pill{padding:var(--era-icon-inset-pill)}.p-inset-chip{padding:var(--era-inset-chip)}.p-inset-control{padding:var(--era-inset-control)}.p-inset-pill{padding:var(--era-inset-pill)}.p-menu{padding:var(--era-panel-inset)}.p-panel{padding:var(--era-pad-panel)}.p-pill-inset-bar{padding:var(--era-pill-inset-bar)}.p-pill-inset-chip{padding:var(--era-pill-inset-chip)}.p-pill-inset-control{padding:var(--era-pill-inset-control)}.p-px{padding:1px}.px-\(--era-field-px\){padding-inline:var(--era-field-px)}.px-\(--era-gap\){padding-inline:var(--era-gap)}.px-\(--era-inset-control\){padding-inline:var(--era-inset-control)}.px-\(--era-inset-pill\){padding-inline:var(--era-inset-pill)}.px-\(--era-pill-px\){padding-inline:var(--era-pill-px)}.px-\(--era-sp\){padding-inline:var(--era-sp)}.px-\(--era-x\){padding-inline:var(--era-x)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-\[calc\(var\(--era-sp\)\/2\)\]{padding-inline:calc(var(--era-sp) / 2)}.px-card{padding-inline:var(--era-pad-card)}.px-chip{padding-inline:var(--era-chip-px)}.px-chip-inset-bar{padding-inline:var(--era-chip-inset-bar)}.px-chip-inset-control{padding-inline:var(--era-chip-inset-control)}.px-content{padding-inline:var(--era-pad-content)}.px-field{padding-inline:var(--era-field-px)}.px-glyph-icon{padding-inline:var(--era-glyph-icon)}.px-glyph-pill{padding-inline:var(--era-glyph-pill)}.px-gutter{padding-inline:var(--era-gap)}.px-icon-inset-bar{padding-inline:var(--era-icon-inset-bar)}.px-icon-inset-chip{padding-inline:var(--era-icon-inset-chip)}.px-icon-inset-control{padding-inline:var(--era-icon-inset-control)}.px-icon-inset-pill{padding-inline:var(--era-icon-inset-pill)}.px-inset-chip{padding-inline:var(--era-inset-chip)}.px-inset-control{padding-inline:var(--era-inset-control)}.px-inset-pill{padding-inline:var(--era-inset-pill)}.px-menu{padding-inline:var(--era-panel-inset)}.px-panel{padding-inline:var(--era-pad-panel)}.px-pill{padding-inline:var(--era-pill-px)}.px-pill-inset-bar{padding-inline:var(--era-pill-inset-bar)}.px-pill-inset-chip{padding-inline:var(--era-pill-inset-chip)}.px-pill-inset-control{padding-inline:var(--era-pill-inset-control)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-\[calc\(\(var\(--era-h-control\)-1lh\)\/2\)\]{padding-block:calc((var(--era-h-control) - 1lh) / 2)}.py-\[calc\(var\(--era-pad-content\)\*2\)\]{padding-block:calc(var(--era-pad-content) * 2)}.py-\[calc\(var\(--era-sp\)\*4\)\]{padding-block:calc(var(--era-sp) * 4)}.py-card{padding-block:var(--era-pad-card)}.py-chip-inset-bar{padding-block:var(--era-chip-inset-bar)}.py-chip-inset-control{padding-block:var(--era-chip-inset-control)}.py-content{padding-block:var(--era-pad-content)}.py-field{padding-block:var(--era-field-px)}.py-glyph-icon{padding-block:var(--era-glyph-icon)}.py-glyph-pill{padding-block:var(--era-glyph-pill)}.py-gutter{padding-block:var(--era-gap)}.py-icon-inset-bar{padding-block:var(--era-icon-inset-bar)}.py-icon-inset-chip{padding-block:var(--era-icon-inset-chip)}.py-icon-inset-control{padding-block:var(--era-icon-inset-control)}.py-icon-inset-pill{padding-block:var(--era-icon-inset-pill)}.py-inset-chip{padding-block:var(--era-inset-chip)}.py-inset-control{padding-block:var(--era-inset-control)}.py-inset-pill{padding-block:var(--era-inset-pill)}.py-menu{padding-block:var(--era-panel-inset)}.py-panel{padding-block:var(--era-pad-panel)}.py-pill-inset-bar{padding-block:var(--era-pill-inset-bar)}.py-pill-inset-chip{padding-block:var(--era-pill-inset-chip)}.py-pill-inset-control{padding-block:var(--era-pill-inset-control)}.ps-field{padding-inline-start:var(--era-field-px)}.ps-gutter{padding-inline-start:var(--era-gap)}.ps-panel{padding-inline-start:var(--era-pad-panel)}.pe-chip-inset-control{padding-inline-end:var(--era-chip-inset-control)}.pt-0{padding-top:0}.pt-content{padding-top:var(--era-pad-content)}.pt-gutter{padding-top:var(--era-gap)}.pt-inset-chip{padding-top:var(--era-inset-chip)}.pr-0{padding-right:0}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pr-\[calc\(var\(--era-chip-inset-bar\)\+var\(--era-h-chip\)\+var\(--era-field-px\)\)\]{padding-right:calc(var(--era-chip-inset-bar) + var(--era-h-chip) + var(--era-field-px))}.pr-chip{padding-right:var(--era-chip-px)}.pr-icon-inset-control{padding-right:var(--era-icon-inset-control)}.pr-inset-control{padding-right:var(--era-inset-control)}.pr-panel{padding-right:var(--era-pad-panel)}.pr-pill{padding-right:var(--era-pill-px)}.pr-pill-inset-chip{padding-right:var(--era-pill-inset-chip)}.pr-pill-inset-control{padding-right:var(--era-pill-inset-control)}.era-ink-center{padding-bottom:.08em}.pb-\(--era-sp\){padding-bottom:var(--era-sp)}.pb-content{padding-bottom:var(--era-pad-content)}.pb-gutter{padding-bottom:var(--era-gap)}.pb-inset-chip{padding-bottom:var(--era-inset-chip)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-\[calc\(var\(--era-inset-control\)\+var\(--era-h-icon\)\+var\(--era-gap\)\)\]{padding-left:calc(var(--era-inset-control) + var(--era-h-icon) + var(--era-gap))}.pl-chip{padding-left:var(--era-chip-px)}.pl-gutter{padding-left:var(--era-gap)}.pl-inset-control{padding-left:var(--era-inset-control)}.pl-pill{padding-left:var(--era-pill-px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-display{font-size:calc(var(--era-text) * 3);line-height:var(--tw-leading,1.05);letter-spacing:var(--tw-tracking,-.03em)}.text-heading{font-size:calc(var(--era-text) * 3 / 2);line-height:var(--tw-leading,1.3);letter-spacing:var(--tw-tracking,-.01em)}.text-title{font-size:calc(var(--era-text) * 2);line-height:var(--tw-leading,1.15);letter-spacing:var(--tw-tracking,-.02em)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lede{font-size:calc(var(--era-text) * 5 / 4);line-height:var(--tw-leading,1.5)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-micro{font-size:calc(var(--era-text) * 5 / 6);letter-spacing:var(--tw-tracking,.04em)}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[13px\]{font-size:13px}.text-\[length\:var\(--era-text\)\],.text-body{font-size:var(--era-text)}.text-title--letter-spacing{font-size:-.02em}.era-text-trim{text-box:trim-both ex alphabetic;line-height:1}.era-text-trim-caps{text-box:trim-both cap alphabetic;line-height:1}.leading-\(--era-h-bar\){--tw-leading:var(--era-h-bar);line-height:var(--era-h-bar)}.leading-\(--era-h-control\){--tw-leading:var(--era-h-control);line-height:var(--era-h-control)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-body{--tw-leading:var(--era-leading);line-height:var(--era-leading)}.leading-none{--tw-leading:1;line-height:1}.\[line-height\:inherit\]{line-height:inherit}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.era-link{color:var(--color-link);text-decoration-line:underline;text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.era-link{-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);text-decoration-color:color-mix(in oklch, currentColor 30%, transparent)}}.era-link{text-underline-offset:.2em;transition:text-decoration-color var(--era-duration) var(--era-ease)}.era-link:hover,.era-link:focus-visible{text-decoration-color:currentColor}.text-\(--color-destructive\){color:var(--color-destructive)}.text-1{color:var(--color-1)}.text-2{color:var(--color-2)}.text-3{color:var(--color-3)}.text-4{color:var(--color-4)}.text-5{color:var(--color-5)}.text-6{color:var(--color-6)}.text-7{color:var(--color-7)}.text-8{color:var(--color-8)}.text-9{color:var(--color-9)}.text-10{color:var(--color-10)}.text-11{color:var(--color-11)}.text-12{color:var(--color-12)}.text-background{color:var(--color-1)}.text-border{color:var(--color-border)}.text-bright{color:var(--color-bright)}.text-destructive{color:var(--color-destructive)}.text-destructive-fg{color:var(--color-destructive-fg)}.text-divider{color:var(--era-divider-color)}.text-divider-faded{color:var(--era-divider-faded)}.text-elevated{color:var(--era-surface-bg-elevated)}.text-fg{color:var(--color-fg)}.text-field{color:var(--era-field-bg)}.text-field-highlight{color:var(--era-field-highlight)}.text-fill{color:var(--era-fill)}.text-foreground{color:var(--color-fg)}.text-highlight{color:var(--era-highlight)}.text-hover{color:var(--color-hover)}.text-link{color:var(--color-link)}.text-muted,.text-muted\/60{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.text-muted\/60{color:color-mix(in oklab, var(--color-muted) 60%, transparent)}}.text-overlay{color:var(--era-overlay-bg)}.text-primary{color:var(--color-primary)}.text-primary-fg{color:var(--color-primary-fg)}.text-primary-hover{color:var(--color-primary-hover)}.text-success{color:var(--color-success)}.text-success-fg{color:var(--color-success-fg)}.text-surface{color:var(--color-surface)}.text-transparent{color:#0000}.text-warning{color:var(--color-warning)}.text-warning-fg{color:var(--color-warning-fg)}.text-well{color:var(--era-surface-bg)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.\[text-decoration-color\:currentColor\]{text-decoration-color:currentColor}.decoration-muted{-webkit-text-decoration-color:var(--color-muted);-webkit-text-decoration-color:var(--color-muted);text-decoration-color:var(--color-muted)}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.caret-fg{caret-color:var(--color-fg)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-95{opacity:.95}.opacity-100{opacity:1}.shadow,.shadow-\(--era-shadow\){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-lg\){--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-pressed\){--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-well\){--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-x\){--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 -.5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 .5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_0\.5px_var\(--color-border\)\,var\(--era-shadow\)\]{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--color-border)), var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--era-x\)\]{--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-highlight{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-pressed{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-well{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/chisel{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:0_1px_0_var\(--color-divider-faded\)\]{box-shadow:0 1px 0 var(--color-divider-faded)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-\[0\.5px\]{outline-style:var(--tw-outline-style);outline-width:.5px}.outline-\[1px\]{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px * -1)}.outline-1{outline-color:var(--color-1)}.outline-black\/10{outline-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.outline-black\/10{outline-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.outline-destructive,.outline-destructive\/60{outline-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.outline-destructive\/60{outline-color:color-mix(in oklab, var(--color-destructive) 60%, transparent)}}.outline-divider{outline-color:var(--era-divider-color)}.outline-primary\/40{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/40{outline-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}.outline-primary\/50{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/50{outline-color:color-mix(in oklab, var(--color-primary) 50%, transparent)}}.outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.outline-white\/10{outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[4px\]{--tw-blur:blur(4px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-none{--tw-blur: ;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xs{--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}[data-surface=glass] .glass-blur{-webkit-backdrop-filter:blur(var(--era-blur)) saturate(var(--era-saturate))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[box-shadow\,opacity\]{transition-property:box-shadow,opacity;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[opacity\,filter\,scale\]{transition-property:opacity,filter,scale;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[opacity\,scale\,filter\]{transition-property:opacity,scale,filter;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[scale\,background-color\]{transition-property:scale,background-color;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-\[scale\,opacity\,filter\]{transition-property:scale,opacity,filter;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--era-ease));transition-duration:var(--tw-duration,var(--era-duration))}.duration-\(--era-duration\){--tw-duration:var(--era-duration);transition-duration:var(--era-duration)}.duration-\(--era-x\){--tw-duration:var(--era-x);transition-duration:var(--era-x)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-\[250ms\]{--tw-duration:.25s;transition-duration:.25s}.duration-base{transition-duration:var(--era-duration)}.ease-\(--era-ease\),.ease-base{--tw-ease:var(--era-ease);transition-timing-function:var(--era-ease)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.\[contain\:layout_style\]{contain:layout style}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[--era-container-rd\:var\(--era-rd-bar\)\]{--era-container-rd:var(--era-rd-bar)}.\[--era-container-rd\:var\(--era-rd-control\)\]{--era-container-rd:var(--era-rd-control)}.\[--era-container-rd\:…\]{--era-container-rd:…}.\[--sheet-rd\:var\(--era-rd-bar\)\]{--sheet-rd:var(--era-rd-bar)}.\[--sheet-rd\:var\(--era-rd-control\)\]{--sheet-rd:var(--era-rd-control)}.\[animation-duration\:calc\(var\(--era-duration\)\*8\)\]{animation-duration:calc(var(--era-duration) * 8)}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[text-box\:normal\]{text-box:normal}.not-has-\[svg\]\:era-token-ink:not(:has(:is(svg))){text-align:center;text-box:trim-both cap alphabetic;align-content:center;line-height:1;display:block}.not-has-\[svg\]\:era-label-ink:not(:has(:is(svg))){text-box:trim-both ex alphabetic;align-content:center;line-height:1;display:block}.not-has-\[svg\]\:text-center:not(:has(:is(svg))){text-align:center}@media (hover:hover){.group-hover\/att\:opacity-100:is(:where(.group\/att):hover *),.group-hover\/message\:opacity-100:is(:where(.group\/message):hover *){opacity:1}.group-hover\/row\:flex:is(:where(.group\/row):hover *){display:flex}.group-hover\/row\:hidden:is(:where(.group\/row):hover *){display:none}.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}}.group-data-\[role\=user\]\/message\:max-w-\[80\%\]:is(:where(.group\/message)[data-role=user] *){max-width:80%}.group-data-\[role\=user\]\/message\:rounded-control:is(:where(.group\/message)[data-role=user] *){border-radius:var(--era-rd-control)}.group-data-\[role\=user\]\/message\:bg-elevated:is(:where(.group\/message)[data-role=user] *){background-color:var(--era-surface-bg-elevated)}.group-data-\[role\=user\]\/message\:p-panel:is(:where(.group\/message)[data-role=user] *){padding:var(--era-pad-panel)}.group-data-\[role\=user\]\/message\:whitespace-pre-wrap:is(:where(.group\/message)[data-role=user] *){white-space:pre-wrap}.group-data-\[role\=user\]\/message\:shadow-sm:is(:where(.group\/message)[data-role=user] *){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[state\=checked\]\/radio\:bg-fg:is(:where(.group\/radio)[data-state=checked] *){background-color:var(--color-fg)}.group-data-\[state\=open\]\/error\:rotate-180:is(:where(.group\/error)[data-state=open] *),.group-data-\[state\=open\]\/step\:rotate-180:is(:where(.group\/step)[data-state=open] *){rotate:180deg}.group-data-\[state\=open\]\/todo\:hidden:is(:where(.group\/todo)[data-state=open] *){display:none}.placeholder\:text-muted::placeholder{color:var(--color-muted)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-\[-13px\]:after{content:var(--tw-content);inset:-13px}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:size-11:after{content:var(--tw-content);width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.after\:-translate-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:rounded-l-control:first-child{border-top-left-radius:var(--era-rd-control);border-bottom-left-radius:var(--era-rd-control)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:rounded-r-control:last-child{border-top-right-radius:var(--era-rd-control);border-bottom-right-radius:var(--era-rd-control)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:bg-\(--era-highlight\):focus-within{background-color:var(--era-highlight)}.focus-within\:bg-field-highlight:focus-within{background-color:var(--era-field-highlight)}.focus-within\:bg-highlight:focus-within{background-color:var(--era-highlight)}.focus-within\:opacity-100:focus-within{opacity:1}.focus-within\:shadow-well:focus-within{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:h-\[24px\]:hover{height:24px}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-\(--era-highlight\):hover{background-color:var(--era-highlight)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-destructive:hover{background-color:var(--color-destructive)}.hover\:bg-field:hover{background-color:var(--era-field-bg)}.hover\:bg-field-highlight:hover{background-color:var(--era-field-highlight)}.hover\:bg-highlight:hover{background-color:var(--era-highlight)}.hover\:bg-hover:hover{background-color:var(--color-hover)}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-success:hover{background-color:var(--color-success)}.hover\:bg-warning:hover{background-color:var(--color-warning)}.hover\:text-bright:hover{color:var(--color-bright)}.hover\:text-destructive-fg:hover{color:var(--color-destructive-fg)}.hover\:text-fg:hover{color:var(--color-fg)}.hover\:text-success-fg:hover{color:var(--color-success-fg)}.hover\:text-warning-fg:hover{color:var(--color-warning-fg)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-bright:hover{-webkit-text-decoration-color:var(--color-bright);-webkit-text-decoration-color:var(--color-bright);text-decoration-color:var(--color-bright)}.hover\:shadow-\(--era-highlight-shadow\):hover{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\(--era-shadow-pressed\):hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-highlight:hover{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-pressed:hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-well:hover{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:duration-75:hover{--tw-duration:75ms;transition-duration:75ms}}.focus\:bg-field-highlight:focus{background-color:var(--era-field-highlight)}.focus\:bg-highlight:focus{background-color:var(--era-highlight)}.focus\:bg-hover:focus{background-color:var(--color-hover)}.focus\:text-bright:focus{color:var(--color-bright)}.focus\:shadow-well:focus{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-highlight:focus-visible{background-color:var(--era-highlight)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-fg:focus-visible{outline-color:var(--color-fg)}.active\:scale-\[0\.96\]:active{scale:.96}.active\:shadow-\(--era-shadow-pressed\):active,.active\:shadow-pressed:active{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:not-disabled\:scale-\[0\.96\]:active:not(:disabled){scale:.96}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled,.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[\[data-rail\]\:hover\]\:bg-transparent:has([data-rail]:hover){background-color:#0000}.has-\[\[data-rail\]\:hover\]\:shadow-none:has([data-rail]:hover){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-\[button\:hover\]\:bg-\(--era-surface-bg-elevated\):has(:is(button:hover)){background-color:var(--era-surface-bg-elevated)}.has-\[button\:hover\]\:bg-field:has(:is(button:hover)){background-color:var(--era-field-bg)}.has-\[svg\]\:gap-inset-chip:has(:is(svg)){gap:var(--era-inset-chip)}.has-\[svg\]\:gap-inset-control:has(:is(svg)){gap:var(--era-inset-control)}.has-\[svg\]\:gap-inset-pill:has(:is(svg)){gap:var(--era-inset-pill)}.aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-\[current\=page\]\:bg-fill[aria-current=page]{background-color:var(--era-fill)}.aria-\[current\=page\]\:text-bright[aria-current=page]{color:var(--color-bright)}.aria-\[current\=page\]\:\[text-decoration-color\:currentColor\][aria-current=page]{text-decoration-color:currentColor}.aria-\[current\=page\]\:decoration-2[aria-current=page]{text-decoration-thickness:2px}.aria-\[current\=page\]\:shadow-pressed[aria-current=page]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.aria-\[current\=page\]\:hover\:shadow-pressed[aria-current=page]:hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.aria-\[valuetext\=Empty\]\:text-muted[aria-valuetext=Empty]{color:var(--color-muted)}.data-\[active\]\:scale-\[0\.96\][data-active]{scale:.96}.data-\[active\]\:bg-highlight[data-active]{background-color:var(--era-highlight)}.data-\[active\]\:text-fg[data-active]{color:var(--color-fg)}.data-\[bounded\]\:bg-elevated[data-bounded]{background-color:var(--era-surface-bg-elevated)}.data-\[bounded\]\:text-fg[data-bounded]{color:var(--color-fg)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[dragging\]\:bg-highlight[data-dragging]{background-color:var(--era-highlight)}.data-\[dragging\]\:text-bright[data-dragging]{color:var(--color-bright)}.data-\[highlighted\]\:bg-\(--era-highlight\)[data-highlighted],.data-\[highlighted\]\:bg-highlight[data-highlighted]{background-color:var(--era-highlight)}.data-\[highlighted\]\:bg-hover[data-highlighted]{background-color:var(--color-hover)}.data-\[highlighted\]\:shadow-highlight[data-highlighted]{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[invalid\]\:text-destructive[data-invalid]{color:var(--color-destructive)}.data-\[orientation\=horizontal\]\:mx-gutter[data-orientation=horizontal]{margin-inline:var(--era-gap)}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal]{flex-direction:row}.data-\[orientation\=vertical\]\:my-gutter[data-orientation=vertical]{margin-block:var(--era-gap)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[orientation\=vertical\]\:self-stretch[data-orientation=vertical]{align-self:stretch}.data-\[outside-month\]\:pointer-events-none[data-outside-month]{pointer-events:none}.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:color-mix(in oklab, var(--color-muted) 40%, transparent)}}.data-\[range-end\]\:bg-primary[data-range-end]{background-color:var(--color-primary)}.data-\[range-end\]\:text-primary-fg[data-range-end]{color:var(--color-primary-fg)}.data-\[range-start\]\:bg-primary[data-range-start]{background-color:var(--color-primary)}.data-\[range-start\]\:text-primary-fg[data-range-start]{color:var(--color-primary-fg)}.data-\[segment\=literal\]\:text-muted[data-segment=literal]{color:var(--color-muted)}.data-\[selected\]\:bg-fill[data-selected]{background-color:var(--era-fill)}.data-\[selected\]\:bg-highlight[data-selected]{background-color:var(--era-highlight)}.data-\[selected\]\:bg-hover[data-selected]{background-color:var(--color-hover)}.data-\[selected\]\:text-bright[data-selected]{color:var(--color-bright)}.data-\[side\=bottom\]\:rounded-t-none[data-side=bottom]{border-top-left-radius:0;border-top-right-radius:0}.data-\[side\=top\]\:rounded-b-none[data-side=top]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=active\]\:bg-hover[data-state=active]{background-color:var(--color-hover)}.data-\[state\=active\]\:text-bright[data-state=active]{color:var(--color-bright)}.data-\[state\=checked\]\:translate-x-\[calc\(var\(--era-h-icon\)\/2\)\][data-state=checked]{--tw-translate-x:calc(var(--era-h-icon) / 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-2[data-state=checked]{background-color:var(--color-2)}.data-\[state\=checked\]\:bg-fg[data-state=checked]{background-color:var(--color-fg)}.data-\[state\=checked\]\:text-primary[data-state=checked]{color:var(--color-primary)}.data-\[state\=hidden\]\:opacity-0[data-state=hidden]{opacity:0}.data-\[state\=on\]\:bg-fill[data-state=on]{background-color:var(--era-fill)}.data-\[state\=on\]\:text-bright[data-state=on]{color:var(--color-bright)}.data-\[state\=on\]\:shadow-pressed[data-state=on]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.data-\[state\=on\]\:hover\:shadow-pressed[data-state=on]:hover{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.data-\[state\=open\]\:rounded-b-none[data-state=open]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=open\]\:bg-hover[data-state=open]{background-color:var(--color-hover)}.data-\[state\=open\]\:text-fg[data-state=open]{color:var(--color-fg)}.data-\[state\=open\]\:shadow-pressed[data-state=open]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=visible\]\:opacity-100[data-state=visible]{opacity:1}.data-\[unavailable\]\:text-muted[data-unavailable]{color:var(--color-muted)}.data-\[unavailable\]\:line-through[data-unavailable]{text-decoration-line:line-through}.data-\[variant\=cells\]\:border-separate[data-variant=cells]{border-collapse:separate}.data-\[variant\=cells\]\:border-spacing-\(--era-gap\)[data-variant=cells]{--tw-border-spacing-x:var(--era-gap);--tw-border-spacing-y:var(--era-gap);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.data-\[variant\=default\]\:border-collapse[data-variant=default]{border-collapse:collapse}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:var(--animate-spin)}}@media (min-width:40rem){.sm\:col-span-1{grid-column:span 1/span 1}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[0\.75rem_5\.5rem_4rem_1fr\]{grid-template-columns:.75rem 5.5rem 4rem 1fr}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-x-content{column-gap:var(--era-pad-content)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:justify-end{justify-content:flex-end}}@media (min-width:64rem){.lg\:w-80{width:calc(var(--spacing) * 80)}.lg\:w-\[420px\]{width:420px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:80rem){.xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(22rem\,0\.8fr\)\]{grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr)}}@container (min-width:28rem){.\@md\:block{display:block}}@media (prefers-color-scheme:dark){.dark\:scheme-only-dark{color-scheme:dark only}.dark\:outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:outline-white\/10{outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.\[\&_\*\]\:pointer-events-none *{pointer-events:none}.\[\&_svg\]\:size-\[calc\(var\(--era-sp\)\+0\.3125rem\)\] svg{width:calc(var(--era-sp) + .3125rem);height:calc(var(--era-sp) + .3125rem)}.\[\&_svg\]\:size-glyph-icon svg{width:var(--era-glyph-icon);height:var(--era-glyph-icon)}.\[\&_svg\]\:size-glyph-pill svg{width:var(--era-glyph-pill);height:var(--era-glyph-pill)}.\[\&_svg\]\:size-icon svg{width:var(--era-h-icon);height:var(--era-h-icon)}.\[\&\:active\>\*\]\:translate-x-\(--era-press-sink-x\):active>*{--tw-translate-x:var(--era-press-sink-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:active\>\*\]\:translate-y-\(--era-press-sink-y\):active>*{--tw-translate-y:var(--era-press-sink-y);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\:has\(\+_\:not\(\[data-pin-input-cell\]\)\)\]\:rounded-r-control:has(+:not([data-pin-input-cell])){border-top-right-radius:var(--era-rd-control);border-bottom-right-radius:var(--era-rd-control)}.\[\&\>\*\]\:justify-start>*{justify-content:flex-start}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:border-l>:not(:first-child):not([data-chips-cursor]){border-left-style:var(--tw-border-style);border-left-width:1px}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:border-divider-faded>:not(:first-child):not([data-chips-cursor]){border-color:var(--era-divider-faded)}.\[\&\>\*\:not\(\:first-child\)\:not\(\[data-chips-cursor\]\)\]\:pl-gutter>:not(:first-child):not([data-chips-cursor]){padding-left:var(--era-gap)}.\[\&\>div\]\:bg-destructive>div{background-color:var(--color-destructive)}.\[\&\>span\>span\]\:era-text-trim-caps>span>span{text-box:trim-both cap alphabetic;line-height:1}:focus-visible>.\[\:focus-visible\>\&\]\:outline{outline-style:var(--tw-outline-style);outline-width:1px}:focus-visible>.\[\:focus-visible\>\&\]\:-outline-offset-1{outline-offset:calc(1px * -1)}:focus-visible>.\[\:focus-visible\>\&\]\:outline-primary{outline-color:var(--color-primary)}@media (hover:hover){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\]\:hover\:bg-highlight:hover{background-color:var(--era-highlight)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-b>td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-b>th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:rounded-chip{border-radius:var(--era-rd-chip)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-elevated{background-color:var(--era-surface-bg-elevated)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-fill{background-color:var(--era-fill)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:px-inset-chip{padding-inline:var(--era-inset-chip)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:text-bright{color:var(--color-bright)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:shadow-sm{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@layer era.tokens{:root{background-color:var(--color-1);color:var(--color-fg)}:root,.dark{color-scheme:dark;--color-1:oklch(16.2% 0 none);--color-2:oklch(19.5% 0 none);--color-3:oklch(25.4% 0 none);--color-4:oklch(30.2% 0 none);--color-5:oklch(34.8% 0 none);--color-6:oklch(39.6% 0 none);--color-7:oklch(45.9% 0 none);--color-8:oklch(54.9% 0 none);--color-9:oklch(64.9% 0 none);--color-10:oklch(72% 0 none);--color-11:oklch(86.3% 0 none);--color-12:oklch(93.3% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25% 0 none);--color-fg:var(--color-11);--color-link:var(--color-bright);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root,.dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root,.dark{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(96% 0 none);--color-success:oklch(65% .2 145);--color-success-fg:oklch(96% 0 none);--color-warning:oklch(75% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root,.dark,.light{--color-bright:var(--color-12)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-bright:color-mix(in oklch, var(--color-12) 88%, var(--color-primary))}}:root,.dark,.light{--color-muted:var(--color-10)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-muted:color-mix(in oklch, var(--color-10) 60%, var(--color-bright))}}@media (prefers-color-scheme:light){:root:not(.dark){color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root:not(.dark){--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .2 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}}.light{color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}.light{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root[data-theme=adobe],[data-theme=adobe].dark{color-scheme:dark;--color-1:oklch(16.2% .016 48);--color-2:oklch(19.8% .02 52);--color-3:oklch(25.4% .024 56);--color-4:oklch(30.2% .028 60);--color-5:oklch(34.8% .032 64);--color-6:oklch(39.6% .036 68);--color-7:oklch(45.9% .034 72);--color-8:oklch(54.9% .03 76);--color-9:oklch(64.9% .024 82);--color-10:oklch(72% .02 86);--color-11:oklch(86.3% .016 90);--color-12:oklch(93.3% .014 94);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25.2% .024 56);--color-fg:var(--color-11);--color-primary:oklch(74% .108 68);--color-primary-fg:oklch(19% .014 50);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe],[data-theme=adobe].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 78%, var(--color-success))}}:root[data-theme=adobe],[data-theme=adobe].dark{--color-destructive:oklch(61% .17 30);--color-destructive-fg:oklch(96% .016 90);--color-success:oklch(70% .125 184);--color-success-fg:oklch(19% .014 50);--color-warning:oklch(78% .14 82);--color-warning-fg:oklch(19% .014 50)}@media (prefers-color-scheme:light){:root[data-theme=adobe]:not(.dark){color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=adobe]:not(.dark){--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}}[data-theme=adobe].light{color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=adobe].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=adobe].light{--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}:root[data-theme=sand],[data-theme=sand].dark{color-scheme:dark;--color-1:oklch(30% .06 78);--color-2:oklch(35% .07 76);--color-3:oklch(40% .08 74);--color-4:oklch(45% .09 72);--color-5:oklch(50% .1 70);--color-6:oklch(55% .11 68);--color-7:oklch(60% .12 65);--color-8:oklch(65% .13 62);--color-9:oklch(70% .14 60);--color-10:oklch(75% .12 58);--color-11:oklch(80% .1 55);--color-12:oklch(82% .08 52);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}:root[data-theme=sand],[data-theme=sand].dark{--color-fg:var(--color-11);--color-ink:oklch(24% .03 60);--color-primary:oklch(80% .034 54);--color-primary-fg:var(--color-ink);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 80%, var(--color-success))}}:root[data-theme=sand],[data-theme=sand].dark{--color-destructive:oklch(61.5% .15 33);--color-destructive-fg:var(--color-ink);--color-success:oklch(71% .09 164);--color-success-fg:var(--color-ink);--color-warning:oklch(78% .1 85);--color-warning-fg:var(--color-ink)}@media (prefers-color-scheme:light){:root[data-theme=sand]:not(.dark){color-scheme:light;--color-1:oklch(82% .08 52);--color-2:oklch(80% .1 55);--color-3:oklch(75% .12 58);--color-4:oklch(70% .14 60);--color-5:oklch(65% .13 62);--color-6:oklch(60% .12 65);--color-7:oklch(55% .11 68);--color-8:oklch(50% .1 70);--color-9:oklch(45% .09 72);--color-10:oklch(40% .08 74);--color-11:oklch(35% .07 76);--color-12:oklch(30% .06 78);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}:root[data-theme=sand]:not(.dark){--color-fg:var(--color-11);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=sand]:not(.dark){--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}}[data-theme=sand].light{color-scheme:light;--color-1:oklch(82% .08 52);--color-2:oklch(80% .1 55);--color-3:oklch(75% .12 58);--color-4:oklch(70% .14 60);--color-5:oklch(65% .13 62);--color-6:oklch(60% .12 65);--color-7:oklch(55% .11 68);--color-8:oklch(50% .1 70);--color-9:oklch(45% .09 72);--color-10:oklch(40% .08 74);--color-11:oklch(35% .07 76);--color-12:oklch(30% .06 78);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}[data-theme=sand].light{--color-fg:var(--color-11);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=sand].light{--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}:root[data-theme=signalnine],[data-theme=signalnine].dark{color-scheme:dark;--color-1:oklch(16.8% .002 84);--color-2:oklch(22.5% .002 84);--color-3:oklch(29% .003 84);--color-4:oklch(35.5% .003 84);--color-5:oklch(43.5% .003 84);--color-6:oklch(51.5% .003 84);--color-7:oklch(60% 0 none);--color-8:oklch(67.7% .003 84);--color-9:oklch(73% .002 84);--color-10:oklch(76.8% .002 84);--color-11:oklch(80.8% 0 none);--color-12:oklch(90.4% 0 none);--color-border:var(--color-4);--color-surface:var(--color-2);--color-hover:oklch(25.5% .002 84);--color-fg:var(--color-11);--color-muted:var(--color-8);--color-link:var(--color-primary);--color-primary:oklch(76% .115 84);--color-primary-fg:oklch(16.8% .002 84);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-destructive:oklch(63.08% .1298 21.4);--color-destructive-fg:oklch(16.8% .002 84);--color-success:oklch(77.33% .1095 113.4);--color-success-fg:oklch(16.8% .002 84);--color-warning:oklch(84.62% .1115 82.9);--color-warning-fg:oklch(16.8% .002 84)}@media (prefers-color-scheme:light){:root[data-theme=signalnine]:not(.dark){color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .013 271.14);--color-3:oklch(88.7% .019 265.13);--color-4:oklch(80.8% .02 265.6);--color-5:oklch(74.5% .036 261.83);--color-6:oklch(67.6% .045 263);--color-7:oklch(59.3% .06 260.33);--color-8:oklch(54.5% .08 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .13 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .008 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(52% .205 264.1);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine]:not(.dark){--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}}[data-theme=signalnine].light{color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .013 271.14);--color-3:oklch(88.7% .019 265.13);--color-4:oklch(80.8% .02 265.6);--color-5:oklch(74.5% .036 261.83);--color-6:oklch(67.6% .045 263);--color-7:oklch(59.3% .06 260.33);--color-8:oklch(54.5% .08 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .13 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .008 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(52% .205 264.1);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=signalnine].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=signalnine].light{--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}@property --era-roundness-scale{syntax:"<number>";inherits:true;initial-value:1}*{--era-h-icon:calc(var(--era-sp) + .375rem);--era-glyph-stroke-width:1.75;--era-glyph-pill:calc(var(--era-sp) + .25rem);--era-glyph-icon:calc(var(--era-sp) + .125rem);--era-h-pill:calc(var(--era-sp) + .625rem);--era-h-chip:calc(2 * var(--era-sp) + .375rem);--era-h-control:calc(3 * var(--era-sp));--era-h-bar:calc(4 * var(--era-sp));--era-gap:calc(var(--era-sp) * .5);--era-leading:1.6;--era-inset-pill:max(0px, calc((var(--era-h-pill) - var(--era-text)) / 2));--era-inset-chip:max(0px, calc((var(--era-h-chip) - var(--era-text)) / 2));--era-inset-control:max(0px, calc((var(--era-h-control) - var(--era-text)) / 2));--era-pill-px:max(0px, calc((var(--era-h-pill) - .6 * var(--era-text)) / 2));--era-chip-px:max(0px, calc((var(--era-h-chip) - .6 * var(--era-text)) / 2));--era-field-px:max(var(--era-chip-px), .5rem);--era-icon-inset-chip:calc((var(--era-h-chip) - var(--era-h-icon)) / 2);--era-icon-inset-pill:calc((var(--era-h-pill) - var(--era-h-icon)) / 2);--era-pill-inset-control:calc((var(--era-h-control) - var(--era-h-pill)) / 2);--era-pill-inset-chip:calc((var(--era-h-chip) - var(--era-h-pill)) / 2);--era-icon-inset-control:calc((var(--era-h-control) - var(--era-h-icon)) / 2);--era-icon-inset-bar:calc((var(--era-h-bar) - var(--era-h-icon)) / 2);--era-chip-inset-control:calc((var(--era-h-control) - var(--era-h-chip)) / 2);--era-pill-inset-bar:calc((var(--era-h-bar) - var(--era-h-pill)) / 2);--era-chip-inset-bar:calc((var(--era-h-bar) - var(--era-h-chip)) / 2);--era-roundness:calc(var(--era-roundness-scale) * var(--era-sp) / 2.618);--era-rd-icon:max(0px, var(--era-roundness));--era-rd-pill:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-pill) - var(--era-h-icon)) / 2));--era-rd-chip:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-chip) - var(--era-h-icon)) / 2));--era-rd-control:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-control) - var(--era-h-icon)) / 2));--era-rd-bar:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-bar) - var(--era-h-icon)) / 2));--era-so:calc(var(--era-sp) * (1 + var(--era-density)) / 2);--era-pad-panel:calc(var(--era-so) / 2);--era-pad-card:var(--era-so);--era-pad-content:calc(var(--era-so) * 2)}:root{--era-roundness-scale:1;--era-mask-glyph:disc}:root,[data-mode=dense]{--era-sp:.5rem;--era-density:1;--era-text:.75rem}[data-mode=balanced],[data-mode=spacious],[data-mode=touch]{--era-text:.875rem}[data-mode=balanced]{--era-sp:.625rem;--era-density:1.25}[data-mode=spacious]{--era-sp:.75rem;--era-density:1.5}[data-mode=touch]{--era-sp:1rem;--era-density:2}[data-mode=touch],[data-mode=touch] *{--era-roundness:calc(var(--era-roundness-scale) * var(--era-h-icon) / 2)}[data-corners=square]{--era-roundness-scale:0;--era-mask-glyph:square}[data-corners=rounded]{--era-roundness-scale:1;--era-mask-glyph:disc}:root{transition:--era-roundness-scale var(--era-duration) var(--era-ease);--era-z-chrome:30;--era-z-drawer:40;--era-z-overlay:50;--era-z-toast:55;--era-z-debug:60}:root,[data-surface]{--era-border-color:transparent;--era-divider-color:var(--color-border);--era-divider-faded:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-divider-faded:color-mix(in oklch, var(--era-divider-color) 40%, transparent)}}:root,[data-surface]{--era-surface-bg:var(--color-2);--era-surface-bg-elevated:var(--era-surface-bg)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-surface-bg-elevated:color-mix(in oklch, var(--era-surface-bg) 94%, var(--color-bright))}}:root,[data-surface]{--era-field-bg:var(--color-hover);--era-field-highlight:var(--era-field-bg)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-field-highlight:color-mix(in oklch, var(--era-field-bg) 96%, var(--color-bright))}}:root,[data-surface]{--era-shadow:none;--era-shadow-lg:none;--era-shadow-well:var(--era-shadow);--era-shadow-pressed:var(--era-shadow);--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}:root,[data-surface]{--era-highlight-shadow:var(--era-shadow);--era-fill:var(--era-highlight);--era-press-sink-x:0px;--era-press-sink-y:0px;--era-panel-inset:0px;--era-overlay-bg:var(--color-1)}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-overlay-bg:color-mix(in oklch, var(--color-1) 60%, transparent)}}:root,[data-surface]{--era-blur:0px;--era-saturate:100%;--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}::selection{background-color:var(--era-selection-bg);color:var(--era-selection-fg);text-shadow:var(--era-selection-shadow)}*{--era-item-rd:max(0px, calc(var(--era-rd-control) - var(--era-panel-inset)))}@media (prefers-reduced-transparency:reduce){:root,[data-surface]{--era-highlight:var(--color-hover);--era-fill:var(--color-hover)}}[data-surface=glass]{--era-divider-color:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-divider-color:light-dark(color-mix(in oklch, var(--color-bright) 12%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}[data-surface=glass]{--era-surface-bg:light-dark(var(--color-1),var(--color-2))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg:light-dark(color-mix(in oklch, var(--color-1) 66%, transparent),color-mix(in oklch, var(--color-2) 62%, transparent))}}[data-surface=glass]{--era-surface-bg-elevated:light-dark(var(--color-1),var(--color-3))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg-elevated:light-dark(color-mix(in oklch, var(--color-1) 90%, transparent),color-mix(in oklch, var(--color-3) 85%, transparent))}}[data-surface=glass]{--era-field-bg:var(--color-hover)}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-field-bg:color-mix(in oklch, var(--color-hover) 72%, transparent)}}[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff59,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),color-mix(in oklch, var(--color-bright) 18%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 8%, transparent),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -2px -2px 0 -1.25px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 24px 0 light-dark(transparent,var(--color-bright)), 0 12px 32px -8px light-dark(var(--color-bright),oklch(0% 0 0/.35))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 24%, transparent)), inset -2px -2px 0 -1.25px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 10%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 6%, transparent),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 24px 0 light-dark(transparent,color-mix(in oklch, var(--color-bright) 4%, transparent)), 0 12px 32px -8px light-dark(color-mix(in oklch, var(--color-bright) 18%, transparent),oklch(0% 0 0/.35))}}[data-surface=glass]{--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 12%, transparent))}}[data-surface=glass]{--era-fill:var(--color-hover);--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 12px 0 light-dark(#ffffff59,var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 28%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 12%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 10%, transparent),color-mix(in oklch, var(--color-bright) 9%, transparent)), inset 0 0 12px 0 light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-selection-bg:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-bg:light-dark(color-mix(in oklch, var(--color-bright) 16%, transparent),color-mix(in oklch, var(--color-bright) 22%, transparent))}}[data-surface=glass]{--era-selection-fg:var(--color-bright);--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),color-mix(in oklch, var(--color-bright) 45%, transparent))}}[data-surface=glass]{--era-panel-inset:2px;--era-blur:20px;--era-saturate:180%}@media (prefers-reduced-transparency:reduce){[data-surface=glass]{--era-surface-bg:var(--color-2);--era-surface-bg-elevated:var(--color-3);--era-blur:0px;--era-saturate:100%;--era-field-bg:var(--color-hover);--era-highlight:var(--color-hover);--era-fill:var(--color-hover);--era-highlight-shadow:var(--era-shadow);--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}}[data-surface=bevel]{--era-bevel-side:.6;--era-bevel-x1:calc(1px * var(--era-bevel-side));--era-bevel-x2:calc(2px * var(--era-bevel-side));--era-bevel-rim:inset 0 0 0 1px light-dark(oklch(0% 0 0),oklch(0% 0 0))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-bevel-rim:inset 0 0 0 1px light-dark(color-mix(in oklch, oklch(0% 0 0) 24%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 42%, var(--color-2)))}}[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 70%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 12%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-surface-bg-elevated:var(--era-surface-bg);--era-shadow-lg:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset var(--era-bevel-x2) 2px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x2)) -2px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), calc(4px * var(--era-bevel-side)) 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-lg:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 80%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 14%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 34%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 45%, var(--color-2))), inset var(--era-bevel-x2) 2px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 40%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 6%, var(--color-2))), inset calc(-1 * var(--era-bevel-x2)) -2px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 16%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 22%, var(--color-2))), calc(4px * var(--era-bevel-side)) 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25)), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-well:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-well:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 55%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 8%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-shadow-pressed:var(--era-shadow-well);--era-press-sink-x:0px;--era-press-sink-y:1px;--era-panel-inset:2px;--era-selection-bg:var(--color-primary);--era-selection-fg:var(--color-primary-fg)}[data-surface=bevel] button[data-size=xs],[data-surface=bevel] button[data-size=icon]{--era-press-sink-y:.5px}}@layer era.base{:where(.lucide){stroke-width:var(--era-glyph-stroke-width)}:where(input[type=password]){-webkit-text-security:var(--era-mask-glyph,disc)}}:root{--era-ease-standard:cubic-bezier(.2, 0, 0, 1);--era-ease-expressive:cubic-bezier(.34, 1.35, .6, 1)}:root,[data-motion=normal]{--era-duration:.15s;--era-ease:var(--era-ease-standard)}[data-motion=instant]{--era-duration:0s;--era-ease:var(--era-ease-standard)}[data-motion=extra]{--era-duration:.26s;--era-ease:var(--era-ease-expressive)}@media (prefers-reduced-motion:reduce){:root,[data-motion]{--era-duration:0s!important}}:root{--era-font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--era-font-sans:system-ui, sans-serif;--era-font-serif:ui-serif, Georgia, "Times New Roman", serif}[data-font=mono]{--era-font-stack:var(--era-font-mono)}[data-font=sans]{--era-font-stack:var(--era-font-sans)}[data-font=serif]{--era-font-stack:var(--era-font-serif)}[data-font],[data-font] *{font-family:var(--era-font-stack)!important}:where(html,body){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance}:where(p,li,dd,dt,blockquote,figcaption,caption){text-wrap:pretty}.era-text-trim.truncate,.era-text-trim-caps.truncate,.era-label-ink.truncate,.era-token-ink.truncate{text-box:normal;line-height:normal}@keyframes era-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes era-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes era-collapse-open{0%{opacity:0;height:0}to{height:var(--bits-collapsible-content-height);opacity:1}}@keyframes era-collapse-close{0%{height:var(--bits-collapsible-content-height);opacity:1}to{opacity:0;height:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
|
|
@@ -561,8 +561,17 @@ misalignment it can. So the offset is accepted, not corrected, and the only
|
|
|
561
561
|
escape is per-label and opt-in (Button's `caps`), which buys optical centring
|
|
562
562
|
for a lone label at the cost of ~1.06px against its neighbours.
|
|
563
563
|
|
|
564
|
+
AND THE GUARANTEE SPANS BOTH INK PATHS. This utility and era-text-trim are
|
|
565
|
+
two mechanisms — block+align-content here, a blockified flex item there — and
|
|
566
|
+
every measurement above was taken on the trim path. Measured since: the
|
|
567
|
+
text-only path holds the same 0.00px spread AND lands on the same baseline,
|
|
568
|
+
15.22px from the button top at control tier. So an icon button and a text
|
|
569
|
+
button put their labels on one line, and `not-has-[svg]` costs nothing but
|
|
570
|
+
which element carries the trim.
|
|
571
|
+
|
|
564
572
|
Measured by signalnine.org and reproduced here; see label-band.spec.ts, which
|
|
565
|
-
pins
|
|
573
|
+
pins the 0.00px spread, the cost of breaking it, and the agreement between
|
|
574
|
+
the two paths.
|
|
566
575
|
|
|
567
576
|
WHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare
|
|
568
577
|
text is an ANONYMOUS flex item — a box no selector reaches and no
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"slug": "utilities",
|
|
53
53
|
"title": "Utilities",
|
|
54
54
|
"summary": "The CSS classes era ships alongside the components — links, ink-centred text, shimmer, hidden scrollbars.",
|
|
55
|
-
"tokenEstimate":
|
|
55
|
+
"tokenEstimate": 13166,
|
|
56
56
|
"sections": [
|
|
57
57
|
"Overview",
|
|
58
58
|
"era-interactive",
|
|
@@ -1115,7 +1115,7 @@
|
|
|
1115
1115
|
],
|
|
1116
1116
|
"file": "index.css",
|
|
1117
1117
|
"useCase": "the ink centring for a fixed-height control holding ONE line of sentence-case text and no icon — a menu item, a nav trigger, a button label. Never alongside `truncate` (the trimmed box becomes the clip).",
|
|
1118
|
-
"description": "LABEL INK — era-token-ink's mixed-case sibling, and the general answer to\n\"this fixed-height control holds one line of text\".\n\nSame mechanism, same reason: `text-box-trim` needs a BLOCK box, so the row\nbecomes one and `align-content` (block-container alignment) does the\ncentring. What differs is the band and the alignment, because the content\nclass differs — a label is sentence case, so the x-height band is the visual\nmass to centre (cap-band reads low on \"System\"), and it is laid out against\nthe row's padding rather than centred in it.\n\nTHAT PARENTHESIS AND era-ink-center's \"x-band centring parks ~2px high\" READ\nAS A CONTRADICTION AND ARE NOT. Both are true, of their own example string,\nand each was generalised one step too far. Under an ex band the ink offset is\n\n (xh − ascent + descent) / 2\n\nwhich predicts a controlled A/B — one real button, one class set, only the\nSTRING changing — within 0.3px:\n\n Save asc 9 desc 0 1.28px high SAVE asc 9 desc 0 1.28px high\n Savg asc 9 desc 3 0.22px low savg asc 7 desc 3 1.22px low\n\n\"System\" has a descender and reads low under the cap band; \"Save\" has none\nand reads high under the ex band. Case is not the variable — \"Save\" and\n\"SAVE\" are identical to the hundredth of a pixel. No fixed band centres both\na descender-less and a descender-bearing label, because they differ by ~1.5px\nin the same box.\n\nWHICH IS WHY THE BAND IS FIXED ANYWAY, and this is the part that decides it.\nA band gives every label the SAME baseline whatever it spells — measured\nspread across Save/Savg/save/savg/SAVE/PDF/Cancel/\"Copy page\" is 0.00px —\nwhile ink-extent centring would move each label independently and leave a bar\nof buttons visibly ragged. A uniform offset the eye cannot see beats a local\nmisalignment it can. So the offset is accepted, not corrected, and the only\nescape is per-label and opt-in (Button's `caps`), which buys optical centring\nfor a lone label at the cost of ~1.06px against its neighbours.\n\nMeasured by signalnine.org and reproduced here; see label-band.spec.ts, which\npins
|
|
1118
|
+
"description": "LABEL INK — era-token-ink's mixed-case sibling, and the general answer to\n\"this fixed-height control holds one line of text\".\n\nSame mechanism, same reason: `text-box-trim` needs a BLOCK box, so the row\nbecomes one and `align-content` (block-container alignment) does the\ncentring. What differs is the band and the alignment, because the content\nclass differs — a label is sentence case, so the x-height band is the visual\nmass to centre (cap-band reads low on \"System\"), and it is laid out against\nthe row's padding rather than centred in it.\n\nTHAT PARENTHESIS AND era-ink-center's \"x-band centring parks ~2px high\" READ\nAS A CONTRADICTION AND ARE NOT. Both are true, of their own example string,\nand each was generalised one step too far. Under an ex band the ink offset is\n\n (xh − ascent + descent) / 2\n\nwhich predicts a controlled A/B — one real button, one class set, only the\nSTRING changing — within 0.3px:\n\n Save asc 9 desc 0 1.28px high SAVE asc 9 desc 0 1.28px high\n Savg asc 9 desc 3 0.22px low savg asc 7 desc 3 1.22px low\n\n\"System\" has a descender and reads low under the cap band; \"Save\" has none\nand reads high under the ex band. Case is not the variable — \"Save\" and\n\"SAVE\" are identical to the hundredth of a pixel. No fixed band centres both\na descender-less and a descender-bearing label, because they differ by ~1.5px\nin the same box.\n\nWHICH IS WHY THE BAND IS FIXED ANYWAY, and this is the part that decides it.\nA band gives every label the SAME baseline whatever it spells — measured\nspread across Save/Savg/save/savg/SAVE/PDF/Cancel/\"Copy page\" is 0.00px —\nwhile ink-extent centring would move each label independently and leave a bar\nof buttons visibly ragged. A uniform offset the eye cannot see beats a local\nmisalignment it can. So the offset is accepted, not corrected, and the only\nescape is per-label and opt-in (Button's `caps`), which buys optical centring\nfor a lone label at the cost of ~1.06px against its neighbours.\n\nAND THE GUARANTEE SPANS BOTH INK PATHS. This utility and era-text-trim are\ntwo mechanisms — block+align-content here, a blockified flex item there — and\nevery measurement above was taken on the trim path. Measured since: the\ntext-only path holds the same 0.00px spread AND lands on the same baseline,\n15.22px from the button top at control tier. So an icon button and a text\nbutton put their labels on one line, and `not-has-[svg]` costs nothing but\nwhich element carries the trim.\n\nMeasured by signalnine.org and reproduced here; see label-band.spec.ts, which\npins the 0.00px spread, the cost of breaking it, and the agreement between\nthe two paths.\n\nWHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare\ntext is an ANONYMOUS flex item — a box no selector reaches and no\nnon-inherited property touches. So `era-text-trim` on a flex row is inert,\ncontributing only its `line-height: 1`, and the ink falls back to line-box\ncentring by font metrics. era-token-ink already fixed that for centred\ntokens; this fixes it for everything else.\n\nTHE ICON CASE IS NOT SOLVED, and cannot be from CSS: an icon beside the text\nneeds the box to stay flex, which re-creates the anonymous item. A component\nwhose children are an opaque slot therefore guards it —\n`not-has-[svg]:era-label-ink` — and ink-centres the text-only case while\nleaving the icon case on line-box centring. Splitting icon and label into\nseparate slots is what would close it; typography/inert-trim reports every\nsite still on the fallback.",
|
|
1119
1119
|
"css": "@utility era-label-ink {\n\tdisplay: block;\n\talign-content: center;\n\tline-height: 1;\n\ttext-box: trim-both ex alphabetic;\n}"
|
|
1120
1120
|
},
|
|
1121
1121
|
{
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
],
|
|
88
88
|
"file": "index.css",
|
|
89
89
|
"useCase": "the ink centring for a fixed-height control holding ONE line of sentence-case text and no icon — a menu item, a nav trigger, a button label. Never alongside `truncate` (the trimmed box becomes the clip).",
|
|
90
|
-
"description": "LABEL INK — era-token-ink's mixed-case sibling, and the general answer to\n\"this fixed-height control holds one line of text\".\n\nSame mechanism, same reason: `text-box-trim` needs a BLOCK box, so the row\nbecomes one and `align-content` (block-container alignment) does the\ncentring. What differs is the band and the alignment, because the content\nclass differs — a label is sentence case, so the x-height band is the visual\nmass to centre (cap-band reads low on \"System\"), and it is laid out against\nthe row's padding rather than centred in it.\n\nTHAT PARENTHESIS AND era-ink-center's \"x-band centring parks ~2px high\" READ\nAS A CONTRADICTION AND ARE NOT. Both are true, of their own example string,\nand each was generalised one step too far. Under an ex band the ink offset is\n\n (xh − ascent + descent) / 2\n\nwhich predicts a controlled A/B — one real button, one class set, only the\nSTRING changing — within 0.3px:\n\n Save asc 9 desc 0 1.28px high SAVE asc 9 desc 0 1.28px high\n Savg asc 9 desc 3 0.22px low savg asc 7 desc 3 1.22px low\n\n\"System\" has a descender and reads low under the cap band; \"Save\" has none\nand reads high under the ex band. Case is not the variable — \"Save\" and\n\"SAVE\" are identical to the hundredth of a pixel. No fixed band centres both\na descender-less and a descender-bearing label, because they differ by ~1.5px\nin the same box.\n\nWHICH IS WHY THE BAND IS FIXED ANYWAY, and this is the part that decides it.\nA band gives every label the SAME baseline whatever it spells — measured\nspread across Save/Savg/save/savg/SAVE/PDF/Cancel/\"Copy page\" is 0.00px —\nwhile ink-extent centring would move each label independently and leave a bar\nof buttons visibly ragged. A uniform offset the eye cannot see beats a local\nmisalignment it can. So the offset is accepted, not corrected, and the only\nescape is per-label and opt-in (Button's `caps`), which buys optical centring\nfor a lone label at the cost of ~1.06px against its neighbours.\n\nMeasured by signalnine.org and reproduced here; see label-band.spec.ts, which\npins
|
|
90
|
+
"description": "LABEL INK — era-token-ink's mixed-case sibling, and the general answer to\n\"this fixed-height control holds one line of text\".\n\nSame mechanism, same reason: `text-box-trim` needs a BLOCK box, so the row\nbecomes one and `align-content` (block-container alignment) does the\ncentring. What differs is the band and the alignment, because the content\nclass differs — a label is sentence case, so the x-height band is the visual\nmass to centre (cap-band reads low on \"System\"), and it is laid out against\nthe row's padding rather than centred in it.\n\nTHAT PARENTHESIS AND era-ink-center's \"x-band centring parks ~2px high\" READ\nAS A CONTRADICTION AND ARE NOT. Both are true, of their own example string,\nand each was generalised one step too far. Under an ex band the ink offset is\n\n (xh − ascent + descent) / 2\n\nwhich predicts a controlled A/B — one real button, one class set, only the\nSTRING changing — within 0.3px:\n\n Save asc 9 desc 0 1.28px high SAVE asc 9 desc 0 1.28px high\n Savg asc 9 desc 3 0.22px low savg asc 7 desc 3 1.22px low\n\n\"System\" has a descender and reads low under the cap band; \"Save\" has none\nand reads high under the ex band. Case is not the variable — \"Save\" and\n\"SAVE\" are identical to the hundredth of a pixel. No fixed band centres both\na descender-less and a descender-bearing label, because they differ by ~1.5px\nin the same box.\n\nWHICH IS WHY THE BAND IS FIXED ANYWAY, and this is the part that decides it.\nA band gives every label the SAME baseline whatever it spells — measured\nspread across Save/Savg/save/savg/SAVE/PDF/Cancel/\"Copy page\" is 0.00px —\nwhile ink-extent centring would move each label independently and leave a bar\nof buttons visibly ragged. A uniform offset the eye cannot see beats a local\nmisalignment it can. So the offset is accepted, not corrected, and the only\nescape is per-label and opt-in (Button's `caps`), which buys optical centring\nfor a lone label at the cost of ~1.06px against its neighbours.\n\nAND THE GUARANTEE SPANS BOTH INK PATHS. This utility and era-text-trim are\ntwo mechanisms — block+align-content here, a blockified flex item there — and\nevery measurement above was taken on the trim path. Measured since: the\ntext-only path holds the same 0.00px spread AND lands on the same baseline,\n15.22px from the button top at control tier. So an icon button and a text\nbutton put their labels on one line, and `not-has-[svg]` costs nothing but\nwhich element carries the trim.\n\nMeasured by signalnine.org and reproduced here; see label-band.spec.ts, which\npins the 0.00px spread, the cost of breaking it, and the agreement between\nthe two paths.\n\nWHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare\ntext is an ANONYMOUS flex item — a box no selector reaches and no\nnon-inherited property touches. So `era-text-trim` on a flex row is inert,\ncontributing only its `line-height: 1`, and the ink falls back to line-box\ncentring by font metrics. era-token-ink already fixed that for centred\ntokens; this fixes it for everything else.\n\nTHE ICON CASE IS NOT SOLVED, and cannot be from CSS: an icon beside the text\nneeds the box to stay flex, which re-creates the anonymous item. A component\nwhose children are an opaque slot therefore guards it —\n`not-has-[svg]:era-label-ink` — and ink-centres the text-only case while\nleaving the icon case on line-box centring. Splitting icon and label into\nseparate slots is what would close it; typography/inert-trim reports every\nsite still on the fallback.",
|
|
91
91
|
"css": "@utility era-label-ink {\n\tdisplay: block;\n\talign-content: center;\n\tline-height: 1;\n\ttext-box: trim-both ex alphabetic;\n}"
|
|
92
92
|
},
|
|
93
93
|
{
|
|
@@ -412,8 +412,17 @@ misalignment it can. So the offset is accepted, not corrected, and the only
|
|
|
412
412
|
escape is per-label and opt-in (Button's `caps`), which buys optical centring
|
|
413
413
|
for a lone label at the cost of ~1.06px against its neighbours.
|
|
414
414
|
|
|
415
|
+
AND THE GUARANTEE SPANS BOTH INK PATHS. This utility and era-text-trim are
|
|
416
|
+
two mechanisms — block+align-content here, a blockified flex item there — and
|
|
417
|
+
every measurement above was taken on the trim path. Measured since: the
|
|
418
|
+
text-only path holds the same 0.00px spread AND lands on the same baseline,
|
|
419
|
+
15.22px from the button top at control tier. So an icon button and a text
|
|
420
|
+
button put their labels on one line, and `not-has-[svg]` costs nothing but
|
|
421
|
+
which element carries the trim.
|
|
422
|
+
|
|
415
423
|
Measured by signalnine.org and reproduced here; see label-band.spec.ts, which
|
|
416
|
-
pins
|
|
424
|
+
pins the 0.00px spread, the cost of breaking it, and the agreement between
|
|
425
|
+
the two paths.
|
|
417
426
|
|
|
418
427
|
WHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare
|
|
419
428
|
text is an ANONYMOUS flex item — a box no selector reaches and no
|
package/dist/os/desktop.svelte
CHANGED
|
@@ -162,9 +162,21 @@
|
|
|
162
162
|
<div class="absolute inset-0 isolate">
|
|
163
163
|
<!-- Only the active workspace paints; other workspaces' panes keep
|
|
164
164
|
their state untouched and simply aren't in the tree. Keyed by id, so
|
|
165
|
-
switching back remounts them exactly where they were.
|
|
166
|
-
|
|
167
|
-
|
|
165
|
+
switching back remounts them exactly where they were.
|
|
166
|
+
|
|
167
|
+
ITERATING pm.panes AND FILTERING HERE, rather than iterating the
|
|
168
|
+
`activePanes` derived, is what makes `bind:` below legal: a pane's
|
|
169
|
+
geometry is written by Pane.Root through two bindings, and Svelte's
|
|
170
|
+
ownership check wants that declared the whole way up — but you cannot
|
|
171
|
+
bind to an item of a DERIVED array. `pm.panes[i]` is the same object
|
|
172
|
+
the derived would have yielded, in the same order (activePanes is a
|
|
173
|
+
pure filter), and the {#if} unmounts exactly what the filter excluded.
|
|
174
|
+
Without this the shell logged ownership_invalid_binding twice per
|
|
175
|
+
pane into every consumer's dev console. -->
|
|
176
|
+
{#each pm.panes as pane, i (pane.id)}
|
|
177
|
+
{#if pane.workspaceId === pm.activeWorkspaceId}
|
|
178
|
+
<Pane bind:pane={pm.panes[i]} />
|
|
179
|
+
{/if}
|
|
168
180
|
{/each}
|
|
169
181
|
</div>
|
|
170
182
|
{@render children?.()}
|
package/dist/os/pane.svelte
CHANGED
|
@@ -8,7 +8,16 @@
|
|
|
8
8
|
import { cn } from '../utils/index.js';
|
|
9
9
|
import { getPaneManager, type AppPane } from './pane-manager.svelte.js';
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
// $bindable, though nothing here ever reassigns it. Pane.Root takes
|
|
12
|
+
// `position` and `size` with bind:, which WRITES to pane.pos / pane.size —
|
|
13
|
+
// state this component does not own. Svelte's dev-mode ownership check
|
|
14
|
+
// followed that write up the tree, found no declared binding, and logged
|
|
15
|
+
// ownership_invalid_binding on every pane mount: era's own shell printing
|
|
16
|
+
// two framework warnings per load into every consumer's dev console.
|
|
17
|
+
// Declaring the binding here and using it in desktop.svelte is Svelte's own
|
|
18
|
+
// remedy for the message; it costs nothing at runtime and says out loud
|
|
19
|
+
// what the component has always done.
|
|
20
|
+
let { pane = $bindable() }: { pane: AppPane } = $props();
|
|
12
21
|
|
|
13
22
|
const pm = getPaneManager();
|
|
14
23
|
const focused = $derived(pm.focusedId === pane.id);
|
package/dist/os/pane.svelte.d.ts
CHANGED
|
@@ -3,6 +3,6 @@ import { type AppPane } from './pane-manager.svelte.js';
|
|
|
3
3
|
type $$ComponentProps = {
|
|
4
4
|
pane: AppPane;
|
|
5
5
|
};
|
|
6
|
-
declare const Pane: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
6
|
+
declare const Pane: import("svelte").Component<$$ComponentProps, {}, "pane">;
|
|
7
7
|
type Pane = ReturnType<typeof Pane>;
|
|
8
8
|
export default Pane;
|
package/dist/styles/index.css
CHANGED
|
@@ -406,8 +406,17 @@
|
|
|
406
406
|
* escape is per-label and opt-in (Button's `caps`), which buys optical centring
|
|
407
407
|
* for a lone label at the cost of ~1.06px against its neighbours.
|
|
408
408
|
*
|
|
409
|
+
* AND THE GUARANTEE SPANS BOTH INK PATHS. This utility and era-text-trim are
|
|
410
|
+
* two mechanisms — block+align-content here, a blockified flex item there — and
|
|
411
|
+
* every measurement above was taken on the trim path. Measured since: the
|
|
412
|
+
* text-only path holds the same 0.00px spread AND lands on the same baseline,
|
|
413
|
+
* 15.22px from the button top at control tier. So an icon button and a text
|
|
414
|
+
* button put their labels on one line, and `not-has-[svg]` costs nothing but
|
|
415
|
+
* which element carries the trim.
|
|
416
|
+
*
|
|
409
417
|
* Measured by signalnine.org and reproduced here; see label-band.spec.ts, which
|
|
410
|
-
* pins
|
|
418
|
+
* pins the 0.00px spread, the cost of breaking it, and the agreement between
|
|
419
|
+
* the two paths.
|
|
411
420
|
*
|
|
412
421
|
* WHY IT EXISTS AT ALL: era's controls are flex, and a flex container's bare
|
|
413
422
|
* text is an ANONYMOUS flex item — a box no selector reaches and no
|
|
@@ -495,6 +504,45 @@
|
|
|
495
504
|
height: 1lh;
|
|
496
505
|
}
|
|
497
506
|
|
|
507
|
+
/* A WELL THAT SURVIVES BEING FILLED.
|
|
508
|
+
*
|
|
509
|
+
* `shadow-well` is an INSET shadow, and an inset shadow belongs to the
|
|
510
|
+
* element's background layer — it paints under the element's own descendants.
|
|
511
|
+
* That is invisible on a well holding text (a checkbox, a code block: the
|
|
512
|
+
* chrome runs around the content) and wrong the moment something paints the
|
|
513
|
+
* whole box. Meter, Progress and the Slider track all do exactly that: an
|
|
514
|
+
* opaque child, `translateX`-ed to the value. So the well survived only where
|
|
515
|
+
* the track was EMPTY — a half-full meter on bevel had a chisel to the right
|
|
516
|
+
* of the value and none to the left, which reads as a hole with a sticker
|
|
517
|
+
* over it rather than a level inside a well.
|
|
518
|
+
*
|
|
519
|
+
* The fix is painting order, not geometry: the same `--era-shadow-well` on a
|
|
520
|
+
* pseudo-element that is the element's LAST child, so it lands above the fill.
|
|
521
|
+
* The fill still spans the full box — nothing is inset, no radius is
|
|
522
|
+
* re-derived, and 0% and 100% keep their exact ends. The `position: relative`
|
|
523
|
+
* is load-bearing (the overlay resolves against this box) and `inherit` on the
|
|
524
|
+
* radius keeps it honest under `data-corners="square"`.
|
|
525
|
+
*
|
|
526
|
+
* Surface-agnostic on purpose. It reads the same token every well reads, so
|
|
527
|
+
* glass's hairline rim is restored by the same line that restores bevel's
|
|
528
|
+
* chisel, and flat — where the token is `none` — renders exactly as before.
|
|
529
|
+
* Reported against bevel by a consumer; it was never a bevel bug.
|
|
530
|
+
*
|
|
531
|
+
* @use instead of `shadow-well` on a track whose value is painted by a child
|
|
532
|
+
* that covers the box — a progress/meter/slider track, a custom gauge. For a
|
|
533
|
+
* well holding ordinary content, `shadow-well` is still right. */
|
|
534
|
+
@utility era-track-well {
|
|
535
|
+
position: relative;
|
|
536
|
+
&::after {
|
|
537
|
+
content: '';
|
|
538
|
+
position: absolute;
|
|
539
|
+
inset: 0;
|
|
540
|
+
border-radius: inherit;
|
|
541
|
+
box-shadow: var(--era-shadow-well);
|
|
542
|
+
pointer-events: none;
|
|
543
|
+
}
|
|
544
|
+
}
|
|
545
|
+
|
|
498
546
|
/* Skeleton's pulse, on the MOTION AXIS.
|
|
499
547
|
*
|
|
500
548
|
* It used to be a literal `2s ease-in-out` on the component, so it neither died
|
|
@@ -68,9 +68,12 @@
|
|
|
68
68
|
{max}
|
|
69
69
|
data-tone={tone}
|
|
70
70
|
class={cn(
|
|
71
|
-
// bg-field, not bg-elevated: the track is recessed (
|
|
71
|
+
// bg-field, not bg-elevated: the track is recessed (era-track-well), so it
|
|
72
72
|
// wears the recessed tier. See Checkbox for the full version of this note.
|
|
73
|
-
|
|
73
|
+
// era-track-well, not shadow-well: the fill below covers the whole box,
|
|
74
|
+
// and an inset shadow paints under its own descendants — so the plain
|
|
75
|
+
// well survived only on the empty side of the value.
|
|
76
|
+
'era-track-well h-(--era-sp) w-full overflow-hidden rounded-control bg-field',
|
|
74
77
|
className
|
|
75
78
|
)}
|
|
76
79
|
{...restProps}
|
|
@@ -21,10 +21,12 @@
|
|
|
21
21
|
{max}
|
|
22
22
|
class={cn(
|
|
23
23
|
// bg-field, not bg-elevated: a progress TRACK is recessed (it takes
|
|
24
|
-
//
|
|
24
|
+
// era-track-well) and the recessed tier's fill is --era-field-bg. Same
|
|
25
25
|
// category error Checkbox had, invisible while flat's elevated fill was an
|
|
26
26
|
// alias of the surface and visible the moment it became a tone step.
|
|
27
|
-
|
|
27
|
+
// era-track-well, not shadow-well: the bar below paints over the whole
|
|
28
|
+
// box, and an inset shadow paints beneath its own descendants.
|
|
29
|
+
'era-track-well h-(--era-sp) w-full overflow-hidden rounded-control bg-field',
|
|
28
30
|
className
|
|
29
31
|
)}
|
|
30
32
|
{...restProps}
|
|
@@ -25,9 +25,12 @@
|
|
|
25
25
|
|
|
26
26
|
<span
|
|
27
27
|
class={cn(
|
|
28
|
-
// bg-field, not bg-elevated: a slider track is recessed (
|
|
29
|
-
// belongs on the recessed tier. See Checkbox for the full version.
|
|
30
|
-
|
|
28
|
+
// bg-field, not bg-elevated: a slider track is recessed (era-track-well)
|
|
29
|
+
// and belongs on the recessed tier. See Checkbox for the full version.
|
|
30
|
+
// era-track-well, not shadow-well: Slider.Range and the buffered span
|
|
31
|
+
// both paint over the box, and an inset shadow paints beneath its own
|
|
32
|
+
// descendants — the well only survived past the end of the range.
|
|
33
|
+
'era-track-well relative h-[calc(var(--era-sp)/2)] w-full grow cursor-pointer overflow-hidden rounded-control bg-field',
|
|
31
34
|
trackClass
|
|
32
35
|
)}
|
|
33
36
|
>
|