.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{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.glass-surface--svg{background:hsl(0 0% 0%/var(--glass-frost,.08));-webkit-backdrop-filter:var(--filter-id) saturate(var(--glass-saturation,1.2));box-shadow:0 0 0 1px var(--border-glass), inset 0 1px 0 0 #ffffff1f, inset 0 0 12px 2px #ffffff0d, var(--shadow-glass)}.glass-surface--fallback{--glass-blur:blur(16px) saturate(1.6) brightness(1.1);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass), inset 0 1px 0 0 #ffffff1f;background:#ffffff0f}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:var(--surface-glass)}}.glass-surface:focus-visible{outline:2px solid var(--color-orange-500,#f97316);outline-offset:2px}