body .ComponentListingSubDrawerMenuItem{position:relative;margin:0 12px;padding:0 4px;display:flex;flex-direction:row;flex-wrap:nowrap;&.ComponentListingSubDrawerMenuItem-default{gap:16px}&.ComponentListingSubDrawerMenuItem-station{gap:8px}&.ComponentListingSubDrawerMenuItem-parent{border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;&:first-of-type{border-top:unset}}& .MuiTypography-root{flex-grow:1;color:#000000;font-size:16px;line-height:150%}&.ComponentListingSubDrawerMenuItem-parent .MuiTypography-root{font-weight:600}&.ComponentListingSubDrawerMenuItem-child .MuiTypography-root{font-weight:400}& .MuiCheckbox-root{padding:0;width:16px;height:16px;& svg{font-size:16px}&:not(.Mui-checked) svg{color:#D9D9D9}&.Mui-checked svg{color:#4469FF}}&.ComponentListingSubDrawerMenuItem-parent{& .ComponentListingSubDrawerMenuItem-indicator{width:24px;height:16px;border-radius:4px}& .ComponentListingSubDrawerMenuItem-connection{display:none}}&.ComponentListingSubDrawerMenuItem-child{& .ComponentListingSubDrawerMenuItem-indicator{width:10px;height:10px;border-radius:100%;margin-left:32px}& .ComponentListingSubDrawerMenuItem-connection{position:absolute;top:-19px;left:39px;height:38px;width:1px;border-left:4px dashed}&.ComponentListingSubDrawerMenuItem-index0 .ComponentListingSubDrawerMenuItem-connection,&.ComponentListingSubDrawerMenuItem-search .ComponentListingSubDrawerMenuItem-connection{display:none}}}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 .ComponentListingSubDrawerSearchInput{padding:24px 16px 16px;& .MuiInputBase-root{border-radius:34px;padding:8px 16px}& input{color:#4469FF}& fieldset{border:none}& .MuiIconButton-root svg{color:#4469FF}}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 .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 .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}}}body .ComponentListingSearchFilterMobileDrawer{width:100vw;height:100vh;overflow-x:hidden;& .ComponentListingSearchFilterMobileDrawer-content{padding-top:55px}& .ComponentListingSearchFilterMobileDrawer-content .drawer-list{margin:16px 16px 0;padding:0;& .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%}}&.ComponentListingSearchFilterMobileSubDrawer .ComponentListingSearchFilterMobileDrawer-content{padding-bottom:104px}}