:where(.roll){--roll-time:.42s;--roll-delay:50ms;--roll-fade:.12s;--roll-fade-at:.22s;justify-items:start;display:grid;overflow:visible clip}:where(.roll)>span{white-space:nowrap;grid-area:1/1}.roll-was{animation:roll-out var(--roll-time) cubic-bezier(.5, 0, .2, 1) var(--roll-delay) forwards, roll-fade-out var(--roll-fade) linear calc(var(--roll-delay) + var(--roll-fade-at)) forwards}.roll-now{animation:roll-in var(--roll-time) cubic-bezier(.5, 0, .2, 1) var(--roll-delay) both, roll-fade-in var(--roll-fade) linear var(--roll-delay) both}@keyframes roll-out{to{translate:0 -100%}}@keyframes roll-fade-out{to{opacity:0}}@keyframes roll-in{0%{translate:0 100%}}@keyframes roll-fade-in{0%{opacity:0}}