/* Form containment only: campaign marketing content retains its own width. */
.dc-giving-form-surface,
.campaigns-archive-giving,
.campaign-single__form-wrapper,
.campaign-single__form-wrapper--wide,
.campaign-giving-tabs,
.dc-giving-embedded {
	box-sizing: border-box;
	width: 100%;
	max-width: 40rem;
	min-width: 0;
	margin-inline: auto;
	overflow-wrap: anywhere;
}
.dc-giving-form-surface {
	padding-inline: 1rem;
}
.dc-giving-form-surface iframe {
	max-width: 100%;
}
.dc-tithely-choices {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
}
.dc-tithely-choices > a {
	max-width: 100%;
	white-space: normal;
	text-align: center;
}
.dc-tithely-dialog {
	box-sizing: border-box;
	width: calc(100% - 2rem);
	max-width: 40rem;
	height: min(52rem, calc(100dvh - 2rem));
	max-height: calc(100dvh - 2rem);
	padding: 1rem;
	border: 1px solid var(--base-400, #9ca3af);
	border-radius: 1rem;
	background: var(--base-0, #fff);
	color: var(--base-900, #111827);
}
.dc-tithely-dialog[open] {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
.dc-tithely-dialog::backdrop {
	background: rgb(0 0 0 / 65%);
}
.dc-tithely-dialog__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}
.dc-tithely-dialog button,
.dc-tithely-dialog > a,
.dc-tithely-open {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 0.75rem;
	font: inherit;
	overflow-wrap: anywhere;
}
.dc-tithely-dialog button {
	border: 1px solid currentColor;
	border-radius: 0.375rem;
	background: transparent;
	color: inherit;
	cursor: pointer;
}
.dc-tithely-dialog button:hover {
	background: var(--base-100, #f3f4f6);
}
.dark .dc-tithely-dialog {
	background: var(--base-900, #111827);
	color: var(--base-50, #f9fafb);
}
.dark .dc-tithely-dialog button:hover {
	background: var(--base-800, #1f2937);
}
.dc-tithely-dialog a {
	color: inherit;
	text-decoration: underline;
}
.dc-tithely-dialog :focus-visible,
.dc-tithely-open:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}
.dc-tithely-dialog iframe {
	flex: 1;
	min-height: 0;
	width: 100%;
	border: 0;
	background: #fff;
}
#tithely-web-widget-outer {
	box-sizing: border-box;
	width: calc(100% - 2rem) !important;
	min-width: 0 !important;
	max-width: 40rem !important;
	margin-inline: auto !important;
}
#tithely-frame-wrap,
#tithely-web-widget-wrapper {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 40rem !important;
}