//   Copyright 2024 Cisco Systems, Inc.
//
//   Licensed under the Apache License, Version 2.0 (the "License");
//   you may not use this file except in compliance with the License.
//   You may obtain a copy of the License at
//
//        http://www.apache.org/licenses/LICENSE-2.0
//
//   Unless required by applicable law or agreed to in writing, software
//   distributed under the License is distributed on an "AS IS" BASIS,
//   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//   See the License for the specific language governing permissions and
//   limitations under the License.
//
//   SPDX-License-Identifier: Apache-2.0

.ms-terminal-style-configurator {
	.xterm-dynamic-style-wrapper {
		display: flex;
		gap: 1rem;
		margin-top: 20px;

		.settings-form {
			display: flex;
			flex-direction: column;
			min-width: 340px;
			max-width: 340px;
		}

		.right-side-container {
			display: flex;
			flex-direction: column;
			width: 90%;

			.search-icon {
				display: flex;
				justify-content: flex-end;
			}

			.terminal-wrapper {
				width: 100%;
				height: 460px;
				border: 10px solid;
				border-radius: 10px;
			}
		}

		.colors-container {
			display: grid;
			column-gap: 10px;
			row-gap: 20px;

			grid-template-columns: repeat(2, 1fr);
		}
	}

	.buttons-container {
		display: flex;
	}
}
