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}}}}