<style include="shared-style">
/* General toolbar layout. */
cr-toolbar {
min-height: 56px;
--cr-toolbar-center-basis: var(--password-manager-main-basis);
--cr-toolbar-header-white-space: nowrap;
}
cr-toolbar:not([narrow]) {
--cr-toolbar-left-spacer-width: var(--side-bar-width);
}
#product-logo {
height: 24px;
margin-inline-end: 16px;
margin-top: 6px;
width: 24px;
}
</style>
<cr-toolbar id="mainToolbar" on-keydown="onKeyDown_"
page-name="[[pageName]]" clear-label="$i18n{clearSearch}"
search-prompt="$i18n{searchPrompt}" menu-label="$i18n{menuButtonLabel}"
autofocus on-search-changed="onSearchChanged_"
role="banner" show-menu="[[narrow]]" narrow="[[narrow]]"
narrow-threshold="1036">
<picture slot="product-logo">
<img id="product-logo"
srcset="chrome://password-manager/images/password_manager_logo.svg"
role="presentation">
</picture>
<cr-icon-button id="helpButton" iron-icon="cr:help-outline"
title="$i18n{help}" on-click="onHelpClick_" suppress-rtl-flip>
</cr-icon-button>
</cr-toolbar>