:root{--lg-fill:#ffffff70;--lg-fill-hi:#ffffffa8;--lg-edge:#ffffff80;--lg-rim:#1111111a;--lg-blur:blur(22px) saturate(1.8) brightness(1.02);--lg-shadow:0 8px 22px -14px #11111157;--lg-ease:cubic-bezier(.23,1,.32,1)}.glass{-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);background:var(--lg-fill);box-shadow:inset 0 0 0 .5px var(--lg-rim),  inset 0 1px 0 var(--lg-edge),  var(--lg-shadow);transition:background-color .24s var(--lg-ease), box-shadow .24s var(--lg-ease), color .18s ease, transform .24s var(--lg-ease);border:0;position:relative}.glass:hover{background:var(--lg-fill-hi)}.glass:active{transform:scale(.978)}.glass-cap{border-radius:999px}.glass-on{background:#11111113;box-shadow:inset 0 0 0 .5px #11111129,inset 0 1px #ffffff6b,0 10px 26px -14px #1111116b}.glass-on:hover{background:#11111118}@keyframes lgIn{0%{-webkit-backdrop-filter:blur()saturate();backdrop-filter:blur()saturate();transform:scale(.94)}to{-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);transform:none}}.glass-mat{animation:lgIn .34s var(--lg-ease) both}.glass:focus-visible{outline:2px solid var(--ink,#111);outline-offset:2px}@media (prefers-reduced-transparency:reduce){.glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f6f6f6fa}.glass-on{background:#1111111a}}@media (prefers-contrast:more){.glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;box-shadow:inset 0 0 0 1px #111}.glass-on{color:#fff;background:#111;box-shadow:inset 0 0 0 1px #111}}@media (prefers-reduced-motion:reduce){.glass,.glass-mat{transition:none;animation:none}.glass:active{transform:none}}