/*
Kotori 2.8 
© Niji.Net 2020
www.nijinet.it
*/

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 0;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input quantita {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #ccc;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  margin: 0;
  position: relative;
background-color: #e7e7e7;
background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
background-repeat: repeat-x;  
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
}

.number-input quantita:before,
.number-input quantita:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 1rem;
  height: 2px;
  background-color: gray;
  transform: translate(-50%, -50%);
  top: 18px;
  left: 18px;
}
.number-input quantita.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number]
{
	font-family: sans-serif;
	max-width: 3.2rem;
	padding: .5rem;
	border: none;
	border-width: 0 2px;
	font-size: 1.6rem;
	height: 2.5rem;
	font-weight: 400;
	text-align: center;
}