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

.monaco-workbench .terminal-inline-chat {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	height: auto !important;
}

.monaco-workbench .terminal-inline-chat .inline-chat {
	margin-top: 0 !important;
	color: inherit;
	border-radius: unset;
	border: unset;
	box-shadow: unset;
	background: var(--vscode-inlineChat-background);
	position: relative;
	outline: none;

	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: var(--vscode-inlineChat-border);
	border-bottom-color: var(--vscode-inlineChat-border);
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.monaco-workbench .terminal-inline-chat .interactive-session {
	margin: initial;
	max-width: unset;
}

.monaco-workbench .terminal-inline-chat.hide {
	visibility: hidden;
}

.monaco-workbench .terminal-inline-chat .chatMessageContent .value {
	padding-top: 10px;
}

.monaco-workbench .terminal-inline-chat .inline-chat-input .monaco-editor-background {
	/* Override the global panel rule for monaco backgrounds */
	background-color: var(--vscode-inlineChatInput-background) !important;
}

@property --inline-chat-frame-progress {
	syntax: '<percentage>';
	initial-value: 0%;
	inherits: false;
}

@keyframes shift {
	0% {
		--inline-chat-frame-progress: 0%;
	}

	50% {
		--inline-chat-frame-progress: 100%;
	}

	100% {
		--inline-chat-frame-progress: 0%;
	}
}

.monaco-workbench .terminal-inline-chat.busy .inline-chat {
	--inline-chat-frame-progress: 0%;
	border-image: linear-gradient(90deg, var(--vscode-editorGutter-addedBackground) var(--inline-chat-frame-progress), var(--vscode-button-background)) 1;
	animation: 3s shift linear infinite;
}

.monaco-workbench .terminal-inline-chat .inline-chat .chat-widget .interactive-session .interactive-input-part {
	padding: 0 0 4px 0;
}
