.enumerateStickList
{
    --numsize: 3;
    --pad: 1;
    --gap: 1;
    counter-reset: item;
}

.enumerateStickList > li
{
    --bullet-space: calc(var(--base-size) * (var(--numsize) + var(--pad) + var(--gap)));
    background-color: #fff;
    padding: var(--base-size);
    border-radius: var(--base-size);
    padding-left: var(--bullet-space);
}

.enumerateStickList > li::before
{
    --font-size: calc(var(--base-size) * var(--numsize) * .33333333);
    --size: calc(var(--base-size) * var(--numsize));
    content: counter(item) "";
    counter-increment: item;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1;
    width: var(--size);
    height: var(--size);
    background-color: var(--emphasis-color);
    color: var(--background);
    border-radius: 500px;
    margin-left: calc(var(--base-size) * (var(--numsize) + var(--pad)) * -1);
    margin-right: calc(var(--base-size) * var(--gap));
}