body .ComponentListingResultCard{padding:16px;border-radius:20px;border:1px solid #e5e5e5;display:flex;flex-direction:column;gap:20px;& .ComponentListingResultCard-content{display:flex;flex-direction:column;gap:16px;&>.details{display:flex;flex-direction:column;gap:16px;flex-grow:1}&>.details>.basic-info{display:flex;flex-direction:row}&>.details>.basic-info>.content{flex-grow:1;display:flex;flex-direction:column}&>.details>.basic-info>.content>.name{padding:0;min-height:0;place-content:start;color:#333333;font-size:18px;font-weight:600;line-height:150%}&>.details>.basic-info>.content>.location{display:flex;flex-direction:column}&>.details>.basic-info>.content>.location>.address{color:#4469FF;font-size:12px;font-weight:400;line-height:150%}&>.details>.basic-info>.content>.location>.address>svg{font-size:12px;margin-right:2px;vertical-align:middle}&>.details>.basic-info>.content>.location>.ComponentNearestStationLabel{&,& *{font-size:12px}}&>.details>.basic-info>.actions{display:flex;flex-direction:row;gap:8px;height:32px}&>.details>.basic-info>.actions>.MuiButton-outlined{min-width:0;min-height:0;width:32px;height:32px;padding:0;border-radius:8px;border:1px solid #e5e5e5}&>.details>.basic-info>.actions>.MuiButton-outlined>svg{font-size:16px}&>.details>.prices{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}&>.details>.prices>.price{flex-grow:1;color:#4469FF;font-size:20px;font-weight:700;line-height:150%}&>.details>.prices>.price-per-area{color:#868686;font-size:10px;font-weight:500;line-height:150%}&>.details>.info-grid{display:flex;flex-direction:row;flex-wrap:nowrap}&>.details>.info-grid>.grid{flex-grow:1;background-color:#FEF6FF;display:grid;grid-template-columns:1fr 1fr;grid-row-gap:8px;row-gap:8px;padding:4px 0}&>.details>.info-grid.info-grid-expandable>.grid{border-radius:10px 0 0 10px}&>.details>.info-grid.info-grid-non-expandable>.grid{border-radius:10px}&>.details>.info-grid>.grid>.item{display:flex;flex-direction:row;gap:8px;padding-left:16px}&>.details>.info-grid>.grid>.item:not(:nth-of-type(2n)){border-right:1px solid #e5e5e5}&>.details>.info-grid>.grid>.item>.icon{align-self:center}&>.details>.info-grid>.grid>.item>.icon>svg{font-size:18px;vertical-align:middle}&>.details>.info-grid>.grid>.item>.values{display:flex;flex-direction:column;gap:0}&>.details>.info-grid>.grid>.item>.values>.label{text-transform:lowercase;color:#333333;font-size:10px;font-weight:400;line-height:150%}&>.details>.info-grid>.grid>.item>.values>.values{color:#333333;font-size:12px;font-weight:700;line-height:150%}&>.details>.info-grid>.MuiButton-contained{padding:0;min-width:0;min-height:0;width:44px;background-color:#FF3198;border-radius:0 10px 10px 0;border:0}&>.details>.info-grid.info-grid-non-expandable>.MuiButton-contained{display:none}&>.details>.descriptions{display:flex;flex-direction:row;gap:0}&>.details>.descriptions>.MuiTypography-root{color:#333333;font-size:12px;font-weight:400;line-height:150%}&>.details>.descriptions>.MuiButton-text{flex-shrink:0;padding:0 16px;min-width:0;min-height:0;color:#333333}}& .ComponentListingResultCard-contact{padding:8px;border-radius:10px;background-color:#F7F7F7;display:flex;flex-direction:column;gap:16px;&>.contact{display:flex;flex-direction:row;gap:16px}&>.contact>.profile-picture{position:relative;width:50px;height:50px}&>.contact>.profile-picture img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:100%}&>.contact>.contact-info{display:flex;flex-direction:column;gap:4px}&>.contact>.contact-info>.name{color:#333333;font-size:15px;font-weight:500;line-height:150%}&>.contact>.contact-info>.name>.MuiChip-root{padding:4px 8px;height:unset;margin-left:8px;vertical-align:middle;background-color:#FFFFFF;border-radius:20px}&>.contact>.contact-info>.name>.MuiChip-root .MuiChip-label{padding:0}&>.contact>.contact-info>.last-updated,&>.contact>.contact-info>.name>.MuiChip-root .MuiChip-label{color:#868686;font-size:10px;font-weight:500;line-height:150%}&>.actions{display:flex;flex-direction:row;gap:8px;justify-content:space-between}&>.actions>.MuiButton-outlined{flex-grow:1;padding:8px 16px;min-height:0;background-color:#F3F6FF;border-radius:10px;border:1px solid #4469ff;color:#4469FF;font-size:12px;font-weight:600;line-height:150%}&>.actions>.MuiButton-outlined>svg{font-size:12px;margin-right:8px;vertical-align:middle}}}@media only screen and (min-width:900px){body .ComponentListingResultCard{& .ComponentListingResultCard-content{&>.details>.info-grid>.grid{grid-template-columns:repeat(3,1fr)}&>.details>.info-grid>.grid>.item:not(:nth-of-type(2n)),&>.details>.info-grid>.grid>.item:not(:nth-of-type(3n)){border-right:1px solid #e5e5e5}}}}@media only screen and (min-width:1200px){body .ComponentListingResultCard{gap:24px;& .ComponentListingResultCard-content{flex-direction:row;gap:24px;&>.details,&>.details>.basic-info>.content{gap:24px}&>.details>.basic-info>.content>.name{font-size:24px}&>.details>.basic-info>.content>.location{gap:8px}&>.details>.basic-info>.content>.location>.address,&>.details>.basic-info>.content>.location>.address>svg{font-size:16px}&>.details>.basic-info>.content>.location>.ComponentNearestStationLabel{&,& *{font-size:16px}}&>.details>.basic-info>.actions{gap:16px;height:44px}&>.details>.basic-info>.actions>.MuiButton-outlined{width:44px;height:44px;border-radius:10px}&>.details>.basic-info>.actions>.MuiButton-outlined>svg{font-size:24px}&>.details>.prices{gap:8px}&>.details>.prices>.price{flex-grow:unset;font-size:30px}&>.details>.prices>.price-per-area{font-size:15px}&>.details>.info-grid.info-grid-expandable>.grid{border-radius:12px 0 0 12px}&>.details>.info-grid.info-grid-non-expandable>.grid{border-radius:12px}&>.details>.info-grid>.grid>.item>.icon>svg{font-size:20px}&>.details>.info-grid>.grid>.item>.values>.label{font-size:12px}&>.details>.info-grid>.grid>.item>.values>.values{font-size:16px}&>.details>.info-grid>.MuiButton-contained{width:47px;border-radius:0 12px 12px 0}&>.details>.descriptions>.MuiTypography-root{font-size:16px}}& .ComponentListingResultCard-contact{padding:16px;border-radius:14px;flex-direction:row;&>.contact{flex-grow:1}&>.contact>.contact-info>.name{font-size:18px}&>.contact>.contact-info>.last-updated,&>.contact>.contact-info>.name>.MuiChip-root .MuiChip-label{font-size:12px}&>.actions{gap:16px}&>.actions>.MuiButton-outlined{height:50px;font-size:16px}&>.actions>.MuiButton-outlined>svg{font-size:16px}}}}body .ComponentListingResultCardThumbnails{display:flex;flex-direction:row;flex-wrap:nowrap;gap:0;overflow-x:auto;width:100%;height:180px;&>.MuiButton-text{position:relative;flex-grow:1;flex-shrink:0;flex-basis:100%;&>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:16px}}}@media only screen and (min-width:1200px){body .ComponentListingResultCardThumbnails{height:380px;width:380px;min-width:380px;&>.MuiButton-text{&>img{border-radius:18px}}}}