.complementary-quantity-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:.625rem;margin-top:.75rem;padding:0;width:100%}.complementary-quantity-label{font-size:.6875rem;font-weight:500;color:rgba(var(--color-foreground),.6);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;line-height:1}.complementary-quantity{display:inline-flex;align-items:center;border:1px solid rgba(var(--color-foreground),.18);border-radius:6px;overflow:hidden;background:rgb(var(--color-background));position:relative;z-index:10;height:32px;flex-shrink:0}.complementary-qty-btn{flex:0 0 auto;width:32px;height:32px;padding:0;margin:0;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;color:rgb(var(--color-foreground));position:relative;z-index:11}.complementary-qty-btn:hover{background:rgba(var(--color-foreground),.06)}.complementary-qty-btn:active{background:rgba(var(--color-foreground),.12);transform:scale(.95)}.complementary-qty-btn svg{width:12px;height:12px;pointer-events:none}.complementary-quantity-input{flex:0 0 auto;width:40px;height:32px;text-align:center;border:none;border-left:1px solid rgba(var(--color-foreground),.18);border-right:1px solid rgba(var(--color-foreground),.18);font-size:.875rem;font-weight:600;background:transparent;color:rgb(var(--color-foreground));-moz-appearance:textfield;pointer-events:auto;position:relative;z-index:11;padding:0;margin:0;cursor:default}.complementary-quantity-input::-webkit-outer-spin-button,.complementary-quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.complementary-quantity-input:focus{outline:none}.complementary-quantity-wrapper,.complementary-quantity,.complementary-quantity *,.complementary-quantity-label{pointer-events:auto!important;-webkit-user-select:none;user-select:none;touch-action:none!important;-webkit-user-drag:none!important}.complementary-qty-btn,.complementary-quantity-input{draggable:false}.card--horizontal .complementary-quantity-wrapper{margin-top:.625rem;margin-bottom:0}.card__content .complementary-quantity-wrapper{order:2;margin-top:.75rem;margin-bottom:.5rem}@media screen and (max-width: 749px){.complementary-quantity-wrapper{gap:.5rem;margin-top:.625rem}.complementary-quantity{height:30px}.complementary-qty-btn{width:30px;height:30px}.complementary-qty-btn svg{width:11px;height:11px}.complementary-quantity-input{width:36px;height:30px;font-size:.8125rem}.complementary-quantity-label{font-size:.625rem}}@media screen and (min-width: 750px) and (max-width: 989px){.complementary-quantity-wrapper{margin-top:.625rem}}.card__information{order:1}.card__badge{order:3}.card__content{display:flex;flex-direction:column}.complementary-products .price--on-sale .price__sale,.product-recommendations .price--on-sale .price__sale{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:nowrap}.complementary-products .price--on-sale .price__sale .price__compare-price,.product-recommendations .price--on-sale .price__sale .price__compare-price{order:-1;margin:0}.complementary-products .price--on-sale .price__sale .price-item--sale,.product-recommendations .price--on-sale .price__sale .price-item--sale{order:1;margin:0}.complementary-products .price--on-sale .price__regular,.product-recommendations .price--on-sale .price__regular{display:none!important}.complementary-products .price:not(.price--on-sale) .price__sale,.product-recommendations .price:not(.price--on-sale) .price__sale{display:none}.complementary-products .price:not(.price--on-sale) .price__regular,.product-recommendations .price:not(.price--on-sale) .price__regular{display:block}@media screen and (max-width: 749px){.complementary-products .price--on-sale .price__sale,.product-recommendations .price--on-sale .price__sale{gap:.375rem}}.complementary-products .price--on-sale .price__sale .price-item--regular,.product-recommendations .price--on-sale .price__sale .price-item--regular{font-weight:400!important;font-size:.9em;opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/2/assets/complementary-quantity.css.map */