/**
 * Global transient toast (material schedule, boards, etc.).
 */

.gather-toast {
	position: fixed;
	left: 50%;
	bottom: max(1.25rem, env(safe-area-inset-bottom, 0px));
	z-index: 260;
	box-sizing: border-box;
	max-width: min(22rem, calc(100vw - 2rem));
	padding: 0.85rem 1.25rem;
	margin: 0;
	border-radius: 0.5rem;
	background: var(--gather-terra);
	color: #fff;
	font-family: var(--gather-font-body, inherit);
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.35;
	text-align: center;
	box-shadow: 0 4px 28px rgb(58 53 53 / 0.22);
	opacity: 0;
	transform: translate3d(-50%, 0.75rem, 0);
	pointer-events: none;
	transition:
		opacity 0.35s ease,
		transform 0.35s ease;
}

.gather-toast--visible {
	opacity: 1;
	transform: translate3d(-50%, 0, 0);
}

@media (prefers-reduced-motion: reduce) {
	.gather-toast {
		transition-duration: 0.01ms;
	}
}