.color-customizer{z-index:10000;right:-70px;width:70px;position:fixed;top:70%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.color-customizer .color-chooser{background:#2363d5;border-radius:20px 0 0 20px;padding:15px;-webkit-box-shadow:0 0 20px 0 rgba(28,30,35,.2);-moz-box-shadow:0 0 20px 0 rgba(28,30,35,.2);box-shadow:0 0 20px 0 rgba(28,30,35,.2)}.color-customizer.opened .color-chooser{opacity:1}.color-customizer a.opener{border:solid 2px #fff;border-radius:20px 0 0 20px;display:block;height:45px;background:#2363d5;width:45px;font-size:24px;line-height:45px;color:#fff;position:absolute;right:70px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center;text-decoration:none;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 15px 0 rgba(0,0,0,.1);box-shadow:0 0 15px 0 rgba(0,0,0,.1)}.color-customizer.opened a.opener{left:-45px;border-color:transparent}.color-customizer ul{list-style:none;margin:0;padding:0;font-size:0}.color-customizer ul li{width:30px;height:30px;border-radius:50%;position:relative;display:block;cursor:pointer;margin:10px 0;-webkit-transition:all linear .5s;-moz-transition:all linear .5s;-o-transition:all linear .5s;-ms-transition:all linear .5s;transition:all linear .5s}.color-customizer ul li:last-child{margin-right:0}.color-customizer ul li.selected{border-radius:.25rem}.color-customizer .theme-default{background:#2363d5}.color-customizer .theme-2{background:#23d5ae}.color-customizer .theme-3{background:#886bdf}.color-customizer .theme-4{background:#fe5a3f}@media (max-width:576px){.color-customizer .color-chooser{padding:10px}.color-customizer ul li{width:35px;height:35px;margin:5px}.color-customizer ul li:nth-child(3n+3){margin-right:5px}}