@import "./../../../assets/css/shared/animations.css";

/*** Notifications Toasts ***/

body.notifications-toasts-body {
	margin-left: 0;
	margin-right: 0;
	bottom: 0;
	overflow: hidden;
	width: 100%;
	background-color: rgb(0 0 0 / 0%);
}

.opaque body.notifications-toasts-body {
	background-color: var(--notification-drawer-background-color);
	margin-left: 7px;
	width: auto;
}

.notifications-toast__offscreen {
	transform: translateX(1000px);
	animation: slide-in-right-opaque 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.notifications-toast-exit-active {
	animation: slide-out-right-opaque 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

.notifications-toasts-body .divider {
	min-height: 10px;
	max-height: 10px;
}
