.donation-dialog {
	max-width: min(var(--wp--style--global--content-size), calc(100vw - 8rem));
	max-height: calc(100vh - 8rem);
	margin: auto;
	padding: 2rem;
	background-color: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base-contrast);
	position: fixed;
	border: 0;
	box-shadow: 3px 3px 16px #000;
}

.donation-dialog::backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	background-color: #000;
}

.donation-dialog header {
	position: sticky;
	top: -2rem;
	padding: 2rem 0;
	z-index: 10;
	background-color: var(--wp--preset--color--accent-1);
	border-bottom: 1px solid var(--wp--preset--color--base-contrast);
}
.donation-dialog header h1 {
	margin-block: 0;
}

.donation-dialog button.donation-dialog__close {
	position: absolute;
	top: 0rem;
	right: -2rem;
	background: none;
	border: none;
	font-size: 2rem;
	color: var(--wp--preset--color--base);
	padding: 1rem;
	cursor: pointer;
	outline: none;
}

.donation-dialog h1,
.donation-dialog h2,
.donation-dialog h3,
.donation-dialog a {color: var(--wp--preset--color--base);}

.donation-dialog input[type=text], .donation-dialog input[type=email] {
	display: block;
	margin-bottom: -1rem;
}
.donation-dialog input[type=submit] {
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--accent-1);
}

/* Spenden-Dialog im Editor verstecken, wenn er nicht explizit editiert wird */
.block-editor-block-list__block.wp-block-template-part[data-title="Donation Dialog"] {
	display: none;
}