/* Shared empty-image treatment. Existing image elements, classes and links stay intact. */
:where(.media-placeholder) {
    position: relative;
    display: inline-block;
    background-color: var(--gray-100);
}

.media-placeholder-image {
    background-color: var(--gray-100);
}

.media-placeholder::after {
    content: "\f03e";
    content: "\f03e" / "";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gray-300);
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: var(--placeholder-icon-size, 48px);
    font-style: normal;
    line-height: 1;
    pointer-events: none;
}

.media-placeholder[data-placeholder-kind="institution"]::after {
    content: "\f1ad";
    content: "\f1ad" / "";
}

.media-placeholder[data-placeholder-kind="person"]::after {
    content: "\f007";
    content: "\f007" / "";
}