.backdrop{background:var(--c-scrim);-webkit-backdrop-filter:blur(var(--scrim-blur));backdrop-filter:blur(var(--scrim-blur));opacity:0;position:absolute;inset:0}@media (prefers-reduced-transparency:reduce){.backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.icon-btn{border:1px solid var(--icon-btn-rule);background:var(--icon-btn-bg);width:44px;height:44px;color:var(--icon-btn-ink);cursor:pointer;transition:background-color var(--motion-tint-dur) var(--ease-out), transform var(--motion-release-dur) var(--motion-release-ease);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.icon-btn--paper{--icon-btn-bg:var(--c-record-2);--icon-btn-bg-hover:var(--c-record-rule);--icon-btn-rule:var(--c-record-rule);--icon-btn-ink:var(--c-record-ink)}.record--memorial .icon-btn--paper{--icon-btn-bg:var(--c-mourning-sunk);--icon-btn-bg-hover:var(--c-mourning-rule);--icon-btn-rule:var(--c-mourning-rule);--icon-btn-ink:var(--c-mourning-ink)}.icon-btn--glass{--icon-btn-bg:var(--c-overlay);--icon-btn-bg-hover:var(--c-scrim);--icon-btn-rule:transparent;--icon-btn-ink:var(--art-white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-btn__glyph{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.icon-btn:hover{background:var(--icon-btn-bg-hover)}.icon-btn:active{background:var(--icon-btn-bg-hover);transform:scale(calc(var(--motion-press-scale) - .05));transition-duration:var(--motion-press-dur)}.icon-btn[aria-pressed=true]{--icon-btn-bg:var(--c-inverse);--icon-btn-bg-hover:var(--c-inverse);--icon-btn-ink:var(--c-on-inverse)}.icon-btn:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}
