.number-input{align-items:center;display:inline-flex;gap:var(--space-size-s);--input-color:var(--color-brand-secondary);--placeholder-color:color-mix(in srgb,var(--color-brand-secondary) 60%,#0000);--placeholder-border-color:color-mix(in srgb,var(--color-brand-secondary) 20%,#0000);border:1px solid var(--placeholder-border-color);border-radius:4px;padding:var(--space-size-2xs) var(--space-size-xs);transition:border-color var(--transition-default-duration) var(--transition-default-timing-function)}.number-input:has(.number-input__input:focus){border-color:var(--input-color)}.number-input__input{appearance:none;background-color:initial;border:none;color:var(--input-color);font-family:inherit;font-weight:inherit;outline:0;text-align:center;transition:border-color var(--transition-default-duration) var(--transition-default-timing-function);width:3ch}.number-input__input::placeholder{color:var(--placeholder-color)}.number-input__input::-webkit-inner-spin-button,.number-input__input::-webkit-outer-spin-button{appearance:none;margin:0}.number-input__button{background-color:initial;border:none;color:var(--input-color);cursor:pointer;transition:opacity var(--transition-default-duration) var(--transition-default-timing-function)}.number-input__button[disabled]{cursor:default;opacity:.4}