/* Toast messages */
#toast - container {
	position: fixed;
	bottom: 20px;
	left: 50 %;
	transform: translateX(-50 %);
	z - index: 9999;
	display: flex;
	flex - direction: column;
	align - items: center;
}

.toastmessage {
	background - color: #333;
	color: #fff;
	padding: 10px 20px;
	border - radius: 5px;
	box - shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	margin: 5px 0;
	opacity: 0;
	transform: translateY(20px);
	animation - fill - mode: forwards;
}

    .toastmessage.success {
	background - color: #4caf50;
}

    .toastmessage.error {
	background - color: #f44336;
}

    .toastmessage.info {
	background - color: #2196f3;
}

@keyframes fadeInOut {
	0 %, 100 % {
		opacity: 0;
		transform: translateY(20px);
	}

	10 %, 90 % {
		opacity: 1;
		transform: translateY(0);
	}
}