.door-card.animation-zoom .door-front,
.door-preview-card.animation-zoom .door-front {
  transform: scale(1);
}

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

@keyframes advent-door-zoom {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  60% {
    transform: scale(0.6);
    opacity: 0.45;
  }
  100% {
    transform: scale(0.08);
    opacity: 0;
  }
}