.glass-surface{-webkit-backdrop-filter:blur(var(--glass-blur,11px))saturate(var(--glass-saturation,1));justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}:where(.glass-surface){background:#ffffff1f;border:1px solid #ffffff1f;box-shadow:0 4px 16px #11111a08,0 8px 24px #11111a08,0 16px 56px #11111a08}@media (prefers-color-scheme:dark){:where(.glass-surface){background:#ffffff0a;border:1px solid #ffffff0f;box-shadow:0 4px 16px #0000001a,0 8px 24px #0000001a,0 16px 56px #0000001a}}.glass-surface:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000012)var(--lightningcss-dark,#ffffff14),inset 0 0 10px 4px var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#ffffff0a),inset 0 4px 16px var(--lightningcss-light,#00000005)var(--lightningcss-dark,#ffffff05),inset 0 8px 24px var(--lightningcss-light,#00000005)var(--lightningcss-dark,#ffffff05),inset 0 16px 56px var(--lightningcss-light,#00000005)var(--lightningcss-dark,#ffffff05)}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}