body #magicMouseCursor,
body #magicPointer {
    top: 0;
    left: 0;
    position: fixed;
    pointer-events: none
}

body #magicMouseCursor {
    width: 35px;
    height: 35px;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 9999;
    transition: transform 70ms, width .3s, height .3s
}

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

body #magicPointer {
    height: 5px;
    width: 5px;
    background: #fff;
    border-radius: 50%;
    transition: background .2s, width .2s, height .2s, box-shadow .2s
}

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

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

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

body .magic-hover {
    transition: .2s
}

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