makeStyles(theme => ({ list: { width: 300, maxWidth: 360 } }))
makeStyles((theme) => ({ root: { backgroundColor: theme.palette.background.dark, height: '100%', paddingBottom: theme.spacing(3), paddingTop: theme.spacing(3) } }))
makeStyles(theme => ({ formControl: { marginBottom: theme.spacing(3), display: 'block' }, formLabel: { marginBottom: theme.spacing(1) }, button: { marginRight: theme.spacing(2) } }))
makeStyles(theme => ({ appBar: { zIndex: theme.zIndex.drawer + 1 }, grow: { flex: '1 1 auto', } }))
makeStyles(theme => ({ drawer: { width: drawerWidth, flexShrink: 0, }, drawerPaper: { whiteSpace: 'nowrap', width: drawerWidth }, toolbar: theme.mixins.toolbar }))
makeStyles(() => ({ root: { height: '100%' }, avatar: { backgroundColor: colors.orange[600], height: 56, width: 56 } }))
makeStyles(() => ({ root: { height: '100%' }, avatar: { backgroundColor: colors.indigo[600], height: 56, width: 56 } }))
makeStyles((theme) => ({ root: {}, importButton: { marginRight: theme.spacing(1) }, exportButton: { marginRight: theme.spacing(1) } }))
makeStyles(() => ({ root: {}, avatar: { width: 60, height: 60 } }))
makeStyles(() => ({ root: {}, avatar: { height: 100, width: 100 } }))
makeStyles((theme) => ({ root: { backgroundColor: theme.palette.background.dark, minHeight: '100%', paddingBottom: theme.spacing(3), paddingTop: theme.spacing(3) } }))
makeStyles((theme) => ({ root: { backgroundColor: theme.palette.background.dark, minHeight: '100%', paddingBottom: theme.spacing(3), paddingTop: theme.spacing(3) } }))
makeStyles(() => ({ root: {}, actions: { justifyContent: 'flex-end' } }))
makeStyles((theme) => ({ root: { backgroundColor: theme.palette.background.dark, minHeight: '100%', paddingBottom: theme.spacing(3), paddingTop: theme.spacing(3) } }))
makeStyles((theme) => ({ root: { backgroundColor: theme.palette.background.dark, height: '100%', paddingBottom: theme.spacing(3), paddingTop: theme.spacing(3) } }))