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