/**
 * Colornip v1.0.0 - Colornip is an pukka-easiest color-switcher on planet.
 * @link https://zafree.github.io/colornip
 * @copyright 2015-2016 Zafree
 * @license MIT
 */
#colors li{display:inline-block;width:30px;height:30px;cursor:pointer;border:1px solid rgba(0,0,0,.01)}.Switcher{position:fixed;z-index:9999;top:10%;right:0;width:208px;margin-right:-208px;padding:20px;-webkit-transition:none 258ms ease-out;transition:none 258ms ease-out;-webkit-transition-property:margin-right,-webkit-box-shadow;transition-property:margin-right,box-shadow;transition-property:margin-right,box-shadow,-webkit-box-shadow;border:1px solid rgba(0,0,0,.02);background-color:#fff;-webkit-box-shadow:0 0 15px transparent;box-shadow:0 0 15px transparent;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;font-size:14px;line-height:1.42857}.Switcher--show{margin-right:0;-webkit-box-shadow:0 0 15px rgba(0,0,0,.15);box-shadow:0 0 15px rgba(0,0,0,.15)}.Switcher::before,.Switcher__control{position:absolute;left:0;background-color:#fff}.Switcher::before{z-index:9998;top:0;content:"";width:15px;height:100%;margin-left:0}.Switcher__control{width:50px;height:50px;margin-left:-50px;padding:0;cursor:pointer;border:1px solid rgba(0,0,0,.02);border-right-color:transparent;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;outline:none;background-image:url();background-repeat:no-repeat;background-position:-24px -14px;-webkit-background-size:96px 72px;background-size:96px 72px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.15);box-shadow:0 0 10px rgba(0,0,0,.15);-ms-touch-action:manipulation;touch-action:manipulation}