// Ensure placeholders don't show if not processed
:where(pwp-block,wp-dxp):empty,
:where(pwp-block,wp-dxp):not(:defined) {
	display: none !important;
}

:where(pwp-content-variations) {
	// Displays when JS runs and not hidden, or when JS not running irregardless of hidden
	&:where(
		:defined:not([hidden]),
		:not(:defined)
	) {
		display:block;
	}
}

:where(pwp-block-pwd) {
	&:not(:defined) {
		display: none;
	}
	&:defined {
		display: block;
	}
}
:where(.personalizewp-password-form) {
	:where(.personalizewp-password-form-input input) {
		display: block;
		font: inherit;
		padding: calc(.332em + 2px) calc(.667em + 2px);
		border: 1px solid silver;
		border-radius: .225rem;
	}
	:where([aria-invalid="true"]) {
		outline: 2px solid red;

		~ :where(.invalid-feedback) {
			display: block;
			visibility: visible;
		}
	}
}