body .ComponentListingSearchResultsMap{height:100%}body .ComponentListingMapResultCard{display:flex;flex-direction:column;gap:16px;padding:16px 0;& .ComponentListingMapResultCard-thumbnail{position:relative;width:100%;height:300px;& img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:18px}}& .ComponentListingMapResultCard-details{display:flex;flex-direction:column;gap:4px;&>.MuiButton-text{padding:0;min-width:0;min-height:0;color:#333333;font-size:16px;font-weight:600;line-height:150%;justify-content:flex-start}}& .ComponentListingMapResultCard-grid{display:grid;grid-template-columns:1fr 1fr}& .ComponentListingMapResultCard-price{color:#333333;font-size:20px;font-weight:700;line-height:150%}& .MuiTypography-root.text{color:#868686;font-size:14px;font-weight:400;line-height:150%;&>svg{font-size:14px;margin-right:4px}}}body .ComponentListingSearchRecommendedSearches{position:relative;& .ComponentListingSearchRecommendedSearches-title{padding:8px 24px;background-color:#F7F7F7;border-radius:12px;color:#333333;font-size:18px;font-weight:600;line-height:150%}& .ComponentListingSearchRecommendedSearches-items{display:flex;flex-direction:column;gap:0;&>.MuiBox-root{padding:8px 24px;display:flex;flex-direction:column;gap:0}&>.MuiBox-root>.MuiButton-text{padding:0;min-width:0;min-height:0;color:#333333;font-size:18px;font-weight:400;line-height:150%;place-content:flex-start}&>.MuiBox-root>.MuiTypography-root{color:#868686;font-size:16px;font-weight:400;line-height:150%}&>.MuiButton-text{padding:8px 24px;min-width:unset;min-height:unset;color:#FF3198;font-size:16px;font-weight:700;line-height:150%;place-content:flex-start}}}body .ComponentListingSearchResults{position:relative;&.ComponentListingSearchResults-mapView{position:relative;height:80vh;&>.MuiCircularProgress-root{position:absolute;top:16px;right:16px}}&.ComponentListingSearchResults-listView,&.ComponentListingSearchResults-mapView .ComponentListingSearchResults-mapList{padding:16px;display:flex;flex-direction:column;gap:16px}&.ComponentListingSearchResults-mapView .ComponentListingSearchResults-mapList{display:none;position:relative;&>.content{position:absolute;top:0;left:0;width:100%;height:100%;padding:32px;overflow-y:auto}&>.content>.results{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:24px;column-gap:24px;grid-row-gap:32px;row-gap:32px}}& .ComponentListingSearchResults-mapPopUp{position:absolute;top:8px;right:8px;background-color:#ffffff;padding:8px;border-radius:20px;max-width:318px;& .ComponentListingMapResultCard{padding:0;min-width:280px}&.ComponentListingSearchResults-mapPopUp-multiple{display:flex;flex-direction:row;gap:16px;overflow-x:auto}}& .ComponentListingSearchResults-breadcrumb{display:flex;flex-direction:row;gap:8px;&>*{font-size:12px;font-weight:400;line-height:150%}&>.MuiButton-text{padding:0;min-width:0;min-height:0;color:#FF3198}&>.MuiButton-text svg{font-size:12px}&>.MuiTypography-root{color:#868686}}& h1{color:#333333;font-size:20px;font-weight:700;line-height:150%}& .ComponentListingSearchResults-results{&>.ComponentListingSearchRecommendedSearches{display:none}}& .ComponentListingSearchResults-resultCards{display:flex;flex-direction:column;gap:16px;& h2{display:none;color:#333333;font-size:32px;font-weight:700;line-height:150%}}& .ComponentListingSearchResults-noData{background-color:#ededed;border-radius:10px;padding:24px 16px;font-weight:500}& .ComponentListingSearchResults-loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.8);&>.MuiCircularProgress-root{position:fixed;top:50vh;left:50vw}}}@media only screen and (min-width:1200px){body .ComponentListingSearchResults{&.ComponentListingSearchResults-listView{width:100%;max-width:1248px;padding:16px 0;margin:0 auto}&.ComponentListingSearchResults-mapView{display:grid;grid-template-columns:700px 1fr;&>.MuiCircularProgress-root{display:none}}&.ComponentListingSearchResults-mapView .ComponentListingSearchResults-mapList{display:flex}& .ComponentListingSearchResults-breadcrumb{& svg,&>*{font-size:16px}}& h1{font-size:40px}& .ComponentListingSearchResults-results{display:grid;grid-template-columns:960px auto;grid-gap:32px;gap:32px;&>.ComponentListingSearchRecommendedSearches{display:block}}& .ComponentListingSearchResults-resultCards{gap:32px;& h2{display:block}}}}