@charset "utf-8";

.player_loader {
    background-color: #000;
    border-radius: 10px;
    font-size: 0;
    height: 60px;
    margin: 140px auto;
    opacity: .7;
    padding: 20px;
    text-align: center;
    width: 60px;
}

.player_loader > div:not(:first-child) {
    margin-left: 4px;
}

.player_loader > div {
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
    background-color: #fff;
    display: inline-block;
    height: 100%;
    width: 6px;
}

.player_loader .fig2 {
    animation-delay: -1s;
}

.player_loader .fig3 {
    animation-delay: -.8s;
}

.player_loader .fig4 {
    animation-delay: -.6s;
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(.5);
    }

    20% {
        transform: scaleY(1);
    }
}