.page-transition{--page-transition-ready:1;z-index:9000;isolation:isolate;touch-action:none;outline:none;place-items:center;display:none;position:fixed;inset:0}.page-transition[data-active=true]{display:grid}.page-transition__backdrop{background:radial-gradient(at 50% 42%,#45101c 0%,#2d0812 55%,#210409 100%);position:absolute;inset:0}.page-transition__logo{opacity:0;width:clamp(112px,13vw,168px);height:auto;position:relative}.page-transition[data-active=true] .page-transition__backdrop{animation:page-transition-cover var(--route-cover) cubic-bezier(.22, 1, .36, 1) both;will-change:opacity}.page-transition[data-active=true] .page-transition__logo{animation:page-transition-logo-in var(--route-logo-in) cubic-bezier(.22, 1, .36, 1) var(--route-logo-delay) both;will-change:opacity, transform}.page-transition[data-phase=logo-out] .page-transition__logo,.page-transition[data-phase=uncovering] .page-transition__logo{animation:page-transition-logo-out var(--route-logo-out) ease-in-out both}.page-transition[data-phase=uncovering] .page-transition__backdrop{animation:page-transition-uncover var(--route-uncover) ease-in-out both}@keyframes page-transition-cover{0%{opacity:0}to{opacity:1}}@keyframes page-transition-uncover{0%{opacity:1}to{opacity:0}}@keyframes page-transition-logo-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes page-transition-logo-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@media (prefers-reduced-motion:reduce){.page-transition[data-active=true]{display:none}.page-transition__backdrop,.page-transition__logo{animation:none!important}}