input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
  margin: 0;
}

.offcanvas.offcanvas-end {
  width: 540px;
}

.input-spinner .action-button {
  height: 2rem;
  width: 1.8rem;
  border-color: #ecf0ef;
  background-color: transparent;
}

.input-spinner .action-button:hover {
  background-color: #ecf0ef;
  border-color: #ecf0ef;
}

.input-spinner .form-input {
  width: 2rem !important;
  height: 100%;
  min-height: 2rem;
  text-align: center;
  border: 1px solid #ecf0ef;
  background: 0 0;
  outline: 0;
}