:root{color-scheme:dark;--glass-blur: 1px;--glass-saturate: 1.8;--glass-brightness: 1.04;--glass-depth: 14;--glass-bezel: 18;--glass-lens-exponent: 1;--glass-ca: .5;--glass-radius: 26px;--glass-ring-blur: 3.5px;--glass-ring-bright: 1.1;--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-specular: rgba(255, 255, 255, .85);--glass-shadow: 0 12px 40px rgba(0, 0, 0, .25);--glass-shadow-hover: 0 18px 54px rgba(0, 0, 0, .34);--spec-x: .3;--spec-y: .2}.glass{position:relative;border-radius:var(--r, var(--glass-radius));color:var(--glass-ink);background:radial-gradient(120% 90% at calc(var(--spec-x) * 100%) calc(var(--spec-y) * 100% - 40%),#ffffff1a,#fff0 60%),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))}:root[data-wk="1"] .glass{transform:none}:root[data-wk="1"] .glass,:root[data-wk="1"] .glass>.bezel>span{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.glass>*{position:relative;z-index:2}:root[data-glass-tier=refract] .glass{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness))}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.2px;z-index:1;background:linear-gradient(calc(125deg + (var(--spec-x) - .5) * 40deg),var(--glass-specular),rgba(255,255,255,.12) 34%,rgba(255,255,255,.03) 55%,rgba(255,255,255,.38));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events: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}}:root[data-glass-tier=simulate] .glass{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness));box-shadow:inset 0 0 0 1px var(--glass-rim),inset 1.5px 3px 0 -1.5px var(--glass-specular),inset -2px -2px 0 -2px #ffffff4d,inset 0 -8px 16px -8px #ffffff1f,inset 0 0 22px -6px #ffffff24,var(--glass-shadow)}:root[data-glass-tier=simulate] .glass>.bezel{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:0;pointer-events:none;padding:var(--bezel-px, calc(var(--glass-bezel) * 1px));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}:root[data-glass-tier=simulate] .glass[data-lensed]>.pane{display:none}:root[data-glass-tier=simulate] .glass>.pane{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;border-radius:inherit;filter:blur(.5px);pointer-events:none}:root[data-glass-tier=simulate] .glass>.bezel>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;-webkit-backdrop-filter:blur(var(--glass-ring-blur)) brightness(var(--glass-ring-bright)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-ring-blur)) brightness(var(--glass-ring-bright)) saturate(var(--glass-saturate))}:root[data-glass-tier=opaque] .glass{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(#ffffff24,#ffffff0f),light-dark(rgba(238,242,250,.92),rgba(14,19,36,.92))}:root[data-glass-tier=opaque] .glass:after,:root[data-glass-tier=opaque] .glass>.bezel{display:none}@media(prefers-reduced-transparency:reduce){.glass{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(#ffffff24,#ffffff0f),light-dark(rgba(238,242,250,.92),rgba(14,19,36,.92))}.glass:after,.glass>.bezel{display:none}}.frost{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;overflow:hidden;pointer-events:none;transition:opacity .3s}.frost-slice{position:absolute;left:0;right:0;overflow:hidden;contain:layout paint}.frost-clone{position:relative;white-space:normal;text-align:initial}.glass-lite{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(135deg,light-dark(rgba(30,41,68,.14),rgba(255,255,255,.11)),light-dark(rgba(30,41,68,.07),rgba(255,255,255,.05)));box-shadow:inset 0 0 0 1px var(--glass-rim),0 4px 14px #0000002e}@media(hover:hover){.glass-hoverable:hover{--lift: -2px;box-shadow:inset 0 0 0 1px var(--glass-rim),var(--glass-shadow-hover)}}:root:not([data-glass-tier=refract]) .goo-layer{display:none}.goo-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;filter:url(#lg-goo);opacity:.16}.goo-layer .blob{position:absolute;border-radius:999px;background:#fff}@media(prefers-reduced-motion:reduce){.glass{--rx: 0deg;--ry: 0deg;--press: 1}}