@molian-z/flow-designer/style.css

[文档中心](https://www.yuque.com/u12572940/wujiemofang) ### 商用请保留版权信息 [演示网址](http://demo.mlyt.top/) ``` 这是一个支持VUE3主流UI组件库的可视化框架 问题交流请加QQ群：685018059 ```

@charset "UTF-8";.svg-icon[data-v-a36f84e8]{width:1.1em;height:1.1em;margin-left:.35em;margin-right:.35em;vertical-align:-.15em;fill:currentColor;overflow:hidden;outline:none;display:inline-block;-webkit-user-select:none;user-select:none}.designer-container[data-v-383ef0df]{height:420px;overflow-y:auto}.designer-container[data-v-383ef0df]::-webkit-scrollbar{width:0px;height:0px;border-radius:10px;background-color:#f5f5f5}.designer-container .designer-container__body-title[data-v-383ef0df]{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;padding:var(--ml-pd-lg);-webkit-user-select:none;user-select:none;background-color:var(--ml-bg-color);border-radius:var(--ml-radius-small)}.designer-container .designer-container__body[data-v-383ef0df]{background-color:var(--ml-bg-color);border-radius:var(--ml-radius-small);padding:0 var(--ml-pd-lg)}.designer-container .designer-container__body[data-v-383ef0df]:nth-child(2){padding-bottom:var(--ml-pd-base)}.designer-container .designer-container__body[data-v-383ef0df]:not(:nth-child(2)){padding-bottom:var(--ml-pd-base);padding-top:var(--ml-pd-base)}.designer-container .designer-container__body .designer-top-tool[data-v-383ef0df]{display:flex;justify-content:space-between;align-items:center}.designer-container .designer-container__body .designer-list-item[data-v-383ef0df]{display:flex;padding-top:var(--ml-pd-base)}.designer-container .designer-container__body .designer-list-item.between[data-v-383ef0df]{justify-content:space-between;align-items:center}.designer-container .designer-container__body .designer-input[data-v-383ef0df]{width:180px;margin-right:var(--ml-mg-base)}.designer-container .designer-container__body .designer-input-lg[data-v-383ef0df]{width:130px}.designer-container .designer-container__body .designer-input-base[data-v-383ef0df]{width:120px}.designer-container .designer-container__body .designer-input-base[data-v-383ef0df]{width:100px}.designer-container .designer-container__body .designer-input-small[data-v-383ef0df]{width:80px}.designer-container .designer-container__body .designer-input-mini[data-v-383ef0df]{width:60px}.designer-container .designer-container__body .designer-input-base+.designer-input-base[data-v-383ef0df],.designer-container .designer-container__body .designer-input-base+.designer-input-small[data-v-383ef0df],.designer-container .designer-container__body .mg-left-base[data-v-383ef0df]{margin-left:var(--ml-mg-base)}.designer-container .css-svg-icon[data-v-383ef0df]{width:24px;height:24px;padding:2px;transition:var(--ml-transition-base);border-radius:var(--ml-radius-small);cursor:pointer}.designer-container .css-svg-icon[data-v-383ef0df]:hover{background:var(--ml-fill-color-4)}.designer-container.disabled .css-svg-icon[data-v-383ef0df]{cursor:auto}.designer-container.disabled .css-svg-icon[data-v-383ef0df]:hover{background-color:var(--ml-bg-color)}.designer-container .designer-mg-top[data-v-383ef0df]{margin-top:var(--ml-mg-base)}.suffix-tag[data-v-383ef0df]{-webkit-user-select:none;user-select:none;color:var(--ml-icon-color);font-size:10px}.fade-move[data-v-383ef0df],.fade-enter-active[data-v-383ef0df],.fade-leave-active[data-v-383ef0df]{transition:all .5s cubic-bezier(.55,0,.1,1)}.fade-enter-from[data-v-383ef0df],.fade-leave-to[data-v-383ef0df]{opacity:0;transform:scaleY(.01) translate(30px)}.fade-leave-active[data-v-383ef0df]{position:absolute}.list-move[data-v-383ef0df],.list-enter-active[data-v-383ef0df],.list-leave-active[data-v-383ef0df]{transition:all .5s ease}.list-enter-from[data-v-383ef0df],.list-leave-to[data-v-383ef0df]{opacity:0;transform:translateY(30px)}.list-leave-active[data-v-383ef0df]{position:absolute}.list2top-move[data-v-383ef0df],.list2top-enter-active[data-v-383ef0df],.list2top-leave-active[data-v-383ef0df]{transition:all .5s ease}.list2top-enter-from[data-v-383ef0df],.list2top-leave-to[data-v-383ef0df]{opacity:0;transform:translateY(30px)}.list2top-leave-active[data-v-383ef0df]{position:absolute;top:0}.function-top[data-v-383ef0df],.function-bottom[data-v-383ef0df]{background-color:#282a36;color:#fff;font-weight:700;padding:6px 10px}.css-svg-icon[data-v-383ef0df]{margin:0;cursor:pointer;transition:var(--ml-transition-base);border-radius:var(--ml-radius-small)}.css-svg-icon[data-v-383ef0df]:hover{background-color:var(--ml-fill-color-4)}.css-svg-icon.is-active[data-v-383ef0df]{background-color:var(--ml-fill-color-3)}.css-svg-icon.disabled[data-v-383ef0df]{background-color:var(--ml-bg-color);cursor:auto}.toolbar-icon[data-v-383ef0df]{font-size:22px;width:28px;height:28px}[data-v-383ef0df]:root{--ml-bg-color:#FFFFFF;--ml-bg-page-color:#F9F9F9;--ml-primary-color-1: #e5eeff;--ml-primary-color-2: #b7cfff;--ml-primary-color-3: #89b1ff;--ml-primary-color-4: #5b92ff;--ml-primary-color-5: #2d74ff;--ml-primary-color-6:#2D74FF;--ml-primary-color-7: #0054f9;--ml-primary-color-8: #0043c6;--ml-primary-color-9: #003293;--ml-primary-color:var(--ml-primary-color-6);--ml-primary-color-light: var(--ml-primary-color-1);--ml-primary-color-focus: var(--ml-primary-color-2);--ml-primary-color-disabled: var(--ml-primary-color-3);--ml-primary-color-hover: var(--ml-primary-color-7);--ml-primary-color-active: var(--ml-primary-color-8);--ml-primary-color-light-hover: var(--ml-primary-color-2);--ml-warning-color-1: #ffe1b8;--ml-warning-color-2: #ffce8a;--ml-warning-color-3: #ffbb5c;--ml-warning-color-4: #ffa82e;--ml-warning-color-5: #ff9500;--ml-warning-color-6:#FF9500;--ml-warning-color-7: #cc7700;--ml-warning-color-8: #995900;--ml-warning-color-9: #663c00;--ml-warning-color:var(--ml-warning-color-6);--ml-warning-color-light: var(--ml-warning-color-1);--ml-warning-color-focus: var(--ml-warning-color-2);--ml-warning-color-disabled: var(--ml-warning-color-3);--ml-warning-color-hover: var(--ml-warning-color-7);--ml-warning-color-active: var(--ml-warning-color-8);--ml-warning-color-light-hover: var(--ml-warning-color-2);--ml-success-color-1: #c3efce;--ml-success-color-2: #9fe6b1;--ml-success-color-3: #7adc93;--ml-success-color-4: #56d375;--ml-success-color-5: #34c759;--ml-success-color-6:#34C759;--ml-success-color-7: #299f47;--ml-success-color-8: #1f7635;--ml-success-color-9: #144e23;--ml-success-color:var(--ml-success-color-6);--ml-success-color-light: var(--ml-success-color-1);--ml-success-color-focus: var(--ml-success-color-2);--ml-success-color-disabled: var(--ml-success-color-3);--ml-success-color-hover: var(--ml-success-color-7);--ml-success-color-active: var(--ml-success-color-8);--ml-success-color-light-hover: var(--ml-success-color-2);--ml-danger-color-1: #feeeee;--ml-danger-color-2: #fcc2c2;--ml-danger-color-3: #fa9696;--ml-danger-color-4: #f76b6b;--ml-danger-color-5: #f53f3f;--ml-danger-color-6:#F53F3F;--ml-danger-color-7: #f20f0f;--ml-danger-color-8: #c40a0a;--ml-danger-color-9: #930808;--ml-danger-color:var(--ml-danger-color-6);--ml-danger-color-light: var(--ml-danger-color-1);--ml-danger-color-focus: var(--ml-danger-color-2);--ml-danger-color-disabled: var(--ml-danger-color-3);--ml-danger-color-hover: var(--ml-danger-color-7);--ml-danger-color-active: var(--ml-danger-color-8);--ml-danger-color-light-hover: var(--ml-danger-color-2);--ml-info-color-1: #cdd0d5;--ml-info-color-2: #b4b8c0;--ml-info-color-3: #9ba1ac;--ml-info-color-4: #828997;--ml-info-color-5: #6b7280;--ml-info-color-6:#6B7280;--ml-info-color-7: #545964;--ml-info-color-8: #3d4148;--ml-info-color-9: #25282d;--ml-info-color:var(--ml-info-color-6);--ml-info-color-light: var(--ml-info-color-1);--ml-info-color-focus: var(--ml-info-color-2);--ml-info-color-disabled: var(--ml-info-color-3);--ml-info-color-hover: var(--ml-info-color-7);--ml-info-color-active: var(--ml-info-color-8);--ml-info-color-light-hover: var(--ml-info-color-2);--ml-text-color-1: #2f3643;--ml-text-color-2: #424b5d;--ml-text-color-3: #546077;--ml-text-color-4: #677591;--ml-text-color-5: #7f8ca5;--ml-text-color-6: #99a3b7;--ml-text-color-7: #b3bbc9;--ml-text-reverse-color-1: white;--ml-text-reverse-color-2: white;--ml-text-reverse-color-3: white;--ml-text-reverse-color-4: white;--ml-text-reverse-color-5: white;--ml-text-reverse-color-6: white;--ml-text-reverse-color-7: white;--ml-fill-color:#6B7280;--ml-fill-color-1:#6B7280;--ml-fill-color-2:#C9CDD4;--ml-fill-color-3:#E5E6EB;--ml-fill-color-4:#F2F4F7;--ml-fill-color-5:#FAFAFB;--ml-icon-color:#BDBDBD;--ml-mg-12: 12px;--ml-mg-base: 8px;--ml-mg-small: 4px;--ml-mg-lg: 16px;--ml-pd-12: 12px;--ml-pd-base: 8px;--ml-pd-small: 4px;--ml-pd-lg: 16px;--ml-radius-base: 6px;--ml-radius-small: 4px;--ml-radius-lg: 8px;--ml-radius-xlg: 16px;--ml-radius-round: 9999px;--ml-radius-circle: 50%;--ml-shadow-small:0 1px 10px rgba(0, 0, 0, .05),0 4px 5px rgba(0, 0, 0, 8%),0 2px 4px -1px rgba(0, 0, 0, 12%);--ml-shadow-base:0 3px 14px 2px rgba(0, 0, 0, .05),0 8px 10px 1px rgba(0, 0, 0, 6%),0 5px 5px -3px rgba(0, 0, 0, 10%);--ml-shadow-lg:0 6px 30px 5px rgba(0, 0, 0, .05),0 16px 24px 2px rgba(0, 0, 0, 4%),0 8px 10px -5px rgba(0, 0, 0, 8%);--ml-shadow-small-inset:0 1px 10px rgba(0, 0, 0, .05),0 4px 5px rgba(0, 0, 0, 8%),0 2px 4px -1px rgba(0, 0, 0, 12%) inset;--ml-shadow-mini-inset:0 1px 2px 1px #00000010 inset;--ml-bg-blur-small:blur(5px);--ml-bg-blur-base:blur(13.5px);--ml-bg-blur-lg:blur(16px);--ml-transition-base:.25s}.sticky-tool-container[data-v-383ef0df]{position:fixed;border-radius:var(--ml-radius-lg);border:1px solid var(--color-fill-3, #E5E6EB);background-color:#ffffff26;box-shadow:var(--ml-shadow-lg);-webkit-backdrop-filter:var(--ml-bg-blur-base);backdrop-filter:var(--ml-bg-blur-base);z-index:1000}.sticky-tool-container.round[data-v-383ef0df]{border-radius:var(--ml-radius-round)}.sticky-tool-container .sticky-tool-header[data-v-383ef0df]{cursor:all-scroll;padding:var(--ml-pd-base) var(--ml-pd-lg)}.sticky-tool-container .sticky-tool-content[data-v-383ef0df]{display:flex;padding:var(--ml-pd-base)}.sticky-tool-container .sticky-tool-button[data-v-383ef0df]{width:46px;height:46px;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-fill-5, #FAFAFB);background:var(--color-fill-white, #FFF);box-shadow:var(--ml-shadow-mini-inset);border-radius:var(--ml-radius-lg);cursor:pointer;transition:var(--ml-transition-base)}.sticky-tool-container .sticky-tool-button .sticky-tool-content-svg-icon[data-v-383ef0df]{width:24px;height:24px;fill:var(--ml-fill-color-1);transition:var(--ml-transition-base)}.sticky-tool-container .sticky-tool-button .sticky-tool-content-text[data-v-383ef0df]{white-space:nowrap;overflow:hidden}.sticky-tool-container .sticky-tool-button.round[data-v-383ef0df]{border-radius:var(--ml-radius-round)}.sticky-tool-container .sticky-tool-button[data-v-383ef0df]:hover{border-color:var(--ml-primary-color-2);color:var(--ml-primary-color)}.sticky-tool-container .sticky-tool-button:hover .sticky-tool-content-svg-icon[data-v-383ef0df]{fill:var(--ml-primary-color)}.sticky-tool-container .sticky-tool-button.active[data-v-383ef0df]{border-color:var(--ml-primary-color-1);width:160px}.sticky-tool-container .sticky-tool-button+.sticky-tool-button[data-v-383ef0df]{margin-left:var(--ml-mg-base)}.designer-container[data-v-44ed42bc]{height:420px;overflow-y:auto}.designer-container[data-v-44ed42bc]::-webkit-scrollbar{width:0px;height:0px;border-radius:10px;background-color:#f5f5f5}.designer-container .designer-container__body-title[data-v-44ed42bc]{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;padding:var(--ml-pd-lg);-webkit-user-select:none;user-select:none;background-color:var(--ml-bg-color);border-radius:var(--ml-radius-small)}.designer-container .designer-container__body[data-v-44ed42bc]{background-color:var(--ml-bg-color);border-radius:var(--ml-radius-small);padding:0 var(--ml-pd-lg)}.designer-container .designer-container__body[data-v-44ed42bc]:nth-child(2){padding-bottom:var(--ml-pd-base)}.designer-container .designer-container__body[data-v-44ed42bc]:not(:nth-child(2)){padding-bottom:var(--ml-pd-base);padding-top:var(--ml-pd-base)}.designer-container .designer-container__body .designer-top-tool[data-v-44ed42bc]{display:flex;justify-content:space-between;align-items:center}.designer-container .designer-container__body .designer-list-item[data-v-44ed42bc]{display:flex;padding-top:var(--ml-pd-base)}.designer-container .designer-container__body .designer-list-item.between[data-v-44ed42bc]{justify-content:space-between;align-items:center}.designer-container .designer-container__body .designer-input[data-v-44ed42bc]{width:180px;margin-right:var(--ml-mg-base)}.designer-container .designer-container__body .designer-input-lg[data-v-44ed42bc]{width:130px}.designer-container .designer-container__body .designer-input-base[data-v-44ed42bc]{width:120px}.designer-container .designer-container__body .designer-input-base[data-v-44ed42bc]{width:100px}.designer-container .designer-container__body .designer-input-small[data-v-44ed42bc]{width:80px}.designer-container .designer-container__body .designer-input-mini[data-v-44ed42bc]{width:60px}.designer-container .designer-container__body .designer-input-base+.designer-input-base[data-v-44ed42bc],.designer-container .designer-container__body .designer-input-base+.designer-input-small[data-v-44ed42bc],.designer-container .designer-container__body .mg-left-base[data-v-44ed42bc]{margin-left:var(--ml-mg-base)}.designer-container .css-svg-icon[data-v-44ed42bc]{width:24px;height:24px;padding:2px;transition:var(--ml-transition-base);border-radius:var(--ml-radius-small);cursor:pointer}.designer-container .css-svg-icon[data-v-44ed42bc]:hover{background:var(--ml-fill-color-4)}.designer-container.disabled .css-svg-icon[data-v-44ed42bc]{cursor:auto}.designer-container.disabled .css-svg-icon[data-v-44ed42bc]:hover{background-color:var(--ml-bg-color)}.designer-container .designer-mg-top[data-v-44ed42bc]{margin-top:var(--ml-mg-base)}.suffix-tag[data-v-44ed42bc]{-webkit-user-select:none;user-select:none;color:var(--ml-icon-color);font-size:10px}.fade-move[data-v-44ed42bc],.fade-enter-active[data-v-44ed42bc],.fade-leave-active[data-v-44ed42bc]{transition:all .5s cubic-bezier(.55,0,.1,1)}.fade-enter-from[data-v-44ed42bc],.fade-leave-to[data-v-44ed42bc]{opacity:0;transform:scaleY(.01) translate(30px)}.fade-leave-active[data-v-44ed42bc]{position:absolute}.list-move[data-v-44ed42bc],.list-enter-active[data-v-44ed42bc],.list-leave-active[data-v-44ed42bc]{transition:all .5s ease}.list-enter-from[data-v-44ed42bc],.list-leave-to[data-v-44ed42bc]{opacity:0;transform:translateY(30px)}.list-leave-active[data-v-44ed42bc]{position:absolute}.list2top-move[data-v-44ed42bc],.list2top-enter-active[data-v-44ed42bc],.list2top-leave-active[data-v-44ed42bc]{transition:all .5s ease}.list2top-enter-from[data-v-44ed42bc],.list2top-leave-to[data-v-44ed42bc]{opacity:0;transform:translateY(30px)}.list2top-leave-active[data-v-44ed42bc]{position:absolute;top:0}.function-top[data-v-44ed42bc],.function-bottom[data-v-44ed42bc]{background-color:#282a36;color:#fff;font-weight:700;padding:6px 10px}.css-svg-icon[data-v-44ed42bc]{margin:0;cursor:pointer;transition:var(--ml-transition-base);border-radius:var(--ml-radius-small)}.css-svg-icon[data-v-44ed42bc]:hover{background-color:var(--ml-fill-color-4)}.css-svg-icon.is-active[data-v-44ed42bc]{background-color:var(--ml-fill-color-3)}.css-svg-icon.disabled[data-v-44ed42bc]{background-color:var(--ml-bg-color);cursor:auto}.toolbar-icon[data-v-44ed42bc]{font-size:22px;width:28px;height:28px}[data-v-44ed42bc]:root{--ml-bg-color:#FFFFFF;--ml-bg-page-color:#F9F9F9;--ml-primary-color-1: #e5eeff;--ml-primary-color-2: #b7cfff;--ml-primary-color-3: #89b1ff;--ml-primary-color-4: #5b92ff;--ml-primary-color-5: #2d74ff;--ml-primary-color-6:#2D74FF;--ml-primary-color-7: #0054f9;--ml-primary-color-8: #0043c6;--ml-primary-color-9: #003293;--ml-primary-color:var(--ml-primary-color-6);--ml-primary-color-light: var(--ml-primary-color-1);--ml-primary-color-focus: var(--ml-primary-color-2);--ml-primary-color-disabled: var(--ml-primary-color-3);--ml-primary-color-hover: var(--ml-primary-color-7);--ml-primary-color-active: var(--ml-primary-color-8);--ml-primary-color-light-hover: var(--ml-primary-color-2);--ml-warning-color-1: #ffe1b8;--ml-warning-color-2: #ffce8a;--ml-warning-color-3: #ffbb5c;--ml-warning-color-4: #ffa82e;--ml-warning-color-5: #ff9500;--ml-warning-color-6:#FF9500;--ml-warning-color-7: #cc7700;--ml-warning-color-8: #995900;--ml-warning-color-9: #663c00;--ml-warning-color:var(--ml-warning-color-6);--ml-warning-color-light: var(--ml-warning-color-1);--ml-warning-color-focus: var(--ml-warning-color-2);--ml-warning-color-disabled: var(--ml-warning-color-3);--ml-warning-color-hover: var(--ml-warning-color-7);--ml-warning-color-active: var(--ml-warning-color-8);--ml-warning-color-light-hover: var(--ml-warning-color-2);--ml-success-color-1: #c3efce;--ml-success-color-2: #9fe6b1;--ml-success-color-3: #7adc93;--ml-success-color-4: #56d375;--ml-success-color-5: #34c759;--ml-success-color-6:#34C759;--ml-success-color-7: #299f47;--ml-success-color-8: #1f7635;--ml-success-color-9: #144e23;--ml-success-color:var(--ml-success-color-6);--ml-success-color-light: var(--ml-success-color-1);--ml-success-color-focus: var(--ml-success-color-2);--ml-success-color-disabled: var(--ml-success-color-3);--ml-success-color-hover: var(--ml-success-color-7);--ml-success-color-active: var(--ml-success-color-8);--ml-success-color-light-hover: var(--ml-success-color-2);--ml-danger-color-1: #feeeee;--ml-danger-color-2: #fcc2c2;--ml-danger-color-3: #fa9696;--ml-danger-color-4: #f76b6b;--ml-danger-color-5: #f53f3f;--ml-danger-color-6:#F53F3F;--ml-danger-color-7: #f20f0f;--ml-danger-color-8: #c40a0a;--ml-danger-color-9: #930808;--ml-danger-color:var(--ml-danger-color-6);--ml-danger-color-light: var(--ml-danger-color-1);--ml-danger-color-focus: var(--ml-danger-color-2);--ml-danger-color-disabled: var(--ml-danger-color-3);--ml-danger-color-hover: var(--ml-danger-color-7);--ml-danger-color-active: var(--ml-danger-color-8);--ml-danger-color-light-hover: var(--ml-danger-color-2);--ml-info-color-1: #cdd0d5;--ml-info-color-2: #b4b8c0;--ml-info-color-3: #9ba1ac;--ml-info-color-4: #828997;--ml-info-color-5: #6b7280;--ml-info-color-6:#6B7280;--ml-info-color-7: #545964;--ml-info-color-8: #3d4148;--ml-info-color-9: #25282d;--ml-info-color:var(--ml-info-color-6);--ml-info-color-light: var(--ml-info-color-1);--ml-info-color-focus: var(--ml-info-color-2);--ml-info-color-disabled: var(--ml-info-color-3);--ml-info-color-hover: var(--ml-info-color-7);--ml-info-color-active: var(--ml-info-color-8);--ml-info-color-light-hover: var(--ml-info-color-2);--ml-text-color-1: #2f3643;--ml-text-color-2: #424b5d;--ml-text-color-3: #546077;--ml-text-color-4: #677591;--ml-text-color-5: #7f8ca5;--ml-text-color-6: #99a3b7;--ml-text-color-7: #b3bbc9;--ml-text-reverse-color-1: white;--ml-text-reverse-color-2: white;--ml-text-reverse-color-3: white;--ml-text-reverse-color-4: white;--ml-text-reverse-color-5: white;--ml-text-reverse-color-6: white;--ml-text-reverse-color-7: white;--ml-fill-color:#6B7280;--ml-fill-color-1:#6B7280;--ml-fill-color-2:#C9CDD4;--ml-fill-color-3:#E5E6EB;--ml-fill-color-4:#F2F4F7;--ml-fill-color-5:#FAFAFB;--ml-icon-color:#BDBDBD;--ml-mg-12: 12px;--ml-mg-base: 8px;--ml-mg-small: 4px;--ml-mg-lg: 16px;--ml-pd-12: 12px;--ml-pd-base: 8px;--ml-pd-small: 4px;--ml-pd-lg: 16px;--ml-radius-base: 6px;--ml-radius-small: 4px;--ml-radius-lg: 8px;--ml-radius-xlg: 16px;--ml-radius-round: 9999px;--ml-radius-circle: 50%;--ml-shadow-small:0 1px 10px rgba(0, 0, 0, .05),0 4px 5px rgba(0, 0, 0, 8%),0 2px 4px -1px rgba(0, 0, 0, 12%);--ml-shadow-base:0 3px 14px 2px rgba(0, 0, 0, .05),0 8px 10px 1px rgba(0, 0, 0, 6%),0 5px 5px -3px rgba(0, 0, 0, 10%);--ml-shadow-lg:0 6px 30px 5px rgba(0, 0, 0, .05),0 16px 24px 2px rgba(0, 0, 0, 4%),0 8px 10px -5px rgba(0, 0, 0, 8%);--ml-shadow-small-inset:0 1px 10px rgba(0, 0, 0, .05),0 4px 5px rgba(0, 0, 0, 8%),0 2px 4px -1px rgba(0, 0, 0, 12%) inset;--ml-shadow-mini-inset:0 1px 2px 1px #00000010 inset;--ml-bg-blur-small:blur(5px);--ml-bg-blur-base:blur(13.5px);--ml-bg-blur-lg:blur(16px);--ml-transition-base:.25s}.float-panel-container[data-v-44ed42bc]{position:absolute;border-radius:var(--ml-radius-lg);border:1px solid var(--color-fill-3, #E5E6EB);background-color:#ffffff26;box-shadow:var(--ml-shadow-lg);-webkit-backdrop-filter:var(--ml-bg-blur-base);backdrop-filter:var(--ml-bg-blur-base);transition:width var(--ml-transition-base);z-index:1001}.float-panel-container.round[data-v-44ed42bc]{border-radius:var(--ml-radius-round);padding:15px 0}.float-panel-container .float-panel-content[data-v-44ed42bc]{display:flex;flex-direction:row-reverse;justify-content:flex-start;height:100%}.float-panel-container .float-panel-content.float-left[data-v-44ed42bc]{flex-direction:row}.float-panel-container .float-panel-content.float-left .float-panel-list .float-panel-header__close[data-v-44ed42bc]{border-top-left-radius:var(--ml-radius-base)}.float-panel-container .float-panel-content.float-left .float-panel-header__title[data-v-44ed42bc]{border-top-right-radius:var(--ml-radius-base)}.float-panel-container .float-panel-content.float-left .float-panel-header__title.max-width[data-v-44ed42bc]{left:0;width:100%}.float-panel-container .float-panel-content .float-panel-list[data-v-44ed42bc]{display:flex;flex-direction:column;align-items:center}.float-panel-container .float-panel-content .float-panel-list .float-panel-header__close[data-v-44ed42bc]{display:flex;justify-content:center;align-items:center;font-size:16px;height:40px;transition:var(--ml-transition-base);width:100%}.float-panel-container .float-panel-content .float-panel-list .float-panel-header__close .float-panel-icon[data-v-44ed42bc]{cursor:pointer}.float-panel-container .float-panel-content .float-panel-list .float-panel-header-toolbar[data-v-44ed42bc]{height:32px;display:flex;justify-content:center;align-items:center;transition:var(--ml-transition-base);overflow:hidden}.float-panel-container .float-panel-content .float-panel-list .float-panel-header-toolbar.none-toolbar[data-v-44ed42bc]{height:0px}.float-panel-container .float-panel-content .float-panel-list .float-panel-header-toolbar .float-panel-header-toolbar__fold[data-v-44ed42bc]{position:absolute;top:40px;left:0;right:0;height:32px;display:flex;justify-content:space-between;align-items:center;background-color:var(--ml-bg-color);border-top:1px solid var(--ml-fill-color-4)}.float-panel-container .float-panel-content .float-panel-list .float-panel-item[data-v-44ed42bc]{width:60px;padding:var(--ml-pd-small) 0;cursor:pointer;transition:var(--ml-transition-base);border-radius:var(--ml-radius-small);display:flex;justify-content:center;align-items:center;flex-direction:column;margin:var(--ml-mg-base) 0;-webkit-user-select:none;user-select:none}.float-panel-container .float-panel-content .float-panel-list .float-panel-item .float-panel-icon[data-v-44ed42bc]{font-size:32px;fill:var(--ml-fill-color)}.float-panel-container .float-panel-content .float-panel-list .float-panel-item .float-panel-item-text[data-v-44ed42bc]{font-size:12px;color:var(--ml-fill-color)}.float-panel-container .float-panel-content .float-panel-list .float-panel-item:hover .float-panel-icon[data-v-44ed42bc],.float-panel-container .float-panel-content .float-panel-list .float-panel-item.is-active .float-panel-icon[data-v-44ed42bc]{fill:var(--ml-primary-color-hover)}.float-panel-container .float-panel-content .float-panel-list .float-panel-item:hover .float-panel-item-text[data-v-44ed42bc],.float-panel-container .float-panel-content .float-panel-list .float-panel-item.is-active .float-panel-item-text[data-v-44ed42bc]{transition:var(--ml-transition-base);color:var(--ml-primary-color-hover)}.float-panel-container .float-panel-content .float-panel-list .float-panel-item.is-active[data-v-44ed42bc]{background-color:var(--ml-bg-color);box-shadow:var(--ml-shadow-mini-inset)}.float-panel-container .float-panel-content .float-panel-list .float-panel-item.margin-top-32[data-v-44ed42bc]{margin-top:32px}.float-panel-container .float-panel-content .float-panel-content-detail[data-v-44ed42bc]{width:100%;overflow:hidden}.float-panel-container .float-panel-content .float-panel-content-detail .float-panel-header__title-holder[data-v-44ed42bc]{height:40px}.float-panel-container .float-panel-content .float-panel-content-detail .float-panel-header__title[data-v-44ed42bc]{position:absolute;top:0;padding:12px var(--ml-pd-lg);font-weight:600;font-size:14px;color:var(--ml-text-color-1);width:calc(100% - 76px);overflow:hidden;white-space:nowrap;background-color:var(--ml-bg-color);border-top-left-radius:var(--ml-radius-base);height:40px}.float-panel-container .float-panel-content .float-panel-content-detail .float-panel-toolbar-holder[data-v-44ed42bc]{height:32px}.float-panel-container .float-panel-content .float-panel-content-detail .float-panel-content-detail__content[data-v-44ed42bc]{position:relative;padding:var(--ml-pd-base);height:calc(100% - 40px)}.float-panel-container .float-panel-content .float-panel-content-detail .float-panel-content-detail__content.is-left[data-v-44ed42bc]{padding-left:0}.float-panel-container .float-panel-content .float-panel-content-detail .float-panel-content-detail__content.is-right[data-v-44ed42bc]{padding-right:0}.float-panel-container .float-panel-content.is-fold[data-v-44ed42bc]{justify-content:space-between}.float-panel-container .float-panel-content.is-fold .float-panel-header__close[data-v-44ed42bc]{border-radius:0 var(--ml-radius-lg) 0 0;background-color:var(--ml-bg-color)}.float-panel-container .float-panel-content.is-fold .float-panel-item[data-v-44ed42bc]{margin:var(--ml-mg-base)}.float-panel-container .float-panel-icon[data-v-44ed42bc]{cursor:pointer;transition:var(--ml-transition-base)}.float-panel-container .float-panel-icon[data-v-44ed42bc]:hover{fill:var(--ml-primary-color)}.float-panel-container .move-icon[data-v-44ed42bc]{cursor:move}.small-alpha-slider{height:10px!important}.small-alpha-slider .small-bar{height:10px!important;width:10px!important}.small-alpha-slider .small-bar div{width:12px!important;height:12px!important;border-radius:5px!important;transform:translate(-6px,-2px);margin-top:1px!important}.bee-alpha-slider{position:relative;margin-bottom:15px;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.bee-alpha-slider.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-alpha-slider.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-alpha-slider__bar{position:relative;width:100%;height:100%;border-radius:15px}.bee-alpha-slider__bar-pointer{position:absolute;width:14px;height:14px}.bee-alpha-slider__bar-handle{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.bee-alpha-slider__bar-handle.vertical{transform:translateY(-7px);margin-top:0}.bee-compact{margin-bottom:15px;width:auto;box-shadow:3px 0 5px #00000014;display:inline-block}.bee-compact__row{position:relative;width:100%;margin:0}.bee-compact__row>*{display:inline-block;vertical-align:middle}.bee-compact__color_cube{width:100%;height:100%}.bee-compact__color_cube.transparent:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff}.bee-compact__color_cube.transparent:after{content:"";position:absolute;top:100%;left:0;transform:rotate(-45deg);transform-origin:0 0;width:35px;height:1px;background:red}.bee-compact__color_cube.advance{background:url(data:image/png;base64,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)}.bee-compact__color_cube .alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-compact__color-cube--wrap{position:relative;width:25px;height:25px;cursor:pointer;overflow:hidden}.bee-compact__color-cube--wrap:hover{transform:scale(1.2);z-index:299;transition:transform .2s}.bee-colorPicker__record{display:flex;align-items:center;margin-top:20px}.bee-colorPicker__record .text{width:48px;margin-right:10px;text-align:right;font-size:12px;color:#666}.bee-colorPicker__record .color-list{width:auto;display:flex;position:relative;margin:0}.bee-colorPicker__record .color-list .color-item{position:relative;width:25px;height:25px;cursor:pointer;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:1px;box-shadow:3px 0 5px #00000014}.bee-colorPicker__record .color-list .color-item__round{border-radius:50%}.bee-colorPicker__record .color-list .color-item.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-colorPicker__record .color-list .color-item:hover{transform:scale(1.2);z-index:299;transition:transform .2s}.bee-colorPicker__record .color-list .color-item__display{width:100%;height:100%}.small-hue-slider{height:10px!important}.small-hue-slider .small-bar{height:10px!important;width:10px!important}.small-hue-slider .small-bar div{width:12px!important;height:12px!important;border-radius:5px!important;transform:translate(-6px,-2px);margin-top:1px!important}.bee-hue-colorPicker{position:relative;margin-bottom:15px;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.bee-hue-colorPicker.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-hue-colorPicker.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-hue-colorPicker__inner{position:relative;width:100%;height:100%;border-radius:15px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAAdCAYAAAAAaUg8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKtJREFUeNrs09EKgjAUgOGzEFfv/7CVBceiLiJiLnf7fSAbDoUj/iWnyKgRcXxf9Wtt7Vvntf8854jLY3uN19qzf67nH/e2nmmdZ8xjg2x+sI533qf9g4wM/3GvLPumOHVMWf/4SiWWsUG6/6bG+/NWDgE0iQREAiIBkYBIQCQgEhAJiAQQCYgERAIiAZGASEAkIBJAJCASEAmIBEQCIgGRgEgAkYBIYNAqwAD5oWo3bpsiKwAAAABJRU5ErkJggg==);background-size:100%}.bee-hue-colorPicker__inner-pointer{position:absolute;width:14px;height:14px}.bee-hue-colorPicker__inner-handle{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.bee-hue-colorPicker__inner-handle.vertical{transform:translate(-1px,-7px);margin-top:0}.small-light-slider{height:10px!important}.small-light-slider .small-bar{height:10px!important;width:10px!important}.small-light-slider .small-bar div{width:12px!important;height:12px!important;border-radius:5px!important;transform:translate(-6px,-2px);margin-top:1px!important}.bee-light-colorPicker{position:relative;margin-bottom:15px;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.bee-light-colorPicker.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-light-colorPicker.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-light-colorPicker__inner{position:relative;width:100%;height:100%;border-radius:15px}.bee-light-colorPicker__inner-pointer{position:absolute;width:14px;height:14px}.bee-light-colorPicker__inner-handle{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.bee-light-colorPicker__inner-handle.vertical{transform:translateY(-7px);margin-top:0}.bee-saturation{position:relative;margin-bottom:15px;width:100%;height:125px}.bee-saturation__chrome{border-top-left-radius:5px;border-top-right-radius:5px;border-color:transparent}.bee-saturation__hidden{overflow:hidden}.bee-saturation__white,.bee-saturation__black{position:absolute;top:0;left:0;right:0;bottom:0}.bee-saturation__black{background:linear-gradient(0deg,#000,transparent)}.bee-saturation__white{background:linear-gradient(90deg,#fff,#fff0)}.bee-saturation__cursor{position:absolute}.bee-saturation__cursor div{transform:translate(-5px,-5px);box-shadow:0 1px 4px #0000005e;width:10px;height:10px;border:1px solid white;border-radius:50%;cursor:pointer}.inputs-controls{display:flex;font-size:16px;margin-bottom:5px}.inputs-controls .formatBtn{position:relative;display:inline-flex;justify-content:center;align-items:center;padding:1px;border:0;text-align:center;cursor:pointer;background-color:transparent;font-weight:700;outline:none;margin-right:5px}.inputs-controls .formatBtn:hover{color:#1a3aff}.inputs-controls .format-group{display:flex;flex-grow:1}.inputs-controls .format-group input{padding:5px;margin:0 3px;min-width:0;text-align:center;border-width:0 0 1px 0;-webkit-appearance:none;appearance:none;-moz-appearance:textfield;outline:none;flex:1}.inputs-controls .format-group input::-webkit-outer-spin-button,.inputs-controls .format-group input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0}.bee-fk-colorPicker{position:relative;box-sizing:border-box;border-radius:3px;box-shadow:0 0 10px #00000026;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;width:249px;padding-bottom:10px}.bee-fk-colorPicker__inner{padding:12px}.bee-fk-colorPicker__header{margin-bottom:12px;z-index:999;text-align:left}.bee-fk-colorPicker__header .back{border:solid black;border-width:0 1px 1px 0;display:inline-block;padding:4px;margin-left:2px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}.bee-fk-colorPicker__display{position:relative;width:100%;margin:0;text-align:left}.bee-fk-colorPicker__display .transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-fk-colorPicker__display .current-color{margin-right:10px;width:50px;height:24px;box-shadow:3px 0 5px #00000014;position:relative;cursor:pointer;overflow:hidden;display:inline-block;vertical-align:middle}.bee-fk-colorPicker__display .current-color .color-cube{width:100%;height:100%}.bee-fk-colorPicker__display .hexColor-prefix{position:relative;padding:0 4px;font-size:14px;display:inline-block;vertical-align:middle}.bee-fk-colorPicker__display input{width:25px;text-align:center;outline:0;border-top:0;border-right:0;border-left:none;display:inline-block;vertical-align:middle;padding-bottom:3px;border-bottom:1px solid #e3e2e8}.bee-fk-colorPicker__display .hexColor-input{width:64px}.bee-fk-colorPicker__display .action{float:right;vertical-align:middle}.bee-fk-colorPicker__display .action .clear-btn{border-color:transparent;color:#409eff;background:transparent;padding-left:0;padding-right:0;display:inline-block;vertical-align:middle;cursor:pointer}.bee-fk-colorPicker__display .action .copy-btn{border-color:transparent;color:#13ce66cc;background:transparent;padding-left:0;padding-right:0;display:inline-block;margin-left:10px;vertical-align:middle;cursor:pointer}.bee-ele-colorPicker{position:relative;box-sizing:border-box;border-radius:3px;box-shadow:0 0 10px #00000026;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;padding:10px;width:300px}.bee-ele-colorPicker .bee-ele-row{display:flex}.bee-ele-colorPicker .bee-ele-row .bee-ele-saturation{width:280px;height:180px}.bee-ele-colorPicker .bee-ele-row .bee-ele-hue{margin-left:10px;height:180px}.bee-chrome-colorPicker{position:relative;box-sizing:border-box;border-radius:3px;box-shadow:0 0 10px #00000026;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;width:250px;padding-bottom:20px}.bee-chrome-colorPicker-body{padding:0 12px;background-color:#fff}.bee-chrome-colorPicker-body .chrome-controls{display:flex}.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;z-index:1}.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap .current-color{width:100%;height:100%}.bee-chrome-colorPicker-body .chrome-controls .chrome-sliders{flex:1;margin-left:10px}.bee-color-wrap{margin-right:10px;width:50px;height:24px;box-shadow:3px 0 5px #00000014;position:relative;cursor:pointer;overflow:hidden;display:inline-block;vertical-align:middle}.bee-color-wrap.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-color-wrap.round{width:22px;height:22px;border-radius:50%;border:1px solid #d8d8d8}.bee-color-wrap .current-color{width:100%;height:100%}.vc-alpha-slider[data-v-18925ba6]{position:relative;margin-bottom:15px;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.vc-alpha-slider.is-vertical[data-v-18925ba6]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-alpha-slider.transparent[data-v-18925ba6]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-alpha-slider__bar[data-v-18925ba6]{position:relative;width:100%;height:100%;border-radius:15px}.vc-alpha-slider__bar-pointer[data-v-18925ba6]{position:absolute;width:14px;height:14px}.vc-alpha-slider__bar-handle[data-v-18925ba6]{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.vc-alpha-slider__bar-handle.vertical[data-v-18925ba6]{transform:translateY(-7px);margin-top:0}.vc-alpha-slider.small-slider[data-v-18925ba6]{height:10px!important}.vc-alpha-slider.small-slider .small-bar[data-v-18925ba6]{height:10px!important;width:10px!important}.vc-alpha-slider.small-slider .small-bar div[data-v-18925ba6]{width:12px!important;height:12px!important;border-radius:5px!important;transform:translate(-6px,-2px);margin-top:1px!important}.vc-compact[data-v-b969fd48]{margin-bottom:15px;width:auto;box-shadow:3px 0 5px #00000014;display:inline-block}.vc-compact__row[data-v-b969fd48]{position:relative;width:100%;margin:0;height:27px}.vc-compact__row>*[data-v-b969fd48]{display:inline-block;vertical-align:middle}.vc-compact__color_cube[data-v-b969fd48]{width:100%;height:100%}.vc-compact__color_cube.transparent[data-v-b969fd48]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff}.vc-compact__color_cube.transparent[data-v-b969fd48]:after{content:"";position:absolute;top:100%;left:0;transform:rotate(-45deg);transform-origin:0 0;width:35px;height:1px;background:red}.vc-compact__color_cube.advance[data-v-b969fd48]{background:url(data:image/png;base64,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)}.vc-compact__color_cube .alpha[data-v-b969fd48]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-compact__color-cube--wrap[data-v-b969fd48]{position:relative;width:27px;height:27px;cursor:pointer;overflow:hidden}.vc-compact__color-cube--wrap[data-v-b969fd48]:hover{transform:scale(1.2);z-index:299;transition:transform .2s}.vc-saturation[data-v-058e5db2]{position:relative;margin-bottom:15px;width:100%;height:125px}.vc-saturation__chrome[data-v-058e5db2]{border-top-left-radius:5px;border-top-right-radius:5px;border-color:transparent}.vc-saturation__hidden[data-v-058e5db2]{overflow:hidden}.vc-saturation__white[data-v-058e5db2],.vc-saturation__black[data-v-058e5db2]{position:absolute;top:0;left:0;right:0;bottom:0}.vc-saturation__black[data-v-058e5db2]{background:linear-gradient(0deg,#000,transparent)}.vc-saturation__white[data-v-058e5db2]{background:linear-gradient(90deg,#fff,#fff0)}.vc-saturation__cursor[data-v-058e5db2]{position:absolute}.vc-saturation__cursor div[data-v-058e5db2]{transform:translate(-5px,-5px);box-shadow:0 1px 4px #0000005e;width:10px;height:10px;border:1px solid white;border-radius:50%;cursor:pointer}.vc-hue-slider[data-v-e1a08576]{position:relative;margin-bottom:15px;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.vc-hue-slider.is-vertical[data-v-e1a08576]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-hue-slider.transparent[data-v-e1a08576]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-hue-slider__bar[data-v-e1a08576]{position:relative;width:100%;height:100%;border-radius:15px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);background:-webkit-linear-gradient(left,rgb(255,0,0) 0%,rgb(255,255,0) 16.66%,rgb(0,255,0) 33.33%,rgb(0,255,255) 50%,rgb(0,0,255) 66.66%,rgb(255,0,255) 83.33%,rgb(255,0,0) 100%);background:-moz-linear-gradient(left,rgb(255,0,0) 0%,rgb(255,255,0) 16.66%,rgb(0,255,0) 33.33%,rgb(0,255,255) 50%,rgb(0,0,255) 66.66%,rgb(255,0,255) 83.33%,rgb(255,0,0) 100%);background:-ms-linear-gradient(left,rgb(255,0,0) 0%,rgb(255,255,0) 16.66%,rgb(0,255,0) 33.33%,rgb(0,255,255) 50%,rgb(0,0,255) 66.66%,rgb(255,0,255) 83.33%,rgb(255,0,0) 100%)}.vc-hue-slider__bar-pointer[data-v-e1a08576]{position:absolute;width:14px;height:14px}.vc-hue-slider__bar-handle[data-v-e1a08576]{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.vc-hue-slider__bar-handle.vertical[data-v-e1a08576]{transform:translateY(-7px);margin-top:0}.vc-hue-slider.small-slider[data-v-e1a08576]{height:10px!important}.vc-hue-slider.small-slider .small-bar[data-v-e1a08576]{height:10px!important;width:10px!important}.vc-hue-slider.small-slider .small-bar div[data-v-e1a08576]{width:12px!important;height:12px!important;border-radius:5px!important;transform:translate(-6px,-2px);margin-top:1px!important}.vc-lightness-slider[data-v-94a50a9e]{position:relative;margin-bottom:15px;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.vc-lightness-slider.is-vertical[data-v-94a50a9e]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-lightness-slider.transparent[data-v-94a50a9e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-lightness-slider__bar[data-v-94a50a9e]{position:relative;width:100%;height:100%;border-radius:15px}.vc-lightness-slider__bar-pointer[data-v-94a50a9e]{position:absolute;width:14px;height:14px}.vc-lightness-slider__bar-handle[data-v-94a50a9e]{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.vc-lightness-slider__bar-handle.vertical[data-v-94a50a9e]{transform:translateY(-7px);margin-top:0}.vc-lightness-slider.small-slider[data-v-94a50a9e]{height:10px!important}.vc-lightness-slider.small-slider .small-bar[data-v-94a50a9e]{height:10px!important;width:10px!important}.vc-lightness-slider.small-slider .small-bar div[data-v-94a50a9e]{width:12px!important;height:12px!important;border-radius:5px!important;transform:translate(-6px,-2px);margin-top:1px!important}.vc-colorPicker__record[data-v-0f657238]{display:flex;align-items:center;margin-top:15px}.vc-colorPicker__record .text[data-v-0f657238]{width:48px;margin-right:10px;text-align:right;font-size:12px;color:#666}.vc-colorPicker__record .color-list[data-v-0f657238]{width:100%;display:flex;position:relative;margin:0;gap:2px}.vc-colorPicker__record .color-list .color-item[data-v-0f657238]{position:relative;flex:1;max-width:26px;height:26px;border-radius:2px;cursor:pointer;overflow:hidden;display:inline-block;vertical-align:middle;box-shadow:3px 0 5px #0000001a}.vc-colorPicker__record .color-list .color-item__round[data-v-0f657238]{border-radius:50%}.vc-colorPicker__record .color-list .color-item.transparent[data-v-0f657238]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-colorPicker__record .color-list .color-item[data-v-0f657238]:hover{transform:scale(1.2);z-index:299;transition:transform .2s}.vc-colorPicker__record .color-list .color-item__display[data-v-0f657238]{width:100%;height:100%}.vc-display[data-v-80d589ba]{height:28px;display:flex;align-items:center;gap:8px}.vc-display .vc-current-color[data-v-80d589ba]{width:50px;height:100%;box-shadow:3px 0 5px #00000014;border-radius:2px;position:relative;cursor:pointer;overflow:hidden;display:inline-block;vertical-align:middle}.vc-display .vc-current-color.vc-transparent[data-v-80d589ba]{backg