.mosaic{align-self:center;display:grid;grid-auto-rows:25vw;position:relative;width:100%;grid-gap:.5em;grid-auto-flow:dense}.mosaic.zoom .mosaic-item{cursor:zoom-in!important}.mosaic-enter-active,.mosaic-leave-active,.mosaic-move{transition:all var(--transition)}.mosaic-enter-from,.mosaic-leave-to{opacity:0;transform:translateY(1rem)}.mosaic-leave-active{position:absolute}.mosaic-offset-1{grid-column:1/1}.mosaic-offset-2{grid-column:3/3}@media (min-width:480px){.mosaic{grid-auto-rows:12vw;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.mosaic{grid-auto-rows:10vw;grid-template-columns:repeat(3,1fr)}}@media (min-width:1600px){.mosaic{grid-auto-rows:8vw;grid-template-columns:repeat(4,1fr)}}.mosaic-lightbox{background:#000;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--transition);z-index:100}.mosaic .mosaic-item{height:auto;-o-object-fit:cover;object-fit:cover;overflow:hidden;position:relative;width:100%}.mosaic .mosaic-item:hover{z-index:110}.mosaic .mosaic-item.landscape,.mosaic .mosaic-item.square{grid-column:span 1;grid-row:span 2}.mosaic .mosaic-item.portrait{grid-column:span 1;grid-row:span 3}.mosaic .mosaic-item.has-caption{cursor:pointer}.mosaic .mosaic-item .item-image{height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.mosaic .mosaic-item .item-overlay{align-items:flex-end;background:#000c;border-radius:var(--br-md);color:#fff;display:flex;top:0;right:0;bottom:0;left:0;opacity:0;padding:1rem;position:absolute;transition:opacity var(--transition)}.mosaic .mosaic-item .item-overlay-caption{font-size:1rem;height:-moz-fit-content;height:fit-content;transform:translateY(3rem);transition:transform var(--transition)}.mosaic .mosaic-item .item-overlay:focus,.mosaic .mosaic-item .item-overlay:hover{opacity:1}.mosaic .mosaic-item .item-overlay:focus .item-overlay-caption,.mosaic .mosaic-item .item-overlay:hover .item-overlay-caption{transform:none}