:root{--view-transition-duration:.3s}:root[data-nav-direction=right]::view-transition-old(root){animation:var(--view-transition-duration) cubic-bezier(.4,0,1,1) both slide-out-left}:root[data-nav-direction=right]::view-transition-new(root){animation:var(--view-transition-duration) cubic-bezier(0,0,.2,1) both slide-in-right;box-shadow:-16px 0 32px -8px #0000001a}:root[data-nav-direction=left]::view-transition-old(root){animation:var(--view-transition-duration) cubic-bezier(.4,0,1,1) both slide-out-right}:root[data-nav-direction=left]::view-transition-new(root){animation:var(--view-transition-duration) cubic-bezier(0,0,.2,1) both slide-in-left}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}