@import '../../../../styles/website-colors.styles.scss';
@import '../../../../styles/styles.scss';
@import '../../../../styles/cls-mat-components-overrides/cls-scroll-bar-overrides.scss';

:host {
	height: 100%;
}

.top-container {
	.container {
		width: 100%;
		.mat-slide-filter-result {
			padding: 2px;
			box-sizing: border-box;
			.source-type-icon-container {
				width: 26px;
				height: 26px;
				border: 2px solid;
				border-radius: 50%;
				color: $color-primary;
				mat-icon {
					font-size: 17px;
					height: 17px;
					width: 17px;
				}
				.internal-database-icon {
					width: 14px;
				}

				&.ai-source-match-filter-slide {
					border: none !important;
					svg {
						width: 25px !important;
						height: 25px !important;
					}
				}
			}
		}
		.repository-container {
			width: 100%;
		}
	}
	.scroll-padding {
		padding: 0px 2px 0px 0px;
	}
}
.top-container-scroll {
	overflow: hidden;
	max-height: 150px;
	.container {
		overflow-y: auto;
		overflow-x: hidden;
	}
}

.internal-database-checkboxes-container {
	display: flex;
	flex-direction: column;
	padding-inline-start: 32px;
	gap: 4px;

	::ng-deep {
		.checkbox-content-container {
			display: flex;
			flex-direction: row;
			gap: 8px;
			align-items: center;

			.title {
				font-size: 14px;
				font-weight: 500;
				line-height: normal;
				color: $color-black;
			}
			.total {
				font-size: 12px;
				font-style: normal;
				font-weight: 700;
				line-height: normal;
				text-transform: uppercase;
			}

			mat-icon {
				font-size: 16px;
				height: 16px;
				width: 16px;
				color: $grayed-out-disabled;
				cursor: pointer;
			}
		}
		.mat-checkbox-inner-container {
			width: 15px !important;
			height: 15px !important;
		}
		mat-checkbox {
			display: flex;
		}
	}
}
