form {
	text-align: center;
}

input, select {
	border-radius: 0.5rem;
	font-size: 1rem;
	margin: 0.3rem;
	padding: 0.30rem;
	border-style: solid;
	border-width: 0.10rem;
	background-color: var(--background-color);
	color: var(--foreground-color);
	border-color: var(--svc-color, --foreground-color);
}

input:hover, select:hover {
	border-width: 0.15rem;
	padding: 0.25rem;
}

input:focus, select:focus {
	border-width: 0.20rem;
	padding: 0.20rem;
}

input[type=text] {
	font-family: monospace;
}

input#subdomain, input#ttl-value {
	text-align: right;
}

input[type=password] {
	width: 32ch;
	text-align: center;
}

#username {
	width: 16ch;
}

#keytag {
	width: 7ch;
}

input:invalid+span::after {
	content: '✖';
}

input:valid+span::after {
	content: ''; // ✓
}

input+span::after {
	display: inline-block;
	width: 20px;
	font-size: 30px;
	padding-left: 20px;
	font-family: monospace;
}

fieldset {
	border-radius: 1rem;
	border-width: 2px;
	border-style: solid;
	display: flex;
	flex-direction: row;
	justify-content: center;
	border-color: var(--svc-color, --foreground-color);
}