.glass{position:relative;isolation:isolate;color:var(--text);background:var(--glass);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.22),inset 0 0 0 .5px rgb(var(--fg)/.14),var(--glass-shadow)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--glass-frost);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}}.glass:after,.glass:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none}.glass:before{padding:1px;background:linear-gradient(135deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.06) 38%,hsla(0,0%,100%,.03) 62%,hsla(0,0%,100%,.24));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass:after{background:radial-gradient(120% 60% at 30% 0,hsla(0,0%,100%,.18),transparent 60%);opacity:.85;transition:opacity .2s}@media (hover:hover){.glass:hover:after{opacity:1}}.glass--capsule,.glass--circle{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.glass--circle{width:44px;height:44px;border-radius:50%}.glass--capsule{height:44px;border-radius:999px;padding:0 14px}.glass--capsule:active,.glass--circle:active{transform:scale(.94)}.glass-lens{border-radius:999px;background:var(--lens);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25),inset 0 0 0 .5px rgb(var(--fg)/.08);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.scroll-edge{position:fixed;inset:0 0 auto;height:calc(var(--safe-top) + 64px);pointer-events:none;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.glass,.scroll-edge{-webkit-backdrop-filter:none;backdrop-filter:none}.glass{background:var(--glass-solid)}.glass:after{display:none}.scroll-edge{background:var(--ground)}}@media (forced-colors:active){.glass{border:1px solid CanvasText}.glass:after,.glass:before{display:none}}@media (prefers-reduced-motion:reduce){.glass--capsule,.glass--circle,.glass-lens{transition:none}}@media (min-width:1024px){.scroll-edge{left:var(--side)}}