@media (hover: hover) and (pointer: fine) {
  html body:not(.sqs-edit-mode-active) * {
    cursor: none !important;
  }
}

body:not(.sqs-edit-mode-active) .cursor {
  --size: 20px;
  height: var(--size);
  width: var(--size);
  border-radius: 50%;
  pointer-events: none;
  position: fixed;
  transform: translate(-50%, -50%);
  z-index: 99999999999;
  display: none;
}

body:not(.sqs-edit-mode-active) .cursor.cursor-dot {
  background: #ffffff;
  mix-blend-mode: difference;
  transition: width 0.3s, height 0.3s, background-color 0.3s;
  transition-timing-function: ease-out;
}

body:not(.sqs-edit-mode-active) button:not(.header-burger-btn, .background-pause-button, .accordion-item__click-target), .cursor-dot.active {
  --size: 35px !important;
}