body .ComponentProjectRatingStars{display:flex;flex-direction:row;gap:8px;flex-wrap:nowrap;align-items:center}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}}}