@esportsplus/ui 0.57.0 → 0.58.0

package/build/components/tooltip/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.tooltip-menu-panel:after{position:absolute;inset:0}.tooltip:has(>.tooltip-content--morph,>.tooltip-message--morph,>:not(.tooltip)>.tooltip-content--morph,>:not(.tooltip)>.tooltip-message--morph):after{position:absolute;inset:0}.tooltip-menu-panel:after{border-radius:inherit;pointer-events:none}.tooltip:has(>.tooltip-content--morph,>.tooltip-message--morph,>:not(.tooltip)>.tooltip-content--morph,>:not(.tooltip)>.tooltip-message--morph):after{border-radius:inherit;pointer-events:none}.tooltip-shared{color:inherit;pointer-events:none;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:auto;overflow:visible}.tooltip-menu-label,.tooltip-menu-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tooltip--menu{display:inline-block}.tooltip--menu>.tooltip-menu-panel:not(.tooltip-menu-panel--expand){opacity:0;left:0;top:calc(100% + var(--offset));transition:opacity var(--close-duration) var(--open-timing-function), visibility 0s linear var(--close-duration);translate:var(--shift-x,0px) 0;visibility:hidden;z-index:9}.tooltip--menu>.tooltip-menu-panel:not(.tooltip-menu-panel--expand).--active{opacity:1;transition:opacity var(--close-duration) var(--open-timing-function);visibility:visible}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand{--background:inherit;--border-radius:inherit;--box-shadow:inherit;--expand-bleed:24px;--expand-close-fade-delay:.2s;--expand-content-delay:60ms;--expand-content-duration:.15s;--expand-content-timing-function:cubic-bezier(.23, 1, .32, 1);--expand-duration:.4s;--expand-fade-delay:var(--expand-close-fade-delay);--expand-fade-duration:.15s;--expand-offset:8px;--expand-shift:0;--expand-stagger:20ms;--expand-timing-function:linear(0, .072, .22, .382, .529, .651, .747, .82, .874, .913, .94, .96, .973, .982, .988, .992, .995, .997, .998, .999, 1);--offset:0px;--scale:1;--spacer:-100%;--width:inherit;box-shadow:none;clip-path:inset(var(--morph-top) var(--morph-right) var(--morph-bottom) var(--morph-left) round var(--morph-radius));transform:translateX(var(--shift-x,0px));transition:clip-path var(--expand-duration) var(--expand-timing-function), opacity var(--expand-fade-duration) linear var(--expand-fade-delay);background:0 0;overflow:visible}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.--active{--expand-fade-delay:0s;clip-path:inset(calc(var(--expand-bleed) * -1) round calc(var(--border-radius) + var(--expand-bleed)))}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.--active:before{border-radius:var(--border-radius);inset:0}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.--active>:not(.highlight){animation:tooltip-menu-expand-in var(--expand-content-duration) var(--expand-content-timing-function) calc(var(--expand-content-delay) + var(--index,0) * var(--expand-stagger)) backwards;opacity:1}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.--active>:not(.highlight)>*{animation:tooltip-menu-expand-slide var(--expand-content-duration) var(--expand-content-timing-function) calc(var(--expand-content-delay) + var(--index,0) * var(--expand-stagger)) backwards}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.--active.tooltip-menu-panel--settled{clip-path:none}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand:before{background:var(--background);border-radius:var(--morph-radius);box-shadow:var(--box-shadow);content:"";inset:var(--morph-top) var(--morph-right) var(--morph-bottom) var(--morph-left);transition:border-radius var(--expand-duration) var(--expand-timing-function), inset var(--expand-duration) var(--expand-timing-function);z-index:-1;position:absolute}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:not(.highlight){animation:tooltip-menu-expand-out var(--expand-content-duration) var(--expand-content-timing-function);opacity:0}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:first-child{--index:0}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(2){--index:1}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(3){--index:2}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(4){--index:3}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(5){--index:4}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(6){--index:5}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(7){--index:6}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(8){--index:7}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(9){--index:8}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(10){--index:9}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(11){--index:10}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(12){--index:11}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--e,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--en,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--es,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--nw,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--sw{--expand-shift:calc(var(--expand-offset) * -1) 0}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--n{--expand-shift:0 var(--expand-offset)}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--s{--expand-shift:0 calc(var(--expand-offset) * -1)}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--ne,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--se,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--w,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--wn,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--ws{--expand-shift:var(--expand-offset) 0}@media (prefers-reduced-motion:reduce){.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand{--expand-content-delay:0s;--expand-content-duration:0s;--expand-fade-delay:0s;--expand-stagger:0s}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand:before{transition-duration:0s}}.tooltip--menu.tooltip--instant>.tooltip-menu-panel--expand{--expand-content-delay:0s;--expand-content-duration:0s;--expand-duration:0s;--expand-fade-delay:0s;--expand-fade-duration:0s;--expand-stagger:0s}.tooltip-menu-chevron{opacity:.6;height:6px;transition:rotate var(--open-duration) var(--open-timing-function);border:1.5px solid;border-width:0 1.5px 1.5px 0;flex-shrink:0;width:6px;margin-inline:2px;rotate:-45deg}.tooltip-menu-chevron--down{rotate:45deg}.tooltip-menu-entry{position:relative}.tooltip-menu-entry--open{z-index:2}.tooltip-menu-header,.tooltip-menu-item{border-radius:var(--item-border-radius);align-items:center;gap:var(--gap);min-height:var(--item-height);padding-inline:var(--item-padding);display:flex}.tooltip-menu-header{cursor:pointer}.tooltip-menu-hint{color:var(--color-hint);font-size:.75rem}.tooltip-menu-icon{flex-shrink:0;display:inline-flex}.tooltip-menu-item{appearance:none;color:inherit;cursor:pointer;font:inherit;text-align:start;transition:background var(--close-duration) var(--open-timing-function);background:0 0;border:0;outline:none;width:100%;text-decoration:none}.tooltip-menu-item:focus,.tooltip-menu-item:hover{background:var(--background-hover)}.tooltip-menu-item.tooltip-menu-item--danger{color:var(--color-danger)}.tooltip-menu-item:disabled,.tooltip-menu-item[aria-disabled=true]{color:var(--color-disabled);cursor:not-allowed;background:0 0}.tooltip-menu-label,.tooltip-menu-title{flex:1;min-width:0}.tooltip-menu-panel{background:var(--background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--color);font-size:var(--font-size);isolation:isolate;padding:var(--padding);width:var(--width);position:absolute}.tooltip-menu-panel:after{background:var(--scrim);content:"";opacity:0;transition:opacity var(--open-duration) var(--open-timing-function);z-index:1}.tooltip-menu-panel--covered:after{cursor:pointer;opacity:1;pointer-events:auto}.tooltip-menu-entry>.tooltip-menu-panel{clip-path:inset(var(--padding) var(--padding) calc(100% - var(--padding) - var(--item-height)) var(--padding) round var(--item-border-radius));inset-inline:calc(var(--padding) * -1);pointer-events:none;top:calc(var(--padding) * -1);transition:clip-path var(--close-duration) var(--open-timing-function), visibility 0s linear var(--close-duration);visibility:hidden;z-index:2;width:auto}.tooltip-menu-entry>.tooltip-menu-panel.--active{clip-path:inset(-48px round calc(var(--border-radius) + 48px));pointer-events:auto;transition:clip-path var(--open-duration) var(--open-timing-function);visibility:visible}.tooltip-menu-entry>.tooltip-menu-panel.--active.tooltip-menu-panel--settled{clip-path:none}.tooltip-menu-title{display:grid}.tooltip-menu-title-bold,.tooltip-menu-title-regular{text-overflow:ellipsis;transition:opacity var(--open-duration) var(--open-timing-function);grid-area:1/1;overflow:hidden}.tooltip-menu-title-bold{opacity:var(--title-bold-opacity);font-weight:600}.tooltip-menu-title-regular{opacity:var(--title-regular-opacity)}.tooltip-menu-trigger{cursor:pointer}@keyframes tooltip-menu-expand-in{0%{opacity:0}}@keyframes tooltip-menu-expand-out{0%{opacity:1}to{opacity:0}}@keyframes tooltip-menu-expand-slide{0%{translate:var(--expand-shift)}}.tooltip-shared{box-sizing:content-box;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);height:var(--shared-height);translate:var(--shared-x) var(--shared-y);width:var(--shared-width);top:0;left:0}.tooltip-shared:not(.tooltip-shared--gliding) .tooltip-shared-layer{transition:none}.tooltip-shared.--active>.tooltip-shared-box{filter:none;opacity:1;transition:filter var(--open-duration) var(--timing-function), opacity var(--open-duration) var(--timing-function), scale var(--open-duration) var(--timing-function), translate var(--open-duration) var(--timing-function);translate:0;scale:1}.tooltip-shared.tooltip-shared--instant>.tooltip-shared-box{transition:none}.tooltip-shared--e{padding-left:var(--spacer)}.tooltip-shared--gliding{transition:height var(--glide-duration) var(--glide-timing-function), translate var(--glide-duration) var(--glide-timing-function), width var(--glide-duration) var(--glide-timing-function)}.tooltip-shared--interactive.--active{pointer-events:auto}.tooltip-shared--n{padding-bottom:var(--spacer)}.tooltip-shared--s{padding-top:var(--spacer)}.tooltip-shared--w{padding-right:var(--spacer)}.tooltip-shared-box{background:var(--background);border-radius:var(--radius);box-shadow:var(--box-shadow);filter:blur(var(--blur));opacity:0;height:100%;scale:var(--scale);transition:filter var(--close-duration) var(--timing-function), opacity var(--close-duration) var(--timing-function), scale var(--close-duration) var(--timing-function), translate var(--close-duration) var(--timing-function);translate:var(--box-translate);display:block;position:relative;overflow:hidden}.tooltip-shared-layer{max-width:var(--max-width);padding:var(--padding);white-space:var(--white-space);width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tooltip-shared-layer strong{--color:inherit}.tooltip{--safe-color:transparent}.tooltip-content,.tooltip-message{--background:var(--background-default);--background-default:transparent;--border-radius:var(--border-radius-400);--box-shadow:var(--box-shadow-400);--max-width:calc(90vw - (var(--size-700) * 2));--min-width:auto;--offset:calc(var(--spacer) * 2);--scale:1;--spacer:var(--size-300);--width:auto}.tooltip-content--morph,.tooltip-message--morph{--morph-blur:4px;--morph-close-duration:.16s;--morph-focus-timing-function:cubic-bezier(.25, .1, .25, 1);--morph-land:2px;--morph-open-duration:.12s;--morph-timing-function:cubic-bezier(.2, 0, 0, 1);--offset:0px;--scale:1}.tooltip-content--scale,.tooltip-message--scale{--offset:var(--spacer);--scale:.88}.tooltip-content--scale-spring,.tooltip-message--scale-spring{--offset:var(--spacer);--scale:.88;--transition-duration:.24s;--transition-timing-function:cubic-bezier(.34, 1.56, .64, 1)}.tooltip-content--spring,.tooltip-message--spring{--offset:calc(var(--spacer) * 3);--scale:.96;--transition-duration:.24s;--transition-timing-function:cubic-bezier(.34, 1.56, .64, 1)}.tooltip-arrow{--rotate:0deg}.tooltip-content[role=menu]{--option-focus-background:color-mix(in srgb, currentColor 12%, transparent)}.tooltip-message{--background-default:var(--color-black-400);--color:var(--color-white-400);--font-size:var(--font-size-300);--font-weight:var(--font-weight-400);--padding-horizontal:var(--size-300);--padding-vertical:var(--size-300)}.tooltip--menu{--background:var(--color-white-400);--background-hover:var(--color-grey-500);--border-radius:var(--border-radius-600);--box-shadow:var(--box-shadow-500);--close-duration:.12s;--color:var(--color-text-500);--color-danger:var(--color-red-400);--color-disabled:var(--color-text-300);--color-hint:var(--color-text-300);--font-size:.875rem;--gap:var(--size-200);--item-border-radius:var(--border-radius-400);--item-height:36px;--item-padding:var(--size-200);--offset:var(--size-200);--open-duration:.28s;--open-timing-function:cubic-bezier(.2, 0, 0, 1);--padding:4px;--scrim:oklch(from var(--color-black-400) l c h / .08);--width:17rem}.tooltip--menu.tooltip--instant{--close-duration:0s;--open-duration:0s}@media (pointer:coarse){.tooltip--menu{--item-height:44px}}@media (prefers-reduced-motion:reduce){.tooltip--menu{--close-duration:0s;--open-duration:0s}}.tooltip-menu-panel{--title-bold-opacity:0;--title-regular-opacity:1}.tooltip-menu-panel.--active{--title-bold-opacity:1;--title-regular-opacity:0}.tooltip-shared{--background:var(--color-black-400);--blur:7px;--box-shadow:var(--box-shadow-400);--close-duration:.128s;--color:var(--color-white-400);--font-size:var(--font-size-300);--font-weight:var(--font-weight-400);--glide-duration:.4s;--glide-timing-function:cubic-bezier(.22, 1.12, .36, 1);--max-width:calc(90vw - (var(--size-700) * 2));--open-duration:.16s;--padding:var(--size-300);--radius:var(--border-radius-400);--rise:4px;--scale:.94;--spacer:var(--size-300);--timing-function:cubic-bezier(.23, 1, .32, 1);--white-space:nowrap}.tooltip-shared--e{--box-translate:calc(var(--rise) * -1) 0}.tooltip-shared--interactive{--white-space:normal}.tooltip-shared--n{--box-translate:0 var(--rise)}.tooltip-shared--s{--box-translate:0 calc(var(--rise) * -1)}.tooltip-shared--w{--box-translate:var(--rise) 0}@media (prefers-reduced-motion:reduce){.tooltip-shared{--blur:0px;--glide-duration:0s;--rise:0px;--scale:1}}.tooltip{cursor:pointer;z-index:0;position:relative}.tooltip.--active:before{background:var(--safe-color);clip-path:var(--safe-area);content:"";height:var(--safe-height);left:var(--safe-left);top:var(--safe-top);width:var(--safe-width);z-index:-3;position:absolute}.tooltip.--active :not(.tooltip) .tooltip-arrow,.tooltip.--active>.tooltip-arrow{scale:-1 1}.tooltip.--active,.tooltip:not(.--active):hover{z-index:9}.tooltip--context,.tooltip--menu{cursor:inherit}.tooltip--morphing{filter:url(#tooltip-morph-goo)}.tooltip:has(>.tooltip-content--morph,>.tooltip-message--morph,>:not(.tooltip)>.tooltip-content--morph,>:not(.tooltip)>.tooltip-message--morph):after{background:inherit;content:"";z-index:-1;display:block}.tooltip-arrow{rotate:var(--rotate);margin-inline:-1px}.tooltip-content,.tooltip-message{background:var(--background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:var(--max-width);min-width:var(--min-width);opacity:0;scale:var(--scale);transition:opacity var(--transition-duration) var(--transition-timing-function), scale var(--transition-duration) var(--transition-timing-function), translate var(--transition-duration) var(--transition-timing-function);width:var(--width);z-index:9;overflow:hidden}.tooltip.--active>.tooltip-content,.tooltip.--active :not(.tooltip)>.tooltip-content,.tooltip.--active>.tooltip-message,.tooltip.--active :not(.tooltip)>.tooltip-message{opacity:1;scale:1}.tooltip:not(.--active)>.tooltip-content,.tooltip:not(.--active)>.tooltip-content *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content *,.tooltip:not(.--active)>.tooltip-message,.tooltip:not(.--active)>.tooltip-message *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message *{pointer-events:none}.tooltip-content:where(.tooltip.tooltip--instant>*,.tooltip.tooltip--instant :not(.tooltip)>*),.tooltip-message:where(.tooltip.tooltip--instant>*,.tooltip.tooltip--instant :not(.tooltip)>*){transition:none}.tooltip-content--context,.tooltip-message--context{position:absolute}.tooltip-content--c,.tooltip-message--c{transform-origin:50%;position:absolute;bottom:50%;right:50%;translate:50% 50%}.tooltip-content--en,.tooltip-content--es,.tooltip-message--en,.tooltip-message--es{left:calc(100% + var(--spacer) - var(--offset));position:absolute}.tooltip.--active>.tooltip-content--en,.tooltip.--active :not(.tooltip)>.tooltip-content--en,.tooltip.--active>.tooltip-content--es,.tooltip.--active :not(.tooltip)>.tooltip-content--es,.tooltip.--active>.tooltip-message--en,.tooltip.--active :not(.tooltip)>.tooltip-message--en,.tooltip.--active>.tooltip-message--es,.tooltip.--active :not(.tooltip)>.tooltip-message--es{translate:var(--offset)}.tooltip-content--e,.tooltip-message--e{bottom:50%;left:calc(100% + var(--spacer) - var(--offset));transform-origin:0;position:absolute;translate:0 50%}.tooltip.--active>.tooltip-content--e,.tooltip.--active :not(.tooltip)>.tooltip-content--e,.tooltip.--active>.tooltip-message--e,.tooltip.--active :not(.tooltip)>.tooltip-message--e{translate:var(--offset) 50%}.tooltip-content--en,.tooltip-message--en{transform-origin:0 0;top:0}.tooltip-content--es,.tooltip-message--es{transform-origin:0 100%;bottom:0}.tooltip-content--ne,.tooltip-content--nw,.tooltip-message--ne,.tooltip-message--nw{bottom:calc(100% + var(--spacer) - var(--offset));position:absolute}.tooltip.--active>.tooltip-content--ne,.tooltip.--active :not(.tooltip)>.tooltip-content--ne,.tooltip.--active>.tooltip-content--nw,.tooltip.--active :not(.tooltip)>.tooltip-content--nw,.tooltip.--active>.tooltip-message--ne,.tooltip.--active :not(.tooltip)>.tooltip-message--ne,.tooltip.--active>.tooltip-message--nw,.tooltip.--active :not(.tooltip)>.tooltip-message--nw{translate:0 calc(var(--offset) * -1)}.tooltip-content--n,.tooltip-message--n{bottom:calc(100% + var(--spacer) - var(--offset));transform-origin:bottom;position:absolute;right:50%;translate:50%}.tooltip.--active>.tooltip-content--n,.tooltip.--active :not(.tooltip)>.tooltip-content--n,.tooltip.--active>.tooltip-message--n,.tooltip.--active :not(.tooltip)>.tooltip-message--n{translate:50% calc(var(--offset) * -1)}.tooltip-content--ne,.tooltip-message--ne{transform-origin:100% 100%;right:0}.tooltip-content--nw,.tooltip-message--nw{transform-origin:0 100%;left:0}.tooltip-content--se,.tooltip-content--sw,.tooltip-message--se,.tooltip-message--sw{top:calc(100% + var(--spacer) - var(--offset));position:absolute}.tooltip.--active>.tooltip-content--se,.tooltip.--active :not(.tooltip)>.tooltip-content--se,.tooltip.--active>.tooltip-content--sw,.tooltip.--active :not(.tooltip)>.tooltip-content--sw,.tooltip.--active>.tooltip-message--se,.tooltip.--active :not(.tooltip)>.tooltip-message--se,.tooltip.--active>.tooltip-message--sw,.tooltip.--active :not(.tooltip)>.tooltip-message--sw{translate:0 var(--offset)}.tooltip-content--s,.tooltip-message--s{right:50%;top:calc(100% + var(--spacer) - var(--offset));transform-origin:top;position:absolute;translate:50%}.tooltip.--active>.tooltip-content--s,.tooltip.--active :not(.tooltip)>.tooltip-content--s,.tooltip.--active>.tooltip-message--s,.tooltip.--active :not(.tooltip)>.tooltip-message--s{translate:50% var(--offset)}.tooltip-content--se,.tooltip-message--se{transform-origin:100% 0;right:0}.tooltip-content--sw,.tooltip-message--sw{transform-origin:0 0;left:0}.tooltip-content--wn,.tooltip-content--ws,.tooltip-message--wn,.tooltip-message--ws{right:calc(100% + var(--spacer) - var(--offset));position:absolute}.tooltip.--active>.tooltip-content--wn,.tooltip.--active :not(.tooltip)>.tooltip-content--wn,.tooltip.--active>.tooltip-content--ws,.tooltip.--active :not(.tooltip)>.tooltip-content--ws,.tooltip.--active>.tooltip-message--wn,.tooltip.--active :not(.tooltip)>.tooltip-message--wn,.tooltip.--active>.tooltip-message--ws,.tooltip.--active :not(.tooltip)>.tooltip-message--ws{translate:calc(var(--offset) * -1)}.tooltip-content--w,.tooltip-message--w{bottom:50%;right:calc(100% + var(--spacer) - var(--offset));transform-origin:100%;position:absolute;translate:0 50%}.tooltip.--active>.tooltip-content--w,.tooltip.--active :not(.tooltip)>.tooltip-content--w,.tooltip.--active>.tooltip-message--w,.tooltip.--active :not(.tooltip)>.tooltip-message--w{translate:calc(var(--offset) * -1) 50%}.tooltip-content--wn,.tooltip-message--wn{transform-origin:100% 0;top:0}.tooltip-content--ws,.tooltip-message--ws{transform-origin:100% 100%;bottom:0}.tooltip-content--morph,.tooltip-message--morph{animation:tooltip-morph-close var(--morph-close-duration) linear;box-shadow:none;clip-path:inset(var(--morph-top) var(--morph-right) var(--morph-bottom) var(--morph-left) round var(--morph-radius));filter:blur(var(--morph-blur));opacity:1;transition:filter var(--morph-close-duration) cubic-bezier(.16, 1, .3, 1), visibility 0s linear var(--morph-close-duration);visibility:hidden;z-index:-2;background:0 0;overflow:visible}.tooltip-content--morph:before,.tooltip-message--morph:before{background:var(--background);content:"";inset:min(var(--morph-blur) * -3, var(--morph-top) - var(--morph-land)) min(var(--morph-blur) * -3, var(--morph-right) - var(--morph-land)) min(var(--morph-blur) * -3, var(--morph-bottom) - var(--morph-land)) min(var(--morph-blur) * -3, var(--morph-left) - var(--morph-land));z-index:-1;position:absolute}.tooltip.--active>.tooltip-content--morph,.tooltip.--active :not(.tooltip)>.tooltip-content--morph,.tooltip.--active>.tooltip-message--morph,.tooltip.--active :not(.tooltip)>.tooltip-message--morph{clip-path:inset(0 round var(--border-radius));filter:none;transition:clip-path var(--morph-open-duration) var(--morph-timing-function), filter var(--morph-open-duration) var(--morph-focus-timing-function);visibility:visible;animation:none}.tooltip-message{color:var(--color);cursor:auto;font-size:var(--font-size);font-weight:var(--font-weight);padding-block:var(--padding-vertical);padding-inline:var(--padding-horizontal);pointer-events:none;white-space:nowrap}@keyframes tooltip-morph-close{0%{clip-path:inset(0 round var(--border-radius));animation-timing-function:cubic-bezier(.3,0,.2,1)}55%{clip-path:inset(calc(var(--morph-top) - var(--morph-land)) calc(var(--morph-right) - var(--morph-land)) calc(var(--morph-bottom) - var(--morph-land)) calc(var(--morph-left) - var(--morph-land)) round calc(var(--morph-radius) + var(--morph-land)))}80%{clip-path:inset(calc(var(--morph-top) - var(--morph-land)) calc(var(--morph-right) - var(--morph-land)) calc(var(--morph-bottom) - var(--morph-land)) calc(var(--morph-left) - var(--morph-land)) round calc(var(--morph-radius) + var(--morph-land)));animation-timing-function:cubic-bezier(.4,0,.2,1)}to{clip-path:inset(var(--morph-top) var(--morph-right) var(--morph-bottom) var(--morph-left) round var(--morph-radius))}}}
+@layer components{.tooltip-menu-panel:after{position:absolute;inset:0}.tooltip:has(>.tooltip-content--morph,>.tooltip-message--morph,>:not(.tooltip)>.tooltip-content--morph,>:not(.tooltip)>.tooltip-message--morph):after{position:absolute;inset:0}.tooltip-menu-panel:after{border-radius:inherit;pointer-events:none}.tooltip:has(>.tooltip-content--morph,>.tooltip-message--morph,>:not(.tooltip)>.tooltip-content--morph,>:not(.tooltip)>.tooltip-message--morph):after{border-radius:inherit;pointer-events:none}.tooltip-menu-label,.tooltip-menu-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@keyframes text-gradient{to{background-position:var(--background-size) 0}}@keyframes text-line-shadow{0%{background-position:0 0}to{background-position:100% -100%}}@keyframes text-shiny{0%,90%,to{background-position:calc(-100% - var(--shine-width)) 0}30%,60%{background-position:calc(100% + var(--shine-width)) 0}}.tooltip--menu{display:inline-block}.tooltip--menu.tooltip--instant>.tooltip-menu-panel--expand,.tooltip--menu.tooltip--instant>.tooltip-menu-panel--expand.--active{--expand-content-delay:0s;--expand-content-duration:0s;--expand-duration:0s;--expand-fade-delay:0s;--expand-fade-duration:0s;--expand-stagger:0s}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand{--background-default:var(--surface-background-default);--border-radius:inherit;--box-shadow-default:var(--surface-shadow-default);--expand-bleed:24px;--expand-close-fade-delay:calc(var(--expand-duration) / 2);--expand-content-delay:60ms;--expand-content-duration:var(--duration-fast);--expand-content-timing-function:var(--easing-spring);--expand-duration:var(--duration-moderate-exit);--expand-fade-delay:var(--expand-close-fade-delay);--expand-fade-duration:var(--duration-fast-exit);--expand-offset:var(--size-100);--expand-shift:0;--expand-stagger:20ms;--expand-timing-function:var(--easing-spring);--offset:0px;--scale:1;--spacer:-100%;--width:inherit;box-shadow:none;clip-path:inset(var(--morph-top) var(--morph-right) var(--morph-bottom) var(--morph-left) round var(--morph-radius));transform:translateX(var(--shift-x,0px));transition:clip-path var(--expand-duration) var(--expand-timing-function), opacity var(--expand-fade-duration) linear var(--expand-fade-delay);background:0 0;overflow:visible}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.--active{--expand-duration:var(--duration-moderate);--expand-fade-delay:0s;--expand-fade-duration:var(--duration-fast);clip-path:inset(calc(var(--expand-bleed) * -1) round calc(var(--border-radius) + var(--expand-bleed)))}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.--active.tooltip-menu-panel--settled{clip-path:none}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.--active:before{border-radius:var(--border-radius);inset:0}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.--active>:not(.highlight){animation:tooltip-menu-expand-in var(--expand-content-duration) var(--expand-content-timing-function) calc(var(--expand-content-delay) + var(--index,0) * var(--expand-stagger)) backwards;opacity:1}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.--active>:not(.highlight)>*{animation:tooltip-menu-expand-slide var(--expand-content-duration) var(--expand-content-timing-function) calc(var(--expand-content-delay) + var(--index,0) * var(--expand-stagger)) backwards}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand:before{background:var(--background);border-radius:var(--morph-radius);box-shadow:var(--box-shadow);content:"";inset:var(--morph-top) var(--morph-right) var(--morph-bottom) var(--morph-left);transition:border-radius var(--expand-duration) var(--expand-timing-function), inset var(--expand-duration) var(--expand-timing-function);z-index:-1;position:absolute}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:not(.highlight){animation:tooltip-menu-expand-out var(--expand-content-duration) var(--expand-content-timing-function);opacity:0}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:first-child{--index:0}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(2){--index:1}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(3){--index:2}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(4){--index:3}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(5){--index:4}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(6){--index:5}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(7){--index:6}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(8){--index:7}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(9){--index:8}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(10){--index:9}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(11){--index:10}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand>:nth-child(12){--index:11}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--e,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--en,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--es,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--nw,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--sw{--expand-shift:calc(var(--expand-offset) * -1) 0}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--n{--expand-shift:0 var(--expand-offset)}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--s{--expand-shift:0 calc(var(--expand-offset) * -1)}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--ne,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--se,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--w,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--wn,.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.tooltip-content--ws{--expand-shift:var(--expand-offset) 0}@media (prefers-reduced-motion:reduce){.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand{--expand-content-delay:0s;--expand-duration:0s;--expand-fade-delay:0s;--expand-offset:0px;--expand-stagger:0s}.tooltip--menu>.tooltip-menu-panel.tooltip-menu-panel--expand.--active{--expand-duration:0s}}.tooltip--menu>.tooltip-menu-panel:not(.tooltip-menu-panel--expand){opacity:0;left:0;top:calc(100% + var(--offset));transition:opacity var(--close-duration) var(--open-timing-function), visibility 0s linear var(--close-duration);translate:var(--shift-x,0px) 0;visibility:hidden;z-index:9}.tooltip--menu>.tooltip-menu-panel:not(.tooltip-menu-panel--expand).--active{opacity:1;transition:opacity var(--close-duration) var(--open-timing-function);visibility:visible}.tooltip-menu-chevron{height:6px;margin-inline:calc(var(--size-100) / 4);opacity:.6;transition:rotate var(--open-duration) var(--open-timing-function);border:1.5px solid;border-width:0 1.5px 1.5px 0;flex-shrink:0;width:6px;rotate:-45deg}.tooltip-menu-chevron--down{rotate:45deg}.tooltip-menu-entry{position:relative}.tooltip-menu-entry>.tooltip-menu-panel{clip-path:inset(var(--padding) var(--padding) calc(100% - var(--padding) - var(--item-height)) var(--padding) round var(--item-border-radius));inset-inline:calc(var(--padding) * -1);pointer-events:none;top:calc(var(--padding) * -1);transition:clip-path var(--close-duration) var(--open-timing-function), visibility 0s linear var(--close-duration);visibility:hidden;z-index:2;width:auto}.tooltip-menu-entry>.tooltip-menu-panel.--active{clip-path:inset(-48px round calc(var(--border-radius) + 48px));pointer-events:auto;transition:clip-path var(--open-duration) var(--open-timing-function);visibility:visible}.tooltip-menu-entry>.tooltip-menu-panel.--active.tooltip-menu-panel--settled{clip-path:none}.tooltip-menu-entry--open{z-index:2}.tooltip-menu-header{cursor:pointer}.tooltip-menu-header,.tooltip-menu-item{border-radius:var(--item-border-radius);align-items:center;gap:var(--gap);min-height:var(--item-height);padding-inline:var(--item-padding);display:flex}.tooltip-menu-hint{color:var(--color-hint);font-size:var(--font-size-300)}.tooltip-menu-icon{flex-shrink:0;display:inline-flex}.tooltip-menu-item{appearance:none;background:var(--background);color:inherit;cursor:pointer;font:inherit;text-align:start;transition:background var(--duration-fast) var(--easing-spring);border:0;outline:none;width:100%;text-decoration:none}.tooltip-menu-item.tooltip-menu-item--danger{color:var(--color-danger)}.tooltip-menu-item:disabled,.tooltip-menu-item[aria-disabled=true]{--background-hover:var(--background-default);--background-pressed:var(--background-default);color:var(--color-disabled);cursor:not-allowed}.tooltip-menu-item:focus{--background:var(--background-hover)}.tooltip-menu-label,.tooltip-menu-title{flex:1;min-width:0}.tooltip-menu-panel{background:var(--background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);color:var(--color);font-size:var(--font-size);isolation:isolate;padding:var(--padding);width:var(--width);position:absolute}.tooltip-menu-panel--covered:after{cursor:pointer;opacity:1;pointer-events:auto}.tooltip-menu-panel:after{background:var(--scrim);content:"";opacity:0;transition:opacity var(--open-duration) var(--open-timing-function);z-index:1}.tooltip-menu-title{display:grid}.tooltip-menu-title-bold{font-weight:var(--font-weight-600);opacity:var(--title-bold-opacity)}.tooltip-menu-title-bold,.tooltip-menu-title-regular{text-overflow:ellipsis;transition:opacity var(--open-duration) var(--open-timing-function);grid-area:1/1;overflow:hidden}.tooltip-menu-title-regular{opacity:var(--title-regular-opacity)}.tooltip-menu-trigger{cursor:pointer}@media (prefers-reduced-motion:reduce){.tooltip-menu-chevron,.tooltip-menu-entry>.tooltip-menu-panel,.tooltip-menu-entry>.tooltip-menu-panel.--active{transition-duration:0s}}@keyframes tooltip-menu-expand-in{0%{opacity:0}}@keyframes tooltip-menu-expand-out{0%{opacity:1}to{opacity:0}}@keyframes tooltip-menu-expand-slide{0%{translate:var(--expand-shift)}}.tooltip-shared{color:var(--color);pointer-events:none;box-sizing:content-box;font-size:var(--font-size);font-weight:var(--font-weight);height:var(--shared-height);translate:var(--shared-x) var(--shared-y);width:var(--shared-width);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0 auto auto 0;overflow:visible}.tooltip-shared:not(.tooltip-shared--gliding) .tooltip-shared-layer{transition:none}.tooltip-shared.--active>.tooltip-shared-box{filter:none;opacity:1;transition:filter var(--open-duration) var(--timing-function), opacity var(--open-duration) var(--timing-function), scale var(--open-duration) var(--timing-function), translate var(--open-duration) var(--timing-function);translate:0;scale:1}.tooltip-shared--e{padding-left:var(--spacer)}.tooltip-shared--gliding{transition:height var(--glide-duration) var(--glide-timing-function), translate var(--glide-duration) var(--glide-timing-function), width var(--glide-duration) var(--glide-timing-function)}.tooltip-shared--interactive.--active{pointer-events:auto}.tooltip-shared--n{padding-bottom:var(--spacer)}.tooltip-shared--s{padding-top:var(--spacer)}.tooltip-shared--w{padding-right:var(--spacer)}.tooltip-shared-box{background:var(--background);border-radius:var(--radius);box-shadow:var(--box-shadow);filter:blur(var(--blur));opacity:0;height:100%;scale:var(--scale);transition:filter var(--close-duration) var(--timing-function), opacity var(--close-duration) var(--timing-function), scale var(--close-duration) var(--timing-function), translate var(--close-duration) var(--timing-function);translate:var(--box-translate);display:block;position:relative;overflow:hidden}.tooltip-shared-layer{max-width:var(--max-width);padding:var(--padding);white-space:var(--white-space);width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tooltip-shared-layer strong{--color:inherit}.tooltip-shared.tooltip-shared--instant>.tooltip-shared-box{transition:none}.tooltip-content,.tooltip-message,.tooltip-menu-panel,.tooltip-shared{--surface-shadow-weight:6;--surface-background-active:light-dark(oklch(from var(--surface-background-default) calc(l + .01) c h),oklch(from var(--surface-background-default) calc(l + .02) c h));--surface-background-default:light-dark(oklch(from var(--color-surface) clamp(0, l + max(var(--surface-level), 0) * .01 + min(var(--surface-level), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(var(--surface-level), 0) * .01 + min(var(--surface-level), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(var(--surface-level), 0) * .02 + min(var(--surface-level), 0) * .02, l + .12) calc(c * clamp(0, l + max(var(--surface-level), 0) * .02 + min(var(--surface-level), 0) * .02, l + .12) / max(l, .01)) h));--surface-background-hover:light-dark(oklch(from var(--surface-background-default) calc(l + .005) c h),oklch(from var(--surface-background-default) calc(l + .01) c h));--surface-background-pressed:light-dark(oklch(from var(--surface-background-default) calc(l - .02) c h),oklch(from var(--surface-background-default) calc(l - .04) c h));--surface-border-active:light-dark(oklch(from var(--surface-background-active) max(0, l - .04) c h),oklch(from var(--surface-background-active) min(1, l + .06) c h));--surface-border-default:light-dark(oklch(from var(--surface-background-default) max(0, l - .04) c h),oklch(from var(--surface-background-default) min(1, l + .06) c h));--surface-border-hover:light-dark(oklch(from var(--surface-background-hover) max(0, l - .04) c h),oklch(from var(--surface-background-hover) min(1, l + .06) c h));--surface-border-pressed:light-dark(oklch(from var(--surface-background-pressed) max(0, l - .04) c h),oklch(from var(--surface-background-pressed) min(1, l + .06) c h));--surface-shadow-active:var(--surface-shadow-hover);--surface-shadow-color:light-dark(oklch(from var(--surface-background-default) calc(l * .24) calc(c * .24) h / .08),oklch(from var(--surface-background-default) calc(l * .24) calc(c * .24) h / .16));--surface-shadow-cast:light-dark(oklch(from light-dark(oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) calc(c * clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) / max(l, .01)) h)) calc(l * .24) calc(c * .24) h / .08),oklch(from light-dark(oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1) calc(c * (1 - clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .01 + min(calc(var(--surface-level) - 1), 0) * .01, 1)) / max(1 - l, .01)) h),oklch(from var(--color-surface) clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) calc(c * clamp(0, l + max(calc(var(--surface-level) - 1), 0) * .02 + min(calc(var(--surface-level) - 1), 0) * .02, l + .12) / max(l, .01)) h)) calc(l * .24) calc(c * .24) h / .16));--surface-shadow-default:0 calc((0 + 1 * clamp(0, var(--surface-shadow-weight) - 0, 1) + 3 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 6 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 10 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 5 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, var(--surface-shadow-weight) - 1, 1) + 1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 3 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 9 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 10 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 25 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -7 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, var(--surface-shadow-weight) - 0, 1) + .05 * clamp(0, var(--surface-shadow-weight) - 2, 1) + .15 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 4 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -8 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, var(--surface-shadow-weight) - 2, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 3, 1) + 2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + 4 * clamp(0, var(--surface-shadow-weight) - 5, 1) + -10 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + -1 * clamp(0, var(--surface-shadow-weight) - 3, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 4, 1) + -2 * clamp(0, var(--surface-shadow-weight) - 5, 1) + 6 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, var(--surface-shadow-weight) - 2, 1) + -.1 * clamp(0, var(--surface-shadow-weight) - 6, 1)) * 10));--surface-shadow-hover:0 calc((0 + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 0, 1) + 3 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 6 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 5 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 1, 1) + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 3 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 9 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 25 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -7 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 0, 1) + .05 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + .15 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 4 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -8 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + 2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + 4 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + -10 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + -1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 3, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 4, 1) + -2 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 5, 1) + 6 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 2, 1) + -.1 * clamp(0, min(var(--surface-shadow-weight) + 1, 7) - 6, 1)) * 10));--surface-shadow-pressed:0 calc((0 + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 0, 1) + 3 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 6 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 5 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 1, 1) + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 3 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 9 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 25 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -7 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .05 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 0, 1) + .05 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + .15 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 10)), 0 calc((0 + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 4 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -8 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + 2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + 4 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + -10 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) calc((0 + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + -1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 3, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 4, 1) + -2 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 5, 1) + 6 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 1px) oklch(from var(--surface-shadow-cast) l c h / calc(alpha * (0 + .1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 2, 1) + -.1 * clamp(0, max(var(--surface-shadow-weight) - 1, 0) - 6, 1)) * 10))}@container style(--surface-level:-3){.tooltip-content,.tooltip-message,.tooltip-menu-panel,.tooltip-shared{--surface-level:-2;--surface-shadow-weight:0}}@container style(--surface-level:-2){.tooltip-content,.tooltip-message,.tooltip-menu-panel,.tooltip-shared{--surface-level:-1;--surface-shadow-weight:0}}@container style(--surface-level:-1){.tooltip-content,.tooltip-message,.tooltip-menu-panel,.tooltip-shared{--surface-level:0;--surface-shadow-weight:0}}@container style(--surface-level:0){.tooltip-content,.tooltip-message,.tooltip-menu-panel,.tooltip-shared{--surface-level:1;--surface-shadow-weight:1}}@container style(--surface-level:1){.tooltip-content,.tooltip-message,.tooltip-menu-panel,.tooltip-shared{--surface-level:2;--surface-shadow-weight:2}}@container style(--surface-level:2){.tooltip-content,.tooltip-message,.tooltip-menu-panel,.tooltip-shared{--surface-level:3;--surface-shadow-weight:3}}@container style(--surface-level:3){.tooltip-content,.tooltip-message,.tooltip-menu-panel,.tooltip-shared{--surface-level:4;--surface-shadow-weight:4}}@container style(--surface-level:4){.tooltip-content,.tooltip-message,.tooltip-menu-panel,.tooltip-shared{--surface-level:5;--surface-shadow-weight:5}}@container style(--surface-level:5){.tooltip-content,.tooltip-message,.tooltip-menu-panel,.tooltip-shared{--surface-level:6;--surface-shadow-weight:6}}.tooltip-content,.tooltip-message,.tooltip-menu-item,.tooltip-menu-panel,.tooltip-shared{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default)}.--active.tooltip-content,.--active.tooltip-message,.--active.tooltip-menu-item,.--active.tooltip-menu-panel,.--active.tooltip-shared{--background:var(--background-active)}.tooltip-content:not(.--active):hover,.tooltip-message:not(.--active):hover,.tooltip-menu-item:not(.--active):hover,.tooltip-menu-panel:not(.--active):hover,.tooltip-shared:not(.--active):hover{--background:var(--background-hover)}.tooltip-content:not(.--active):active,.tooltip-message:not(.--active):active,.tooltip-menu-item:not(.--active):active,.tooltip-menu-panel:not(.--active):active,.tooltip-shared:not(.--active):active{--background:var(--background-pressed)}.tooltip-content,.tooltip-message,.tooltip-menu-panel,.tooltip-shared{--box-shadow:var(--box-shadow-default);--box-shadow-active:var(--box-shadow-default);--box-shadow-default:none;--box-shadow-hover:var(--box-shadow-default);--box-shadow-pressed:var(--box-shadow-default)}.--active.tooltip-content,.--active.tooltip-message,.--active.tooltip-menu-panel,.--active.tooltip-shared{--box-shadow:var(--box-shadow-active)}.tooltip-content:not(.--active):hover,.tooltip-message:not(.--active):hover,.tooltip-menu-panel:not(.--active):hover,.tooltip-shared:not(.--active):hover{--box-shadow:var(--box-shadow-hover)}.tooltip-content:not(.--active):active,.tooltip-message:not(.--active):active,.tooltip-menu-panel:not(.--active):active,.tooltip-shared:not(.--active):active{--box-shadow:var(--box-shadow-pressed)}.tooltip{--safe-color:transparent}.tooltip-arrow{--rotate:0deg}.tooltip-content,.tooltip-message{--border-radius:var(--border-radius-400);--box-shadow-default:var(--surface-shadow-default);--max-width:calc(90vw - (var(--size-700) * 2));--min-width:auto;--offset:calc(var(--spacer) * 2);--scale:1;--spacer:var(--size-300);--transition-duration:var(--duration-moderate-exit);--transition-timing-function:var(--easing-spring);--width:auto}.tooltip-content--morph,.tooltip-message--morph{--morph-blur:var(--blur-400);--morph-close-duration:var(--duration-moderate-exit);--morph-focus-timing-function:cubic-bezier(.25, .1, .25, 1);--morph-land:2px;--morph-open-duration:var(--duration-moderate);--morph-timing-function:var(--easing-spring);--offset:0px;--scale:1}.tooltip-content--scale,.tooltip-message--scale,.tooltip-content--scale-spring,.tooltip-message--scale-spring{--offset:var(--spacer);--scale:.88}.tooltip-content--spring,.tooltip-message--spring{--offset:calc(var(--spacer) * 3);--scale:.96}.tooltip-content[role=menu]{--option-focus-background:color-mix(in srgb, currentColor 12%, transparent)}.tooltip-message{--background-default:var(--color-primary-400);--color:var(--surface-background-default);--font-size:var(--font-size-300);--font-weight:var(--font-weight-400);--padding-horizontal:var(--size-300);--padding-vertical:var(--size-300)}.tooltip--menu{--border-radius:var(--border-radius-600);--close-duration:var(--duration-moderate-exit);--color:var(--color-text-500);--color-danger:var(--color-red-400);--color-disabled:var(--color-text-300);--color-hint:var(--color-text-300);--font-size:var(--font-size-300);--gap:var(--size-200);--item-border-radius:var(--border-radius-400);--item-height:36px;--item-padding:var(--size-200);--offset:var(--size-200);--open-duration:var(--duration-moderate);--open-timing-function:var(--easing-spring);--padding:calc(var(--size-100) / 2);--scrim:oklch(from var(--surface-shadow-color) 0 0 0 / calc(alpha * .9));--width:17rem}.tooltip--menu.tooltip--instant{--close-duration:0s;--open-duration:0s}@media (pointer:coarse){.tooltip--menu{--item-height:44px}}.tooltip-menu-item{--background-hover:var(--surface-background-hover);--background-pressed:var(--surface-background-pressed)}.tooltip-menu-panel{--background-default:var(--surface-background-default);--box-shadow-default:var(--surface-shadow-default);--title-bold-opacity:0;--title-regular-opacity:1}.tooltip-menu-panel.--active{--title-bold-opacity:1;--title-regular-opacity:0}.tooltip-shared{--background-default:var(--color-primary-400);--blur:var(--blur-500);--box-shadow-default:var(--surface-shadow-default);--close-duration:var(--duration-moderate-exit);--color:var(--surface-background-default);--font-size:var(--font-size-300);--font-weight:var(--font-weight-400);--glide-duration:var(--duration-moderate);--glide-timing-function:var(--easing-spring);--max-width:calc(90vw - (var(--size-700) * 2));--open-duration:var(--duration-moderate);--padding:var(--size-300);--radius:var(--border-radius-400);--rise:4px;--scale:.94;--spacer:var(--size-300);--timing-function:var(--easing-spring);--white-space:nowrap}.tooltip-shared--e{--box-translate:calc(var(--rise) * -1) 0}.tooltip-shared--interactive{--white-space:normal}.tooltip-shared--n{--box-translate:0 var(--rise)}.tooltip-shared--s{--box-translate:0 calc(var(--rise) * -1)}.tooltip-shared--w{--box-translate:var(--rise) 0}@media (prefers-reduced-motion:reduce){.tooltip-shared{--blur:0px;--glide-duration:0s;--rise:0px;--scale:1}}.tooltip{cursor:pointer;z-index:0;position:relative}.tooltip.--active:before{background:var(--safe-color);clip-path:var(--safe-area);content:"";height:var(--safe-height);left:var(--safe-left);top:var(--safe-top);width:var(--safe-width);z-index:-3;position:absolute}.tooltip.--active :not(.tooltip) .tooltip-arrow,.tooltip.--active>.tooltip-arrow{scale:-1 1}.tooltip.--active,.tooltip:not(.--active):hover{z-index:9}.tooltip--context,.tooltip--menu{cursor:inherit}.tooltip--morphing{filter:url(#tooltip-morph-goo)}.tooltip-arrow{rotate:var(--rotate);margin-inline:-1px}.tooltip-content,.tooltip-message{background:var(--background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:var(--max-width);min-width:var(--min-width);opacity:0;scale:var(--scale);transition:opacity var(--transition-duration) var(--transition-timing-function), scale var(--transition-duration) var(--transition-timing-function), translate var(--transition-duration) var(--transition-timing-function);width:var(--width);z-index:9;overflow:hidden}.tooltip.--active>.tooltip-content,.tooltip.--active :not(.tooltip)>.tooltip-content,.tooltip.--active>.tooltip-message,.tooltip.--active :not(.tooltip)>.tooltip-message{--transition-duration:var(--duration-moderate);opacity:1;scale:1}.tooltip:not(.--active)>.tooltip-content,.tooltip:not(.--active)>.tooltip-content *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content,.tooltip:not(.--active) :not(.tooltip)>.tooltip-content *,.tooltip:not(.--active)>.tooltip-message,.tooltip:not(.--active)>.tooltip-message *,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message,.tooltip:not(.--active) :not(.tooltip)>.tooltip-message *{pointer-events:none}.tooltip-content--context,.tooltip-message--context{position:absolute}.tooltip-content:where(.tooltip.tooltip--instant>*,.tooltip.tooltip--instant :not(.tooltip)>*),.tooltip-message:where(.tooltip.tooltip--instant>*,.tooltip.tooltip--instant :not(.tooltip)>*){transition:none}.tooltip-content--c,.tooltip-message--c{transform-origin:50%;position:absolute;bottom:50%;right:50%;translate:50% 50%}.tooltip-content--e,.tooltip-message--e{bottom:50%;left:calc(100% + var(--spacer) - var(--offset));transform-origin:0;position:absolute;translate:0 50%}.tooltip.--active>.tooltip-content--e,.tooltip.--active :not(.tooltip)>.tooltip-content--e,.tooltip.--active>.tooltip-message--e,.tooltip.--active :not(.tooltip)>.tooltip-message--e{translate:var(--offset) 50%}.tooltip-content--en,.tooltip-message--en{transform-origin:0 0;top:0}.tooltip-content--en,.tooltip-content--es,.tooltip-message--en,.tooltip-message--es{left:calc(100% + var(--spacer) - var(--offset));position:absolute}.tooltip.--active>.tooltip-content--en,.tooltip.--active :not(.tooltip)>.tooltip-content--en,.tooltip.--active>.tooltip-content--es,.tooltip.--active :not(.tooltip)>.tooltip-content--es,.tooltip.--active>.tooltip-message--en,.tooltip.--active :not(.tooltip)>.tooltip-message--en,.tooltip.--active>.tooltip-message--es,.tooltip.--active :not(.tooltip)>.tooltip-message--es{translate:var(--offset)}.tooltip-content--es,.tooltip-message--es{transform-origin:0 100%;bottom:0}.tooltip-content--n,.tooltip-message--n{bottom:calc(100% + var(--spacer) - var(--offset));transform-origin:bottom;position:absolute;right:50%;translate:50%}.tooltip.--active>.tooltip-content--n,.tooltip.--active :not(.tooltip)>.tooltip-content--n,.tooltip.--active>.tooltip-message--n,.tooltip.--active :not(.tooltip)>.tooltip-message--n{translate:50% calc(var(--offset) * -1)}.tooltip-content--ne,.tooltip-message--ne{transform-origin:100% 100%;right:0}.tooltip-content--ne,.tooltip-content--nw,.tooltip-message--ne,.tooltip-message--nw{bottom:calc(100% + var(--spacer) - var(--offset));position:absolute}.tooltip.--active>.tooltip-content--ne,.tooltip.--active :not(.tooltip)>.tooltip-content--ne,.tooltip.--active>.tooltip-content--nw,.tooltip.--active :not(.tooltip)>.tooltip-content--nw,.tooltip.--active>.tooltip-message--ne,.tooltip.--active :not(.tooltip)>.tooltip-message--ne,.tooltip.--active>.tooltip-message--nw,.tooltip.--active :not(.tooltip)>.tooltip-message--nw{translate:0 calc(var(--offset) * -1)}.tooltip-content--nw,.tooltip-message--nw{transform-origin:0 100%;left:0}.tooltip-content--s,.tooltip-message--s{right:50%;top:calc(100% + var(--spacer) - var(--offset));transform-origin:top;position:absolute;translate:50%}.tooltip.--active>.tooltip-content--s,.tooltip.--active :not(.tooltip)>.tooltip-content--s,.tooltip.--active>.tooltip-message--s,.tooltip.--active :not(.tooltip)>.tooltip-message--s{translate:50% var(--offset)}.tooltip-content--se,.tooltip-message--se{transform-origin:100% 0;right:0}.tooltip-content--se,.tooltip-content--sw,.tooltip-message--se,.tooltip-message--sw{top:calc(100% + var(--spacer) - var(--offset));position:absolute}.tooltip.--active>.tooltip-content--se,.tooltip.--active :not(.tooltip)>.tooltip-content--se,.tooltip.--active>.tooltip-content--sw,.tooltip.--active :not(.tooltip)>.tooltip-content--sw,.tooltip.--active>.tooltip-message--se,.tooltip.--active :not(.tooltip)>.tooltip-message--se,.tooltip.--active>.tooltip-message--sw,.tooltip.--active :not(.tooltip)>.tooltip-message--sw{translate:0 var(--offset)}.tooltip-content--sw,.tooltip-message--sw{transform-origin:0 0;left:0}.tooltip-content--w,.tooltip-message--w{bottom:50%;right:calc(100% + var(--spacer) - var(--offset));transform-origin:100%;position:absolute;translate:0 50%}.tooltip.--active>.tooltip-content--w,.tooltip.--active :not(.tooltip)>.tooltip-content--w,.tooltip.--active>.tooltip-message--w,.tooltip.--active :not(.tooltip)>.tooltip-message--w{translate:calc(var(--offset) * -1) 50%}.tooltip-content--wn,.tooltip-message--wn{transform-origin:100% 0;top:0}.tooltip-content--wn,.tooltip-content--ws,.tooltip-message--wn,.tooltip-message--ws{right:calc(100% + var(--spacer) - var(--offset));position:absolute}.tooltip.--active>.tooltip-content--wn,.tooltip.--active :not(.tooltip)>.tooltip-content--wn,.tooltip.--active>.tooltip-content--ws,.tooltip.--active :not(.tooltip)>.tooltip-content--ws,.tooltip.--active>.tooltip-message--wn,.tooltip.--active :not(.tooltip)>.tooltip-message--wn,.tooltip.--active>.tooltip-message--ws,.tooltip.--active :not(.tooltip)>.tooltip-message--ws{translate:calc(var(--offset) * -1)}.tooltip-content--ws,.tooltip-message--ws{transform-origin:100% 100%;bottom:0}.tooltip-content--morph,.tooltip-message--morph{animation:tooltip-morph-close var(--morph-close-duration) linear;box-shadow:none;clip-path:inset(var(--morph-top) var(--morph-right) var(--morph-bottom) var(--morph-left) round var(--morph-radius));filter:blur(var(--morph-blur));opacity:1;transition:filter var(--morph-close-duration) cubic-bezier(.16, 1, .3, 1), visibility 0s linear var(--morph-close-duration);visibility:hidden;z-index:-2;background:0 0;overflow:visible}.tooltip-content--morph:before,.tooltip-message--morph:before{background:var(--background);content:"";inset:min(var(--morph-blur) * -3, var(--morph-top) - var(--morph-land)) min(var(--morph-blur) * -3, var(--morph-right) - var(--morph-land)) min(var(--morph-blur) * -3, var(--morph-bottom) - var(--morph-land)) min(var(--morph-blur) * -3, var(--morph-left) - var(--morph-land));z-index:-1;position:absolute}.tooltip.--active>.tooltip-content--morph,.tooltip.--active :not(.tooltip)>.tooltip-content--morph,.tooltip.--active>.tooltip-message--morph,.tooltip.--active :not(.tooltip)>.tooltip-message--morph{clip-path:inset(0 round var(--border-radius));filter:none;transition:clip-path var(--morph-open-duration) var(--morph-timing-function), filter var(--morph-open-duration) var(--morph-focus-timing-function);visibility:visible;animation:none}.tooltip-message{color:var(--color);cursor:auto;font-size:var(--font-size);font-weight:var(--font-weight);padding-block:var(--padding-vertical);padding-inline:var(--padding-horizontal);pointer-events:none;white-space:nowrap}.tooltip:has(>.tooltip-content--morph,>.tooltip-message--morph,>:not(.tooltip)>.tooltip-content--morph,>:not(.tooltip)>.tooltip-message--morph):after{background:inherit;content:"";z-index:-1;display:block}@keyframes tooltip-morph-close{0%{clip-path:inset(0 round var(--border-radius));animation-timing-function:cubic-bezier(.3,0,.2,1)}55%{clip-path:inset(calc(var(--morph-top) - var(--morph-land)) calc(var(--morph-right) - var(--morph-land)) calc(var(--morph-bottom) - var(--morph-land)) calc(var(--morph-left) - var(--morph-land)) round calc(var(--morph-radius) + var(--morph-land)))}80%{clip-path:inset(calc(var(--morph-top) - var(--morph-land)) calc(var(--morph-right) - var(--morph-land)) calc(var(--morph-bottom) - var(--morph-land)) calc(var(--morph-left) - var(--morph-land)) round calc(var(--morph-radius) + var(--morph-land)));animation-timing-function:cubic-bezier(.4,0,.2,1)}to{clip-path:inset(var(--morph-top) var(--morph-right) var(--morph-bottom) var(--morph-left) round var(--morph-radius))}}}
 /*$vite$:1*/

package/build/components/typewriter/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.typewriter:after,.typewriter-retype-line:after,.typewriter-retype-sizer:after{animation:typewriter--blink var(--caret-duration) var(--caret-timing-function) infinite;background:var(--caret-background);border-radius:var(--caret-radius);color:var(--caret-color);content:var(--caret);height:var(--caret-height);vertical-align:var(--caret-align);width:var(--caret-width);margin-inline-start:var(--caret-offset);display:inline-block}@media (prefers-reduced-motion:reduce){.typewriter:after,.typewriter-retype-line:after,.typewriter-retype-sizer:after{animation:none}}@keyframes typewriter--blink{0%,45%{opacity:1}55%,95%{opacity:0}to{opacity:1}}.typewriter-rotate-sr,.typewriter-retype-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.typewriter-retype{white-space:pre;display:inline-grid}.typewriter-retype-letter{animation:typewriter-retype--ink var(--ink-duration) var(--ease-out)}.typewriter-retype-line,.typewriter-retype-sizer{grid-area:1/1}.typewriter-retype-line{text-align:left}.typewriter-retype-line--selecting:after{visibility:hidden}.typewriter-retype-line--typing:after{animation:none}.typewriter-retype-sizer{visibility:hidden}.typewriter-retype-word{isolation:isolate;display:inline-block;position:relative}.typewriter-retype-word:before{background:var(--selection-color);border-radius:var(--selection-radius);content:"";transform-origin:100%;z-index:-1;position:absolute;inset:-.06em -1px;scale:0 1}.typewriter-retype-word--selecting:before{transition:scale var(--select-duration) var(--ease-out);scale:1}@keyframes typewriter-retype--ink{0%{filter:blur(var(--ink-blur));opacity:0}}.typewriter-rotate{color:var(--color);display:inline-block;position:relative}.typewriter-rotate-box{text-align:left;white-space:pre;display:inline-block;position:relative}.typewriter-rotate-letter{display:inline-block}.typewriter-rotate-letter--exiting{pointer-events:none;position:absolute;top:0}.typewriter,.typewriter-retype{--caret:"";--caret-align:-.18em;--caret-background:var(--caret-color);--caret-color:currentColor;--caret-duration:1.06s;--caret-height:1.1em;--caret-offset:2px;--caret-radius:999px;--caret-timing-function:linear;--caret-width:2px}.typewriter--block,.typewriter-retype--block{--caret-align:bottom;--caret-height:1lh;--caret-offset:.08em;--caret-radius:0;--caret-width:.56em}.typewriter--hard,.typewriter-retype--hard{--caret-duration:1s;--caret-timing-function:steps(1, end)}.typewriter--underscore,.typewriter-retype--underscore{--caret:"_";--caret-align:baseline;--caret-background:transparent;--caret-height:auto;--caret-offset:.04em;--caret-radius:0;--caret-width:auto}.typewriter-retype{--ease-out:cubic-bezier(.23, 1, .32, 1);--ink-blur:2px;--ink-duration:.14s;--key-duration:62ms;--key-jitter-duration:64ms;--select-duration:.22s;--selection-color:oklch(from var(--color-text-500) l c h / .15);--selection-radius:3px}@media (prefers-reduced-motion:reduce){.typewriter-retype{--ink-blur:0px;--key-duration:0s;--select-duration:0s}}.typewriter-rotate{--color:inherit;--glide-duration:.44s;--glide-easing:cubic-bezier(.77, 0, .175, 1)}@media (prefers-reduced-motion:reduce){.typewriter-rotate{--glide-duration:0s}}.typewriter-rotate--accent{--color:var(--color-blue-400)}}
+@layer components{.typewriter:after,.typewriter-retype-line:after,.typewriter-retype-sizer:after{animation:typewriter--blink var(--caret-duration) var(--caret-timing-function) infinite;background:var(--caret-background);border-radius:var(--caret-radius);color:var(--caret-color);content:var(--caret);height:var(--caret-height);vertical-align:var(--caret-align);width:var(--caret-width);margin-inline-start:var(--caret-offset);display:inline-block}@media (prefers-reduced-motion:reduce){.typewriter:after,.typewriter-retype-line:after,.typewriter-retype-sizer:after{animation:none}}@keyframes typewriter--blink{0%,45%{opacity:1}55%,95%{opacity:0}to{opacity:1}}.typewriter-rotate-sr,.typewriter-retype-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.typewriter-retype{white-space:pre;display:inline-grid}.typewriter-retype-letter{animation:typewriter-retype--ink var(--ink-duration) var(--ease-out)}.typewriter-retype-line{text-align:left}.typewriter-retype-line--selecting:after{visibility:hidden}.typewriter-retype-line--typing:after{animation:none}.typewriter-retype-line,.typewriter-retype-sizer{grid-area:1/1}.typewriter-retype-sizer{visibility:hidden}.typewriter-retype-word{isolation:isolate;display:inline-block;position:relative}.typewriter-retype-word--selecting:before{transition:scale var(--select-duration) var(--ease-out);scale:1}.typewriter-retype-word:before{background:var(--selection-color);border-radius:var(--selection-radius);content:"";transform-origin:100%;z-index:-1;position:absolute;inset:-.06em -1px;scale:0 1}@keyframes typewriter-retype--ink{0%{filter:blur(var(--ink-blur));opacity:0}}.typewriter-rotate{color:var(--color);display:inline-block;position:relative}.typewriter-rotate-box{text-align:left;white-space:pre;display:inline-block;position:relative}.typewriter-rotate-letter{display:inline-block}.typewriter-rotate-letter--exiting{pointer-events:none;position:absolute;top:0}.typewriter-retype{--ease-out:var(--easing-out);--ink-blur:var(--blur-300);--ink-duration:var(--duration-fast);--key-duration:62ms;--key-jitter-duration:64ms;--select-duration:.22s;--selection-color:oklch(from var(--color-primary-500) l c h / .15);--selection-radius:3px}@media (prefers-reduced-motion:reduce){.typewriter-retype{--ink-blur:0px;--key-duration:0s;--select-duration:0s}}.typewriter-rotate{--color:inherit;--glide-duration:.44s;--glide-easing:cubic-bezier(.77, 0, .175, 1)}@media (prefers-reduced-motion:reduce){.typewriter-rotate{--glide-duration:0s}}.typewriter-rotate--accent{--color:var(--color-blue-400)}.typewriter,.typewriter-retype{--caret:"";--caret-align:-.18em;--caret-background:var(--caret-color);--caret-color:currentColor;--caret-duration:1.06s;--caret-height:1.1em;--caret-offset:calc(var(--size-100) / 4);--caret-radius:999px;--caret-timing-function:linear;--caret-width:2px}.typewriter--block,.typewriter-retype--block{--caret-align:bottom;--caret-height:1lh;--caret-offset:.08em;--caret-radius:0;--caret-width:.56em}.typewriter--hard,.typewriter-retype--hard{--caret-duration:1s;--caret-timing-function:steps(1, end)}.typewriter--underscore,.typewriter-retype--underscore{--caret:"_";--caret-align:baseline;--caret-background:transparent;--caret-height:auto;--caret-offset:.04em;--caret-radius:0;--caret-width:auto}}
 /*$vite$:1*/

package/build/components/uptime/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.uptime-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.uptime{--axis-gap:var(--size-300);--axis-line-color:color-mix(in oklch, var(--color-muted) 40%, transparent);--bar-active-scale:1.15;--bar-border-radius:var(--border-radius-100);--bar-dim:.35;--bar-gap:3px;--bar-height:var(--size-600);--bar-opacity:1;--caption-blur:4px;--caption-offset:4px;--color:var(--color-text-400);--color-degraded:oklch(80% .15 78);--color-muted:var(--color-text-300);--color-ok:oklch(80% .09 160);--color-outage:oklch(64% .2 25);--dot-size:6px;--font-size:var(--font-size-300);--service-gap:var(--size-600);--timing-function:cubic-bezier(.23, 1, .32, 1);--transition-duration:.2s;--width:min(440px, 100%)}.uptime-bar{--bar-color:var(--color-ok)}.uptime-bar--degraded{--bar-color:var(--color-degraded)}.uptime-bar--outage{--bar-color:var(--color-outage)}.uptime-service-message--degraded{--dot:var(--color-degraded)}.uptime-service-message--ok{--dot:var(--color-ok)}.uptime-service-message--outage{--dot:var(--color-outage)}.uptime-service-name{--status-gap:var(--border-width-500);--status-mask:radial-gradient(circle at calc(100% - var(--status-right) - var(--status-size) / 2) calc(var(--status-top) + var(--status-size) / 2), #000 calc(var(--status-size) / 2 - .5px), transparent calc(var(--status-size) / 2 + .5px) calc(var(--status-size) / 2 + var(--status-gap) - .5px), #000 calc(var(--status-size) / 2 + var(--status-gap) + .5px));--status-right:calc((var(--status-size) + 2px) * -1);--status-size:6px;--status-top:0px}.uptime-service-status{--status-color:var(--color-ok)}.uptime-service-status--degraded{--status-color:var(--color-degraded)}.uptime-service-status--outage{--status-color:var(--color-outage)}.uptime-service-tooltip.tooltip-message{--background-default:var(--color-grey-400);--border-radius:var(--border-radius-400);--color:var(--color-text-400);--padding-horizontal:8px;--padding-vertical:4px}.uptime{color:var(--color);font-size:var(--font-size);gap:var(--service-gap);width:var(--width);flex-direction:column;display:flex;position:relative}.uptime-bar{background:var(--bar-color);border-radius:var(--bar-border-radius);opacity:var(--bar-opacity);transition:opacity var(--transition-duration) var(--timing-function), scale var(--transition-duration) var(--timing-function);width:round(down, (100% - (var(--days) - 1) * var(--bar-gap)) / var(--days), 1px);flex-shrink:0}.uptime-bar.--active{--bar-opacity:1;scale:1 var(--bar-active-scale)}.uptime-bars{border-radius:var(--border-radius-200);cursor:default;height:var(--bar-height);outline:none;justify-content:space-between;display:flex}.uptime-bars.--active{--bar-opacity:var(--bar-dim)}.uptime-bars:focus-visible{outline:2px solid var(--color);outline-offset:4px}.uptime-service-axis{color:var(--color-muted);align-items:center;gap:var(--axis-gap);margin-top:var(--size-300);white-space:nowrap;display:flex}.uptime-service-caption{color:var(--color-muted);align-items:center;gap:var(--size-200);justify-content:flex-end;min-width:0;display:flex}.uptime-service-day,.uptime-service-percentage{font-variant-numeric:tabular-nums}.uptime-service-day{color:var(--color-muted);flex-shrink:0}.uptime-service-header{align-items:center;gap:var(--size-400);height:var(--size-500);margin-bottom:var(--size-300);justify-content:space-between;display:flex}.uptime-service-message{animation:uptime-caption var(--transition-duration) var(--timing-function);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.uptime-service-message--active{color:var(--color)}.uptime-service-message--degraded:before,.uptime-service-message--ok:before,.uptime-service-message--outage:before{background:var(--dot);content:"";height:var(--dot-size);vertical-align:middle;width:var(--dot-size);border-radius:50%;margin-inline-end:var(--size-100);display:inline-block}.uptime-service-label{-webkit-mask-clip:no-clip;mask-clip:no-clip;-webkit-mask-image:var(--status-mask);-webkit-mask-image:var(--status-mask);mask-image:var(--status-mask);display:block}.uptime-service-name{font-weight:var(--font-weight-500);flex-shrink:0;position:relative}.uptime-service-percentage{align-items:center;gap:var(--axis-gap);flex:1;display:flex}.uptime-service-percentage:after,.uptime-service-percentage:before{border-top:1px solid var(--axis-line-color);content:"";flex:1}.uptime-service-status.tooltip{background:var(--status-color);border-radius:calc(var(--status-size) / 2);cursor:default;height:var(--status-size);right:var(--status-right);top:var(--status-top);width:var(--status-size);position:absolute}@media (prefers-reduced-motion:reduce){.uptime-bar{transition:none}.uptime-bar.--active{scale:none}.uptime-service-message{animation:none}}@keyframes uptime-caption{0%{filter:blur(var(--caption-blur));opacity:0;translate:0 var(--caption-offset)}}}
+@layer components{.uptime-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.uptime{--axis-gap:var(--size-300);--axis-line-color:color-mix(in oklch, var(--color-muted) 40%, transparent);--bar-active-scale:1.15;--bar-border-radius:var(--border-radius-100);--bar-dim:.35;--bar-gap:calc(var(--size-300) / 4);--bar-height:var(--size-600);--bar-opacity:1;--caption-blur:var(--blur-400);--caption-offset:calc(var(--size-100) / 2);--color:var(--color-text-400);--color-degraded:oklch(80% .15 78);--color-muted:var(--color-text-300);--color-ok:oklch(80% .09 160);--color-outage:oklch(64% .2 25);--dot-size:6px;--font-size:var(--font-size-300);--service-gap:var(--size-600);--timing-function:var(--easing-spring);--transition-duration:var(--duration-fast);--width:min(440px, 100%)}.uptime-bar{--bar-color:var(--color-ok)}.uptime-bar--degraded{--bar-color:var(--color-degraded)}.uptime-bar--outage{--bar-color:var(--color-outage)}.uptime-service-message--degraded{--dot:var(--color-degraded)}.uptime-service-message--ok{--dot:var(--color-ok)}.uptime-service-message--outage{--dot:var(--color-outage)}.uptime-service-name{--status-gap:var(--border-width-500);--status-mask:radial-gradient(circle at calc(100% - var(--status-right) - var(--status-size) / 2) calc(var(--status-top) + var(--status-size) / 2), #000 calc(var(--status-size) / 2 - .5px), transparent calc(var(--status-size) / 2 + .5px) calc(var(--status-size) / 2 + var(--status-gap) - .5px), #000 calc(var(--status-size) / 2 + var(--status-gap) + .5px));--status-right:calc((var(--status-size) + 2px) * -1);--status-size:6px;--status-top:0px}.uptime-service-status{--status-color:var(--color-ok)}.uptime-service-status--degraded{--status-color:var(--color-degraded)}.uptime-service-status--outage{--status-color:var(--color-outage)}.uptime-service-tooltip.tooltip-message{--background-default:var(--surface-background-default);--border-radius:var(--border-radius-400);--color:var(--color-text-400);--padding-horizontal:var(--size-100);--padding-vertical:calc(var(--size-100) / 2)}.uptime{color:var(--color);font-size:var(--font-size);gap:var(--service-gap);width:var(--width);flex-direction:column;display:flex;position:relative}.uptime-bar{background:var(--bar-color);border-radius:var(--bar-border-radius);opacity:var(--bar-opacity);transition:opacity var(--transition-duration) var(--timing-function), scale var(--transition-duration) var(--timing-function);width:round(down, (100% - (var(--days) - 1) * var(--bar-gap)) / var(--days), 1px);flex-shrink:0}.uptime-bar.--active{--bar-opacity:1;scale:1 var(--bar-active-scale)}.uptime-bars{border-radius:var(--border-radius-200);cursor:default;height:var(--bar-height);outline:none;justify-content:space-between;display:flex}.uptime-bars.--active{--bar-opacity:var(--bar-dim)}.uptime-bars:focus-visible{outline:2px solid var(--color);outline-offset:calc(var(--size-100) / 2)}.uptime-service-axis{color:var(--color-muted);align-items:center;gap:var(--axis-gap);margin-top:var(--size-300);white-space:nowrap;display:flex}.uptime-service-caption{color:var(--color-muted);align-items:center;gap:var(--size-200);justify-content:flex-end;min-width:0;display:flex}.uptime-service-day{color:var(--color-muted);flex-shrink:0}.uptime-service-day,.uptime-service-percentage{font-variant-numeric:tabular-nums}.uptime-service-header{align-items:center;gap:var(--size-400);height:var(--size-500);margin-bottom:var(--size-300);justify-content:space-between;display:flex}.uptime-service-label{mask-clip:no-clip;mask-image:var(--status-mask);display:block}.uptime-service-message{animation:uptime-caption var(--transition-duration) var(--timing-function);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.uptime-service-message--active{color:var(--color)}.uptime-service-message--degraded:before,.uptime-service-message--ok:before,.uptime-service-message--outage:before{background:var(--dot);content:"";height:var(--dot-size);vertical-align:middle;width:var(--dot-size);border-radius:50%;margin-inline-end:var(--size-100);display:inline-block}.uptime-service-name{font-weight:var(--font-weight-500);flex-shrink:0;position:relative}.uptime-service-percentage{align-items:center;gap:var(--axis-gap);flex:1;display:flex}.uptime-service-percentage:after,.uptime-service-percentage:before{border-top:1px solid var(--axis-line-color);content:"";flex:1}.uptime-service-status.tooltip{background:var(--status-color);border-radius:calc(var(--status-size) / 2);cursor:default;height:var(--status-size);right:var(--status-right);top:var(--status-top);width:var(--status-size);position:absolute}@media (prefers-reduced-motion:reduce){.uptime-bar{transition:none}.uptime-bar.--active{scale:none}.uptime-service-message{animation:none}}@keyframes uptime-caption{0%{filter:blur(var(--caption-blur));opacity:0;translate:0 var(--caption-offset)}}}
 /*$vite$:1*/

package/build/components/usage-meter/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components{.usage-meter{--cost-prefix:"≈ ";--detail-display:inline;--fill:var(--fill-normal);--fill-critical:color-mix(in oklch, var(--color-red-400) 80%, transparent);--fill-normal:var(--color-text-500);--fill-warning:color-mix(in oklch, var(--color-yellow-500) 80%, transparent);--gap:var(--size-200);--label-color:var(--color-text-500);--label-font-size:var(--font-size-200);--label-font-weight:var(--font-weight-500);--max-width:380px;--meta-color:var(--color-text-300);--meta-color-muted:color-mix(in oklch, var(--color-text-300) 70%, transparent);--meta-font-size:var(--font-size-100);--row-display:flex;--track-background:color-mix(in oklch, var(--color-text-500) 6%, transparent);--track-height:6px;--track-order:0;--track-width:100%;--transition-duration:.5s;--transition-timing-function:cubic-bezier(.23, 1, .32, 1)}.usage-meter--critical{--fill:var(--fill-critical)}.usage-meter--inline{--cost-prefix:none;--detail-display:none;--gap:var(--size-300);--max-width:none;--row-display:contents;--track-background:color-mix(in oklch, var(--color-text-500) 7%, transparent);--track-height:4px;--track-order:-1;--track-width:64px}.usage-meter--warning{--fill:var(--fill-warning)}@media (prefers-reduced-motion:reduce){.usage-meter{--transition-duration:0s}}.usage-meter{gap:var(--gap);max-width:var(--max-width);flex-direction:column;width:100%;display:flex}.usage-meter--inline{flex-direction:row;align-items:center;width:fit-content}.usage-meter-breakdown,.usage-meter-cost,.usage-meter-count{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.usage-meter-breakdown,.usage-meter-label,.usage-meter-percent{display:var(--detail-display)}.usage-meter-cost:before{content:var(--cost-prefix)}.usage-meter-count{color:var(--meta-color);font-size:var(--meta-font-size)}.usage-meter-fill{background:var(--fill);border-radius:inherit;height:100%;transition:background-color var(--transition-duration) var(--transition-timing-function), translate var(--transition-duration) var(--transition-timing-function);width:100%;display:block}.usage-meter-footer{color:var(--meta-color-muted);display:var(--row-display);font-size:var(--meta-font-size);justify-content:space-between;align-items:center}.usage-meter-header{display:var(--row-display);align-items:baseline;gap:var(--size-300);justify-content:space-between}.usage-meter-label{color:var(--label-color);font-size:var(--label-font-size);font-weight:var(--label-font-weight)}.usage-meter-track{background:var(--track-background);height:var(--track-height);flex:none;order:var(--track-order);width:var(--track-width);border-radius:999px;overflow:hidden}}
+@layer components{@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:100 900;src:url(../../../css-utilities/font/geist/Geist-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:italic;font-weight:100 900;src:url(../../../css-utilities/font/geist/Geist-Italic-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:100 900;src:url(../../../css-utilities/font/geist/GeistMono-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:italic;font-weight:100 900;src:url(../../../css-utilities/font/geist/GeistMono-Italic-Variable.woff2)format("woff2")}.usage-meter-breakdown,.usage-meter-cost,.usage-meter-count{--font-weight-300:300;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-family:"Geist Mono", monospace}.usage-meter{--cost-prefix:"≈ ";--detail-display:inline;--fill:var(--fill-normal);--fill-critical:color-mix(in oklch, var(--color-red-400) 80%, transparent);--fill-normal:var(--color-primary-500);--fill-warning:color-mix(in oklch, var(--color-yellow-500) 80%, transparent);--gap:var(--size-200);--label-color:var(--color-text-500);--label-font-size:var(--font-size-200);--label-font-weight:var(--font-weight-500);--max-width:380px;--meta-color:var(--color-text-300);--meta-color-muted:color-mix(in oklch, var(--color-primary-300) 70%, transparent);--meta-font-size:var(--font-size-100);--row-display:flex;--track-background:var(--surface-border-default);--track-height:6px;--track-order:0;--track-width:100%;--transition-duration:.5s;--transition-timing-function:var(--easing-out)}.usage-meter--critical{--fill:var(--fill-critical)}.usage-meter--inline{--cost-prefix:none;--detail-display:none;--gap:var(--size-300);--max-width:none;--row-display:contents;--track-background:var(--surface-border-hover);--track-height:4px;--track-order:-1;--track-width:64px}.usage-meter--warning{--fill:var(--fill-warning)}@media (prefers-reduced-motion:reduce){.usage-meter{--transition-duration:0s}}.usage-meter{gap:var(--gap);max-width:var(--max-width);flex-direction:column;width:100%;display:flex}.usage-meter--inline{flex-direction:row;align-items:center;width:fit-content}.usage-meter-breakdown,.usage-meter-cost,.usage-meter-count{font-family:var(--font-family);font-variant-numeric:tabular-nums}.usage-meter-breakdown,.usage-meter-label,.usage-meter-percent{display:var(--detail-display)}.usage-meter-cost:before{content:var(--cost-prefix)}.usage-meter-count{color:var(--meta-color);font-size:var(--meta-font-size)}.usage-meter-fill{background:var(--fill);border-radius:inherit;height:100%;transition:background-color var(--transition-duration) var(--transition-timing-function), translate var(--transition-duration) var(--transition-timing-function);width:100%;display:block}.usage-meter-footer{color:var(--meta-color-muted);display:var(--row-display);font-size:var(--meta-font-size);justify-content:space-between;align-items:center}.usage-meter-header{display:var(--row-display);align-items:baseline;gap:var(--size-300);justify-content:space-between}.usage-meter-label{color:var(--label-color);font-size:var(--label-font-size);font-weight:var(--label-font-weight)}.usage-meter-track{background:var(--track-background);height:var(--track-height);flex:none;order:var(--track-order);width:var(--track-width);border-radius:999px;overflow:hidden}}
 /*$vite$:1*/

package/build/{css-utilities → modifiers}/glass/index.d.ts

@@ -1,10 +1,10 @@
 import './scss/index.scss';
 type GlassMode = 'uniform' | 'progressive';
-declare function createOverlay(element: HTMLElement, mode?: GlassMode, className?: string): HTMLDivElement;
+declare const overlay: (mode?: GlassMode, classes?: string) => DocumentFragment | Text;
 export default _default;
 declare function _default(mode?: GlassMode): {
     class: string[];
     onconnect: (element: HTMLElement) => void;
 };
-export { createOverlay };
+export { overlay };
 export type { GlassMode };

package/build/modifiers/glass/index.js

@@ -0,0 +1,28 @@
+import * as template_u1 from '@esportsplus/template';
+import './scss/index.scss';
+const template_1z0w9cv1 = template_u1.template(`<div aria-hidden='true' class='--glass-blur --glass-blur-progressive '><span></span><span></span><span></span><span></span><span></span><span></span><span>`);
+const template_1z0w9cv4 = template_u1.template(`<div aria-hidden='true' class='--glass-blur '><span>`);
+const overlay = (mode = 'uniform', classes = '') => mode === 'progressive'
+    ? (() => {
+        let root_1z0w9cv0 = template_1z0w9cv1(), element_1z0w9cv2 = root_1z0w9cv0.firstChild;
+        template_u1.setList(element_1z0w9cv2, 'class', classes);
+        return root_1z0w9cv0;
+    })()
+    : (() => {
+        let root_1z0w9cv3 = template_1z0w9cv4(), element_1z0w9cv5 = root_1z0w9cv3.firstChild;
+        template_u1.setList(element_1z0w9cv5, 'class', classes);
+        return root_1z0w9cv3;
+    })();
+export default (mode = 'uniform') => ({
+    class: mode === 'progressive' ? ['--glass', '--glass-progressive'] : ['--glass'],
+    onconnect: (element) => {
+        let container = element.querySelector(':scope > .--glass-blur');
+        if (!container) {
+            element.appendChild(overlay(mode));
+        }
+        else if (container.classList.contains('--glass-blur-progressive') !== (mode === 'progressive')) {
+            container.replaceWith(overlay(mode));
+        }
+    }
+});
+export { overlay };

package/build/modifiers/glass/scss/index.scss

@@ -0,0 +1,2 @@
+@layer modifiers{.--glass{--glass-blur:24px;--glass-opacity:1}.--glass-progressive{--glass-opacity:.9}@property --glass-opacity{syntax:"<number>";inherits:true;initial-value:1}.--glass{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.--glass-blur{border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.--glass-blur.--glass-blur-progressive>span:first-child{-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * .0730435));backdrop-filter:blur(calc(var(--glass-blur,24px) * .0730435));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);z-index:1}.--glass-blur.--glass-blur-progressive>span:nth-child(2){-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * .108696));backdrop-filter:blur(calc(var(--glass-blur,24px) * .108696));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);z-index:2}.--glass-blur.--glass-blur-progressive>span:nth-child(3){-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * .186087));backdrop-filter:blur(calc(var(--glass-blur,24px) * .186087));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);z-index:3}.--glass-blur.--glass-blur-progressive>span:nth-child(4){-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * .335652));backdrop-filter:blur(calc(var(--glass-blur,24px) * .335652));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);z-index:4}.--glass-blur.--glass-blur-progressive>span:nth-child(5){-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * .577391));backdrop-filter:blur(calc(var(--glass-blur,24px) * .577391));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);z-index:5}.--glass-blur.--glass-blur-progressive>span:nth-child(6){-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * .857391));backdrop-filter:blur(calc(var(--glass-blur,24px) * .857391));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);z-index:6}.--glass-blur.--glass-blur-progressive>span:nth-child(7){-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * 1));backdrop-filter:blur(calc(var(--glass-blur,24px) * 1));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);z-index:7}.--glass-blur>span{-webkit-backdrop-filter:blur(var(--glass-blur,24px));backdrop-filter:blur(var(--glass-blur,24px));border-radius:inherit;opacity:var(--glass-opacity,1);position:absolute;inset:0}.--glass:has(>.--glass-blur){-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;position:relative}}
+/*$vite$:1*/

package/build/{css-utilities → modifiers}/index.d.ts

@@ -1,3 +1,2 @@
 export { default as glass } from './glass/index.js';
 export { default as scrollbar } from './scrollbar/index.js';
-export { default as theme } from './theme/index.js';

package/build/{css-utilities → modifiers}/index.js

@@ -1,3 +1,2 @@
 export { default as glass } from './glass/index.js';
 export { default as scrollbar } from './scrollbar/index.js';
-export { default as theme } from './theme/index.js';

package/build/modifiers/scrollbar/index.d.ts

@@ -0,0 +1,72 @@
+import './scss/index.scss';
+type Axis = 'both' | 'horizontal' | 'vertical';
+type Color = 'black' | 'blue' | 'green' | 'grey' | 'primary' | 'purple' | 'red' | 'text' | 'white' | 'yellow';
+type Options = {
+    auto?: boolean;
+    color?: Color;
+    drag?: Axis | boolean;
+    hidden?: boolean;
+    horizontal?: boolean;
+    hover?: boolean;
+    snap?: boolean;
+} & ({
+    blur?: boolean;
+    fade?: never;
+} | {
+    blur?: never;
+    fade?: boolean;
+});
+declare const scrollbar: ({ auto, blur: blurred, color, drag: dragged, fade: faded, hidden, horizontal, hover, snap }?: Options) => {
+    onconnect?: undefined;
+    ondisconnect?: undefined;
+    onscroll?: undefined;
+    style?: undefined;
+    class: (string | (() => false | string))[];
+} | {
+    onconnect: (element: HTMLElement) => void;
+    ondisconnect: () => void;
+    onscroll: (this: HTMLElement) => void;
+    style: () => string | false;
+    class: (string | (() => false | string))[];
+} | {
+    ondisconnect?: undefined;
+    onscroll?: undefined;
+    style?: undefined;
+    onconnect: (element: HTMLElement) => void;
+    class: (string | (() => false | string))[];
+} | {
+    onconnect?: undefined;
+    ondisconnect?: undefined;
+    onscroll?: undefined;
+    style?: undefined;
+    ondragstart: (e: DragEvent) => void;
+    onpointercancel: (e: PointerEvent) => void;
+    onpointerdown: (this: HTMLElement, e: PointerEvent) => void;
+    onpointermove: (this: HTMLElement, e: PointerEvent) => void;
+    onpointerup: (e: PointerEvent) => void;
+    class: (string | (() => false | string))[];
+} | {
+    onconnect: (element: HTMLElement) => void;
+    ondisconnect: () => void;
+    onscroll: (this: HTMLElement) => void;
+    style: () => string | false;
+    ondragstart: (e: DragEvent) => void;
+    onpointercancel: (e: PointerEvent) => void;
+    onpointerdown: (this: HTMLElement, e: PointerEvent) => void;
+    onpointermove: (this: HTMLElement, e: PointerEvent) => void;
+    onpointerup: (e: PointerEvent) => void;
+    class: (string | (() => false | string))[];
+} | {
+    ondisconnect?: undefined;
+    onscroll?: undefined;
+    style?: undefined;
+    onconnect: (element: HTMLElement) => void;
+    ondragstart: (e: DragEvent) => void;
+    onpointercancel: (e: PointerEvent) => void;
+    onpointerdown: (this: HTMLElement, e: PointerEvent) => void;
+    onpointermove: (this: HTMLElement, e: PointerEvent) => void;
+    onpointerup: (e: PointerEvent) => void;
+    class: (string | (() => false | string))[];
+};
+export default scrollbar;
+export type { Axis, Color, Options };

package/build/{css-utilities → modifiers}/scrollbar/index.js

@@ -1,8 +1,8 @@
 import * as reactivity_u0 from '@esportsplus/reactivity';
 import { observer } from '../../shared/resize.js';
-import { createOverlay } from '../glass/index.js';
+import { overlay } from '../glass/index.js';
 import './scss/index.scss';
-class ReactiveObject_1o784050 extends reactivity_u0.ReactiveObject {
+class ReactiveObject_1i5lk610 extends reactivity_u0.ReactiveObject {
     #toggle = this[reactivity_u0.SIGNAL](false);
     constructor() {
         super(null);
@@ -14,7 +14,7 @@ class ReactiveObject_1o784050 extends reactivity_u0.ReactiveObject {
         reactivity_u0.write(this.#toggle, _v0);
     }
 }
-class ReactiveObject_1o784051 extends reactivity_u0.ReactiveObject {
+class ReactiveObject_1i5lk611 extends reactivity_u0.ReactiveObject {
     #dragging = this[reactivity_u0.SIGNAL](false);
     constructor() {
         super(null);
@@ -27,17 +27,17 @@ class ReactiveObject_1o784051 extends reactivity_u0.ReactiveObject {
     }
 }
 const SLOP = 4;
-function attributes(name, size) {
+function edges(size, horizontal) {
     if (typeof CSS === 'undefined' || CSS.supports('animation-timeline: scroll()')) {
-        return { class: ['--scrollbar', name] };
+        return {};
     }
-    let mutation, overflow = { end: 0, start: 0 }, ramp = 1, resize, state = new ReactiveObject_1o784050();
+    let mutation, overflow = { end: 0, start: 0 }, ramp = 1, resize, state = new ReactiveObject_1i5lk610();
     function measure(element) {
         ramp = parseFloat(getComputedStyle(element).getPropertyValue(size)) || 1;
         update(element);
     }
     function update(element) {
-        let horizontal = element.classList.contains('--scrollbar-horizontal'), offset = horizontal ? Math.abs(element.scrollLeft) : element.scrollTop, range = horizontal ? element.scrollWidth - element.clientWidth : element.scrollHeight - element.clientHeight, end = range > 0 ? Math.min(1, (range - offset) / ramp) : 0, start = range > 0 ? Math.min(1, offset / ramp) : 0;
+        let offset = horizontal ? Math.abs(element.scrollLeft) : element.scrollTop, range = horizontal ? element.scrollWidth - element.clientWidth : element.scrollHeight - element.clientHeight, end = range > 0 ? Math.min(1, (range - offset) / ramp) : 0, start = range > 0 ? Math.min(1, offset / ramp) : 0;
         if (end === overflow.end && start === overflow.start) {
             return;
         }
@@ -46,7 +46,6 @@ function attributes(name, size) {
         state.toggle = !state.toggle;
     }
     return {
-        class: ['--scrollbar', name],
         onconnect: (element) => {
             mutation?.disconnect();
             resize?.disconnect();
@@ -84,26 +83,26 @@ function attributes(name, size) {
         onscroll: function () {
             update(this);
         },
-        style: () => state.toggle !== undefined && `--scroll-overflow-end: ${overflow.end}; --scroll-overflow-start: ${overflow.start};`
+        style: () => state.toggle !== undefined && `--scrollbar-overflow-end: ${overflow.end}; --scrollbar-overflow-start: ${overflow.start};`
     };
 }
-const blur = () => {
-    let scroll = attributes('--scrollbar-blur', '--scroll-blur-size');
+function blur(horizontal) {
+    let scroll = edges('--scrollbar-blur-size', horizontal);
     return {
         ...scroll,
         onconnect: (element) => {
             if (!element.querySelector(':scope > .--scrollbar-blur-start')) {
-                element.prepend(createOverlay(element, 'progressive', '--scrollbar-blur-edge --scrollbar-blur-start'));
+                element.prepend(overlay('progressive', '--scrollbar-blur-edge --scrollbar-blur-start'));
             }
             if (!element.querySelector(':scope > .--scrollbar-blur-end')) {
-                element.appendChild(createOverlay(element, 'progressive', '--scrollbar-blur-edge --scrollbar-blur-end'));
+                element.appendChild(overlay('progressive', '--scrollbar-blur-edge --scrollbar-blur-end'));
             }
             scroll.onconnect?.(element);
         }
     };
-};
-const drag = (axis = 'both') => {
-    let press = null, state = new ReactiveObject_1o784051();
+}
+function drag(axis) {
+    let press = null, state = new ReactiveObject_1i5lk611();
     function end(e) {
         if (press?.id !== e.pointerId) {
             return;
@@ -112,7 +111,7 @@ const drag = (axis = 'both') => {
         state.dragging = false;
     }
     return {
-        class: ['--scrollbar', '--scrollbar-drag', () => state.dragging && '--dragging'],
+        class: ['--scrollbar-drag', () => state.dragging && '--dragging'],
         ondragstart: (e) => {
             e.preventDefault();
         },
@@ -150,6 +149,40 @@ const drag = (axis = 'both') => {
         },
         onpointerup: end
     };
+}
+const scrollbar = ({ auto, blur: blurred, color, drag: dragged, fade: faded, hidden, horizontal = false, hover, snap } = {}) => {
+    let classes = ['--scrollbar'], effect = blurred
+        ? blur(horizontal)
+        : faded
+            ? edges('--scrollbar-fade-size', horizontal)
+            : {}, grab = dragged ? drag(dragged === true ? 'both' : dragged) : null;
+    if (auto) {
+        classes.push('--scrollbar-auto');
+    }
+    if (blurred) {
+        classes.push('--scrollbar-blur');
+    }
+    if (color) {
+        classes.push(`--scrollbar-${color}`);
+    }
+    if (faded) {
+        classes.push('--scrollbar-fade');
+    }
+    if (hidden) {
+        classes.push('--scrollbar-hidden');
+    }
+    if (horizontal) {
+        classes.push('--scrollbar-horizontal');
+    }
+    if (hover) {
+        classes.push('--scrollbar-hover');
+    }
+    if (snap) {
+        classes.push('--scrollbar-snap');
+    }
+    if (!grab) {
+        return { ...effect, class: classes };
+    }
+    return { ...effect, ...grab, class: [...classes, ...grab.class] };
 };
-const fade = () => attributes('--scrollbar-fade', '--scroll-fade-size');
-export default { blur, drag, fade };
+export default scrollbar;

package/build/modifiers/scrollbar/scss/index.scss

@@ -0,0 +1,2 @@
+@layer modifiers{.--glass{--glass-blur:24px;--glass-opacity:1}.--glass-progressive{--glass-opacity:.9}@property --glass-opacity{syntax:"<number>";inherits:true;initial-value:1}.--glass{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.--glass-blur{border-radius:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.--glass-blur.--glass-blur-progressive>span:first-child{-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * .0730435));backdrop-filter:blur(calc(var(--glass-blur,24px) * .0730435));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 0%, #000 14.2857%, #000 28.5714%, transparent 42.8571%);z-index:1}.--glass-blur.--glass-blur-progressive>span:nth-child(2){-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * .108696));backdrop-filter:blur(calc(var(--glass-blur,24px) * .108696));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 14.2857%, #000 28.5714%, #000 42.8571%, transparent 57.1429%);z-index:2}.--glass-blur.--glass-blur-progressive>span:nth-child(3){-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * .186087));backdrop-filter:blur(calc(var(--glass-blur,24px) * .186087));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 28.5714%, #000 42.8571%, #000 57.1429%, transparent 71.4286%);z-index:3}.--glass-blur.--glass-blur-progressive>span:nth-child(4){-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * .335652));backdrop-filter:blur(calc(var(--glass-blur,24px) * .335652));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 42.8571%, #000 57.1429%, #000 71.4286%, transparent 85.7143%);z-index:4}.--glass-blur.--glass-blur-progressive>span:nth-child(5){-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * .577391));backdrop-filter:blur(calc(var(--glass-blur,24px) * .577391));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 57.1429%, #000 71.4286%, #000 85.7143%, transparent 100%);z-index:5}.--glass-blur.--glass-blur-progressive>span:nth-child(6){-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * .857391));backdrop-filter:blur(calc(var(--glass-blur,24px) * .857391));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 71.4286%, #000 85.7143%, #000 100%, transparent 100%);z-index:6}.--glass-blur.--glass-blur-progressive>span:nth-child(7){-webkit-backdrop-filter:blur(calc(var(--glass-blur,24px) * 1));backdrop-filter:blur(calc(var(--glass-blur,24px) * 1));-webkit-mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);mask-image:linear-gradient(var(--glass-direction,to bottom), transparent 85.7143%, #000 100%);z-index:7}.--glass-blur>span{-webkit-backdrop-filter:blur(var(--glass-blur,24px));backdrop-filter:blur(var(--glass-blur,24px));border-radius:inherit;opacity:var(--glass-opacity,1);position:absolute;inset:0}.--glass:has(>.--glass-blur){-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;position:relative}.--scrollbar-primary{--scrollbar-color-active:var(--color-primary-300);--scrollbar-color-default:var(--color-primary-400);--scrollbar-color-hover:var(--color-primary-300);--scrollbar-color-pressed:var(--color-primary-500)}.--scrollbar-text{--scrollbar-color-active:var(--color-text-300);--scrollbar-color-default:var(--color-text-400);--scrollbar-color-hover:var(--color-text-300);--scrollbar-color-pressed:var(--color-text-500)}.--scrollbar-black{--scrollbar-color-active:var(--color-black-300);--scrollbar-color-default:var(--color-black-400);--scrollbar-color-hover:var(--color-black-300);--scrollbar-color-pressed:var(--color-black-500)}.--scrollbar-blue{--scrollbar-color-active:var(--color-blue-300);--scrollbar-color-default:var(--color-blue-400);--scrollbar-color-hover:var(--color-blue-300);--scrollbar-color-pressed:var(--color-blue-500)}.--scrollbar-green{--scrollbar-color-active:var(--color-green-300);--scrollbar-color-default:var(--color-green-400);--scrollbar-color-hover:var(--color-green-300);--scrollbar-color-pressed:var(--color-green-500)}.--scrollbar-grey{--scrollbar-color-active:var(--color-grey-300);--scrollbar-color-default:var(--color-grey-400);--scrollbar-color-hover:var(--color-grey-300);--scrollbar-color-pressed:var(--color-grey-500)}.--scrollbar-purple{--scrollbar-color-active:var(--color-purple-300);--scrollbar-color-default:var(--color-purple-400);--scrollbar-color-hover:var(--color-purple-300);--scrollbar-color-pressed:var(--color-purple-500)}.--scrollbar-red{--scrollbar-color-active:var(--color-red-300);--scrollbar-color-default:var(--color-red-400);--scrollbar-color-hover:var(--color-red-300);--scrollbar-color-pressed:var(--color-red-500)}.--scrollbar-white{--scrollbar-color-active:var(--color-white-300);--scrollbar-color-default:var(--color-white-400);--scrollbar-color-hover:var(--color-white-300);--scrollbar-color-pressed:var(--color-white-500)}.--scrollbar-yellow{--scrollbar-color-active:var(--color-yellow-300);--scrollbar-color-default:var(--color-yellow-400);--scrollbar-color-hover:var(--color-yellow-300);--scrollbar-color-pressed:var(--color-yellow-500)}.--scrollbar-auto{--scrollbar-border-radius:3px;--scrollbar-offset:0px;--scrollbar-growth:0px;--scrollbar-size:auto;--scrollbar-track-size:0px;--scrollbar-width:auto}.--scrollbar-blur{--scrollbar-blur:var(--blur-400);--scrollbar-blur-offset-end:0px;--scrollbar-blur-offset-start:0px;--scrollbar-blur-size:3lh}.--scrollbar-fade{--scrollbar-fade-size:2lh}.--scrollbar:not(:where(.--scrollbar-scope *)),.--scrollbar-scope{--scrollbar-align:.5;--scrollbar-behavior:smooth;--scrollbar-color-default:var(--surface-border-default);--scrollbar-color-hover:var(--surface-border-hover);--scrollbar-color-pressed:var(--surface-border-pressed);--scrollbar-offset:calc(var(--size-100) / 4);--scrollbar-overscroll:contain;--scrollbar-rail-color:transparent;--scrollbar-size:4px;--scrollbar-track-inset:calc(var(--size-100) / 2);--scrollbar-width:thin}@property --scrollbar-blur-size{syntax:"<length>";inherits:true;initial-value:0}@property --scrollbar-fade-end{syntax:"<length>";inherits:false;initial-value:0}@property --scrollbar-fade-size{syntax:"<length>";inherits:true;initial-value:0}@property --scrollbar-fade-start{syntax:"<length>";inherits:false;initial-value:0}.--scrollbar{overflow:var(--scrollbar-overflow,auto);scrollbar-gutter:var(--scrollbar-gutter,stable)}.--scrollbar-blur.--scrollbar-horizontal{display:flex}.--scrollbar-blur.--scrollbar-horizontal>*{flex-shrink:0}.--scrollbar-blur.--scrollbar-horizontal>.--scrollbar-blur-edge{height:auto;width:var(--scrollbar-blur-size)}.--scrollbar-blur.--scrollbar-horizontal>.--scrollbar-blur-end{--glass-direction:to right;margin:0 0 0 calc(var(--scrollbar-blur-size) * -1);translate:var(--scrollbar-blur-offset-end) 0;inset:auto 0 auto auto}.--scrollbar-blur.--scrollbar-horizontal>.--scrollbar-blur-start{--glass-direction:to left;margin:0 calc(var(--scrollbar-blur-size) * -1) 0 0;translate:var(--scrollbar-blur-offset-start) 0;inset:auto auto auto 0}.--scrollbar-blur>.--scrollbar-blur-edge{--glass-blur:var(--scrollbar-blur);height:var(--scrollbar-blur-size);z-index:1;flex-shrink:0;position:sticky}.--scrollbar-blur>.--scrollbar-blur-end{--glass-direction:to bottom;--glass-opacity:calc(var(--scrollbar-overflow-end,0) * .9);margin-top:calc(var(--scrollbar-blur-size) * -1);translate:0 var(--scrollbar-blur-offset-end);inset:auto 0 0}.--scrollbar-blur>.--scrollbar-blur-start{--glass-direction:to top;--glass-opacity:calc(var(--scrollbar-overflow-start,0) * .9);margin-bottom:calc(var(--scrollbar-blur-size) * -1);translate:0 var(--scrollbar-blur-offset-start);inset:0 0 auto}@supports (animation-timeline:scroll()){.--scrollbar-blur.--scrollbar-horizontal>.--scrollbar-blur-edge{animation-timeline:scroll(x)}.--scrollbar-blur>.--scrollbar-blur-end{animation:1ms linear both scrollbar-blur-end;animation-range:calc(100% - var(--scrollbar-blur-size)) 100%;animation-timeline:scroll()}.--scrollbar-blur>.--scrollbar-blur-start{animation:1ms linear both scrollbar-blur-start;animation-range:0px var(--scrollbar-blur-size);animation-timeline:scroll()}}@keyframes scrollbar-blur-end{0%{--glass-opacity:.9}to{--glass-opacity:0}}@keyframes scrollbar-blur-start{0%{--glass-opacity:0}to{--glass-opacity:.9}}.--scrollbar-drag.--dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.--scrollbar-fade{--scrollbar-fade-end:calc(var(--scrollbar-fade-size) * var(--scrollbar-overflow-end,0));--scrollbar-fade-start:calc(var(--scrollbar-fade-size) * var(--scrollbar-overflow-start,0));mask-image:linear-gradient(to bottom, transparent, #000 var(--scrollbar-fade-start), #000 calc(100% - var(--scrollbar-fade-end)), transparent), linear-gradient(#000 0 0);mask-position:0,100%;mask-repeat:no-repeat;mask-size:calc(100% - var(--scrollbar-track-size,0px)) 100%, var(--scrollbar-track-size,0px) 100%}.--scrollbar-fade.--scrollbar-horizontal{mask-image:linear-gradient(to right, transparent, #000 var(--scrollbar-fade-start), #000 calc(100% - var(--scrollbar-fade-end)), transparent), linear-gradient(#000 0 0);mask-position:top,bottom;mask-size:100% calc(100% - var(--scrollbar-track-size,0px)), 100% var(--scrollbar-track-size,0px)}@supports (animation-timeline:scroll()){.--scrollbar-fade{animation:1ms linear both scrollbar-fade-end,1ms linear both scrollbar-fade-start;animation-range:calc(100% - var(--scrollbar-fade-size)) 100%, 0px var(--scrollbar-fade-size);animation-timeline:scroll(self)}.--scrollbar-fade.--scrollbar-horizontal{animation-timeline:scroll(self x)}}@keyframes scrollbar-fade-end{0%{--scrollbar-fade-end:var(--scrollbar-fade-size)}to{--scrollbar-fade-end:0px}}@keyframes scrollbar-fade-start{0%{--scrollbar-fade-start:0px}to{--scrollbar-fade-start:var(--scrollbar-fade-size)}}.--scrollbar-hidden{--scrollbar-track-size:0px;scrollbar-width:none}.--scrollbar-hidden::-webkit-scrollbar{display:none}.--scrollbar-horizontal{overscroll-behavior-y:auto;scrollbar-gutter:auto;overflow:auto hidden}@media (hover:hover) and (pointer:fine){.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible)){scrollbar-color:transparent transparent}@supports selector(::-webkit-scrollbar){.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible)){scrollbar-color:auto}.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible))::-webkit-scrollbar-corner{background:0 0}.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible))::-webkit-scrollbar-thumb{background:0 0}.--scrollbar-hover:not(:hover,:focus-visible,:has(:focus-visible))::-webkit-scrollbar-track{background:0 0}}}.--scrollbar-snap{overscroll-behavior-x:contain;scroll-snap-type:both mandatory;overflow:auto}.--scrollbar-snap>*{scroll-snap-align:center;scroll-snap-stop:normal}.--scrollbar,:where(.--scrollbar-scope){overscroll-behavior:var(--scrollbar-overscroll)}.--scrollbar,:where(.--scrollbar-scope,.--scrollbar-scope *){scroll-behavior:var(--scrollbar-behavior);scrollbar-color:var(--scrollbar-color-default) var(--scrollbar-rail-color);scrollbar-width:var(--scrollbar-width)}@media (prefers-reduced-motion:reduce){.--scrollbar,:where(.--scrollbar-scope,.--scrollbar-scope *){scroll-behavior:auto}}@supports selector(::-webkit-scrollbar){.--scrollbar,:where(.--scrollbar-scope,.--scrollbar-scope *){--scrollbar-growth:calc(var(--scrollbar-size-hover,calc(var(--scrollbar-size) + 2px)) - var(--scrollbar-size));--scrollbar-inset-edge:calc(var(--scrollbar-growth) * var(--scrollbar-align) + var(--scrollbar-offset));--scrollbar-inset-inner:calc(var(--scrollbar-growth) * (1 - var(--scrollbar-align)));--scrollbar-radius:var(--scrollbar-border-radius,calc(var(--scrollbar-size) / 3));--scrollbar-track-size:calc(var(--scrollbar-size) + var(--scrollbar-growth) + var(--scrollbar-offset));scrollbar-color:auto;scrollbar-width:auto}.--scrollbar::-webkit-scrollbar{height:var(--scrollbar-track-size);width:var(--scrollbar-track-size)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar{height:var(--scrollbar-track-size);width:var(--scrollbar-track-size)}.--scrollbar::-webkit-scrollbar-button{display:none}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-button{display:none}.--scrollbar::-webkit-scrollbar-corner{background-color:var(--scrollbar-rail-color)}.--scrollbar::-webkit-scrollbar-track{background-color:var(--scrollbar-rail-color)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-corner{background-color:var(--scrollbar-rail-color)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-track{background-color:var(--scrollbar-rail-color)}.--scrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color-default)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color-default)}.--scrollbar::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-radius);background-clip:padding-box;border:0 solid #0000}.--scrollbar::-webkit-scrollbar-track{border-radius:var(--scrollbar-radius);background-clip:padding-box;border:0 solid #0000}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-radius);background-clip:padding-box;border:0 solid #0000}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-track{border-radius:var(--scrollbar-radius);background-clip:padding-box;border:0 solid #0000}.--scrollbar::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-color-pressed)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-color-pressed)}.--scrollbar::-webkit-scrollbar-thumb:horizontal{border-block-end-width:var(--scrollbar-inset-edge);border-block-start-width:var(--scrollbar-inset-inner);border-start-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-start-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge))}.--scrollbar::-webkit-scrollbar-track:horizontal{border-block-end-width:var(--scrollbar-inset-edge);border-block-start-width:var(--scrollbar-inset-inner);border-start-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-start-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge))}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:horizontal{border-block-end-width:var(--scrollbar-inset-edge);border-block-start-width:var(--scrollbar-inset-inner);border-start-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-start-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge))}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-track:horizontal{border-block-end-width:var(--scrollbar-inset-edge);border-block-start-width:var(--scrollbar-inset-inner);border-start-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-start-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner));border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge))}.--scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-color-hover)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-color-hover)}.--scrollbar::-webkit-scrollbar-thumb:vertical{border-inline-end-width:var(--scrollbar-inset-edge);border-inline-start-width:var(--scrollbar-inset-inner);border-start-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius)}.--scrollbar::-webkit-scrollbar-track:vertical{border-inline-end-width:var(--scrollbar-inset-edge);border-inline-start-width:var(--scrollbar-inset-inner);border-start-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:vertical{border-inline-end-width:var(--scrollbar-inset-edge);border-inline-start-width:var(--scrollbar-inset-inner);border-start-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-track:vertical{border-inline-end-width:var(--scrollbar-inset-edge);border-inline-start-width:var(--scrollbar-inset-inner);border-start-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-edge)) var(--scrollbar-radius);border-end-start-radius:calc(var(--scrollbar-radius) + var(--scrollbar-inset-inner)) var(--scrollbar-radius)}.--scrollbar::-webkit-scrollbar-track:horizontal{margin-inline:var(--scrollbar-track-inset)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-track:horizontal{margin-inline:var(--scrollbar-track-inset)}.--scrollbar::-webkit-scrollbar-track:vertical{margin-block:var(--scrollbar-track-inset)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-track:vertical{margin-block:var(--scrollbar-track-inset)}.--scrollbar:hover::-webkit-scrollbar-thumb:horizontal{border-block-end-width:var(--scrollbar-offset);border-block-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:var(--scrollbar-radius);border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset))}.--scrollbar:hover::-webkit-scrollbar-track:horizontal{border-block-end-width:var(--scrollbar-offset);border-block-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:var(--scrollbar-radius);border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset))}.--scrollbar::-webkit-scrollbar-thumb:horizontal:active{border-block-end-width:var(--scrollbar-offset);border-block-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:var(--scrollbar-radius);border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset))}.--scrollbar::-webkit-scrollbar-track:horizontal:active{border-block-end-width:var(--scrollbar-offset);border-block-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:var(--scrollbar-radius);border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset))}:where(.--scrollbar-scope,.--scrollbar-scope *):hover::-webkit-scrollbar-thumb:horizontal{border-block-end-width:var(--scrollbar-offset);border-block-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:var(--scrollbar-radius);border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset))}:where(.--scrollbar-scope,.--scrollbar-scope *):hover::-webkit-scrollbar-track:horizontal{border-block-end-width:var(--scrollbar-offset);border-block-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:var(--scrollbar-radius);border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset))}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:horizontal:active{border-block-end-width:var(--scrollbar-offset);border-block-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:var(--scrollbar-radius);border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset))}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-track:horizontal:active{border-block-end-width:var(--scrollbar-offset);border-block-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:var(--scrollbar-radius);border-end-end-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset));border-end-start-radius:var(--scrollbar-radius) calc(var(--scrollbar-radius) + var(--scrollbar-offset))}.--scrollbar:hover::-webkit-scrollbar-thumb:vertical{border-inline-end-width:var(--scrollbar-offset);border-inline-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-start-radius:var(--scrollbar-radius)}.--scrollbar:hover::-webkit-scrollbar-track:vertical{border-inline-end-width:var(--scrollbar-offset);border-inline-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-start-radius:var(--scrollbar-radius)}.--scrollbar::-webkit-scrollbar-thumb:vertical:active{border-inline-end-width:var(--scrollbar-offset);border-inline-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-start-radius:var(--scrollbar-radius)}.--scrollbar::-webkit-scrollbar-track:vertical:active{border-inline-end-width:var(--scrollbar-offset);border-inline-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-start-radius:var(--scrollbar-radius)}:where(.--scrollbar-scope,.--scrollbar-scope *):hover::-webkit-scrollbar-thumb:vertical{border-inline-end-width:var(--scrollbar-offset);border-inline-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-start-radius:var(--scrollbar-radius)}:where(.--scrollbar-scope,.--scrollbar-scope *):hover::-webkit-scrollbar-track:vertical{border-inline-end-width:var(--scrollbar-offset);border-inline-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-start-radius:var(--scrollbar-radius)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-thumb:vertical:active{border-inline-end-width:var(--scrollbar-offset);border-inline-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-start-radius:var(--scrollbar-radius)}:where(.--scrollbar-scope,.--scrollbar-scope *)::-webkit-scrollbar-track:vertical:active{border-inline-end-width:var(--scrollbar-offset);border-inline-start-width:0;border-start-start-radius:var(--scrollbar-radius);border-start-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-end-radius:calc(var(--scrollbar-radius) + var(--scrollbar-offset)) var(--scrollbar-radius);border-end-start-radius:var(--scrollbar-radius)}}}
+/*$vite$:1*/

package/build/normalize/scss/index.scss

@@ -1,3 +1,2 @@
-/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
-@layer normalize{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}button,input,select,textarea{font-family:inherit;font-size:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:0}button,button:active,button:focus,button:hover,input,input:active,input:focus,input:hover,select,select:active,select:focus,select:hover,textarea,textarea:active,textarea:focus,textarea:hover{outline:none}button:invalid,input:invalid,select:invalid,textarea:invalid{box-shadow:none}code,kbd,pre,samp{font-family:var(--font-family-mono)}form{width:100%;margin:0;padding:0}label{cursor:pointer}}
+@layer normalize{@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:100 900;src:url(../../css-utilities/font/geist/Geist-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:italic;font-weight:100 900;src:url(../../css-utilities/font/geist/Geist-Italic-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:100 900;src:url(../../css-utilities/font/geist/GeistMono-Variable.woff2)format("woff2")}@font-face{font-display:swap;font-family:Geist Mono;font-style:italic;font-weight:100 900;src:url(../../css-utilities/font/geist/GeistMono-Italic-Variable.woff2)format("woff2")}code,kbd,pre,samp{--font-weight-300:300;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-family:"Geist Mono", monospace}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}button,input,select,textarea{font-family:inherit;font-size:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:0}button,button:active,button:focus,button:hover,input,input:active,input:focus,input:hover,select,select:active,select:focus,select:hover,textarea,textarea:active,textarea:focus,textarea:hover{outline:none}button:invalid,input:invalid,select:invalid,textarea:invalid{box-shadow:none}code,kbd,pre,samp{font-family:var(--font-family)}form{width:100%;margin:0;padding:0}label{cursor:pointer}}
 /*$vite$:1*/

package/layer.scss

@@ -1 +1 @@
-@layer normalize, components, themes, css-utilities;
+@layer normalize, components, modifiers;

package/package.json

@@ -23,27 +23,20 @@
     "vite": "^8.3.1"
   },
   "exports": {
-    "./css-utilities.scss": "./build/css-utilities/index.scss",
-    "./css-utilities/*.scss": "./build/css-utilities/*/scss/index.scss",
-    "./css-utilities/font/*.scss": "./build/css-utilities/font/*/scss/index.scss",
-    "./css-utilities": {
-      "types": "./build/css-utilities/index.d.ts",
-      "default": "./build/css-utilities/index.js"
-    },
+    "./css-utilities/*.scss": "./src/css-utilities/*.scss",
+    "./css-utilities/font/*.scss": "./src/css-utilities/font/*/index.scss",
     "./layer.scss": "./layer.scss",
+    "./modifiers": {
+      "types": "./build/modifiers/index.d.ts",
+      "default": "./build/modifiers/index.js"
+    },
+    "./modifiers/*": {
+      "types": "./build/modifiers/*/index.d.ts",
+      "default": "./build/modifiers/*/index.js"
+    },
     "./normalize.scss": "./build/normalize/scss/index.scss",
     "./shared.scss": "./shared.scss",
     "./svg/*.svg": "./storage/svg/*.svg",
-    "./themes/dark": {
-      "types": "./build/themes/dark/index.d.ts",
-      "default": "./build/themes/dark/index.js"
-    },
-    "./themes/dark/*.scss": "./build/themes/dark/*/scss/index.scss",
-    "./themes/light": {
-      "types": "./build/themes/light/index.d.ts",
-      "default": "./build/themes/light/index.js"
-    },
-    "./themes/light/*.scss": "./build/themes/light/*/scss/index.scss",
     "./tokens.scss": "./tokens.scss",
     "./*.scss": "./build/components/*/scss/index.scss",
     "./*": {
@@ -65,7 +58,7 @@
     "**/*.scss"
   ],
   "type": "module",
-  "version": "0.57.0",
+  "version": "0.58.0",
   "scripts": {
     "build": "run-s build:vite build:ts",
     "build:ts": "tsc",