@import "/UI/Theme.scss";

VirtualList
{
	width: 100%;
	flex-grow: 1;

	.cell
	{
		width: 100%;
	}
}

.spawnlist-row
{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	padding: 8px 12px;
	cursor: pointer;
	border-radius: 4px;
	width: 100%;
	height: 48px;

	&:hover
	{
		background-color: #7773;
		sound-in: ui.button.over;
	}

	&:active
	{
		background-color: $menu-accent;
	}

	.avatar
	{
		width: 32px;
		height: 32px;
		border-radius: 50%;
		background-size: cover;
		flex-shrink: 0;
	}

	.info
	{
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		gap: 2px;

		.name
		{
			font-size: 14px;
			font-weight: 600;
		}

		.author
		{
			font-size: 12px;
			opacity: 0.5;
		}
	}

	.item-count
	{
		font-size: 12px;
		opacity: 0.5;
		flex-shrink: 0;
	}
}