@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;

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

	transition:
		opacity 0.05s linear,
		transform 0.015s linear;

	&:intro {
		opacity: 0;
	}

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

	.name {
		color: hsl(0, 0%, 90%);

		height: 100%;

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

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

	.voice-icon {
		color: white;

		height: 100%;
		flex-shrink: 0;
		aspect-ratio: 1;

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

		transform-origin: center;
	}
}