.everlib-logo {
    cursor: pointer;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.6rem;
    --equalizer-height: 14px;
}

.everlib-logo .everlib-logo-first-bar,
.everlib-logo .everlib-logo-second-bar,
.everlib-logo .everlib-logo-third-bar,
.everlib-logo .everlib-logo-fourth-bar {
    display: inline-block;
    width: .12rem;
    padding: 0;
    transition: 0.5s;
    animation: equalize 4s 0s infinite;
    animation-timing-function: linear;
    vertical-align: top;
    background: #ffffff;
    border-radius: 1rem;
    margin: 0 3px;
}

.everlib-logo .everlib-logo-first-bar {
    height: 40px;
    transition: 0.5s;
    animation-delay: -1.9s;
}

.everlib-logo .everlib-logo-second-bar {
    height: 48px;
    animation-delay: -2.9s;
}

.everlib-logo .everlib-logo-third-bar {
    height: 44px;
    animation-delay: -3.9s;
}

.everlib-logo .everlib-logo-fourth-bar {
    height: 36px;
    animation-delay: -4.9s;
}

@keyframes equalize {
    0% {
        height: calc(48px - var(--equalizer-height));
    }
    4% {
        height: calc(42px - var(--equalizer-height));
    }
    8% {
        height: calc(40px - var(--equalizer-height));
    }
    12% {
        height: calc(30px - var(--equalizer-height));
    }
    16% {
        height: calc(20px - var(--equalizer-height));
    }
    20% {
        height: calc(30px - var(--equalizer-height));
    }
    24% {
        height: calc(40px - var(--equalizer-height));
    }
    28% {
        height: calc(10px - var(--equalizer-height));
    }
    32% {
        height: calc(40px - var(--equalizer-height));
    }
    36% {
        height: calc(48px - var(--equalizer-height));
    }
    40% {
        height: calc(20px - var(--equalizer-height));
    }
    44% {
        height: calc(40px - var(--equalizer-height));
    }
    48% {
        height: calc(48px - var(--equalizer-height));
    }
    52% {
        height: calc(30px - var(--equalizer-height));
    }
    56% {
        height: calc(10px - var(--equalizer-height));
    }
    60% {
        height: calc(30px - var(--equalizer-height));
    }
    64% {
        height: calc(48px - var(--equalizer-height));
    }
    68% {
        height: calc(30px - var(--equalizer-height));
    }
    72% {
        height: calc(48px - var(--equalizer-height));
    }
    76% {
        height: calc(20px - var(--equalizer-height));
    }
    80% {
        height: calc(48px - var(--equalizer-height));
    }
    84% {
        height: calc(38px - var(--equalizer-height));
    }
    88% {
        height: calc(48px - var(--equalizer-height));
    }
    92% {
        height: calc(20px - var(--equalizer-height));
    }
    96% {
        height: calc(48px - var(--equalizer-height));
    }
    100% {
        height: calc(48px - var(--equalizer-height));
    }
}