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