.collection-tiles{padding:3rem 0;background-color:var(--white-color, #ffffff)}.collection-tiles__container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.collection-tiles__heading{font-family:var(--font-stack-header, "Instrument Sans", sans-serif);font-style:var(--font-style-header, normal);font-weight:var(--font-weight-header, 700);font-size:calc(var(--font-h3-mobile, 26) * 1px);line-height:var(--heading-line-height, 1);color:var(--color-text, #26282c);text-align:center;margin-bottom:2rem}@media(min-width:750px){.collection-tiles__heading{font-size:calc(var(--font-h3-desktop, 32) * 1px)}}.collection-tiles__grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media(min-width:750px){.collection-tiles__grid--1{grid-template-columns:repeat(1,1fr)}.collection-tiles__grid--2{grid-template-columns:repeat(2,1fr)}.collection-tiles__grid--3{grid-template-columns:repeat(3,1fr)}.collection-tiles__grid--4{grid-template-columns:repeat(4,1fr)}.collection-tiles__grid--5{grid-template-columns:repeat(5,1fr)}.collection-tiles__grid--6{grid-template-columns:repeat(6,1fr)}.collection-tiles__grid--7{grid-template-columns:repeat(7,1fr)}.collection-tiles__grid--8{grid-template-columns:repeat(8,1fr)}}.collection-tiles__tile{display:flex;flex-direction:column;align-items:center;gap:.625rem;text-decoration:none;color:var(--color-text, #26282c);transition:transform .2s ease}.collection-tiles__tile:hover{transform:translateY(-3px)}.collection-tiles__image-wrapper{width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background-color:var(--color-blankstate-background, rgba(38, 40, 44, .1))}.collection-tiles__image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.collection-tiles__tile:hover .collection-tiles__image{transform:scale(1.05)}.collection-tiles__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-blankstate, rgba(38, 40, 44, .35))}.collection-tiles__image-placeholder svg{width:50%;height:50%}.collection-tiles__label{font-family:var(--font-stack-navigation, "Instrument Sans", sans-serif);font-weight:var(--font-weight-navigation, 600);font-size:calc(var(--font-size-navigation, 16) * 1px - 2px);color:var(--color-text, #26282c);text-align:center}@media(max-width:749px){.collection-tiles__grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.collection-tiles__label{font-size:calc(var(--font-size-navigation, 16) * 1px - 4px)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-collection-tiles.css.map */