#eraserCanvas[data-v-9b81329f]{background-size:20px auto;cursor:none;pointer-events:none;transform-origin:center center}#canvaspointer[data-v-9b81329f]{background-color:#fd465e95;border-radius:100%;height:10px;left:0;pointer-events:none;position:absolute;top:0;width:10px;z-index:10}#canBox[data-v-9b81329f]{align-items:center;cursor:none;display:flex;justify-content:center;left:50%;margin:0 auto;pointer-events:none;position:relative;position:absolute;top:50%;transform:translate(-50%,-50%)}#CanvasOld[data-v-38905ec5]{left:0;opacity:1;position:absolute;top:0;transform-origin:left top;z-index:2}#CanvasOld[data-v-38905ec5],#eraserCanvas__hf[data-v-38905ec5]{cursor:none;pointer-events:none}#eraserCanvas__hf[data-v-38905ec5]{background-size:20px auto;transform-origin:center center}#canvaspointer__hf[data-v-38905ec5]{background-color:#2fe08a90;border-radius:100%;height:10px;left:0;outline:2px solid transparent;pointer-events:none;position:absolute;top:0;width:10px;z-index:10}#canBox__hf[data-v-38905ec5]{align-items:center;cursor:none;display:flex;justify-content:center;left:50%;margin:0 auto;pointer-events:none;position:relative;position:absolute;top:50%;transform:translate(-50%,-50%)}#mainBox__hf:hover img[data-v-38905ec5]{opacity:.4}#mainBox__hf img[data-v-38905ec5]{cursor:none;height:100%;opacity:0;pointer-events:none;position:absolute;width:100%;z-index:1}html.light .kld8392Ks_pqeir3-color-picker .color-show .sucker{background:#eceef0}html.light .kld8392Ks_pqeir3-color-picker .color-type .name{background:#e7e8e9}html.light .kld8392Ks_pqeir3-color-picker .color-type .value{background:#eceef0;color:#666}html.light .kld8392Ks_pqeir3-color-picker .colors.history{border-top:1px solid #eee}.kld8392Ks_pqeir3-color-picker ul li.item:first-child .alpha{position:relative}.kld8392Ks_pqeir3-color-picker ul li.item:first-child .alpha:before{background-color:red;content:"";height:170%;left:43%;position:absolute;top:-32%;transform:rotate(-45deg);width:2px}.kld8392Ks_pqeir3-color-picker{border-radius:4px;box-sizing:content-box;display:flex;flex-wrap:wrap;padding:10px;z-index:1}.kld8392Ks_pqeir3-color-picker canvas{vertical-align:top}.kld8392Ks_pqeir3-color-picker .color-set{display:flex}.kld8392Ks_pqeir3-color-picker .color-show{border-radius:6px;display:flex;display:none;margin-top:8px;overflow:hidden}.kld8392Ks_pqeir3-color-picker{padding-bottom:34px;position:relative}.kld8392Ks_pqeir3-color-picker .saturation{border-radius:2px;cursor:pointer;position:relative}.kld8392Ks_pqeir3-color-picker .saturation .slide{border:1px solid #fff;border-radius:50%;box-shadow:0 0 1px 1px #0000004d;height:20px;left:100px;pointer-events:none;position:absolute;top:0;width:20px}.kld8392Ks_pqeir3-color-picker .color-type{bottom:5px;display:flex;font-size:12px;margin-top:4px;position:absolute}.kld8392Ks_pqeir3-color-picker .color-type:nth-child(odd){left:10px;margin-right:6px;width:70px}.kld8392Ks_pqeir3-color-picker .color-type:nth-child(2n){right:10px;width:122px}.kld8392Ks_pqeir3-color-picker .color-type .name{align-items:center;background:#252930;border-radius:4px 0 0 4px;color:#999;display:flex;display:none;float:left;height:22px;justify-content:center;width:60px}.kld8392Ks_pqeir3-color-picker .color-type .value{background:#2e333a;border:0;box-sizing:border-box;color:#fff;flex:1;font-size:12px;height:22px;min-width:30px;padding:0 6px;text-align:center}.kld8392Ks_pqeir3-color-picker .color-alpha{border:1px solid hsla(0,0%,47%,.3);border-radius:2px;cursor:pointer;margin-left:8px;position:relative}.kld8392Ks_pqeir3-color-picker .color-alpha .slide{background:#fff;border:1px solid rgba(0,0,0,.149);border-radius:2px;height:10px;left:0;pointer-events:none;position:absolute;top:100px;transform:scaleX(1.6);width:100%}.kld8392Ks_pqeir3-color-picker .sucker{fill:#9099a4;background:#2e333a;cursor:pointer;transition:all .3s;width:30px}.kld8392Ks_pqeir3-color-picker .sucker.active,.kld8392Ks_pqeir3-color-picker .sucker:hover{fill:#1593ff}.kld8392Ks_pqeir3-color-picker .colors{margin:0;padding:3px 0 2px}.kld8392Ks_pqeir3-color-picker .colors.history{border-top:1px solid #2e333a;margin-top:10px}.kld8392Ks_pqeir3-color-picker .colors .item{border:1px solid hsla(0,0%,47%,.3);border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;height:19px;margin:6px 0 0 6px;position:relative;transition:all .1s;vertical-align:top;width:19px}.kld8392Ks_pqeir3-color-picker .colors .item:nth-child(8n+1){margin-left:0}.kld8392Ks_pqeir3-color-picker .colors .item:hover{transform:scale(1.1)}.kld8392Ks_pqeir3-color-picker .colors .item .alpha{border-radius:4px;height:100%}.kld8392Ks_pqeir3-color-picker .colors .item .color{border-radius:3px;height:100%;left:0;position:absolute;top:0;width:100%}.kld8392Ks_pqeir3-color-picker .hue{border-radius:2px;cursor:pointer;margin-left:8px;position:relative}.kld8392Ks_pqeir3-color-picker .hue .slide{background:#fff;border:1px solid rgba(0,0,0,.149);border-radius:2px;height:10px;left:0;pointer-events:none;position:absolute;top:100px;transform:scaleX(1.6);width:100%}