.pe-lead-dialog {
	--pe-cta-ink: #fff;
	--pe-cta-bg: #2b2b2f;
	--pe-cta-error: #ffb4be;
	--pe-cta-focus: #c9a6ff;

	width: min(760px, calc(100% - 32px));
	max-width: min(760px, calc(100% - 32px));
	max-height: calc(100% - 32px);
	margin: auto;
	padding: 0;
	border: 0;
	background: #2b2b2f;
	color: #fff;
	overflow: auto;
}

.pe-lead-dialog::backdrop {
	background: rgba(8, 8, 16, 0.72);
}

.pe-lead-dialog__inner {
	padding: 28px 32px 32px;
}

.pe-lead-dialog__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.pe-lead-dialog__head h2 {
	margin: 0;
	color: inherit;
	font-family: Tektur, Play, sans-serif;
	font-size: 32px;
	font-weight: 500;
	font-variation-settings: "wdth" 100;
	line-height: 1.3;
	letter-spacing: -0.5px;
}

.pe-lead-dialog__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: transparent;
	color: #fff;
	font: 400 28px/1 Play, Arial, sans-serif;
	cursor: pointer;
}

.pe-lead-dialog__close:hover {
	background: rgba(255, 255, 255, 0.08);
}

.pe-lead-dialog__close:focus-visible,
.pe-lead-dialog a:focus-visible {
	outline: 2px solid var(--pe-cta-focus);
	outline-offset: 3px;
}

.pe-lead-dialog__intro {
	margin: 0 0 20px;
	font: 400 16px/1.5 Play, Arial, sans-serif;
}

.pe-lead-dialog .pe-cta__bottom {
	margin-top: 28px;
}

@media (max-width: 600px) {
	.pe-lead-dialog__inner {
		padding: 20px 16px 24px;
	}

	.pe-lead-dialog__head h2 {
		font-size: 26px;
	}
}