@import '../../scss/nestings';

.preloader {
    &__line,
    &__icon {
        background-size: 600px;
    }
    &__icon {
        width: 120px;
        height: 120px;
        margin-bottom: 12px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 199%;
        background-color: $gray-lightest;
        animation: blinking 1.6s infinite ease;
    }
    &__body {
        width: 100%;
    }
    &__line {
        height: 14px;
        width: 40%;
        margin-left: auto;
        margin-right: auto;
        border-radius: 8px;
        margin-bottom: 12px;
        background-color: $gray-lightest;
        animation: blinking 1.6s infinite ease;
        &:nth-child(even) {
            width: 35%;
        }
    }
}

@keyframes blinking {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}