.rw-widget-embedded .rw-messages-container::before {
  content: '';
  font-size: 12px;
  color: #6f7175;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;
  white-space: pre;
  line-height: 1.5;
}

.masterbot-ko .rw-widget-embedded .rw-messages-container::before {
  content: '잠깐! 채팅 전 확인해 주세요\A\A① 말풍선을 누르면 멤버의 목소리가 들려요!\A\A② 대화모드는 진행 상황에 따라 자동으로 설정돼요. \A[버튼 선택 모드] : 버튼을 눌러 답변 선택 가능 \A[메세지 입력 모드] : 채팅창에 직접 메세지 입력\A\A③ 만약 대화가 멈춘다면 아래와 같이 진행해보세요! \A[버튼 선택 모드] : 대화창 우측 상단 새로고침 아이콘 선택\A[메세지 입력 모드] : 대화창에 ‘나인아이봇’ 텍스트 입력\A\A간혹 답변이 느리더라도 조금만 기다려주세요!';
}
.masterbot-en .rw-widget-embedded .rw-messages-container::before {
  content: "Wait! Please check before chatting\A\A①  If you press the speech balloon, \Ayou can hear the member's voice!\A\A② Conversation mode will automatically \A changed follow conversation process. \A[CHAT MODE : Select Button] :\A Can choose reply with select button. \A[CHAT MODE : Type a message] :\A Can input message on the chat window.\A\A③ If conversation is freezing, try \A[CHAT MODE : Select Button] : \A Select refresh icon that right top on chat window.\A[CHAT MODE : Type a message] : \A input text 'nineibot' in chat window.\A\APlease wait a little bit even if the answer is a little slow.";
}
.rw-launcher img {
  margin: 0 auto;
}
.rw-conversation-container {
  margin-top: 30px;
  color: #1e1e1f;
}
.rw-conversation-container .rw-messages-container {
  background: #f0ecf9;
}
.rw-conversation-container .rw-message {
  font-size: 14px !important;
}
.rw-conversation-container .rw-header {
  background-color: #9873ea !important;
}
.rw-conversation-container .rw-client {
  background-color: #9873ea !important;
}
.rw-conversation-container .rw-reply {
  background-color: #9873ea !important;
  border: 1px solid #9873ea !important;
}
.rw-carousel-container .rw-carousel-card .rw-carousel-buttons-container .rw-reply {
  background-color: #9873ea !important;
  border: 1px solid #9873ea !important;
}
.rw-conversation-container .rw-header.rw-with-subtitle .rw-avatar {
  border-radius: 100%;
}
.rw-conversation-container .rw-avatar {
  width: 40px !important;
  height: 40px !important;
}
.rw-conversation-container .rw-replies {
  margin: 20px 0px 5px !important;
  font-size: 14px !important;
}
.rw-conversation-container .rw-replies:before {
  content: '항목을 선택해주세요';
  margin: 5px 10px;
  font-size: 15px;
  color: #bbbbbb;
  font-weight: 100;
  width: 100%;
}
.rw-conversation-container .rw-reply {
  padding: 10px !important;
  border-radius: 10px !important;
  max-width: 400px !important;
  width: 90%;
  cursor: default !important;
  text-align: start !important;
}
.rw-conversation-container .rw-tags {
  margin: 10px 0px 15px;
  display: flex;
  line-height: 20px;
  flex-wrap: wrap;
  font-size: 16px;
}
.rw-conversation-container .rw-tags span {
  margin: 5px;
  padding: 5px 15px;
  color: #e9135f;
  border-radius: 5px;
  background: #ffe8e9;
  font-size: 14px;
}
.rw-conversation-container .guide {
  margin: 30px 0px 0px;
  font-size: 15px;
  color: #ababab;
  font-weight: 100;
}
span.rw-with-avatar:after {
  content: 'BETA';
  border: 1px solid white;
  border-radius: 3px;
  margin-left: 8px;
  padding: 2px 4px;
  font-size: 12px;
}
.rw-happy {
  border-radius: 0 15px 15px 0;
  background-color: #f4f7f9;
  color: #000;
  padding: 10px 15px 20px;
  margin: 10px 10px 0px 0px;
}
.rw-happy-group {
  padding: 15px 0px 10px;
  color: #621c82 !important;
  font-size: 18px !important;
}
.rw-happy-item {
  padding: 5px 0px 10px;
}
.rw-happy-title {
  margin: 10px 0px 15px;
  color: #e9135f;
}
.rw-happy-desc {
  margin: 15px 0px 5px;
}
.rw-launcher {
  background-color: #621c82 !important;
}
.rw-launcher .rw-tooltip-body .rw-reply {
  background-color: #e9135f !important;
  border: 1px solid #e9135f !important;
}
.rw-conversation-container .rw-send .rw-send-icon-ready {
  fill: #621c82 !important;
}
.rw-conversation-container .rw-image-frame {
  max-width: 400px !important;
}
button {
  cursor: default !important;
}
.rw-response {
  overflow: hidden;
  position: relative;
}
.rw-response-bg {
  width: 100%;
  position: absolute;
  background: #9873ea;
  height: 3px;
  bottom: 0px;
  left: 0px;
}
.rw-message:not(.rw-typing-indication)
  .rw-response:not(:has(> .rw-message-text > .rw-markdown > p)) {
  display: none;
}
.rw-response.voice-text::after {
  background: url(../images/chat/ninei/sound.svg) no-repeat center;
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  position: absolute;
  right: 10px;
  top: 10px;
}
.rw-response.voice-text.playing::after {
  display: none;
}
.rw-conversation-container .rw-message-text {
  position: relative;
}
.rw-conversation-container .rw-response.voice-text .rw-message-text {
  margin-right: 15px;
}
.rw-conversation-container .rw-response.voice-text.playing .rw-message-text {
  color: #9873ea;
}
.rw-group-message.rw-from-response .rw-message:not(:first-child):not(:only-child).rw-with-avatar {
  margin-left: 0px !important;
  padding-left: 56px !important;
}
.rw-group-message.rw-from-response .rw-message:first-child .rw-response {
  max-width: calc(85% - 39px) !important;
}
.play-sound-info {
  background: #e9135f;
  color: white;
  border-radius: 10px;
  padding: 3px 8px;
  font-size: 13px !important;
  display: inline-flex;
  align-items: center;
}
.play-sound-info::after {
  background: url(../images/chat/ninei/play.svg) no-repeat center;
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  margin-left: 3px;
}
.play-sound-info.playing::after {
  background: url(../images/chat/ninei/stop.svg) no-repeat center;
}
.rw-conversation-container .rw-sender {
  padding: 10px 5px !important;
}
.rw-conversation-container .rw-new-message {
  margin: 5px 0px;
}
.rw-conversation-container .rw-send {
  margin: 0px;
}
.rw-conversation-container .rw-send svg {
  display: none;
}
.rw-conversation-container .rw-send::after {
  background: url(../images/chat/send_button.svg) no-repeat center;
  content: '';
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0px 5px;
  background-size: contain;
}
.rw-conversation-container .rw-send:disabled::after {
  display: none;
}
.rw-group-message.rw-from-response .chatting-locking {
  display: flex;
  align-items: center;
  margin-left: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #6f7175;
}