.text-roll__chars{white-space:pre;display:inline-flex;overflow:hidden}.text-roll__char{transition:translate var(--text-roll-duration,.6s) var(--ease) calc(var(--text-roll-index) * var(--text-roll-stagger,20ms));display:inline-block;position:relative}.text-roll__char:after{content:attr(data-char);position:absolute;top:100%;left:0}@media (hover:hover) and (pointer:fine){.text-roll:hover .text-roll__char,.text-roll:focus-visible .text-roll__char{translate:0 -100%}}