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

	& > .input {
		padding: 7px 14px;
		width: 100%;
		border: 1px solid #e1e1e1;
		border-radius: 5px;
		background-color: #ffffff;
		font-size: 0.95rem;
		font-weight: 300;
		color: #d94253;
		outline: none;
		transition: border-color 0.3s ease;

		&::placeholder {
			color: #eca0a9;
		}

		&:focus {
			border-color: #d94253;
		}
	}

	& > .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: #eca0a9;
	}
}
