/* MARK: Layers */

.fourd-editor-layer-row {
    /* Fallback if JS hasn't run yet */
    --alpha-percent: 100%;

    /* The progress bar is a semi-transparent white overlay */
    background-image: linear-gradient(to right,
            rgba(var(--main-color), 0.2) var(--alpha-percent),
            transparent var(--alpha-percent));
}

/* Active drawing state */
.fourd-editor-layer-row:has(input[type="radio"]:checked) {
    /* This color will show through the 'transparent' part of the gradient */
    background-color: rgb(var(--first-decent));
}