canvas {
    /**outline: black 3px solid;**/
    touch-action: none;
  }

  #brushDiv {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 10px;
    height: 10px;
    border: solid 0px;
    border-radius: 50%;
    mix-blend-mode: multiply;
    visibility: hidden;
  }

  #brushDiv img {
    -webkit-filter: drop-shadow(1px 1px 0 grey) drop-shadow(-1px -1px 0 grey);
    /* filter:drop-shadow(0.5px 0.5px 0 grey) drop-shadow(-0.5px -0.5px 0 grey);
  filter:drop-shadow(0.5px 0px 0 grey) drop-shadow(0px -0.5px 0 grey) drop-shadow(-0.5px 0px 0 grey) drop-shadow(0px 0.5px 0 grey); */
    
}

#loupeCanvas {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    /*width: 300px;*/
    /* height: 300px; */
    border: solid 2px;
    mix-blend-mode: none;
    border-radius: 24px;
    -moz-box-shadow: 8px 10px 0px rgba(0,0,50,0.2); -webkit-box-shadow: 8px 10px 0px rgba(0,0,50,0.2); box-shadow: 8px 10px 0px rgba(0,0,50,0.2); 
}


  #fc,#artMask,#artMaskBot {
    position: absolute;
    pointer-events: none;
  }



  #OSC {
    position: absolute;
  }