.chat-container-show{
	animation: chat-container-show  0.300s;
	animation-fill-mode: both;
	@include animationT(emph);

}

@keyframes chat-container-show{

	from{
		top: 130vh;
		opacity: 0; 
		transform: scale(0.85) translate(-50%, -30%);
	}
	to{
		top: 30vh;
		opacity: 1;
		transform: scale(1) translate(-50%, -30%);
	}
}

.chat-container-hide{
	animation: chat-container-hide  0.250s;
	animation-fill-mode: both;
	@include animationT(acce);
}

@keyframes chat-container-hide{

	from{
		top: 30vh;
		opacity: 1;
		transform: scale(1) translate(-50%, -30%);
	}
	to{
		top: 130vh;
		opacity: 0; 
		transform: scale(0.85) translate(-50%, -30%);
	}


}

.voice-chat-active {
	animation: voice-pulse 1.5s infinite;
	color: #0280ee;
}

@keyframes voice-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(2, 128, 238, 0.6);
	}

	70% {
		box-shadow: 0 0 0 15px rgba(2, 128, 238, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(2, 128, 238, 0);
	}
}