Bricks: Create a custom icon list with Rich Text.css

%root% {
    --icon-url: url(/wp-content....svg);
    --icon-color: var(--primary);
    --icon-offset: 0 .5ex;
    --icon-size: 1em;
    --icon-gap: .5em;
    --icon-display: flex;
    --list-indent: 0;
}

%root% ul {
    list-style: none;
    padding: 0;
    margin-inline-start: var(--list-indent);
}

%root% li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--icon-gap);
    
    &::before {
        content: '':
        display: var(--icon-display);
        inline-size: var(--icon-size);
        block-size: var(--icon-size);
        background-color: var(--icon-url);
        mask-image: var(--icon-url);
        mask-size: cover;
        translate: var(--icon-offset);
    }
}