.palette-handle[data-v-283aed23]{height:28px;width:28px;cursor:crosshair;background:radial-gradient(transparent 5px,#fff3 6px,#2a2a2a 7px 12px,#fff3 13px);box-shadow:0 1px 1px #fff3;z-index:1;position:absolute;top:0;left:0;border-radius:100%}.hue-container[data-v-283aed23]{position:relative;border:1px solid #4d4d4d;width:20px;height:301px;background-color:#2a2a2a;background-image:linear-gradient(0deg,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.hue-handle[data-v-283aed23]{box-shadow:inset -5px 0 0 3px #2a2a2a,inset 5px 0 0 3px #2a2a2a,inset -6px 0 1px 4px #fff3,inset 6px 0 1px 4px #fff3;border:1px solid hsla(0,0%,100%,.2);width:36px;height:17px;top:0;left:-9px;position:absolute;cursor:pointer}.alpha-container[data-v-283aed23]{position:relative;border:1px solid #4d4d4d;width:290px;height:20px}.checkerboard[data-v-283aed23]{background-color:#fff;background-image:linear-gradient(45deg,#b0b0b0 25%,transparent 0),linear-gradient(-45deg,#b0b0b0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#b0b0b0 0),linear-gradient(-45deg,transparent 75%,#b0b0b0 0);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.alpha-handle[data-v-283aed23]{box-shadow:inset 0 -5px 0 3px #2a2a2a,inset 0 5px 0 3px #2a2a2a,inset 0 -6px 1px 4px #fff3,inset 0 6px 1px 4px #fff3;border:1px solid hsla(0,0%,100%,.2);width:17px;height:36px;top:-8px;left:0;position:absolute;cursor:pointer}