.promo-tiles{background:var(--color-background, #ffffff);color:var(--color-text, #020202);padding-top:var(--section-padding-top, 24px);padding-bottom:var(--section-padding-bottom, 24px)}.promo-tiles__row{display:flex;gap:8px;margin:0 calc(var(--page-gutter-mobile, 10px) * -1);padding:0 var(--page-gutter-mobile, 10px) 4px;scroll-padding-inline:var(--page-gutter-mobile, 10px);list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.promo-tiles__row::-webkit-scrollbar{display:none}.promo-tiles__cell{flex:0 0 216px;scroll-snap-align:start}@media screen and (min-width:750px){.promo-tiles__row{display:grid;grid-template-columns:repeat(var(--promo-columns, 3),minmax(0,1fr));gap:16px;overflow:visible;margin:0;padding:0}.promo-tiles__cell{flex:none}}.promo-tile{position:relative;display:block;height:122px;border-radius:11px;overflow:hidden;color:#fff;text-decoration:none}.promo-tile:hover{text-decoration:none}@media screen and (min-width:750px){.promo-tile{height:250px;border-radius:10px}}.promo-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.promo-tile__img--placeholder{background:var(--vf-ice, #c9ebff);fill:#0202021f}.promo-tile__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(181deg,rgb(0 0 0 / 0) 70%,var(--vf-blue, #1548b1) 100%)}.promo-tile__foot{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}@media screen and (min-width:750px){.promo-tile__foot{left:15px;right:15px;bottom:15px}}.promo-tile__title{font-family:var(--sk-font-heading);font-size:12px;font-weight:500;line-height:1.3;min-width:0}@media screen and (min-width:750px){.promo-tile__title{font-size:1rem;line-height:28px}}.promo-tile__cta{flex-shrink:0;padding:5px;border-radius:5px;background:#fff;color:var(--vf-blue, #1548b1);font-family:var(--sk-font-heading);font-size:.5rem;font-weight:600;line-height:10px;white-space:nowrap}@media screen and (min-width:750px){.promo-tile__cta{padding:12px 14px;font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/promo-tiles.css.map */