/* The Wizard — optional one-shot entrance effects. */
@media (prefers-reduced-motion: no-preference) {
  .wiz-entrance-pending { opacity: 0 !important; }
  .wiz-entrance-active { animation-duration: var(--wiz-entrance-duration,700ms); animation-delay: var(--wiz-entrance-delay,0ms); animation-fill-mode: both; animation-timing-function: cubic-bezier(.2,.75,.25,1); }
  .wiz-entrance-active[data-wiz-entrance="fade"] { animation-name: wiz-fade; }
  .wiz-entrance-active[data-wiz-entrance="slide-up"] { animation-name: wiz-slide-up; }
  .wiz-entrance-active[data-wiz-entrance="slide-left"] { animation-name: wiz-slide-left; }
  .wiz-entrance-active[data-wiz-entrance="slide-right"] { animation-name: wiz-slide-right; }
  .wiz-entrance-active[data-wiz-entrance="zoom"] { animation-name: wiz-zoom; }
  .wiz-entrance-active[data-wiz-entrance="blur"] { animation-name: wiz-blur; }
}
@keyframes wiz-fade { from { opacity:0 } to { opacity:1 } }
@keyframes wiz-slide-up { from { opacity:0;transform:translateY(var(--wiz-entrance-distance,32px)) } to { opacity:1;transform:translateY(0) } }
@keyframes wiz-slide-left { from { opacity:0;transform:translateX(calc(-1 * var(--wiz-entrance-distance,38px))) } to { opacity:1;transform:translateX(0) } }
@keyframes wiz-slide-right { from { opacity:0;transform:translateX(var(--wiz-entrance-distance,38px)) } to { opacity:1;transform:translateX(0) } }
@keyframes wiz-zoom { from { opacity:0;transform:scale(.94) } to { opacity:1;transform:scale(1) } }
@keyframes wiz-blur { from { opacity:0;filter:blur(10px) } to { opacity:1;filter:blur(0) } }
/* Editor preview uses the very same keyframes without hiding editor content. */
@media (prefers-reduced-motion: no-preference) {
  .wiz-editor-preview { animation-duration:var(--wiz-animation-duration,700ms);animation-delay:var(--wiz-animation-delay,0ms);animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.75,.25,1); }
  .wiz-editor-preview[data-wiz-preview-effect="fade"] { animation-name:wiz-fade; }
  .wiz-editor-preview[data-wiz-preview-effect="slide-up"] { animation-name:wiz-slide-up; }
  .wiz-editor-preview[data-wiz-preview-effect="slide-left"] { animation-name:wiz-slide-left; }
  .wiz-editor-preview[data-wiz-preview-effect="slide-right"] { animation-name:wiz-slide-right; }
  .wiz-editor-preview[data-wiz-preview-effect="zoom"] { animation-name:wiz-zoom; }
  .wiz-editor-preview[data-wiz-preview-effect="blur"] { animation-name:wiz-blur; }
}

/* Allow long off-screen entrances without introducing a horizontal page scrollbar.
   clip does not create a scrolling container (important for sticky elements). */
@supports (overflow: clip) { html { overflow-x: clip; } }