mouse-vuer.css

body{
  background-color: #282a36;
}

.mouse-vuer{
  width: 18px;
  height: 18px;
  background-size: 100%;
  position: absolute;
  visibility: hidden;
  border-radius: 50%;
  background-color: rgba(0,0,0,0);
  top: -5px;
  left: -5px;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIxNC4wMjUgMjE0LjAyNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjE0LjAyNSAyMTQuMDI1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxwYXRoIGQ9Ik0xMTcuMDEzLDMwLjk2N3Y5Ni4wNDZoMjEuMjQydjIwaC0yMS4yNDJ2MzYuMDQ2YzAsMTAuODQyLDIwLjExLDEwLjk2NywyMC45NjcsMTAuOTY3djIwICBjLTExLjUwOCwwLTIzLjA3My0zLjA1MS0zMC45NjctOS41NTRjLTcuODk0LDYuNTAzLTE5LjQ1OSw5LjU1NC0zMC45NjcsOS41NTR2LTIwYzAuODU2LDAsMjAuOTY3LTAuMTI1LDIwLjk2Ny0xMC45Njd2LTM2LjA0NiAgSDc1Ljc3MXYtMjBoMjEuMjQyVjMwLjk2N0M5Ny4wMTMsMjAuMTI1LDc2LjkwMiwyMCw3Ni4wNDYsMjBWMGMxMS41MDgsMCwyMy4wNzMsMy4wNTIsMzAuOTY3LDkuNTU0ICBDMTE0LjkwNiwzLjA1MiwxMjYuNDcxLDAsMTM3Ljk3OSwwdjIwQzEzNy4xMjMsMjAsMTE3LjAxMywyMC4xMjUsMTE3LjAxMywzMC45Njd6IiBmaWxsPSIjRkZGRkZGIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}

#duration{
  visibility: visible;
}