/**
 * @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 {
	display : block;
}

audio {
	display : none;
}

cs-artist {
	display       : block;
	height        : 1.3rem;
	line-height   : 1.3rem;
	overflow      : hidden;
	padding       : 0 .3rem;
	text-overflow : ellipsis;
	text-shadow   : 0 0 .1rem #000;
	white-space   : nowrap;
}

cs-title {
	@extend cs-artist;
	font-size   : 1.3rem;
	height      : 1.7rem;
	line-height : 1.7rem;
}

cs-cover {
	background : transparent no-repeat center center / contain;
	height     : calc(100vh - 10rem);
	left       : .5rem;
	position   : absolute;
	top        : 4rem;
	transform  : translateZ(0);
	width      : calc(100vw - 1rem);
}
