.inputContainer {
	position: relative;
	font-size: 1.1rem;

	& > .inputLabel {
		position: absolute;
		top: 48%;
		left: 10px;
		transform: translateY(-50%);
		padding: 0 4px;
		background-color: #d94253;
		font-size: 1em;
		font-weight: 300;
		color: #ffffff;
		transition: top 0.3s ease, font-size 0.3s ease;
		pointer-events: none;

		&.focused {
			top: 0;
			font-size: 0.8em;
		}
	}

	& > .input {
		padding: 10px 20px;
		width: 100%;
		border: 1px solid #ffffff;
		border-radius: 5px;
		background-color: #d94253;
		font-size: 1em;
		font-weight: 300;
		color: #ffffff;
		outline: none;
	}

	& > .passwordToggleButton {
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 7px;
		width: calc(20px + 1em);
		height: 100%;
		border: none;
		background-color: transparent;
		color: #ffffff;
	}
}