.content-cards__track{display:grid;grid-template-columns:1fr;gap:1.2rem}@media screen and (min-width:750px){.content-cards__track{grid-template-columns:repeat(var(--cc-cols, 3),1fr);gap:2rem}}.content-cards__cell{min-width:0}@media screen and (max-width:749px){.content-cards--carousel-mobile .content-cards__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.2rem;scrollbar-width:none;margin-left:calc(-1 * var(--content-cards-track-bleed, 0px));margin-right:calc(-1 * var(--content-cards-track-bleed, 0px));padding-left:var(--content-cards-track-bleed, 0px);padding-right:var(--content-cards-track-bleed, 0px);scroll-padding-left:var(--content-cards-track-bleed, 0px);scroll-padding-right:var(--content-cards-track-bleed, 0px)}.content-cards--carousel-mobile .content-cards__track::-webkit-scrollbar{display:none}.content-cards--carousel-mobile .content-cards__cell{flex:0 0 var(--cc-cell-mobile, min(83%, 30rem));scroll-snap-align:start}}@media screen and (min-width:750px){.content-cards--carousel-desktop .content-cards__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:2rem;scrollbar-width:none;margin-left:calc(-1 * var(--content-cards-track-bleed, 0px));margin-right:calc(-1 * var(--content-cards-track-bleed, 0px));padding-left:var(--content-cards-track-bleed, 0px);padding-right:var(--content-cards-track-bleed, 0px);scroll-padding-left:var(--content-cards-track-bleed, 0px);scroll-padding-right:var(--content-cards-track-bleed, 0px)}.content-cards--carousel-desktop .content-cards__track::-webkit-scrollbar{display:none}.content-cards--carousel-desktop .content-cards__cell{flex:0 0 calc((100% - (var(--cc-cols, 3) - 1) * 2rem) / var(--cc-cols, 3));scroll-snap-align:start}}.content-cards__nav{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:1.4rem}@media screen and (max-width:749px){.content-cards__nav--mobile-hidden{display:none}}@media screen and (min-width:750px){.content-cards__nav--desktop-hidden{display:none}}.content-cards__arrow{width:3.2rem;height:3.2rem;flex:none;border-radius:6px;border:1px solid rgba(0,42,84,.16);background:#fff;color:var(--brand-primary-color, #002a54);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.content-cards__arrow:disabled{opacity:.4;cursor:default}.content-cards__dashes{display:flex;align-items:center;gap:.6rem}.content-cards__dash{width:1.6rem;height:.3rem;border-radius:999px;background:#002a5429;transition:background .2s ease}.content-cards__dash.is-active{background:var(--brand-primary-color, #002a54)}.content-cards--fluid{container-type:inline-size;position:relative}.content-cards--fluid .content-cards__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--cc-fluid-gap, 1.6rem);scrollbar-width:none;padding-inline:var(--cc-fluid-inset, 0);scroll-padding-inline:var(--cc-fluid-inset, 0)}.content-cards--fluid .content-cards__track::-webkit-scrollbar{display:none}.content-cards--fluid .content-cards__cell{--cc-n: min(2, var(--cc-max, 4));flex:0 0 calc((100% - (var(--cc-n) - 1) * var(--cc-fluid-gap, 1.6rem)) / var(--cc-n));scroll-snap-align:start}@container (min-width: 520px){.content-cards--fluid .content-cards__cell{--cc-n: min(3, var(--cc-max, 4))}}@container (min-width: 820px){.content-cards--fluid .content-cards__cell{--cc-n: min(4, var(--cc-max, 4))}}.content-cards--fluid .content-cards__nav{display:contents}.content-cards--fluid .content-cards__arrow{position:absolute;top:30%;transform:translateY(-50%);z-index:2;box-shadow:0 0 8px #00000029}.content-cards--fluid [data-content-cards-prev]{left:0}.content-cards--fluid [data-content-cards-next]{right:0}.content-cards--fluid .content-cards__arrow:disabled{display:none}@container (min-width: 820px){.content-cards--fluid .content-cards__arrow{width:4.4rem;height:4.4rem}.content-cards--fluid .content-cards__arrow svg{width:2rem;height:2rem}}.nosto-cart-drawer-recommendations,.nosto-pdp-recommendations{--cc-max: 3}.nosto-cart-drawer-recommendations{--cc-fluid-inset: 1.6rem}
/*# sourceMappingURL=/cdn/shop/t/122/assets/component-card-carousel.css.map */