html,body{
	background-color:#2b2b2b;
	overflow:hidden;
}

.sidebar{background-color:#284a52;}
.sidebar-border{background-image:linear-gradient(#1f3136 40%,#436f79 70%)}
.bottom-right-image.favorites{
	background-image:url(../images/favorites/sidebarText.svg);
	height:20vw;
}

.favorite-folders-for{margin:0;padding:1% 1% 0% 2%;}

.favorites-folder-container{
	content:'';
	display:flex;
	flex-direction:column;
	width:100%;
	overflow:hidden;
}

.favorites-folder-container::after{
	content:'';
	display:block;
	height:100vh;
	background-color:#181818;
}

.favorites-row{
	width:13vw;
	height:2.3vw;
	margin-top:2.6vw;
	margin-left:2vw;
	padding:0.5vw 2.5vw 0.5vw 2.5vw;
	font-size:1.6vw;
	text-align:center;
	white-space:nowrap;
	background-image:url(../images/favorites/tab.svg);
	background-size:cover;
	background-repeat:no-repeat;
	color:var(--webtv-buttoncolor);
}
.favorites-row::after{
	content:'';
	display:block;
	position:relative;
	top:0.65vw;
	left:-19.5vw;
	width:100vw;
	height:6vw;
	background-color:#181818;
	box-shadow:inset 0 0.15vw 0.1vw #3e3e3e;
	z-index:-1;
}
.favorites-row.end{background-image:none;}

.favorites-list{
	display:flex;
	background-color:#181818;
	padding:1rem;
	flex-wrap:wrap;
	justify-content:space-around;
}

.row{
	display:flex;
	flex-wrap:nowrap;
	width:100%;
	justify-content:space-around;
}

.favorite{
	display:flex;
	flex-direction:column;
	text-align:center;
	width:12rem;
	height:12rem;
	position:relative;
}

.thumbnail{
	width:80%;
	margin:auto;
	pointer-events:none;
}.thumbnail.wtv{filter:drop-shadow(0 0 4px #cf9100);}

.outline{
	position:absolute;
	width:100%;
	height:100%;
	padding:0;
	opacity:0;
}

@media(max-width:760px){
	html,body{
		background-color:#2b2b2b;
		overflow:hidden;
	}

	.main-content{margin:0;}

	.favorites-row{
		margin-top:2.6vw;
		margin-bottom:2.6vw;
		margin-left:2vw;
		padding:4vw 5vw 2vw 5vw;
		width:70vw;
		height:9vw;
		font-size:6vw;
	}
	.favorites-row::after{
		top:3vw;
		left:-7vw;
		height:100vh;
		box-shadow: inset 0 0.8vw 0.5vw #3e3e3e;
	}

	.favorites-list{
		display:flex;
		background-color:#181818;
	}

	.row{
		padding:1vw;
		display:flex;
	}

	.favorite{
		display:flex;
		flex-direction:column;
		text-align:center;
		width:8rem;
		height:8rem;
		position:relative;
	}

	.favorite-name{font-size:3.2vw;}
}