/* track-view.css | The big track view which shows large album art */

#track-view {
	background-color:#1c1d21;
	z-index: 3;
	width:100%;
	height: calc(100% - 250px + 1px);
	position:fixed;
	visibility:hidden;
	display:flex;
	flex-direction: column;
    align-items: start;
	justify-content: end;
}

#track-view > .info {
	width:100%;
	height:100%;
	padding:10px 10px 10px 10px;
	display:flex;
	flex-direction: column;
    align-items: center;
	justify-content: end;
}

#track-view > .info > .image-container {
	height:50%;
	aspect-ratio:1/1;
	width:auto;
	text-align:center; 
	margin-bottom:20px;
}

#track-view > .info > .image-container > #track-view-image {
	width:100%;
	aspect-ratio: 1/1;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.6);
	image-rendering:crisp-edges;
	border-radius:5px;
}	

#track-view > .info > .name-container {
	width:100%;
	text-align:center;
	padding: 0px 20px 0px 20px;
	font-size:1.5em;
	font-weight:500;
	line-height: 2.5ex;
	height: 2.5ex;
}

#track-view > .info > .name-container > #track-view-name {
	width:100%;
	text-overflow: ellipsis;
	overflow: hidden; 
	white-space: nowrap;
	display:block;
	color:#fffffd;
}

#track-view > .info > .artist-container {
	width:100%;
	text-align:center;
	margin-top:10px;
	color:#8a8a8a;
}