/**
 *
 * Copyright (c) 2024 Analog Devices, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 *
 * 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.
 *
 */
@use '@common/styles/colors';

.errorContainer {
	display: flex;
	align-items: center;
	cursor: pointer;
	height: 27px;
	padding: 3px 4px;

	background-color: colors.$input-background;
	color: colors.$input-foreground;
	border: 1px solid colors.$input-border;

	.divider {
		flex: 1;
	}

	&:hover {
		border: 1px solid colors.$input-focus-border;
	}

	h3 {
		display: flex;
		align-items: center;
		gap: 4px;
	}

	svg {
		path {
			fill: #{colors.$error};
		}
	}
}
