::view-transition-old(main-content){animation:pt-fade-out .3s ease-out both}::view-transition-new(main-content){animation:pt-fade-in .3s ease-in both;animation-delay:.1s}#MainContent{view-transition-name:main-content}@keyframes pt-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes pt-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#MainContent.pt-exiting{animation:pt-fade-out .3s ease-out both}#MainContent.pt-entering{animation:pt-fade-in .3s ease-in both}.pt-progress{position:fixed;top:0;left:0;height:3px;background:var(--color-brand-primary, #bd1218);z-index:9999;transform-origin:left;animation:pt-progress 8s cubic-bezier(.2,.9,.3,1) forwards;pointer-events:none}.pt-progress--done{animation:none;width:100%;opacity:0;transition:opacity .3s ease}@keyframes pt-progress{0%{width:0}20%{width:40%}50%{width:65%}80%{width:85%}to{width:95%}}html.pt-transitioning{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){::view-transition-old(main-content),::view-transition-new(main-content),#MainContent.pt-exiting,#MainContent.pt-entering,.pt-progress{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/page-transitions.css.map */