#Lopwon_Status {
	display: none;
}

.Lopwon_Status {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
	position: fixed;
	top: 5px;
	left: calc(1.8em * 2 + 36px);
	padding: 5px 20px 5px 10px;
	width: auto;
	height: auto;
	max-width: 300px;
    max-height: 42px;
	border-radius: 0 15px 15px 15px;
	background-color: rgba(2 203 171 / 85%);
	z-index: 3;
}

.Lopwon_Status-content {
	display: flex;
	align-items: center;
}

.Lopwon_Status-content img {
	margin-right: 10px;
	width: 32px;
	height: 32px;
	border: 0;
}

.Lopwon_Status-content span {
	font-size: 14px;
	color: white;
	line-height: 1.2;
	font-weight: normal;
	text-align: justify;
}

.Lopwon_Status {
	-webkit-animation: 1s ease-out backwards;
	-moz-animation: 1s ease-out backwards;
	-ms-animation: 1s ease-out backwards;
	-o-animation: 1s ease-out backwards;
	animation: 1s ease-out backwards;
}

.Lopwon_Status {
	-webkit-animation-name: status ;
	-moz-animation-name: status;
	-ms-animation-name: status;
	-o-animation-name: status;
	animation-name: status;
}

@-webkit-keyframes status {

	0% {
		transform: translateX(5px);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}

}

@-moz-keyframes status {

	0% {
		transform: translateX(5px);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}

}

@-ms-keyframes status {

	0% {
		transform: translateX(5px);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}

}

@keyframes status {

	0% {
		transform: translateX(5px);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}

}

@media screen and (min-width: 120em) {

	.Lopwon_Status {
		left: calc(50% - 930px + 1.8em + 36px);
	}

}

@media screen and (max-width: 400px) {

	.Lopwon_Status {
		max-width: calc(100% - 128px);
	}

	.Lopwon_Status-content {
		font-size: 12px;
	}

}