.coin{height:var(--coin-size);width:var(--coin-size);margin:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;--lowlight:#111;--side:#896c3b;--side-dark:#120e08;--coin-size:7rem;cursor:pointer}.heads{--coin-face:url(/_next/static/media/heads.532379d4.png)}.tails{--coin-face:url(/_next/static/media/tails.31614aaa.png)}.coin:before{content:"";display:block;position:relative;height:var(--coin-size);width:var(--coin-size);border-radius:50%;animation:spin .15s linear infinite;background-image:var(--coin-face,url(/_next/static/media/heads.532379d4.png));background-size:100% 100%;background-position:50%;background-blend-mode:overlay}.coin.flip:before{animation-name:flip}@keyframes flip{0%{height:var(--coin-size);box-shadow:0 0 0 var(--side-dark);animation-timing-function:ease-in}49.999%{height:.1rem;box-shadow:0 .05rem 0 var(--side),0 .1rem 0 var(--side),0 .15rem 0 var(--side),0 .2rem 0 var(--side),0 .25rem 0 var(--side),0 .3rem 0 var(--side),0 .35rem 0 var(--side),0 .4rem 0 var(--side),0 .45rem 0 var(--side),0 .5rem 0 var(--side),0 .55rem 0 var(--side),0 .6rem 0 var(--side),0 .65rem 0 var(--side),0 .7rem 0 var(--side),0 .75rem 0 var(--side);transform:translateY(-.375rem);background-color:var(--lowlight);animation-timing-function:linear}50.001%{height:.1rem;box-shadow:0 -.05rem 0 var(--side),0 -.1rem 0 var(--side),0 -.15rem 0 var(--side),0 -.2rem 0 var(--side),0 -.25rem 0 var(--side),0 -.3rem 0 var(--side),0 -.35rem 0 var(--side),0 -.4rem 0 var(--side),0 -.45rem 0 var(--side),0 -.5rem 0 var(--side),0 -.55rem 0 var(--side),0 -.6rem 0 var(--side),0 -.65rem 0 var(--side),0 -.7rem 0 var(--side),0 -.75rem 0 var(--side);transform:translateY(.375rem);background-color:var(--lowlight);animation-timing-function:ease-out}to{height:var(--coin-size);box-shadow:0 0 0 var(--side-dark)}}