.secure-bill-pay {
  --secure-bill-pay-text: #1f2933;
  --secure-bill-pay-border: #a8b2bd;
  --secure-bill-pay-background: #fff;
  --secure-bill-pay-accent: #185fa5;
  --secure-bill-pay-radius: 0.375rem;
  --secure-bill-pay-spacing: 1rem;
  --secure-bill-pay-max-width: 1000px;
  color: var(--secure-bill-pay-text);
  max-width: var(--secure-bill-pay-max-width);
}
.secure-bill-pay__field { margin-bottom: var(--secure-bill-pay-spacing); }
.secure-bill-pay__label { display: block; font-weight: 600; margin-bottom: 0.25rem; }
.secure-bill-pay__help { margin: 0 0 0.5rem; }
.secure-bill-pay__input { background: var(--secure-bill-pay-background); border: 1px solid var(--secure-bill-pay-border); border-radius: var(--secure-bill-pay-radius); box-sizing: border-box; color: inherit; padding: 0.65rem; width: 100%; }
.secure-bill-pay__input:focus, .secure-bill-pay__button:focus { outline: 3px solid color-mix(in srgb, var(--secure-bill-pay-accent) 45%, transparent); outline-offset: 2px; }
.secure-bill-pay__amount { align-items: center; display: flex; gap: 0.5rem; }
.secure-bill-pay__button { background: var(--secure-bill-pay-accent); border: 0; border-radius: var(--secure-bill-pay-radius); color: #fff; cursor: pointer; padding: 0.75rem 1rem; }
.secure-bill-pay__button[disabled] { cursor: wait; opacity: 0.65; }
.secure-bill-pay__errors { min-height: 1.5em; }
.secure-bill-pay__hosted { margin-top: var(--secure-bill-pay-spacing); max-width: 100%; width: 100%; }
.secure-bill-pay__iframe { border: 0; box-sizing: border-box; display: block; max-width: 100%; width: 100%; }
.secure-bill-pay__honeypot { height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px; }
@media (prefers-reduced-motion: reduce) { .secure-bill-pay * { scroll-behavior: auto !important; transition: none !important; } }
