cart-drawer-upsell{display:block}.cart-upsell__empty{font-size:1.2rem;color:rgba(var(--color-foreground),.6);padding:1rem var(--drawer-padding, 1.5rem);text-align:center}.cart-upsell__outside-title,.cart-upsell__inside-title{font-size:var(--mobile-text-size, 1.6rem);margin:0 0 .8rem;text-align:center}@media screen and (min-width:750px){.cart-upsell__outside-title,.cart-upsell__inside-title{font-size:var(--desktop-text-size, 1.6rem)}}.upsells-container{display:flex;flex-direction:column;gap:.8rem;padding:0 var(--drawer-padding, 1.5rem)}.upsells-container--columns{display:grid;grid-template-columns:repeat(var(--item-count, 2),minmax(0,1fr));gap:1.2rem}.upsells-container--columns .upsell{min-width:0}.upsells-container--scroll{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.upsells-container--scroll::-webkit-scrollbar{display:none}.upsells-container--scroll .upsell{flex:0 0 80%;scroll-snap-align:start}.upsell{--upsell-padding: 0;border-radius:var(--border-radius, .8rem);padding:var(--upsell-padding);position:relative;background-color:rgb(var(--color-background));transition:background-color .2s ease,border-color .2s ease}.upsell--border,.upsell--box-shadow,.upsell--custom-bg,.upsell:not(.color-scheme-1){--upsell-padding: 1rem}.upsell--border{border:var(--border-width, .2rem) solid var(--regular-border-color, #E6E6E6)}.upsell--border.upsell--selected{border-color:var(--selected-border-color, #DD1D1D)}.upsell--box-shadow{box-shadow:0 2px 8px #0000001a}.upsell--custom-bg{background-color:var(--regular-bg-color, #F2F2F2)}.upsell--custom-bg.upsell--selected{background-color:var(--selected-bg-color, #F2F2F2)}.upsell__container{display:flex;align-items:center;gap:1rem}.upsell__container.upsell-toggle-btn{cursor:pointer}.upsell__image{flex-shrink:0;align-self:flex-start}.upsell__image__img{display:block;width:auto;height:var(--image-size, 5rem);object-fit:contain;border-radius:var(--image-border-radius, .2rem)}.cart-drawer--desktop-width-large .upsell__image__img{height:calc(var(--image-size, 5rem) * 1.2);border-radius:calc(var(--image-border-radius, .2rem) * 1.2)}.upsell__content{flex:1 1 auto;min-width:0}.upsell__title{display:flex;align-items:flex-start;justify-content:space-between}.upsell__title .upsell__price{flex-shrink:0;padding-inline-start:1rem;text-align:end}.upsell__title h3{font-size:var(--title-font-size, 1.4rem);font-weight:600;margin:0;line-height:1.2}.upsell__title h3 a{color:inherit;text-decoration:none}.upsell__title h3 a:hover{text-decoration:underline}.upsell__desc{font-size:var(--desc-font-size, 1.2rem);color:rgba(var(--color-foreground),.7);margin:.3rem 0 0;line-height:1.3}.upsell__price{display:flex;align-items:center;gap:.4rem;font-size:var(--price-font-size, 1.4rem);line-height:1.1;white-space:nowrap}.upsell__price .regular-price{font-weight:600}.upsell__price .compare-price{text-decoration:line-through;color:rgba(var(--color-foreground),.5);font-size:.9em}.upsell__price--separate{margin-block-start:.4rem}.hide-compare-price .compare-price{display:none!important}.upsell__variant-picker{margin-block-start:.5rem;display:flex;flex-wrap:wrap;gap:.4rem}.upsell__select{position:relative}.upsell__select__input{appearance:none;-webkit-appearance:none;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:.4rem;color:rgb(var(--color-foreground));font-size:1.1rem;padding:.3rem 1.6rem .3rem .6rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='12' height='12'%3E%3Cpath fill='currentColor' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .3rem center}.upsell__select__input:focus{outline:2px solid rgba(var(--color-foreground),.4);outline-offset:1px}.upsell--btn-right .upsell__container{flex-direction:row}.upsell--btn-left .upsell__container{flex-direction:row-reverse}.upsell--btn-under .upsell__container{flex-wrap:wrap}.upsell--btn-under .upsell__add-btn{width:100%;margin-block-start:.6rem}.upsell__toggle-switch{flex:0 0 auto;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;margin-inline-start:.5rem}.toggle-switch{position:relative;display:inline-flex;align-items:center}.toggle-switch__slider{display:block;width:3.8rem;height:2rem;border-radius:1rem;background-color:rgba(var(--color-foreground),.2);position:relative;transition:background-color .2s ease}.toggle-switch__slider:after{content:"";display:block;width:1.4rem;height:1.4rem;border-radius:50%;background-color:rgb(var(--color-background));position:absolute;inset-block-start:.3rem;inset-inline-start:.3rem;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.upsell--selected .toggle-switch__slider{background-color:rgb(var(--accent-color, var(--color-button)))}.upsell--selected .toggle-switch__slider:after{transform:translate(1.8rem)}:dir(rtl) .upsell--selected .toggle-switch__slider:after{transform:translate(-1.8rem)}.upsell__checkbox{flex:0 0 auto;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;color:rgb(var(--color-foreground))}.upsell__checkbox-unchecked,.upsell__checkbox-checked,.upsell__plus-unchecked,.upsell__plus-checked{display:flex;align-items:center;justify-content:center}.upsell__checkbox-checked,.upsell__plus-checked,.upsell--selected .upsell__checkbox-unchecked,.upsell--selected .upsell__plus-unchecked{display:none}.upsell--selected .upsell__checkbox-checked,.upsell--selected .upsell__plus-checked{display:flex}.upsell__plus-btn{flex:0 0 auto;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));margin-inline-start:.5rem;font-size:2.6rem;width:1em;height:1em;border:solid .1rem rgba(var(--color-foreground),.75);border-radius:.1em;transition:.1s all ease-in-out}.upsell--selected .upsell__plus-btn{background:rgb(var(--accent-color, var(--color-button)));border-color:rgb(var(--accent-color, var(--color-button)));color:rgb(var(--color-background))}.upsell__add-btn{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:6rem;padding:.6rem 1.2rem;font-size:1.2rem;cursor:pointer}.upsell__add-btn-spinner{display:none;width:1.6rem;height:1.6rem;position:absolute}.upsell__add-btn.loading .upsell__add-btn-text{visibility:hidden}.upsell__add-btn.loading .upsell__add-btn-spinner{display:flex;align-items:center;justify-content:center}.upsell__add-btn-spinner .spinner{animation:cart-upsell-rotator 1.4s linear infinite}@keyframes cart-upsell-rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.upsell__add-btn-spinner .path{stroke:currentcolor;stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:cart-upsell-dash 1.4s ease-in-out infinite}@keyframes cart-upsell-dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.upsell__hidden-form{display:none}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-cart-drawer-upsell.css.map */