.stripe-donate {
	--sd-bg: #ffffff;
	--sd-border: #d9e0ea;
	--sd-border-hover: #aeb9c9;
	--sd-focus: 0 0 0 3px rgba(37, 99, 235, 0.22);
	--sd-ink: #101828;
	--sd-muted: #667085;
	--sd-primary: #2563eb;
	--sd-primary-dark: #1d4ed8;
	--sd-primary-soft: #eff6ff;
	--sd-shadow: 0 18px 45px rgba(16, 24, 40, 0.1);
	box-sizing: border-box !important;
	color: var(--sd-ink) !important;
	font-family: inherit !important;
	line-height: 1.5 !important;
	margin: 0 auto !important;
	max-width: 440px !important;
	width: 100% !important;
}

.stripe-donate *,
.stripe-donate *::before,
.stripe-donate *::after {
	box-sizing: border-box !important;
}

.stripe-donate form,
.stripe-donate h2,
.stripe-donate p,
.stripe-donate label,
.stripe-donate input,
.stripe-donate select,
.stripe-donate button,
.stripe-donate header,
.stripe-donate footer,
.stripe-donate div,
.stripe-donate span {
	margin: 0 !important;
}

.stripe-donate .stripe-donate__card {
	background: var(--sd-bg) !important;
	border: 1px solid #e4e7ec !important;
	border-radius: 8px !important;
	box-shadow: var(--sd-shadow) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 16px !important;
	padding: 24px !important;
	width: 100% !important;
}

.stripe-donate .stripe-donate__header {
	text-align: center !important;
}

.stripe-donate .stripe-donate__header h2 {
	color: var(--sd-ink) !important;
	font-size: 21px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	line-height: 1.25 !important;
}

.stripe-donate .stripe-donate__header p {
	color: var(--sd-muted) !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
	margin-top: 6px !important;
}

.stripe-donate .stripe-donate__frequency,
.stripe-donate .stripe-donate__amounts,
.stripe-donate .stripe-donate__fields {
	display: grid !important;
	gap: 10px !important;
	width: 100% !important;
}

.stripe-donate .stripe-donate__frequency {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.stripe-donate .stripe-donate__frequency .stripe-donate__toggle:only-child {
	grid-column: 1 / -1 !important;
}

.stripe-donate .stripe-donate__amounts {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.stripe-donate .stripe-donate__toggle {
	cursor: pointer !important;
	display: block !important;
	min-width: 0 !important;
	padding: 0 !important;
	position: relative !important;
	width: 100% !important;
}

.stripe-donate .stripe-donate__toggle input[type="radio"] {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
}

.stripe-donate .stripe-donate__toggle > span,
.stripe-donate .stripe-donate__amount {
	align-items: center !important;
	background: #ffffff !important;
	border: 1px solid var(--sd-border) !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	color: var(--sd-ink) !important;
	cursor: pointer !important;
	display: flex !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	justify-content: center !important;
	line-height: 1.2 !important;
	min-height: 46px !important;
	min-width: 0 !important;
	padding: 10px 12px !important;
	text-align: center !important;
	text-decoration: none !important;
	transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease !important;
	width: 100% !important;
}

.stripe-donate .stripe-donate__toggle > span {
	pointer-events: none !important;
}

.stripe-donate .stripe-donate__amount {
	appearance: none !important;
	-webkit-appearance: none !important;
}

.stripe-donate .stripe-donate__amount > span,
.stripe-donate .stripe-donate__amount > span > span {
	pointer-events: none !important;
}

.stripe-donate .stripe-donate__toggle:hover > span,
.stripe-donate .stripe-donate__amount:hover {
	background: #f8fafc !important;
	border-color: var(--sd-border-hover) !important;
	color: var(--sd-ink) !important;
}

.stripe-donate .stripe-donate__toggle input[type="radio"]:focus-visible + span,
.stripe-donate .stripe-donate__amount:focus-visible,
.stripe-donate .stripe-donate__field input:focus,
.stripe-donate .stripe-donate__custom-amount:focus-within,
.stripe-donate .stripe-donate__submit:focus-visible {
	box-shadow: var(--sd-focus) !important;
	outline: none !important;
}

.stripe-donate .stripe-donate__toggle input[type="radio"]:checked + span,
.stripe-donate .stripe-donate__amount.is-selected,
.stripe-donate .stripe-donate__amount[aria-pressed="true"] {
	background: var(--sd-primary-soft) !important;
	border-color: var(--sd-primary) !important;
	color: #1e40af !important;
}

.stripe-donate .stripe-donate__toggle input[type="radio"]:checked + span {
	background: var(--sd-primary) !important;
	color: #ffffff !important;
}

.stripe-donate .stripe-donate__field,
.stripe-donate .stripe-donate__amount-entry {
	display: grid !important;
	gap: 6px !important;
	width: 100% !important;
}

.stripe-donate .stripe-donate__field > span,
.stripe-donate .stripe-donate__amount-entry > label {
	color: var(--sd-ink) !important;
	display: block !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

.stripe-donate .stripe-donate__field input {
	appearance: none !important;
	-webkit-appearance: none !important;
	background: #ffffff !important;
	border: 1px solid var(--sd-border) !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	color: var(--sd-ink) !important;
	display: block !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	min-height: 46px !important;
	padding: 10px 12px !important;
	transition: border-color 140ms ease, box-shadow 140ms ease !important;
	width: 100% !important;
}

.stripe-donate .stripe-donate__field input:focus {
	border-color: var(--sd-primary) !important;
}

.stripe-donate .stripe-donate__custom-amount {
	align-items: center !important;
	background: #ffffff !important;
	border: 1px solid var(--sd-border) !important;
	border-radius: 6px !important;
	cursor: text !important;
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr) auto !important;
	min-height: 50px !important;
	overflow: hidden !important;
	padding: 6px 0 6px 12px !important;
	transition: border-color 140ms ease, box-shadow 140ms ease !important;
	width: 100% !important;
}

.stripe-donate .stripe-donate__custom-amount:focus-within {
	border-color: var(--sd-primary) !important;
}

.stripe-donate .stripe-donate__custom-symbol {
	color: var(--sd-ink) !important;
	display: inline-flex !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	padding-right: 10px !important;
}

.stripe-donate .stripe-donate__custom-input {
	appearance: textfield !important;
	-webkit-appearance: none !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--sd-ink) !important;
	display: block !important;
	font-family: inherit !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	min-height: 36px !important;
	min-width: 0 !important;
	outline: none !important;
	padding: 0 !important;
	width: 100% !important;
}

.stripe-donate .stripe-donate__custom-input::-webkit-outer-spin-button,
.stripe-donate .stripe-donate__custom-input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

.stripe-donate .stripe-donate__custom-amount select {
	appearance: auto !important;
	-webkit-appearance: menulist !important;
	background: #ffffff !important;
	border: 0 !important;
	border-left: 1px solid var(--sd-border) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--sd-ink) !important;
	cursor: pointer !important;
	display: block !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	min-height: 38px !important;
	min-width: 82px !important;
	outline: none !important;
	padding: 0 8px 0 12px !important;
	width: auto !important;
}

.stripe-donate .stripe-donate__checkout-row {
	align-items: center !important;
	border-top: 1px solid #edf1f6 !important;
	color: var(--sd-muted) !important;
	display: flex !important;
	font-size: 13px !important;
	gap: 12px !important;
	justify-content: space-between !important;
	line-height: 1.3 !important;
	padding-top: 14px !important;
}

.stripe-donate .stripe-donate__checkout-row strong {
	background: #0f172a !important;
	border-radius: 6px !important;
	color: #ffffff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	padding: 8px 10px !important;
}

.stripe-donate .stripe-donate__submit {
	appearance: none !important;
	-webkit-appearance: none !important;
	align-items: center !important;
	background: var(--sd-primary) !important;
	border: 0 !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	color: #ffffff !important;
	cursor: pointer !important;
	display: inline-flex !important;
	font-family: inherit !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	justify-content: center !important;
	line-height: 1.2 !important;
	min-height: 48px !important;
	padding: 12px 16px !important;
	text-align: center !important;
	transition: background-color 140ms ease, transform 140ms ease !important;
	width: 100% !important;
}

.stripe-donate .stripe-donate__submit:hover {
	background: var(--sd-primary-dark) !important;
	color: #ffffff !important;
}

.stripe-donate .stripe-donate__submit:active {
	transform: translateY(1px) !important;
}

.stripe-donate .stripe-donate__submit:disabled {
	background: #93b4f4 !important;
	cursor: wait !important;
	transform: none !important;
}

.stripe-donate .stripe-donate__footer {
	align-items: center !important;
	border-top: 1px solid #edf1f6 !important;
	color: var(--sd-muted) !important;
	display: flex !important;
	flex-wrap: wrap !important;
	font-size: 12px !important;
	gap: 8px 12px !important;
	justify-content: center !important;
	line-height: 1.35 !important;
	padding-top: 12px !important;
}

.stripe-donate .stripe-donate__footer span {
	margin-right: auto !important;
}

.stripe-donate .stripe-donate__footer a {
	color: var(--sd-muted) !important;
	text-decoration: none !important;
}

.stripe-donate .stripe-donate__footer a:hover {
	color: var(--sd-primary-dark) !important;
	text-decoration: underline !important;
}

.stripe-donate .stripe-donate__notice {
	border-radius: 6px !important;
	display: grid !important;
	gap: 4px !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
	margin: 0 0 12px !important;
	padding: 10px 12px !important;
}

.stripe-donate .stripe-donate__notice strong {
	display: block !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
}

.stripe-donate .stripe-donate__notice span {
	display: block !important;
}

.stripe-donate .stripe-donate__notice--success {
	background: #ecfdf3 !important;
	color: #0f766e !important;
}

.stripe-donate .stripe-donate__notice--cancel {
	background: #f5f7fa !important;
	color: #475467 !important;
}

.stripe-donate .stripe-donate__notice--error {
	background: #fef3f2 !important;
	color: #b42318 !important;
}

@media (max-width: 420px) {
	.stripe-donate .stripe-donate__card {
		padding: 20px !important;
	}

	.stripe-donate .stripe-donate__amounts {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 340px) {
	.stripe-donate .stripe-donate__frequency {
		grid-template-columns: 1fr !important;
	}

	.stripe-donate .stripe-donate__custom-amount {
		grid-template-columns: auto minmax(70px, 1fr) auto !important;
	}

	.stripe-donate .stripe-donate__footer span {
		margin-right: 0 !important;
		width: 100% !important;
	}
}