#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 { margin-top: 5px; color: #eb0000; }

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;
	width: fit-content;
	display: inline-block;
	position: absolute;
	top: 20px;
	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; }