:root {
	--primary-pulse: 43, 77, 129;
}

#chat_messages::-webkit-scrollbar {
	width: 8px;
}

#chat_messages::-webkit-scrollbar-track {

	background: transparent;
}

#chat_messages::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, .20);
	border-radius: 15px;
}

.smile_input {
	width: calc(100% - 77px) !important;
}

#voice:active {
	-webkit-transform: scale(1.20);
	-moz-transform: scale(1.20);
	transform: scale(1.20);
	animation: pulse 1.2s infinite;
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(var(--primary-pulse), 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(var(--primary-pulse), 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(var(--primary-pulse), 0);
	}
}

@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(var(--primary-pulse), 0.4);
		box-shadow: 0 0 0 0 rgba(var(--primary-pulse), 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(var(--primary-pulse), 0);
		box-shadow: 0 0 0 10px rgba(var(--primary-pulse), 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(var(--primary-pulse), 0);
		box-shadow: 0 0 0 0 rgba(var(--primary-pulse), 0);
	}
}