.glass-surface{transition:opacity .26s ease-out}.glass-surface,.glass-surface__content{position:relative;display:flex;align-items:center;justify-content:center}.glass-surface__content{width:100%;height:100%;border-radius:inherit;z-index:1;overflow:hidden}.glass-surface--fallback{background:rgba(255,255,255,var(--glass-frost,.95));backdrop-filter:blur(var(--glass-blur,12px)) saturate(var(--glass-saturation,1.8));-webkit-backdrop-filter:blur(var(--glass-blur,12px)) saturate(var(--glass-saturation,1.8));border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.95),0 4px 12px rgba(0,0,0,.06)}.glass-surface--fallback.glass-surface--no-glow{box-shadow:inset 0 1px 1px hsla(0,0%,100%,.7)}.dark .glass-surface--fallback{background:rgba(10,10,15,var(--glass-frost,.25));backdrop-filter:blur(var(--glass-blur,12px)) saturate(var(--glass-saturation,1.8)) brightness(1.2);-webkit-backdrop-filter:blur(var(--glass-blur,12px)) saturate(var(--glass-saturation,1.8)) brightness(1.2);border:1px solid hsla(0,0%,100%,.2)}.dark .glass-surface--fallback,.dark .glass-surface--fallback.glass-surface--no-glow{box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.2),inset 0 -1px 0 0 hsla(0,0%,100%,.1)}@supports not (backdrop-filter:blur(10px)){.glass-surface--fallback{background:hsla(0,0%,100%,.85);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.5)}.dark .glass-surface--fallback{background:rgba(20,20,25,.85);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.2)}}.glass-surface:focus-visible{outline:2px solid #5227ff;outline-offset:2px}