/* ==================================================

	Sort-by rule

================================================== */

.sort-by {
	display: flex;
	align-items: center;
	gap: 6px;

	padding-inline: 3px;
	margin-top: 2.5px;
	margin-bottom: 3.5px;
}

.sort-by__rule {
	flex: 1;

	height: var(--rule-w);
	margin: 0;

	border: 0;
	background-color: var(--color-rule);
}

.sort-by__label {
	font-size:   var(--text-meta);
	line-height: 1.2;
	color:       var(--gray-soft);
	white-space: nowrap;
}

.sort-by__value {
	font-weight: var(--font-weight-bold);
}

@media ( max-width: 1076px ) {

	.sort-by {
		display: none;
	}

}