:root{--duration-exit:1s;--duration-enter:1.5s;--transition-origin-y:0px;--page-transition-backdrop-animation:darken-backdrop}::view-transition-group(root){z-index:0}::view-transition-image-pair(.slide-out){isolation:isolate;transform-origin:center var(--transition-origin-y)!important}::view-transition-group(.slide-out){z-index:1;transform-origin:center var(--transition-origin-y)!important}::view-transition-group(page-transition-backdrop){z-index:2;animation:var(--duration-enter) ease-in both var(--page-transition-backdrop-animation);background-color:#0000}::view-transition-group(page-transition-backdrop){pointer-events:none!important}::view-transition-old(page-transition-backdrop){pointer-events:none!important}::view-transition-new(page-transition-backdrop){pointer-events:none!important}::view-transition-group(.slide-in){z-index:3}::view-transition-group(navbar){z-index:100;-webkit-backdrop-filter:blur(40px)saturate(1.1);backdrop-filter:blur(40px)saturate(1.1);border-radius:45px!important}::view-transition-old(navbar){display:none!important}::view-transition-new(navbar){animation:none!important}:root:active-view-transition-type(locale-switch)::view-transition-group(*){animation:none!important}:root:active-view-transition-type(locale-switch)::view-transition-old(*){animation:none!important}:root:active-view-transition-type(locale-switch)::view-transition-new(*){animation:none!important}.page-transition-backdrop{pointer-events:none;opacity:0;position:fixed;inset:0}::view-transition-old(.slide-out){animation:var(--duration-exit) ease-out both fade, var(--duration-exit) ease-out both shrink}::view-transition-new(.slide-in){animation:var(--duration-enter) cubic-bezier(.27, .41, 0, 1) both slide-y2}@keyframes fade{0%{filter:0}to{filter:blur(3px)}}@keyframes darken-backdrop{0%{background-color:#0000}to{background-color:#000000b3}}@keyframes shrink{0%{transform-origin:center var(--transition-origin-y);transform:scale(1)}to{transform-origin:center var(--transition-origin-y);transform:scale(.95)translateY(-25dvh)}}@keyframes slide-y2{0%{transform:translateY(100dvh)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){::view-transition-group(page-transition-backdrop){display:none}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}