.updated {
	height: 72px;
	padding: 0 24px;
	position: fixed;
	bottom: 3%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	border-radius: 100px;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	text-align: center;
	line-height: 72px;
	font-size: 1.4rem;
	z-index: 50;
	-webkit-animation: moveIn 0.5s ease-in-out;
	animation: moveIn 0.5s ease-in-out;
}

.updated--hide {
	bottom: -72px;
	-webkit-animation: moveOut 0.5s ease-in-out;
	animation: moveOut 0.5s ease-in-out;
}

@-webkit-keyframes moveIn {
	0% {
		bottom: -72px;
	}
	100% {
		bottom: 3%;
	}
}
@keyframes moveIn {
	0% {
		bottom: -72px;
	}
	100% {
		bottom: 3%;
	}
}

@-webkit-keyframes moveOut {
	0% {
		bottom: 3%;
	}
	100% {
		bottom: -72px;
	}
}
@keyframes moveOut {
	0% {
		bottom: 3%;
	}
	100% {
		bottom: -72px;
	}
}

.updated .icon--check {
	width: 24px;
	height: 24px;
	margin-right: 6px;
	font-size: 1.6rem;
	border-radius: 50%;
	background-color: #2d8c3c;
	line-height: 24px;
}