.flipping-logo{width:32px;height:32px;perspective:800px}.flipping-logo__inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:logo-coin-flip 7s ease-in-out infinite}.flipping-logo__coin{position:absolute;inset:0;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipping-logo__coin--back{transform:rotateY(-180deg)}@keyframes logo-coin-flip{0%{transform:rotateY(0deg)}40%{transform:rotateY(0deg)}60%{transform:rotateY(180deg)}90%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}@media(prefers-reduced-motion:reduce){.flipping-logo__inner{animation:none;transform:rotateY(0deg)}}