body {
  cursor:
    url("../assets/cursors/default.svg") 0 0,
    url("../assets/cursors/default.png") 0 0,
    auto;
}

a,
body a,
body .button,
body .filter label,
body .form-field-select,
body .accordion-header,
body .menu-mobile-overlay-accordion-item-header {
  cursor:
    url("../assets/cursors/pointer.svg") 10 0,
    url("../assets/cursors/pointer.png") 10 0,
    pointer;
}

body input[type="text"],
body input[type="email"],
body input[type="password"],
body input[type="search"],
body input[type="tel"],
body input[type="url"],
body input[type="number"],
body textarea,
body input:focus,
body [contenteditable="true"] {
  cursor:
    url("../assets/cursors/text.svg") 8 16,
    url("../assets/cursors/text.png") 8 16,
    text;
}

html.socion-js-cursor-active,
html.socion-js-cursor-active body,
html.socion-js-cursor-active body * {
  cursor: none !important;
}

#socion-js-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  pointer-events: none;
  z-index: 2147483647;
  opacity: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
  transform: translate(-9999px, -9999px);
  will-change: transform;
}

#socion-js-cursor.is-visible {
  opacity: 1;
}