.chat .chat-history .inima-outbound-message{
  float:right !important;
  clear:both;
  text-align:left !important;
  background:#e8f1f3 !important;
}
.chat .chat-history .inima-outbound-message:after{
  left:93% !important;
  border-bottom-color:#e8f1f3 !important;
}
.chat .chat-history .inima-inbound-message{
  float:left !important;
  clear:both;
  text-align:left !important;
  background:#ffffff !important;
}
.chat .chat-history .inima-inbound-message:after{
  left:30px !important;
  border-bottom-color:#ffffff !important;
}
.chat .chat-history li.inima-direction-outbound .message-data{
  text-align:right !important;
  padding-right:6px;
}
.chat .chat-history li.inima-direction-inbound .message-data{
  text-align:left !important;
  padding-left:0;
}
.inima-voice-note{
  min-width:290px;
  max-width:360px;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.inima-voice-note-head{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  opacity:.82;
}
.inima-voice-note-player{
  display:flex;
  align-items:center;
  gap:9px;
}
.inima-voice-note audio{
  width:245px !important;
  max-width:100%;
  height:36px;
  display:block;
}
.inima-voice-duration{
  min-width:38px;
  font-size:11px;
  font-variant-numeric:tabular-nums;
  text-align:right;
  white-space:nowrap;
  opacity:.78;
}
@media (max-width:560px){
  .inima-voice-note{min-width:235px;max-width:275px}
  .inima-voice-note audio{width:190px !important}
}