// Snackbar styling.
.rev-gen-snackbar {
	visibility: hidden;
	min-width: 280px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.15);
	background-color: rgb(51, 51, 51);
	color: rgba(255, 255, 255, 0.87);
	text-align: center;
	border-radius: 4px;
	padding: 16px;
	position: absolute;
	z-index: 1;
	font-size: 16px;
	bottom: 30px;

	&--show {
		visibility: visible !important; /* stylelint-disable-line declaration-no-important */
		animation: fadein 0.5s, fadeout 0.5s 2.5s;
	}

	@-webkit-keyframes fadein {
		from {
			bottom: 0;
			opacity: 0;
		}
		to {
			bottom: 30px;
			opacity: 1;
		}
	}

	@keyframes fadein {
		from {
			bottom: 0;
			opacity: 0;
		}
		to {
			bottom: 30px;
			opacity: 1;
		}
	}

	@-webkit-keyframes fadeout {
		from {
			bottom: 30px;
			opacity: 1;
		}
		to {
			bottom: 0;
			opacity: 0;
		}
	}

	@keyframes fadeout {
		from {
			bottom: 30px;
			opacity: 1;
		}
		to {
			bottom: 0;
			opacity: 0;
		}
	}
}