/* Shared Kit form appearance. The existing .signup-form and .join-button
   rules keep the yellow field and illustrated ticket from the site design. */
.kit-signup { width: 100%; }
.kit-signup .formkit-field { flex: 1; min-width: 0; }
.kit-signup .formkit-input { width: 100%; }
.kit-signup .join-button { position: relative; flex: none; }
.kit-signup .join-button > span { display: block; }
.kit-signup .formkit-alert { list-style: none; padding: 16px; margin: 20px 0; border: 1px solid currentColor; border-radius: 8px; font: 18px/1.5 var(--font-body); }
.kit-signup .formkit-alert:empty { display: none; }
.kit-signup .formkit-alert-error { color: #ffe4dc; background: #582923; }
.kit-signup .formkit-alert-success { color: #e6ffed; background: #214633; }
.kit-signup .formkit-powered-by-convertkit-container { text-align: center; margin-top: 12px; }
.kit-signup .formkit-powered-by-convertkit { color: #c8ced9; font: 13px/1.5 system-ui, sans-serif; }
.kit-signup .formkit-spinner { display: none; position: absolute; inset: 0; align-items: center; justify-content: center; gap: 7px; }
.kit-signup .formkit-spinner > div { width: 10px; height: 10px; border-radius: 50%; background: white; }
.kit-signup .formkit-submit[data-active] .formkit-spinner { display: flex; }
.kit-signup .formkit-submit[data-active] > span { opacity: .2; }
.kit-signup .formkit-submit[data-active] { cursor: wait; }
@media (max-width: 700px) {
  .kit-signup .formkit-field { flex: 0 0 100%; }
}