.die-container{position:relative;-webkit-perspective:1000px;perspective:1000px;width:50px;height:50px;cursor:pointer}#die{position:absolute;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-50px);transform:translateZ(-50px);width:100%;height:100%;background-color:#d50000;color:#fff}#die.rolling{-webkit-animation:rotation .75s linear;animation:rotation .75s linear}@-webkit-keyframes rotation{0%{-webkit-transform:rotateX(0deg) rotateY(0deg);transform:rotateX(0deg) rotateY(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(1turn);transform:rotateX(1turn) rotateY(1turn)}}@keyframes rotation{0%{-webkit-transform:rotateX(0deg) rotateY(0deg);transform:rotateX(0deg) rotateY(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(1turn);transform:rotateX(1turn) rotateY(1turn)}}#die .side{position:absolute;display:flex;justify-content:center;align-items:center;margin:0;width:49px;height:49px;background-color:inherit;border:2px solid #000;font-family:sans-serif;font-size:3em;font-weight:700}#die.option-translucent{background-color:rgba(213,0,0,.8)}.d6 .side:first-child{-webkit-transform:rotateY(0deg) translateZ(25px);transform:rotateY(0deg) translateZ(25px)}.d6 .side:nth-child(2){-webkit-transform:rotateX(180deg) translateZ(25px);transform:rotateX(180deg) translateZ(25px)}.d6 .side:nth-child(3){-webkit-transform:rotateY(90deg) translateZ(25px);transform:rotateY(90deg) translateZ(25px)}.d6 .side:nth-child(4){-webkit-transform:rotateY(-90deg) translateZ(25px);transform:rotateY(-90deg) translateZ(25px)}.d6 .side:nth-child(5){-webkit-transform:rotateX(90deg) translateZ(25px);transform:rotateX(90deg) translateZ(25px)}.d6 .side:nth-child(6){-webkit-transform:rotateX(-90deg) translateZ(25px);transform:rotateX(-90deg) translateZ(25px)}body{background:#efefef}
/*# sourceMappingURL=main.4f37320c.chunk.css.map */