body .ComponentProjectCard{border-radius:20px;box-shadow:1px 1px 10px 0 rgba(88,88,88,.25);background-color:#ffffff;width:300px;display:flex;flex-direction:column;gap:16px;& .ComponentProjectCard-Content{display:flex;flex-grow:1;flex-direction:column;gap:16px}& .ComponentProjectCard-Head{position:relative;width:100%;height:170px}& .ComponentProjectCard-Head img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:20px 20px 0 0}& .ComponentProjectCard-Body{padding:0 16px;flex-grow:1}& .ComponentProjectCard-Body .project-name{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;align-items:center}& .ComponentProjectCard-Body .project-name .MuiButton-text{padding:0;color:#333333;font-size:18px;font-weight:600;line-height:150%}& .ComponentProjectCard-Body .project-name .MuiChip-root{padding:2px 8px;background-color:#FEF6FF;min-width:unset;min-height:unset;height:22px}& .ComponentProjectCard-Body .project-name .MuiChip-label{padding:0;color:#F0459B;font-size:12px;font-weight:400;line-height:150%}& .ComponentProjectCard-Body .developer{display:flex;flex-direction:row;gap:5px;flex-wrap:nowrap;margin-top:4px;align-items:center}& .ComponentProjectCard-Body .developer .logo-container{position:relative;width:24px;height:24px;border-radius:30px;border:1px solid #d3d3d3}& .ComponentProjectCard-Body .developer .logo-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:30px}& .ComponentProjectCard-Body .developer .MuiTypography-root{color:#868686;font-size:12px;font-weight:400;line-height:150%}& .ComponentProjectCard-Body .address{margin-top:16px;color:#4469FF;font-size:14px;font-weight:400;line-height:150%}& .ComponentProjectCard-Body .address svg{font-size:14px;vertical-align:middle;margin-right:4px}& .ComponentProjectCard-Body .ComponentNearestStationLabel{margin-top:8px}& .ComponentProjectCard-Body .ComponentNearestStationLabel>span,& .ComponentProjectCard-Body .ComponentNearestStationLabel>span svg{font-size:14px}& .ComponentProjectCard-Body .ComponentNearestStationLabel .MuiChip-label{font-size:12px}& .ComponentProjectCard-Price{padding:6px 16px;text-align:center;background-color:#4469FF;color:#FFFFFF;font-size:20px;font-weight:700;line-height:150%;&:last-child{border-radius:0 0 20px 20px}}& .ComponentProjectCard-Foot{display:flex;flex-direction:column;background-color:#FEF6FF;border-radius:0 0 20px 20px}& .ComponentProjectCard-Foot table td{border:none;color:#1A1A1A;font-size:14px;font-weight:400;line-height:150%;padding:4px 16px}& .ComponentProjectCard-Foot table.bordered td:first-of-type{border-right:1px solid #d3d3d3}& .ComponentProjectCard-Foot table tr{&:first-of-type td{padding-top:16px}&:last-of-type td{padding-bottom:16px}}& .ComponentProjectCard-Foot table td svg{font-size:14px;vertical-align:middle;margin-right:5px}& .ComponentProjectCard-Foot .grid{position:relative;padding:16px;display:grid;grid-template-columns:auto auto;grid-row-gap:8px;row-gap:8px}}@media only screen and (min-width:1200px){body .ComponentProjectCard{width:unset;flex-grow:1;flex-shrink:0;min-width:210px;border-radius:26px;& .ComponentProjectCard-Head{height:210px}& .ComponentProjectCard-Head img{border-radius:26px 26px 0 0}& .ComponentProjectCard-Body .project-name .MuiButton-text{font-size:16px}& .ComponentProjectCard-Body .developer .logo-container{width:40px;height:40px}& .ComponentProjectCard-Body .developer .MuiTypography-root{font-size:14px}& .ComponentProjectCard-Body .ComponentNearestStationLabel>span,& .ComponentProjectCard-Body .ComponentNearestStationLabel>span svg,& .ComponentProjectCard-Body .address{font-size:16px}& .ComponentProjectCard-Foot{border-radius:0 0 26px 26px}}body .ComponentProjectCard-wide{display:flex;flex-direction:row;gap:32px;padding:24px;& .ComponentProjectCard-Content{gap:24px}& .ComponentProjectCard-Head{width:609px;height:100%;& img{border-radius:18px}}& .ComponentProjectCard-Body{padding:0;gap:24px}& .ComponentProjectCard-Body .project-name .MuiButton-text{font-size:26px}& .ComponentProjectCard-Body .project-name .MuiChip-label{font-size:16px}& .ComponentProjectCard-Foot{background-color:unset;flex-direction:column-reverse;gap:24px;& .MuiTableContainer-root{background-color:#FEF6FF;border-radius:10px}}& .ComponentProjectCard-Foot table.bordered td:first-of-type{border-right:unset}& .ComponentProjectCard-Price{border-radius:10px}}}