#toast-container {
	position: fixed;
	z-index: 20000;
	pointer-events: none;
}

#toast-container.toast-top-right {
	top: 1rem;
	right: 1rem;
}

#toast-container.toast-top-left {
	top: 1rem;
	left: 1rem;
}

#toast-container.toast-bottom-right {
	right: 1rem;
	bottom: 1rem;
}

#toast-container.toast-bottom-left {
	left: 1rem;
	bottom: 1rem;
}

#toast-container > .toast {
	display: block;
	width: min(360px, calc(100vw - 2rem));
	margin-bottom: .75rem;
	padding: .85rem 2.25rem .85rem 1rem;
	color: #fff;
	background: #2f3942;
	border: 0;
	border-radius: .35rem;
	box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .2);
	opacity: 0;
	transform: translateY(-8px);
	transition: opacity .16s ease, transform .16s ease;
	pointer-events: auto;
	position: relative;
}

#toast-container > .toast.toast-show {
	opacity: .98;
	transform: translateY(0);
}

#toast-container > .toast-success {
	background: #198754;
}

#toast-container > .toast-info {
	background: #0d6efd;
}

#toast-container > .toast-warning {
	color: #1f2933;
	background: #ffc107;
}

#toast-container > .toast-error {
	background: #dc3545;
}

#toast-container .toast-title {
	display: block;
	margin-bottom: .15rem;
	font-weight: 700;
}

#toast-container .toast-message {
	line-height: 1.35;
}

#toast-container .toast-close-button {
	position: absolute;
	top: .45rem;
	right: .65rem;
	padding: 0;
	color: inherit;
	background: transparent;
	border: 0;
	font-size: 1.25rem;
	line-height: 1;
	opacity: .75;
	cursor: pointer;
}

#toast-container .toast-close-button:hover {
	opacity: 1;
}