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 .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:18px!important}@media only screen and (min-width:1200px){body .ComponentListingPopoverFilter-button{padding:8px 24px;& .label{font-size:16px}}body .ComponentListingPopoverFilter-paper{padding:24px}}body .ComponentListingFilterPropertyType{display:flex;flex-direction:column;gap:16px;& .MuiTabs-root{min-height:unset;& .MuiTab-root{min-height:unset;padding:8px;min-width:120px}}& .ComponentListingFilterPropertyType-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;& .MuiButton-root{padding:8px 0;min-width:0;min-height:0;font-weight:500;border-radius:30px}}& .ComponentListingFilterPropertyType-actions{display:flex;& .MuiButton-text{flex:1 1}}}body .ComponentListingFilterRange{min-width:200px;display:flex;flex-direction:column;gap:4px;& .values{display:flex;flex-direction:row}& .values .MuiTypography-root{font-size:12px;font-weight:500;&:first-of-type{flex:1 1}&:last-of-type{text-align:right}}}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 .ComponentListingSearchTypeButton{&.ComponentListingSearchTypeButton-outlined{color:#4469FF}&.ComponentListingSearchTypeButton-contained{background-color:#4469FF;color:#ffffff;min-width:unset}}body .ComponentListingFilterTextField{width:100%;&.ComponentListingFilterTextField-landing *{border:none}&.ComponentListingFilterTextField-search{& .MuiTextField-root{border:none;flex-grow:1}& .MuiTextField-root .MuiInputBase-root{height:40px;background-color:#ffffff;border-radius:0 34px 34px 0;border:1px solid #d3d3d3}& .MuiTextField-root fieldset,& .MuiTextField-root input{height:40px;border:none}}& .ComponentListingFilterTextField-filters{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px}& .ComponentListingFilterTextField-filters>.MuiTypography-root{font-weight:400;font-size:12px;white-space:nowrap}& .ComponentListingFilterTextField-filters>.MuiTypography-root>.MuiIconButton-root{padding:4px;min-width:0;min-height:0}& .ComponentListingFilterTextField-filters>.MuiTypography-root>.MuiIconButton-root svg{font-size:14px}}body .ComponentListingFilterTextField-paper{padding:8px 16px;& .MuiAutocomplete-noOptions{padding:8px 0}& .MuiTabs-root{padding:0 0 16px;min-height:unset}& .MuiTabs-list{gap:16px;min-height:unset}& .MuiTab-root{padding:0 0 8px;min-height:unset}& .MuiTab-root.Mui-selected{color:#4469FF}& .MuiTabs-indicator{background-color:#4469FF}& .ComponentListingFilterTextField-group{color:#000000;font-size:18px;font-weight:600;line-height:150%;padding-bottom:8px}& .MuiMenuItem-root{margin-bottom:16px;display:flex;flex-direction:row;gap:16px;border-radius:10px}& .MuiMenuItem-icon{display:flex;width:40px;height:40px;background-color:#FEF6FF;border-radius:50px;align-items:center;place-content:center}& .MuiMenuItem-icon img{width:28px;height:28px}& .MuiMenuItem-icon svg{font-size:28px}& .MuiMenuItem-label{font-size:16px}& .MuiMenuItem-label,& .MuiMenuItem-subLabel{color:#000000;font-weight:400;line-height:150%}& .MuiMenuItem-subLabel{font-size:12px}}@media only screen and (min-width:1200px){body .ComponentListingFilterTextField{&.ComponentListingFilterTextField-search{& .MuiTextField-root .MuiInputBase-root{height:48px;min-width:300px}}}}