.image-masonry{position:relative;background-color:var(--color-background);color:var(--color-text)}.image-masonry__container{max-width:100%}.image-masonry__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem;flex-wrap:wrap}.image-masonry__title{font-family:var(--typeHeaderPrimary);font-weight:700;margin:0}.image-masonry__cta{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--typeBasePrimary);font-size:1rem;line-height:1.2;font-weight:600;padding:.25rem 0;color:currentColor;text-decoration:none;transition:opacity .3s ease}.image-masonry__cta:hover{opacity:.7}.image-masonry__cta:focus{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.image-masonry__cta:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px}.image-masonry__cta:focus:not(:focus-visible){outline:none}.image-masonry__cta svg{width:1rem;height:1rem}.image-masonry__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:.5rem;grid-auto-flow:dense}@media only screen and (min-width:768px){.image-masonry__grid{grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;gap:.5rem;grid-auto-flow:column}}.image-masonry__item{position:relative;overflow:hidden;border-radius:var(--radius-secondary);aspect-ratio:1 / 1;grid-column:span 1;grid-row:span 1}.image-masonry__item:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.image-masonry__item:nth-child(6n+3){grid-column:span 2;grid-row:span 2}@media only screen and (min-width:768px){.image-masonry__item:nth-child(6n+3){grid-column:span 2;grid-row:span 2}}.image-masonry__link{display:block;width:100%;height:100%;position:relative;border-radius:var(--radius-secondary)}.image-masonry__link:focus{outline:none}.image-masonry__link:focus-visible{outline:none}.image-masonry__icon-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-masonry__icon-overlay svg{width:2rem;height:2rem;transform:scale(0);transition:transform .3s ease}.image-masonry__item:hover .image-masonry__icon-overlay,.image-masonry__link:focus .image-masonry__icon-overlay,.image-masonry__link:focus-visible .image-masonry__icon-overlay{opacity:1}.image-masonry__item:hover .image-masonry__icon-overlay svg,.image-masonry__link:focus .image-masonry__icon-overlay svg,.image-masonry__link:focus-visible .image-masonry__icon-overlay svg{transform:scale(1)}@media(pointer:coarse){.image-masonry__icon-overlay,.image-masonry__icon-overlay svg{transition:none;display:none}}.image-masonry__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-masonry__empty-state{text-align:center;padding:4rem 2rem;color:#00000080}
/*# sourceMappingURL=/cdn/shop/t/341/assets/section-image-masonry.css.map */