.number-roller{--roller-height:.9em;--roller-fade-outset:.18em;--roller-radius:calc(var(--roller-height) * 1.8);padding-block:var(--roller-fade-outset);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:.9;display:inline-block;position:relative}.number-roller-visual{align-items:center;display:inline-flex}.number-roller-slot{width:1ch;height:var(--roller-height);text-align:center;flex:0 0 1ch;display:inline-block;position:relative}.number-roller-symbol{white-space:pre}.number-roller-symbol,.number-roller-fallback,.number-roller-face{height:var(--roller-height);justify-content:center;align-items:center;display:flex}.number-roller-glyph{text-box-trim:trim-both;text-box-edge:cap alphabetic}.number-roller-window{inset:calc(-1 * var(--roller-fade-outset)) 0;-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--roller-fade-outset), #000 calc(100% - var(--roller-fade-outset)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--roller-fade-outset), #000 calc(100% - var(--roller-fade-outset)), transparent);display:none;position:absolute;overflow:clip}.number-roller-camera{inset:var(--roller-fade-outset) 0;perspective:8em;perspective-origin:50%;position:absolute}.number-roller-axis{transform:translateZ(calc(-1 * var(--roller-radius)));transform-style:preserve-3d;position:absolute;inset:0}.number-roller-drum{transform-style:preserve-3d;position:absolute;inset:0}.number-roller-drum,.number-roller[data-motion=true] .number-roller-symbol{color:color-mix(in srgb, var(--roller-rolling-color,#c5ccc9), currentColor calc(var(--roller-color-progress,0) * 100%))}.number-roller-face{backface-visibility:hidden;position:absolute;inset:0}.number-roller-accessible{clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@supports (transform-style:preserve-3d){.number-roller[data-motion=true] .number-roller-fallback{visibility:hidden}.number-roller[data-motion=true] .number-roller-window{display:block}}@media (prefers-reduced-motion:reduce){.number-roller[data-motion=true] .number-roller-symbol{color:inherit}.number-roller[data-motion=true] .number-roller-fallback{visibility:visible}.number-roller[data-motion=true] .number-roller-window{display:none}}