chrome/browser/resources/privacy_sandbox/privacy_sandbox_notice_dialog_app.html

<style include="cr-shared-style shared-style"></style>

<div fill-content role="main">
  <div class="content-area custom-scrollbar" scrollable tabindex="-1">
    <div class="header">
      <img class="logo" alt="">
      <h2>$i18n{m1NoticeRowTitle}</h2>
    </div>
    <div class="section cr-secondary-text">
      $i18n{m1NoticeRowDescription1}
    </div>
    <div class="section cr-secondary-text">
      $i18n{m1NoticeRowDescription2}
    </div>
    <div class="banner">
      <img class="topics-banner"
          alt="$i18n{m1NoticeRowBannerImageA11yDescription}">
    </div>
    <div class="section cr-secondary-text">
      $i18n{m1NoticeRowDescription3}
    </div>
    <privacy-sandbox-dialog-learn-more class="learn-more-section"
        expanded="{{expanded_}}"
        title="$i18n{m1NoticeRowLearnMoreExpandLabel}">
      <div class="paragraph">
        <div><b>$i18n{m1NoticeRowLearnMoreHeading1}</b></div>
          <div class="cr-secondary-text">
          $i18n{m1NoticeRowLearnMoreDescription1}
        </div>
        <ul class="cr-secondary-text">
          <li>$i18n{m1NoticeRowLearnMoreBullet1}</li>
          <li>$i18n{m1NoticeRowLearnMoreBullet2}</li>
        </ul>
      </div>
      <div class="paragraph cr-secondary-text">
        $i18n{m1NoticeRowLearnMoreDescription2}
      </div>
      <div class="paragraph cr-secondary-text">
        $i18n{m1NoticeRowLearnMoreDescription3}
      </div>
      <div class="paragraph">
        <div><b>$i18n{m1NoticeRowLearnMoreHeading2}</b></div>
        <div class="cr-secondary-text">
          $i18n{m1NoticeRowLearnMoreDescription4}
        </div>
        <div class="cr-secondary-text">
          $i18n{m1NoticeRowLearnMoreDescription5}
        </div>
      </div>
    </privacy-sandbox-dialog-learn-more>
    <div class="section cr-secondary-text" id="lastTextElement">
      $i18n{m1NoticeRowDescription4}
    </div>
    <div class="buttons-container">
      <cr-button id="settingsButton" on-click="onNoticeOpenSettings">
        $i18n{m1NoticeRowSettingsButton}
      </cr-button>
      <cr-button id="ackButton" class="action-button"
          on-click="onNoticeAcknowledge">
        $i18n{m1NoticeRowAckButton}
      </cr-button>
    </div>
  </div>
  <div id="showMoreOverlay" hidden="[[wasScrolledToBottom]]">
    <cr-button id="moreButton" on-click="onNoticeMoreClicked"
        class="action-button" aria-hidden="true" tabindex="-1">
      $i18n{m1DialogMoreButton}
      <iron-icon icon="cr:expand-more"></iron-icon>
    </cr-button>
  </div>
</div>