/* Both fields share the same chat-bubble treatment and alignment. */
.chat-field.outgoing {
  margin: 17px 24px 0 0;
  background: #fff;
  border-radius: 4px 17px 17px 17px;
}

.chat-field.outgoing::before {
  top: 0;
  right: auto;
  left: -9px;
  border: 0;
  border-top: 11px solid #fff;
  border-left: 10px solid transparent;
}

@media (max-width: 1000px) and (min-width: 641px) {
  .chat-field.outgoing { margin-left: 0; }
}

@media (max-width: 640px) {
  .chat-field.outgoing { margin: 15px 21px 0 0; }
}