.semi-colorPicker-colorChooseArea{background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0);border-color:#0000;border-radius:8px 8px 0 0;flex-grow:1;position:relative;box-shadow:inset 0 0 0 1px #0000000d}.semi-colorPicker-handle{border-radius:var(--semi-border-radius-full);border:2px solid var(--semi-color-white);box-sizing:border-box;cursor:grab;position:absolute}.semi-colorPicker-alphaSlider{cursor:pointer;border-radius:var(--semi-border-radius-full);background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill-opacity=\".05\"><rect x=\"8\" width=\"8\" height=\"8\"/><rect y=\"8\" width=\"8\" height=\"8\"/></svg>");margin-top:6px;position:relative}.semi-colorPicker-alphaSlider .semi-colorPicker-alphaSliderInner{border-radius:4px;width:100%;height:100%}.semi-colorPicker-alphaSlider .semi-colorPicker-alphaHandle{border-radius:var(--semi-border-radius-full);border:2px solid var(--semi-color-white);box-sizing:border-box;cursor:grab;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill-opacity=\".05\"><rect x=\"8\" width=\"8\" height=\"8\"/><rect y=\"8\" width=\"8\" height=\"8\"/></svg>");position:absolute}.semi-colorPicker-colorSlider{cursor:pointer;border-radius:var(--semi-border-radius-full);background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);margin-top:6px;position:relative}.semi-colorPicker-dataPart{align-items:center;margin-top:8px;display:flex}.semi-colorPicker-dataPart .semi-colorPicker-colorDemoBlock{border-radius:4px}.semi-colorPicker-dataPart .semi-colorPicker-inputGroup{flex-wrap:nowrap;flex:1;width:100%;margin-left:4px}.semi-colorPicker-dataPart .semi-colorPicker-inputGroup .semi-colorPicker-colorPickerInput{flex:1}.semi-colorPicker-dataPart .semi-colorPicker-inputGroup .semi-colorPicker-colorPickerInputNumber{width:58px}.semi-colorPicker-dataPart .semi-colorPicker-inputGroup .semi-colorPicker-colorPickerInputNumber .semi-colorPicker-inputNumberSuffix{padding:4px;font-size:14px}.semi-colorPicker-dataPart .semi-colorPicker-formatSelect{width:80px}.semi-colorPicker-popover{padding:8px}.semi-colorPicker-popover-defaultChildren{cursor:pointer;border-radius:4px;width:24px;height:24px}