.email-preview{margin-top:28px;border-top:1px solid #dce0e3;padding-top:24px;scroll-margin-top:110px}.email-preview[hidden]{display:none}.email-preview h3{letter-spacing:-.02em;margin-bottom:15px}.email-preview .email-recipient{overflow-wrap:anywhere;color:#62676c;margin-bottom:17px}.email-preview>label{display:block;font-weight:600;margin-bottom:8px}.email-preview>textarea{display:block;width:100%;padding:13px;border:1px solid #cdd2d7;resize:vertical;background:#f9fafb;font-family:inherit;line-height:1.7;color:#343a40;border-radius:0}.email-preview-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.email-preview-actions .button{min-height:46px;padding:12px 17px}.email-preview-actions .secondary{border:1px solid #aeb7bf;background:#fff;color:#343a40}.email-preview-actions .secondary:hover{background:#f3f4f5}.email-instruction{color:#62676c;line-height:1.7;margin-top:14px}@media(max-width:760px){.email-preview>textarea{}.email-preview-actions{flex-direction:column}.email-preview-actions>.button{width:100%}}

.email-preview h3{font-size:var(--type-card)}
.email-preview .email-recipient,.email-preview>label,.email-instruction{font-size:var(--type-small);line-height:1.7}
.email-preview>textarea,.email-preview-actions .button{font-size:var(--type-body);line-height:1.7}
.email-preview-actions .button{min-height:50px}.email-preview>textarea{min-height:250px}
