.kigu-video-conversation-overlay {
  display: none;
  flex-direction: column;
  gap: 10px;
  transform: translateY(-100%);
  margin-top: -7px; /* TODO: where does this offset come from? */

  &[data-conversation-show-overlay-value="false"] {
    display: none;
  }

  &[data-conversation-show-overlay-value="true"] {
    display: flex;
  }
}

[data-conversation-show-response-input-value="true"] #response-window {
  display: flex;
}

[data-conversation-show-response-input-value="false"] #response-window {
  display: none;
}