#mercury-widget.custom-style {
  font-family: system-ui;
}
#mercury-widget.custom-style #chat-widget {
  background-color: #FFFFFFff;
  border-radius: 0px;
}
#mercury-widget.custom-style.overlay #chat-widget {
  box-shadow: #000000 1px 1px 20px 0px;
}
#mercury-widget.custom-style #chat-widget .header {
  background: #FFFFFFff;
}
#mercury-widget.custom-style #chat-widget .input-row .input:focus {
  outline-style: solid;
  outline-width: 2px;
  outline-color: #5688B68e;
}
#mercury-widget.custom-style .open-toggle, #mercury-widget.custom-style .close-toggle {
  background-color: #58008Dff;
}
#mercury-widget.custom-style .message-list .response-wrap .response {
  border-radius: 0px;
  font-size: 16px;
}
#mercury-widget.custom-style .message-list .response-wrap .response img {
  border-radius: 0px;
}
#mercury-widget.custom-style .message-list .response-wrap.BOT .response {
  background-color: #D65100ff;
  color: #FFFFFFff;
}
#mercury-widget.custom-style .message-list .response-wrap.USER .response {
  background-color: #7007BDff;
  color: #ffffff;
}
#mercury-widget.custom-style .message-list .response-wrap.HANDOVER .response {
  background-color: #FFE6CDff;
  color: #000000ff;
}
#mercury-widget.custom-style .message-list .response-wrap.KNOWLEDGE .response {
  background-color: #D65100ff;
  color: #FFFFFFff;
}
#mercury-widget.custom-style .message-list .message-date p {
  background: #EDD0FFff;
  color: #000000ff;
}
#mercury-widget.custom-style .message-list .response-wrap .timestamp {
  color: #000000ff;
}
#mercury-widget.custom-style .attachment.button-wrap button, #mercury-widget.custom-style .attachment.button-wrap a {
  background-color: #ffffff;
  color: #58008Dff;
  font-size: 16px;
}
#mercury-widget.custom-style .attachment.button-wrap button:hover, #mercury-widget.custom-style .attachment.button-wrap a:hover {
  background-color: #A31AFFff;
  color: #FFFFFFff;
  font-size: 16px;
}
#mercury-widget.custom-style .quick-reply-button button {
  background-color: #ffffff;
  box-shadow: #000000FF 0 0 3px 0;
  border-radius: 0px;
  color: #58008Dff;
  font-size: 16px;
}
#mercury-widget.custom-style .quick-reply-button button:hover {
  background-color: #A31AFFff;
  color: #ffffff;
}
#mercury-widget.custom-style .open-teaser .teaser-msg {
  background-color: #D65100ff;
  color: #FFFFFFff;
}
#mercury-widget.custom-style .open-teaser .teaser-btn {
  background-color: #ffffff;
  color: #58008Dff;
  border-radius: 0px;
}
#mercury-widget.custom-style .open-teaser .teaser-btn:hover {
  background-color: #A31AFFff;
  color: #FFFFFFff;
}
#mercury-widget.custom-style .teaser .teaser-msg {
  background-color: #D65100ff;
  color: #FFFFFFff;
}
#mercury-widget.custom-style .teaser .teaser-btn-wrapper .teaser-btn {
  background-color: #ffffff;
  color: #58008Dff;
  border-radius: 0px;
  box-shadow: #00000080 0 0 4px 0;
}
#mercury-widget.custom-style .teaser .teaser-btn-wrapper .teaser-btn:hover {
  background-color: #A31AFFff;
  color: #ffffff;
}