firefox css tweaks

/* Edge-Frfox main files */
@import url("icons/icons.css");
@import url("toolbar/tabbar.css");
@import url("toolbar/navbar.css");
@import url("toolbar/personalbar.css");
@import url("toolbar/findbar.css");
@import url("toolbar/urlbar.css");
@import url("global/colors.css");
@import url("global/popup.css");
@import url("global/browser.css");
@import url("global/tree.css");

/* Edge-Frfox tweaks */
@import url("global/tweaks.css");
@import url("tweaks/hide-tabs-bar.css") (-moz-bool-pref: "uc.tweak.hide-tabs-bar");

/* Import custom stylesheet instead of modifying Edge-Frfox theme files. */
@import url("custom.css");

#unified-extensions-panel #unified-extensions-view {
    width: 100% !important; /*  For firefox v115.x */
}

#unified-extensions-view{
    --uei-icon-size: 20px; /*  Change icon size */
    --firefoxcss-number-of-extensions-in-a-row: 4; /*  Increase to the number of icons you want in one row */
}

#unified-extensions-view .panel-header,
#unified-extensions-view .panel-header + toolbarseparator,
#unified-extensions-view .panel-subview-body + toolbarseparator,
#unified-extensions-view #unified-extensions-manage-extensions,
#unified-extensions-view .unified-extensions-item-menu-button.subviewbutton,
#unified-extensions-view .unified-extensions-item-action-button .unified-extensions-item-contents{
    display:none !important;
}

#unified-extensions-view .panel-subview-body {
    padding:4px !important;
}

#unified-extensions-view .unified-extensions-item .unified-extensions-item-icon,
#unified-extensions-view .unified-extensions-item .toolbarbutton-badge-stack {
    margin-inline-end: 0px !important;
}

#unified-extensions-view #overflowed-extensions-list,
#unified-extensions-view #unified-extensions-area,
#unified-extensions-view .unified-extensions-list {
    display: grid !important;
    grid-template-columns: repeat(var(--firefoxcss-number-of-extensions-in-a-row),auto);
    justify-items:left !important;
    align-items:left !important;
}

#unified-extensions-view .unified-extensions-list .unified-extensions-item,
#unified-extensions-view .unified-extensions-list{
     max-width: max-content;
}

#unified-extensions-view #unified-extensions-area {
    padding-bottom: 3px !important;
    border-bottom: 1px solid #aeaeae33 !important;
}

#unified-extensions-view .unified-extensions-list {
/*     border-top: 1px solid #aeaeae33 !important; */
}

#wrapper-edit-controls:is([place="palette"],
[place="panel"]) > #edit-controls, #wrapper-zoom-controls:is([place="palette"],
[place="panel"]) > #zoom-controls, :is(panelview, #widget-overflow-fixed-list) .toolbaritem-combined-buttons {
  margin: 0px !important;
}

#sidebar-box {
    max-width: none !important;
}
:root{ --toolbar-field-focus-border-color: transparent !important; }
#urlbar-background{ background-color: #1d1d1f !important; }
#navigator-toolbox::after {display: none !important;}

:root {
  --tabs-navbar-separator-style: none !important;
}
#tabbrowser-tabs {margin-top: 4px !important}

:root{ --urlbarView-highlight-background: transparent !important; }

#urlbar[open] > #urlbar-background {
  outline: none !important;
}
toolbarbutton.bookmark-item[container] menupopup {
  --uc-outline-color: transparent;
  --arrowpanel-border-color: transparent;
}
    /*Audio Tab Icon */
.tab-icon-overlay[soundplaying] {
  fill: #FFFFFF !important;/* default: #058B00 / var(--green-70) */
  border: none !important;
  background-color: transparent !important;
  background-size: 18px !important;
}
.tab-icon-overlay[muted] {
  fill: #D70022 !important;/* default: #D70022 / var(--red-60) */
  border: none !important;
  background-color: transparent !important;
  background-size: 18px !important;
}
.tab-icon-overlay[activemedia-blocked] {
  fill: #FFE900 !important;/* default: #FFE900 / var(--yellow-50) */
  border: none !important;
  background-color: transparent !important;
  background-size: 18px !important;
}