<commit_before>import { makeStyles } from 'tss-react/mui';

export const useStyles = makeStyles()(theme => ({
    container: {
        maxWidth: '450px',
        background: '#fff',
        boxShadow: '2px 2px 4px rgba(0,0,0,0.4)',
        zIndex: 500,
        margin: '0 0.8rem',
        borderRadius: '12.5px',
        padding: '2rem',
    },
    innerContainer: {
        position: 'relative',
    },
    starting: {
        opacity: 0,
    },
    headerContainer: {
        display: 'flex',
        alignItems: 'center',
    },
    confettiContainer: {
        position: 'relative',
        maxWidth: '600px',
        margin: '0 auto',
        display: 'flex',
    },
    textContainer: {
        marginLeft: '1rem',
    },
    headerStyles: {
        fontWeight: 'normal',
        margin: 0,
        marginBottom: '0.5rem',
    },
    createdContainer: {
        display: 'flex',
        alignItems: 'center',
        flexDirection: 'column',
    },
    anim: {
        animation: `$drop 10s 3s`,
    },
    checkMark: {
        width: '65px',
        height: '65px',
    },
    buttonStyle: {
        position: 'absolute',
        top: '-33px',
        right: '-33px',
    },
    '@keyframes drop': {
        '0%': {
            opacity: '0%',
            top: '0%',
        },
        '10%': {
            opacity: '100%',<commit_msg>fix: wrap long words in toast text (#1119)<commit_after>import { makeStyles } from 'tss-react/mui';

export const useStyles = makeStyles()(theme => ({
    container: {
        maxWidth: '450px',
        background: '#fff',
        boxShadow: '2px 2px 4px rgba(0,0,0,0.4)',
        zIndex: 500,
        margin: '0 0.8rem',
        borderRadius: '12.5px',
        padding: '2rem',
    },
    innerContainer: {
        position: 'relative',
    },
    starting: {
        opacity: 0,
    },
    headerContainer: {
        display: 'flex',
        alignItems: 'center',
    },
    confettiContainer: {
        position: 'relative',
        maxWidth: '600px',
        margin: '0 auto',
        display: 'flex',
    },
    textContainer: {
        marginLeft: '1rem',
        wordBreak: 'break-word',
    },
    headerStyles: {
        fontWeight: 'normal',
        margin: 0,
        marginBottom: '0.5rem',
    },
    createdContainer: {
        display: 'flex',
        alignItems: 'center',
        flexDirection: 'column',
    },
    anim: {
        animation: `$drop 10s 3s`,
    },
    checkMark: {
        width: '65px',
        height: '65px',
    },
    buttonStyle: {
        position: 'absolute',
        top: '-33px',
        right: '-33px',
    },
    '@keyframes drop': {
        '0%': {
            opacity: '0%',
            top: '0%',
        },
        '10%': {
            opacity: '100%',
{'fraction_non_alphanumeric': 0.1585276967930029, 'fraction_numerical': 0.03717201166180758, 'mean_word_length': 1.6573088092933204, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '257617', 'n_tokens_mistral': 929, 'n_tokens_neox': 884, 'n_words': 192}