ul.is-style-checkmark-list, ul.is-style-web2vi-bullet-list, ul.is-style-numbered-list {
    list-style-type: none;
    padding-left: 0;
}

ul.is-style-numbered-list {
    counter-reset: web2vi-counter;
}

ul.is-style-checkmark-list li, ul.is-style-web2vi-bullet-list li, ul.is-style-numbered-list li {
    position: relative;
    padding-left: 30px; /* Space for the checkmark */
}

ul.is-style-numbered-list li {
    counter-increment: web2vi-counter;
}

ul.is-style-checkmark-list li:before {
    margin: 0 0 0 -40px;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FBC218' fill-rule='evenodd'%3E%3Cpath fill-opacity='.6' d='M17.99 29.049L51.89 0v12.057l-33.9 31.225L0 28.475v-13.67z'/%3E%3Cpath d='M17.99 29.049L51.89 0v12.057l-33.9 31.225z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

ul.is-style-web2vi-bullet-list li:before {
    margin: 0 0 0 -40px;
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--web2vi-color);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

ul.is-style-numbered-list li:before {
    margin: 0 0 0 -30px;
    content: counter(web2vi-counter) ".";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: bold;
    color: var(--web2vi-color);
}

/* Add padding between list items */
ul.is-style-checkmark-list li:not(:first-child), ul.is-style-web2vi-bullet-list li:not(:first-child), ul.is-style-numbered-list li:not(:first-child) {
    padding-top: 1rem;
}

/* for all list items except the first (those with padding), add additional space to center it with (padding-top: 1rem) */
ul.is-style-checkmark-list li:not(:first-child):before, ul.is-style-web2vi-bullet-list li:not(:first-child):before, ul.is-style-numbered-list li:not(:first-child):before {
    top: calc(50% + .5rem);
}