/* App.razor opts every document in before first rendering. The shell stays fixed; only the form panel fades.
   https://developer.chrome.com/docs/web-platform/view-transitions/cross-document */
.request-landing__form { view-transition-name: portal-panel; }
::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
::view-transition-group(portal-panel),
::view-transition-old(portal-panel),
::view-transition-new(portal-panel) { animation-duration: 180ms; }
@media (prefers-reduced-motion: reduce) {
    .request-landing__form { view-transition-name: none; }
}