.toast {
	--bs-toast-max-width: 100%;
}

.toast-container {
	position: sticky;
	height: 0;
	margin: 0 auto;
	bottom: calc(100% - 3px);
	z-index: 1020;
}

#feedback-toast {
	--bs-toast-padding-x: 9px;
	text-align: center;
	margin-top: 20px;
}

#feedback-toast .btn-close {
	--bs-btn-close-opacity: 0.75;
	--bs-btn-close-hover-opacity: 1;
}

.toast-body {
	padding-left: 20px;
	padding-right: 20px;
}

/* ------------------------------------------------------------------------------------ */
/* responsive */

@media (max-width: 1024px) {
	.toast-container {
		bottom: calc(100% - 13px);
	}
	#feedback-toast {
		margin-top: 0;
		margin-right: 0;
	}
}

@media (max-width: 560px) {
	.toast-container {
		bottom: calc(100% - 18px);
	}
}