.noptin-submitting { cursor: progress; pointer-events: none; position: relative; }
.noptin-submitting .noptin-block-form-footer, .noptin-submitting .noptin-block-form-header, .noptin-submitting .noptin-form-fields, .noptin-submitting .noptin-form-footer, .noptin-submitting .noptin-form-header, .noptin-submitting .noptin-widget-form-footer, .noptin-submitting .noptin-widget-form-header { opacity: 0.2; transition: opacity 0.3s; }
.noptin-submitting::after { animation: 1s linear 0s infinite normal none running noptin-spin; border-width: 3px; border-style: solid; border-color: rgb(52, 152, 219) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3); border-image: none; border-radius: 50%; content: ""; height: 30px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 30px; }
.noptin-submitting button[type="submit"], .noptin-submitting input[type="submit"] { cursor: not-allowed; opacity: 0.5; }
@keyframes noptin-spin { 
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(1turn); }
}
.noptin-alert { border: 1px solid transparent; border-radius: 0.25rem; clear: both; font-size: 0.8em; margin-bottom: 1rem; margin-top: 1rem; padding: 0.75rem 1.25rem; }
.noptin-error { background-color: rgb(248, 215, 218); border-color: rgb(245, 198, 203); color: rgb(114, 28, 36); }
.noptin-success { background-color: rgb(212, 237, 218); border-color: rgb(195, 230, 203); color: rgb(21, 87, 36); }
.noptin-email-optin-widget form:not(.noptin-form-submitted) .noptin-form-notice, .noptin-optin-form-wrapper form:not(.noptin-form-submitted) .noptin-form-notice, .noptin-optin-form:not(.noptin-form-submitted) .noptin-form-notice, .wp-block-noptin-email-optin form:not(.noptin-form-submitted) .noptin-form-notice, form.noptin-newsletter-form:not(.noptin-form-submitted) .noptin-form-notice, form.noptin-optin-form:not(.noptin-form-submitted) .noptin-form-notice { display: none; }
input[name^="noptin_ign"] { display: none !important; }
.noptin-newsletter-form .noptin-text { max-width: 480px; width: 100%; }
.noptin-newsletter-form .noptin-form-field-wrapper { max-width: 480px; }
:where([data-parity-root].rtl) :where(.noptin-text, .noptin-form-field) { --noptin-field-dir: rtl; direction: var(--noptin-field-dir); text-align: start; }