:root {
	--rz-card-padding: 2.75rem;
	--rz-card-heading-margin-bottom: 2.5rem;
	--rz-gap: 0.5rem;
}

.rz-body {
	background-color: var(--principale-pale);
	padding-bottom: 4.5rem;
}

@media (min-width: 768px) {
	.rz-body {
		padding-top: 5rem;
	}
}

.login-content {
	max-width: 50rem;
	margin: 0 auto;
}

.login-content-wide {
	max-width: 85rem;
	margin: 0 auto;
}

.login-margin-bottom, .rz-card p.login-margin-bottom {
	margin-bottom: 2.5rem;
}

.rz-display-flex .login-margin-bottom, .rz-card .rz-display-flex p.login-margin-bottom {
	margin-bottom: calc(2rem - var(--rz-gap));
}

.rz-display-flex .login-margin-bottom-large {
	margin-bottom: calc(2.5rem - var(--rz-gap));
}

label {
	font-weight: bold;
}

	label:has(.invalid) {
		color: var(--rz-danger);
	}

.rz-textbox {
	width: 100%;
	margin-top: 0.5rem;
}

.link-button {
	background: none;
	border: none;
	color: var(--rz-link-color);
	font-size: var(--rz-body-font-size);
	text-decoration: var(--rz-link-text-decoration);
	cursor: pointer;
	padding: 0;
}

	.link-button:hover {
		color: var(--rz-link-hover-color);
		text-decoration: var(--rz-link-hover-text-decoration);
	}