.door-card.animation-fade .door-front,
.door-preview-card.animation-fade .door-front {
  opacity: 1;
  transform: none;
}

.door-card.animation-fade.open .door-front,
.door-preview-card.animation-fade.is-playing .door-front {
  animation: advent-door-fade var(--door-animation-duration, 0.65s) ease-in-out
    forwards;
  pointer-events: none;
}

@keyframes advent-door-fade {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.94);
  }
}