.color__swatches__wrapper{position:relative}.color__swatches__color{cursor:pointer;border-radius:6px;width:40px;height:40px}.color__swatches__colors{opacity:0;visibility:hidden;z-index:2;background-color:#fff;border:1px solid #ccc;border-radius:6px;gap:5px;margin-top:4px;padding:8px;display:flex;position:absolute;right:0}.color__swatches__colors li{cursor:pointer;text-align:center;vertical-align:middle;color:#ffffff1a;border-radius:6px;width:40px;height:40px;font-size:1.4em;line-height:40px}.color__swatches__colors li:hover i{color:#fff9;position:relative;transform:scale(1.1)}.color__swatches__colors li.selected i{color:#fff;position:relative;transform:scale(1.2)}.color__swatches__colors.active{opacity:1;visibility:visible;transition:all .2s}