.dice[data-v-f8dacaf0] [data-v-f8dacaf0]{margin:0;padding:0;vertical-align:baseline!important}.dice[data-v-f8dacaf0]{align-items:center;display:grid;grid-gap:2rem;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));grid-template-rows:auto;justify-items:center;perspective:600px}.die-list[data-v-f8dacaf0]{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:6rem;list-style-type:none;transform-style:preserve-3d;width:6rem}.even-roll[data-v-f8dacaf0]{transition:transform 1.5s ease-out}.odd-roll[data-v-f8dacaf0]{transition:transform 1.25s ease-out}.die-item[data-v-f8dacaf0]{background-color:#fff;box-shadow:inset -.35rem .45rem .5rem #00000012,inset .3rem -.45rem .5rem #0000001f;display:grid;grid-column:1;grid-row:1;grid-template-areas:"one two three" "four five six" "seven eight nine";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;width:100%}.dot[data-v-f8dacaf0]{align-self:center;background-color:#676767;border-radius:50%;box-shadow:inset -.15rem .15rem .25rem #00000080;display:block;height:1.25rem;justify-self:center;width:1.25rem}.even-roll[data-roll="1"][data-v-f8dacaf0]{transform:rotateX(1turn) rotateY(2turn) rotate(1turn)}.even-roll[data-roll="2"][data-v-f8dacaf0]{transform:rotateX(450deg) rotateY(2turn) rotate(1turn)}.even-roll[data-roll="3"][data-v-f8dacaf0]{transform:rotateX(1turn) rotateY(630deg) rotate(1turn)}.even-roll[data-roll="4"][data-v-f8dacaf0]{transform:rotateX(1turn) rotateY(810deg) rotate(1turn)}.even-roll[data-roll="5"][data-v-f8dacaf0]{transform:rotateX(270deg) rotateY(2turn) rotate(1turn)}.even-roll[data-roll="6"][data-v-f8dacaf0]{transform:rotateX(1turn) rotateY(900deg) rotate(1turn)}.odd-roll[data-roll="1"][data-v-f8dacaf0]{transform:rotateX(-1turn) rotateY(-2turn) rotate(-1turn)}.odd-roll[data-roll="2"][data-v-f8dacaf0]{transform:rotateX(-270deg) rotateY(-2turn) rotate(-1turn)}.odd-roll[data-roll="3"][data-v-f8dacaf0]{transform:rotateX(-1turn) rotateY(-810deg) rotate(-1turn)}.odd-roll[data-roll="4"][data-v-f8dacaf0]{transform:rotateX(-1turn) rotateY(-630deg) rotate(-1turn)}.odd-roll[data-roll="5"][data-v-f8dacaf0]{transform:rotateX(-450deg) rotateY(-2turn) rotate(-1turn)}.odd-roll[data-roll="6"][data-v-f8dacaf0]{transform:rotateX(-1turn) rotateY(-900deg) rotate(-1turn)}[data-side="1"][data-v-f8dacaf0]{transform:rotate3d(0,0,0,90deg) translateZ(3rem)}[data-side="2"][data-v-f8dacaf0]{transform:rotate3d(-1,0,0,90deg) translateZ(3rem)}[data-side="3"][data-v-f8dacaf0]{transform:rotateY(90deg) translateZ(3rem)}[data-side="4"][data-v-f8dacaf0]{transform:rotate3d(0,-1,0,90deg) translateZ(3rem)}[data-side="5"][data-v-f8dacaf0]{transform:rotateX(90deg) translateZ(3rem)}[data-side="6"][data-v-f8dacaf0]{transform:rotateX(180deg) translateZ(3rem)}[data-side="1"] .dot[data-v-f8dacaf0]:first-of-type{grid-area:five}[data-side="2"] .dot[data-v-f8dacaf0]:first-of-type{grid-area:one}[data-side="2"] .dot[data-v-f8dacaf0]:nth-of-type(2){grid-area:nine}[data-side="3"] .dot[data-v-f8dacaf0]:first-of-type{grid-area:one}[data-side="3"] .dot[data-v-f8dacaf0]:nth-of-type(2){grid-area:five}[data-side="3"] .dot[data-v-f8dacaf0]:nth-of-type(3){grid-area:nine}[data-side="4"] .dot[data-v-f8dacaf0]:first-of-type{grid-area:one}[data-side="4"] .dot[data-v-f8dacaf0]:nth-of-type(2){grid-area:three}[data-side="4"] .dot[data-v-f8dacaf0]:nth-of-type(3){grid-area:seven}[data-side="4"] .dot[data-v-f8dacaf0]:nth-of-type(4){grid-area:nine}[data-side="5"] .dot[data-v-f8dacaf0]:first-of-type{grid-area:one}[data-side="5"] .dot[data-v-f8dacaf0]:nth-of-type(2){grid-area:three}[data-side="5"] .dot[data-v-f8dacaf0]:nth-of-type(3){grid-area:five}[data-side="5"] .dot[data-v-f8dacaf0]:nth-of-type(4){grid-area:seven}[data-side="5"] .dot[data-v-f8dacaf0]:nth-of-type(5){grid-area:nine}[data-side="6"] .dot[data-v-f8dacaf0]:first-of-type{grid-area:one}[data-side="6"] .dot[data-v-f8dacaf0]:nth-of-type(2){grid-area:three}[data-side="6"] .dot[data-v-f8dacaf0]:nth-of-type(3){grid-area:four}[data-side="6"] .dot[data-v-f8dacaf0]:nth-of-type(4){grid-area:six}[data-side="6"] .dot[data-v-f8dacaf0]:nth-of-type(5){grid-area:seven}[data-side="6"] .dot[data-v-f8dacaf0]:nth-of-type(6){grid-area:nine}@media (min-width:900px){.dice[data-v-f8dacaf0]{perspective:1300px}}