.dice{position:relative;transform-style:preserve-3d;transition:transform .83s}.dice,.side{width:60px;height:60px}.side{position:absolute;background-color:#fff;border-radius:5px;border:1px solid #e5e5e5;text-align:center;line-height:2em}.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);position:relative;width:100%;height:clamp(236px,60vw,330px);display:flex;justify-content:center;align-items:center;perspective:1000px;overflow:hidden}.rps-fold-scene{position:relative;transform-origin:center center;animation:rps-fold-scene-view 1.35s cubic-bezier(.2,.7,.2,1) forwards}.rps-fold-face,.rps-fold-scene{width:var(--rps-fold-size);height:var(--rps-fold-size);transform-style:preserve-3d}.rps-fold-face{position:absolute;border:1px solid rgba(0,0,0,.72);border-radius:10px;box-shadow:0 6px 14px rgba(0,0,0,.14);backface-visibility:hidden;animation-duration:1.18s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.24,.74,.22,1);will-change:transform}.rps-fold-face-center{width:var(--rps-fold-size);height:var(--rps-fold-size);font-size:clamp(1.6rem,5.4vw,2.4rem);color:black;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(0deg) rotateY(0deg) 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(0)}to{transform:translateZ(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(0)}to{transform:translateZ(0) rotateX(0deg) rotateY(-90deg) translateZ(calc(var(--rps-fold-size) / 2))}}@keyframes rps-fold-front{0%,12%{transform:translateZ(0) rotateX(0deg) rotateY(0deg) translateZ(0)}to{transform:translateZ(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(0)}to{transform:translateZ(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(0)}68%{transform:translateZ(0) rotateX(-90deg) rotateY(0deg) translateZ(0)}to{transform:translateZ(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(0)}68%{transform:translate3d(0,var(--rps-fold-size),0) rotateX(-90deg) rotateY(0deg) translateZ(0)}78%{transform:translate3d(0,var(--rps-fold-size),0) rotateX(-90deg) rotateY(0deg) translateZ(0)}to{transform:translateZ(0) rotateX(-180deg) rotateY(0deg) translateZ(calc(var(--rps-fold-size) / 2))}}