.tile-group{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;gap:var(--m);padding:var(--m);max-width:1440px;margin:0 auto}.tile-container--mobile-1-col .tile-group{flex-direction:column;overflow-x:visible}.tile-container--mobile-1-col .tile-group .tile{width:100%;flex:none}.tile-container--mobile-2-col .tile-group{flex-wrap:wrap;overflow-x:visible}.tile-container--mobile-2-col .tile-group .tile{width:calc(50% - var(--m)/2);flex:none}.tile-container--mobile-3-col .tile-group{flex-wrap:wrap;overflow-x:visible}.tile-container--mobile-3-col .tile-group .tile{width:calc(33.333% - var(--m)*2/3);flex:none}.tile-group::-webkit-scrollbar{display:none}.tile-group .tile{flex:0 0 auto;width:60%;scroll-snap-align:start;text-align:center;border:var(--border);border-radius:var(--s);overflow:hidden}.tile-group .tile__image{position:relative;height:0;width:100%;padding-bottom:100%;overflow:hidden}.tile-group .tile__image img{position:absolute;height:100%;width:100%;top:0;left:0;object-fit:cover;object-position:center center}.tile-group .tile .copy{gap:var(--s);padding:var(--xl) var(--s);height:100%}.tile-group .tile .copy p{font-size:var(--size-p-small);margin-bottom:var(--s)}.tile-group .tile .button{font-size:.75rem;border-radius:var(--xl)!important}.tile-group .tile .promo-strip{height:4px;width:100%;display:block;background:var(--promo-color)}@media (min-width: 768px){.tile-group{flex-wrap:wrap;overflow-x:visible;justify-content:center;padding:var(--xl) var(--m)}.tile-container--desktop-1-col .tile-group{flex-direction:column}.tile-container--desktop-1-col .tile-group .tile{width:100%;max-width:600px}.tile-container--desktop-2-col .tile-group{flex-direction:row}.tile-container--desktop-2-col .tile-group .tile{width:calc(50% - var(--m)/2);max-width:none}.tile-container--desktop-3-col .tile-group{flex-direction:row}.tile-container--desktop-3-col .tile-group .tile{width:calc(33.333% - var(--m)*2/3);max-width:none}.tile-container--desktop-4-col .tile-group{flex-direction:row}.tile-container--desktop-4-col .tile-group .tile{width:calc(25% - var(--m)*3/4);max-width:none}.tile-group .tile{flex:1 1 auto;width:100%;max-width:380px}.tile-group .tile .copy p{font-size:1rem}.tile-group .tile .button{margin-top:var(--m)}.tile-group .tile:hover .button{background:#fff;border-color:#000;color:#000}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-intus-tiles.css.map */