body #magicMouseCursor {
    position: fixed;
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 9999;
    left: 0;
    top: 0;
    transition: transform 0.07s, width 0.3s, height 0.3s;
    pointer-events: none;
}

body #magicMouseCursor.cursor-square {
    border-radius: 0;
}

body #magicPointer {
    height: 5px;
    width: 5px;
    top: 0;
    left: 0;
    position: fixed;
    background: #fff;
    border-radius: 50%;
    pointer-events: none;
    transition: background 0.2s, width 0.2s, height 0.2s, box-shadow 0.2s;
}

body #magicPointer.is-hover {
    background: red;
}

body #magicPointer.pointer-blur {
    height: 50px;
    width: 50px;
    background: none;
    border: 1px solid #fff;
    box-shadow: 0px 0px 15px -5px white;
}

body #magicPointer.pointer-overlay {
    height: 50px;
    width: 50px;
    mix-blend-mode: difference;
    box-shadow: 0px 0px 15px -5px white;
}

body .magic-hover {
    transition: all 0.2s;
}

body .magic-hover:hover {
    cursor: none;
}