.customer-details { margin-bottom: 24px; }
.customer-details .customer-kind { max-width: 400px; margin-bottom: 28px; }
.customer-section { border: 0; border-top: 1px solid #dce5f3; padding: 20px 0 4px; margin: 0 0 24px; min-width: 0; }
.customer-section legend { font-size: 16px; font-weight: 800; letter-spacing: -.03em; padding: 0 12px 0 0; max-width: 100%; }
.customer-section-help { font-size: 12px; line-height: 1.7; color: #53627a; margin: 0 0 22px; }
.customer-company { background: #f3f7ff; border: 1px solid #dce5f3; border-radius: 12px; padding: 18px 18px 0; }
.customer-company legend { padding: 0 8px; margin-left: -8px; }
.customer-company[hidden] { display: none; }
.customer-email { margin: 0; padding: 12px 0; font-size: 13px; font-weight: 400; overflow-wrap: anywhere; }
.field-optional { color: #53627a; font-weight: 400; }
.customer-details .form-field input, .customer-details .form-field select { min-width: 0; }
.registration-dialog .customer-section legend { font-size: 1rem; }
.registration-dialog .customer-section-help { font-size: .78rem; }
.registration-dialog .customer-section { margin-bottom: 22px; }
.registration-dialog .customer-details { margin-bottom: 26px; }
@media (max-width: 600px) {
    .customer-section legend { font-size: 15px; }
    .customer-company { padding-inline: 13px; }
    .registration-dialog .customer-section legend { font-size: .92rem; }
}