.filter:is(.filterbutton) .filter-item-container:is([data-open=true])
	{
		position: absolute;
		top: 0;
		left: 0px;
		width: 100%;
		height: 100vh;
		flex-direction: column;
		background: #ffffff;
		z-index: 100;
	}

.filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .bar-filter-list-selected
	{
		display: none;
	}

.filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .filter-container
	{
		position: relative;
		box-shadow: none;
		border: none;
	}

.filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .title
	{
		border: none;
		border-bottom: solid 1px rgb(204, 204, 204);
		padding: 15px 0px;
	}

.filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .filter-item
	{
		margin-right: 0px;
		padding: 0 10px;
		
	}

.filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .filter-item:is([data-open="true"])
	{
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: rgb(255, 255, 255);
		z-index: 10;
	}

.filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .filter-item:is([data-open="true"]) .filter-container
	{
		width: 100%;
		padding: 0px;
		height: 100%;
	}
/*

.filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .filter-container .options .close
	{
		display: none;
	}
*/

.filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .filter-item:is([data-open="true"]) .filter-list li
	{
		padding: 10px 0px;
	}

/*
.filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .filter-item:is([data-open="true"]) .filter-container .options
	{
		padding: 11px 0 0 0;
		border: none;
		justify-content: flex-end;
	}
*/

.filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .filter-item:is([data-open="true"]) .filter-container .title span
	{
		max-width: 200px;
	}

.filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .filter-item:is([data-open="true"]) .title
	{
		justify-content: space-between;
	}

.filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .filter-item:is([data-open="true"]) .title span
	{
		display: none;
	}

.filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .filter-item:is([data-open="true"]) .title::after
	{
		content: '';
		width: 15px;
		height: auto;
		background-image: url(https://assets.silksites.nl/misc/icons/arrow-left.svg);
		display: inline-block;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

:is( body[max-width~="600px"] *) .filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .filter-button::before
	{
		content: "";
		background-image: url(https://assets.silksites.nl/misc/icons/cross.svg);
		background-size: 8px;
	}

:is( body[max-width~="600px"] *) .filter:is(.filterbutton) .filter-item-container:is([data-open=true]) .filter-item
	{
		display: block;
	}

:is( body[max-width~="600px"] *) .filter:is(.filterbutton) .filter-button
	{
		display: flex;
	}

:is( body[max-width~="600px"] *) .filter:is(.filterbutton) .filter-item
	{
		display: none;
	}

:is( body[max-width~="600px"] *) .filter:is(.filterbutton) .filter-item ul
	{
		max-height: unset;
	}