[cs-span~="filters"] > * > *
	{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

[cs-span~="filters"]:is( :not( [data-span~="fixed"] ) ) .filter-button
	{
		display: none;
	}

[cs-span~="filters"]:is( :not( [data-span~="fixed"] ) ) .side-select .select-overlay
	{
		display: none;
	}


[cs-span~="filters"]:is( [data-span~="fixed"] ) > * > *
	{
		column-gap: 20px;
		/* margin-left: -293px; */
	}

[cs-span~="filters"] .block-filters
	{
		flex-grow: 1;
		width: 360px;
		max-width: 360px;
		min-width: 260px;
	}

[cs-span~="filters"]:is( [data-span~="fixed"] ) .block-filters
	{
		position: fixed !important;
		top: var( --filler-height, 0px );
		max-height: calc( var( --body-height ) - var( --filler-height ) );
		z-index: 999;
		left: -260px;
		overflow: auto;
		width: 260px;
		transition: left 0.3s ease-in-out;
	}

[cs-span~="filters"]:is( [data-span~="fixed"][data-filter="true"] ) .block-filters
	{
		left: 0px;
	}


[cs-span~="filters"]:is( [data-span~="fixed"] ) .block-filters .heading
	{
		position: sticky;
		top: 0px;
		z-index: 1000;
	}

[cs-span~="filters"] .block-container
	{
		flex-shrink: 1000;
		min-width: 340px;
	}


.block-filters > .selections::bind( sticky )
	{
		$: ui/sticky;
		topSpacing: 104;
		topSpacing: auto;
		bottomSpacing: 0;
		containerSelector: false;
		innerWrapperSelector: '.sidebar__inner';
		resizeSensor: true;
		stickyClass: 'is-affixed';
		minWidth: 0;
	}