.newsletter [hidden] {
  display: none !important;
}

.newsletter-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.newsletter-honeypot {
  display: none;
}

.newsletter .footer-form-input {
  padding-right: 9rem;
}

.newsletter .footer-form-input:focus-visible {
  outline: 2px solid var(--fg--foreground-3);
  outline-offset: -2px;
}

.newsletter .footer-form-btn:focus-visible {
  outline: 2px solid var(--fg--foreground-1);
  outline-offset: -3px;
}

.newsletter .footer-form-btn:disabled {
  cursor: wait;
  opacity: .6;
}

.newsletter-message {
  margin: 0;
}

.newsletter-error {
  margin-top: 1rem;
  color: #f5aaa4;
}

.newsletter-success {
  padding: 1rem 0;
}

.newsletter-success:focus {
  outline: none;
}