/* Render-blocking on BOTH documents. Do not wait for a pagereveal class to
   replace the browser's default snapshot fades: that can darken the first frame. */
@view-transition { navigation: auto; }
::view-transition { background: #faf9f6; }
::view-transition-group(root),
::view-transition-image-pair(root) { animation: none; }
::view-transition-image-pair(root) { isolation: isolate; }
::view-transition-old(root),
::view-transition-new(root) {
    width: 100%; height: 100%; transform-origin: center center;
    mix-blend-mode: normal; opacity: 1;
    animation-duration: 5000ms;
    animation-timing-function: cubic-bezier(.3, 0, .2, 1);
    animation-fill-mode: both;
}
::view-transition-old(root) { z-index: 2; animation-name: login-continuous-out; }
::view-transition-new(root) { z-index: 1; animation-name: login-continuous-in; }
@keyframes login-continuous-out {
    0% { opacity: 1; transform: scale(1); }
    55% { opacity: 0; }
    100% { opacity: 0; transform: scale(1.14); }
}
@keyframes login-continuous-in {
    from { opacity: 1; transform: scale(.92); }
    to { opacity: 1; transform: scale(1); }
}