input[type=number]{
	color: white;
	background-color: transparent;
	border-radius: 10px;
	padding-left: 7px;
	appearance: textfield;
	-moz-appearance: textfield;
}

input[type=number]:hover{
	color: black;
	background-color: white;
	appearance: number-input;
	-moz-appearance: number-input;
}

input[type=number]:focus{
	color: black;
	background-color: white;
	appearance: number-input;
	-moz-appearance: number-input;
}

.input-container {
  position: relative;
}

.label {
	top:0;
	left:1;
	right:2;
	display:flex;
	align-items:center;
	position:absolute;
	font-size:1rem;
	cursor:text;
	transition:.2s ease-in-out;
	box-sizing:border-box;
}

.input:valid + .label, .input:focus + .label {
	font-size: .8rem;
	top: -18px;
	pointer-events: none;
}