body .ComponentListingFilterTextField{width:100%;&.ComponentListingFilterTextField-mobile.ComponentListingFilterTextField-search{border-radius:0 34px 34px 0;place-content:flex-start;color:#8F8F8F;font-size:14px;font-weight:500;line-height:150%}&.ComponentListingFilterTextField-landing{&.MuiButton-outlined{background-color:unset;border:none;padding:8px 24px;place-content:flex-start;color:#8F8F8F;font-size:14px;font-weight:400;line-height:150%}}}body .ComponentListingSearchFilterMobileDrawerAreaDialogButton{& .MuiButton-outlined,&.MuiButton-outlined{display:flex;flex-direction:row;flex-wrap:wrap;white-space:nowrap;gap:4px;border-radius:30px;& .MuiTypography-root{font-size:14px;font-weight:400;line-height:150%}}&.ComponentListingSearchFilterMobileDrawerAreaDialogButton-drawer{padding:16px;background-color:#F3F6FF;display:flex;& .MuiButton-outlined{padding:4px 16px;min-height:unset;flex-grow:1;place-content:flex-start}& .MuiButton-outlined .MuiSvgIcon-root:first-of-type{font-size:12px;& path{fill:#333333}}& .MuiTypography-root{color:#333333;flex-grow:1;text-align:left}}&.ComponentListingSearchFilterMobileDrawerAreaDialogButton-landing{margin:0 auto;background-color:#4469FF;min-width:0;min-height:0;padding:0 16px;border:none;& svg{font-size:14px;vertical-align:middle}& .MuiTypography-root,& svg{color:#FFFFFF}}}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}& .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 .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 .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}}}}