@property --flow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes glass-flow-border{0%{--flow-angle:0deg}to{--flow-angle:360deg}}.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:visible}.glass-surface-flow{z-index:0;pointer-events:none;position:absolute;inset:-2px;overflow:hidden}.glass-surface-flow:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;padding:2px;animation:3s linear infinite glass-flow-border;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-surface-flow:after{content:"";border-radius:inherit;filter:blur(4px);-webkit-mask-composite:xor;padding:4px;animation:3s linear infinite glass-flow-border;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-surface-flow-white:before{background:conic-gradient(from var(--flow-angle)at 50% 50%,transparent 0%,transparent 50%,#ffffff1a 58%,#ffffff80 65%,#fffc 72%,#fff 78%,#fff 82%,#fffc 88%,#ffffff80 93%,#ffffff1a 97%,transparent 100%)}.glass-surface-flow-white:after{background:conic-gradient(from var(--flow-angle)at 50% 50%,transparent 0%,transparent 55%,#ffffff0d 62%,#fff3 70%,#ffffff59 78%,#ffffff59 82%,#fff3 90%,#ffffff0d 96%,transparent 100%)}.glass-surface-flow-black:before{background:conic-gradient(from var(--flow-angle)at 50% 50%,transparent 0%,transparent 50%,#0000001a 58%,#00000059 65%,#0000008c 72%,#000000b3 78%,#000000b3 82%,#0000008c 88%,#00000059 93%,#0000001a 97%,transparent 100%)}.glass-surface-flow-black:after{background:conic-gradient(from var(--flow-angle)at 50% 50%,transparent 0%,transparent 55%,#0000000d 62%,#0000001f 70%,#0003 78%,#0003 82%,#0000001f 90%,#0000000d 96%,transparent 100%)}.glass-surface__filter{z-index:-1;pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{z-index:1;border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative;overflow:hidden}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff59),inset 0 0 10px 4px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15)),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804)}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{z-index:-1;content:"";border-radius:inherit;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}