/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench > .notifications-toasts {
	position: absolute;
	z-index: 1000;
	right: 3px;
	bottom: 25px; /* 22px status bar height + 3px */
	display: none;
	border-radius: var(--vscode-cornerRadius-small);
}

.monaco-workbench.nostatusbar > .notifications-toasts {
	bottom: 3px;
}

.monaco-workbench > .notifications-toasts.bottom-left {
	right: auto;
	left: 3px;
}

.monaco-workbench > .notifications-toasts.top-right {
	bottom: auto;
	top: 3px;
}

.monaco-workbench > .notifications-toasts.top-right .notification-toast-container > .notification-toast {
	transform: translate3d(100%, 0px, 0px); /* slide in from right */
}

.monaco-workbench > .notifications-toasts.visible {
	display: flex;
	flex-direction: column;
}

.monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast {
	margin: 4px; /* enables separation and drop shadows around toasts */
	transform: translate3d(0px, 100%, 0px); /* move the notification 50px to the bottom (to prevent bleed through) */
	opacity: 0; /*  fade the toast in */
	transition:	transform 300ms ease-out, opacity 300ms ease-out;
}

.monaco-workbench > .notifications-toasts .notifications-list-container {
	box-shadow: var(--vscode-shadow-lg);
}

.monaco-workbench > .notifications-toasts .notifications-list-container,
.monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast,
.monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast .monaco-scrollable-element,
.monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast .monaco-list:not(.element-focused):focus:before,
.monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast .monaco-list-row {
	border-radius: 4px;
}

.monaco-workbench.monaco-reduce-motion > .notifications-toasts .notification-toast-container > .notification-toast {
	transition: transform 0ms ease-out, opacity 0ms ease-out;
}

.monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast.notification-fade-in {
	opacity: 1;
	transform: none;
}

.monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast.notification-fade-in-done {
	opacity: 1;
	transform: none;
	transition: none;
}

/* Icons */

.monaco-workbench > .notifications-toasts .codicon.codicon-error {
	color: var(--vscode-notificationsErrorIcon-foreground) !important;
}

.monaco-workbench > .notifications-toasts .codicon.codicon-warning {
	color: var(--vscode-notificationsWarningIcon-foreground) !important;
}

.monaco-workbench > .notifications-toasts .codicon.codicon-info {
	color: var(--vscode-notificationsInfoIcon-foreground) !important;
}
