body .ProjectGallery{display:flex;flex-direction:column;gap:8px;& .preview-images{display:none}& .preview-images-mobile{display:block;position:relative;width:100%;height:310px}& .preview-images-mobile img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}& .galleries-container{overflow-x:auto}& .galleries{display:flex;flex-direction:row;flex-wrap:nowrap;width:-moz-fit-content;width:fit-content;min-width:100%;gap:8px;background-color:#F7F7F7;padding:8px;margin:0 auto;justify-content:center}& .galleries .MuiButton-text{flex-shrink:0;display:flex;flex-direction:column;width:144px;gap:8px;background-color:#ffffff;padding:8px;border-radius:0 12px 12px 12px;&:hover{background-color:#fff8fc}}& .galleries .MuiButton-text .image-container{position:relative;width:108px;height:78px}& .galleries .MuiButton-text .image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0 10px 10px 10px}& .galleries .MuiButton-text .MuiTypography-root{color:#868686;font-size:14px;font-weight:600;line-height:normal;white-space:nowrap;text-overflow:ellipsis}}@media only screen and (min-width:1200px){body .ProjectGallery{gap:24px;& .preview-images{display:grid;grid-template-columns:733fr 546fr;grid-gap:24px;gap:24px;height:424px}& .preview-images.images-count-1{grid-template-columns:1fr}& .preview-images .grid-sub{display:grid;grid-gap:24px;gap:24px;height:424px;grid-template-columns:1fr}& .preview-images .grid-sub.grid-sub-single{grid-template-rows:1fr}& .preview-images .grid-sub.grid-sub-double{grid-template-rows:1fr 1fr}& .preview-images .grid-sub-top{display:grid;grid-gap:24px;gap:24px}& .preview-images .grid-sub-top.grid-sub-top-single{grid-template-columns:1fr}& .preview-images:not(.images-count-3) .grid-sub-top.grid-sub-top-double{grid-template-columns:200fr 330fr}& .preview-images.images-count-3 .grid-sub-top.grid-sub-top-double{grid-template-columns:1fr;grid-template-rows:1fr 1fr}& .preview-images .grid-sub-bottom{display:grid;grid-gap:24px;gap:24px}& .preview-images .grid-sub-bottom.grid-sub-bottom-single{grid-template-columns:1fr}& .preview-images .grid-sub-bottom.grid-sub-bottom-double{grid-template-columns:330fr 200fr}& .preview-images .image-container{position:relative;width:100%;height:100%}& .preview-images .image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px}& .preview-images-mobile{display:none}& .galleries{gap:16px;padding:16px;border-radius:16px}}}body .ComponentProjectSectionFacilities{display:flex;flex-wrap:wrap;gap:8px;& .facility{background-color:#F3F6FF;border-radius:8px;padding:4px 16px;display:grid;grid-template-columns:12px auto;grid-gap:8px;gap:8px;height:32px;align-items:center;color:#333333;font-size:12px;font-weight:500;line-height:18px}& .facility svg{width:12px;font-size:12px;margin-right:8px;vertical-align:middle;& path{fill:#333333}}}@media only screen and (min-width:1200px){body .ComponentProjectSectionFacilities{display:grid;grid-template-columns:repeat(5,1fr);& .facility{height:40px}}}body .ComponentProjectSectionRatingAndReview{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:20px;border:1px solid #e5e5e5}@media only screen and (min-width:1200px){body .ComponentProjectSectionRatingAndReview{gap:24px;padding:24px}}body .ComponentInputProjectReviewPoint{display:flex;flex-direction:column;gap:16px;& .title{color:#3F4444;font-size:14px;font-weight:700;line-height:normal}&>.MuiBox-root{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}&>.MuiBox-root .MuiButton-outlined{padding:4px 8px;border-radius:20px;border:1px solid #d3d3d3;min-height:unset;min-width:unset;color:#333333;font-size:14px;font-weight:500;line-height:150%}&>.MuiBox-root .MuiButton-outlined.active{border-color:#4469FF;background-color:#F3F6FF;color:#4469FF}}body .ComponentInputRatingStars{display:flex;flex-direction:row;gap:4px;flex-wrap:nowrap;& .MuiIconButton-root{padding:0}& .MuiIconButton-root svg{font-size:16px}}body .ComponentProjectReviewDialog{max-width:unset!important;width:883px;border-radius:20px;& .MuiDialogTitle-root{color:#333333;font-size:24px;font-weight:700;line-height:150%}& .MuiDialogContent-root{display:flex;flex-direction:column;gap:24px;& .form-label{color:#3F4444;font-size:14px;font-weight:700;line-height:normal}& .overall-selector{display:none;flex-direction:row;gap:8px;flex-wrap:wrap}& .overall-selector-mobile{display:block}& .overall-selector-mobile .ComponentInputRatingStars svg{font-size:1.5em}& .overall-selector>.MuiButton-outlined{border:1px solid #e5e5e5;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:16px 24px}& .overall-selector>.MuiButton-outlined.active{background-color:#F3F6FF;border-color:#4469FF}& .overall-selector>.MuiButton-outlined>.MuiBox-root{display:flex;width:100%}& .overall-selector>.MuiButton-outlined>.MuiBox-root>.MuiTypography-root{color:#4469FF;font-size:18px;font-weight:700;line-height:150%;flex-grow:1;text-align:left}& .overall-selector>.MuiButton-outlined>.MuiBox-root>.ComponentProjectRatingStars{gap:4px}& .overall-selector>.MuiButton-outlined>.MuiBox-root>.ComponentProjectRatingStars svg{font-size:20px;vertical-align:middle}& .overall-selector>.MuiButton-outlined>small{color:#868686;font-size:14px;font-weight:400;line-height:150%;place-self:start}& .review-area{gap:24px}& .other-scores,& .review-area{display:flex;flex-direction:column}& .other-scores{gap:16px}}& .MuiDialogActions-root{display:flex;flex-direction:column;gap:8px;&>.MuiTypography-root{text-align:left;flex:1 1;color:#868686;font-size:12px;font-weight:400;line-height:150%}&>.MuiTypography-root>.MuiButton-text{color:#4469FF;font-size:12px;font-weight:400;line-height:150%;padding:0;min-width:0}&>.MuiBox-root{display:flex;flex-direction:row;gap:16px}&>.MuiBox-root .MuiButton-root{border-radius:26px;padding:8px 16px;min-width:0;font-size:16px;font-weight:500;line-height:150%;&.MuiButton-outlined{color:#4469FF;border:1px solid #4469ff}&.MuiButton-contained{color:#ffffff;background-color:#4469FF}&.MuiButton-outlinedError{color:#ff0000;border-color:#ff0000}}}}@media only screen and (min-width:1200px){body .ComponentProjectReviewDialog{& .MuiDialogContent-root{display:grid;grid-template-columns:239px 1fr;grid-gap:24px;gap:24px;& .overall-selector{display:flex;flex-direction:column;gap:16px}& .overall-selector-mobile{display:none}& .other-scores{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:8px;column-gap:8px;grid-row-gap:16px;row-gap:16px}}& .MuiDialogActions-root{width:100%;flex-direction:row;gap:0}}}body .ComponentProjectReviewTypeSelector{min-height:0;flex-grow:1;& .MuiTabs-list{gap:16px}& .MuiTab-root{text-transform:unset;padding:0 0 4px;min-width:0;min-height:0;color:#606060;font-size:16px;line-height:150%;font-weight:400}& .MuiTab-root.Mui-selected{color:#4469FF;font-weight:600}& .MuiTabs-indicator{background-color:#4469FF}}@media only screen and (min-width:1200px){body .ComponentProjectReviewTypeSelector{& .MuiTabs-list{gap:32px}& .MuiTab-root{font-size:18px}}}body .ComponentProjectReviewsDisplay{position:relative;display:flex;flex-direction:column;gap:16px;&>.features{display:flex;flex-direction:column;gap:16px;& h3{color:#000000;font-size:16px;font-weight:700;line-height:150%}& .items{flex-direction:column}& .item,& .items{display:flex;gap:16px}& .item{flex-direction:row}& .item .MuiCircularProgress-root{display:none}& .item .icon{display:flex;width:40px;height:40px;background-color:#FEFAFF;border-radius:100%;align-items:center;place-content:center}& .item .detail{display:flex;flex-direction:column;gap:8px;flex-grow:1}& .item .label{display:flex;flex-direction:row-reverse}& .item .label .title{flex-grow:1;color:#868686;font-size:14px;font-weight:400;line-height:150%}& .item .label .score{color:#333333;font-size:14px;font-weight:600;line-height:150%}& .item .MuiLinearProgress-root{background-color:#FEFAFF;border-radius:10px;height:4px}& .item .MuiLinearProgress-bar{background-color:#F0459B}}&>.points{display:flex;flex-direction:column;gap:16px;&>.MuiBox-root{border-radius:14px;border:1px solid #e5e5e5;padding:16px;display:flex;flex-direction:column;gap:16px}&>.MuiBox-root>h3{color:#4469FF;font-size:18px;font-weight:600;line-height:150%}&>.MuiBox-root>h3 svg{font-size:18px;margin-right:8px;vertical-align:middle}&>.MuiBox-root>.MuiBox-root{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}&>.MuiBox-root>.MuiBox-root .MuiChip-root{padding:8px 16px;background-color:#F3F6FF;border-radius:20px;border:1px solid #4469ff}&>.MuiBox-root>.MuiBox-root .MuiChip-label{color:#4469FF;font-size:14px;font-weight:500;line-height:150%;padding:0}& .nodata{text-align:center;font-weight:500;padding:16px 0}}&>.nodata-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.8);text-align:center;align-content:center;border-radius:20px;& .MuiTypography-root{color:#000000;font-size:16px;font-weight:600;background-color:#ffffff;padding:8px;border-radius:10px}}}@media only screen and (min-width:1200px){body .ComponentProjectReviewsDisplay{gap:24px;padding:16px 24px;&>.features{gap:24px;h3{font-size:18px}& .items{flex-direction:row;gap:47px;place-self:center}& .item{flex-direction:column;gap:8px}& .item .icon{width:unset;height:unset;background-color:unset;position:relative}& .item .MuiCircularProgress-root{display:block;background-color:#FEFAFF;border-radius:100%}& .item .MuiCircularProgress-root circle{color:#F0459B;stroke-width:2px}& .item .icon>svg{position:absolute;font-size:28px}& .item .label{flex-direction:column;place-items:center}& .item .label .score{font-size:16px}& .item .MuiLinearProgress-root{display:none}}&>.points{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}}}body .ComponentProjectReviewCard{padding:16px;border-radius:12px;background-color:#FFFFFF;display:flex;flex-direction:column;gap:16px;&>.head{display:flex;flex-direction:row;& .created-by{display:flex;flex-direction:row;gap:8px;flex-grow:1}& .created-by .image-container{position:relative;width:32px;height:32px}& .created-by .image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:999px}& .created-by .information{display:flex;flex-direction:column;gap:4px}& .created-by .information p{color:#4469FF;font-size:14px;font-weight:600;line-height:150%}& .created-by .information small{color:#868686;font-size:10px;font-weight:500;line-height:150%}& .ratings{display:none}}&>.contents{display:flex;flex-direction:column;gap:5px;& .headline{color:#333333;font-weight:600}& .content,& .headline{font-size:12px;line-height:150%}& .content{color:#868686;font-weight:400}& .content .MuiButton-text{font-size:12px;margin-left:8px}}}@media only screen and (min-width:1200px){body .ComponentProjectReviewCard{border-radius:20px;gap:24px;&>.head{& .created-by{gap:16px}& .created-by .image-container{width:50px;height:50px}& .created-by .information p{font-size:16px}& .created-by .information small{font-size:12px}& .ratings{display:block}& .ratings .ComponentProjectRatingStars{gap:2px}& .ratings .ComponentProjectRatingStars svg{font-size:18px}}&>.contents{& .content,& .content .MuiButton-text,& .headline{font-size:14px}}}}body .ComponentProjectReviewPreviews{position:relative;padding:16px;background-color:#F7F7F7;border-radius:14px;display:flex;flex-direction:column;gap:16px;&>.head{display:flex;flex-direction:row;& h3{color:#000000;font-size:16px;font-weight:700;line-height:150%;flex-grow:1}& .MuiButton-text{color:#4469FF;font-size:14px;font-weight:500;line-height:150%}}&>.cards{display:flex;flex-direction:column;gap:16px}&>.footer{display:flex;flex-direction:row;& .ComponentProjectReviewHelpful{flex-grow:1}& .pagination{display:flex;flex-direction:row;gap:8px}& .pagination .MuiIconButton-root{width:32px;height:32px;border-radius:30px;border:1px solid #4469ff;background-color:#ffffff}& .pagination .MuiIconButton-root svg{color:#4469FF}& .pagination .MuiIconButton-root:disabled{border-color:#c7c7c7}& .pagination .MuiIconButton-root:disabled svg{color:#c7c7c7}}}@media only screen and (min-width:1200px){body .ComponentProjectReviewPreviews{padding:24px;gap:24px;&>.head{& h3{font-size:18px}& .MuiButton-text{font-size:16px}}&>.cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}}}body .ComponentProjectReviewHelpful{display:flex;flex-direction:row;gap:8px;align-items:center;&>.MuiTypography-root{color:#4469FF;font-size:12px;font-weight:600;line-height:150%}&>.MuiBox-root{display:flex;flex-direction:row;gap:8px;& .MuiButton-outlined{padding:4px 16px;min-width:0;min-height:0;border-radius:10px;border:1px solid #4469ff;background-color:#ffffff}& .MuiButton-outlined svg{font-size:12px}& .MuiButton-outlined.active{background-color:#4469FF}& .MuiButton-outlined.active svg path{stroke:#ffffff}}}@media only screen and (min-width:1200px){body .ComponentProjectReviewHelpful{gap:24px;&>.MuiTypography-root{font-size:16px}&>.MuiBox-root{gap:16px;& .MuiButton-outlined svg{font-size:16px}}}}body .ComponentProjectReviewsList{position:relative;display:flex;flex-direction:column;gap:24px;margin-top:24px;& .ComponentProjectReviewCard{border-radius:20px;border:1px solid #e5e5e5;& .content{color:#333333}& .content .MuiButton-text{padding:0;min-width:0;min-height:0;font-size:1em;color:#FF3198}}& .nodata{text-align:center;padding:24px 0;font-weight:500}& .MuiPagination-root{align-self:center}}body .ComponentProjectReviewsListDialog{border-radius:20px;width:883px;max-width:unset!important;& .MuiDialogTitle-root{color:#ABABAB;font-size:16px;font-weight:400;line-height:150%}}body .ComponentProjectReviewsMainContent{position:relative;border-radius:16px;border:1px solid #e5e5e5;padding:16px;display:flex;flex-direction:column;gap:16px;&>.title{display:flex;flex-direction:row;align-items:center;&>.MuiTypography-root{color:#000000;font-size:18px;font-weight:700;line-height:150%;flex-grow:1}&>.MuiChip-root{padding:4px 16px;background-color:#FEF6FF}&>.MuiChip-root .MuiChip-label{padding:0;color:#FF3198;font-size:14px;font-weight:600;line-height:150%}&>.MuiChip-root .MuiChip-label svg{font-size:14px;margin-left:8px;vertical-align:middle}}&>.tabs{display:flex;& .MuiButton-outlined{padding:4px 16px;min-width:0;min-height:0;border-radius:30px;border:1px solid #4469ff}& .MuiButton-outlined svg{font-size:14px;vertical-align:middle}& .MuiButton-outlined span{display:none;color:#4469FF;font-size:16px;font-weight:600;line-height:150%}}&>.MuiDivider-root{border-color:#D3D3D3}}@media only screen and (min-width:1200px){body .ComponentProjectReviewsMainContent{&>.title{gap:48px;&>.MuiTypography-root{font-size:26px;flex-grow:0}& .MuiChip-label,& .MuiChip-label svg{font-size:18px}}&>.tabs{&>.MuiButton-outlined{border-radius:10px}&>.MuiButton-outlined svg{font-size:16px;margin-right:4px}&>.MuiButton-outlined span{font-size:16px;display:block}}}}