.glass-surface{isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,calc(var(--glass-frost,.16) + .025)),rgba(255,255,255,calc(var(--glass-frost,.16)*.35)));-webkit-backdrop-filter:blur(var(--glass-blur,12px))saturate(var(--glass-saturation,1.4))brightness(calc(.88 + var(--glass-brightness,.5)*.5));border:var(--glass-border-width,1px)solid #ffffff24;justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 2px 1px #ffffff0d,inset 0 0 10px 4px #ffffff06,0 10px 30px #0a0e1e2e,0 4px 16px #11111a14,0 12px 36px #11111a0f,inset 0 4px 16px #11111a0a,inset 0 8px 24px #11111a09,inset 0 16px 56px #11111a06}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__rim,.glass-surface__shine,.glass-surface__prism,.glass-surface__tint{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.glass-surface__rim{z-index:0;inset:calc(var(--glass-border-width,1px)*-1);opacity:.8;filter:blur(.4px);background:linear-gradient(#ffffff38,#ffffff04 26%,#0000 42%),linear-gradient(90deg,#ffffff14,#0000 16% 84%,#ffffff1a),linear-gradient(#ffffff12,#0000 70%)}.glass-surface__shine{z-index:0;opacity:calc(var(--glass-opacity,.93)*.72);background:radial-gradient(circle at 16% 14%,#ffffff3d,#0000 30%),radial-gradient(circle at 72% 24%,#ffffff14,#0000 28%),linear-gradient(#ffffff24,#0000 38%),linear-gradient(125deg,#ffffff12,#0000 58%)}.glass-surface__prism{z-index:0;mix-blend-mode:screen;opacity:.52;filter:blur(.5px);background:linear-gradient(105deg,#ffffff14,#0000 18%,#ffffff06 42%,#0000 68%),linear-gradient(90deg,#ffffff12,#0000 14% 72%,#ffffff17),radial-gradient(circle at 84% 84%,#ffffff14,#0000 24%),radial-gradient(circle at 14% 88%,#ffffff0d,#0000 22%)}.glass-surface__tint{z-index:0;mix-blend-mode:screen;opacity:.46;background:radial-gradient(circle at 82% 78%,#ffffff0a,#0000 28%),radial-gradient(circle at 24% 82%,#ffffff08,#0000 24%),linear-gradient(#0000 55%,#ffffff05)}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--live{border-color:#ffffff17;box-shadow:inset 0 0 2px 1px #ffffff06,inset 0 0 10px 4px #ffffff03,0 10px 30px #0a0e1e24,0 4px 16px #11111a0f,0 12px 36px #11111a0b,inset 0 4px 16px #11111a08,inset 0 8px 24px #11111a06,inset 0 16px 56px #11111a05}.glass-surface--live .glass-surface__rim{opacity:.58;background:linear-gradient(#ffffff1c,#ffffff02 26%,#0000 42%),linear-gradient(90deg,#ffffff09,#0000 16% 84%,#ffffff0b),linear-gradient(#ffffff08,#0000 70%)}.glass-surface--live .glass-surface__shine{opacity:.34;background:radial-gradient(circle at 16% 14%,#ffffff1c,#0000 30%),radial-gradient(circle at 72% 24%,#ffffff09,#0000 28%),linear-gradient(#ffffff0d,#0000 38%),linear-gradient(125deg,#ffffff08,#0000 58%)}.glass-surface--live .glass-surface__prism{opacity:.3;background:linear-gradient(105deg,#ffffff08,#0000 18%,#ffffff03 42%,#0000 68%),linear-gradient(90deg,#ffffff07,#0000 14% 72%,#ffffff08),radial-gradient(circle at 84% 84%,#ffffff08,#0000 24%),radial-gradient(circle at 14% 88%,#ffffff05,#0000 22%)}.glass-surface--live .glass-surface__tint{opacity:.24;background:radial-gradient(circle at 82% 78%,#ffffff05,#0000 28%),radial-gradient(circle at 24% 82%,#ffffff04,#0000 24%),linear-gradient(#0000 55%,#ffffff02)}@media (prefers-color-scheme:dark){.glass-surface{background:linear-gradient(135deg,rgba(255,255,255,calc(var(--glass-frost,.16) + .02)),rgba(255,255,255,calc(var(--glass-frost,.16)*.18)));border-color:#ffffff1f;box-shadow:inset 0 0 2px 1px #ffffff14,inset 0 0 10px 4px #ffffff0a,0 24px 60px #00000057,0 8px 24px #4e62b91f,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 1px #ffffff1f,inset 0 -1px #ffffff0d}.glass-surface__rim{background:linear-gradient(#ffffff1f,#0000 26% 42%),linear-gradient(90deg,#ffffff0d,#0000 18% 82%,#ffffff14),linear-gradient(#ffffff0d,#0000 70%)}.glass-surface__shine{background:radial-gradient(circle at 16% 14%,#ffffff21,#0000 30%),radial-gradient(circle at 72% 24%,#ffffff0d,#0000 28%),linear-gradient(#ffffff0f,#0000 38%),linear-gradient(125deg,#ffffff0d,#0000 58%)}.glass-surface--live{border-color:#ffffff14;box-shadow:inset 0 0 2px 1px #ffffff05,inset 0 0 10px 4px #ffffff03,0 24px 60px #00000047,0 8px 24px #4e62b914,inset 0 4px 16px #11111a0a,inset 0 8px 24px #11111a0a,inset 0 1px #ffffff14,inset 0 -1px #ffffff09}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface{background:linear-gradient(135deg,rgba(255,255,255,calc(var(--glass-frost,.16) + .22)),rgba(255,255,255,calc(var(--glass-frost,.16) + .08)));box-shadow:0 18px 44px #0f172a29,inset 0 0 2px 1px #00000012,inset 0 1px #ffffff73,inset 0 -1px #fff3}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface{background:linear-gradient(135deg,#ffffff1f,#ffffff0a)}}}