/**
 * @package   CleverStyle Music
 * @category  Web Components
 * @author    Nazar Mokrynskyi <nazar@mokrynskyi.com>
 * @copyright Copyright (c) 2014-2015, Nazar Mokrynskyi
 * @license   MIT License, see license.txt
 */

cs-music-library-grouped-items {
	height       : calc(100vh - 3rem);
	overflow-x   : hidden;
	position     : absolute;

	cs-music-library-grouped-item {
		cursor      : pointer;
		display     : block;
		padding     : .5rem;
		text-shadow : 0 0 .1rem #000;
		width       : 100vw;

		&:hover,
		&[playing=yes] {
			background : rgba(0, 0, 0, .3);
		}

		span {
			color : rgba(255, 255, 255, .5);
		}
	}
}
