.FilterBoxx{width:300px;height:100%}@media (max-width:768px){.FilterBoxx{width:100%}}.FilterBoxx .FilterBoxContainer{background:#fff;width:300px;height:fit-content;padding:10px;overflow-y:auto}@media (max-width:768px){.FilterBoxx .FilterBoxContainer{width:100%;height:100vh}}.FilterBoxx .FilterBoxContainer .FilterBoxHeader{justify-content:space-between;align-items:center;margin-bottom:20px;display:none}@media (max-width:768px){.FilterBoxx .FilterBoxContainer .FilterBoxHeader{display:flex}}.FilterBoxx .FilterBoxContainer .FilterBoxHeader h2{color:var(--primaryColor);margin:0;font-family:myFont3;font-size:20px;font-weight:500}.FilterBoxx .FilterBoxContainer .FilterBoxHeader .closeBtn{cursor:pointer;color:var(--primaryColor);background:0 0;border:none;font-size:24px}.FilterBoxx .FilterBoxContainer .FilterBoxHeader .closeBtn:hover{color:var(--primaryColor)}.FilterBoxx .SelectedFilters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.FilterBoxx .SelectedFilters .SelectedFilterItem{background:var(--primaryColor);color:#fff;border:1px solid var(--primaryColor);border-radius:4px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;display:flex}.FilterBoxx .SelectedFilters .SelectedFilterItem button{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;margin-left:5px;padding:0;display:flex}.FilterBoxx .FilterSection{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:15px}.FilterBoxx .FilterSection .FilterSectionHeader{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.FilterBoxx .FilterSection .FilterSectionHeader p{color:#333;margin:0;font-family:myFont3;font-size:16px;font-weight:500}.FilterBoxx .FilterSection .FilterSectionHeader svg{color:#666;transition:transform .3s}.FilterBoxx .FilterDropdown{margin-top:10px}.FilterBoxx .FilterDropdown .FilterSearchBox{margin-bottom:10px}.FilterBoxx .FilterDropdown .FilterSearchBox input{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 12px;font-family:myFont3;font-size:14px}.FilterBoxx .FilterDropdown .FilterClearAll{color:var(--primaryColor);text-align:right;cursor:pointer;margin-bottom:10px;font-family:myFont3;font-size:14px}.FilterBoxx .FilterDropdown .FilterOptions{max-height:200px;overflow-y:auto}.FilterBoxx .FilterDropdown .FilterOption{cursor:pointer;align-items:center;gap:10px;padding:8px 0;display:flex}.FilterBoxx .FilterDropdown .FilterOption input[type=checkbox]{accent-color:var(--primaryColor);cursor:pointer;width:16px;height:16px}.FilterBoxx .FilterDropdown .FilterOption span{font-family:myFont3;font-size:14px}.FilterBoxx .FilterDropdown .NoResults{color:#666;text-align:center;padding:10px 0;font-family:myFont3;font-size:14px}.FilterBoxx .PriceRangeContainer .PriceInputs{justify-content:space-between;gap:10px;margin-bottom:15px;display:flex}.FilterBoxx .PriceRangeContainer .PriceInputs .PriceInput{flex:1}.FilterBoxx .PriceRangeContainer .PriceInputs .PriceInput label{color:#666;margin-bottom:5px;font-family:myFont3;font-size:14px;display:block}.FilterBoxx .PriceRangeContainer .PriceInputs .PriceInput input{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px;font-family:myFont3}.FilterBoxx .PriceRangeContainer .RangeSlider{background:#ddd;border-radius:2px;height:4px;margin:30px 0;position:relative}.FilterBoxx .PriceRangeContainer .RangeSlider .PriceSlider{pointer-events:none;-webkit-appearance:none;z-index:3;background:0 0;width:100%;height:0;position:absolute;top:0}.FilterBoxx .PriceRangeContainer .RangeSlider .PriceSlider::-webkit-slider-thumb{pointer-events:all;-webkit-appearance:none;background:var(--primaryColor);cursor:pointer;z-index:2;border-radius:50%;width:16px;height:16px;position:relative}.FilterBoxx .PriceRangeContainer .RangeSlider .PriceSlider:focus{outline:none}.FilterBoxx .PriceRangeContainer .RangeSlider .SliderTrack{background:var(--primaryColor);z-index:1;border-radius:2px;height:4px;position:absolute;top:0;bottom:0}.FilterBoxx .FilterActions{gap:10px;margin-top:20px;display:flex}.FilterBoxx .FilterActions button{cursor:pointer;flex:1;padding:10px;font-weight:500;transition:all .3s}.FilterBoxx .FilterActions .ClearButton{border:1px solid var(--primaryColor);color:var(--primaryColor);background:0 0;font-family:myFont3}.FilterBoxx .FilterActions .ClearButton:hover{border-color:var(--primaryColor);color:var(--primaryColor)}.FilterBoxx .FilterActions .ApplyButton{background:var(--primaryColor);border:1px solid var(--primaryColor);color:#fff;font-family:myFont3}.FilterBoxx .FilterActions .ApplyButton:hover{opacity:.9}