.input-eye {
	border: 0;
	background: transparent;
	cursor: pointer;
}

.input-eye:focus-visible {
	outline: 3px solid rgba(11, 116, 209, 0.28);
	outline-offset: 5px;
}

.input-eye[aria-pressed="true"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 5px;
	width: 28px;
	height: 2px;
	background: #697d9c;
	transform: rotate(-38deg);
}

.login-account-note {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: -2px 0 2px;
	color: #61708a;
	font-size: 13px;
	line-height: 1.55;
}

.login-account-note > span {
	display: inline-grid;
	place-items: center;
	width: 19px;
	height: 19px;
	flex: 0 0 19px;
	border-radius: 50%;
	background: #e8f2ff;
	color: #075dcc;
	font-size: 12px;
	font-weight: 800;
}

.login-account-note p {
	margin: 0;
}

@media (max-width: 1100px) {
	.login-shell {
		display: block;
		background: #f3f7fc;
	}

	.login-visual {
		display: none;
	}

	.login-panel {
		min-height: 100vh;
		padding: 40px 20px 88px;
	}

	.login-card {
		width: min(560px, 100%);
		min-height: 0;
	}
}

@media (max-width: 560px) {
	.login-panel {
		align-items: flex-start;
		padding: 20px 12px 96px;
	}

	.login-card {
		width: 100%;
		padding: 30px 20px 24px;
	}

	.login-card-head h2 {
		font-size: 29px;
	}

	.login-alert {
		font-size: 13px;
	}

	.login-security-note {
		display: none;
	}

	.login-footer {
		font-size: 11px;
	}
}