#quiz-kit-chat-frame-container {
  --q-motion-linear: linear(0, 0.0125, 0.0443, 0.0886, 0.1404, 0.1962, 0.2535, 0.3103, 0.3655, 0.4184, 0.4683, 0.5151, 0.5587, 0.5989, 0.636, 0.67, 0.7012, 0.7295, 0.7554, 0.7789, 0.8002, 0.8196, 0.8371, 0.853, 0.8673, 0.8803, 0.892, 0.9026, 0.9121, 0.9208, 0.9286, 0.9356, 0.9419, 0.9476, 0.9528, 0.9575, 0.9616, 0.9654, 0.9688, 0.9719, 0.9747, 0.9772, 0.9794, 0.9815, 0.9833, 0.9849, 0.9864, 0.9878, 0.989, 0.9901, 0.991, 0.9919, 0.9927, 0.9934, 0.9941, 0.9947, 0.9952, 0.9957, 0.9961, 0.9965, 0.9968, 0.9971, 0.9974, 0.9977, 0.9979, 0.9981, 0.9983, 0.9985, 0.9986, 0.9988, 0.9989, 0.999, 0.9991, 0.9992, 0.9993, 0.9993, 0.9994, 0.9995, 0.9995, 0.9996, 0.9996, 0.9996, 0.9997, 0.9997, 0.9997, 0.9998, 0.9998, 0.9998, 0.9998, 0.9998, 0.9999, 0.9999, 0.9999, 0.9999, 0.9999, 0.9999, 0.9999, 0.9999, 0.9999, 0.9999, 1);

  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 2147483647;
  border-radius: var(--q-container-border-radius) var(--q-container-border-radius) 0 0;
  width: min(571px, 100%);
  height: min(calc(960px - var(--q-container-offset, 0px)), calc(100vh - var(--q-container-offset, 0px)));
  min-height: 0;
  max-height: 960px;
  box-shadow: 0 -4px 7px 0 rgba(0, 0, 0, 0.10);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.94s var(--q-motion-linear), opacity 0.94s var(--q-motion-linear);
  will-change: visibility, opacity;
  overflow: hidden;
}

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

#quiz-kit-chat-frame-container.quiz-kit-chat-frame-container--full {
  width: min(100vw, 100%);
  height: min(calc(100vh - var(--q-container-offset, 0px)), calc(100vh - var(--q-container-offset, 0px)));
  min-height: 0;
  max-height: 100vh;
	border-radius: 0;
}

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

  #quiz-kit-chat-frame-container.quiz-kit-chat-frame-container--full {
    height: min(calc(100vh - var(--q-container-offset, 0px)), calc(100dvh - var(--q-container-offset, 0px)));
  }
}

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

quiz-kit-chat[hidden],
quiz-kit-input[hidden],
quiz-kit-button[hidden] {
  display: none;
}

quiz-kit-input {
	z-index: var(--q-float-input-zIndex, 10) !important;
}