::view-transition-old(root){animation:none}::view-transition-new(root){animation:wc-vt-fade var(--duration-tab) var(--ease-out) both}:root[data-nav-direction=push]::view-transition-new(root){animation:wc-vt-push var(--duration-screen) var(--ease-standard) both}:root[data-nav-direction=pop]::view-transition-new(root){animation:wc-vt-pop var(--duration-screen) var(--ease-standard) both}:root[data-nav-direction=modal]::view-transition-new(root){animation:wc-vt-modal var(--duration-scrim) var(--ease-standard) both}@keyframes wc-vt-fade{0%{opacity:0}}@keyframes wc-vt-push{0%{opacity:0;transform:translateX(24px)}}@keyframes wc-vt-pop{0%{opacity:0;transform:translateX(-24px)}}@keyframes wc-vt-modal{0%{opacity:0;transform:scale(.98)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}}[data-screen-transition]{display:contents}[data-screen-transition=tab]>*{animation:wc-vt-fade var(--duration-tab) var(--ease-out) both}[data-screen-transition=push]>*{animation:wc-vt-push var(--duration-screen) var(--ease-standard) both}[data-screen-transition=pop]>*{animation:wc-vt-pop var(--duration-screen) var(--ease-standard) both}[data-screen-transition=modal]>*{animation:wc-vt-modal var(--duration-scrim) var(--ease-standard) both}[data-motion=reduce] [data-screen-transition]>*{animation:none!important}@media (prefers-reduced-motion:reduce){[data-screen-transition]>*{animation:none!important}}