@property --glass-frost{syntax:"<number>";inherits:true;initial-value:0}.glass-surface{transition:opacity .26s var(--ease-out), --glass-frost .35s var(--ease-out);justify-content:center;align-items:center;display:inline-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;display:flex;position:relative}.glass-surface--svg{background:color-mix(in oklab, var(--paper) calc(var(--glass-frost,0) * 100%), transparent);-webkit-backdrop-filter:var(--glass-filter,none) blur(var(--glass-blur,14px)) saturate(var(--glass-saturation,1));backdrop-filter:var(--glass-filter,none) blur(var(--glass-blur,14px)) saturate(var(--glass-saturation,1));box-shadow:0 0 0 1px color-mix(in oklab, var(--ink) 10%, transparent) inset, 0 0 12px 4px color-mix(in oklab, var(--ink) 5%, transparent) inset}.glass-surface--fallback{background:color-mix(in oklab, var(--paper) calc(var(--glass-frost,.6) * 100%), transparent);-webkit-backdrop-filter:blur(var(--glass-blur,14px)) saturate(1.2);backdrop-filter:blur(var(--glass-blur,14px)) saturate(1.2);box-shadow:0 0 0 1px color-mix(in oklab, var(--ink) 10%, transparent) inset}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:color-mix(in oklab, var(--paper) 82%, transparent)}}.glass-surface:focus-visible{outline:2px solid var(--signal);outline-offset:2px}