:where(.c-base-image__container){position:absolute;inset:0;background:color-mix(in srgb,var(--theme-colors-primary-DEFAULT) 100%,transparent);transition:background .3s ease}:where(.c-base-image__container).is-loaded{background:color-mix(in srgb,var(--theme-colors-primary-DEFAULT) 20%,transparent)}:where(.c-base-image__container) .c-base-image{height:100%;width:100%;object-fit:cover;opacity:0;transition-property:opacity;transition-duration:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.c-base-image__container--contain .c-base-image{object-fit:contain}.c-base-image__svg svg{max-height:100%;max-width:100%}