@supports (view-transition-name:root){:root{view-transition-name:root}::view-transition-old(root){animation-duration:.38s;animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-new(root){animation-duration:.38s;animation-timing-function:cubic-bezier(.32,.72,0,1)}html[data-nav-direction=forward]::view-transition-old(root){animation-name:vt-old-forward}html[data-nav-direction=forward]::view-transition-new(root){animation-name:vt-new-forward}html[data-nav-direction=back]::view-transition-old(root){animation-name:vt-old-back}html[data-nav-direction=back]::view-transition-new(root){animation-name:vt-new-back}html[data-nav-direction=bottom]::view-transition-old(root){animation-name:vt-old-bottom}html[data-nav-direction=bottom]::view-transition-new(root){animation-name:vt-new-bottom}html[data-nav-direction=top]::view-transition-old(root){animation-name:vt-old-top}html[data-nav-direction=top]::view-transition-new(root){animation-name:vt-new-top}}@keyframes vt-old-forward{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:.8;transform:translate(-30%)scale(.92)}}@keyframes vt-new-forward{0%{opacity:.95;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes vt-old-back{0%{opacity:1;transform:translate(0)}to{opacity:.95;transform:translate(100%)}}@keyframes vt-new-back{0%{opacity:.8;transform:translate(-30%)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes vt-old-bottom{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:.8;transform:translateY(-20%)scale(.95)}}@keyframes vt-new-bottom{0%{opacity:.9;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes vt-old-top{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:.8;transform:translateY(20%)scale(.95)}}@keyframes vt-new-top{0%{opacity:.9;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}