.select-colors{width:100%;list-style:none;flex-wrap:wrap}.select-colors ul{list-style:none}.select-colors,.select-colors label,.select-colors [data-name]{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;padding:0;margin:0}.select-colors .content-color{width:100%;display:flex;justify-content:flex-start;align-items:center}.select-colors label,.select-colors .content-color{text-transform:uppercase;letter-spacing:.3em;font-size:.9em !important;color:#7e7e7e !important;font-size:14px !important}.select-colors [data-color]{width:38px;height:38px;border-radius:100%;background-color:rgba(0,0,0,.1019607843);border:solid 2px rgba(0,0,0,0);position:relative;margin:3px 8px 3px 0;cursor:pointer}.select-colors [data-color].selected{background-color:#fff;border:solid 2px #000}.select-colors [data-color]::before{content:"";width:30px;height:30px;position:absolute;left:2px;top:2px;border-radius:100%;background-size:contain}.select-colors [data-color] span{display:none}.select-colors [data-color] span::after{content:"";position:absolute;bottom:-5px;left:20px;margin-left:-9px;width:10px;height:10px;background:#000;transform:rotate(45deg);z-index:1}.select-colors [data-color]:hover span{display:flex;position:absolute;top:-45px;background-color:#000;color:#fff;width:auto;padding:8px 15px;white-space:nowrap;z-index:2;border-radius:4px}