#RecentlyPlayedElement
{
	display: inline-block;

	position: absolute;

	left: 0;
	top: 0;
	
	width: 555px;
	height: 100%;

	max-width: 100%;

	z-index: 2;

	background-color: rgba(0, 0, 0, 0.85);
	
	box-shadow: rgba(0, 0, 0, 0.5) 5px 0px 20px;
}

#RecentlyPlayedListContainerElement
{
	display: inline-block;

	position: absolute;

	left: 0;
	top: 88px;
	bottom: 0;
	
	width: 100%;

	box-sizing: border-box;

	padding: 15px 30px 0 30px;

	overflow-y: auto;
}

#FullScreenPlayerElement:not(.LastPlayedActive) #RecentlyPlayedElement
{	
	visibility: hidden;
	
	transform: translate(-100%, 0);
	
	box-shadow: rgba(0, 0, 0, 0) 5px 0px 20px;
}

#RecentlyPlayedElement h1
{
	margin: 30px 0 25px 30px;

	font-size: 30pt;
	font-weight: normal;
	text-transform: uppercase;
}

#FullScreenPlayerLastPlayedCloseButtonElement
{
	z-index: 1;

	opacity: 0.6;
}

#RecentlyPlayedListElement
{
	margin: 0;
	padding: 0;

	flex-direction: column;
}

#RecentlyPlayedListElement li
{
	display: flex;
	
	margin-bottom: 30px;
}

#RecentlyPlayedListElement img
{
	width: 100px;
	height: 100px;

	object-fit: contain;

	background-color: black;
}

#RecentlyPlayedListElement .Details
{
	margin-left: 18px;
}

#RecentlyPlayedListElement .ArtistAndTitle, #RecentlyPlayedElement button:not(.Close)
{
	font-size: 19pt;
}

#RecentlyPlayedListElement .ArtistAndTitle
{
	margin-top: -4px;

	line-height: 27px;
	font-size: 19pt;
	text-transform: uppercase;

	-webkit-user-select: text;

	   -moz-user-select: text;

	        user-select: text;
	cursor: default;
}

#RecentlyPlayedListElement .Title
{
	opacity: 0.6;
}

#RecentlyPlayedListElement .Time
{
	font-size: 13pt;
	text-transform: uppercase;

	opacity: 0.5;
}

#RecentlyPlayedElement button:not(.Close)
{
	position: relative;

	left: 50%;

	margin-bottom: 30px;

	transform: translate(-50%, 0);

	padding: 7px 20px 5px 20px;

	border: none;
	background-color: #50CE8D;

	border-radius: 6px;

	text-transform: uppercase;

	text-shadow: 2px 2px 2px black;

	cursor: pointer;
}

#FullScreenPlayerLastPlayedShadowElement
{
	display: inline-block;

	position: absolute;

	left: 0;
	top: 88px;

	width: 100%;
	height: 30px;

	background-image: url(../../Images/FullScreenLastPlayedShadow.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;

	opacity: 0;

	pointer-events: none;
}

@media (min-width: 1235px) and (min-height: 600px)
{
	#FullScreenPlayerElement.LastPlayedActive .MainControls
	{
		left: 555px;
	}
}

@media (prefers-reduced-motion: no-preference)
{
	#RecentlyPlayedElement
	{
		transition: visibility 0.25s, transform 0.25s, box-shadow 0.25s;
	}

	#FullScreenPlayerElement .MainControls
	{
		transition: left 0.25s;
	}
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL1NvdXJjZXMvU3R5bGVzL1BsYXllci9GdWxsU2NyZWVuTGFzdFBsYXllZC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0NBRUMscUJBQXFCOztDQUVyQixrQkFBa0I7O0NBRWxCLE9BQU87Q0FDUCxNQUFNOztDQUVOLFlBQVk7Q0FDWixZQUFZOztDQUVaLGVBQWU7O0NBRWYsVUFBVTs7Q0FFVixxQ0FBcUM7O0NBRXJDLDJDQUEyQztBQUM1Qzs7QUFFQTs7Q0FFQyxxQkFBcUI7O0NBRXJCLGtCQUFrQjs7Q0FFbEIsT0FBTztDQUNQLFNBQVM7Q0FDVCxTQUFTOztDQUVULFdBQVc7O0NBRVgsc0JBQXNCOztDQUV0Qix5QkFBeUI7O0NBRXpCLGdCQUFnQjtBQUNqQjs7QUFFQTs7Q0FFQyxrQkFBa0I7O0NBRWxCLDhCQUE4Qjs7Q0FFOUIseUNBQXlDO0FBQzFDOztBQUVBOztDQUVDLHdCQUF3Qjs7Q0FFeEIsZUFBZTtDQUNmLG1CQUFtQjtDQUNuQix5QkFBeUI7QUFDMUI7O0FBRUE7O0NBRUMsVUFBVTs7Q0FFVixZQUFZO0FBQ2I7O0FBRUE7O0NBRUMsU0FBUztDQUNULFVBQVU7O0NBRVYsc0JBQXNCO0FBQ3ZCOztBQUVBOztDQUVDLGFBQWE7O0NBRWIsbUJBQW1CO0FBQ3BCOztBQUVBOztDQUVDLFlBQVk7Q0FDWixhQUFhOztDQUViLG1CQUFtQjs7Q0FFbkIsdUJBQXVCO0FBQ3hCOztBQUVBOztDQUVDLGlCQUFpQjtBQUNsQjs7QUFFQTs7Q0FFQyxlQUFlO0FBQ2hCOztBQUVBOztDQUVDLGdCQUFnQjs7Q0FFaEIsaUJBQWlCO0NBQ2pCLGVBQWU7Q0FDZix5QkFBeUI7O0NBRXpCLHlCQUFpQjs7SUFBakIsc0JBQWlCOztTQUFqQixpQkFBaUI7Q0FDakIsZUFBZTtBQUNoQjs7QUFFQTs7Q0FFQyxZQUFZO0FBQ2I7O0FBRUE7O0NBRUMsZUFBZTtDQUNmLHlCQUF5Qjs7Q0FFekIsWUFBWTtBQUNiOztBQUVBOztDQUVDLGtCQUFrQjs7Q0FFbEIsU0FBUzs7Q0FFVCxtQkFBbUI7O0NBRW5CLDZCQUE2Qjs7Q0FFN0IsMEJBQTBCOztDQUUxQixZQUFZO0NBQ1oseUJBQXlCOztDQUV6QixrQkFBa0I7O0NBRWxCLHlCQUF5Qjs7Q0FFekIsOEJBQThCOztDQUU5QixlQUFlO0FBQ2hCOztBQUVBOztDQUVDLHFCQUFxQjs7Q0FFckIsa0JBQWtCOztDQUVsQixPQUFPO0NBQ1AsU0FBUzs7Q0FFVCxXQUFXO0NBQ1gsWUFBWTs7Q0FFWixrRUFBa0U7Q0FDbEUsNEJBQTRCO0NBQzVCLDBCQUEwQjs7Q0FFMUIsVUFBVTs7Q0FFVixvQkFBb0I7QUFDckI7O0FBRUE7O0NBRUM7O0VBRUMsV0FBVztDQUNaO0FBQ0Q7O0FBRUE7O0NBRUM7O0VBRUMsK0RBQStEO0NBQ2hFOztDQUVBOztFQUVDLHNCQUFzQjtDQUN2QjtBQUNEIiwiZmlsZSI6IkZ1bGxTY3JlZW5MYXN0UGxheWVkLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIiNSZWNlbnRseVBsYXllZEVsZW1lbnRcclxue1xyXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuXHJcblx0cG9zaXRpb246IGFic29sdXRlO1xyXG5cclxuXHRsZWZ0OiAwO1xyXG5cdHRvcDogMDtcclxuXHRcclxuXHR3aWR0aDogNTU1cHg7XHJcblx0aGVpZ2h0OiAxMDAlO1xyXG5cclxuXHRtYXgtd2lkdGg6IDEwMCU7XHJcblxyXG5cdHotaW5kZXg6IDI7XHJcblxyXG5cdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC44NSk7XHJcblx0XHJcblx0Ym94LXNoYWRvdzogcmdiYSgwLCAwLCAwLCAwLjUpIDVweCAwcHggMjBweDtcclxufVxyXG5cclxuI1JlY2VudGx5UGxheWVkTGlzdENvbnRhaW5lckVsZW1lbnRcclxue1xyXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuXHJcblx0cG9zaXRpb246IGFic29sdXRlO1xyXG5cclxuXHRsZWZ0OiAwO1xyXG5cdHRvcDogODhweDtcclxuXHRib3R0b206IDA7XHJcblx0XHJcblx0d2lkdGg6IDEwMCU7XHJcblxyXG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcblxyXG5cdHBhZGRpbmc6IDE1cHggMzBweCAwIDMwcHg7XHJcblxyXG5cdG92ZXJmbG93LXk6IGF1dG87XHJcbn1cclxuXHJcbiNGdWxsU2NyZWVuUGxheWVyRWxlbWVudDpub3QoLkxhc3RQbGF5ZWRBY3RpdmUpICNSZWNlbnRseVBsYXllZEVsZW1lbnRcclxue1x0XHJcblx0dmlzaWJpbGl0eTogaGlkZGVuO1xyXG5cdFxyXG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlKC0xMDAlLCAwKTtcclxuXHRcclxuXHRib3gtc2hhZG93OiByZ2JhKDAsIDAsIDAsIDApIDVweCAwcHggMjBweDtcclxufVxyXG5cclxuI1JlY2VudGx5UGxheWVkRWxlbWVudCBoMVxyXG57XHJcblx0bWFyZ2luOiAzMHB4IDAgMjVweCAzMHB4O1xyXG5cclxuXHRmb250LXNpemU6IDMwcHQ7XHJcblx0Zm9udC13ZWlnaHQ6IG5vcm1hbDtcclxuXHR0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xyXG59XHJcblxyXG4jRnVsbFNjcmVlblBsYXllckxhc3RQbGF5ZWRDbG9zZUJ1dHRvbkVsZW1lbnRcclxue1xyXG5cdHotaW5kZXg6IDE7XHJcblxyXG5cdG9wYWNpdHk6IDAuNjtcclxufVxyXG5cclxuI1JlY2VudGx5UGxheWVkTGlzdEVsZW1lbnRcclxue1xyXG5cdG1hcmdpbjogMDtcclxuXHRwYWRkaW5nOiAwO1xyXG5cclxuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG59XHJcblxyXG4jUmVjZW50bHlQbGF5ZWRMaXN0RWxlbWVudCBsaVxyXG57XHJcblx0ZGlzcGxheTogZmxleDtcclxuXHRcclxuXHRtYXJnaW4tYm90dG9tOiAzMHB4O1xyXG59XHJcblxyXG4jUmVjZW50bHlQbGF5ZWRMaXN0RWxlbWVudCBpbWdcclxue1xyXG5cdHdpZHRoOiAxMDBweDtcclxuXHRoZWlnaHQ6IDEwMHB4O1xyXG5cclxuXHRvYmplY3QtZml0OiBjb250YWluO1xyXG5cclxuXHRiYWNrZ3JvdW5kLWNvbG9yOiBibGFjaztcclxufVxyXG5cclxuI1JlY2VudGx5UGxheWVkTGlzdEVsZW1lbnQgLkRldGFpbHNcclxue1xyXG5cdG1hcmdpbi1sZWZ0OiAxOHB4O1xyXG59XHJcblxyXG4jUmVjZW50bHlQbGF5ZWRMaXN0RWxlbWVudCAuQXJ0aXN0QW5kVGl0bGUsICNSZWNlbnRseVBsYXllZEVsZW1lbnQgYnV0dG9uOm5vdCguQ2xvc2UpXHJcbntcclxuXHRmb250LXNpemU6IDE5cHQ7XHJcbn1cclxuXHJcbiNSZWNlbnRseVBsYXllZExpc3RFbGVtZW50IC5BcnRpc3RBbmRUaXRsZVxyXG57XHJcblx0bWFyZ2luLXRvcDogLTRweDtcclxuXHJcblx0bGluZS1oZWlnaHQ6IDI3cHg7XHJcblx0Zm9udC1zaXplOiAxOXB0O1xyXG5cdHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XHJcblxyXG5cdHVzZXItc2VsZWN0OiB0ZXh0O1xyXG5cdGN1cnNvcjogZGVmYXVsdDtcclxufVxyXG5cclxuI1JlY2VudGx5UGxheWVkTGlzdEVsZW1lbnQgLlRpdGxlXHJcbntcclxuXHRvcGFjaXR5OiAwLjY7XHJcbn1cclxuXHJcbiNSZWNlbnRseVBsYXllZExpc3RFbGVtZW50IC5UaW1lXHJcbntcclxuXHRmb250LXNpemU6IDEzcHQ7XHJcblx0dGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcclxuXHJcblx0b3BhY2l0eTogMC41O1xyXG59XHJcblxyXG4jUmVjZW50bHlQbGF5ZWRFbGVtZW50IGJ1dHRvbjpub3QoLkNsb3NlKVxyXG57XHJcblx0cG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxuXHRsZWZ0OiA1MCU7XHJcblxyXG5cdG1hcmdpbi1ib3R0b206IDMwcHg7XHJcblxyXG5cdHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIDApO1xyXG5cclxuXHRwYWRkaW5nOiA3cHggMjBweCA1cHggMjBweDtcclxuXHJcblx0Ym9yZGVyOiBub25lO1xyXG5cdGJhY2tncm91bmQtY29sb3I6ICM1MENFOEQ7XHJcblxyXG5cdGJvcmRlci1yYWRpdXM6IDZweDtcclxuXHJcblx0dGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcclxuXHJcblx0dGV4dC1zaGFkb3c6IDJweCAycHggMnB4IGJsYWNrO1xyXG5cclxuXHRjdXJzb3I6IHBvaW50ZXI7XHJcbn1cclxuXHJcbiNGdWxsU2NyZWVuUGxheWVyTGFzdFBsYXllZFNoYWRvd0VsZW1lbnRcclxue1xyXG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuXHJcblx0cG9zaXRpb246IGFic29sdXRlO1xyXG5cclxuXHRsZWZ0OiAwO1xyXG5cdHRvcDogODhweDtcclxuXHJcblx0d2lkdGg6IDEwMCU7XHJcblx0aGVpZ2h0OiAzMHB4O1xyXG5cclxuXHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoLi4vLi4vSW1hZ2VzL0Z1bGxTY3JlZW5MYXN0UGxheWVkU2hhZG93LnBuZyk7XHJcblx0YmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcclxuXHRiYWNrZ3JvdW5kLXNpemU6IDEwMCUgMTAwJTtcclxuXHJcblx0b3BhY2l0eTogMDtcclxuXHJcblx0cG9pbnRlci1ldmVudHM6IG5vbmU7XHJcbn1cclxuXHJcbkBtZWRpYSAobWluLXdpZHRoOiAxMjM1cHgpIGFuZCAobWluLWhlaWdodDogNjAwcHgpXHJcbntcclxuXHQjRnVsbFNjcmVlblBsYXllckVsZW1lbnQuTGFzdFBsYXllZEFjdGl2ZSAuTWFpbkNvbnRyb2xzXHJcblx0e1xyXG5cdFx0bGVmdDogNTU1cHg7XHJcblx0fVxyXG59XHJcblxyXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IG5vLXByZWZlcmVuY2UpXHJcbntcclxuXHQjUmVjZW50bHlQbGF5ZWRFbGVtZW50XHJcblx0e1xyXG5cdFx0dHJhbnNpdGlvbjogdmlzaWJpbGl0eSAwLjI1cywgdHJhbnNmb3JtIDAuMjVzLCBib3gtc2hhZG93IDAuMjVzO1xyXG5cdH1cclxuXHJcblx0I0Z1bGxTY3JlZW5QbGF5ZXJFbGVtZW50IC5NYWluQ29udHJvbHNcclxuXHR7XHJcblx0XHR0cmFuc2l0aW9uOiBsZWZ0IDAuMjVzO1xyXG5cdH1cclxufSJdfQ== */