const style = {
    input: {
      base: {
        color: 'black',
        fontSize: '18px',
      },
      hover: {
        color: 'grey',
      },
      focus: {
        color: 'grey',
      },
      invalid: {
        color: 'red',
      },
      placeholder: {
        base: {
          color: 'grey',
        },
      },
    },
    checkbox: {
      label: {
        base: {
          color: 'black',
        },
        unchecked: {
          color: 'red',
        },
      },
      box: {
        base: {
          color: 'black',
          hover: {
            color: 'red',
          },
        },
        unchecked: {
          color: 'red',
        },
      },
    },
  }