@media(pointer:coarse){::view-transition-old(root){animation:slide-out-left .2s ease-in-out}::view-transition-new(root){animation:slide-in-right .2s ease-in-out}[data-transition-dir=back]::view-transition-old(root){animation:slide-out-right .2s ease-in-out}[data-transition-dir=back]::view-transition-new(root){animation:slide-in-left .2s ease-in-out}[data-transition-dir=fade]::view-transition-old(root){animation:fade-out .15s ease-out}[data-transition-dir=fade]::view-transition-new(root){animation:fade-in .15s ease-in}@keyframes slide-in-right{0%{transform:translate(30%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-30%);opacity:0}}@keyframes slide-in-left{0%{transform:translate(-30%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(30%);opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}}