import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    expanded: {
        backgroundColor: 'rgba(0, 0, 0, 0.03)'
    },
    info: {
        fontSize: '13px',
        color: theme.palette.text.secondary,
        wordWrap: 'break-word'
    },
    icon: {
        width: '32px',
        height: '32px',
        fill: '#fff',
        backgroundColor: 'rgba(177, 92, 189, 1)',
        borderRadius: '50%',
        margin: '5px 12px 0 8px'
    },
    infoBlock: {
        display: 'flex',
        flexDirection: 'row'
    },
    header: {
        display: 'flex',
        flexDirection: 'row',
        paddingBottom: '5px'
    },
    flex: {
        flex: 1
    },
    caption: {
        fontSize: '16px',
        color: 'rgba(0, 0, 0, 0.87)'
    },
    title: {
        display: 'flex',
        flexDirection: 'row',
        alignItems: 'center',
        margin: '6px 0 8px 0'
    },
    flag: {
        height: '12px',
        width: '12px',
        stroke: '#000000',
        fill: 'none',
        margin: '2px 5px 0 5px'
    },
    pmReviewCard: {
        borderTop: '3px solid #E83D40',
        flexDirection: 'column',
        width: '100%'
    },
    date: {
        fontSize: '13px',
        color: 'rgba(0, 0, 0, 0.87)'
    },
    mainInfo: {
        display: 'flex',
        flexDirection: 'column',
        flex: 1
    }
}); });
