.el-color-picker-panel{--el-colorpicker-bg-color:var(--el-bg-color-overlay);--el-fill-color-blank:var(--el-colorpicker-bg-color);width:calc(var(--gq-module-unit,1rem)*18.75);padding:calc(var(--gq-module-unit,1rem)*.75);box-sizing:initial;background:var(--el-colorpicker-bg-color)}.el-color-picker-panel.is-border{border:solid 1px var(--el-border-color-lighter);border-radius:calc(var(--gq-module-unit,1rem)*.25)}.el-color-picker-panel__wrapper{margin-bottom:calc(var(--gq-module-unit,1rem)*.375)}.el-color-picker-panel__footer{margin-top:calc(var(--gq-module-unit,1rem)*.75);text-align:right;justify-content:space-between;display:flex}.el-color-picker-panel__footer .el-input{line-height:calc(var(--gq-module-unit,1rem)*1.625);font-size:calc(var(--gq-module-unit,1rem)*.75);color:#000;width:calc(var(--gq-module-unit,1rem)*10)}.el-color-picker-panel.is-disabled .el-color-svpanel,.el-color-picker-panel.is-disabled .el-color-hue-slider{cursor:not-allowed;opacity:.3}.el-color-picker-panel.is-disabled .el-color-hue-slider__thumb{cursor:not-allowed}.el-color-picker-panel.is-disabled .el-color-alpha-slider,.el-color-picker-panel.is-disabled .el-color-predefine .el-color-predefine__color-selector{cursor:not-allowed;opacity:.3}.el-color-predefine{font-size:calc(var(--gq-module-unit,1rem)*.75);margin-top:calc(var(--gq-module-unit,1rem)*.5);width:calc(var(--gq-module-unit,1rem)*17.5);display:flex}.el-color-predefine__colors{gap:calc(var(--gq-module-unit,1rem)*.5);flex-wrap:wrap;flex:1;display:flex}.el-color-predefine__color-selector{width:calc(var(--gq-module-unit,1rem)*1.25);height:calc(var(--gq-module-unit,1rem)*1.25);border-radius:var(--el-border-radius-base);cursor:pointer;border:none;outline:none;padding:0;overflow:hidden}.el-color-predefine__color-selector.selected{box-shadow:0 0 calc(var(--gq-module-unit,1rem)*.1875) calc(var(--gq-module-unit,1rem)*.125) var(--el-color-primary)}.el-color-predefine__color-selector:focus-visible{outline:calc(var(--gq-module-unit,1rem)*.125) solid var(--el-color-primary);outline-offset:calc(var(--gq-module-unit,1rem)*.125)}.el-color-predefine__color-selector>div{height:100%;display:flex}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{box-sizing:border-box;width:calc(var(--gq-module-unit,1rem)*17.5);height:calc(var(--gq-module-unit,1rem)*.75);padding:0 calc(var(--gq-module-unit,1rem)*.125);float:right;background-color:red;position:relative}.el-color-hue-slider__bar{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);height:100%;position:relative}.el-color-hue-slider__thumb{cursor:pointer;box-sizing:border-box;width:calc(var(--gq-module-unit,1rem)*.25);border-radius:calc(var(--gq-module-unit,1rem)*.0625);border:1px solid var(--el-border-color-lighter);height:100%;box-shadow:0 0 calc(var(--gq-module-unit,1rem)*.125) #0009;z-index:1;background:#fff;position:absolute;top:0;left:0}.el-color-hue-slider__thumb:focus-visible{outline:calc(var(--gq-module-unit,1rem)*.125) solid var(--el-color-primary);outline-offset:calc(var(--gq-module-unit,1rem)*.0625)}.el-color-hue-slider.is-vertical{width:calc(var(--gq-module-unit,1rem)*.75);height:calc(var(--gq-module-unit,1rem)*11.25);padding:calc(var(--gq-module-unit,1rem)*.125) 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{width:100%;height:calc(var(--gq-module-unit,1rem)*.25);top:0;left:0}.el-color-svpanel{width:calc(var(--gq-module-unit,1rem)*17.5);height:calc(var(--gq-module-unit,1rem)*11.25);background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0);position:relative}.el-color-svpanel__cursor{cursor:pointer;width:calc(var(--gq-module-unit,1rem)*.25);height:calc(var(--gq-module-unit,1rem)*.25);box-shadow:0 0 0 calc(var(--gq-module-unit,1rem)*.09375) #fff, inset 0 0 calc(var(--gq-module-unit,1rem)*.0625) calc(var(--gq-module-unit,1rem)*.0625) #0000004d, 0 0 calc(var(--gq-module-unit,1rem)*.0625) calc(var(--gq-module-unit,1rem)*.125) #0006;transform:translate(calc(var(--gq-module-unit,1rem)*-.125), calc(var(--gq-module-unit,1rem)*-.125));border-radius:50%;position:absolute}.el-color-svpanel__cursor:focus-visible{outline:calc(var(--gq-module-unit,1rem)*.125) solid var(--el-color-primary);outline-offset:calc(var(--gq-module-unit,1rem)*.125)}.el-color-alpha-slider{box-sizing:border-box;width:calc(var(--gq-module-unit,1rem)*17.5);height:calc(var(--gq-module-unit,1rem)*.75);background-image:linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);background-size:calc(var(--gq-module-unit,1rem)*.75) calc(var(--gq-module-unit,1rem)*.75);background-position:0 0, calc(var(--gq-module-unit,1rem)*.375) 0, calc(var(--gq-module-unit,1rem)*.375) calc(var(--gq-module-unit,1rem)*-.375), 0 calc(var(--gq-module-unit,1rem)*.375);position:relative}.el-color-alpha-slider.is-disabled .el-color-alpha-slider__thumb{cursor:not-allowed}.el-color-alpha-slider__bar{background:linear-gradient(to right, #fff0 0, var(--el-bg-color) 100%);height:100%;position:relative}.el-color-alpha-slider__thumb{cursor:pointer;box-sizing:border-box;width:calc(var(--gq-module-unit,1rem)*.25);border-radius:calc(var(--gq-module-unit,1rem)*.0625);border:1px solid var(--el-border-color-lighter);height:100%;box-shadow:0 0 calc(var(--gq-module-unit,1rem)*.125) #0009;z-index:1;background:#fff;position:absolute;top:0;left:0}.el-color-alpha-slider__thumb:focus-visible{outline:calc(var(--gq-module-unit,1rem)*.125) solid var(--el-color-primary);outline-offset:calc(var(--gq-module-unit,1rem)*.0625)}.el-color-alpha-slider.is-vertical{width:calc(var(--gq-module-unit,1rem)*1.25);height:calc(var(--gq-module-unit,1rem)*11.25)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(#fff0,#fff)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{width:100%;height:calc(var(--gq-module-unit,1rem)*.25);top:0;left:0}.el-color-picker-panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:#0000}.dark .el-color-picker-panel{--el-color-picker-alpha-bg-a:#333}.el-color-picker{height:calc(var(--gq-module-unit,1rem)*2);width:calc(var(--gq-module-unit,1rem)*2);outline:none;line-height:normal;display:inline-block;position:relative}.el-color-picker:hover:not(.is-disabled,.is-focused) .el-color-picker__trigger{border-color:var(--el-border-color-hover)}.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger{outline:calc(var(--gq-module-unit,1rem)*.125) solid var(--el-color-primary);outline-offset:calc(var(--gq-module-unit,1rem)*.0625)}.el-color-picker.is-focused .el-color-picker__trigger{border-color:var(--el-color-primary)}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed;background-color:var(--el-fill-color-light)}.el-color-picker.is-disabled .el-color-picker__color{opacity:.3}.el-color-picker--large{height:calc(var(--gq-module-unit,1rem)*2.5);width:calc(var(--gq-module-unit,1rem)*2.5)}.el-color-picker--small{height:calc(var(--gq-module-unit,1rem)*1.5);width:calc(var(--gq-module-unit,1rem)*1.5)}.el-color-picker--small :is(.el-color-picker__empty,.el-color-picker__icon){transform:scale(.8)}.el-color-picker__trigger{box-sizing:border-box;width:100%;height:100%;padding:calc(var(--gq-module-unit,1rem)*.25);border:1px solid var(--el-border-color);border-radius:calc(var(--gq-module-unit,1rem)*.25);cursor:pointer;justify-content:center;align-items:center;font-size:0;display:inline-flex;position:relative}.el-color-picker__color{box-sizing:border-box;border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);text-align:center;width:100%;height:100%;display:block;position:relative}.el-color-picker__color.is-alpha{background-image:linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);background-size:calc(var(--gq-module-unit,1rem)*.75) calc(var(--gq-module-unit,1rem)*.75);background-position:0 0, calc(var(--gq-module-unit,1rem)*.375) 0, calc(var(--gq-module-unit,1rem)*.375) calc(var(--gq-module-unit,1rem)*-.375), 0 calc(var(--gq-module-unit,1rem)*.375)}.el-color-picker__color-inner{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.el-color-picker .el-color-picker__empty{font-size:calc(var(--gq-module-unit,1rem)*.75);color:var(--el-text-color-secondary)}.el-color-picker .el-color-picker__icon{color:#fff;font-size:calc(var(--gq-module-unit,1rem)*.75);justify-content:center;align-items:center;display:inline-flex}.el-color-picker__panel{border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light);background-color:#fff}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-color-picker,.el-color-picker__panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:#0000}.dark :is(.el-color-picker,.el-color-picker__panel){--el-color-picker-alpha-bg-a:#333}