.rv-media-footer {
    padding: 10px;
    text-align: right;
    border-top: var(--bb-border-width) var(--bb-border-style) var(--bb-border-color);
}

// Status bar summarising the current folder (counts + total size).
.rv-media-status-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-shrink: 0;
    gap: 4px 16px;
    padding: 8px 12px;
    font-size: 12px;
    color: var(--bb-secondary);
    border-top: var(--bb-border-width) var(--bb-border-style) var(--bb-border-color);

    .rv-media-status-bar-item {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        white-space: nowrap;
    }

    svg,
    i {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }
}