.fa-sm {
    font-size:0.63em;
}


.sidebar-logos {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.4); /* Semi-transparent background, adjust as needed */
    text-align: center;
}

.sidebar-logos img {
    margin: 5px;
}


     /* Custom breakpoint for screens larger than 1920px (you can adjust the value as needed) */
@media (min-width: 1920px) {
    .col-xxxl-1 {
        flex: 0 0 auto;
        width: 8.33%; /* 1/12th of the width */
    }
    .col-xxxl-2 {
        flex: 0 0 auto;
        width: 16.66%; /* 2/12th of the width */
    }
    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%; /* 3/12th of the width */
    }
    .col-xxxl-4 {
        flex: 0 0 auto;
        width: 33.33%; /* 4/12th of the width */
    }
    .col-xxxl-6 {
        flex: 0 0 auto;
        width: 50%; /* 6/12th of the width */
    }
}


.identity-card-img {
    height: 200px;
}

.archive-card.has-bg {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
}

.media-type-video-badge {
    position: absolute;
    right: .45rem;
    bottom: .45rem;
    z-index: 4;
    display: inline-grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, .72);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .65);
    pointer-events: none;
}

.bbox-preview-frame .bbox-image-area,
.observation-preview .observation-image-area {
    transition: opacity .15s ease;
}

.bbox-preview-frame.is-motion-playing .bbox-image-area,
.observation-preview.is-motion-playing .observation-image-area {
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
    .bbox-preview-frame .bbox-image-area,
    .observation-preview .observation-image-area {
        transition: none;
    }
}

.archive-card.has-bg {
    background-image:
        linear-gradient(
            to left,
            rgba(var(--bs-body-bg-rgb), 0.7),
            rgba(var(--bs-body-bg-rgb), 1)
        ),
        var(--archive-bg);
}