@media (hover: hover) and (pointer: fine) {
  html.sb-reef-cursor-enabled,
  html.sb-reef-cursor-enabled body,
  html.sb-reef-cursor-enabled a,
  html.sb-reef-cursor-enabled button,
  html.sb-reef-cursor-enabled [role="button"],
  html.sb-reef-cursor-enabled input[type="submit"],
  html.sb-reef-cursor-enabled input[type="button"],
  html.sb-reef-cursor-enabled .elementor-button,
  html.sb-reef-cursor-enabled .menu-item > a {
    cursor: none !important;
  }

  .sb-reef-cursor-dot,
  .sb-reef-cursor-ring {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 2147483646;
    opacity: 0;
    transform: translate3d(-50%, -50%, 0);
    transition: opacity .18s ease;
  }

  .sb-reef-cursor-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0a4fa3;
    box-shadow: 0 0 0 1px rgba(255,255,255,.7), 0 2px 10px rgba(10,79,163,.28);
  }

  .sb-reef-cursor-ring {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1.5px solid rgba(10,79,163,.72);
    background: rgba(10,79,163,.035);
    box-shadow: 0 6px 24px rgba(10,79,163,.10);
    backdrop-filter: blur(1.5px);
    -webkit-backdrop-filter: blur(1.5px);
    transition:
      opacity .18s ease,
      width .18s ease,
      height .18s ease,
      border-color .18s ease,
      background-color .18s ease,
      box-shadow .18s ease;
  }

  html.sb-reef-cursor-visible .sb-reef-cursor-dot,
  html.sb-reef-cursor-visible .sb-reef-cursor-ring {
    opacity: 1;
  }

  html.sb-reef-cursor-hover .sb-reef-cursor-ring {
    width: 48px;
    height: 48px;
    border-color: rgba(10,79,163,.88);
    background: rgba(10,79,163,.075);
    box-shadow: 0 8px 28px rgba(10,79,163,.16);
  }

  html.sb-reef-cursor-hover .sb-reef-cursor-dot {
    transform: translate3d(-50%, -50%, 0) scale(.8);
  }

  html.sb-reef-cursor-down .sb-reef-cursor-ring {
    width: 29px;
    height: 29px;
  }

  html.sb-reef-cursor-hidden .sb-reef-cursor-dot,
  html.sb-reef-cursor-hidden .sb-reef-cursor-ring {
    opacity: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sb-reef-cursor-dot,
  .sb-reef-cursor-ring {
    display: none !important;
  }

  html,
  body,
  a,
  button,
  [role="button"],
  input,
  textarea,
  select {
    cursor: auto !important;
  }
}