/**
 * @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;
	height   : 3rem;
	overflow : hidden;
	position : absolute;
	top      : calc(100vh - 3rem);
	width    : 100%;

	cs-control {
		cursor      : pointer;
		font-size   : 1.5rem;
		text-align  : center;
		text-shadow : 0 0 .1rem #000;

		&[disabled] {
			opacity : .3;
		}

		> div {
			display   : inline-block;
			font-size : .5em;
		}
	}
}
