<!-- Clipboard copy toast -->
<div class="toast clipboard" id="toast-success" role="alert" aria-live="assertive" aria-atomic="true" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
	<div class="flex items-center justify-center p-3 bg-green-500 border border-green-600 text-center text-white rounded shadow-inset-t-white-10">
		<i class="fas fa-copy fa-fw mr-2"></i>
		<span>
			Link copied to clipboard!
		</span>
	</div>
</div>
<!-- Global success toast -->
<div id="toast-post-success" class="toast fixed bottom-4 mx-auto left-0 right-0 w-96" style="z-index: 1000" role="alert" aria-live="assertive" aria-atomic="true" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
	<div class="flex items-center justify-center p-3 bg-green-500 border border-green-600 text-center text-white rounded shadow-inset-t-white-10">
		<i class="fas fa-check-circle fa-fw mr-2"></i>
		<span id="toast-post-success-text">
			Action successful!
		</span>
	</div>
</div>
<!-- Global error toast -->
<div id="toast-post-error" class="toast fixed bottom-4 mx-auto left-0 right-0 w-96" style="z-index: 1000" role="alert" aria-live="assertive" aria-atomic="true" data-bs-animation="true" data-bs-autohide="true" data-bs-delay="5000">
		<div class="flex items-center justify-center p-3 bg-red-500 border border-red-600 text-center text-white rounded shadow-inset-t-white-10">
		<i class="fas fa-exclamation-circle fa-fw mr-2"></i>
		<span id="toast-post-error-text">
			Error, please try again later.
		</span>
	</div>
</div>