chrome/browser/resources/chromeos/cloud_upload/sign_in_page.html

<style>
  a {
    color: var(--cros-text-color-prominent);
  }

  #error-message {
    align-items: center;
    color: var(--cros-text-color-alert);
    display: flex;
  }

  #error-message[hidden] {
    /* display: flex overrides the hidden visibility */
    display: none;
  }

  .icon {
    -webkit-mask-image: url(icons/error.svg);
    background-color: var(--cros-icon-color-alert);
    height: 16px;
    width: 17px;
  }

  .error-text {
    margin-inline-start: 5px;
  }
</style>

<!-- TODO(b/254586358): Use localized strings -->
<img src="images/connect_one_drive.png" slot="header-image"></img>
<div slot="title">
  Connect to Microsoft OneDrive to open files in Microsoft 365
</div>
<div slot="body">
  <div id="error-message" hidden>
    <div class="icon"></div>
    <span class="error-text">
      Unable to connect to OneDrive. Please try again.
    </span>
  </div>
  <p>
    To edit files in Microsoft 365, they need to be stored in Microsoft OneDrive
    cloud storage. If you open a file not already in OneDrive, your Chromebook
    can move it for you.
    <a href="https://support.google.com/chromebook" target="_blank">Learn more</a>
  </p>
  <p>
    You'll need to sign in with your Microsoft account to continue.
  </p>
</div>
<div slot="button-container">
  <cr-button class="cancel-button">$i18n{cancel}</cr-button>
  <cr-button class="action-button">Connect to OneDrive</cr-button>
</div>