.sm-personalization-form-dialog {
	background-color: var(
		--sm--personalization-form--dialog--background-color,
		white
	);
	border-radius: var(--sm--personalization-form--dialog--border-radius, 0.5rem);
	padding: 1.25rem;
	box-shadow:
		0 10px 15px -3px rgb(0 0 0 / 0.1),
		0 4px 6px -4px rgb(0 0 0 / 0.1);
	width: 100%;
	box-sizing: border-box;
	max-width: calc(100% - 2rem);
}

@media (min-width: 768px) {
	.sm-personalization-form-dialog {
		max-width: 30rem;
	}
}

.sm-personalization-form-content {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.sm-personalization-form-items {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.sm-personalization-form-item {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.sm-personalization-form-item-label {
	color: var(--sm--personalization-form--item-label--color);
	font-size: var(
		--sm--personalization-form--item-label--font-size,
		var(--wp--preset--font-size--medium, 1.125rem)
	);
}

.sm-personalization-form-item-input {
	background-color: var(
		--sm--personalization-form--item-input--background-color,
		white
	);
	color: var(--sm--personalization-form--item-input--color);
	font-size: var(
		--sm--personalization-form--item-input--font-size,
		var(--wp--preset--font-size--medium, 1.125rem)
	);
	border-color: var(
		--sm--personalization-form--item-input--border-color,
		#dcd7ca
	);
	border-radius: var(--sm--personalization-form--item-input--border-radius, 0);
	border-style: var(
		--sm--personalization-form--item-input--border-style,
		solid
	);
	border-width: var(--sm--personalization-form--item-input--border-width, 1px);
	padding: 0.75rem;
}

.sm-personalization-form-disclaimer {
	color: var(--sm--personalization-form--disclaimer--color);
	font-size: var(
		--sm--personalization-form--disclaimer--font-size,
		var(--wp--preset--font-size--small, 0.875rem)
	);
}

.sm-personalization-form-footer {
	display: flex;
	justify-content: center;
}

.sm-personalization-form-submit-button {
	background-color: var(
		--sm--personalization-form--submit-button--background-color,
		black
	);
	color: var(--sm--personalization-form--submit-button--color, white);
	border: none;
	border-radius: var(
		--sm--personalization-form--submit-button--border-radius,
		0.25rem
	);
	padding: 0.75rem 1rem;
	font-size: var(
		--sm--personalization-form--submit-button--font-size,
		var(--wp--preset--font-size--large, 1.375rem)
	);
}