"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)({
    wrapper: {
        width: '100%',
        display: 'flex',
        justifyContent: 'center',
        margin: 'auto',
        flexWrap: 'wrap',
        '&.alignRight': {
            display: 'grid',
            gridAutoRows: 'min-content',
            gridTemplateColumns: '1fr',
            '&.isTwoCols': {
                gridTemplateColumns: '1fr 1fr',
                minWidth: '141px',
                maxWidth: '282px'
            }
        }
    },
    item: {
        display: 'flex',
        alignItems: 'baseline',
        '&:not(:last-child)': {
            marginRight: 10
        },
        whiteSpace: 'break-spaces'
    },
    itemColor: {
        width: 12,
        height: 12,
        marginRight: 10,
        flexShrink: 0
    },
    value: {
        fontSize: '14px',
        lineHeight: '27px',
        letterSpacing: '0.5px'
    }
});
