/* Same arrival as Home / Positioning BlurFade: up 8px, 0.4s, blur 6px. */
@keyframes mi-blur-fade {
  from {
    opacity: 0;
    transform: translateY(8px);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: none;
    filter: blur(0);
  }
}

html:is([data-ui='v2'], [data-ui='v3'], [data-ui='v4'])[data-v2] .view.active .mi-blur-fade:not([hidden]) {
  animation: mi-blur-fade 0.4s ease-out both;
  animation-delay: var(--mi-fade-delay, 0.04s);
}

html:is([data-ui='v2'], [data-ui='v3'], [data-ui='v4'])[data-v2] .mi-blur-fade-d2 { --mi-fade-delay: 0.12s; }
html:is([data-ui='v2'], [data-ui='v3'], [data-ui='v4'])[data-v2] .mi-blur-fade-d3 { --mi-fade-delay: 0.2s; }
html:is([data-ui='v2'], [data-ui='v3'], [data-ui='v4'])[data-v2] .mi-blur-fade-d4 { --mi-fade-delay: 0.28s; }

@media (prefers-reduced-motion: reduce) {
  html:is([data-ui='v2'], [data-ui='v3'], [data-ui='v4'])[data-v2] .view.active .mi-blur-fade:not([hidden]) {
    animation: none;
  }
}