@signal9/era-ui 1.23.4 → 1.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/era-ui.css +1 -1
  2. package/dist/generated-docs/button.md +1 -1
  3. package/dist/generated-docs/llms-full.txt +1 -1
  4. package/dist/generated-docs/manifest.json +1 -1
  5. package/dist/index.d.ts +1 -0
  6. package/dist/os/desktop.svelte +4 -1
  7. package/dist/os/index.d.ts +1 -1
  8. package/dist/os/taskbar.svelte +22 -3
  9. package/dist/os/window.svelte +19 -18
  10. package/dist/os/wm.svelte.d.ts +90 -51
  11. package/dist/os/wm.svelte.js +100 -36
  12. package/dist/styles/index.css +2 -0
  13. package/dist/styles/themes.css +18 -0
  14. package/dist/ui/button/button.svelte +1 -1
  15. package/dist/ui/button/button.svelte.d.ts +1 -1
  16. package/dist/ui/button/variants.d.ts +3 -0
  17. package/dist/ui/button/variants.js +3 -1
  18. 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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-\(--era-xs-inset-sm\){inset:var(--era-xs-inset-sm)}.inset-x-\(--era-gap\){inset-inline:var(--era-gap)}.inset-x-\(--era-xs-inset-sm\){inset-inline:var(--era-xs-inset-sm)}.inset-y-\(--era-panel-inset\){inset-block:var(--era-panel-inset)}.top-\(--era-gap\){top: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)}.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-\[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}.z-\[60\]{z-index:60}.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-\[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}.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-icon\){width:var(--era-icon);height:var(--era-icon)}.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-switch-h\)-0\.375rem\)\]{width:calc(var(--era-switch-h) - .375rem);height:calc(var(--era-switch-h) - .375rem)}.size-full{width:100%;height:100%}.h-\(--era-bar-h\){height:var(--era-bar-h)}.h-\(--era-btn-h\){height:var(--era-btn-h)}.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-select-h\){height:var(--era-select-h)}.h-\(--era-sp\){height:var(--era-sp)}.h-\(--era-switch-h\){height:var(--era-switch-h)}.h-\(--era-text\){height:var(--era-text)}.h-\(--era-trigger-h\){height:var(--era-trigger-h)}.h-\(--era-x\){height:var(--era-x)}.h-1\/2{height:50%}.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-\[calc\(var\(--era-switch-h\)\*1\.75\)\]{width:calc(var(--era-switch-h) * 1.75)}.w-\[min\(20rem\,85vw\)\]{width:min(20rem,85vw)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\[92ch\]{max-width:92ch}.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-btn-h\){min-width:var(--era-btn-h)}.min-w-\(--era-h-md\){min-width:var(--era-h-md)}.min-w-\(--era-h-sm\){min-width:var(--era-h-sm)}.min-w-\(--era-h-xs\){min-width:var(--era-h-xs)}.min-w-\(--era-h-xxs\){min-width:var(--era-h-xxs)}.min-w-\[var\(--bits-select-anchor-width\)\]{min-width:var(--bits-select-anchor-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.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-x-\[0\.1875rem\]{--tw-translate-x:.1875rem;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-\[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,)}.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-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-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-center{align-self:center}.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}.\[border-radius\:calc\(var\(--era-rd-lg\)\+var\(--era-gap\)\)\]{border-radius:calc(var(--era-rd-lg) + var(--era-gap))}.rounded-\(--era-bar-radius\){border-radius:var(--era-bar-radius)}.rounded-\(--era-item-rd\){border-radius:var(--era-item-rd)}.rounded-\(--era-radius\){border-radius:var(--era-radius)}.rounded-\(--era-radius-lg\){border-radius:var(--era-radius-lg)}.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-switch-radius\){border-radius:var(--era-switch-radius)}.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-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\:color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){.border-\[color\:color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}.border-\[color\:var\(--era-border-color\)\]{border-color:var(--era-border-color)}.border-\[color\:var\(--era-divider-color\)\]{border-color:var(--era-divider-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)}.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-6{background-color:var(--color-6)}.bg-8{background-color:var(--color-8)}.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-divider-color\)\]{background-color:var(--era-divider-color)}.bg-\[var\(--era-overlay-bg\)\]{background-color:var(--era-overlay-bg)}.bg-\[var\(--era-surface-bg\)\]{background-color:var(--era-surface-bg)}.bg-\[var\(--era-surface-bg-elevated\)\]{background-color:var(--era-surface-bg-elevated)}.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-bar-px\){padding:var(--era-bar-px)}.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-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-bar-px\){padding-inline:var(--era-bar-px)}.px-\(--era-btn-px\){padding-inline:var(--era-btn-px)}.px-\(--era-content-p\){padding-inline:var(--era-content-p)}.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-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-select-px\){padding-inline:var(--era-select-px)}.px-\(--era-sp\){padding-inline:var(--era-sp)}.px-\(--era-trigger-px\){padding-inline:var(--era-trigger-px)}.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-inset-md\){padding-inline-start:var(--era-inset-md)}.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)}.pt-\[15vh\]{padding-top:15vh}.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-content-p\){padding-bottom:var(--era-content-p)}.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-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-middle{vertical-align:middle}.text-\[0\.65rem\]{font-size:.65rem}.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}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-\(--color-destructive\){color:var(--color-destructive)}.text-7{color:var(--color-7)}.text-9{color:var(--color-9)}.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)}.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,)}.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-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-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-\[var\(--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-\[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,)}.backdrop-blur-\[var\(--era-blur\)\]{--tw-backdrop-blur:blur(var(--era-blur));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}[data-surface=glass] .glass-blur{-webkit-backdrop-filter:blur(var(--era-blur)) saturate(var(--era-saturate))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,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}.duration-\[var\(--era-duration\)\]{--tw-duration:var(--era-duration);transition-duration:var(--era-duration)}.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}.group-data-\[state\=checked\]\:bg-fg:is(:where(.group)[data-state=checked] *){background-color:var(--color-fg)}.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)}@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\: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\: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\: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\:cursor-not-allowed:disabled{cursor:not-allowed}.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\]\:w-full[data-orientation=horizontal]{width:100%}.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\]\:h-full[data-orientation=vertical]{height:100%}.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-switch-h\)\*0\.75\+0\.1875rem\)\][data-state=checked]{--tw-translate-x:calc(var(--era-switch-h) * .75 + .1875rem);translate:var(--tw-translate-x) var(--tw-translate-y)}.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\]\:bg-hover[data-state=checked]{background-color:var(--color-hover)}.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-3[data-state=open]{background-color:var(--color-3)}.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}}.\[\&_\*\]\: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)}@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)}}.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)}: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)}@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)}}[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)}: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)}@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)}}[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)}@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)}:root,:host{--text-body:var(--era-text);--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)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--era-roundness-scale:1}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0}}}.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)}.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-\[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}.z-\[60\]{z-index:60}.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-\[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}.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-icon\){width:var(--era-icon);height:var(--era-icon)}.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-switch-h\)-0\.375rem\)\]{width:calc(var(--era-switch-h) - .375rem);height:calc(var(--era-switch-h) - .375rem)}.size-full{width:100%;height:100%}.h-\(--era-bar-h\){height:var(--era-bar-h)}.h-\(--era-btn-h\){height:var(--era-btn-h)}.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-select-h\){height:var(--era-select-h)}.h-\(--era-sp\){height:var(--era-sp)}.h-\(--era-switch-h\){height:var(--era-switch-h)}.h-\(--era-text\){height:var(--era-text)}.h-\(--era-trigger-h\){height:var(--era-trigger-h)}.h-\(--era-x\){height:var(--era-x)}.h-1\/2{height:50%}.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-\[calc\(var\(--era-switch-h\)\*1\.75\)\]{width:calc(var(--era-switch-h) * 1.75)}.w-\[min\(20rem\,85vw\)\]{width:min(20rem,85vw)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\[92ch\]{max-width:92ch}.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-btn-h\){min-width:var(--era-btn-h)}.min-w-\(--era-h-md\){min-width:var(--era-h-md)}.min-w-\(--era-h-sm\){min-width:var(--era-h-sm)}.min-w-\(--era-h-xs\){min-width:var(--era-h-xs)}.min-w-\(--era-h-xxs\){min-width:var(--era-h-xxs)}.min-w-\[var\(--bits-select-anchor-width\)\]{min-width:var(--bits-select-anchor-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.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-x-\[0\.1875rem\]{--tw-translate-x:.1875rem;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-\[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,)}.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-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-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-center{align-self:center}.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}.\[border-radius\:calc\(var\(--era-rd-lg\)\+var\(--era-gap\)\)\]{border-radius:calc(var(--era-rd-lg) + var(--era-gap))}.rounded-\(--era-bar-radius\){border-radius:var(--era-bar-radius)}.rounded-\(--era-item-rd\){border-radius:var(--era-item-rd)}.rounded-\(--era-radius\){border-radius:var(--era-radius)}.rounded-\(--era-radius-lg\){border-radius:var(--era-radius-lg)}.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-switch-radius\){border-radius:var(--era-switch-radius)}.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-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\:color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{border-color:var(--era-divider-color)}@supports (color:color-mix(in lab, red, red)){.border-\[color\:color-mix\(in_oklch\,var\(--era-divider-color\)_40\%\,transparent\)\]{border-color:color-mix(in oklch,var(--era-divider-color) 40%,transparent)}}.border-\[color\:var\(--era-border-color\)\]{border-color:var(--era-border-color)}.border-\[color\:var\(--era-divider-color\)\]{border-color:var(--era-divider-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)}.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-6{background-color:var(--color-6)}.bg-8{background-color:var(--color-8)}.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-divider-color\)\]{background-color:var(--era-divider-color)}.bg-\[var\(--era-overlay-bg\)\]{background-color:var(--era-overlay-bg)}.bg-\[var\(--era-surface-bg\)\]{background-color:var(--era-surface-bg)}.bg-\[var\(--era-surface-bg-elevated\)\]{background-color:var(--era-surface-bg-elevated)}.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-bar-px\){padding:var(--era-bar-px)}.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-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-bar-px\){padding-inline:var(--era-bar-px)}.px-\(--era-btn-px\){padding-inline:var(--era-btn-px)}.px-\(--era-content-p\){padding-inline:var(--era-content-p)}.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-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-select-px\){padding-inline:var(--era-select-px)}.px-\(--era-sp\){padding-inline:var(--era-sp)}.px-\(--era-trigger-px\){padding-inline:var(--era-trigger-px)}.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-inset-md\){padding-inline-start:var(--era-inset-md)}.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)}.pt-\[15vh\]{padding-top:15vh}.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-content-p\){padding-bottom:var(--era-content-p)}.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-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-middle{vertical-align:middle}.text-\[0\.65rem\]{font-size:.65rem}.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}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-\(--color-destructive\){color:var(--color-destructive)}.text-7{color:var(--color-7)}.text-9{color:var(--color-9)}.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,)}.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-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-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-\[var\(--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-\[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,)}.backdrop-blur-\[var\(--era-blur\)\]{--tw-backdrop-blur:blur(var(--era-blur));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}[data-surface=glass] .glass-blur{-webkit-backdrop-filter:blur(var(--era-blur)) saturate(var(--era-saturate))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,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}.duration-\[var\(--era-duration\)\]{--tw-duration:var(--era-duration);transition-duration:var(--era-duration)}.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}.group-data-\[state\=checked\]\:bg-fg:is(:where(.group)[data-state=checked] *){background-color:var(--color-fg)}.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)}@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\: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\:cursor-not-allowed:disabled{cursor:not-allowed}.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\]\:w-full[data-orientation=horizontal]{width:100%}.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\]\:h-full[data-orientation=vertical]{height:100%}.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-switch-h\)\*0\.75\+0\.1875rem\)\][data-state=checked]{--tw-translate-x:calc(var(--era-switch-h) * .75 + .1875rem);translate:var(--tw-translate-x) var(--tw-translate-y)}.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\]\:bg-hover[data-state=checked]{background-color:var(--color-hover)}.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-3[data-state=open]{background-color:var(--color-3)}.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}}.\[\&_\*\]\: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)}:root,:host{--text-body:var(--era-text);--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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}
package/dist/generated-docs/button.md CHANGED
@@ -14,7 +14,7 @@ Inherits all props from `Button.RootProps`.
14
14
 
15
15
  | Prop | Type | Default | Notes |
16
16
  |------|------|---------|-------|
17
- | `tone?` | `'default' \| 'accent' \| 'destructive' \| 'success'` | `'default'` | — |
17
+ | `tone?` | `'default' \| 'accent' \| 'destructive' \| 'success' \| 'warning'` | `'default'` | — |
18
18
  | `size?` | `'default' \| 'sm' \| 'xxs' \| 'xs' \| 'icon'` | `'default'` | — |
19
19
  | `variant?` | `'filled' \| 'link'` | `'filled'` | — |
20
20
  | `active?` | `boolean` | `false` | — |
package/dist/generated-docs/llms-full.txt CHANGED
@@ -258,7 +258,7 @@ Inherits all props from `Button.RootProps`.
258
258
 
259
259
  | Prop | Type | Default | Notes |
260
260
  |------|------|---------|-------|
261
- | `tone?` | `'default' \| 'accent' \| 'destructive' \| 'success'` | `'default'` | — |
261
+ | `tone?` | `'default' \| 'accent' \| 'destructive' \| 'success' \| 'warning'` | `'default'` | — |
262
262
  | `size?` | `'default' \| 'sm' \| 'xxs' \| 'xs' \| 'icon'` | `'default'` | — |
263
263
  | `variant?` | `'filled' \| 'link'` | `'filled'` | — |
264
264
  | `active?` | `boolean` | `false` | — |
package/dist/generated-docs/manifest.json CHANGED
@@ -86,7 +86,7 @@
86
86
  "slug": "button",
87
87
  "title": "Button",
88
88
  "summary": "A flexible button or link element.",
89
- "tokenEstimate": 387,
89
+ "tokenEstimate": 390,
90
90
  "sections": [
91
91
  "Import",
92
92
  "Props",
package/dist/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export * from './ui/index.js';
2
2
  export * as OS from './os/index.js';
3
+ export type { Point, Size, Rect, Insets, Frame, Workspace, WindowState, SnapZone, AppWindow, AppDefinition, AppComponent, AppProps } from './os/index.js';
3
4
  export { cn, tv, type PartProps, type VariantProps } from './utils/index.js';
package/dist/os/desktop.svelte CHANGED
@@ -51,7 +51,10 @@
51
51
  over the chrome / menus / toasts / launcher that render below (outside it)
52
52
  at the document root. This is the whole layer contract in one line. -->
53
53
  <div class="absolute inset-0 isolate">
54
- {#each wm.windows as win (win.id)}
54
+ <!-- Only the active workspace paints; other workspaces' windows keep
55
+ their state untouched and simply aren't in the tree. Keyed by id, so
56
+ switching back remounts them exactly where they were. -->
57
+ {#each wm.activeWindows as win (win.id)}
55
58
  <Window window={win} />
56
59
  {/each}
57
60
  </div>
package/dist/os/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { WindowManager, getWindowManager, setWindowManagerContext, type AppDefinition, type AppWindow, type AppComponent, type AppProps, type WindowState, type SnapZone } from './wm.svelte.js';
1
+ export { WindowManager, getWindowManager, setWindowManagerContext, type Point, type Size, type Rect, type Insets, type Frame, type AppDefinition, type AppWindow, type AppComponent, type AppProps, type WindowState, type SnapZone, type Workspace } from './wm.svelte.js';
2
2
  export { NotificationService, getNotifications, setNotificationContext, type AppNotification, type NotifyOptions, type NotificationAction, type NotificationTone } from './notifications.svelte.js';
3
3
  export { LAYER } from './layers.js';
4
4
  export { default as Desktop } from './desktop.svelte';
package/dist/os/taskbar.svelte CHANGED
@@ -107,6 +107,24 @@
107
107
  <LayoutGrid class="size-(--era-h-xs)" />
108
108
  </Button>
109
109
 
110
+ <!-- Workspace switcher — appears only once there's something to switch
111
+ between; a single-workspace desktop stays free of dead chrome. -->
112
+ {#if wm.workspaces.length > 1}
113
+ <div class="flex items-center gap-(--era-gap)">
114
+ {#each wm.workspaces as ws (ws.id)}
115
+ <Button
116
+ size="default"
117
+ active={wm.activeWorkspaceId === ws.id}
118
+ aria-label="Switch to workspace {ws.name}"
119
+ onclick={() => wm.switchWorkspace(ws.id)}
120
+ >
121
+ {ws.name}
122
+ </Button>
123
+ {/each}
124
+ </div>
125
+ <div class="h-1/2 w-px shrink-0 bg-divider-faded"></div>
126
+ {/if}
127
+
110
128
  {#if pinned.length}
111
129
  <div class="flex items-center gap-(--era-gap)">
112
130
  {#each pinned as p (p.appId)}
@@ -118,10 +136,11 @@
118
136
  <div class="h-1/2 w-px shrink-0 bg-divider-faded"></div>
119
137
  {/if}
120
138
 
121
- <!-- Running windows: real Buttons — `active` latches the focused window's
122
- pressed face (surface-aware for free), click focuses / minimises. -->
139
+ <!-- Running windows on the active workspace: real Buttons — `active` latches
140
+ the focused window's pressed face (surface-aware for free), click
141
+ focuses / minimises. -->
123
142
  <div class="scrollbar-none flex min-w-0 flex-1 items-center gap-(--era-gap) overflow-x-auto">
124
- {#each wm.windows as win (win.id)}
143
+ {#each wm.activeWindows as win (win.id)}
125
144
  <Button
126
145
  active={wm.focusedId === win.id && win.state !== 'minimized'}
127
146
  onclick={() => wm.toggleMinimize(win.id)}
package/dist/os/window.svelte CHANGED
@@ -13,27 +13,27 @@
13
13
  const wm = getWindowManager();
14
14
  const focused = $derived(wm.focusedId === win.id);
15
15
 
16
- // Shell containment: a window can never become unrecoverable. The bar may not
17
- // leave the TOP of the shell at all (y ≥ top inset), and on every other side
18
- // at least wm.dragKeep px of the window must stay inside the work area (which
19
- // excludes the taskbar — a strip hidden behind chrome would be just as lost).
20
- // Clamped mid-drag the way neodrag's own bounds plugin does it: offset +
21
- // proposed delta → clamp → re-propose the delta, so the cursor simply stops
22
- // pulling at the fence instead of rubber-banding on release. Only a `drag`
23
- // hook (width read live), and a STABLE plugin list — an inline array would
24
- // change identity every render and make neodrag reconcile mid-session.
16
+ // Shell containment: a window can never become unrecoverable. The bar may
17
+ // not leave the TOP of the work area at all (y ≥ workArea.y), and on every
18
+ // other side at least wm.dragKeep px of the window must stay inside the
19
+ // work area (which excludes chrome — a strip hidden behind the taskbar
20
+ // would be just as lost). Clamped mid-drag the way neodrag's own bounds
21
+ // plugin does it: offset + proposed delta → clamp → re-propose the delta,
22
+ // so the cursor simply stops pulling at the fence instead of
23
+ // rubber-banding on release. Only a `drag` hook (width read live), and a
24
+ // STABLE plugin list — an inline array would change identity every render
25
+ // and make neodrag reconcile mid-session.
25
26
  const shellClamp: Plugin = {
26
27
  name: 'era:shell-clamp',
27
28
  drag(ctx) {
28
- const { width: W, height: H } = wm.bounds;
29
- if (!W || !H) return;
30
- const { top, right, bottom, left } = wm.insets;
29
+ const area = wm.workArea;
30
+ if (!area.width || !area.height) return;
31
31
  const keep = wm.dragKeep;
32
32
  const width = (ctx.rootNode as HTMLElement).offsetWidth;
33
33
  const px = ctx.offset.x + (ctx.proposed.x ?? 0);
34
34
  const py = ctx.offset.y + (ctx.proposed.y ?? 0);
35
- const cx = Math.min(Math.max(px, left + keep - width), W - right - keep);
36
- const cy = Math.min(Math.max(py, top), H - bottom - keep);
35
+ const cx = Math.min(Math.max(px, area.x + keep - width), area.x + area.width - keep);
36
+ const cy = Math.min(Math.max(py, area.y), area.y + area.height - keep);
37
37
  ctx.propose(cx - ctx.offset.x, cy - ctx.offset.y);
38
38
  }
39
39
  };
@@ -84,13 +84,14 @@
84
84
  drag, so a clean click still closes, and right/middle arming is a
85
85
  different button entirely. -->
86
86
  <div class="ml-auto shrink-0">
87
- <!-- Red is the CLOSE warning — while a non-primary press previews
88
- minimize / maximize, the button drops to the neutral tone so the
89
- glyph swap and the colour agree the release won't destroy anything. -->
87
+ <!-- The macOS traffic lights, one button: red = close at rest, and the
88
+ held preview recolours to the action it will commit — yellow for
89
+ minimize, green for maximize — so the tone and glyph agree on what
90
+ the release does. -->
90
91
  <Button
91
92
  icon
92
93
  size="icon"
93
- tone={armed ? 'default' : 'destructive'}
94
+ tone={armed === 'minimize' ? 'warning' : armed === 'maximize' ? 'success' : 'destructive'}
94
95
  aria-label="Close (right-click minimizes, middle-click maximizes)"
95
96
  onclick={() => wm.close(win.id)}
96
97
  oncontextmenu={(e: MouseEvent) => e.preventDefault()}
package/dist/os/wm.svelte.d.ts CHANGED
@@ -1,5 +1,32 @@
1
1
  import { type Component } from 'svelte';
2
2
  import type { IconProps } from '@lucide/svelte';
3
+ /** A point on the desktop plane. */
4
+ export interface Point {
5
+ x: number;
6
+ y: number;
7
+ }
8
+ /** A box's dimensions. */
9
+ export interface Size {
10
+ width: number;
11
+ height: number;
12
+ }
13
+ /** A positioned box — a point plus its dimensions. */
14
+ export interface Rect extends Point, Size {
15
+ }
16
+ /** Space reserved along each desktop edge (by chrome like the taskbar). */
17
+ export interface Insets {
18
+ top: number;
19
+ right: number;
20
+ bottom: number;
21
+ left: number;
22
+ }
23
+ /** A window's placement: where it sits, and its explicit size once one has
24
+ * been set (`null` = auto — the window is content-sized until the user or a
25
+ * preset gives it real dimensions, so we never invent numbers). */
26
+ export interface Frame {
27
+ pos: Point;
28
+ size: Size | null;
29
+ }
3
30
  export type WindowState = 'normal' | 'minimized' | 'maximized';
4
31
  /** Snap targets: the four edges (halves) or four corners (quadrants). */
5
32
  export type SnapZone = 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
@@ -18,10 +45,7 @@ export interface AppDefinition {
18
45
  icon?: Component<IconProps> | null;
19
46
  /** Body renderer. Omit for a chromeless/placeholder window. */
20
47
  component?: AppComponent;
21
- defaultSize?: {
22
- width: number;
23
- height: number;
24
- };
48
+ defaultSize?: Size;
25
49
  /** Only one live instance; opening again focuses the existing one. */
26
50
  singleton?: boolean;
27
51
  /** Show a resize grip (default true). */
@@ -34,84 +58,99 @@ export interface AppDefinition {
34
58
  export interface AppWindow {
35
59
  id: string;
36
60
  appId: string;
61
+ /** The workspace this window lives on. */
62
+ workspaceId: string;
37
63
  title: string;
38
64
  icon?: Component<IconProps> | null;
39
- /** neodrag offset — bound straight to Pane.Root's `position`. */
40
- pos: {
41
- x: number;
42
- y: number;
43
- };
44
- /** Explicit size once set — bound to Pane.Root's `size`. */
45
- size: {
46
- width: number;
47
- height: number;
48
- } | null;
65
+ /** Placement when 'normal' — bound straight to Pane.Root's `position`. */
66
+ pos: Point;
67
+ /** Explicit size once set — bound to Pane.Root's `size` (null = auto). */
68
+ size: Size | null;
49
69
  /** Stacking order within the desktop (higher = nearer the front). */
50
70
  z: number;
51
71
  state: WindowState;
52
- /** Geometry snapshot to restore to after un-maximize / un-snap. */
53
- restore: {
54
- pos: {
55
- x: number;
56
- y: number;
57
- };
58
- size: {
59
- width: number;
60
- height: number;
61
- } | null;
62
- } | null;
72
+ /** Frame snapshot to restore to after un-maximize / un-snap. */
73
+ restore: Frame | null;
63
74
  component?: AppComponent;
64
75
  resizable: boolean;
65
76
  bodyClass?: string;
66
77
  }
78
+ /** A named virtual desktop. Every window belongs to exactly one; only the
79
+ * active workspace's windows are shown, the rest keep their geometry and
80
+ * stacking untouched until switched back to. */
81
+ export interface Workspace {
82
+ id: string;
83
+ name: string;
84
+ }
67
85
  /**
68
- * The source of truth for the desktop: which windows exist, their geometry, and
69
- * their stacking / focus order. Everything visual (Desktop, Window, Taskbar,
70
- * Alt-Tab, …) is a pure view of this. Runes-based, shared via context.
86
+ * The source of truth for the desktop: which workspaces and windows exist,
87
+ * their geometry, and their stacking / focus order. Everything visual
88
+ * (Desktop, Window, Taskbar, Launcher, …) is a pure view of this. Runes-based,
89
+ * shared via context.
71
90
  */
72
91
  export declare class WindowManager {
73
92
  #private;
74
- /** Every live window. Order is spawn order; paint order is by `z`. */
93
+ /** Every live window, across all workspaces. Order is spawn order; paint
94
+ * order is by `z`; visibility is by workspace. */
75
95
  windows: AppWindow[];
76
96
  /** Registered app templates, keyed by id. */
77
97
  apps: Record<string, AppDefinition>;
98
+ /** The virtual desktops. Always at least one. */
99
+ workspaces: Workspace[];
100
+ /** Which workspace is on screen. */
101
+ activeWorkspaceId: string;
78
102
  /** Desktop viewport size — set by the Desktop host; drives maximize / snap. */
79
- bounds: {
80
- width: number;
81
- height: number;
82
- };
83
- /** Edges reserved by chrome (the Taskbar registers its height as `bottom`).
84
- * The work area = bounds − insets; maximize and drag containment honour it. */
85
- insets: {
86
- top: number;
87
- right: number;
88
- bottom: number;
89
- left: number;
90
- };
91
- /** Drag containment: a window's bar may never leave the top of the shell, and
92
- * at least this many px of it must stay reachable on every other side. */
103
+ bounds: Size;
104
+ /** Edges reserved by chrome (the Taskbar registers its footprint here).
105
+ * The work area = bounds − insets; maximize, snap and drag containment
106
+ * honour it. */
107
+ insets: Insets;
108
+ /** Drag containment: a window's bar may never leave the top of the work
109
+ * area, and at least this many px of it must stay reachable on every
110
+ * other side. */
93
111
  dragKeep: number;
94
- /** The focused window = the top-most non-minimized one. */
112
+ /** The usable desktop: bounds minus reserved chrome. Everything that places
113
+ * a window against "the screen" (maximize, snap, containment) uses this,
114
+ * never raw bounds — a strip hidden behind chrome is as lost as one
115
+ * off-screen. */
116
+ workArea: Rect;
117
+ /** The active workspace's windows — what the Desktop paints and the
118
+ * Taskbar lists. */
119
+ activeWindows: AppWindow[];
120
+ /** The focused window = the top-most non-minimized one on the active
121
+ * workspace. */
95
122
  focusedId: string | null;
96
123
  register(app: AppDefinition): void;
97
124
  registerMany(apps: AppDefinition[]): void;
98
- /** Spawn a window for an app (or focus the existing one if it's a singleton). */
99
- open(appId: string, overrides?: Partial<Pick<AppWindow, 'title' | 'pos' | 'size' | 'resizable'>>): string | null;
125
+ /** Spawn a window for an app (or focus the existing one if it's a
126
+ * singleton — from any workspace; it is brought to the active one). */
127
+ open(appId: string, overrides?: Partial<Pick<AppWindow, 'title' | 'pos' | 'size' | 'resizable' | 'workspaceId'>>): string | null;
100
128
  close(id: string): void;
101
129
  /** Bring a window to the front (and un-minimize it if needed). */
102
130
  focus(id: string): void;
103
131
  minimize(id: string): void;
104
132
  /** Taskbar behaviour: focus if not focused, else minimize; restore if minimized. */
105
133
  toggleMinimize(id: string): void;
106
- /** Fill the WORK AREA — bounds minus chrome insets, so a maximized window
107
- * doesn't hide under the taskbar (middle-click on the window's ×). Keeps the
108
- * first pre-maximize/pre-snap snapshot so restore returns to the true origin. */
134
+ /** Fill the work area (middle-click on the window's ×). Keeps the first
135
+ * pre-maximize/pre-snap frame so restore returns to the true origin. */
109
136
  maximize(id: string): void;
110
137
  toggleMaximize(id: string): void;
111
- /** Un-maximize / un-snap back to the pre-change geometry (or just un-minimize). */
138
+ /** Un-maximize / un-snap back to the pre-change frame (or just un-minimize). */
112
139
  restore(id: string): void;
113
- /** Half / quadrant tiling against the desktop bounds. */
140
+ /** Half / quadrant tiling against the work area. */
114
141
  snap(id: string, zone: SnapZone): void;
142
+ /** Create a workspace (optionally switching to it) and return its id. */
143
+ addWorkspace(name?: string, { activate }?: {
144
+ activate?: boolean | undefined;
145
+ }): string;
146
+ /** Show a workspace. Windows on others keep their geometry and stacking. */
147
+ switchWorkspace(id: string): void;
148
+ /** Remove a workspace. Its windows migrate to the fallback (the active
149
+ * workspace, or the first remaining one) — closing a desktop never
150
+ * silently closes the work on it. The last workspace can't be removed. */
151
+ removeWorkspace(id: string): void;
152
+ /** Send a window to another workspace (it stays where it was on screen). */
153
+ moveToWorkspace(windowId: string, workspaceId: string): void;
115
154
  }
116
155
  export declare function setWindowManagerContext(wm: WindowManager): WindowManager;
117
156
  export declare function getWindowManager(): WindowManager;
package/dist/os/wm.svelte.js CHANGED
@@ -1,29 +1,55 @@
1
1
  import { getContext, setContext } from 'svelte';
2
2
  const DEFAULT_SIZE = { width: 480, height: 320 };
3
3
  /**
4
- * The source of truth for the desktop: which windows exist, their geometry, and
5
- * their stacking / focus order. Everything visual (Desktop, Window, Taskbar,
6
- * Alt-Tab, …) is a pure view of this. Runes-based, shared via context.
4
+ * The source of truth for the desktop: which workspaces and windows exist,
5
+ * their geometry, and their stacking / focus order. Everything visual
6
+ * (Desktop, Window, Taskbar, Launcher, …) is a pure view of this. Runes-based,
7
+ * shared via context.
7
8
  */
8
9
  export class WindowManager {
9
- /** Every live window. Order is spawn order; paint order is by `z`. */
10
+ /** Every live window, across all workspaces. Order is spawn order; paint
11
+ * order is by `z`; visibility is by workspace. */
10
12
  windows = $state([]);
11
13
  /** Registered app templates, keyed by id. */
12
14
  apps = $state.raw({});
15
+ /** The virtual desktops. Always at least one. */
16
+ workspaces = $state([{ id: 'main', name: 'Main' }]);
17
+ /** Which workspace is on screen. */
18
+ activeWorkspaceId = $state('main');
13
19
  /** Desktop viewport size — set by the Desktop host; drives maximize / snap. */
14
20
  bounds = $state({ width: 0, height: 0 });
15
- /** Edges reserved by chrome (the Taskbar registers its height as `bottom`).
16
- * The work area = bounds − insets; maximize and drag containment honour it. */
21
+ /** Edges reserved by chrome (the Taskbar registers its footprint here).
22
+ * The work area = bounds − insets; maximize, snap and drag containment
23
+ * honour it. */
17
24
  insets = $state({ top: 0, right: 0, bottom: 0, left: 0 });
18
- /** Drag containment: a window's bar may never leave the top of the shell, and
19
- * at least this many px of it must stay reachable on every other side. */
25
+ /** Drag containment: a window's bar may never leave the top of the work
26
+ * area, and at least this many px of it must stay reachable on every
27
+ * other side. */
20
28
  dragKeep = 25;
21
29
  #z = 0;
22
30
  #seq = 0;
23
- /** The focused window = the top-most non-minimized one. */
31
+ #wsSeq = 0;
32
+ /** The usable desktop: bounds minus reserved chrome. Everything that places
33
+ * a window against "the screen" (maximize, snap, containment) uses this,
34
+ * never raw bounds — a strip hidden behind chrome is as lost as one
35
+ * off-screen. */
36
+ workArea = $derived.by(() => {
37
+ const { top, right, bottom, left } = this.insets;
38
+ return {
39
+ x: left,
40
+ y: top,
41
+ width: Math.max(0, this.bounds.width - left - right),
42
+ height: Math.max(0, this.bounds.height - top - bottom)
43
+ };
44
+ });
45
+ /** The active workspace's windows — what the Desktop paints and the
46
+ * Taskbar lists. */
47
+ activeWindows = $derived.by(() => this.windows.filter((w) => w.workspaceId === this.activeWorkspaceId));
48
+ /** The focused window = the top-most non-minimized one on the active
49
+ * workspace. */
24
50
  focusedId = $derived.by(() => {
25
51
  let top = null;
26
- for (const w of this.windows) {
52
+ for (const w of this.activeWindows) {
27
53
  if (w.state === 'minimized')
28
54
  continue;
29
55
  if (!top || w.z > top.z)
@@ -31,6 +57,7 @@ export class WindowManager {
31
57
  }
32
58
  return top?.id ?? null;
33
59
  });
60
+ /* ---------------- apps ---------------- */
34
61
  register(app) {
35
62
  this.apps = { ...this.apps, [app.id]: app };
36
63
  }
@@ -40,7 +67,9 @@ export class WindowManager {
40
67
  #find(id) {
41
68
  return this.windows.find((w) => w.id === id);
42
69
  }
43
- /** Spawn a window for an app (or focus the existing one if it's a singleton). */
70
+ /* ---------------- windows ---------------- */
71
+ /** Spawn a window for an app (or focus the existing one if it's a
72
+ * singleton — from any workspace; it is brought to the active one). */
44
73
  open(appId, overrides) {
45
74
  const app = this.apps[appId];
46
75
  if (!app)
@@ -48,19 +77,23 @@ export class WindowManager {
48
77
  if (app.singleton) {
49
78
  const existing = this.windows.find((w) => w.appId === appId);
50
79
  if (existing) {
80
+ existing.workspaceId = overrides?.workspaceId ?? this.activeWorkspaceId;
51
81
  this.restore(existing.id);
52
82
  return existing.id;
53
83
  }
54
84
  }
55
85
  const id = `${appId}#${++this.#seq}`;
56
- // Cascade so stacked spawns don't land exactly on top of each other.
86
+ // Cascade from the work area's origin so stacked spawns don't land
87
+ // exactly on top of each other (or under top chrome).
57
88
  const n = this.windows.length % 8;
89
+ const { x, y } = this.workArea;
58
90
  const win = {
59
91
  id,
60
92
  appId,
93
+ workspaceId: overrides?.workspaceId ?? this.activeWorkspaceId,
61
94
  title: overrides?.title ?? app.title,
62
95
  icon: app.icon,
63
- pos: overrides?.pos ?? { x: 48 + n * 28, y: 48 + n * 28 },
96
+ pos: overrides?.pos ?? { x: x + 48 + n * 28, y: y + 24 + n * 28 },
64
97
  size: overrides?.size ?? app.defaultSize ?? { ...DEFAULT_SIZE },
65
98
  z: ++this.#z,
66
99
  state: 'normal',
@@ -102,21 +135,17 @@ export class WindowManager {
102
135
  else
103
136
  this.focus(id);
104
137
  }
105
- /** Fill the WORK AREA — bounds minus chrome insets, so a maximized window
106
- * doesn't hide under the taskbar (middle-click on the window's ×). Keeps the
107
- * first pre-maximize/pre-snap snapshot so restore returns to the true origin. */
138
+ /** Fill the work area (middle-click on the window's ×). Keeps the first
139
+ * pre-maximize/pre-snap frame so restore returns to the true origin. */
108
140
  maximize(id) {
109
141
  const w = this.#find(id);
110
142
  if (!w)
111
143
  return;
112
144
  if (!w.restore)
113
145
  w.restore = { pos: { ...w.pos }, size: w.size ? { ...w.size } : null };
114
- const { top, right, bottom, left } = this.insets;
115
- w.pos = { x: left, y: top };
116
- w.size = {
117
- width: this.bounds.width - left - right,
118
- height: this.bounds.height - top - bottom
119
- };
146
+ const { x, y, width, height } = this.workArea;
147
+ w.pos = { x, y };
148
+ w.size = { width, height };
120
149
  w.state = 'maximized';
121
150
  this.focus(id);
122
151
  }
@@ -129,7 +158,7 @@ export class WindowManager {
129
158
  else
130
159
  this.maximize(id);
131
160
  }
132
- /** Un-maximize / un-snap back to the pre-change geometry (or just un-minimize). */
161
+ /** Un-maximize / un-snap back to the pre-change frame (or just un-minimize). */
133
162
  restore(id) {
134
163
  const w = this.#find(id);
135
164
  if (!w)
@@ -142,33 +171,68 @@ export class WindowManager {
142
171
  w.state = 'normal';
143
172
  this.focus(id);
144
173
  }
145
- /** Half / quadrant tiling against the desktop bounds. */
174
+ /** Half / quadrant tiling against the work area. */
146
175
  snap(id, zone) {
147
176
  const w = this.#find(id);
148
177
  if (!w)
149
178
  return;
150
- const { width: W, height: H } = this.bounds;
179
+ const { x, y, width: W, height: H } = this.workArea;
151
180
  const halfW = Math.round(W / 2);
152
181
  const halfH = Math.round(H / 2);
153
182
  const rects = {
154
- left: [0, 0, halfW, H],
155
- right: [halfW, 0, W - halfW, H],
156
- top: [0, 0, W, halfH],
157
- bottom: [0, halfH, W, H - halfH],
158
- 'top-left': [0, 0, halfW, halfH],
159
- 'top-right': [halfW, 0, W - halfW, halfH],
160
- 'bottom-left': [0, halfH, halfW, H - halfH],
161
- 'bottom-right': [halfW, halfH, W - halfW, H - halfH]
183
+ left: { x, y, width: halfW, height: H },
184
+ right: { x: x + halfW, y, width: W - halfW, height: H },
185
+ top: { x, y, width: W, height: halfH },
186
+ bottom: { x, y: y + halfH, width: W, height: H - halfH },
187
+ 'top-left': { x, y, width: halfW, height: halfH },
188
+ 'top-right': { x: x + halfW, y, width: W - halfW, height: halfH },
189
+ 'bottom-left': { x, y: y + halfH, width: halfW, height: H - halfH },
190
+ 'bottom-right': { x: x + halfW, y: y + halfH, width: W - halfW, height: H - halfH }
162
191
  };
163
- const [x, y, width, height] = rects[zone];
192
+ const rect = rects[zone];
164
193
  if (!w.restore) {
165
194
  w.restore = { pos: { ...w.pos }, size: w.size ? { ...w.size } : null };
166
195
  }
167
- w.pos = { x, y };
168
- w.size = { width, height };
196
+ w.pos = { x: rect.x, y: rect.y };
197
+ w.size = { width: rect.width, height: rect.height };
169
198
  w.state = 'normal';
170
199
  this.focus(id);
171
200
  }
201
+ /* ---------------- workspaces ---------------- */
202
+ /** Create a workspace (optionally switching to it) and return its id. */
203
+ addWorkspace(name, { activate = true } = {}) {
204
+ const id = `ws-${++this.#wsSeq}`;
205
+ this.workspaces.push({ id, name: name ?? `Workspace ${this.workspaces.length + 1}` });
206
+ if (activate)
207
+ this.activeWorkspaceId = id;
208
+ return id;
209
+ }
210
+ /** Show a workspace. Windows on others keep their geometry and stacking. */
211
+ switchWorkspace(id) {
212
+ if (this.workspaces.some((ws) => ws.id === id))
213
+ this.activeWorkspaceId = id;
214
+ }
215
+ /** Remove a workspace. Its windows migrate to the fallback (the active
216
+ * workspace, or the first remaining one) — closing a desktop never
217
+ * silently closes the work on it. The last workspace can't be removed. */
218
+ removeWorkspace(id) {
219
+ if (this.workspaces.length <= 1)
220
+ return;
221
+ this.workspaces = this.workspaces.filter((ws) => ws.id !== id);
222
+ if (this.activeWorkspaceId === id)
223
+ this.activeWorkspaceId = this.workspaces[0].id;
224
+ for (const w of this.windows) {
225
+ if (w.workspaceId === id)
226
+ w.workspaceId = this.activeWorkspaceId;
227
+ }
228
+ }
229
+ /** Send a window to another workspace (it stays where it was on screen). */
230
+ moveToWorkspace(windowId, workspaceId) {
231
+ const w = this.#find(windowId);
232
+ if (!w || !this.workspaces.some((ws) => ws.id === workspaceId))
233
+ return;
234
+ w.workspaceId = workspaceId;
235
+ }
172
236
  }
173
237
  const WM_KEY = Symbol('era-wm');
174
238
  export function setWindowManagerContext(wm) {
package/dist/styles/index.css CHANGED
@@ -90,4 +90,6 @@
90
90
  --color-destructive-fg: var(--color-destructive-fg);
91
91
  --color-success: var(--color-success);
92
92
  --color-success-fg: var(--color-success-fg);
93
+ --color-warning: var(--color-warning);
94
+ --color-warning-fg: var(--color-warning-fg);
93
95
  }
package/dist/styles/themes.css CHANGED
@@ -56,6 +56,8 @@
56
56
  --color-destructive-fg: oklch(0.96 0 0);
57
57
  --color-success: oklch(0.65 0.17 145);
58
58
  --color-success-fg: oklch(0.96 0 0);
59
+ --color-warning: oklch(0.8 0.16 85);
60
+ --color-warning-fg: oklch(0.162 0 0);
59
61
  }
60
62
 
61
63
  /* -------------------------------------------------- */
@@ -93,6 +95,8 @@
93
95
  --color-destructive-fg: oklch(0.98 0 0);
94
96
  --color-success: oklch(0.5 0.17 145);
95
97
  --color-success-fg: oklch(0.98 0 0);
98
+ --color-warning: oklch(0.72 0.15 85);
99
+ --color-warning-fg: oklch(0.162 0 0);
96
100
  }
97
101
  }
98
102
 
@@ -127,6 +131,8 @@
127
131
  --color-destructive-fg: oklch(0.98 0 0);
128
132
  --color-success: oklch(0.5 0.17 145);
129
133
  --color-success-fg: oklch(0.98 0 0);
134
+ --color-warning: oklch(0.72 0.15 85);
135
+ --color-warning-fg: oklch(0.162 0 0);
130
136
  }
131
137
 
132
138
  /* -------------------------------------------------- */
@@ -169,6 +175,8 @@
169
175
  --color-destructive-fg: oklch(0.96 0.016 90);
170
176
  --color-success: oklch(0.7 0.125 184);
171
177
  --color-success-fg: oklch(0.19 0.014 50);
178
+ --color-warning: oklch(0.78 0.14 82);
179
+ --color-warning-fg: oklch(0.19 0.014 50);
172
180
  }
173
181
 
174
182
  /* -------------------------------------------------- */
@@ -210,6 +218,8 @@
210
218
  --color-destructive-fg: oklch(0.98 0.012 78);
211
219
  --color-success: oklch(0.5 0.13 158);
212
220
  --color-success-fg: oklch(0.98 0.012 78);
221
+ --color-warning: oklch(0.7 0.13 80);
222
+ --color-warning-fg: oklch(0.19 0.014 50);
213
223
  }
214
224
  }
215
225
 
@@ -243,6 +253,8 @@
243
253
  --color-destructive-fg: oklch(0.98 0.012 78);
244
254
  --color-success: oklch(0.5 0.13 158);
245
255
  --color-success-fg: oklch(0.98 0.012 78);
256
+ --color-warning: oklch(0.7 0.13 80);
257
+ --color-warning-fg: oklch(0.19 0.014 50);
246
258
  }
247
259
 
248
260
  /* -------------------------------------------------- */
@@ -279,6 +291,8 @@
279
291
  --color-destructive-fg: var(--color-12);
280
292
  --color-success: oklch(0.71 0.09 164);
281
293
  --color-success-fg: var(--color-1);
294
+ --color-warning: oklch(0.78 0.1 85);
295
+ --color-warning-fg: var(--color-1);
282
296
  }
283
297
 
284
298
  /* -------------------------------------------------- */
@@ -315,6 +329,8 @@
315
329
  --color-destructive-fg: oklch(0.98 0.008 80);
316
330
  --color-success: oklch(0.54 0.11 164);
317
331
  --color-success-fg: oklch(0.98 0.008 80);
332
+ --color-warning: oklch(0.68 0.1 82);
333
+ --color-warning-fg: oklch(0.2 0.012 60);
318
334
  }
319
335
  }
320
336
 
@@ -348,4 +364,6 @@
348
364
  --color-destructive-fg: oklch(0.98 0.008 80);
349
365
  --color-success: oklch(0.54 0.11 164);
350
366
  --color-success-fg: oklch(0.98 0.008 80);
367
+ --color-warning: oklch(0.68 0.1 82);
368
+ --color-warning-fg: oklch(0.2 0.012 60);
351
369
  }
package/dist/ui/button/button.svelte CHANGED
@@ -19,7 +19,7 @@
19
19
  class: className,
20
20
  ...restProps
21
21
  }: Button.RootProps & {
22
- tone?: 'default' | 'accent' | 'destructive' | 'success';
22
+ tone?: 'default' | 'accent' | 'destructive' | 'success' | 'warning';
23
23
  size?: 'default' | 'sm' | 'xxs' | 'xs' | 'icon';
24
24
  variant?: 'filled' | 'link';
25
25
  active?: boolean;
package/dist/ui/button/button.svelte.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { Snippet } from 'svelte';
2
2
  import { Button } from 'bits-ui';
3
3
  type $$ComponentProps = Button.RootProps & {
4
- tone?: 'default' | 'accent' | 'destructive' | 'success';
4
+ tone?: 'default' | 'accent' | 'destructive' | 'success' | 'warning';
5
5
  size?: 'default' | 'sm' | 'xxs' | 'xs' | 'icon';
6
6
  variant?: 'filled' | 'link';
7
7
  active?: boolean;
package/dist/ui/button/variants.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
8
8
  accent: string;
9
9
  destructive: string;
10
10
  success: string;
11
+ warning: string;
11
12
  };
12
13
  size: {
13
14
  default: string;
@@ -32,6 +33,7 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
32
33
  accent: string;
33
34
  destructive: string;
34
35
  success: string;
36
+ warning: string;
35
37
  };
36
38
  size: {
37
39
  default: string;
@@ -56,6 +58,7 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
56
58
  accent: string;
57
59
  destructive: string;
58
60
  success: string;
61
+ warning: string;
59
62
  };
60
63
  size: {
61
64
  default: string;
package/dist/ui/button/variants.js CHANGED
@@ -13,7 +13,7 @@ export const buttonVariants = tv({
13
13
  filled: 'flex justify-center shadow-(--era-shadow) hover:shadow-(--era-highlight-shadow) active:translate-x-(--era-press-shift) active:translate-y-(--era-press-shift) active:shadow-(--era-shadow-pressed)',
14
14
  link: 'inline-flex underline-offset-2 hover:underline'
15
15
  },
16
- tone: { default: '', accent: '', destructive: '', success: '' },
16
+ tone: { default: '', accent: '', destructive: '', success: '', warning: '' },
17
17
  size: { default: '', sm: '', xxs: '', xs: '', icon: '' },
18
18
  icon: { true: '' },
19
19
  active: { true: '' }
@@ -80,6 +80,7 @@ export const buttonVariants = tv({
80
80
  class: 'text-fg hover:bg-destructive hover:text-destructive-fg'
81
81
  },
82
82
  { variant: 'filled', tone: 'success', class: 'text-fg hover:bg-success hover:text-success-fg' },
83
+ { variant: 'filled', tone: 'warning', class: 'text-fg hover:bg-warning hover:text-warning-fg' },
83
84
  // Latched controls (Toggle on, current tab/page) hold the pressed face.
84
85
  {
85
86
  variant: 'filled',
@@ -91,6 +92,7 @@ export const buttonVariants = tv({
91
92
  { variant: 'link', tone: 'accent', class: 'text-primary' },
92
93
  { variant: 'link', tone: 'destructive', class: 'text-destructive' },
93
94
  { variant: 'link', tone: 'success', class: 'text-success' },
95
+ { variant: 'link', tone: 'warning', class: 'text-warning' },
94
96
  { variant: 'link', active: true, class: 'underline' }
95
97
  ],
96
98
  defaultVariants: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@signal9/era-ui",
3
- "version": "1.23.4",
3
+ "version": "1.25.0",
4
4
  "scripts": {
5
5
  "dev": "vite dev --host",
6
6
  "build": "vite build && npm run prepack",