.number-input .text-field__label{max-width:calc(100% - var(--md-input-icon-area) - var(--md-spacing-3))}.number-input{align-items:center;display:flex;position:relative}.number-input__input{padding-right:calc(var(--md-spacing-12) + var(--md-spacing-2));-moz-appearance:textfield}.number-input__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input__controls{flex-direction:column;gap:0;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.number-input__btn{width:var(--md-button-height-small);height:calc((var(--md-text-field-height) - 2 * var(--md-divider-thickness)) / 2);color:var(--md-on-surface-variant);cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard);font-size:var(--md-icon-size-small);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.number-input__btn:hover{background-color:var(--md-surface-container-high)}.number-input__btn .material-symbols-outlined{font-size:var(--md-icon-size-small)}.number-input__btn--increment{border-radius:0 var(--md-shape-extra-small) 0 0}.number-input__btn--decrement{border-radius:0 0 var(--md-shape-extra-small) 0}
