.lg-cart-upsell{display:block;width:100%;text-align:center}.lg-cart-upsell__progress{max-width:500px;margin:0 auto}.lg-cart-upsell__progress-heading{font-family:var(--heading-font-family-2);font-weight:var(--heading-font-weight-2);font-size:1rem;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px}.lg-cart-upsell__remaining{font-weight:700}.lg-cart-upsell__bar{width:100%;height:10px;background-color:color-mix(in srgb,var(--color-text) 8%,var(--color-background));border-radius:5px;overflow:hidden}.lg-cart-upsell__bar-fill{height:100%;background-color:var(--color-button);border-radius:5px;transition:width .5s ease;min-width:0}.lg-cart-upsell__warning{background-color:#ff868026;color:#8b0000;border:1px solid rgba(255,134,128,.4);border-radius:6px;padding:10px 16px;font-size:.85rem;margin:0 0 16px;line-height:1.4}.lg-cart-upsell__picker{max-width:700px;margin:0 auto}.lg-cart-upsell__header{margin-bottom:20px}.lg-cart-upsell__heading{font-family:var(--heading-font-family-2);font-weight:var(--heading-font-weight-2);font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px}.lg-cart-upsell__subheading{font-size:.9rem;opacity:.75;margin:0 0 12px}.lg-cart-upsell__counter{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background-color:color-mix(in srgb,var(--color-text) 6%,var(--color-background));padding:4px 14px;border-radius:20px}.lg-cart-upsell__grid{display:flex;justify-content:safe center;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px}.lg-cart-upsell__grid::-webkit-scrollbar{height:4px}.lg-cart-upsell__grid::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-text) 4%,var(--color-background));border-radius:2px}.lg-cart-upsell__grid::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text) 15%,var(--color-background));border-radius:2px}.lg-cart-upsell__tile{flex:0 0 130px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--color-text) 8%,var(--color-background));background-color:color-mix(in srgb,var(--color-text) 4%,var(--color-background));transition:border-color .2s ease,box-shadow .2s ease}.lg-cart-upsell__tile:hover{border-color:color-mix(in srgb,var(--color-text) 15%,var(--color-background))}.lg-cart-upsell__tile--added{border-color:var(--color-button);background-color:color-mix(in srgb,var(--color-button) 6%,var(--color-background))}.lg-cart-upsell__tile-image{width:80px;height:80px;border-radius:6px;overflow:hidden;margin-bottom:8px;flex-shrink:0}.lg-cart-upsell__img{width:100%;height:100%;object-fit:cover}.lg-cart-upsell__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--color-text) 4%,var(--color-background))}.lg-cart-upsell__placeholder-svg{width:50%;height:50%;opacity:.3}.lg-cart-upsell__tile-title{font-size:.75rem;line-height:1.3;margin:0 0 8px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lg-cart-upsell__add-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:6px 12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--color-button);border-radius:4px;background-color:transparent;color:var(--color-button);cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease;min-height:32px;line-height:1}.lg-cart-upsell__add-btn:hover{background-color:var(--color-button);color:var(--color-on-button)}.lg-cart-upsell__add-btn:focus-visible{outline:2px solid var(--color-button);outline-offset:2px}.lg-cart-upsell__add-btn.lg-cart-upsell__add-btn--added{opacity:1;background-color:var(--color-button);color:var(--color-on-button);border-color:var(--color-button);cursor:default}.lg-cart-upsell__add-btn--added:hover{background-color:var(--color-button);color:var(--color-on-button)}.lg-cart-upsell__btn-check{font-size:.85em}.lg-cart-upsell__add-btn.lg-cart-upsell__add-btn--removable{cursor:pointer}.lg-cart-upsell__add-btn--removable .lg-cart-upsell__btn-label--remove{display:none}.lg-cart-upsell__add-btn--removable:hover,.lg-cart-upsell__add-btn--removable:focus-visible{background-color:#8b0000;border-color:#8b0000;color:#fff}.lg-cart-upsell__add-btn--removable:hover .lg-cart-upsell__btn-label--added,.lg-cart-upsell__add-btn--removable:focus-visible .lg-cart-upsell__btn-label--added{display:none}.lg-cart-upsell__add-btn--removable:hover .lg-cart-upsell__btn-label--remove,.lg-cart-upsell__add-btn--removable:focus-visible .lg-cart-upsell__btn-label--remove{display:inline}.lg-cart-upsell__add-btn--unavailable{border-color:color-mix(in srgb,var(--color-text) 15%,var(--color-background));color:color-mix(in srgb,var(--color-text) 35%,var(--color-background));cursor:not-allowed}.lg-cart-upsell__add-btn--unavailable:hover{background-color:transparent;color:color-mix(in srgb,var(--color-text) 35%,var(--color-background))}.lg-cart-upsell__add-btn.lg-cart-upsell__add-btn--disabled{opacity:1;background-color:color-mix(in srgb,var(--color-text) 6%,var(--color-background));border-color:color-mix(in srgb,var(--color-text) 12%,var(--color-background));color:color-mix(in srgb,var(--color-text) 20%,var(--color-background));cursor:not-allowed}.lg-cart-upsell__add-btn--disabled:hover{background-color:color-mix(in srgb,var(--color-text) 6%,var(--color-background));color:color-mix(in srgb,var(--color-text) 20%,var(--color-background))}.lg-cart-upsell__add-btn--loading{pointer-events:none;position:relative;color:transparent!important}.lg-cart-upsell__add-btn--loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid color-mix(in srgb,var(--color-button) 30%,transparent);border-top-color:var(--color-button);border-radius:50%;animation:lg-upsell-spin .6s linear infinite}@keyframes lg-upsell-spin{to{transform:rotate(360deg)}}@media screen and (min-width:750px){.lg-cart-upsell__grid{display:grid;grid-template-columns:repeat(3,140px);justify-content:center;overflow-x:visible;scroll-snap-type:none}.lg-cart-upsell__grid--cols-4{grid-template-columns:repeat(4,140px)}.lg-cart-upsell__tile{flex:0 0 140px;width:140px}.lg-cart-upsell__heading{font-size:1.6rem}.lg-cart-upsell__tile-image{width:100px;height:100px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/lg-cart-upsell.css.map */