"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 () { return ({
    paper: {
        backgroundColor: 'rgba(0, 0, 0, .85)'
    },
    backdrop: {
        backgroundColor: 'transparent'
    },
    toolbar: {
        paddingLeft: '20px',
        paddingRight: '20px'
    },
    appBar: {
        position: 'relative',
        background: 'linear-gradient(180deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%)'
    },
    closeButton: {
        marginRight: '28px'
    },
    closeIcon: {
        fontSize: '24px',
        color: '#fff'
    },
    headerLeft: {
        display: 'flex',
        alignItems: 'center',
        flex: 2
    },
    headerCenter: {
        display: 'flex',
        justifyContent: 'center',
        flex: 1
    },
    headerRight: {
        flex: 2,
        display: 'flex',
        justifyContent: 'flex-end',
        alignItems: 'center'
    },
    modeSwitcher: {
        backgroundColor: '#fff'
    },
    content: {
        padding: 0
    }
}); });
