:root{--vtp-duration:500ms;--vtp-easing:ease-in-out}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--vtp-duration);animation-timing-function:var(--vtp-easing)}.vtp-fade ::view-transition-old(root){animation-name:vtp-fade-out}.vtp-fade ::view-transition-new(root){animation-name:vtp-fade-in}@keyframes vtp-fade-out{from{opacity:1}to{opacity:0}}@keyframes vtp-fade-in{from{opacity:0}to{opacity:1}}.vtp-slide-left ::view-transition-old(root){animation-name:vtp-slide-out-left}.vtp-slide-left ::view-transition-new(root){animation-name:vtp-slide-in-left}@keyframes vtp-slide-out-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes vtp-slide-in-left{from{transform:translateX(100%)}to{transform:translateX(0)}}.vtp-slide-right ::view-transition-old(root){animation-name:vtp-slide-out-right}.vtp-slide-right ::view-transition-new(root){animation-name:vtp-slide-in-right}@keyframes vtp-slide-out-right{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes vtp-slide-in-right{from{transform:translateX(-100%)}to{transform:translateX(0)}}.vtp-zoom ::view-transition-old(root){animation-name:vtp-zoom-out}.vtp-zoom ::view-transition-new(root){animation-name:vtp-zoom-in}@keyframes vtp-zoom-out{from{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes vtp-zoom-in{from{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:1}}[data-vtp-transition]{view-transition-name:vtp-element}::view-transition-old(vtp-element),::view-transition-new(vtp-element){animation-duration:var(--vtp-duration);animation-timing-function:var(--vtp-easing)}[data-vtp-transition="fade"] ::view-transition-old(vtp-element){animation-name:vtp-fade-out}[data-vtp-transition="fade"] ::view-transition-new(vtp-element){animation-name:vtp-fade-in}[data-vtp-transition="slide-left"] ::view-transition-old(vtp-element){animation-name:vtp-slide-out-left}[data-vtp-transition="slide-left"] ::view-transition-new(vtp-element){animation-name:vtp-slide-in-left}[data-vtp-transition="slide-right"] ::view-transition-old(vtp-element){animation-name:vtp-slide-out-right}[data-vtp-transition="slide-right"] ::view-transition-new(vtp-element){animation-name:vtp-slide-in-right}[data-vtp-transition="zoom"] ::view-transition-old(vtp-element){animation-name:vtp-zoom-out}[data-vtp-transition="zoom"] ::view-transition-new(vtp-element){animation-name:vtp-zoom-in}@media (max-width:768px){:root{--vtp-duration:300ms}}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),::view-transition-old(vtp-element),::view-transition-new(vtp-element){animation-duration:0.1s}}.vtp-loading{cursor:wait}.vtp-loading *{pointer-events:none}@supports not (view-transition-name:none){.vtp-fade,.vtp-slide-left,.vtp-slide-right,.vtp-zoom{transition:opacity var(--vtp-duration) var(--vtp-easing)}.vtp-transitioning{opacity:.5}}