.mosaic-container{container-type:inline-size}.mosaic-layout{--mosaic-columns:2;--mosaic-gap:1rem;--mosaic-unit:calc((100cqw - (var(--mosaic-columns) - 1) * var(--mosaic-gap)) / var(--mosaic-columns) / 12);height:var(--mosaic-height-2);position:relative}.mosaic-cell{--pin-x:var(--pin-x-2);--pin-y:var(--pin-y-2);--pin-row:var(--pin-row-2);height:calc(var(--pin-height) * var(--mosaic-unit));content-visibility:auto;width:calc((100% - (var(--mosaic-columns) - 1) * var(--mosaic-gap)) / var(--mosaic-columns));left:calc(var(--pin-x) * (100% + var(--mosaic-gap)) / var(--mosaic-columns));top:calc(var(--pin-y) * var(--mosaic-unit) + var(--pin-row) * var(--mosaic-gap));position:absolute}.mosaic-cell:focus-within{content-visibility:visible}@media (hover:hover){.mosaic-cell:hover{content-visibility:visible}}@media (width>=640px){.mosaic-layout{--mosaic-columns:3;--mosaic-gap:1.25rem;height:var(--mosaic-height-3)}.mosaic-cell{--pin-x:var(--pin-x-3);--pin-y:var(--pin-y-3);--pin-row:var(--pin-row-3)}}@media (width>=1024px){.mosaic-layout{--mosaic-columns:4;height:var(--mosaic-height-4)}.mosaic-cell{--pin-x:var(--pin-x-4);--pin-y:var(--pin-y-4);--pin-row:var(--pin-row-4)}}@media (width>=1536px){.mosaic-layout{--mosaic-columns:5;height:var(--mosaic-height-5)}.mosaic-cell{--pin-x:var(--pin-x-5);--pin-y:var(--pin-y-5);--pin-row:var(--pin-row-5)}}