/*
 * Split from components.css. Selectors unchanged.
 * Request a Screening band.
 */

/* ---------- Screening band ---------- */

.wpx-screening-band {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	color: var(--c-text);
	background-color: var(--c-white);
}

.wpx-screening-band::before {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: var(--wpx-section-bg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.28;
	content: '';
	pointer-events: none;
}

.wpx-screening-band > * {
	position: relative;
	z-index: 1;
}

.wpx-screening-band .wpx-form--screening {
	padding-top: var(--sp-6);
}