.glass-surface{transition:opacity .26s ease-out;position:relative}.glass-surface:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px;position:absolute;inset:0}.dark .glass-surface:after{opacity:.06;mix-blend-mode:screen}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{z-index:1;width:100%;height:100%;position:relative}.glass-surface--svg{background:rgba(255 255 255 / var(--glass-frost,0));box-shadow:inset 0 0 2px 1px #ffffff38,inset 0 0 10px 4px #ffffff14,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0a,inset 0 8px 24px #11111a0a,inset 0 16px 56px #11111a0a}.dark .glass-surface--svg{background:rgba(0 0 0 / var(--glass-frost,0));box-shadow:inset 0 0 2px 1px #ffffff1a,inset 0 0 10px 4px #ffffff0a,0 4px 16px #0000001a,0 8px 24px #0000001a,0 16px 56px #0000001a}.glass-surface--fallback{-webkit-backdrop-filter:blur(16px)saturate(1.8)brightness(1.1);backdrop-filter:blur(16px)saturate(1.8)brightness(1.1);background:#ffffff38;border:1px solid #ffffff47;box-shadow:0 8px 32px #1f26872e,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #ffffff2e}.dark .glass-surface--fallback{-webkit-backdrop-filter:blur(16px)saturate(1.8)brightness(1.2);backdrop-filter:blur(16px)saturate(1.8)brightness(1.2);background:#ffffff17;border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #ffffff17}@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 #ffffff47}.dark .glass-surface--fallback{background:#0006}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid #007aff}.dark .glass-surface:focus-visible{outline-color:#0a84ff}