@media (min-width: 1025px) {
	.desktop-filter-wrapper {
		max-height: var(--filter-visible-height, calc(100vh - 32px));
		margin-right: -8px;
		max-width: calc(100% + 32px) !important;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding-right: 8px;
		-webkit-overflow-scrolling: touch;
		scrollbar-gutter: stable;
		scrollbar-color: rgba(80, 80, 80, .14) transparent !important;
		scrollbar-width: thin !important;
		--scrollbar-thumb-color: rgba(80, 80, 80, .14);
		--scrollbar-track-color: transparent;
		width: calc(100% + 32px);
	}

	.desktop-filter-wrapper::-webkit-scrollbar {
		width: 6px;
	}

	.desktop-filter-wrapper::-webkit-scrollbar-track {
		background: transparent !important;
	}

	.desktop-filter-wrapper::-webkit-scrollbar-thumb {
		background-color: rgba(80, 80, 80, .14) !important;
		border-color: transparent !important;
		border-width: 0 !important;
		border-radius: 999px;
	}

	.desktop-filter-wrapper:hover::-webkit-scrollbar-thumb {
		background-color: rgba(80, 80, 80, .28) !important;
	}

	.desktop-filter-wrapper #filter {
		min-height: 0;
	}

	.desktop-filter-wrapper .module-filter,
	.desktop-filter-wrapper #filter,
	.desktop-filter-wrapper .module-body,
	.desktop-filter-wrapper .panel-group {
		max-height: none;
	}
}

@media (max-width: 1024px) {
	.desktop-filter-wrapper {
		max-height: none;
		overflow: visible;
	}
}
