html, body {
  margin: 0px;
  height: 100%;
}

#chatbot-root {
  height: 100%;
}

#chatbot-root > div {
  height: 100%;
}

#chatbot-root .rsc {
  height: 100%;
}

/* header */
.rsc-header-title {
  font-weight: inherit;
}
/*  */

.vsc-initialized {
  margin: 0 8px;
}

.rsc-container {
  border-radius: unset !important;
}

li.rsc-os-option {
  display: block ;
}

button.rsc-os-option-element {
  width: 100%;
}

.rsc-ts-bubble {
    word-wrap: break-word;
}

a {
  color: #00F;
}

a:visited {
  color: #0080;
}

a:hover {
  color: #F00;
}

/* bot */
/* .rsc-header::after {
  content: '';
  display: inline-block;
  width: 111px;
  height: 115px;
  background-image: url('../img/together.png');
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
} */

/* .rsc-ts-bot {
  border-radius: unset;
} */

.rsc-ts-bot .rsc-ts-bubble {
  border: solid 1px #AAC4AC;
  box-shadow: none;
}
/*  */

/* user */
.rsc-ts-user .rsc-ts-bubble {
  border: solid 1px #EF918F;
  box-shadow: none;
}
.rsc-ts-user .rsc-ts-image-container {
  width: 12px;
}
.rsc-ts-user .rsc-ts-image {
  display: none;
}
/*  */
.rsc-footer::before {
  content: "";
  animation: shine 3s cubic-bezier(0.25, 0, 0.25, 1) infinite;
  background-color: #f4f8f2;
  width: 140%;
  height: 100%;
  transform: skewX(-45deg);
  top: 0;
  left: -160%;
  opacity: 0.5;
  position: absolute;
}
.rsc-footer.inputted::before {
  display: none;
}
@keyframes shine {
  0% {
    left: -160%;
    opacity: 0;
  }
  70% {
    left: -160%;
    opacity: 0.5;
  }
  71% {
    left: -160%;
    opacity: 1;
  }
  100% {
    left: -20%;
    opacity: 0;
  }
}