/**
 *
 * 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';
@use '@common/styles/fonts';

.fieldContainer {
	border-top: 1px solid colors.$default-border;
	padding: 24px 0;
	box-sizing: border-box;
	color: colors.$default-foreground;

	.name {
		margin-top: 0;
		margin-bottom: 16px;
	}

	.controlValDescription {
		font-size: fonts.$font-size-m;
		display: flex;
		flex-direction: column;
		gap: 4px;

		.docsContainer {
			display: flex;
			align-items: baseline;

			.itemValue {
				font-family: monospace;
				font-size: 14px;
				font-weight: 700;
				margin: 0 10px 0 0;
			}
		}
	}
}

.fieldTable {
	--foreground: #{colors.$default-foreground};
	--font-family: #{fonts.$default-font-family};
	--design-unit: 0;
	--type-ramp-base-font-size: #{fonts.$font-size-m};
	--type-ramp-base-line-height: 14px;
	--list-active-selection-background: transparent;
	--list-active-selection-foreground: #{colors.$default-foreground};
	--list-hover-background: #{colors.$table-row-hover};
	--contrast-active-border: #{colors.$active-cta};
	--focus-border: transparent;

	margin-top: 18px;
}
