.color-picker-container[data-v-2f0cd8fc]{width:234px;height:251px;padding:0 0 10px;background:var(--generic-background-color);border-radius:8px;-webkit-box-shadow:0 2px 8px var(--full-black-a15);box-shadow:0 2px 8px var(--full-black-a15)}.color-area[data-v-2f0cd8fc]{position:relative;width:100%;height:140px;border-radius:4px;cursor:crosshair;overflow:hidden;margin-bottom:12px;border:1px solid var(--divider-color)}.saturation-overlay[data-v-2f0cd8fc]{position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left top,right top,from(var(--white-new)),to(transparent));background:linear-gradient(90deg,var(--white-new) 0,transparent)}.brightness-overlay[data-v-2f0cd8fc]{position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-gradient(linear,left bottom,left top,from(var(--full-black)),to(transparent));background:linear-gradient(0deg,var(--full-black) 0,transparent)}.color-pointer[data-v-2f0cd8fc]{position:absolute;width:14px;height:14px;border:2px solid var(--white-new);border-radius:50%;-webkit-box-shadow:0 0 3px var(--color-picker-pointer-shadow);box-shadow:0 0 3px var(--color-picker-pointer-shadow);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.bottom-row[data-v-2f0cd8fc]{gap:8px;margin-bottom:12px}.bottom-row[data-v-2f0cd8fc],.left-section[data-v-2f0cd8fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left-section[data-v-2f0cd8fc]{gap:16px;margin-right:4px}.eyedropper-icon[data-v-2f0cd8fc]{cursor:pointer;margin-left:10px;min-width:15px}.current-color-circle[data-v-2f0cd8fc]{width:24px;height:24px;border-radius:50%;border:1px solid var(--divider-color);-webkit-box-shadow:inset 0 0 2px var(--color-picker-circle-shadow);box-shadow:inset 0 0 2px var(--color-picker-circle-shadow)}.hue-bar[data-v-2f0cd8fc]{position:relative;margin-right:7px;-webkit-box-flex:1;-ms-flex:1;flex:1;height:12px;max-width:139px;border-radius:4px;background:-webkit-gradient(linear,left top,right top,from(var(--color-picker-hue-bar-red-start)),color-stop(16.66%,var(--color-picker-hue-bar-yellow)),color-stop(33.33%,var(--color-picker-hue-bar-green)),color-stop(50%,var(--color-picker-hue-bar-cyan)),color-stop(66.66%,var(--color-picker-hue-bar-blue)),color-stop(83.33%,var(--color-picker-hue-bar-magenta)),to(var(--color-picker-hue-bar-red-end)));background:linear-gradient(90deg,var(--color-picker-hue-bar-red-start) 0,var(--color-picker-hue-bar-yellow) 16.66%,var(--color-picker-hue-bar-green) 33.33%,var(--color-picker-hue-bar-cyan) 50%,var(--color-picker-hue-bar-blue) 66.66%,var(--color-picker-hue-bar-magenta) 83.33%,var(--color-picker-hue-bar-red-end));cursor:pointer}.hue-pointer[data-v-2f0cd8fc]{position:absolute;top:50%;width:18px;height:18px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none}.rgb-inputs[data-v-2f0cd8fc]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}