.roll{letter-spacing:var(--roll-track,-.03em);white-space:nowrap;font-feature-settings:"kern";align-items:baseline;line-height:1;display:inline-flex;position:relative}.roll--flat .roll__cents{opacity:1;letter-spacing:inherit;margin-left:0}.roll__value,.roll__cents{align-items:baseline;display:inline-flex}.roll__value{transition:opacity .26s var(--ease-out), filter .26s var(--ease-out), transform .36s var(--ease-out)}.roll__sym{margin-right:.01em}.roll__sep{animation:pop-in .32s var(--ease-out) both;display:inline-block}.roll__cents{opacity:.7;letter-spacing:-.01em;margin-left:.03em}.roll__col{text-align:center;transition:width .7s var(--spring);display:inline-block;position:relative}.roll__ghost{visibility:hidden;width:0;display:inline-block;overflow:visible}.roll__win{height:1em;position:absolute;top:0;left:-.05em;right:-.05em;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 6% 94%,#0000)}.roll__strip{transition:transform 1s var(--spring);flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.roll__strip>span{height:1em;line-height:1;display:block}.roll__mask{letter-spacing:.1em;white-space:nowrap;opacity:0;transition:opacity .26s var(--ease-out), transform .36s var(--spring-bouncy);pointer-events:none;font-size:.8em;position:absolute;top:50%;left:50%;transform:scale(.8)}.roll[data-hidden] .roll__value{opacity:0;filter:blur(10px);transform:scale(.96)}.roll[data-hidden] .roll__mask{opacity:1;transform:none}.roll[data-instant] .roll__col{transition:none}.roll__col[data-entering] .roll__strip{opacity:0}.roll__strip{transition:transform 1s var(--spring), opacity .28s var(--ease-out)}