.bbi-filter-option:has(.count.is-empty) {
	opacity: 0.5;
	pointer-events: none;
	display: none;
}

.bbi-directory-sentinel {
	height: 1px;
	width: 100%;
	margin-top: 2rem;
	pointer-events: none;
}

.bbi-directory-progress {
	opacity: 0.75;
}

/* Toggle Switch */
.bbi-toggle-switch {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 26px;
	flex-shrink: 0;
}

.bbi-toggle-switch input {
	opacity: 0;
	width: 0;
	height: 0;
	position: absolute;
}

.bbi-toggle-track {
	position: absolute;
	inset: 0;
	background-color: #ccc;
	border-radius: 26px;
	transition: background-color 0.2s ease;
	cursor: pointer;
}

.bbi-toggle-track::before {
	content: "";
	position: absolute;
	height: 20px;
	width: 20px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	border-radius: 50%;
	transition: transform 0.2s ease;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.bbi-toggle-switch input:checked + .bbi-toggle-track {
	background-color: var(--primary, #2563eb);
}

.bbi-toggle-switch input:checked + .bbi-toggle-track::before {
	transform: translateX(22px);
}

.bbi-toggle-switch input:focus-visible + .bbi-toggle-track {
	outline: 2px solid var(--primary, #2563eb);
	outline-offset: 2px;
}