.rotating-text-section{background:center url(rotator-bg-mb.png) no-repeat;background-size:cover;color:#fff;padding:3.4rem 0;overflow:hidden}@media screen and (min-width:750px){.rotating-text-section{background-image:url(rotator-bg.png);padding:2.8rem 0}}.rotating-text{font-size:2rem;line-height:110%;color:#fff;margin:0;display:flex;align-items:stretch;justify-content:center;gap:.3rem;text-align:center}@media screen and (min-width:750px){.rotating-text{font-size:4rem}}.rotating-text-prefix{font-weight:400}.rotating-text-suffix-wrap{position:relative;min-width:17.3rem}@media screen and (min-width:750px){.rotating-text-suffix-wrap{min-width:33rem}}.rotating-text-suffix{position:absolute;inset:0 auto auto 0;display:inline-block;opacity:0;transform:translate3d(-1em,0,0);white-space:nowrap;will-change:transform,opacity}.rotating-text-suffix.is-active{opacity:1;transform:translateZ(0)}.rotating-text-suffix.is-entering{animation:text-rotate-in .55s ease forwards}.rotating-text-suffix.is-leaving{animation:text-rotate-out .55s ease forwards}@keyframes text-rotate-in{0%{opacity:0;transform:translate3d(-1em,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes text-rotate-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(1em,0,0)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-rotating-text.css.map */