*{box-sizing:border-box}button[data-color]{width:50px;height:50px;border-radius:5px;border:1px solid #ccc;cursor:pointer}#hcg_color_picker{display:none;position:absolute;width:232px;background-color:#fff;border:1px solid #bfbfbf;z-index:99999;user-select:none}#hcg_alpha_slider,#hcg_color_box,#hcg_hue_slider{touch-action:none}.hcg_slider_container{display:flex;justify-content:space-between;margin:0 5px;align-items:center}.hcg_eye_dropper{display:flex;align-items:center;justify-content:space-between;gap:5px}button#hcg_eye_dropper_btn{padding:0;width:30px;height:30px;border:0;cursor:pointer;background:0 0;border-radius:50%}.hcg_preview_wrap{position:relative;width:35px;height:35px;flex-shrink:0}#hcg_copy_btn{display:none;position:absolute;inset:0;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;border:0;background:rgba(0,0,0,.45);cursor:pointer;padding:0}.hcg_preview_wrap:hover #hcg_copy_btn{display:flex}div#hcg_color_sliders{text-align:right}#hcg_color_values{outline:0;text-align:center;display:flex;justify-content:space-between;margin:5px 5px;gap:5px}.hcg_color_input{flex:1 1 auto}.hcg_color_input>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.hcg_color_col{width:100%}.hcg_color_col label{display:flex;align-items:center;flex-direction:column;gap:5px;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#646363}.hcg_color_col input{width:100%;border-radius:4px;height:30px;border:1px solid #cecece;outline:0;font-family:monospace;font-size:12px;color:#333;text-align:center;padding:2px 2px}.hcg_alpha_input{min-width:48px}button#hcg_switch_color_type{padding:0;width:25px;height:31px;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:0 0}