.ap-qm-countdown-digits {
  perspective: 180px;
}

.ap-qm-countdown-digits > strong {
  backface-visibility: hidden;
  transform-origin: center center;
  transform-style: preserve-3d;
}

.ap-qm-countdown-digits > strong.is-flipping {
  animation: ap-qm-calendar-flip 450ms cubic-bezier(0.45, 0, 0.2, 1);
}

@keyframes ap-qm-calendar-flip {
  0% {
    transform: rotateX(0deg);
  }

  45% {
    filter: brightness(0.92);
    transform: rotateX(-88deg);
  }

  55% {
    filter: brightness(1.03);
    transform: rotateX(88deg);
  }

  100% {
    filter: brightness(1);
    transform: rotateX(0deg);
  }
}