.turnstile-pay-bill {
	max-width: 32rem;
	margin: 1.5rem auto;
	padding: 1.75rem 1.5rem;
	border: 1px solid currentColor;
	border-radius: 1rem;
	background: Canvas;
	color: CanvasText;
}

.turnstile-pay-bill__title {
	margin: 0 0 0.4rem;
	font-size: 1.5rem;
	letter-spacing: -0.02em;
}

.turnstile-pay-bill__lede {
	margin: 0 0 1.25rem;
	opacity: 0.82;
}

.turnstile-pay-bill__widget {
	min-height: 65px;
	margin-bottom: 1rem;
}

.turnstile-pay-bill__status {
	min-height: 1.5rem;
	margin: 0 0 1rem;
}

.turnstile-pay-bill__status[data-tone="error"] {
	color: #b42318;
}

.turnstile-pay-bill__pay {
	display: none;
	width: 100%;
	padding: 0.9rem 1.1rem;
	border-radius: 0.7rem;
	background: #1d4ed8;
	color: #fff !important;
	font: 600 1.05rem/1.2 system-ui, -apple-system, "Segoe UI", sans-serif;
	text-align: center;
	text-decoration: none;
}

.turnstile-pay-bill__pay:hover,
.turnstile-pay-bill__pay:focus {
	color: #fff;
}

.turnstile-pay-bill__pay:focus-visible {
	outline: 3px solid CanvasText;
	outline-offset: 3px;
}

.turnstile-pay-bill__misconfigured {
	color: #b42318;
}

@media (prefers-reduced-motion: reduce) {
	.turnstile-pay-bill * {
		transition: none !important;
	}
}