.m-colorPicker{--vcp-swatch-size:15px;--vcp-panel-width:190px;--vcp-panel-bg:#fff;--vcp-panel-border:1px solid #ddd;--vcp-panel-radius:2px;--vcp-panel-shadow:0 8px 24px #0000002e;--vcp-panel-padding:10px;--vcp-text-color:#333;--vcp-focus-color:#4e81bb;--vcp-transition:.3s ease;--vcp-z-index:10000;text-align:left;outline:none;font-size:14px;display:inline-block;position:relative}.m-colorPicker ul,.m-colorPicker li,.m-colorPicker ol{margin:0;padding:0;list-style:none}.m-colorPicker .colorBtn{width:var(--vcp-swatch-size);height:var(--vcp-swatch-size);cursor:pointer}.m-colorPicker .colorBtn.disabled{cursor:no-drop}.m-colorPicker .colorBtn:focus-visible{outline:2px solid var(--vcp-focus-color);outline-offset:2px}.m-colorPicker.open{z-index:var(--vcp-z-index)}.m-colorPicker .box{width:var(--vcp-panel-width);background:var(--vcp-panel-bg);border:var(--vcp-panel-border);border-radius:var(--vcp-panel-radius);box-shadow:var(--vcp-panel-shadow);padding:var(--vcp-panel-padding);visibility:hidden;opacity:0;transition:all var(--vcp-transition);box-sizing:content-box;z-index:1;pointer-events:none;margin-top:0;padding-bottom:5px;position:absolute;top:calc(100% + 2px);left:0}.m-colorPicker .box h3{color:var(--vcp-text-color);margin:10px 0 5px;font-size:14px;font-weight:400;line-height:1}.m-colorPicker .box h3.moreColors{cursor:pointer}.m-colorPicker .box h3.moreColors:focus-visible{outline:1px dashed var(--vcp-focus-color);outline-offset:2px}.m-colorPicker .box input{visibility:hidden;position:absolute;bottom:0;left:0}.m-colorPicker .box.placement-top{top:auto;bottom:calc(100% + 2px)}.m-colorPicker .box.placement-right{left:auto;right:0}.m-colorPicker .box.open{visibility:visible;opacity:1;pointer-events:auto}.m-colorPicker .hd{line-height:29px;overflow:hidden}.m-colorPicker .hd .colorView{float:left;width:100px;height:30px;transition:background-color var(--vcp-transition)}.m-colorPicker .hd .defaultColor{float:right;text-align:center;border:var(--vcp-panel-border);cursor:pointer;width:80px;color:var(--vcp-text-color);box-sizing:border-box}.m-colorPicker .hd .defaultColor:focus-visible{outline:2px solid var(--vcp-focus-color);outline-offset:1px}.m-colorPicker .tColor li{width:var(--vcp-swatch-size);height:var(--vcp-swatch-size);transition:all var(--vcp-transition);cursor:pointer;margin:0 2px;display:inline-block}.m-colorPicker .tColor li:hover{transform:scale(1.3);box-shadow:0 0 5px #0006}.m-colorPicker .tColor li:focus-visible{box-shadow:0 0 0 2px var(--vcp-focus-color);z-index:1;outline:none;position:relative}.m-colorPicker .bColor li{width:var(--vcp-swatch-size);margin:0 2px;display:inline-block}.m-colorPicker .bColor li li{width:var(--vcp-swatch-size);height:var(--vcp-swatch-size);transition:all var(--vcp-transition);cursor:pointer;margin:0;display:block}.m-colorPicker .bColor li li:hover{transform:scale(1.3);box-shadow:0 0 5px #0006}.m-colorPicker .bColor li li:focus-visible{box-shadow:0 0 0 2px var(--vcp-focus-color);z-index:1;outline:none;position:relative}
/*$vite$:1*/