:root{--ease-icon:cubic-bezier(.34, 1.56, .64, 1)}[data-anim=hop]{--icon-anim:icon-hop .55s var(--ease-icon)}[data-anim=swell]{--icon-anim:icon-swell .5s var(--ease-icon)}[data-anim=turn]{--icon-anim:icon-turn .45s var(--ease-icon)}[data-anim=spin]{--icon-anim:icon-spin-full .7s var(--ease-icon)}[data-anim=spin-back]{--icon-anim:icon-spin-back .65s var(--ease-icon)}[data-anim=nudge-r]{--icon-anim:icon-nudge-r .45s var(--ease-icon)}[data-anim=nudge-l]{--icon-anim:icon-nudge-l .45s var(--ease-icon)}[data-anim=nudge-ur]{--icon-anim:icon-nudge-ur .45s var(--ease-icon)}[data-anim=pop]{--icon-anim:icon-pop .45s var(--ease-icon)}[data-anim=blink-eye]{--icon-anim:icon-blink-eye .5s ease-in-out}[data-anim=tilt]{--icon-anim:icon-tilt .65s ease-in-out}[data-anim=write]{--icon-anim:icon-write .6s ease-in-out;transform-origin:15% 85%}[data-anim=key]{--icon-anim:icon-key .65s ease-in-out}@media (prefers-reduced-motion:no-preference){@media (hover:hover){:is(a,button,[role=menuitem]):is(:hover,:focus-visible,[data-focus-visible]) svg[data-anim]{animation:var(--icon-anim)}}[data-icon-play] svg[data-anim]{animation:var(--icon-anim)}}@keyframes icon-hop{40%{transform:translateY(-3px)}70%{transform:translateY(.5px)}}@keyframes icon-swell{40%{transform:scale(1.12)}}@keyframes icon-turn{to{transform:rotate(90deg)}}@keyframes icon-spin-full{to{transform:rotate(360deg)}}@keyframes icon-spin-back{to{transform:rotate(-360deg)}}@keyframes icon-nudge-r{45%{transform:translate(3px)}}@keyframes icon-nudge-l{45%{transform:translate(-3px)}}@keyframes icon-nudge-ur{45%{transform:translate(2px,-2px)}}@keyframes icon-pop{40%{transform:scale(1.3)}}@keyframes icon-blink-eye{45%{transform:scaleY(.12)}}@keyframes icon-tilt{30%{transform:rotate(-12deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-2deg)}}@keyframes icon-write{25%{transform:rotate(-12deg)}50%{transform:rotate(6deg)}75%{transform:rotate(-4deg)}}@keyframes icon-key{35%{transform:rotate(-25deg)}70%{transform:rotate(8deg)}}