.icon-slide{inline-size:var(--icon-size,1.375rem);block-size:var(--icon-size,1.375rem);display:grid;overflow:clip}.icon-slide__glyph{transition:transform var(--dur-slow) var(--ease-out-quart);grid-area:1/1;display:flex}.icon-slide__glyph_dup{transform:translateY(100%)}@media (hover:hover){:where(a,button,label):hover .icon-slide__glyph{transform:translateY(calc(-1 * var(--icon-slide-shift,0%)))}:where(a,button,label):hover .icon-slide__glyph_dup{transform:translateY(calc(100% - var(--icon-slide-shift,0%)))}}:where(a,button,label):focus-visible .icon-slide__glyph{transform:translateY(calc(-1 * var(--icon-slide-shift,0%)))}:where(a,button,label):focus-visible .icon-slide__glyph_dup{transform:translateY(calc(100% - var(--icon-slide-shift,0%)))}
.fav-btn{inline-size:var(--btn-size,2.75rem);block-size:var(--btn-size,2.75rem);border-radius:var(--radius-pill);color:var(--ink-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-smooth), border-color var(--dur-fast) var(--ease-smooth), background-color var(--dur-fast) var(--ease-smooth);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.fav-btn svg{inline-size:var(--icon-size,1.375rem);block-size:var(--icon-size,1.375rem);transition:transform var(--dur-fast) var(--ease-smooth)}.fav-btn:hover{color:var(--accent)}.fav-btn:active svg{transform:scale(.88)}.fav-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.fav-btn_solid{border-color:var(--border);background:var(--surface)}.fav-btn_on{color:var(--accent)}.fav-btn_on svg path{fill:currentColor}@media (prefers-reduced-motion:reduce){.fav-btn,.fav-btn svg{transition:none}}