.flat-card [class^=fi-]{transform-box:fill-box;transform-origin:center}.fi-plunge,.fi-squash{transform-origin:50% 100%}.fi-turn{transform-box:view-box;transform-origin:44px 24px}.fi-rinse,.fi-scan{opacity:0;transition:opacity .2s}@media (prefers-reduced-motion:no-preference){:is(.flat-card:hover,.flat-card:focus-visible) .fi-plunge{animation:fi-plunge .9s ease-in-out}:is(.flat-card:hover,.flat-card:focus-visible) .fi-squash{animation:fi-squash .9s ease-in-out}:is(.flat-card:hover,.flat-card:focus-visible) .fi-spray{stroke-dasharray:4 3;animation:fi-spray .35s linear infinite}:is(.flat-card:hover,.flat-card:focus-visible) .fi-debris{animation:fi-debris .9s ease-out infinite}:is(.flat-card:hover,.flat-card:focus-visible) .fi-scan{opacity:1;animation:fi-scan 2.4s linear infinite}:is(.flat-card:hover,.flat-card:focus-visible) .fi-flash{animation:fi-blink .6s steps(2,jump-none) 3}:is(.flat-card:hover,.flat-card:focus-visible) .fi-blink{animation:fi-blink 1s steps(2,jump-none) infinite}:is(.flat-card:hover,.flat-card:focus-visible) .fi-clamp{animation:fi-clamp .7s cubic-bezier(.3,.7,.3,1)}:is(.flat-card:hover,.flat-card:focus-visible) .fi-turn{animation:fi-turn 1s ease-in-out}:is(.flat-card:hover,.flat-card:focus-visible) .fi-rinse{opacity:1;stroke-dasharray:5 4;animation:fi-rinse .5s linear infinite}}@keyframes fi-plunge{0%,50%,to{transform:translateY(0)}25%,75%{transform:translateY(5px)}}@keyframes fi-squash{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.12,.78)}}@keyframes fi-spray{to{stroke-dashoffset:-14}}@keyframes fi-debris{0%{transform:translateX(0);opacity:1}80%{opacity:0}to{transform:translateX(10px);opacity:0}}@keyframes fi-scan{to{transform:rotate(1turn)}}@keyframes fi-blink{50%{opacity:0}}@keyframes fi-clamp{0%{transform:scale(1.3,1.08)}55%{transform:scale(.94,.97)}to{transform:scale(1)}}@keyframes fi-turn{0%,50%,to{transform:rotate(0deg)}25%,75%{transform:rotate(-20deg)}}@keyframes fi-rinse{to{stroke-dashoffset:-18}}