.kkart-block-attribute-filter {
	margin-bottom: $gap-large;

	.kkart-block-attribute-filter-list-count {
		&::before {
			content: " (";
		}
		&::after {
			content: ")";
		}
	}

	.kkart-block-attribute-filter-list {
		margin: 0;

		li {
			text-decoration: underline;

			label {
				cursor: pointer;
			}

			input {
				cursor: pointer;
				display: inline-block;
			}
		}

		.kkart-block-attribute-filter-list-count {
			float: right;
		}
	}

	.is-single .kkart-block-attribute-filter-list-count,
	.kkart-block-dropdown-selector .kkart-block-dropdown-selector__list .kkart-block-attribute-filter-list-count {
		opacity: 0.6;
	}

	.kkart-block-attribute-filter__button {
		margin-top: $gap-smaller;
	}
}
