Zeilenabstand in der Menueleiste und Bookmarks

@media (-moz-proton) {
  @-moz-document url("about:home"), url("about:newtab") {
    /** Activity Stream - Search Focus Border: like URL ***********************/
    /* At DarkMode, Color */
    body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
    body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"],
    body[style*="--newtab-background-color: rgba(42, 42, 46, 1);"],
    body[style*="--newtab-background-color: rgba(43, 42, 51, 1);"] {
      /* inner */
      --newtab-focus-border: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF, Better color-mix(in srgb, #B5D3FF 70%, transparent) */
      --newtab-focus-border-selected: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF */
    }

    /** Activity Stream - Web Site Icon: full size ****************************/
    .top-site-outer .tile .icon-wrapper {
      width:  100% !important; /* Original: 48px */
      height: 100% !important; /* Original: 48px */
    }
  }

  /** Error Page - Restore illustrations **************************************/
  @-moz-document url-prefix("about:neterror"),
  url("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml"),
  url("about:sessionrestore"),  url(chrome://browser/content/aboutSessionRestore.xhtml) {
    /* Illustrations Position */
    #errorPageContainer, .description-wrapper {
      min-height: 300px;
      background-position: left center;
      background-repeat: no-repeat;
      background-size: 38%;
    }

    #errorPageContainer {
      display: flex;
      flex-direction: column;
    }
    .description-wrapper {
      padding-inline-start: 38%;
    }

    /* Container */
    .container {
      min-width: var(--in-content-container-min-width); /* 13em */
      max-width: var(--in-content-container-max-width); /* 52em */
    }

    /* Text Position */
    #text-container {
      margin: auto;
      padding-inline-start: 38%;
    }
  }

  @-moz-document url-prefix("about:neterror?e=connectionFailure"),
  url-prefix("about:neterror?e=netInterrupt"),
  url-prefix("about:neterror?e=netTimeout"),
  url-prefix("about:neterror?e=netReset"),
  url-prefix("about:neterror?e=netOffline"),
  url("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml") {
    #errorPageContainer {
      background-image: url("./icons/error-connection-failure.svg");
    }
  }
  @-moz-document url-prefix("about:neterror?e=dnsNotFound") {
    #errorPageContainer {
      background-image: url("./icons/error-server-not-found.svg");
    }
  }
  @-moz-document url-prefix("about:neterror?e=malformedURI") {
    #errorPageContainer {
      background-image: url("chrome://browser/skin/illustrations/error-malformed-url.svg");
    }
  }
  @-moz-document url-prefix("about:neterror?e=clockSkewError"),
  url-prefix("about:neterror?e=nssFailure") {
    #errorPageContainer {
      background-image: url("./icons/blue-berror.svg");
      background-size: 18.5em;
    }
  }

  @-moz-document url("about:sessionrestore"), url(chrome://browser/content/aboutSessionRestore.xhtml) {
    .description-wrapper {
      background-image: url("./icons/error-session-restore.svg");
    }
  }

  @-moz-document url-prefix("about:neterror?e=fileNotFound") {
    @media (min-width: 970px) {
      .title {
        background-image:
          url("chrome://global/skin/icons/info.svg") !important;
      }
    }

    #text-container {
      padding-inline-start: 0;
    }
  }
  @-moz-document url-prefix("about:tabcrashed") {
    @media (min-width: 970px) {
      .title {
        background-image: url("chrome://browser/skin/tab-crashed.svg") !important;
      }
    }
  }
  @-moz-document url("about:robots"), url("chrome://browser/content/aboutRobots.xhtml") {
    @media (min-width: 970px) {
      .title {
        background-image: url("chrome://browser/content/aboutRobots-icon.png") !important;
      }
    }
  }
  @-moz-document url("about:welcomeBack"), url("chrome://browser/content/aboutWelcomeBack.xhtml") {
    @media (min-width: 970px) {
      .title {
        background-image: url("./icons/welcome-back.svg") !important;
      }
    }
  }

  /** Fully Dark Mode *********************************************************/
  /*= Fully Dark Mode - Dark Mode Colors =====================================*/
  /* Based on chrome://global/skin/in-content/common.css */
  :host,
  :root {
    --in-content-page-color: rgb(21, 20, 26);
    --in-content-page-background: #fff;
    --in-content-text-color: var(--in-content-page-color);
    --in-content-deemphasized-text: rgb(91, 91, 102);
    --in-content-box-background: #fff;
    --in-content-box-background-odd: rgba(12, 12, 13, 0.05); /* grey 90 a05 */
    --in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent);
    --in-content-box-info-background: #f0f0f4;
    --in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent);
    --in-content-item-hover-text: var(--in-content-page-color);
    --in-content-item-selected: var(--in-content-primary-button-background);
    --in-content-item-selected-text: var(--in-content-primary-button-text-color);
    --in-content-icon-color: rgb(91,91,102);
    --in-content-accent-color: #0a84ff;
    --in-content-accent-color-active: #0060df;
    --in-content-border-hover: var(--grey-90-a50);
    --in-content-border-invalid: var(--red-50);
    --in-content-border-color: #d7d7db;
    --in-content-error-text-color: #c50042;
    --in-content-link-color: var(--blue-60);
    --in-content-link-color-hover: var(--blue-70);
    --in-content-link-color-active: var(--blue-80);
    --in-content-link-color-visited: var(--blue-60);
    /* button background states are also used for checkboxes and radiobuttons */
    --in-content-button-text-color: var(--in-content-text-color);
    --in-content-button-text-color-hover: var(--in-content-text-color);
    --in-content-button-background: rgba(207,207,216,.33);
    --in-content-button-background-hover: rgba(207,207,216,.66);
    --in-content-button-background-active: rgb(207,207,216);
    --in-content-primary-button-text-color: rgb(251,251,254);
    --in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color);
    --in-content-primary-button-background: #0061e0;
    --in-content-primary-button-background-hover: #0250bb;
    --in-content-primary-button-background-active: #053e94;
    --in-content-danger-button-background: #e22850;
    --in-content-danger-button-background-hover: #c50042;
    --in-content-danger-button-background-active: #810220;
    --in-content-focus-outline-color: var(--in-content-primary-button-background);

    /* Note: 1px smaller than we want because we have a 1px transparent border. */
    /* Once proton ships, these can probably stop being variables. */
    --in-content-button-border-radius: 4px;
    --in-content-button-horizontal-padding: 15px;
    --in-content-button-vertical-padding: 7px;

    --in-content-table-background: #f8f8fa;
    --in-content-table-border-dark-color: #d1d1d1;
    --in-content-table-header-background: #0a84ff;
    --in-content-table-header-color: #ffffff;
    --in-content-sidebar-width: 240px;

    --dialog-warning-text-color: var(--red-60);

    --checkbox-border-color: var(--in-content-box-border-color);
    --checkbox-unchecked-bgcolor: var(--in-content-button-background);
    --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover);
    --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active);
    --checkbox-checked-bgcolor: var(--in-content-primary-button-background);
    --checkbox-checked-color: var(--in-content-primary-button-text-color);
    --checkbox-checked-border-color: transparent;
    --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover);
    --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active);

    --blue-40: #45a1ff;
    --blue-50: #0a84ff;
    --blue-60: #0060df;
    --blue-70: #003eaa;
    --blue-80: #002275;
    --grey-30: #d7d7db;
    --grey-60: #4a4a4f;
    --grey-90-a10: rgba(12, 12, 13, 0.1);
    --grey-90-a20: rgba(12, 12, 13, 0.2);
    --grey-90-a30: rgba(12, 12, 13, 0.3);
    --grey-90-a50: rgba(12, 12, 13, 0.5);
    --grey-90-a60: rgba(12, 12, 13, 0.6);
    --green-50: #30e60b;
    --green-60: #12bc00;
    --green-70: #058b00;
    --green-80: #006504;
    --green-90: #003706;
    --orange-50: #ff9400;
    --red-40: #ff4f5e;
    --red-50: #ff0039;
    --red-60: #d70022;
    --red-70: #a4000f;
    --red-80: #5a0002;
    --red-90: #3e0200;
    --yellow-50: #ffe900;
    --yellow-60: #d7b600;
    --yellow-60-a30: rgba(215, 182, 0, 0.3);
    --yellow-70: #a47f00;
    --yellow-80: #715100;
    --yellow-90: #3e2800;

    --shadow-10: 0 1px 4px var(--grey-90-a10);
    --shadow-30: 0 4px 16px var(--grey-90-a10);

    --card-padding: 16px;
    --card-shadow: var(--shadow-10);
    --card-outline-color: var(--grey-30);
    --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color);
  }

  @media (-moz-toolbar-prefers-color-scheme: dark) {
    :host,
    :root {
      /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */
      --in-content-page-background: rgb(28,27,34);
      --in-content-page-color: rgb(251,251,254);
      --in-content-deemphasized-text: rgb(191,191,201);

      --in-content-box-background: rgb(35, 34, 43);
      --in-content-box-background-odd: rgba(249,249,250,0.05);
      --in-content-box-info-background: rgba(249,249,250,0.15);

      --in-content-border-color: rgba(249,249,250,0.2);
      --in-content-border-hover: rgba(249,249,250,0.3);
      --in-content-border-invalid: rgb(255,132,139);

      --in-content-error-text-color: #FF9AA2;

      --in-content-button-background: rgb(43,42,51);
      --in-content-button-background-hover: rgb(82,82,94);
      --in-content-button-background-active: rgb(91,91,102);
      --in-content-icon-color: rgb(251,251,254);

      --in-content-primary-button-text-color: rgb(43,42,51);
      --in-content-primary-button-background: rgb(0,221,255);
      --in-content-primary-button-background-hover: rgb(128,235,255);
      --in-content-primary-button-background-active: rgb(170,242,255);

      --in-content-danger-button-background: #ff848b;
      --in-content-danger-button-background-hover: #ffbdc5;
      --in-content-danger-button-background-active: #ffdfe7;

      --in-content-table-background: rgb(35, 34, 43);
      --in-content-table-border-dark-color: rgba(249,249,250,0.2);
      --in-content-table-header-background: rgb(5, 64, 150);
      --in-content-table-header-color: var(--in-content-page-color);

      --in-content-accent-color: var(--in-content-primary-button-background);
      --in-content-accent-color-active: var(--in-content-primary-button-background-hover);
      --in-content-link-color: var(--in-content-primary-button-background);
      --in-content-link-color-hover: var(--in-content-primary-button-background-hover);
      --in-content-link-color-active: var(--in-content-primary-button-background-active);
      --in-content-link-color-visited: var(--in-content-link-color);

      --card-outline-color: var(--grey-60);

      --dialog-warning-text-color: var(--red-40);

      scrollbar-color: rgba(249,249,250,.4) rgba(20,20,25,.3);
    }

  /*= Addons.org =============================================================*/
    @-moz-document url-prefix("https://addons.mozilla.org") {
      /* Basic */
      .Page-content,
      .SecondaryHero,
      main[aria-label="Content"] {
        color: var(--in-content-page-color) !important;
        background: var(--in-content-page-background) !important;
      }

      /* Text */
      .AutoSearchInput-query,
      .AutoSearchInput-suggestions-list,
      .Page-content h1,
      .Page-content h2,
      .SearchResult-link,
      .Home-SubjectShelf-link:link,
      .Home-SubjectShelf-link:visited,
      .DropdownMenuItem-link a,
      .Select,
      .Badge,
      .Notice-generic,
      .Notice-genericWarning,
      .Notice-button,
      .Paginate .Button.Paginate-item:first-child,
      .Paginate .Button.Paginate-item:last-child,
      .Paginate .Button.Paginate-item--current-page,
      .Button--neutral,
      .blog-entry-title,
      .blogpost-nav * {
        color: var(--in-content-text-color) !important;
      }
      .AutoSearchInput-suggestions-item:is(:active, :focus, :hover),
      .SecondaryHero-message-link,
      .SecondaryHero-module-link,
      .Card-footer-link a,
      .Card-shelf-footer-in-header a,
      .SearchResult-link:is(:active, :focus, :hover),
      .SearchResult:hover .SearchResult-link,
      .Home-SubjectShelf-link:is(:active, :focus, :hover),
      .DropdownMenuItem-link a:is(:active, :focus, :hover),
      .AddonMeta .MetadataCard-title a:is(:active, :hover),
      .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link:is(:active, :hover),
      .AddonMeta .MetadataCard-content a:is(:active, :hover),
      .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link:is(:active, :hover),
      .Addon-summary a,
      .RatingsByStar-count a:hover,
      .RatingsByStar-star a:hover,
      .Paginate .Button.Paginate-item:not(:first-child, :last-child, .Paginate-item--current-page),
      .AddonTitle-author a,
      .PermissionsCard-learn-more,
      .DefinitionList a,
      .ShowMoreCard-contents a,
      .AddonDescription-contents a,
      .AddonTitle a,
      .TooltipMenu-opener,
      .LanguageTools .Card-contents a,
      .blog-entry-read-more-link,
      .blogpost-nav-next.blogpost-nav-no-prev:hover p,
      .blogpost-content-wrapper p a,
      .blogpost-nav-prev:hover p,
      .blogpost-nav-next:hover p {
        color: var(--in-content-link-color) !important;
      }
      .SearchResult--meta-section,
      .MetadataCard-title,
      .MetadataCard-title a,
      .MetadataCard-content a,
      .CollectionSort-label,
      .SearchResult-summary,
      .AddonMeta .MetadataCard-content a.AddonMeta-reviews-content-link,
      .AddonMeta .MetadataCard-title a.AddonMeta-reviews-content-link,
      .PermissionsCard-subhead--optional,
      .PermissionsCard-subhead--required,
      .Definition-dt,
      .RatingsByStar-count a,
      .RatingsByStar-star a,
      .Paginate-page-number,
      .AddonSummaryCard-addonAverage,
      .AddonReviewCard-authorByLine,
      .Home-heroHeader-subtitle,
      .blog-entry-date,
      .blogpost-breadcrumb *,
      .AddonTitle-author,
      .ExpandableCard-ToggleLink,
      .SearchFilters-label,
      .PromotedBadge-label--line {
        color: var(--in-content-deemphasized-text) !important;
      }
      .PromotedBadge-label--recommended {
        color: color-mix(in srgb, #712b00 15%,  #ff9400) !important;
      }

      /* Background */
      .Button--action {
        color: var(--in-content-primary-button-text-color) !important;
        background: var(--in-content-primary-button-background) !important;
      }
      .Select,
      .Button--neutral,
      .Button--neutral:link,
      .Notice-button {
        background-color: var(--in-content-button-background) !important;
      }
      .Button--neutral.Button--micro:not(.Button--disabled):hover,
      .Button--neutral:not(.Button--disabled):hover,
      .Notice-button:hover {
        background: var(--in-content-button-background-hover) !important;
      }
      .Button--action.Button--micro:not(.Button--disabled):hover,
      .Button--action:not(.Button--disabled):hover {
        background: var(--in-content-primary-button-background-hover) !important;
      }
      .ShowMoreCard-contents::after {
        background: linear-gradient(hsla(0,0%,100%,0), var(--in-content-table-background)) !important;
      }
      .AutoSearchInput-query,
      .AutoSearchInput-suggestions-list,
      .SecondaryHero-module,
      .Card-header,
      .Card-contents,
      .CardList ul > li,
      .AddonsCard--horizontal ul.AddonsCard-list .SearchResult-wrapper:is(:focus, :hover),
      .Paginate,
      .LandingPage-header,
      .DropdownMenu-items,
      .DropdownMenu-items::after,
      .MetadataCard,
      .AddonsCard-list,
      .Card-footer,
      .StaticAddonCard,
      .blogpost-nav * {
        background: var(--in-content-table-background) !important;
      }

      .Paginate .Button.Paginate-item:is(:active, :hover) {
        background: var(--in-content-button-background-hover) !important;
      }
      .Notice-generic,
      .Notice-genericWarning {
            background: color-mix(in srgb, var(--in-content-page-background) 40%, var(--in-content-table-background)) !important;
        }

      .LanguageTools-header-row {
        color: var(--in-content-table-header-color) !important;
        background: var(--in-content-table-header-background) !important;
      }
      .LanguageTools-table.responsiveTable tbody tr:nth-child(2n) {
        background-color: var(--in-content-box-background-odd) !important;
      }

      /* Fill */
      .Icon-arrow-blue.SearchSuggestion-icon-arrow {
        filter: hue-rotate(330deg) brightness(1.3)  !important;
      }
      .SecondaryHero-module-icon {
        -moz-context-properties: fill, fill-opacity !important;
        fill: currentColor !important;
      }
      .Icon-magnifying-glass,
      .Notice-icon {
        filter: invert(65%) !important;
      }
      .Icon-heart {
        filter:  brightness(0) !important;
      }
      .Permission .Icon {
        filter:  grayscale(100%) brightness(30) !important;
      }

      /* Others */
      .DropdownMenu-items {
        box-shadow:  0 0 2px var(--in-content-border-color) !important;
      }

      .AutoSearchInput-query {
        border: 1px solid var(--in-content-table-background) !important;
      }
      .AutoSearchInput-query:is(:hover, :focus) {
        border-color: var(--in-content-primary-button-background) !important;
      }

      .PromotedBadge-link--line {
        border-color: var(--in-content-deemphasized-text) !important;
      }
      .PromotedBadge-link--line:hover {
        border-color: var(--in-content-button-background-hover) !important;
      }

      .blog-entry-read-more-link {
        border-color: var(--in-content-link-color) !important;
      }

      .blogpost-nav-arrow-left  .cls-1,
      .blogpost-nav-arrow-right .cls-1 {
        stroke: var(--in-content-text-color)  !important;
      }
    }

  /*= Support.org ============================================================*/
    @-moz-document url-prefix("https://support.mozilla.org") {
      /* Basic */
      :root {
        --color-blue-06: var(--in-content-link-color) !important;
        --color-blue-07: var(--in-content-link-color-hover)  !important;

        --page-bg: var(--in-content-page-background) !important;
        --color-white: var(--in-content-page-background) !important;
        --color-shade-bg: var(--in-content-page-background) !important;
        --color-marketing-gray-02: var(--card-outline-color) !important;
        --color-inverse-bg: var(--in-content-page-color) !important;
        --color-inverse: var(--in-content-page-background) !important;
        --color-text: var(--in-content-page-color) !important;
        --color-text-light: var(--in-content-deemphasized-text) !important;
        --color-link: var(--in-content-link-color) !important;
        --color-success: var(--green-60) !important;
        --color-warning: var(--yellow-60) !important;
        --color-error: var(--red-60) !important;
        --color-error-hover: var(--red-50) !important;
        --color-moz-heading: #fff;
        --color-moz-inverse-bg: var(red) !important;
        --focus-shadow: 0 0 0 4px color-mix(in srgb, var(--in-content-primary-button-background) 30%, transparent),0 0 0 2px var(--in-content-primary-button-background-active);
      }
      body,
      #main-content,
      #instant-search-content,
      #mzp-c-menu-panel-help,
      .mzp-c-navigation {
        color: var(--in-content-page-color) !important;
        background: var(--in-content-page-background) !important;
      }

      /* Text */
      .mzp-c-menu-category .mzp-c-menu-title,
      .mzp-c-menu-item .mzp-c-menu-item-link,
      .mzp-c-menu-item .mzp-c-menu-item-link > *,
      .mzp-c-menu-item .mzp-c-menu-item-list a,
      #doc-content .menu,
      .document--content .menu,
      .forum--entry-content .menu{
        color: var(--in-content-page-color) !important;
      }

      .ts-select-trigger,
      input[type="date"],
      input[type="email"],
      input[type="number"],
      input[type="password"],
      input[type="search"],
      input[type="tel"],
      input[type="text"],
      input[type="time"],
      input[type="url"],
      select,
      textarea,
      #doc-content .button,
      #doc-content .key,
      .document--content .button,
      .document--content .key,
      .forum--entry-content .button,
      .forum--entry-content .key{
        color: var(--in-content-deemphasized-text) !important;
      }

      /* Background */
      .sidebar-nav.topics, .sidebar-nav.topics > li {
        background: var(--in-content-page-background) !important;
      }

      /* Fill */
      .sumo-nav--logo,
      .sumo-nav--search-button,
      .sumo-nav--toggle-button,
      .card--icon-sm,
      .mzp-c-menu-item-icon,
      .mzp-c-menu-button-close,
      .topic-article--icon,
      .card--topic > .card--icon {
        filter: invert(95%) !important;
      }

      /* Others */
      .sumo-button.secondary-button {
        border-color: none !important;
      }
      .mzp-c-menu-panel {
        border-color: var(--in-content-button-background-hover) !important;
      }
      .mzp-c-menu-item:is(:focus, :hover, :active) .mzp-c-menu-item-link .mzp-c-menu-item-title {
        border-color: var(--in-content-page-color) !important;
      }

      @media screen and (min-width: 768px) {
        .mzp-c-menu-panel {
          box-shadow: box-shadow: 0 16px 16px -16px rgba(255,255,255,.3) !important;
        }
      }
      .card--product,
      .card--topic,
      .card--article {
        box-shadow: 0 5px 10px -3px rgba(249, 249, 250, .12),
                    0 3px 16px 2px rgba(91, 91, 102, .12),
                    0 8px 12px 1px rgba(82, 82, 94, .04) !important;
      }
    }

  /*= Accounts.com ===========================================================*/
    @-moz-document url-prefix("https://accounts.firefox.com") {
      /* Basic */
      body {
        color: var(--in-content-page-color) !important;
        background: var(--in-content-page-background) !important;
      }
      .button.primary-button,
      .button[type="submit"]:not(.secondary-button),
      .settings-button.primary-button,
      .settings-button[type="submit"]:not(.secondary-button),
      button.primary-button, button[type="submit"]:not(.secondary-button) {
        color: var(--in-content-primary-button-text-color) !important;
        background: var(--in-content-primary-button-background) !important;
      }

      /* Text */
      header h1,
      .info,
      .info a,
      .faint a:hover,
      .cta-neutral:hover {
        color: var(--in-content-page-color) !important;
      }
      .links a,
      .link-blue,
      .text-blue-500 {
        color: var(--in-content-link-color) !important;
      }
      .link-blue:hover {
        color: var(--in-content-link-color-hover) !important;
      }
      .input-row input[type="email"],
      .input-row input[type="number"],
      .input-row input[type="password"],
      .input-row input[type="tel"],
      .input-row input[type="text"],
      .input-row input::placeholder,
      .firefox-family-services > ul > .firefox-service,
      .faint,
      .faint a,
      .text-grey-400 {
        color: var(--in-content-deemphasized-text) !important;
      }


      /* Background */
      .password-row .show-password-label {
        background-color:  unset !important;
      }
      #main-content,
      .firefox-family-services,
      .input-row input[type="email"],
      .input-row input[type="number"],
      .input-row input[type="password"],
      .input-row input[type="tel"],
      .input-row input[type="text"],
      .password-row .show-password-label,
      header,
      .bg-white:not(nav) {
        background: var(--in-content-box-background) !important;
      }
      #suggest-sync,
      .cta-neutral {
        background: var(--in-content-button-background) !important;
      }
      .cta-neutral:hover,
      .bg-grey-50:hover,
      .hover\:bg-grey-100:hover {
        background: var(--in-content-button-background-hover) !important;
      }
      .hover\:bg-grey-200:hover {
        background: var(--in-content-button-background-active) !important;
      }
      .button.primary-button:hover:enabled,
      .button[type="submit"]:not(.secondary-button):hover:enabled,
      .settings-button.primary-button:hover:enabled,
      .settings-button[type="submit"]:not(.secondary-button):hover:enabled,
      button.primary-button:hover:enabled,
      button[type="submit"]:not(.secondary-button):hover:enabled {
        background: var(--in-content-primary-button-background-hover) !important;
      }
      .tooltip,
      .tooltip::before {
        background: var(--in-content-danger-button-background) !important;
      }

      /* Fill */
      .dismiss,
      #about-mozilla,
      .show-password-label,
      footer a[data-testid="link-mozilla"] {
        filter: invert(95%) !important;
      }
      header button svg,
      header .rounded svg,
      #service svg {
        filter: brightness(15) !important;
      }
      button.relative,
      #fxa-settings nav svg{
        filter: brightness(2) !important;
      }

      /* Others */
      .input-row input[type="email"],
      .input-row input[type="number"],
      .input-row input[type="password"],
      .input-row input[type="tel"],
      .input-row input[type="text"],
      .unit-row-hr
      .border-grey-100 {
        border-color: var(--in-content-border-color) !important;
      }
      .input-row input[type="email"]:hover,
      .input-row input[type="number"]:hover,
      .input-row input[type="password"]:hover,
      .input-row input[type="tel"]:hover,
      .input-row input[type="text"]:hover {
        border-color: var(--in-content-border-hover) !important;
      }
      #main-content {
        box-shadow: 0 12px 18px 2px rgba(249, 249, 250, .12) ,
                    0 6px 22px 4px rgba(91, 91, 102, .12),
                    0 6px 10px -4px rgba(82, 82, 94, .04) !important;
      }
      .input-row input[type="email"]:focus,
      .input-row input[type="number"]:focus,
      .input-row input[type="password"]:focus,
      .input-row input[type="tel"]:focus,
      .input-row input[type="text"]:focus {
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--in-content-primary-button-background-hover) 80%, transparent) !important;
      }
    }
  }

  /** Fully Proton Mode *******************************************************/
  /*= abouts' common =========================================================*/
  @-moz-document url-prefix("about:plugins"),
                 url-prefix("about:cache"),
                 url-prefix("about:checkerboard"),
                 url-prefix("about:sync-log"),
                 url-prefix("about:memory"),
                 regexp("^[file:///].*[^(html|svg|pdf|json)]$") {
    /* Base */
    html,
    body {
      font: message-box !important;
      appearance: none !important;
      background-color: var(--in-content-page-background) !important;
      color: var(--in-content-page-color) !important;
    }
    body {
      font-size: 15px !important;
      font-weight: normal !important;
      margin: 0 !important;
    }

    h1 {
      line-height: 1.2 !important;
    }
    h2 {
      line-height: 1.4em !important;
    }

    /* Link */
    a {
      color: var(--in-content-link-color) !important;
    }
    a:hover,
    .text-link:hover {
      color: var(--in-content-link-color-hover) !important;
      text-decoration: underline !important;
    }
    a:visited {
      color: var(--in-content-link-color-visited) !important;
    }
    a:hover:active,
    .text-link:hover:active {
      color: var(--in-content-link-color-active) !important;
    }
    a:-moz-focusring,
    .text-link:-moz-focusring {
      outline: 2px solid var(--in-content-focus-outline-color) !important;
      outline-offset: 1px !important;
      border-radius: 4px !important;
    }

    /* Button */
    button {
      font: inherit;
    }
    button,
    select,
    input[type="color"] {
      appearance: none !important;
      min-height: 32px !important;
      color: var(--in-content-button-text-color, inherit) !important;
      border: 1px solid transparent !important; /* shows up in high-contrast mode */
      border-radius: var(--in-content-button-border-radius) !important;
      background-color: var(--in-content-button-background) !important;
      font-weight: 400 !important;
      padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important;
      text-decoration: none !important;
      margin: 4px 8px !important;
      /* Ensure font-size isn't overridden by widget styling (e.g. in forms.css) */
      font-size: 1em !important;
    }
    button {
      font-weight: 600 !important;
      /* Use the same margin of other elements for the alignment */
      margin-inline: 4px !important;
      min-width: 6.3em !important;
    }
    /* Medium and small buttons get sized to 7/14 and 6/12px padding (when adding
     * the 1px border): */
    button.medium {
      --in-content-button-vertical-padding: 6px;
      --in-content-button-horizontal-padding: 13px;
      min-height: 28px !important;
      font-size: 0.95em !important;
    }
    button.small {
      --in-content-button-vertical-padding: 5px;
      --in-content-button-horizontal-padding: 11px;
      min-height: 24px !important;
      font-size: 0.9em !important;
    }
    ::-moz-focus-inner {
      border: none !important;
    }
    button:-moz-focusring {
      box-shadow: none !important;
      outline: 2px solid var(--in-content-focus-outline-color) !important;
      outline-offset: 2px !important;
    }
    button:enabled:hover,
    input[type="color"]:hover {
      background-color: var(--in-content-button-background-hover) !important;
      color: var(--in-content-button-text-color-hover) !important;
      border-color: transparent !important;
    }
    button:enabled:hover:active,
    input[type="color"]:enabled:hover:active {
      background-color: var(--in-content-button-background-active) !important;
    }
    button:disabled,
    input[type="color"]:disabled {
      opacity: 0.4 !important;
    }
    button[autofocus],
    button[type="submit"],
    button.primary {
      background-color: var(--in-content-primary-button-background) !important;
      color: var(--in-content-primary-button-text-color) !important;
    }
    button[autofocus]:enabled:hover,
    button[type="submit"]:enabled:hover,
    button.primary:enabled:hover {
      background-color: var(--in-content-primary-button-background-hover) !important;
      color: var(--in-content-primary-button-text-color-hover) !important;
    }
    button[autofocus]:enabled:hover:active,
    button[type="submit"]:enabled:hover:active,
    button.primary:enabled:hover:active {
      background-color: var(--in-content-primary-button-background-active) !important;
    }

    /* Checkbox */
    input[type="checkbox"] {
      margin-block: 2px !important;
    }
    input[type="checkbox"] {
      appearance: none !important;
      height: 16px !important;
      width:  16px !important;
      border: 1px solid var(--checkbox-border-color) !important;
      background-color: var(--checkbox-unchecked-bgcolor) !important;
      border-radius: 2px !important;
      margin-inline: 0 6px !important;
      flex-shrink: 0 !important; /* avoid shrinking inside flex container */
    }
    input[type="checkbox"]:enabled:hover {
      background-color: var(--checkbox-unchecked-hover-bgcolor) !important;
    }
    input[type="checkbox"]:enabled:hover:active {
      background-color: var(--checkbox-unchecked-active-bgcolor) !important;
    }
    input[type="checkbox"]:checked {
      border-color: var(--checkbox-checked-border-color) !important;
      background-color: var(--checkbox-checked-bgcolor) !important;
      background-image: url("chrome://global/skin/icons/check.svg") !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
      -moz-context-properties: fill !important;
      fill: currentColor !important;
      color: var(--checkbox-checked-color) !important;
      /* Style the button also when printing with "Print Backgrounds" unchecked */
      color-adjust: exact !important;
    }
    input[type="checkbox"]:enabled:checked:hover {
      background-color: var(--checkbox-checked-hover-bgcolor) !important;
    }
    input[type="checkbox"]:enabled:checked:hover:active {
      background-color: var(--checkbox-checked-active-bgcolor) !important;
    }

    /* Textarea */
    input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]),
    textarea {
      appearance: none !important;
      border: 1px solid var(--in-content-box-border-color) !important;
      border-radius: 4px !important;
      color: inherit !important;
      background-color: var(--in-content-box-background) !important;
    }
    input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]),
    textarea {
      font-family: inherit !important;
      font-size: inherit !important;
      padding: 8px !important;
      margin: 2px 4px !important;
    }
    input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):focus,
    textarea:focus,
    search-textbox[focused],
    tree:focus-visible,
    richlistbox:focus-visible {
      border-color: transparent !important;
      outline: 2px solid var(--in-content-focus-outline-color) !important;
      outline-offset: -1px !important; /* Prevents antialising around the corners */
    }
    input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):-moz-ui-invalid,
    textarea:-moz-ui-invalid {
      border-color: transparent !important;
      outline: 2px solid var(--in-content-border-invalid) !important;
      outline-offset: -1px !important; /* Prevents antialising around the corners */
    }
    input:is([type="email"], [type="tel"], [type="text"], [type="password"], [type="url"], [type="number"]):disabled,
    textarea:disabled,
    search-textbox[disabled="true"] {
      opacity: 0.4 !important;
    }

    /* Table */
    table {
      width: 100% !important;
    }
  }

  @-moz-document url-prefix("about:plugins"),
                 url-prefix("about:cache"),
                 url-prefix("about:checkerboard") {
    table {
      border: 1px solid var(--in-content-border-color) !important;
      border-radius: 0 !important;
    }
  }
  @-moz-document url-prefix("about:cache"),
                 url-prefix("about:checkerboard") {
    th, td {
      border: 1px solid var(--in-content-border-color) !important;
    }
    th {
      background-color: var(--in-content-table-header-background) !important;
      color: var(--in-content-table-header-color) !important;
    }
  }

  /*= Directory View =========================================================*/
  @-moz-document url-prefix("about:sync-log"),
                 regexp("^[file:///].*[^(html|svg|pdf|json)]$") {
    body {
      background-color: var(--in-content-box-background) !important;
    }
    thead a {
      color: var(--in-content-page-color) !important;
    }
    td ::before {
      vertical-align: top !important;
    }
  }

  /*= about:plugins ==========================================================*/
  @-moz-document url-prefix("about:plugins") {
    .notice {
      background: var(--in-content-box-background) !important;
      border: 1px solid var(--in-content-border-color) !important;
    }
  }

  /*= about:cache ============================================================*/
  @-moz-document url-prefix("about:cache") {
    table {
      padding: 0 !important;
    }

    th, td {
      padding: 4px !important;
      text-align: match-parent !important;
    }
  }

  /*= about:checkerboard =====================================================*/
  @-moz-document url-prefix("about:checkerboard") {
    #canvas {
      border: 1px solid var(--in-content-border-color) !important;
    }
    #excludePageFromZoom {
      vertical-align: bottom !important;
    }
  }

  /*= about:memory ===========================================================*/
  @-moz-document url-prefix("about:memory") {
    .opsRow,
    .section {
      background-color: var(--in-content-box-background) !important;
      color: var(--in-content-page-color) !important;
    }
    .opsRowLabel input {
      vertical-align: bottom !important;
    }
  }
}

@media (-moz-proton) {
  /** Default Thme - Contrast *************************************************/
  /*= Lightmode - Color darker ===============================================*/
  :root[lwtheme-mozlightdark][lwthemetextcolor="dark"] {
    --lwt-accent-color: rgb(229, 229, 235) !important; /* Original: rgb(240, 240, 244) */
  }

  /*= Darkmode - Color lighter ===============================================*/
  :root[lwtheme-mozlightdark][lwthemetextcolor="bright"] {
    --toolbar-bgcolor: rgba(43, 42, 51, 5) !important; /* Original: rgba(43, 42, 51, 1) */
  }

  /** Theme - Compatibility ***************************************************/
  /*= Hotfix #98 =============================================================*/
  /* Hidden Tab Panel Padding */
  #allTabsMenu-hiddenTabsView .all-tabs-item {
    margin-inline: 8px;
    border-radius: 4px;
  }

  /*= Light Weight Theme =====================================================*/
  /* Header Image */
  :root[lwtheme-image] {
    background-image: var(--lwt-header-image)  !important; /* Original: var(--lwt-header-image) */
    background-repeat: no-repeat !important;
    background-position: right top !important;
  }
  :root[lwtheme-image] #navigator-toolbox:-moz-lwtheme {
    background-image:    var(--lwt-additional-images) !important; /* Original: var(--lwt-header-image), var(--lwt-additional-images); */
    background-repeat:   var(--lwt-background-tiling) !important;
    background-position: var(--lwt-background-alignment) !important;
    background-color:    unset !important; /* Original:  var(--lwt-accent-color) */
  }

  /* Navbar Border */
  #navigator-toolbox:-moz-lwtheme {
    --tabs-border-color: rgba(0,0,0,.3);
  }

  /*= Windows 7 ==============================================================*/
  @media (-moz-os-version: windows-win7) {
    /* Header Color */
    :root:not([lwtheme-image]) #navigator-toolbox:-moz-lwtheme {
      background-color: var(--lwt-accent-color) !important;
    }
    #TabsToolbar:-moz-lwtheme {
      color: var(--lwt-text-color) !important;

      /* Remove Aero */
      /* Original: radial-gradient(eclipse at bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) 80%, transparent) */
      background-image: unset !important;
    }
  }

  /** System Default Theme ****************************************************/
  /*= Common - URL Bar focus color ===========================================*/
  @media (-moz-windows-accent-color-in-titlebar),
         (-moz-gtk-csd-available) {
    /* URL Bar */
    :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme),
    :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) {
      --focus-outline-color: -moz-accent-color !important;
    }

    :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) #urlbar[open] > #urlbar-background,
    :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) #urlbar[open] > #urlbar-background {
      border-color: color-mix(in srgb, -moz-accent-color 50%, transparent) !important; /* Like: --toolbar-field-focus-border-color */
    }
  }

  /*= Windows10 - Titlebar accent color ======================================*/
  @media (-moz-windows-accent-color-in-titlebar) {
    /* Tab Bar */
    :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) .titlebar-color,
    :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .titlebar-color {
      color: -moz-accent-color-foreground;
      background-color: -moz-accent-color;
    }

    :root[tabsintitlebar]:not(:-moz-window-inactive, :-moz-lwtheme) .toolbar-items,
    :root[tabsintitlebar][lwt-default-theme-in-dark-mode]:not(:-moz-window-inactive) .toolbar-items {
      --toolbarbutton-hover-background: color-mix(in srgb, -moz-accent-color-foreground 10%, transparent);
      --toolbarbutton-active-background: color-mix(in srgb, -moz-accent-color-foreground 15%, transparent);
    }
  }

  /*= GTK - URL View url accent color ========================================*/
  @media (-moz-gtk-csd-available) {
    :root:not(:-moz-lwtheme) .urlbarView-url {
      --urlbar-popup-url-color: -moz-accent-color;
    }

    /* Nightly Compatibility */
    :root:not(:-moz-lwtheme) #urlbar {
      --toolbar-field-focus-color: var(--toolbar-field-color); /* Nightly: rgba(0, 0, 0, 1)  */
      --toolbar-field-focus-background-color: var(--toolbar-field-background-color); /* Nightly: white */
    }
  }

  /** Fully Theme Mode ********************************************************/
  /* Default Themes
     https://github.com/mozilla/gecko-dev/blob/master/toolkit/mozapps/extensions/default-theme/manifest.json
     https://github.com/mozilla/gecko-dev/blob/master/browser/themes/addons/light/manifest.json
     https://github.com/mozilla/gecko-dev/blob/master/browser/themes/addons/dark/manifest.json
  */

  /*= Default Colors - Hardcorded ============================================*/
  /* Based on chrome://global/skin/in-content/common.css */
  :host,
  :root {
    --in-content-page-color: rgb(21, 20, 26);
    --in-content-page-background: #fff;
    --in-content-text-color: var(--in-content-page-color);
    --in-content-deemphasized-text: rgb(91, 91, 102);
    --in-content-box-background: #fff;
    --in-content-box-background-odd: rgba(12, 12, 13, 0.05); /* grey 90 a05 */
    --in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent);
    --in-content-box-info-background: #f0f0f4;
    --in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent);
    --in-content-item-hover-text: var(--in-content-page-color);
    --in-content-item-selected: var(--in-content-primary-button-background);
    --in-content-item-selected-text: var(--in-content-primary-button-text-color);
    --in-content-icon-color: rgb(91,91,102);
    --in-content-accent-color: #0a84ff;
    --in-content-accent-color-active: #0060df;
    --in-content-border-hover: var(--grey-90-a50);
    --in-content-border-invalid: var(--red-50);
    --in-content-border-color: #d7d7db;
    --in-content-error-text-color: #c50042;
    --in-content-link-color: var(--blue-60);
    --in-content-link-color-hover: var(--blue-70);
    --in-content-link-color-active: var(--blue-80);
    --in-content-link-color-visited: var(--blue-60);
    /* button background states are also used for checkboxes and radiobuttons */
    --in-content-button-text-color: var(--in-content-text-color);
    --in-content-button-text-color-hover: var(--in-content-text-color);
    --in-content-button-background: rgba(207,207,216,.33);
    --in-content-button-background-hover: rgba(207,207,216,.66);
    --in-content-button-background-active: rgb(207,207,216);
    --in-content-primary-button-text-color: rgb(251,251,254);
    --in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color);
    --in-content-primary-button-background: #0061e0;
    --in-content-primary-button-background-hover: #0250bb;
    --in-content-primary-button-background-active: #053e94;
    --in-content-danger-button-background: #e22850;
    --in-content-danger-button-background-hover: #c50042;
    --in-content-danger-button-background-active: #810220;
    --in-content-focus-outline-color: var(--in-content-primary-button-background);

    /* Note: 1px smaller than we want because we have a 1px transparent border. */
    /* Once proton ships, these can probably stop being variables. */
    --in-content-button-border-radius: 4px;
    --in-content-button-horizontal-padding: 15px;
    --in-content-button-vertical-padding: 7px;

    --in-content-table-background: #f8f8fa;
    --in-content-table-border-dark-color: #d1d1d1;
    --in-content-table-header-background: #0a84ff;
    --in-content-table-header-color: #ffffff;
    --in-content-sidebar-width: 240px;

    --dialog-warning-text-color: var(--red-60);

    --checkbox-border-color: var(--in-content-box-border-color);
    --checkbox-unchecked-bgcolor: var(--in-content-button-background);
    --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover);
    --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active);
    --checkbox-checked-bgcolor: var(--in-content-primary-button-background);
    --checkbox-checked-color: var(--in-content-primary-button-text-color);
    --checkbox-checked-border-color: transparent;
    --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover);
    --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active);
    --blue-40: #45a1ff;
    --blue-50: #0a84ff;
    --blue-60: #0060df;
    --blue-70: #003eaa;
    --blue-80: #002275;
    --grey-30: #d7d7db;
    --grey-60: #4a4a4f;
    --grey-90-a10: rgba(12, 12, 13, 0.1);
    --grey-90-a20: rgba(12, 12, 13, 0.2);
    --grey-90-a30: rgba(12, 12, 13, 0.3);
    --grey-90-a50: rgba(12, 12, 13, 0.5);
    --grey-90-a60: rgba(12, 12, 13, 0.6);
    --green-50: #30e60b;
    --green-60: #12bc00;
    --green-70: #058b00;
    --green-80: #006504;
    --green-90: #003706;
    --orange-50: #ff9400;
    --red-40: #ff4f5e;
    --red-50: #ff0039;
    --red-60: #d70022;
    --red-70: #a4000f;
    --red-80: #5a0002;
    --red-90: #3e0200;
    --yellow-50: #ffe900;
    --yellow-60: #d7b600;
    --yellow-60-a30: rgba(215, 182, 0, 0.3);
    --yellow-70: #a47f00;
    --yellow-80: #715100;
    --yellow-90: #3e2800;

    --shadow-10: 0 1px 4px var(--grey-90-a10);
    --shadow-30: 0 4px 16px var(--grey-90-a10);

    --card-padding: 16px;
    --card-shadow: var(--shadow-10);
    --card-outline-color: var(--grey-30);
    --card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color);
  }

  @media (-moz-toolbar-prefers-color-scheme: dark) {
    :host,
    :root {
      /* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */
      --in-content-page-background: rgb(28,27,34);
      --in-content-page-color: rgb(251,251,254);
      --in-content-deemphasized-text: rgb(191,191,201);

      --in-content-box-background: rgb(35, 34, 43);
      --in-content-box-background-odd: rgba(249,249,250,0.05);
      --in-content-box-info-background: rgba(249,249,250,0.15);

      --in-content-border-color: rgba(249,249,250,0.2);
      --in-content-border-hover: rgba(249,249,250,0.3);
      --in-content-border-invalid: rgb(255,132,139);

      --in-content-error-text-color: #FF9AA2;

      --in-content-button-background: rgb(43,42,51);
      --in-content-button-background-hover: rgb(82,82,94);
      --in-content-button-background-active: rgb(91,91,102);
      --in-content-icon-color: rgb(251,251,254);

      --in-content-primary-button-text-color: rgb(43,42,51);
      --in-content-primary-button-background: rgb(0,221,255);
      --in-content-primary-button-background-hover: rgb(128,235,255);
      --in-content-primary-button-background-active: rgb(170,242,255);

      --in-content-danger-button-background: #ff848b;
      --in-content-danger-button-background-hover: #ffbdc5;
      --in-content-danger-button-background-active: #ffdfe7;

      --in-content-table-background: rgb(35, 34, 43);
      --in-content-table-border-dark-color: rgba(249,249,250,0.2);
      --in-content-table-header-background: rgb(5, 64, 150);
      --in-content-table-header-color: var(--in-content-page-color);

      --in-content-accent-color: var(--in-content-primary-button-background);
      --in-content-accent-color-active: var(--in-content-primary-button-background-hover);
      --in-content-link-color: var(--in-content-primary-button-background);
      --in-content-link-color-hover: var(--in-content-primary-button-background-hover);
      --in-content-link-color-active: var(--in-content-primary-button-background-active);
      --in-content-link-color-visited: var(--in-content-link-color);

      --card-outline-color: var(--grey-60);

      --dialog-warning-text-color: var(--red-40);

      scrollbar-color: rgba(249,249,250,.4) rgba(20,20,25,.3);
    }
  }

   /*== Menu color ===========================================================*/
  :root,
  menupopup {
    /* is same as toolbar color https://github.com/mozilla/gecko-dev/blob/master/toolkit/themes/windows/global/global.css#L17-L67 */
    --menu-color: var(--toolbar-color, var(--in-content-page-color)) !important;
    --menu-background-color: var(--toolbar-bgcolor, var(--in-content-button-background)) !important;

    --menu-border-color: var(--toolbarbutton-active-background, var(--button-active-bgcolor, var(--card-outline-color))) !important;
    --menuitem-hover-background-color: var(--toolbarbutton-hover-background, var(--button-hover-bgcolor, var(--in-content-button-background-hover))) !important;

    --menu-disabled-color: color-mix(in srgb, var(--menu-color) 40%, transparent) !important;
    --menuitem-disabled-hover-background-color: color-mix(in srgb, var(--menuitem-hover-background-color) 40%, transparent) !important;
  }

  /* Fallback background */
  #mainPopupSet >  menupopup {
    background-color: var(--lwt-accent-color, var(--in-content-page-background)) !important;
  }

  /* Fully Dark Mode **********************************************************/
  /*= Remove White Flash =====================================================*/
  #tabbrowser-tabbox,
  #tabbrowser-tabpanels,
  browser[type=content-primary],
  browser[type=content] > html {
    background: var(--in-content-page-background) !important;
  }

  /*= Notification ===========================================================*/
  @-moz-document url("chrome://global/content/alerts/alert.xhtml") {
    /* line below removes background from the notification "window" on linux */
    #alertNotification{ background: transparent !important; }

    #alertBox {
      color: var(--menu-color, #15141a) !important;
      background-color: var(--menu-background-color, #f9f9fb) !important;
      border-color: var(--menu-border-color, #cfcfd8) !important;
      border-radius: 6px !important;
      -moz-window-shadow: cliprounded !important;
    }
    #alertSettings {
      fill: currentColor !important;
      color: inherit !important;
      border-radius: 0 !important;
      margin-inline: 0 !important;
      margin-bottom: -4px !important;
    }

    /* Shape */
    .close-icon > .toolbarbutton-icon,
    #alertSettings > .button-box > .box-inherit {
      border-radius: 4px !important;
      padding: 2px !important;
      margin: 2px 2px -2px 0 !important;
    }
    #alertSettings > .button-box > .box-inherit {
      margin: -4px 4px 3px 0 !important;
    }
    #alertSettings > .button-box > .box-inherit > .button-icon {
      padding: 1px;
    }

    /* Color */
    .close-icon,
    #alertSettings {
      background: transparent !important
    }
    .close-icon:hover > .toolbarbutton-icon,
    #alertSettings:is(:hover,[open]) > .button-box > .box-inherit {
      background-color: var(--menuitem-hover-background-color, #e0e0e6) !important;
    }

    @media (-moz-toolbar-prefers-color-scheme:dark) {
      :root {
        --menu-border-color: rgba(107,107,107,.3) !important;
      }

      #alertBox {
        color: var(--menu-color, #fbfbfe) !important;
        background-color: var(--menu-background-color, #2b2a33) !important;
      }
      .close-icon:hover > .toolbarbutton-icon,
      #alertSettings:is(:hover, [open]) > .button-box > .box-inherit {
        background-color: var(--menuitem-hover-background-color, #52525e) !important;
      }

      #alertSourceLabel {
        color: rgb(5,209,241) !important;
      }
    }
  }

  /*= Downloads ==============================================================*/
  @-moz-document url("chrome://mozapps/content/downloads/unknownContentType.xhtml") {
    @media (-moz-toolbar-prefers-color-scheme:dark) {
      :root {
        --in-content-page-background: #42414d;
      }
    }
    #unknownContentType {
      color: var(--in-content-page-color) !important;
      background-color: var(--in-content-page-background) !important;
    }

    button {
      -moz-appearance: none !important;
      color: var(--in-content-button-text-color) !important;
      background-color: var(--in-content-button-background) !important;
      font: inherit;
      font-size: 1em !important;
      font-weight: 600 !important;
      min-height: 32px !important;
      border: 1px solid transparent !important; /* shows up in high-contrast mode */
      border-radius: var(--in-content-button-border-radius) !important;
      padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important;

      min-height: 32px !important;
      /* Use the same margin of other elements for the alignment */
      margin-inline: 4px !important;
      min-width: 6.3em !important;
    }
    button:-moz-focusring {
      box-shadow: none !important;
      outline: 2px solid var(--in-content-focus-outline-color) !important;
      outline-offset: 2px !important;
    }
    button:not([disabled="true"]):hover {
      background-color: var(--in-content-button-background-hover) !important;
      color: var(--in-content-button-text-color-hover) !important;
      border-color: transparent !important;
    }
    button[open],
    button[open]:hover {
      background-color: var(--in-content-button-background-active);
    }
    button[disabled="true"],
    menulist[disabled="true"] {
      opacity: 0.4;
    }
  }

  /** Reduce Padding **********************************************************/
  /*= Root - Reduce Padding ==================================================*/
  :root {
    /* Tab Bar */
    --proton-tab-block-margin: 2px !important; /* Original: 4px */
    --tab-block-margin:        2px !important; /* New version of --proton-tab-block-margin */
    --inline-tab-padding:      6px !important; /* Original: 8px */

    /* Panel */
    --arrowpanel-menuicon-padding: 8px;
    --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important; /* Original: 0 8px */
    --arrowpanel-menuitem-padding: 5px !important; /* Original: 8px */
    --arrowpanel-padding:        0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */
  }

  :root[uidensity=compact] {
    /* Tool Bar */
    --toolbarbutton-outer-padding: 2px !important; /* Original: 3px, General is 2px */

    /* Panel */
    --arrowpanel-menuitem-padding: 3px  !important; /* Original: 8px */
  }

  :root[uidensity=touch] {
    /* Tab Bar - Like Original */
    --proton-tab-block-margin: 4px !important; /* Original: 4px */
    --tab-block-margin:        4px !important; /* New version of --proton-tab-block-margin */
    --inline-tab-padding:      8px !important; /* Original: 8px */

    /* Panel - Like Original */
    --arrowpanel-menuitem-padding: 8px  !important; /* Original: 8px */
  }

  /*= Tab Bar - Reduce Width, Show more tabs =================================*/
  .titlebar-spacer[type="pre-tabs"] {
    width: 30px !important; /* Original: 40px */
  }
  .titlebar-spacer[type="post-tabs"] {
    width: 25px !important; /* Original: 40px */
  }

  :root {
    --newtab-button-minus-width-padding: 2px;
    --newtab-button-width-padding: calc(var(--toolbarbutton-inner-padding) - var(--newtab-button-minus-width-padding));
  }
  #new-tab-button     > .toolbarbutton-icon,
  #alltabs-button     > .toolbarbutton-badge-stack {
    /* Original: calc(2 * var(--toolbarbutton-inner-padding) + 16px) */
    width: calc(2 * var(--newtab-button-width-padding) + 16px) !important;

    /* Original: --toolbarbutton-inner-padding */
    padding-left:  var(--newtab-button-width-padding) !important;
    padding-right: var(--newtab-button-width-padding) !important;
  }

  #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
    margin-inline-start: 1px !important;
  }

  :root:not([uidensity=touch]) #tabbrowser-arrowscrollbox {
    --scrollbtn-inner-padding: 1px;
    --scrollbtn-outer-padding: 3px;
  }
  #scrollbutton-up {
    padding-left:  var(--scrollbtn-inner-padding, 4px) !important; /* Original: 4px */
    padding-right: var(--scrollbtn-outer-padding, 4px) !important;
  }
  #scrollbutton-down {
    padding-left:  var(--scrollbtn-outer-padding, 4px) !important; /* Original: 4px */
    padding-right: var(--scrollbtn-inner-padding, 4px) !important;
  }

  :root:not([uidensity=touch]) #new-tab-button, #alltabs-button {
    --toolbarbutton-outer-padding: 1px; /* Original: 2px*/
  }

  /* Tab - Max Size */
  .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) {
    max-width: 240px !important; /* Original: 225px */
  }

  /* neighbouring tabs should "pinch" together */
  .tabbrowser-tab {
    padding-inline: 1px !important;
  }

  .tabbrowser-tab:not([last-visible-tab]) {
    margin-inline-end: -.5px !important;
  }

  /*= Tab Bar - Reduce Height, Show more contents ============================*/
  /* Toolbar Height */
  :root:not([uidensity=touch]) #TabsToolbar {
    --toolbarbutton-inner-padding: 9px; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */
  }

  .toolbar-items, .tabbrowser-tab {
    max-height: 38px;
  }
  :root[uidensity=compact] .toolbar-items, .tabbrowser-tab {
    max-height: 36px;
  }
  :root[uidensity=touch] .toolbar-items, .tabbrowser-tab {
    max-height: 45px;
  }

  /* Scroll Button - Size Fix */
  :root #tabbrowser-arrowscrollbox {
    --scrollbtn-vertical-padding: 3px;
    --scrollbtn-vertical-border:  2px;
    --scrollbtn-border-radius:    7px;
  }
  #scrollbutton-up,
  #scrollbutton-down {
    /* Original: var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) - 6px) = 9px */
    /* https://github.com/mozilla/gecko-dev/blob/71b1259afd1cdaf41871ae675c2dadb967ea5b34/browser/themes/shared/toolbarbuttons.inc.css#L142 */
    padding-top:    var(--scrollbtn-vertical-padding, var(--toolbarbutton-inner-padding)) !important;
    padding-bottom: var(--scrollbtn-vertical-padding, var(--toolbarbutton-inner-padding)) !important;

    /* Original: 4px */
    border-top-width:    var(--scrollbtn-vertical-border, 4px) !important;
    border-bottom-width: var(--scrollbtn-vertical-border, 4px) !important;
    /* Original: calc(var(--tab-border-radius) + 4px) = 8px */
    border-radius: var(--scrollbtn-border-radius, calc(var(--tab-border-radius) + 4px)) !important;
  }

  :root[tabsintitlebar]:not([uidensity=compact]) #toolbar-menubar[autohide="true"] {
    height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size) - 2px); /* Compact: 28px, Normal: 33px, Touch: 38px */
  }

  /* Pinned Tab - Titlechanged Indicator position fix */
  :root:not([uidensity=touch]) .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
  :root:not([uidensity=touch]) .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
    /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
    background-position-y: bottom calc(4.5px + var(--tabs-navbar-shadow-size)) !important;
  }
  :root[uidensity=compact] .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
  :root[uidensity=compact] .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
    /* Original: center bottom calc(6.5px + var(--tabs-navbar-shadow-size)); */
    background-position-y: bottom calc(.5px + var(--tabs-navbar-shadow-size)) !important;
  }

  /*= URL Bar - Reduce Padding ===============================================*/
  :root:not([uidensity=touch]) #urlbar-container, #search-container {
    padding-block: 2px; /* Original: 4px */
    margin-inline: 5px; /* Original: 5px */
  }

  /* spread menu */
  :root:not([uidensity]) .urlbarView-row {
    padding-block: 1px; /* Original: 2px */
  }
  :root[uidensity=compact] .urlbarView-row {
    padding-block: 0px;
  }

  :root:not([uidensity]) #urlbar .search-one-offs:not([hidden]) {
    padding-block: 8px; /* Original: 10px */
  }
  :root[uidensity=compact] #urlbar .search-one-offs:not([hidden]) {
    padding-block: 2px;
  }

  /*= BookMark Bar - Reduce Height ===========================================*/
  :root[uidensity=compact] #PersonalToolbar toolbarbutton {
    margin-top: 0px; /* Original: 2px */
  }

  /*= Info Bar - Reduce Padding ==============================================*/
  :root:not([uidensity]) #tab-notification-deck {
    --infobar-message-margin: 0 4px 3px;
  }
  :root[uidensity=compact] #tab-notification-deck {
    --infobar-message-margin: 0 4px 2px;
  }
  #tab-notification-deck notification-message[message-bar-type="infobar"] {
    margin: var(--infobar-message-margin, 0 4px 4px) !important;
  }

  :root:not([uidensity]) notification-message[message-bar-type="infobar"] {
    --infobar-vertical-margin: 7px;
    --infobar-button-vertical-margin: 3px;
  }
  :root[uidensity=compact] notification-message[message-bar-type="infobar"] {
    --infobar-vertical-margin: 6px;
    --infobar-button-vertical-margin: 2px;
  }
  .infobar > .icon {
    margin-block:  var(--infobar-vertical-margin, 8px) !important; /* Original: 8px */
  }
  .notification-message {
    padding-block: var(--infobar-vertical-margin, 8px) !important; /* Original: 8px */
  }
  .notification-button-container > .notification-button {
    margin-block: var(--infobar-button-vertical-margin, 4px) !important; /* Original: 4px */
  }
  .notification-close {
    margin: var(--infobar-button-vertical-margin, 4px) 8px !important; /* Original: 4px 8px */
  }

  /* Hard coded for compatibility - Disappearing phenomenon */
  .container.infobar::before {
    content: "";
    display: block;
    width: 2px;
    position: absolute;
    background-image: linear-gradient(0, #9059ff 0%, #ff4aa2 52.08%, #ffbd4f 100%);
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    border-start-start-radius: 4px;
    border-end-start-radius: 4px;
  }

  /*= Menu - Reduce Padding ==================================================*/
  :root {
    --menu-padding: 0.35em;
  }
  :root[uidensity=compact] {
    --menu-padding: 0.25em;
  }
  :root[uidensity=touch] {
    --menu-padding: 0.5em;
  }
  menupopup > menuitem, menupopup > menu {
    /* Original: 0.5em */
    padding-block: var(--menu-padding) !important;
  }

  @supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
    :root:not([uidensity=touch]) .menu-text, .menu-iconic-text {
      padding-inline-end: 0 !important; /* Original: 2px */
    }
    :root:not([uidensity=touch]) .menupopup-arrowscrollbox {
      padding-block: 1px !important;    /* Original: 4px*/
    }
    :root:not([uidensity=touch]) #context-navigation:not([hidden]) {
      padding: 0 0 1px !important;      /* Original: 0 0 4px*/
    }
    :root:not([uidensity=touch]) .menu-right {
      margin-right: 6px !important;     /* Original: 12px */
    }
  }

  /*= Poup Panel - Reduce padding ============================================*/
  #protections-popup-main-header-label {
    height: unset !important; /* Original: 37.6px */
  }

  #identity-popup,
  #permission-popup,
  #protections-popup {
    --vertical-section-padding: 0.8em; /* Original: 0.9em */
  }

  .protections-popup-footer-button,
  .protections-popup-category {
    min-height: 24px; /* Original: 32px */
    height: unset !important;
  }

  /** Popup panel - Compact mode  */
  /* Footer Button Height */
  :root[uidensity=compact] .panel-footer.panel-footer-menulike > button {
    padding: 3px 8px !important;
  }
  /* Footer Button Height */
  :root[uidensity=compact] #protections-popup-trackersView-settings-button {
    margin: 4px 8px 0 !important;
  }
  /* not cut off for Protection popup Footer on windows */
  :root[uidensity=compact] #protections-popup-multiView #protections-popup-footer {
    padding: 3px 0 20px !important;
  }
  /* Button and disabed category in Protection popup */
  :root[uidensity=compact] #protections-popup-multiView .protections-popup-footer-button,
  :root[uidensity=compact] #protections-popup-multiView .protections-popup-category {
    height: 20px !important;
    min-height: 20px !important;
  }
  /* Footer Button in Tracking Content Panel */
  :root[uidensity=compact] #protections-popup-multiView .panel-footer.panel-footer-menulike {
    margin: 0 0 3px !important;
  }
  /* Identity popup header padding */
  :root[uidensity=compact] #identity-popup-multiView #identity-popup-mainView-panel-header {
    padding: 2px 5px !important;
  }
  /* Text When There is no trackers */
  :root[uidensity=compact] #protections-popup-no-trackers-found-description {
    margin: 2em 4em !important;
  }
  /* Download Item margin */
  :root[uidensity=compact] #downloadsListBox {
    margin: 0 !important;
  }


  /** Tab Bar - Connect to window *********************************************/
  .tab-background {
    border-radius: var(--tab-border-radius) var(--tab-border-radius) 0px 0px !important;
    margin-bottom: 0px !important;
  }

  .tab-content {
    margin-top: var(--tab-block-margin);
  }

  .tab-stack {
    margin-top:    0px !important;
    margin-bottom: 0px !important;
  }

  /* Remove line at Toolbar's top */
  #tabbrowser-tabs {
    z-index: 1 !important;
  }
  #tabbrowser-arrowscrollbox[overflowing] .tabbrowser-tab[pinned]:is([visuallyselected], [multiselected]) {
    overflow: hidden;
  }

  /** Selected Tab - Color like toolbar ***************************************/
  :root:not(:-moz-lwtheme) {
    /* Fix for windows's system default theme. Using --toolbar-bgcolor fallback */
    --tab-selected-bgcolor: unset !important; /* Original: rgb(255,255,255); */
  }
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme {
    /* Original: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none)
 */
    background-image: linear-gradient(transparent, transparent),
                      linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)),
                      var(--lwt-header-image, none) !important;
  }

  /* Multi Selected Color */
  #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected]:not([selected]):-moz-lwtheme {
    background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)),
                      linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)),
                      var(--lwt-header-image, none) !important;
  }

  .tab-background[multiselected="true"]:not([selected="true"]) > .tab-loading-burst:not([bursting]) {
    background: color-mix(in srgb, currentColor 65%, transparent);
    opacity: .3;
  }
  #TabsToolbar[brighttext] .tab-background[multiselected="true"]:not([selected="true"]) > .tab-loading-burst:not([bursting]) {
    opacity: .15;
  }

  /** Selected Tab - Box Shadow ***********************************************/
  #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab[visuallyselected="true"]:not(:focus) > .tab-stack > .tab-background:-moz-lwtheme {
    /* Origina: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
       Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
    box-shadow: 0 0 1px var(--toolbar-color) !important;
  }
  #TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab[multiselected]:not([visuallyselected]) > .tab-stack > .tab-background:-moz-lwtheme {
    box-shadow: 0 0 1px color-mix(in srgb, var(--toolbar-color) 80%, transparent)  !important;
  }

  /* Pinned Tab - tabbrowser-arrowscrollbox overflowing */
  #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
    z-index: 0 !important;
  }

  /** Selected Tab - Bottom Rounded Corner ************************************/
  #tabbrowser-tabs {
    --tab-corner-rounding: 4px; /* 10px looks about like chromium - 17px looks close to Australis tabs */
    --tab-corner-padding:  1px;
  }

  :root[lwtheme="true"] tab[visuallyselected] > stack::before,
  :root[lwtheme="true"] tab[visuallyselected] > stack::after {
    /* Box */
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;

    /* Shape */
    width:  var(--tab-corner-rounding) !important;
    height: 100% !important;

    /* Color */
    fill:   var(--toolbar-bgcolor) !important;
    stroke: var(--tabs-border-color, transparent) !important;
    -moz-context-properties: fill, stroke !important;

    /* Image */
    background-size:   var(--tab-corner-rounding);
    background-repeat: no-repeat;
    background-position-y: bottom;
  }

  :root[lwtheme="true"] tab[visuallyselected] > stack::before {
    left: calc(var(--tab-corner-padding) - var(--tab-corner-rounding)) !important;
    background-image: url(./icons/tab-bottom-corner-left.svg);
  }
  :root[lwtheme="true"] tab[visuallyselected] > stack::after {
    left:  auto;
    right: calc(var(--tab-corner-padding) - var(--tab-corner-rounding));
    background-image: url(./icons/tab-bottom-corner-right.svg);
  }

  /** Unselected Tab - Divide line ********************************************/
  #tabbrowser-arrowscrollbox {
    position: absolute;
  }

  .tabbrowser-tab:not([visuallyselected], [multiselected], :hover, :first-child) .tab-background::before,
  #tabs-newtab-button:not(:hover, [open])::before {
    /* Box Model */
    content:  "";
    display: block;
    position: absolute;

    /* Position */
    top:       50%;
    transform: translateX(-2.5px) translateY(calc(-50% + 1px));

    /* Bar shape */
    width:     1px;
    height:   20px;

    /* Bar Color */
    opacity: var(--tab-separator-opacity);
    transition: opacity .2s var(--ease-basic);
    background-color: color-mix(in srgb, currentColor 20%, transparent); /*  Replace var(--toolbarseparator-color) - Hard coded for compatibility */
  }
  #tabs-newtab-button:is(:hover, [open])::before {
    content: "";
    position: absolute;
  }

  #navigator-toolbox:not([movingtab]) .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) + .tabbrowser-tab .tab-background::before,
  #navigator-toolbox:not([movingtab]) .tabbrowser-tab:is([visuallyselected], [multiselected], :hover) ~ .tabbrowser-tab[afterhovered] .tab-background::before,
  #navigator-toolbox:not([movingtab]) .tabbrowser-tab[last-visible-tab]:is([visuallyselected], [multiselected], :hover) ~ #tabs-newtab-button::before,
  #navigator-toolbox:not([movingtab]) .tabbrowser-tab[first-visible-unpinned-tab]:is([visuallyselected], [multiselected], :hover) .tab-background::before,
  #navigator-toolbox:not([movingtab]) #tabbrowser-arrowscrollbox[overflowing] tab.tabbrowser-tab[first-visible-unpinned-tab] .tab-background::before {
    opacity: 0 !important;
  }

  /* Latest Tab & New tab margin */
  #tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab[last-visible-tab] {
    margin-inline-end: 1px !important;
  }

  /* New tab button - Looks like tab ******************************************/
  #tabs-newtab-button {
    /* Original:
    margin: 0 0 var(--tabs-navbar-shadow-size) !important
    => Can't ovrride style. Therefore, we should approach it by bypass.
    */
    --tabs-navbar-shadow-size: -1px; /* Original: 1px */
    --tabs-navbar-original-shadow-size: 1px;

    /* Size */
    -moz-box-align: stretch !important;
    padding-top: var(--tab-block-margin) !important;
  }

  #tabs-newtab-button > .toolbarbutton-icon {
    border-radius: var(--tab-border-radius) var(--tab-border-radius) 0 0 !important; /* Original: var(--tab-border-radius) */
  }

  /* Coner Rounding */
  #tabs-newtab-button:hover {
    /* Color */
    fill: color-mix(in srgb, currentColor 17%, transparent) !important; /* Replace var(--toolbarbutton-hover-background) - Hard coded for compatibility */
    -moz-context-properties: fill !important;

    /* Corner Image */
    --newtab-position: calc((var(--tab-corner-rounding) / 2) * -1);
    background-image: url("./icons/tab-bottom-corner-left.svg"), url("./icons/tab-bottom-corner-right.svg");
    background-repeat: no-repeat;
    background-position: left var(--newtab-position) bottom var(--tabs-navbar-original-shadow-size),  right var(--newtab-position)  bottom var(--tabs-navbar-original-shadow-size);
    background-size: var(--tab-corner-rounding);
  }

  #tabs-newtab-button .toolbarbutton-icon {
    padding: calc(var(--toolbarbutton-inner-padding) - (var(--tab-block-margin) / 4)) var(--toolbarbutton-inner-padding) calc(var(--toolbarbutton-inner-padding) + (var(--tab-block-margin) / 4) + var(--tabs-navbar-original-shadow-size)) !important;
    -moz-context-properties: fill, fill-opacity;
    fill: var(--toolbarbutton-icon-fill);
    fill-opacity: var(--toolbarbutton-icon-fill-opacity);
  }

  /** Clipped tabs - Letters cleary *******************************************/
  #tabbrowser-tabs[closebuttons=activetab] .tab-content:not([pinned]) {
    padding-inline-start: 8px !important;
  }

  #tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]),
  #tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(ltr):not([pinned]) {
    mask-image: linear-gradient(to right, black 70%, transparent) !important;
  }

  #tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow][labeldirection="rtl"]:not([pinned]),
  #tabbrowser-tabs[closebuttons=activetab] .tab-label-container[textoverflow]:not([labeldirection]):-moz-locale-dir(rtl):not([pinned]) {
    mask-image: linear-gradient(to left, black 70%, transparent) !important;
  }

  /** Clipped tabs - Show close button at hover *******************************/
  #tabbrowser-tabs[closebuttons="activetab"] > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([pinned]) > .tab-stack > .tab-content > .tab-close-button:not([selected="true"]) {
    display: -moz-inline-box !important;
  }

  #tabbrowser-tabs[closebuttons=activetab] .tabbrowser-tab:not([visuallyselected], :hover) .tab-close-button {
    visibility: collapse !important;
  }

  /** Sound Tab - Hide Label **************************************************/
  .tab-secondary-label:is([soundplaying], [muted], [activemedia-blocked], [pictureinpicture]){
    display: none !important;
  }

  /** Sound Tab - Show with Favicons ******************************************/
  /* Makes the favicons always visible (also on hover) */
  .tab-icon-image:not([pinned]){
    opacity: 1 !important
  }

  /* Makes the speaker icon to always appear if the tab is playing (not only on hover) */
  .tab-icon-overlay:not([crashed]),
  .tab-icon-overlay[pinned][crashed][selected] {
    /* Position */
    top: -3.5px !important;
    inset-inline-end: -9px !important;
    z-index: 1 !important;

    /* Shape */
    padding: 1.5px !important;
    border-radius: 10px !important;
    width:  17px !important;
    height: 17px !important;
  }
  .tab-icon-overlay:not([sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    /* Color */
    color:  currentColor !important;
    stroke: transparent !important;
    background: transparent !important;
    fill-opacity: 0.8 !important;
    opacity: 1 !important;
  }
  .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    margin-inline-end: 9.5px !important;
  }

  /* None exist favicon */
  .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing],[crashed]) {
    top: 0 !important;
    inset-inline-end: 0 !important;
    margin-inline-end: 5.5px !important;
    padding: 2px 0 !important;
  }

  /* Busy - Show */
  .tab-throbber[busy], .tab-icon-pending[busy] {
    opacity: 1 !important;
  }

  /* Busy - Overlay Position */
  .tabbrowser-tab:not([pinned])[busy] .tab-icon-overlay:is([soundplaying], [muted], [activemedia-blocked]) {
    transform: translateX(-.5px) translateY(-2.5px);
  }
  .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing],[crashed])[busy] {
    top: -3.5px !important;
    inset-inline-end: -9px !important;
    margin-inline-end: 9.5px !important;
    padding: 1.5px !important;
  }

  /* Hover */
  .tab-icon-overlay:not([crashed])[soundplaying]:hover,
  .tab-icon-overlay:not([crashed])[muted]:hover,
  .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
    color:  var(--toolbar-bgcolor, white) !important;
    stroke: var(--lwt-tab-text, var(--toolbar-color)) !important;
    background-color: var(--lwt-tab-text, var(--toolbar-color)) !important;
    fill-opacity: 0.95 !important;
  }

  #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[soundplaying]:hover,
  #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[muted]:hover,
  #TabsToolbar[brighttext] .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover {
    color: var(--toolbar-bgcolor, black) !important;
  }

  .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing],[crashed]):hover {
    padding: 0 !important;
  }

  /** PictureInPicture Tab - Show PIP Icon ************************************/
  .tab-icon-sound[pictureinpicture]:not([pinned]) {
    /* Shape */
    display: -moz-inline-box !important;
    width:  14px;
    height: 14px;
    -moz-box-ordinal-group: 2 !important;

    /* Color */
    fill: currentColor;
    opacity: 0.8;
    -moz-context-properties: fill;

    /* Icon */
    list-style-image: url(chrome://global/skin/media/picture-in-picture-open.svg);
  }
  .tab-icon-sound[pictureinpicture]:not([pinned])[selected] {
    opacity: 0.95;
  }

  /* Close Button's position */
  .tabbrowser-tab[pictureinpicture]:not([pinned]) .tab-close-button {
    margin-left: 7px !important;
    -moz-box-ordinal-group: 2 !important;
  }
  .tabbrowser-tab[pictureinpicture]:not([pinned]):hover .tab-close-button {
    margin-left: 0px !important;
  }

  /** Container Tab - Color line at icon's bottom *****************************/
  .tab-context-line {
    display: none;
  }

  .tab-icon-image, .tab-sharing-icon-overlay {
    box-sizing: content-box;
    padding: 3px 0;

    border-bottom: 2px solid var(--identity-icon-color);
  }

  /* Busy, None exist favicon */
  .tabbrowser-tab[busy] .tab-content::before,
  .tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):not([soundplaying], [muted], [activemedia-blocked]) .tab-content::before,
  .tabbrowser-tab[pinned][visuallyselected]:not([busy]):not(:hover) .tab-content::before {
    /* Box Model */
    content: '';
    display: block;
    position: absolute !important;
    transition: 0.2s !important;
    transform: translateY(10px) !important;

    /* Shape */
    border-bottom: 2px solid var(--identity-icon-color);
    width: 16px;
  }
  .tabbrowser-tab[busy] .tab-content::before,
  .tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):not([soundplaying], [muted], [activemedia-blocked]) .tab-content::before {
    transform: translateY(10px) !important; /* None exist favicon */
  }

  /* None exist favicon - With Sound */
  .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    box-sizing: content-box;
    padding: 3px 0;

    border-radius: 0 !important;
    border-bottom: 2px solid var(--identity-icon-color);
  }
  .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]):hover {
    padding: 0;

    border-radius: 10px !important;
    border-bottom: none;
  }

  /* Pinned Tab - Titlechanged Indicator override */
  .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]) .tab-icon-image,
  .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) .tab-icon-image {
    border-bottom: 2px solid transparent !important;
  }

  .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected="true"]),
  .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
    /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */
    --dotted-identity-image: radial-gradient(circle, var(--identity-icon-color), var(--identity-icon-color) 2px, transparent 2px);
    background-image: var(--dotted-identity-image), var(--dotted-identity-image), var(--dotted-identity-image) !important;
    background-position-x: 32%, 50%, 70% !important;
  }
  :root[uidensity=compact] .tabbrowser-tab:is([image], [pinned])[usercontextid] > .tab-stack > .tab-content[attention]:not([selected="true"]),
  :root[uidensity=compact] .tabbrowser-tab[usercontextid] > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
    /* Original: radial-gradient(circle, var(--attention-icon-color), var(--attention-icon-color) 2px, transparent 2px); */
    background-position-x: 30%, 50%, 70% !important;
  }

  /* Pinned Tab - Titlechanged & soundplaying */
  .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
  .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
    background-position-x: calc(32% - 1px), calc(50% - 1px), calc(70% - 1px) !important;
  }
  :root[uidensity=compact] .tabbrowser-tab:is([image], [pinned])[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
  :root[uidensity=compact] .tabbrowser-tab[usercontextid]:is([soundplaying], [muted], [activemedia-blocked]) > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
    background-position-x: calc(30% - 1px), calc(50% - 1px), calc(70% - 1px) !important;
  }

  /** Crashed Tab - Don't show Favicons ***************************************/
  .tab-icon-image[crashed] {
    display: none !important;
  }

  /** Panel - Icons ***********************************************************/
  /*= Padding ================================================================*/
  :root {
    --arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-padding) * 2 + 8px) !important;
    --arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding) - 2px) !important;
  }

  #downloadsHistory .button-text,
  .subviewbutton > .toolbarbutton-text {
    padding-inline-start: var(--arrowpanel-menuicon-padding) !important;
  }
  .toolbaritem-combined-buttons > .subviewbutton:not(.subviewbutton-iconic) > .toolbarbutton-text {
    padding-inline-start: 0 !important;
  }
  #panelMenu_bookmarksMenu .subviewbutton[disabled=true] .toolbarbutton-text,
  #appMenu_historyMenu     .subviewbutton[disabled=true] .toolbarbutton-text {
    padding-inline-start: var(--arrowpanel-menublank-padding) !important;
  }
  #appMenu-proton-update-banner .toolbarbutton-text {
    margin-inline-start: 0 !important;
  }

  #appMenu-multiView .subviewbutton::before,
  #appMenu-proton-update-banner::before {
    display: -moz-inline-box;
    margin-inline-end: var(--arrowpanel-menuicon-padding);
    width:  16px !important;
    height: 16px !important;
  }
  #appMenu-proton-update-banner {
    margin-bottom: 2px !important;
  }
  #appMenu-proton-update-banner::before {
    margin-inline-start: var(--arrowpanel-menuitem-padding) !important;
  }
  #appMenu-fxa-status2,
  #appMenu-zoom-controls2 {
    align-items: center;
    padding-top:    var(--arrowpanel-menuimageblank-padding) !important;
    padding-bottom: var(--arrowpanel-menuimageblank-padding) !important;
  }
  #appMenu-zoom-controls2::before {
    margin-inline-end: 0 !important;
  }

  /* Icons Color */
  #appMenu-multiView .subviewbutton::before,
  #appMenu-proton-update-banner::before,
  #downloadsHistory .button-icon,
  .subviewbutton > image {
    fill: currentColor !important;
    fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
    -moz-context-properties: fill !important;
  }
  #appMenu-zoomReduce-button2 > .toolbarbutton-icon,
  #appMenu-zoomEnlarge-button2 > .toolbarbutton-icon {
    stroke: var(--zoom-controls-bgcolor, var(--button-bgcolor, ButtonFace)) !important;
    -moz-context-properties: fill, stroke !important;
  }
  #appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon, #appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon {
    stroke: var(--button-hover-bgcolor) !important;
  }

  .subviewbutton[disabled=true] > image {
    /* Ghost icons when disabled */
    opacity: 0.4;
  }

  /*= Panel - Main ===========================================================*/
  #appMenu-proton-addon-banners > .addon-banner-item > .toolbarbutton-icon {
    display: -moz-inline-box !important;
    margin-inline-start: var(--arrowpanel-menuicon-padding);
    -moz-box-ordinal-group: 0 !important;
  }

  #appMenu-proton-update-banner::before {
    content: url(chrome://browser/skin/whatsnew.svg);
  }
  #appMenu-fxa-status2::before { /* Don't exist img tag */
    content: url(chrome://browser/skin/fxa/avatar-empty.svg);
  }
  #appMenu-fxa-status2:is([fxastatus=signedin], [fxastatus=unverified], [fxastatus=login-failed])::before {
    display: none;
  }
  #appMenu-fxa-status2:is([fxastatus=signedin], [fxastatus=unverified], [fxastatus=login-failed]) #appMenu-fxa-label2::before {
    /* url("https://profile.accounts.firefox.com/v1/avatar/a") */
    content: '';
    border-radius: 50% !important;
    background-size: 16px !important;
    background-image: var(--avatar-image-url) !important;
  }

  #appMenu-new-tab-button2 {
    list-style-image: url(chrome://browser/skin/new-tab.svg);
  }
  #appMenu-new-window-button2 {
    list-style-image: url(chrome://browser/skin/window.svg);
  }
  #appMenu-new-private-window-button2 {
    list-style-image: url(chrome://browser/skin/privateBrowsing.svg);
  }

  #appMenu-bookmarks-button{
    list-style-image: url(chrome://browser/skin/bookmark.svg);
  }
  #appMenu-history-button {
    list-style-image: url(chrome://browser/skin/history.svg);
  }
  #appMenu-downloads-button {
    list-style-image: url(chrome://browser/skin/downloads/downloads.svg);
  }
  #appMenu-passwords-button {
    list-style-image: url(chrome://browser/skin/login.svg);
  }
  #appMenu-extensions-themes-button {
    list-style-image: url(chrome://mozapps/skin/extensions/extension.svg);
  }

  #appMenu-print-button2 {
    list-style-image: url(chrome://global/skin/icons/print.svg);
  }
  #appMenu-save-file-button2 {
    list-style-image: url(chrome://browser/skin/save.svg);
  }
  #appMenu-find-button2 {
    list-style-image: url(chrome://global/skin/icons/search-glass.svg);
  }
  #appMenu-zoom-controls2::before {
    content: url(./icons/screenshot.svg);
  }

  #appMenu-settings-button {
    list-style-image: url(chrome://global/skin/icons/settings.svg);
  }
  #appMenu-more-button2 {
    list-style-image: url(chrome://browser/skin/ion.svg);
  }
  #appMenu-help-button2 {
    list-style-image: url(chrome://global/skin/icons/help.svg);
  }

  #appMenu-quit-button2 {
    list-style-image: url(./icons/quit.svg);
  }

  /*= Panel - Account ========================================================*/
  #PanelUI-fxa-menu-connect-device-button  .toolbarbutton-icon,
  #PanelUI-fxa-menu-account-signout-button .toolbarbutton-icon {
    width:  16px !important;
    height: 16px !important;
  }

  /* Default */
  #fxa-menu-avatar {
    display: -moz-inline-box !important;
    margin-inline-end: var(--arrowpanel-menuicon-padding);
  }

  .syncNowBtn {
    visibility: visible !important;
    -moz-box-ordinal-group: 1 !important;
    margin-inline-end: var(--arrowpanel-menuicon-padding);
  }
  #PanelUI-fxa-menu-setup-sync-button {
    list-style-image: url(chrome://browser/skin/sync.svg);
  }

  #PanelUI-fxa-menu-connect-device-button {
    list-style-image: url(chrome://browser/skin/fxa/add-device.svg);
  }
  #PanelUI-fxa-menu-sendtab-button {
    list-style-image: url(./icons/send-to-device.svg);
  }
  #PanelUI-fxa-menu-sync-prefs-button,
  #PanelUI-remotetabs-view-managedevices {
    list-style-image: url(chrome://global/skin/icons/settings.svg);
  }
  #PanelUI-fxa-menu-account-signout-button {
    list-style-image: url(./icons/sign-out.svg);
  }

  .PanelUI-remotetabs-notabsforclient-label {
    margin-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important;
    padding-inline-start: var(--arrowpanel-menublank-padding) !important;
  }

  /* Change Separator */
  #PanelUI-fxa-menu::before{
    content: "";
    display: -moz-box;
    border-bottom: 1px solid var(--panel-separator-color);
    margin: var(--panel-separator-margin);
    padding: 0;
  }
  #PanelUI-fxa-menu > :first-child{
    -moz-box-ordinal-group: 0;
  }
  #PanelUI-sign-out-separator {
    display: none;
  }
  .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target[clientType=""] {
    list-style-image: url(./icons/send-to-device.svg);
  }
  .pageAction-sendToDevice-device.subviewbutton.sync-menuitem.sendtab-target:not([clientType]) {
    list-style-image: url(chrome://global/skin/icons/settings.svg);
  }

  /*= Panel - Bookmark =======================================================*/
  #panelMenuBookmarkThisPage {
    list-style-image: url(chrome://browser/skin/bookmark-hollow.svg);
  }
  panelMenuBookmarkThisPage[starred] {
    list-style-image: url(chrome://browser/skin/bookmark.svg);
  }

  #panelMenu_searchBookmarks {
    list-style-image: url(chrome://global/skin/icons/search-glass.svg);
  }
  #panelMenu_viewBookmarksToolbar {
    list-style-image: url(chrome://browser/skin/bookmarks-toolbar.svg);
  }

  #panelMenu_showAllBookmarks {
    list-style-image: url(chrome://browser/skin/bookmark-star-on-tray.svg);
  }

  /*= Panel - History ========================================================*/
  #appMenuRecentlyClosedTabs {
    list-style-image: url(chrome://browser/skin/tab.svg);
  }
  #appMenuRecentlyClosedWindows {
    list-style-image: url(chrome://browser/skin/window.svg);
  }
  #appMenuRestoreSession {
    list-style-image: url(./icons/restore-session.svg);
  }
  #appMenuClearRecentHistory {
    list-style-image: url(chrome://browser/skin/forget.svg);
  }

  #PanelUI-historyMore {
    list-style-image: url(chrome://browser/skin/history.svg);
  }

  #appMenu-library-recentlyClosedTabs {
    list-style-image: url(./icons/movetowindow-16.svg);
  }
  #appMenu-library-recentlyClosedWindows {
    list-style-image: url(./icons/restore-session.svg);
  }

  /*= Panel - More tools =====================================================*/
  #appmenu-moreTools-button {
    list-style-image: url(chrome://browser/skin/customize.svg);
  }

  #appmenu-developer-tools-view  .subviewbutton:nth-child(1) {  /* Web Developer Tools */
    list-style-image: url(chrome://browser/skin/developer.svg);
  }
  #appmenu-developer-tools-view  .subviewbutton:nth-child(2) {  /* Task Manager */
    list-style-image: url(./icons/performance.svg);
  }
  #appmenu-developer-tools-view  .subviewbutton:nth-child(3) {  /* Remote Debugging - Edge bug.svg */
    list-style-image: url(./icons/bug.svg);
  }
  #appmenu-developer-tools-view  .subviewbutton:nth-child(4) {  /* Browser Toolbox - Edge webdeveloper.svg */
    list-style-image: url(./icons/webdeveloper.svg);
  }
  #appmenu-developer-tools-view  .subviewbutton:nth-child(5) {  /* Browser Content Toolbaox -  */
    list-style-image: url(./icons/command-frames.svg);
  }
  #appmenu-developer-tools-view  .subviewbutton:nth-last-child(5) {  /* Browser Console */
    list-style-image: url(chrome://devtools/skin/images/command-console.svg);
  }
  #appmenu-developer-tools-view  .subviewbutton:nth-last-child(4) {  /* Responsive Design Mode */
    list-style-image: url(./icons/command-responsivemode.svg);
  }
  #appmenu-developer-tools-view  .subviewbutton:nth-last-child(3) {  /* Eyedropper */
    list-style-image: url(chrome://devtools/skin/images/command-eyedropper.svg);
  }
  #appmenu-developer-tools-view  .subviewbutton:nth-last-child(2) {  /* Page Source - Edge file-search.svg */
    list-style-image: url(./icons/search-file.svg);
  }
  #appmenu-developer-tools-view  .subviewbutton:nth-last-child(1) { /* Extensions for Devel */
    list-style-image: url(chrome://devtools/skin/images/debugging-addons.svg);
  }
  #appmenu-developer-tools-view .subviewbutton:last-child {
    margin-bottom: 6px !important;
  }

  /*= Panel - Help ===========================================================*/
  #appMenu_menu_openHelp {
    list-style-image: url(chrome://global/skin/icons/help.svg);
  }
  #appMenu_feedbackPage {
    list-style-image: url(./icons/send.svg);
  }
  #appMenu_helpSafeMode {
    list-style-image: url(chrome://devtools/skin/images/debugging-workers.svg);
  }
  #appMenu_troubleShooting {
    list-style-image: url(chrome://global/skin/icons/more.svg);
  }
  #appMenu_help_reportSiteIssue {
    list-style-image: url(chrome://global/skin/icons/lightbulb.svg);
  }
  #appMenu_menu_HelpPopup_reportPhishingtoolmenu {
    list-style-image: url(chrome://global/skin/icons/warning.svg);
  }
  #appMenu_aboutName{
    list-style-image: url(chrome://global/skin/icons/info.svg);
  }

  /*= Panel - Library ========================================================*/
  #appMenu-library-bookmarks-button {
    list-style-image: url(chrome://browser/skin/bookmark.svg);
  }
  #appMenu-library-history-button {
    list-style-image: url(chrome://browser/skin/history.svg);
  }
  #appMenu-library-downloads-button{
    list-style-image: url(chrome://browser/skin/downloads/downloads.svg);
  }

  /*= Panel - Downloads ======================================================*/
  #downloadsHistory {
    list-style-image: url(chrome://browser/skin/downloads/downloads.svg);
  }
  #downloadsHistory .box-inherit.button-box {
    display: -moz-inline-box !important;
  }

  /*= Toolbar - Overflow Menu ================================================*/
  #overflowMenu-customize-button {
    list-style-image: url(chrome://browser/skin/customize.svg);
  }

  /*= Tabbar - All Tab Menu ==================================================*/
  #allTabsMenu-undoCloseTab {
    list-style-image: url(chrome://global/skin/icons/undo.svg);
  }
  #allTabsMenu-searchTabs {
    list-style-image: url(chrome://global/skin/icons/search-glass.svg);
  }
  #allTabsMenu-containerTabsButton {
    list-style-image: url(./icons/container-openin-16.svg);
  }

  #allTabsMenu-hiddenTabsButton {
    list-style-image: url(./icons/password-hide.svg);
  }

  #allTabsMenu-containerTabsView .subviewbutton:last-child {
    list-style-image: url(chrome://global/skin/icons/settings.svg);
  }

  /*= BMB_bookmarksPopup =====================================================*/
  #BMB_viewBookmarksSidebar {
  }
  #BMB_bookmarksShowAllTop,
  #BMB_bookmarksShowAll {
    --menuitem-image: url(chrome://browser/skin/bookmark-star-on-tray.svg);
  }
  #BMB_bookmarksToolbar {
    --menuitem-image: url(chrome://browser/skin/bookmarks-toolbar.svg);
  }

  /** Context Menu - Icons ****************************************************/
  /*= Layout =================================================================*/
  menupopup menuitem:not([type="checkbox"]),
  menupopup menu:not([type="checkbox"]) {
    -moz-appearance: none !important;  /* Linux: menulist */
  }

  /* Icon */
  :not(menu, #ContentSelectDropdown) > menupopup > menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
  :not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]),
  #blockedPopupDontShowMessage {
    /* Color */
    -moz-context-properties: fill, fill-opacity !important;
    fill: currentColor !important;

    /* Layout */
    background-size: 16px !important;
    background-repeat: no-repeat !important;
    background-image: var(--menuitem-image);
  }

  /* For native context menus on macOS */
  @supports -moz-bool-pref("widget.macos.native-context-menus") {
    :not(menu, #ContentSelectDropdown) > menupopup > menuitem:not(.menuitem-iconic, [type="checkbox"], [checked="true"], .in-menulist),
    :not(menu, #ContentSelectDropdown) > menupopup > menu:not(.menu-iconic, [type="checkbox"], [checked="true"], .in-menulist) {
      list-style-image: var(--menuitem-image) !important;
    }
  }

  /* Padding */
  :root {
    --context-menu-background-padding-default: 5px;
    --context-menu-background-padding: var(--context-menu-background-padding-default);
  }
  :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem,
  :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu,
  #blockedPopupDontShowMessage {
    background-position: left var(--context-menu-background-padding) center !important;
    padding-inline-start: var(--context-menu-background-padding) !important;
  }

  /* Padding - Windows */
  @media (-moz-os-version: windows-win7 ),
         (-moz-os-version: windows-win8 ),
         (-moz-os-version: windows-win10) {
    /* Checkbox */
    :root {
      --context-menu-text-padding: calc(var(--menu-padding) + var(--context-menu-background-padding-default) + 16px);
    }
    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem[type="checkbox"][checked="false"] > .menu-iconic-left {
      padding-inline-start: var(--context-menu-text-padding);
    }
  }

  @media (-moz-os-version: windows-win7 ){
    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic, [type="checkbox"], [checked="true"], .in-menulist),
    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic, [type="checkbox"], [checked="true"], .in-menulist),
    #blockedPopupDontShowMessage {
      background-position: left var(--context-menu-background-padding) center !important;
      padding-inline-start: 0 !important;
    }
  }
  @media (-moz-os-version: windows-win8 ),
         (-moz-os-version: windows-win10) {
    :root {
      --context-menu-background-padding: 1em;
    }

    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic, [type="checkbox"], [checked="true"], .in-menulist),
    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic, [type="checkbox"], [checked="true"], .in-menulist),
    #blockedPopupDontShowMessage {
      padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-text-padding)) !important;
    }
  }

  /* Padding Mac */
  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
    :root {
      --context-menu-background-padding-default: 10px;
      --context-menu-mac-padding: 21px;
    }

    /* context menu width */
    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem:not(.menuitem-iconic, [type="checkbox"], [checked="true"], .in-menulist),
    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic, [type="checkbox"], [checked="true"], .in-menulist),
    #blockedPopupDontShowMessage {
      padding-inline-end: var(--context-menu-background-padding) !important;
    }

    /* text position */
    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem > .menu-text,
    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu > menu-text {
      padding-inline-start: var(--context-menu-mac-padding) !important;
    }

    /* Checkbox menuitem, None iconic menu */
    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menuitem[type="checkbox"],
    :not(menu, #ContentSelectDropdown, #context-navigation) > menupopup > menu:not(.menu-iconic) {
      padding-inline-start: calc(var(--context-menu-background-padding) + var(--context-menu-mac-padding)) !important;
    }
  }

  /*= tabContextMenu =========================================================*/
  #context_openANewTab {
    --menuitem-image: url(chrome://browser/skin/new-tab.svg);
  }

  #context_reloadTab,
  #context_reloadSelectedTabs {
    --menuitem-image: url(chrome://browser/skin/reload.svg);
  }
  #context_toggleMuteTab,
  #context_toggleMuteSelectedTabs {
    --menuitem-image: url(chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg);
  }
  #context_toggleMuteTab[muted],
  #context_toggleMuteSelectedTabs[muted] {
    --menuitem-image: url(chrome://browser/skin/tabbrowser/tab-audio-playing-small.svg);
  }
  #context_pinTab,
  #context_pinSelectedTabs {
    --menuitem-image: url(./icons/pin-tab.svg);
  }
  #context_unpinTab,
  #context_unpinSelectedTabs {
    --menuitem-image: url(./icons/unpin-tab.svg);
  }
  #context_duplicateTab,
  #context_duplicateTabs {
    --menuitem-image: url(./icons/tab-copy.svg);
  }

  #context_bookmarkTab,
  #context_bookmarkSelectedTabs {
    --menuitem-image: url(chrome://browser/skin/bookmark.svg);
  }
  #context_moveTabOptions {
    --menuitem-image: url(./icons/arrow-swap.svg);
  }
  #context_sendTabToDevice {
    --menuitem-image: url(./icons/send-to-device.svg);
  }
  #context_shareTabURL { /* At windows */
    --menuitem-image: url(./icons/share.svg);
  }
  #context_reopenInContainer {
    --menuitem-image: url(./icons/container-openin-16.svg);
  }
  #context_selectAllTabs {
    --menuitem-image: url(./icons/tab-multiple.svg);
  }

  #context_closeTab {
    --menuitem-image: url(chrome://global/skin/icons/close.svg);
  }
  #context_closeTabOptions {
  }
  #context_undoCloseTab {
    --menuitem-image: url(chrome://global/skin/icons/undo.svg);
  }

  /*= new-tab-button-popup ===================================================*/
  #new-tab-button-popup > menuitem[command="Browser:OpenAboutContainers"] {
    --menuitem-image: url(chrome://global/skin/icons/settings.svg);
  }

  /*= toolbar-context-menu ===================================================*/
  .customize-context-manageExtension {
    --menuitem-image: url(chrome://global/skin/icons/settings.svg);
  }
  .customize-context-removeExtension {
    --menuitem-image: url(chrome://global/skin/icons/delete.svg);
  }
  .customize-context-reportExtension {
    --menuitem-image: url(./icons/send.svg);
  }

  .customize-context-moveToPanel {
    --menuitem-image: url(chrome://browser/skin/pin-12.svg);
  }
  .toolbar-context-autohide-downloads-button {
    --menuitem-image: url(./icons/password-hide.svg);
  }
  .customize-context-removeFromToolbar {
    --menuitem-image: url(chrome://global/skin/icons/delete.svg);
  }
  #toolbar-context-openANewTab {
    --menuitem-image: url(chrome://browser/skin/new-tab.svg);
  }

  #toolbar-context-reloadSelectedTab,
  #toolbar-context-reloadSelectedTabs {
    --menuitem-image: url(chrome://browser/skin/reload.svg);
  }
  #toolbar-context-bookmarkSelectedTab,
  #toolbar-context-bookmarkSelectedTabs {
    --menuitem-image: url(chrome://browser/skin/bookmark.svg);
  }
  #toolbar-context-selectAllTabs {
    --menuitem-image: url(./icons/tab-multiple.svg);
  }
  #toolbar-context-undoCloseTab {
    --menuitem-image: url(chrome://global/skin/icons/undo.svg);
  }

  #toggle_toolbar-menubar { /* checkbox */
    /* --menuitem-image: url(./icons/calendar-agenda.svg); */
  }
  #toggle_PersonalToolbar { /* Also placeContext */
    --menuitem-image: url(chrome://browser/skin/bookmarks-toolbar.svg);
  }

  menuitem.viewCustomizeToolbar {
    --menuitem-image: url(chrome://browser/skin/customize.svg);
  }

  /*= blockedPopupOptions ====================================================*/
  #blockedPopupAllowSite {
    --menuitem-image: url("chrome://global/skin/icons/check.svg");
  }
  #blockedPopupOptions > menuitem[oncommand="gPopupBlockerObserver.editPopupSettings();"] {
    --menuitem-image: url("chrome://global/skin/icons/edit.svg");
  }
  #blockedPopupDontShowMessage { /* checkbox */
    --menuitem-image: url("chrome://global/skin/icons/blocked.svg");
  }

  /*= autohide-context =======================================================*/
  #autohide-context > menuitem[data-l10n-id="full-screen-autohide"] {  /* checkbox */
  }

  #autohide-context > menuitem[data-l10n-id="full-screen-exit"] {
    --menuitem-image: url(chrome://browser/skin/fullscreen-exit.svg);
  }

  /*= contentAreaContextMenu =================================================*/
  #context-viewsource-goToLine {
    --menuitem-image: url(./icons/text-number-format.svg);
  }
  #context-viewsource-wrapLongLines { /* checkbox */
    /* --menuitem-image: url(./icons/arrow-sort-down-lines.svg); */
  }

  #context-viewsource-highlightSyntax { /* checkbox */
    /* --menuitem-image: url(./icons/code.svg); */
  }

  #spell-no-suggestions {
    --menuitem-image: url(./icons/text-proofing-tools.svg);
  }
  #spell-add-to-dictionary {
    --menuitem-image: url(./icons/book-add.svg);
  }
  #spell-undo-add-to-dictionary {
    --menuitem-image: url(chrome://global/skin/icons/undo.svg);
  }

  #context-openlinkincurrent {
    --menuitem-image: url(./icons/link-square.svg);
  }
  #context-openlinkincontainertab {
    --menuitem-image: url(chrome://browser/skin/new-tab.svg);
  }
  #context-openlinkintab {
    --menuitem-image: url(chrome://browser/skin/new-tab.svg);
  }
  #context-openlinkinusercontext-menu {
    --menuitem-image: url(./icons/container-openin-16.svg);
  }
  #context-openlink {
    --menuitem-image: url(chrome://browser/skin/window.svg);
  }
  #context-openlinkprivate {
    --menuitem-image: url(chrome://browser/skin/privateBrowsing.svg);
  }

  #context-bookmarklink {
    --menuitem-image: url(chrome://browser/skin/bookmark.svg);
  }
  #context-savelink {
    --menuitem-image: url(chrome://browser/skin/save.svg);
  }
  #context-savelinktopocket {
    --menuitem-image: url(chrome://browser/skin/pocket-outline.svg);
  }
  #context-copyemail {
    --menuitem-image: url(chrome://browser/skin/mail.svg);
  }
  #context-copylink {
    --menuitem-image: url(chrome://browser/skin/link.svg);
  }
  #context-sendlinktodevice {
    --menuitem-image: url(./icons/send-to-device.svg);
  }

  #context-media-play {
    --menuitem-image: url(chrome://global/skin/media/play-fill.svg);
  }
  #context-media-pause {
    --menuitem-image: url(chrome://global/skin/media/pause-fill.svg);
  }
  #context-media-mute {
    --menuitem-image: url(chrome://global/skin/media/audio-muted.svg);
  }
  #context-media-unmute {
    --menuitem-image: url(chrome://global/skin/media/audio.svg);
  }
  #context-media-playbackrate {
    --menuitem-image: url(./icons/time-picker.svg);
  }
  #context-media-loop { /* checkbox */
    /* --menuitem-image: url(./icons/arrow-repeat-all.svg); */
  }
  #context-leave-dom-fullscreen {
    --menuitem-image: url(chrome://global/skin/media/fullscreenExitButton.svg);
  }
  #context-video-fullscreen {
    --menuitem-image: url(chrome://global/skin/media/fullscreenEnterButton.svg);
  }
  #context-media-hidecontrols {
    --menuitem-image: url(./icons/eye-hide.svg);
  }
  #context-media-showcontrols {
    --menuitem-image: url(./icons/eye-show.svg);
  }

  #context-viewvideo {
    --menuitem-image: url(./icons/video.svg);
  }
  #context-video-pictureinpicture { /* checkbox */
    /* --menuitem-image: url(chrome://global/skin/media/picture-in-picture-open.svg); */
  }

  #context-reloadimage {
    --menuitem-image: url(./icons/image-arrow-counterclockwise.svg);
  }
  #context-viewimage {
    --menuitem-image: url(./icons/image-add.svg);
  }
  #context-saveimage {
    --menuitem-image: url(./icons/image.svg);
  }
  #context-video-saveimage {
    --menuitem-image: url(./icons/video-snapshot.svg);
  }
  #context-savevideo {
    --menuitem-image: url(./icons/video.svg);
  }
  #context-saveaudio {
    --menuitem-image: url(chrome://global/skin/media/audio.svg);
  }
  #context-copyimage-contents {
    --menuitem-image: url(./icons/image-copy.svg);
  }
  #context-copyimage,
  #context-copyvideourl,
  #context-copyaudiourl {
    --menuitem-image: url(chrome://browser/skin/link.svg);
  }
  #context-sendimage,
  #context-sendvideo,
  #context-sendaudio {
    --menuitem-image: url(chrome://browser/skin/mail.svg);
  }
  #context-viewimageinfo {
    --menuitem-image: url(chrome://global/skin/icons/info.svg);
  }
  #context-viewimagedesc {
    --menuitem-image: url(./icons/image-alt-text.svg);
  }
  #context-setDesktopBackground {
    --menuitem-image: url(./icons/resize-image.svg);
  }
  #context-ctp-play {
    --menuitem-image: url(chrome://global/skin/icons/plugin.svg);
  }
  #context-ctp-hide {
    --menuitem-image: url(chrome://global/skin/icons/plugin-blocked.svg);
  }

  #context-savepage {
    --menuitem-image: url(chrome://browser/skin/save.svg);
  }
  #context-pocket {
    --menuitem-image: url(chrome://browser/skin/pocket-outline.svg);
  }
  #context-sendpagetodevice {
    --menuitem-image: url(./icons/send-to-device.svg);
  }
  #fill-login {
    --menuitem-image: url(./icons/password.svg);
  }
  #fill-login-generated-password {
    --menuitem-image: url(chrome://browser/skin/login.svg);
  }
  #manage-saved-logins {
    --menuitem-image: url(./icons/key-multiple.svg);
  }

  #context-undo {
    --menuitem-image: url(chrome://global/skin/icons/undo.svg);
  }
  #context-redo {
  }

  #context-cut {
    --menuitem-image: url(chrome://browser/skin/edit-cut.svg);
  }
  #context-copy {
    --menuitem-image: url(chrome://browser/skin/edit-copy.svg);
  }
  #context-paste {
    --menuitem-image: url(chrome://browser/skin/edit-paste.svg);
  }
  #context-delete {
    --menuitem-image: url(chrome://global/skin/icons/delete.svg);
  }
  #context-selectall {
    --menuitem-image: url(./icons/select-all-on.svg);
  }
  #context-print-selection {
    --menuitem-image: url(chrome://global/skin/icons/print.svg);
  }

  #context-take-screenshot {
    --menuitem-image: url(chrome://browser/skin/screenshot.svg);
  }

  #context-keywordfield {
    --menuitem-image: url(chrome://browser/skin/bookmark.svg);
  }
  #context-searchselect,
  #context-searchselect-private {
    --menuitem-image: url(chrome://global/skin/icons/search-glass.svg);
  }

  #frame {
    --menuitem-image: url(./icons/command-frames.svg);
  }

  #spell-check-enabled { /* checkbox */
  }
  #spell-add-dictionaries-main {
    --menuitem-image: url(./icons/book-add.svg);
  }
  #spell-dictionaries {
    --menuitem-image: url(./icons/book.svg);
  }

  #context-bidi-text-direction-toggle {
    --menuitem-image: url(./icons/text-direction-horizontal-ltr.svg);
  }
  #context-bidi-page-direction-toggle {
    --menuitem-image: url(./icons/document-landscape-split-hint.svg);
  }

  #context-viewpartialsource-selection,
  #context-viewsource {
    --menuitem-image: url(./icons/search-file.svg);
  }
  #context-inspect-a11y {
    --menuitem-image: url(chrome://devtools/skin/images/tool-accessibility.svg);
  }
  #context-inspect {
    --menuitem-image: url(chrome://devtools/skin/images/command-pick.svg)
  }

  #context-media-eme-learnmore { /* iconic */
  }

  @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
    #context-back {
      --menuitem-image: url(chrome://browser/skin/back.svg);
    }
    #context-forward {
      --menuitem-image: url(chrome://browser/skin/forward.svg);
    }
    #context-reload {
      --menuitem-image: url(chrome://browser/skin/reload.svg);
    }
    #context-stop {
      --menuitem-image: url(chrome://global/skin/icons/close.svg);
    }

    #context-bookmarkpage {
      --menuitem-image: url(chrome://browser/skin/bookmark.svg);
    }
  }

  /*= pictureInPictureToggleContextMenu ======================================*/
  #pictureInPictureToggleContextMenu > menuitem[oncommand="PictureInPicture.hideToggle();"] {
    --menuitem-image: url(./icons/eye-hide.svg);
  }

  /*= placeContext ===========================================================*/
  #placesContext_open {
    --menuitem-image: url(./icons/link-square.svg);
  }
  #placesContext_openBookmarkContainer\:tabs,
  #placesContext_openBookmarkLinks\:tabs      {
    --menuitem-image: url(./icons/movetowindow-16.svg);
  }
  #placesContext_open\:newtab,
  #placesContext_openContainer\:tabs,
  #placesContext_openLinks\:tabs {
    --menuitem-image: url(chrome://browser/skin/new-tab.svg);
  }
  #placesContext_open\:newwindow {
    --menuitem-image: url(chrome://browser/skin/window.svg);
  }
  #placesContext_open\:newprivatewindow {
    --menuitem-image: url(chrome://browser/skin/privateBrowsing.svg);
  }

  #placesContext_show_bookmark\:info,
  #placesContext_show\:info,
  #placesContext_show_folder\:info {
    --menuitem-image: url(chrome://global/skin/icons/edit.svg);
  }
  #placesContext_deleteBookmark,
  #placesContext_deleteFolder,
  #placesContext_delete,
  #placesContext_delete_history {
    --menuitem-image: url(chrome://global/skin/icons/delete.svg);
  }
  #placesContext_deleteHost {
    --menuitem-image: url(./icons/eye-hide.svg);
  }
  #placesContext_sortBy\:name {
    --menuitem-image: url(./icons/text-sort-ascending.svg);
  }

  #placesContext_cut {
    --menuitem-image: url(chrome://browser/skin/edit-cut.svg);
  }
  #placesContext_copy {
    --menuitem-image: url(chrome://browser/skin/edit-copy.svg);
  }
  #placesContext_paste_group {
    --menuitem-image: url(chrome://browser/skin/edit-paste.svg);
  }

  #placesContext_new\:bookmark {
    --menuitem-image: url(chrome://browser/skin/bookmark.svg);
  }
  #placesContext_new\:folder {
    --menuitem-image: url(chrome://global/skin/icons/folder.svg);
  }
  #placesContext_new\:separator {
    --menuitem-image: url(./icons/vertical-line.svg);
  }

  #placesContext_paste {
    --menuitem-image: url(chrome://browser/skin/edit-paste.svg);
  }

  #placesContext_createBookmark {
    --menuitem-image: url(chrome://browser/skin/bookmark.svg);
  }
  #show-other-bookmarks_PersonalToolbar { /* checkbox */
    /* --menuitem-image: url(./icons/star-line-horizontal.svg); */
  }
  #placesContext_showAllBookmarks {
    --menuitem-image: url(chrome://browser/skin/bookmark-star-on-tray.svg);
  }

  menupopup[context="placesContext"]  > .openintabs-menuitem {
    --menuitem-image: url(./icons/movetowindow-16.svg);
  }

  /*= pageActionContextMenu ==================================================*/
  .pageActionContextMenuItem.extensionPinned.extensionUnpinned.manageExtensionItem {
    --menuitem-image: url(chrome://global/skin/icons/settings.svg);
  }
  .pageActionContextMenuItem.extensionPinned.extensionUnpinned.removeExtensionItem {
    --menuitem-image: url(chrome://global/skin/icons/delete.svg);
  }

  /*= customizationPanelItemContextMenu ======================================*/
  #customizationPanelItemContextMenuUnpin {
    --menuitem-image: url(./icons/unpin-tab.svg);
  }
  .customize-context-removeFromPanel {
    --menuitem-image: url(chrome://global/skin/icons/delete.svg);
  }

  /*= customizationPaletteItemContextMenu ====================================*/
  .customize-context-addToToolbar {
    --menuitem-image: url(chrome://devtools/skin/images/dock-bottom.svg);
  }
  .customize-context-addToPanel {
    --menuitem-image: url(chrome://browser/skin/menu.svg);
  }

  /*= customizationPanelContextMenu ==========================================*/
  #customizationPanelContextMenu > menuitem[command="cmd_CustomizeToolbars"] {
    --menuitem-image: url(chrome://browser/skin/customize.svg);
  }

  /*= downloads-button-autohide-panel ========================================*/
  #downloads-button-autohide-checkbox { /* checkbox */
  }

  /*= downloadsContextMenu ===================================================*/
  .downloadPauseMenuItem {
    --menuitem-image: url(chrome://global/skin/media/pause-fill.svg);
  }
  .downloadResumeMenuItem {
    --menuitem-image: url(chrome://global/skin/media/play-fill.svg);
  }
  .downloadUnblockMenuItem {
    --menuitem-image: url(./icons/checkmark-circle.svg);
  }
  .downloadUseSystemDefaultMenuItem {
    --menuitem-image: url(chrome://browser/skin/open.svg);
  }
  .downloadAlwaysUseSystemDefaultMenuItem { /* checkbox */
  }
  .downloadShowMenuItem {
    --menuitem-image: url(chrome://global/skin/icons/folder.svg);
  }

  #downloadsContextMenu > menuitem[command="downloadsCmd_openReferrer"] {
    --menuitem-image: url(./icons/link-square.svg);
  }
  #downloadsContextMenu > menuitem[command="downloadsCmd_copyLocation"] {
    --menuitem-image: url(chrome://browser/skin/link.svg);
  }

  .downloadRemoveFromHistoryMenuItem {
    --menuitem-image: url(chrome://global/skin/icons/delete.svg);
  }
  #downloadsContextMenu > menuitem[command="downloadsCmd_clearList"],
  #downloadsContextMenu > menuitem[command="downloadsCmd_clearDownloads"] {
    --menuitem-image: url(./icons/broom.svg);
  }

  /*= SyncedTabsSidebarContext ===============================================*/
  #syncedTabsOpenSelected {
    --menuitem-image: url(./icons/link-square.svg);
  }
  #syncedTabsOpenSelectedInTab {
    --menuitem-image: url(chrome://browser/skin/new-tab.svg);
  }
  #syncedTabsOpenSelectedInWindow {
    --menuitem-image: url(chrome://browser/skin/window.svg);
  }
  #syncedTabsOpenSelectedInPrivateWindow {
    --menuitem-image: url(chrome://browser/skin/privateBrowsing.svg);
  }

  #syncedTabsBookmarkSelected {
    --menuitem-image: url(chrome://browser/skin/bookmark.svg);
  }
  #syncedTabsCopySelected {
    --menuitem-image: url(chrome://browser/skin/link.svg);
  }

  #syncedTabsOpenAllInTabs {
    --menuitem-image: url(./icons/movetowindow-16.svg);
  }
  #syncedTabsManageDevices {
    --menuitem-image: url(chrome://global/skin/icons/settings.svg);
  }
  #syncedTabsRefresh {
    --menuitem-image: url(chrome://browser/skin/sync.svg);
  }

  /*= SyncedTabsSidebarTabsFilterContext =====================================*/
  #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_undo"] {
    --menuitem-image: url(chrome://global/skin/icons/undo.svg);
  }
  #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_cut"] {
    --menuitem-image: url(chrome://browser/skin/edit-cut.svg);
  }
  #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_copy"]{
    --menuitem-image: url(chrome://browser/skin/edit-copy.svg);
  }
  #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_paste"]{
    --menuitem-image: url(chrome://browser/skin/edit-paste.svg);
  }
  #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_delete"]{
    --menuitem-image: url(chrome://global/skin/icons/delete.svg);
  }

  #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_selectAll"]{
    --menuitem-image: url(./icons/select-all-on.svg);
  }

  #syncedTabsRefreshFilter {
    --menuitem-image: url(chrome://browser/skin/sync.svg);
  }

  /*= urlbar-input-container =================================================*/
  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_undo"]  {
    --menuitem-image: url(chrome://global/skin/icons/undo.svg);
  }
  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_redo"]  {
  }

  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_cut"]  {
    --menuitem-image: url(chrome://browser/skin/edit-cut.svg);
  }
  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_copy"]  {
    --menuitem-image: url(chrome://browser/skin/edit-copy.svg);
  }
  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_paste"]  {
    --menuitem-image: url(chrome://browser/skin/edit-paste.svg);
  }
  #paste-and-go {
  }
  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_delete"]  {
    --menuitem-image:  url(chrome://global/skin/icons/delete.svg);
  }
  #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_selectAll"]  {
    --menuitem-image: url(./icons/select-all-on.svg);
  }
}