.featured-with-image__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1.6rem;margin-bottom:3.2rem}.featured-with-image__heading{margin:0}.featured-with-image__view-all{flex-shrink:0}.featured-with-image__track{display:flex;margin:0;padding:0;gap:var(--grid-mobile-horizontal-spacing, 1.6rem);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.featured-with-image__track::-webkit-scrollbar{display:none}.featured-with-image__item{flex:0 0 62%;scroll-snap-align:start;display:flex;align-items:stretch}.featured-with-image__item>*{width:100%}.featured-with-image__media{height:100%;overflow:hidden;border-radius:1.2rem;background-color:rgba(var(--color-foreground),.04)}.featured-with-image__media .featured-with-image__image{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width:750px){.featured-with-image__item{flex-basis:38%}}.featured-with-image__controls{display:flex;align-items:center;gap:2rem;margin-top:2.4rem}.featured-with-image__progress{position:relative;flex:1 1 auto;height:.2rem;background-color:rgba(var(--color-foreground),.12)}.featured-with-image__progress-bar{display:block;width:100%;height:100%;background-color:rgb(var(--color-foreground));transform:scaleX(var(--fwi-progress, 0));transform-origin:left center;transition:transform .15s linear}.featured-with-image__arrows{display:flex;flex-shrink:0;gap:.8rem}.featured-with-image__slider--static .featured-with-image__controls{display:none}@media screen and (min-width:990px){.featured-with-image__track{display:grid;grid-template-columns:var(--fwi-grid-columns, minmax(0, 1fr));column-gap:var(--grid-desktop-horizontal-spacing, 2rem);row-gap:4rem;overflow-x:visible;scroll-snap-type:none}.featured-with-image__item{flex:initial;scroll-snap-align:none}.featured-with-image__item--media{grid-column:1;grid-row:1 / span var(--fwi-media-rows, 1)}.featured-with-image__controls{display:none}.featured-with-image__header{margin-bottom:4rem}}.featured-with-image .card-wrapper .card{--image-padding: 1.6rem}.featured-with-image .card--standard .card__inner{border-radius:1.2rem;background-color:#f7f6f2}.featured-with-image .card--standard .card__inner .card__media{border-radius:.8rem}.featured-with-image .card__information{text-align:center}@media(prefers-reduced-motion:reduce){.featured-with-image__track{scroll-behavior:auto}.featured-with-image__progress-bar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-featured-with-image.css.map */