@layer base{::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-old(page){animation:none}::view-transition-new(page){animation:none}::view-transition-group(page){animation:none}::view-transition-image-pair(page){overflow:clip}::view-transition-old(page){object-fit:none;object-position:top;block-size:100%;inline-size:100%;inset-block-start:0}::view-transition-new(page){object-fit:none;object-position:top;block-size:100%;inline-size:100%;inset-block-start:0}@media (prefers-reduced-motion:no-preference){:root:active-view-transition-type(deeper)::view-transition-new(page){animation:page-forward var(--duration-standard) var(--ease-standard) both}:root:active-view-transition-type(shallower)::view-transition-new(page){animation:page-back var(--duration-standard) var(--ease-standard) both}:root:active-view-transition-type(deeper)::view-transition-old(page){animation:page-leave var(--duration-fast) var(--ease-standard) both}:root:active-view-transition-type(shallower)::view-transition-old(page){animation:page-leave var(--duration-fast) var(--ease-standard) both}}@keyframes page-forward{0%{opacity:0;transform:translateX(var(--space-6))}to{opacity:1;transform:translate(0)}}@keyframes page-back{0%{opacity:0;transform:translateX(calc(-1 * var(--space-6)))}to{opacity:1;transform:translate(0)}}@keyframes page-leave{to{opacity:0}}}