::view-transition-new(root),::view-transition-old(root){animation-duration:.55s;animation-timing-function:cubic-bezier(.37,0,.63,1)}html[data-nav=forward]::view-transition-old(root){animation-name:lok-out-left}html[data-nav=forward]::view-transition-new(root){animation-name:lok-in-right}html[data-nav=back]::view-transition-old(root){animation-name:lok-out-right}html[data-nav=back]::view-transition-new(root){animation-name:lok-in-left}html[data-nav=open]::view-transition-old(root){animation:lok-recede .35s ease-in both}html[data-nav=open]::view-transition-new(root){animation:lok-appear .35s ease-out .25s both}@keyframes lok-recede{to{opacity:0;transform:scale(.96)}}@keyframes lok-appear{0%{opacity:0}}@keyframes lok-out-left{to{opacity:0;transform:translateX(-30%)}}@keyframes lok-in-right{0%{opacity:0;transform:translateX(40%)}}@keyframes lok-out-right{to{opacity:0;transform:translateX(30%)}}@keyframes lok-in-left{0%{opacity:0;transform:translateX(-40%)}}