.toast {
	position: fixed;
	bottom: -80px;
	left: 0;
	right: 0;
	width: 300px;
	margin: auto;
	padding: 15px;
	background: #94dca3;
	border-radius: 7px;
	z-index: 1000;
	box-shadow: 0px 2px 6px -3px black;
	text-align: center;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition-delay: 0.2s;
	pointer-events: none;
}

.toast.error {
	background: #dc9494ff;
}

.toast.warn {
	background: #dcd894ff;
}

.toast.show {
	bottom: 10px;
}