/* Кастомный курсор */
#cursor { position: fixed; top:0; left:0; pointer-events:none; z-index:9999; }

.cursor-dot {
  position: fixed;
  top: -3px; left: -3px;
  width: 6px; height: 6px;
  background: #111;
  border-radius: 50%;
  pointer-events: none;
  transition: transform .05s linear;
  will-change: transform;
}

.cursor-ring {
  position: fixed;
  top: -18px; left: -18px;
  width: 36px; height: 36px;
  border: 1px solid rgba(0,0,0,.35);
  border-radius: 50%;
  pointer-events: none;
  will-change: transform;
  transition: width .25s cubic-bezier(.22,1,.36,1),
              height .25s cubic-bezier(.22,1,.36,1),
              top .25s cubic-bezier(.22,1,.36,1),
              left .25s cubic-bezier(.22,1,.36,1),
              border-color .25s,
              background .25s;
}

.cursor-ring.expanded {
  width: 56px; height: 56px;
  top: -28px; left: -28px;
  border-color: rgba(0,0,0,.15);
  background: rgba(0,0,0,.04);
}