import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    numberContainer: {
        display: 'flex',
        flexDirection: 'row',
        alignItems: 'center',
        padding: '0 16px',
        height: '100%'
    },
    number: {
        fontSize: '13px',
        lineHeight: '15px',
        fontWeight: 'normal',
        color: theme.palette.text.primary,
        width: '40px',
        flexShrink: 0
    },
    colorBarContainer: {
        position: 'relative',
        width: '100%',
        marginLeft: '16px',
        height: '20px',
        '&>div': {
            opacity: 1,
            backgroundColor: theme.palette.primary.main
        }
    },
    loadCaption: {
        color: 'rgba(0, 0, 0, 0.54)',
        fontWeight: 500,
        paddingLeft: '10px'
    }
}); });
