.color-selector{display:flex;flex-direction:column;gap:18px;flex-wrap:wrap;font-size:17px}.color-option{display:flex;align-items:center;margin-right:10px;gap:18px}.color-option input[type=checkbox]{display:none}.color-option label{display:inline-block;position:relative;width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid #fff;background-size:cover}.color-option label:after{content:"";position:absolute;top:5px;left:11px;width:8px;height:15px;border:solid #e7e6e6;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s}.color-option input[type=checkbox]:checked+label:after{opacity:1}.color-selector input[type=checkbox]:checked+label{outline:2px solid #faca2b}