/* A single motion language across the store, Care, PWA and courier WebViews. */
@media (prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-group(root){animation-duration:180ms;animation-timing-function:cubic-bezier(.2,.75,.25,1)}
 ::view-transition-old(root){animation:180ms isn-page-out both;mix-blend-mode:normal}
 ::view-transition-new(root){animation:180ms isn-page-in both;mix-blend-mode:normal}
 html[data-isn-motion-direction="back"]::view-transition-new(root){animation-name:isn-page-back}
}
@keyframes isn-page-out{to{opacity:0}}
@keyframes isn-page-in{from{opacity:.25;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes isn-page-back{from{opacity:.25;transform:translateX(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
@media print{
 @view-transition{navigation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}