:root{--vt-exit:.15s;--vt-enter:.21s;--vt-move:.38s;--vt-slide:56px;--vt-nav-lag:50ms;--vt-ease:cubic-bezier(.22, 1, .36, 1);--vt-ease-push:cubic-bezier(.32, .72, 0, 1);--vt-ease-settle:cubic-bezier(.2, 0, 0, 1)}::view-transition{pointer-events:none}::view-transition-old(root){animation-duration:.2s}::view-transition-new(root){animation-duration:.2s}::view-transition-group(.morph){animation-duration:var(--vt-move);animation-timing-function:var(--vt-ease)}::view-transition-image-pair(.morph){animation-name:vt-via-blur}::view-transition-group(.text-morph){animation-duration:var(--vt-move);animation-timing-function:var(--vt-ease)}::view-transition-old(.text-morph){display:none}::view-transition-new(.text-morph){object-fit:none;object-position:left top;animation:none}::view-transition-group(.title-morph){animation-duration:var(--vt-move);animation-timing-function:var(--vt-ease)}::view-transition-old(.title-morph){object-fit:contain;object-position:left top;width:100%;height:100%}::view-transition-new(.title-morph){object-fit:contain;object-position:left top;width:100%;height:100%}::view-transition-old(.title-morph){animation:.1s ease-out both vt-fade-out}::view-transition-new(.title-morph){animation:none}::view-transition-old(.nav-forward){animation:var(--vt-exit) ease-in both vt-fade-out, var(--vt-move) var(--vt-ease-push) both vt-slide-out}::view-transition-old(.nav-back){animation:var(--vt-exit) ease-in both vt-fade-out, var(--vt-move) var(--vt-ease-push) both vt-slide-out}::view-transition-new(.nav-forward){animation:var(--vt-exit) ease-out var(--vt-nav-lag) both vt-fade, calc(var(--vt-move) - var(--vt-nav-lag)) var(--vt-ease-settle) var(--vt-nav-lag) both vt-slide}::view-transition-new(.nav-back){animation:var(--vt-exit) ease-out var(--vt-nav-lag) both vt-fade, calc(var(--vt-move) - var(--vt-nav-lag)) var(--vt-ease-settle) var(--vt-nav-lag) both vt-slide}::view-transition-old(.nav-forward){--vt-to:calc(var(--vt-slide) * -1)}::view-transition-new(.nav-forward){--vt-from:var(--vt-slide)}::view-transition-old(.nav-back){--vt-to:var(--vt-slide)}::view-transition-new(.nav-back){--vt-from:calc(var(--vt-slide) * -1)}::view-transition-old(.slide-down){animation:var(--vt-exit) ease-in both vt-fade-out, var(--vt-exit) ease-in both vt-sink}::view-transition-new(.slide-up){animation:var(--vt-enter) ease-in var(--vt-exit) both vt-fade, var(--vt-move) var(--vt-ease) both vt-rise}::view-transition-old(.fade-out){animation:var(--vt-exit) ease-out both vt-fade-out}::view-transition-new(.fade-in){animation:var(--vt-enter) ease-out var(--vt-exit) both vt-fade}.vt-pinned{view-transition-class:pinned}::view-transition-group(.pinned){z-index:100;animation:none}::view-transition-old(.pinned){display:none}::view-transition-new(.pinned){animation:none}@keyframes vt-fade{0%{opacity:0}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-slide{0%{translate:var(--vt-from) 0}}@keyframes vt-slide-out{to{translate:var(--vt-to) 0}}@keyframes vt-rise{0%{translate:0 10px}}@keyframes vt-sink{to{translate:0 10px}}@keyframes vt-via-blur{40%{filter:blur(4px)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-image-pair(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}}