@media (pointer: fine) {
  body,
  body * {
    cursor: none !important;
  }

  .custom-cursor,
  .custom-cursor-follower {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 2147483647 !important;
    will-change: transform, width, height, background-color, border-color !important;
  }

  .custom-cursor {
    width: 10px !important;
    height: 10px !important;
    background-color: var(--color-berry) !important;
    box-shadow: 0 0 0 2px rgba(250, 246, 240, .55) !important;
  }

  .custom-cursor-follower {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgba(28, 63, 48, .85) !important;
    background-color: rgba(250, 246, 240, .08) !important;
  }

  body.hover-interactive .custom-cursor {
    width: 12px !important;
    height: 12px !important;
    background-color: var(--color-terracotta) !important;
  }

  body.hover-interactive .custom-cursor-follower {
    width: 54px !important;
    height: 54px !important;
    border-color: var(--color-terracotta) !important;
    background-color: rgba(200, 106, 75, .12) !important;
  }
}