.edm-event-product form.variations_form {
	border: 1px solid #ddd;
	padding: 1.25rem;
	border-radius: 8px;
	margin-bottom: 1.5rem;
	background: #fafafa;
}

.edm-event-product form.variations_form table.variations {
	width: 100%;
}

.edm-event-product form.variations_form .label label {
	font-weight: 600;
}

.edm-account-card {
	border: 1px solid #e5e5e5;
	padding: 1rem 1.25rem;
	margin: 0 0 1.25rem;
	border-radius: 6px;
}

.edm-account-form .form-row {
	margin-bottom: 1rem;
}

.edm-materials {
	list-style: disc;
	margin-left: 1.25rem;
}

.edm-md-banner {
	--edm-md-on: #1d1b20;
	--edm-md-action: #6750a4;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	margin: 0 0 16px;
	padding: 16px;
	border: 0;
	border-radius: 12px;
	box-sizing: border-box;
	font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
	color: var(--edm-md-on);
	background: #ece6f0;
}

.edm-md-banner--error {
	--edm-md-on: #410e0b;
	--edm-md-action: #8c1d18;
	background: #f9dedc;
}

.edm-md-banner--success {
	--edm-md-on: #0d3b1e;
	--edm-md-action: #146c2e;
	background: #c4eed0;
}

.edm-md-banner--warning {
	--edm-md-on: #2a1700;
	--edm-md-action: #855300;
	background: #ffddb8;
}

.edm-md-banner__icon {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	margin-top: 2px;
	color: var(--edm-md-action);
}

.edm-md-banner__icon svg {
	display: block;
}

.edm-md-banner__body {
	flex: 1 1 auto;
	min-width: 0;
}

.edm-md-banner__title,
.edm-md-banner__text {
	margin: 0;
	color: var(--edm-md-on);
}

.edm-md-banner__title {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.1px;
	line-height: 20px;
}

.edm-md-banner__text {
	margin-top: 4px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.25px;
	line-height: 20px;
}

.edm-md-banner__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.edm-md-banner__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 12px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.1px;
	line-height: 20px;
	text-decoration: none;
	color: var(--edm-md-action);
	background: transparent;
}

.edm-md-banner__action:hover,
.edm-md-banner__action:focus {
	background: color-mix(in srgb, var(--edm-md-action) 8%, transparent);
	color: var(--edm-md-action);
	text-decoration: none;
}

.wc-proceed-to-checkout .edm-md-banner,
.wp-block-woocommerce-proceed-to-checkout-block .edm-md-banner,
.wp-block-woocommerce-checkout-actions-block .edm-md-banner {
	margin-bottom: 16px;
}