.image-grid.svelte-1pxip3d{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:150px;grid-auto-flow:dense;gap:16px;margin-top:16px}.image-tile.svelte-1pxip3d{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.image-tile.small.svelte-1pxip3d{grid-column:span 1;grid-row:span 1}.image-tile.medium.svelte-1pxip3d{grid-column:span 2;grid-row:span 1}.image-tile.large.svelte-1pxip3d{grid-column:span 2;grid-row:span 2}.image-container.svelte-1pxip3d{width:100%;height:100%;position:relative}.image-container.svelte-1pxip3d img:where(.svelte-1pxip3d){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-overlay.svelte-1pxip3d{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-tile.svelte-1pxip3d:hover .image-overlay:where(.svelte-1pxip3d){opacity:1}