body .ComponentListingFilterProvince{&.ComponentListingFilterProvince-landing .ComponentListingFilterProvince-searchInput{display:flex;flex-direction:column;gap:8px;background-color:#F3F6FF;padding:16px 0;& .MuiInputBase-root{background-color:#ffffff}&>.MuiBox-root{padding:0 16px}& .ComponentListingFilterProvince-locateMeButton{padding:0;min-width:unset;min-height:unset;color:#333333;font-size:14px;font-weight:400;line-height:150%}& .ComponentListingFilterProvince-locateMeButton svg{font-size:18px;margin-right:8px}}&.ComponentListingFilterProvince .ComponentListingSubDrawerMenuItem{&.ComponentListingSubDrawerMenuItem-parent .MuiCheckbox-root{display:none}&.ComponentListingSubDrawerMenuItem-child{flex-direction:row-reverse}&.ComponentListingSubDrawerMenuItem-child .MuiCheckbox-root.Mui-checked svg path{color:#4469ff}}}body .ComponentListingMobileSelectLocationDrawerPopularProvinces{&>.MuiTypography-root{padding:16px;color:#6F6F6F;font-size:14px;font-weight:400;line-height:150%}& .ComponentListingMobileSelectLocationDrawerPopularProvinces-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;&>.MuiButton-outlined{border-radius:0;padding:4px 16px;min-height:unset;display:flex;flex-direction:column;justify-content:flex-start;gap:0}&>.MuiButton-outlined svg{height:40px;font-size:28px}&>.MuiButton-outlined .MuiTypography-root{color:#333333;font-size:12px;font-weight:400;line-height:150%}&>.MuiButton-outlined.selected{background-color:#FEF6FF}&>.MuiButton-outlined.selected .MuiTypography-root{color:#F0459B}}}body .ComponentListingSearchFilterMobileDrawer{width:100vw;height:100vh;overflow-x:hidden;& .ComponentListingSearchFilterMobileDrawer-content{padding-top:55px}&.ComponentListingSearchFilterMobileSubDrawer .ComponentListingSearchFilterMobileDrawer-content{padding-bottom:104px}}body .ComponentListingSearchTypeTabs{background-color:#FFFFFF;border-radius:20px 20px 0 0;padding:16px;width:-moz-fit-content;width:fit-content;margin:0 auto;& .MuiTabs-list{gap:16px}& .MuiTabs-indicator{display:none;background-color:#4469FF}& .MuiTab-root{padding:4px 0 8px;max-width:unset;min-width:90px;flex-grow:1;flex-basis:0;color:#333333;font-size:12px;font-weight:500;line-height:150%;border-radius:12px;text-transform:none;white-space:nowrap;&.Mui-selected{background-color:#F3F6FF;border:1px solid #4469ff;color:#4469FF}&.Mui-selected svg path{fill:#4469FF}&.Mui-disabled{color:#a6a6a6}&.Mui-disabled svg path{fill:#a6a6a6}}&.ComponentListingSearchTypeTabs-landing{& .MuiTab-root svg{font-size:40px;margin-bottom:8px}}&.ComponentListingSearchTypeTabs-drawer{width:100%;& .MuiTabs-scroller{width:100%}& .MuiTabs-list{justify-content:space-between;flex-grow:1;gap:24px}& .MuiTab-root{height:70px;padding:4px 0 8px}& .MuiTab-root svg{font-size:30px;margin-bottom:5px}& .MuiTab-root svg path{fill:#4469FF}}}@media only screen and (min-width:1200px){body .ComponentListingSearchTypeTabs-landing{padding:8px 32px 16px;& .MuiTabs-list{gap:32px}& .MuiTabs-indicator{display:block}& .MuiTab-root{font-size:14px;& svg{font-size:48px}&.Mui-selected{background-color:unset;border:none}}}}body .ComponentListingFilterAutocomplete{&.ComponentListingFilterAutocomplete-landing *{border:none}&.ComponentListingFilterAutocomplete-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}}&.ComponentListingFilterAutocomplete-drawer{padding:0 16px;& .MuiInputBase-root{height:40px;border-radius:34px;padding:8px 24px}& fieldset{border:none}& input{color:#4469FF}& input::placeholder{color:#000000}& .MuiAutocomplete-endAdornment svg{color:#4469FF}}& .ComponentListingFilterAutocomplete-filters{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;&>.MuiTypography-root{font-weight:400;font-size:12px;white-space:nowrap}&>.MuiTypography-root>.MuiIconButton-root{padding:4px;min-width:0;min-height:0}&>.MuiTypography-root>.MuiIconButton-root svg{font-size:14px}}}body .ComponentListingFilterAutocomplete-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}& .ComponentListingFilterAutocomplete-group{color:#000000;font-size:18px;font-weight:600;line-height:150%;padding-bottom:8px}& .MuiAutocomplete-listbox>.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}}}body .ComponentListingFilterAutocomplete-paper-drawer{box-shadow:none}@media only screen and (min-width:1200px){body .ComponentListingFilterAutocomplete{&.ComponentListingFilterAutocomplete-search{& .MuiTextField-root .MuiInputBase-root{height:48px;min-width:300px}}}}body .ComponentListingFilterSelectorList{padding:0;&.ComponentListingFilterSelectorList-standalone{margin:16px 16px 0}&.ComponentListingFilterSelectorList-autocomplete{margin:0 0 16px}& .MuiMenuItem-root{padding:8px 16px;display:flex;flex-direction:row;gap:16px;border:1px solid #e0e0e0;&:not(:last-of-type){border-bottom:none}&:first-of-type{border-radius:12px 12px 0 0}&:last-of-type{border-radius:0 0 12px 12px}}& .MuiMenuItem-root .icon{display:flex;width:32px;height:32px;border-radius:50px;background-color:#FEF6FF;align-items:center;justify-content:center}& .MuiMenuItem-root .icon svg{font-size:18px}& .MuiMenuItem-root .MuiTypography-root{color:#333333;font-size:14px;font-weight:400;line-height:150%}}body .ComponentListingSearchFilterMobileDrawerSection{padding:16px;display:flex;flex-direction:column;gap:16px;& .ComponentListingSearchFilterMobileDrawerSection-title{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;overflow:hidden;cursor:pointer;align-items:center;&>svg{font-size:16px}&>.MuiTypography-root{color:#333333;font-size:16px;font-weight:700;line-height:150%;flex-grow:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}&>.MuiIconButton-root{padding:0}}}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 .ComponentListingSearchFilterPopularStations{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;min-height:2em;&>.MuiButton-outlined{padding:10px 12px;min-height:unset;display:flex;flex-direction:row;gap:8px;flex-wrap:nowrap;place-content:flex-start;border-radius:10px;border:1px solid #d3d3d3;&>.MuiChip-root{padding:2px 4px;min-width:38px;height:unset;border-radius:4px}&>.MuiChip-root .MuiChip-label{padding:0;font-size:10px;font-weight:400;line-height:150%}&>.MuiChip-root .MuiChip-label svg{font-size:10px;margin-right:4px;vertical-align:middle}&>.MuiTypography-root{color:#333333;font-size:16px;font-weight:400;line-height:150%;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}&.selected{border-color:#4469FF;&>.MuiTypography-root{color:#4469FF}}}}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 .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 .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 .ComponentListingFilterTransportation{& .MuiTabs-root{background-color:#F3F6FF;min-height:unset;padding:0 16px;& .MuiTabs-list{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #d3d3d3}& .MuiTab-root{padding:16px 0 4px;min-height:unset;text-transform:none;color:#606060;font-size:16px;font-weight:400;line-height:150%}& .MuiTab-root.Mui-selected{color:#4469FF;font-weight:600}& .MuiTabs-indicator{background-color:#4469FF}}}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 .ComponentListingSubDrawerSelectedList{position:-webkit-sticky;position:sticky;bottom:104px;background-color:#F3F6FF;padding:16px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;min-height:66px;& .MuiChip-root{padding:8px;background-color:#ffffff;border:1px solid #d3d3d3;border-radius:20px;& .MuiChip-label{padding:0;color:#333333;font-size:12px;font-weight:500;line-height:150%}& .MuiChip-deleteIcon{margin:0 0 0 4px;font-size:14px;color:#333333}}}body .ComponentListingSearchTypeButton{min-width:unset;&.ComponentListingSearchTypeButton-outlined{color:#4469FF}&.ComponentListingSearchTypeButton-contained{background-color:#4469FF;color:#ffffff}}body .ComponentListingSubDrawerActions{position:fixed;bottom:0;left:0;width:100%;background-color:#ffffff;box-shadow:0 0 12px 0 rgba(131,131,131,.2);max-height:104px;padding:24px 16px 40px;z-index:100;display:flex;flex-direction:row;gap:24px;&>.MuiButton-root{padding:8px 16px;min-width:unset;min-height:unset;border-radius:26px;font-size:16px;font-weight:500;line-height:150%;border:1px solid #4469ff;&.MuiButton-outlined{color:#4469FF}&.MuiButton-contained{background-color:#4469FF;color:#ffffff;flex-grow:1}}}