.colorpicker{width:418px;height:208px;overflow:hidden;position:absolute;background:#fff;box-shadow:0 18px 44px rgba(17,29,41,.18),0 0 0 1px #e4eaf1;font-family:'Satoshi',Arial,Helvetica,sans-serif;display:none}.colorpicker_color{width:150px;height:150px;left:14px;top:13px;position:absolute;background:#f00;overflow:hidden;cursor:crosshair;box-shadow:inset 0 0 0 1px rgba(17,29,41,.12)}.colorpicker_color div{position:absolute;top:0;left:0;width:150px;height:150px;background:url(../images/colorpicker_overlay.png)}.colorpicker_color div div{position:absolute;top:0;left:0;width:11px;height:11px;overflow:hidden;background:url(../images/colorpicker_select.gif);margin:-5px 0 0 -5px}.colorpicker_hue{position:absolute;top:13px;left:171px;width:35px;height:150px;cursor:n-resize;background:linear-gradient(to bottom,#f00 0%,#f0f 17%,#00f 34%,#0ff 50%,#0f0 67%,#ff0 84%,#f00 100%);box-shadow:inset 0 0 0 1px rgba(17,29,41,.12)}.colorpicker_hue div{position:absolute;width:35px;height:9px;overflow:hidden;background:url(../images/colorpicker_indic.gif) left top;margin:-4px 0 0 0;left:0}.colorpicker_new_color{position:absolute;width:90px;height:30px;left:212px;top:13px;background:#f00;box-sizing:border-box;border:1px solid #c9d6e2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.colorpicker_current_color{position:absolute;width:90px;height:30px;left:314px;top:13px;background:#f00;box-sizing:border-box;border:1px solid #c9d6e2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);cursor:pointer}.colorpicker input{background-color:transparent;border:1px solid transparent;position:absolute;font-size:12px;font-family:'Satoshi',Arial,Helvetica,sans-serif;color:#111d29;top:2px;right:15px;text-align:right;margin:0;padding:0;height:18px;outline:0}.colorpicker_hex{position:absolute;width:152px;height:22px;left:212px;top:142px;box-sizing:border-box;background:#fff;border:1px solid #c9d6e2}.colorpicker_hex::before{content:"#";position:absolute;left:9px;top:0;line-height:20px;font:700 12px/20px 'Satoshi',Arial,Helvetica,sans-serif;color:#4d6277}.colorpicker_hex input{left:22px;right:8px;width:auto}.colorpicker_eyedropper{position:absolute;left:370px;top:142px;width:34px;height:22px;box-sizing:border-box;background:#fff;border:1px solid #c9d6e2;color:#4d6277;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color 120ms ease,background 120ms ease,color 120ms ease}.colorpicker_eyedropper:hover{border-color:#e95b13;background:#fff2eb;color:#e95b13}.colorpicker_eyedropper i{font-size:12px;line-height:1}.colorpicker_field{height:22px;width:90px;position:absolute;box-sizing:border-box;background:#fff;border:1px solid #c9d6e2}.colorpicker_field::before{position:absolute;left:7px;top:0;line-height:20px;font:700 11px/20px 'Satoshi',Arial,Helvetica,sans-serif;color:#4d6277}.colorpicker_field span{position:absolute;width:12px;height:20px;overflow:hidden;top:0;right:0;cursor:n-resize;border-left:1px solid #e4eaf1}.colorpicker_field span::before,.colorpicker_field span::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:3px solid transparent;border-right:3px solid transparent}.colorpicker_field span::before{top:4px;border-bottom:4px solid #90a4b8}.colorpicker_field span::after{bottom:4px;border-top:4px solid #90a4b8}.colorpicker_rgb_r{top:52px;left:212px}.colorpicker_rgb_r::before{content:"R"}.colorpicker_rgb_g{top:82px;left:212px}.colorpicker_rgb_g::before{content:"G"}.colorpicker_rgb_b{top:112px;left:212px}.colorpicker_rgb_b::before{content:"B"}.colorpicker_hsb_h{top:52px;left:314px}.colorpicker_hsb_h::before{content:"H"}.colorpicker_hsb_s{top:82px;left:314px}.colorpicker_hsb_s::before{content:"S"}.colorpicker_hsb_b{top:112px;left:314px}.colorpicker_hsb_b::before{content:"B"}.colorpicker_submit{position:absolute;left:12px;top:170px;width:268px;height:30px;box-sizing:border-box;background:#e95b13;color:#fff;font:700 12px/1 'Satoshi',Arial,Helvetica,sans-serif;letter-spacing:.02em;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .15s ease}.colorpicker_cancel{position:absolute;left:288px;top:170px;width:118px;height:30px;box-sizing:border-box;background:#fff;border:1px solid #c9d6e2;color:#4d6277;font:600 12px/1 'Satoshi',Arial,Helvetica,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s ease,border-color .15s ease,color .15s ease}.colorpicker_cancel:hover{background:#f1f4f8;border-color:#94a3b8;color:#111d29}.colorpicker_cancel i{font-size:12px;line-height:1}.colorpicker_cancel span{line-height:1}.colorpicker_submit i{font-size:13px;line-height:1}.colorpicker_submit span{line-height:1}.colorpicker_submit:hover{background:#cc4a08}.colorpicker_field.colorpicker_focus,.colorpicker_hex.colorpicker_focus{border-color:#e95b13;box-shadow:0 0 0 3px rgba(233,91,19,.15)}.colorpicker_field.colorpicker_slider{border-color:#e95b13;background:#f8fafc}.colorpicker_submit.colorpicker_focus{background:#cc4a08}