.overlay {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 1;
    transition: opacity 0.6s, visibility 0s;
    visibility: visible;
    background-color: rgba(8, 43, 57, 0.1);
}
.overlay {
    display: table;
}

.overlay > .wrapper {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.overlay .indicator {
    -webkit-animation: e 2s ease-in infinite;
    animation: e 2s ease-in infinite;
    background: url("data:image/svg+xml;charset=utf-8, %3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20style%3D%22%22%20xml%3Aspace%3D%22preserve%22%20height%3D%22100%25%22%20width%3D%22100%25%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.302%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23000000%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Rectangle_3_copy_3%22%20class%3D%22st0%22%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%228%22%20y%3D%228%22%20class%3D%22st1%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Rectangle_2_copy_13%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M23%2C7H9C7.9%2C7%2C7%2C7.9%2C7%2C9v14c0%2C1.1%2C0.9%2C2%2C2%2C2h14c1.1%2C0%2C2-0.9%2C2-2V9C25%2C7.9%2C24.1%2C7%2C23%2C7z%20M23%2C23H9V9h14V23z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E")
    no-repeat 50%;
    display: inline-block;
    height: 2em;
    margin: 0.2em;
    width: 2em;
}

@-webkit-keyframes e {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    20% {
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
}

@keyframes e {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    20% {
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(3);
        transform: scale(3);
    }
}

.overlay .indicator:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.overlay .indicator:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.overlay .indicator:nth-child(3) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}