.bb-readylaunch-template {

	.bb-toast-messages-enable {
		position: relative;

		.bb-toast-messages {
			position: fixed;
			bottom: var(--bb-rl-space-700);
			left: 50%;
			transform: translateX(-50%);
			z-index: 999993;

			.toast-messages-list .read-item {
				background-color: var(--bb-rl-background-black-color);
				border: 1px solid var(--bb-rl-border-quinery-color);
				font-size: var(--bb-rl-font-size-base);
				font-weight: 500;
				line-height: var(--bb-rl-base-line);
				color: var(--bb-rl-text-white-color);
				padding: 12px var(--bb-rl-space-300) 12px var(--bb-rl-space-200);
				border-radius: var(--bb-rl-radius-full);
				display: flex;
				align-items: center;
				justify-content: space-between;
				position: relative;

				[class*="bb-icon"] {
					display: flex;
					content: "\e184";
					color: var(--bb-rl-text-white-color);
					font-size: 24px;
					font-weight: 400;
					margin-right: var(--bb-rl-space-100);
				}

				&.bp-message-success {

					[class*="bb-icon"] {
						color: var(--bb-rl-icon-positive-secondary-color);
					}
				}

				.bb-icon-check:before {
					font-family: bb-icons-rl;
					content: "\e184";
					font-style: normal;
				}

				.toast-messages-action_link {
					color: var(--bb-rl-primary-color);
					cursor: pointer;
				}

				.action-close {
					display: flex;

					[class*="bb-icon"] {
						color: var(--bb-rl-text-white-color);
						font-size: 16px;
						font-weight: 400;
						margin-left: var(--bb-rl-space-100);
						margin-right: 0;
						font-style: normal;

						&:before {
							content: "\e4f6";
							font-family: bb-icons-rl;
						}
					}
				}
			}
		}
	}

	.bb-onscreen-notification-enable {

		.bb-remove-all-notification {
			display: none;
		}

		ul.notification-list {
			padding: 0;
		}
	}
}

.bb-rl-toast-message {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: var(--bb-rl-space-700);
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--bb-rl-background-black-color);
	border: 1px solid var(--bb-rl-border-quinery-color);
	font-size: var(--bb-rl-font-size-base);
	font-weight: 500;
	line-height: var(--bb-rl-base-line);
	color: var(--bb-rl-text-white-color);
	padding: 12px var(--bb-rl-space-300) 12px var(--bb-rl-space-200);
	border-radius: var(--bb-rl-radius-full);
	opacity: 1;
	z-index: 999993;
	transition: opacity 0.3s ease-in-out;

	i {
		font-size: 26px;
		margin-right: var(--bb-rl-space-100);
	}
}

.bb-rl-toast-message--error {

	.bb-rl-spinner {
		display: none;
	}

	i {
		color: var(--bb-rl-text-danger-secondary-color);

		&.bb-icons-rl-warning-circle {
			color: var(--bb-rl-text-warning-secondary-color);
		}
	}
}

.bb-rl-toast-message--warning {

	.bb-rl-spinner {
		display: none;
	}

	i {
		color: var(--bb-rl-icon-warning-secondary-color);
	}
}

.bb-rl-toast-message--success {

	.bb-rl-spinner {
		display: none;
	}

	i {
		color: var(--bb-rl-text-positive-secondary-color);
	}
}

.bb-rl-spinner {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: var(--bb-rl-space-100);
	border: 3px solid var(--bb-rl-border-tertiary-color);
	border-top: 3px solid var(--bb-rl-border-quinery-color);
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {

	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
