/* preferences */
@-moz-document url-prefix(about:preferences),
  url-prefix(about:addons),
  url-prefix("chrome: //mozapps/content/extensions/aboutaddons.xhtml") {
  .category[selected] {
    position: relative !important;
    border-radius: 4px !important;
  }
  .category[selected]:not(:hover, :active) {
    background-color: var(--in-content-button-background) !important;
  }
  .category[selected]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    margin-block: auto;
    height: 24px;
    width: 3px;
    left: 2px;
    background-color: var(--in-content-accent-color);
    border-radius: 3px;
  }
  button.tab-button:hover {
    border-block-color: transparent var(--in-content-box-border-color) !important;
  }
  button.tab-button[selected],
  button.tab-button[selected]:hover {
    border-block-color: transparent currentColor !important;
  }
  .toggle-button {
    --toggle-dot-margin: 4px !important;
    --toggle-width: 40px !important;
    --toggle-height: 20px !important;
    --toggle-background-color: transparent !important;
    --toggle-dot-background-color: var(--in-content-page-color) !important;
    --toggle-dot-background-color-on-pressed: #fff !important;
    --toggle-dot-transform-x: calc(
      var(--toggle-width) - 2 * var(--toggle-dot-margin) - 2 *
        var(--toggle-border-width) - var(--toggle-dot-width)
    ) !important;
  }
}
/* fix page flashes when loading some websites */
@-moz-document url(about:blank) {
  body {
    background: var(--in-content-page-background);
    color: var(--in-content-page-color);
  }
}
@-moz-document url(about:addons),
url-prefix("chrome: //mozapps/content/extensions/aboutaddons.xhtml") {
  .addon-card-message[type=warning],
  .addon-card-message[type=error] {
    display: none;
  }
  .toggle-button,
  [action=more-options] {
    flex-shrink: 0;
  }
  .addon {
    --z-index-popup: 99 ;
  }
  panel-list > panel-item-separator {
    display: none;
  }
  panel-item {
    position: relative;
  }
  panel-item::before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    background-image: var(--menu-image);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
  }
  [action=check-for-updates] {
    --menu-image: url("./images/aboutaddons/reload.svg");
  }
  [action=view-recent-updates] {
    --menu-image: url("./images/aboutaddons/new.svg");
  }
  [action=install-from-file] {
    --menu-image: url("./images/aboutaddons/browse.svg");
  }
  [action=debug-addons] {
    --menu-image: url("./images/aboutaddons/bug.svg");
  }
  [action=reset-update-states] {
    --menu-image: url("chrome://global/skin/icons/settings.svg");
  }
  [action=manage-shortcuts] {
    --menu-image: url("./images/aboutaddons/keyboard.svg");
  }
  [action=preferences],
  [action=expand] {
    --menu-image: url("chrome://global/skin/icons/settings.svg");
  }
  [action=AM-browse-dir] {
    --menu-image: url("./images/aboutaddons/browse.svg");
  }
  [action=AM-copy-name] {
    --menu-image: url("./images/aboutaddons/copy.svg");
  }
  [action=AM-open-url] {
    --menu-image: url("./images/aboutaddons/open-in-new.svg");
  }
  [action=AM-edit-script] {
    --menu-image: url("./images/aboutaddons/editor.svg");
  }
  /* Checkbox */
  [action=set-update-automatically],
  [action=always-activate],
  [action=never-activate] {
    --menu-image: url("./images/icons/checkbox.svg");
  }
  [action=set-update-automatically]::part(button),
  [action=always-activate][checked]::part(button),
  [action=never-activate][checked]::part(button),
  .addon-permissions-list > li {
    background-image: url("./images/icons/checkmark.svg") !important;
  }
  panel-item[checked]::part(button) {
    background-image: unset !important;
  }
  .addon-permissions-list > li.permission-checked {
    background-image: url("./images/icons/checkmark.svg") !important;
  }
}

/*# sourceMappingURL=userContent.css.map */
