@use "../init" as *;

.C_main
{
	display: flex;
	flex-flow: row nowrap;
	height:100%;
	width:100%;

	@include mobile()
	{
		flex-flow: column-reverse nowrap;
	}
}

.C_list
{
	flex-grow:0;
	flex-shrink: 0;
	position:relative;
	width: 20%;
	overflow-y: auto;
	overflow-x: hidden;

	@include mobile()
	{
		flex-grow: 1;
		width:100%;
	}

}

.C_list_content
{
	position: absolute;
	top:0;
	left:0;
}

.C_list_item
{
	padding:3px;
	cursor:pointer;
}

.C_list_item_selected
{
	color:black;
	background-color:rgba(255,255,255,0.5);
}

.C_video
{
	flex-grow:1;

	@include mobile()
	{
		height:50%;
		flex-grow:0;
	}

}
.C_list_no_content
{
	display: flex;
	flex-flow: column nowrap;
}