input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none;  margin: 0; }
.number { display: inline-flex; width: 4.8em; align-items: stretch; color: #FFF; background: var(--col-blue); border-radius: .25em; border: 2px solid var(--col-gray); }
.number div { display: inline-flex; flex: 0 0 0; padding: 0 0.25rem; align-items: center; justify-content: center; font: normal 1.5em slimsklad; cursor: pointer; user-select: none; }
.number div:hover, .number div.active { background: var(--col-blue1); }
.number input { flex: 1 1 0; letter-spacing: -2px; min-width: 2em;  margin: 0; padding: .25em .1em; border: 0; border-radius: 0; text-align: right; box-sizing: border-box; font: normal 1em slimsklad; }
.number.disabled input { background: hsl(208, 0%, 75%); }
.number.disabled div { background: hsl(208, 0%, 44%); }