.mm-cursor-on,
.mm-cursor-on * {
  cursor: none !important;
}

.mm-cursor-dot,
.mm-cursor-ring {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 9999;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
  will-change: transform;
}

.mm-cursor-on .mm-cursor-dot,
.mm-cursor-on .mm-cursor-ring {
  opacity: 1;
}

.mm-cursor-on.mm-cursor-out .mm-cursor-dot,
.mm-cursor-on.mm-cursor-out .mm-cursor-ring {
  opacity: 0;
}

.mm-cursor-dot {
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: #30253f;
}

.mm-cursor-ring {
  width: 36px;
  height: 36px;
  margin: -18px 0 0 -18px;
  border: 2px solid #b79bdd;
  background: rgba(201, 188, 229, 0.18);
  transition: opacity 0.3s ease, width 0.35s ease, height 0.35s ease, margin 0.35s ease, border-color 0.35s ease, background-color 0.35s ease;
}

.mm-cursor-link .mm-cursor-ring {
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  border-color: #ff9cc8;
  background: rgba(255, 156, 200, 0.22);
}

.mm-cursor-art .mm-cursor-ring {
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  border-color: #ff9cc8;
  background: transparent;
}

.mm-cursor-down .mm-cursor-ring {
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
}