.image-block { margin: 0; overflow: hidden; }
.image-block img { display: block; width: 100%; height: auto; object-fit: var(--image-fit, contain); }
.image-fit-cover img { --image-fit: cover; height: 100%; }
.image-aspect-square { aspect-ratio: 1; }
.image-aspect-portrait { aspect-ratio: 4 / 5; }
.image-aspect-landscape { aspect-ratio: 4 / 3; }
.image-aspect-wide { aspect-ratio: 16 / 9; }
.image-aspect-square img, .image-aspect-portrait img, .image-aspect-landscape img, .image-aspect-wide img { height: 100%; }
.image-radius-small { border-radius: 4px; }
.image-radius-medium { border-radius: 8px; }
.image-radius-large { border-radius: 20px; }
.image-block [data-lightbox] { cursor: zoom-in; }
.component-empty { min-height: 160px; display: grid; place-items: center; border: 1px dashed rgba(255,255,255,.3); color: var(--muted); }