.number-roll{position:relative;display:inline-block;white-space:nowrap;font:inherit;color:inherit;letter-spacing:inherit;font-variant-numeric:tabular-nums}
.number-visual{display:inline-flex;align-items:baseline;font:inherit;letter-spacing:0}
.number-digit{position:relative;display:inline-block;flex:0 0 1ch;width:1ch;height:1.12em;line-height:1.12;letter-spacing:0;overflow:hidden;vertical-align:baseline}
.number-final{display:block;visibility:hidden;line-height:1.12}
.number-track{position:absolute;inset:0 0 auto;display:block;line-height:1.12}
.number-step{display:block;height:1.12em;line-height:1.12;text-align:center}
.number-readable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.number-roll[data-number-state="done"] .number-track{display:none}
.number-roll[data-number-state="done"] .number-final{visibility:visible}
@media(prefers-reduced-motion:reduce){.number-track{display:none}.number-final{visibility:visible}}
@media print{.number-track{display:none}.number-final{visibility:visible}}