@signal9/era-ui 4.5.0 → 4.6.0

package/dist/ai/conversations/conversations-item.svelte

@@ -136,10 +136,18 @@
 		// rd-md − rd-xxs = xxs-inset-md (3/5/7), which its vertical gap already is
 		// via items-center. pl stays inset-md so the leading glyph + title align
 		// with the group heading (a bare glyph has no corner to nest).
-		'group/row relative flex h-(--era-h-md) items-center gap-(--era-gap) rounded-(--era-rd-md) pr-(--era-xxs-inset-md) pl-(--era-inset-md) text-body transition-colors duration-(--era-duration) ease-(--era-ease)',
+		//
+		// No transition on the highlight, and that is the house rule rather than an
+		// omission: every list item in the library — select, dropdown, context menu,
+		// command — takes its highlight instantly, because a row you are scanning
+		// with the pointer or the arrow keys has to keep up with you. A fade turns
+		// a fast pass down the list into a smear of half-lit rows. This row was the
+		// only one that animated. It also picks up the material half of the
+		// highlight the others carry, so hover reads on bevel and glass too.
+		'group/row relative flex h-(--era-h-md) items-center gap-(--era-gap) rounded-(--era-rd-md) pr-(--era-xxs-inset-md) pl-(--era-inset-md) text-body',
 		active
 			? 'bg-hover text-bright'
-			: 'text-fg hover:bg-(--era-highlight) has-[[data-rail]:hover]:bg-transparent',
+			: 'text-fg hover:bg-(--era-highlight) hover:shadow-(--era-highlight-shadow) has-[[data-rail]:hover]:bg-transparent has-[[data-rail]:hover]:shadow-none',
 		className
 	)}
 	onmouseleave={disarm}
@@ -191,7 +199,7 @@
 	     button, which should keep the row highlighted. -->
 	<div
 		data-rail
-		class="flex shrink-0 items-center gap-(--era-gap) opacity-0 transition-opacity duration-(--era-duration) ease-(--era-ease) group-hover/row:opacity-100 focus-within:opacity-100"
+		class="flex shrink-0 items-center gap-(--era-gap) opacity-0 group-hover/row:opacity-100 focus-within:opacity-100"
 	>
 		<Button
 			icon

package/dist/dev/audit/audits/clipped-glyphs.d.ts

@@ -0,0 +1,2 @@
+import type { Audit } from '../types.js';
+export declare const clippedGlyphs: Audit;

package/dist/dev/audit/audits/clipped-glyphs.js

@@ -0,0 +1,53 @@
+/*
+ * Text clipped by its own line box — the sliced-descender bug.
+ *
+ * Where collapsed-text-trim hunts the trim-specific version of this, this audit
+ * hunts the general one: ANY element that clips its overflow while its box is
+ * shorter than the ink its font actually paints. The usual cause is a
+ * `leading-none` (or an INHERITED `line-height: 1` from a trimmed row) landing
+ * on a `truncate`/overflow-hidden child that has no height of its own. The box
+ * settles at 1em; the font's ascent+descent is ~1.15-1.2em; overflow clips both
+ * axes, so the hook of a "g" and the tail of a "y" get sliced at the edge.
+ *
+ * The class-string tells you nothing here — `truncate text-body` looks right and
+ * only misbehaves under an inherited line-height — so the rendered box is the
+ * only witness. era's `truncate` utility sets `line-height: normal` for exactly
+ * this reason; this check catches the hand-rolled cases that bypass it.
+ *
+ * Only leaf text elements are examined: a clipping WRAPPER is allowed to be
+ * short, its text-bearing child is the thing that must have room.
+ */
+/* Ratio of ink extent (ascent + descent) to font-size for the fonts era ships.
+ * A box at least this tall cannot clip its own glyphs; below it, it can. */
+const INK_RATIO = 1.15;
+export const clippedGlyphs = {
+    id: 'typography/clipped-glyphs',
+    name: 'Clipping text box is taller than its ink',
+    description: 'An element that clips its overflow must be at least as tall as its font paints (~1.15em), or leading-none slices the ascenders and descenders off its own text.',
+    category: 'layout',
+    severity: 'error',
+    selector: '*',
+    check(el) {
+        if (el.childElementCount > 0)
+            return null;
+        const text = el.textContent?.trim();
+        if (!text)
+            return null;
+        const s = getComputedStyle(el);
+        if (!/hidden|clip|auto|scroll/.test(s.overflowX + s.overflowY))
+            return null;
+        const fontSize = parseFloat(s.fontSize) || 14;
+        const h = el.getBoundingClientRect().height;
+        if (h === 0)
+            return null;
+        if (h >= fontSize * INK_RATIO)
+            return null;
+        const issue = {
+            auditId: 'typography/clipped-glyphs',
+            element: el,
+            message: `clipping box is ${h.toFixed(1)}px tall for ${fontSize}px text — it needs ~${(fontSize * INK_RATIO).toFixed(1)}px, so the descenders are sliced off ("g" loses its hook). line-height is ${s.lineHeight}; give the clipping element line-height: normal (era's truncate does) or move the clip to a taller row.`,
+            details: { height: h, fontSize, lineHeight: s.lineHeight, text: text.slice(0, 40) }
+        };
+        return issue;
+    }
+};

package/dist/dev/audit/audits/index.d.ts

@@ -1,3 +1,4 @@
+import { clippedGlyphs } from './clipped-glyphs.js';
 import { collapsedTextTrim } from './collapsed-text-trim.js';
 import { concentricInset } from './concentric-inset.js';
 import { flatChrome } from './flat-chrome.js';
@@ -9,4 +10,4 @@ import { restingGap } from './resting-gap.js';
 import { singleGlyphSquare } from './single-glyph-square.js';
 import { uniformSiblingGaps } from './uniform-sibling-gaps.js';
 import { wallMatchesGap } from './wall-matches-gap.js';
-export { collapsedTextTrim, concentricInset, flatChrome, iconFlush, offAxisMotion, offTierHeight, radiusConcentricity, restingGap, singleGlyphSquare, uniformSiblingGaps, wallMatchesGap };
+export { clippedGlyphs, collapsedTextTrim, concentricInset, flatChrome, iconFlush, offAxisMotion, offTierHeight, radiusConcentricity, restingGap, singleGlyphSquare, uniformSiblingGaps, wallMatchesGap };

package/dist/dev/audit/audits/index.js

@@ -1,4 +1,5 @@
 import { registry } from '../registry.js';
+import { clippedGlyphs } from './clipped-glyphs.js';
 import { collapsedTextTrim } from './collapsed-text-trim.js';
 import { concentricInset } from './concentric-inset.js';
 import { flatChrome } from './flat-chrome.js';
@@ -10,7 +11,7 @@ import { restingGap } from './resting-gap.js';
 import { singleGlyphSquare } from './single-glyph-square.js';
 import { uniformSiblingGaps } from './uniform-sibling-gaps.js';
 import { wallMatchesGap } from './wall-matches-gap.js';
-export { collapsedTextTrim, concentricInset, flatChrome, iconFlush, offAxisMotion, offTierHeight, radiusConcentricity, restingGap, singleGlyphSquare, uniformSiblingGaps, wallMatchesGap };
+export { clippedGlyphs, collapsedTextTrim, concentricInset, flatChrome, iconFlush, offAxisMotion, offTierHeight, radiusConcentricity, restingGap, singleGlyphSquare, uniformSiblingGaps, wallMatchesGap };
 // Auto-register built-ins. Consumers can still unregister or add their own.
 //
 // Two of these only tell the truth on a particular axis setting, because the bug
@@ -19,6 +20,7 @@ export { collapsedTextTrim, concentricInset, flatChrome, iconFlush, offAxisMotio
 //     hardcoded duration-150 coincidentally matches the token and hides).
 //   - surface/flat-chrome    → run on a non-flat surface (on flat the shadow
 //     tokens legitimately resolve to `none`, so there is nothing to assert).
+registry.register(clippedGlyphs);
 registry.register(collapsedTextTrim);
 registry.register(concentricInset);
 registry.register(flatChrome);

package/dist/era-ui.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--era-roundness-scale:1}*,: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-space-y-reverse:0;--tw-border-style:solid;--tw-leading: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}}}.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-\(--era-xs-inset-sm\){inset:var(--era-xs-inset-sm)}.inset-x-\(--era-gap\){inset-inline:var(--era-gap)}.inset-x-\(--era-xs-inset-sm\){inset-inline:var(--era-xs-inset-sm)}.inset-y-\(--era-panel-inset\){inset-block:var(--era-panel-inset)}.-top-\(--era-gap\){top:calc(var(--era-gap) * -1)}.top-\(--era-gap\){top:var(--era-gap)}.top-\(--era-pad-md\){top:var(--era-pad-md)}.top-1\/2{top:50%}.top-\[calc\(var\(--era-inset-md\)\+\(var\(--era-text\)\*1\.625-var\(--era-h-sm\)\)\/2\)\]{top:calc(var(--era-inset-md) + (var(--era-text) * 1.625 - var(--era-h-sm)) / 2)}.top-full{top:100%}.-right-\(--era-gap\){right:calc(var(--era-gap) * -1)}.right-\(--era-gap\){right:var(--era-gap)}.right-\(--era-pad-md\){right:var(--era-pad-md)}.right-\[calc\(var\(--era-inset-md\)\+\(var\(--era-text\)\*1\.625-var\(--era-h-sm\)\)\/2\)\]{right:calc(var(--era-inset-md) + (var(--era-text) * 1.625 - var(--era-h-sm)) / 2)}.bottom-\(--era-gap\){bottom:var(--era-gap)}.bottom-\(--era-h-lg\){bottom:var(--era-h-lg)}.bottom-\(--era-pad-sm\){bottom:var(--era-pad-sm)}.bottom-\[calc\(100\%\+\(var\(--era-h-lg\)-var\(--era-h-sm\)\)\/2\+var\(--era-gap\)\)\]{bottom:calc(100% + (var(--era-h-lg) - var(--era-h-sm)) / 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%}.left-\(--era-pad-md\){left:var(--era-pad-md)}.left-\(--era-panel-inset\){left:var(--era-panel-inset)}.left-\(--era-video-hover-pct\){left:var(--era-video-hover-pct)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[55\]{z-index:55}.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%}.mx-\(--era-gap\){margin-inline:var(--era-gap)}.mx-\[0\.45em\]{margin-inline:.45em}.mx-auto{margin-inline:auto}.my-\(--era-gap\){margin-block:var(--era-gap)}.my-\[calc\(var\(--era-gap\)\/2\)\]{margin-block:calc(var(--era-gap) / 2)}.ms-auto{margin-inline-start:auto}.-mt-px{margin-top:-1px}.mt-\(--era-content-p\){margin-top:var(--era-content-p)}.mt-\(--era-gap\){margin-top:var(--era-gap)}.mt-\(--era-inset-sm\){margin-top:var(--era-inset-sm)}.mt-\(--era-pad-lg\){margin-top:var(--era-pad-lg)}.mt-\(--era-pad-md\){margin-top:var(--era-pad-md)}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.-mr-\(--era-inset-xxs\){margin-right:calc(var(--era-inset-xxs) * -1)}.mr-\(--era-gap\){margin-right:var(--era-gap)}.mr-auto{margin-right:auto}.mb-\(--era-gap\){margin-bottom:var(--era-gap)}.mb-\(--era-pad-md\){margin-bottom:var(--era-pad-md)}.-ml-\(--era-inset-xxs\){margin-left:calc(var(--era-inset-xxs) * -1)}.ml-\(--era-gap\){margin-left:var(--era-gap)}.ml-auto{margin-left:auto}.ml-px{margin-left:1px}.scrollbar-none::-webkit-scrollbar{display:none}.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-gap\){width:var(--era-gap);height:var(--era-gap)}.size-\(--era-h-lg\){width:var(--era-h-lg);height:var(--era-h-lg)}.size-\(--era-h-md\){width:var(--era-h-md);height:var(--era-h-md)}.size-\(--era-h-sm\){width:var(--era-h-sm);height:var(--era-h-sm)}.size-\(--era-h-xs\){width:var(--era-h-xs);height:var(--era-h-xs)}.size-\(--era-h-xxs\){width:var(--era-h-xxs);height:var(--era-h-xxs)}.size-\(--era-icon-xxs\){width:var(--era-icon-xxs);height:var(--era-icon-xxs)}.size-\(--era-x\){width:var(--era-x);height:var(--era-x)}.size-1\/2{width:50%;height:50%}.size-\[calc\(var\(--era-h-xs\)\*0\.75\)\]{width:calc(var(--era-h-xs) * .75);height:calc(var(--era-h-xs) * .75)}.size-full{width:100%;height:100%}.size-lg{width:var(--era-h-lg);height:var(--era-h-lg)}.size-md{width:var(--era-h-md);height:var(--era-h-md)}.size-sm{width:var(--era-h-sm);height:var(--era-h-sm)}.size-xs{width:var(--era-h-xs);height:var(--era-h-xs)}.size-xxs{width:var(--era-h-xxs);height:var(--era-h-xxs)}.h-\(--era-h-lg\){height:var(--era-h-lg)}.h-\(--era-h-md\){height:var(--era-h-md)}.h-\(--era-h-sm\){height:var(--era-h-sm)}.h-\(--era-h-xs\){height:var(--era-h-xs)}.h-\(--era-h-xxs\){height:var(--era-h-xxs)}.h-\(--era-sp\){height:var(--era-sp)}.h-\(--era-text\){height:var(--era-text)}.h-\(--era-x\){height:var(--era-x)}.h-\[0\.9em\]{height:.9em}.h-\[21px\]{height:21px}.h-\[calc\(var\(--era-h-lg\)\*3\)\]{height:calc(var(--era-h-lg) * 3)}.h-\[calc\(var\(--era-sp\)\/2\)\]{height:calc(var(--era-sp) / 2)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-lg{height:var(--era-h-lg)}.h-md{height:var(--era-h-md)}.h-px{height:1px}.h-screen{height:100vh}.h-sm{height:var(--era-h-sm)}.h-xs{height:var(--era-h-xs)}.h-xxs{height:var(--era-h-xxs)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[calc\(var\(--era-h-md\)\*8\)\]{max-height:calc(var(--era-h-md) * 8)}.max-h-none{max-height:none}.min-h-\(--era-h-lg\){min-height:var(--era-h-lg)}.min-h-\(--era-h-md\){min-height:var(--era-h-md)}.min-h-lg{min-height:var(--era-h-lg)}.min-h-md{min-height:var(--era-h-md)}.min-h-screen{min-height:100vh}.min-h-sm{min-height:var(--era-h-sm)}.min-h-xs{min-height:var(--era-h-xs)}.min-h-xxs{min-height:var(--era-h-xxs)}.w-\(--era-h-md\){width:var(--era-h-md)}.w-\(--era-h-xs\){width:var(--era-h-xs)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-\[2px\]{width:2px}.w-\[calc\(var\(--era-h-md\)\*3\)\]{width:calc(var(--era-h-md) * 3)}.w-\[calc\(var\(--era-h-sm\)\+var\(--era-h-xs\)\)\]{width:calc(var(--era-h-sm) + var(--era-h-xs))}.w-\[min\(20rem\,85vw\)\]{width:min(20rem,85vw)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\[40\%\]{max-width:40%}.max-w-\[92ch\]{max-width:92ch}.max-w-full{max-width:100%}.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-md\){min-width:var(--era-h-md)}.min-w-\(--era-h-sm\){min-width:var(--era-h-sm)}.min-w-\(--era-h-xs\){min-width:var(--era-h-xs)}.min-w-\(--era-h-xxs\){min-width:var(--era-h-xxs)}.min-w-\(--era-h-…\){min-width:var(--era-h-…)}.min-w-\[18rem\]{min-width:18rem}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.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-xs\)\/2\)\]{--tw-translate-x:calc(calc(var(--era-h-xs) / 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-\[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-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-\[skeleton-pulse_2s_ease-in-out_infinite\]{animation:2s ease-in-out infinite skeleton-pulse}.animate-\[…\]{animation:…}.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-\[repeat\(auto-fill\,minmax\(19rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(19rem,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}.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-content-p\){gap:var(--era-content-p)}.gap-\(--era-gap\){gap:var(--era-gap)}.gap-\(--era-inset-md\){gap:var(--era-inset-md)}.gap-\(--era-inset-sm\){gap:var(--era-inset-sm)}.gap-\(--era-inset-xxs\){gap:var(--era-inset-xxs)}.gap-\(--era-pad-lg\){gap:var(--era-pad-lg)}.gap-\(--era-pad-md\){gap:var(--era-pad-md)}.gap-\(--era-pad-sm\){gap:var(--era-pad-sm)}.gap-\(--era-sp\){gap:var(--era-sp)}.gap-\(--era-xs-inset-md\){gap:var(--era-xs-inset-md)}.gap-\(--era-xs-inset-sm\){gap:var(--era-xs-inset-sm)}.gap-\(--era-xs-inset-xxs\){gap:var(--era-xs-inset-xxs)}.gap-\(--era-xxs-inset-md\){gap:var(--era-xxs-inset-md)}.gap-\(--t-inset-md\){gap:var(--t-inset-md)}.gap-\[calc\(var\(--era-gap\)\*2\)\]{gap:calc(var(--era-gap) * 2)}.gap-gutter{gap:var(--era-gap)}:where(.space-y-\(--era-gap\)>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--era-gap) * var(--tw-space-y-reverse));margin-block-end:calc(var(--era-gap) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-\(--era-content-p\){column-gap:var(--era-content-p)}.gap-x-\(--era-inset-md\){column-gap:var(--era-inset-md)}.gap-x-\(--era-inset-sm\){column-gap:var(--era-inset-sm)}.gap-y-\(--era-gap\){row-gap:var(--era-gap)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.justify-self-center{justify-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;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-lg\)\+var\(--era-gap\)\)\]{border-radius:calc(var(--era-rd-lg) + var(--era-gap))}.rounded-\(--era-item-rd\){border-radius:var(--era-item-rd)}.rounded-\(--era-rd-lg\){border-radius:var(--era-rd-lg)}.rounded-\(--era-rd-md\){border-radius:var(--era-rd-md)}.rounded-\(--era-rd-sm\){border-radius:var(--era-rd-sm)}.rounded-\(--era-rd-xs\){border-radius:var(--era-rd-xs)}.rounded-\(--era-rd-xxs\){border-radius:var(--era-rd-xxs)}.rounded-\(--era-x\){border-radius:var(--era-x)}.rounded-full{border-radius:3.40282e38px}.rounded-item{border-radius:var(--era-item-rd)}.rounded-lg{border-radius:var(--era-rd-lg)}.rounded-md{border-radius:var(--era-rd-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--era-rd-sm)}.rounded-xs{border-radius:var(--era-rd-xs)}.rounded-xxs{border-radius:var(--era-rd-xxs)}.rounded-t-\(--era-rd-lg\){border-top-left-radius:var(--era-rd-lg);border-top-right-radius:var(--era-rd-lg)}.rounded-t-\(--era-rd-md\){border-top-left-radius:var(--era-rd-md);border-top-right-radius:var(--era-rd-md)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\(--era-rd-lg\){border-top-left-radius:var(--era-rd-lg);border-bottom-left-radius:var(--era-rd-lg)}.rounded-r-\(--era-rd-lg\){border-top-right-radius:var(--era-rd-lg);border-bottom-right-radius:var(--era-rd-lg)}.rounded-b-\(--era-rd-lg\){border-bottom-right-radius:var(--era-rd-lg);border-bottom-left-radius:var(--era-rd-lg)}.rounded-b-\(--era-rd-sm\){border-bottom-right-radius:var(--era-rd-sm);border-bottom-left-radius:var(--era-rd-sm)}.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\:--era-border-color\),.border-\[color\:var\(--era-border-color\)\]{border-color:var(--era-border-color)}.border-border{border-color:var(--color-border)}.border-destructive{border-color:var(--color-destructive)}.border-divider{border-color:var(--era-divider-color)}.border-divider-faded{border-color:var(--era-divider-faded)}.border-primary{border-color:var(--color-primary)}.border-warning{border-color:var(--color-warning)}.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-field-bg\){background-color:var(--era-field-bg)}.bg-\(--era-highlight\){background-color:var(--era-highlight)}.bg-\(--era-overlay-bg\){background-color:var(--era-overlay-bg)}.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-\[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-surface-bg\)\]{background-color:var(--era-surface-bg)}.bg-\[var\(--era-x\)\]{background-color:var(--era-x)}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--color-destructive)}.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-highlight{background-color:var(--era-highlight)}.bg-hover{background-color:var(--color-hover)}.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-success{background-color:var(--color-success)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-well{background-color:var(--era-surface-bg)}.\[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-current{fill:currentColor}.fill-warning{fill:var(--color-warning)}.object-cover{object-fit:cover}.p-\(--era-content-p\){padding:var(--era-content-p)}.p-\(--era-gap\){padding:var(--era-gap)}.p-\(--era-inset-md\){padding:var(--era-inset-md)}.p-\(--era-inset-sm\){padding:var(--era-inset-sm)}.p-\(--era-pad-lg\){padding:var(--era-pad-lg)}.p-\(--era-pad-md\){padding:var(--era-pad-md)}.p-\(--era-pad-sm\){padding:var(--era-pad-sm)}.p-\(--era-panel-inset\){padding:var(--era-panel-inset)}.p-\(--era-px-lg\){padding:var(--era-px-lg)}.p-\(--era-xs-inset-sm\){padding:var(--era-xs-inset-sm)}.p-card{padding:var(--era-pad-md)}.p-content{padding:var(--era-content-p)}.p-gutter{padding:var(--era-gap)}.p-inset-md{padding:var(--era-inset-md)}.p-inset-sm{padding:var(--era-inset-sm)}.p-inset-xxs{padding:var(--era-inset-xxs)}.p-menu{padding:var(--era-panel-inset)}.p-panel{padding:var(--era-pad-sm)}.p-px{padding:1px}.px-\(--era-field-px\){padding-inline:var(--era-field-px)}.px-\(--era-inset-md\){padding-inline:var(--era-inset-md)}.px-\(--era-inset-sm\){padding-inline:var(--era-inset-sm)}.px-\(--era-inset-xxs\){padding-inline:var(--era-inset-xxs)}.px-\(--era-pad-lg\){padding-inline:var(--era-pad-lg)}.px-\(--era-pad-md\){padding-inline:var(--era-pad-md)}.px-\(--era-pad-sm\){padding-inline:var(--era-pad-sm)}.px-\(--era-pill-sm\){padding-inline:var(--era-pill-sm)}.px-\(--era-pill-xxs\){padding-inline:var(--era-pill-xxs)}.px-\(--era-px-lg\){padding-inline:var(--era-px-lg)}.px-\(--era-px-sm\){padding-inline:var(--era-px-sm)}.px-\(--era-sp\){padding-inline:var(--era-sp)}.px-\(--era-x\){padding-inline:var(--era-x)}.px-\(--era-xs-inset-sm\){padding-inline:var(--era-xs-inset-sm)}.px-\(--era-xxs-inset-md\){padding-inline:var(--era-xxs-inset-md)}.px-\[calc\(var\(--era-sp\)\/2\)\]{padding-inline:calc(var(--era-sp) / 2)}.px-field{padding-inline:var(--era-field-px)}.px-gutter{padding-inline:var(--era-gap)}.px-inset-md{padding-inline:var(--era-inset-md)}.px-inset-sm{padding-inline:var(--era-inset-sm)}.px-inset-xxs{padding-inline:var(--era-inset-xxs)}.px-lg{padding-inline:var(--era-px-lg)}.px-md{padding-inline:var(--era-px-md)}.px-pill-sm{padding-inline:var(--era-pill-sm)}.px-pill-xxs{padding-inline:var(--era-pill-xxs)}.px-sm{padding-inline:var(--era-px-sm)}.py-\(--era-gap\){padding-block:var(--era-gap)}.py-\(--era-inset-md\){padding-block:var(--era-inset-md)}.py-\(--era-inset-sm\){padding-block:var(--era-inset-sm)}.py-\(--era-inset-xxs\){padding-block:var(--era-inset-xxs)}.py-\(--era-pad-lg\){padding-block:var(--era-pad-lg)}.py-\[calc\(\(var\(--era-h-md\)-1lh\)\/2\)\]{padding-block:calc((var(--era-h-md) - 1lh) / 2)}.py-\[calc\(var\(--era-pad-lg\)\*2\)\]{padding-block:calc(var(--era-pad-lg) * 2)}.py-\[calc\(var\(--era-sp\)\*4\)\]{padding-block:calc(var(--era-sp) * 4)}.py-gutter{padding-block:var(--era-gap)}.py-inset-md{padding-block:var(--era-inset-md)}.py-inset-sm{padding-block:var(--era-inset-sm)}.py-inset-xxs{padding-block:var(--era-inset-xxs)}.py-px{padding-block:1px}.ps-\(--era-field-px\){padding-inline-start:var(--era-field-px)}.ps-\(--era-gap\){padding-inline-start:var(--era-gap)}.ps-\(--era-pad-sm\){padding-inline-start:var(--era-pad-sm)}.pe-\(--era-sm-inset-md\){padding-inline-end:var(--era-sm-inset-md)}.pt-\(--era-content-p\){padding-top:var(--era-content-p)}.pt-\(--era-gap\){padding-top:var(--era-gap)}.pt-\(--era-inset-sm\){padding-top:var(--era-inset-sm)}.pt-\(--era-pad-lg\){padding-top:var(--era-pad-lg)}.pr-\(--era-pad-sm\){padding-right:var(--era-pad-sm)}.pr-\(--era-pill-sm\){padding-right:var(--era-pill-sm)}.pr-\(--era-pill-xxs\){padding-right:var(--era-pill-xxs)}.pr-\(--era-xs-inset-sm\){padding-right:var(--era-xs-inset-sm)}.pr-\(--era-xs-inset-xxs\){padding-right:var(--era-xs-inset-xxs)}.pr-\(--era-xxs-inset-md\){padding-right:var(--era-xxs-inset-md)}.pr-\[calc\(var\(--era-inset-md\)\+var\(--era-h-sm\)\+var\(--era-inset-md\)\)\]{padding-right:calc(var(--era-inset-md) + var(--era-h-sm) + var(--era-inset-md))}.pb-\(--era-gap\){padding-bottom:var(--era-gap)}.pb-\(--era-inset-sm\){padding-bottom:var(--era-inset-sm)}.pb-\(--era-pad-lg\){padding-bottom:var(--era-pad-lg)}.pb-\(--era-pad-md\){padding-bottom:var(--era-pad-md)}.pb-\(--era-sp\){padding-bottom:var(--era-sp)}.pl-\(--era-gap\){padding-left:var(--era-gap)}.pl-\(--era-inset-md\){padding-left:var(--era-inset-md)}.pl-\(--era-pill-sm\){padding-left:var(--era-pill-sm)}.pl-\(--era-pill-xxs\){padding-left:var(--era-pill-xxs)}.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}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[length\:calc\(var\(--era-text\)\*2\)\]{font-size:calc(var(--era-text) * 2)}.text-body{font-size:var(--era-text)}.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-lg\){--tw-leading:var(--era-h-lg);line-height:var(--era-h-lg)}.leading-\(--era-h-md\){--tw-leading:var(--era-h-md);line-height:var(--era-h-md)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-none{--tw-leading:1;line-height:1}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.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;-webkit-text-decoration-color:var(--color-muted);-webkit-text-decoration-color:var(--color-muted);text-decoration-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.era-link{-webkit-text-decoration-color:color-mix(in oklch, var(--color-muted) 30%, transparent);-webkit-text-decoration-color:color-mix(in oklch, var(--color-muted) 30%, transparent);text-decoration-color:color-mix(in oklch, var(--color-muted) 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{-webkit-text-decoration-color:var(--color-fg);-webkit-text-decoration-color:var(--color-fg);text-decoration-color:var(--color-fg)}.text-\(--color-destructive\){color:var(--color-destructive)}.text-bright{color:var(--color-bright)}.text-destructive{color:var(--color-destructive)}.text-destructive-fg{color:var(--color-destructive-fg)}.text-fg{color:var(--color-fg)}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.text-primary-fg{color:var(--color-primary-fg)}.text-success{color:var(--color-success)}.text-success-fg{color:var(--color-success-fg)}.text-transparent{color:#0000}.text-warning{color:var(--color-warning)}.text-warning-fg{color:var(--color-warning-fg)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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}.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-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,.shadow\/shadow-lg{--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\:inset_0_-1px_0_var\(--color-divider-faded\)\]{box-shadow:inset 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-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-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-primary\/70{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/70{outline-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}}.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-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,)}.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-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-base{transition-duration:var(--era-duration)}.ease-\(--era-ease\),.ease-base{--tw-ease:var(--era-ease);transition-timing-function:var(--era-ease)}.will-change-transform{will-change:transform}.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}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[text-box\:normal\]{text-box:normal}@media (hover:hover){.group-hover\:flex:is(:where(.group):hover *){display:flex}.group-hover\:hidden:is(:where(.group):hover *){display:none}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/att\:opacity-100:is(:where(.group\/att):hover *),.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}}.group-data-\[role\=user\]\:max-w-\[80\%\]:is(:where(.group)[data-role=user] *){max-width:80%}.group-data-\[role\=user\]\:rounded-\(--era-rd-md\):is(:where(.group)[data-role=user] *){border-radius:var(--era-rd-md)}.group-data-\[role\=user\]\:bg-\(--era-surface-bg-elevated\):is(:where(.group)[data-role=user] *){background-color:var(--era-surface-bg-elevated)}.group-data-\[role\=user\]\:p-\(--era-pad-sm\):is(:where(.group)[data-role=user] *){padding:var(--era-pad-sm)}.group-data-\[role\=user\]\:whitespace-pre-wrap:is(:where(.group)[data-role=user] *){white-space:pre-wrap}.group-data-\[role\=user\]\:shadow-\(--era-shadow\):is(:where(.group)[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\]\:bg-fg:is(:where(.group)[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}.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\:-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-\(--era-rd-md\):first-child{border-top-left-radius:var(--era-rd-md);border-bottom-left-radius:var(--era-rd-md)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:rounded-r-\(--era-rd-md\):last-child{border-top-right-radius:var(--era-rd-md);border-bottom-right-radius:var(--era-rd-md)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:bg-\(--era-field-highlight\):focus-within{background-color:var(--era-field-highlight)}.focus-within\:bg-\(--era-highlight\):focus-within{background-color:var(--era-highlight)}.focus-within\:opacity-100:focus-within{opacity:1}.focus-within\:shadow-\(--era-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\: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-field-bg\):hover{background-color:var(--era-field-bg)}.hover\:bg-\(--era-field-highlight\):hover{background-color:var(--era-field-highlight)}.hover\:bg-\(--era-highlight\):hover{background-color:var(--era-highlight)}.hover\:bg-destructive:hover{background-color:var(--color-destructive)}.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-\(--era-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\: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)}}.focus\:bg-\(--era-field-highlight\):focus{background-color:var(--era-field-highlight)}.focus\:bg-\(--era-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-\(--era-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-\(--era-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{--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-\[button\:hover\]\:bg-\(--era-field-bg\):has(:is(button:hover)){background-color:var(--era-field-bg)}.has-\[button\:hover\]\:bg-\(--era-surface-bg-elevated\):has(:is(button:hover)){background-color:var(--era-surface-bg-elevated)}.has-\[svg\]\:gap-\(--era-inset-md\):has(:is(svg)){gap:var(--era-inset-md)}.has-\[svg\]\:gap-\(--era-inset-sm\):has(:is(svg)){gap:var(--era-inset-sm)}.has-\[svg\]\:gap-\(--era-inset-xxs\):has(:is(svg)){gap:var(--era-inset-xxs)}.aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-\[valuetext\=Empty\]\:text-muted[aria-valuetext=Empty]{color:var(--color-muted)}.data-\[active\]\:scale-\[0\.96\][data-active]{scale:.96}.data-\[active\]\:bg-\(--era-highlight\)[data-active]{background-color:var(--era-highlight)}.data-\[active\]\:text-fg[data-active]{color:var(--color-fg)}.data-\[bounded\]\:bg-\(--era-surface-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-\(--era-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]{background-color:var(--era-highlight)}.data-\[highlighted\]\:bg-hover[data-highlighted]{background-color:var(--color-hover)}.data-\[highlighted\]\:shadow-\(--era-highlight-shadow\)[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-\[neodrag-state\=dragging\]\:\[will-change\:translate\][data-neodrag-state=dragging]{will-change:translate}.data-\[orientation\=horizontal\]\:mx-\(--era-gap\)[data-orientation=horizontal]{margin-inline:var(--era-gap)}.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-\(--era-gap\)[data-orientation=vertical]{margin-block:var(--era-gap)}.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-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-xs\)\/2\)\][data-state=checked]{--tw-translate-x:calc(var(--era-h-xs) / 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-hover[data-state=on]{background-color:var(--color-hover)}.data-\[state\=on\]\:text-bright[data-state=on]{color:var(--color-bright)}.data-\[state\=on\]\:shadow-\(--era-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)}.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\]\:shadow-\(--era-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-color-scheme:dark){.dark\:scheme-only-dark{color-scheme:dark only}.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-\(--era-h-xs\) svg{width:var(--era-h-xs);height:var(--era-h-xs)}.\[\&_svg\]\:size-\(--era-icon-xs\) svg{width:var(--era-icon-xs);height:var(--era-icon-xs)}.\[\&_svg\]\:size-\(--era-icon-xxs\) svg{width:var(--era-icon-xxs);height:var(--era-icon-xxs)}.\[\&\: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-\(--era-rd-md\):has(+:not([data-pin-input-cell])){border-top-right-radius:var(--era-rd-md);border-bottom-right-radius:var(--era-rd-md)}.\[\&\>\*\]\: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-\(--era-gap\)>:not(:first-child):not([data-chips-cursor]){padding-left:var(--era-gap)}@media (hover:hover){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\]\:hover\:bg-\(--era-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-\(--era-rd-sm\){border-radius:var(--era-rd-sm)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-\(--era-surface-bg-elevated\){background-color:var(--era-surface-bg-elevated)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-hover{background-color:var(--color-hover)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:px-\(--era-inset-sm\){padding-inline:var(--era-inset-sm)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:text-bright{color:var(--color-bright)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\: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)}:root{background-color:var(--color-1);color:var(--color-fg)}:root,.dark{color-scheme:dark;--color-1:oklch(16.2% 0 0);--color-2:oklch(19.5% 0 0);--color-3:oklch(25.4% 0 0);--color-4:oklch(30.2% 0 0);--color-5:oklch(34.8% 0 0);--color-6:oklch(39.6% 0 0);--color-7:oklch(45.9% 0 0);--color-8:oklch(54.9% 0 0);--color-9:oklch(64.9% 0 0);--color-10:oklch(72% 0 0);--color-11:oklch(86.3% 0 0);--color-12:oklch(93.3% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25% 0 0);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}:root,.dark{--color-destructive:oklch(64.68% .2039 27.2);--color-destructive-fg:oklch(96% 0 0);--color-success:oklch(65% .17 145);--color-success-fg:oklch(96% 0 0);--color-warning:oklch(80% .16 85);--color-warning-fg:oklch(16.2% 0 0)}@media (prefers-color-scheme:light){:root:not(.dark){color-scheme:light;--color-1:oklch(93.3% 0 0);--color-2:oklch(86.3% 0 0);--color-3:oklch(72% 0 0);--color-4:oklch(64.9% 0 0);--color-5:oklch(54.9% 0 0);--color-6:oklch(45.9% 0 0);--color-7:oklch(39.6% 0 0);--color-8:oklch(34.8% 0 0);--color-9:oklch(30.2% 0 0);--color-10:oklch(25.4% 0 0);--color-11:oklch(19.5% 0 0);--color-12:oklch(16.2% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 0);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}:root:not(.dark){--color-destructive:oklch(64.68% .2039 27.2);--color-destructive-fg:oklch(98% 0 0);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 0);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 0)}}.light{color-scheme:light;--color-1:oklch(93.3% 0 0);--color-2:oklch(86.3% 0 0);--color-3:oklch(72% 0 0);--color-4:oklch(64.9% 0 0);--color-5:oklch(54.9% 0 0);--color-6:oklch(45.9% 0 0);--color-7:oklch(39.6% 0 0);--color-8:oklch(34.8% 0 0);--color-9:oklch(30.2% 0 0);--color-10:oklch(25.4% 0 0);--color-11:oklch(19.5% 0 0);--color-12:oklch(16.2% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 0);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}.light{--color-destructive:oklch(64.68% .2039 27.2);--color-destructive-fg:oklch(98% 0 0);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 0);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 0)}: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-bright:var(--color-12);--color-muted:var(--color-10);--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-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}: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-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}[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(25% .019 56);--color-2:oklch(30% .022 57);--color-3:oklch(37% .026 58);--color-4:oklch(45% .03 58);--color-5:oklch(54% .034 59);--color-6:oklch(62% .036 58);--color-7:oklch(70% .035 57);--color-8:oklch(76% .033 56);--color-9:oklch(80% .034 54);--color-10:oklch(84% .028 62);--color-11:oklch(89% .022 70);--color-12:oklch(93% .016 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],[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-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(80% .034 54);--color-primary-fg:var(--color-1);--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-12);--color-success:oklch(71% .09 164);--color-success-fg:var(--color-1);--color-warning:oklch(78% .1 85);--color-warning-fg:var(--color-1)}@media (prefers-color-scheme:light){:root[data-theme=sand]:not(.dark){color-scheme:light;--color-1:oklch(96% .01 78);--color-2:oklch(92% .014 74);--color-3:oklch(85% .02 68);--color-4:oklch(78% .026 62);--color-5:oklch(69% .032 57);--color-6:oklch(60% .035 54);--color-7:oklch(52% .033 52);--color-8:oklch(45% .03 50);--color-9:oklch(39% .026 48);--color-10:oklch(32% .022 46);--color-11:oklch(26% .018 44);--color-12:oklch(21% .014 42);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(88% .016 72);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}: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(96% .01 78);--color-2:oklch(92% .014 74);--color-3:oklch(85% .02 68);--color-4:oklch(78% .026 62);--color-5:oklch(69% .032 57);--color-6:oklch(60% .035 54);--color-7:oklch(52% .033 52);--color-8:oklch(45% .03 50);--color-9:oklch(39% .026 48);--color-10:oklch(32% .022 46);--color-11:oklch(26% .018 44);--color-12:oklch(21% .014 42);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(88% .016 72);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}[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% .005 248);--color-2:oklch(22.5% .007 258);--color-3:oklch(29% .01 258);--color-4:oklch(35.5% .011 258);--color-5:oklch(43.5% .011 257);--color-6:oklch(51.5% .01 256);--color-7:oklch(59.6% .009 255);--color-8:oklch(67.7% .006 200);--color-9:oklch(73% .005 190);--color-10:oklch(78% .005 180);--color-11:oklch(83% .004 157);--color-12:oklch(90% .004 157);--color-border:var(--color-4);--color-surface:var(--color-2);--color-hover:oklch(25.5% .009 258);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-8);--color-link:oklch(69.75% .0551 244.3);--color-primary:oklch(69.75% .0551 244.3);--color-primary-fg:oklch(16.8% .005 248);--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%, black)}}:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-destructive:oklch(63.08% .1298 21.4);--color-destructive-fg:oklch(16.8% .005 248);--color-success:oklch(77.33% .1095 113.4);--color-success-fg:oklch(16.8% .005 248);--color-warning:oklch(84.62% .1115 82.9);--color-warning-fg:oklch(16.8% .005 248)}@media (prefers-color-scheme:light){:root[data-theme=signalnine]:not(.dark){color-scheme:light;--color-1:oklch(100% 0 0);--color-2:oklch(94.39% .0251 271.14);--color-3:oklch(88.7% .0368 265.13);--color-4:oklch(84.4% .0447 265.6);--color-5:oklch(76.67% .0612 261.83);--color-6:oklch(70% .074 263);--color-7:oklch(63.1% .0915 260.33);--color-8:oklch(57% .12 262);--color-9:oklch(51% 0 0);--color-10:oklch(38.55% .1534 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .014 268.5);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(59.6% .22 265.8);--color-primary-fg:oklch(100% 0 0);--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%, black)}}:root[data-theme=signalnine]:not(.dark){--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 0);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 0);--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 0);--color-2:oklch(94.39% .0251 271.14);--color-3:oklch(88.7% .0368 265.13);--color-4:oklch(84.4% .0447 265.6);--color-5:oklch(76.67% .0612 261.83);--color-6:oklch(70% .074 263);--color-7:oklch(63.1% .0915 260.33);--color-8:oklch(57% .12 262);--color-9:oklch(51% 0 0);--color-10:oklch(38.55% .1534 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .014 268.5);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(59.6% .22 265.8);--color-primary-fg:oklch(100% 0 0);--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%, black)}}[data-theme=signalnine].light{--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 0);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 0);--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-xs:calc(var(--era-sp) + .375rem);--era-icon-stroke-width:1.75;--era-icon-xxs:calc(var(--era-sp) + .25rem);--era-icon-xs:calc(var(--era-sp) + .125rem);--era-h-xxs:calc(var(--era-sp) + .625rem);--era-h-sm:calc(2 * var(--era-sp) + .375rem);--era-h-md:calc(3 * var(--era-sp));--era-h-lg:calc(4 * var(--era-sp));--era-px-sm:calc(var(--era-sp) * .5);--era-px-md:calc(var(--era-sp) * .5);--era-px-lg:calc(var(--era-sp) * .5);--era-gap:calc(var(--era-sp) * .5);--era-inset-xxs:max(0px, calc((var(--era-h-xxs) - var(--era-text)) / 2));--era-inset-sm:max(0px, calc((var(--era-h-sm) - var(--era-text)) / 2));--era-inset-md:max(0px, calc((var(--era-h-md) - var(--era-text)) / 2));--era-pill-xxs:max(0px, calc((var(--era-h-xxs) - .6 * var(--era-text)) / 2));--era-pill-sm:max(0px, calc((var(--era-h-sm) - .6 * var(--era-text)) / 2));--era-field-px:max(var(--era-pill-sm), .5rem);--era-xs-inset-sm:calc((var(--era-h-sm) - var(--era-h-xs)) / 2);--era-xs-inset-xxs:calc((var(--era-h-xxs) - var(--era-h-xs)) / 2);--era-xxs-inset-md:calc((var(--era-h-md) - var(--era-h-xxs)) / 2);--era-xs-inset-md:calc((var(--era-h-md) - var(--era-h-xs)) / 2);--era-xs-inset-lg:calc((var(--era-h-lg) - var(--era-h-xs)) / 2);--era-sm-inset-md:calc((var(--era-h-md) - var(--era-h-sm)) / 2);--era-sm-inset-lg:calc((var(--era-h-lg) - var(--era-h-sm)) / 2);--era-roundness:calc(var(--era-roundness-scale) * var(--era-sp) / 2.618);--era-rd-xs:max(0px, var(--era-roundness));--era-rd-xxs:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-xxs) - var(--era-h-xs)) / 2));--era-rd-sm:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-sm) - var(--era-h-xs)) / 2));--era-rd-md:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-md) - var(--era-h-xs)) / 2));--era-rd-lg:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-lg) - var(--era-h-xs)) / 2));--era-so:calc(var(--era-sp) * (1 + var(--era-density)) / 2);--era-pad-sm:calc(var(--era-so) / 2);--era-pad-md:var(--era-so);--era-pad-lg:calc(var(--era-so) * 2);--era-content-p:var(--era-pad-lg)}:root{--era-roundness-scale:1;--era-mask-glyph:disc}:root,[data-mode=dense]{--era-sp:.5rem;--era-density:1;--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-xs) / 2)}[data-corners=square]{--era-roundness-scale:0;--era-mask-glyph:square}:root{transition:--era-roundness-scale var(--era-duration) var(--era-ease);--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,[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);--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:var(--color-hover);--era-highlight-shadow:var(--era-shadow);--era-press-sink-x:0px;--era-press-sink-y:0px;--era-panel-inset:0px;--era-item-rd-scale:0;--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:calc(var(--era-item-rd-scale) * max(0px, calc(var(--era-rd-md) - var(--era-panel-inset))))}[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-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-item-rd-scale:1;--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-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-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-item-rd-scale:1;--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}[data-font=mono],[data-font=mono] *{font-family:var(--font-mono,ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace)!important}[data-font=sans],[data-font=sans] *{font-family:var(--font-sans,system-ui, sans-serif)!important}[data-font=serif],[data-font=serif] *{font-family:var(--font-serif,ui-serif, Georgia, "Times New Roman", serif)!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}:where(media-player) :where([data-media-button]>shadow-root,[data-media-slider]:not([data-styled])>shadow-root,[data-media-menu-button]>shadow-root){display:none}:where(media-player) :where([data-media-slider][data-styled]>shadow-root){display:contents}:where(media-player){--media-focus-ring:0 0 0 3px #4e9cf6;contain:layout style;box-sizing:border-box;-webkit-user-select:none;user-select:none;width:100%;display:inline-block;position:relative}media-player:focus,media-player:focus-visible{outline:none}:where(media-player[data-focus]:not([data-playing]) media-outlet){box-shadow:var(--media-focus-ring)}:where(media-player[data-view-type=video][data-user-idle]){pointer-events:auto;cursor:none}:where(media-outlet){box-sizing:border-box;background-color:var(--media-outlet-bg-color,black);display:block}:where(media-player[data-fullscreen] media-outlet){height:100%}:where(media-player[data-view-type=audio] media-outlet){background-color:unset}:where(media-outlet audio){width:100%}:where(media-outlet video){touch-action:manipulation;width:100%;height:auto;display:inline-block}:where(media-player[aspect-ratio]:not([data-fullscreen]) media-outlet){width:100%;height:0;padding-bottom:min(max(var(--media-min-height,150px), calc(100% / var(--media-aspect-ratio))), var(--media-max-height,100vh));position:relative}:where(media-player[aspect-ratio] media-outlet>shadow-root>*){width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}:where(media-icon,media-icon svg){vertical-align:middle;width:100%;height:100%;display:block}:where(media-time){contain:content;font-size:var(--media-time-font-size,14px);font-weight:var(--media-time-font-weight,400);font-family:var(--media-font-family,sans-serif);color:var(--media-time-color,inherit);background-color:var(--media-time-bg);border-radius:var(--media-time-border-radius);letter-spacing:var(--media-time-letter-spacing,.025em);display:inline-block}:where(media-player [data-media-button]){contain:layout style;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:inline-block;position:relative}:where(media-player [data-media-button]:focus){outline:none}:where(media-player [data-media-button][data-focus]) :where([slot],[data-media-icon]){box-shadow:var(--media-focus-ring)}:where(media-player [data-media-button][data-focus] media-tooltip [slot]){box-shadow:unset}:where(media-live-indicator:not([data-live])){cursor:unset}:where(media-player [data-media-slider]){contain:layout style;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;width:100%;display:inline-block;position:relative}:where(media-player [data-media-slider][disabled]){cursor:unset}:where(media-player [data-media-slider]:focus){outline:none}:where(media-player [data-media-slider][data-focus] [part=track]){box-shadow:var(--media-focus-ring)}:where(media-player [data-media-slider][data-chapters][data-focus] [part=chapter]){clip-path:inset(-2px)}:where(media-player[data-bp-x=sm]) :where(media-time-slider [part=chapters]),:where(media-player:not([data-bp-x=sm])) :where(media-time-slider[data-chapters]>:not(shadow-root,[slot]),media-time-slider[data-chapters]>shadow-root>[part~=track]),:where(media-volume-slider [part~=track-progress]){display:none!important}:where(media-slider-value){contain:content;font-size:14px;font-family:var(--media-font-family,sans-serif);display:inline-block}:where(media-slider-thumbnail){contain:content;box-sizing:border-box;display:block}:where(media-thumbnail){width:var(--thumbnail-width);height:var(--thumbnail-height);background-color:var(--media-thumbnail-bg,black);contain:strict;box-sizing:border-box;border:var(--media-thumbnail-border,1px solid white);min-width:var(--media-thumbnail-min-width,120px);min-height:var(--media-thumbnail-min-height,80px);max-width:var(--media-thumbnail-max-width,180px);max-height:var(--media-thumbnail-max-height,160px);display:block;overflow:hidden}:where(media-thumbnail [part=img]){min-width:unset!important;max-width:unset!important}:where(media-slider-video){box-sizing:border-box;contain:content;border:var(--media-thumbnail-border,1px solid white);background-color:#000;display:inline-block}:where(media-slider-video [part=video]){width:156px;height:auto;display:block}:where(media-slider-video[data-loading]){opacity:0}:where(media-slider-video[aria-hidden=true],media-slider-video[aria-hidden=true] [part=video]){width:0;display:none}:where(media-poster){contain:content;opacity:0;pointer-events:none;object-fit:cover;box-sizing:border-box;width:100%;height:100%;transition:opacity .2s ease-out;display:block;position:absolute;top:0;left:0}:where(media-poster [part=img]){object-fit:inherit;object-position:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%;height:100%}:where(media-poster[aria-hidden=true]){display:none}:where(media-player[data-view-type=video]:not([data-started]) media-poster){opacity:1}:where(media-gesture){contain:content;z-index:0;opacity:0;visibility:hidden;display:block;position:absolute;pointer-events:none!important}:where(media-menu>[data-media-menu-items]:focus),:where(media-menu) :where([role=menuitem]:focus,[role=menuitemradio]:focus){outline:none}:where(media-menu) :where([role=menuitem]:focus-visible,[role=menuitem][data-focus],[role=menuitemradio]:focus-visible,[role=menuitemradio][data-focus]),:where(media-menu>[data-media-menu-button][role=button][data-focus] [data-media-icon]),:where(media-menu>[data-media-menu-button][role=button][data-focus] svg),:where(media-radio[data-focus]){box-shadow:var(--media-focus-ring);outline:none}:where(media-player [data-media-button][aria-hidden=true]),:where(media-player [data-media-slider][aria-hidden=true]),:where(media-thumbnail[aria-hidden=true]),:where(media-slider-thumbnail[aria-hidden=true]){display:none!important}:where(media-player [data-media-button]){-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:var(--media-button-border-radius,2px);color:var(--media-button-color,var(--media-controls-color,#f5f5f5));width:var(--media-button-size,40px);height:var(--media-button-size,40px);justify-content:center;align-items:center;transition:transform .2s ease-out;display:inline-flex}:where(media-player[data-fullscreen] [data-media-button]){width:var(--media-fullscreen-button-size,42px);height:var(--media-fullscreen-button-size,42px)}:where(media-player[data-bp-x=sm][data-fullscreen] [data-media-button]){width:var(--media-mobile-fullscreen-button-size,42px);height:var(--media-mobile-fullscreen-button-size,42px)}:where(media-player) :where([data-media-button]>svg,[data-media-button]>media-icon,[data-media-button]>shadow-root>svg,[data-media-button]>shadow-root>media-icon){width:var(--media-button-icon-size,80%);height:var(--media-button-icon-size,80%);border-radius:var(--media-button-border-radius,2px)}:where(media-player [data-media-button]>shadow-root){display:contents}:where(media-player [data-media-button]:not([default-appearance])>shadow-root:not(:only-child)){display:none}:where(media-player [data-media-button] [slot]){display:none!important}:where(media-player) :where(media-toggle-button[data-pressed] [slot=on],media-toggle-button:not([data-pressed]) [slot=off],media-play-button[data-paused]:not([data-ended]) [slot=play],media-play-button[data-ended] [slot=replay],media-play-button:not([data-paused]) [slot=pause],media-mute-button[data-volume=high] [slot=volume-high],media-mute-button[data-volume=low] [slot=volume-low],media-mute-button[data-volume=muted] [slot=volume-muted],media-mute-button[data-volume=muted] [slot=unmute],media-mute-button:not([data-volume=muted]) [slot=mute],media-pip-button:not([data-pip]) [slot=enter],media-pip-button[data-pip] [slot=exit],media-caption-button:not([data-pressed]) [slot=off],media-caption-button[data-pressed] [slot=on],media-fullscreen-button:not([data-fullscreen]) [slot=enter],media-fullscreen-button[data-fullscreen] [slot=exit],media-seek-button:not([seconds*=\-]) [slot=forward],media-seek-button[seconds*=\-] [slot=backward],media-menu [data-media-menu-button][data-pressed] [slot=close],media-menu [data-media-menu-button]:not([data-pressed]) [slot=open]){display:inline-block!important}:where(media-player [data-media-button][aria-hidden=true]){display:none}@media (pointer:fine){:where(media-player [data-media-button][data-hover]){background-color:var(--media-button-hover-bg,#fff3);transform:var(--media-button-hover-transform,scale(1));transition:var(--media-button-hover-transition,transform .2s ease-in)}}@media (pointer:coarse){:where(media-player [data-media-button][data-hover]){border-radius:var(--media-button-touch-hover-border-radius,100%);background-color:var(--media-button-touch-hover-bg,#fff3)}}:where(media-player [data-media-slider]){-webkit-tap-highlight-color:transparent;--width:var(--media-slider-width,100%);--height:var(--media-slider-height,48px);--thumb-size:var(--media-slider-thumb-size,15px);--thumb-focus-size:var(--media-slider-focused-thumb-size,calc(var(--thumb-size) * 1.1));--track-width:var(--media-slider-track-width,100%);--track-height:var(--media-slider-track-height,5px);--track-focus-width:var(--media-slider-focused-track-width,var(--track-width));--track-focus-height:var(--media-slider-focused-track-height,calc(var(--track-height) * 1.25));width:var(--width);height:var(--height);margin:0 calc(var(--thumb-size) / 2);contain:layout style}:where(media-player [data-media-slider]>shadow-root){display:contents}:where(media-player [data-media-slider] [part~=track]){z-index:0;width:var(--track-width);height:var(--track-height);border-radius:var(--media-slider-track-border-radius,1px);background-color:var(--media-slider-track-bg,#ffffff4d);contain:strict;position:absolute;top:50%;left:0;transform:translateY(-50%)translateZ(0)}:where(media-player [data-media-slider] [part=track]){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:where(media-player [data-media-slider][data-focus] [part=track]){outline-offset:var(--thumb-size)}:where(media-player [data-media-slider]:not([data-chapters])[data-interactive] [part*=track]){width:var(--track-focus-width);height:var(--track-focus-height)}:where(media-player [data-media-slider] [part~=track-fill]){z-index:2;background-color:var(--media-slider-track-fill-bg,#fafafa);width:var(--slider-fill-percent);will-change:width}:where(media-player[data-live] media-time-slider [part~=track-fill]){background-color:var(--media-slider-track-fill-live-bg,#dc2626)}:where(media-time-slider [part~=track-progress]){z-index:1;width:var(--media-buffered-percent,0%);will-change:width;background-color:var(--media-slider-track-progress-bg,#ffffff80);left:0}:where(media-player [data-media-slider] [part=thumb-container]){z-index:2;top:0;left:var(--slider-fill-percent);width:var(--thumb-size);will-change:left;pointer-events:none;contain:layout size style;height:100%;position:absolute;transform:translate(-50%)translateZ(0)}:where(media-player [data-media-slider] [part=thumb]){opacity:0;contain:strict;width:var(--thumb-size);height:var(--thumb-size);border:var(--media-slider-thumb-border,1px solid #cacaca);border-radius:var(--media-slider-thumb-border-radius,9999px);background-color:var(--media-slider-thumb-bg,#fff);pointer-events:none;transition:opacity .15s ease-in;position:absolute;top:50%;left:0;transform:translateY(-50%)translateZ(0)}:where(media-player) :where([data-media-slider][data-dragging],[data-media-slider][data-focus]) :where([part=thumb]){box-shadow:var(--media-slider-focused-thumb-shadow,0 0 0 4px #fff6)}:where(media-player [data-media-slider][data-interactive] [part=thumb]){opacity:1;transition:var(--media-slider-thumb-transition,opacity .2s ease-in, box-shadow .2s ease)}:where(media-player [data-media-slider][data-dragging] [part=thumb]){width:var(--thumb-focus-size);height:var(--thumb-focus-size)}:where(media-player [data-media-slider] [slot=preview]){left:var(--preview-left);bottom:calc(100% + var(--media-slider-preview-gap,-4px));opacity:0;background-color:var(--media-slider-preview-bg);border-radius:var(--media-slider-preview-border-radius,2px);pointer-events:none;will-change:left, opacity;contain:layout paint style;flex-direction:column;align-items:center;transition:opacity .2s ease-out;display:flex;position:absolute;transform:translate(-50%)translateZ(0)}:where(media-player [data-media-slider][data-interactive] [slot=preview]){opacity:1;transition:opacity .2s ease-in}:where(media-player [data-media-slider] media-slider-value){padding:var(--media-slider-value-padding,1px 10px);color:var(--media-slider-value-color,white);background-color:var(--media-slider-value-bg,black);border-radius:var(--media-slider-value-border-radius,2px);border:var(--media-slider-value-border)}:where(media-slider-video:not([aria-hidden=true])+media-slider-value,media-slider-video:not([aria-hidden=true])+[part=chapter-title],media-slider-thumbnail:not([aria-hidden=true])+media-slider-value,media-slider-thumbnail:not([aria-hidden=true])+[part=chapter-title]){margin-top:var(--media-slider-value-gap,8px)}:where(media-player:not([data-can-play]) media-time-slider media-slider-value){display:none}:where(media-player [data-media-slider][aria-orientation=vertical]){--width:var(--media-slider-width,48px);--height:var(--media-slider-height,100%);--track-width:var(--media-slider-track-width,4px);--track-height:var(--media-slider-track-height,100%);--track-focus-width:var(--media-slider-focused-track-width,calc(var(--track-width) * 1.25));--track-focus-height:var(--media-slider-focused-track-height,var(--track-height));margin:calc(var(--thumb-size) / 2) 0}:where(media-player [data-media-slider][aria-orientation=vertical] [part*=track]){top:unset;bottom:0;left:50%;transform:translate(-50%)translateZ(0)}:where(media-player [data-media-slider][aria-orientation=vertical] [part~=track-fill]){width:var(--track-width);height:var(--slider-fill-percent);will-change:height;transform:translate(-50%)translateZ(0)}:where(media-player [data-media-slider][aria-orientation=vertical] [part~=track-progress]){top:unset;width:var(--track-width);height:var(--media-buffered-percent,0%);will-change:height;bottom:0}:where(media-player [data-media-slider][aria-orientation=vertical] [part=thumb-container]){top:unset;bottom:var(--slider-fill-percent);will-change:bottom;width:100%;left:50%;transform:translate(-50%)translateZ(0)}:where(media-player [data-media-slider][aria-orientation=vertical][data-dragging] [part=thumb-container]){top:unset}:where(media-player [data-media-slider][aria-orientation=vertical] [part=thumb]){top:unset;bottom:0;left:50%;transform:translate(-50%)translateY(50%)translateZ(0)}:where(media-player [data-media-slider][aria-orientation=vertical] [slot=preview]){top:unset;left:calc(100% + var(--media-slider-vertical-preview-gap,4px));bottom:var(--preview-bottom);will-change:bottom;transform:translateY(50%)translateZ(0)}:where(media-time-slider [part=chapters]){contain:layout style;align-items:center;width:100%;height:100%;display:flex;position:relative}:where(media-time-slider [part=chapter-container]){contain:layout style;align-items:center;width:0%;height:100%;margin-right:2px;display:flex}:where(media-time-slider [part=chapter-container]:last-child){margin-right:0}:where(media-time-slider [part=chapter]){width:100%;height:var(--track-height);will-change:height, transform;contain:layout style;border-radius:var(--media-slider-track-border-radius,1px);align-items:center;display:flex;position:relative}@media (pointer:fine){:where(media-time-slider [part=chapter-container]:hover [part=chapter]){transform:var(--media-slider-chapter-hover-transform,scaleY(2));transition:var(--media-slider-chapter-hover-transition,transform .1s cubic-bezier(.4, 0, 1, 1))}}:where(media-time-slider [part=chapter-title]){font-family:var(--media-font-family,sans-serif);font-size:var(--media-slider-chapter-title-font-size,14px);color:var(--media-slider-chapter-title-color,#f5f5f5);background-color:var(--media-slider-chapter-title-bg)}:where(media-buffering-indicator){pointer-events:none;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}:where(media-buffering-indicator [part=icon]){width:var(--media-buffering-size,84px);height:var(--media-buffering-size,84px);opacity:0;transition:var(--media-buffering-transition,opacity .2s ease)}:where(media-buffering-indicator [part=track]){color:var(--media-buffering-track-color,#f5f5f5);opacity:var(--media-buffering-track-opacity,.25);stroke-width:var(--media-buffering-track-width,8)}:where(media-buffering-indicator [part=track-fill]){color:var(--media-buffering-track-fill-color,#f5f5f5);opacity:var(--media-buffering-track-fill-opacity,.75);stroke-width:var(--media-buffering-track-fill-width,9);stroke-dasharray:100;stroke-dashoffset:var(--media-buffering-track-fill-offset,50)}:where(media-buffering-indicator[data-buffering] [part=icon]){opacity:1;animation:var(--media-buffering-animation,media-buffering-spin 1s linear infinite)}@keyframes media-buffering-spin{to{transform:rotate(360deg)}}:where(media-captions){--overlay-padding:var(--media-captions-padding,1%);--cue-color:var(--media-cue-color,white);--cue-bg-color:var(--media-cue-bg,#000000b3);--cue-font-size:var(--media-cue-font-size,calc(var(--overlay-height) / 100 * 5));--cue-line-height:var(--media-cue-line-height,calc(var(--cue-font-size) * 1.2));--cue-padding-x:var(--media-cue-padding-x,calc(var(--cue-font-size) * .6));--cue-padding-y:var(--media-cue-padding-x,calc(var(--cue-font-size) * .4));z-index:1;contain:layout style size;margin:var(--overlay-padding);font-size:var(--cue-font-size);box-sizing:border-box;pointer-events:none;-webkit-user-select:none;user-select:none;word-spacing:normal;word-break:break-word;font-family:sans-serif;position:absolute;inset:0}:where(media-player[data-fullscreen][data-bp-x=lg] media-captions){--cue-font-size:var(--media-large-fullscreen-cue-font-size,calc(var(--overlay-height) / 100 * 3))}@media (orientation:portrait){:where(media-player[data-bp-x=sm][data-fullscreen] media-captions){--cue-font-size:18px}}:where(media-player[data-view-type=audio] media-captions){margin:0;position:relative}:where(media-captions[aria-hidden=true]){opacity:0;visibility:hidden}:where(media-captions [part=cue-display]){contain:content;top:var(--cue-top);left:var(--cue-left);right:var(--cue-right);bottom:var(--cue-bottom);width:var(--cue-width,auto);height:var(--cue-height,auto);box-sizing:border-box;transform:var(--cue-transform);text-align:var(--cue-text-align);writing-mode:var(--cue-writing-mode,unset);white-space:pre-line;min-width:min-content;min-height:min-content;padding:var(--media-cue-display-padding);background-color:var(--media-cue-display-bg);border-radius:var(--media-cue-display-border-radius);direction:ltr;unicode-bidi:plaintext;position:absolute;overflow:visible}:where(media-captions[data-dir=rtl] [part=cue-display]){direction:rtl}:where(media-captions [part=cue]){contain:content;border:var(--media-cue-border,unset);border-radius:var(--media-cue-border-radius,2px);-webkit-backdrop-filter:var(--media-cue-backdrop,blur(8px));backdrop-filter:var(--media-cue-backdrop,blur(8px));padding:var(--cue-padding-y) var(--cue-padding-x);line-height:var(--cue-line-height);background-color:var(--cue-bg-color);box-sizing:border-box;color:var(--cue-color);box-shadow:var(--media-cue-box-shadow,var(--cue-box-shadow));white-space:var(--cue-white-space,pre-wrap);outline:var(--cue-outline);text-shadow:var(--cue-text-shadow);display:inline-block}:where(media-captions [part=cue-display][data-vertical] [part=cue]){padding:var(--cue-padding-x) var(--cue-padding-y)}:where(media-captions [part=region]){width:var(--region-width);height:var(--region-height);min-height:0;max-height:var(--region-height);writing-mode:horizontal-tb;top:calc(var(--region-top,var(--overlay-height) * var(--region-viewport-anchor-y) / 100 - var(--region-height) * var(--region-anchor-y) / 100));left:var(--region-left,calc(calc(var(--region-viewport-anchor-x) * 1%) - calc(var(--region-width) * var(--region-anchor-x) / 100)));right:var(--region-right);bottom:var(--region-bottom);overflow-wrap:break-word;box-sizing:border-box;flex-flow:column;justify-content:flex-start;display:inline-flex;position:absolute;overflow:hidden}:where(media-captions [part=region][data-scroll=up]){justify-content:end}:where(media-captions [part=region][data-active][data-scroll=up]){transition:top .433s}:where(media-captions [part=region]>[part=cue-display]){width:auto;left:var(--cue-offset);height:var(--cue-height,auto);text-align:var(--cue-text-align);unicode-bidi:plaintext;margin-top:2px;position:relative}:where(media-captions [part=region] [part=cue]){border-radius:0;position:relative}:where(media-live-indicator){min-width:auto;min-height:auto}:where(media-live-indicator [part=container]){width:var(--media-live-indicator-width,40px);height:var(--media-live-indicator-height,40px);justify-content:center;align-items:center;display:flex}:where(media-live-indicator [part=text]){background-color:var(--media-live-indicator-bg,#8a8a8a);border-radius:var(--media-live-indicator-border-radius,2px);color:var(--media-live-indicator-color,#161616);font-family:var(--media-font-family,sans-serif);font-size:var(--media-live-indicator-font-size,12px);font-weight:var(--media-live-indicator-font-weight,600);letter-spacing:var(--media-live-indicator-letter-spacing,1.5px);padding:var(--media-live-indicator-padding,1px 4px);transition:color .3s}:where(media-live-indicator[data-live-edge] [part=text]){background-color:var(--media-live-indicator-edge-bg,#dc2626);color:var(--media-live-indicator-edge-color,#f5f5f5)}:where(media-live-indicator[data-focus] [part=text]){box-shadow:var(--media-focus-ring)}:where(media-live-indicator:not([data-live])>shadow-root),:where(media-live-indicator:not([data-live]) [slot=live],media-live-indicator[data-live-edge] [slot=live],media-live-indicator[data-live] [slot=not-live],media-live-indicator:not([data-live-edge]) [slot=live-edge]){display:none}@media (pointer:fine){:where(media-live-indicator[data-hover]){background-color:unset}}:where(media-menu){box-sizing:border-box;font-family:var(--media-font-family,sans-serif);font-size:var(--media-menu-font-size,15px);font-weight:var(--media-menu-font-weight,500);display:inline-flex;position:relative}:where(media-menu[data-open]){z-index:99999}:where(media-menu[data-disabled]:not([data-submenu])){display:none}:where(media-menu media-menu){display:inline-block}@media (prefers-reduced-motion:no-preference){:where(media-menu>[data-media-menu-items]){scroll-behavior:smooth}}:where(media-menu>[data-media-menu-items]){box-sizing:border-box;min-width:var(--media-menu-min-width,260px);scrollbar-width:thin}:where(media-menu>[data-media-menu-items])::-webkit-scrollbar{border-radius:var(--media-menu-border-radius,8px);background-color:#000;width:5px;height:6px}:where(media-menu>[data-media-menu-items])::-webkit-scrollbar-track{background-color:var(--media-menu-scrollbar-track-bg,#f5f5f514);border-radius:4px}:where(media-menu>[data-media-menu-items])::-webkit-scrollbar-thumb{background-color:var(--media-menu-scrollbar-thumb-bg,#f5f5f51a);border-radius:4px}:where(media-menu shadow-root){display:contents}:where(media-menu [data-media-menu-button]>shadow-root:only-child>[slot]){display:inline-block!important}:where(media-menu [data-media-menu-button][role=button] [data-rotate]){transition:transform .2s ease-out}:where(media-menu [data-media-menu-button][data-pressed][role=button] [data-rotate]){transform:rotate(var(--media-menu-button-icon-rotate-deg,90deg));transition:transform .2s ease-in}:where(media-menu [data-media-menu-button][role=button]){justify-content:center;align-items:center;display:inline-flex}:where(media-menu [data-media-menu-button]){box-sizing:border-box}:where(media-menu [data-media-menu-button][role=button]) :where([slot=label],[slot=hint]){clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;position:absolute;overflow:hidden}:where(media-menu [data-media-menu-button][role=button]) :where([slot=open-icon],[slot=close-icon]){display:none!important}:where(media-menu [data-media-menu-button]) :where([slot=hint],[slot=open-icon]){color:var(--media-menu-hint-color,#f5f5f580)}:where(media-menu>[data-media-menu-items]){flex-direction:column;display:flex}:where(media-menu) :where([role=menuitem]:focus-visible,[role=menuitem][data-hocus],[role=menuitemradio][data-hocus]){cursor:pointer;background-color:var(--media-menu-item-hover-bg,#f5f5f514)}@media (pointer:fine){:where(media-menu [role=menuitem]:hover){cursor:pointer;background-color:var(--media-menu-item-hover-bg,#f5f5f514)}}:where(media-menu:not([data-submenu])>[data-media-menu-items]){right:var(--media-menu-x-offset,4px);margin-bottom:var(--media-menu-y-offset,4px);padding:var(--media-menu-padding,10px);border:var(--media-menu-border,1px solid #ffffff1a);background-color:var(--media-menu-bg,#0a0a0af2);border-radius:var(--media-menu-border-radius,8px);box-shadow:var(--media-menu-box-shadow,1px 1px 1px #0a0a0a80);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:var(--menu-height,auto);will-change:width, height;max-height:var(--media-menu-max-height,calc(var(--media-height) * .7));overscroll-behavior:contain;opacity:0;pointer-events:none;box-sizing:border-box;transition:height .25s linear,opacity .15s ease-out,transform .3s ease-in;position:absolute;bottom:100%;overflow-y:auto}:where(media-menu[position~=left]:not([data-popup])>[data-media-menu-items]){left:var(--media-menu-x-offset,4px);right:unset}:where(media-menu[position~=bottom]:not([data-popup])>[data-media-menu-items]){margin-top:var(--media-menu-y-offset,4px);top:100%;bottom:unset;margin-bottom:unset}:where(media-menu [data-media-menu-items][data-resizing]){pointer-events:none;overflow:hidden}:where(media-menu:not([data-submenu])>[data-media-menu-items][aria-hidden=false]){opacity:1;pointer-events:auto}:where(media-menu[data-popup]>[data-media-menu-items]){left:16px;right:16px;top:unset;max-height:var(--media-mobile-menu-portrait-max-height,40vh);z-index:9999999;position:fixed;bottom:0;transform:translateY(100%)}:where(media-menu[data-popup]>[data-media-menu-items][aria-hidden=false]){opacity:1;transform:translateY(-24px)}:where(media-menu[data-popup]>[data-media-menu-items]){max-width:480px;margin:0 auto}:where(media-menu[data-popup-wide]>[data-media-menu-items]){max-height:var(--media-mobile-menu-landscape-max-height,min(70vh, 400px))}:where(media-menu[data-submenu] [data-media-menu-button]){justify-content:flex-start;align-items:center;display:flex}:where(media-menu[data-submenu]>[data-media-menu-items]){width:100%;margin-top:12px}:where(media-menu[aria-hidden=true]),:where(media-menu[data-submenu]>[data-media-menu-items][aria-hidden=true]){display:none}:where(media-menu) :where([role=menuitem],[role=menuitemradio]){-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;color:var(--media-menu-item-color,#f5f5f5);padding:var(--media-menu-item-padding,10px);border-radius:var(--media-menu-item-border-radius,2px);box-sizing:border-box;justify-content:left;align-items:center;display:flex}:where(media-menu[data-popup]) :where([role=menuitem],[role=menuitemradio]){padding:var(--media-mobile-menu-item-padding,12px)}:where(media-menu[data-submenu]>[data-media-menu-items]){flex-direction:column;justify-content:center;align-items:flex-start}:where(media-menu [data-media-menu-button][role=menuitem][aria-expanded=true]){border-radius:0;border-top-left-radius:var(--media-menu-item-border-radius,2px);border-top-right-radius:var(--media-menu-item-border-radius,2px);border-bottom:var(--media-menu-divider,1px solid #f5f5f526)}:where(media-menu[data-submenu]>[data-media-menu-button][aria-expanded=true]){top:calc(-1 * var(--media-menu-padding,10px));z-index:10;background-color:var(--media-menu-top-bar-bg,#0a0a0a);width:100%;position:sticky;left:0}:where(media-menu [role=menuitem] [slot=label]){margin-left:6px}:where(media-menu [role=menuitem] [slot*=icon]){width:var(--media-menu-item-icon-size,22px);height:var(--media-menu-item-icon-size,22px)}:where(media-menu [role=menuitem]) :where([slot=open-icon],[slot=close-icon]){width:18px;height:18px}:where(media-menu [role=menuitem]) :where([slot=hint],[slot=open-icon]){margin-left:auto}:where(media-menu [role=menuitem]) :where([slot=hint]+[slot=open-icon]){margin-left:2px}:where(media-menu [role=menuitem][aria-hidden=true]),:where(media-menu [role=menuitem][aria-expanded=true] [slot=open-icon]){display:none!important}:where(media-menu [role=menuitem][aria-disabled=true] [slot=open-icon]){opacity:0}:where([data-media-menu-button] [slot=close-icon]),:where(media-menu [role=menuitem][aria-expanded=true] [slot=icon]){display:none!important}:where(media-menu [role=menuitem][aria-expanded=true] [slot=close-icon]){display:inline!important}:where(media-menu [part=info]){color:var(--media-menu-item-info-color,#a8a9ab);font-size:var(--media-menu-item-info-font-size,13px);margin-left:auto}:where(media-radio-group){box-sizing:border-box;flex-direction:column;width:100%;display:flex}:where(media-radio){box-sizing:border-box;cursor:pointer;font-family:var(--media-font-family,sans-serif);contain:content;padding:var(--media-menu-item-padding,12px);border-radius:2px;align-items:center;font-size:15px;font-weight:500;display:flex;position:relative}:where(media-radio [part=check]){border:var(--media-menu-radio-check-border,2px solid #f5f5f580);box-sizing:border-box;height:var(--media-menu-radio-check-size,9px);width:var(--media-menu-radio-check-size,9px);border-radius:9999px;justify-content:center;align-items:center;margin-right:8px;display:flex;border-width:unset!important}:where(media-radio[aria-checked=true] [part=check]){border:2px solid var(--media-menu-radio-check-active-color,#f5f5f5)}:where(media-radio[aria-checked=true] [part=check]):after{content:"";border-color:var(--media-menu-radio-check-active-color,#f5f5f5);background-color:var(--media-menu-radio-check-active-color,#f5f5f5);box-sizing:border-box;height:var(--media-menu-radio-check-inner-size,4px);width:var(--media-menu-radio-check-inner-size,4px);border-radius:9999px;border-width:unset!important}:where(media-chapters-menu-items){padding:var(--media-chapters-padding,0);min-width:var(--media-chapters-min-width,var(--media-menu-min-width,220px))}:where(media-chapters-menu-items[data-thumbnails]){min-width:var(--media-chapters-with-thumbnails-min-width,300px)}:where(media-chapters-menu-items [part=check]){display:none}:where(media-chapters-menu-items [part=chapter]){border-bottom:var(--media-chapters-divider,1px solid #f5f5f526);border-radius:0}:where(media-chapters-menu-items [part=chapter]:last-child){border-bottom:0}:where(media-chapters-menu-items [part=chapter][data-focus]){margin:var(--media-chapters-item-focus-margin,4px)}:where(media-chapters-menu-items [part=chapter][aria-checked=true]){background-color:var(--media-chapters-item-active-bg,#ffffff0a);border-left:var(--media-chapters-item-active-border-left)}:where(media-chapters-menu-items [part=chapter][aria-checked=true]):after{content:" ";width:var(--played-percent);height:var(--media-chapters-progress-height,3px);border-radius:var(--media-chapters-progress-border-radius,0);background-color:var(--media-chapters-progress-bg,#f5f5f5);position:absolute;bottom:0;left:0}:where(media-chapters-menu-items [part=thumbnail]){margin-right:var(--media-chapters-thumbnail-gap,12px);border:var(--media-chapters-thumbnail-border,0);min-width:var(--media-chapters-thumbnail-min-width,100px);min-height:var(--media-chapters-thumbnail-min-height,56px);max-width:var(--media-chapters-thumbnail-max-width,120px);max-height:var(--media-chapters-thumbnail-max-height,68px);flex-shrink:0}:where(media-chapters-menu-items [part=title]){color:var(--media-chapters-title-color,#f5f5f5);font-size:var(--media-chapters-title-font-size,15px);font-weight:var(--media-chapters-title-font-weight,500);white-space:var(--media-chapters-title-white-space,nowrap)}:where(media-chapters-menu-items [part=start-time]){padding:var(--media-chapters-start-time-padding,1px 4px);letter-spacing:var(--media-chapters-start-time-letter-spacing,.4px);border-radius:var(--media-chapters-start-time-border-radius,2px);color:var(--media-chapters-start-time-color,#a8a9ab);font-size:var(--media-chapters-start-time-font-size,12px);font-weight:var(--media-chapters-start-time-font-weight,500);background-color:var(--media-chapters-start-time-bg,#9ca3af33);margin-top:var(--media-chapters-start-time-gap,6px);display:inline-block}:where(media-chapters-menu-items [part=duration]){color:var(--media-chapters-duration-color,#f5f5f580);background-color:var(--media-chapters-duration-bg);font-size:var(--media-chapters-duration-font-size,12px);font-weight:var(--media-chapters-duration-font-weight,500);border-radius:var(--media-chapters-duration-border-radius,2px);margin-top:var(--media-chapters-duration-gap,6px)}:where(media-menu [data-media-menu-button][aria-disabled=true]){display:none}:where(media-chapters-menu-items:not([data-thumbnails]) [part=content]){flex-flow:wrap;align-items:center;width:100%;display:flex}:where(media-chapters-menu-items:not([data-thumbnails]) [part=start-time]){margin-top:0;margin-left:auto}:where(media-chapters-menu-items:not([data-thumbnails]) [part=duration]){flex-basis:100%;margin-top:4px}:where(media-tooltip){background-color:var(--media-tooltip-bg-color,black);border:var(--media-tooltip-border,1px solid #ffffff1a);border-radius:var(--media-tooltip-border-radius,2px);box-sizing:border-box;color:var(--media-tooltip-color,#ccc);font-family:var(--media-font-family,sans-serif);font-size:var(--media-tooltip-font-size,13px);font-weight:var(--media-tooltip-font-weight,500);margin-left:unset;margin-bottom:var(--media-tooltip-y-offset,12px);opacity:0;padding:var(--media-tooltip-padding,2px 8px);pointer-events:none;transform-origin:50% 100%;white-space:nowrap;transition:transform .2s ease-out .1s,opacity .2s ease-out .1s;display:block;position:absolute;bottom:80%;left:50%;transform:translate(-50%,12px)scale(.8)}:where(media-tooltip[position~=left]){transform-origin:0 100%;margin-left:var(--media-tooltip-x-offset,0);left:0;transform:translateY(12px)scale(.8)}:where(media-tooltip[position~=right]){margin-left:unset;margin-right:var(--media-tooltip-x-offset,0);transform-origin:100% 100%;left:auto;right:0;transform:translateY(12px)scale(.8)}:where(media-tooltip[position~=bottom]){top:80%;bottom:unset;margin-top:var(--media-tooltip-y-offset,12px);margin-bottom:unset;transform:translate(-50%,-12px)scale(1)}:where(media-tooltip[position=bottom\ left],media-tooltip[position=bottom\ right]){transform:translateY(-12px)scale(.8)}:where(media-menu [data-media-menu-button][role=button][data-pressed] media-tooltip){opacity:0;display:none}@media (pointer:fine){:where(media-player [data-media-button][data-hocus] media-tooltip){opacity:1;transition:transform .2s ease-in .1s,opacity .2s ease-in .1s;transform:translate(-50%)scale(1)}:where(media-player [data-media-button][data-hocus] media-tooltip[position~=left]),:where(media-player [data-media-button][data-hocus] media-tooltip[position~=right]){transform:translate(0)scale(1)}}:where(.lucide){stroke-width:var(--era-icon-stroke-width)}:where(input[type=password]){-webkit-text-security:var(--era-mask-glyph,disc)}@keyframes era-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}:root,:host{--color-divider-faded:var(--era-divider-faded);--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-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)}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{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}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--era-roundness-scale:1}*,: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-space-y-reverse:0;--tw-border-style:solid;--tw-leading: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}}}.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-\(--era-xs-inset-sm\){inset:var(--era-xs-inset-sm)}.inset-x-\(--era-gap\){inset-inline:var(--era-gap)}.inset-x-\(--era-xs-inset-sm\){inset-inline:var(--era-xs-inset-sm)}.inset-y-\(--era-panel-inset\){inset-block:var(--era-panel-inset)}.-top-\(--era-gap\){top:calc(var(--era-gap) * -1)}.top-\(--era-gap\){top:var(--era-gap)}.top-\(--era-pad-md\){top:var(--era-pad-md)}.top-1\/2{top:50%}.top-\[calc\(var\(--era-inset-md\)\+\(var\(--era-text\)\*1\.625-var\(--era-h-sm\)\)\/2\)\]{top:calc(var(--era-inset-md) + (var(--era-text) * 1.625 - var(--era-h-sm)) / 2)}.top-full{top:100%}.-right-\(--era-gap\){right:calc(var(--era-gap) * -1)}.right-\(--era-gap\){right:var(--era-gap)}.right-\(--era-pad-md\){right:var(--era-pad-md)}.right-\[calc\(var\(--era-inset-md\)\+\(var\(--era-text\)\*1\.625-var\(--era-h-sm\)\)\/2\)\]{right:calc(var(--era-inset-md) + (var(--era-text) * 1.625 - var(--era-h-sm)) / 2)}.bottom-\(--era-gap\){bottom:var(--era-gap)}.bottom-\(--era-h-lg\){bottom:var(--era-h-lg)}.bottom-\(--era-pad-sm\){bottom:var(--era-pad-sm)}.bottom-\[calc\(100\%\+\(var\(--era-h-lg\)-var\(--era-h-sm\)\)\/2\+var\(--era-gap\)\)\]{bottom:calc(100% + (var(--era-h-lg) - var(--era-h-sm)) / 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%}.left-\(--era-pad-md\){left:var(--era-pad-md)}.left-\(--era-panel-inset\){left:var(--era-panel-inset)}.left-\(--era-video-hover-pct\){left:var(--era-video-hover-pct)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[55\]{z-index:55}.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%}.mx-\(--era-gap\){margin-inline:var(--era-gap)}.mx-\[0\.45em\]{margin-inline:.45em}.mx-auto{margin-inline:auto}.my-\(--era-gap\){margin-block:var(--era-gap)}.my-\[calc\(var\(--era-gap\)\/2\)\]{margin-block:calc(var(--era-gap) / 2)}.ms-auto{margin-inline-start:auto}.-mt-px{margin-top:-1px}.mt-\(--era-content-p\){margin-top:var(--era-content-p)}.mt-\(--era-gap\){margin-top:var(--era-gap)}.mt-\(--era-inset-sm\){margin-top:var(--era-inset-sm)}.mt-\(--era-pad-lg\){margin-top:var(--era-pad-lg)}.mt-\(--era-pad-md\){margin-top:var(--era-pad-md)}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.-mr-\(--era-inset-xxs\){margin-right:calc(var(--era-inset-xxs) * -1)}.mr-\(--era-gap\){margin-right:var(--era-gap)}.mr-auto{margin-right:auto}.mb-\(--era-gap\){margin-bottom:var(--era-gap)}.mb-\(--era-pad-md\){margin-bottom:var(--era-pad-md)}.-ml-\(--era-inset-xxs\){margin-left:calc(var(--era-inset-xxs) * -1)}.ml-\(--era-gap\){margin-left:var(--era-gap)}.ml-auto{margin-left:auto}.ml-px{margin-left:1px}.scrollbar-none::-webkit-scrollbar{display:none}.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-gap\){width:var(--era-gap);height:var(--era-gap)}.size-\(--era-h-lg\){width:var(--era-h-lg);height:var(--era-h-lg)}.size-\(--era-h-md\){width:var(--era-h-md);height:var(--era-h-md)}.size-\(--era-h-sm\){width:var(--era-h-sm);height:var(--era-h-sm)}.size-\(--era-h-xs\){width:var(--era-h-xs);height:var(--era-h-xs)}.size-\(--era-h-xxs\){width:var(--era-h-xxs);height:var(--era-h-xxs)}.size-\(--era-icon-xxs\){width:var(--era-icon-xxs);height:var(--era-icon-xxs)}.size-\(--era-x\){width:var(--era-x);height:var(--era-x)}.size-1\/2{width:50%;height:50%}.size-\[calc\(var\(--era-h-xs\)\*0\.75\)\]{width:calc(var(--era-h-xs) * .75);height:calc(var(--era-h-xs) * .75)}.size-full{width:100%;height:100%}.size-lg{width:var(--era-h-lg);height:var(--era-h-lg)}.size-md{width:var(--era-h-md);height:var(--era-h-md)}.size-sm{width:var(--era-h-sm);height:var(--era-h-sm)}.size-xs{width:var(--era-h-xs);height:var(--era-h-xs)}.size-xxs{width:var(--era-h-xxs);height:var(--era-h-xxs)}.h-\(--era-h-lg\){height:var(--era-h-lg)}.h-\(--era-h-md\){height:var(--era-h-md)}.h-\(--era-h-sm\){height:var(--era-h-sm)}.h-\(--era-h-xs\){height:var(--era-h-xs)}.h-\(--era-h-xxs\){height:var(--era-h-xxs)}.h-\(--era-sp\){height:var(--era-sp)}.h-\(--era-text\){height:var(--era-text)}.h-\(--era-x\){height:var(--era-x)}.h-\[0\.9em\]{height:.9em}.h-\[21px\]{height:21px}.h-\[calc\(var\(--era-h-lg\)\*3\)\]{height:calc(var(--era-h-lg) * 3)}.h-\[calc\(var\(--era-sp\)\/2\)\]{height:calc(var(--era-sp) / 2)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-lg{height:var(--era-h-lg)}.h-md{height:var(--era-h-md)}.h-px{height:1px}.h-screen{height:100vh}.h-sm{height:var(--era-h-sm)}.h-xs{height:var(--era-h-xs)}.h-xxs{height:var(--era-h-xxs)}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[calc\(var\(--era-h-md\)\*8\)\]{max-height:calc(var(--era-h-md) * 8)}.max-h-none{max-height:none}.min-h-\(--era-h-lg\){min-height:var(--era-h-lg)}.min-h-\(--era-h-md\){min-height:var(--era-h-md)}.min-h-lg{min-height:var(--era-h-lg)}.min-h-md{min-height:var(--era-h-md)}.min-h-screen{min-height:100vh}.min-h-sm{min-height:var(--era-h-sm)}.min-h-xs{min-height:var(--era-h-xs)}.min-h-xxs{min-height:var(--era-h-xxs)}.w-\(--era-h-md\){width:var(--era-h-md)}.w-\(--era-h-xs\){width:var(--era-h-xs)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-\[2px\]{width:2px}.w-\[calc\(var\(--era-h-md\)\*3\)\]{width:calc(var(--era-h-md) * 3)}.w-\[calc\(var\(--era-h-sm\)\+var\(--era-h-xs\)\)\]{width:calc(var(--era-h-sm) + var(--era-h-xs))}.w-\[min\(20rem\,85vw\)\]{width:min(20rem,85vw)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\[40\%\]{max-width:40%}.max-w-\[92ch\]{max-width:92ch}.max-w-full{max-width:100%}.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-md\){min-width:var(--era-h-md)}.min-w-\(--era-h-sm\){min-width:var(--era-h-sm)}.min-w-\(--era-h-xs\){min-width:var(--era-h-xs)}.min-w-\(--era-h-xxs\){min-width:var(--era-h-xxs)}.min-w-\(--era-h-…\){min-width:var(--era-h-…)}.min-w-\[18rem\]{min-width:18rem}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.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-xs\)\/2\)\]{--tw-translate-x:calc(calc(var(--era-h-xs) / 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-\[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-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-\[skeleton-pulse_2s_ease-in-out_infinite\]{animation:2s ease-in-out infinite skeleton-pulse}.animate-\[…\]{animation:…}.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-\[repeat\(auto-fill\,minmax\(19rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(19rem,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}.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-content-p\){gap:var(--era-content-p)}.gap-\(--era-gap\){gap:var(--era-gap)}.gap-\(--era-inset-md\){gap:var(--era-inset-md)}.gap-\(--era-inset-sm\){gap:var(--era-inset-sm)}.gap-\(--era-inset-xxs\){gap:var(--era-inset-xxs)}.gap-\(--era-pad-lg\){gap:var(--era-pad-lg)}.gap-\(--era-pad-md\){gap:var(--era-pad-md)}.gap-\(--era-pad-sm\){gap:var(--era-pad-sm)}.gap-\(--era-sp\){gap:var(--era-sp)}.gap-\(--era-xs-inset-md\){gap:var(--era-xs-inset-md)}.gap-\(--era-xs-inset-sm\){gap:var(--era-xs-inset-sm)}.gap-\(--era-xs-inset-xxs\){gap:var(--era-xs-inset-xxs)}.gap-\(--era-xxs-inset-md\){gap:var(--era-xxs-inset-md)}.gap-\(--t-inset-md\){gap:var(--t-inset-md)}.gap-\[calc\(var\(--era-gap\)\*2\)\]{gap:calc(var(--era-gap) * 2)}.gap-gutter{gap:var(--era-gap)}:where(.space-y-\(--era-gap\)>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--era-gap) * var(--tw-space-y-reverse));margin-block-end:calc(var(--era-gap) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-\(--era-content-p\){column-gap:var(--era-content-p)}.gap-x-\(--era-inset-md\){column-gap:var(--era-inset-md)}.gap-x-\(--era-inset-sm\){column-gap:var(--era-inset-sm)}.gap-y-\(--era-gap\){row-gap:var(--era-gap)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.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-lg\)\+var\(--era-gap\)\)\]{border-radius:calc(var(--era-rd-lg) + var(--era-gap))}.rounded-\(--era-item-rd\){border-radius:var(--era-item-rd)}.rounded-\(--era-rd-lg\){border-radius:var(--era-rd-lg)}.rounded-\(--era-rd-md\){border-radius:var(--era-rd-md)}.rounded-\(--era-rd-sm\){border-radius:var(--era-rd-sm)}.rounded-\(--era-rd-xs\){border-radius:var(--era-rd-xs)}.rounded-\(--era-rd-xxs\){border-radius:var(--era-rd-xxs)}.rounded-\(--era-x\){border-radius:var(--era-x)}.rounded-full{border-radius:3.40282e38px}.rounded-item{border-radius:var(--era-item-rd)}.rounded-lg{border-radius:var(--era-rd-lg)}.rounded-md{border-radius:var(--era-rd-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--era-rd-sm)}.rounded-xs{border-radius:var(--era-rd-xs)}.rounded-xxs{border-radius:var(--era-rd-xxs)}.rounded-t-\(--era-rd-lg\){border-top-left-radius:var(--era-rd-lg);border-top-right-radius:var(--era-rd-lg)}.rounded-t-\(--era-rd-md\){border-top-left-radius:var(--era-rd-md);border-top-right-radius:var(--era-rd-md)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\(--era-rd-lg\){border-top-left-radius:var(--era-rd-lg);border-bottom-left-radius:var(--era-rd-lg)}.rounded-r-\(--era-rd-lg\){border-top-right-radius:var(--era-rd-lg);border-bottom-right-radius:var(--era-rd-lg)}.rounded-b-\(--era-rd-lg\){border-bottom-right-radius:var(--era-rd-lg);border-bottom-left-radius:var(--era-rd-lg)}.rounded-b-\(--era-rd-sm\){border-bottom-right-radius:var(--era-rd-sm);border-bottom-left-radius:var(--era-rd-sm)}.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\:--era-border-color\),.border-\[color\:var\(--era-border-color\)\]{border-color:var(--era-border-color)}.border-border{border-color:var(--color-border)}.border-destructive{border-color:var(--color-destructive)}.border-divider{border-color:var(--era-divider-color)}.border-divider-faded{border-color:var(--era-divider-faded)}.border-primary{border-color:var(--color-primary)}.border-warning{border-color:var(--color-warning)}.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-field-bg\){background-color:var(--era-field-bg)}.bg-\(--era-highlight\){background-color:var(--era-highlight)}.bg-\(--era-overlay-bg\){background-color:var(--era-overlay-bg)}.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-\[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-surface-bg\)\]{background-color:var(--era-surface-bg)}.bg-\[var\(--era-x\)\]{background-color:var(--era-x)}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--color-destructive)}.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-highlight{background-color:var(--era-highlight)}.bg-hover{background-color:var(--color-hover)}.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-success{background-color:var(--color-success)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.bg-well{background-color:var(--era-surface-bg)}.\[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-current{fill:currentColor}.fill-warning{fill:var(--color-warning)}.object-cover{object-fit:cover}.p-content{padding:var(--era-content-p);padding-top:calc(var(--era-content-p) - var(--era-gap))}.p-\(--era-content-p\){padding:var(--era-content-p)}.p-\(--era-gap\){padding:var(--era-gap)}.p-\(--era-inset-md\){padding:var(--era-inset-md)}.p-\(--era-inset-sm\){padding:var(--era-inset-sm)}.p-\(--era-pad-lg\){padding:var(--era-pad-lg)}.p-\(--era-pad-md\){padding:var(--era-pad-md)}.p-\(--era-pad-sm\){padding:var(--era-pad-sm)}.p-\(--era-panel-inset\){padding:var(--era-panel-inset)}.p-\(--era-px-lg\){padding:var(--era-px-lg)}.p-\(--era-xs-inset-sm\){padding:var(--era-xs-inset-sm)}.p-card{padding:var(--era-pad-md)}.p-gutter{padding:var(--era-gap)}.p-inset-md{padding:var(--era-inset-md)}.p-inset-sm{padding:var(--era-inset-sm)}.p-inset-xxs{padding:var(--era-inset-xxs)}.p-menu{padding:var(--era-panel-inset)}.p-panel{padding:var(--era-pad-sm)}.p-px{padding:1px}.px-\(--era-field-px\){padding-inline:var(--era-field-px)}.px-\(--era-inset-md\){padding-inline:var(--era-inset-md)}.px-\(--era-inset-sm\){padding-inline:var(--era-inset-sm)}.px-\(--era-inset-xxs\){padding-inline:var(--era-inset-xxs)}.px-\(--era-pad-lg\){padding-inline:var(--era-pad-lg)}.px-\(--era-pad-md\){padding-inline:var(--era-pad-md)}.px-\(--era-pad-sm\){padding-inline:var(--era-pad-sm)}.px-\(--era-pill-sm\){padding-inline:var(--era-pill-sm)}.px-\(--era-pill-xxs\){padding-inline:var(--era-pill-xxs)}.px-\(--era-px-lg\){padding-inline:var(--era-px-lg)}.px-\(--era-px-sm\){padding-inline:var(--era-px-sm)}.px-\(--era-sp\){padding-inline:var(--era-sp)}.px-\(--era-x\){padding-inline:var(--era-x)}.px-\(--era-xs-inset-sm\){padding-inline:var(--era-xs-inset-sm)}.px-\(--era-xxs-inset-md\){padding-inline:var(--era-xxs-inset-md)}.px-\[calc\(var\(--era-sp\)\/2\)\]{padding-inline:calc(var(--era-sp) / 2)}.px-field{padding-inline:var(--era-field-px)}.px-gutter{padding-inline:var(--era-gap)}.px-inset-md{padding-inline:var(--era-inset-md)}.px-inset-sm{padding-inline:var(--era-inset-sm)}.px-inset-xxs{padding-inline:var(--era-inset-xxs)}.px-lg{padding-inline:var(--era-px-lg)}.px-md{padding-inline:var(--era-px-md)}.px-pill-sm{padding-inline:var(--era-pill-sm)}.px-pill-xxs{padding-inline:var(--era-pill-xxs)}.px-sm{padding-inline:var(--era-px-sm)}.py-\(--era-gap\){padding-block:var(--era-gap)}.py-\(--era-inset-md\){padding-block:var(--era-inset-md)}.py-\(--era-inset-sm\){padding-block:var(--era-inset-sm)}.py-\(--era-inset-xxs\){padding-block:var(--era-inset-xxs)}.py-\(--era-pad-lg\){padding-block:var(--era-pad-lg)}.py-\[calc\(\(var\(--era-h-md\)-1lh\)\/2\)\]{padding-block:calc((var(--era-h-md) - 1lh) / 2)}.py-\[calc\(var\(--era-pad-lg\)\*2\)\]{padding-block:calc(var(--era-pad-lg) * 2)}.py-\[calc\(var\(--era-sp\)\*4\)\]{padding-block:calc(var(--era-sp) * 4)}.py-gutter{padding-block:var(--era-gap)}.py-inset-md{padding-block:var(--era-inset-md)}.py-inset-sm{padding-block:var(--era-inset-sm)}.py-inset-xxs{padding-block:var(--era-inset-xxs)}.py-px{padding-block:1px}.ps-\(--era-field-px\){padding-inline-start:var(--era-field-px)}.ps-\(--era-gap\){padding-inline-start:var(--era-gap)}.ps-\(--era-pad-sm\){padding-inline-start:var(--era-pad-sm)}.pe-\(--era-sm-inset-md\){padding-inline-end:var(--era-sm-inset-md)}.pt-\(--era-content-p\){padding-top:var(--era-content-p)}.pt-\(--era-gap\){padding-top:var(--era-gap)}.pt-\(--era-inset-sm\){padding-top:var(--era-inset-sm)}.pt-\(--era-pad-lg\){padding-top:var(--era-pad-lg)}.pr-\(--era-pad-sm\){padding-right:var(--era-pad-sm)}.pr-\(--era-pill-sm\){padding-right:var(--era-pill-sm)}.pr-\(--era-pill-xxs\){padding-right:var(--era-pill-xxs)}.pr-\(--era-xs-inset-sm\){padding-right:var(--era-xs-inset-sm)}.pr-\(--era-xs-inset-xxs\){padding-right:var(--era-xs-inset-xxs)}.pr-\(--era-xxs-inset-md\){padding-right:var(--era-xxs-inset-md)}.pr-\[calc\(var\(--era-inset-md\)\+var\(--era-h-sm\)\+var\(--era-inset-md\)\)\]{padding-right:calc(var(--era-inset-md) + var(--era-h-sm) + var(--era-inset-md))}.pb-\(--era-gap\){padding-bottom:var(--era-gap)}.pb-\(--era-inset-sm\){padding-bottom:var(--era-inset-sm)}.pb-\(--era-pad-lg\){padding-bottom:var(--era-pad-lg)}.pb-\(--era-pad-md\){padding-bottom:var(--era-pad-md)}.pb-\(--era-sp\){padding-bottom:var(--era-sp)}.pl-\(--era-gap\){padding-left:var(--era-gap)}.pl-\(--era-inset-md\){padding-left:var(--era-inset-md)}.pl-\(--era-pill-sm\){padding-left:var(--era-pill-sm)}.pl-\(--era-pill-xxs\){padding-left:var(--era-pill-xxs)}.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}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[length\:calc\(var\(--era-text\)\*2\)\]{font-size:calc(var(--era-text) * 2)}.text-body{font-size:var(--era-text)}.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-lg\){--tw-leading:var(--era-h-lg);line-height:var(--era-h-lg)}.leading-\(--era-h-md\){--tw-leading:var(--era-h-md);line-height:var(--era-h-md)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-none{--tw-leading:1;line-height:1}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.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;-webkit-text-decoration-color:var(--color-muted);-webkit-text-decoration-color:var(--color-muted);text-decoration-color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.era-link{-webkit-text-decoration-color:color-mix(in oklch, var(--color-muted) 30%, transparent);-webkit-text-decoration-color:color-mix(in oklch, var(--color-muted) 30%, transparent);text-decoration-color:color-mix(in oklch, var(--color-muted) 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{-webkit-text-decoration-color:var(--color-fg);-webkit-text-decoration-color:var(--color-fg);text-decoration-color:var(--color-fg)}.text-\(--color-destructive\){color:var(--color-destructive)}.text-bright{color:var(--color-bright)}.text-destructive{color:var(--color-destructive)}.text-destructive-fg{color:var(--color-destructive-fg)}.text-fg{color:var(--color-fg)}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.text-primary-fg{color:var(--color-primary-fg)}.text-success{color:var(--color-success)}.text-success-fg{color:var(--color-success-fg)}.text-transparent{color:#0000}.text-warning{color:var(--color-warning)}.text-warning-fg{color:var(--color-warning-fg)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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}.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-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,.shadow\/shadow-lg{--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\:inset_0_-1px_0_var\(--color-divider-faded\)\]{box-shadow:inset 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-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-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-primary\/70{outline-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.outline-primary\/70{outline-color:color-mix(in oklab, var(--color-primary) 70%, transparent)}}.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-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,)}.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-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-base{transition-duration:var(--era-duration)}.ease-\(--era-ease\),.ease-base{--tw-ease:var(--era-ease);transition-timing-function:var(--era-ease)}.will-change-transform{will-change:transform}.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}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[text-box\:normal\]{text-box:normal}@media (hover:hover){.group-hover\:flex:is(:where(.group):hover *){display:flex}.group-hover\:hidden:is(:where(.group):hover *){display:none}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/att\:opacity-100:is(:where(.group\/att):hover *),.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}}.group-data-\[role\=user\]\:max-w-\[80\%\]:is(:where(.group)[data-role=user] *){max-width:80%}.group-data-\[role\=user\]\:rounded-\(--era-rd-md\):is(:where(.group)[data-role=user] *){border-radius:var(--era-rd-md)}.group-data-\[role\=user\]\:bg-\(--era-surface-bg-elevated\):is(:where(.group)[data-role=user] *){background-color:var(--era-surface-bg-elevated)}.group-data-\[role\=user\]\:p-\(--era-pad-sm\):is(:where(.group)[data-role=user] *){padding:var(--era-pad-sm)}.group-data-\[role\=user\]\:whitespace-pre-wrap:is(:where(.group)[data-role=user] *){white-space:pre-wrap}.group-data-\[role\=user\]\:shadow-\(--era-shadow\):is(:where(.group)[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\]\:bg-fg:is(:where(.group)[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}.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\:-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-\(--era-rd-md\):first-child{border-top-left-radius:var(--era-rd-md);border-bottom-left-radius:var(--era-rd-md)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:rounded-r-\(--era-rd-md\):last-child{border-top-right-radius:var(--era-rd-md);border-bottom-right-radius:var(--era-rd-md)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:bg-\(--era-field-highlight\):focus-within{background-color:var(--era-field-highlight)}.focus-within\:bg-\(--era-highlight\):focus-within{background-color:var(--era-highlight)}.focus-within\:opacity-100:focus-within{opacity:1}.focus-within\:shadow-\(--era-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\: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-field-bg\):hover{background-color:var(--era-field-bg)}.hover\:bg-\(--era-field-highlight\):hover{background-color:var(--era-field-highlight)}.hover\:bg-\(--era-highlight\):hover{background-color:var(--era-highlight)}.hover\:bg-destructive:hover{background-color:var(--color-destructive)}.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-\(--era-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\: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)}}.focus\:bg-\(--era-field-highlight\):focus{background-color:var(--era-field-highlight)}.focus\:bg-\(--era-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-\(--era-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-\(--era-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{--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-field-bg\):has(:is(button:hover)){background-color:var(--era-field-bg)}.has-\[button\:hover\]\:bg-\(--era-surface-bg-elevated\):has(:is(button:hover)){background-color:var(--era-surface-bg-elevated)}.has-\[svg\]\:gap-\(--era-inset-md\):has(:is(svg)){gap:var(--era-inset-md)}.has-\[svg\]\:gap-\(--era-inset-sm\):has(:is(svg)){gap:var(--era-inset-sm)}.has-\[svg\]\:gap-\(--era-inset-xxs\):has(:is(svg)){gap:var(--era-inset-xxs)}.aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-\[valuetext\=Empty\]\:text-muted[aria-valuetext=Empty]{color:var(--color-muted)}.data-\[active\]\:scale-\[0\.96\][data-active]{scale:.96}.data-\[active\]\:bg-\(--era-highlight\)[data-active]{background-color:var(--era-highlight)}.data-\[active\]\:text-fg[data-active]{color:var(--color-fg)}.data-\[bounded\]\:bg-\(--era-surface-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-\(--era-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]{background-color:var(--era-highlight)}.data-\[highlighted\]\:bg-hover[data-highlighted]{background-color:var(--color-hover)}.data-\[highlighted\]\:shadow-\(--era-highlight-shadow\)[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-\[neodrag-state\=dragging\]\:\[will-change\:translate\][data-neodrag-state=dragging]{will-change:translate}.data-\[orientation\=horizontal\]\:mx-\(--era-gap\)[data-orientation=horizontal]{margin-inline:var(--era-gap)}.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-\(--era-gap\)[data-orientation=vertical]{margin-block:var(--era-gap)}.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-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-xs\)\/2\)\][data-state=checked]{--tw-translate-x:calc(var(--era-h-xs) / 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-hover[data-state=on]{background-color:var(--color-hover)}.data-\[state\=on\]\:text-bright[data-state=on]{color:var(--color-bright)}.data-\[state\=on\]\:shadow-\(--era-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)}.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\]\:shadow-\(--era-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-color-scheme:dark){.dark\:scheme-only-dark{color-scheme:dark only}.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-\(--era-h-xs\) svg{width:var(--era-h-xs);height:var(--era-h-xs)}.\[\&_svg\]\:size-\(--era-icon-xs\) svg{width:var(--era-icon-xs);height:var(--era-icon-xs)}.\[\&_svg\]\:size-\(--era-icon-xxs\) svg{width:var(--era-icon-xxs);height:var(--era-icon-xxs)}.\[\&\: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-\(--era-rd-md\):has(+:not([data-pin-input-cell])){border-top-right-radius:var(--era-rd-md);border-bottom-right-radius:var(--era-rd-md)}.\[\&\>\*\]\: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-\(--era-gap\)>:not(:first-child):not([data-chips-cursor]){padding-left:var(--era-gap)}@media (hover:hover){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\]\:hover\:bg-\(--era-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-\(--era-rd-sm\){border-radius:var(--era-rd-sm)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-\(--era-surface-bg-elevated\){background-color:var(--era-surface-bg-elevated)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-hover{background-color:var(--color-hover)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:px-\(--era-inset-sm\){padding-inline:var(--era-inset-sm)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:text-bright{color:var(--color-bright)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\: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)}:root{background-color:var(--color-1);color:var(--color-fg)}:root,.dark{color-scheme:dark;--color-1:oklch(16.2% 0 0);--color-2:oklch(19.5% 0 0);--color-3:oklch(25.4% 0 0);--color-4:oklch(30.2% 0 0);--color-5:oklch(34.8% 0 0);--color-6:oklch(39.6% 0 0);--color-7:oklch(45.9% 0 0);--color-8:oklch(54.9% 0 0);--color-9:oklch(64.9% 0 0);--color-10:oklch(72% 0 0);--color-11:oklch(86.3% 0 0);--color-12:oklch(93.3% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25% 0 0);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}:root,.dark{--color-destructive:oklch(64.68% .2039 27.2);--color-destructive-fg:oklch(96% 0 0);--color-success:oklch(65% .17 145);--color-success-fg:oklch(96% 0 0);--color-warning:oklch(80% .16 85);--color-warning-fg:oklch(16.2% 0 0)}@media (prefers-color-scheme:light){:root:not(.dark){color-scheme:light;--color-1:oklch(93.3% 0 0);--color-2:oklch(86.3% 0 0);--color-3:oklch(72% 0 0);--color-4:oklch(64.9% 0 0);--color-5:oklch(54.9% 0 0);--color-6:oklch(45.9% 0 0);--color-7:oklch(39.6% 0 0);--color-8:oklch(34.8% 0 0);--color-9:oklch(30.2% 0 0);--color-10:oklch(25.4% 0 0);--color-11:oklch(19.5% 0 0);--color-12:oklch(16.2% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 0);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}:root:not(.dark){--color-destructive:oklch(64.68% .2039 27.2);--color-destructive-fg:oklch(98% 0 0);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 0);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 0)}}.light{color-scheme:light;--color-1:oklch(93.3% 0 0);--color-2:oklch(86.3% 0 0);--color-3:oklch(72% 0 0);--color-4:oklch(64.9% 0 0);--color-5:oklch(54.9% 0 0);--color-6:oklch(45.9% 0 0);--color-7:oklch(39.6% 0 0);--color-8:oklch(34.8% 0 0);--color-9:oklch(30.2% 0 0);--color-10:oklch(25.4% 0 0);--color-11:oklch(19.5% 0 0);--color-12:oklch(16.2% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 0);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}.light{--color-destructive:oklch(64.68% .2039 27.2);--color-destructive-fg:oklch(98% 0 0);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 0);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 0)}: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-bright:var(--color-12);--color-muted:var(--color-10);--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-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}: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-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}[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(25% .019 56);--color-2:oklch(30% .022 57);--color-3:oklch(37% .026 58);--color-4:oklch(45% .03 58);--color-5:oklch(54% .034 59);--color-6:oklch(62% .036 58);--color-7:oklch(70% .035 57);--color-8:oklch(76% .033 56);--color-9:oklch(80% .034 54);--color-10:oklch(84% .028 62);--color-11:oklch(89% .022 70);--color-12:oklch(93% .016 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],[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-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(80% .034 54);--color-primary-fg:var(--color-1);--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-12);--color-success:oklch(71% .09 164);--color-success-fg:var(--color-1);--color-warning:oklch(78% .1 85);--color-warning-fg:var(--color-1)}@media (prefers-color-scheme:light){:root[data-theme=sand]:not(.dark){color-scheme:light;--color-1:oklch(96% .01 78);--color-2:oklch(92% .014 74);--color-3:oklch(85% .02 68);--color-4:oklch(78% .026 62);--color-5:oklch(69% .032 57);--color-6:oklch(60% .035 54);--color-7:oklch(52% .033 52);--color-8:oklch(45% .03 50);--color-9:oklch(39% .026 48);--color-10:oklch(32% .022 46);--color-11:oklch(26% .018 44);--color-12:oklch(21% .014 42);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(88% .016 72);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}: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(96% .01 78);--color-2:oklch(92% .014 74);--color-3:oklch(85% .02 68);--color-4:oklch(78% .026 62);--color-5:oklch(69% .032 57);--color-6:oklch(60% .035 54);--color-7:oklch(52% .033 52);--color-8:oklch(45% .03 50);--color-9:oklch(39% .026 48);--color-10:oklch(32% .022 46);--color-11:oklch(26% .018 44);--color-12:oklch(21% .014 42);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(88% .016 72);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--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%, black)}}[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% .005 248);--color-2:oklch(22.5% .007 258);--color-3:oklch(29% .01 258);--color-4:oklch(35.5% .011 258);--color-5:oklch(43.5% .011 257);--color-6:oklch(51.5% .01 256);--color-7:oklch(59.6% .009 255);--color-8:oklch(67.7% .006 200);--color-9:oklch(73% .005 190);--color-10:oklch(78% .005 180);--color-11:oklch(83% .004 157);--color-12:oklch(90% .004 157);--color-border:var(--color-4);--color-surface:var(--color-2);--color-hover:oklch(25.5% .009 258);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-8);--color-link:oklch(69.75% .0551 244.3);--color-primary:oklch(69.75% .0551 244.3);--color-primary-fg:oklch(16.8% .005 248);--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%, black)}}:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-destructive:oklch(63.08% .1298 21.4);--color-destructive-fg:oklch(16.8% .005 248);--color-success:oklch(77.33% .1095 113.4);--color-success-fg:oklch(16.8% .005 248);--color-warning:oklch(84.62% .1115 82.9);--color-warning-fg:oklch(16.8% .005 248)}@media (prefers-color-scheme:light){:root[data-theme=signalnine]:not(.dark){color-scheme:light;--color-1:oklch(100% 0 0);--color-2:oklch(94.39% .0251 271.14);--color-3:oklch(88.7% .0368 265.13);--color-4:oklch(84.4% .0447 265.6);--color-5:oklch(76.67% .0612 261.83);--color-6:oklch(70% .074 263);--color-7:oklch(63.1% .0915 260.33);--color-8:oklch(57% .12 262);--color-9:oklch(51% 0 0);--color-10:oklch(38.55% .1534 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .014 268.5);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(59.6% .22 265.8);--color-primary-fg:oklch(100% 0 0);--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%, black)}}:root[data-theme=signalnine]:not(.dark){--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 0);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 0);--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 0);--color-2:oklch(94.39% .0251 271.14);--color-3:oklch(88.7% .0368 265.13);--color-4:oklch(84.4% .0447 265.6);--color-5:oklch(76.67% .0612 261.83);--color-6:oklch(70% .074 263);--color-7:oklch(63.1% .0915 260.33);--color-8:oklch(57% .12 262);--color-9:oklch(51% 0 0);--color-10:oklch(38.55% .1534 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .014 268.5);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(59.6% .22 265.8);--color-primary-fg:oklch(100% 0 0);--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%, black)}}[data-theme=signalnine].light{--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 0);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 0);--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-xs:calc(var(--era-sp) + .375rem);--era-icon-stroke-width:1.75;--era-icon-xxs:calc(var(--era-sp) + .25rem);--era-icon-xs:calc(var(--era-sp) + .125rem);--era-h-xxs:calc(var(--era-sp) + .625rem);--era-h-sm:calc(2 * var(--era-sp) + .375rem);--era-h-md:calc(3 * var(--era-sp));--era-h-lg:calc(4 * var(--era-sp));--era-px-sm:calc(var(--era-sp) * .5);--era-px-md:calc(var(--era-sp) * .5);--era-px-lg:calc(var(--era-sp) * .5);--era-gap:calc(var(--era-sp) * .5);--era-inset-xxs:max(0px, calc((var(--era-h-xxs) - var(--era-text)) / 2));--era-inset-sm:max(0px, calc((var(--era-h-sm) - var(--era-text)) / 2));--era-inset-md:max(0px, calc((var(--era-h-md) - var(--era-text)) / 2));--era-pill-xxs:max(0px, calc((var(--era-h-xxs) - .6 * var(--era-text)) / 2));--era-pill-sm:max(0px, calc((var(--era-h-sm) - .6 * var(--era-text)) / 2));--era-field-px:max(var(--era-pill-sm), .5rem);--era-xs-inset-sm:calc((var(--era-h-sm) - var(--era-h-xs)) / 2);--era-xs-inset-xxs:calc((var(--era-h-xxs) - var(--era-h-xs)) / 2);--era-xxs-inset-md:calc((var(--era-h-md) - var(--era-h-xxs)) / 2);--era-xs-inset-md:calc((var(--era-h-md) - var(--era-h-xs)) / 2);--era-xs-inset-lg:calc((var(--era-h-lg) - var(--era-h-xs)) / 2);--era-sm-inset-md:calc((var(--era-h-md) - var(--era-h-sm)) / 2);--era-sm-inset-lg:calc((var(--era-h-lg) - var(--era-h-sm)) / 2);--era-roundness:calc(var(--era-roundness-scale) * var(--era-sp) / 2.618);--era-rd-xs:max(0px, var(--era-roundness));--era-rd-xxs:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-xxs) - var(--era-h-xs)) / 2));--era-rd-sm:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-sm) - var(--era-h-xs)) / 2));--era-rd-md:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-md) - var(--era-h-xs)) / 2));--era-rd-lg:max(0px, calc(var(--era-roundness) + var(--era-roundness-scale) * (var(--era-h-lg) - var(--era-h-xs)) / 2));--era-so:calc(var(--era-sp) * (1 + var(--era-density)) / 2);--era-pad-sm:calc(var(--era-so) / 2);--era-pad-md:var(--era-so);--era-pad-lg:calc(var(--era-so) * 2);--era-content-p:var(--era-pad-lg)}:root{--era-roundness-scale:1;--era-mask-glyph:disc}:root,[data-mode=dense]{--era-sp:.5rem;--era-density:1;--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-xs) / 2)}[data-corners=square]{--era-roundness-scale:0;--era-mask-glyph:square}:root{transition:--era-roundness-scale var(--era-duration) var(--era-ease);--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,[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);--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:var(--color-hover);--era-highlight-shadow:var(--era-shadow);--era-press-sink-x:0px;--era-press-sink-y:0px;--era-panel-inset:0px;--era-item-rd-scale:0;--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:calc(var(--era-item-rd-scale) * max(0px, calc(var(--era-rd-md) - var(--era-panel-inset))))}[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-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-item-rd-scale:1;--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-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-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-item-rd-scale:1;--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}[data-font=mono],[data-font=mono] *{font-family:var(--font-mono,ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace)!important}[data-font=sans],[data-font=sans] *{font-family:var(--font-sans,system-ui, sans-serif)!important}[data-font=serif],[data-font=serif] *{font-family:var(--font-serif,ui-serif, Georgia, "Times New Roman", serif)!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}:where(media-player) :where([data-media-button]>shadow-root,[data-media-slider]:not([data-styled])>shadow-root,[data-media-menu-button]>shadow-root){display:none}:where(media-player) :where([data-media-slider][data-styled]>shadow-root){display:contents}:where(media-player){--media-focus-ring:0 0 0 3px #4e9cf6;contain:layout style;box-sizing:border-box;-webkit-user-select:none;user-select:none;width:100%;display:inline-block;position:relative}media-player:focus,media-player:focus-visible{outline:none}:where(media-player[data-focus]:not([data-playing]) media-outlet){box-shadow:var(--media-focus-ring)}:where(media-player[data-view-type=video][data-user-idle]){pointer-events:auto;cursor:none}:where(media-outlet){box-sizing:border-box;background-color:var(--media-outlet-bg-color,black);display:block}:where(media-player[data-fullscreen] media-outlet){height:100%}:where(media-player[data-view-type=audio] media-outlet){background-color:unset}:where(media-outlet audio){width:100%}:where(media-outlet video){touch-action:manipulation;width:100%;height:auto;display:inline-block}:where(media-player[aspect-ratio]:not([data-fullscreen]) media-outlet){width:100%;height:0;padding-bottom:min(max(var(--media-min-height,150px), calc(100% / var(--media-aspect-ratio))), var(--media-max-height,100vh));position:relative}:where(media-player[aspect-ratio] media-outlet>shadow-root>*){width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}:where(media-icon,media-icon svg){vertical-align:middle;width:100%;height:100%;display:block}:where(media-time){contain:content;font-size:var(--media-time-font-size,14px);font-weight:var(--media-time-font-weight,400);font-family:var(--media-font-family,sans-serif);color:var(--media-time-color,inherit);background-color:var(--media-time-bg);border-radius:var(--media-time-border-radius);letter-spacing:var(--media-time-letter-spacing,.025em);display:inline-block}:where(media-player [data-media-button]){contain:layout style;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:inline-block;position:relative}:where(media-player [data-media-button]:focus){outline:none}:where(media-player [data-media-button][data-focus]) :where([slot],[data-media-icon]){box-shadow:var(--media-focus-ring)}:where(media-player [data-media-button][data-focus] media-tooltip [slot]){box-shadow:unset}:where(media-live-indicator:not([data-live])){cursor:unset}:where(media-player [data-media-slider]){contain:layout style;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;width:100%;display:inline-block;position:relative}:where(media-player [data-media-slider][disabled]){cursor:unset}:where(media-player [data-media-slider]:focus){outline:none}:where(media-player [data-media-slider][data-focus] [part=track]){box-shadow:var(--media-focus-ring)}:where(media-player [data-media-slider][data-chapters][data-focus] [part=chapter]){clip-path:inset(-2px)}:where(media-player[data-bp-x=sm]) :where(media-time-slider [part=chapters]),:where(media-player:not([data-bp-x=sm])) :where(media-time-slider[data-chapters]>:not(shadow-root,[slot]),media-time-slider[data-chapters]>shadow-root>[part~=track]),:where(media-volume-slider [part~=track-progress]){display:none!important}:where(media-slider-value){contain:content;font-size:14px;font-family:var(--media-font-family,sans-serif);display:inline-block}:where(media-slider-thumbnail){contain:content;box-sizing:border-box;display:block}:where(media-thumbnail){width:var(--thumbnail-width);height:var(--thumbnail-height);background-color:var(--media-thumbnail-bg,black);contain:strict;box-sizing:border-box;border:var(--media-thumbnail-border,1px solid white);min-width:var(--media-thumbnail-min-width,120px);min-height:var(--media-thumbnail-min-height,80px);max-width:var(--media-thumbnail-max-width,180px);max-height:var(--media-thumbnail-max-height,160px);display:block;overflow:hidden}:where(media-thumbnail [part=img]){min-width:unset!important;max-width:unset!important}:where(media-slider-video){box-sizing:border-box;contain:content;border:var(--media-thumbnail-border,1px solid white);background-color:#000;display:inline-block}:where(media-slider-video [part=video]){width:156px;height:auto;display:block}:where(media-slider-video[data-loading]){opacity:0}:where(media-slider-video[aria-hidden=true],media-slider-video[aria-hidden=true] [part=video]){width:0;display:none}:where(media-poster){contain:content;opacity:0;pointer-events:none;object-fit:cover;box-sizing:border-box;width:100%;height:100%;transition:opacity .2s ease-out;display:block;position:absolute;top:0;left:0}:where(media-poster [part=img]){object-fit:inherit;object-position:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%;height:100%}:where(media-poster[aria-hidden=true]){display:none}:where(media-player[data-view-type=video]:not([data-started]) media-poster){opacity:1}:where(media-gesture){contain:content;z-index:0;opacity:0;visibility:hidden;display:block;position:absolute;pointer-events:none!important}:where(media-menu>[data-media-menu-items]:focus),:where(media-menu) :where([role=menuitem]:focus,[role=menuitemradio]:focus){outline:none}:where(media-menu) :where([role=menuitem]:focus-visible,[role=menuitem][data-focus],[role=menuitemradio]:focus-visible,[role=menuitemradio][data-focus]),:where(media-menu>[data-media-menu-button][role=button][data-focus] [data-media-icon]),:where(media-menu>[data-media-menu-button][role=button][data-focus] svg),:where(media-radio[data-focus]){box-shadow:var(--media-focus-ring);outline:none}:where(media-player [data-media-button][aria-hidden=true]),:where(media-player [data-media-slider][aria-hidden=true]),:where(media-thumbnail[aria-hidden=true]),:where(media-slider-thumbnail[aria-hidden=true]){display:none!important}:where(media-player [data-media-button]){-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:var(--media-button-border-radius,2px);color:var(--media-button-color,var(--media-controls-color,#f5f5f5));width:var(--media-button-size,40px);height:var(--media-button-size,40px);justify-content:center;align-items:center;transition:transform .2s ease-out;display:inline-flex}:where(media-player[data-fullscreen] [data-media-button]){width:var(--media-fullscreen-button-size,42px);height:var(--media-fullscreen-button-size,42px)}:where(media-player[data-bp-x=sm][data-fullscreen] [data-media-button]){width:var(--media-mobile-fullscreen-button-size,42px);height:var(--media-mobile-fullscreen-button-size,42px)}:where(media-player) :where([data-media-button]>svg,[data-media-button]>media-icon,[data-media-button]>shadow-root>svg,[data-media-button]>shadow-root>media-icon){width:var(--media-button-icon-size,80%);height:var(--media-button-icon-size,80%);border-radius:var(--media-button-border-radius,2px)}:where(media-player [data-media-button]>shadow-root){display:contents}:where(media-player [data-media-button]:not([default-appearance])>shadow-root:not(:only-child)){display:none}:where(media-player [data-media-button] [slot]){display:none!important}:where(media-player) :where(media-toggle-button[data-pressed] [slot=on],media-toggle-button:not([data-pressed]) [slot=off],media-play-button[data-paused]:not([data-ended]) [slot=play],media-play-button[data-ended] [slot=replay],media-play-button:not([data-paused]) [slot=pause],media-mute-button[data-volume=high] [slot=volume-high],media-mute-button[data-volume=low] [slot=volume-low],media-mute-button[data-volume=muted] [slot=volume-muted],media-mute-button[data-volume=muted] [slot=unmute],media-mute-button:not([data-volume=muted]) [slot=mute],media-pip-button:not([data-pip]) [slot=enter],media-pip-button[data-pip] [slot=exit],media-caption-button:not([data-pressed]) [slot=off],media-caption-button[data-pressed] [slot=on],media-fullscreen-button:not([data-fullscreen]) [slot=enter],media-fullscreen-button[data-fullscreen] [slot=exit],media-seek-button:not([seconds*=\-]) [slot=forward],media-seek-button[seconds*=\-] [slot=backward],media-menu [data-media-menu-button][data-pressed] [slot=close],media-menu [data-media-menu-button]:not([data-pressed]) [slot=open]){display:inline-block!important}:where(media-player [data-media-button][aria-hidden=true]){display:none}@media (pointer:fine){:where(media-player [data-media-button][data-hover]){background-color:var(--media-button-hover-bg,#fff3);transform:var(--media-button-hover-transform,scale(1));transition:var(--media-button-hover-transition,transform .2s ease-in)}}@media (pointer:coarse){:where(media-player [data-media-button][data-hover]){border-radius:var(--media-button-touch-hover-border-radius,100%);background-color:var(--media-button-touch-hover-bg,#fff3)}}:where(media-player [data-media-slider]){-webkit-tap-highlight-color:transparent;--width:var(--media-slider-width,100%);--height:var(--media-slider-height,48px);--thumb-size:var(--media-slider-thumb-size,15px);--thumb-focus-size:var(--media-slider-focused-thumb-size,calc(var(--thumb-size) * 1.1));--track-width:var(--media-slider-track-width,100%);--track-height:var(--media-slider-track-height,5px);--track-focus-width:var(--media-slider-focused-track-width,var(--track-width));--track-focus-height:var(--media-slider-focused-track-height,calc(var(--track-height) * 1.25));width:var(--width);height:var(--height);margin:0 calc(var(--thumb-size) / 2);contain:layout style}:where(media-player [data-media-slider]>shadow-root){display:contents}:where(media-player [data-media-slider] [part~=track]){z-index:0;width:var(--track-width);height:var(--track-height);border-radius:var(--media-slider-track-border-radius,1px);background-color:var(--media-slider-track-bg,#ffffff4d);contain:strict;position:absolute;top:50%;left:0;transform:translateY(-50%)translateZ(0)}:where(media-player [data-media-slider] [part=track]){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:where(media-player [data-media-slider][data-focus] [part=track]){outline-offset:var(--thumb-size)}:where(media-player [data-media-slider]:not([data-chapters])[data-interactive] [part*=track]){width:var(--track-focus-width);height:var(--track-focus-height)}:where(media-player [data-media-slider] [part~=track-fill]){z-index:2;background-color:var(--media-slider-track-fill-bg,#fafafa);width:var(--slider-fill-percent);will-change:width}:where(media-player[data-live] media-time-slider [part~=track-fill]){background-color:var(--media-slider-track-fill-live-bg,#dc2626)}:where(media-time-slider [part~=track-progress]){z-index:1;width:var(--media-buffered-percent,0%);will-change:width;background-color:var(--media-slider-track-progress-bg,#ffffff80);left:0}:where(media-player [data-media-slider] [part=thumb-container]){z-index:2;top:0;left:var(--slider-fill-percent);width:var(--thumb-size);will-change:left;pointer-events:none;contain:layout size style;height:100%;position:absolute;transform:translate(-50%)translateZ(0)}:where(media-player [data-media-slider] [part=thumb]){opacity:0;contain:strict;width:var(--thumb-size);height:var(--thumb-size);border:var(--media-slider-thumb-border,1px solid #cacaca);border-radius:var(--media-slider-thumb-border-radius,9999px);background-color:var(--media-slider-thumb-bg,#fff);pointer-events:none;transition:opacity .15s ease-in;position:absolute;top:50%;left:0;transform:translateY(-50%)translateZ(0)}:where(media-player) :where([data-media-slider][data-dragging],[data-media-slider][data-focus]) :where([part=thumb]){box-shadow:var(--media-slider-focused-thumb-shadow,0 0 0 4px #fff6)}:where(media-player [data-media-slider][data-interactive] [part=thumb]){opacity:1;transition:var(--media-slider-thumb-transition,opacity .2s ease-in, box-shadow .2s ease)}:where(media-player [data-media-slider][data-dragging] [part=thumb]){width:var(--thumb-focus-size);height:var(--thumb-focus-size)}:where(media-player [data-media-slider] [slot=preview]){left:var(--preview-left);bottom:calc(100% + var(--media-slider-preview-gap,-4px));opacity:0;background-color:var(--media-slider-preview-bg);border-radius:var(--media-slider-preview-border-radius,2px);pointer-events:none;will-change:left, opacity;contain:layout paint style;flex-direction:column;align-items:center;transition:opacity .2s ease-out;display:flex;position:absolute;transform:translate(-50%)translateZ(0)}:where(media-player [data-media-slider][data-interactive] [slot=preview]){opacity:1;transition:opacity .2s ease-in}:where(media-player [data-media-slider] media-slider-value){padding:var(--media-slider-value-padding,1px 10px);color:var(--media-slider-value-color,white);background-color:var(--media-slider-value-bg,black);border-radius:var(--media-slider-value-border-radius,2px);border:var(--media-slider-value-border)}:where(media-slider-video:not([aria-hidden=true])+media-slider-value,media-slider-video:not([aria-hidden=true])+[part=chapter-title],media-slider-thumbnail:not([aria-hidden=true])+media-slider-value,media-slider-thumbnail:not([aria-hidden=true])+[part=chapter-title]){margin-top:var(--media-slider-value-gap,8px)}:where(media-player:not([data-can-play]) media-time-slider media-slider-value){display:none}:where(media-player [data-media-slider][aria-orientation=vertical]){--width:var(--media-slider-width,48px);--height:var(--media-slider-height,100%);--track-width:var(--media-slider-track-width,4px);--track-height:var(--media-slider-track-height,100%);--track-focus-width:var(--media-slider-focused-track-width,calc(var(--track-width) * 1.25));--track-focus-height:var(--media-slider-focused-track-height,var(--track-height));margin:calc(var(--thumb-size) / 2) 0}:where(media-player [data-media-slider][aria-orientation=vertical] [part*=track]){top:unset;bottom:0;left:50%;transform:translate(-50%)translateZ(0)}:where(media-player [data-media-slider][aria-orientation=vertical] [part~=track-fill]){width:var(--track-width);height:var(--slider-fill-percent);will-change:height;transform:translate(-50%)translateZ(0)}:where(media-player [data-media-slider][aria-orientation=vertical] [part~=track-progress]){top:unset;width:var(--track-width);height:var(--media-buffered-percent,0%);will-change:height;bottom:0}:where(media-player [data-media-slider][aria-orientation=vertical] [part=thumb-container]){top:unset;bottom:var(--slider-fill-percent);will-change:bottom;width:100%;left:50%;transform:translate(-50%)translateZ(0)}:where(media-player [data-media-slider][aria-orientation=vertical][data-dragging] [part=thumb-container]){top:unset}:where(media-player [data-media-slider][aria-orientation=vertical] [part=thumb]){top:unset;bottom:0;left:50%;transform:translate(-50%)translateY(50%)translateZ(0)}:where(media-player [data-media-slider][aria-orientation=vertical] [slot=preview]){top:unset;left:calc(100% + var(--media-slider-vertical-preview-gap,4px));bottom:var(--preview-bottom);will-change:bottom;transform:translateY(50%)translateZ(0)}:where(media-time-slider [part=chapters]){contain:layout style;align-items:center;width:100%;height:100%;display:flex;position:relative}:where(media-time-slider [part=chapter-container]){contain:layout style;align-items:center;width:0%;height:100%;margin-right:2px;display:flex}:where(media-time-slider [part=chapter-container]:last-child){margin-right:0}:where(media-time-slider [part=chapter]){width:100%;height:var(--track-height);will-change:height, transform;contain:layout style;border-radius:var(--media-slider-track-border-radius,1px);align-items:center;display:flex;position:relative}@media (pointer:fine){:where(media-time-slider [part=chapter-container]:hover [part=chapter]){transform:var(--media-slider-chapter-hover-transform,scaleY(2));transition:var(--media-slider-chapter-hover-transition,transform .1s cubic-bezier(.4, 0, 1, 1))}}:where(media-time-slider [part=chapter-title]){font-family:var(--media-font-family,sans-serif);font-size:var(--media-slider-chapter-title-font-size,14px);color:var(--media-slider-chapter-title-color,#f5f5f5);background-color:var(--media-slider-chapter-title-bg)}:where(media-buffering-indicator){pointer-events:none;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}:where(media-buffering-indicator [part=icon]){width:var(--media-buffering-size,84px);height:var(--media-buffering-size,84px);opacity:0;transition:var(--media-buffering-transition,opacity .2s ease)}:where(media-buffering-indicator [part=track]){color:var(--media-buffering-track-color,#f5f5f5);opacity:var(--media-buffering-track-opacity,.25);stroke-width:var(--media-buffering-track-width,8)}:where(media-buffering-indicator [part=track-fill]){color:var(--media-buffering-track-fill-color,#f5f5f5);opacity:var(--media-buffering-track-fill-opacity,.75);stroke-width:var(--media-buffering-track-fill-width,9);stroke-dasharray:100;stroke-dashoffset:var(--media-buffering-track-fill-offset,50)}:where(media-buffering-indicator[data-buffering] [part=icon]){opacity:1;animation:var(--media-buffering-animation,media-buffering-spin 1s linear infinite)}@keyframes media-buffering-spin{to{transform:rotate(360deg)}}:where(media-captions){--overlay-padding:var(--media-captions-padding,1%);--cue-color:var(--media-cue-color,white);--cue-bg-color:var(--media-cue-bg,#000000b3);--cue-font-size:var(--media-cue-font-size,calc(var(--overlay-height) / 100 * 5));--cue-line-height:var(--media-cue-line-height,calc(var(--cue-font-size) * 1.2));--cue-padding-x:var(--media-cue-padding-x,calc(var(--cue-font-size) * .6));--cue-padding-y:var(--media-cue-padding-x,calc(var(--cue-font-size) * .4));z-index:1;contain:layout style size;margin:var(--overlay-padding);font-size:var(--cue-font-size);box-sizing:border-box;pointer-events:none;-webkit-user-select:none;user-select:none;word-spacing:normal;word-break:break-word;font-family:sans-serif;position:absolute;inset:0}:where(media-player[data-fullscreen][data-bp-x=lg] media-captions){--cue-font-size:var(--media-large-fullscreen-cue-font-size,calc(var(--overlay-height) / 100 * 3))}@media (orientation:portrait){:where(media-player[data-bp-x=sm][data-fullscreen] media-captions){--cue-font-size:18px}}:where(media-player[data-view-type=audio] media-captions){margin:0;position:relative}:where(media-captions[aria-hidden=true]){opacity:0;visibility:hidden}:where(media-captions [part=cue-display]){contain:content;top:var(--cue-top);left:var(--cue-left);right:var(--cue-right);bottom:var(--cue-bottom);width:var(--cue-width,auto);height:var(--cue-height,auto);box-sizing:border-box;transform:var(--cue-transform);text-align:var(--cue-text-align);writing-mode:var(--cue-writing-mode,unset);white-space:pre-line;min-width:min-content;min-height:min-content;padding:var(--media-cue-display-padding);background-color:var(--media-cue-display-bg);border-radius:var(--media-cue-display-border-radius);direction:ltr;unicode-bidi:plaintext;position:absolute;overflow:visible}:where(media-captions[data-dir=rtl] [part=cue-display]){direction:rtl}:where(media-captions [part=cue]){contain:content;border:var(--media-cue-border,unset);border-radius:var(--media-cue-border-radius,2px);-webkit-backdrop-filter:var(--media-cue-backdrop,blur(8px));backdrop-filter:var(--media-cue-backdrop,blur(8px));padding:var(--cue-padding-y) var(--cue-padding-x);line-height:var(--cue-line-height);background-color:var(--cue-bg-color);box-sizing:border-box;color:var(--cue-color);box-shadow:var(--media-cue-box-shadow,var(--cue-box-shadow));white-space:var(--cue-white-space,pre-wrap);outline:var(--cue-outline);text-shadow:var(--cue-text-shadow);display:inline-block}:where(media-captions [part=cue-display][data-vertical] [part=cue]){padding:var(--cue-padding-x) var(--cue-padding-y)}:where(media-captions [part=region]){width:var(--region-width);height:var(--region-height);min-height:0;max-height:var(--region-height);writing-mode:horizontal-tb;top:calc(var(--region-top,var(--overlay-height) * var(--region-viewport-anchor-y) / 100 - var(--region-height) * var(--region-anchor-y) / 100));left:var(--region-left,calc(calc(var(--region-viewport-anchor-x) * 1%) - calc(var(--region-width) * var(--region-anchor-x) / 100)));right:var(--region-right);bottom:var(--region-bottom);overflow-wrap:break-word;box-sizing:border-box;flex-flow:column;justify-content:flex-start;display:inline-flex;position:absolute;overflow:hidden}:where(media-captions [part=region][data-scroll=up]){justify-content:end}:where(media-captions [part=region][data-active][data-scroll=up]){transition:top .433s}:where(media-captions [part=region]>[part=cue-display]){width:auto;left:var(--cue-offset);height:var(--cue-height,auto);text-align:var(--cue-text-align);unicode-bidi:plaintext;margin-top:2px;position:relative}:where(media-captions [part=region] [part=cue]){border-radius:0;position:relative}:where(media-live-indicator){min-width:auto;min-height:auto}:where(media-live-indicator [part=container]){width:var(--media-live-indicator-width,40px);height:var(--media-live-indicator-height,40px);justify-content:center;align-items:center;display:flex}:where(media-live-indicator [part=text]){background-color:var(--media-live-indicator-bg,#8a8a8a);border-radius:var(--media-live-indicator-border-radius,2px);color:var(--media-live-indicator-color,#161616);font-family:var(--media-font-family,sans-serif);font-size:var(--media-live-indicator-font-size,12px);font-weight:var(--media-live-indicator-font-weight,600);letter-spacing:var(--media-live-indicator-letter-spacing,1.5px);padding:var(--media-live-indicator-padding,1px 4px);transition:color .3s}:where(media-live-indicator[data-live-edge] [part=text]){background-color:var(--media-live-indicator-edge-bg,#dc2626);color:var(--media-live-indicator-edge-color,#f5f5f5)}:where(media-live-indicator[data-focus] [part=text]){box-shadow:var(--media-focus-ring)}:where(media-live-indicator:not([data-live])>shadow-root),:where(media-live-indicator:not([data-live]) [slot=live],media-live-indicator[data-live-edge] [slot=live],media-live-indicator[data-live] [slot=not-live],media-live-indicator:not([data-live-edge]) [slot=live-edge]){display:none}@media (pointer:fine){:where(media-live-indicator[data-hover]){background-color:unset}}:where(media-menu){box-sizing:border-box;font-family:var(--media-font-family,sans-serif);font-size:var(--media-menu-font-size,15px);font-weight:var(--media-menu-font-weight,500);display:inline-flex;position:relative}:where(media-menu[data-open]){z-index:99999}:where(media-menu[data-disabled]:not([data-submenu])){display:none}:where(media-menu media-menu){display:inline-block}@media (prefers-reduced-motion:no-preference){:where(media-menu>[data-media-menu-items]){scroll-behavior:smooth}}:where(media-menu>[data-media-menu-items]){box-sizing:border-box;min-width:var(--media-menu-min-width,260px);scrollbar-width:thin}:where(media-menu>[data-media-menu-items])::-webkit-scrollbar{border-radius:var(--media-menu-border-radius,8px);background-color:#000;width:5px;height:6px}:where(media-menu>[data-media-menu-items])::-webkit-scrollbar-track{background-color:var(--media-menu-scrollbar-track-bg,#f5f5f514);border-radius:4px}:where(media-menu>[data-media-menu-items])::-webkit-scrollbar-thumb{background-color:var(--media-menu-scrollbar-thumb-bg,#f5f5f51a);border-radius:4px}:where(media-menu shadow-root){display:contents}:where(media-menu [data-media-menu-button]>shadow-root:only-child>[slot]){display:inline-block!important}:where(media-menu [data-media-menu-button][role=button] [data-rotate]){transition:transform .2s ease-out}:where(media-menu [data-media-menu-button][data-pressed][role=button] [data-rotate]){transform:rotate(var(--media-menu-button-icon-rotate-deg,90deg));transition:transform .2s ease-in}:where(media-menu [data-media-menu-button][role=button]){justify-content:center;align-items:center;display:inline-flex}:where(media-menu [data-media-menu-button]){box-sizing:border-box}:where(media-menu [data-media-menu-button][role=button]) :where([slot=label],[slot=hint]){clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;position:absolute;overflow:hidden}:where(media-menu [data-media-menu-button][role=button]) :where([slot=open-icon],[slot=close-icon]){display:none!important}:where(media-menu [data-media-menu-button]) :where([slot=hint],[slot=open-icon]){color:var(--media-menu-hint-color,#f5f5f580)}:where(media-menu>[data-media-menu-items]){flex-direction:column;display:flex}:where(media-menu) :where([role=menuitem]:focus-visible,[role=menuitem][data-hocus],[role=menuitemradio][data-hocus]){cursor:pointer;background-color:var(--media-menu-item-hover-bg,#f5f5f514)}@media (pointer:fine){:where(media-menu [role=menuitem]:hover){cursor:pointer;background-color:var(--media-menu-item-hover-bg,#f5f5f514)}}:where(media-menu:not([data-submenu])>[data-media-menu-items]){right:var(--media-menu-x-offset,4px);margin-bottom:var(--media-menu-y-offset,4px);padding:var(--media-menu-padding,10px);border:var(--media-menu-border,1px solid #ffffff1a);background-color:var(--media-menu-bg,#0a0a0af2);border-radius:var(--media-menu-border-radius,8px);box-shadow:var(--media-menu-box-shadow,1px 1px 1px #0a0a0a80);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);height:var(--menu-height,auto);will-change:width, height;max-height:var(--media-menu-max-height,calc(var(--media-height) * .7));overscroll-behavior:contain;opacity:0;pointer-events:none;box-sizing:border-box;transition:height .25s linear,opacity .15s ease-out,transform .3s ease-in;position:absolute;bottom:100%;overflow-y:auto}:where(media-menu[position~=left]:not([data-popup])>[data-media-menu-items]){left:var(--media-menu-x-offset,4px);right:unset}:where(media-menu[position~=bottom]:not([data-popup])>[data-media-menu-items]){margin-top:var(--media-menu-y-offset,4px);top:100%;bottom:unset;margin-bottom:unset}:where(media-menu [data-media-menu-items][data-resizing]){pointer-events:none;overflow:hidden}:where(media-menu:not([data-submenu])>[data-media-menu-items][aria-hidden=false]){opacity:1;pointer-events:auto}:where(media-menu[data-popup]>[data-media-menu-items]){left:16px;right:16px;top:unset;max-height:var(--media-mobile-menu-portrait-max-height,40vh);z-index:9999999;position:fixed;bottom:0;transform:translateY(100%)}:where(media-menu[data-popup]>[data-media-menu-items][aria-hidden=false]){opacity:1;transform:translateY(-24px)}:where(media-menu[data-popup]>[data-media-menu-items]){max-width:480px;margin:0 auto}:where(media-menu[data-popup-wide]>[data-media-menu-items]){max-height:var(--media-mobile-menu-landscape-max-height,min(70vh, 400px))}:where(media-menu[data-submenu] [data-media-menu-button]){justify-content:flex-start;align-items:center;display:flex}:where(media-menu[data-submenu]>[data-media-menu-items]){width:100%;margin-top:12px}:where(media-menu[aria-hidden=true]),:where(media-menu[data-submenu]>[data-media-menu-items][aria-hidden=true]){display:none}:where(media-menu) :where([role=menuitem],[role=menuitemradio]){-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;color:var(--media-menu-item-color,#f5f5f5);padding:var(--media-menu-item-padding,10px);border-radius:var(--media-menu-item-border-radius,2px);box-sizing:border-box;justify-content:left;align-items:center;display:flex}:where(media-menu[data-popup]) :where([role=menuitem],[role=menuitemradio]){padding:var(--media-mobile-menu-item-padding,12px)}:where(media-menu[data-submenu]>[data-media-menu-items]){flex-direction:column;justify-content:center;align-items:flex-start}:where(media-menu [data-media-menu-button][role=menuitem][aria-expanded=true]){border-radius:0;border-top-left-radius:var(--media-menu-item-border-radius,2px);border-top-right-radius:var(--media-menu-item-border-radius,2px);border-bottom:var(--media-menu-divider,1px solid #f5f5f526)}:where(media-menu[data-submenu]>[data-media-menu-button][aria-expanded=true]){top:calc(-1 * var(--media-menu-padding,10px));z-index:10;background-color:var(--media-menu-top-bar-bg,#0a0a0a);width:100%;position:sticky;left:0}:where(media-menu [role=menuitem] [slot=label]){margin-left:6px}:where(media-menu [role=menuitem] [slot*=icon]){width:var(--media-menu-item-icon-size,22px);height:var(--media-menu-item-icon-size,22px)}:where(media-menu [role=menuitem]) :where([slot=open-icon],[slot=close-icon]){width:18px;height:18px}:where(media-menu [role=menuitem]) :where([slot=hint],[slot=open-icon]){margin-left:auto}:where(media-menu [role=menuitem]) :where([slot=hint]+[slot=open-icon]){margin-left:2px}:where(media-menu [role=menuitem][aria-hidden=true]),:where(media-menu [role=menuitem][aria-expanded=true] [slot=open-icon]){display:none!important}:where(media-menu [role=menuitem][aria-disabled=true] [slot=open-icon]){opacity:0}:where([data-media-menu-button] [slot=close-icon]),:where(media-menu [role=menuitem][aria-expanded=true] [slot=icon]){display:none!important}:where(media-menu [role=menuitem][aria-expanded=true] [slot=close-icon]){display:inline!important}:where(media-menu [part=info]){color:var(--media-menu-item-info-color,#a8a9ab);font-size:var(--media-menu-item-info-font-size,13px);margin-left:auto}:where(media-radio-group){box-sizing:border-box;flex-direction:column;width:100%;display:flex}:where(media-radio){box-sizing:border-box;cursor:pointer;font-family:var(--media-font-family,sans-serif);contain:content;padding:var(--media-menu-item-padding,12px);border-radius:2px;align-items:center;font-size:15px;font-weight:500;display:flex;position:relative}:where(media-radio [part=check]){border:var(--media-menu-radio-check-border,2px solid #f5f5f580);box-sizing:border-box;height:var(--media-menu-radio-check-size,9px);width:var(--media-menu-radio-check-size,9px);border-radius:9999px;justify-content:center;align-items:center;margin-right:8px;display:flex;border-width:unset!important}:where(media-radio[aria-checked=true] [part=check]){border:2px solid var(--media-menu-radio-check-active-color,#f5f5f5)}:where(media-radio[aria-checked=true] [part=check]):after{content:"";border-color:var(--media-menu-radio-check-active-color,#f5f5f5);background-color:var(--media-menu-radio-check-active-color,#f5f5f5);box-sizing:border-box;height:var(--media-menu-radio-check-inner-size,4px);width:var(--media-menu-radio-check-inner-size,4px);border-radius:9999px;border-width:unset!important}:where(media-chapters-menu-items){padding:var(--media-chapters-padding,0);min-width:var(--media-chapters-min-width,var(--media-menu-min-width,220px))}:where(media-chapters-menu-items[data-thumbnails]){min-width:var(--media-chapters-with-thumbnails-min-width,300px)}:where(media-chapters-menu-items [part=check]){display:none}:where(media-chapters-menu-items [part=chapter]){border-bottom:var(--media-chapters-divider,1px solid #f5f5f526);border-radius:0}:where(media-chapters-menu-items [part=chapter]:last-child){border-bottom:0}:where(media-chapters-menu-items [part=chapter][data-focus]){margin:var(--media-chapters-item-focus-margin,4px)}:where(media-chapters-menu-items [part=chapter][aria-checked=true]){background-color:var(--media-chapters-item-active-bg,#ffffff0a);border-left:var(--media-chapters-item-active-border-left)}:where(media-chapters-menu-items [part=chapter][aria-checked=true]):after{content:" ";width:var(--played-percent);height:var(--media-chapters-progress-height,3px);border-radius:var(--media-chapters-progress-border-radius,0);background-color:var(--media-chapters-progress-bg,#f5f5f5);position:absolute;bottom:0;left:0}:where(media-chapters-menu-items [part=thumbnail]){margin-right:var(--media-chapters-thumbnail-gap,12px);border:var(--media-chapters-thumbnail-border,0);min-width:var(--media-chapters-thumbnail-min-width,100px);min-height:var(--media-chapters-thumbnail-min-height,56px);max-width:var(--media-chapters-thumbnail-max-width,120px);max-height:var(--media-chapters-thumbnail-max-height,68px);flex-shrink:0}:where(media-chapters-menu-items [part=title]){color:var(--media-chapters-title-color,#f5f5f5);font-size:var(--media-chapters-title-font-size,15px);font-weight:var(--media-chapters-title-font-weight,500);white-space:var(--media-chapters-title-white-space,nowrap)}:where(media-chapters-menu-items [part=start-time]){padding:var(--media-chapters-start-time-padding,1px 4px);letter-spacing:var(--media-chapters-start-time-letter-spacing,.4px);border-radius:var(--media-chapters-start-time-border-radius,2px);color:var(--media-chapters-start-time-color,#a8a9ab);font-size:var(--media-chapters-start-time-font-size,12px);font-weight:var(--media-chapters-start-time-font-weight,500);background-color:var(--media-chapters-start-time-bg,#9ca3af33);margin-top:var(--media-chapters-start-time-gap,6px);display:inline-block}:where(media-chapters-menu-items [part=duration]){color:var(--media-chapters-duration-color,#f5f5f580);background-color:var(--media-chapters-duration-bg);font-size:var(--media-chapters-duration-font-size,12px);font-weight:var(--media-chapters-duration-font-weight,500);border-radius:var(--media-chapters-duration-border-radius,2px);margin-top:var(--media-chapters-duration-gap,6px)}:where(media-menu [data-media-menu-button][aria-disabled=true]){display:none}:where(media-chapters-menu-items:not([data-thumbnails]) [part=content]){flex-flow:wrap;align-items:center;width:100%;display:flex}:where(media-chapters-menu-items:not([data-thumbnails]) [part=start-time]){margin-top:0;margin-left:auto}:where(media-chapters-menu-items:not([data-thumbnails]) [part=duration]){flex-basis:100%;margin-top:4px}:where(media-tooltip){background-color:var(--media-tooltip-bg-color,black);border:var(--media-tooltip-border,1px solid #ffffff1a);border-radius:var(--media-tooltip-border-radius,2px);box-sizing:border-box;color:var(--media-tooltip-color,#ccc);font-family:var(--media-font-family,sans-serif);font-size:var(--media-tooltip-font-size,13px);font-weight:var(--media-tooltip-font-weight,500);margin-left:unset;margin-bottom:var(--media-tooltip-y-offset,12px);opacity:0;padding:var(--media-tooltip-padding,2px 8px);pointer-events:none;transform-origin:50% 100%;white-space:nowrap;transition:transform .2s ease-out .1s,opacity .2s ease-out .1s;display:block;position:absolute;bottom:80%;left:50%;transform:translate(-50%,12px)scale(.8)}:where(media-tooltip[position~=left]){transform-origin:0 100%;margin-left:var(--media-tooltip-x-offset,0);left:0;transform:translateY(12px)scale(.8)}:where(media-tooltip[position~=right]){margin-left:unset;margin-right:var(--media-tooltip-x-offset,0);transform-origin:100% 100%;left:auto;right:0;transform:translateY(12px)scale(.8)}:where(media-tooltip[position~=bottom]){top:80%;bottom:unset;margin-top:var(--media-tooltip-y-offset,12px);margin-bottom:unset;transform:translate(-50%,-12px)scale(1)}:where(media-tooltip[position=bottom\ left],media-tooltip[position=bottom\ right]){transform:translateY(-12px)scale(.8)}:where(media-menu [data-media-menu-button][role=button][data-pressed] media-tooltip){opacity:0;display:none}@media (pointer:fine){:where(media-player [data-media-button][data-hocus] media-tooltip){opacity:1;transition:transform .2s ease-in .1s,opacity .2s ease-in .1s;transform:translate(-50%)scale(1)}:where(media-player [data-media-button][data-hocus] media-tooltip[position~=left]),:where(media-player [data-media-button][data-hocus] media-tooltip[position~=right]){transform:translate(0)scale(1)}}:where(.lucide){stroke-width:var(--era-icon-stroke-width)}:where(input[type=password]){-webkit-text-security:var(--era-mask-glyph,disc)}@keyframes era-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}:root,:host{--color-divider-faded:var(--era-divider-faded);--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-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)}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{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}

package/dist/generated-docs/llms-full.txt

@@ -37,6 +37,7 @@ Classes, not components — they need no import beyond the stylesheet. Reach for
 - `era-link` — understated, motion-aware inline text link — the canonical style for a link in body copy or prose; prefer it over a hand-rolled underline or `Button variant="link"` (which is a control, not running text).
 - `scrollbar-none` — hide the scrollbar on an overflowing strip or rail while keeping it scrollable — for a scroll region that should show its bar, use ScrollArea.
 - `era-text-trim` — vertically center single-line control text (a label beside an icon, a button's own text) without a translateY nudge — fixed-height, non-editable elements only; see era-text-trim-caps for ALL-CAPS strings.
+- `truncate` — single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders.
 - `era-text-trim-caps` — the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never use it for mixed-case text.
 - `era-shimmer` — the in-progress text treatment — put it on a "working…" / "thinking…" label while a task streams, instead of a spinner beside the text.
 - `h-xs · h-xxs · h-sm · h-md · h-lg` — the tier-height ladder — h-xs (icon) · h-xxs (nested pill) · h-sm (standalone pill) · h-md (control) · h-lg (bar); the named form of h-(--era-h-*).
@@ -47,7 +48,8 @@ Classes, not components — they need no import beyond the stylesheet. Reach for
 - `p-inset-xxs · p-inset-sm · p-inset-md · px-inset-xxs · px-inset-sm · px-inset-md · py-inset-xxs · py-inset-sm · py-inset-md` — text-symmetric content padding — (tier − text)/2, the inset that vertically centers body text in its tier; px-inset-md is a text button's side padding, p-inset-md a code block's.
 - `px-pill-xxs · px-pill-sm` — pill side padding — the wider-than-vertical horizontal breathing room badge/chip text wants (glyph-advance derived, ~2× the vertical inset).
 - `px-field` — text-field side padding — where typed text starts in an md-tier input; the named form of px-(--era-field-px).
-- `p-panel · p-card · p-content` — optical padding for unbounded containers — p-panel for compact shells and menu-adjacent chrome, p-card for cards/dialogs/popovers, p-content for full content panels. Grows super-linearly with density so whitespace holds its perceived share as controls loosen.
+- `p-panel · p-card` — optical padding for unbounded containers — p-panel for compact shells and menu-adjacent chrome, p-card for cards/dialogs/popovers, p-content for full content panels. Grows super-linearly with density so whitespace holds its perceived share as controls loosen.
+- `p-content` — A content panel always follows a section header ROW, and that row already
 - `p-menu` — menu-panel padding — the surface-owned inset (0 on flat, 2px on glass/bevel) that keeps row highlights inside a floating panel's frame; pairs with rounded-item on the rows.
 - `duration-base` — the motion axis as an explicit transition-duration — for the rare case a utility (not the transition-* default) needs to name it; 0s at data-motion="instant", longer at "extra".
 - `glass-blur` — the backdrop blur for a floating panel (popover, dialog, taskbar) — it applies only inside a data-surface="glass" subtree and is inert elsewhere, so it is safe to leave on a panel that renders under every surface.
@@ -142,6 +144,7 @@ enough to stay var-form — `min-w-(--era-h-md)` etc. remain the escape hatch.
 | `era-link` | understated, motion-aware inline text link — the canonical style for a link in body copy or prose; prefer it over a hand-rolled underline or `Button variant="link"` (which is a control, not running text). |
 | `scrollbar-none` | hide the scrollbar on an overflowing strip or rail while keeping it scrollable — for a scroll region that should show its bar, use ScrollArea. |
 | `era-text-trim` | vertically center single-line control text (a label beside an icon, a button's own text) without a translateY nudge — fixed-height, non-editable elements only; see era-text-trim-caps for ALL-CAPS strings. |
+| `truncate` | single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders. |
 | `era-text-trim-caps` | the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never use it for mixed-case text. |
 | `era-shimmer` | the in-progress text treatment — put it on a "working…" / "thinking…" label while a task streams, instead of a spinner beside the text. |
 | `h-xs` `h-xxs` `h-sm` `h-md` `h-lg` | the tier-height ladder — h-xs (icon) · h-xxs (nested pill) · h-sm (standalone pill) · h-md (control) · h-lg (bar); the named form of h-(--era-h-*). |
@@ -152,7 +155,8 @@ enough to stay var-form — `min-w-(--era-h-md)` etc. remain the escape hatch.
 | `p-inset-xxs` `p-inset-sm` `p-inset-md` `px-inset-xxs` `px-inset-sm` `px-inset-md` `py-inset-xxs` `py-inset-sm` `py-inset-md` | text-symmetric content padding — (tier − text)/2, the inset that vertically centers body text in its tier; px-inset-md is a text button's side padding, p-inset-md a code block's. |
 | `px-pill-xxs` `px-pill-sm` | pill side padding — the wider-than-vertical horizontal breathing room badge/chip text wants (glyph-advance derived, ~2× the vertical inset). |
 | `px-field` | text-field side padding — where typed text starts in an md-tier input; the named form of px-(--era-field-px). |
-| `p-panel` `p-card` `p-content` | optical padding for unbounded containers — p-panel for compact shells and menu-adjacent chrome, p-card for cards/dialogs/popovers, p-content for full content panels. Grows super-linearly with density so whitespace holds its perceived share as controls loosen. |
+| `p-panel` `p-card` | optical padding for unbounded containers — p-panel for compact shells and menu-adjacent chrome, p-card for cards/dialogs/popovers, p-content for full content panels. Grows super-linearly with density so whitespace holds its perceived share as controls loosen. |
+| `p-content` | — |
 | `p-menu` | menu-panel padding — the surface-owned inset (0 on flat, 2px on glass/bevel) that keeps row highlights inside a floating panel's frame; pairs with rounded-item on the rows. |
 | `duration-base` | the motion axis as an explicit transition-duration — for the rare case a utility (not the transition-* default) needs to name it; 0s at data-motion="instant", longer at "extra". |
 | `glass-blur` | the backdrop blur for a floating panel (popover, dialog, taskbar) — it applies only inside a data-surface="glass" subtree and is inert elsewhere, so it is safe to leave on a panel that renders under every surface. |
@@ -274,6 +278,39 @@ Declared in `index.css`.
 }
 ```
 
+## truncate
+
+**Use it for:** single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders.
+
+Tailwind's `truncate`, with the vertical clip fixed at the source.
+
+truncate is overflow:hidden, and overflow clips in BOTH axes — so whatever
+line box the element ends up with is also its ink clip. Era rows put
+era-text-trim on the fixed-height row (a Bar, a list row), and its
+`line-height: 1` INHERITS into the truncating child, which then has no fixed
+height of its own: the child's box collapses to 1em while the font's real ink
+extent is ~1.15-1.2em, and the descenders (the "g" hook, the "y" tail) get
+sliced off at the box edge. Same bug on any `leading-none` + `truncate` pair.
+
+The fix belongs here rather than at each call site: a horizontally-truncating
+element must never be the thing that clips vertically. `line-height: normal`
+restores the font's own ascent+descent box — exactly the ink extent — and
+`text-box: normal` cancels a trim if one is set alongside. Rows stay the same
+height (they are tier-fixed and centre the child), and the child now has room
+for its own glyphs.
+
+Declared in `index.css`.
+
+```css
+@utility truncate {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	line-height: normal;
+	text-box: normal;
+}
+```
+
 ## era-text-trim-caps
 
 **Use it for:** the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never use it for mixed-case text.
@@ -496,7 +533,7 @@ Declared in `index.css`.
 }
 ```
 
-## p-panel · p-card · p-content
+## p-panel · p-card
 
 **Use it for:** optical padding for unbounded containers — p-panel for compact shells and menu-adjacent chrome, p-card for cards/dialogs/popovers, p-content for full content panels. Grows super-linearly with density so whitespace holds its perceived share as controls loosen.
 
@@ -509,8 +546,27 @@ Declared in `index.css`.
 @utility p-card {
 	padding: var(--era-pad-md);
 }
+```
+
+## p-content
+
+A content panel always follows a section header ROW, and that row already
+contributes its own slack: an h-lg bar holding one line of 16px text leaves
+~5px between the glyphs and the bottom of the bar. Padding the panel evenly
+on top of that spends the gap twice — measured 22px under a heading against
+20px above it, so the header floated between the section above and the
+paragraph it introduces rather than binding to it.
+
+The block-start is therefore one gap unit shorter, which is what makes a
+heading read as belonging to the text beneath it. Scales with density like
+everything else, since both terms do.
+
+Declared in `index.css`.
+
+```css
 @utility p-content {
 	padding: var(--era-content-p);
+	padding-top: calc(var(--era-content-p) - var(--era-gap));
 }
 ```
 

package/dist/generated-docs/llms.txt

@@ -41,6 +41,7 @@ Classes, not components — they need no import beyond the stylesheet. Reach for
 - `era-link` — understated, motion-aware inline text link — the canonical style for a link in body copy or prose; prefer it over a hand-rolled underline or `Button variant="link"` (which is a control, not running text).
 - `scrollbar-none` — hide the scrollbar on an overflowing strip or rail while keeping it scrollable — for a scroll region that should show its bar, use ScrollArea.
 - `era-text-trim` — vertically center single-line control text (a label beside an icon, a button's own text) without a translateY nudge — fixed-height, non-editable elements only; see era-text-trim-caps for ALL-CAPS strings.
+- `truncate` — single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders.
 - `era-text-trim-caps` — the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never use it for mixed-case text.
 - `era-shimmer` — the in-progress text treatment — put it on a "working…" / "thinking…" label while a task streams, instead of a spinner beside the text.
 - `h-xs · h-xxs · h-sm · h-md · h-lg` — the tier-height ladder — h-xs (icon) · h-xxs (nested pill) · h-sm (standalone pill) · h-md (control) · h-lg (bar); the named form of h-(--era-h-*).
@@ -51,7 +52,8 @@ Classes, not components — they need no import beyond the stylesheet. Reach for
 - `p-inset-xxs · p-inset-sm · p-inset-md · px-inset-xxs · px-inset-sm · px-inset-md · py-inset-xxs · py-inset-sm · py-inset-md` — text-symmetric content padding — (tier − text)/2, the inset that vertically centers body text in its tier; px-inset-md is a text button's side padding, p-inset-md a code block's.
 - `px-pill-xxs · px-pill-sm` — pill side padding — the wider-than-vertical horizontal breathing room badge/chip text wants (glyph-advance derived, ~2× the vertical inset).
 - `px-field` — text-field side padding — where typed text starts in an md-tier input; the named form of px-(--era-field-px).
-- `p-panel · p-card · p-content` — optical padding for unbounded containers — p-panel for compact shells and menu-adjacent chrome, p-card for cards/dialogs/popovers, p-content for full content panels. Grows super-linearly with density so whitespace holds its perceived share as controls loosen.
+- `p-panel · p-card` — optical padding for unbounded containers — p-panel for compact shells and menu-adjacent chrome, p-card for cards/dialogs/popovers, p-content for full content panels. Grows super-linearly with density so whitespace holds its perceived share as controls loosen.
+- `p-content` — A content panel always follows a section header ROW, and that row already
 - `p-menu` — menu-panel padding — the surface-owned inset (0 on flat, 2px on glass/bevel) that keeps row highlights inside a floating panel's frame; pairs with rounded-item on the rows.
 - `duration-base` — the motion axis as an explicit transition-duration — for the rare case a utility (not the transition-* default) needs to name it; 0s at data-motion="instant", longer at "extra".
 - `glass-blur` — the backdrop blur for a floating panel (popover, dialog, taskbar) — it applies only inside a data-surface="glass" subtree and is inert elsewhere, so it is safe to leave on a panel that renders under every surface.

package/dist/generated-docs/manifest.json

@@ -44,13 +44,14 @@
       "slug": "utilities",
       "title": "Utilities",
       "summary": "The CSS classes era ships alongside the components — links, ink-centred text, shimmer, hidden scrollbars.",
-      "tokenEstimate": 4259,
+      "tokenEstimate": 4810,
       "sections": [
         "Overview",
         "era-interactive",
         "era-link",
         "scrollbar-none",
         "era-text-trim",
+        "truncate",
         "era-text-trim-caps",
         "era-shimmer",
         "h-xs · h-xxs · h-sm · h-md · h-lg",
@@ -61,7 +62,8 @@
         "p-inset-xxs · p-inset-sm · p-inset-md · px-inset-xxs · px-inset-sm · px-inset-md · py-inset-xxs · py-inset-sm · py-inset-md",
         "px-pill-xxs · px-pill-sm",
         "px-field",
-        "p-panel · p-card · p-content",
+        "p-panel · p-card",
+        "p-content",
         "p-menu",
         "duration-base",
         "glass-blur"
@@ -997,6 +999,16 @@
       "description": "Font-agnostic vertical ink-centering for single-line control text.\nMeasured verdict (4 fonts x 2 dpr, ink from device-pixel screenshots):\nthe offset has TWO causes — a fractional line box (14px x 1.5lh = 21px in\na 24px row places ink on a half pixel, ~1px error) and font ascent/descent\nasymmetry (+-1px, sign flips per font). line-height: 1 fixes the first and\nis the Firefox fallback; text-box ex/alphabetic fixes the second by\ncentering the x-height band — the visual mass of MIXED-CASE text (caps and\ndescenders cancel above/below). cap alphabetic is the spec-example recipe\nbut is descender-blind (reads high; CSSWG #9148) — measured 4x worse here.\nWhere text-box is supported it fully determines the box, so the two\ndeclarations never fight. Worst-case residual: 0.44px.\n\nThe hard rules concern overflow clipping, and there are TWO of them.\n\n1. NEVER on a NATIVE EDITABLE — <input>, <textarea>, <select>. These clip to\n   a UA-owned inner editor box that IS the trimmed line box, so a fixed\n   height does NOT hold it open: whatever you type gets its ascenders and\n   descenders sliced off (a \"d\" renders as an \"o\"). This rule used to read\n   the other way round — it claimed a fixed-height <input> was the trim's\n   intended home — and the Input component shipped chopped text as a result.\n   A tier-height input centres its own text; it needs no trim.\n\n2. NEVER on an AUTO-height element that clips — a `truncate` child, an\n   auto-height box with overflow-hidden. With no height to hold it open the\n   box collapses to the x-height band (~7.5px at 14px) and the clip chops the\n   glyphs into a middle stripe. Put the trim on the fixed-height ROW instead\n   and let the child centre via the row's items-center.\n\nA fixed-height NON-editable element is the safe home: the ink overflows the\ntrimmed LINE box but stays inside the padding box, which is what actually\nclips. Both rules are enforced at runtime by typography/collapsed-text-trim.",
       "css": "@utility era-text-trim {\n\tline-height: 1;\n\ttext-box: trim-both ex alphabetic;\n}"
     },
+    {
+      "name": "truncate",
+      "names": [
+        "truncate"
+      ],
+      "file": "index.css",
+      "useCase": "single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders.",
+      "description": "Tailwind's `truncate`, with the vertical clip fixed at the source.\n\ntruncate is overflow:hidden, and overflow clips in BOTH axes — so whatever\nline box the element ends up with is also its ink clip. Era rows put\nera-text-trim on the fixed-height row (a Bar, a list row), and its\n`line-height: 1` INHERITS into the truncating child, which then has no fixed\nheight of its own: the child's box collapses to 1em while the font's real ink\nextent is ~1.15-1.2em, and the descenders (the \"g\" hook, the \"y\" tail) get\nsliced off at the box edge. Same bug on any `leading-none` + `truncate` pair.\n\nThe fix belongs here rather than at each call site: a horizontally-truncating\nelement must never be the thing that clips vertically. `line-height: normal`\nrestores the font's own ascent+descent box — exactly the ink extent — and\n`text-box: normal` cancels a trim if one is set alongside. Rows stay the same\nheight (they are tier-fixed and centre the child), and the child now has room\nfor its own glyphs.",
+      "css": "@utility truncate {\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tline-height: normal;\n\ttext-box: normal;\n}"
+    },
     {
       "name": "era-text-trim-caps",
       "names": [
@@ -1127,13 +1139,21 @@
       "name": "p-panel",
       "names": [
         "p-panel",
-        "p-card",
-        "p-content"
+        "p-card"
       ],
       "file": "index.css",
       "useCase": "optical padding for unbounded containers — p-panel for compact shells and menu-adjacent chrome, p-card for cards/dialogs/popovers, p-content for full content panels. Grows super-linearly with density so whitespace holds its perceived share as controls loosen.",
       "description": "",
-      "css": "@utility p-panel {\n\tpadding: var(--era-pad-sm);\n}\n@utility p-card {\n\tpadding: var(--era-pad-md);\n}\n@utility p-content {\n\tpadding: var(--era-content-p);\n}"
+      "css": "@utility p-panel {\n\tpadding: var(--era-pad-sm);\n}\n@utility p-card {\n\tpadding: var(--era-pad-md);\n}"
+    },
+    {
+      "name": "p-content",
+      "names": [
+        "p-content"
+      ],
+      "file": "index.css",
+      "description": "A content panel always follows a section header ROW, and that row already\ncontributes its own slack: an h-lg bar holding one line of 16px text leaves\n~5px between the glyphs and the bottom of the bar. Padding the panel evenly\non top of that spends the gap twice — measured 22px under a heading against\n20px above it, so the header floated between the section above and the\nparagraph it introduces rather than binding to it.\n\nThe block-start is therefore one gap unit shorter, which is what makes a\nheading read as belonging to the text beneath it. Scales with density like\neverything else, since both terms do.",
+      "css": "@utility p-content {\n\tpadding: var(--era-content-p);\n\tpadding-top: calc(var(--era-content-p) - var(--era-gap));\n}"
     },
     {
       "name": "p-menu",

package/dist/generated-docs/utilities.json

@@ -40,6 +40,16 @@
       "description": "Font-agnostic vertical ink-centering for single-line control text.\nMeasured verdict (4 fonts x 2 dpr, ink from device-pixel screenshots):\nthe offset has TWO causes — a fractional line box (14px x 1.5lh = 21px in\na 24px row places ink on a half pixel, ~1px error) and font ascent/descent\nasymmetry (+-1px, sign flips per font). line-height: 1 fixes the first and\nis the Firefox fallback; text-box ex/alphabetic fixes the second by\ncentering the x-height band — the visual mass of MIXED-CASE text (caps and\ndescenders cancel above/below). cap alphabetic is the spec-example recipe\nbut is descender-blind (reads high; CSSWG #9148) — measured 4x worse here.\nWhere text-box is supported it fully determines the box, so the two\ndeclarations never fight. Worst-case residual: 0.44px.\n\nThe hard rules concern overflow clipping, and there are TWO of them.\n\n1. NEVER on a NATIVE EDITABLE — <input>, <textarea>, <select>. These clip to\n   a UA-owned inner editor box that IS the trimmed line box, so a fixed\n   height does NOT hold it open: whatever you type gets its ascenders and\n   descenders sliced off (a \"d\" renders as an \"o\"). This rule used to read\n   the other way round — it claimed a fixed-height <input> was the trim's\n   intended home — and the Input component shipped chopped text as a result.\n   A tier-height input centres its own text; it needs no trim.\n\n2. NEVER on an AUTO-height element that clips — a `truncate` child, an\n   auto-height box with overflow-hidden. With no height to hold it open the\n   box collapses to the x-height band (~7.5px at 14px) and the clip chops the\n   glyphs into a middle stripe. Put the trim on the fixed-height ROW instead\n   and let the child centre via the row's items-center.\n\nA fixed-height NON-editable element is the safe home: the ink overflows the\ntrimmed LINE box but stays inside the padding box, which is what actually\nclips. Both rules are enforced at runtime by typography/collapsed-text-trim.",
       "css": "@utility era-text-trim {\n\tline-height: 1;\n\ttext-box: trim-both ex alphabetic;\n}"
     },
+    {
+      "name": "truncate",
+      "names": [
+        "truncate"
+      ],
+      "file": "index.css",
+      "useCase": "single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders.",
+      "description": "Tailwind's `truncate`, with the vertical clip fixed at the source.\n\ntruncate is overflow:hidden, and overflow clips in BOTH axes — so whatever\nline box the element ends up with is also its ink clip. Era rows put\nera-text-trim on the fixed-height row (a Bar, a list row), and its\n`line-height: 1` INHERITS into the truncating child, which then has no fixed\nheight of its own: the child's box collapses to 1em while the font's real ink\nextent is ~1.15-1.2em, and the descenders (the \"g\" hook, the \"y\" tail) get\nsliced off at the box edge. Same bug on any `leading-none` + `truncate` pair.\n\nThe fix belongs here rather than at each call site: a horizontally-truncating\nelement must never be the thing that clips vertically. `line-height: normal`\nrestores the font's own ascent+descent box — exactly the ink extent — and\n`text-box: normal` cancels a trim if one is set alongside. Rows stay the same\nheight (they are tier-fixed and centre the child), and the child now has room\nfor its own glyphs.",
+      "css": "@utility truncate {\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tline-height: normal;\n\ttext-box: normal;\n}"
+    },
     {
       "name": "era-text-trim-caps",
       "names": [
@@ -170,13 +180,21 @@
       "name": "p-panel",
       "names": [
         "p-panel",
-        "p-card",
-        "p-content"
+        "p-card"
       ],
       "file": "index.css",
       "useCase": "optical padding for unbounded containers — p-panel for compact shells and menu-adjacent chrome, p-card for cards/dialogs/popovers, p-content for full content panels. Grows super-linearly with density so whitespace holds its perceived share as controls loosen.",
       "description": "",
-      "css": "@utility p-panel {\n\tpadding: var(--era-pad-sm);\n}\n@utility p-card {\n\tpadding: var(--era-pad-md);\n}\n@utility p-content {\n\tpadding: var(--era-content-p);\n}"
+      "css": "@utility p-panel {\n\tpadding: var(--era-pad-sm);\n}\n@utility p-card {\n\tpadding: var(--era-pad-md);\n}"
+    },
+    {
+      "name": "p-content",
+      "names": [
+        "p-content"
+      ],
+      "file": "index.css",
+      "description": "A content panel always follows a section header ROW, and that row already\ncontributes its own slack: an h-lg bar holding one line of 16px text leaves\n~5px between the glyphs and the bottom of the bar. Padding the panel evenly\non top of that spends the gap twice — measured 22px under a heading against\n20px above it, so the header floated between the section above and the\nparagraph it introduces rather than binding to it.\n\nThe block-start is therefore one gap unit shorter, which is what makes a\nheading read as belonging to the text beneath it. Scales with density like\neverything else, since both terms do.",
+      "css": "@utility p-content {\n\tpadding: var(--era-content-p);\n\tpadding-top: calc(var(--era-content-p) - var(--era-gap));\n}"
     },
     {
       "name": "p-menu",

package/dist/generated-docs/utilities.md

@@ -42,6 +42,7 @@ enough to stay var-form — `min-w-(--era-h-md)` etc. remain the escape hatch.
 | `era-link` | understated, motion-aware inline text link — the canonical style for a link in body copy or prose; prefer it over a hand-rolled underline or `Button variant="link"` (which is a control, not running text). |
 | `scrollbar-none` | hide the scrollbar on an overflowing strip or rail while keeping it scrollable — for a scroll region that should show its bar, use ScrollArea. |
 | `era-text-trim` | vertically center single-line control text (a label beside an icon, a button's own text) without a translateY nudge — fixed-height, non-editable elements only; see era-text-trim-caps for ALL-CAPS strings. |
+| `truncate` | single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders. |
 | `era-text-trim-caps` | the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never use it for mixed-case text. |
 | `era-shimmer` | the in-progress text treatment — put it on a "working…" / "thinking…" label while a task streams, instead of a spinner beside the text. |
 | `h-xs` `h-xxs` `h-sm` `h-md` `h-lg` | the tier-height ladder — h-xs (icon) · h-xxs (nested pill) · h-sm (standalone pill) · h-md (control) · h-lg (bar); the named form of h-(--era-h-*). |
@@ -52,7 +53,8 @@ enough to stay var-form — `min-w-(--era-h-md)` etc. remain the escape hatch.
 | `p-inset-xxs` `p-inset-sm` `p-inset-md` `px-inset-xxs` `px-inset-sm` `px-inset-md` `py-inset-xxs` `py-inset-sm` `py-inset-md` | text-symmetric content padding — (tier − text)/2, the inset that vertically centers body text in its tier; px-inset-md is a text button's side padding, p-inset-md a code block's. |
 | `px-pill-xxs` `px-pill-sm` | pill side padding — the wider-than-vertical horizontal breathing room badge/chip text wants (glyph-advance derived, ~2× the vertical inset). |
 | `px-field` | text-field side padding — where typed text starts in an md-tier input; the named form of px-(--era-field-px). |
-| `p-panel` `p-card` `p-content` | optical padding for unbounded containers — p-panel for compact shells and menu-adjacent chrome, p-card for cards/dialogs/popovers, p-content for full content panels. Grows super-linearly with density so whitespace holds its perceived share as controls loosen. |
+| `p-panel` `p-card` | optical padding for unbounded containers — p-panel for compact shells and menu-adjacent chrome, p-card for cards/dialogs/popovers, p-content for full content panels. Grows super-linearly with density so whitespace holds its perceived share as controls loosen. |
+| `p-content` | — |
 | `p-menu` | menu-panel padding — the surface-owned inset (0 on flat, 2px on glass/bevel) that keeps row highlights inside a floating panel's frame; pairs with rounded-item on the rows. |
 | `duration-base` | the motion axis as an explicit transition-duration — for the rare case a utility (not the transition-* default) needs to name it; 0s at data-motion="instant", longer at "extra". |
 | `glass-blur` | the backdrop blur for a floating panel (popover, dialog, taskbar) — it applies only inside a data-surface="glass" subtree and is inert elsewhere, so it is safe to leave on a panel that renders under every surface. |
@@ -174,6 +176,39 @@ Declared in `index.css`.
 }
 ```
 
+## truncate
+
+**Use it for:** single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders.
+
+Tailwind's `truncate`, with the vertical clip fixed at the source.
+
+truncate is overflow:hidden, and overflow clips in BOTH axes — so whatever
+line box the element ends up with is also its ink clip. Era rows put
+era-text-trim on the fixed-height row (a Bar, a list row), and its
+`line-height: 1` INHERITS into the truncating child, which then has no fixed
+height of its own: the child's box collapses to 1em while the font's real ink
+extent is ~1.15-1.2em, and the descenders (the "g" hook, the "y" tail) get
+sliced off at the box edge. Same bug on any `leading-none` + `truncate` pair.
+
+The fix belongs here rather than at each call site: a horizontally-truncating
+element must never be the thing that clips vertically. `line-height: normal`
+restores the font's own ascent+descent box — exactly the ink extent — and
+`text-box: normal` cancels a trim if one is set alongside. Rows stay the same
+height (they are tier-fixed and centre the child), and the child now has room
+for its own glyphs.
+
+Declared in `index.css`.
+
+```css
+@utility truncate {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	line-height: normal;
+	text-box: normal;
+}
+```
+
 ## era-text-trim-caps
 
 **Use it for:** the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never use it for mixed-case text.
@@ -396,7 +431,7 @@ Declared in `index.css`.
 }
 ```
 
-## p-panel · p-card · p-content
+## p-panel · p-card
 
 **Use it for:** optical padding for unbounded containers — p-panel for compact shells and menu-adjacent chrome, p-card for cards/dialogs/popovers, p-content for full content panels. Grows super-linearly with density so whitespace holds its perceived share as controls loosen.
 
@@ -409,8 +444,27 @@ Declared in `index.css`.
 @utility p-card {
 	padding: var(--era-pad-md);
 }
+```
+
+## p-content
+
+A content panel always follows a section header ROW, and that row already
+contributes its own slack: an h-lg bar holding one line of 16px text leaves
+~5px between the glyphs and the bottom of the bar. Padding the panel evenly
+on top of that spends the gap twice — measured 22px under a heading against
+20px above it, so the header floated between the section above and the
+paragraph it introduces rather than binding to it.
+
+The block-start is therefore one gap unit shorter, which is what makes a
+heading read as belonging to the text beneath it. Scales with density like
+everything else, since both terms do.
+
+Declared in `index.css`.
+
+```css
 @utility p-content {
 	padding: var(--era-content-p);
+	padding-top: calc(var(--era-content-p) - var(--era-gap));
 }
 ```
 

package/dist/styles/index.css

@@ -157,6 +157,33 @@
 	text-box: trim-both ex alphabetic;
 }
 
+/* Tailwind's `truncate`, with the vertical clip fixed at the source.
+ *
+ * truncate is overflow:hidden, and overflow clips in BOTH axes — so whatever
+ * line box the element ends up with is also its ink clip. Era rows put
+ * era-text-trim on the fixed-height row (a Bar, a list row), and its
+ * `line-height: 1` INHERITS into the truncating child, which then has no fixed
+ * height of its own: the child's box collapses to 1em while the font's real ink
+ * extent is ~1.15-1.2em, and the descenders (the "g" hook, the "y" tail) get
+ * sliced off at the box edge. Same bug on any `leading-none` + `truncate` pair.
+ *
+ * The fix belongs here rather than at each call site: a horizontally-truncating
+ * element must never be the thing that clips vertically. `line-height: normal`
+ * restores the font's own ascent+descent box — exactly the ink extent — and
+ * `text-box: normal` cancels a trim if one is set alongside. Rows stay the same
+ * height (they are tier-fixed and centre the child), and the child now has room
+ * for its own glyphs.
+ *
+ * @use single-line horizontal truncation with an ellipsis — safe inside a
+ * trimmed or leading-none row; it will not clip ascenders or descenders. */
+@utility truncate {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	line-height: normal;
+	text-box: normal;
+}
+
 /* ALL-CAPS single-line text (kbd hints, acronym badges): the x-height band
  * misjudges caps-only strings — cap/alphabetic edges are the right box.
  *
@@ -450,8 +477,19 @@
 @utility p-card {
 	padding: var(--era-pad-md);
 }
+/* A content panel always follows a section header ROW, and that row already
+ * contributes its own slack: an h-lg bar holding one line of 16px text leaves
+ * ~5px between the glyphs and the bottom of the bar. Padding the panel evenly
+ * on top of that spends the gap twice — measured 22px under a heading against
+ * 20px above it, so the header floated between the section above and the
+ * paragraph it introduces rather than binding to it.
+ *
+ * The block-start is therefore one gap unit shorter, which is what makes a
+ * heading read as belonging to the text beneath it. Scales with density like
+ * everything else, since both terms do. */
 @utility p-content {
 	padding: var(--era-content-p);
+	padding-top: calc(var(--era-content-p) - var(--era-gap));
 }
 
 /* @use menu-panel padding — the surface-owned inset (0 on flat, 2px on

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "4.5.0",
+	"version": "4.6.0",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",