:root{--view-transition-duration: .3s;--view-transition-easing: ease-in-out;--view-transition-fade-duration: .3s;--view-transition-slide-duration: .3s;--view-transition-scale-duration: .25s;--view-transition-flip-duration: .4s}::view-transition-group(root){animation-duration:var(--view-transition-duration);animation-timing-function:var(--view-transition-easing)}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--view-transition-duration);animation-timing-function:var(--view-transition-easing)}::view-transition-group(slide-left-transition),::view-transition-group(slide-right-transition),::view-transition-group(slide-up-transition),::view-transition-group(slide-down-transition){animation-duration:var(--view-transition-slide-duration, .3s);animation-timing-function:cubic-bezier(.4,0,.2,1)}.view-transition-fade{view-transition-name:fade-transition}::view-transition-old(fade-transition){animation:fade-out var(--view-transition-fade-duration, .3s) ease-in-out forwards}::view-transition-new(fade-transition){animation:fade-in var(--view-transition-fade-duration, .3s) ease-in-out forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.view-transition-slide-left{view-transition-name:slide-left-transition}html.view-transition-slide-left ::view-transition-old(root){animation:slide-out-left var(--view-transition-slide-duration, .3s) cubic-bezier(.4,0,.2,1) forwards!important}html.view-transition-slide-left ::view-transition-new(root){animation:slide-in-left var(--view-transition-slide-duration, .3s) cubic-bezier(.4,0,.2,1) forwards!important}::view-transition-old(slide-left-transition){animation:slide-out-left var(--view-transition-slide-duration, .3s) cubic-bezier(.4,0,.2,1) forwards}::view-transition-new(slide-left-transition){animation:slide-in-left var(--view-transition-slide-duration, .3s) cubic-bezier(.4,0,.2,1) forwards}@keyframes slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slide-in-left{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.view-transition-slide-right{view-transition-name:slide-right-transition}html.view-transition-slide-right ::view-transition-old(root){animation:slide-out-right var(--view-transition-slide-duration, .3s) cubic-bezier(.4,0,.2,1) forwards!important}html.view-transition-slide-right ::view-transition-new(root){animation:slide-in-right var(--view-transition-slide-duration, .3s) cubic-bezier(.4,0,.2,1) forwards!important}::view-transition-old(slide-right-transition){animation:slide-out-right var(--view-transition-slide-duration, .3s) cubic-bezier(.4,0,.2,1) forwards}::view-transition-new(slide-right-transition){animation:slide-in-right var(--view-transition-slide-duration, .3s) cubic-bezier(.4,0,.2,1) forwards}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slide-in-right{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.view-transition-slide-up{view-transition-name:slide-up-transition}::view-transition-old(slide-up-transition){animation:slide-out-up var(--view-transition-slide-duration, .3s) cubic-bezier(.4,0,.2,1) forwards}::view-transition-new(slide-up-transition){animation:slide-in-up var(--view-transition-slide-duration, .3s) cubic-bezier(.4,0,.2,1) forwards}@keyframes slide-out-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slide-in-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.view-transition-slide-down{view-transition-name:slide-down-transition}::view-transition-old(slide-down-transition){animation:slide-out-down var(--view-transition-slide-duration, .3s) cubic-bezier(.4,0,.2,1) forwards}::view-transition-new(slide-down-transition){animation:slide-in-down var(--view-transition-slide-duration, .3s) cubic-bezier(.4,0,.2,1) forwards}@keyframes slide-out-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes slide-in-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.view-transition-scale{view-transition-name:scale-transition}::view-transition-old(scale-transition){animation:scale-out var(--view-transition-scale-duration, .25s) cubic-bezier(.34,1.56,.64,1) forwards}::view-transition-new(scale-transition){animation:scale-in var(--view-transition-scale-duration, .25s) cubic-bezier(.34,1.56,.64,1) forwards}@keyframes scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes scale-in{0%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:1}}.view-transition-flip{view-transition-name:flip-transition}::view-transition-old(flip-transition){animation:flip-out var(--view-transition-flip-duration, .4s) cubic-bezier(.25,.46,.45,.94) forwards}::view-transition-new(flip-transition){animation:flip-in var(--view-transition-flip-duration, .4s) cubic-bezier(.25,.46,.45,.94) forwards}@keyframes flip-out{0%{transform:rotateY(0);opacity:1}50%{transform:rotateY(-90deg);opacity:.5}to{transform:rotateY(-90deg);opacity:0}}@keyframes flip-in{0%{transform:rotateY(90deg);opacity:0}50%{transform:rotateY(90deg);opacity:.5}to{transform:rotateY(0);opacity:1}}.view-transition-custom{view-transition-name:custom-transition}::view-transition-old(custom-transition){animation:custom-out var(--view-transition-duration) var(--view-transition-easing) forwards}::view-transition-new(custom-transition){animation:custom-in var(--view-transition-duration) var(--view-transition-easing) forwards}@keyframes custom-out{0%{opacity:1}to{opacity:0}}@keyframes custom-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){:root{--view-transition-duration: 0ms;--view-transition-fade-duration: 0ms;--view-transition-slide-duration: 0ms;--view-transition-scale-duration: 0ms;--view-transition-flip-duration: 0ms}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:0ms!important}}@media (max-width: 768px){:root{--view-transition-duration: .25s;--view-transition-fade-duration: .25s;--view-transition-slide-duration: .25s;--view-transition-scale-duration: .2s;--view-transition-flip-duration: .35s}}@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){:root{--view-transition-duration: .35s;--view-transition-fade-duration: .35s;--view-transition-slide-duration: .35s;--view-transition-scale-duration: .3s;--view-transition-flip-duration: .45s}}[data-view-transition-debug] ::view-transition-group(*){outline:2px solid red}[data-view-transition-debug] ::view-transition-old(*){outline:2px solid blue}[data-view-transition-debug] ::view-transition-new(*){outline:2px solid green}.view-transition-none{view-transition-name:none!important}.view-transition-auto{view-transition-name:auto}.no-view-transition,.no-view-transition *{view-transition-name:none!important}