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

.radioSelectionBox {
	display: flex;
	height: 85px;
	width: 100%;
	cursor: pointer;
	border: 1px solid colors.$default-border;
	border-radius: 4px;

	&:hover {
		border: 1px solid colors.$active-cta;
	}
}

.radioContainer {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	border-right: 1px solid colors.$default-border;
}

.contentContainer {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding: 16px;
	padding-right: 48px;
	gap: 8px;
	overflow: hidden;

	p {
		margin: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: colors.$description-foreground;
		@include fonts.body-b3;
	}

	.title {
		@include fonts.heading-h3;
	}
}

.activeBox {
	border: 1px solid colors.$active-cta;
}

.additionalInfo {
	width: 88px;
	display: flex;
	align-items: center;
	padding: 16px;
	padding-left: 0;
}
