@mixin leftnav-dark{

	.leftnav{
		display: inline-block;
		position: fixed;
		width: 136px;
		height: calc(100vh - 48px);
		left: 0px;
		top: 48px;
		background: $d-e2; // kelvin
		z-index: 1;
		padding-top: 76px;
		padding-left: 4px;;
		border-right: 1px solid lighten($c-divider, 0);  
					 //←←←←←←←←←←←←←←←←←←←←
		//border: 0.3px solid red;               //←←←←←←←←←←←←←←←←←←←←
	
	
		& > .cont {
			position: relative;
			display: block;
			float: left;
			height: 48px;
			width:  calc(100% - 8px);
			margin:0px;
			cursor: pointer;
			padding-left: 4px;
			border-radius: 4px;
			margin-left: 2px;
			@include leftFlex;
			@include interaction-surface;
			//border: 2px solid blue;               //←←←←←←←←←←←←←←←←←←←←
	
			& svg{
				height: 28px;
				width: 28px;
				z-index: 2;
				opacity: 1;
				@include selectNo;
				@include back-visivility();
				fill: $d-f-lg; // kelvin
				//stroke-width: 8;
				//color:red;
				//fill: red;
				//@include transition(.150s, emph);P
				//border: 0.8px solid red;           //←←←←←←←←←←←←←←←←←←←←  
			}
	
			& label{
				margin: 0px;
				margin-left: 4px;
				z-index: 2;
				@include selectNo;
				@include back-visivility();
				@include font(body2, $d-f-lg);
				text-align: center;
				height: 16px;
				//font-weight: 500;
				//border: 0.5px solid blue;               //←←←←←←←←←←←←←←←←←←←←
			}
	
		}/*cont*/
	
		& > .contSmall {
			height: 24px;
			padding-left: 12px;
	
			& svg{
	
				@include selectNo;
				@include back-visivility();
				//@include transition(.150s, emph);P
				//border: 0.8px solid blue;           //←←←←←←←←←←←←←←←←←←←←  
			}
	
			& label{
				@include font(body3, $c-b);
				//border: 0.5px solid blue;               //←←←←←←←←←←←←←←←←←←←←
			}
	
		}/*cont*/
	
		& > .title{
			position: relative;
			display: inline-block;
			width: 100%;
			padding-left: 8px;
			margin-top: 4px;
			margin-bottom: 4px;
	
			@include font(overlinelLower, $c-b);
			@include selectNo;
	
			//border: 0.2px solid blue;               //←←←←←←←←←←←←←←←←←←←←
	
		}
	}
	
}