import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles({
    listLabelContainer: {
        display: 'flex',
        alignItems: 'center',
        position: 'relative',
        overflow: 'hidden',
        whiteSpace: 'nowrap',
        justifyContent: 'space-between',
        height: '100%',
        width: '100%'
    },
    listLabel: {
        visibility: 'hidden',
        position: 'absolute',
        overflow: 'hidden'
    },
    visibleItemsLabel: {
        textOverflow: 'ellipsis',
        marginRight: '5px',
        overflow: 'hidden',
        flex: 1,
        flexBasis: 'auto'
    },
    hiddenCount: {
        color: 'rgba(0,0,0,0.87)',
        fontSize: '13px',
        lineHeight: '15px',
        padding: '5px 8px',
        borderRadius: '16px',
        backgroundColor: 'rgba(0,0,0,.12)'
    }
});
