.app-toast__container {
	max-width: calc(100vw - 32px);
}

.app-toast {
	width: min(420px, calc(100vw - 32px));
	border: 1px solid rgba(99, 110, 114, 0.12);
	border-radius: 22px;
	background: var(--bs-black-0);
	color: #2d3436;
	box-shadow: 0 18px 45px rgba(17, 19, 20, 0.14);
	overflow: hidden;
	backdrop-filter: blur(10px);
}

.app-toast .toast-header {
	padding: 16px 18px 10px;
	background: transparent;
	border-bottom: 0;
	color: #636e72;
	display: flex;
	align-items: center;
	gap: 12px;
}

.app-toast__icon {
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	border-radius: 10px;
	object-fit: contain;
	background: var(--bs-black-10);
	padding: 4px;
}

.app-toast__title {
	font-size: 18px;
	line-height: 1.2;
	font-weight: 600;
	color: #636e72;
}

.app-toast__time {
	font-size: 13px;
	line-height: 1.2;
	font-weight: 500;
	color: var(--bs-black-60);
	white-space: nowrap;
}

.app-toast .btn-close {
	flex: 0 0 auto;
	opacity: 0.72;
	box-shadow: none;
}

.app-toast .btn-close:focus {
	box-shadow: none;
}

.app-toast__body {
	padding: 0 18px 18px;
	font-size: 15px;
	line-height: 1.55;
	font-weight: 400;
	color: #2d3436;
}

.app-toast.text-bg-success,
.app-toast.text-bg-danger,
.app-toast.text-bg-warning,
.app-toast.text-bg-info {
	color: #2d3436 !important;
}

.app-toast.text-bg-success {
	background: linear-gradient(135deg, rgba(var(--bs-success-4-rgb), 0.96), rgba(var(--bs-black-0-rgb), 0.98)) !important;
	border-left: 4px solid var(--bs-success-5) !important;
}

.app-toast.text-bg-danger {
	background: linear-gradient(135deg, rgba(var(--bs-danger-4-rgb), 0.96), rgba(var(--bs-black-0-rgb), 0.98)) !important;
	border-left: 4px solid var(--bs-danger-2) !important;
}

.app-toast.text-bg-warning {
	background: linear-gradient(135deg, rgba(var(--bs-warning-4-rgb), 0.96), rgba(var(--bs-black-0-rgb), 0.98)) !important;
	border-left: 4px solid var(--bs-warning-1) !important;
}

.app-toast.text-bg-info {
	background: linear-gradient(135deg, rgba(var(--bs-info-4-rgb), 0.96), rgba(var(--bs-black-0-rgb), 0.98)) !important;
	border-left: 4px solid var(--bs-info-1) !important;
}

.app-toast.text-bg-success .app-toast__title,
.app-toast.text-bg-danger .app-toast__title,
.app-toast.text-bg-warning .app-toast__title,
.app-toast.text-bg-info .app-toast__title {
	color: #4a4f57;
}

.app-toast.text-bg-success .app-toast__time,
.app-toast.text-bg-danger .app-toast__time,
.app-toast.text-bg-warning .app-toast__time,
.app-toast.text-bg-info .app-toast__time {
	color: #8d939b;
}

.app-toast.text-bg-success .app-toast__body,
.app-toast.text-bg-danger .app-toast__body,
.app-toast.text-bg-warning .app-toast__body,
.app-toast.text-bg-info .app-toast__body {
	color: #2d3436;
}

@media (max-width: 576px) {
	.app-toast {
		width: calc(100vw - 20px);
		border-radius: 18px;
	}

	.app-toast .toast-header {
		padding: 14px 16px 8px;
		gap: 10px;
	}

	.app-toast__title {
		font-size: 17px;
	}

	.app-toast__body {
		padding: 0 16px 16px;
		font-size: 14px;
	}
}