@signal9/era-ui 4.16.7 → 4.16.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/era-ui.css +1 -1
  2. package/dist/generated-docs/llms-full.txt +20 -13
  3. package/dist/generated-docs/llms.txt +33 -3
  4. package/dist/generated-docs/manifest.json +5 -5
  5. package/dist/generated-docs/utilities.json +4 -4
  6. package/dist/generated-docs/utilities.md +17 -10
  7. package/dist/styles/index.css +35 -5
  8. package/package.json +1 -1
package/dist/era-ui.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){: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}}}.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-\(--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-\(--era-sm-inset-lg\){top:var(--era-sm-inset-lg)}.top-1\/2{top:50%}.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-\(--era-sm-inset-lg\){right:var(--era-sm-inset-lg)}.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%}.left-full{left:100%}.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)}.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-\[calc\(var\(--era-inset-md\)\+var\(--era-h-xs\)\/2\)\]{margin-left:calc(var(--era-inset-md) + var(--era-h-xs) / 2)}.ml-auto{margin-left:auto}.ml-px{margin-left:1px}.scrollbar-none::-webkit-scrollbar{display:none}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-\(--era-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-\[45\%\]{max-width:45%}.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-90{rotate:90deg}.rotate-\[18deg\]{rotate:18deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.era-collapse{overflow:hidden}.era-collapse[data-state=open]{animation:era-collapse-open var(--era-duration) var(--era-ease)}.era-collapse[data-state=closed]{animation:era-collapse-close var(--era-duration) var(--era-ease)}.era-shimmer{background:linear-gradient(110deg, var(--color-muted) 0% 43%, var(--color-bright) 50%, var(--color-muted) 57% 100%);-webkit-text-fill-color:transparent;animation:era-shimmer calc(var(--era-duration) * 10) cubic-bezier(.7, 0, 1, .4) infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.animate-\[indeterminate_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite indeterminate}.animate-\[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-\[minmax\(0\,1fr\)_minmax\(0\,auto\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr)}.grid-cols-\[repeat\(auto-fill\,minmax\(19rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(calc\(var\(--era-h-lg\)\*6\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(calc(var(--era-h-lg) * 6),1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.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-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-\(--era-xxs-inset-sm\){gap:var(--era-xxs-inset-sm)}.gap-\(--t-inset-md\){gap:var(--t-inset-md)}.gap-\[calc\(var\(--era-gap\)\*2\)\]{gap:calc(var(--era-gap) * 2)}.gap-\[inherit\]{gap:inherit}.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-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-top-right-radius:var(--sheet-rd)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-\(--sheet-rd\){border-top-right-radius:var(--sheet-rd);border-bottom-right-radius:var(--sheet-rd)}.rounded-b-\(--era-rd-lg\){border-bottom-right-radius:var(--era-rd-lg);border-bottom-left-radius:var(--era-rd-lg)}.rounded-b-\(--era-rd-md\){border-bottom-right-radius:var(--era-rd-md);border-bottom-left-radius:var(--era-rd-md)}.rounded-b-\(--sheet-rd\){border-bottom-right-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.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-6{border-color:var(--color-6)}.border-8{border-color:var(--color-8)}.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-fill{background-color:var(--era-fill)}.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-\(--color-primary\){fill:var(--color-primary)}.fill-current{fill:currentColor}.fill-warning{fill:var(--color-warning)}.object-cover{object-fit:cover}.p-content{padding:var(--era-content-p);padding-top:max(0px, calc(var(--era-content-p) - (var(--era-h-lg) - var(--era-text)) / 2))}.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-\(--era-xxs-inset-sm\){padding-inline:var(--era-xxs-inset-sm)}.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)}.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-inset-md\){padding-right:var(--era-inset-md)}.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-xxs-inset-md\){padding-right:var(--era-xxs-inset-md)}.pr-\(--era-xxs-inset-sm\){padding-right:var(--era-xxs-inset-sm)}.pr-\[calc\(var\(--era-sm-inset-lg\)\+var\(--era-h-sm\)\+var\(--era-field-px\)\)\]{padding-right:calc(var(--era-sm-inset-lg) + var(--era-h-sm) + var(--era-field-px))}.era-ink-center{padding-bottom:.08em}.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)}.pl-\[calc\(var\(--era-inset-md\)\+var\(--era-h-xs\)\+var\(--era-gap\)\)\]{padding-left:calc(var(--era-inset-md) + var(--era-h-xs) + var(--era-gap))}.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-body{--tw-leading:var(--era-leading);line-height:var(--era-leading)}.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;text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.era-link{-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);text-decoration-color:color-mix(in oklch, currentColor 30%, transparent)}}.era-link{text-underline-offset:.2em;transition:text-decoration-color var(--era-duration) var(--era-ease)}.era-link:hover,.era-link:focus-visible{text-decoration-color:currentColor}.text-\(--color-destructive\){color:var(--color-destructive)}.text-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-80{opacity:.8}.opacity-95{opacity:.95}.opacity-100{opacity:1}.shadow,.shadow-\(--era-shadow\){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-lg\){--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-pressed\){--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-well\){--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-x\){--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 -.5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 .5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_0\.5px_var\(--color-border\)\,var\(--era-shadow\)\]{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--color-border)), var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--era-x\)\]{--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-highlight{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-pressed{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-well{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/chisel,.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\:0_1px_0_var\(--color-divider-faded\)\]{box-shadow:0 1px 0 var(--color-divider-faded)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-\[0\.5px\]{outline-style:var(--tw-outline-style);outline-width:.5px}.outline-\[1px\]{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px * -1)}.outline-\(--color-7\){outline-color:var(--color-7)}.outline-1{outline-color:var(--color-1)}.outline-7{outline-color:var(--color-7)}.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)}}.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}.\[contain\:layout_style\]{contain:layout style}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[--sheet-rd\:var\(--era-rd-lg\)\]{--sheet-rd:var(--era-rd-lg)}.\[--sheet-rd\:var\(--era-rd-md\)\]{--sheet-rd:var(--era-rd-md)}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[text-box\:normal\]{text-box:normal}@media (hover:hover){.group-hover\/att\:opacity-100:is(:where(.group\/att):hover *),.group-hover\/message\:opacity-100:is(:where(.group\/message):hover *){opacity:1}.group-hover\/row\:flex:is(:where(.group\/row):hover *){display:flex}.group-hover\/row\:hidden:is(:where(.group\/row):hover *){display:none}.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}}.group-data-\[role\=user\]\/message\:max-w-\[80\%\]:is(:where(.group\/message)[data-role=user] *){max-width:80%}.group-data-\[role\=user\]\/message\:rounded-\(--era-rd-md\):is(:where(.group\/message)[data-role=user] *){border-radius:var(--era-rd-md)}.group-data-\[role\=user\]\/message\:bg-\(--era-surface-bg-elevated\):is(:where(.group\/message)[data-role=user] *){background-color:var(--era-surface-bg-elevated)}.group-data-\[role\=user\]\/message\:p-\(--era-pad-sm\):is(:where(.group\/message)[data-role=user] *){padding:var(--era-pad-sm)}.group-data-\[role\=user\]\/message\:whitespace-pre-wrap:is(:where(.group\/message)[data-role=user] *){white-space:pre-wrap}.group-data-\[role\=user\]\/message\:shadow-\(--era-shadow\):is(:where(.group\/message)[data-role=user] *){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[state\=checked\]\/radio\:bg-fg:is(:where(.group\/radio)[data-state=checked] *){background-color:var(--color-fg)}.group-data-\[state\=open\]\/error\:rotate-180:is(:where(.group\/error)[data-state=open] *),.group-data-\[state\=open\]\/step\:rotate-180:is(:where(.group\/step)[data-state=open] *){rotate:180deg}.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-\[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-\(--era-highlight\)[data-selected]{background-color:var(--era-highlight)}.data-\[selected\]\:bg-fill[data-selected]{background-color:var(--era-fill)}.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-fill[data-state=on]{background-color:var(--era-fill)}.data-\[state\=on\]\:text-bright[data-state=on]{color:var(--color-bright)}.data-\[state\=on\]\:shadow-\(--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\]\:text-fg[data-state=open]{color:var(--color-fg)}.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)}.\[\&_svg\]\:size-\[calc\(var\(--era-sp\)\+0\.3125rem\)\] svg{width:calc(var(--era-sp) + .3125rem);height:calc(var(--era-sp) + .3125rem)}.\[\&\: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)}:focus-visible>.\[\:focus-visible\>\&\]\:outline{outline-style:var(--tw-outline-style);outline-width:1px}:focus-visible>.\[\:focus-visible\>\&\]\:-outline-offset-1{outline-offset:calc(1px * -1)}:focus-visible>.\[\:focus-visible\>\&\]\:outline-primary{outline-color:var(--color-primary)}@media (hover:hover){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\]\:hover\:bg-\(--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-fill{background-color:var(--era-fill)}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 none);--color-2:oklch(19.5% 0 none);--color-3:oklch(25.4% 0 none);--color-4:oklch(30.2% 0 none);--color-5:oklch(34.8% 0 none);--color-6:oklch(39.6% 0 none);--color-7:oklch(45.9% 0 none);--color-8:oklch(54.9% 0 none);--color-9:oklch(64.9% 0 none);--color-10:oklch(72% 0 none);--color-11:oklch(86.3% 0 none);--color-12:oklch(93.3% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25% 0 none);--color-fg:var(--color-11);--color-link:var(--color-bright);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root,.dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root,.dark{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(96% 0 none);--color-success:oklch(65% .2 145);--color-success-fg:oklch(96% 0 none);--color-warning:oklch(75% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root,.dark,.light{--color-bright:var(--color-12)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-bright:color-mix(in oklch, var(--color-12) 88%, var(--color-primary))}}:root,.dark,.light{--color-muted:var(--color-10)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-muted:color-mix(in oklch, var(--color-10) 60%, var(--color-bright))}}@media (prefers-color-scheme:light){:root:not(.dark){color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root:not(.dark){--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .2 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}}.light{color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}.light{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root[data-theme=adobe],[data-theme=adobe].dark{color-scheme:dark;--color-1:oklch(16.2% .016 48);--color-2:oklch(19.8% .02 52);--color-3:oklch(25.4% .024 56);--color-4:oklch(30.2% .028 60);--color-5:oklch(34.8% .032 64);--color-6:oklch(39.6% .036 68);--color-7:oklch(45.9% .034 72);--color-8:oklch(54.9% .03 76);--color-9:oklch(64.9% .024 82);--color-10:oklch(72% .02 86);--color-11:oklch(86.3% .016 90);--color-12:oklch(93.3% .014 94);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25.2% .024 56);--color-fg:var(--color-11);--color-primary:oklch(74% .108 68);--color-primary-fg:oklch(19% .014 50);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe],[data-theme=adobe].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 78%, var(--color-success))}}:root[data-theme=adobe],[data-theme=adobe].dark{--color-destructive:oklch(61% .17 30);--color-destructive-fg:oklch(96% .016 90);--color-success:oklch(70% .125 184);--color-success-fg:oklch(19% .014 50);--color-warning:oklch(78% .14 82);--color-warning-fg:oklch(19% .014 50)}@media (prefers-color-scheme:light){:root[data-theme=adobe]:not(.dark){color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=adobe]:not(.dark){--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}}[data-theme=adobe].light{color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=adobe].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=adobe].light{--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}:root[data-theme=sand],[data-theme=sand].dark{color-scheme:dark;--color-1:oklch(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-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-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=sand]:not(.dark){--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}}[data-theme=sand].light{color-scheme:light;--color-1:oklch(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-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=sand].light{--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}:root[data-theme=signalnine],[data-theme=signalnine].dark{color-scheme:dark;--color-1:oklch(16.8% .004 84);--color-2:oklch(22.5% .005 84);--color-3:oklch(29% .007 84);--color-4:oklch(35.5% .008 84);--color-5:oklch(43.5% .008 84);--color-6:oklch(51.5% .008 84);--color-7:oklch(59.6% .007 84);--color-8:oklch(67.7% .006 84);--color-9:oklch(73% .005 84);--color-10:oklch(78% .005 84);--color-11:oklch(83% .005 84);--color-12:oklch(90% .005 84);--color-border:var(--color-4);--color-surface:var(--color-2);--color-hover:oklch(25.5% .006 84);--color-fg:var(--color-11);--color-muted:var(--color-8);--color-link:var(--color-primary);--color-primary:oklch(76% .115 84);--color-primary-fg:oklch(16.8% .004 84);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-destructive:oklch(63.08% .1298 21.4);--color-destructive-fg:oklch(16.8% .004 84);--color-success:oklch(77.33% .1095 113.4);--color-success-fg:oklch(16.8% .004 84);--color-warning:oklch(84.62% .1115 82.9);--color-warning-fg:oklch(16.8% .004 84)}@media (prefers-color-scheme:light){:root[data-theme=signalnine]:not(.dark){color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .0251 271.14);--color-3:oklch(88.7% .0368 265.13);--color-4:oklch(84.4% .0447 265.6);--color-5:oklch(74.5% .0645 261.83);--color-6:oklch(67.6% .078 263);--color-7:oklch(59.3% .0975 260.33);--color-8:oklch(54.5% .126 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .1534 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .014 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(56.6% .222 265.8);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine]:not(.dark){--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}}[data-theme=signalnine].light{color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .0251 271.14);--color-3:oklch(88.7% .0368 265.13);--color-4:oklch(84.4% .0447 265.6);--color-5:oklch(74.5% .0645 261.83);--color-6:oklch(67.6% .078 263);--color-7:oklch(59.3% .0975 260.33);--color-8:oklch(54.5% .126 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .1534 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .014 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(56.6% .222 265.8);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=signalnine].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=signalnine].light{--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}@property --era-roundness-scale{syntax:"<number>";inherits:true;initial-value:1}*{--era-h-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-leading:1.6;--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-xxs-inset-sm:calc((var(--era-h-sm) - 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:.75rem}[data-mode=balanced],[data-mode=spacious],[data-mode=touch]{--era-text:.875rem}[data-mode=balanced]{--era-sp:.625rem;--era-density:1.25}[data-mode=spacious]{--era-sp:.75rem;--era-density:1.5}[data-mode=touch]{--era-sp:1rem;--era-density:2}[data-mode=touch],[data-mode=touch] *{--era-roundness:calc(var(--era-roundness-scale) * var(--era-h-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:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}:root,[data-surface]{--era-highlight-shadow:var(--era-shadow);--era-fill:var(--era-highlight);--era-press-sink-x:0px;--era-press-sink-y:0px;--era-panel-inset:0px;--era-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))))}@media (prefers-reduced-transparency:reduce){:root,[data-surface]{--era-highlight:var(--color-hover);--era-fill:var(--color-hover)}}[data-surface=glass]{--era-divider-color:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-divider-color:light-dark(color-mix(in oklch, var(--color-bright) 12%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}[data-surface=glass]{--era-surface-bg:light-dark(var(--color-1),var(--color-2))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg:light-dark(color-mix(in oklch, var(--color-1) 66%, transparent),color-mix(in oklch, var(--color-2) 62%, transparent))}}[data-surface=glass]{--era-surface-bg-elevated:light-dark(var(--color-1),var(--color-3))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg-elevated:light-dark(color-mix(in oklch, var(--color-1) 90%, transparent),color-mix(in oklch, var(--color-3) 85%, transparent))}}[data-surface=glass]{--era-field-bg:var(--color-hover)}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-field-bg:color-mix(in oklch, var(--color-hover) 72%, transparent)}}[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff59,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),color-mix(in oklch, var(--color-bright) 18%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 8%, transparent),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -2px -2px 0 -1.25px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 24px 0 light-dark(transparent,var(--color-bright)), 0 12px 32px -8px light-dark(var(--color-bright),oklch(0% 0 0/.35))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 24%, transparent)), inset -2px -2px 0 -1.25px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 10%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 6%, transparent),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 24px 0 light-dark(transparent,color-mix(in oklch, var(--color-bright) 4%, transparent)), 0 12px 32px -8px light-dark(color-mix(in oklch, var(--color-bright) 18%, transparent),oklch(0% 0 0/.35))}}[data-surface=glass]{--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 12%, transparent))}}[data-surface=glass]{--era-fill:var(--color-hover);--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 12px 0 light-dark(#ffffff59,var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 28%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 12%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 10%, transparent),color-mix(in oklch, var(--color-bright) 9%, transparent)), inset 0 0 12px 0 light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-selection-bg:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-bg:light-dark(color-mix(in oklch, var(--color-bright) 16%, transparent),color-mix(in oklch, var(--color-bright) 22%, transparent))}}[data-surface=glass]{--era-selection-fg:var(--color-bright);--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),color-mix(in oklch, var(--color-bright) 45%, transparent))}}[data-surface=glass]{--era-panel-inset:2px;--era-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-fill:var(--color-hover);--era-highlight-shadow:var(--era-shadow);--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}}[data-surface=bevel]{--era-bevel-side:.6;--era-bevel-x1:calc(1px * var(--era-bevel-side));--era-bevel-x2:calc(2px * var(--era-bevel-side));--era-bevel-rim:inset 0 0 0 1px light-dark(oklch(0% 0 0),oklch(0% 0 0))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-bevel-rim:inset 0 0 0 1px light-dark(color-mix(in oklch, oklch(0% 0 0) 24%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 42%, var(--color-2)))}}[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 70%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 12%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-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}}@keyframes era-collapse-open{0%{opacity:0;height:0}to{height:var(--bits-collapsible-content-height);opacity:1}}@keyframes era-collapse-close{0%{height:var(--bits-collapsible-content-height);opacity:1}to{opacity:0;height:0}}: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}
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){: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}}}.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-\(--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-\(--era-sm-inset-lg\){top:var(--era-sm-inset-lg)}.top-1\/2{top:50%}.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-\(--era-sm-inset-lg\){right:var(--era-sm-inset-lg)}.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%}.left-full{left:100%}.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)}.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-\[calc\(var\(--era-inset-md\)\+var\(--era-h-xs\)\/2\)\]{margin-left:calc(var(--era-inset-md) + var(--era-h-xs) / 2)}.ml-auto{margin-left:auto}.ml-px{margin-left:1px}.scrollbar-none::-webkit-scrollbar{display:none}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-\(--era-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-\[34px\]{height:34px}.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-\[45\%\]{max-width:45%}.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-90{rotate:90deg}.rotate-\[18deg\]{rotate:18deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.era-collapse{overflow:hidden}.era-collapse[data-state=open]{animation:era-collapse-open var(--era-duration) var(--era-ease)}.era-collapse[data-state=closed]{animation:era-collapse-close var(--era-duration) var(--era-ease)}.era-shimmer{background:linear-gradient(110deg, var(--color-muted) 0% 43%, var(--color-bright) 50%, var(--color-muted) 57% 100%);-webkit-text-fill-color:transparent;animation:era-shimmer calc(var(--era-duration) * 10) cubic-bezier(.7, 0, 1, .4) infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.animate-\[indeterminate_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite indeterminate}.animate-\[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-\[minmax\(0\,1fr\)_minmax\(0\,auto\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr)}.grid-cols-\[repeat\(auto-fill\,minmax\(19rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(19rem,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(calc\(var\(--era-h-lg\)\*6\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(calc(var(--era-h-lg) * 6),1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.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-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-\(--era-xxs-inset-sm\){gap:var(--era-xxs-inset-sm)}.gap-\(--t-inset-md\){gap:var(--t-inset-md)}.gap-\[calc\(var\(--era-gap\)\*2\)\]{gap:calc(var(--era-gap) * 2)}.gap-\[inherit\]{gap:inherit}.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-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-top-right-radius:var(--sheet-rd)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l-\(--sheet-rd\){border-top-left-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-\(--sheet-rd\){border-top-right-radius:var(--sheet-rd);border-bottom-right-radius:var(--sheet-rd)}.rounded-b-\(--era-rd-lg\){border-bottom-right-radius:var(--era-rd-lg);border-bottom-left-radius:var(--era-rd-lg)}.rounded-b-\(--era-rd-md\){border-bottom-right-radius:var(--era-rd-md);border-bottom-left-radius:var(--era-rd-md)}.rounded-b-\(--sheet-rd\){border-bottom-right-radius:var(--sheet-rd);border-bottom-left-radius:var(--sheet-rd)}.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-6{border-color:var(--color-6)}.border-8{border-color:var(--color-8)}.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-fill{background-color:var(--era-fill)}.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-\(--color-primary\){fill:var(--color-primary)}.fill-current{fill:currentColor}.fill-warning{fill:var(--color-warning)}.object-cover{object-fit:cover}.p-content{padding:var(--era-content-p);padding-top:max(0px, calc(var(--era-content-p) - (var(--era-h-lg) - var(--era-text)) / 2))}.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-\(--era-xxs-inset-sm\){padding-inline:var(--era-xxs-inset-sm)}.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)}.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-inset-md\){padding-right:var(--era-inset-md)}.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-xxs-inset-md\){padding-right:var(--era-xxs-inset-md)}.pr-\(--era-xxs-inset-sm\){padding-right:var(--era-xxs-inset-sm)}.pr-\[calc\(var\(--era-sm-inset-lg\)\+var\(--era-h-sm\)\+var\(--era-field-px\)\)\]{padding-right:calc(var(--era-sm-inset-lg) + var(--era-h-sm) + var(--era-field-px))}.era-ink-center{padding-bottom:.08em}.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)}.pl-\[calc\(var\(--era-inset-md\)\+var\(--era-h-xs\)\+var\(--era-gap\)\)\]{padding-left:calc(var(--era-inset-md) + var(--era-h-xs) + var(--era-gap))}.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-\[13px\]{font-size:13px}.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-body{--tw-leading:var(--era-leading);line-height:var(--era-leading)}.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;text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.era-link{-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);-webkit-text-decoration-color:color-mix(in oklch, currentColor 30%, transparent);text-decoration-color:color-mix(in oklch, currentColor 30%, transparent)}}.era-link{text-underline-offset:.2em;transition:text-decoration-color var(--era-duration) var(--era-ease)}.era-link:hover,.era-link:focus-visible{text-decoration-color:currentColor}.text-\(--color-destructive\){color:var(--color-destructive)}.text-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-80{opacity:.8}.opacity-95{opacity:.95}.opacity-100{opacity:1}.shadow,.shadow-\(--era-shadow\){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-lg\){--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-pressed\){--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-shadow-well\){--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--era-x\){--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 -.5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0\.5px_0_0_var\(--color-border\)\]{--tw-shadow:inset 0 .5px 0 0 var(--tw-shadow-color,var(--color-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_0\.5px_var\(--color-border\)\,var\(--era-shadow\)\]{--tw-shadow:inset 0 0 0 .5px var(--tw-shadow-color,var(--color-border)), var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--era-x\)\]{--tw-shadow:var(--era-x);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-highlight{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--era-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-pressed{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-well{--tw-shadow:var(--era-shadow-well);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/chisel,.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\:0_1px_0_var\(--color-divider-faded\)\]{box-shadow:0 1px 0 var(--color-divider-faded)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-\[0\.5px\]{outline-style:var(--tw-outline-style);outline-width:.5px}.outline-\[1px\]{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px * -1)}.outline-\(--color-7\){outline-color:var(--color-7)}.outline-1{outline-color:var(--color-1)}.outline-7{outline-color:var(--color-7)}.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)}}.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}.\[contain\:layout_style\]{contain:layout style}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[--sheet-rd\:var\(--era-rd-lg\)\]{--sheet-rd:var(--era-rd-lg)}.\[--sheet-rd\:var\(--era-rd-md\)\]{--sheet-rd:var(--era-rd-md)}.\[overflow-anchor\:none\]{overflow-anchor:none}.\[text-box\:normal\]{text-box:normal}@media (hover:hover){.group-hover\/att\:opacity-100:is(:where(.group\/att):hover *),.group-hover\/message\:opacity-100:is(:where(.group\/message):hover *){opacity:1}.group-hover\/row\:flex:is(:where(.group\/row):hover *){display:flex}.group-hover\/row\:hidden:is(:where(.group\/row):hover *){display:none}.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}}.group-data-\[role\=user\]\/message\:max-w-\[80\%\]:is(:where(.group\/message)[data-role=user] *){max-width:80%}.group-data-\[role\=user\]\/message\:rounded-\(--era-rd-md\):is(:where(.group\/message)[data-role=user] *){border-radius:var(--era-rd-md)}.group-data-\[role\=user\]\/message\:bg-\(--era-surface-bg-elevated\):is(:where(.group\/message)[data-role=user] *){background-color:var(--era-surface-bg-elevated)}.group-data-\[role\=user\]\/message\:p-\(--era-pad-sm\):is(:where(.group\/message)[data-role=user] *){padding:var(--era-pad-sm)}.group-data-\[role\=user\]\/message\:whitespace-pre-wrap:is(:where(.group\/message)[data-role=user] *){white-space:pre-wrap}.group-data-\[role\=user\]\/message\:shadow-\(--era-shadow\):is(:where(.group\/message)[data-role=user] *){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[state\=checked\]\/radio\:bg-fg:is(:where(.group\/radio)[data-state=checked] *){background-color:var(--color-fg)}.group-data-\[state\=open\]\/error\:rotate-180:is(:where(.group\/error)[data-state=open] *),.group-data-\[state\=open\]\/step\:rotate-180:is(:where(.group\/step)[data-state=open] *){rotate:180deg}.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-\[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-\(--era-highlight\)[data-selected]{background-color:var(--era-highlight)}.data-\[selected\]\:bg-fill[data-selected]{background-color:var(--era-fill)}.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-fill[data-state=on]{background-color:var(--era-fill)}.data-\[state\=on\]\:text-bright[data-state=on]{color:var(--color-bright)}.data-\[state\=on\]\:shadow-\(--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\]\:text-fg[data-state=open]{color:var(--color-fg)}.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)}.\[\&_svg\]\:size-\[calc\(var\(--era-sp\)\+0\.3125rem\)\] svg{width:calc(var(--era-sp) + .3125rem);height:calc(var(--era-sp) + .3125rem)}.\[\&\: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)}:focus-visible>.\[\:focus-visible\>\&\]\:outline{outline-style:var(--tw-outline-style);outline-width:1px}:focus-visible>.\[\:focus-visible\>\&\]\:-outline-offset-1{outline-offset:calc(1px * -1)}:focus-visible>.\[\:focus-visible\>\&\]\:outline-primary{outline-color:var(--color-primary)}@media (hover:hover){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\]\:hover\:bg-\(--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-fill{background-color:var(--era-fill)}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 none);--color-2:oklch(19.5% 0 none);--color-3:oklch(25.4% 0 none);--color-4:oklch(30.2% 0 none);--color-5:oklch(34.8% 0 none);--color-6:oklch(39.6% 0 none);--color-7:oklch(45.9% 0 none);--color-8:oklch(54.9% 0 none);--color-9:oklch(64.9% 0 none);--color-10:oklch(72% 0 none);--color-11:oklch(86.3% 0 none);--color-12:oklch(93.3% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25% 0 none);--color-fg:var(--color-11);--color-link:var(--color-bright);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root,.dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root,.dark{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(96% 0 none);--color-success:oklch(65% .2 145);--color-success-fg:oklch(96% 0 none);--color-warning:oklch(75% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root,.dark,.light{--color-bright:var(--color-12)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-bright:color-mix(in oklch, var(--color-12) 88%, var(--color-primary))}}:root,.dark,.light{--color-muted:var(--color-10)}@supports (color:color-mix(in lab, red, red)){:root,.dark,.light{--color-muted:color-mix(in oklch, var(--color-10) 60%, var(--color-bright))}}@media (prefers-color-scheme:light){:root:not(.dark){color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root:not(.dark){--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .2 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}}.light{color-scheme:light;--color-1:oklch(93.3% 0 none);--color-2:oklch(86.3% 0 none);--color-3:oklch(72% 0 none);--color-4:oklch(64.9% 0 none);--color-5:oklch(54.9% 0 none);--color-6:oklch(45.9% 0 none);--color-7:oklch(39.6% 0 none);--color-8:oklch(34.8% 0 none);--color-9:oklch(30.2% 0 none);--color-10:oklch(25.4% 0 none);--color-11:oklch(19.5% 0 none);--color-12:oklch(16.2% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 none);--color-fg:var(--color-11);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}.light{--color-destructive:oklch(65% .2 25);--color-destructive-fg:oklch(98% 0 none);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 none);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 none)}:root[data-theme=adobe],[data-theme=adobe].dark{color-scheme:dark;--color-1:oklch(16.2% .016 48);--color-2:oklch(19.8% .02 52);--color-3:oklch(25.4% .024 56);--color-4:oklch(30.2% .028 60);--color-5:oklch(34.8% .032 64);--color-6:oklch(39.6% .036 68);--color-7:oklch(45.9% .034 72);--color-8:oklch(54.9% .03 76);--color-9:oklch(64.9% .024 82);--color-10:oklch(72% .02 86);--color-11:oklch(86.3% .016 90);--color-12:oklch(93.3% .014 94);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25.2% .024 56);--color-fg:var(--color-11);--color-primary:oklch(74% .108 68);--color-primary-fg:oklch(19% .014 50);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe],[data-theme=adobe].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 78%, var(--color-success))}}:root[data-theme=adobe],[data-theme=adobe].dark{--color-destructive:oklch(61% .17 30);--color-destructive-fg:oklch(96% .016 90);--color-success:oklch(70% .125 184);--color-success-fg:oklch(19% .014 50);--color-warning:oklch(78% .14 82);--color-warning-fg:oklch(19% .014 50)}@media (prefers-color-scheme:light){:root[data-theme=adobe]:not(.dark){color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=adobe]:not(.dark){--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}}[data-theme=adobe].light{color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=adobe].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=adobe].light{--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}:root[data-theme=sand],[data-theme=sand].dark{color-scheme:dark;--color-1:oklch(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-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-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=sand]:not(.dark){--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}}[data-theme=sand].light{color-scheme:light;--color-1:oklch(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-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=sand].light{--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}:root[data-theme=signalnine],[data-theme=signalnine].dark{color-scheme:dark;--color-1:oklch(16.8% .004 84);--color-2:oklch(22.5% .005 84);--color-3:oklch(29% .007 84);--color-4:oklch(35.5% .008 84);--color-5:oklch(43.5% .008 84);--color-6:oklch(51.5% .008 84);--color-7:oklch(59.6% .007 84);--color-8:oklch(67.7% .006 84);--color-9:oklch(73% .005 84);--color-10:oklch(78% .005 84);--color-11:oklch(83% .005 84);--color-12:oklch(90% .005 84);--color-border:var(--color-4);--color-surface:var(--color-2);--color-hover:oklch(25.5% .006 84);--color-fg:var(--color-11);--color-muted:var(--color-8);--color-link:var(--color-primary);--color-primary:oklch(76% .115 84);--color-primary-fg:oklch(16.8% .004 84);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine],[data-theme=signalnine].dark{--color-destructive:oklch(63.08% .1298 21.4);--color-destructive-fg:oklch(16.8% .004 84);--color-success:oklch(77.33% .1095 113.4);--color-success-fg:oklch(16.8% .004 84);--color-warning:oklch(84.62% .1115 82.9);--color-warning-fg:oklch(16.8% .004 84)}@media (prefers-color-scheme:light){:root[data-theme=signalnine]:not(.dark){color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .0251 271.14);--color-3:oklch(88.7% .0368 265.13);--color-4:oklch(84.4% .0447 265.6);--color-5:oklch(74.5% .0645 261.83);--color-6:oklch(67.6% .078 263);--color-7:oklch(59.3% .0975 260.33);--color-8:oklch(54.5% .126 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .1534 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .014 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(56.6% .222 265.8);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=signalnine]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}:root[data-theme=signalnine]:not(.dark){--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}}[data-theme=signalnine].light{color-scheme:light;--color-1:oklch(100% 0 none);--color-2:oklch(94.39% .0251 271.14);--color-3:oklch(88.7% .0368 265.13);--color-4:oklch(84.4% .0447 265.6);--color-5:oklch(74.5% .0645 261.83);--color-6:oklch(67.6% .078 263);--color-7:oklch(59.3% .0975 260.33);--color-8:oklch(54.5% .126 262);--color-9:oklch(51% 0 none);--color-10:oklch(35.8% .1534 266.07);--color-11:oklch(16% .008 266);--color-12:oklch(0% 0 none);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(97% .014 268.5);--color-fg:var(--color-11);--color-muted:var(--color-7);--color-link:var(--color-10);--color-primary:oklch(56.6% .222 265.8);--color-primary-fg:oklch(100% 0 none);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=signalnine].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, oklch(0% 0 none))}}[data-theme=signalnine].light{--color-destructive:oklch(59% .242 27.7);--color-destructive-fg:oklch(100% 0 none);--color-success:oklch(58% .15 152);--color-success-fg:oklch(100% 0 none);--color-warning:oklch(76% .145 80);--color-warning-fg:oklch(16% .008 266)}@property --era-roundness-scale{syntax:"<number>";inherits:true;initial-value:1}*{--era-h-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-leading:1.6;--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-xxs-inset-sm:calc((var(--era-h-sm) - 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:.75rem}[data-mode=balanced],[data-mode=spacious],[data-mode=touch]{--era-text:.875rem}[data-mode=balanced]{--era-sp:.625rem;--era-density:1.25}[data-mode=spacious]{--era-sp:.75rem;--era-density:1.5}[data-mode=touch]{--era-sp:1rem;--era-density:2}[data-mode=touch],[data-mode=touch] *{--era-roundness:calc(var(--era-roundness-scale) * var(--era-h-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:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){:root,[data-surface]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}:root,[data-surface]{--era-highlight-shadow:var(--era-shadow);--era-fill:var(--era-highlight);--era-press-sink-x:0px;--era-press-sink-y:0px;--era-panel-inset:0px;--era-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))))}@media (prefers-reduced-transparency:reduce){:root,[data-surface]{--era-highlight:var(--color-hover);--era-fill:var(--color-hover)}}[data-surface=glass]{--era-divider-color:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-divider-color:light-dark(color-mix(in oklch, var(--color-bright) 12%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}[data-surface=glass]{--era-surface-bg:light-dark(var(--color-1),var(--color-2))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg:light-dark(color-mix(in oklch, var(--color-1) 66%, transparent),color-mix(in oklch, var(--color-2) 62%, transparent))}}[data-surface=glass]{--era-surface-bg-elevated:light-dark(var(--color-1),var(--color-3))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg-elevated:light-dark(color-mix(in oklch, var(--color-1) 90%, transparent),color-mix(in oklch, var(--color-3) 85%, transparent))}}[data-surface=glass]{--era-field-bg:var(--color-hover)}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-field-bg:color-mix(in oklch, var(--color-hover) 72%, transparent)}}[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff59,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),color-mix(in oklch, var(--color-bright) 18%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 8%, transparent),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -2px -2px 0 -1.25px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 24px 0 light-dark(transparent,var(--color-bright)), 0 12px 32px -8px light-dark(var(--color-bright),oklch(0% 0 0/.35))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 24%, transparent)), inset -2px -2px 0 -1.25px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 10%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 6%, transparent),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 24px 0 light-dark(transparent,color-mix(in oklch, var(--color-bright) 4%, transparent)), 0 12px 32px -8px light-dark(color-mix(in oklch, var(--color-bright) 18%, transparent),oklch(0% 0 0/.35))}}[data-surface=glass]{--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 12%, transparent))}}[data-surface=glass]{--era-fill:var(--color-hover);--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 12px 0 light-dark(#ffffff59,var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 28%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 12%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 10%, transparent),color-mix(in oklch, var(--color-bright) 9%, transparent)), inset 0 0 12px 0 light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-selection-bg:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-bg:light-dark(color-mix(in oklch, var(--color-bright) 16%, transparent),color-mix(in oklch, var(--color-bright) 22%, transparent))}}[data-surface=glass]{--era-selection-fg:var(--color-bright);--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-selection-shadow:0 0 10px light-dark(oklch(100% 0 0/.8),color-mix(in oklch, var(--color-bright) 45%, transparent))}}[data-surface=glass]{--era-panel-inset:2px;--era-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-fill:var(--color-hover);--era-highlight-shadow:var(--era-shadow);--era-selection-bg:var(--color-bright);--era-selection-fg:var(--color-1);--era-selection-shadow:none}}[data-surface=bevel]{--era-bevel-side:.6;--era-bevel-x1:calc(1px * var(--era-bevel-side));--era-bevel-x2:calc(2px * var(--era-bevel-side));--era-bevel-rim:inset 0 0 0 1px light-dark(oklch(0% 0 0),oklch(0% 0 0))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-bevel-rim:inset 0 0 0 1px light-dark(color-mix(in oklch, oklch(0% 0 0) 24%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 42%, var(--color-2)))}}[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), var(--era-bevel-rim)}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow:inset var(--era-bevel-x1) 1px 0 0 light-dark(color-mix(in oklch, oklch(100% 0 0) 70%, var(--color-2)),color-mix(in oklch, oklch(100% 0 0) 12%, var(--color-2))), inset calc(-1 * var(--era-bevel-x1)) -1px 0 0 light-dark(color-mix(in oklch, oklch(0% 0 0) 28%, var(--color-2)),color-mix(in oklch, oklch(0% 0 0) 40%, var(--color-2))), var(--era-bevel-rim)}}[data-surface=bevel]{--era-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)}.era-text-trim.truncate,.era-text-trim-caps.truncate{text-box:normal;line-height:normal}@keyframes era-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes era-collapse-open{0%{opacity:0;height:0}to{height:var(--bits-collapsible-content-height);opacity:1}}@keyframes era-collapse-close{0%{height:var(--bits-collapsible-content-height);opacity:1}to{opacity:0;height:0}}: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 CHANGED
@@ -36,9 +36,9 @@ Classes, not components — they need no import beyond the stylesheet. Reach for
36
36
  - `era-interactive` — the focus/disabled recipe every era control carries — put it on a custom interactive element instead of hand-writing focus/disabled variants.
37
37
  - `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).
38
38
  - `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.
39
- - `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.
40
- - `truncate` — single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders.
41
- - `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.
39
+ - `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: never on an <input>/<textarea>, and never on the same element as `truncate` or any overflow clip — put it on the fixed-height ROW and let the truncating child centre inside it. See era-text-trim-caps for ALL-CAPS.
40
+ - `truncate` — single-line horizontal truncation with an ellipsis — put it on the truncating CHILD inside a trimmed or leading-none row, never on the same element as era-text-trim; it will not clip ascenders or descenders.
41
+ - `era-text-trim-caps` — the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never for mixed-case text (a label like "System" reads high; use era-text-trim), and never on the same element as `truncate`.
42
42
  - `era-ink-center` — on a native single-line <input> (or the text layer that must mirror one) inside a fixed-height field — never alongside era-text-trim.
43
43
  - `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.
44
44
  - `era-collapse` — the height sweep for a bits-ui Collapsible.Content — put it on the Content element itself (it carries its own overflow: hidden).
@@ -145,9 +145,9 @@ enough to stay var-form — `min-w-(--era-h-md)` etc. remain the escape hatch.
145
145
  | `era-interactive` | the focus/disabled recipe every era control carries — put it on a custom interactive element instead of hand-writing focus/disabled variants. |
146
146
  | `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). |
147
147
  | `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. |
148
- | `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. |
149
- | `truncate` | single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders. |
150
- | `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. |
148
+ | `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: never on an <input>/<textarea>, and never on the same element as `truncate` or any overflow clip — put it on the fixed-height ROW and let the truncating child centre inside it. See era-text-trim-caps for ALL-CAPS. |
149
+ | `truncate` | single-line horizontal truncation with an ellipsis — put it on the truncating CHILD inside a trimmed or leading-none row, never on the same element as era-text-trim; it will not clip ascenders or descenders. |
150
+ | `era-text-trim-caps` | the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never for mixed-case text (a label like "System" reads high; use era-text-trim), and never on the same element as `truncate`. |
151
151
  | `era-ink-center` | on a native single-line <input> (or the text layer that must mirror one) inside a fixed-height field — never alongside era-text-trim. |
152
152
  | `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. |
153
153
  | `era-collapse` | the height sweep for a bits-ui Collapsible.Content — put it on the Content element itself (it carries its own overflow: hidden). |
@@ -205,16 +205,23 @@ Declared in `index.css`.
205
205
  @utility era-link {
206
206
  /* The text is bright at rest and never changes — the link reads as a link
207
207
  * before you touch it. Only the UNDERLINE reacts: a faint hint at rest —
208
- * muted knocked back to 30% so it barely whispers — that resolves to the full
209
- * text colour on hover. */
208
+ * the link's own ink knocked back to 30% so it barely whispers — that
209
+ * resolves to the full ink on hover.
210
+ *
211
+ * currentColor, not --color-muted/--color-fg: the underline belongs to the
212
+ * TEXT it underlines. On themes whose link ink is a colour (signalnine's
213
+ * navy, an accent-tinted bright), the neutral tokens drew a whitish line
214
+ * under coloured text — a second hue where there should be one. Derived
215
+ * from currentColor, the underline tracks whatever the link resolves to,
216
+ * in every theme, including a caller overriding `color` locally. */
210
217
  color: var(--color-link);
211
218
  text-decoration-line: underline;
212
- text-decoration-color: color-mix(in oklch, var(--color-muted) 30%, transparent);
219
+ text-decoration-color: color-mix(in oklch, currentColor 30%, transparent);
213
220
  text-underline-offset: 0.2em;
214
221
  transition: text-decoration-color var(--era-duration) var(--era-ease);
215
222
  &:hover,
216
223
  &:focus-visible {
217
- text-decoration-color: var(--color-fg);
224
+ text-decoration-color: currentColor;
218
225
  }
219
226
  }
220
227
  ```
@@ -239,7 +246,7 @@ Declared in `index.css`.
239
246
 
240
247
  ## era-text-trim
241
248
 
242
- **Use it for:** 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.
249
+ **Use it for:** 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: never on an <input>/<textarea>, and never on the same element as `truncate` or any overflow clip — put it on the fixed-height ROW and let the truncating child centre inside it. See era-text-trim-caps for ALL-CAPS.
243
250
 
244
251
  Font-agnostic vertical ink-centering for single-line control text.
245
252
  Measured verdict (4 fonts x 2 dpr, ink from device-pixel screenshots):
@@ -286,7 +293,7 @@ Declared in `index.css`.
286
293
 
287
294
  ## truncate
288
295
 
289
- **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.
296
+ **Use it for:** single-line horizontal truncation with an ellipsis — put it on the truncating CHILD inside a trimmed or leading-none row, never on the same element as era-text-trim; it will not clip ascenders or descenders.
290
297
 
291
298
  Tailwind's `truncate`, with the vertical clip fixed at the source.
292
299
 
@@ -319,7 +326,7 @@ Declared in `index.css`.
319
326
 
320
327
  ## era-text-trim-caps
321
328
 
322
- **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.
329
+ **Use it for:** the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never for mixed-case text (a label like "System" reads high; use era-text-trim), and never on the same element as `truncate`.
323
330
 
324
331
  ALL-CAPS single-line text (kbd hints, acronym badges): the x-height band
325
332
  misjudges caps-only strings — cap/alphabetic edges are the right box.
package/dist/generated-docs/llms.txt CHANGED
@@ -2,6 +2,36 @@
2
2
 
3
3
  > A Svelte 5 + Bits UI component library. Every surface — heights, paddings, radii, gaps — derives from a single spacing atom, so density is a one-attribute override at any scope.
4
4
 
5
+ ## Sizing philosophy — read this before writing markup
6
+
7
+ Every measurement in era derives from one atom (`--era-sp`) through a fixed ladder. You never pick a number; you pick a TIER, and the number follows from the density axis. Markup that hardcodes `h-[34px]`, `text-[13px]`, `p-2` or `gap-1.5` is wrong even when it looks right at the default density — it stops tracking the axis the moment a subtree re-tiers.
8
+
9
+ **1. Height comes from the tier ladder, never from a pixel value.**
10
+ `h-xs` (icon, 14px @dense) · `h-xxs` (nested pill, 18) · `h-sm` (standalone pill, 22) · `h-md` (control/row, 24) · `h-lg` (bar/header, 32). A square is `size-*` on the same ladder; `size-xs` IS the icon size beside body text.
11
+
12
+ **2. Padding is geometric or optical — the container tells you which.**
13
+ A container with a BOUNDED tier height (bar, row, trigger, pill) takes geometric padding: `px-inset-md` / `px-sm` / `px-pill-sm`, all derived from `(tier − text)/2`. A container with UNBOUNDED height (card, dialog, panel, page section) takes optical padding: `p-panel` · `p-card` · `p-content`, which grow super-linearly so whitespace keeps pace as controls loosen. Never pad a card with a tier inset, and never pad a row with `p-card`.
14
+
15
+ **3. The even-gap law.** Inside any container, `(container_height − child_height) / 2` must equal the gap on ALL four sides. A `h-xxs` control in a `h-md` bar sits on a 3px wall at dense — so the bar's padding AND the gap between its children are that same value. `gap-gutter` / `p-gutter` is the standard inter-element gap (sp/2); the concentric insets (`p-inset-*`) are the text-symmetric ones.
16
+
17
+ **4. Radius follows the corner REGION's tier, not the box's size.**
18
+ `rounded-xs · xxs · sm · md · lg` walk the same ladder as the heights, and the ladder is built so that `rd_outer − rd_inner` equals the concentric gap — nested corners then share a centre of curvature automatically. A big panel whose corner is formed by an `h-md` bar takes `rounded-md`, not `rounded-lg`. Never hardcode a radius: `data-corners="square"` collapses the tokens to 0 and a literal value would survive it.
19
+
20
+ **5. Single-line control text carries `era-text-trim`; wrapping text carries `leading-body`.**
21
+ Flexbox centres the LINE BOX, not the ink, and misses by up to ~2px. `era-text-trim` fixes it — on FIXED-HEIGHT, NON-EDITABLE elements only. Two hard prohibitions, both of which produce silently chopped or mis-centred glyphs:
22
+ - NEVER on an `<input>`/`<textarea>`/`<select>` (the UA clips to the trimmed inner editor box, so typed text loses its ascenders — a "d" renders as an "o"). A tier-height field centres its own text; if you need the optical lift, that is `era-ink-center`.
23
+ - NEVER on the same element as `truncate` or any overflow clip. Put the trim on the fixed-height ROW and let the truncating CHILD centre inside it via `items-center`. (era guards this pairing so it degrades to a no-op instead of chopped text, but the row/child split is the correct authoring.)
24
+
25
+ Text that WRAPS is the opposite regime: it needs leading, so it carries `leading-body` (never a trim). `era-text-trim-caps` is for ALL-CAPS strings only — on mixed case it reads high.
26
+
27
+ **6. Type size is `text-body`.** It is the density-derived body/control size (12px at dense, 14px above). Reach for a Tailwind type step (`text-sm`, `text-xs`) only for genuine display type, never for control or body text.
28
+
29
+ **7. Colour comes from semantic tokens, not the ramp.** `text-fg` (controls/labels) · `text-bright` (emphasis, headings) · `text-muted` (body copy) · `text-destructive` / `-success` / `-warning`. Fills: `bg-hover` for a latched ROW, `bg-fill` for a standing pill, `bg-highlight` for transient hover. These compose across themes; a raw scale step does not.
30
+
31
+ **Verifying your own output.** era ships a runtime audit that measures these laws against rendered DOM — tier conformance, even gaps, concentric radii, chopped glyphs, wrapping text at control leading. If you are generating markup, render it and run the audit rather than eyeballing: it is the same instrument the library's own test suite asserts against.
32
+
33
+ Full derivations: `{{ORIGIN}}/spacing.md` (the ladder and every token), `{{ORIGIN}}/text.md` (type and trim), `{{ORIGIN}}/utilities.md` (every class, what it emits, when to use it).
34
+
5
35
  ## Using the library
6
36
 
7
37
  ```ts
@@ -40,9 +70,9 @@ Classes, not components — they need no import beyond the stylesheet. Reach for
40
70
  - `era-interactive` — the focus/disabled recipe every era control carries — put it on a custom interactive element instead of hand-writing focus/disabled variants.
41
71
  - `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).
42
72
  - `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.
43
- - `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.
44
- - `truncate` — single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders.
45
- - `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.
73
+ - `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: never on an <input>/<textarea>, and never on the same element as `truncate` or any overflow clip — put it on the fixed-height ROW and let the truncating child centre inside it. See era-text-trim-caps for ALL-CAPS.
74
+ - `truncate` — single-line horizontal truncation with an ellipsis — put it on the truncating CHILD inside a trimmed or leading-none row, never on the same element as era-text-trim; it will not clip ascenders or descenders.
75
+ - `era-text-trim-caps` — the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never for mixed-case text (a label like "System" reads high; use era-text-trim), and never on the same element as `truncate`.
46
76
  - `era-ink-center` — on a native single-line <input> (or the text layer that must mirror one) inside a fixed-height field — never alongside era-text-trim.
47
77
  - `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.
48
78
  - `era-collapse` — the height sweep for a bits-ui Collapsible.Content — put it on the Content element itself (it carries its own overflow: hidden).
package/dist/generated-docs/manifest.json CHANGED
@@ -44,7 +44,7 @@
44
44
  "slug": "utilities",
45
45
  "title": "Utilities",
46
46
  "summary": "The CSS classes era ships alongside the components — links, ink-centred text, shimmer, hidden scrollbars.",
47
- "tokenEstimate": 5821,
47
+ "tokenEstimate": 6097,
48
48
  "sections": [
49
49
  "Overview",
50
50
  "era-interactive",
@@ -980,7 +980,7 @@
980
980
  "file": "index.css",
981
981
  "useCase": "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).",
982
982
  "description": "Inline text link. An understated, permanent underline that darkens from\nmuted to the text colour on hover — no layout shift, no appearing/vanishing\nunderline. The colour fade rides the MOTION axis (--era-duration/-ease), so\nit snaps at data-motion=\"instant\", eases at \"normal\", and sweeps longer at\n\"extra\" — matching every other era transition. Font-agnostic: it styles\ndecoration + colour only, so it reads correctly in mono, sans, or serif, and\nthe 0.2em offset scales with the type size. Keyboard focus mirrors hover so\nthe affordance is reachable without a pointer.",
983
- "css": "@utility era-link {\n\t/* The text is bright at rest and never changes — the link reads as a link\n\t * before you touch it. Only the UNDERLINE reacts: a faint hint at rest —\n\t * muted knocked back to 30% so it barely whispers — that resolves to the full\n\t * text colour on hover. */\n\tcolor: var(--color-link);\n\ttext-decoration-line: underline;\n\ttext-decoration-color: color-mix(in oklch, var(--color-muted) 30%, transparent);\n\ttext-underline-offset: 0.2em;\n\ttransition: text-decoration-color var(--era-duration) var(--era-ease);\n\t&:hover,\n\t&:focus-visible {\n\t\ttext-decoration-color: var(--color-fg);\n\t}\n}"
983
+ "css": "@utility era-link {\n\t/* The text is bright at rest and never changes — the link reads as a link\n\t * before you touch it. Only the UNDERLINE reacts: a faint hint at rest —\n\t * the link's own ink knocked back to 30% so it barely whispers — that\n\t * resolves to the full ink on hover.\n\t *\n\t * currentColor, not --color-muted/--color-fg: the underline belongs to the\n\t * TEXT it underlines. On themes whose link ink is a colour (signalnine's\n\t * navy, an accent-tinted bright), the neutral tokens drew a whitish line\n\t * under coloured text — a second hue where there should be one. Derived\n\t * from currentColor, the underline tracks whatever the link resolves to,\n\t * in every theme, including a caller overriding `color` locally. */\n\tcolor: var(--color-link);\n\ttext-decoration-line: underline;\n\ttext-decoration-color: color-mix(in oklch, currentColor 30%, transparent);\n\ttext-underline-offset: 0.2em;\n\ttransition: text-decoration-color var(--era-duration) var(--era-ease);\n\t&:hover,\n\t&:focus-visible {\n\t\ttext-decoration-color: currentColor;\n\t}\n}"
984
984
  },
985
985
  {
986
986
  "name": "scrollbar-none",
@@ -998,7 +998,7 @@
998
998
  "era-text-trim"
999
999
  ],
1000
1000
  "file": "index.css",
1001
- "useCase": "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.",
1001
+ "useCase": "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: never on an <input>/<textarea>, and never on the same element as `truncate` or any overflow clip — put it on the fixed-height ROW and let the truncating child centre inside it. See era-text-trim-caps for ALL-CAPS.",
1002
1002
  "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 (measured at 14px; the\nmechanism is font-relative, so dense's 12px inherits the same guarantee with\na proportionally smaller residual).\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.",
1003
1003
  "css": "@utility era-text-trim {\n\tline-height: 1;\n\ttext-box: trim-both ex alphabetic;\n}"
1004
1004
  },
@@ -1008,7 +1008,7 @@
1008
1008
  "truncate"
1009
1009
  ],
1010
1010
  "file": "index.css",
1011
- "useCase": "single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders.",
1011
+ "useCase": "single-line horizontal truncation with an ellipsis — put it on the truncating CHILD inside a trimmed or leading-none row, never on the same element as era-text-trim; it will not clip ascenders or descenders.",
1012
1012
  "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.",
1013
1013
  "css": "@utility truncate {\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tline-height: normal;\n\ttext-box: normal;\n}"
1014
1014
  },
@@ -1018,7 +1018,7 @@
1018
1018
  "era-text-trim-caps"
1019
1019
  ],
1020
1020
  "file": "index.css",
1021
- "useCase": "the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never use it for mixed-case text.",
1021
+ "useCase": "the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never for mixed-case text (a label like \"System\" reads high; use era-text-trim), and never on the same element as `truncate`.",
1022
1022
  "description": "ALL-CAPS single-line text (kbd hints, acronym badges): the x-height band\nmisjudges caps-only strings — cap/alphabetic edges are the right box.",
1023
1023
  "css": "@utility era-text-trim-caps {\n\tline-height: 1;\n\ttext-box: trim-both cap alphabetic;\n}"
1024
1024
  },
package/dist/generated-docs/utilities.json CHANGED
@@ -18,7 +18,7 @@
18
18
  "file": "index.css",
19
19
  "useCase": "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).",
20
20
  "description": "Inline text link. An understated, permanent underline that darkens from\nmuted to the text colour on hover — no layout shift, no appearing/vanishing\nunderline. The colour fade rides the MOTION axis (--era-duration/-ease), so\nit snaps at data-motion=\"instant\", eases at \"normal\", and sweeps longer at\n\"extra\" — matching every other era transition. Font-agnostic: it styles\ndecoration + colour only, so it reads correctly in mono, sans, or serif, and\nthe 0.2em offset scales with the type size. Keyboard focus mirrors hover so\nthe affordance is reachable without a pointer.",
21
- "css": "@utility era-link {\n\t/* The text is bright at rest and never changes — the link reads as a link\n\t * before you touch it. Only the UNDERLINE reacts: a faint hint at rest —\n\t * muted knocked back to 30% so it barely whispers — that resolves to the full\n\t * text colour on hover. */\n\tcolor: var(--color-link);\n\ttext-decoration-line: underline;\n\ttext-decoration-color: color-mix(in oklch, var(--color-muted) 30%, transparent);\n\ttext-underline-offset: 0.2em;\n\ttransition: text-decoration-color var(--era-duration) var(--era-ease);\n\t&:hover,\n\t&:focus-visible {\n\t\ttext-decoration-color: var(--color-fg);\n\t}\n}"
21
+ "css": "@utility era-link {\n\t/* The text is bright at rest and never changes — the link reads as a link\n\t * before you touch it. Only the UNDERLINE reacts: a faint hint at rest —\n\t * the link's own ink knocked back to 30% so it barely whispers — that\n\t * resolves to the full ink on hover.\n\t *\n\t * currentColor, not --color-muted/--color-fg: the underline belongs to the\n\t * TEXT it underlines. On themes whose link ink is a colour (signalnine's\n\t * navy, an accent-tinted bright), the neutral tokens drew a whitish line\n\t * under coloured text — a second hue where there should be one. Derived\n\t * from currentColor, the underline tracks whatever the link resolves to,\n\t * in every theme, including a caller overriding `color` locally. */\n\tcolor: var(--color-link);\n\ttext-decoration-line: underline;\n\ttext-decoration-color: color-mix(in oklch, currentColor 30%, transparent);\n\ttext-underline-offset: 0.2em;\n\ttransition: text-decoration-color var(--era-duration) var(--era-ease);\n\t&:hover,\n\t&:focus-visible {\n\t\ttext-decoration-color: currentColor;\n\t}\n}"
22
22
  },
23
23
  {
24
24
  "name": "scrollbar-none",
@@ -36,7 +36,7 @@
36
36
  "era-text-trim"
37
37
  ],
38
38
  "file": "index.css",
39
- "useCase": "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.",
39
+ "useCase": "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: never on an <input>/<textarea>, and never on the same element as `truncate` or any overflow clip — put it on the fixed-height ROW and let the truncating child centre inside it. See era-text-trim-caps for ALL-CAPS.",
40
40
  "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 (measured at 14px; the\nmechanism is font-relative, so dense's 12px inherits the same guarantee with\na proportionally smaller residual).\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.",
41
41
  "css": "@utility era-text-trim {\n\tline-height: 1;\n\ttext-box: trim-both ex alphabetic;\n}"
42
42
  },
@@ -46,7 +46,7 @@
46
46
  "truncate"
47
47
  ],
48
48
  "file": "index.css",
49
- "useCase": "single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders.",
49
+ "useCase": "single-line horizontal truncation with an ellipsis — put it on the truncating CHILD inside a trimmed or leading-none row, never on the same element as era-text-trim; it will not clip ascenders or descenders.",
50
50
  "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.",
51
51
  "css": "@utility truncate {\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tline-height: normal;\n\ttext-box: normal;\n}"
52
52
  },
@@ -56,7 +56,7 @@
56
56
  "era-text-trim-caps"
57
57
  ],
58
58
  "file": "index.css",
59
- "useCase": "the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never use it for mixed-case text.",
59
+ "useCase": "the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never for mixed-case text (a label like \"System\" reads high; use era-text-trim), and never on the same element as `truncate`.",
60
60
  "description": "ALL-CAPS single-line text (kbd hints, acronym badges): the x-height band\nmisjudges caps-only strings — cap/alphabetic edges are the right box.",
61
61
  "css": "@utility era-text-trim-caps {\n\tline-height: 1;\n\ttext-box: trim-both cap alphabetic;\n}"
62
62
  },
package/dist/generated-docs/utilities.md CHANGED
@@ -41,9 +41,9 @@ enough to stay var-form — `min-w-(--era-h-md)` etc. remain the escape hatch.
41
41
  | `era-interactive` | the focus/disabled recipe every era control carries — put it on a custom interactive element instead of hand-writing focus/disabled variants. |
42
42
  | `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). |
43
43
  | `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. |
44
- | `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. |
45
- | `truncate` | single-line horizontal truncation with an ellipsis — safe inside a trimmed or leading-none row; it will not clip ascenders or descenders. |
46
- | `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. |
44
+ | `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: never on an <input>/<textarea>, and never on the same element as `truncate` or any overflow clip — put it on the fixed-height ROW and let the truncating child centre inside it. See era-text-trim-caps for ALL-CAPS. |
45
+ | `truncate` | single-line horizontal truncation with an ellipsis — put it on the truncating CHILD inside a trimmed or leading-none row, never on the same element as era-text-trim; it will not clip ascenders or descenders. |
46
+ | `era-text-trim-caps` | the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never for mixed-case text (a label like "System" reads high; use era-text-trim), and never on the same element as `truncate`. |
47
47
  | `era-ink-center` | on a native single-line <input> (or the text layer that must mirror one) inside a fixed-height field — never alongside era-text-trim. |
48
48
  | `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. |
49
49
  | `era-collapse` | the height sweep for a bits-ui Collapsible.Content — put it on the Content element itself (it carries its own overflow: hidden). |
@@ -101,16 +101,23 @@ Declared in `index.css`.
101
101
  @utility era-link {
102
102
  /* The text is bright at rest and never changes — the link reads as a link
103
103
  * before you touch it. Only the UNDERLINE reacts: a faint hint at rest —
104
- * muted knocked back to 30% so it barely whispers — that resolves to the full
105
- * text colour on hover. */
104
+ * the link's own ink knocked back to 30% so it barely whispers — that
105
+ * resolves to the full ink on hover.
106
+ *
107
+ * currentColor, not --color-muted/--color-fg: the underline belongs to the
108
+ * TEXT it underlines. On themes whose link ink is a colour (signalnine's
109
+ * navy, an accent-tinted bright), the neutral tokens drew a whitish line
110
+ * under coloured text — a second hue where there should be one. Derived
111
+ * from currentColor, the underline tracks whatever the link resolves to,
112
+ * in every theme, including a caller overriding `color` locally. */
106
113
  color: var(--color-link);
107
114
  text-decoration-line: underline;
108
- text-decoration-color: color-mix(in oklch, var(--color-muted) 30%, transparent);
115
+ text-decoration-color: color-mix(in oklch, currentColor 30%, transparent);
109
116
  text-underline-offset: 0.2em;
110
117
  transition: text-decoration-color var(--era-duration) var(--era-ease);
111
118
  &:hover,
112
119
  &:focus-visible {
113
- text-decoration-color: var(--color-fg);
120
+ text-decoration-color: currentColor;
114
121
  }
115
122
  }
116
123
  ```
@@ -135,7 +142,7 @@ Declared in `index.css`.
135
142
 
136
143
  ## era-text-trim
137
144
 
138
- **Use it for:** 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.
145
+ **Use it for:** 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: never on an <input>/<textarea>, and never on the same element as `truncate` or any overflow clip — put it on the fixed-height ROW and let the truncating child centre inside it. See era-text-trim-caps for ALL-CAPS.
139
146
 
140
147
  Font-agnostic vertical ink-centering for single-line control text.
141
148
  Measured verdict (4 fonts x 2 dpr, ink from device-pixel screenshots):
@@ -182,7 +189,7 @@ Declared in `index.css`.
182
189
 
183
190
  ## truncate
184
191
 
185
- **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.
192
+ **Use it for:** single-line horizontal truncation with an ellipsis — put it on the truncating CHILD inside a trimmed or leading-none row, never on the same element as era-text-trim; it will not clip ascenders or descenders.
186
193
 
187
194
  Tailwind's `truncate`, with the vertical clip fixed at the source.
188
195
 
@@ -215,7 +222,7 @@ Declared in `index.css`.
215
222
 
216
223
  ## era-text-trim-caps
217
224
 
218
- **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.
225
+ **Use it for:** the era-text-trim variant for ALL-CAPS single-line strings (kbd hints, acronym badges) — never for mixed-case text (a label like "System" reads high; use era-text-trim), and never on the same element as `truncate`.
219
226
 
220
227
  ALL-CAPS single-line text (kbd hints, acronym badges): the x-height band
221
228
  misjudges caps-only strings — cap/alphabetic edges are the right box.
package/dist/styles/index.css CHANGED
@@ -158,8 +158,10 @@
158
158
  * clips. Both rules are enforced at runtime by typography/collapsed-text-trim.
159
159
  *
160
160
  * @use vertically center single-line control text (a label beside an icon, a
161
- * button's own text) without a translateY nudge — fixed-height, non-editable
162
- * elements only; see era-text-trim-caps for ALL-CAPS strings.
161
+ * button's own text) without a translateY nudge. Fixed-height, non-editable
162
+ * elements ONLY: never on an <input>/<textarea>, and never on the same element
163
+ * as `truncate` or any overflow clip — put it on the fixed-height ROW and let
164
+ * the truncating child centre inside it. See era-text-trim-caps for ALL-CAPS.
163
165
  */
164
166
  @utility era-text-trim {
165
167
  line-height: 1;
@@ -183,8 +185,9 @@
183
185
  * height (they are tier-fixed and centre the child), and the child now has room
184
186
  * for its own glyphs.
185
187
  *
186
- * @use single-line horizontal truncation with an ellipsis — safe inside a
187
- * trimmed or leading-none row; it will not clip ascenders or descenders. */
188
+ * @use single-line horizontal truncation with an ellipsis — put it on the
189
+ * truncating CHILD inside a trimmed or leading-none row, never on the same
190
+ * element as era-text-trim; it will not clip ascenders or descenders. */
188
191
  @utility truncate {
189
192
  overflow: hidden;
190
193
  text-overflow: ellipsis;
@@ -193,11 +196,38 @@
193
196
  text-box: normal;
194
197
  }
195
198
 
199
+ /* THE COLLISION GUARD — `truncate` and `era-text-trim` on the SAME element.
200
+ *
201
+ * Two utilities, same specificity, opposite intents: the trim collapses the box
202
+ * to the x-height band, and truncate clips to whatever box it lands on. Class
203
+ * ORDER in the attribute cannot break the tie — CSS resolves same-specificity
204
+ * conflicts by stylesheet order, and Tailwind emits era-text-trim last, so the
205
+ * trim silently won and the clip chopped the glyphs into a middle stripe
206
+ * (measured: an 8.58px box holding 16px of ink). Writing the classes the other
207
+ * way round changed nothing, which is what made it so hard to see.
208
+ *
209
+ * A real consumer hit exactly this. So the pairing is now DEFINED rather than
210
+ * accidental, with a compound selector that outranks both single-class
211
+ * utilities: truncate wins the vertical, the glyphs stay whole, and the
212
+ * element centres the way the docs say it should anyway — via its
213
+ * fixed-height parent's items-center.
214
+ *
215
+ * This is a safety net, not a blessing: the correct authoring is still trim on
216
+ * the ROW, truncate on the CHILD (typography/collapsed-text-trim still reports
217
+ * the pair so the runtime audit can point at it). It exists so the failure mode
218
+ * is a no-op instead of unreadable text. */
219
+ .era-text-trim.truncate,
220
+ .era-text-trim-caps.truncate {
221
+ line-height: normal;
222
+ text-box: normal;
223
+ }
224
+
196
225
  /* ALL-CAPS single-line text (kbd hints, acronym badges): the x-height band
197
226
  * misjudges caps-only strings — cap/alphabetic edges are the right box.
198
227
  *
199
228
  * @use the era-text-trim variant for ALL-CAPS single-line strings (kbd hints,
200
- * acronym badges) — never use it for mixed-case text. */
229
+ * acronym badges) — never for mixed-case text (a label like "System" reads
230
+ * high; use era-text-trim), and never on the same element as `truncate`. */
201
231
  @utility era-text-trim-caps {
202
232
  line-height: 1;
203
233
  text-box: trim-both cap alphabetic;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@signal9/era-ui",
3
- "version": "4.16.7",
3
+ "version": "4.16.8",
4
4
  "scripts": {
5
5
  "dev": "vite dev --host",
6
6
  "build": "vite build && npm run prepack",