.style-switch-wrapper { position: fixed; top: 100px; left: -160px; width: 160px; height: auto; background-color: #fff; z-index: 1000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 20px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -o-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.style-switch-wrapper.active { left: 0; }
.style-switch-button { position: absolute; top: -1px; left: 160px; width: 40px; height: 40px; background-color: #343a43; z-index: 1000; cursor: pointer; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -o-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -o-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.style-switch-button i { font-size: 18px; color: #fff; position: relative; top: 12px; left: 15px; }
.style-switch-wrapper button { width: 20px; height: 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border: none; margin: 3px; }
.style-switch-wrapper #color-1 { background: linear-gradient(to right, #48cfae 0%,#48cfae 50%,#37bd9c 50%,#37bd9c 100%); }
.style-switch-wrapper #color-2 { background: linear-gradient(to right, #5d9cec 0%,#5d9cec 50%,#4b89dc 50%,#4b89dc 100%); }
.style-switch-wrapper #color-3 { background: linear-gradient(to right, #a0d468 0%,#a0d468 50%,#8dc153 50%,#8dc153 100%); }
.style-switch-wrapper #color-4 { background: linear-gradient(to right, #50c1e9 0%,#50c1e9 50%,#3baeda 50%,#3baeda 100%); }
.style-switch-wrapper #color-5 { background: linear-gradient(to right, #ffce55 0%,#ffce55 50%,#f6bb43 50%,#f6bb43 100%); }
.style-switch-wrapper #color-6 { background: linear-gradient(to right, #fb6e52 0%,#fb6e52 50%,#e9573e 50%,#e9573e 100%); }
.style-switch-wrapper #color-7 { background: linear-gradient(to right, #ac92ed 0%,#ac92ed 50%,#967bdc 50%,#967bdc 100%); }
.style-switch-wrapper #color-8 { background: linear-gradient(to right, #ec87c1 0%,#ec87c1 50%,#d870ad 50%,#d870ad 100%); }