.zs-color-picker[data-v-87d63fa8]{position:relative;text-align:left;font-size:14px;display:inline-block;outline:none}.zs-color-picker-panel[data-v-87d63fa8]{position:absolute;width:190px;background:#fff;border:1px solid #ddd;visibility:hidden;border-radius:2px;margin-top:2px;padding:10px 10px 5px;box-shadow:0 0 5px #00000026;opacity:0;transition:all .3s ease;box-sizing:content-box}.zs-color-picker-panel__visible[data-v-87d63fa8]{visibility:visible;opacity:1;z-index:1}.zs-color-picker-panel h3[data-v-87d63fa8]{margin:10px 0 5px;font-size:14px;font-weight:400;line-height:1;color:#333}.zs-color-picker-panel .color-input[data-v-87d63fa8]{visibility:hidden;position:absolute;left:0;bottom:0}.zs-color-picker-btn[data-v-87d63fa8]{width:24px;height:24px;cursor:pointer;border:1px solid #eee;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==);background-size:10px 10px}.zs-color-picker-btn .zs-color-picker-btn-color[data-v-87d63fa8]{box-sizing:border-box;border:4px solid #fff;width:100%;height:100%}.panel-header[data-v-87d63fa8]{overflow:hidden;line-height:29px}.color-view-bg[data-v-87d63fa8]{width:100px;height:30px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAWElEQVRIiWM8fubkfwYygKWJOSM5+mCAhRLNoxaPWjxq8ajFoxbTyeL/DAfJ0Xjs3Cl7Siwmu4Yht1aDgZEYx6MWj1o8avGoxaMWD3qLya5X//4nqx6HAQC7RBGFzolqTAAAAABJRU5ErkJggg==);background-size:10px 10px;float:left}.color-view[data-v-87d63fa8]{width:100px;height:30px;transition:background-color .3s ease}.default-color[data-v-87d63fa8]{width:80px;float:right;text-align:center;border:1px solid #ddd;cursor:pointer;color:#333}.panel-main .theme-color li[data-v-87d63fa8]{width:15px;height:15px;display:inline-block;margin:0 2px;transition:all .3s ease;cursor:pointer}.panel-main .theme-color li[data-v-87d63fa8]:hover{box-shadow:0 0 5px #0006;transform:scale(1.3)}.standard-color li[data-v-87d63fa8]{width:15px;display:inline-block;margin:0 2px}.standard-color li li[data-v-87d63fa8]{display:block;width:15px;height:15px;transition:all .3s ease;margin:0}.standard-color li li[data-v-87d63fa8]:hover{box-shadow:0 0 5px #0006;transform:scale(1.3)}ul[data-v-87d63fa8],li[data-v-87d63fa8],ol[data-v-87d63fa8]{list-style:none;margin:0;padding:0}.bottom-btn[data-v-87d63fa8]{display:flex;align-items:center;flex-direction:row}.bottom-btn .finsh[data-v-87d63fa8]{margin-left:auto;background:rgb(0,162,255);color:#fff;cursor:pointer;margin-right:5px;padding:5px 10px;border-radius:2px}