More control over widget placement

[Blakeinstein]

Problem We have a Vue based solution, that would loved to have a support portal. However, the current implementation isn't as free. Consider placing the widget in the center. Something like this should work.. but since on opening the transform is set to none. This wouldn't work as intended.

styles: {
          chatContainer: {
            top: '50%',
            left: '50%',
            transform: 'translate(-50%, -50%)'
          }
        }

Solution An option to specify custom css, and the base transform values.