._react-dice-roll-defaultFace-_space3d{perspective:1000px;text-align:center;padding:unset;border:unset;outline:unset;box-shadow:unset;background-color:#0000;display:inline-block}._react-dice-roll-defaultFace-_space3d ._3dbox{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:all .85s cubic-bezier(.175,.885,.32,1.275);display:inline-block;position:relative;transform:rotateX(-90deg)rotateY(0)rotate(0)}._react-dice-roll-defaultFace-_space3d ._3dface{opacity:1;color:#000;background-size:auto 100%;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}._react-dice-roll-defaultFace-_space3d .react-dice-roll-defaultFace{background-color:#fffffff3;border:1px solid #000;grid-template-columns:repeat(5,1fr);display:grid;position:absolute;inset:0}._react-dice-roll-defaultFace-_space3d .react-dice-roll-defaultFace div{justify-content:center;align-items:center;display:flex}._react-dice-roll-defaultFace-_space3d .react-dice-roll-defaultFace span{background-color:#000;border-radius:40%;width:60%;height:60%}._react-dice-roll-defaultFace-_space3d.one ._3dbox{transform:rotateX(90deg)rotateY(0)rotate(0)}._react-dice-roll-defaultFace-_space3d.two ._3dbox{transform:rotateX(0)rotateY(0)rotate(0)}._react-dice-roll-defaultFace-_space3d.three ._3dbox{transform:rotateX(0)rotateY(180deg)rotate(0)}._react-dice-roll-defaultFace-_space3d.four ._3dbox{transform:rotateX(-90deg)rotateY(90deg)rotate(90deg)}._react-dice-roll-defaultFace-_space3d.five ._3dbox{transform:rotateX(90deg)rotateY(-90deg)rotate(90deg)}._react-dice-roll-defaultFace-_space3d.rolling ._3dbox{transform-style:preserve-3d;animation:1.5s linear infinite react-dice-roll-spin}@keyframes react-dice-roll-spin{0%{transform:translateZ(-100px)rotateX(0)rotateY(0)rotate(0)}16%{transform:translateZ(-100px)rotateX(180deg)rotateY(180deg)rotate(0)}33%{transform:translateZ(-100px)rotateX(360deg)rotateY(90deg)rotate(180deg)}50%{transform:translateZ(-100px)rotateX(360deg)rotateY(360deg)rotate(360deg)}66%{transform:translateZ(-100px)rotateX(180deg)rotateY(360deg)rotate(270deg)}83%{transform:translateZ(-100px)rotateX(270deg)rotateY(180deg)rotate(180deg)}to{transform:translateZ(-100px)rotateX(360deg)rotateY(360deg)rotate(360deg)}}