.color-selector{background-color:#fff;position:fixed;left:100%;top:30%;padding:15px;text-align:center;width:120px;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;transition:transform .3s;z-index:9990;-webkit-box-shadow:0 0 5px 2px rgba(170,170,170,.5);-moz-box-shadow:0 0 5px 2px rgba(170,170,170,.5);box-shadow:0 0 5px 2px rgba(170,170,170,.5)}.color-selector.opened{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.color-selector p{font-size:13px;margin-bottom:30px}.color-selector a{display:block;margin:20px auto;width:54px;height:54px;border-radius:50%;border:2px solid #666;line-height:26px;text-transform:uppercase;color:#555;font-weight:700;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;background:url(../images/logo.png) center center no-repeat #fff}.color-selector a:hover{background-color:#ddd}.color-selector a.dark{background-color:#2a2a2a}.color-selector a.dark:hover{background-color:#444}.color-selector a:not(:last-child){margin-bottom:10px}.color-selector .color-selector-toggle{position:absolute;right:100%;margin-right:4px;top:0;width:35px;height:35px;line-height:35px;font-size:22px;background-color:#fff;color:#555;cursor:pointer;-webkit-box-shadow:0 0 5px 2px rgba(170,170,170,.5);-moz-box-shadow:0 0 5px 2px rgba(170,170,170,.5);box-shadow:0 0 5px 2px rgba(170,170,170,.5)}.color-selector .color-selector-toggle:before{display:block;position:absolute;content:'';right:-6px;top:0;width:10px;height:35px;background-color:#fff;z-index:10000}body.dark-theme .color-selector{-webkit-box-shadow:0 0 5px 2px rgba(0,0,0,.5);-moz-box-shadow:0 0 5px 2px rgba(0,0,0,.5);box-shadow:0 0 5px 2px rgba(0,0,0,.5);background-color:#2a2a2a}body.dark-theme .color-selector .color-selector-toggle{-webkit-box-shadow:0 0 5px 2px rgba(0,0,0,.5);-moz-box-shadow:0 0 5px 2px rgba(0,0,0,.5);box-shadow:0 0 5px 2px rgba(0,0,0,.5);background-color:#2a2a2a;color:#c5c5c5}body.dark-theme .color-selector .color-selector-toggle:before{background-color:#2a2a2a}