.color-label{font-weight:700;margin-right:14px}.color-circle{display:inline-block;width:32px;height:32px;border-radius:50%;margin-right:5px;margin-right:15px}.color-circle:not(.active){border:1px solid darkgray}.color-circle.active{position:relative;width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 2px white,0 0 0 5px #8500ff;margin-right:15px}.color-circle:not(.active):hover{position:relative;width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 2px white,0 0 0 4px #62615c;margin-right:15px;transition:border-color 0.3s ease-in-out}.color-attribute{margin-bottom:10px;margin-top:10px;display:flex}