.z8cEagq4 {
  perspective: 1000px;
  position: relative;
  transition:
    transform 0.5s cubic-bezier(0.75, 0, 0.5, 1),
    opacity 0.2s;
  transition-property: transform, opacity;
  padding: 1.59155078rem 1.25rem;
}
.z8cEagq4.L-OjmNx- {
  transform: translateY(-5rem);
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
}
.z8cEagq4:before {
  content: "";
  position: absolute;
  bottom: 1rem;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 5rem;
  height: 25%;
  border-radius: 100%;
  background: #fff;
  transition: 0.5s cubic-bezier(0.75, 0, 0.5, 1);
  transition-property: transform, opacity;
  transform-origin: center;
  pointer-events: none;
  opacity: 0.3;
}
.L-OjmNx-.z8cEagq4:before {
  transform: translateY(5rem) scale(0.75);
  opacity: 0.075;
  transition-timing-function: cubic-bezier(0, 0, 0, 1);
}
.z8cEagq4._1sVvPG-Y {
  opacity: 0;
}
.z8cEagq4._1sVvPG-Y,
.z8cEagq4._1sVvPG-Y .Zbc4gzb-,
.z8cEagq4._1sVvPG-Y:before {
  transition: none;
}
.z8cEagq4._1sVvPG-Y .y8Q-UqoT {
  transition-delay: 0ms;
}
.k2l1CwEs {
  transform-style: preserve-3d;
  transform: rotateX(35deg) rotate(45deg);
}
.y8Q-UqoT {
  background: #fff;
  box-shadow: inset 0 0 1em 0.25em #d9d9d9;
  width: 5rem;
  height: 5rem;
  border-radius: 1.5rem;
  display: grid;
  color: #000;
  position: absolute;
  transform-style: preserve-3d;
  grid-template-areas: "one two three" "four five six" "seven eight nine";
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  align-items: center;
  justify-items: center;
  padding: 15%;
  box-sizing: border-box;
  z-index: 1;
  transition: background-color 25ms;
  backface-visibility: hidden;
}
.y8Q-UqoT .BGpK5gvF {
  width: 0.7499625rem;
  height: 0.7499625rem;
  border-radius: 50%;
  background-color: var(--dice-dot-color, currentColor);
  transform: translateZ(0);
  backface-visibility: hidden;
}
.y8Q-UqoT:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #d9d9d9;
  border-radius: inherit;
  transform: rotateY(180deg);
  backface-visibility: hidden;
}
.y8Q-UqoT._3fDJUgYo,
.y8Q-UqoT.d4NdLJuk {
  transition-duration: 0.2s;
  transition-delay: 0.3s;
}
.y8Q-UqoT._3fDJUgYo .BGpK5gvF,
.y8Q-UqoT.d4NdLJuk .BGpK5gvF {
  opacity: 0.75;
  transition: inherit;
  transition-property: opacity;
}
.y8Q-UqoT._3fDJUgYo {
  background: #d9d9d9;
}
.y8Q-UqoT.d4NdLJuk {
  background: #c7c7c7;
}
.Zbc4gzb- {
  position: relative;
  width: 5rem;
  height: 5rem;
  transform-style: preserve-3d;
  transition: 1s cubic-bezier(0, 0, 0, 1);
}
.y8Q-UqoT[data-side="2"] {
  transform: rotateX(90deg) translateZ(2.5rem);
}
.y8Q-UqoT[data-side="2"] .BGpK5gvF:nth-child(1) {
  grid-area: one;
}
.y8Q-UqoT[data-side="2"] .BGpK5gvF:nth-child(2) {
  grid-area: nine;
}
.y8Q-UqoT[data-side="4"] {
  transform: rotateY(-90deg) translateZ(2.5rem);
}
.y8Q-UqoT[data-side="4"] .BGpK5gvF:nth-child(1) {
  grid-area: one;
}
.y8Q-UqoT[data-side="4"] .BGpK5gvF:nth-child(2) {
  grid-area: three;
}
.y8Q-UqoT[data-side="4"] .BGpK5gvF:nth-child(3) {
  grid-area: seven;
}
.y8Q-UqoT[data-side="4"] .BGpK5gvF:nth-child(4) {
  grid-area: nine;
}
.y8Q-UqoT[data-side="6"] {
  transform: translateZ(2.5rem);
}
.y8Q-UqoT[data-side="6"] .BGpK5gvF:nth-child(1) {
  grid-area: one;
}
.y8Q-UqoT[data-side="6"] .BGpK5gvF:nth-child(2) {
  grid-area: three;
}
.y8Q-UqoT[data-side="6"] .BGpK5gvF:nth-child(3) {
  grid-area: four;
}
.y8Q-UqoT[data-side="6"] .BGpK5gvF:nth-child(4) {
  grid-area: six;
}
.y8Q-UqoT[data-side="6"] .BGpK5gvF:nth-child(5) {
  grid-area: seven;
}
.y8Q-UqoT[data-side="6"] .BGpK5gvF:nth-child(6) {
  grid-area: nine;
}
.y8Q-UqoT[data-side="3"] {
  transform: rotateY(90deg) translateZ(2.5rem);
}
.y8Q-UqoT[data-side="3"] .BGpK5gvF:nth-child(1) {
  grid-area: one;
}
.y8Q-UqoT[data-side="3"] .BGpK5gvF:nth-child(2) {
  grid-area: five;
}
.y8Q-UqoT[data-side="3"] .BGpK5gvF:nth-child(3) {
  grid-area: nine;
}
.y8Q-UqoT[data-side="5"] {
  transform: rotateX(-90deg) translateZ(2.5rem);
}
.y8Q-UqoT[data-side="5"] .BGpK5gvF:nth-child(1) {
  grid-area: one;
}
.y8Q-UqoT[data-side="5"] .BGpK5gvF:nth-child(2) {
  grid-area: three;
}
.y8Q-UqoT[data-side="5"] .BGpK5gvF:nth-child(3) {
  grid-area: five;
}
.y8Q-UqoT[data-side="5"] .BGpK5gvF:nth-child(4) {
  grid-area: seven;
}
.y8Q-UqoT[data-side="5"] .BGpK5gvF:nth-child(5) {
  grid-area: nine;
}
.y8Q-UqoT[data-side="1"] {
  transform: rotateX(-180deg) translateZ(2.5rem);
}
.y8Q-UqoT[data-side="1"] .BGpK5gvF:nth-child(1) {
  grid-area: five;
}
.Ecp7qJ-I {
  border-radius: 0;
  background: #d9d9d9;
}
.RciwbKqU {
  transform: rotateX(90deg);
}
.UJiU71gT {
  transform: rotateY(90deg);
}
.W9moyQfa {
  transform: rotate(90deg);
}