.colorswatch-btn{display:block;position:absolute;left:0;top:0;width:40px;height:40px!important;background:#252936!important;border:1px solid #fff;border-radius:0 3px 3px 0;padding:0!important;transition:.3s;cursor:pointer;border-radius:0!important;overflow:hidden}.colorswatch-btn svg{width:27px;height:27px;position:relative;top:5px;left:1px;fill:#fff}.colorswatch{position:fixed;z-index:10020;top:calc(50% - 80px);left:0;display:block;text-align:center;width:40px;height:40px}.colorswatch-inside{display:flex;justify-content:center;flex-wrap:wrap;position:absolute;left:-185px;width:185px;background-color:#f7f7f7;padding:10px 5px 0;transition:.3s}.colorswatch.opened .colorswatch-inside{left:0}.colorswatch.opened .colorswatch-btn{left:179px;padding:5px 0 0 0}.colorswatch-inside a{position:relative;margin:0 3px 5px;width:34px;height:33px;display:block;float:left;transition:.2s;text-decoration:none!important}.colorswatch-inside a.active{z-index:1}.colorswatch-inside a.active:after{content:'\f00c';font-family:'FontAwesome';font-size:14px;color:#fff;position:relative;top:4px;left:1px}.colorswatch-inside a.active:before{display:block}.colorswatch-inside a{text-decoration:none}.colorswatch-inside a:nth-child(1){background:#00b2c2}.colorswatch-inside a:nth-child(1):hover{background:#00b2c2}.colorswatch-inside a:nth-child(2){background:#C8102E}.colorswatch-inside a:nth-child(2):hover{background:#C8102E}.colorswatch-inside a:nth-child(3){background:#fcc342}.colorswatch-inside a:nth-child(3):hover{background:#fcc342}.colorswatch-inside a:nth-child(4){background:#FD6326}.colorswatch-inside a:nth-child(4):hover{background:#FD6326}.colorswatch-inside a:nth-child(5){width:100%;margin:auto;color:#333;font-weight:600}.colorswatch-inside a:nth-child(5):hover{font-weight:700}