.color-picker,.color-picker *,.color-picker :after,.color-picker :before,.color-picker:after,.color-picker:before{box-sizing:border-box}.color-picker{position:absolute;top:0;box-shadow:1px 5px 10px rgba(0,0,0,.5);left:0;z-index:9999}.color-picker-container{height:10em;border:1px solid #000;color:#000;direction:rtl;display:flex}.color-picker-container *{border-color:inherit;color:inherit}.color-picker i{font:inherit;font-size:12px}.color-picker-h,.color-picker-sv{position:relative;background-size:100% 100%;direction:ltr}.color-picker-h{overflow:hidden;border-left:1px solid;background:transparent url(/lib/colorpicker/color-picker-h.png) no-repeat 50% 50%;cursor:ns-resize;width:1.5em;background-image:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.color-picker-h i{height:.5em;top:-.25em;z-index:3}.color-picker-h i,.color-picker-h i:before{right:0;position:absolute;left:0;display:block}.color-picker-h i:before{border-color:transparent currentcolor;content:"";border-style:solid;border-width:.25em;bottom:0;top:0}.color-picker-sv{background:transparent url(/lib/colorpicker/color-picker-sv.png) no-repeat 50% 50%;cursor:crosshair;width:10em;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.color-picker-sv i{height:.8em;right:-.4em;position:absolute;top:-.4em;width:.8em;display:block;z-index:3}.color-picker-sv i:after,.color-picker-sv i:before{border:1px solid;border-color:inherit;right:0;content:"";position:absolute;bottom:0;top:0;border-radius:100%;left:0;display:block}.color-picker-sv i:before{border-color:#fff;right:-1px;bottom:-1px;top:-1px;left:-1px}.color-picker-h,.color-picker-sv{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}