.listing-view-tabs .tab-item {
	@apply flex items-center justify-center gap-2 px-4 py-2 text-xs border border-current cursor-pointer h-10 rounded-md font-semibold;
}

.listing-view-tabs .tab-item.selected {
	@apply bg-[var(--rb-first-color)] text-[var(--rb-first-color-opposite)] border-[var(--rb-first-color)];
}

.map-view-wrapper,
.grid-view-wrapper {
	@apply hidden;
}

.map-view-wrapper.selected,
.grid-view-wrapper.selected {
	@apply block;
}