.clipboard__prefix{color:#666}.clipboard--hl .clipboard__text{color:var(--themeColor);cursor:pointer}.gradient-controls[data-v-a61dee14]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:16px;height:24px}.gradient-controls .gradient-type[data-v-a61dee14]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.gradient-controls .gradient-type .gradient-type-item[data-v-a61dee14]{height:28px;width:28px;border-radius:50%;position:relative;cursor:pointer}.gradient-controls .gradient-type .gradient-type-item.active[data-v-a61dee14]:after{content:"";display:block;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;border:2px solid #1f2667;border-radius:50%}.gradient-controls .gradient-type .gradient-type-item.pure[data-v-a61dee14]{background-color:#1f2667}.gradient-controls .gradient-type .gradient-type-item.liner-gradient[data-v-a61dee14]{margin-left:8px;background:-webkit-gradient(linear,right top,left top,from(#fff),to(#1f2667));background:linear-gradient(270deg,#fff,#1f2667)}.gradient-controls .gradient-type .gradient-type-item.radial-gradient[data-v-a61dee14]{margin-left:8px;background:radial-gradient(circle,#fff 0,#1f2667 100%)}.gradient-controls .gradient-degrees-options[data-v-a61dee14]{position:relative}.gradient-controls .gradient-degrees-options .gradient-degrees[data-v-a61dee14]{display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:28px;height:28px;border:3px solid #1f2667;border-radius:18px;margin-right:54px}.gradient-controls .gradient-degrees-options .gradient-degrees .gradient-degree-center[data-v-a61dee14]{position:relative;width:6px;height:22px;pointer-events:none}.gradient-controls .gradient-degrees-options .gradient-degrees .gradient-degree-center .gradient-degree-pointer[data-v-a61dee14]{position:absolute;width:6px;height:6px;top:2px;border-radius:3px;background:#1f2667}.gradient-controls .gradient-degrees-options .gradient-degree-value[data-v-a61dee14]{position:absolute;top:0;right:0;width:48px;height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #bbbfc5;border-radius:6px}.gradient-controls .gradient-degrees-options .gradient-degree-value p[data-v-a61dee14]{text-align:center;padding:0 6px}.sv-panel[data-v-595fd73a]{margin-bottom:8px;position:relative;width:100%;height:160px;border-radius:8px}.sv-panel__white[data-v-595fd73a]{background:-webkit-gradient(linear,left top,right top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0));position:absolute;width:100%;height:100%;border-radius:8px}.sv-panel__black[data-v-595fd73a]{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(transparent));background:linear-gradient(0deg,#000,transparent);position:absolute;width:100%;height:100%;border-radius:8px}.sv-panel__point[data-v-595fd73a]{position:absolute;top:-6px;left:-6px;height:12px;width:12px;border:1px solid #fff;background:transparent;border-radius:50%;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.3);box-shadow:0 0 4px 0 rgba(0,0,0,.3)}.hue-slider[data-v-7bdd0ae6]{position:relative;height:14px;margin-bottom:8px;border-radius:10px;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(#ff8000),color-stop(#ff0),color-stop(#80ff00),color-stop(#0f0),color-stop(#00ff80),color-stop(#0ff),color-stop(#0080ff),color-stop(#00f),color-stop(#8000ff),color-stop(#f0f),color-stop(#ff0080),to(red));background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red)}.hue-slider__thumb[data-v-7bdd0ae6]{position:absolute;top:1px;height:12px;width:12px;border:1px solid #fff;background:transparent;border-radius:50%;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.3);box-shadow:0 0 4px 0 rgba(0,0,0,.3)}.alpha-slider[data-v-d3b1d6c8]{position:relative;height:14px;margin-bottom:8px;border-radius:10px}.alpha-slider .is-alpha[data-v-d3b1d6c8]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.alpha-slider__bar[data-v-d3b1d6c8]{border-radius:10px;background:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0));height:100%}.alpha-slider__thumb[data-v-d3b1d6c8],.gradient-slider-point[data-v-4c18b01e]{position:absolute;top:1px;height:12px;width:12px;border:1px solid #fff;background:transparent;border-radius:50%;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.3);box-shadow:0 0 4px 0 rgba(0,0,0,.3)}.gradient-slider-point--active[data-v-4c18b01e]:before{content:"";position:absolute;top:50%;left:50%;border-radius:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:3px;height:3px;background-color:#fff;-webkit-box-shadow:0 0 3px rgba(0,0,0,.6);box-shadow:0 0 3px rgba(0,0,0,.6)}.gradient-slider[data-v-403bc779]{position:relative;height:14px;margin-bottom:8px;border-radius:10px}.picker-dropdown[data-v-afe4cf40]{width:280px;position:absolute;z-index:9;border:1px solid #ddd;padding:16px;border-radius:3px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background-color:#fff}.picker-dropdown .preview[data-v-afe4cf40]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:6px}.picker-dropdown .preview__item[data-v-afe4cf40]{-webkit-box-sizing:border-box;box-sizing:border-box;height:36px;width:36px;border-radius:8px;border:1px solid #ebedf5;margin-right:6px;position:relative}.picker-dropdown .preview__item__inner[data-v-afe4cf40]{width:100%;height:100%;border-radius:8px}.picker-dropdown .preview__content[data-v-afe4cf40]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.picker-dropdown .operate[data-v-afe4cf40]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px}.picker-dropdown .operate__input[data-v-afe4cf40]{width:160px}.picker-dropdown .operate__input[data-v-afe4cf40] .el-input__inner{padding-left:8px;padding-right:8px}.picker-dropdown .operate__clear[data-v-afe4cf40]{font-size:12px}.picker-dropdown .operate .rgba-text[data-v-afe4cf40]{width:160px}.picker-dropdown .operate .button[data-v-afe4cf40]{min-width:50px;padding:7px 8px}.color-picker-wrap[data-v-a6b5fd8a]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-picker-wrap__reset[data-v-a6b5fd8a]{font-size:12px;color:var(--themeColor);cursor:pointer}.color-picker[data-v-a6b5fd8a]{display:inline-block;position:relative}.color-picker__mask[data-v-a6b5fd8a]{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:hsla(0,0%,100%,.7)}.color-picker__icon[data-v-a6b5fd8a]{position:absolute;color:#fff;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.color-picker__empty[data-v-a6b5fd8a]{color:#999}.color-picker__reference[data-v-a6b5fd8a]{width:30px;height:30px;border:1px solid #999;margin:5px;cursor:pointer;position:relative}.color-picker__reference__up[data-v-a6b5fd8a]{position:absolute;top:0;left:0;right:0;bottom:0}.is-alpha[data-v-a6b5fd8a]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.container[data-v-47796c4a]{top:44px;left:12px;right:12px;bottom:12px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .header[data-v-47796c4a]{background-color:#fff;border-radius:12px;margin-bottom:12px;padding:12px}.container .body[data-v-47796c4a]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;border-radius:12px;padding:10px}.container .body .left[data-v-47796c4a]{border-right:1px solid #f1f1f1;padding-right:10px;margin-right:10px;height:100%;overflow-x:hidden;overflow-y:auto}.container .body .right[data-v-47796c4a]{border-left:1px solid #f1f1f1;padding-left:10px;margin-left:10px;height:100%;overflow-x:hidden;overflow-y:auto}.container .body .main[data-v-47796c4a]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;height:100%;overflow-x:hidden;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .footer[data-v-47796c4a]{background-color:#fff;margin-top:12px;padding:10px}