.dana-btiles__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--dana-space-4);margin-block-end:var(--dana-space-8)}.dana-btiles__header .dana-eyebrow{margin-block-end:var(--dana-space-2)}.dana-btiles__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--dana-btiles-cols, 6),1fr);gap:var(--dana-space-4)}.dana-btiles__link{display:grid;gap:var(--dana-space-1);justify-items:center;text-align:center;color:inherit;text-decoration:none}.dana-btiles__media{display:block;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#fff;border-radius:50%;border:var(--dana-hairline)}.dana-btiles__img{width:100%;height:100%;object-fit:cover;transition:transform var(--dana-dur-slow) var(--dana-ease)}.dana-btiles__link:hover .dana-btiles__img{transform:scale(1.05)}.dana-btiles__name{margin-block-start:var(--dana-space-3);font-family:var(--dana-font-heading);font-size:18px;color:var(--heading-color)}.dana-btiles__link:hover .dana-btiles__name{text-decoration:underline;text-underline-offset:4px}.dana-btiles__count{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}@media(max-width:1023px){.dana-btiles__grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){.dana-btiles__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--dana-space-4);scrollbar-width:none;margin-inline:calc(-1 * var(--dana-gutter));padding-inline:var(--dana-gutter)}.dana-btiles__grid::-webkit-scrollbar{display:none}.dana-btiles__item{flex:0 0 36%;scroll-snap-align:start}.dana-btiles__name{font-size:15px}}@media(prefers-reduced-motion:reduce){.dana-btiles__img{transition:none}}@media(min-width:1024px){.dana-btiles__grid{max-width:1120px;margin-inline:auto;gap:var(--dana-space-6) var(--dana-space-8)}.dana-btiles__name{font-size:16px}}@media(min-width:1024px){.dana-btiles__header{flex-direction:column;align-items:center;justify-content:center;gap:var(--dana-space-3);text-align:center;max-width:1120px;margin-inline:auto;margin-block-end:var(--dana-space-10)}.dana-btiles__header .dana-eyebrow{margin-block-end:var(--dana-space-2)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dana-brand-tiles.css.map */
