.universal-donation-checkout__payment-methods {
	display: grid;
	gap: 12px;
}

.universal-donation-checkout__payment-method-option {
	border: 1px solid #dddddd;
	cursor: pointer;
	padding: 16px 18px;
	transition: border-color 0.2s ease, background 0.2s ease;
}

.universal-donation-checkout__payment-method-option.is-selected,
.universal-donation-checkout__payment-method-option:has(input:checked) {
	background: #f8fafc;
	border-color: #111111;
}

.universal-donation-checkout__payment-method-option input {
	margin-right: 10px;
}

.universal-donation-checkout__payment-panel {
	border-top: 1px solid #e5e7eb;
	margin-top: 14px;
	padding-top: 14px;
}

.universal-donation-checkout__payment-note {
	color: #555555;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 14px;
}

.universal-donation-checkout__payment-status {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 14px;
}

.universal-donation-checkout__payment-status[data-state="error"] {
	color: #b42318;
}

.universal-donation-checkout__payment-status[data-state="pending"] {
	color: #1d4ed8;
}

.universal-donation-checkout__payment-status[data-state="success"] {
	color: #067647;
}

.universal-donation-checkout__payment-element {
	align-items: center;
	background: #ffffff;
	border: 1px solid #d0d5dd;
	border-radius: 4px;
	display: flex;
	min-height: 54px;
	padding: 16px 16px 16px 46px;
}

.universal-donation-checkout__payment-field:focus-within .universal-donation-checkout__payment-element {
	border-color: #111111;
}

.universal-donation-checkout__payment-field.has-error .universal-donation-checkout__payment-element {
	border-color: #b42318;
}