.photo{aspect-ratio:var(--photo-ratio,3 / 2);background-color:#0d0d0d;background-position:50%;background-size:cover;display:block;position:relative;overflow:hidden}.photo--fill{aspect-ratio:auto;position:absolute;inset:0}.photo picture,.photo img{width:100%;height:100%}.photo img{object-fit:cover;opacity:0;transition:opacity .6s}.photo--contain{background-color:#0000}.photo--contain img{object-fit:contain}.photo.is-loaded img{opacity:1}.photo.is-failed img{visibility:hidden}.photo--empty,.photo.is-failed{background:linear-gradient(135deg,#0e0e0e,#161616);place-items:center;display:grid}.photo--empty:not(.photo--fill){aspect-ratio:3/2}.photo__icon{color:#ffffff2e;width:32px;height:32px;margin:auto;position:absolute;inset:0}