@import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap');

button.net-icon {
background: url('https://connect-nets.s3.ap-southeast-1.amazonaws.com/core/img/chat-icon.png') no-repeat !important;
background-size: cover !important;
}
#chat-widget{
  font-size: 16px !important;
}
path.chat {
  display: none !important;
}
.grdETY, .fJcMwM > button, p, .cRWbGW, div[data-testid="main-message"]{
  font-family:"Barlow", sans-serif !important;
}
.bAVIvL {
    border-radius: 35px !important;
	width: 340px !important;
}
.eHraHK {
  background: #dbdef1 !important;

}
div[direction="Incoming"] {
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  background-color: #ffffff;
  padding: 10px;
  border-radius: 15px;
}
div[direction="Incoming"] p, .Linkify{
  background-color: #ffffff !important;
  padding: 10px;
  border-radius: 15px;
  border: 1px solid #dbdef1;
}
div[direction="Incoming"] .Linkify{
  background-color: #ffffff !important;
  padding: 10px;
  border-radius: 15px;
  border: 1px solid #dbdef1;
}
div[direction="Incoming"]::after {
  display: none;
}
div[direction="Outgoing"] {
  background-color: #dbdef100;
  padding: 10px;
  border-radius: 15px;
  position: relative;
  align-items: flex-end;
  flex-direction: column;
  display: flex;
  border: 1px solid #ffffff;
}
div[direction="Outgoing"] p, .Linkify{
  background-color: #dbdef1 !important;
  padding: 10px;
  border-radius: 15px;
}
div[direction="Outgoing"]::after {
  display: none;
}

.jgTwfV {
  font-size: 12px;
}
.kAEwXN p{
  padding: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
}
.kAEwXN button:hover{
  background-color: #ffffff !important;
  color: #000000 !important;
}
.connect-customer-interface{
  width: 360px !important;
  border-radius: 25px 25px 25px 25px !important;
}
.hqqSAu {
  height: 390px !important;
}
.gIPOfW {
  border-radius: 0px 0px 25px 25px !important;
}
.iodjNM{
  max-width: 155px !important;
}
.grdETY{
  color: transparent;
  user-select: none;
  display: none;
}
@media (max-width: 640px) {
  [data-testid="amazon-connect-chat-wrapper"] {
    position: relative !important;
  }
  #chat-widget{
    font-size: 16px !important;
  }
  .connect-customer-interface{
    width: 320px !important;
  }
  .connect-customer-interface{
    height: 535px !important;
  }
  .hqqSAu {
    height: 350px !important;
    inset: 96px 0px 85px !important;
  }
}