.notice .notice-inner {
	background-color: var(--primary-color);
	padding: 20px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}

.notice.notice-type-error .notice-inner {
	background: #ea7f72;
}

@media (max-width: 768px) {
	.notice {
		padding: 0 65px;
	}

	.notice-inner {
		max-width: 380px;
		margin: 0 auto;
		border-radius: 5px;
	}
}

.toast-group {
	position: fixed;
	z-index: 999999;
	right: 55px;
	bottom: 40px;
	width: 400px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	pointer-events: none;
}

.toast-group .toast {
	min-width: 300px;
	box-shadow: rgb(34 34 34 / 12%) 0 2px 15px;
	border-radius: 15px;
	padding: 28px;
	background-color: #fff;
	color: #222;
	font-size: 13px;
	white-space: pre-line;
	display: flex;
	gap: 15px;
	align-items: center;
	animation: toast-fade-in 0.4s linear, toast-slide-in 0.4s cubic-bezier(0.3, 1.3, 0.6, 1.3);
	pointer-events: all;
}
.toast-group .toast img {
	width: 23px;
	height: auto;
}
@keyframes toast-fade-in {
	from {
		opacity: 0;
	}
}

@keyframes toast-slide-in {
	from {
		transform: translateX(50%);
	}
}

@media (max-width: 1024px) {
	.toast-group {
		bottom: 80px;
	}
}

@media (max-width: 768px) {
	.toast-group {
		max-width: 100vw;
		/* bottom: 0; */
		right: 0;
		padding: 25px;
	}
}