<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">ul,
ol {
    margin: 0 0 1.5em 0;
    list-style: none;
    padding-left: 1.25em;
    font-size: 1.0625rem
}

li {
    position: relative;
    margin-top: 0.625em
}

li::before {
    color: var(--color-primary-light);
    display: block;
    position: absolute;
    right: calc(100% + 4ch);
    pointer-events: none;
	line-height: 4em !important;
	font-size: .4em !important;
}

ul &gt; li::before {
    font-family: var(--font-icon);
    content: "\f111";
    font-weight: 900;
    line-height: 4;
    font-size: 0.375em;
    text-align: right;
}

ol ul,
ul ul,
ol ol,
ul ol {
    margin-top: 0.625em;
    margin-bottom: 0;
    margin-left: 0.5em;
}

ol ul &gt; li::before,
ul ul &gt; li::before {
    font-weight: 400;
}

ol ol &gt; li::before,
ul ol &gt; li::before {
    font-size: 0.875em;
}

ol {
    counter-reset: ol-id;
}

ol &gt; li::before {
    counter-increment: ol-id;
    content: counter(ol-id) ".";
}

ol ol &gt; li::before {
    content: counters(ol-id, '.');
    font-weight: 300;
}

/* Custom UL */
ul.check &gt; li::before {
    content: '\f00c';
	line-height: 4em !important;
	font-size: .4em !important; 
    right: calc(100% + 4ch);
}

ul.green &gt; li::before {
    color: var(--color-secondary-dark);
}

/* Custom OL */
ol.lalpha li::before {
    content: counters(ol-id, '.', lower-alpha);
    font-weight: 300;
}

ol.lalpha &gt; li::before {
    counter-increment: ol-id;
    content: counter(ol-id, lower-alpha) ".";
}
</pre></body></html>