#contact-dialog { width: min(400px, calc(100% - 28px)); padding: 36px 24px 24px; }
#contact-dialog .contact-accessible-title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#contact-dialog .field { min-width: 0; margin-top: 0; }
#contact-dialog input[type="email"] { min-width: 0; width: 100%; max-width: 100%; min-height: 48px; font-size: 16px; }
#contact-dialog .dialog-close { min-width: 44px; min-height: 44px; top: 5px; right: 5px; }
#contact-dialog .button { min-height: 48px; margin-top: 18px; }
.contact-status { margin: 16px 0 0; padding: 12px 14px; font-size: 12px; line-height: 1.6; border-radius: 8px; overflow-wrap: anywhere; }
.contact-status[data-kind="success"] { color: #30501e; background: #edf6e7; border: 1px solid #d1e7c4; }
.contact-status[data-kind="error"] { color: #8c3f1f; background: #fff3ec; border: 1px solid #f0d3c3; }
.contact-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#contact-dialog button:disabled { opacity: .65; cursor: wait; }
@media (max-width: 360px) {
  #contact-dialog { padding: 36px 18px 20px; }
}