.field--name-quantity .form-type-number{margin:0;position:relative}.field--name-quantity .form-type-number label{position:absolute;top:-24px}.field--name-quantity .number-input-container{align-items:center;background-color:var(--color--gray-100);border:1px solid var(--color--gray-80);border-radius:10px;display:flex;justify-content:space-between;overflow:hidden;padding:0}.field--name-quantity .btn{background-color:#fff;border:0;cursor:pointer;font-family:arial;font-weight:700;padding:calc(var(--sp0-5) - 2px) 0;text-align:center;transition:background-color .3s;width:24px}@media (--md ){.field--name-quantity .btn{width:40px}}.field--name-quantity .btn:hover{background-color:var(--color--secondary-30);background-color:var(--color--gray-90)}.field--name-quantity .form-number{background-color:initial;border:0;display:inline-block;font-weight:700;outline:none;padding:calc(var(--sp0-5) - 2px) 0;text-align:center;width:38px}@media (--md ){.field--name-quantity .form-number{width:60px}}.field--name-quantity .form-number:focus{border-bottom:0;outline:unset}.field--name-quantity input[type=number]::-webkit-inner-spin-button,.field--name-quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field--name-quantity input[type=number]{appearance:textfield}