/* cursor START */
* {
    cursor: none;
}

a, 
.btn,
a *, 
.btn * { 
    cursor: pointer; 
}

.is-mobile .cursor {
    display: none !important;
}

.is-mobile * {
    cursor: auto;
}

.cursor {
    aspect-ratio: 1;
    width: 1.5rem;
    pointer-events: none;
    position: fixed;
    transform: translate(-50%, -50%);
    z-index: 100;
    transition: width 0.2s ease-out, opacity 0.2s ease-out;
    /*mix-blend-mode: difference;*/
    opacity: 0.7;
}

.cursor.hidden {
    opacity: 0;
}

.cursor__item {
    aspect-ratio: 1/1;
    width: 100%;
    border-radius: 100%;
    background-color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.2s ease-out;

    background: linear-gradient(
        135deg,
        #3A5EFD 1%,
        #671CF5 22%,
        #D5566C 60%,
        #FE8C39 74%,
        #FFC933 97%
    );
}

.cursor__item:not(.active) {
    width: 0;
}

.cursor__video {
    aspect-ratio: 1/1;
    width: 14rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);   
    transition: width 0.2s ease-out;
}

.cursor__video:not(.active) {
    width: 0;
}

.cursor__drag {
    scale: 10;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);   
    transition: scale 0.2s ease-out;
}

.cursor__drag:not(.active) {
    width: 0;
}

.cursor__link {
    cursor: pointer;
}
/* cursor END */