.Lopwon_Status *,
.Lopwon_Status *::before,
.Lopwon_Status *::after {
	box-sizing: initial;
}


.Lopwon_Status {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
	position: fixed;
	bottom: 48px;
	left: 50%;
	padding: 5px 30px 5px 15px;
	width: auto;
	height: auto;
	max-width: 360px;
	max-height: 75px;
	border-radius: 15px 15px 15px 0;
	background-color: rgba(60 198 99 / 90%);
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	z-index: 999999995;
}

.Lopwon_Status-gravatar {
	display: inherit;
	position: absolute;
	left: -32px;
	bottom: -36px;
	border-radius: 50%;
	background-color: white;
}

.Lopwon_Status-gravatar img {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 3px solid white;
	background-color: transparent;
}

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

.Lopwon_Status-content img {
	margin-right: 15px;
	width: 48px;
	height: 48px;
	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: fadein ;
	-moz-animation-name: fadein;
	-ms-animation-name: fadein;
	-o-animation-name: fadein;
	animation-name: fadein;
}

@-webkit-keyframes fadein {

	0% {
		transform: translate(-50%, 5px);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, 0%);
		opacity: 1;
	}

}

@-moz-keyframes fadein {

	0% {
		transform: translate(-50%, 5px);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, 0%);
		opacity: 1;
	}

}

@-ms-keyframes fadein {

	0% {
		transform: translate(-50%, 5px);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, 0%);
		opacity: 1;
	}

}

@keyframes fadein {

	0% {
		transform: translate(-50%, 5px);
		opacity: 0;
	}

	100% {
		transform: translate(-50%, 0%);
		opacity: 1;
	}

}

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

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

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

}