story-rotator{display:inline-block;vertical-align:bottom;white-space:nowrap}.rotator__words{display:inline-grid;justify-items:start;vertical-align:bottom;overflow:hidden;overflow:clip}.heading__section.center .rotator__words{justify-items:center}.heading__section.right .rotator__words{justify-items:end}@media screen and (max-width:749px){.custom-heading--mobile-left .rotator__words{justify-items:start}.custom-heading--mobile-center .rotator__words{justify-items:center}.custom-heading--mobile-right .rotator__words{justify-items:end}}.rotator__word{position:relative;grid-area:1 / 1;transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .6s ease}.rotator--slide .rotator__word:not([data-active]){opacity:0;transform:translateY(100%)}.rotator--slide .rotator__word[data-leaving]{transform:translateY(-100%)}.rotator--fade .rotator__word:not([data-active]){opacity:0}.rotator--typewriter .rotator__words.rotator__words{justify-items:start;overflow:visible}.rotator--typewriter .rotator__word:not([data-active]){visibility:hidden}.rotator__text{position:relative}.rotator--hug .rotator__words.rotator__words{justify-items:start;transition:width .45s cubic-bezier(.4,0,.2,1)}.rotator--typewriter.rotator--hug .rotator__words{display:inline}.rotator--typewriter.rotator--hug .rotator__word:not([data-active]){display:none}.rotator--typewriter .rotator__word[data-active] .rotator__text:after{content:"";position:absolute;bottom:.1em;left:100%;width:.06em;height:.9em;margin-left:.06em;background:currentColor;animation:rotator-caret 1s steps(1) infinite}@media(prefers-reduced-motion:reduce){.rotator__word,.rotator--hug .rotator__words.rotator__words{transition:none}.rotator__text{position:relative}.rotator--hug .rotator__words.rotator__words{justify-items:start;transition:width .45s cubic-bezier(.4,0,.2,1)}.rotator--typewriter.rotator--hug .rotator__words{display:inline}.rotator--typewriter.rotator--hug .rotator__word:not([data-active]){display:none}.rotator--typewriter .rotator__word[data-active] .rotator__text:after{animation:none}}@keyframes rotator-caret{50%{opacity:0}}.custom-heading--rotator-color .rotator__text{color:var(--custom-heading-rotator-color)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-rotator.css.map */