.um-faceted-directory-container {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}
.um-faceted-directory-container.um-facet-layout-sidebar_right {
	flex-direction: row-reverse;
}
.um-faceted-directory-container.um-facet-layout-topbar {
	display: block;
}
.um-faceted-directory-facets {
	width: 280px;
}
.um-facet-layout-topbar .um-faceted-directory-facets {
	width: 100%;
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 16px;
}
.um-faceted-directory-main {
	flex: 1;
	min-width: 0;
}
.um-faceted-directory-results .um-user-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}
.um-facet-block {
	margin-bottom: 14px;
	padding: 10px;
	border: 1px solid #eee;
	border-radius: 8px;
}
.um-facet-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}
.um-facet-toggle {
	display: none;
	border: none;
	background: transparent;
	cursor: pointer;
	font-size: 12px;
}
.um-facet-content {
	margin-top: 8px;
}
.um-facet-options,
.um-facet-tags {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.um-facet-range {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.um-facet-range input {
	max-width: 120px;
}
.um-facet-tag {
	border: 1px solid #ddd;
	background: #fff;
	padding: 6px 10px;
	border-radius: 999px;
	text-align: left;
}
.um-facet-tag.is-active {
	background: #f3f5ff;
	border-color: #8ea2ff;
}
.um-active-filters {
	margin-bottom: 12px;
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.um-active-filter-list {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.um-active-filter-chip {
	background: #f6f6f6;
	border-radius: 999px;
	padding: 4px 10px;
}
.um-active-filter-chip button {
	background: none;
	border: none;
	cursor: pointer;
}
.um-faceted-directory-pagination {
	margin-top: 12px;
}
@media (max-width: 767px) {
	.um-faceted-directory-container {
		display: block;
	}
	.um-faceted-directory-facets {
		width: 100%;
		margin-bottom: 14px;
	}
	.um-facet-toggle {
		display: inline-block;
	}
	.um-facet-block.is-collapsed .um-facet-content {
		display: none;
	}
}