.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{height:16px;width:16px;cursor:pointer;border:1px solid #ccc;border-radius:4px;list-style-type:none}.color-picker-basic-color button.active{box-shadow:0 0 2px 2px #0000004d}.color-picker-saturation{width:100%;height:150px;user-select:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);margin-top:15px;position:relative}.color-picker-saturation_cursor{width:20px;height:20px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-10px,-10px);box-shadow:0 0 15px #00000026}.color-picker-hue{width:100%;height:12px;user-select:none;background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:12px;margin-top:15px;position:relative}.color-picker-hue_cursor{width:20px;height:20px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-10px,-4px);box-shadow:0 0 0 .5px #0003}.color-picker-color{width:100%;height:20px;border:1px solid #ccc;margin-top:15px}