kground-color: var(--toolbarbutton-active-background, rgba(190, 190, 190, 0.4));
  }

  &[disabled="true"] > .toolbarbutton-icon {
    opacity: var(--toolbarbutton-disabled-opacity);
  }
}

.findbar-find-previous {
  list-style-image: url(chrome://global/skin/icons/arrow-up.svg);
  margin-inline: 8px 0;
}

.findbar-find-next {
  list-style-image: url(chrome://global/skin/icons/arrow-down.svg);
  margin-inline: 0 8px;
}

/* Checkboxes & Labels */

.findbar-container > checkbox,
.findbar-label {
  margin: 0 8px;
  flex-shrink: 0;
}

.findbar-find-status,
.found-matches {
  margin-inline-start: 12px;
}

.findbar-find-status[status="notfound"] {
  font-weight: var(--font-weight-bold);
}

.find-status-icon {
  display: none;
}

/* Since the find bar is not fully responsive, and most checkboxes cannot fit
 * within the width of a single split-view panel, we hide them. */
.split-view-panel .findbar-container > checkbox {
  display: none;
}

/* Close button */

/* Increase specificity to override close-icon.css */
.close-icon.findbar-closebutton {
  margin: 2px 8px;
  width: 24px;
  fill: var(--toolbarbutton-icon-fill);
  transition: opacity 150ms ease-in-out;

  &:hover {
    background-color: var(--toolbarbutton-hover-background, rgba(190, 190, 190, 0.2));
    outline: none;
  }

  &:hover:active {
    background-color: var(--toolbarbutton-active-background, rgba(190, 190, 190, 0.4));
  }
}
PK