.t21-tiles{display:flex;flex-direction:column;align-items:center;gap:24px;padding:var(--t21-tiles-pt) 20px var(--t21-tiles-pb);overflow:hidden}.t21-tiles__heading{margin:0;color:#000;font-family:var(--font-body--family);font-size:clamp(22px,2.23vw,var(--t21-tiles-heading));font-weight:500;line-height:1.5;text-align:center;text-transform:none}.t21-tiles__grid,.t21-tiles__track,.t21-tiles__clone ul{margin:0;padding:0;list-style:none}.t21-tiles__grid{display:grid;grid-template-columns:repeat(var(--t21-tiles-cols),minmax(0,1fr));gap:var(--t21-tiles-gap);width:100%}.t21-tiles__link{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--t21-tiles-label-color);text-decoration:none}.t21-tiles__media{position:relative;display:block;width:100%;aspect-ratio:var(--t21-tiles-ratio);overflow:hidden;border-radius:var(--t21-tiles-radius);background:#f2f2f2}.t21-tiles--pill .t21-tiles__media{border-radius:500px}.t21-tiles__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.t21-tiles__link:hover .t21-tiles__img{transform:scale(1.06)}.t21-tiles__placeholder{fill:#c9c9c9}.t21-tiles__title{font-size:var(--t21-tiles-label);font-weight:500;line-height:20px;text-align:center}.t21-tiles--label-overlay .t21-tiles__title{position:absolute;top:16px;left:10px;right:10px;z-index:1;color:var(--t21-tiles-label-color);text-align:left}.t21-tiles--label-overlay .t21-tiles__media:after{content:"";position:absolute;inset:0 0 auto;height:50%;background:linear-gradient(rgb(0 0 0 / .35),transparent);pointer-events:none}.t21-tiles__viewport{width:calc(100% + 20px);margin-right:-20px;overflow:hidden}.t21-tiles__track{display:flex;gap:10px}.t21-tiles--marquee .t21-tiles__item{flex:none;width:clamp(110px,calc(var(--t21-tiles-size) * 100vw / 1440),calc(var(--t21-tiles-size) * 1.2px))}.t21-tiles__swiper{width:100%}@media screen and (max-width:989px){.t21-tiles__grid{grid-template-columns:repeat(var(--t21-tiles-cols-t),minmax(0,1fr))}}@media screen and (max-width:749px){.t21-tiles{gap:16px;padding:calc(var(--t21-tiles-pt) * .6) 16px calc(var(--t21-tiles-pb) * .6)}.t21-tiles__grid{grid-template-columns:repeat(var(--t21-tiles-cols-m),minmax(0,1fr));gap:min(var(--t21-tiles-gap),12px)}.t21-tiles--m-scroll .t21-tiles__swiper{width:calc(100% + 16px);margin-right:-16px;overflow:hidden}.t21-tiles--m-scroll .t21-tiles__grid{display:flex;gap:12px}.t21-tiles--m-scroll .t21-tiles__item{flex:none;width:calc((100% - 24px) / 2.4)}.t21-tiles--marquee .t21-tiles__item{width:34vw}.t21-tiles--label-overlay .t21-tiles__title{top:10px;font-size:12px;line-height:1.4}.t21-tiles__viewport{width:calc(100% + 16px);margin-right:-16px}}.t21-tiles__grid.swiper-wrapper{display:grid}.t21-tiles__grid .t21-tiles__item.swiper-slide{width:auto}@media screen and (max-width:749px){.t21-tiles--m-scroll .t21-tiles__grid.swiper-wrapper{display:flex}.t21-tiles--m-scroll .t21-tiles__grid .t21-tiles__item.swiper-slide{width:calc((100% - 24px) / 2.4)}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/t21-tiles.css.map */