body{
  cursor:none;
}

body *{
  cursor:none !important;
}

#cd,
#cr{
  position:fixed;
  pointer-events:none;
  z-index:99999;
  border-radius:50%;
  transform:translate(-50%,-50%);
}

#cd{
  width:8px;
  height:8px;
  background:var(--ink,#0E0E0D);
  border:1px solid var(--bg,#F7F6F3);
  overflow:visible;
  transition:transform .15s,width .2s,height .2s,background .2s;
}

#cr{
  width:36px;
  height:36px;
  border:1.5px solid var(--m,#C42B72);
  opacity:.5;
  transition:width .32s cubic-bezier(.23,1,.32,1),height .32s cubic-bezier(.23,1,.32,1),opacity .3s,border-color .3s;
}

body.cl #cr{
  width:64px;
  height:64px;
  opacity:1;
}

@media (hover:none){
  body,
  body *{
    cursor:auto !important;
  }

  #cd,
  #cr{
    display:none;
  }
}