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

.results-container {
	width: 100%;
	.mat-divider {
		width: 100%;
	}
	.result-word-limit-container {
		width: 100%;
		.limit-result {
			color: $color-black;
			font-size: 12px;
			font-weight: 700;
		}
	}
	.result-publication-top-container {
		width: 100%;
		.result-publication-container {
			width: 100%;
			.date-container {
				.start-from {
					color: $color-black;
					font-size: 14px;
					font-weight: 500;
				}
				.publication-date {
					color: $color-dark-blue;
					font-size: 12px;
					font-weight: 700;
				}
			}
		}

		.include-results-checkbox {
			color: $color-black;
			font-size: 14px;
			font-weight: 500;
			&:focus-within:not(:hover) {
				::ng-deep {
					.mat-checkbox-ripple {
						display: unset !important;
					}
				}
			}
		}
	}

	.mat-slider-container {
		width: 95%;
		height: 24px;
		inset-inline-start: 10px;
		padding: 0px;
	}
	::ng-deep .mat-slider.mat-slider-horizontal {
		.mat-slider-wrapper {
			inset-inline-start: 0px;
			inset-inline-end: 0px;
			top: 12px;
			.mat-slider-thumb-container .mat-slider-thumb {
				background-color: $color-primary;
				border: 0;
			}
		}
		.mat-slider-track-wrapper {
			height: 4px;
			border-radius: 10px;
			.mat-slider-track-background {
				background-color: $color-container-background;
				height: 4px;
			}
			.mat-slider-track-fill {
				background-color: $color-primary;
				height: 4px;
			}
		}
	}
}

.total-stat {
	color: $color-black;
	font-size: 12px;
	font-weight: 700;
	margin-inline-start: 8px;
}
