@charset "utf-8";

.single .point {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}
.single p.point i {
  color: #6C9FCE;
}
.fas {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.chat {
  display: flex;
  justify-content: center;
  position: relative;
  align-items: flex-start;
  font-size: 12px;
}
.chat.l {
  justify-content: flex-start;
}
.dialogue {
  position: relative;
}
.dialogue::before {
  content: "";
  border-color: transparent transparent transparent #5f80ac;
  content: "";
  position: absolute;
  top: 17px;
  right: -17px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0px 10px 15px;
  z-index: 3;
}
.dialogue.le::before {
  border-color: transparent #5f80ac transparent transparent;
  border-width: 10px 15px 10px 0px;
  left: -17px;
}
.dialogue::after {
  content: "";
  position: absolute;
  top: 17px;
  right: -14px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0px 10px 15px;
  z-index: 4;
  border-color: transparent transparent transparent #FFF;
}
.dialogue.le::after {
  border-color: transparent #FFF transparent transparent;
  border-width: 10px 15px 10px 0px;
  left: -14px;
  display: none;
}
.chat img {
  width: 100px;
  width: 10%;
  /* height: 100px; */
  border-radius: 50%;
}
.chat div {
  word-break: break-word;
  max-width: 70%;
  border: 1px solid #7badd8;
  border: 2px solid #5f80ac;
  font-size: 14px;
  padding: 20px;
  margin-top: 50px;
  margin-bottom: 50px;
  border-radius: 10px;
}
.chat:has( + .chat ) div {
  margin-bottom: 10px;
}
.chat div .point {
  font-size: 17px;
}
.big {
  font-size: 17px;
}
.chat .circle {
  max-width: 110px;
  width: 30%;
  /* width: 20%; */
  border-radius: 50%;
  padding: 0;
  border: none;
  text-align: right;
}
.chat.l .circle {
  text-align: left;
}
.chat .circle img {
  width: calc(100% - 20px);
}
.chat.l .circle img {
  width: calc(100% - 30px);
}