import { makeStyles } from '@mui/styles';
var accordionSummaryHeight = '48px';
var defaultBorderStyle = '1px solid rgba(0, 0, 0, .125)';
export var useStyles = makeStyles(function (theme) { return ({
    accordion: {
        borderTop: defaultBorderStyle,
        borderBottom: defaultBorderStyle,
        fontSize: '13px',
        boxShadow: 'none',
        '&:not(:first-child)': {
            borderTop: 0
        },
        '&:before': {
            display: 'none'
        },
        '&$accordionExpanded': {
            margin: 'auto'
        }
    },
    accordionExpanded: {},
    accordionSummary: {
        display: 'flex',
        alignItems: 'center',
        height: accordionSummaryHeight,
        minHeight: accordionSummaryHeight,
        '&$accordionSummaryExpanded': {
            height: accordionSummaryHeight,
            minHeight: accordionSummaryHeight
        }
    },
    accordionSummaryHeading: {
        flex: 1,
        fontSize: theme.typography.pxToRem(13),
        fontWeight: theme.typography.fontWeightRegular
    },
    accordionSummaryExpanded: {},
    accordionSummaryContent: {
        display: 'flex',
        alignItems: 'center'
    },
    accordionDetails: {
        maxHeight: '21vh',
        overflow: 'auto',
        paddingTop: '3px',
        paddingBottom: '8px'
    }
}); });
