@layer components{.NumberField{display:-ms-inline-flexbox;display:inline-flex;border:1px solid #c1c6e4;border-radius:4px;background:#fff}.NumberField__less,.NumberField__more{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;-ms-flex-negative:0;flex-shrink:0;width:22px;height:22px;font-size:12px;outline:0;-webkit-transition:background-color .15s ease-in-out;transition:background-color .15s ease-in-out}.NumberField__less:disabled,.NumberField__more:disabled{cursor:not-allowed}.NumberField__value{max-width:4em;background:rgba(0,0,0,0);border:0;text-align:center;font-size:14px;-moz-appearance:textfield;border-radius:0;outline:0;border-left:1px solid #c1c6e4;border-right:1px solid #c1c6e4}.NumberField__value::-webkit-inner-spin-button,.NumberField__value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.NumberField:active,.NumberField:active .NumberField__value,.NumberField:focus,.NumberField:focus .NumberField__value,.NumberField:hover,.NumberField:hover .NumberField__value{border-color:#747892}.NumberField--disabled,.NumberField--disabled:active,.NumberField--disabled:focus,.NumberField--disabled:hover{opacity:.5;border-color:#c1c6e4}.NumberField--disabled .NumberField__value,.NumberField--disabled:active .NumberField__value,.NumberField--disabled:focus .NumberField__value,.NumberField--disabled:hover .NumberField__value{border-color:#c1c6e4}.NumberField--block{display:-ms-flexbox;display:flex}.NumberField--block .NumberField__value{-ms-flex-positive:1;flex-grow:1;width:0;max-width:none}}