"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var styles_1 = require("@mui/styles");
var maxWidth = 500;
exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
    root: {
        display: 'flex',
        flex: '1 1 auto',
        flexWrap: 'nowrap',
        flexDirection: 'column',
        alignItems: 'center',
        justifyContent: 'center',
        padding: '10px',
        overflow: 'auto',
        height: '100%',
        minHeight: '350px',
        boxSizing: 'border-box',
        '&$root_small': {
            minHeight: '160px'
        },
        '& $text': {
            color: theme.palette.text.primary,
            fontSize: '20px',
            fontWeight: 500,
            lineHeight: '24px',
            letterSpacing: '0.25px',
            textAlign: 'center'
        },
        '& $secondaryText': {
            color: theme.palette.text.secondary,
            fontSize: '15px',
            fontWeight: 300,
            lineHeight: '18px',
            letterSpacing: '0.11px',
            textAlign: 'center',
            paddingTop: '3px'
        }
    },
    root_small: {},
    logo: {
        color: theme.palette.primary.main
    },
    small: {
        width: '88px',
        height: '88px'
    },
    embedded: {
        flexShrink: 0,
        width: '190px',
        height: '190px',
        padding: '8px'
    },
    full: {
        width: '256px',
        height: '256px'
    },
    textBox: {
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        maxWidth: maxWidth,
        marginTop: '16px'
    },
    text: {},
    secondaryText: {},
    button: {
        minHeight: 36,
        minWidth: 64,
        maxWidth: maxWidth,
        padding: '10px 16px',
        borderRadius: '2px',
        boxShadow: '0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24), 0 0 8px 0 rgba(0,0,0,0.12), 0 8px 8px 0 rgba(0,0,0,0.24)',
        fontSize: '14px',
        fontWeight: 500,
        lineHeight: '16px',
        marginTop: '24px'
    }
}); });
