.color-picker-wrapper{padding:20px}.color-picker-basic-color{flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.color-picker-basic-color button{cursor:pointer;border:1px solid #ccc;border-radius:4px;width:16px;height:16px;list-style-type:none}.color-picker-basic-color button.active{box-shadow:0 0 2px 2px #0000004d}.color-picker-saturation{-webkit-user-select:none;user-select:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);width:100%;height:150px;margin-top:15px;position:relative}.color-picker-saturation_cursor{box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-10px,-10px);box-shadow:0 0 15px #00000026}.color-picker-hue{-webkit-user-select:none;user-select:none;background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:12px;width:100%;height:12px;margin-top:15px;position:relative}.color-picker-hue_cursor{box-sizing:border-box;border:2px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-10px,-4px);box-shadow:0 0 0 .5px #0003}.color-picker-color{border:1px solid #ccc;width:100%;height:20px;margin-top:15px}
/*# sourceMappingURL=d4658f691b4cd5ac.css.map*/