@signal9/era-ui 2.5.0 → 2.6.1

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 (23) hide show
  1. package/dist/era-ui.css +1 -1
  2. package/dist/os/desktop.svelte +6 -0
  3. package/dist/os/wm.svelte.d.ts +7 -0
  4. package/dist/os/wm.svelte.js +24 -0
  5. package/dist/styles/index.css +10 -0
  6. package/dist/styles/typography.css +1 -1
  7. package/dist/ui/badge/badge.svelte +1 -1
  8. package/dist/ui/badge/badge.svelte.d.ts +2 -2
  9. package/dist/ui/bar/bar.svelte +1 -1
  10. package/dist/ui/bar/bar.svelte.d.ts +2 -2
  11. package/dist/ui/button/variants.d.ts +2 -2
  12. package/dist/ui/button/variants.js +1 -1
  13. package/dist/ui/chip/chip.svelte +1 -1
  14. package/dist/ui/chip/chip.svelte.d.ts +2 -2
  15. package/dist/ui/command/command-input.svelte +1 -1
  16. package/dist/ui/command/command-item.svelte +1 -1
  17. package/dist/ui/command-bar/command-bar.svelte +2 -2
  18. package/dist/ui/input/input.svelte +1 -1
  19. package/dist/ui/kv/kv.svelte +1 -1
  20. package/dist/ui/select/select-trigger.svelte +1 -1
  21. package/dist/ui/step/step-summary.svelte +1 -1
  22. package/dist/ui/tabs/tabs-trigger.svelte +2 -1
  23. package/package.json +1 -1
package/dist/era-ui.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! tailwindcss v4.3.2 | 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-duration:initial;--tw-ease:initial;--tw-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-\(--era-xs-inset-sm\){inset:var(--era-xs-inset-sm)}.inset-x-\(--era-gap\){inset-inline:var(--era-gap)}.inset-x-\(--era-xs-inset-sm\){inset-inline:var(--era-xs-inset-sm)}.inset-y-\(--era-panel-inset\){inset-block:var(--era-panel-inset)}.top-\(--era-gap\){top:var(--era-gap)}.top-\(--era-pad-md\){top:var(--era-pad-md)}.top-1\/2{top:50%}.top-\[calc\(var\(--era-inset-md\)\+\(var\(--era-text\)\*1\.625-var\(--era-h-sm\)\)\/2\)\]{top:calc(var(--era-inset-md) + (var(--era-text) * 1.625 - var(--era-h-sm)) / 2)}.top-full{top:100%}.right-\(--era-pad-md\){right:var(--era-pad-md)}.right-\[calc\(var\(--era-inset-md\)\+\(var\(--era-text\)\*1\.625-var\(--era-h-sm\)\)\/2\)\]{right:calc(var(--era-inset-md) + (var(--era-text) * 1.625 - var(--era-h-sm)) / 2)}.bottom-\(--era-gap\){bottom:var(--era-gap)}.bottom-\(--era-h-lg\){bottom:var(--era-h-lg)}.bottom-\(--era-pad-sm\){bottom:var(--era-pad-sm)}.bottom-\[calc\(100\%\+\(var\(--era-h-lg\)-var\(--era-h-sm\)\)\/2\+var\(--era-gap\)\)\]{bottom:calc(100% + (var(--era-h-lg) - var(--era-h-sm)) / 2 + var(--era-gap))}.bottom-full{bottom:100%}.left-\(--era-pad-md\){left:var(--era-pad-md)}.left-\(--era-panel-inset\){left:var(--era-panel-inset)}.left-\(--era-video-hover-pct\){left:var(--era-video-hover-pct)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[55\]{z-index:55}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.col-start-2{grid-column-start:2}.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)}.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}.-mr-\(--era-inset-xxs\){margin-right:calc(var(--era-inset-xxs) * -1)}.mr-\(--era-gap\){margin-right:var(--era-gap)}.mr-auto{margin-right:auto}.mb-\(--era-gap\){margin-bottom:var(--era-gap)}.mb-\(--era-pad-md\){margin-bottom:var(--era-pad-md)}.-ml-\(--era-inset-xxs\){margin-left:calc(var(--era-inset-xxs) * -1)}.ml-\(--era-gap\){margin-left:var(--era-gap)}.ml-auto{margin-left:auto}.scrollbar-none::-webkit-scrollbar{display:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.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-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-\[calc\(var\(--era-h-xs\)-2px\)\]{width:calc(var(--era-h-xs) - 2px);height:calc(var(--era-h-xs) - 2px)}.size-\[calc\(var\(--era-h-xs\)-4px\)\]{width:calc(var(--era-h-xs) - 4px);height:calc(var(--era-h-xs) - 4px)}.size-full{width:100%;height:100%}.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-\[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-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-none{max-height:none}.min-h-\(--era-h-md\){min-height:var(--era-h-md)}.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-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\[40\%\]{max-width:40%}.max-w-\[92ch\]{max-width:92ch}.max-w-full{max-width:100%}.min-w-\(--bits-combobox-anchor-width\){min-width:var(--bits-combobox-anchor-width)}.min-w-\(--bits-dropdown-menu-anchor-width\){min-width:var(--bits-dropdown-menu-anchor-width)}.min-w-\(--bits-menubar-menu-anchor-width\){min-width:var(--bits-menubar-menu-anchor-width)}.min-w-\(--bits-popover-anchor-width\){min-width:var(--bits-popover-anchor-width)}.min-w-\(--bits-select-anchor-width\){min-width:var(--bits-select-anchor-width)}.min-w-\(--era-h-md\){min-width:var(--era-h-md)}.min-w-\(--era-h-sm\){min-width:var(--era-h-sm)}.min-w-\(--era-h-xs\){min-width:var(--era-h-xs)}.min-w-\(--era-h-xxs\){min-width:var(--era-h-xxs)}.flex-1{flex:1}.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-\(--era-xs-inset-sm\){--tw-translate-x:var(--era-xs-inset-sm);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-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)}.-rotate-90{rotate:-90deg}.rotate-\[18deg\]{rotate:18deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.era-shimmer{background:linear-gradient(110deg, var(--color-muted) 0% 43%, var(--color-bright) 50%, var(--color-muted) 57% 100%);-webkit-text-fill-color:transparent;animation:era-shimmer calc(var(--era-duration) * 10) cubic-bezier(.7, 0, 1, .4) infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.animate-\[indeterminate_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite indeterminate}.animate-\[skeleton-pulse_2s_ease-in-out_infinite\]{animation:2s ease-in-out infinite skeleton-pulse}.animate-\[…\]{animation:…}.era-interactive:focus{outline:none}.era-interactive:disabled{cursor:not-allowed;opacity:.5}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-nesw-resize{cursor:nesw-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scrollbar-none{scrollbar-width:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0\.5rem_minmax\(3rem\,4\.5rem\)_minmax\(2\.25rem\,3\.5rem\)_1fr\]{grid-template-columns:.5rem minmax(3rem,4.5rem) minmax(2.25rem,3.5rem) 1fr}.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}.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-\(--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-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-\(--t-inset-md\){gap:var(--t-inset-md)}.gap-\[calc\(var\(--era-gap\)\*2\)\]{gap:calc(var(--era-gap) * 2)}: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}.justify-self-center{justify-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.\[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-none{border-radius:0}.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-l-\(--era-rd-lg\){border-top-left-radius:var(--era-rd-lg);border-bottom-left-radius:var(--era-rd-lg)}.rounded-r-\(--era-rd-lg\){border-top-right-radius:var(--era-rd-lg);border-bottom-right-radius:var(--era-rd-lg)}.rounded-b-\(--era-rd-lg\){border-bottom-right-radius:var(--era-rd-lg);border-bottom-left-radius:var(--era-rd-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(color\:--era-border-color\),.border-\[color\:var\(--era-border-color\)\]{border-color:var(--era-border-color)}.border-border{border-color:var(--color-border)}.border-divider{border-color:var(--era-divider-color)}.border-divider-faded{border-color:var(--era-divider-faded)}.border-s-2{border-inline-start-color:var(--color-2)}.bg-\(--color-1\){background-color:var(--color-1)}.bg-\(--color-destructive\){background-color:var(--color-destructive)}.bg-\(--color-success\){background-color:var(--color-success)}.bg-\(--era-highlight\){background-color:var(--era-highlight)}.bg-\(--era-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-destructive{background-color:var(--color-destructive)}.bg-divider{background-color:var(--era-divider-color)}.bg-divider-faded{background-color:var(--era-divider-faded)}.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-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-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}.\[background-image\:radial-gradient\(var\(--color-3\)_1px\,transparent_1px\)\]{background-image:radial-gradient(var(--color-3) 1px,transparent 1px)}.\[background-size\:14px_14px\]{background-size:14px 14px}.\[background-position\:center\]{background-position:50%}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-\(--era-content-p\){padding:var(--era-content-p)}.p-\(--era-gap\){padding:var(--era-gap)}.p-\(--era-inset-md\){padding:var(--era-inset-md)}.p-\(--era-inset-sm\){padding:var(--era-inset-sm)}.p-\(--era-pad-lg\){padding:var(--era-pad-lg)}.p-\(--era-pad-md\){padding:var(--era-pad-md)}.p-\(--era-pad-sm\){padding:var(--era-pad-sm)}.p-\(--era-panel-inset\){padding:var(--era-panel-inset)}.p-\(--era-px-lg\){padding:var(--era-px-lg)}.p-\(--era-xs-inset-sm\){padding:var(--era-xs-inset-sm)}.p-px{padding:1px}.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-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-\[calc\(var\(--era-sp\)\/2\)\]{padding-inline:calc(var(--era-sp) / 2)}.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-pad-lg\){padding-block:var(--era-pad-lg)}.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-px{padding-block:1px}.ps-\(--era-gap\){padding-inline-start:var(--era-gap)}.ps-\(--era-inset-md\){padding-inline-start:var(--era-inset-md)}.ps-\(--era-pad-sm\){padding-inline-start:var(--era-pad-sm)}.pe-\(--era-px-md\){padding-inline-end:var(--era-px-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-pill-sm\){padding-right:var(--era-pill-sm)}.pr-\(--era-pill-xxs\){padding-right:var(--era-pill-xxs)}.pr-\(--era-xs-inset-sm\){padding-right:var(--era-xs-inset-sm)}.pr-\(--era-xs-inset-xxs\){padding-right:var(--era-xs-inset-xxs)}.pr-\[calc\(var\(--era-inset-md\)\+var\(--era-h-sm\)\+var\(--era-inset-md\)\)\]{padding-right:calc(var(--era-inset-md) + var(--era-h-sm) + var(--era-inset-md))}.pb-\(--era-gap\){padding-bottom:var(--era-gap)}.pb-\(--era-pad-lg\){padding-bottom:var(--era-pad-lg)}.pb-\(--era-pad-md\){padding-bottom:var(--era-pad-md)}.pb-\(--era-sp\){padding-bottom:var(--era-sp)}.pl-\(--era-gap\){padding-left:var(--era-gap)}.pl-\(--era-inset-md\){padding-left:var(--era-inset-md)}.pl-\(--era-pill-sm\){padding-left:var(--era-pill-sm)}.pl-\(--era-pill-xxs\){padding-left:var(--era-pill-xxs)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[length\:calc\(var\(--era-text\)\*2\)\]{font-size:calc(var(--era-text) * 2)}.text-body{font-size:var(--era-text)}.leading-\(--era-h-lg\){--tw-leading:var(--era-h-lg);line-height:var(--era-h-lg)}.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}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.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-warning{color:var(--color-warning)}.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}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-95{opacity:.95}.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-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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:inset_0_-1px_0_var\(--color-divider-faded\)\]{box-shadow:inset 0 -1px 0 var(--color-divider-faded)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px * -1)}.outline-primary{outline-color:var(--color-primary)}.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,)}[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,ease);transition-duration:var(--tw-duration,0s)}.transition-\[box-shadow\,opacity\]{transition-property:box-shadow,opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.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,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.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}.ease-\(--era-ease\){--tw-ease:var(--era-ease);transition-timing-function:var(--era-ease)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[overflow-anchor\:none\]{overflow-anchor:none}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/att\:opacity-100:is(:where(.group\/att):hover *){opacity:1}}.group-data-\[role\=user\]\:max-w-\[80\%\]:is(:where(.group)[data-role=user] *){max-width:80%}.group-data-\[role\=user\]\:rounded-\(--era-rd-lg\):is(:where(.group)[data-role=user] *){border-radius:var(--era-rd-lg)}.group-data-\[role\=user\]\:bg-\(--era-surface-bg-elevated\):is(:where(.group)[data-role=user] *){background-color:var(--era-surface-bg-elevated)}.group-data-\[role\=user\]\:p-\(--era-pad-sm\):is(:where(.group)[data-role=user] *){padding:var(--era-pad-sm)}.group-data-\[role\=user\]\:whitespace-pre-wrap:is(:where(.group)[data-role=user] *){white-space:pre-wrap}.group-data-\[role\=user\]\:shadow-\(--era-shadow\):is(:where(.group)[data-role=user] *){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[state\=checked\]\:bg-fg:is(:where(.group)[data-state=checked] *){background-color:var(--color-fg)}.group-data-\[state\=open\]\/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\: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-highlight\):focus-within{background-color:var(--era-highlight)}.focus-within\:opacity-100:focus-within{opacity:1}@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-highlight\):hover{background-color:var(--era-highlight)}.hover\:bg-destructive:hover{background-color:var(--color-destructive)}.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)}}.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\: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\:translate-x-\(--era-press-shift\):active{--tw-translate-x:var(--era-press-shift);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-\(--era-press-shift\):active{--tw-translate-y:var(--era-press-shift);translate:var(--tw-translate-x) var(--tw-translate-y)}.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)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled,.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[svg\]\:gap-\(--era-inset-md\):has(:is(svg)){gap:var(--era-inset-md)}.has-\[svg\]\:gap-\(--era-inset-sm\):has(:is(svg)){gap:var(--era-inset-sm)}.has-\[svg\]\:gap-\(--era-inset-xxs\):has(:is(svg)){gap:var(--era-inset-xxs)}.aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-\[valuetext\=Empty\]\:text-muted[aria-valuetext=Empty]{color:var(--color-muted)}.data-\[active\]\:scale-\[0\.96\][data-active]{scale:.96}.data-\[active\]\:bg-\(--era-highlight\)[data-active]{background-color:var(--era-highlight)}.data-\[active\]\:text-fg[data-active]{color:var(--color-fg)}.data-\[bounded\]\:bg-\(--era-surface-bg-elevated\)[data-bounded]{background-color:var(--era-surface-bg-elevated)}.data-\[bounded\]\:text-fg[data-bounded]{color:var(--color-fg)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[dragging\]\:bg-\(--era-highlight\)[data-dragging]{background-color:var(--era-highlight)}.data-\[dragging\]\:text-bright[data-dragging]{color:var(--color-bright)}.data-\[highlighted\]\:bg-\(--era-highlight\)[data-highlighted]{background-color:var(--era-highlight)}.data-\[highlighted\]\:bg-hover[data-highlighted]{background-color:var(--color-hover)}.data-\[highlighted\]\:shadow-\(--era-highlight-shadow\)[data-highlighted]{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[invalid\]\:text-destructive[data-invalid]{color:var(--color-destructive)}.data-\[neodrag-state\=dragging\]\:\[will-change\:translate\][data-neodrag-state=dragging]{will-change:translate}.data-\[orientation\=horizontal\]\:mx-\(--era-gap\)[data-orientation=horizontal]{margin-inline:var(--era-gap)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal]{flex-direction:row}.data-\[orientation\=vertical\]\:my-\(--era-gap\)[data-orientation=vertical]{margin-block:var(--era-gap)}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[orientation\=vertical\]\:self-stretch[data-orientation=vertical]{align-self:stretch}.data-\[outside-month\]\:pointer-events-none[data-outside-month]{pointer-events:none}.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:color-mix(in oklab, var(--color-muted) 40%, transparent)}}.data-\[range-end\]\:bg-primary[data-range-end]{background-color:var(--color-primary)}.data-\[range-end\]\:text-primary-fg[data-range-end]{color:var(--color-primary-fg)}.data-\[range-start\]\:bg-primary[data-range-start]{background-color:var(--color-primary)}.data-\[range-start\]\:text-primary-fg[data-range-start]{color:var(--color-primary-fg)}.data-\[segment\=literal\]\:text-muted[data-segment=literal]{color:var(--color-muted)}.data-\[selected\]\:bg-hover[data-selected]{background-color:var(--color-hover)}.data-\[selected\]\:text-bright[data-selected]{color:var(--color-bright)}.data-\[side\=bottom\]\:rounded-t-none[data-side=bottom]{border-top-left-radius:0;border-top-right-radius:0}.data-\[side\=top\]\:rounded-b-none[data-side=top]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=active\]\:bg-hover[data-state=active]{background-color:var(--color-hover)}.data-\[state\=active\]\:text-bright[data-state=active]{color:var(--color-bright)}.data-\[state\=checked\]\:translate-x-\[calc\(var\(--era-xs-inset-sm\)\+var\(--era-h-xs\)\)\][data-state=checked]{--tw-translate-x:calc(var(--era-xs-inset-sm) + var(--era-h-xs));translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-2[data-state=checked]{background-color:var(--color-2)}.data-\[state\=checked\]\:bg-fg[data-state=checked]{background-color:var(--color-fg)}.data-\[state\=checked\]\:text-primary[data-state=checked]{color:var(--color-primary)}.data-\[state\=hidden\]\:opacity-0[data-state=hidden]{opacity:0}.data-\[state\=on\]\:bg-hover[data-state=on]{background-color:var(--color-hover)}.data-\[state\=on\]\:text-bright[data-state=on]{color:var(--color-bright)}.data-\[state\=on\]\:shadow-\(--era-shadow-pressed\)[data-state=on]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=open\]\:rounded-b-none[data-state=open]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=open\]\:bg-hover[data-state=open]{background-color:var(--color-hover)}.data-\[state\=open\]\:shadow-\(--era-shadow-pressed\)[data-state=open]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=visible\]\:opacity-100[data-state=visible]{opacity:1}.data-\[unavailable\]\:text-muted[data-unavailable]{color:var(--color-muted)}.data-\[unavailable\]\:line-through[data-unavailable]{text-decoration-line:line-through}.data-\[variant\=cells\]\:border-separate[data-variant=cells]{border-collapse:separate}.data-\[variant\=cells\]\:border-spacing-\(--era-gap\)[data-variant=cells]{--tw-border-spacing-x:var(--era-gap);--tw-border-spacing-y:var(--era-gap);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.data-\[variant\=default\]\:border-collapse[data-variant=default]{border-collapse:collapse}@media (prefers-color-scheme:dark){.dark\:scheme-only-dark{color-scheme:dark only}.dark\:invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.\[\&_\*\]\:pointer-events-none *{pointer-events:none}.\[\&\: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}@media (hover:hover){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\]\:hover\:bg-\(--era-highlight\):hover{background-color:var(--era-highlight)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-b>td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-b>th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:rounded-\(--era-rd-sm\){border-radius:var(--era-rd-sm)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-\(--era-surface-bg-elevated\){background-color:var(--era-surface-bg-elevated)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-hover{background-color:var(--color-hover)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:px-\(--era-inset-sm\){padding-inline:var(--era-inset-sm)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:text-bright{color:var(--color-bright)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:shadow-\(--era-shadow\){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:root{background-color:var(--color-1);color:var(--color-fg)}:root,.dark{color-scheme:dark;--color-1:oklch(16.2% 0 0);--color-2:oklch(19.5% 0 0);--color-3:oklch(25.4% 0 0);--color-4:oklch(30.2% 0 0);--color-5:oklch(34.8% 0 0);--color-6:oklch(39.6% 0 0);--color-7:oklch(45.9% 0 0);--color-8:oklch(54.9% 0 0);--color-9:oklch(64.9% 0 0);--color-10:oklch(72% 0 0);--color-11:oklch(86.3% 0 0);--color-12:oklch(93.3% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25% 0 0);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root,.dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}:root,.dark{--color-destructive:oklch(67.5% .3 30);--color-destructive-fg:oklch(96% 0 0);--color-success:oklch(65% .17 145);--color-success-fg:oklch(96% 0 0);--color-warning:oklch(80% .16 85);--color-warning-fg:oklch(16.2% 0 0)}@media (prefers-color-scheme:light){:root:not(.dark){color-scheme:light;--color-1:oklch(93.3% 0 0);--color-2:oklch(86.3% 0 0);--color-3:oklch(72% 0 0);--color-4:oklch(64.9% 0 0);--color-5:oklch(54.9% 0 0);--color-6:oklch(45.9% 0 0);--color-7:oklch(39.6% 0 0);--color-8:oklch(34.8% 0 0);--color-9:oklch(30.2% 0 0);--color-10:oklch(25.4% 0 0);--color-11:oklch(19.5% 0 0);--color-12:oklch(16.2% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 0);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}:root:not(.dark){--color-destructive:oklch(67.5% .3 30);--color-destructive-fg:oklch(98% 0 0);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 0);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 0)}}.light{color-scheme:light;--color-1:oklch(93.3% 0 0);--color-2:oklch(86.3% 0 0);--color-3:oklch(72% 0 0);--color-4:oklch(64.9% 0 0);--color-5:oklch(54.9% 0 0);--color-6:oklch(45.9% 0 0);--color-7:oklch(39.6% 0 0);--color-8:oklch(34.8% 0 0);--color-9:oklch(30.2% 0 0);--color-10:oklch(25.4% 0 0);--color-11:oklch(19.5% 0 0);--color-12:oklch(16.2% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 0);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}.light{--color-destructive:oklch(67.5% .3 30);--color-destructive-fg:oklch(98% 0 0);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 0);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 0)}:root[data-theme=adobe],[data-theme=adobe].dark{color-scheme:dark;--color-1:oklch(16.2% .016 48);--color-2:oklch(19.8% .02 52);--color-3:oklch(25.4% .024 56);--color-4:oklch(30.2% .028 60);--color-5:oklch(34.8% .032 64);--color-6:oklch(39.6% .036 68);--color-7:oklch(45.9% .034 72);--color-8:oklch(54.9% .03 76);--color-9:oklch(64.9% .024 82);--color-10:oklch(72% .02 86);--color-11:oklch(86.3% .016 90);--color-12:oklch(93.3% .014 94);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25.2% .024 56);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(74% .108 68);--color-primary-fg:oklch(19% .014 50);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe],[data-theme=adobe].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 78%, var(--color-success))}}:root[data-theme=adobe],[data-theme=adobe].dark{--color-destructive:oklch(66% .17 30);--color-destructive-fg:oklch(96% .016 90);--color-success:oklch(70% .125 184);--color-success-fg:oklch(19% .014 50);--color-warning:oklch(78% .14 82);--color-warning-fg:oklch(19% .014 50)}@media (prefers-color-scheme:light){:root[data-theme=adobe]:not(.dark){color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}:root[data-theme=adobe]:not(.dark){--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}}[data-theme=adobe].light{color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=adobe].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}[data-theme=adobe].light{--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}:root[data-theme=sand],[data-theme=sand].dark{color-scheme:dark;--color-1:oklch(25% .019 56);--color-2:oklch(30% .022 57);--color-3:oklch(37% .026 58);--color-4:oklch(45% .03 58);--color-5:oklch(54% .034 59);--color-6:oklch(62% .036 58);--color-7:oklch(70% .035 57);--color-8:oklch(76% .033 56);--color-9:oklch(80% .034 54);--color-10:oklch(84% .028 62);--color-11:oklch(89% .022 70);--color-12:oklch(93% .016 78);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}:root[data-theme=sand],[data-theme=sand].dark{--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(80% .034 54);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 80%, var(--color-success))}}:root[data-theme=sand],[data-theme=sand].dark{--color-destructive:oklch(66.5% .15 33);--color-destructive-fg:var(--color-12);--color-success:oklch(71% .09 164);--color-success-fg:var(--color-1);--color-warning:oklch(78% .1 85);--color-warning-fg:var(--color-1)}@media (prefers-color-scheme:light){:root[data-theme=sand]:not(.dark){color-scheme:light;--color-1:oklch(96% .01 78);--color-2:oklch(92% .014 74);--color-3:oklch(85% .02 68);--color-4:oklch(78% .026 62);--color-5:oklch(69% .032 57);--color-6:oklch(60% .035 54);--color-7:oklch(52% .033 52);--color-8:oklch(45% .03 50);--color-9:oklch(39% .026 48);--color-10:oklch(32% .022 46);--color-11:oklch(26% .018 44);--color-12:oklch(21% .014 42);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(88% .016 72);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}:root[data-theme=sand]:not(.dark){--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}}[data-theme=sand].light{color-scheme:light;--color-1:oklch(96% .01 78);--color-2:oklch(92% .014 74);--color-3:oklch(85% .02 68);--color-4:oklch(78% .026 62);--color-5:oklch(69% .032 57);--color-6:oklch(60% .035 54);--color-7:oklch(52% .033 52);--color-8:oklch(45% .03 50);--color-9:oklch(39% .026 48);--color-10:oklch(32% .022 46);--color-11:oklch(26% .018 44);--color-12:oklch(21% .014 42);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(88% .016 72);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}[data-theme=sand].light{--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}@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-h-xxs:calc(var(--era-sp) + .625rem);--era-h-sm:calc(2 * var(--era-sp) + .375rem);--era-h-md:calc(3 * var(--era-sp));--era-h-lg:calc(4 * var(--era-sp));--era-px-sm:calc(var(--era-sp) * .5);--era-px-md:calc(var(--era-sp) * .5);--era-px-lg:calc(var(--era-sp) * .5);--era-gap:calc(var(--era-sp) * .5);--era-inset-xxs:max(0px, calc((var(--era-h-xxs) - var(--era-text)) / 2));--era-inset-sm:max(0px, calc((var(--era-h-sm) - var(--era-text)) / 2));--era-inset-md:max(0px, calc((var(--era-h-md) - var(--era-text)) / 2));--era-pill-xxs:max(0px, calc((var(--era-h-xxs) - .6 * var(--era-text)) / 2));--era-pill-sm:max(0px, calc((var(--era-h-sm) - .6 * var(--era-text)) / 2));--era-xs-inset-sm:calc((var(--era-h-sm) - var(--era-h-xs)) / 2);--era-xs-inset-xxs:calc((var(--era-h-xxs) - var(--era-h-xs)) / 2);--era-xxs-inset-md:calc((var(--era-h-md) - var(--era-h-xxs)) / 2);--era-xs-inset-md:calc((var(--era-h-md) - var(--era-h-xs)) / 2);--era-xs-inset-lg:calc((var(--era-h-lg) - var(--era-h-xs)) / 2);--era-sm-inset-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}:root,[data-mode=dense]{--era-sp:.5rem;--era-density:1;--era-text:.875rem}[data-mode=balanced]{--era-sp:.625rem;--era-density:1.25}[data-mode=spacious]{--era-sp:.75rem;--era-density:1.5}[data-mode=touch]{--era-sp:1rem;--era-density:2}[data-mode=touch],[data-mode=touch] *{--era-roundness:calc(var(--era-roundness-scale) * var(--era-h-xs) / 2)}[data-corners=square]{--era-roundness-scale:0}: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-shadow:none;--era-shadow-lg:none;--era-shadow-well:var(--era-shadow);--era-shadow-pressed:var(--era-shadow);--era-highlight:var(--color-hover);--era-highlight-shadow:var(--era-shadow);--era-press-shift: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-item-rd:calc(var(--era-item-rd-scale) * max(0px, calc(var(--era-rd-md) - var(--era-panel-inset))))}[data-surface=glass]{--era-divider-color:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-divider-color:light-dark(color-mix(in oklch, var(--color-bright) 12%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}[data-surface=glass]{--era-surface-bg:light-dark(var(--color-1),var(--color-2))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg:light-dark(color-mix(in oklch, var(--color-1) 66%, transparent),color-mix(in oklch, var(--color-2) 62%, transparent))}}[data-surface=glass]{--era-surface-bg-elevated:light-dark(var(--color-1),var(--color-3))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg-elevated:light-dark(color-mix(in oklch, var(--color-1) 90%, transparent),color-mix(in oklch, var(--color-3) 85%, transparent))}}[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff59,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),color-mix(in oklch, var(--color-bright) 18%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 8%, transparent),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -2px -2px 0 -1.25px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 24px 0 light-dark(transparent,var(--color-bright)), 0 12px 32px -8px light-dark(var(--color-bright),oklch(0% 0 0/.35))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 24%, transparent)), inset -2px -2px 0 -1.25px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 10%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 6%, transparent),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 24px 0 light-dark(transparent,color-mix(in oklch, var(--color-bright) 4%, transparent)), 0 12px 32px -8px light-dark(color-mix(in oklch, var(--color-bright) 18%, transparent),oklch(0% 0 0/.35))}}[data-surface=glass]{--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 12%, transparent))}}[data-surface=glass]{--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 12px 0 light-dark(#ffffff59,var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 28%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 12%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 10%, transparent),color-mix(in oklch, var(--color-bright) 9%, transparent)), inset 0 0 12px 0 light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-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-highlight:var(--color-hover);--era-highlight-shadow:var(--era-shadow)}}[data-surface=bevel]{--era-shadow:inset 1px 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset -1px -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow:inset 1px 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 -1px -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)))}}[data-surface=bevel]{--era-shadow-lg:inset 1px 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset -1px -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset 2px 2px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset -2px -2px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), 4px 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-lg:inset 1px 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 -1px -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 2px 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 -2px -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))), 4px 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25))}}[data-surface=bevel]{--era-shadow-well:inset 1px 1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset -1px -1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-well:inset 1px 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 -1px -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)))}}[data-surface=bevel]{--era-shadow-pressed:var(--era-shadow-well);--era-press-shift:1px;--era-panel-inset:2px;--era-item-rd-scale:1}[data-surface=cartoon]{--era-divider-color:var(--color-bright)}@supports (color:color-mix(in lab, red, red)){[data-surface=cartoon]{--era-divider-color:color-mix(in oklch, var(--color-bright) 55%, transparent)}}[data-surface=cartoon]{--era-shadow:0 0 0 1.5px var(--color-bright), 2px 2px 0 0 var(--color-bright);--era-shadow-lg:0 0 0 2px var(--color-bright), 5px 5px 0 0 var(--color-bright);--era-shadow-well:0 0 0 1.5px var(--color-bright), inset 2px 2px 0 0 var(--color-bright)}@supports (color:color-mix(in lab, red, red)){[data-surface=cartoon]{--era-shadow-well:0 0 0 1.5px var(--color-bright), inset 2px 2px 0 0 color-mix(in oklch, var(--color-bright) 18%, var(--color-2))}}[data-surface=cartoon]{--era-shadow-pressed:0 0 0 1.5px var(--color-bright);--era-press-shift:2px;--era-panel-inset:2px;--era-item-rd-scale:1}[data-font=mono],[data-font=mono] *{font-family:var(--font-mono,ui-monospace, 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(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)}@keyframes era-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}:root,:host{--color-divider-faded:var(--era-divider-faded);--color-1:var(--color-1);--color-2:var(--color-2);--color-3:var(--color-3);--color-4:var(--color-4);--color-5:var(--color-5);--color-6:var(--color-6);--color-7:var(--color-7);--color-8:var(--color-8);--color-9:var(--color-9);--color-10:var(--color-10);--color-11:var(--color-11);--color-12:var(--color-12);--color-border:var(--color-border);--color-surface:var(--color-surface);--color-hover:var(--color-hover);--color-fg:var(--color-fg);--color-bright:var(--color-bright);--color-muted:var(--color-muted);--color-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-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-duration:initial;--tw-ease:initial;--tw-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-\(--era-xs-inset-sm\){inset:var(--era-xs-inset-sm)}.inset-x-\(--era-gap\){inset-inline:var(--era-gap)}.inset-x-\(--era-xs-inset-sm\){inset-inline:var(--era-xs-inset-sm)}.inset-y-\(--era-panel-inset\){inset-block:var(--era-panel-inset)}.top-\(--era-gap\){top:var(--era-gap)}.top-\(--era-pad-md\){top:var(--era-pad-md)}.top-1\/2{top:50%}.top-\[calc\(var\(--era-inset-md\)\+\(var\(--era-text\)\*1\.625-var\(--era-h-sm\)\)\/2\)\]{top:calc(var(--era-inset-md) + (var(--era-text) * 1.625 - var(--era-h-sm)) / 2)}.top-full{top:100%}.right-\(--era-pad-md\){right:var(--era-pad-md)}.right-\[calc\(var\(--era-inset-md\)\+\(var\(--era-text\)\*1\.625-var\(--era-h-sm\)\)\/2\)\]{right:calc(var(--era-inset-md) + (var(--era-text) * 1.625 - var(--era-h-sm)) / 2)}.bottom-\(--era-gap\){bottom:var(--era-gap)}.bottom-\(--era-h-lg\){bottom:var(--era-h-lg)}.bottom-\(--era-pad-sm\){bottom:var(--era-pad-sm)}.bottom-\[calc\(100\%\+\(var\(--era-h-lg\)-var\(--era-h-sm\)\)\/2\+var\(--era-gap\)\)\]{bottom:calc(100% + (var(--era-h-lg) - var(--era-h-sm)) / 2 + var(--era-gap))}.bottom-full{bottom:100%}.left-\(--era-pad-md\){left:var(--era-pad-md)}.left-\(--era-panel-inset\){left:var(--era-panel-inset)}.left-\(--era-video-hover-pct\){left:var(--era-video-hover-pct)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[55\]{z-index:55}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.col-start-2{grid-column-start:2}.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)}.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}.-mr-\(--era-inset-xxs\){margin-right:calc(var(--era-inset-xxs) * -1)}.mr-\(--era-gap\){margin-right:var(--era-gap)}.mr-auto{margin-right:auto}.mb-\(--era-gap\){margin-bottom:var(--era-gap)}.mb-\(--era-pad-md\){margin-bottom:var(--era-pad-md)}.-ml-\(--era-inset-xxs\){margin-left:calc(var(--era-inset-xxs) * -1)}.ml-\(--era-gap\){margin-left:var(--era-gap)}.ml-auto{margin-left:auto}.scrollbar-none::-webkit-scrollbar{display:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.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-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-\[calc\(var\(--era-h-xs\)-2px\)\]{width:calc(var(--era-h-xs) - 2px);height:calc(var(--era-h-xs) - 2px)}.size-\[calc\(var\(--era-h-xs\)-4px\)\]{width:calc(var(--era-h-xs) - 4px);height:calc(var(--era-h-xs) - 4px)}.size-full{width:100%;height:100%}.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-\[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-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-none{max-height:none}.min-h-\(--era-h-md\){min-height:var(--era-h-md)}.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-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\[40\%\]{max-width:40%}.max-w-\[92ch\]{max-width:92ch}.max-w-full{max-width:100%}.min-w-\(--bits-combobox-anchor-width\){min-width:var(--bits-combobox-anchor-width)}.min-w-\(--bits-dropdown-menu-anchor-width\){min-width:var(--bits-dropdown-menu-anchor-width)}.min-w-\(--bits-menubar-menu-anchor-width\){min-width:var(--bits-menubar-menu-anchor-width)}.min-w-\(--bits-popover-anchor-width\){min-width:var(--bits-popover-anchor-width)}.min-w-\(--bits-select-anchor-width\){min-width:var(--bits-select-anchor-width)}.min-w-\(--era-h-md\){min-width:var(--era-h-md)}.min-w-\(--era-h-sm\){min-width:var(--era-h-sm)}.min-w-\(--era-h-xs\){min-width:var(--era-h-xs)}.min-w-\(--era-h-xxs\){min-width:var(--era-h-xxs)}.flex-1{flex:1}.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-\(--era-xs-inset-sm\){--tw-translate-x:var(--era-xs-inset-sm);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-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)}.-rotate-90{rotate:-90deg}.rotate-\[18deg\]{rotate:18deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.era-shimmer{background:linear-gradient(110deg, var(--color-muted) 0% 43%, var(--color-bright) 50%, var(--color-muted) 57% 100%);-webkit-text-fill-color:transparent;animation:era-shimmer calc(var(--era-duration) * 10) cubic-bezier(.7, 0, 1, .4) infinite;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.animate-\[indeterminate_1\.5s_ease-in-out_infinite\]{animation:1.5s ease-in-out infinite indeterminate}.animate-\[skeleton-pulse_2s_ease-in-out_infinite\]{animation:2s ease-in-out infinite skeleton-pulse}.animate-\[…\]{animation:…}.era-interactive:focus{outline:none}.era-interactive:disabled{cursor:not-allowed;opacity:.5}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-nesw-resize{cursor:nesw-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scrollbar-none{scrollbar-width:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[0\.5rem_minmax\(3rem\,4\.5rem\)_minmax\(2\.25rem\,3\.5rem\)_1fr\]{grid-template-columns:.5rem minmax(3rem,4.5rem) minmax(2.25rem,3.5rem) 1fr}.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}.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-\(--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-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-\(--t-inset-md\){gap:var(--t-inset-md)}.gap-\[calc\(var\(--era-gap\)\*2\)\]{gap:calc(var(--era-gap) * 2)}: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}.justify-self-center{justify-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.\[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-none{border-radius:0}.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-l-\(--era-rd-lg\){border-top-left-radius:var(--era-rd-lg);border-bottom-left-radius:var(--era-rd-lg)}.rounded-r-\(--era-rd-lg\){border-top-right-radius:var(--era-rd-lg);border-bottom-right-radius:var(--era-rd-lg)}.rounded-b-\(--era-rd-lg\){border-bottom-right-radius:var(--era-rd-lg);border-bottom-left-radius:var(--era-rd-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(color\:--era-border-color\),.border-\[color\:var\(--era-border-color\)\]{border-color:var(--era-border-color)}.border-border{border-color:var(--color-border)}.border-divider{border-color:var(--era-divider-color)}.border-divider-faded{border-color:var(--era-divider-faded)}.border-s-2{border-inline-start-color:var(--color-2)}.bg-\(--color-1\){background-color:var(--color-1)}.bg-\(--color-destructive\){background-color:var(--color-destructive)}.bg-\(--color-success\){background-color:var(--color-success)}.bg-\(--era-highlight\){background-color:var(--era-highlight)}.bg-\(--era-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-destructive{background-color:var(--color-destructive)}.bg-divider{background-color:var(--era-divider-color)}.bg-divider-faded{background-color:var(--era-divider-faded)}.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-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-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}.\[background-image\:radial-gradient\(var\(--color-3\)_1px\,transparent_1px\)\]{background-image:radial-gradient(var(--color-3) 1px,transparent 1px)}.\[background-size\:14px_14px\]{background-size:14px 14px}.\[background-position\:center\]{background-position:50%}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-\(--era-content-p\){padding:var(--era-content-p)}.p-\(--era-gap\){padding:var(--era-gap)}.p-\(--era-inset-md\){padding:var(--era-inset-md)}.p-\(--era-inset-sm\){padding:var(--era-inset-sm)}.p-\(--era-pad-lg\){padding:var(--era-pad-lg)}.p-\(--era-pad-md\){padding:var(--era-pad-md)}.p-\(--era-pad-sm\){padding:var(--era-pad-sm)}.p-\(--era-panel-inset\){padding:var(--era-panel-inset)}.p-\(--era-px-lg\){padding:var(--era-px-lg)}.p-\(--era-xs-inset-sm\){padding:var(--era-xs-inset-sm)}.p-px{padding:1px}.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-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-\[calc\(var\(--era-sp\)\/2\)\]{padding-inline:calc(var(--era-sp) / 2)}.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-pad-lg\){padding-block:var(--era-pad-lg)}.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-px{padding-block:1px}.ps-\(--era-gap\){padding-inline-start:var(--era-gap)}.ps-\(--era-inset-md\){padding-inline-start:var(--era-inset-md)}.ps-\(--era-pad-sm\){padding-inline-start:var(--era-pad-sm)}.pe-\(--era-px-md\){padding-inline-end:var(--era-px-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-pill-sm\){padding-right:var(--era-pill-sm)}.pr-\(--era-pill-xxs\){padding-right:var(--era-pill-xxs)}.pr-\(--era-xs-inset-sm\){padding-right:var(--era-xs-inset-sm)}.pr-\(--era-xs-inset-xxs\){padding-right:var(--era-xs-inset-xxs)}.pr-\[calc\(var\(--era-inset-md\)\+var\(--era-h-sm\)\+var\(--era-inset-md\)\)\]{padding-right:calc(var(--era-inset-md) + var(--era-h-sm) + var(--era-inset-md))}.pb-\(--era-gap\){padding-bottom:var(--era-gap)}.pb-\(--era-pad-lg\){padding-bottom:var(--era-pad-lg)}.pb-\(--era-pad-md\){padding-bottom:var(--era-pad-md)}.pb-\(--era-sp\){padding-bottom:var(--era-sp)}.pl-\(--era-gap\){padding-left:var(--era-gap)}.pl-\(--era-inset-md\){padding-left:var(--era-inset-md)}.pl-\(--era-pill-sm\){padding-left:var(--era-pill-sm)}.pl-\(--era-pill-xxs\){padding-left:var(--era-pill-xxs)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.625rem\]{font-size:.625rem}.text-\[length\:calc\(var\(--era-text\)\*2\)\]{font-size:calc(var(--era-text) * 2)}.text-body{font-size:var(--era-text)}.leading-\(--era-h-lg\){--tw-leading:var(--era-h-lg);line-height:var(--era-h-lg)}.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}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.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-warning{color:var(--color-warning)}.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}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-95{opacity:.95}.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-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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:inset_0_-1px_0_var\(--color-divider-faded\)\]{box-shadow:inset 0 -1px 0 var(--color-divider-faded)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px * -1)}.outline-primary{outline-color:var(--color-primary)}.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,)}[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,ease);transition-duration:var(--tw-duration,0s)}.transition-\[box-shadow\,opacity\]{transition-property:box-shadow,opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.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,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.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}.ease-\(--era-ease\){--tw-ease:var(--era-ease);transition-timing-function:var(--era-ease)}.will-change-transform{will-change:transform}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[overflow-anchor\:none\]{overflow-anchor:none}.era-text-trim{text-box:trim-both cap alphabetic}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/att\:opacity-100:is(:where(.group\/att):hover *){opacity:1}}.group-data-\[role\=user\]\:max-w-\[80\%\]:is(:where(.group)[data-role=user] *){max-width:80%}.group-data-\[role\=user\]\:rounded-\(--era-rd-lg\):is(:where(.group)[data-role=user] *){border-radius:var(--era-rd-lg)}.group-data-\[role\=user\]\:bg-\(--era-surface-bg-elevated\):is(:where(.group)[data-role=user] *){background-color:var(--era-surface-bg-elevated)}.group-data-\[role\=user\]\:p-\(--era-pad-sm\):is(:where(.group)[data-role=user] *){padding:var(--era-pad-sm)}.group-data-\[role\=user\]\:whitespace-pre-wrap:is(:where(.group)[data-role=user] *){white-space:pre-wrap}.group-data-\[role\=user\]\:shadow-\(--era-shadow\):is(:where(.group)[data-role=user] *){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[state\=checked\]\:bg-fg:is(:where(.group)[data-state=checked] *){background-color:var(--color-fg)}.group-data-\[state\=open\]\/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\: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-highlight\):focus-within{background-color:var(--era-highlight)}.focus-within\:opacity-100:focus-within{opacity:1}@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-highlight\):hover{background-color:var(--era-highlight)}.hover\:bg-destructive:hover{background-color:var(--color-destructive)}.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)}}.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\: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\:translate-x-\(--era-press-shift\):active{--tw-translate-x:var(--era-press-shift);translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-\(--era-press-shift\):active{--tw-translate-y:var(--era-press-shift);translate:var(--tw-translate-x) var(--tw-translate-y)}.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)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled,.has-\[\:disabled\]\:opacity-50:has(:disabled){opacity:.5}.has-\[svg\]\:gap-\(--era-inset-md\):has(:is(svg)){gap:var(--era-inset-md)}.has-\[svg\]\:gap-\(--era-inset-sm\):has(:is(svg)){gap:var(--era-inset-sm)}.has-\[svg\]\:gap-\(--era-inset-xxs\):has(:is(svg)){gap:var(--era-inset-xxs)}.aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-\[valuetext\=Empty\]\:text-muted[aria-valuetext=Empty]{color:var(--color-muted)}.data-\[active\]\:scale-\[0\.96\][data-active]{scale:.96}.data-\[active\]\:bg-\(--era-highlight\)[data-active]{background-color:var(--era-highlight)}.data-\[active\]\:text-fg[data-active]{color:var(--color-fg)}.data-\[bounded\]\:bg-\(--era-surface-bg-elevated\)[data-bounded]{background-color:var(--era-surface-bg-elevated)}.data-\[bounded\]\:text-fg[data-bounded]{color:var(--color-fg)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[dragging\]\:bg-\(--era-highlight\)[data-dragging]{background-color:var(--era-highlight)}.data-\[dragging\]\:text-bright[data-dragging]{color:var(--color-bright)}.data-\[highlighted\]\:bg-\(--era-highlight\)[data-highlighted]{background-color:var(--era-highlight)}.data-\[highlighted\]\:bg-hover[data-highlighted]{background-color:var(--color-hover)}.data-\[highlighted\]\:shadow-\(--era-highlight-shadow\)[data-highlighted]{--tw-shadow:var(--era-highlight-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[invalid\]\:text-destructive[data-invalid]{color:var(--color-destructive)}.data-\[neodrag-state\=dragging\]\:\[will-change\:translate\][data-neodrag-state=dragging]{will-change:translate}.data-\[orientation\=horizontal\]\:mx-\(--era-gap\)[data-orientation=horizontal]{margin-inline:var(--era-gap)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:flex-row[data-orientation=horizontal]{flex-direction:row}.data-\[orientation\=vertical\]\:my-\(--era-gap\)[data-orientation=vertical]{margin-block:var(--era-gap)}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[orientation\=vertical\]\:self-stretch[data-orientation=vertical]{align-self:stretch}.data-\[outside-month\]\:pointer-events-none[data-outside-month]{pointer-events:none}.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:var(--color-muted)}@supports (color:color-mix(in lab, red, red)){.data-\[outside-month\]\:text-muted\/40[data-outside-month]{color:color-mix(in oklab, var(--color-muted) 40%, transparent)}}.data-\[range-end\]\:bg-primary[data-range-end]{background-color:var(--color-primary)}.data-\[range-end\]\:text-primary-fg[data-range-end]{color:var(--color-primary-fg)}.data-\[range-start\]\:bg-primary[data-range-start]{background-color:var(--color-primary)}.data-\[range-start\]\:text-primary-fg[data-range-start]{color:var(--color-primary-fg)}.data-\[segment\=literal\]\:text-muted[data-segment=literal]{color:var(--color-muted)}.data-\[selected\]\:bg-hover[data-selected]{background-color:var(--color-hover)}.data-\[selected\]\:text-bright[data-selected]{color:var(--color-bright)}.data-\[side\=bottom\]\:rounded-t-none[data-side=bottom]{border-top-left-radius:0;border-top-right-radius:0}.data-\[side\=top\]\:rounded-b-none[data-side=top]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=active\]\:bg-hover[data-state=active]{background-color:var(--color-hover)}.data-\[state\=active\]\:text-bright[data-state=active]{color:var(--color-bright)}.data-\[state\=checked\]\:translate-x-\[calc\(var\(--era-xs-inset-sm\)\+var\(--era-h-xs\)\)\][data-state=checked]{--tw-translate-x:calc(var(--era-xs-inset-sm) + var(--era-h-xs));translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-2[data-state=checked]{background-color:var(--color-2)}.data-\[state\=checked\]\:bg-fg[data-state=checked]{background-color:var(--color-fg)}.data-\[state\=checked\]\:text-primary[data-state=checked]{color:var(--color-primary)}.data-\[state\=hidden\]\:opacity-0[data-state=hidden]{opacity:0}.data-\[state\=on\]\:bg-hover[data-state=on]{background-color:var(--color-hover)}.data-\[state\=on\]\:text-bright[data-state=on]{color:var(--color-bright)}.data-\[state\=on\]\:shadow-\(--era-shadow-pressed\)[data-state=on]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=open\]\:rounded-b-none[data-state=open]{border-bottom-right-radius:0;border-bottom-left-radius:0}.data-\[state\=open\]\:bg-hover[data-state=open]{background-color:var(--color-hover)}.data-\[state\=open\]\:shadow-\(--era-shadow-pressed\)[data-state=open]{--tw-shadow:var(--era-shadow-pressed);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=visible\]\:opacity-100[data-state=visible]{opacity:1}.data-\[unavailable\]\:text-muted[data-unavailable]{color:var(--color-muted)}.data-\[unavailable\]\:line-through[data-unavailable]{text-decoration-line:line-through}.data-\[variant\=cells\]\:border-separate[data-variant=cells]{border-collapse:separate}.data-\[variant\=cells\]\:border-spacing-\(--era-gap\)[data-variant=cells]{--tw-border-spacing-x:var(--era-gap);--tw-border-spacing-y:var(--era-gap);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.data-\[variant\=default\]\:border-collapse[data-variant=default]{border-collapse:collapse}@media (prefers-color-scheme:dark){.dark\:scheme-only-dark{color-scheme:dark only}.dark\:invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.\[\&_\*\]\:pointer-events-none *{pointer-events:none}.\[\&\: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}@media (hover:hover){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\]\:hover\:bg-\(--era-highlight\):hover{background-color:var(--era-highlight)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-b>td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>td\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>td{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-b>th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){table:not([data-variant=cells]) .\[table\:not\(\[data-variant\=cells\]\)_\&\>th\]\:border-\[color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]>th{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:rounded-\(--era-rd-sm\){border-radius:var(--era-rd-sm)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-\(--era-surface-bg-elevated\){background-color:var(--era-surface-bg-elevated)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:bg-hover{background-color:var(--color-hover)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:px-\(--era-inset-sm\){padding-inline:var(--era-inset-sm)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:text-bright{color:var(--color-bright)}table[data-variant=cells] .\[table\[data-variant\=cells\]_\&\]\:shadow-\(--era-shadow\){--tw-shadow:var(--era-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:root{background-color:var(--color-1);color:var(--color-fg)}:root,.dark{color-scheme:dark;--color-1:oklch(16.2% 0 0);--color-2:oklch(19.5% 0 0);--color-3:oklch(25.4% 0 0);--color-4:oklch(30.2% 0 0);--color-5:oklch(34.8% 0 0);--color-6:oklch(39.6% 0 0);--color-7:oklch(45.9% 0 0);--color-8:oklch(54.9% 0 0);--color-9:oklch(64.9% 0 0);--color-10:oklch(72% 0 0);--color-11:oklch(86.3% 0 0);--color-12:oklch(93.3% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25% 0 0);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root,.dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}:root,.dark{--color-destructive:oklch(67.5% .3 30);--color-destructive-fg:oklch(96% 0 0);--color-success:oklch(65% .17 145);--color-success-fg:oklch(96% 0 0);--color-warning:oklch(80% .16 85);--color-warning-fg:oklch(16.2% 0 0)}@media (prefers-color-scheme:light){:root:not(.dark){color-scheme:light;--color-1:oklch(93.3% 0 0);--color-2:oklch(86.3% 0 0);--color-3:oklch(72% 0 0);--color-4:oklch(64.9% 0 0);--color-5:oklch(54.9% 0 0);--color-6:oklch(45.9% 0 0);--color-7:oklch(39.6% 0 0);--color-8:oklch(34.8% 0 0);--color-9:oklch(30.2% 0 0);--color-10:oklch(25.4% 0 0);--color-11:oklch(19.5% 0 0);--color-12:oklch(16.2% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 0);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}:root:not(.dark){--color-destructive:oklch(67.5% .3 30);--color-destructive-fg:oklch(98% 0 0);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 0);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 0)}}.light{color-scheme:light;--color-1:oklch(93.3% 0 0);--color-2:oklch(86.3% 0 0);--color-3:oklch(72% 0 0);--color-4:oklch(64.9% 0 0);--color-5:oklch(54.9% 0 0);--color-6:oklch(45.9% 0 0);--color-7:oklch(39.6% 0 0);--color-8:oklch(34.8% 0 0);--color-9:oklch(30.2% 0 0);--color-10:oklch(25.4% 0 0);--color-11:oklch(19.5% 0 0);--color-12:oklch(16.2% 0 0);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(80% 0 0);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:var(--color-fg);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}.light{--color-destructive:oklch(67.5% .3 30);--color-destructive-fg:oklch(98% 0 0);--color-success:oklch(50% .17 145);--color-success-fg:oklch(98% 0 0);--color-warning:oklch(72% .15 85);--color-warning-fg:oklch(16.2% 0 0)}:root[data-theme=adobe],[data-theme=adobe].dark{color-scheme:dark;--color-1:oklch(16.2% .016 48);--color-2:oklch(19.8% .02 52);--color-3:oklch(25.4% .024 56);--color-4:oklch(30.2% .028 60);--color-5:oklch(34.8% .032 64);--color-6:oklch(39.6% .036 68);--color-7:oklch(45.9% .034 72);--color-8:oklch(54.9% .03 76);--color-9:oklch(64.9% .024 82);--color-10:oklch(72% .02 86);--color-11:oklch(86.3% .016 90);--color-12:oklch(93.3% .014 94);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(25.2% .024 56);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(74% .108 68);--color-primary-fg:oklch(19% .014 50);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe],[data-theme=adobe].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 78%, var(--color-success))}}:root[data-theme=adobe],[data-theme=adobe].dark{--color-destructive:oklch(66% .17 30);--color-destructive-fg:oklch(96% .016 90);--color-success:oklch(70% .125 184);--color-success-fg:oklch(19% .014 50);--color-warning:oklch(78% .14 82);--color-warning-fg:oklch(19% .014 50)}@media (prefers-color-scheme:light){:root[data-theme=adobe]:not(.dark){color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=adobe]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}:root[data-theme=adobe]:not(.dark){--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}}[data-theme=adobe].light{color-scheme:light;--color-1:oklch(93.3% .014 78);--color-2:oklch(86.3% .018 75);--color-3:oklch(72% .026 70);--color-4:oklch(64.9% .034 66);--color-5:oklch(54.9% .046 60);--color-6:oklch(45.9% .056 55);--color-7:oklch(39.6% .054 52);--color-8:oklch(34.8% .048 49);--color-9:oklch(30.2% .04 46);--color-10:oklch(25.4% .032 43);--color-11:oklch(19.8% .024 40);--color-12:oklch(16.2% .018 38);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(81% .022 73);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(51.5% .16 38);--color-primary-fg:oklch(96% .014 78);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=adobe].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}[data-theme=adobe].light{--color-destructive:oklch(57.5% .22 28);--color-destructive-fg:oklch(98% .012 78);--color-success:oklch(50% .13 158);--color-success-fg:oklch(98% .012 78);--color-warning:oklch(70% .13 80);--color-warning-fg:oklch(19% .014 50)}:root[data-theme=sand],[data-theme=sand].dark{color-scheme:dark;--color-1:oklch(25% .019 56);--color-2:oklch(30% .022 57);--color-3:oklch(37% .026 58);--color-4:oklch(45% .03 58);--color-5:oklch(54% .034 59);--color-6:oklch(62% .036 58);--color-7:oklch(70% .035 57);--color-8:oklch(76% .033 56);--color-9:oklch(80% .034 54);--color-10:oklch(84% .028 62);--color-11:oklch(89% .022 70);--color-12:oklch(93% .016 78);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:var(--color-3)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-hover:color-mix(in oklch, var(--color-3) 80%, var(--color-2))}}:root[data-theme=sand],[data-theme=sand].dark{--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(80% .034 54);--color-primary-fg:var(--color-1);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand],[data-theme=sand].dark{--color-primary-hover:color-mix(in oklch, var(--color-primary) 80%, var(--color-success))}}:root[data-theme=sand],[data-theme=sand].dark{--color-destructive:oklch(66.5% .15 33);--color-destructive-fg:var(--color-12);--color-success:oklch(71% .09 164);--color-success-fg:var(--color-1);--color-warning:oklch(78% .1 85);--color-warning-fg:var(--color-1)}@media (prefers-color-scheme:light){:root[data-theme=sand]:not(.dark){color-scheme:light;--color-1:oklch(96% .01 78);--color-2:oklch(92% .014 74);--color-3:oklch(85% .02 68);--color-4:oklch(78% .026 62);--color-5:oklch(69% .032 57);--color-6:oklch(60% .035 54);--color-7:oklch(52% .033 52);--color-8:oklch(45% .03 50);--color-9:oklch(39% .026 48);--color-10:oklch(32% .022 46);--color-11:oklch(26% .018 44);--color-12:oklch(21% .014 42);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(88% .016 72);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=sand]:not(.dark){--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}:root[data-theme=sand]:not(.dark){--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}}[data-theme=sand].light{color-scheme:light;--color-1:oklch(96% .01 78);--color-2:oklch(92% .014 74);--color-3:oklch(85% .02 68);--color-4:oklch(78% .026 62);--color-5:oklch(69% .032 57);--color-6:oklch(60% .035 54);--color-7:oklch(52% .033 52);--color-8:oklch(45% .03 50);--color-9:oklch(39% .026 48);--color-10:oklch(32% .022 46);--color-11:oklch(26% .018 44);--color-12:oklch(21% .014 42);--color-border:var(--color-5);--color-surface:var(--color-2);--color-hover:oklch(88% .016 72);--color-fg:var(--color-11);--color-bright:var(--color-12);--color-muted:var(--color-10);--color-primary:oklch(55% .12 58);--color-primary-fg:oklch(97% .008 80);--color-primary-hover:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){[data-theme=sand].light{--color-primary-hover:color-mix(in oklch, var(--color-primary) 85%, black)}}[data-theme=sand].light{--color-destructive:oklch(59% .18 32);--color-destructive-fg:oklch(98% .008 80);--color-success:oklch(54% .11 164);--color-success-fg:oklch(98% .008 80);--color-warning:oklch(68% .1 82);--color-warning-fg:oklch(20% .012 60)}@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-h-xxs:calc(var(--era-sp) + .625rem);--era-h-sm:calc(2 * var(--era-sp) + .375rem);--era-h-md:calc(3 * var(--era-sp));--era-h-lg:calc(4 * var(--era-sp));--era-px-sm:calc(var(--era-sp) * .5);--era-px-md:calc(var(--era-sp) * .5);--era-px-lg:calc(var(--era-sp) * .5);--era-gap:calc(var(--era-sp) * .5);--era-inset-xxs:max(0px, calc((var(--era-h-xxs) - var(--era-text)) / 2));--era-inset-sm:max(0px, calc((var(--era-h-sm) - var(--era-text)) / 2));--era-inset-md:max(0px, calc((var(--era-h-md) - var(--era-text)) / 2));--era-pill-xxs:max(0px, calc((var(--era-h-xxs) - .6 * var(--era-text)) / 2));--era-pill-sm:max(0px, calc((var(--era-h-sm) - .6 * var(--era-text)) / 2));--era-xs-inset-sm:calc((var(--era-h-sm) - var(--era-h-xs)) / 2);--era-xs-inset-xxs:calc((var(--era-h-xxs) - var(--era-h-xs)) / 2);--era-xxs-inset-md:calc((var(--era-h-md) - var(--era-h-xxs)) / 2);--era-xs-inset-md:calc((var(--era-h-md) - var(--era-h-xs)) / 2);--era-xs-inset-lg:calc((var(--era-h-lg) - var(--era-h-xs)) / 2);--era-sm-inset-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}:root,[data-mode=dense]{--era-sp:.5rem;--era-density:1;--era-text:.875rem}[data-mode=balanced]{--era-sp:.625rem;--era-density:1.25}[data-mode=spacious]{--era-sp:.75rem;--era-density:1.5}[data-mode=touch]{--era-sp:1rem;--era-density:2}[data-mode=touch],[data-mode=touch] *{--era-roundness:calc(var(--era-roundness-scale) * var(--era-h-xs) / 2)}[data-corners=square]{--era-roundness-scale:0}: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-shadow:none;--era-shadow-lg:none;--era-shadow-well:var(--era-shadow);--era-shadow-pressed:var(--era-shadow);--era-highlight:var(--color-hover);--era-highlight-shadow:var(--era-shadow);--era-press-shift: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-item-rd:calc(var(--era-item-rd-scale) * max(0px, calc(var(--era-rd-md) - var(--era-panel-inset))))}[data-surface=glass]{--era-divider-color:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-divider-color:light-dark(color-mix(in oklch, var(--color-bright) 12%, transparent),color-mix(in oklch, var(--color-bright) 8%, transparent))}}[data-surface=glass]{--era-surface-bg:light-dark(var(--color-1),var(--color-2))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg:light-dark(color-mix(in oklch, var(--color-1) 66%, transparent),color-mix(in oklch, var(--color-2) 62%, transparent))}}[data-surface=glass]{--era-surface-bg-elevated:light-dark(var(--color-1),var(--color-3))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-surface-bg-elevated:light-dark(color-mix(in oklch, var(--color-1) 90%, transparent),color-mix(in oklch, var(--color-3) 85%, transparent))}}[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff59,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.7),color-mix(in oklch, var(--color-bright) 18%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 8%, transparent),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -2px -2px 0 -1.25px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 24px 0 light-dark(transparent,var(--color-bright)), 0 12px 32px -8px light-dark(var(--color-bright),oklch(0% 0 0/.35))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-shadow-lg:inset 2px 2px 0 -1.25px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 24%, transparent)), inset -2px -2px 0 -1.25px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 10%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 6%, transparent),color-mix(in oklch, var(--color-bright) 7%, transparent)), inset 0 0 24px 0 light-dark(transparent,color-mix(in oklch, var(--color-bright) 4%, transparent)), 0 12px 32px -8px light-dark(color-mix(in oklch, var(--color-bright) 18%, transparent),oklch(0% 0 0/.35))}}[data-surface=glass]{--era-highlight:light-dark(var(--color-bright),var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight:light-dark(color-mix(in oklch, var(--color-bright) 9%, transparent),color-mix(in oklch, var(--color-bright) 12%, transparent))}}[data-surface=glass]{--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),var(--color-bright)), inset -1.5px -1.5px 0 -1px light-dark(#ffffff73,var(--color-bright)), inset 0 0 0 .5px light-dark(var(--color-bright),var(--color-bright)), inset 0 0 12px 0 light-dark(#ffffff59,var(--color-bright))}@supports (color:color-mix(in lab, red, red)){[data-surface=glass]{--era-highlight-shadow:inset 1.5px 1.5px 0 -1px light-dark(oklch(100% 0 0/.85),color-mix(in oklch, var(--color-bright) 28%, transparent)), inset -1.5px -1.5px 0 -1px light-dark(oklch(100% 0 0/.45),color-mix(in oklch, var(--color-bright) 12%, transparent)), inset 0 0 0 .5px light-dark(color-mix(in oklch, var(--color-bright) 10%, transparent),color-mix(in oklch, var(--color-bright) 9%, transparent)), inset 0 0 12px 0 light-dark(oklch(100% 0 0/.35),color-mix(in oklch, var(--color-bright) 6%, transparent))}}[data-surface=glass]{--era-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-highlight:var(--color-hover);--era-highlight-shadow:var(--era-shadow)}}[data-surface=bevel]{--era-shadow:inset 1px 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset -1px -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow:inset 1px 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 -1px -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)))}}[data-surface=bevel]{--era-shadow-lg:inset 1px 1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset -1px -1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset 2px 2px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0)), inset -2px -2px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), 4px 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-lg:inset 1px 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 -1px -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 2px 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 -2px -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))), 4px 4px 0 0 light-dark(oklch(0% 0 0/.18),oklch(0% 0 0/.25))}}[data-surface=bevel]{--era-shadow-well:inset 1px 1px 0 0 light-dark(oklch(0% 0 0),oklch(0% 0 0)), inset -1px -1px 0 0 light-dark(oklch(100% 0 0),oklch(100% 0 0))}@supports (color:color-mix(in lab, red, red)){[data-surface=bevel]{--era-shadow-well:inset 1px 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 -1px -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)))}}[data-surface=bevel]{--era-shadow-pressed:var(--era-shadow-well);--era-press-shift:1px;--era-panel-inset:2px;--era-item-rd-scale:1}[data-surface=cartoon]{--era-divider-color:var(--color-bright)}@supports (color:color-mix(in lab, red, red)){[data-surface=cartoon]{--era-divider-color:color-mix(in oklch, var(--color-bright) 55%, transparent)}}[data-surface=cartoon]{--era-shadow:0 0 0 1.5px var(--color-bright), 2px 2px 0 0 var(--color-bright);--era-shadow-lg:0 0 0 2px var(--color-bright), 5px 5px 0 0 var(--color-bright);--era-shadow-well:0 0 0 1.5px var(--color-bright), inset 2px 2px 0 0 var(--color-bright)}@supports (color:color-mix(in lab, red, red)){[data-surface=cartoon]{--era-shadow-well:0 0 0 1.5px var(--color-bright), inset 2px 2px 0 0 color-mix(in oklch, var(--color-bright) 18%, var(--color-2))}}[data-surface=cartoon]{--era-shadow-pressed:0 0 0 1.5px var(--color-bright);--era-press-shift:2px;--era-panel-inset:2px;--era-item-rd-scale:1}[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(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)}@keyframes era-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}:root,:host{--color-divider-faded:var(--era-divider-faded);--color-1:var(--color-1);--color-2:var(--color-2);--color-3:var(--color-3);--color-4:var(--color-4);--color-5:var(--color-5);--color-6:var(--color-6);--color-7:var(--color-7);--color-8:var(--color-8);--color-9:var(--color-9);--color-10:var(--color-10);--color-11:var(--color-11);--color-12:var(--color-12);--color-border:var(--color-border);--color-surface:var(--color-surface);--color-hover:var(--color-hover);--color-fg:var(--color-fg);--color-bright:var(--color-bright);--color-muted:var(--color-muted);--color-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-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/os/desktop.svelte CHANGED
@@ -61,6 +61,12 @@
61
61
  $effect(() => {
62
62
  wm.bounds = { width: w, height: h };
63
63
  });
64
+ // Viewport/chrome resizes re-fit the windows (untracked: relayout reads
65
+ // window state we must not subscribe to, or every drag would re-run this).
66
+ $effect(() => {
67
+ void wm.workArea;
68
+ untrack(() => wm.relayout());
69
+ });
64
70
  </script>
65
71
 
66
72
  <div
package/dist/os/wm.svelte.d.ts CHANGED
@@ -144,6 +144,13 @@ export declare class WindowManager {
144
144
  toggleMaximize(id: string): void;
145
145
  /** Un-maximize / un-snap back to the pre-change frame (or just un-minimize). */
146
146
  restore(id: string): void;
147
+ /** Re-fit windows after the desktop or its chrome resizes: maximized
148
+ * windows re-fill the work area; normal windows re-clamp so the bar stays
149
+ * below the top and at least dragKeep px stays reachable on every other
150
+ * side — the same fence the drag containment enforces, applied at rest.
151
+ * The Desktop calls this whenever the work area changes; chrome itself
152
+ * (the taskbar) never resizes with the viewport. */
153
+ relayout(): void;
147
154
  /** Half / quadrant tiling against the work area. */
148
155
  snap(id: string, zone: SnapZone): void;
149
156
  /** Create a workspace (optionally switching to it) and return its id. */
package/dist/os/wm.svelte.js CHANGED
@@ -180,6 +180,30 @@ export class WindowManager {
180
180
  w.state = 'normal';
181
181
  this.focus(id);
182
182
  }
183
+ /** Re-fit windows after the desktop or its chrome resizes: maximized
184
+ * windows re-fill the work area; normal windows re-clamp so the bar stays
185
+ * below the top and at least dragKeep px stays reachable on every other
186
+ * side — the same fence the drag containment enforces, applied at rest.
187
+ * The Desktop calls this whenever the work area changes; chrome itself
188
+ * (the taskbar) never resizes with the viewport. */
189
+ relayout() {
190
+ const { x, y, width, height } = this.workArea;
191
+ if (!width || !height)
192
+ return;
193
+ for (const w of this.windows) {
194
+ if (w.state === 'maximized') {
195
+ w.pos = { x, y };
196
+ w.size = { width, height };
197
+ }
198
+ else {
199
+ const winW = w.size?.width ?? 0;
200
+ w.pos = {
201
+ x: Math.min(Math.max(w.pos.x, x + this.dragKeep - winW), x + width - this.dragKeep),
202
+ y: Math.min(Math.max(w.pos.y, y), y + height - this.dragKeep)
203
+ };
204
+ }
205
+ }
206
+ }
183
207
  /** Half / quadrant tiling against the work area. */
184
208
  snap(id, zone) {
185
209
  const w = this.#find(id);
package/dist/styles/index.css CHANGED
@@ -56,6 +56,16 @@
56
56
  }
57
57
  }
58
58
 
59
+ /* Font-agnostic vertical centering for single-line control text: flexbox
60
+ * centers the LINE BOX, but fonts with asymmetric ascent/descent leading set
61
+ * their ink off-center inside it. text-box trims the line box to the cap /
62
+ * alphabetic glyph edges so what flexbox centers IS the ink. Applied by every
63
+ * height-constrained control (Button, Bar, triggers, pills, handle bars).
64
+ * Browsers without text-box support fall back to today's behavior. */
65
+ @utility era-text-trim {
66
+ text-box: trim-both cap alphabetic;
67
+ }
68
+
59
69
  /* In-progress text shimmer — a bright sweep through muted text (the standard
60
70
  * "working…" label treatment in streaming UIs). Timing derives from the motion
61
71
  * axis (10× --era-duration ≈ 1.5s at normal, 2.6s at extra); at instant the
package/dist/styles/typography.css CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  [data-font='mono'],
16
16
  [data-font='mono'] * {
17
- font-family: var(--font-mono, ui-monospace, monospace) !important;
17
+ font-family: var(--font-mono, ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace) !important;
18
18
  }
19
19
 
20
20
  [data-font='sans'],
package/dist/ui/badge/badge.svelte CHANGED
@@ -5,7 +5,7 @@
5
5
  // min-w matches height (design rule #5): a single glyph — a count, a
6
6
  // keycap letter — renders as a perfect square/circle instead of a
7
7
  // skinny pill; wider content is unaffected.
8
- base: 'inline-flex h-(--era-h-xxs) min-w-(--era-h-xxs) items-center justify-center gap-(--era-gap) rounded-(--era-rd-xxs) px-(--era-pill-xxs) font-mono text-body leading-none has-[svg]:gap-(--era-inset-xxs)',
8
+ base: 'inline-flex h-(--era-h-xxs) min-w-(--era-h-xxs) items-center justify-center gap-(--era-gap) rounded-(--era-rd-xxs) px-(--era-pill-xxs) font-mono text-body leading-none has-[svg]:gap-(--era-inset-xxs) era-text-trim',
9
9
  variants: {
10
10
  tone: {
11
11
  default: 'bg-hover text-fg',
package/dist/ui/badge/badge.svelte.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
5
5
  destructive: string;
6
6
  success: string;
7
7
  };
8
- }, undefined, "inline-flex h-(--era-h-xxs) min-w-(--era-h-xxs) items-center justify-center gap-(--era-gap) rounded-(--era-rd-xxs) px-(--era-pill-xxs) font-mono text-body leading-none has-[svg]:gap-(--era-inset-xxs)", {
8
+ }, undefined, "inline-flex h-(--era-h-xxs) min-w-(--era-h-xxs) items-center justify-center gap-(--era-gap) rounded-(--era-rd-xxs) px-(--era-pill-xxs) font-mono text-body leading-none has-[svg]:gap-(--era-inset-xxs) era-text-trim", {
9
9
  tone: {
10
10
  default: string;
11
11
  accent: string;
@@ -19,7 +19,7 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
19
19
  destructive: string;
20
20
  success: string;
21
21
  };
22
- }, undefined, "inline-flex h-(--era-h-xxs) min-w-(--era-h-xxs) items-center justify-center gap-(--era-gap) rounded-(--era-rd-xxs) px-(--era-pill-xxs) font-mono text-body leading-none has-[svg]:gap-(--era-inset-xxs)", unknown, unknown, undefined>>;
22
+ }, undefined, "inline-flex h-(--era-h-xxs) min-w-(--era-h-xxs) items-center justify-center gap-(--era-gap) rounded-(--era-rd-xxs) px-(--era-pill-xxs) font-mono text-body leading-none has-[svg]:gap-(--era-inset-xxs) era-text-trim", unknown, unknown, undefined>>;
23
23
  import type { Snippet } from 'svelte';
24
24
  import type { HTMLAttributes } from 'svelte/elements';
25
25
  type $$ComponentProps = HTMLAttributes<HTMLSpanElement> & {
package/dist/ui/bar/bar.svelte CHANGED
@@ -10,7 +10,7 @@
10
10
  // Radius stays concentric to the height; gap/px are sp/2 (xs-inset-sm),
11
11
  // the even gap for one-tier-smaller content at every size.
12
12
  export const barVariants = tv({
13
- base: 'flex items-center gap-(--era-xs-inset-sm) px-(--era-xs-inset-sm)',
13
+ base: 'flex items-center gap-(--era-xs-inset-sm) px-(--era-xs-inset-sm) era-text-trim',
14
14
  variants: {
15
15
  size: {
16
16
  sm: 'h-(--era-h-sm) rounded-(--era-rd-sm)',
package/dist/ui/bar/bar.svelte.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const barVariants: import("tailwind-variants").TVReturnType<{
4
4
  md: string;
5
5
  lg: string;
6
6
  };
7
- }, undefined, "flex items-center gap-(--era-xs-inset-sm) px-(--era-xs-inset-sm)", {
7
+ }, undefined, "flex items-center gap-(--era-xs-inset-sm) px-(--era-xs-inset-sm) era-text-trim", {
8
8
  size: {
9
9
  sm: string;
10
10
  md: string;
@@ -16,7 +16,7 @@ export declare const barVariants: import("tailwind-variants").TVReturnType<{
16
16
  md: string;
17
17
  lg: string;
18
18
  };
19
- }, undefined, "flex items-center gap-(--era-xs-inset-sm) px-(--era-xs-inset-sm)", unknown, unknown, undefined>>;
19
+ }, undefined, "flex items-center gap-(--era-xs-inset-sm) px-(--era-xs-inset-sm) era-text-trim", unknown, unknown, undefined>>;
20
20
  import type { HTMLAttributes } from 'svelte/elements';
21
21
  import type { Snippet } from 'svelte';
22
22
  type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
package/dist/ui/button/variants.d.ts CHANGED
@@ -23,7 +23,7 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
23
23
  active: {
24
24
  true: string;
25
25
  };
26
- }, undefined, "items-center gap-(--era-gap) text-body era-interactive", {
26
+ }, undefined, "items-center gap-(--era-gap) text-body era-interactive era-text-trim", {
27
27
  variant: {
28
28
  filled: string;
29
29
  link: string;
@@ -73,4 +73,4 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
73
73
  active: {
74
74
  true: string;
75
75
  };
76
- }, undefined, "items-center gap-(--era-gap) text-body era-interactive", unknown, unknown, undefined>>;
76
+ }, undefined, "items-center gap-(--era-gap) text-body era-interactive era-text-trim", unknown, unknown, undefined>>;
package/dist/ui/button/variants.js CHANGED
@@ -3,7 +3,7 @@ import { tv } from '../../utils/index.js';
3
3
  // entirely, so all geometry lives on filled compound variants rather than a
4
4
  // plain size variant.
5
5
  export const buttonVariants = tv({
6
- base: 'items-center gap-(--era-gap) text-body era-interactive',
6
+ base: 'items-center gap-(--era-gap) text-body era-interactive era-text-trim',
7
7
  variants: {
8
8
  variant: {
9
9
  // The active: press treatment is inert outside the bevel surface —
package/dist/ui/chip/chip.svelte CHANGED
@@ -11,7 +11,7 @@
11
11
  // select trigger): h-xxs = sp + 10, leaving the 3/5/7
12
12
  // concentric gap so it sits evenly inset, not cramped.
13
13
  export const chipVariants = tv({
14
- base: 'inline-flex items-center bg-hover font-mono text-body leading-none text-fg shadow-(--era-shadow)',
14
+ base: 'inline-flex items-center bg-hover font-mono text-body leading-none text-fg shadow-(--era-shadow) era-text-trim',
15
15
  variants: {
16
16
  size: {
17
17
  sm: 'h-(--era-h-sm) min-w-(--era-h-sm) rounded-(--era-rd-sm) pl-(--era-pill-sm)',
package/dist/ui/chip/chip.svelte.d.ts CHANGED
@@ -7,7 +7,7 @@ export declare const chipVariants: import("tailwind-variants").TVReturnType<{
7
7
  true: string;
8
8
  false: string;
9
9
  };
10
- }, undefined, "inline-flex items-center bg-hover font-mono text-body leading-none text-fg shadow-(--era-shadow)", {
10
+ }, undefined, "inline-flex items-center bg-hover font-mono text-body leading-none text-fg shadow-(--era-shadow) era-text-trim", {
11
11
  size: {
12
12
  sm: string;
13
13
  xxs: string;
@@ -25,7 +25,7 @@ export declare const chipVariants: import("tailwind-variants").TVReturnType<{
25
25
  true: string;
26
26
  false: string;
27
27
  };
28
- }, undefined, "inline-flex items-center bg-hover font-mono text-body leading-none text-fg shadow-(--era-shadow)", unknown, unknown, undefined>>;
28
+ }, undefined, "inline-flex items-center bg-hover font-mono text-body leading-none text-fg shadow-(--era-shadow) era-text-trim", unknown, unknown, undefined>>;
29
29
  import type { Snippet } from 'svelte';
30
30
  import type { HTMLAttributes } from 'svelte/elements';
31
31
  type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
package/dist/ui/command/command-input.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
  {@const Icon = icon}
21
21
  <div
22
22
  class={cn(
23
- 'flex h-(--era-h-md) w-full era-interactive items-center gap-(--era-gap) rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) px-(--era-inset-md) text-body text-fg shadow-(--era-shadow-well) hover:bg-(--era-highlight) focus-within:bg-(--era-highlight)',
23
+ 'flex h-(--era-h-md) w-full era-interactive items-center gap-(--era-gap) rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) px-(--era-inset-md) text-body text-fg shadow-(--era-shadow-well) hover:bg-(--era-highlight) focus-within:bg-(--era-highlight) era-text-trim',
24
24
  className
25
25
  )}
26
26
  >
package/dist/ui/command/command-item.svelte CHANGED
@@ -8,7 +8,7 @@
8
8
  <Command.Item
9
9
  bind:ref
10
10
  class={cn(
11
- 'flex h-(--era-h-md) cursor-pointer items-center gap-(--era-gap) rounded-(--era-rd-md) px-(--era-inset-md) text-body text-fg outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[selected]:bg-hover',
11
+ 'flex h-(--era-h-md) cursor-pointer items-center gap-(--era-gap) rounded-(--era-rd-md) px-(--era-inset-md) text-body text-fg outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[selected]:bg-hover era-text-trim',
12
12
  className
13
13
  )}
14
14
  {...restProps}
package/dist/ui/command-bar/command-bar.svelte CHANGED
@@ -191,7 +191,7 @@
191
191
  autocomplete="off"
192
192
  autocorrect="off"
193
193
  spellcheck="false"
194
- class="h-full w-full bg-transparent text-body text-bright outline-none"
194
+ class="era-text-trim h-full w-full bg-transparent text-body text-bright outline-none"
195
195
  onkeydown={onKeydown}
196
196
  onfocus={() => (focused = true)}
197
197
  onblur={() => (focused = false)}
@@ -231,7 +231,7 @@
231
231
  tabindex={-1}
232
232
  aria-selected={i === selectedIndex}
233
233
  class={cn(
234
- 'flex h-(--era-h-md) cursor-default items-center gap-(--era-gap) px-(--era-inset-md) text-body whitespace-nowrap',
234
+ 'flex h-(--era-h-md) cursor-default era-text-trim items-center gap-(--era-gap) px-(--era-inset-md) text-body whitespace-nowrap',
235
235
  i === selectedIndex ? 'bg-3 text-bright' : 'text-fg'
236
236
  )}
237
237
  onclick={() => choose(item)}
package/dist/ui/input/input.svelte CHANGED
@@ -16,7 +16,7 @@
16
16
  bind:this={ref}
17
17
  bind:value
18
18
  class={cn(
19
- 'flex h-(--era-h-md) w-full era-interactive rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) px-(--era-inset-md) text-body text-fg shadow-(--era-shadow-well) placeholder:text-muted hover:bg-(--era-highlight) focus:bg-(--era-highlight)',
19
+ 'flex h-(--era-h-md) w-full era-interactive rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) px-(--era-inset-md) text-body text-fg shadow-(--era-shadow-well) placeholder:text-muted hover:bg-(--era-highlight) focus:bg-(--era-highlight) era-text-trim',
20
20
  className
21
21
  )}
22
22
  {...restProps}
package/dist/ui/kv/kv.svelte CHANGED
@@ -21,7 +21,7 @@
21
21
  <span
22
22
  bind:this={ref}
23
23
  class={cn(
24
- 'inline-flex h-(--era-h-xxs) items-center overflow-hidden rounded-(--era-rd-xxs) bg-hover font-mono text-body leading-none shadow-(--era-shadow)',
24
+ 'inline-flex h-(--era-h-xxs) items-center overflow-hidden rounded-(--era-rd-xxs) bg-hover font-mono text-body leading-none shadow-(--era-shadow) era-text-trim',
25
25
  className
26
26
  )}
27
27
  {...restProps}
package/dist/ui/select/select-trigger.svelte CHANGED
@@ -14,7 +14,7 @@
14
14
  <Select.Trigger
15
15
  bind:ref
16
16
  class={cn(
17
- 'flex h-(--era-h-md) w-full items-center justify-between gap-(--era-xs-inset-sm) rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) px-(--era-inset-md) text-body text-fg shadow-(--era-shadow) hover:bg-(--era-highlight) focus:bg-(--era-highlight) focus:outline-none disabled:opacity-50 data-[state=open]:rounded-b-none data-[state=open]:shadow-(--era-shadow-pressed)',
17
+ 'flex h-(--era-h-md) w-full items-center justify-between gap-(--era-xs-inset-sm) rounded-(--era-rd-md) bg-(--era-surface-bg-elevated) px-(--era-inset-md) text-body text-fg shadow-(--era-shadow) hover:bg-(--era-highlight) focus:bg-(--era-highlight) focus:outline-none disabled:opacity-50 data-[state=open]:rounded-b-none data-[state=open]:shadow-(--era-shadow-pressed) era-text-trim',
18
18
  className
19
19
  )}
20
20
  {...restProps}
package/dist/ui/step/step-summary.svelte CHANGED
@@ -26,7 +26,7 @@
26
26
  <Collapsible.Trigger
27
27
  bind:ref
28
28
  class={cn(
29
- 'flex h-(--era-h-md) w-full min-w-0 cursor-pointer era-interactive items-center gap-(--era-gap) rounded-(--era-rd-md) px-(--era-inset-md) text-body text-muted transition-colors duration-(--era-duration) ease-(--era-ease) hover:text-fg',
29
+ 'flex h-(--era-h-md) w-full min-w-0 cursor-pointer era-interactive items-center gap-(--era-gap) rounded-(--era-rd-md) px-(--era-inset-md) text-body text-muted transition-colors duration-(--era-duration) ease-(--era-ease) hover:text-fg era-text-trim',
30
30
  className
31
31
  )}
32
32
  {...restProps}
package/dist/ui/tabs/tabs-trigger.svelte CHANGED
@@ -1,7 +1,8 @@
1
1
  <script lang="ts">
2
2
  import { Tabs } from 'bits-ui';
3
+ import { cn } from '../../utils/index.js';
3
4
 
4
5
  let { ref = $bindable(null), class: className, ...restProps }: Tabs.TriggerProps = $props();
5
6
  </script>
6
7
 
7
- <Tabs.Trigger bind:ref class={className} {...restProps} />
8
+ <Tabs.Trigger bind:ref class={cn('era-text-trim', className)} {...restProps} />
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@signal9/era-ui",
3
- "version": "2.5.0",
3
+ "version": "2.6.1",
4
4
  "scripts": {
5
5
  "dev": "vite dev --host",
6
6
  "build": "vite build && npm run prepack",