.gem-cart-upsell{--gem-cart-upsell-text: rgb(var(--color-foreground, 18, 18, 18));--gem-cart-upsell-muted: rgba(var(--color-foreground, 18, 18, 18), .6);--gem-cart-upsell-media-bg: rgba(var(--color-foreground, 18, 18, 18), .06);--gem-cart-upsell-add-bg: rgb(var(--color-button, var(--color-foreground, 18, 18, 18)));--gem-cart-upsell-add-text: rgb(var(--color-button-text, var(--color-background, 255, 255, 255)));--gem-cart-upsell-card: 132px;margin:1.5rem 0}.gem-cart-upsell__heading{margin:0 0 1rem;font-size:1.4rem;font-weight:600;color:var(--gem-cart-upsell-text)}.gem-cart-upsell__rail{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -.4rem;padding:0 .4rem .4rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.gem-cart-upsell__item{flex:0 0 var(--gem-cart-upsell-card);width:var(--gem-cart-upsell-card);scroll-snap-align:start;display:flex;flex-direction:column;gap:.5rem}.gem-cart-upsell__media{display:block;aspect-ratio:1 / 1;border-radius:var(--gem-radius-md, 8px);background:var(--gem-cart-upsell-media-bg);overflow:hidden}.gem-cart-upsell__media img,.gem-cart-upsell__media svg{width:100%;height:100%;object-fit:cover;display:block}.gem-cart-upsell__title{font-size:1.2rem;line-height:1.3;color:var(--gem-cart-upsell-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gem-cart-upsell__price{font-size:1.2rem;color:var(--gem-cart-upsell-muted)}.gem-cart-upsell__add{margin-top:.2rem;padding:.6rem .8rem;border:0;border-radius:var(--buttons-radius, var(--gem-radius-sm, 4px));background:rgb(var(--color-button, var(--color-foreground, 18, 18, 18)));color:rgb(var(--color-button-text, var(--color-background, 255, 255, 255)));font-size:1.2rem;cursor:pointer}.gem-cart-upsell__add:hover{filter:brightness(.92)}.gem-cart-upsell__add[disabled]{opacity:.5;cursor:default}.gem-cart-upsell__add[aria-busy=true]{opacity:.7}.gem-cart-upsell__variant{width:100%;margin:.4rem 0 .2rem;padding:.4rem .6rem;border:1px solid rgba(var(--color-foreground, 18, 18, 18),.25);border-radius:var(--gem-radius-sm, 6px);background:rgb(var(--color-background, 255, 255, 255));color:rgb(var(--color-foreground, 18, 18, 18));font-size:1.15rem}
/*# sourceMappingURL=/cdn/shop/t/290/assets/gem-cart-upsell.css.map */