.ui-list {
    margin: 0;
    padding: 0;
    padding-left: 18px;
    list-style-type: none;
    counter-reset: numbered-list-counter;
}

.ui-list :last-child {
    margin-bottom: 0;
}

.ui-list--large {
    font-size: 26px;
}

.ui-list--medium {
    font-size: var(--medium-font-size);
}

.ui-list--small {
    font-size: var(--small-font-size);
}

.ui-list--smallest {
    font-size: var(--smallest-font-size);
}

.ui-list__item {
    font-size: inherit;
    line-height: var(--small-line-height);
    position: relative;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 12px;
}

.ui-list__item * {
    font-size: inherit;
}

.ui-list__item--disc:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: .5em;
    left: -18px;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: var(--secondary-cyan-color);
}

.ui-list__item--disc.white-text:before {
    background: var(--white-color);
}

.ui-list__item--num {
    counter-increment: numbered-list-counter;
}

.ui-list__item--num:before {
    content: counter(numbered-list-counter) ".";
    display: inline-block;
    margin-left: -18px;
    margin-right: 3px;
    font-weight: var(--bold-font-weight);
}

.ui-list__item .ui-list {
    margin-top: 12px
}

.ui-list .ui-list {
    padding-left: 18px;
    margin-bottom: 12px;
}

.ui-list .ui-list:last-child {
    margin-bottom: 0;
}