"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)({
    root: {
        display: 'flex',
        flexDirection: 'column',
        paddingRight: '12px',
        paddingTop: '8px',
        paddingBottom: '8px',
        '& + &': {
            borderTop: '1px solid rgba(0,0,0, 0.12)'
        }
    },
    profileCardWrapper: {
        display: 'flex',
        flexDirection: 'row',
        alignItems: 'center',
        gap: '4px'
    },
    profileCardContainer: {
        flexGrow: 1,
        paddingBottom: '8px',
        paddingTop: '8px'
    },
    rulesContainer: {
        paddingLeft: '52px',
        marginBottom: '8px',
        display: 'flex',
        alignItems: 'center'
    },
    dividerWrapper: {
        marginLeft: '12px',
        alignSelf: 'stretch'
    },
    divider: {
        borderColor: 'rgba(0,0,0,0.12)'
    },
    relevanceBadge: {
        marginLeft: '12px'
    }
});
