/**
 * @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
 */

:host {
	height     : calc(100vh - 3rem);
	overflow-x : hidden;
	position   : absolute;
	width      : 100%;

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

		&:hover {
			background : rgba(0, 0, 0, .3);
		}

		i {
			margin-right : .5rem;
		}
	}
}
