/*
    ActivityAudioStorage
*/

.activity.audio-storage {
    padding-bottom: 20rem;
    overflow-y: auto;
    min-height: 100%;
}

.activity.audio-storage > .title {
    margin-top: 3rem;
}

.activity.audio-storage > .listview {
    --listview-head-item-width: 12rem;
    --listview-head-item-height: 3rem;
    --listview-head-item-buttons-size: 7rem;
    --listview-list-item-width: 12rem;
    --listview-list-item-height: 9rem;
    --listview-list-item-buttons-size: 7rem;
    box-shadow: 0 0 4rem rgba(0,0,0,0.1);
    width: calc(
        2 * var(--listview-padding)
        + (var(--listview-num-items-per-row) - 1) * var(--listview-padding)
        + var(--listview-num-items-per-row) * var(--listview-list-item-width)
    );
}