/* Lens material. Only the prepared image layer is refracted; labels stay sharp. */
.glass{position:relative;isolation:isolate;overflow:hidden;background:#ffffff0b;border:1px solid #ffffff4d;border-radius:999px;color:#f5f5f2;box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -1px 1px #ffffff38,0 4px 8px #0003,0 12px 32px #0005;transform:translateZ(0);transition:transform .45s cubic-bezier(.22,1.4,.4,1),border-color .3s,box-shadow .3s}
.glass-scene,.glass-film,.glass-light{position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1}.glass-scene{overflow:hidden;opacity:.54}.glass-scene svg{width:100%;height:100%;display:block;overflow:visible}.glass-film{background:linear-gradient(135deg,#ffffff26 0%,#ffffff05 25%,#00000012 60%,#ffffff20 100%);box-shadow:inset 1px 1px 0 #ffffff50,inset -1px -1px 0 #ffffff35}
.glass-light{background:radial-gradient(ellipse at var(--light-x,35%) var(--light-y,0%),#e5cb8f8c,transparent 65%);opacity:0;transition:opacity .35s;mix-blend-mode:screen}.glass:hover,.glass:focus-visible{border-color:#e5cb8f8c;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 1px #e5cb8f88,0 4px 8px #0003,0 12px 32px #0005}.glass:hover .glass-light,.glass:focus-visible .glass-light,.glass.is-pressed .glass-light{opacity:.65}.glass:active,.glass.is-pressed{transform:scale(1.035)}
.glass-photo .glass-scene{opacity:.68}.glass-photo .glass-film{background:linear-gradient(135deg,#ffffff24,#0808095c 45%,#ffffff16)}
@media(prefers-reduced-motion:reduce){.glass,.glass-light{transition:none}.glass:active,.glass.is-pressed{transform:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass{background:#28282b;border-color:#dededc}.glass-scene,.glass-light{display:none}.glass-film{background:none}}
@media(forced-colors:active){.glass{background:ButtonFace;color:ButtonText;border:2px solid ButtonText}.glass-scene,.glass-light,.glass-film{display:none}}