.colorpicker{position:relative;z-index:1}.colorpicker .checker-bg{background-image:linear-gradient(45deg,#ececec 25%,transparent 0),linear-gradient(-45deg,#ececec 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ececec 0),linear-gradient(-45deg,transparent 75%,#ececec 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.colorpicker .react-colorful{background:#33333a;border-radius:12px;box-shadow:0 6px 12px #999;padding:16px}.colorpicker .react-colorful__saturation{border-bottom:none;border-radius:5px;margin:15px 0}.colorpicker .react-colorful__hue{order:-1}.colorpicker .react-colorful__alpha,.colorpicker .react-colorful__hue{border-radius:5px;height:8px}.colorpicker .react-colorful__alpha-pointer,.colorpicker .react-colorful__hue-pointer{height:16px;width:16px;z-index:auto}.colorpicker .react-colorful__saturation-pointer{height:20px;width:20px;z-index:auto}