*/
panel-item::part(button) {
  padding-inline-start: 12px;
  cursor: pointer;
}

panel-item::part(button):hover {
  background-color: var(--fxview-element-background-hover);
  color: var(--fxview-text-color-hover);
}

panel-item::part(button):hover:active {
  background-color: var(--fxview-element-background-active);
}

fxview-empty-state {
  &:not([isSelectedTab]) button[slot="primary-action"] {
    margin-inline-start: 0;
  }

  /* these illustrations need a larger width otherwise they look too small */
  &.synced-tabs::part(image-container) {
    min-width: 250px;
  }

  /* center align the empty state image */
  &.recentlyclosed::part(image-container) {
    margin-inline-start: 50px;
  }

  /* align empty state text with synced tabs on recent browsing page */
  &.recentlyclosed::part(main) {
    padding-inline-start: 50px;
  }
}
PK