html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

@media (hover: hover) and (pointer: fine) {

    .cursor-follower {
        position: fixed;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: currentColor;
        pointer-events: none;
        z-index: 99999;
        transform: translate(-50%, -50%);
        opacity: .6;
        mix-blend-mode: difference;
    }

    .cursor-follower.hover {
        width: 20px;
        height: 20px;
        transition: .2s ease;
    }
}

.cursor-dot {
    width: 6px;
    height: 6px;
    background: #fff;
}

.cursor-outline {
    width: 28px;
    height: 28px;
    border: 1px solid rgba(255,255,255,.5);
}