.el-cp-palette{background-color:var(--palette-bg,#eee);box-sizing:border-box;cursor:default;height:var(--cp-palette-height,150px);position:relative;width:var(--cp-palette-width,100%)}.el-cp-palette:after,.el-cp-palette:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.el-cp-palette:before{background-color:rgba(204,154,129,0);background-image:linear-gradient(90deg,#fff,hsla(20,42%,65%,0));background-repeat:repeat-x}.el-cp-palette:after{background-image:linear-gradient(0deg,#000,hsla(20,42%,65%,0))}.el-cp-palette:active .el-cp-palette__pointer{box-shadow:var(--cp-shadow-pointer-active)}.el-cp-palette__pointer{border:var(--cp-size-pointer-stroke) solid var(--cp-color-pointer-fill);border-radius:50%;box-shadow:var(--cp-shadow-pointer);box-sizing:border-box;display:block;height:var(--cp-size-pointer);position:absolute;transform:translate(-50%,-50%);width:var(--cp-size-pointer);z-index:2}.el-cp-color-form{border:none;margin:0;padding:0}.el-cp-color-form legend{font-size:0}.el-cp-color-form__wrap{display:flex;margin:0}.el-cp-color-form.hex .el-cp-color-field:first-child,.el-cp-color-form.hsl .el-cp-color-field:nth-child(3),.el-cp-color-form.rgb .el-cp-color-field:nth-child(2){display:flex}.el-cp-color-field{display:none;flex:1;margin:0 -4px}.el-cp-color-field label{display:block;flex:1;padding:0 4px;text-align:center}.el-cp-color-field input{-moz-appearance:textfield;background:var(--cp-form-bg);border:none;border-radius:2px;box-shadow:inset 0 0 0 1px var(--cp-form-border-color);box-sizing:border-box;color:var(--cp-color-fill);display:block;font-size:12px;font-weight:500;height:24px;margin:0;outline:none;padding:0;text-align:center;transition:box-shadow var(--cp-speed-focus) ease-out;width:100%}.el-cp-color-field input:focus{box-shadow:inset 0 1px 5px 0 var(--cp-form-border-color),inset 0 0 0 1px var(--cp-form-border-color),0 0 0 2px var(--cp-color-key)}.el-cp-color-field input::-webkit-inner-spin-button,.el-cp-color-field input::-webkit-outer-spin-button{-webkit-appearance:none}.el-cp-color-field span{color:var(--cp-color-blur);display:block;font-size:10px;line-height:1.15;margin:4px 0 0}.el-cp-color-nav{margin-left:var(--cp-size-side-padding)}.el-cp-color-nav__label{-webkit-tap-highlight-color:transparent;background:none;border:none;border-radius:2px;height:24px;margin:0;padding:0;position:relative;transition:box-shadow var(--cp-speed-focus) ease-out;width:32px}.el-cp-color-nav__label,.el-cp-color-nav__label select{box-sizing:border-box;cursor:pointer;display:block;outline:none}.el-cp-color-nav__label select{appearance:none;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.el-cp-color-nav__label svg{stroke-width:1.5px;color:var(--cp-color-fill);display:block;height:100%;margin:0 auto;transform-origin:50% 50%;transition:transform var(--cp-speed-focus) ease-out;width:20px}.el-cp-color-nav__label:focus-within{box-shadow:0 0 0 2px var(--cp-color-key)}.el-cp-color-nav__label:active svg{transform:rotate(90deg)}.el-cp-swatches__header{align-items:center;display:flex;margin:0 0 16px}.el-cp-swatches__header h2{cursor:auto;flex:1;font-size:12px;font-weight:600;line-height:1.15;margin:0}.el-cp-colors{display:grid;gap:var(--cp-swatch-gap,10px);grid-template-columns:repeat(var(--cp-swatch-column,5),1fr);list-style:none;margin:0;padding:0}.el-cp-colors>li button{border:none;border-radius:var(--cp-swatch-item-stroke-radius);box-sizing:border-box;cursor:pointer;display:block;font-size:0;height:var(--cp-swatch-item-size,20px);margin:0 auto;outline:none;padding:0;transition:box-shadow var(--cp-speed-focus) ease-out;width:var(--cp-swatch-item-size,20px)}.el-cp-colors>li button:active{opacity:.5}.el-cp-colors__item{background-color:transparent;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;position:relative}.el-cp-colors__item:after,.el-cp-colors__item:before{border-radius:var(--cp-swatch-item-stroke-radius);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.el-cp-colors__item:before{background-color:var(--color)}.el-cp-colors__item:after{box-shadow:inset 0 0 0 1px var(--cp-swatch-item-stroke-color)}.el-cp-colors__item:disabled,.el-cp-colors__item:focus{box-shadow:0 0 0 2px var(--cp-color-key)}.el-cp-slider{box-sizing:border-box;position:relative}.el-cp-slider:active .el-cp-slider__circle{box-shadow:var(--cp-shadow-pointer-active)}.el-cp-slider__body{border-radius:var(--cp-slider-radius,4px);box-sizing:border-box;cursor:default;height:var(--cp-slider-height,8px);margin:0;position:relative}.el-cp-slider__body:after{bottom:0;box-shadow:inset 0 0 0 1px var(--cp-slider-stroke-color);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.el-cp-slider__bar,.el-cp-slider__body:after{border-radius:var(--cp-slider-radius,4px);display:block}.el-cp-slider__bar{height:100%}.el-cp-slider__circle{border-radius:50%}.el-cp-slider__brick,.el-cp-slider__circle{border:var(--cp-size-pointer-stroke,3px) solid var(--cp-color-pointer-fill,#fff);box-shadow:var(--cp-shadow-pointer);box-sizing:border-box;height:var(--cp-size-pointer,12px);left:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:box-shadow var(--cp-speed-focus) ease-out;width:var(--cp-size-pointer,12px);z-index:2}.el-cp-slider__brick{border-radius:2px}.el-cp-slider--hue .el-cp-slider__body{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.el-cp-slider--alpha .el-cp-slider__body{background-color:transparent;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.el-cp-slider--brightness .el-cp-slider__body{background-image:linear-gradient(90deg,#000 0,hsla(0,0%,100%,0))}.el-cp-slider--vertical .el-cp-slider__body{height:100%}.el-cp-slider--vertical .el-cp-slider__brick,.el-cp-slider--vertical .el-cp-slider__circle{left:50%;top:0}.el-cp-slider--vertical .el-cp-slider__brick{height:10px;width:100%}.el-cp-slider--vertical.el-cp-slider--hue .el-cp-slider__body{background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.el-cp-color-preview{background-color:transparent;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;box-sizing:border-box;height:var(--cp-preview-size);overflow:hidden;position:relative;width:var(--cp-preview-size)}.el-cp-color-preview,.el-cp-color-preview:after{border-radius:var(--cp-preview-radius);display:block}.el-cp-color-preview:after{bottom:0;box-shadow:inset 0 0 0 1px var(--cp-preview-stroke-color);content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.el-cp-color-preview em{display:block;height:100%;position:relative}.el-colorpicker--default .el-colorpicker__wrap{padding:0 0 16px;position:relative}.el-colorpicker--default .el-cp-palette,.el-colorpicker--default .el-cp-palette:after,.el-colorpicker--default .el-cp-palette:before{border-top-left-radius:var(--cp-size-radius);border-top-right-radius:var(--cp-size-radius)}.el-colorpicker--default .el-cp-color-control{align-items:center;display:flex;margin:16px 0 0;padding:0 var(--cp-size-side-padding);user-select:none}.el-colorpicker--default .el-cp-color-control__body{flex:1}.el-colorpicker--default .el-cp-color-control__body>:nth-child(n+2){margin-top:8px}.el-colorpicker--default .el-cp-color-control__preview{margin-left:var(--cp-size-side-padding,16px)}.el-colorpicker--default .el-cp-color-form{margin:16px 0 0;padding:0 var(--cp-size-side-padding)}.el-colorpicker--default .el-cp-swatches{border-top:1px solid var(--cp-swatch-border-color);margin:16px 0 0;padding:16px var(--cp-size-side-padding) 0}.el-cp-palette-circle{box-sizing:border-box;display:flex;justify-content:center}.el-cp-palette-circle__wrap{position:relative}.el-cp-palette-circle__canvas{border-radius:50%;display:block;overflow:hidden}.el-cp-palette-circle__brightness{border-radius:50%;box-sizing:border-box;display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.el-cp-palette-circle__pointer{border:var(--cp-size-pointer-stroke) solid var(--cp-color-pointer-fill);border-radius:50%;box-shadow:var(--cp-shadow-pointer);box-sizing:border-box;display:block;height:var(--cp-size-pointer);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:var(--cp-size-pointer);z-index:2}.el-cp-palette-circle:active .el-cp-palette-circle__pointer{box-shadow:var(--cp-shadow-pointer-active)}.el-colorpicker--circle .el-colorpicker__wrap{padding:0 0 16px;position:relative}.el-colorpicker--circle .el-cp-palette-circle{padding:20px}.el-colorpicker--circle .el-cp-color-control{align-items:center;display:flex;margin:0;padding:0 var(--cp-size-side-padding);user-select:none}.el-colorpicker--circle .el-cp-color-control__body{flex:1}.el-colorpicker--circle .el-cp-color-control__body>:nth-child(n+2){margin-top:8px}.el-colorpicker--circle .el-cp-color-control__preview{margin-left:var(--cp-size-side-padding,16px)}.el-colorpicker--circle .el-cp-color-form{margin:16px 0 0;padding:0 var(--cp-size-side-padding)}.el-colorpicker--circle .el-cp-swatches{border-top:1px solid var(--cp-swatch-border-color);margin:16px 0 0;padding:16px var(--cp-size-side-padding) 0}.el-cp-palette-ring{box-sizing:border-box;display:flex;justify-content:center}.el-cp-palette-ring__wrap{margin:0 auto;position:relative}.el-cp-palette-ring__canvas{border-radius:50%;display:block;margin:0 auto;overflow:hidden}.el-cp-palette-ring__pointer{border:var(--cp-size-pointer-stroke) solid var(--cp-color-pointer-fill);border-radius:50%;box-shadow:var(--cp-shadow-pointer);box-sizing:border-box;display:block;height:var(--cp-size-pointer);left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:var(--cp-size-pointer);z-index:2}.el-cp-palette-ring:active .el-cp-palette-ring__pointer{box-shadow:var(--cp-shadow-pointer-active)}.el-colorpicker--ring{--cp-ring-palette-inner-padding:32px}.el-colorpicker--ring .el-colorpicker__wrap{padding:0 0 16px}.el-colorpicker--ring .el-colorpicker__body{height:var(--height);margin:0 auto;padding:20px;position:relative;width:var(--width)}.el-colorpicker--ring .el-cp-palette-ring{height:var(--height);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--width)}.el-colorpicker--ring .el-cp-palette{height:calc(var(--height) - var(--thickness)*2 - 30%);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--width) - var(--thickness)*2 - 30%);z-index:3}.el-colorpicker--ring .el-cp-color-control{align-items:center;display:flex;margin:0;padding:0 var(--cp-size-side-padding);user-select:none}.el-colorpicker--ring .el-cp-color-control__body{flex:1}.el-colorpicker--ring .el-cp-color-control__body>:nth-child(n+2){margin-top:8px}.el-colorpicker--ring .el-cp-color-control__preview{margin-left:var(--cp-size-side-padding,16px)}.el-colorpicker--ring .el-cp-color-form{margin:16px 0 0;padding:0 var(--cp-size-side-padding)}.el-colorpicker--ring .el-cp-swatches{border-top:1px solid var(--cp-swatch-border-color);margin:16px 0 0;padding:16px var(--cp-size-side-padding) 0}.el-colorpicker--mini{--cp-control-width:40px}.el-colorpicker--mini .el-colorpicker__wrap{position:relative}.el-colorpicker--mini .el-colorpicker__body{padding-right:var(--cp-control-width);position:relative}.el-colorpicker--mini .el-colorpicker__palette{padding-top:100%;position:relative}.el-colorpicker--mini .el-cp-palette{--cp-palette-width:100%;--cp-palette-height:100%;bottom:0;left:0;position:absolute;right:0;top:0}.el-colorpicker--mini .el-cp-palette,.el-colorpicker--mini .el-cp-palette:after,.el-colorpicker--mini .el-cp-palette:before{border-bottom-left-radius:var(--cp-size-radius);border-top-left-radius:var(--cp-size-radius)}.el-colorpicker--mini .el-cp-color-control{--cp-slider-radius:0;bottom:0;display:flex;position:absolute;right:0;top:0;width:var(--cp-control-width)}.el-colorpicker--mini .el-cp-color-control>*{flex:1}.el-colorpicker--mini .el-cp-color-control>:last-child .el-cp-slider__body:after{border-bottom-right-radius:var(--cp-size-radius);border-top-right-radius:var(--cp-size-radius)}.el-colorpicker--mini .el-cp-swatches{margin:0;padding:16px var(--cp-size-side-padding) 16px}.el-colorpicker--none .el-colorpicker__wrap{padding:16px;position:relative}.el-colorpicker--none .el-colorpicker__empty{align-items:center;color:var(--cp-color-blur);display:flex;font-size:12px;height:65px;justify-content:center;letter-spacing:-.25px}.el-colorpicker{--cp-color-bg:#fff;--cp-color-fill:#222;--cp-color-key:#30a2ff;--cp-color-blur:#888;--cp-color-pointer-fill:#fff;--cp-size-width:240px;--cp-size-radius:2px;--cp-size-side-padding:16px;--cp-size-pointer:12px;--cp-size-pointer-stroke:3px;--cp-palette-width:100%;--cp-palette-height:150px;--cp-slider-height:8px;--cp-slider-radius:4px;--cp-slider-stroke-color:rgba(0,0,0,.15);--cp-preview-size:36px;--cp-preview-radius:50%;--cp-preview-stroke-color:rgba(0,0,0,.15);--cp-form-bg:#fff;--cp-form-border-color:#ddd;--cp-swatch-column:7;--cp-swatch-gap:8px;--cp-swatch-item-size:22px;--cp-swatch-item-stroke-radius:50%;--cp-swatch-item-stroke-color:rgba(0,0,0,.15);--cp-swatch-border-color:#ddd;--cp-shadow-outer:0 0 10px 2px rgba(0,0,0,.12),inset 0 0 0 1px rgba(0,0,0,.15);--cp-shadow-pointer:0 0 2px 1px rgba(0,0,0,.5),inset 0 0 3px 0 rgba(0,0,0,.5);--cp-shadow-pointer-active:inset 0 0 0 1px var(--cp-color-key),0 0 3px 1px var(--cp-color-key);--cp-speed-focus:200ms;background-color:var(--cp-color-bg);border-radius:var(--cp-size-radius);box-sizing:border-box;color:var(--cp-color-fill);position:relative;user-select:none;width:var(--cp-size-width)}.el-colorpicker:after{border-radius:var(--cp-size-radius);bottom:0;box-shadow:var(--cp-shadow-outer);content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:0}.el-colorpicker,.el-colorpicker button,.el-colorpicker input{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.25}