.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.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--svg{background:var(--lightningcss-light,hsla(0,0%,100%,var(--glass-frost,0)))var(--lightningcss-dark,hsla(0,0%,0%,var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id)saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id)saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,rgba(0,0,0,.15))var(--lightningcss-dark,rgba(255,255,255,.35)),inset 0 0 10px 4px var(--lightningcss-light,rgba(0,0,0,.1))var(--lightningcss-dark,rgba(255,255,255,.15)),0 4px 16px rgba(17,17,26,.05),0 8px 24px rgba(17,17,26,.05),0 16px 56px rgba(17,17,26,.05),inset 0 4px 16px rgba(17,17,26,.05),inset 0 8px 24px rgba(17,17,26,.05),inset 0 16px 56px rgba(17,17,26,.05);box-shadow:inset 0 0 2px 1px var(--lightningcss-light,color(display-p3 0 0 0/.15))var(--lightningcss-dark,color(display-p3 1 1 1/.35)),inset 0 0 10px 4px var(--lightningcss-light,color(display-p3 0 0 0/.1))var(--lightningcss-dark,color(display-p3 1 1 1/.15)),0 4px 16px color(display-p3 .0666667 .0666667 .0992517/.0509804),0 8px 24px color(display-p3 .0666667 .0666667 .0992517/.0509804),0 16px 56px color(display-p3 .0666667 .0666667 .0992517/.0509804),inset 0 4px 16px color(display-p3 .0666667 .0666667 .0992517/.0509804),inset 0 8px 24px color(display-p3 .0666667 .0666667 .0992517/.0509804),inset 0 16px 56px color(display-p3 .0666667 .0666667 .0992517/.0509804);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:saturate(var(--glass-saturation,1.4))brightness(1.15)contrast(1.05);background:0 0;border:none;box-shadow:0 4px 24px rgba(0,0,0,.1),inset 0 0 0 1px rgba(255,255,255,.12),inset 1px 1px rgba(255,180,100,.2),inset -1px -1px rgba(100,160,255,.2),inset 0 1px rgba(255,255,255,.3),inset 0 -1px rgba(255,255,255,.08)}.glass-surface--fallback:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(135deg,rgba(255,120,80,.4) 0%,rgba(255,200,100,.25) 20%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.1) 55%,rgba(100,180,255,.35) 80%,rgba(140,100,255,.25) 100%);padding:1.5px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 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--fallback:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(160deg,rgba(255,255,255,.08) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.04) 100%);position:absolute;top:0;bottom:0;left:0;right:0}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:saturate(var(--glass-saturation,1.4))brightness(1.1)contrast(1.05);box-shadow:0 4px 24px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.08),inset 1px 1px rgba(255,180,100,.15),inset -1px -1px rgba(100,160,255,.15),inset 0 1px rgba(255,255,255,.2),inset 0 -1px rgba(255,255,255,.06)}}@supports not ((-webkit-backdrop-filter:saturate(1)) or (backdrop-filter:saturate(1))){.glass-surface--fallback{background:rgba(0,0,0,.25);box-shadow:0 4px 24px rgba(0,0,0,.12),inset 0 0 0 1px rgba(255,255,255,.12),inset 1px 1px rgba(255,180,100,.15),inset -1px -1px rgba(100,160,255,.15),inset 0 1px rgba(255,255,255,.25),inset 0 -1px rgba(255,255,255,.12)}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}