:root{
	--toast-width:270px;
	--toast-border-radius:0.25rem;
	--toast-theme-default:#fff;
	--toast-theme-primary:#0d6efd;
	--toast-theme-secondary:#6c757d;
	--toast-theme-success:#198754;
	--toast-theme-danger:#dc3545;
	--toast-theme-warning:#ffc107;
	--toast-theme-info:#0dcaf0;
	--toast-theme-light:#f8f9fa;
	--toast-theme-dark:#212529
}
.toast-container{
	position:fixed;
	top:15px;
	right:5px;
	width:var(--toast-width)
}
.toast{
	font-size:.875rem;
	background-clip:padding-box;
	border:1px solid rgba(0,0,0,.05);
	border-radius:var(--toast-border-radius);
	box-shadow:0 .125rem .25rem rgba(0,0,0,.075);
	position:relative;
	overflow:hidden;
	transition:.3s opacity
}
.toast_default{
	color:#212529;
	background-color:var(--toast-theme-default)
}
.toast_primary{
	color:#fff;
	background-color:var(--toast-theme-primary)
}
.toast_secondary{
	color:#fff;
	background-color:var(--toast-theme-secondary)
}
.toast_success{
	color:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2cc590), to(#75eb92));
    background-image: linear-gradient(#2cc590 0%, #75eb92 100%);
}
.toast_danger{
	color:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dc4985), to(#f18da2));
    background-image: linear-gradient(#dc4985 0%, #f18da2 100%);
}
.toast_warning{
	color:#212529;
	background-color:var(--toast-theme-warning)
}
.toast_info{
	color:#212529;
	background-color:var(--toast-theme-info)
}
.toast_light{
	color:#212529;
	background-color:var(--toast-theme-light)
}
.toast_dark{
	color:#fff;
	background-color:var(--toast-theme-dark)
}
.toast_danger .toast__close,.toast_dark .toast__close,.toast_primary .toast__close,.toast_secondary .toast__close,.toast_success .toast__close{
	filter:invert(1)
}
.toast:not(:last-child){
	margin-bottom:.75rem
}
.toast:not(.toast_show){
	display:none
}
.toast_showing{
	opacity:0
}
.toast__header{
	position:relative;
	padding:.5rem 2.25rem .5rem 1rem;
	background-color:rgba(0,0,0,.03);
	border-bottom:1px solid rgba(0,0,0,.05)
}
.toast__close{
	content:"";
	position:absolute;
	top:.75rem;
	right:.75rem;
	width:.875em;
	height:.875em;
	background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/.875em auto no-repeat;
	border:0;
	opacity:.5;
	cursor:pointer;
	transition:opacity .1s ease-in-out
}
.toast__close:hover{
	opacity:1
}
.toast__body{
	padding:1rem
}
.toast_message .toast__body{
	padding-right:2.25rem
}