<style>
  #icon {
    height: 32px;
    margin-inline-end: 10px;
    width: 32px;
  }

  #icon-and-name-wrapper {
    align-items: center;
    display: flex;
  }

  ExtensionOptions {
    display: block;
    height: 100%;
    overflow: hidden;
  }

  cr-dialog::part(dialog) {
    /* CSS variables are set by the JS. */
    height: var(--dialog-height);
    opacity: var(--dialog-opacity, 0);
    /* When loading, it's possible for an size update to follow after the
       initial size update. The debounce time