.toast-ant {
	position: fixed;
	text-decoration: none;
	z-index: 999999;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	display: flex;
	padding: 6px 2px 2px 10px;
	transform: translate(0, -120%);
}

	.toast-ant .toast-ant-wrapper {
		flex: 1;
		overflow: hidden;
	}

		.toast-ant .toast-ant-wrapper .toast-ant-header {
			padding: 0 0 8px 0;
			margin: 0;
			font-weight: 600;
			font-size: 13px;
			word-break: break-all;
			color: inherit;
		}

		.toast-ant .toast-ant-wrapper .toast-ant-content {
			font-size: 14px;
			text-align: justify;
			margin: 0;
			padding: 0;
			word-break: normal;
			line-height: 18px;
			color: inherit;
		}

	.toast-ant .toast-ant-close {
		appearance: none;
		border: none;
		background: transparent;
		cursor: pointer;
		font-size: 24px;
		line-height: 12px;
		padding-bottom: 4px;
		font-weight: bold;
		color: rgba(0, 0, 0, 0.2);
	}

.toast-timeline {
	border-radius: 0.375rem;
	width: 100%;
	height: 0.12rem;
	opacity: 0.5;
	margin-top: 4px;
	background-color: grey;
}

.toast-ant.toast-ant-top-center {
	transform: translate(calc(50vw - 50%), -120%);
}

.toast-ant.toast-ant-bottom-left,
.toast-ant.toast-ant-bottom-right {
	transform: translate(0, 120%);
}

.toast-ant.toast-ant-bottom-center {
	transform: translate(calc(50vw - 50%), 120%);
}

.toast-ant-close:hover {
	color: rgba(0, 0, 0, 0.4);
}

.toast-ant.toast-ant-success {
	background-color: #c3f3d7;
	border-left: 4px solid #51a775;
	color: #51a775;
}

.toast-ant.toast-ant-error {
	background-color: #f3c3c3;
	border-left: 4px solid #a75151;
	color: #a75151;
}

.toast-ant.toast-ant-system {
	background-color: #fff;
	border-left: 4px solid #b10000;
	color: #b10000;
}

.toast-ant.toast-ant-info {
	background-color: #d0eaff;
	border-left: 4px solid #6097b8;
	color: #6097b8;
}

.toast-ant.toast-ant-warning {
	background-color: #efd685;
	border-left: 4px solid #ed9530;
	color: #782c19;
}

.toast-ant.toast-ant-dark {
	background-color: #424347;
	border-left: 4px solid #c1c1c1;
	color: #edeff3;
}

	.toast-ant.toast-ant-dark .toast-ant-close {
		color: rgba(255, 255, 255, 0.8);
	}

		.toast-ant.toast-ant-dark .toast-ant-close:hover {
			color: rgba(255, 255, 255, 0.4);
		}

.toast-ant.toast-ant-dimmed {
	opacity: 0.3;
}

	.toast-ant.toast-ant-dimmed:hover,
	.toast-ant.toast-ant-dimmed:active {
		opacity: 1;
	}