.coin-wrapper[data-v-b71a2bb8]{height:200px;perspective:600px;width:200px}.coin[data-v-b71a2bb8]{height:100%;position:relative;transform-style:preserve-3d;transition:transform .1s;width:100%}.coin-face[data-v-b71a2bb8]{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:6px solid #fff;border-radius:50%;box-shadow:0 4px 20px #00000026;display:flex;font-size:5rem;font-weight:800;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.coin-heads[data-v-b71a2bb8]{background-color:var(--color-primary-400);color:#fff}.coin-tails[data-v-b71a2bb8]{background-color:var(--color-accent-blue);color:#fff;transform:rotateY(180deg)}.coin.heads[data-v-b71a2bb8],.coin[data-v-b71a2bb8]:not(.heads):not(.tails){transform:rotateY(0)}.coin.tails[data-v-b71a2bb8]{transform:rotateY(180deg)}@keyframes coinFlipHeads-b71a2bb8{0%{transform:rotateY(0)}to{transform:rotateY(3turn)}}@keyframes coinFlipTails-b71a2bb8{0%{transform:rotateY(0)}to{transform:rotateY(1260deg)}}.is-flipping .coin.heads[data-v-b71a2bb8],.is-flipping .coin[data-v-b71a2bb8]:not(.heads):not(.tails){animation:coinFlipHeads-b71a2bb8 1s ease-in-out forwards}.is-flipping .coin.tails[data-v-b71a2bb8]{animation:coinFlipTails-b71a2bb8 1s ease-in-out forwards}