.color-picker,.color-picker:before,.color-picker:after,.color-picker *,.color-picker *:before,.color-picker *:after{box-sizing:border-box}.color-picker{position:absolute;top:0;left:0;z-index:9999;box-shadow:1px 3px 6px #00000080}.color-picker>div{display:flex;height:10em;border:1px solid #000;color:#000}.color-picker>div *{border-color:inherit;color:inherit}.color-picker i{font:inherit;font-size:12px}.color-picker\:a,.color-picker\:h,.color-picker\:sv{background-size:100% 100%;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.color-picker\:a div,.color-picker\:h div,.color-picker\:sv div{position:absolute;top:0;right:0;bottom:0;left:0}.color-picker\:a,.color-picker\:h{width:1.5em;border-left:1px solid;cursor:ns-resize;overflow:hidden}.color-picker\:a i,.color-picker\:h i{display:block;height:.5em;position:absolute;top:-.25em;right:0;left:0;z-index:2}.color-picker\:a i:before,.color-picker\:h i:before{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:.25em solid;border-top-color:transparent;border-bottom-color:transparent}.color-picker\:a div{z-index:2}.color-picker\:a div+div{background-image:linear-gradient(45deg,#ddd 25%,transparent 25%,transparent 75%,#ddd 75%,#ddd 100%),linear-gradient(45deg,#ddd 25%,#fff 25%,#fff 75%,#ddd 75%,#ddd 100%);background-size:.5em .5em;background-position:0 0,.25em .25em;z-index:1}.color-picker\:h div{background-image:linear-gradient(to top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%)}.color-picker\:sv{width:10em;cursor:crosshair;overflow:hidden}.color-picker\:sv div+div{background-image:linear-gradient(to right,#fff,rgba(255,255,255,0))}.color-picker\:sv div+div+div{background-image:linear-gradient(to top,#000,rgba(0,0,0,0))}.color-picker\:sv i{display:block;width:.75em;height:.75em;position:absolute;top:-.375em;right:-.375em;z-index:2}.color-picker\:sv i:before{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #fff;border-radius:100%;box-shadow:0 0 2px #000}.color-picker{margin-top:2px;box-shadow:none}.color-picker>div{border-color:#00000013;padding:.5rem;border-radius:.25rem;background-color:#fff;box-shadow:#0000001a 0 6px 24px}.color-picker.no-alpha .color-picker\:a{display:none}