.upsell__quantity{margin:.8rem 0;display:flex;justify-content:center;align-items:center}.upsell__quantity[data-position=after_price]{margin-top:.6rem;margin-bottom:1rem}.upsell__quantity[data-position=before_button]{margin-right:.8rem;margin-top:0;margin-bottom:0}.upsell-quantity{--upsell-scale: .75;--upsell-button-size: calc(3.5rem * var(--upsell-scale));--upsell-input-width: calc(4.5rem * var(--upsell-scale));--upsell-border-radius: calc(var(--border-radius) * .8);display:flex;align-items:center;gap:0;width:auto;max-width:fit-content;border-radius:var(--upsell-border-radius);background-color:rgba(var(--accent-color),.04);border:1px solid rgba(var(--accent-color),.15);transition:all var(--duration-default) ease}.upsell-quantity:hover{border-color:rgba(var(--accent-color),.25);background-color:rgba(var(--accent-color),.06)}.upsell-quantity.quantity--small{--upsell-scale: .7}.upsell-quantity.quantity--medium{--upsell-scale: .85}.upsell-quantity .quantity__button{width:var(--upsell-button-size);height:var(--upsell-button-size);min-width:var(--upsell-button-size);min-height:var(--upsell-button-size);display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:rgba(var(--accent-2-color),.8);cursor:pointer;border-radius:var(--upsell-border-radius);transition:all var(--duration-short) ease;padding:0;margin:0}.upsell-quantity .quantity__button:hover{background-color:rgba(var(--accent-color),.1);color:rgb(var(--accent-2-color));transform:scale(1.1)}.upsell-quantity .quantity__button:active{transform:scale(.95)}.upsell-quantity .quantity__button svg{width:calc(1.2rem * var(--upsell-scale));height:calc(1.2rem * var(--upsell-scale));fill:currentColor}.upsell-quantity .quantity__input{width:var(--upsell-input-width);height:var(--upsell-button-size);border:none;background:transparent;text-align:center;font-size:calc(1.2rem * var(--upsell-scale));font-weight:500;color:rgb(var(--accent-2-color));margin:0;padding:0;border-radius:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.upsell-quantity .quantity__input::-webkit-outer-spin-button,.upsell-quantity .quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.upsell-quantity .quantity__input:focus{outline:none;background-color:rgba(var(--accent-color),.08);color:rgb(var(--accent-2-color))}.upsell__quantity-and-btn{display:flex;align-items:center;gap:.8rem;width:100%}.upsell__add-btn--with-quantity{flex:1;min-width:0}.upsell--add_button .upsell__quantity-and-btn{flex-direction:row;align-items:center}.upsell--toggle_switch .upsell__quantity,.upsell--checkbox_1 .upsell__quantity,.upsell--checkbox_2 .upsell__quantity,.upsell--plus_button .upsell__quantity{margin-bottom:1.2rem}@media screen and (max-width: 749px){.upsell-quantity{--upsell-scale: .65}.upsell__quantity[data-position=before_button]{margin-right:.6rem}.upsell__quantity-and-btn{gap:.6rem}.upsell--toggle_switch .upsell__quantity,.upsell--checkbox_1 .upsell__quantity,.upsell--checkbox_2 .upsell__quantity,.upsell--plus_button .upsell__quantity{margin-bottom:1rem}}@media screen and (min-width: 750px) and (max-width: 989px){.upsell-quantity{--upsell-scale: .72}}@media screen and (min-width: 990px){.upsell-quantity{--upsell-scale: .78}.upsell__quantity[data-position=before_button]{margin-right:1rem}.upsell__quantity-and-btn{gap:1rem}}[dir=rtl] .upsell__quantity[data-position=before_button]{margin-right:0;margin-left:.8rem}[dir=rtl] .upsell__quantity-and-btn{flex-direction:row-reverse}@media screen and (min-width: 990px){[dir=rtl] .upsell__quantity[data-position=before_button]{margin-left:1rem}}.upsell-quantity .quantity__button:focus-visible{outline:2px solid rgba(var(--accent-color),.8);outline-offset:2px}.upsell-quantity .quantity__input:focus-visible{outline:2px solid rgba(var(--accent-color),.8);outline-offset:2px}.color-accent-1 .upsell-quantity,.color-accent-2 .upsell-quantity{background-color:rgba(var(--color-foreground),.04);border-color:rgba(var(--color-foreground),.15)}.color-accent-1 .upsell-quantity:hover,.color-accent-2 .upsell-quantity:hover{background-color:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-foreground),.25)}.color-accent-1 .upsell-quantity .quantity__button,.color-accent-2 .upsell-quantity .quantity__button{color:rgba(var(--color-foreground),.8)}.color-accent-1 .upsell-quantity .quantity__button:hover,.color-accent-2 .upsell-quantity .quantity__button:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.1)}.color-accent-1 .upsell-quantity .quantity__input,.color-accent-2 .upsell-quantity .quantity__input{color:rgb(var(--color-foreground))}.color-accent-1 .upsell-quantity .quantity__input:focus,.color-accent-2 .upsell-quantity .quantity__input:focus{background-color:rgba(var(--color-foreground),.08)}.upsells-container--stacked-columns{align-items:stretch!important}.upsells-container--stacked-columns .upsell{height:100%;display:flex;flex-direction:column}.upsells-container--stacked-columns .upsell__container{flex:1;display:flex;flex-direction:column;min-height:100%}.upsells-container--stacked-columns .upsell__content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.upsells-container--stacked-columns .upsell__title{flex-grow:0;flex-shrink:0;margin-bottom:auto}.upsells-container--stacked-columns .upsell__desc{flex-grow:0;flex-shrink:0;margin:.8rem 0}.upsells-container--stacked-columns .upsell__price,.upsells-container--stacked-columns .upsell__quantity{margin-top:auto;flex-grow:0;flex-shrink:0}.upsells-container--stacked-columns .upsell__toggle-switch,.upsells-container--stacked-columns .upsell__checkbox,.upsells-container--stacked-columns .upsell__plus-btn,.upsells-container--stacked-columns .upsell__add-btn{margin-top:auto;align-self:flex-end}.upsells-container--stacked-columns .upsell__quantity-and-btn{margin-top:auto;width:100%}.upsells-container--stacked-columns .upsell__image{margin-right:0;margin-bottom:1rem;align-self:center}.upsell__title h3{font-size:calc(var(--title-font-size) * .91)!important;line-height:1.3;font-weight:500}.upsells-container--stacked-columns .upsell__title h3{font-size:calc(var(--title-font-size) * .82)!important;line-height:1.25;margin-bottom:.5rem}.upsells-container--stacked-columns .upsell__desc{font-size:calc(var(--desc-font-size) * .9);line-height:1.3;margin:.5rem 0 .8rem;text-align:center}@media screen and (max-width: 749px){.upsells-container--stacked-columns .upsell__container{padding:1rem}.upsells-container--stacked-columns .upsell__image{margin-bottom:.8rem}.upsells-container--stacked-columns .upsell__title h3{font-size:calc(var(--title-font-size) * .77)!important;line-height:1.2}.upsells-container--stacked-columns .upsell__desc{font-size:calc(var(--desc-font-size) * .85)}}@media screen and (min-width: 750px) and (max-width: 989px){.upsells-container--stacked-columns .upsell__container{padding:1.2rem}.upsells-container--stacked-columns .upsell__title h3{font-size:calc(var(--title-font-size) * .84)!important}}@media screen and (min-width: 990px){.upsells-container--stacked-columns .upsell__container{padding:1.5rem}.upsells-container--stacked-columns .upsell__title h3{font-size:calc(var(--title-font-size) * .87)!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/upsell-quantity.css.map */