.content-window {
  border-radius: $chat-wrapper-border-radius; /*$chat-wrapper-border-radius*/
  background: $background-theme; /*$background-theme*/
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.05);
}

.chat-header-border {
    border-top: $chat-border-top; /*$chat-border-top*/
}

.ng-scrollbar-thumb {
  background-color: $scrollbar-color; /*$scrollbar-color*/
}

.ng-scrollbar-thumb:hover,
.ng-scrollbar-thumb:active {
  background-color: $scrollbar-color-active; /*$scrollbar-color-active*/
}

.component {
  position: relative;
  display: block;
  width: $width; /*$width*/
  height: $height; /*$height*/
}

.incoming .message-content {
  background: $incoming-message-background; /*$incoming-message-background*/
  color: $incoming-message-color; /*$incoming-message-color*/
  border-radius: $chat-border-radius; /*$chat-border-radius*/
}

.close-chat button {
  fill: $close-chat-button-cross; /*$close-chat-button-cross*/
  background: $close-chat-button-background; /*$close-chat-button-background*/
  box-shadow: 0 12px 14px -6px $close-chat-btn-background-shadow; /*$close-chat-btn-background-shadow*/
}

.cross-close-btn {
  fill: $typing-dots; /*$typing-dots*/
  background: $background-theme; /*$background-theme*/
}

circle.moving {
  stroke: $spinner-moving; /*$spinner-moving*/
}

circle.static {
  stroke: #cccfd2; /*$spinner-background*/
  opacity: $spinner-background-opacity; /*$spinner-background-opacity*/
}

.interactive-message {
  color: $typing-dots; /*$typing-dots*/
  border: $icr-border; /*$icr-border*/
  background: $background-theme; /*$background-theme*/
}

.interactive-message:hover {
  color: $additional-message-text-color; /*$additional-message-text-color*/
  background: $additional-message-background; /*$additional-message-background*/
  border: $icr-border-hover; /*$icr-border-hover*/
}