﻿.EPiServerForms {
	background-color: var(--sd-color-neutral-light-10);
	border: var(--sd-border-1) var(--sd-color-neutral-light-40);
	padding: var(--lg);
	border-radius: var(--sd-border-radius-sm);
	max-inline-size: 45rem;
	margin-inline-start: 0;
	margin-inline-end: auto;
	margin-bottom: 3em;
}
	.EPiServerForms h2 {
		color: var(--sd-color-neutral-dark-40);
		font-weight: normal;
		font-size: var(--sd-typography-fontSize-text-lg);
		line-height: var(--sd-typography-lineHeight-text-lg);
		margin: 1.5rem 0;
	}
	.EPiServerForms button, .EPiServerForms .button {
		border-radius: 0;
	}
	.EPiServerForms .ValidationRequired .Form__Element__Caption::before {
		content: " *";
		color: var(--sd-color-danger-30);
	}
	.EPiServerForms .ValidationRequired .Form__Element__Caption::after {
		content: none;
	}
	.EPiServerForms label, .EPiServerForms .label, .EPiServerForms .Form__Element__Caption {
		font-weight: normal;
		font-size: var(--sd-typography-fontSize-text-sm);
		line-height: var(--sd-label-line-height);
		color: var(--sd-color-neutral-dark-80);
		display: block;
	}
	.EPiServerForms input, .EPiServerForms {
		width: 100%;
	}
		.EPiServerForms :is(input, textarea) {
			border: var(--sd-border-1) var(--sd-color-border-input-default);
		}
			.EPiServerForms :is(input, textarea):hover {
				border-color: var(--sd-color-border-input-hover);
				background-color: transparent;
			}

