@layer stageshow{.ss-roll{white-space:pre}.ss-roll__mid{display:inline-grid;padding-block:.45em;margin-block:-.45em;-webkit-mask-image:linear-gradient(transparent,#000 .5em,#000 calc(100% - .5em),transparent);mask-image:linear-gradient(transparent,#000 .5em,#000 calc(100% - .5em),transparent);vertical-align:bottom;transition:width .5s cubic-bezier(.22,1,.36,1)}.ss-roll__item{grid-area:1 / 1;justify-self:start;width:max-content}.ss-roll[data-align=end] .ss-roll__mid{grid-template-columns:100%}.ss-roll[data-align=end] .ss-roll__item{justify-self:unsafe end}.ss-roll__char{display:inline-block;white-space:pre;animation:ss-roll-in .42s cubic-bezier(.32,.72,0,1) both}.ss-roll__item[data-out]{animation:ss-roll-out .42s cubic-bezier(.32,.72,0,1) both}@keyframes ss-roll-in{0%{opacity:0;transform:translateY(100%)}}@keyframes ss-roll-out{to{opacity:0;transform:translateY(-100%)}}.ss-roll[data-variant=fade] .ss-roll__char{animation-name:ss-fade-in;animation-duration:.35s;animation-delay:.12s}.ss-roll[data-variant=fade] .ss-roll__item[data-out]{animation-name:ss-fade-out;animation-duration:.16s}.ss-roll[data-variant=fade] .ss-roll__mid{padding-block:0;margin-block:0;-webkit-mask-image:none;mask-image:none;clip-path:inset(0);transition-duration:.4s}@keyframes ss-fade-out{to{opacity:0;filter:blur(2px);transform:translateY(-3px)}}}
