@import "ui/styles/_vars.scss";

VoiceChatList {
	position: absolute;
	bottom: 200px;
	right: 64px;
	width: 300px;
	padding: 5px;
	padding-bottom: 0px;
	font-family: Poppins;
	flex-direction: row-reverse;

	VoiceChatEntry {
		flex-direction: row;
		padding: 6px;
		margin-bottom: 5px;
		align-items: center;
		align-content: center;
		border-radius: 4px;
		overflow: hidden;
		transition: all 0.1s ease-out;
		left: 0px;

		&:intro {
			opacity: 0;
			margin-left: 20px;
		}

		&:outro {
			opacity: 0;
			margin-left: 20px;
			transition: all 0.1s ease-out;
		}

		.avatar {
			width: 50px;
			height: 50px;
			box-shadow: $text-shadow-red;
			border: 2px solid white;
		}
	}
}