:root:has(.dd-c-donordrive-embed-donate[open]) {
	overflow: hidden;
}

.dd-c-donordrive-embed-donate {
	all: unset;
	background: transparent;
	border: 0;
	height: 100vh;
	left: 0;
	max-height: 100%;
	max-width: 100%;
	padding: 0;
	position: relative;
	top: 0;
	width: 100vw;
}

.dd-c-donation-reminder,
.dd-c-donation-reminder:popover-open {
	background: transparent;
	height: 202px;
	inset: unset;
	margin: 0;
	max-width: 488px;
	position: fixed;
	width: 100%;
	z-index: 99999;
}
.dd-c-donation-reminder.dd-v-donation-reminder-bottom-left,
.dd-c-donation-reminder:popover-open.dd-v-donation-reminder-bottom-left {
	bottom: 0px;
	left: 0px;
}
.dd-c-donation-reminder.dd-v-donation-reminder-bottom-right,
.dd-c-donation-reminder:popover-open.dd-v-donation-reminder-bottom-right {
	bottom: 0px;
	right: 0px;
}
.dd-c-donation-reminder.dd-v-donation-reminder-top-right,
.dd-c-donation-reminder:popover-open.dd-v-donation-reminder-top-right {
	right: 0px;
	top: 0px;
}

.dd-c-donordrive-embed-donate[open] {
	position: fixed;
}

.dd-c-donordrive-embed-donate::backdrop {
	animation: donordrive-embed-donate-fade-in 0.5s;
	background: rgba(0, 0, 0, 0.4);
}

.dd-c-donordrive-embed-donate .dd-c-embed-iframe {
	all: unset;
	display: block;
	height: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	translate: -50% -50%;
	width: 100%;
}

@media (width <= 450px) {
	.dd-c-donordrive-embed-donate .dd-c-embed-iframe {
		height: 100% !important;
	}

	.dd-c-donation-reminder.dd-v-donation-reminder-top-right,
	.dd-c-donation-reminder:popover-open.dd-v-donation-reminder-top-right {
		bottom: 0px;
		right: 0px;
		top: auto;
	}
}

@keyframes donordrive-embed-donate-fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}