#quiz-kit-chat-frame-container {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 10000001;
  border-radius: var(--q-container-border-radius) 0 0 var(--q-container-border-radius);
  width: min(571px, 100%);
  height: min(960px, 100vh);
  min-height: 80px;
  max-height: 960px;
  box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.1);
  transform: scale(0);
  transform-origin: right bottom;
  transition: width 200ms, height 200ms, max-height 200ms, transform 300ms cubic-bezier(0, 1.2, 1, 1), opacity 83ms ease-out;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

@supports (max-height: 100dvh) {
  #quiz-kit-chat-frame-container {
    height: min(960px, 100dvh);
  }
}

#quiz-kit-chat-frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  opacity: 0;
  visibility: hidden;
}

#quiz-kit-chat-frame-container.quiz-kit-chat-opened {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

#quiz-kit-chat-frame-container.quiz-kit-chat-opened #quiz-kit-chat-frame {
  opacity: 1;
  visibility: visible;
}