.roll{--roll-row:1.2em;white-space:nowrap;line-height:var(--roll-row);font-variant-numeric:tabular-nums;align-items:flex-end;display:inline-flex}.roll__cells{-webkit-user-select:none;user-select:none;align-items:flex-end;display:inline-flex}.roll__char,.roll__digit{height:var(--roll-row);line-height:var(--roll-row);display:inline-block}.roll__char{white-space:pre}.roll__digit{overflow:hidden}.roll__stack{transform:translateY(calc(var(--d,0) * -1 * var(--roll-row)));transition:transform var(--roll-dur,.72s) cubic-bezier(.2, .8, .2, 1);will-change:transform;display:grid}.roll__stack>i{height:var(--roll-row);font-style:normal;display:block}@starting-style{.roll__stack{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.roll__stack{transition:none}}
.smooth-height{transition:height var(--dur-acc) var(--ease-sheet)}.smooth-height>div{display:flow-root}.smooth-height[data-moving]{overflow:hidden}@media (prefers-reduced-motion:reduce){.smooth-height{transition:none}}.smooth-fade{animation:smooth-fade var(--dur-acc) var(--ease-sheet)}@keyframes smooth-fade{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.smooth-fade{animation:none}}