1  import { makeStyles } from '@material-ui/core/styles'
 2  
 3  const useStyles = makeStyles(theme => ({
 4    root: {
 5      display: 'grid',
 6      gridTemplateColumns: 'repeat(48, [col] 1fr)',
 7      gridColumn: '3 / 45',
 8      [theme.breakpoints.up('md')]: {
 9        gridTemplateRows: '4rem 4rem auto auto 6rem',
10        gridColumn: '8 / 42',
11      }
12    },
13    adornmentText: {
14      cursor: 'pointer',
15      color: '#4360DF'
16    },
17    title: {
18      gridColumn: '3 / 49'
19    },
20    fieldWidth: {
21      gridColumn: '3 / 49'
22    },
23    datePicker: {
24      borderRadius: '25px'
25    }
26  }))
27  
28  export default useStyles