.saturation{cursor:pointer;position:relative;width:100%}.saturation .slide{border:1px solid #fff;border-radius:50%;box-shadow:0 0 1px 1px #0000004d;height:10px;left:100px;pointer-events:none;position:absolute;top:0;width:10px}.hue{cursor:pointer;position:relative}.hue .slide{background:#fff;box-shadow:0 0 1px #0000004d;height:4px;left:0;pointer-events:none;position:absolute;top:100px;width:100%}.color-alpha[data-v-96aa4da8]{cursor:pointer;margin-left:8px;position:relative}.color-alpha .slide[data-v-96aa4da8]{background:#fff;box-shadow:0 0 1px #0000004d;height:4px;left:0;pointer-events:none;position:absolute;top:100px;width:100%}.sucker{width:30px;fill:#9099a4;cursor:pointer;transition:all .3s}.sucker.active,.sucker:hover{fill:#1593ff}.colors .item{box-sizing:border-box;cursor:pointer;display:inline-block;position:relative;transition:all .1s;vertical-align:top}.colors .item:hover{transform:scale(1.4)}.colors .item .alpha{height:100%}.colors .item .color{height:100%;left:0;position:absolute;top:0;width:100%}.hu-color-picker[data-v-c68c5c01]{background:#fff;border-radius:4px;display:flex;flex-direction:column;gap:10px;padding:16px}.hu-color-picker.light[data-v-c68c5c01]{background-color:#f8f8f8}.hu-color-picker .color-set[data-v-c68c5c01]{display:flex;gap:8px;width:100%}.hu-color-picker .color-show[data-v-c68c5c01]{display:flex;justify-content:center}.font-custom[data-v-8d2a261d]{font-family:Poppins,sans-serif}