.Audio {
    padding: 0;
    margin: 0;
    align-items: center;
    flex-grow: 0;
    flex-wrap: wrap;
    display: flex;


    .ak-icon {
        padding: 10px;
        line-height: 1em;
        color: rgb(191, 191, 191);
        cursor: pointer;
    }

    &.playing {
        .fa-play {
            color: #DBB41A;
        }
    }
    &.paused {
        .fa-pause {
            color: #DBB41A;
        }
    }
    &.empty {
        opacity: 0.5;
    }

    .Audio-Controls {
        @media (max-width: 768px) {
            flex: 0 0 auto;
        }
    }

    .Audio-Progress {
        flex-basis: 100%;
        background-color: grey;
        width: 100%;
        flex-shrink: 0;
        cursor: pointer;
    }
    .Audio-Title {
        margin: 0 25px;
    }
    .Audio-Time {
        min-width: 50px;
        text-align: right;
        display: inline-block;
        flex: 1;
        padding: 8.5px;
        color: silver;
        line-height: 1em;
    }
}