@keyframes gg-bar {
    10% {box-shadow: inset #76a8e0 0 -0.33em 0}
    30% {box-shadow: inset #fa85ae 0 -0.83em 0}
    60% {box-shadow: inset #ffde52 0 -0.50em 0}
    80% {box-shadow: inset #ffde52 0 -0.67em 0}
    to {box-shadow: inset #fa85ae 0 -0.17em 0}
}

.gg-loadbar-sound,
.gg-loadbar-sound::after,
.gg-loadbar-sound::before {
    display: block;
    box-sizing: border-box;
    width: 0.5em;
    height: 1.25em;
    box-shadow: inset #76a8e0 0 -1em 0;
    animation: gg-bar 1.3s ease infinite alternate;
}

.gg-loadbar-sound {
    font-size: 2em;
    position: relative;
    transform: scale(var(--ggs,1)) translateX(-0.25em);
}

.gg-loadbar-sound::after,
.gg-loadbar-sound::before {
    content: "";
    position: absolute;
    bottom: 0
}

.gg-loadbar-sound::before {
    left: -0.6em;
    animation-delay: -2.4s
}

.gg-loadbar-sound::after {
    right: -0.6em;
    animation-delay: -3.7s
}