/* Cross-document View Transitions preserve the outgoing page while the next
   PHP document is painted. Browsers without support keep ordinary navigation. */
:root::view-transition-group(root){animation-duration:var(--xv-transition-duration,300ms);animation-timing-function:var(--xv-transition-easing,cubic-bezier(.2,.72,.24,1));background:var(--xv-transition-background,#fbf9fb)}
:root::view-transition-old(root),:root::view-transition-new(root){height:100%;mix-blend-mode:normal;transform-origin:center center}
:root[data-xv-transition="fade"]::view-transition-old(root){animation:xv-transition-fade-out var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="fade"]::view-transition-new(root){animation:xv-transition-fade-in var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="crossfade"]::view-transition-old(root){animation:xv-transition-crossfade-out var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="crossfade"]::view-transition-new(root){animation:xv-transition-crossfade-in var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="fade-zoom"]::view-transition-old(root){animation:xv-transition-zoom-out var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="fade-zoom"]::view-transition-new(root){animation:xv-transition-zoom-in var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="slide-left"]::view-transition-old(root){animation:xv-transition-left-out var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="slide-left"]::view-transition-new(root){animation:xv-transition-left-in var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="slide-right"]::view-transition-old(root){animation:xv-transition-right-out var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="slide-right"]::view-transition-new(root){animation:xv-transition-right-in var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="slide-up"]::view-transition-old(root){animation:xv-transition-up-out var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="slide-up"]::view-transition-new(root){animation:xv-transition-up-in var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="slide-down"]::view-transition-old(root){animation:xv-transition-down-out var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="slide-down"]::view-transition-new(root){animation:xv-transition-down-in var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="scale"]::view-transition-old(root){animation:xv-transition-scale-out var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="scale"]::view-transition-new(root){animation:xv-transition-scale-in var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="blur-fade"]::view-transition-old(root){animation:xv-transition-blur-out var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="blur-fade"]::view-transition-new(root){animation:xv-transition-blur-in var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="reveal"]::view-transition-old(root){animation:xv-transition-fade-out var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="reveal"]::view-transition-new(root){animation:xv-transition-reveal var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="curtain"]::view-transition-old(root){animation:xv-transition-curtain-old var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="curtain"]::view-transition-new(root){animation:xv-transition-curtain var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="smooth-push"]::view-transition-old(root){animation:xv-transition-push-left var(--xv-transition-duration,360ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="smooth-push"]::view-transition-new(root){animation:xv-transition-push-right var(--xv-transition-duration,360ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="elegant"]::view-transition-old(root){animation:xv-transition-elegant-out var(--xv-transition-duration,420ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="elegant"]::view-transition-new(root){animation:xv-transition-elegant-in var(--xv-transition-duration,420ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="instant"]::view-transition-old(root),:root[data-xv-transition="instant"]::view-transition-new(root){animation-duration:1ms!important}
:root[data-xv-transition="slide"]::view-transition-old(root){animation:xv-transition-slide-out var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="slide"]::view-transition-new(root){animation:xv-transition-slide-in var(--xv-transition-duration,300ms) var(--xv-transition-easing,ease) both}
:root[data-xv-transition="slide"][data-xv-transition-direction="left"]{--xv-slide-in:translateX(7%);--xv-slide-out:translateX(-7%)}
:root[data-xv-transition="slide"][data-xv-transition-direction="right"]{--xv-slide-in:translateX(-7%);--xv-slide-out:translateX(7%)}
:root[data-xv-transition="slide"][data-xv-transition-direction="up"]{--xv-slide-in:translateY(7%);--xv-slide-out:translateY(-7%)}
:root[data-xv-transition="slide"][data-xv-transition-direction="down"]{--xv-slide-in:translateY(-7%);--xv-slide-out:translateY(7%)}
@keyframes xv-transition-fade-out{to{opacity:0}}
@keyframes xv-transition-fade-in{from{opacity:0}}
@keyframes xv-transition-crossfade-out{to{opacity:.15;filter:blur(1px)}}
@keyframes xv-transition-crossfade-in{from{opacity:.15;transform:scale(1.012);filter:blur(2px)}}
@keyframes xv-transition-zoom-out{to{opacity:0;transform:scale(.975)}}
@keyframes xv-transition-zoom-in{from{opacity:0;transform:scale(1.025)}}
@keyframes xv-transition-left-out{to{transform:translateX(-8%);opacity:.35}}
@keyframes xv-transition-left-in{from{transform:translateX(8%);opacity:.35}}
@keyframes xv-transition-right-out{to{transform:translateX(8%);opacity:.35}}
@keyframes xv-transition-right-in{from{transform:translateX(-8%);opacity:.35}}
@keyframes xv-transition-up-out{to{transform:translateY(-7%);opacity:.35}}
@keyframes xv-transition-up-in{from{transform:translateY(7%);opacity:.35}}
@keyframes xv-transition-down-out{to{transform:translateY(7%);opacity:.35}}
@keyframes xv-transition-down-in{from{transform:translateY(-7%);opacity:.35}}
@keyframes xv-transition-scale-out{to{opacity:0;transform:scale(.9)}}
@keyframes xv-transition-scale-in{from{opacity:0;transform:scale(1.08)}}
@keyframes xv-transition-blur-out{to{opacity:0;filter:blur(9px);transform:scale(1.01)}}
@keyframes xv-transition-blur-in{from{opacity:0;filter:blur(9px);transform:scale(.99)}}
@keyframes xv-transition-reveal{from{clip-path:inset(0 100% 0 0)}}
@keyframes xv-transition-curtain-old{to{opacity:.3}}
@keyframes xv-transition-curtain{from{clip-path:inset(0 50% 0 50%)}}
@keyframes xv-transition-push-left{to{transform:translateX(-100%)}}
@keyframes xv-transition-push-right{from{transform:translateX(100%)}}
@keyframes xv-transition-elegant-out{to{opacity:0;transform:translateY(-1.2%) scale(.995)}}
@keyframes xv-transition-elegant-in{from{opacity:0;transform:translateY(1.2%) scale(1.005)}}
@keyframes xv-transition-slide-out{to{transform:var(--xv-slide-out);opacity:.35}}
@keyframes xv-transition-slide-in{from{transform:var(--xv-slide-in);opacity:.35}}
@media(prefers-reduced-motion:reduce){:root::view-transition-group(root),:root::view-transition-old(root),:root::view-transition-new(root){animation-duration:1ms!important;animation-delay:0ms!important}}
