.separator { margin-top: 1em; margin-bottom: 1em; margin-left: auto; margin-right: auto; text-align: center; } .separator img { width: 100%; } hr { margin-top: 2em; margin-bottom: 2em; font-size: 1em; text-align: center; border: none; background: none; } hr:after { content: '*'; font-size: 1em; border: none; background: none; } hr+p { text-indent: 0 !important; } hr.inline-extra-top, hr.inline-extra-bottom { display: none; } hr.inline-extra-top:after, hr.inline-extra-bottom:after { content: ''; } blockquote p+p { text-indent: 0 !important; margin-top: 1em; } .text-message { width: 65%; } .text-message>p { font-family: system-ui , Helvetica , sans-serif; font-style: normal; text-indent: 0 !important; margin-top: 0.5em; } .received>p { background-color: #e6e5ea; border: 1px solid #e6e5ea; text-align: left; padding: 10px; border-radius: 0.8em; } .sent { text-align: right; margin-left: 30%; } .sent>p { background-color: #9ecdff; border: 1px solid #9ecdff; text-align: right; padding: 10px; border-radius: 0.8em; } .text-message>p.notification { font-family: system-ui , Helvetica , sans-serif; font-weight: bold; font-style: normal; margin-top: 1em; background-color: transparent; }