body .ComponentProjectPublicDetailPageComponent{padding:24px 0;width:100%;display:flex;flex-direction:column;gap:16px;& .MuiButton-text{color:#FF3198;padding:0;min-width:0;&:hover{background-color:#fff6fa}}& .MuiCard-root{border:none;background-color:#F3F6FF;border-radius:26px}& .MuiCard-root .MuiCardContent-root{padding:16px}& .body,& .detail-sections{display:flex;flex-direction:column;gap:16px}& .detail-section{display:flex;flex-direction:column;gap:16px;&:not(.non-padding)>*,&>h2{padding:0 16px}&>h2{color:#333333;font-size:18px;font-weight:700;line-height:150%;padding-bottom:8px;border-bottom:1px solid #d3d3d3}}& .paginated-cards{position:relative;overflow-x:auto;margin:0 -16px -8px;padding-bottom:8px;& .container{position:relative;display:flex;flex-direction:row;gap:16px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:0 32px}& .container>*{flex:1 1;flex-grow:1}& .container .MuiIconButton-root.navigator{position:absolute;top:40%;z-index:20;background-color:#FFFFFF;border:1px solid #4469ff}& .container .MuiIconButton-root.navigator.previous{left:0}& .container .MuiIconButton-root.navigator.next{right:0}& .container .MuiIconButton-root.navigator svg{color:#4469FF;font-size:30px}}}body .project-detail-list-container{position:relative;width:100%;height:76px;overflow-x:auto;padding:0 16px 16px;& .MuiList-root{display:flex;flex-direction:row;gap:0;height:100%;padding:0}& .MuiListItem-root{width:188px;height:100%;padding:0}& .MuiListItem-root.active{border-radius:6px;background-color:#F5F9FF}& .MuiListItemButton-root{border-radius:6px;width:100%;height:100%;padding:16px}& .MuiListItemButton-root .item-name{display:block;color:#333333;font-size:16px;font-weight:600;line-height:normal;width:156px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}& .MuiListItemButton-root .unit-plan-description{color:#8D8D8D;font-size:12px;font-weight:600;line-height:normal;width:156px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;&>svg{font-size:12px;margin-right:4px;vertical-align:middle}}& .MuiListItemButton-root .facility-floor{color:#868686;font-size:12px;font-weight:600;line-height:normal;&>svg{font-size:12px;margin-right:4px;vertical-align:middle}}}@media only screen and (min-width:1200px){body .ComponentProjectPublicDetailPageComponent{padding:32px 0;max-width:1200px;width:100%;margin:0 auto;gap:32px;&:not(.ComponentProjectPublicDetailPageComponent-WithoutNearby) .body{display:grid;grid-template-columns:900px auto;grid-gap:32px;gap:32px}& .detail-sections{gap:32px}& .detail-section{gap:24px;&>*{padding:0}&>h2{font-size:26px}}& .paginated-cards .container{width:100%}& .paginated-cards .MuiIconButton-root.navigator{display:none}& .paginated-cards:hover .MuiIconButton-root.navigator{display:inherit}}body .project-detail-list-container{height:100%;overflow-x:unset;& .MuiList-root{display:block;position:absolute;top:0;left:0;width:100%;height:100%}& .MuiListItem-root{width:100%;height:unset}& .MuiListItemButton-root{width:100%}& .MuiListItemButton-root .item-name,& .MuiListItemButton-root .unit-plan-description{width:100%;white-space:wrap;text-overflow:unset}}}