#map { height: 20rem; }

#history-map {
    height: 36rem;
    min-height: 24rem;
}

#alert-menu {
    min-width: min(22rem, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
}

.app-sidebar {
    color: var(--bs-accordion-btn-focus-border-color);
    background: #000;
}

.data-list {
    min-height: 10rem;
}

.data-list-empty {
    padding: 2.5rem 1rem;
}

.data-list-sort {
    display: inline-flex;
    gap: .5rem;
    align-items: center;
    padding: 0;
    color: inherit;
    font: inherit;
    font-weight: 700;
    background: none;
    border: 0;
}

.data-list-sort[data-sort-direction="asc"] .fa-sort::before {
    content: "\f0de";
}

.data-list-sort[data-sort-direction="desc"] .fa-sort::before {
    content: "\f0dd";
}

.data-list-actions {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
}

.local-video-thumbnail {
    width: 8rem;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    color: transparent;
    background: var(--bs-gray-200);
    border-radius: .25rem;
}

.local-video-player {
    display: block;
    width: 100%;
    max-height: 70vh;
    background: #000;
}