/*

This CSS file will be included with your plugin, and
available in the app when your plugin is enabled.

If your plugin does not need CSS, delete this file.

*/
.chatModal h1 {
  text-align: center;
}
.chatModal__wrapper {
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
.chatModal__wrapper > div:first-child {
  flex: 1;
  width: 100%;
}
.chatModal__wrapper > div:nth-child(2) {
  width: 100%;
  display: flex;
  position: sticky;
  flex-direction: row;
  bottom: calc(-1 * var(--size-4-4));
  gap: var(--size-4-4);
  padding: var(--size-4-4) 0;
  background-color: var(--background-primary);
}
.chatModal__wrapper input {
  flex: 1;
}
.chatModal .loader {
  margin: var(--size-4-8) auto;
  border: var(--size-4-3) solid var(--background-secondary); 
  border-top: var(--size-4-3) solid var(--text-normal); 
  border-radius: 50%;
  width: var(--size-4-16);
  height: var(--size-4-16);
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}