body .listing-details{width:100vw;& .listing-details-navigator{display:none}& img{width:100%;height:100%;border-radius:8px;object-fit:cover;object-position:50% 50%;box-shadow:2px 5px 20px 0 rgba(0,0,0,.1)}& .listing-images-view{padding:16px 16px 0;display:grid;grid-template-columns:100%;grid-gap:8px;gap:8px}& .listing-images-view .cover-image{position:relative;background-color:#D1D6DD;height:180px;border-radius:8px;& img{height:180px}& .tool-buttons{position:absolute;top:16px;right:16px}& .tool-buttons .MuiButton-root{background-color:#FFFFFF;font-size:16px;font-weight:600;height:40px;& svg{font-size:24px;margin-right:4px;color:#000000;& path{stroke:#000000}}&:not(:first-of-type){margin-left:8px}}}& .listing-images-view .remaining-images{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;& img{height:120px}}& .listing-images-view .remaining-images.two-images{grid-template-columns:100%}& .listing-images-view .last-preview-image{position:relative;& .all-images-overlay{position:absolute;top:0;left:0;width:100%;height:120px;border-radius:8px;background-color:rgba(0,0,0,.5);align-content:center;text-align:center;cursor:pointer;color:#FFFFFF;font-size:18px;font-weight:600}}& .listing-page-navigator{position:-webkit-sticky;position:sticky;top:55px;box-shadow:0 4px 4px 0 rgba(0,0,0,.1);padding-top:8px;padding-bottom:8px;background-color:#ffffff;z-index:200;& .container{display:block;white-space:nowrap;padding:0 16px;width:100%;overflow-x:auto}& .MuiButton-root{display:inline-block;font-size:16px;font-weight:600;line-height:24px;white-space:nowrap;padding:8px 12px;color:#303E51;border-radius:0;border-bottom:1px solid #d1d6dd;&.active{background-color:#FAFCFF;color:#0451C6;border-bottom:2px solid #0451c6}}}& .listing-details-area{margin-top:24px;padding:16px}& .listing-details-area .main-area{display:flex;flex-direction:column}& .main-details{width:100%}& .main-details .MuiCard-root{border-radius:5px;border:1px solid #d1d6dd}& .main-details .MuiCardHeader-root{padding:16px 16px 0}& .main-details .MuiCardHeader-title .title{color:#101828;font-size:30px!important;font-weight:600!important;line-height:38px!important;vertical-align:middle;padding-bottom:24px;border-bottom:1px solid #d1d6dd;& svg{font-size:32px;vertical-align:middle;margin-right:8px;& path{stroke:#101828}}}& .main-details .MuiCardHeader-title .last-modified{display:block;color:#68778E;font-size:18px;font-weight:400;line-height:28px}& .main-details .MuiCardContent-root{padding:16px}& .listing-details-card{margin-top:16px}& .listing-details-card .MuiCardContent-root{padding:24px}& .listing-title{color:#101828;font-size:36px;line-height:44px;font-weight:600}& .listing-address{color:#485A76;font-size:30px;font-weight:500;margin-bottom:38px;& svg{font-size:20px;margin-right:12px;vertical-align:middle;& path{stroke:#485A76}}}& .listing-details-summary{& .MuiCardContent-root{padding:16px}& .numeric-items{display:flex;flex-direction:column}& .numeric-items .numeric-item{width:100%;margin-bottom:16px;&.price-item{margin-bottom:16px}& .title{color:#303E51;font-size:16px;font-weight:500;line-height:24px;margin-bottom:8px}& .price>p{color:#101828;font-size:36px;font-weight:600;line-height:44px}& .price .MuiChip-root{padding:4px 8px;background-color:#E6F4F1;color:#16A799;font-size:10px;font-weight:500;height:24px;&>span{padding:0}& svg{font-size:16px;margin-right:4px;vertical-align:middle}}& .value{color:#000000;font-size:16px;font-weight:600}}& .information{color:#303E51;font-size:16px;font-weight:600;line-height:24px;& svg{font-size:14px;vertical-align:middle;& path{stroke:#303E51}}}& .title{margin-top:24px;color:#303E51;font-size:24px;line-height:30px;font-weight:600}& .description{color:#303E51;font-size:18px;font-weight:500;line-height:28px;margin-top:18px;& p{text-align:justify}& p:not(:first-of-type){margin-top:8px}& .MuiButton-root{margin-top:8px;padding:0;height:24px;& svg{font-size:24px;color:#000000}}}}& .listing-details-overview .MuiCardContent-root{display:grid;grid-template-columns:100%;grid-gap:8px;gap:8px}& .overview-item .title{color:#68778E;font-size:18px;font-weight:400;line-height:28px}& .overview-item .value{color:#101828;font-size:20px;font-weight:600;line-height:30px}& .overview-item .MuiChip-root{border-radius:9999px;padding:2px 12px;height:24px;font-size:14px;font-weight:400;line-height:20px;& span{padding:0}&.green{background-color:#E6F4F1;color:#16A799}&.red{background-color:#F4E6E6;color:#F02828}&.grey{background-color:#F3F3F5;color:#8D8D8D}}& .listing-details-facilities .content-subcard{display:flex;flex-wrap:wrap;gap:8px}& .listing-details-facilities .MuiChip-root{height:23px;border-radius:8px;border:1px solid #c0c0c0;background-color:#ffffff;padding:4px 8px;color:#8D8D8D;font-size:10px;font-weight:500;& span{padding:0}}& .listing-details-about-project .name{font-size:20px;font-weight:600;line-height:28px}& .listing-details-about-project .address{margin-top:8px;font-size:14px;font-weight:400;line-height:20px;& svg{font-size:14px}}& .listing-details-commute-time .origin{color:#303E51;font-size:18px;font-weight:400;line-height:28px;& svg{font-size:18px;vertical-align:middle;margin-right:4px;& path{fill:#303E51}}}& .listing-details-commute-time .results{color:#303E51;font-size:16px;font-weight:400;line-height:22px;& svg{font-size:18px;vertical-align:middle;margin-right:4px;& path{fill:#303E51}}}& .listing-details-commute-time .value{color:#000000;font-size:1em;font-weight:600;margin-left:4px}& .contact-card{position:-webkit-sticky;position:sticky;bottom:8px;background-color:#ffffff;border-radius:5px;border:1px solid #d1d6dd;margin-top:16px}& .contact-card .mobile{display:block}& .contact-card .desktop{display:none}& .contact-card .contact-actions{margin-top:8px;display:flex;flex-direction:row;gap:8px}& .contact-card .contact-actions .MuiButton-root{width:100%}& .draft-alert{padding:16px;& .icon{display:none;width:40px;height:40px;border-radius:8px;border:1px solid #d1d6dd;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);justify-content:center;place-items:center;& svg{font-size:20px;color:#303E51}}& .title{color:#303E51;font-weight:600}& .description,& .title{font-size:14px;line-height:20px}& .description{color:#485A76;font-weight:400;margin-top:2px}& .action-buttons{margin-top:16px;display:flex;flex-direction:column;gap:12px;& .MuiButton-root{font-size:14px;font-weight:600;line-height:20px}}}& .listing-similar-items-area{margin-top:24px;display:flex;flex-direction:column;gap:24px}& .listing-similar-items .title{font-size:22px;font-weight:600;margin-bottom:8px}& .listing-similar-items .container{width:100%;overflow-x:auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;& .MuiCard-root{min-width:280px}}}body .listing-images-dialog{width:100vw;& img{border-radius:8px;object-fit:contain;object-position:50% 50%;box-shadow:2px 5px 20px 0 rgba(0,0,0,.1)}& .MuiPaper-root{max-width:100vw}& .display-container{position:relative}& .display-container .MuiIconButton-root{position:absolute;top:calc(50% - 20px);&.previous{left:12px}&.next{right:12px}}& .display-image{height:60vh;width:100%}& .images-selector{margin-top:24px;width:100%;overflow-x:auto;display:flex;flex-direction:row;gap:8px;& img{cursor:pointer;width:80px;height:80px;border:2px solid #fbfbfb;box-shadow:none}& img.active{border:2px solid #2f82ff}}}body .contact-card{& .contact-person{display:grid;grid-template-columns:64px 1fr;grid-gap:24px;gap:24px}& .contact-profile-picture{position:relative;border-radius:12px;background-color:#D9D9D9;width:64px;height:64px;& img{position:absolute;border-radius:12px;box-shadow:none;top:0;left:0;width:100%;height:100%;object-fit:cover}}& .contact-name .name{color:#101828;font-size:16px;font-weight:500;line-height:24px}& .contact-name .description{color:#68778E;font-size:12px;font-weight:500;line-height:18px;margin-top:12px}& .contact-info{margin-top:24px;display:flex;flex-direction:column;gap:16px}& .contact-info .MuiButton-root{width:100%;border-radius:6px;border:1px solid #d1d6dd;color:#2C3849;font-size:14px;font-weight:600;line-height:20px;box-shadow:0 1px 2px 0 rgba(16,24,40,.05);&.MuiButton-contained{color:#ffffff}& svg{font-size:20px;margin-right:4px;&.stoked path{stroke:#2C3849}}}}@media only screen and (min-width:900px){body .listing-details{& .listing-images-view{gap:16px!important;&.multiple-images{grid-template-columns:5fr 3fr}}& .listing-images-view .cover-image,& .listing-images-view .cover-image img{height:610px!important}& .listing-images-view .remaining-images{display:grid;grid-template-columns:100%!important;grid-gap:16px!important;gap:16px!important;& img{height:297px!important}}& .listing-images-view .remaining-images.two-images img{height:610px!important}& .listing-images-view .last-preview-image .all-images-overlay{height:297px!important}}}@media only screen and (min-width:1200px){body .listing-details{& .listing-details-navigator{display:block!important;padding:24px 112px 0;align-items:center;& .MuiButton-root,& p{min-width:0;padding:0;font-size:20px;font-weight:600;vertical-align:middle}& p{display:inline-block;color:#000000;line-height:35px}& svg{vertical-align:middle;font-size:24px;color:#8D8D8D}}& .listing-images-view{padding:24px 112px 0!important}& .listing-page-navigator{top:78px!important;padding-top:24px!important;padding-bottom:24px!important;& .container{padding:0 112px!important}}& .listing-details-area{padding:18px 112px!important}& .listing-details-area .main-area{display:grid!important;grid-template-columns:auto 292px;grid-gap:16px;gap:16px}& .listing-details-summary{& .numeric-items{display:grid!important;grid-template-columns:348px 1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}& .numeric-items .numeric-item{margin-bottom:0;&.price-item{margin-bottom:0!important}& .title{font-size:14px!important}& .price>p{font-size:36px!important}& .value{font-size:22px!important}}& .description{font-size:16px!important;line-height:normal!important}}& .main-details .MuiCardHeader-root{padding:24px 24px 0}& .main-details .MuiCardHeader-title .last-modified{display:inline-block;margin-left:24px}& .listing-details-overview .MuiCardContent-root{grid-template-columns:repeat(3,1fr)!important;row-gap:16px}& .contact-card{display:block!important;bottom:unset!important;top:190px;align-self:baseline;width:292px;height:auto;min-height:0;margin-top:0!important}& .contact-card .mobile{display:none!important}& .contact-card .desktop{display:block!important}& .draft-alert{padding:24px 112px 12px!important;display:flex;align-items:center;& .icon{display:flex!important}& .title{margin-left:16px}& .description{margin:0 0 0 6px!important;flex:1 1}& .action-buttons{margin-top:0!important;flex-direction:row-reverse!important}}}}