/* [project]/components/home/chat.css [app-client] (css) */
:root {
  --msg-content-height: 38em;
  --msg: 7em;
}

.msg-content {
  height: var(--msg-content-height);
}

.animation-settings {
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.msg-send.visible {
  opacity: 1;
}

#msg0 {
  animation-name: msg0;
}

#msg1.visible {
  animation-name: msg1;
}

#msg2.visible {
  animation-name: msg2;
}

#msg3.visible {
  animation-name: msg3;
}

#msg4.visible {
  animation-name: msg4;
}

#msg5.visible {
  animation-name: msg5;
}

@keyframes msg0 {
  0% {
    top: calc(var(--msg-content-height)  - var(--msg) * 5);
    opacity: 1;
  }

  25% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    top: calc(var(--msg-content-height)  - var(--msg) * 6);
  }
}

@keyframes msg1 {
  0% {
    top: calc(var(--msg-content-height)  - var(--msg) * 4);
  }

  100% {
    top: calc(var(--msg-content-height)  - var(--msg) * 5);
  }
}

@keyframes msg2 {
  0% {
    top: calc(var(--msg-content-height)  - var(--msg) * 3);
  }

  100% {
    top: calc(var(--msg-content-height)  - var(--msg) * 4);
  }
}

@keyframes msg3 {
  0% {
    top: calc(var(--msg-content-height)  - var(--msg) * 2);
  }

  100% {
    top: calc(var(--msg-content-height)  - var(--msg) * 3);
  }
}

@keyframes msg4 {
  0% {
    top: calc(var(--msg-content-height)  - var(--msg));
  }

  100% {
    top: calc(var(--msg-content-height)  - var(--msg) * 2);
  }
}

@keyframes msg5 {
  0% {
    top: calc(var(--msg-content-height)  - var(--msg)  + 4em);
    transform: translateX(100px)scale(0);
  }

  100% {
    top: calc(var(--msg-content-height)  - var(--msg));
    transform: translateX(0)scale(1);
  }
}

blockquote:last-child:before {
  border: 1ex solid #0000;
  border-radius: 1em / 1ex;
  display: block;
  position: absolute;
  bottom: 0;
}

.chat .me blockquote {
  background-color: #ccc;
  background-image: linear-gradient(#ccc, #ccc);
}

.chat .me blockquote:last-child:before {
  content: "";
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  right: -.8ex;
}

/*# sourceMappingURL=components_home_chat_fa14e089.css.map*/