/* Left side Control Bar */
.control {
	display          : block;
	line-height      : 1.2rem;
	text-align       : left;
	font-family      : "LiSong Pro";
	/* box outline */
	min-width        : 16rem;
	max-width        : 16rem;
	margin-top       : 5.5rem;
	flex             : 0 0 16rem;
	flex-grow        : 0;
	/* box border & background*/
	border           : 1px solid gray;
	border-radius    : 8px;
	background-color : rgba(209, 243, 212, 0.9);
	/* other */
	position   : fixed;
	transition : .7s ease-in-out;
	max-height: fit-content;
	left: calc(0px + 0.5rem);
	opacity: 0;
	}
.control .Control-Bar {
	display               : grid;
	grid-template-columns : auto auto auto;
	padding-top           : .5rem;
	padding-bottom        : .5rem;
	column-gap            : 1rem;
	justify-content       : space-between;
	margin-left : 1rem;
	margin-right : 1rem;
	}
/* Navigation-Bar Switch */
.arrow-up, .arrow-down {animation: arrow-move 1.1s ease-in-out;}
.arrow-down {opacity: 0; transition: opacity .6s;}
.arrow-up {opacity: 1; transition: opacity .6s;}
@keyframes arrow-move {
	0%, 100% {transform : translateY(0);}
	50% {transform : translateY(-5px);} }
/* Menu-Bar Switch */
.control.activate {min-width: 3.5rem;max-width: 3.5rem;}
.Control-Bar.activate {
	grid-template-columns: auto;
	line-height: 2.5rem;
	}







/*.control {*/
/*	!*display               : none;*!*/
/*	display               : grid;*/
/*	grid-template-columns : auto auto auto;*/
/*	padding-top           : 6rem;*/
/*	padding-bottom        : .5rem;*/
/*	!*padding-left          : 1rem;*!*/
/*	column-gap            : 1rem;*/
/*	justify-content       : space-between;*/
/*	position              : fixed;*/
/*	*/
/*	*/
/*	!*min-width        : 16rem;*!*/
/*	!*max-width        : 16rem;*!*/
/*	!*border           : 1px solid gray;*!*/
/*	!*flex             : 0 0 16rem;*!*/
/*	}*/
/*.control .switch-open-label.sidebar-icon {opacity : 0;}*/
/*.control .switch-open-label.sidebar-icon.sticky {opacity : 1;}*/
/*.control .switch-open-label.Mouse-Tracking-icon {opacity: 0}*/
/*.control .switch-open-label.Mouse-Tracking-icon.sticky {opacity: 1}*/
/*.control .switch-open-label.menu-icon {*/
/*	transition  : .8s ease-in-out;*/
/*	margin-left : 8.25rem;*/
/*	opacity     : 0;}*/
/*.control .switch-open-label.menu-icon.sticky {*/
/*	margin-left : .5rem;*/
/*	transition  : .8s ease-in-out;*/
/*	opacity     : 1;}*/