.color-picker[data-v-eb7185db]{background:#fff;border-radius:6px;font-family:Arial,sans-serif;padding:8px 12px 12px;width:-moz-fit-content;width:fit-content}.color-panel[data-v-eb7185db]{margin-bottom:8px}.color-gradient-bar-wrap[data-v-eb7185db]{align-items:flex-start;display:flex;flex-direction:row;gap:8px}.color-gradient[data-v-eb7185db]{background:#0080ff;height:120px;margin-bottom:0;overflow:hidden;position:relative;width:200px}.color-gradient-white[data-v-eb7185db]{background:linear-gradient(90deg,#fff,#fff0)}.color-gradient-black[data-v-eb7185db],.color-gradient-white[data-v-eb7185db]{bottom:0;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.color-gradient-black[data-v-eb7185db]{background:linear-gradient(0deg,#000,transparent)}.color-cursor[data-v-eb7185db]{border:1px solid #fff;border-radius:50%;box-shadow:0 0 2px #0006;height:8px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:8px}.color-bar[data-v-eb7185db]{align-items:center;display:flex;height:120px;justify-content:center;margin:0;position:relative;width:12px}.hue-slider-vertical[data-v-eb7185db]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);border-radius:1px;box-shadow:0 1px 4px #0001;cursor:pointer;height:12px;margin:0;outline:none;padding:0;transform:rotate(-90deg);transform-origin:50% 50%;width:120px}.hue-slider-vertical[data-v-eb7185db]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid #f0f0f0;border-radius:1px;box-shadow:0 0 2px #0006;cursor:pointer;height:12px;margin-top:0;-webkit-transition:border .2s;transition:border .2s;width:4px}.hue-slider-vertical[data-v-eb7185db]::-moz-range-thumb{background:#fff;border:1px solid #f0f0f0;border-radius:1px;box-shadow:0 0 2px #0006;cursor:pointer;height:12px;width:4px}.hue-slider-vertical[data-v-eb7185db]::-ms-thumb{background:#fff;border:1px solid #f0f0f0;border-radius:1px;box-shadow:0 0 2px #0006;cursor:pointer;height:12px;width:4px}.hue-slider-vertical[data-v-eb7185db]:focus{outline:none}.color-footer[data-v-eb7185db]{align-items:center;display:flex;gap:8px;margin-top:4px}.color-input[data-v-eb7185db]{border:1px solid #ddd;border-radius:3px;flex:1;font-size:14px;padding:2px 6px;width:0}.color-ok[data-v-eb7185db]{background:#eee;border:1px solid #bbb;border-radius:3px;cursor:pointer;font-size:13px;padding:2px 10px}