@signal9/era-ui 1.26.1 → 2.0.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 (13) hide show
  1. package/dist/era-ui.css +1 -1
  2. package/dist/generated-docs/llms-full.txt +1 -1
  3. package/dist/generated-docs/manifest.json +2 -2
  4. package/dist/generated-docs/os.md +1 -1
  5. package/dist/os/index.d.ts +0 -1
  6. package/dist/os/index.js +2 -3
  7. package/dist/os/layers.d.ts +1 -3
  8. package/dist/os/layers.js +2 -4
  9. package/dist/os/taskbar.svelte +107 -41
  10. package/dist/os/taskbar.svelte.d.ts +9 -2
  11. package/package.json +1 -1
  12. package/dist/os/launcher.svelte +0 -95
  13. package/dist/os/launcher.svelte.d.ts +0 -10
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)}.top-full{top:100%}.right-\(--era-pad-md\){right:var(--era-pad-md)}.right-\[calc\(var\(--era-inset-md\)\+\(var\(--era-text\)\*1\.625-var\(--era-h-sm\)\)\/2\)\]{right:calc(var(--era-inset-md) + (var(--era-text) * 1.625 - var(--era-h-sm)) / 2)}.bottom-\(--era-gap\){bottom:var(--era-gap)}.bottom-\(--era-h-lg\){bottom:var(--era-h-lg)}.bottom-\[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-\(--era-gap\){margin-inline:var(--era-gap)}.mx-\[0\.45em\]{margin-inline:.45em}.mx-auto{margin-inline:auto}.my-\(--era-gap\){margin-block:var(--era-gap)}.my-\[calc\(var\(--era-gap\)\/2\)\]{margin-block:calc(var(--era-gap) / 2)}.mt-\(--era-content-p\){margin-top:var(--era-content-p)}.mt-\(--era-gap\){margin-top:var(--era-gap)}.mt-\(--era-inset-sm\){margin-top:var(--era-inset-sm)}.mt-\(--era-pad-lg\){margin-top:var(--era-pad-lg)}.mt-\(--era-pad-md\){margin-top:var(--era-pad-md)}.mt-auto{margin-top:auto}.-mr-\(--era-inset-xxs\){margin-right:calc(var(--era-inset-xxs) * -1)}.mr-\(--era-gap\){margin-right:var(--era-gap)}.mr-auto{margin-right:auto}.mb-\(--era-gap\){margin-bottom:var(--era-gap)}.mb-\(--era-pad-md\){margin-bottom:var(--era-pad-md)}.-ml-\(--era-inset-xxs\){margin-left:calc(var(--era-inset-xxs) * -1)}.ml-\(--era-gap\){margin-left:var(--era-gap)}.ml-auto{margin-left:auto}.scrollbar-none::-webkit-scrollbar{display:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.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-inset-md\){padding-left:var(--era-inset-md)}.pl-\(--era-pill-sm\){padding-left:var(--era-pill-sm)}.pl-\(--era-pill-xxs\){padding-left:var(--era-pill-xxs)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-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-40{opacity:.4}.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}
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)}.top-full{top:100%}.right-\(--era-pad-md\){right:var(--era-pad-md)}.right-\[calc\(var\(--era-inset-md\)\+\(var\(--era-text\)\*1\.625-var\(--era-h-sm\)\)\/2\)\]{right:calc(var(--era-inset-md) + (var(--era-text) * 1.625 - var(--era-h-sm)) / 2)}.bottom-\(--era-gap\){bottom:var(--era-gap)}.bottom-\(--era-h-lg\){bottom:var(--era-h-lg)}.bottom-\[calc\(100\%\+\(var\(--era-h-lg\)-var\(--era-h-sm\)\)\/2\+var\(--era-gap\)\)\]{bottom:calc(100% + (var(--era-h-lg) - var(--era-h-sm)) / 2 + var(--era-gap))}.bottom-full{bottom:100%}.left-\(--era-pad-md\){left:var(--era-pad-md)}.left-\(--era-panel-inset\){left:var(--era-panel-inset)}.left-\(--era-video-hover-pct\){left:var(--era-video-hover-pct)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[55\]{z-index:55}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.col-start-2{grid-column-start:2}.container{width:100%}.mx-\(--era-gap\){margin-inline:var(--era-gap)}.mx-\[0\.45em\]{margin-inline:.45em}.mx-auto{margin-inline:auto}.my-\(--era-gap\){margin-block:var(--era-gap)}.my-\[calc\(var\(--era-gap\)\/2\)\]{margin-block:calc(var(--era-gap) / 2)}.mt-\(--era-content-p\){margin-top:var(--era-content-p)}.mt-\(--era-gap\){margin-top:var(--era-gap)}.mt-\(--era-inset-sm\){margin-top:var(--era-inset-sm)}.mt-\(--era-pad-lg\){margin-top:var(--era-pad-lg)}.mt-\(--era-pad-md\){margin-top:var(--era-pad-md)}.mt-auto{margin-top:auto}.-mr-\(--era-inset-xxs\){margin-right:calc(var(--era-inset-xxs) * -1)}.mr-\(--era-gap\){margin-right:var(--era-gap)}.mr-auto{margin-right:auto}.mb-\(--era-gap\){margin-bottom:var(--era-gap)}.mb-\(--era-pad-md\){margin-bottom:var(--era-pad-md)}.-ml-\(--era-inset-xxs\){margin-left:calc(var(--era-inset-xxs) * -1)}.ml-\(--era-gap\){margin-left:var(--era-gap)}.ml-auto{margin-left:auto}.scrollbar-none::-webkit-scrollbar{display:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.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-\[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-\[40\%\]{max-width:40%}.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)}.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-inset-md\){padding-left:var(--era-inset-md)}.pl-\(--era-pill-sm\){padding-left:var(--era-pill-sm)}.pl-\(--era-pill-xxs\){padding-left:var(--era-pill-xxs)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-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-40{opacity:.4}.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/llms-full.txt CHANGED
@@ -103,7 +103,7 @@ Make any element draggable with @neodrag/svelte v3.
103
103
 
104
104
  # OS Shell
105
105
 
106
- Window manager, desktop, taskbar, notifications and launcher.
106
+ Window manager, desktop, taskbar with command bar, notifications.
107
107
 
108
108
  <!-- end: os -->
109
109
 
package/dist/generated-docs/manifest.json CHANGED
@@ -29,8 +29,8 @@
29
29
  {
30
30
  "slug": "os",
31
31
  "title": "OS Shell",
32
- "summary": "Window manager, desktop, taskbar, notifications and launcher.",
33
- "tokenEstimate": 19,
32
+ "summary": "Window manager, desktop, taskbar with command bar, notifications.",
33
+ "tokenEstimate": 20,
34
34
  "sections": [],
35
35
  "file": "os.md"
36
36
  },
package/dist/generated-docs/os.md CHANGED
@@ -1,3 +1,3 @@
1
1
  # OS Shell
2
2
 
3
- Window manager, desktop, taskbar, notifications and launcher.
3
+ Window manager, desktop, taskbar with command bar, notifications.
package/dist/os/index.d.ts CHANGED
@@ -7,4 +7,3 @@ export { default as Taskbar } from './taskbar.svelte';
7
7
  export { default as Toaster } from './toaster.svelte';
8
8
  export { default as Toast } from './toast.svelte';
9
9
  export { default as NotificationCenter } from './notification-center.svelte';
10
- export { default as Launcher } from './launcher.svelte';
package/dist/os/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  // The OS shell layer — stateful orchestration on top of the ui/ widgets.
2
2
  // Two stores (window manager + notifications) shared via context, and the
3
- // components that render them: Desktop host, Window, Taskbar, Toaster,
4
- // NotificationCenter, Launcher.
3
+ // components that render them: Desktop host, Window, Taskbar (with its
4
+ // built-in command bar), Toaster, NotificationCenter.
5
5
  export { WindowManager, getWindowManager, setWindowManagerContext } from './wm.svelte.js';
6
6
  export { NotificationService, getNotifications, setNotificationContext } from './notifications.svelte.js';
7
7
  export { LAYER } from './layers.js';
@@ -11,4 +11,3 @@ export { default as Taskbar } from './taskbar.svelte';
11
11
  export { default as Toaster } from './toaster.svelte';
12
12
  export { default as Toast } from './toast.svelte';
13
13
  export { default as NotificationCenter } from './notification-center.svelte';
14
- export { default as Launcher } from './launcher.svelte';
package/dist/os/layers.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * The layer contract for the OS shell.
3
3
  *
4
4
  * The hard rule desktop UIs get wrong: a window's z-index must NEVER be able to
5
- * cover a menu, toast, or the launcher. We guarantee that structurally rather
5
+ * cover a menu, toast, or the taskbar's command dropdown. We guarantee that structurally rather
6
6
  * than by juggling numbers — the `Desktop` surface is an isolated stacking
7
7
  * context (`isolate`), so every window's z-index (1..N, handed out by the
8
8
  * WindowManager) is *contained* within it. OS chrome and portalled overlays
@@ -20,6 +20,4 @@ export declare const LAYER: {
20
20
  readonly notificationCenter: "z-40";
21
21
  /** Toasts — above bits-ui overlays (z-50) so a notification is visible over a dialog. */
22
22
  readonly toast: "z-[55]";
23
- /** Global launcher / spotlight — the topmost transient surface. */
24
- readonly launcher: "z-[60]";
25
23
  };
package/dist/os/layers.js CHANGED
@@ -2,7 +2,7 @@
2
2
  * The layer contract for the OS shell.
3
3
  *
4
4
  * The hard rule desktop UIs get wrong: a window's z-index must NEVER be able to
5
- * cover a menu, toast, or the launcher. We guarantee that structurally rather
5
+ * cover a menu, toast, or the taskbar's command dropdown. We guarantee that structurally rather
6
6
  * than by juggling numbers — the `Desktop` surface is an isolated stacking
7
7
  * context (`isolate`), so every window's z-index (1..N, handed out by the
8
8
  * WindowManager) is *contained* within it. OS chrome and portalled overlays
@@ -19,7 +19,5 @@ export const LAYER = {
19
19
  /** Slide-over notification center — chrome, same band as the taskbar it hangs off. */
20
20
  notificationCenter: 'z-40',
21
21
  /** Toasts — above bits-ui overlays (z-50) so a notification is visible over a dialog. */
22
- toast: 'z-[55]',
23
- /** Global launcher / spotlight — the topmost transient surface. */
24
- launcher: 'z-[60]'
22
+ toast: 'z-[55]'
25
23
  };
package/dist/os/taskbar.svelte CHANGED
@@ -3,7 +3,9 @@
3
3
  import type { HTMLAttributes } from 'svelte/elements';
4
4
  import type { IconProps } from '@lucide/svelte';
5
5
  import { Button } from '../ui/button';
6
- import LayoutGrid from '@lucide/svelte/icons/layout-grid';
6
+ import { CommandBar, type CommandBarItem } from '../ui/command-bar';
7
+ import AppWindowIcon from '@lucide/svelte/icons/app-window';
8
+ import Grid2x2 from '@lucide/svelte/icons/grid-2x2';
7
9
  import Bell from '@lucide/svelte/icons/bell';
8
10
  import { cn } from '../utils/index.js';
9
11
  import { getWindowManager } from './wm.svelte.js';
@@ -14,7 +16,9 @@
14
16
  position = 'bottom',
15
17
  floating = false,
16
18
  pinned = [],
17
- onLauncher,
19
+ showWindows = true,
20
+ commands = [],
21
+ hotkey = ['`', 'Escape'],
18
22
  onNotifications,
19
23
  start,
20
24
  end,
@@ -31,9 +35,15 @@
31
35
  floating?: boolean;
32
36
  /** Pinned launchers — click spawns that app even when it isn't running. */
33
37
  pinned?: { appId: string; title: string; icon?: Component<IconProps> | null }[];
34
- onLauncher?: () => void;
38
+ /** Show the open/minimized window tabs (default true). Hidden, windows
39
+ * stay reachable through the command bar's `windows` view. */
40
+ showWindows?: boolean;
41
+ /** Extra root commands appended to the built-in ones. */
42
+ commands?: CommandBarItem[];
43
+ /** Focus binding(s) for the command bar (default backtick + Escape). */
44
+ hotkey?: string | string[];
35
45
  onNotifications?: () => void;
36
- /** Extra chrome before the launcher button (branding, menus…). */
46
+ /** Extra chrome before the command bar (branding, menus…). */
37
47
  start?: Snippet;
38
48
  /** Extra chrome in the system tray, before the clock. */
39
49
  end?: Snippet;
@@ -73,6 +83,58 @@
73
83
  return () => clearInterval(t);
74
84
  });
75
85
  const time = $derived(now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }));
86
+
87
+ // The command bar owns everything the old spotlight overlay did, and more:
88
+ // every registered app launches from the root view, `windows` drills into
89
+ // the open windows (focus/restore — the recovery path when the window tabs
90
+ // are hidden), and `workspace` drills into numbered workspaces + `new`.
91
+ // Consumer `commands` append after the built-ins.
92
+ const commandItems = $derived.by((): CommandBarItem[] => {
93
+ const apps: CommandBarItem[] = Object.values(wm.apps).map((app) => ({
94
+ value: `app:${app.id}`,
95
+ label: app.title,
96
+ icon: app.icon ?? undefined,
97
+ keywords: [app.id],
98
+ sublabel: 'launch',
99
+ onSelect: () => void wm.open(app.id)
100
+ }));
101
+ const windows: CommandBarItem = {
102
+ value: 'windows',
103
+ label: 'windows',
104
+ icon: AppWindowIcon,
105
+ sublabel: 'focus an open window',
106
+ placeholder: 'which window?',
107
+ items: wm.windows.map((w) => ({
108
+ value: `win:${w.id}`,
109
+ label: w.title,
110
+ icon: w.icon ?? undefined,
111
+ sublabel: w.state === 'minimized' ? 'minimized' : undefined,
112
+ onSelect: () => wm.focus(w.id)
113
+ }))
114
+ };
115
+ const workspaces: CommandBarItem = {
116
+ value: 'workspace',
117
+ label: 'workspace',
118
+ icon: Grid2x2,
119
+ sublabel: 'switch / create',
120
+ placeholder: 'which workspace?',
121
+ items: [
122
+ ...wm.workspaces.map((ws, i) => ({
123
+ value: `ws:${ws.id}`,
124
+ label: `${i + 1} ${ws.name}`,
125
+ keywords: [String(i + 1)],
126
+ onSelect: () => wm.switchWorkspace(ws.id)
127
+ })),
128
+ {
129
+ value: 'ws:new',
130
+ label: 'new',
131
+ sublabel: 'create a workspace',
132
+ onSelect: () => void wm.addWorkspace()
133
+ }
134
+ ]
135
+ };
136
+ return [...apps, windows, workspaces, ...commands];
137
+ });
76
138
  </script>
77
139
 
78
140
  <!-- Flush: three edges touch the shell; the exposed OUTER corners are the two
@@ -103,57 +165,61 @@
103
165
  >
104
166
  {@render start?.()}
105
167
 
106
- <Button icon size="default" aria-label="Open launcher" onclick={onLauncher}>
107
- <LayoutGrid class="size-(--era-h-xs)" />
108
- </Button>
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}
168
+ <!-- The command prompt IS the launcher (backtick / Escape focus it). -->
169
+ <CommandBar class="min-w-32 flex-1" items={commandItems} {hotkey} placeholder="run a command…" />
127
170
 
128
171
  {#if pinned.length}
129
- <div class="flex items-center gap-(--era-gap)">
172
+ <div class="flex shrink-0 items-center gap-(--era-gap)">
130
173
  {#each pinned as p (p.appId)}
131
174
  <Button icon size="default" aria-label={p.title} onclick={() => wm.open(p.appId)}>
132
175
  {#if p.icon}{@const Icon = p.icon}<Icon class="size-(--era-h-xs)" />{/if}
133
176
  </Button>
134
177
  {/each}
135
178
  </div>
136
- <div class="h-1/2 w-px shrink-0 bg-divider-faded"></div>
137
179
  {/if}
138
180
 
139
181
  <!-- Running windows on the active workspace: real Buttons — `active` latches
140
182
  the focused window's pressed face (surface-aware for free), click
141
- focuses / minimises. -->
142
- <div class="scrollbar-none flex min-w-0 flex-1 items-center gap-(--era-gap) overflow-x-auto">
143
- {#each wm.activeWindows as win (win.id)}
144
- <Button
145
- active={wm.focusedId === win.id && win.state !== 'minimized'}
146
- onclick={() => wm.toggleMinimize(win.id)}
147
- class={cn('max-w-48 min-w-0 justify-start', win.state === 'minimized' && 'opacity-60')}
148
- >
149
- {#if win.icon}{@const Icon = win.icon}<Icon class="size-(--era-h-xs) shrink-0" />{/if}
150
- <span class="truncate">{win.title}</span>
151
- </Button>
152
- {/each}
153
- </div>
183
+ focuses / minimises. Optional: hide them and use the command bar's
184
+ `windows` view instead. -->
185
+ {#if showWindows}
186
+ <div
187
+ class="scrollbar-none flex max-w-[40%] min-w-0 shrink-0 items-center gap-(--era-gap) overflow-x-auto"
188
+ >
189
+ {#each wm.activeWindows as win (win.id)}
190
+ <Button
191
+ active={wm.focusedId === win.id && win.state !== 'minimized'}
192
+ onclick={() => wm.toggleMinimize(win.id)}
193
+ class={cn('max-w-48 min-w-0 justify-start', win.state === 'minimized' && 'opacity-60')}
194
+ >
195
+ {#if win.icon}{@const Icon = win.icon}<Icon class="size-(--era-h-xs) shrink-0" />{/if}
196
+ <span class="truncate">{win.title}</span>
197
+ </Button>
198
+ {/each}
199
+ </div>
200
+ {/if}
201
+
202
+ <!-- Numbered workspace switcher, term-style on the right — appears only
203
+ once there's something to switch between. -->
204
+ {#if wm.workspaces.length > 1}
205
+ <div class="flex shrink-0 items-center gap-(--era-gap)">
206
+ {#each wm.workspaces as ws, i (ws.id)}
207
+ <Button
208
+ icon
209
+ size="default"
210
+ active={wm.activeWorkspaceId === ws.id}
211
+ title={ws.name}
212
+ aria-label="Switch to workspace {i + 1} ({ws.name})"
213
+ onclick={() => wm.switchWorkspace(ws.id)}
214
+ >
215
+ {i + 1}
216
+ </Button>
217
+ {/each}
218
+ </div>
219
+ {/if}
154
220
 
155
221
  <!-- System tray -->
156
- <div class="ml-auto flex shrink-0 items-center gap-(--era-gap)">
222
+ <div class="flex shrink-0 items-center gap-(--era-gap)">
157
223
  {@render end?.()}
158
224
  <span class="px-(--era-inset-sm) text-body text-muted tabular-nums">{time}</span>
159
225
  <div class="relative">
package/dist/os/taskbar.svelte.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import type { Component, Snippet } from 'svelte';
2
2
  import type { HTMLAttributes } from 'svelte/elements';
3
3
  import type { IconProps } from '@lucide/svelte';
4
+ import { type CommandBarItem } from '../ui/command-bar';
4
5
  type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
5
6
  /** Which shell edge the bar docks to (default bottom). It registers its
6
7
  * height as that edge's inset, so maximize / drag containment follow. */
@@ -16,9 +17,15 @@ type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
16
17
  title: string;
17
18
  icon?: Component<IconProps> | null;
18
19
  }[];
19
- onLauncher?: () => void;
20
+ /** Show the open/minimized window tabs (default true). Hidden, windows
21
+ * stay reachable through the command bar's `windows` view. */
22
+ showWindows?: boolean;
23
+ /** Extra root commands appended to the built-in ones. */
24
+ commands?: CommandBarItem[];
25
+ /** Focus binding(s) for the command bar (default backtick + Escape). */
26
+ hotkey?: string | string[];
20
27
  onNotifications?: () => void;
21
- /** Extra chrome before the launcher button (branding, menus…). */
28
+ /** Extra chrome before the command bar (branding, menus…). */
22
29
  start?: Snippet;
23
30
  /** Extra chrome in the system tray, before the clock. */
24
31
  end?: Snippet;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@signal9/era-ui",
3
- "version": "1.26.1",
3
+ "version": "2.0.0",
4
4
  "scripts": {
5
5
  "dev": "vite dev --host",
6
6
  "build": "vite build && npm run prepack",
package/dist/os/launcher.svelte DELETED
@@ -1,95 +0,0 @@
1
- <script lang="ts">
2
- import { eraFly } from './motion.js';
3
- import * as Command from '../ui/command';
4
- import Search from '@lucide/svelte/icons/search';
5
- import { cn } from '../utils/index.js';
6
- import { keys, isTextEntryFocused, type KeyBindingMap } from '../utils/hotkeys.js';
7
- import { getWindowManager } from './wm.svelte.js';
8
- import { LAYER } from './layers.js';
9
-
10
- let {
11
- open = $bindable(false),
12
- hotkey
13
- }: {
14
- open?: boolean;
15
- /** Global binding(s) that toggle the launcher (tinykeys grammar, e.g.
16
- * `'$mod+k'`). No default — the taskbar button is the base affordance.
17
- * Escape always closes while open. */
18
- hotkey?: string | string[];
19
- } = $props();
20
-
21
- const wm = getWindowManager();
22
- const apps = $derived(Object.values(wm.apps));
23
- let query = $state('');
24
-
25
- // One central binding map through the shared hotkeys engine ($mod
26
- // normalization, exact-modifier matching, text-entry guard) instead of a
27
- // hand-rolled listener. An empty map (no hotkey, closed) attaches nothing.
28
- const bindings = $derived.by((): KeyBindingMap => {
29
- const map: KeyBindingMap = {};
30
- for (const b of hotkey ? (Array.isArray(hotkey) ? hotkey : [hotkey]) : []) {
31
- map[b] = (e) => {
32
- if (isTextEntryFocused() && !open) return;
33
- e.preventDefault();
34
- open = !open;
35
- };
36
- }
37
- if (open) map['Escape'] = () => (open = false);
38
- return map;
39
- });
40
-
41
- // Reset the query each time it opens so it's fresh.
42
- $effect(() => {
43
- if (open) query = '';
44
- });
45
-
46
- function launch(appId: string) {
47
- wm.open(appId);
48
- open = false;
49
- }
50
- </script>
51
-
52
- <svelte:window use:keys={bindings} />
53
-
54
- {#if open}
55
- <div
56
- class={cn(
57
- 'absolute inset-0 flex items-start justify-center bg-(--era-overlay-bg) px-(--era-pad-md) pt-[15vh]',
58
- LAYER.launcher
59
- )}
60
- >
61
- <button
62
- class="absolute inset-0 cursor-default"
63
- aria-label="Close"
64
- onclick={() => (open = false)}
65
- ></button>
66
-
67
- <!-- The real Command palette, unmodified: Command.Root IS the panel
68
- (chrome, padding, concentric item radii all come from the library).
69
- The wrapper only positions and animates it. Icons at the library's
70
- icon tier (h-xs), same as every other Command composition. -->
71
- <div transition:eraFly={{ y: -12, duration: 160 }} class="relative w-full max-w-lg">
72
- <Command.Root bind:value={query}>
73
- <Command.Input placeholder="Search apps…" icon={Search} autofocus />
74
- <Command.List>
75
- <Command.Viewport>
76
- <Command.Empty>No apps found.</Command.Empty>
77
- <Command.Group>
78
- <Command.GroupHeading>Apps</Command.GroupHeading>
79
- <Command.GroupItems>
80
- {#each apps as app (app.id)}
81
- <Command.Item value={app.title} onSelect={() => launch(app.id)}>
82
- {#if app.icon}{@const Icon = app.icon}<Icon
83
- class="size-(--era-h-xs) shrink-0 text-muted"
84
- />{/if}
85
- <span class="truncate">{app.title}</span>
86
- </Command.Item>
87
- {/each}
88
- </Command.GroupItems>
89
- </Command.Group>
90
- </Command.Viewport>
91
- </Command.List>
92
- </Command.Root>
93
- </div>
94
- </div>
95
- {/if}
package/dist/os/launcher.svelte.d.ts DELETED
@@ -1,10 +0,0 @@
1
- type $$ComponentProps = {
2
- open?: boolean;
3
- /** Global binding(s) that toggle the launcher (tinykeys grammar, e.g.
4
- * `'$mod+k'`). No default — the taskbar button is the base affordance.
5
- * Escape always closes while open. */
6
- hotkey?: string | string[];
7
- };
8
- declare const Launcher: import("svelte").Component<$$ComponentProps, {}, "open">;
9
- type Launcher = ReturnType<typeof Launcher>;
10
- export default Launcher;