body:not(.admin-bar, .elementor-editor-active) {
  @media(min-width: 750px) {
    cursor: none !important;

    .cursor {
      width: 20px;
      height: 20px;
      background-color: #fff;
      border: 1px solid #ffffff60;
      border-radius: 50%;
      position: fixed;
      transform: translate(-50%, -50%);
      pointer-events: none;
      transition: width .4s, height .4s;
      z-index: 999999999999999999999;
      display: flex;
      justify-content: center;
      align-items: center;
      left: -50px;
      top: -50px;
      mix-blend-mode: difference;
      opacity: .7;

      &.large {
        width: 60px;
        height: 60px;
        padding: 8px;

        .hover {
          opacity: 1;
          font-size: 10px;
          letter-spacing: 1px;
        }
      }

      .hover {
        font-size: 1px;
        letter-spacing: 0;
        line-height: 1em;
        color: #312f2d;
        opacity: 0;
        transition: all 0.6s;
        text-align: center;
      }
    }

    a, button {
      cursor: none;
    }
  }
}

.fancybox-container, .fancybox-arrow, .fancybox-button {
  cursor: auto !important;
}