.notCursor {
  cursor: none;
}

.notCursor * {
  cursor: none;
}

#kursorWrapper {
  position: fixed;
  z-index: 99;
  overflow: hidden;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

div[class*='kursor'] {
  position: fixed;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 10000;
}

div[class*='kursor'].kursor--hidden {
  opacity: 0;
  width: 0px;
  height: 0px;
}

div[class*='kursor'].kursor--1 {
  left: 0px;
  top: 0px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 1.5px solid #d2aa82;
  transition: all 0.2s ease, top 0.18s ease-out, left 0.18s ease-out;
  mix-blend-mode: screen;
}

div[class*='kursor'].kursor--1 + .kursorChild {
  display: block;
  width: 8px;
  height: 8px;
  background: rgba(var(--k-color), 1);
  border-radius: 50%;
  border: solid white 1.5px;
  mix-blend-mode: screen;
  transition: all 0.2s ease, top 0s ease-out, left 0s ease-out;
}

div[class*='kursor'].kursor--1.kursor--down {
  width: 50px;
  height: 50px;
  background-color: #d2aa8233;
}

div[class*='kursor'].kursor--1.kursor--down + .kursorChild:after {
  width: 40px !important;
  height: 40px !important;
  opacity: 0;
  border: 1px solid;
  border-radius: 50%;
  border-color: rgba(var(--k-color), 1);
  transition: all 0.4s ease;
}

div[class*='kursorChild'] {
  position: fixed;
  pointer-events: none;
  transform: translate(-50%, -50%);
  display: none;
  overflow: hidden;
}

div[class*='kursorChild'].kursorChild[class*='--hidden'] {
  opacity: 0;
  width: 0px;
  height: 0px;
}

div[class*='kursorChild'].kursorChild:after {
  content: '';
  pointer-events: none;
  width: 0px;
  height: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 1;
  border: 0px solid rgba(var(--k-color), 0.5);
  transform: translate(-50%, -50%);
}

.kursor--absolute {
  position: absolute !important;
  z-index: 2000;
}

@media screen and (max-width: 460px) {
  .notCursor * {
    cursor: auto;
  }
  div[class*='kursor'] {
    display: none !important;
  }
  div[class*='kursorChild'] {
    display: none !important;
  }
}

@media screen and (max-width: 812px) and (max-height: 430px) and (orientation: landscape) {
  div[class*='kursor'] {
    display: none !important;
  }
  div[class*='kursorChild'] {
    display: none !important;
  }
  .notCursor * {
    cursor: auto;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  div[class*='kursor'] {
    display: none !important;
  }
  div[class*='kursorChild'] {
    display: none !important;
  }
  .notCursor * {
    cursor: auto;
  }}