.input{
		margin: 50px;
		height: calc(100vh - 100px); width:calc(50vw - 100px); 
		top: 0px; 
		position:fixed;
		background: rgba(0, 0, 0, 0.35);
		-webkit-backdrop-filter: blur(0.6px);
		border: 1px solid rgba(47, 167, 202, 0.26);
		-webkit-box-shadow: inset 0px 0px 5px 3px rgba(255,255,255,0.56); 
		box-shadow: inset 0px 0px 15px 3px rgba(255,255,255,0.56);
		transition-property: right, left;
  		transition-duration: 1s;
		transition-timing-function: ease-out;
	}

	.temp {
		position: absolute;
		width: 38px;
		height: 38px;
		cursor: pointer;
		border-radius: 7px;
		background: rgba(47, 167, 202, 0.31);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(0.6px);
		-webkit-backdrop-filter: blur(0.6px);
		border: 1px solid rgba(47, 167, 202, 0.56);

		-webkit-box-shadow: inset 0px 0px 5px 3px rgba(255,255,255,0.46); 
		box-shadow: inset 0px 0px 5px 3px rgba(255,255,255,0.46);
	}
	  
	.dark {
		position: absolute;
		width: 38px;
		height: 38px;
		cursor: pointer;
		border-radius: 7px;

		background: rgba(0, 0, 0, 0.8);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(0.6px);
		-webkit-backdrop-filter: blur(0.6px);
		border: 1px solid rgba(47, 167, 202, 0.26);

		-webkit-box-shadow: inset 0px 0px 5px 3px rgba(255,255,255,0.56); 
		box-shadow: inset 0px 0px 5px 3px rgba(255,255,255,0.56);
	}
	.active:before{
		content: "😃"; 		/*🤓 🤠 🧠 🕵 🌴 🍭 🧋 🍼 🍵 🧃*/
		font-size: 1.5em;
	}
	.inv{
		position: absolute;
		width: 38px;
		height: 38px;
		background: none;
		border: none;
	}

	.end {
		font-size: 1.5em;
		position: absolute;
		width: 40px;
		height: 40px;
		cursor: pointer;
		border: 1px solid rgba(47, 167, 202, 0.26);
		border-radius: 3px;
		background: #333;
	}
	.end b {
		position: relative;
		top: -6px; left: -9px;
	}