body .ComponentListingFilterAreaDialogStations{position:relative;height:60vh;display:flex;flex-direction:column-reverse;gap:16px;& .ComponentListingFIlterAreaDialogStationsMaps{height:20vh}& .ComponentListingFilterAreaDialogStations-list{height:40vh;position:relative;& .list{position:absolute;top:55px;left:0;width:100%;height:calc(40vh - 55px);overflow-y:auto}& .ComponentListingSelectButtonGroup .badge{display:inline-block;margin-right:16px;border-radius:4px;width:24px;height:16px}}}@media only screen and (min-width:1200px){body .ComponentListingFilterAreaDialogStations{display:grid;grid-template-columns:1fr 2fr;grid-gap:24px;gap:24px;& .ComponentListingFilterAreaDialogStations-list{height:60vh;& .list{height:calc(60vh - 55px)}}& .ComponentListingFIlterAreaDialogStationsMaps{height:60vh}}}body .ComponentListingFilter{display:flex;flex-direction:column;gap:16px;& .ComponentListingFilter-title{display:flex;flex-direction:row;& .MuiTypography-root{flex-grow:1;color:#ABABAB;font-size:14px;font-weight:400;line-height:150%}}& .ComponentListingFilter-minMax{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;& .form-input-group .form-label{margin-bottom:2px;color:#6F6F6F;font-weight:400;line-height:150%}& fieldset{border:none}& .form-input-group .MuiInputBase-root{border-radius:12px}}&.ComponentListingFilter-popover .ComponentListingFilter-minMax{& .form-input-group .form-label{font-size:16px}}&.ComponentListingFilter-drawer .ComponentListingFilter-minMax{& .form-input-group .form-label{font-size:14px}}& .ComponentListingFilterButtons{display:flex;flex-direction:column;gap:8px;&>.MuiTypography-root{color:#000000;font-size:14px;font-weight:600;line-height:150%}&>.MuiBox-root{display:flex;flex-direction:row}&>.MuiBox-root>.MuiButton-root{border-radius:20px;padding:8px 16px;min-width:unset;min-height:unset;font-size:14px;font-weight:400;line-height:150%;white-space:nowrap}&>.MuiBox-root>.MuiButton-outlined{border:1px solid #d3d3d3;color:#000000}&>.MuiBox-root>.MuiButton-contained{background-color:#F3F6FF;border:1px solid #4469ff;color:#4469FF}}&.ComponentListingFilter-popover .ComponentListingFilterButtons{&>.MuiBox-root{gap:16px;flex-wrap:wrap}}&.ComponentListingFilter-drawer .ComponentListingFilterButtons{&>.MuiBox-root{gap:8px;flex-wrap:nowrap;overflow-x:auto}}}@media only screen and (min-width:1200px){body .ComponentListingFilter{&.ComponentListingFilter-popover .ComponentListingFilter-minMax{& .form-input-group .form-label{font-size:18px}}}}body .ComponentListingFilterPropertyType{display:flex;flex-direction:column;gap:16px;& .MuiTabs-root{min-height:28px;width:100%;& .MuiTabs-list{gap:16px;width:100%;justify-content:space-between}& .MuiTab-root{padding:8px;min-height:28px;min-width:100px;text-transform:none}& .MuiTab-root.Mui-selected{color:#4469FF}& .MuiTabs-indicator{background-color:#4469FF}}& .ComponentListingFilterPropertyType-options{display:flex;row-gap:16px;grid-template-columns:1fr 1fr;flex-wrap:wrap;& .MuiButton-text{padding:4px 8px;min-width:unset;min-height:unset;border:1px solid #333333;display:flex;flex-direction:row;gap:8px;place-content:flex-start;border-radius:10px;flex-grow:1}& .MuiButton-text>.icon{width:28px;height:28px;text-align:center}& .MuiButton-text>.icon>img{width:auto;height:18px;vertical-align:middle}& .MuiButton-text>.MuiTypography-root{color:#333333;font-size:16px;font-weight:400;line-height:150%;text-align:left}}& .ComponentListingFilter-title .MuiButton-text{padding:0;min-width:unset;min-height:unset;color:#4469FF;font-size:16px;font-weight:500;line-height:150%}&.ComponentListingFilterPropertyType-popover .ComponentListingFilterPropertyType-options{column-gap:8px;& .MuiButton-text.select-all{justify-content:center;gap:0}& .MuiButton-text>.icon{text-align:center}& .MuiButton-text:not(.selected) img.pink{display:none}& .MuiButton-text:not(.selected) img.black{display:unset}& .MuiButton-text.selected{background-color:#FEF3FF;border-color:#F0459B}& .MuiButton-text.selected img.pink{display:unset}& .MuiButton-text.selected img.black{display:none}& .MuiButton-text.selected>.MuiTypography-root{color:#F0459B}}&.ComponentListingFilterPropertyType-standalone .ComponentListingFilterPropertyType-options{display:grid;grid-row-gap:8px;row-gap:8px;grid-column-gap:16px;column-gap:16px;& .MuiButton-text{padding:4px;border-radius:10px;border:1px solid #d3d3d3}& .MuiButton-text.selected{background-color:#F3F6FF;border-color:#4469FF}& .MuiButton-text.selected>.MuiTypography-root{color:#4469FF}}}@media only screen and (min-width:1200px){body .ComponentListingFilterPropertyType{&.ComponentListingFilterPropertyType-popover .MuiTabs-root{width:unset;& .MuiTabs-list{width:unset;justify-content:unset}}& .ComponentListingFilterPropertyType-options{display:grid;grid-row-gap:8px;row-gap:8px;grid-column-gap:16px;column-gap:16px;& .MuiButton-text{padding:4px}}&.ComponentListingFilterPropertyType-popover .ComponentListingFilterPropertyType-options{& .MuiButton-text.select-all{display:none}& .MuiButton-text{border:none}& .MuiButton-text img.black{display:none!important}& .MuiButton-text img.pink{display:unset!important}& .MuiButton-text>.icon{border-radius:50px}& .MuiButton-text.selected,& .MuiButton-text>.icon{background-color:#FEF3FF}}}}body .ComponentListingPopoverFilter-button{display:flex;padding:4px 16px;min-width:unset;min-height:unset;border-radius:30px;& .label{text-align:left;flex-grow:1;color:#000000;font-size:14px;font-weight:400;line-height:150%}}body .ComponentListingPopoverFilter-paper{padding:16px;border-radius:16px!important;& .ComponentListingPopoverFilter-paperActions{margin-top:24px;display:flex;flex-direction:row;gap:24px;place-content:flex-end;&>.MuiButton-text{color:#121212;font-weight:400;padding:0}&>.MuiButton-contained,&>.MuiButton-text{line-height:150%;min-width:unset;min-height:unset}&>.MuiButton-contained{padding:8px 24px;background-color:#4469FF;color:#FFFFFF;font-weight:500;border-radius:24px}}&.ComponentListingPopoverFilter-paperDrawer{& .ComponentListingPopoverFilter-paperDrawerCloseButton{position:absolute;top:8px;right:8px}& .ComponentListingPopoverFilter-paperDrawerCloseButton svg{font-size:22px}}&.ComponentListingPopoverFilter-paperDrawer .ComponentListingFilter-title{& .MuiTypography-root:first-of-type{font-size:16px}& :not(.MuiTypography-root:first-of-type){display:none}}&.ComponentListingPopoverFilter-paperPopover .ComponentListingPopoverFilter-paperActions{&>.MuiButton-root{font-size:18px}}&.ComponentListingPopoverFilter-paperDrawer .ComponentListingPopoverFilter-paperActions{&>.MuiButton-root{font-size:16px}&>.MuiButton-outlined{padding:8px 16px;min-width:unset;min-height:unset;border-radius:26px;min-width:75px;border:1px solid #4469ff;color:#4469FF}&>.MuiButton-contained{flex-grow:1}}}@media only screen and (min-width:1200px){body .ComponentListingPopoverFilter-button{padding:8px 24px;& .label{font-size:16px}}body .ComponentListingPopoverFilter-paper{padding:24px}}body .ComponentListingDefaultPopoverFilters{&.ComponentListingDefaultPopoverFilters-landing{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}&.ComponentListingDefaultPopoverFilters-searchList,&.ComponentListingDefaultPopoverFilters-searchMap{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:0 16px;& .ComponentListingPopoverFilter-button .label{white-space:nowrap}}& .MuiButton-text{padding:8px 16px;min-width:unset;min-height:unset;color:#4469FF;font-size:16px;font-weight:400;line-height:150%;white-space:nowrap}& .MuiButton-text>svg{font-size:18px;margin-right:8px}}@media only screen and (min-width:1200px){body .ComponentListingDefaultPopoverFilters{&.ComponentListingDefaultPopoverFilters-landing{grid-template-columns:repeat(4,1fr)}&.ComponentListingDefaultPopoverFilters-searchList,&.ComponentListingDefaultPopoverFilters-searchMap{gap:16px;padding:0}&.ComponentListingDefaultPopoverFilters-searchMap{width:100%;max-width:1248px;margin:0 auto;justify-content:space-between}}}body .ComponentListingSearchFilterButtonsGroup{display:flex;flex-direction:column;gap:8px;& .ComponentListingSearchFilterButtonsGroup-title{color:#3F4444;font-size:14px;font-weight:700;line-height:normal}& .ComponentListingSearchFilterButtonsGroup-options{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}& .ComponentListingSearchFilterButtonsGroup-options .MuiButton-root{min-width:0;min-height:0;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:500;line-height:150%}& .ComponentListingSearchFilterButtonsGroup-options .MuiButton-contained{background-color:#F3F6FF;color:#4469FF;border:1px solid #4469ff}& .ComponentListingSearchFilterButtonsGroup-options .MuiButton-outlined{border:1px solid #d3d3d3;color:#616161}}body .ComponentListingSearchMoreFiltersDialog{max-width:unset!important;min-width:unset!important;width:563px;display:flex;flex-direction:column;gap:24px;border-radius:20px;padding:24px;& .MuiDialogTitle-root{padding:0!important;color:#ABABAB;font-size:16px;font-weight:400;line-height:150%}& .MuiDialogContent-root{padding:0!important;display:flex;flex-direction:column;gap:24px;& .filter-item{display:flex;flex-direction:column;gap:8px}& .filter-item .label{color:#3F4444;font-size:14px;font-weight:700;line-height:normal}& .filter-item .MuiSelect-root{border-radius:30px}& .filter-item .MuiSelect-root fieldset{border:none}& .filter-item .options{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}& .filter-item .options .MuiButton-root{min-width:0;min-height:0;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:500;line-height:150%}& .filter-item .options .MuiButton-contained{background-color:#F3F6FF;color:#4469FF;border:1px solid #4469ff}& .filter-item .options .MuiButton-outlined{border:1px solid #d3d3d3;color:#616161}}& .MuiDialogActions-root{padding:0!important;display:flex;justify-content:end!important;gap:16px;& .MuiButton-root{min-width:0;min-height:0;border-radius:26px;padding:8px 16px;font-size:16px;font-weight:500;line-height:150%}& .MuiButton-outlined{color:#4469FF;border:1px solid #4469ff}& .MuiButton-contained{background-color:#4469FF;border:1px solid #4469ff;color:#ffffff}}}body .ComponentListingSearchButton{padding:8px 24px;min-width:0;min-height:0;border-radius:30px;border:1px solid #e5e5e5;color:#333333;font-size:16px;font-weight:400;line-height:150%;white-space:nowrap;& .MuiSwitch-root{padding:0;height:22px;width:44px;margin-left:8px;border-radius:20px}& .MuiSwitch-switchBase{top:1px;left:2px;padding:0;color:#ffffff}& .MuiSwitch-track{background-color:rgba(0,0,0,.25)}& .MuiSwitch-root.selected .MuiSwitch-track{background-color:#FF56AB}}body .ComponentListingFilterRadius{display:grid;grid-template-columns:1fr 60px;grid-gap:24px;gap:24px;& .MuiSlider-root{& .MuiSlider-rail{background-color:#E5EBFF}& .MuiSlider-mark{display:none}& .MuiSlider-markLabel{color:#ABABAB;font-size:10px;font-weight:400;line-height:normal}& .MuiSlider-thumb{background-color:#ffffff;border:3px solid #4469ff;width:16px;height:16px}}& .form-input-group{align-content:flex-start}}body .ComponentListingPriceRangeSlider{position:relative;display:flex;flex-direction:column;& .ComponentListingPriceRangeSlider-distributions{display:grid;height:106px;grid-gap:4px;gap:4px;& .ComponentListingPriceRangeSlider-distribution{background-color:#E5EBFF;align-self:flex-end}}& .MuiSlider-root{height:1px;margin-top:-14px;& .MuiSlider-rail{background-color:#D3D3D3}& .MuiSlider-thumb{background-color:#ffffff;border:3px solid #4469ff;width:16px;height:16px}}}body .ComponentListingFilterArea{& .ComponentListingFilterArea-unitButton{padding:4px 8px;min-width:unset;min-height:unset;color:#000000;font-size:16px;font-weight:400;line-height:150%;& svg{font-size:18px;margin-left:8px}}& .ComponentListingFilterArea-units{display:flex;flex-direction:row;gap:8px;& .MuiButton-outlined{padding:4px 16px;border-radius:20px;min-width:unset;min-height:unset;border:1px solid #d3d3d3;font-size:16px;font-weight:500;line-height:150%;color:#000000}& .MuiButton-outlined.selected{background-color:#F3F6FF;color:#4469FF;border-color:#4469FF}}}@media only screen and (min-width:1200px){body .ComponentListingFilterArea{&.ComponentListingFilter-popover .ComponentListingFilterArea-units{display:none}}}body .ComponentListingFilterRooms{& .ComponentListingFilter-title .MuiButton-text{padding:0;min-width:unset;min-height:unset;color:#4469FF;font-size:16px;font-weight:500;line-height:150%}}body .ComponentListingSearchTypeButton{min-width:unset;&.ComponentListingSearchTypeButton-outlined{color:#4469FF}&.ComponentListingSearchTypeButton-contained{background-color:#4469FF;color:#ffffff}}