"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
    root: {
        position: 'relative',
        backgroundColor: '#333',
        maxHeight: 'calc(100vh - 64px)',
        overflow: 'hidden'
    },
    header: {
        display: 'flex',
        alignItems: 'center',
        height: '56px',
        paddingLeft: '16px',
        boxShadow: "0 1px 0 0 ".concat(theme.palette.divider)
    },
    headerTitle: {
        color: 'rgba(255, 255, 255, 0.87)',
        fontSize: '16px',
        lineHeight: '19px'
    },
    bodyWrapper: {
        maxHeight: 'calc(100% - 56px)',
        overflow: 'auto'
    },
    body: {
        padding: '16px'
    },
    formControlLabel: {
        marginLeft: 0,
        marginBottom: '27px'
    },
    checkboxLabel: {
        marginLeft: '8px',
        color: 'rgba(255,255,255,0.87)',
        fontSize: '13px',
        lineHeight: '15px'
    },
    checkbox: {
        color: 'white',
        padding: 0
    }
}); });
