/* JavaScript: serialcursor */
#serialcursor{pointer-events:none;}
#serialcursor-inner{position:fixed;z-index:1003;width:80px;height:80px;margin:-40px 0 0 -40px;opacity:0.2;transition:opacity 900ms;}
#serialcursor-pointer{position:fixed;z-index:1003;height:16px;width:16px;transform:translate(-50%, -50%);background-color:#0cfaa9;border-radius:100%;transition:200ms; box-shadow: 0 0 0 10px rgba(2,12,65,.6);
  -moz-animation: pulse 1.5s ease-out infinite;
  -ms-animation: pulse 1.5s ease-out infinite;
  -webkit-animation: pulse 1.5s ease-out infinite;
  animation: pulse 1.5s ease-out infinite;

}
#serialcursor.on-mousemove #serialcursor-inner{opacity:.6;}
#serialcursor.is-click #serialcursor-inner{opacity:1;}
#serialcursor.is-click #serialcursor-pointer{transform:translate(-50%, -50%) scale(0.75);}
#serialcursor-pointer-grab{opacity:0;transition:opacity 400ms;}
#serialcursor-pointer-grab .sub-icon{position:absolute;top:-2px;width:6px;height:14px;fill:#00ff8a;transition:400ms;}
#serialcursor-pointer-grab .sub-icon.is-left{left:-5px;}
#serialcursor-pointer-grab .sub-icon.is-right{right:-5px;}
#serialcursor.is-grab #serialcursor-pointer-grab{opacity:1;}
#serialcursor.is-grab #serialcursor-pointer-grab .sub-icon{fill:#000;}
#serialcursor.is-grab #serialcursor-pointer-grab .sub-icon.is-left{left:-16px;}
#serialcursor.is-grab #serialcursor-pointer-grab .sub-icon.is-right{right:-16px;}
[data-serialcursor-state='grab']{cursor:grab;}

@-ms-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(237,173,115, 0.9);
  }


  100% {
    box-shadow: 0 0 0 15px rgba(2,12,65,.0);
  }
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(2,12,65,.9);
  }


  100% {
    box-shadow: 0 0 0 15px rgba(2,12,65,.0);
  }
}

@-moz-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(2,12,65,.9);
  }


  100% {
    box-shadow: 0 0 0 15px rgba(2,12,65,.0);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(2,12,65,.9);
  }


  100% {
    box-shadow: 0 0 0 15px rgba(237,173,115, 0);
  }
}