.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100%/var(--glass-frost,0)),hsl(0 0% 0%/var(--glass-frost,0)));backdrop-filter:var(--filter-id) saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px light-dark(color-mix(in oklch,#000,transparent 85%),color-mix(in oklch,#fff,transparent 65%)),inset 0 0 10px 4px light-dark(color-mix(in oklch,#000,transparent 90%),color-mix(in oklch,#fff,transparent 85%)),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)}.glass-surface--fallback{background:radial-gradient(140% 100% at 50% -16%,rgba(210,228,255,.42) 0,rgba(210,228,255,.12) 28%,transparent 60%),linear-gradient(180deg,rgba(6,10,20,.82),rgba(2,4,12,.88));backdrop-filter:blur(16px) saturate(1.65) brightness(1.06);-webkit-backdrop-filter:blur(16px) saturate(1.65) brightness(1.06);border:none;box-shadow:inset 0 1px 0 rgba(222,236,255,.36),inset 0 -1px 0 rgba(18,28,44,.44),0 16px 38px rgba(0,0,0,.4),0 4px 14px rgba(16,28,56,.22)}@media (prefers-color-scheme:dark){.glass-surface--fallback{background:radial-gradient(140% 100% at 50% -16%,rgba(210,228,255,.34) 0,rgba(210,228,255,.1) 26%,transparent 58%),linear-gradient(180deg,rgba(5,8,18,.84),rgba(2,4,12,.92));backdrop-filter:blur(16px) saturate(1.65) brightness(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.65) brightness(1.1);border:none;box-shadow:inset 0 1px 0 rgba(222,236,255,.28),inset 0 -1px 0 rgba(9,14,26,.58),0 16px 38px rgba(0,0,0,.46),0 4px 14px rgba(10,18,38,.26)}}@supports not (backdrop-filter:blur(10px)){.glass-surface--fallback{background:linear-gradient(180deg,rgba(14,20,36,.86),rgba(6,10,20,.94));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.26),inset 0 -1px 0 rgba(0,0,0,.4),0 10px 22px rgba(0,0,0,.42)}.glass-surface--fallback:before{content:"";position:absolute;inset:0;background:radial-gradient(130% 100% at 50% -16%,rgba(225,240,255,.28),transparent 62%);border-radius:inherit;z-index:0}@media (prefers-color-scheme:dark){.glass-surface--fallback{background:rgba(0,0,0,.4)}.glass-surface--fallback:before{background:hsla(0,0%,100%,.05)}}}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}