#player {
	display: flex;
	flex-direction: row;

	.art img { vertical-align: top; }
	.info { flex-grow: 1; }

	&:not([data-state=play]) .pause { display: none; }
	&[data-state=play] .play { display: none; }
	&:not([data-flags~=random]) .random, &:not([data-flags~=repeat]) .repeat { opacity: 0.5; }
}