#filter_menu{
	width: calc(100% - 1rem);
	height: fit-content;
	background-color: var(--very_light_blue_1);
	padding: 0.5rem;
	border-radius: 5px;
	}
.filter_menu_translate_close, .filter_menu_translate_open{
	transform: translateX(0);
	}
#filter_menu h3{
	font-size: 1.1rem;
	font-weight: 600;
	display: flex;
	padding:0;
	margin: 0;
	clear: both;
	}
#filter_menu .header{
	font-size: 1.4rem;
	margin: 0;
	justify-content: space-between;
	display: none;
	}
#filter_menu .close{
	cursor: pointer;
	}
#filter_menu div div{
	margin-top: 0.5rem;
	}
#filter_menu div div div{
	min-width: 50%;
	margin: 0;
	display: inline-block;
	}
#filter_menu input[type=number]{
	width: 6rem;
	border: none;
	margin: 0;
	padding: 0.4rem;
	}
#filter_menu input[type=checkbox]{
	border: none;
	vertical-align: middle;
	}
#filter_menu label{
	display: inline-block;
	}

#filter_menu input[type=range], #filter_menu input[type=text]{
	width: calc(100% - 0.5rem);
	}
#filter_menu input[type=checkbox]{
	width: 1rem;
	height: 1rem;
	}
#filter_menu .overflow{
	max-height: 16rem;
	overflow-y: scroll;
	}

@media(max-width:62rem){
	#filter_menu{
		position: fixed;
		max-height: 100%;
		overflow-y: scroll;
	    z-index: 900;
	    top: 0;
	    left: 0;
	    box-sizing: border-box;
	    width: 20rem;
	    box-shadow: 0 0 5px #000;
	    transition: all 0.5s ease-in-out;
		}
	#filter_menu .header{
		display: flex;
		}
	.filter_menu_translate_close{
		transform: translateX(calc(-100% - 6px));
		}
	.filter_menu_translate_open{
		transform: translateX(0);
		}
	}