/* Magic UI Smooth Cursor by @Code_Parth. MIT notice: /ui/MAGICUI-LICENSE.txt. */
.o1-smooth-cursor {
  position: fixed;
  inset: auto;
  left: 0;
  top: 0;
  width: 50px;
  height: 54px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  background: transparent;
  color: inherit;
  pointer-events: none;
  z-index: 2147483647;
  visibility: hidden;
  opacity: 0;
  transform-origin: 50% 50%;
  will-change: transform;
}

.o1-smooth-cursor > svg {
  display: block;
  width: 50px;
  height: 54px;
  scale: 0.5;
  transform-origin: 50% 50%;
  pointer-events: none;
}

.o1-smooth-cursor::backdrop {
  background: transparent;
  pointer-events: none;
}

/* Hide the native pointer only after a rendered, visible overlay takes its place. */
@media (any-hover: hover) and (any-pointer: fine) and (prefers-reduced-motion: no-preference) and (forced-colors: none) {
  html[data-smooth-cursor="active"],
  html[data-smooth-cursor="active"] * {
    cursor: none !important;
  }
}

@media (prefers-reduced-motion: reduce), (forced-colors: active), (any-hover: none), (any-pointer: none) {
  .o1-smooth-cursor {
    display: none !important;
  }
}