.f-pointer {
  position: absolute;
  top: -100%;
  left: -100%;
  z-index: 9999;
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  background-color: rgba(100, 100, 100, 0.2);
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: box-shadow 500ms ease-in-out;

  /* Animating the following properties maybe to laggy for low-end users */
  /* 
    width 50ms ease-in-out
    height 50ms ease-in-out
    top 50ms ease-in-out,
    left 50ms ease-in-out; 
  */
}

.f-pointer.f-pointer--wrapping {
  background-color: rgba(100, 100, 100, 0);
  border-radius: 0.5rem;
  background-color: rgba(100, 100, 100, 0);
  box-shadow: 0 0 0 120vmax rgba(0, 0, 0, 0.25);
}