.bit101-numeral-run{
    --bit101-glyph-tracking:.04em;
    --bit101-glyph-tile-scale:1.25;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:var(--bit101-glyph-tracking);
    min-width:0;
    height:1em;
    color:inherit;
    font:inherit;
    font-size:1em;
    line-height:1;
    vertical-align:-.08em;
    white-space:nowrap;
}

.bit101-numeral-cell{
    position:relative;
    display:inline-block;
    flex:0 0 calc(var(--bit101-glyph-advance,1) * 1em);
    width:calc(var(--bit101-glyph-advance,1) * 1em);
    height:1em;
}

.bit101-numeral-glyph{
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    width:calc(var(--bit101-glyph-tile-scale) * 1em);
    height:calc(var(--bit101-glyph-tile-scale) * 1em);
    transform:translate(-50%,-50%);
    background:currentColor;
    -webkit-mask-image:var(--bit101-glyph-atlas);
    mask-image:var(--bit101-glyph-atlas);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:400% 400%;
    mask-size:400% 400%;
    -webkit-mask-position:var(--bit101-glyph-position-x) var(--bit101-glyph-position-y);
    mask-position:var(--bit101-glyph-position-x) var(--bit101-glyph-position-y);
}

.bit101-numeral-fallback{
    display:inline-block;
    min-width:.32em;
    color:inherit;
    font:inherit;
    font-variant-numeric:tabular-nums;
    line-height:1;
    text-align:center;
}

@media(prefers-reduced-motion:reduce){
    .bit101-numeral-run,
    .bit101-numeral-cell,
    .bit101-numeral-glyph{transition:none!important;animation:none!important}
}