.toastContainer {
	z-index: 20;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 1rem;
	pointer-events: none;
	overflow: hidden;
	flex-direction: column;
}

.toast {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background: var(--toast-background-color);
	margin-top: 0.5rem;
	pointer-events: auto;
}

.toastText {
	color: var(--toast-text-color);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}