.loader-box {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999999999999999999999999;
    background: #0000002e;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(4px);
    cursor: help;
}

.loader {
    width: 45px;
    height: 40px;
    background:
        linear-gradient(
            #0000 calc(1 * 100% / 6),
            #fff 0 calc(3 * 100% / 6),
            #0000 0
        ),
        linear-gradient(
            #0000 calc(2 * 100% / 6),
            #fff 0 calc(4 * 100% / 6),
            #0000 0
        ),
        linear-gradient(
            #0000 calc(3 * 100% / 6),
            #fff 0 calc(5 * 100% / 6),
            #0000 0
        );
    background-size: 10px 400%;
    background-repeat: no-repeat;
    animation: matrix 1s infinite linear;
}

@keyframes matrix {
    0% {
        background-position:
            0% 100%,
            50% 100%,
            100% 100%;
    }

    100% {
        background-position:
            0% 0%,
            50% 0%,
            100% 0%;
    }
}