.hero-tiles{--tile-width: max(280px, calc((100% - 3 * var(--tile-gap)) / 4));--tile-height: 424px;--tile-gap: 16px;--tile-padding-x: 20px;--title-size: 24px;--text-size: 16px;--button-size: 20px;--icon-size: 32px;--icon-scale: 1;--section-padding-x: 40px;--header-offset: 70px;--section-padding-top: 16px;--section-padding-bottom: 32px;position:relative;display:block;padding:calc(var(--header-offset) + var(--section-padding-top)) 0 var(--section-padding-bottom);background:linear-gradient(to left,#2690ca 13.681%,#1d4e9b)}.hero-tiles__viewport{position:relative}.hero-tiles__track{display:flex;gap:var(--tile-gap);margin:0;padding:0 var(--section-padding-x);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--section-padding-x);scrollbar-width:none;-webkit-overflow-scrolling:touch}.hero-tiles__track::-webkit-scrollbar{display:none}.hero-tiles__tile{position:relative;flex:0 0 var(--tile-width);height:var(--tile-height);margin:0;overflow:hidden;border-radius:10px;scroll-snap-align:start;isolation:isolate}.hero-tiles__media{position:absolute;z-index:-2}.hero-tiles__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-tiles__media[data-crop=cover]{top:0;right:0;bottom:0;left:0}.hero-tiles__media[data-crop=cover] .hero-tiles__image{object-position:top}.hero-tiles__media[data-crop=pumpkin]{top:-64.63%;bottom:-18.29%;left:50%;aspect-ratio:1024 / 1536;transform:translate(-50%)}.hero-tiles__media[data-crop=falcon]{top:-8.7%;bottom:-6.79%;right:-93px;aspect-ratio:600 / 220}.hero-tiles__media[data-crop=performance]{top:-23.91%;bottom:11.14%;left:50%;aspect-ratio:400 / 500;transform:translate(-50%)}.hero-tiles__media[data-crop=fitmingo]{top:0;left:0;width:328px;height:328px}.hero-tiles__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(180deg,#edf5fc00 33.491%,#edf5fc7a 51.887%,#edf5fc 68.868%),linear-gradient(180deg,#edf5fc00 16.576%,#edf5fc8f 42.663%,#edf5fc 60.598%);pointer-events:none}.hero-tiles__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:0 var(--tile-padding-x) 20px;text-align:center}.hero-tiles__title{width:100%;margin:0;padding-bottom:4px;font-family:"Circular Std",var(--primary-font),system-ui,sans-serif;font-size:var(--title-size);font-weight:700;line-height:1.5;color:#0e4690}.hero-tiles__subtitle{width:100%;margin:0;font-family:"Circular Std",var(--primary-font),system-ui,sans-serif;font-size:var(--text-size);font-weight:500;line-height:1.5;color:#000}.hero-tiles__value{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:8px 0}.hero-tiles__value-text{margin:0;font-family:"Circular Std",var(--primary-font),system-ui,sans-serif;font-size:var(--text-size);font-weight:500;line-height:1.5;color:#1c56a3;text-align:left}.hero-tiles__spacer{flex:none;width:100%;height:32px}.hero-tiles__icon{position:relative;flex:none;width:var(--icon-size);height:var(--icon-size)}.hero-tiles__icon-inner{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transform:scale(var(--icon-scale));transform-origin:top left}.hero-tiles__icon-inner img{display:block;max-width:none}.hero-tiles__icon--ring .hero-tiles__icon-inner,.hero-tiles__icon--vegan .hero-tiles__icon-inner{overflow:hidden;border:1px solid #004b8d;border-radius:50%}.hero-tiles__icon-clip{position:absolute;top:3px;left:3px;width:21.292px;height:21.292px;overflow:hidden}.hero-tiles__icon-leaf{position:absolute;top:calc(50% - .44px);left:57.44%;transform:translate(-50%,-50%) rotate(-13.65deg)}.hero-tiles__icon-badge{position:absolute;top:8.87px;left:-.22px}.hero-tiles__button{display:flex;align-items:center;justify-content:center;width:100%;height:56px;padding:0 16px;border-radius:100px;background:#1c56a3;font-family:"Circular Std",var(--primary-font),system-ui,sans-serif;font-size:var(--button-size);font-weight:700;line-height:20px;color:#fff;text-align:center;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .2s ease}.hero-tiles__button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}@media(hover:hover){.hero-tiles__button:hover{background:#0e4690}}.hero-tiles__button:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero-tiles__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fff;color:#1c56a3;box-shadow:0 2px 8px #0e469040;cursor:pointer;transform:translateY(-50%);transition:opacity .2s ease}.hero-tiles__arrow[hidden]{display:none}.hero-tiles__arrow:disabled{opacity:0;pointer-events:none}.hero-tiles__arrow--prev{left:12px}.hero-tiles__arrow--next{right:12px}.hero-tiles__dots{display:none;align-items:center;justify-content:center;gap:12px;margin-top:24px}.hero-tiles__dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#a3d9f6;cursor:pointer}.hero-tiles__dot.is-active{background:#fff}@media(min-width:1141px)and (max-width:1300px){.hero-tiles{--button-size: 18px}}@media(max-width:1140px){.hero-tiles{--tile-width: 300px;--section-padding-x: 24px;--header-offset: 49px}.hero-tiles__arrow{display:none}.hero-tiles__dots{display:flex}}@media(max-width:749px){.hero-tiles{--tile-width: 240px;--tile-height: 400px;--tile-padding-x: 12px;--title-size: 20px;--text-size: 14px;--button-size: 18px;--icon-size: 24px;--icon-scale: .75;--section-padding-x: 12px;--section-padding-top: 24px;--section-padding-bottom: 24px}.hero-tiles__media[data-crop=pumpkin]{top:-52.75%;bottom:-.25%}.hero-tiles__media[data-crop=falcon]{top:-4.75%;bottom:-4.5%;right:-163px}.hero-tiles__media[data-crop=performance]{top:-20.5%;bottom:17%}.hero-tiles__media[data-crop=fitmingo]{left:-27px}}@media(prefers-reduced-motion:reduce){.hero-tiles__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/351/assets/css-hero-tiles.css.map */