:root{color-scheme:dark;--glass-bezel: 18;--glass-radius: 26px;--glass-tint: light-dark(rgba(30, 41, 68, .1), rgba(255, 255, 255, .085));--glass-tint-2: light-dark(rgba(30, 41, 68, .045), rgba(255, 255, 255, .032));--glass-ink: light-dark(#182236, #eef4ff);--glass-rim: rgba(255, 255, 255, .25);--glass-shadow: 0 10px 36px rgba(0, 0, 0, .14);--glass-shadow-hover: 0 16px 52px rgba(0, 0, 0, .2);--spec-x: .3}.glass{position:relative;border-radius:var(--r, var(--glass-radius));color:var(--glass-ink);background:linear-gradient(135deg,var(--glass-tint),var(--glass-tint-2));box-shadow:inset 0 0 0 1px var(--glass-rim),var(--glass-shadow);transform:perspective(1050px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0px)) scale(var(--press, 1))}.glass>*{position:relative;z-index:2}:root[data-glass-gl=on] .glass:not(.btn-primary){background:none}:root[data-glass-gl=on] .glass{box-shadow:none}:root:not([data-glass-gl=on]) .glass:not(.btn-primary){box-shadow:inset 0 0 0 1px var(--glass-rim),inset 1.5px 1.5px 1px -.5px #ffffff59,inset -1px -1px 1px -.5px #ffffff1f,inset 0 0 22px #ffffff0d,var(--glass-shadow)}.glass-navbase,.glass-navlens{position:fixed;left:0;top:0;pointer-events:none;overflow:hidden;contain:strict;visibility:hidden}.glass-navbase{z-index:10}.glass-navbase>canvas{display:block;width:100%;height:100%}.glass-navlens{z-index:12}.glass-navlens__frame{position:relative;overflow:hidden;--nav-lens-ink: .75}.glass-navlens__frame *{animation:none!important;transition:none!important;will-change:auto!important}.glass-navlens__frame .glass{transform:none!important}:root:not([data-glass-gl=on]) .glass-tiles,:root:not([data-glass-gl=on]) .glass-navbase,:root:not([data-glass-gl=on]) .glass-navlens{display:none}.glass>.glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:0;transition:opacity .4s;background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.16),rgba(255,255,255,0) 62%)}@media(hover:hover){.glass:hover>.glare{opacity:1}}@media(hover:hover){.glass-hoverable:hover{--lift: -2px;box-shadow:inset 0 0 0 1px var(--glass-rim),var(--glass-shadow-hover)}:root[data-glass-gl=on] .glass-hoverable:hover{box-shadow:none}}@media(prefers-reduced-motion:reduce){.glass{--rx: 0deg;--ry: 0deg;--press: 1}}