.door-card.animation-swing .door-front,
.door-preview-card.animation-swing .door-front {
  transform-origin: top center;
}

.door-card.animation-swing.open .door-front,
.door-preview-card.animation-swing.is-playing .door-front {
  animation: advent-door-swing var(--door-animation-duration, 0.95s)
    cubic-bezier(0.37, 0, 0.63, 1) forwards;
  pointer-events: none;
}

@keyframes advent-door-swing {
  0% {
    transform: perspective(1200px) rotateX(0deg);
    opacity: 1;
  }
  40% {
    transform: perspective(1200px) rotateX(70deg);
    opacity: 0.85;
  }
  70% {
    transform: perspective(1200px) rotateX(95deg);
    opacity: 0.35;
  }
  100% {
    transform: perspective(1200px) rotateX(120deg);
    opacity: 0;
  }
}