.c-cursor {
    --size: 15px;
    position: fixed;
    width: var(--size);
    height: var(--size);
    top: calc(var(--size)/-2);
    left: calc(var(--size)/-2);
    transform: translate(var(--cursor-x, -100px), var(--cursor-y, -100px)) translateZ(0);
    pointer-events: none;
    transition: none;
    z-index: 10000000;
    will-change: transform;
}
.is-debug .c-cursor {
    transition: all 0.2s ease-in-out;
}
.c-cursor__inner {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 1;
    border: 2px solid #ffffff;
    transition: all 0.15s ease-in-out;
    transform: scale(1) translateZ(0);
}
.c-cursor.is-clicked .c-cursor__inner {
    opacity: 0.5;
}
.c-cursor.is-hidden .c-cursor__inner {
    opacity: 0;
}
.c-cursor.is-link-hovered .c-cursor__inner {
    transform: scale(2.5) translateZ(0);
    background-color: rgba(0, 0, 0, 0.3);
    border: 1.2px solid #ffffff !important;
}
.has-custom-cursor,
.has-custom-cursor * {
    cursor: none !important;
}