text: // @flow
  import {
    lg, md, sm, secondaryText, border,
  } from '~/theme/variables'
  
  export const styles = () => ({
    heading: {
      padding: `${md} ${lg}`,
      justifyContent: 'flex-start',
      boxSizing: 'border-box',
      maxHeight: '75px',
    },
    annotation: {
      letterSpacing: '-1px',
      color: secondaryText,
      marginRight: 'auto',
      marginLeft: '20px',
    },
    headingText: {
      fontSize: lg,
    },
    closeIcon: {
      height: '35px',
      width: '35px',
    },
    container: {
      padding: `${md} ${lg}`,
    },
    value: {
      marginLeft: sm,
    },
    outerData: {
      borderRadius: '5px',
      border: `1px solid ${border}`,
      padding: '11px',
      minHeight: '21px',
    },
    data: {
      wordBreak: 'break-all',
      overflow: 'auto',
      fontSize: '14px',
      fontFamily: 'Averta',
      maxHeight: '100px',
      letterSpacing: 'normal',
      fontStretch: 'normal',
      lineHeight: '1.43',
    },
    buttonRow: {
      height: '84px',
      justifyContent: 'center',
      '& > button': {
        fontFamily: 'Averta',
        fontSize: md,
      },
    },
    submitButton: {
      boxShadow: '1px 2px 10px 0 rgba(212, 212, 211, 0.59)',
      marginLeft: '15px',
    },
  })
  