div.colors-bar-bn{width:auto;margin:12px 0;display:block;overflow:hidden;padding:5px;float:right}div.colors-bar-bn span.title{float:left;display:block;font-size:18px;line-height:30px;color:#3fa3d5;padding-right:6px;text-transform:uppercase}ul.colors{float:right;width:auto;height:30px;display:block}ul.colors li{display:block;float:left;width:30px;height:30px;background-color:silver;margin:0 3px;transition:all .5s ease}ul.colors li span{display:block;opacity:0;text-align:center;line-height:30px;transition:all .5s ease}ul.colors li.active span,ul.colors li:hover span{display:block;opacity:1}ul.colors li:hover{transform:scale(1.2,1.3);z-index:50;position:relative}ul.colors li a{width:100%;height:100%;display:block;color:#fff}li a#cb-whites{background-color:#fff;color:#000;border:1px solid #c0c0c0}li a#cb-yellows{background-color:#ffd200}li a#cb-oranges{background-color:#f47b20}li a#cb-reds{background-color:#d31245}li a#cb-pinks{background-color:#eb4498}li a#cb-greens{background-color:#c1d82f}li a#cb-teals{background-color:#68c8c6}li a#cb-blues{background-color:#00a5d9}li a#cb-purples{background-color:#52247f}li a#cb-blacks{background-color:#000}@media (max-width:1025px){div.colors-bar-bn span.title{width:100%;text-align:center;margin:10px 0}ul.colors{height:auto;width:100%}}@media (max-width:769px){ul.colors li{width:calc(20% - 2px)}}@media (max-width:580px){ul.colors li{width:calc(50% - 2px);margin:1px;height:40px}ul.colors li span{line-height:40px!important}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/color-selector-bn.css.map */