.playlistmanager-header {
	display: flex;
	gap: 1.5rem;
}

.playlistmanager-content {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	overflow: auto;
	position: relative;
	min-height: 10rem;
	& > .playlistmanager-item {
		display: flex;
		flex-direction: column;
		gap: 0.2rem;
		padding: 0.5rem;
		background-color: var(--color-c);
		@media (hover: hover) {
			&:hover {
				background-color: var(--color-c-highlight);
			}
		}

		& > span {
			overflow: hidden;
			text-overflow: ellipsis;
		}

		& > .playlistmanager-buttons {
			display: flex;
			gap: 0.5rem;
			justify-content: end;
			align-items: center;
		}
	}
}