.set-based-upsell{position:relative}.set-based-upsell__inner{border:none;border-radius:2.4rem;background:linear-gradient(180deg,rgba(var(--color-background),.95),rgba(var(--color-background),1));overflow:visible}.set-based-upsell .container-large{padding-left:0;padding-right:0}.set-based-upsell__header{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2.4rem;text-align:center;align-items:center}.set-based-upsell__eyebrow{margin:0;font-size:1.2rem;letter-spacing:.14rem;text-transform:uppercase;font-weight:700;color:rgba(var(--color-foreground),.7)}.set-based-upsell__heading{margin:0}.set-based-upsell__slider{position:relative;display:block;padding:0}.set-based-upsell__viewport{overflow-x:auto;overflow-y:hidden;width:100%;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:auto;cursor:grab}.set-based-upsell__track.grid.product-grid{--set-upsell-gap: 2rem;display:flex!important;flex-wrap:nowrap;grid-template-columns:none!important;gap:var(--set-upsell-gap);padding:0;margin:0;list-style:none;scroll-behavior:smooth}.set-based-upsell__track .grid__item{flex:0 0 calc((100% - (var(--set-upsell-gap) * (var(--set-upsell-columns-desktop) - 1))) / var(--set-upsell-columns-desktop));width:calc((100% - (var(--set-upsell-gap) * (var(--set-upsell-columns-desktop) - 1))) / var(--set-upsell-columns-desktop));max-width:calc((100% - (var(--set-upsell-gap) * (var(--set-upsell-columns-desktop) - 1))) / var(--set-upsell-columns-desktop))!important;width:calc((100% - (var(--set-upsell-gap) * (var(--set-upsell-columns-desktop) - 1))) / var(--set-upsell-columns-desktop))!important;scroll-snap-align:start;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:auto}.set-based-upsell.is-dragging .set-based-upsell__viewport{cursor:grabbing}.set-based-upsell__viewport::-webkit-scrollbar{display:none}.set-based-upsell__nav{width:4rem;height:4rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.2);background:rgb(var(--color-background));display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:4}.set-based-upsell__nav .icon{width:1.6rem;height:1.6rem}.set-based-upsell__nav--prev .icon{transform:rotate(90deg)}.set-based-upsell__nav--prev{left:-2.8rem}.set-based-upsell__nav--next .icon{transform:rotate(-90deg)}.set-based-upsell__nav--next{right:-2.8rem}.set-based-upsell__nav:disabled{opacity:.35;cursor:not-allowed}.set-based-upsell__track .grid__item .card-wrapper{padding:1rem;border:1px solid rgba(var(--color-foreground),.08);border-radius:1.6rem;background-color:rgba(var(--color-background),.9);transition:border-color var(--duration-short) ease,transform var(--duration-short) ease}.set-based-upsell .card__inner.gradient{background:transparent}.set-based-upsell .primary-button{padding-left:8px;padding-right:8px}@media screen and (min-width:990px){.set-based-upsell__track .grid__item .card-wrapper:hover{border-color:rgba(var(--color-foreground),.22);transform:translateY(-2px)}}@media screen and (max-width:749px){.set-based-upsell__inner{border-radius:1.6rem}.set-based-upsell__header{margin-bottom:1.6rem}.set-based-upsell__slider{padding:0}.set-based-upsell__track{--set-upsell-gap: 1rem}.set-based-upsell__track .grid__item{flex:0 0 calc((100% - (var(--set-upsell-gap) * (var(--set-upsell-columns-mobile) - 1))) / var(--set-upsell-columns-mobile));width:calc((100% - (var(--set-upsell-gap) * (var(--set-upsell-columns-mobile) - 1))) / var(--set-upsell-columns-mobile))!important;max-width:calc((100% - (var(--set-upsell-gap) * (var(--set-upsell-columns-mobile) - 1))) / var(--set-upsell-columns-mobile))!important}.set-based-upsell__nav{display:inline-flex;width:3.2rem;height:3.2rem}.set-based-upsell__nav--prev{left:-.8rem}.set-based-upsell__nav--next{right:-.8rem}.set-based-upsell__track .grid__item .card-wrapper{padding:.8rem;border-radius:1.2rem}}@media screen and (min-width:750px){.set-based-upsell__viewport{scroll-snap-type:x proximity}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-set-based-upsell.css.map */