@keyframes roll-4276c289{10%{transform:rotateX(0) rotateY(0) rotate(0)}30%{transform:rotateX(120deg) rotateY(240deg) rotate(0) translate(10px) translateY(10px)}50%{transform:rotateX(240deg) rotateY(480deg) rotate(0) translate(-10px) translateY(-10px)}70%{transform:rotateX(1turn) rotateY(2turn) rotate(0)}90%{transform:rotateX(480deg) rotateY(960deg) rotate(0)}}.dice-component[data-v-4276c289]{padding:0}.dice-table[data-v-4276c289]{align-items:center;background:linear-gradient(135deg,#000,#0d3d0d);border:3px solid #8b6f47;border-radius:12px;box-shadow:inset 0 2px 8px #0006,0 4px 12px #0000004d;display:flex;justify-content:center;margin-top:30px;min-height:130px;padding:20px;position:relative}.dice-table[data-v-4276c289]:before{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 20px);border-radius:10px;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}@media (max-width:768px){.dice-table[data-v-4276c289]{min-height:110px;padding:15px}}.content[data-v-4276c289]{height:90px;margin:auto;perspective:1500px;position:relative;width:90px}.die[data-v-4276c289]{cursor:pointer;height:100%;position:absolute;transform:rotateX(-54deg);transform-style:preserve-3d;transition:transform .5s ease-out;width:100%}.die.rolling[data-v-4276c289]{animation:roll-4276c289 3s linear}.die[data-face="1"][data-v-4276c289]{transform:rotateX(-54deg) rotateY(0)}.die[data-face="2"][data-v-4276c289]{transform:rotateX(-54deg) rotateY(72deg)}.die[data-face="3"][data-v-4276c289]{transform:rotateX(-54deg) rotateY(144deg)}.die[data-face="4"][data-v-4276c289]{transform:rotateX(-54deg) rotateY(216deg)}.die[data-face="5"][data-v-4276c289]{transform:rotateX(-54deg) rotateY(288deg)}.die[data-face="16"][data-v-4276c289]{transform:rotateX(126deg) rotateY(-72deg)}.die[data-face="17"][data-v-4276c289]{transform:rotateX(126deg) rotateY(-144deg)}.die[data-face="18"][data-v-4276c289]{transform:rotateX(126deg) rotateY(-216deg)}.die[data-face="19"][data-v-4276c289]{transform:rotateX(126deg) rotateY(-288deg)}.die[data-face="20"][data-v-4276c289]{transform:rotateX(126deg) rotateY(-1turn)}.die[data-face="6"][data-v-4276c289]{transform:rotateX(11deg) rotate(180deg) rotateY(0)}.die[data-face="7"][data-v-4276c289]{transform:rotateX(11deg) rotate(180deg) rotateY(72deg)}.die[data-face="8"][data-v-4276c289]{transform:rotateX(11deg) rotate(180deg) rotateY(144deg)}.die[data-face="9"][data-v-4276c289]{transform:rotateX(11deg) rotate(180deg) rotateY(216deg)}.die[data-face="10"][data-v-4276c289]{transform:rotateX(11deg) rotate(180deg) rotateY(288deg)}.die[data-face="11"][data-v-4276c289]{transform:rotateX(11deg) rotateY(-252deg)}.die[data-face="12"][data-v-4276c289]{transform:rotateX(11deg) rotateY(-324deg)}.die[data-face="13"][data-v-4276c289]{transform:rotateX(11deg) rotateY(-396deg)}.die[data-face="14"][data-v-4276c289]{transform:rotateX(11deg) rotateY(-468deg)}.die[data-face="15"][data-v-4276c289]{transform:rotateX(11deg) rotateY(-540deg)}.die .face[data-v-4276c289]{backface-visibility:hidden;border-bottom:38.7px solid rgba(255,215,0,.95);border-left:22.5px solid transparent;border-right:22.5px solid transparent;counter-increment:steps 1;height:0;left:50%;margin:0 -22.5px;position:absolute;top:0;transform-style:preserve-3d;width:0}.die .face[data-v-4276c289]:before{color:#000;content:counter(steps);font-size:19.35px;height:38.7px;left:-45px;line-height:34.83px;position:absolute;text-align:center;text-shadow:1px 1px 2px hsla(0,0%,100%,.3);top:8.675px;width:90px}.die .face[data-v-4276c289]:first-child{transform:rotateY(0) translateZ(15.075px) translateY(-5.805px) rotateX(54deg)}.die .face[data-v-4276c289]:nth-child(2){transform:rotateY(-72deg) translateZ(15.075px) translateY(-5.805px) rotateX(54deg)}.die .face[data-v-4276c289]:nth-child(3){transform:rotateY(-144deg) translateZ(15.075px) translateY(-5.805px) rotateX(54deg)}.die .face[data-v-4276c289]:nth-child(4){transform:rotateY(-216deg) translateZ(15.075px) translateY(-5.805px) rotateX(54deg)}.die .face[data-v-4276c289]:nth-child(5){transform:rotateY(-288deg) translateZ(15.075px) translateY(-5.805px) rotateX(54deg)}.die .face[data-v-4276c289]:nth-child(16){transform:rotateY(-108deg) translateZ(15.075px) translateY(54.567px) rotate(180deg) rotateX(54deg)}.die .face[data-v-4276c289]:nth-child(17){transform:rotateY(-36deg) translateZ(15.075px) translateY(54.567px) rotate(180deg) rotateX(54deg)}.die .face[data-v-4276c289]:nth-child(18){transform:rotateY(36deg) translateZ(15.075px) translateY(54.567px) rotate(180deg) rotateX(54deg)}.die .face[data-v-4276c289]:nth-child(19){transform:rotateY(108deg) translateZ(15.075px) translateY(54.567px) rotate(180deg) rotateX(54deg)}.die .face[data-v-4276c289]:nth-child(20){transform:rotateY(180deg) translateZ(15.075px) translateY(54.567px) rotate(180deg) rotateX(54deg)}.die .face[data-v-4276c289]:nth-child(6){transform:rotateY(1turn) translateZ(33.75px) translateY(24.381px) rotate(180deg) rotateX(-11deg)}.die .face[data-v-4276c289]:nth-child(7){transform:rotateY(288deg) translateZ(33.75px) translateY(24.381px) rotate(180deg) rotateX(-11deg)}.die .face[data-v-4276c289]:nth-child(8){transform:rotateY(216deg) translateZ(33.75px) translateY(24.381px) rotate(180deg) rotateX(-11deg)}.die .face[data-v-4276c289]:nth-child(9){transform:rotateY(144deg) translateZ(33.75px) translateY(24.381px) rotate(180deg) rotateX(-11deg)}.die .face[data-v-4276c289]:nth-child(10){transform:rotateY(72deg) translateZ(33.75px) translateY(24.381px) rotate(180deg) rotateX(-11deg)}.die .face[data-v-4276c289]:nth-child(11){transform:rotateY(252deg) translateZ(33.75px) translateY(24.381px) rotateX(-11deg)}.die .face[data-v-4276c289]:nth-child(12){transform:rotateY(324deg) translateZ(33.75px) translateY(24.381px) rotateX(-11deg)}.die .face[data-v-4276c289]:nth-child(13){transform:rotateY(396deg) translateZ(33.75px) translateY(24.381px) rotateX(-11deg)}.die .face[data-v-4276c289]:nth-child(14){transform:rotateY(468deg) translateZ(33.75px) translateY(24.381px) rotateX(-11deg)}.die .face[data-v-4276c289]:nth-child(15){transform:rotateY(540deg) translateZ(33.75px) translateY(24.381px) rotateX(-11deg)}