.quantity-input{--quantity-step-size:var(--field-height);grid-template-columns:var(--quantity-step-size) minmax(0,1fr) var(--quantity-step-size);width:calc(var(--quantity-step-size) + var(--quantity-step-size) + 44px);max-width:100%;min-height:var(--quantity-step-size);background:var(--overlay-0a);border-radius:4px;flex-shrink:0;align-items:center;gap:4px;transition:box-shadow .2s,background .2s;display:inline-grid;box-shadow:inset 0 0 0 1px #0000}.quantity-input:hover{box-shadow:inset 0 0 0 1px var(--field-hover)}.quantity-input:has(.quantity-input__input:focus-visible){box-shadow:inset 0 0 0 1px var(--field-focus),var(--focus-ring)}.quantity-input__button{width:var(--quantity-step-size);height:var(--quantity-step-size);min-height:var(--quantity-step-size);color:var(--cream);background:0 0;border-radius:4px;place-items:center;padding:0;transition:background .2s;display:grid}.quantity-input__button:hover:not(:disabled){background:var(--overlay-16)}.quantity-input__button:disabled{opacity:.35}.quantity-input__button:focus-visible{box-shadow:inset 0 0 0 1px var(--field-focus),inset 0 0 0 3px rgb(from var(--gold) r g b/12%);outline:none}.quantity-input__input{appearance:textfield;width:100%;min-width:0;min-height:var(--quantity-step-size);text-align:center;color:var(--cream);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:4px;padding:0;font-size:16px;font-weight:500}.quantity-input__input:disabled{opacity:.35}.quantity-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-input__input:focus-visible{box-shadow:none;outline:none}.quantity-input__icon{--icon-stroke-width:2;stroke-width:2px;width:18px;height:18px}