/* Three round pointers that follow the mouse arrow: big, medium, small (added by cursor-trail.js). */
.ct-dot {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  pointer-events: none;
  border-radius: 50%;
  opacity: 0;
  transition: opacity .25s ease, width .2s ease, height .2s ease, margin .2s ease;
  will-change: transform;
}
.ct-on .ct-dot { opacity: 1; }
.ct-dot--1 { width: 22px; height: 22px; margin: -11px 0 0 -11px; background: rgba(237, 28, 36, .55); }
.ct-dot--2 { width: 14px; height: 14px; margin: -7px 0 0 -7px;   background: rgba(237, 28, 36, .7); }
.ct-dot--3 { width: 7px;  height: 7px;  margin: -3.5px 0 0 -3.5px; background: rgba(237, 28, 36, .85); }
/* Over links and buttons the pointers grow a little. */
.ct-link .ct-dot--1 { width: 30px; height: 30px; margin: -15px 0 0 -15px; }
.ct-link .ct-dot--2 { width: 19px; height: 19px; margin: -9.5px 0 0 -9.5px; }