.upsell{display:block}.upsell--product{margin-top:24px}.upsell--cart{margin-top:20px;padding-top:20px;border-top:1px solid rgb(var(--color-border))}.upsell__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.upsell__heading{margin:0;color:rgb(var(--color-heading));font-size:calc(14 / var(--font-base-size) * 1rem);font-weight:600;line-height:1.4;letter-spacing:.5px;text-transform:uppercase}.upsell__nav{display:none;gap:6px;margin-left:auto}@media(hover:hover){.upsell.is-scrollable .upsell__nav{display:flex}}.upsell__nav-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid rgb(var(--color-border));background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.upsell__nav-button svg{width:16px;height:16px}.upsell__nav-button:disabled{opacity:.35;cursor:default}.upsell__list{display:flex;align-items:flex-start;gap:10px;margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.upsell__list::-webkit-scrollbar{display:none}.upsell__item{display:flex;flex:0 0 min(300px,86%);min-width:0;scroll-snap-align:start}.upsell__item:only-child{flex-basis:100%}.upsell--cart .upsell__list{flex-direction:column;align-items:stretch;overflow:visible;scroll-snap-type:none}.upsell--cart .upsell__item{flex:none}.upsell--cart .upsell-card{min-height:80px;padding:8px}.upsell--cart .upsell-card__media{width:64px;height:64px}.upsell-card{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:96px;padding:10px;border:1px solid rgb(var(--color-border));background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.upsell-card__media{display:block;flex:none;width:72px;height:72px;background-color:rgb(var(--color-background-secondary))}.upsell-card__image{display:block;width:100%;height:100%;object-fit:contain}.upsell-card__body{flex:1;min-width:0}.upsell-card__title{display:-webkit-box;overflow:hidden;color:inherit;font-size:calc(13 / var(--font-base-size) * 1rem);line-height:1.35;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.upsell-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:4px 0 0;font-size:calc(14 / var(--font-base-size) * 1rem);font-weight:600;line-height:1.3}.upsell-card__price s{color:rgb(var(--color-foreground-secondary));font-size:calc(12 / var(--font-base-size) * 1rem);font-weight:400}.upsell-card__picker-label{margin:0 0 6px;font-size:calc(12 / var(--font-base-size) * 1rem);font-weight:600;line-height:1.3}.upsell-card__options{display:flex;flex-wrap:wrap;gap:6px;min-width:0;max-height:78px;overflow-x:hidden;overflow-y:auto}.upsell-card__option{flex:none;min-width:40px;max-width:100%;min-height:36px;padding:6px 10px;border:1px solid rgb(var(--color-border));background:transparent;color:inherit;font-size:calc(12 / var(--font-base-size) * 1rem);line-height:1.2;text-align:left;cursor:pointer}.upsell-card__option:hover{border-color:rgb(var(--color-foreground))}.upsell-card__add{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;align-self:center;width:40px;height:40px;padding:0;border:0;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));cursor:pointer}.upsell-card__add:hover{background-color:rgb(var(--color-button-hover));color:rgb(var(--color-button-text-hover))}.upsell-card__add:focus-visible,.upsell-card__option:focus-visible,.upsell__nav-button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.upsell-card__icon{display:none;width:18px;height:18px}.upsell-card__spinner{display:none;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:upsell-spin .7s linear infinite}.upsell-card:not(.is-choosing,.is-added,.is-loading) .upsell-card__icon--plus,.upsell-card.is-choosing:not(.is-loading) .upsell-card__icon--close,.upsell-card.is-added:not(.is-loading) .upsell-card__icon--check,.upsell-card.is-loading .upsell-card__spinner{display:block}.upsell-card.is-choosing .upsell-card__info,.upsell-card__picker[hidden]{display:none}.upsell-card.is-loading{pointer-events:none}@keyframes upsell-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/upsell.css.map */