.dur-thankyou {
	position: relative;
	isolation: isolate;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
	text-align: center;
}

.dur-thankyou__media {
	position: absolute;
	inset: 0;
	z-index: -2;
}

/* Wash over the photo. The colours come only from the widget controls: clear them (or use
   "Remove overlay") and nothing is drawn. */
.dur-thankyou::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(to bottom, var(--dur-ty-top, transparent), var(--dur-ty-bottom, transparent));
	pointer-events: none;
}

/* Beats the global `img { height: auto }`. */
.dur-thankyou .dur-thankyou__media .dur-thankyou__img {
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}

.dur-thankyou__content {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 760px;
}

.dur-thankyou__logo {
	display: inline-flex;
	text-decoration: none;
	font-weight: 700;
}

.dur-thankyou__logo-img {
	display: block;
	max-width: 100%;
	height: auto;
}

.dur-thankyou__label,
.dur-thankyou__title,
.dur-thankyou__description {
	margin-block-start: 0;
	margin-block-end: 0;
}

.dur-thankyou__cta {
	display: inline-flex;
}