@import "/UI/Style.scss";

VoiceListLine {
	min-width: 150px;

	gap: 10;

	padding-top: 3;
	padding-left: 10;
	padding-right: 1;

	align-items: center;
	justify-content: space-between;

	font-size: 24;
	color: white;

	background-color: rgba(0, 0, 0, 0.5);

	transition:
		opacity 0.02s linear,
		transform 1s ease-in;

	&:intro {
		opacity: 0;
	}

	&:outro {
		transform: translateX(-250%);
	}

	.name {
		height: 100%;

		text-align: left;
		word-break: break-all;

		align-items: center;
		justify-content: center;
	}

	.voice-icon {
		height: 100%;
		aspect-ratio: 1;

		align-self: center;
		justify-content: center;
	}
}