/* Desktop cursor overlay. JavaScript enables it only for a mouse and with motion allowed. */
html.art-cursor,
html.art-cursor * {
  cursor: none !important;
}
.cursor-dot,
.cursor-ring,
.cursor-trail {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1000;
  will-change: transform;
  opacity: 0;
  transition: opacity 0.15s;
}
.cursor-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--cursor-sea);
  margin: -3px;
}
.cursor-ring {
  width: 32px;
  height: 32px;
  border: 1px solid var(--cursor-sea);
  border-radius: 50%;
  margin: -16px;
  transition:
    width 0.18s,
    height 0.18s,
    margin 0.18s,
    border-color 0.18s,
    background 0.18s,
    opacity 0.15s;
}
.cursor-ring.over {
  width: 46px;
  height: 46px;
  margin: -23px;
  border-color: var(--cursor-terracotta);
  background: #b75b3812;
}
.cursor-ring.down {
  width: 24px;
  height: 24px;
  margin: -12px;
}
.cursor-trail {
  width: 3px;
  height: 3px;
  margin: -1.5px;
  border-radius: 50%;
  background: var(--cursor-sea);
}