.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;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}.glass-surface--svg{background:color-mix(in oklab, var(--color-bone) calc(var(--glass-frost,0) * 100%), transparent);-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:0 0 2px 1px color-mix(in oklab, var(--color-ink) 12%, transparent) inset, 0 0 12px 4px color-mix(in oklab, var(--color-ink) 6%, transparent) inset}:root:not([data-theme=paper]) .glass-surface--svg{box-shadow:inset 0 0 2px 1px #ffffff29,inset 0 0 12px 4px #ffffff0f}.glass-surface--fallback{background:color-mix(in oklab, var(--color-bone) 62%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.6);border:1px solid color-mix(in oklab, var(--color-ink) 10%, transparent)}:root:not([data-theme=paper]) .glass-surface--fallback{background:color-mix(in oklab, var(--color-bone) 55%, transparent);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1a}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:color-mix(in oklab, var(--color-bone) 92%, transparent)}}.glass-surface:focus-visible{outline:1.5px solid var(--color-ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){.glass-surface{transition:none}}