@keyframes chatPopup {
	0% {
		transform: translateY(10rem);
	}

	100% {
		transform: translateY(0)
	}
}

#chat {
    position: fixed;
    right: 3rem;
    bottom: 0;
    transform: translateY(10rem);
    animation: chatPopup 2s ease 0s 1 normal forwards;
}

#chat-target {
    max-height: 20vh;
    overflow-y: scroll;
}

.their {
	text-align: start;
}

.our {
	text-align: end;
}