.quantity-input{display:flex;align-items:center;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-1);overflow:hidden;background-color:transparent;max-width:120px;font-family:var(--font-mono);height:40px;min-width:120px;padding:0}.quantity-input__button{display:flex;align-items:center;justify-content:center;width:40px;height:100%;background-color:transparent;font-family:var(--font-mono);border:none;cursor:pointer;transition:background-color .2s ease;flex-shrink:0;margin:0;padding:0}.quantity-input__button:hover:not(:disabled){background-color:transparent;opacity:.5}.quantity-input__button:focus{background-color:var(--core-soft-grey)}.quantity-input__button:disabled{opacity:.5;cursor:not-allowed}.quantity-input__icon{font-size:var(--font-size-3);color:var(--color-text-primary);font-family:var(--font-mono);line-height:1;-webkit-user-select:none;user-select:none}.quantity-input__field{width:100%;height:40px;padding:0 var(--unit-2);border:none;text-align:center;font-size:var(--font-size-2);color:var(--color-text-primary);font-family:var(--font-mono);background-color:transparent;outline:none;-moz-appearance:textfield}.quantity-input__field::-webkit-outer-spin-button,.quantity-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input__field:focus{background-color:var(--color-background-primary-50)}.quantity-input--small{max-width:100px}.quantity-input--small .quantity-input__button{width:32px;height:32px}.quantity-input--small .quantity-input__field{height:32px;font-size:var(--font-size-1)}.quantity-input--large{max-width:140px}.quantity-input--large .quantity-input__button{width:48px;height:48px}.quantity-input--large .quantity-input__field{height:48px;font-size:var(--font-size-3)}.quantity-input:has(.quantity-input__field:disabled){opacity:.6;cursor:not-allowed}.quantity-input:has(.quantity-input__field:disabled) .quantity-input__button{cursor:not-allowed}@media(min-width:768px){.quantity-input{max-width:100px}.quantity-input__button{width:36px;height:32px}.quantity-input__field{height:32px;font-size:var(--font-size-2)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/quantity-input.css.map */