.dice{width:60px;height:60px;transform-style:preserve-3d;transition:transform .83s;position:relative}.side{text-align:center;background-color:#fff;border:1px solid #e5e5e5;border-radius:5px;width:60px;height:60px;line-height:2em;position:absolute}.side:first-child{transform:rotateX(90deg)translateZ(1.86em)}.side:nth-child(2){transform:rotateY(-90deg)translateZ(1.86em)}.side:nth-child(3){transform:translateZ(1.86em)}.side:nth-child(4){transform:rotateY(90deg)translateZ(1.86em)}.side:nth-child(5){transform:rotateX(-90deg)translateZ(1.86em)}.side:nth-child(6){transform:rotateY(-180deg)translateZ(1.86em)rotate(180deg)}.right{transform:rotateX(90deg)rotate(90deg)}.rps-fold-wrapper{width:100%}.rps-fold-stage{--rps-fold-size:clamp(56px,16vw,84px);perspective:1000px;justify-content:center;align-items:center;width:100%;height:clamp(236px,60vw,330px);display:flex;position:relative;overflow:hidden}.rps-fold-scene{width:var(--rps-fold-size);height:var(--rps-fold-size);transform-style:preserve-3d;transform-origin:50%;animation:1.35s cubic-bezier(.2,.7,.2,1) forwards rps-fold-scene-view;position:relative}.rps-fold-face{width:var(--rps-fold-size);height:var(--rps-fold-size);backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;border:1px solid #000000b8;border-radius:10px;animation-duration:1.18s;animation-timing-function:cubic-bezier(.24,.74,.22,1);animation-fill-mode:forwards;position:absolute;box-shadow:0 6px 14px #00000024}.rps-fold-face-center{width:var(--rps-fold-size);height:var(--rps-fold-size);color:#000;font-size:clamp(1.6rem,5.4vw,2.4rem);line-height:1}.rps-fold-top{animation-name:rps-fold-top}.rps-fold-left{animation-name:rps-fold-left}.rps-fold-front{animation-name:rps-fold-front}.rps-fold-right{animation-name:rps-fold-right}.rps-fold-bottom{animation-name:rps-fold-bottom}.rps-fold-back{animation-name:rps-fold-back}@keyframes rps-fold-scene-view{0%,12%{transform:rotateX(0)rotateY(0)scale(1)}72%{transform:rotateX(-12deg)rotateY(16deg)scale(1)}to{transform:rotateX(-22deg)rotateY(28deg)scale(1.01)}}@keyframes rps-fold-top{0%,12%{transform:translate3d(0,calc(-1*var(--rps-fold-size)),0)rotateX(0deg)rotateY(0deg)translateZ(0px)}to{transform:translate3d(0,0,0)rotateX(90deg)rotateY(0deg)translateZ(calc(var(--rps-fold-size)/2))}}@keyframes rps-fold-left{0%,12%{transform:translate3d(calc(-1*var(--rps-fold-size)),0,0)rotateX(0deg)rotateY(0deg)translateZ(0px)}to{transform:translate3d(0,0,0)rotateX(0deg)rotateY(-90deg)translateZ(calc(var(--rps-fold-size)/2))}}@keyframes rps-fold-front{0%,12%{transform:translate(0,0)rotateX(0)rotateY(0)translateZ(0)}to{transform:translate3d(0,0,0)rotateX(0deg)rotateY(0deg)translateZ(calc(var(--rps-fold-size)/2))}}@keyframes rps-fold-right{0%,12%{transform:translate3d(var(--rps-fold-size),0,0)rotateX(0deg)rotateY(0deg)translateZ(0px)}to{transform:translate3d(0,0,0)rotateX(0deg)rotateY(90deg)translateZ(calc(var(--rps-fold-size)/2))}}@keyframes rps-fold-bottom{0%,12%{transform:translate3d(0,var(--rps-fold-size),0)rotateX(0deg)rotateY(0deg)translateZ(0px)}68%{transform:translate(0,0)rotateX(-90deg)rotateY(0)translateZ(0)}to{transform:translate3d(0,0,0)rotateX(-90deg)rotateY(0deg)translateZ(calc(var(--rps-fold-size)/2))}}@keyframes rps-fold-back{0%,12%{transform:translate3d(0,calc(var(--rps-fold-size)*2),0)rotateX(0deg)rotateY(0deg)translateZ(0px)}68%{transform:translate3d(0,var(--rps-fold-size),0)rotateX(-90deg)rotateY(0deg)translateZ(0px)}78%{transform:translate3d(0,var(--rps-fold-size),0)rotateX(-90deg)rotateY(0deg)translateZ(0px)}to{transform:translate3d(0,0,0)rotateX(-180deg)rotateY(0deg)translateZ(calc(var(--rps-fold-size)/2))}}