Styling and CSS overrides

document.addEventListener('tdAssistantConnected', (event) => {
  const root = event.target.shadowRoot;
  if (!root) return;

  const styles = document.createElement('style');
  styles.textContent = `
    .td-launcher {
      right: 100px !important;
      bottom: 50px !important;
    }

    .td-assistant {
      right: 100px !important;
      bottom: 130px !important;
    }
  `;
  root.appendChild(styles);
});