.text-roll{--tr-stagger: 30ms;--tr-speed: .4s;--tr-ease: cubic-bezier(.6, .05, .2, .95);--tr-h: 1.2em;cursor:pointer;display:inline-block}.text-roll__visual{display:inline-flex;vertical-align:bottom}.text-roll__char{display:inline-block;height:var(--tr-h);line-height:var(--tr-h);overflow:hidden;vertical-align:bottom}.text-roll__inner{display:flex;flex-direction:column;transition:transform var(--tr-speed) var(--tr-ease);transition-delay:calc(var(--i, 0) * var(--tr-stagger))}.text-roll__inner>span{display:block;height:var(--tr-h);line-height:var(--tr-h)}.text-roll--up:hover .text-roll__inner,.text-roll--up:focus-visible .text-roll__inner{transform:translateY(calc(-1 * var(--tr-h)))}.text-roll--down .text-roll__inner{transform:translateY(calc(-1 * var(--tr-h)))}.text-roll--down:hover .text-roll__inner,.text-roll--down:focus-visible .text-roll__inner{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.text-roll__inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/text-roll.css.map */