.wp-block-wrd-modal {
	transition: display 300ms allow-discrete, overlay 300ms allow-discrete,
		opacity 300ms ease, transform 300ms ease;

	opacity: 0;
	transform: translateY(2rem);

	&::backdrop {
		opacity: 0;
		background: rgba(0 0 0 / 0.25);
		transition: opacity 500ms ease;
	}

	&[open] {
		opacity: 1;
		transform: translateY(0);

		&::backdrop {
			opacity: 1;

			@starting-style {
				opacity: 0;
			}
		}

		@starting-style {
			opacity: 0;
			transform: translateY(2rem);
		}
	}
}