.template {
    display: none;
}

[data-c-lazy-placeholder]:not([data-c-lazy-placeholder-state=pending]) [data-c-lazy-event] [role=status] {
    display: none;
}

.accordion-no-controls .accordion-button:not(.collapsed)::after,
.accordion-no-controls .accordion-button::after {
    background-image: unset !important;
    width: 0;
}

:disabled .enabled-only {
    display: none;
}

.accordion-collapse {
    border-left: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    border-right: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion {
    overflow: hidden;
}

.c-accordion-striped .accordion-item:nth-child(even) .accordion-button {
    background-color: var(--bs-primary-bg-subtle);
}

    .c-accordion-striped .accordion-item:nth-child(even) .accordion-button:not(.collapsed) {
        background-color: var(--bs-accordion-active-bg);
    }

.c-channel-photo {
    -ms-flex: 0 0 2.5em;
    flex: 0 0 2.5em;
    padding: 0;
}

    .c-channel-photo img {
        width: 2.5em;
        height: 2.5em;
    }

.c-message-media {
    height: 20em;
}

.c-message-header-date {
    -ms-flex: 0 0 7.5em;
    flex: 0 0 7.5em;
    text-align: right;
}

.c-message-header-source-count {
    -ms-flex: 0 0 3.5em;
    flex: 0 0 3.5em;
}

    .c-message-header-source-count .c-source-count {
        color: #fff !important;
        background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1));
    }

[data-c-sort-id=date] .c-message-header-source-count .c-source-count-one {
    opacity: 0;
}

[data-c-sort-id=date] .c-message-header-source-count .c-source-count-few {
    color: #fff !important;
    background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important;
}

[data-c-sort-id=date] .c-message-header-source-count .c-source-count-some {
    color: #fff !important;
    background-color: lch(
        from RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1)) calc(l - 40) c h
    ) !important;
}

[data-c-sort-id=date] .c-message-header-source-count .c-source-count-many {
    color: #fff !important;
    background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1)) !important;
}

.c-message-header-media {
    -ms-flex: 0 0 10em;
    flex: 0 0 10em;
    max-height: 5em;
    min-height: 5em;
    padding: 0;
    margin: calc(var(--bs-accordion-btn-padding-y)*-1) 0;
}
.c-message-header-media:has(.c-loaded) {
    background-color: black;
}

    .c-message-header-media img {
        object-fit: contain;
        max-width: 10em;
        max-height: 5em;
    }