div {
	margin-top: 10px;
}

button {
	margin-top: 10px;
}

.helper-text {
	color: red;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes pulse {
	0%,
	100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.5);
	}
}

.valid-container {
	border: 1px solid black;
	border-radius: 3px;
	min-height: 28px;
	height: 40px;
	padding-left: 5px;
	display: flex;
	align-items: center;
}

.invalid-container {
	border: 1px solid red;
	border-radius: 3px;
	min-height: 28px;
	height: 40px;
	padding-left: 5px;
	display: flex;
	align-items: center;
}

input {
	-webkit-font-smoothing: antialiased;
}