::view-transition-old(root){animation-duration:var(--transition-duration,.3s);animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(root){animation-duration:var(--transition-duration,.3s);animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}[data-transition-type=fade] ::view-transition-old(root){animation-name:fade-out-scale}[data-transition-type=fade] ::view-transition-new(root){animation-name:fade-in-scale}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out-scale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}[data-transition-type=slide] ::view-transition-old(root){animation-name:slide-out-left}[data-transition-type=slide] ::view-transition-new(root){animation-name:slide-in-right}@keyframes slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100px)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}header{view-transition-name:page-header}::view-transition-old(page-header){animation-duration:calc(var(--transition-duration,.3s)*.8)}::view-transition-new(page-header){animation-duration:calc(var(--transition-duration,.3s)*.8)}footer{view-transition-name:page-footer}::view-transition-old(page-footer){animation-duration:calc(var(--transition-duration,.3s)*.8)}::view-transition-new(page-footer){animation-duration:calc(var(--transition-duration,.3s)*.8)}main{view-transition-name:main-content}::view-transition-old(main-content){animation-duration:var(--transition-duration,.3s)}::view-transition-new(main-content){animation-duration:var(--transition-duration,.3s)}.view-transition-card{view-transition-name:card}::view-transition-old(card){animation-duration:calc(var(--transition-duration,.3s)*1.2);animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(card){animation-duration:calc(var(--transition-duration,.3s)*1.2);animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(card){animation-name:card-fade-out}::view-transition-new(card){animation-name:card-fade-in}@keyframes card-fade-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(20px)}}@keyframes card-fade-in{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.view-transition-modal{view-transition-name:modal}::view-transition-old(modal){animation-duration:calc(var(--transition-duration,.3s)*.7)}::view-transition-new(modal){animation-duration:calc(var(--transition-duration,.3s)*.7)}::view-transition-old(modal){animation-name:modal-fade-out}::view-transition-new(modal){animation-name:modal-fade-in}@keyframes modal-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes modal-fade-in{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.view-transition-image{view-transition-name:image}::view-transition-old(image){animation-duration:calc(var(--transition-duration,.3s)*1.5);mix-blend-mode:normal;animation-timing-function:cubic-bezier(.4,0,.2,1);overflow:clip}::view-transition-new(image){animation-duration:calc(var(--transition-duration,.3s)*1.5);mix-blend-mode:normal;animation-timing-function:cubic-bezier(.4,0,.2,1);overflow:clip}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation-duration:1ms;animation-timing-function:step-end}::view-transition-new(root){animation-duration:1ms;animation-timing-function:step-end}::view-transition-old(page-header){animation-duration:1ms;animation-timing-function:step-end}::view-transition-new(page-header){animation-duration:1ms;animation-timing-function:step-end}::view-transition-old(page-footer){animation-duration:1ms;animation-timing-function:step-end}::view-transition-new(page-footer){animation-duration:1ms;animation-timing-function:step-end}::view-transition-old(main-content){animation-duration:1ms;animation-timing-function:step-end}::view-transition-new(main-content){animation-duration:1ms;animation-timing-function:step-end}::view-transition-old(card){animation-duration:1ms;animation-timing-function:step-end}::view-transition-new(card){animation-duration:1ms;animation-timing-function:step-end}::view-transition-old(modal){animation-duration:1ms;animation-timing-function:step-end}::view-transition-new(modal){animation-duration:1ms;animation-timing-function:step-end}::view-transition-old(image){animation-duration:1ms;animation-timing-function:step-end}::view-transition-new(image){animation-duration:1ms;animation-timing-function:step-end}}::view-transition-old(root){will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}::view-transition-new(root){will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}.no-view-transition{view-transition-name:none}.slow-transition{--transition-duration:2s}.fast-transition{--transition-duration:.15s}