* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none !important;
    box-shadow: none !important;
}
/*body {
    width: 100%;*/
    /*font-family: 'Instrument Sans', sans-serif !important;*/
    /*font-size: 16px;
    color: #333
}*/

.loader-div {
    width: 100%;
    height: 100vh;
    background-color: rgb(0 0 0 / 73%);
    z-index: 99999;
    position: fixed;
    /* display: none; */
    overflow: hidden;
}

.loader-div-container {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.loader {
    width: 35px;
    height: 80px;
    position: relative;
}

    .loader:before {
        content: "";
        position: absolute;
        inset: 0 0 20px;
        padding: 1px;
        background: conic-gradient(from -90deg at calc(100% - 3px) 3px,#7e3c26 135deg,#341612 0 270deg,#0000 0), conic-gradient(from 0deg at 3px calc(100% - 3px),#0000 90deg,#341612 0 225deg,#7e3c26 0), #54281f;
        background-size: 17px 17px;
        background-clip: content-box;
        --c: no-repeat linear-gradient(#000 0 0);
        -webkit-mask: var(--c) 0 0, var(--c) 17px 0, var(--c) 0 17px, var(--c) 17px 17px, var(--c) 0 34px, var(--c) 17px 34px, linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        animation: l6 3s infinite;
    }

    .loader:after {
        content: "";
        position: absolute;
        inset: 60% 0 0;
        background: #B21B01;
        border-top: 5px solid #c9c7c5;
    }

@keyframes l6 {
    0%,14% {
        -webkit-mask-size: 0 0,0 0,0 0,0 0,0 0,0 0,auto
    }

    15%,29% {
        -webkit-mask-size: 17px 17px,0 0,0 0,0 0,0 0,0 0,auto
    }

    30%,44% {
        -webkit-mask-size: 17px 17px,17px 17px,0 0,0 0,0 0,0 0,auto
    }

    45%,59% {
        -webkit-mask-size: 17px 17px,17px 17px,17px 17px,0 0,0 0,0 0,auto
    }

    60%,74% {
        -webkit-mask-size: 17px 17px,17px 17px,17px 17px,17px 17px,0 0,0 0,auto
    }

    75%,89% {
        -webkit-mask-size: 17px 17px,17px 17px,17px 17px,17px 17px,17px 17px,0 0,auto
    }

    90%, 100% {
        -webkit-mask-size: 17px 17px,17px 17px,17px 17px,17px 17px,17px 17px,17px 17px,auto
    }
}