#hslaValue,#rgbValue{float:right}.cj-container{overflow:auto}#showPicker{float:left}.colorPicker{background:#e8e6e0;border:1px solid #bbb;border-radius:.3em;display:inline-block;margin:1em}.colorPicker .extras{float:right;margin:.5em}.colorPicker .extras .currentColorContainer{overflow:hidden}.colorPicker .extras .currentColor{border:1px solid #bbb;border-radius:.3em;float:right;height:30px;width:65px}.colorPicker .extras .colorFields{margin-bottom:.5em;margin-top:.5em}.colorPicker .extras .color{text-align:right}.colorPicker .extras .colorFields input{margin-left:.5em;width:40px}.colorPicker .extras .hex{float:right}.colorPicker .extras .hex input{width:60px}.colorPicker .twod{float:left;margin:.5em}.colorPicker .twod,.colorPicker .twod .bg{height:240px;width:240px}.colorPicker .oned,.colorPicker .oned .bg{height:240px}.colorPicker .oned,.colorPicker .oned .bg,.colorPicker .oned .pointer .shape{width:20px}.colorPicker .twod .bg{position:absolute}.colorPicker .twod .pointer{position:relative;width:8px;z-index:2}.colorPicker .twod .pointer .shape{position:absolute}.colorPicker .twod .pointer .shape1{border:2px solid #000;border-radius:5px;height:10px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px}.colorPicker .twod .pointer .shape2{border:2px solid #fff;border-radius:4px;height:8px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:8px}.colorPicker .oned{float:left;margin:.5em}.colorPicker .oned .bg{border:1px solid #bbb}.colorPicker .oned .pointer{position:relative;z-index:2}.colorPicker .oned .pointer .shape{border:2px solid #000;border-radius:5px;height:5px;margin-left:-1px;margin-top:-4px;position:absolute}.colorPicker .oned .bg{background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red)}.colorPicker .twod .bg1{background:linear-gradient(90deg,#fff 0,hsla(0,0%,100%,0));z-index:0}.colorPicker .twod .bg2{background:linear-gradient(180deg,transparent 0,#000);z-index:1}#hslPicker .twod .bg1{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red)}#hslPicker .twod .bg2{background:linear-gradient(180deg,transparent 0,#7f7f7f)}#hslPicker .oned .bg{background:linear-gradient(180deg,#fff 0,transparent 50%,#000);z-index:1}#hslPicker .extras{width:100px}#hslPicker .oned.alpha{margin:0}#hslPicker .oned.alpha .bg{background:linear-gradient(180deg,#fff 0,#000)}
/*# sourceMappingURL=546.ad0682df.chunk.css.map*/