::view-transition-old(root){mix-blend-mode:normal;animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(root){mix-blend-mode:normal;animation-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=slide-left]::view-transition-old(root){animation:.4s cubic-bezier(.4,0,.2,1) both slide-to-left}[data-transition=slide-left]::view-transition-new(root){animation:.4s cubic-bezier(.4,0,.2,1) both slide-from-right}[data-transition=slide-right]::view-transition-old(root){animation:.4s cubic-bezier(.4,0,.2,1) both slide-to-right}[data-transition=slide-right]::view-transition-new(root){animation:.4s cubic-bezier(.4,0,.2,1) both slide-from-left}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-to-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30%)}}@keyframes slide-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-to-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30%)}}@keyframes slide-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}::view-transition-old(header){animation:none}::view-transition-new(header){animation:none}::view-transition-group(header){z-index:100}::view-transition-old(header){opacity:1}::view-transition-new(header){opacity:1}