/* https://www.transition.style */

[transition-style="in:wipe:curtain"] {
  animation: 2.5s cubic-bezier(.25, 1, .30, 1) wipe-in-curtain both;
}

[transition-style="in:fade"] {
  animation: 1s 1s linear fade-in both;
}

@keyframes wipe-in-curtain {
  from {
    clip-path: inset(0 100% 0 100%);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}