next-ucap-messenger/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.scss

.date-split {
  display: flex;
  align-content: center;
  flex-flow: row;
  .line {
    height: 1px;
    background-color: #cccccc;
    width: 40%;
    flex: 1 1 auto;
    margin-bottom: 10px;
  }
  .date {
    width: 160px;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
  }
}