.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;transition:opacity .26s ease-out,box-shadow .4s ease;box-shadow:0 4px 24px rgba(0,0,0,.18),inset 0 0 0 1px color-mix(in srgb,var(--fg) 12%,transparent)}.glass-surface__filter{position:absolute;width:0;height:0;pointer-events:none}.glass-surface__content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.glass-surface--svg{background:color-mix(in srgb,var(--bg) 70%,transparent)}.glass-surface--svg:before{content:"";position:absolute;inset:0;border-radius:inherit;backdrop-filter:brightness(1.05) saturate(var(--gs-saturation,1));-webkit-backdrop-filter:brightness(1.05) saturate(var(--gs-saturation,1))}.glass-surface--fallback{background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}@supports (backdrop-filter:url(#x)) or (-webkit-backdrop-filter:url(#x)){.glass-surface--svg{backdrop-filter:blur(16px) saturate(var(--gs-saturation,1.4));-webkit-backdrop-filter:blur(16px) saturate(var(--gs-saturation,1.4))}}