chromium/ash/webui/common/resources/sea_pen/sea_pen_options_element.html

<style include="common cros-button-style">
  #container {
    align-items: center;
    color: var(--cros-text-color-primary);
    display: flex;

    margin-block-end: 24px;
    max-height: 80px;
    overflow: hidden;
  }

  #container.expanded {
    max-height: unset;
  }

  #container #optionSelector {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    /* Leave 4px of padding for chip outlines. */
    padding: 4px;
    width: 100%;
  }

  #container cr-button {
    background-color: var(--cros-bg-color);
    border-radius: 12px;
    height: 32px;
    padding: 6px 12px 6px 8px;
  }

  #container cr-button[aria-checked=true] {
    --text-color: var(--cros-button-label-color-primary);
    background-color: var(--cros-button-background-color-primary);
  }

  #container cr-button[aria-checked=true]:focus {
    border-radius: 10px;
    outline: 2px solid var(--cros-button-background-color-primary);
    outline-offset: 2px;
  }

  img {
    border-radius: 50%;
    height: 20px;
    margin-inline-end: 8px;
    outline: 2px solid var(--cros-separator-color);
    outline-offset: -2px;
    width: 20px;
  }

  .hidden {
    display: none;
  }

  #expandButton {
    --text-color: var(--cros-text-color-prominent);
  }
</style>
<div id="container" class$="[[getOptionsClassName_(chipsExpanded_)]]">
  <iron-a11y-keys id="optionKeys" keys="left right esc" on-keys-pressed="onOptionKeyPressed_">
  </iron-a11y-keys>
  <iron-selector
      id="optionSelector"
      selected="0"
      selected-item="{{ironSelectedOption_}}"
      aria-label$="[[i18n('seaPenCustomizeAiPrompt')]]"
      role="radiogroup">
    <template is="dom-repeat" items="[[options]]" as="option">
      <cr-button
          class="option"
          on-click="onClickOption_"
          tabindex$="[[getOptionTabIndex_(option, selectedChip, selectedOptions)]]"
          aria-checked$="[[getOptionAriaChecked_(option, selectedChip, selectedOptions)]]"
          role="radio">
        <template is="dom-if" if="[[option.previewUrl]]" restamp>
          <img is="cr-auto-img" auto-src="[[option.previewUrl]]">
        </template>
        [[option.translation]]
      </cr-button>
    </template>
    <cr-button
        id="expandButton"
        class$="[[getExpandButtonClassName_(shouldShowExpandButton_)]]"
        on-click="onClickExpandButton_">
    </cr-button>
  </iron-selector>
</div>