img[data-site-theme-image] {
    transition: filter .22s ease, background-color .22s ease, box-shadow .22s ease;
}

html[data-portal-theme="dark"] img[data-site-theme-image="photo"] {
    filter: brightness(.84) saturate(.9) contrast(1.08);
}

html[data-portal-theme="dark"] img[data-site-theme-image="illustration"] {
    filter: brightness(.9) saturate(.94) contrast(1.1);
}

html[data-portal-theme="dark"] img[data-site-theme-image="icon"] {
    filter: brightness(1.16) saturate(.96) contrast(1.1) drop-shadow(0 1px 2px rgba(255, 255, 255, .14));
}

html[data-portal-theme="dark"] img[data-site-theme-image="logo"] {
    background-color: rgba(255, 255, 255, .96);
    border-radius: 6px;
    box-shadow:
        0 0 0 4px rgba(255, 255, 255, .96),
        0 8px 22px rgba(0, 0, 0, .2);
    filter: saturate(.96) contrast(1.04);
}

html[data-portal-theme="dark"] img[data-site-theme-image="navigation"] {
    filter: brightness(0) invert(1);
}

@media (prefers-reduced-motion: reduce) {
    img[data-site-theme-image] {
        transition: none;
    }
}