.app-preloader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.app-preloader_fixed {
    position: fixed;
    z-index: 1000;
}
.app-preloader_prevent {
    pointer-events: auto;
}
.app-preloader__body {
    width: 54px;
    height: 91px;
    display: block;
    background: url(/local/templates/am/assets/images/preloader-body.svg) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%)
}
.app-preloader__shape {
    width: 48px;
    height: 45px;
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-animation: 4s linear infinite preloader-dummy-animation;
    animation: 4s linear infinite preloader-dummy-animation
}

.app-preloader__wave {
    content: '';
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    top: 30%;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.app-preloader__wave_forward {
    width: 228px;
    height: 48px;
    left: -20%;
    -webkit-animation-name: app-preloader-animation-forward;
    animation-name: app-preloader-animation-forward;
    z-index: 1;
    background-image: url(/local/templates/am/assets/images/preloader-wave_1.svg)
}

.app-preloader__wave_back {
    width: 228px;
    height: 52px;
    right: -20%;
    -webkit-animation-name: app-preloader-animation-back;
    animation-name: app-preloader-animation-back;
    background-image: url(/local/templates/am/assets/images/preloader-wave_2.svg);
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    top: 25%
}

@keyframes app-preloader-animation-forward {
    0% {
        left: -10%;
        top: 30%;
    }
    12% {
        left: -13%;
        top: 29%;
    }
    24% {
        left: -16%;
        top: 28%;
    }
    36% {
        left: -19%;
        top: 27%;
    }
    48% {
        left: -20%;
        top: 26%;
    }
    60% {
        left: -19%;
        top: 27%;
    }
    72% {
        left: -16%;
        top: 28%;
    }
    84% {
        left: -13%;
        top: 29%;
    }
    100% {
        left: -10%;
        top: 30%;
    }
}

@keyframes app-preloader-animation-back {
    0% {
        right: -20%;
        top: 25%;
    }
    12% {
        right: -23%;
        top: 24%;
    }
    24% {
        right: -26%;
        top: 23%;
    }
    36% {
        right: -29%;
        top: 22%;
    }
    48% {
        right: -30%;
        top: 21%;
    }
    60% {
        right: -29%;
        top: 22%;
    }
    72% {
        right: -26%;
        top: 23%;
    }
    84% {
        right: -23%;
        top: 24%;
    }
    100% {
        right: -20%;
        top: 25%;
    }
}