cart-upsell{display:block}.cart-upsell{container:cart-upsell / inline-size;--cu-fg: var(--color-foreground, var(--color-base-text, 26, 26, 26));--cu-bg: var(--color-background, var(--color-base-background-1, 255, 255, 255));--cu-btn: var(--color-button, var(--color-base-accent-1, 60, 76, 67));--cu-btn-text: var(--color-button-text, var(--color-base-solid-button-labels, 255, 255, 255));--cu-font: var(--font-body-family);--cu-font-heading: var(--font-heading-family);margin:2.4rem 0 0;padding-bottom:2.2rem;font-family:var(--cu-font);font-weight:400;letter-spacing:normal;color:rgb(var(--cu-fg));text-align:left}.cart-font-standard .cart-upsell,.cart-upsell.cart-upsell--font-standard{--cu-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--cu-font-heading: var(--cu-font)}.cart-upsell-empty{margin:0 0 1.6rem;font-family:var(--font-heading-family);font-size:2rem;line-height:1.3;text-align:center;color:rgb(var(--color-foreground, var(--color-base-text, 26, 26, 26)))}.cart-upsell__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.8rem 1.6rem;margin:0 0 1.4rem}.cart-upsell__titles{min-width:0}.cart-upsell__eyebrow{margin:0 0 .4rem;font-family:var(--cu-font);font-size:1.15rem;font-weight:400;line-height:1.3;letter-spacing:.12em;text-transform:uppercase}.cart-upsell__heading{margin:0;font-family:var(--cu-font-heading);font-size:2.1rem;font-weight:400;line-height:1.2;letter-spacing:normal}.cart-upsell__viewport{position:relative}.cart-upsell__track{display:flex;gap:1.2rem;margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cart-upsell__track::-webkit-scrollbar{display:none}.cart-upsell__track:focus-visible{outline:2px solid rgba(var(--cu-fg),.5);outline-offset:2px}.cart-upsell__card{container:cu-card / inline-size;flex:0 0 80%;min-width:0;scroll-snap-align:start;display:flex;align-items:center;gap:1rem;box-sizing:border-box;margin:0;padding:1rem;border:1px solid rgba(var(--cu-fg),.12);border-radius:.4rem;background:rgb(var(--cu-bg))}.cart-upsell__media{flex:0 0 7.6rem;display:block;width:7.6rem;height:7.6rem;overflow:hidden;background:#f4f4f4}.cart-upsell__img{display:block;width:100%;height:100%;object-fit:contain}.cart-upsell__body{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:start;gap:.6rem 1rem}@container cu-card (min-width: 300px){.cart-upsell__body{grid-template-columns:minmax(0,1fr) auto}.cart-upsell__error{grid-column:1 / -1}}.cart-upsell__info{display:flex;flex-direction:column;gap:.2rem;min-width:0;width:100%}.cart-upsell__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-family:var(--cu-font);font-size:1.4rem;font-weight:500;line-height:1.3;color:inherit;text-decoration:none;overflow-wrap:anywhere}.cart-upsell__title:hover{text-decoration:underline}.cart-upsell__variant{margin:0;font-size:1.2rem;line-height:1.3;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-upsell__price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.6rem;row-gap:.2rem;margin:0;font-size:1.35rem;line-height:1.3;white-space:nowrap}.cart-upsell__amount{font-weight:500}.cart-upsell__compare{font-size:1.3rem;color:rgba(var(--cu-fg),.5)}.cart-upsell__add{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;box-sizing:border-box;min-height:3.4rem;margin:0;padding:.6rem 1.2rem;border:1px solid rgb(var(--cu-btn));border-radius:0;background:transparent;color:rgb(var(--cu-btn));font-family:var(--cu-font);font-size:1.3rem;font-weight:400;letter-spacing:normal;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}.cart-upsell__add:hover{background:rgb(var(--cu-btn));color:rgb(var(--cu-btn-text))}.cart-upsell__add:focus-visible{outline:2px solid rgb(var(--cu-btn));outline-offset:2px}.cart-upsell__plus{font-size:1.4rem;line-height:1}.cart-upsell__add[aria-disabled=true]{cursor:default}.cart-upsell__spinner{display:none;position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;margin:-.8rem 0 0 -.8rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cart-upsell-spin .7s linear infinite}.cart-upsell__add.is-loading .cart-upsell__label,.cart-upsell__add.is-loading .cart-upsell__plus{visibility:hidden}.cart-upsell__add.is-added .cart-upsell__plus{display:none}.cart-upsell__add.is-loading .cart-upsell__spinner{display:block}.cart-upsell .cart-upsell__add.is-loading,.cart-upsell .cart-upsell__add.is-added,:is(#CartDrawer,#main-cart-items,#main-cart-footer) .cart-upsell .cart-upsell__add.is-loading,:is(#CartDrawer,#main-cart-items,#main-cart-footer) .cart-upsell .cart-upsell__add.is-added{opacity:1;background:rgb(var(--cu-btn));color:rgb(var(--cu-btn-text))}.cart-upsell__error{margin:0;font-size:1.2rem;line-height:1.3;color:rgb(var(--color-base-error, 211, 47, 47))}.cart-upsell__error[hidden],.cart-upsell__nav{display:none}@media screen and (min-width:750px)and (hover:hover)and (pointer:fine){.cart-upsell__nav{display:flex;justify-content:flex-end;gap:.8rem;margin-top:1rem}}.cart-upsell__nav[hidden]{display:none}.cart-upsell__arrow{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:1px solid rgba(var(--cu-fg),.2);border-radius:50%;background:rgb(var(--cu-bg));color:rgb(var(--cu-fg));cursor:pointer}.cart-upsell__arrow:hover:not(:disabled){border-color:rgb(var(--cu-btn));color:rgb(var(--cu-btn))}.cart-upsell__arrow:disabled{opacity:.35;cursor:default}@keyframes cart-upsell-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cart-upsell__spinner{animation-duration:1.6s}}@media screen and (max-width:749px){.cart-upsell__header{flex-direction:column;align-items:flex-start}.cart-upsell__heading{font-size:2rem}}@media screen and (min-width:750px){.cart-upsell__card{flex-basis:70%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/cart-upsell.css.map */
