/*********************************************
 * Follower Style
**********************************************/
[data-mouse-follower] {
    --mouse-size:69px;
    display:flex;align-items:center;justify-content:center;
    width:var(--mouse-size);height:var(--mouse-size);
    border:1px solid var(--vii-color-white);border-radius:50%;
    pointer-events:none;user-select:none;
    opacity:0;visibility:hidden;z-index:-2;
    mix-blend-mode:difference;
}
[data-mouse-follower] span {
    width:max-content;
    position:absolute;
    top:50%;left:calc(100% + 8px);
    transform:translateY(-50%);
    color:var(--vii-color-white);
}
[data-mouse-follower]::before {
    content:"";
    display:block;width:9px;height:9px;
    background-color:var(--vii-color-white);border-radius:50%;
}
[data-mouse-follower].follower--active {opacity:1;visibility:visible;z-index:2;}


/*********************************************
 * Responsive Follower Style
**********************************************/
@media only screen and (min-width:1700px) {
    [data-mouse-follower] {
        --mouse-size:3.6vw;
    }
}
@media only screen and (max-width:1024px) {
    [data-mouse-follower] {display:none;}
}