.colors ul{list-style:none; padding:0; margin: 0;}

.colors li {
    margin: 0 1px 0 0;
    display: inline-block;
}
.colors label{cursor: pointer;}

.colors input{display:none;}

/*.colors input[type="radio"]:checked + .swatch{*/

/*    box-shadow: inset 0 0 0 2px #585858;*/

/*}*/

.swatch {
    border-radius: 33px;
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    width: 32px;
    margin: 0 5px 0 0;
    border: 1px solid #d4d4d4;
}


.colors input[type="radio"]:checked + .swatch{
    border-color: var(--mainTemplateColor);
    transition: border-color 0.4s ease;
    box-shadow: inset 0 0 0 2px #585858;

}