#swappables form p { margin: -10px auto 0; }
#swappables .form { flex-direction: column; align-items: center; }
#swappables .formbtn { font-size: clamp(13px, 3vw, 18px); font-weight: 500; }
#swappables label { position: relative; }
#swappables .logerror:empty, #swappables .logerror.nomore ~ * { display: none; }
#swappables .logerror {
	border: solid 2px darkorange;
	border-radius: 5px;
	padding: 5px;
	background: #ff8c0040;
	margin: unset;
}

a.formbtn {
	width: fit-content; min-width: 90px;
	height: unset; padding: 10px;
	display: block; margin: auto;
	text-align: center;
}
a.formbtn:hover, a.formbtn:focus { margin: -1px auto; }

.other { margin-top: 25px; gap: 5px 15px; text-align: center; }
.other > div { width: 50%; text-wrap: balance; }

#passtoggler {
	padding: 1px 0 2px;
	width: fit-content;
	display: inline-block;
	position: absolute;
	top: 18px;
	right: -32px;
	border-radius: 10px;
}
#passtoggler > img { height: 18px; margin: 0 5px -3px; opacity: .65; }
#passtoggler:hover > img, #passtoggler:focus > img { opacity: 1; }
#passtoggler:hover, #passtoggler:focus { border: solid 1px black; margin: -1px; }

#swappables span {
	display: block; visibility: hidden;
	opacity: 0; font-style: italic;
	width: 100%; text-align: center;
	font-size: 15px;
}
#password:focus ~ span { visibility: visible; }