.flip{aspect-ratio:1;block-size:100%;inline-size:100%;perspective:1200px}.flip__inner{height:100%;position:relative;transform:rotateY(0);transform-style:preserve-3d;width:100%;will-change:transform}.flip__back,.flip__front{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:50%;top:0;right:0;bottom:0;left:0;position:absolute}.flip__back{transform:rotateY(180deg)}@keyframes flip-fast-then-brake{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@media (prefers-reduced-motion:reduce){.flip__inner{animation:none;transform:rotateY(-180deg)}}