Firefox CSS for Vortikal

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Changes the titlebar background color for default theme on Windows Light BG without any accent color from blue to off-white */
:root:not(:-moz-lwtheme){
  background-color: #e3e4e6 !important;
  color: var(--lwt-text-color) !important;
}


/* Scrollbars */
toolbarbutton#alltabs-button {
  -moz-binding: url("userChrome.xml#js");
}

/*
NAVIGATION*
*/

/* Fix back button */
#back-button>.toolbarbutton-icon {
  transform: scale(.85, .85) !important;
  animation: none !important;
  border: none !important;
  box-shadow: none !important;
}

#back-button:not(:hover),
#back-button:not(:hover) > .toolbarbutton-icon {
  background: none !important;
}

#back-button:hover,
#back-button:hover > .toolbarbutton-icon {
  border-radius: 2px !important;
}

/* Back Button */
#back-button > .toolbarbutton-icon {
  list-style-image: var(--back-image) !important;
  -moz-image-region: auto !important;
   padding: 9px !important;
}

#main-window[lwthemetextcolor=bright] #back-button > .toolbarbutton-icon {
  list-style-image: var(--dark-back-image) !important;
  -moz-image-region: auto !important;
   padding: 9px !important;
}

/* Hover and Active states to mimic other buttons */
#back-button:hover:not([disabled]) > .toolbarbutton-icon {
background-color: var(--toolbarbutton-hover-background) !important;
}

#back-button:active:not([disabled]) > .toolbarbutton-icon {
background-color: var(--toolbarbutton-active-background) !important;
}

/* Forward Button */
#forward-button > .toolbarbutton-icon {
  list-style-image: var(--forward-image) !important;
  -moz-image-region: auto !important;
  padding: 7px !important;
}

#main-window[lwthemetextcolor=bright] #forward-button > .toolbarbutton-icon {
  list-style-image: var(--dark-forward-image) !important;
  -moz-image-region: auto !important;
  padding: 7px !important;
}

/* Reload Button */
#reload-button > .toolbarbutton-icon {
  list-style-image: var(--reload-image) !important;
  -moz-image-region: auto !important;
  padding: 7px !important;
}

#main-window[lwthemetextcolor=bright] #reload-button > .toolbarbutton-icon {
  list-style-image: var(--dark-reload-image) !important;
  -moz-image-region: auto !important;
  padding: 7px !important;
}

#context-reload > .menu-iconic-left {
  list-style-image: var(--reload-image) !important;
}

#main-window[lwthemetextcolor=bright] #context-reload > .menu-iconic-left {
  list-style-image: var(--dark-reload-image) !important;
}

/* Stop Button */
#stop-button > .toolbarbutton-icon, #context-stop > .menu-iconic-left {
  list-style-image: var(--stop-image); !important;
 -moz-image-region: auto !important;
}

#main-window[lwthemetextcolor=bright] #stop-button > .toolbarbutton-icon, #main-window[lwthemetextcolor=bright] #context-stop > .menu-iconic-left {
  list-style-image: var(--dark-stop-image); !important;
 -moz-image-region: auto !important;
}

/* Home Button */
:-moz-any(#nav-bar, #mainPopupSet) #home-button {
  list-style-image: var(--home-image) !important;
  -moz-image-region: auto !important;
}

#main-window[lwthemetextcolor=bright] :-moz-any(#nav-bar, #mainPopupSet) #home-button {
  list-style-image: var(--dark-home-image) !important;
  -moz-image-region: auto !important;
}

/*
URL BAR
*/

/* URL search autocomplete selection highlight */
.autocomplete-richlistitem[selected="true"] {
  background-color: var(--main-accent-color) !important;
  color: #fff !important;
}

.autocomplete-richlistbox:focus > richlistitem[selected="true"] {
  background-color: #171B1F !important;
  color: #fff !important;
}

/* Address bar focus styles */
#urlbar[focused="true"], .searchbar-textbox[focused="true"] {
  border-color: var(--main-accent-color) !important;
}

/*
DOWNLOAD BUTTON
*/

#downloads-button[attention="success"] #downloads-indicator-icon {
  display: visible !important;
}

/* During a download, force display of progress bar */
#downloads-button[attention="success"] #downloads-indicator-progress-area
{
  display: -moz-box !important;
  visibility: visible !important;
}

/* After something have successfully completed downloading, set the color of the download icon*/
#downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-icon,
#downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-progress-outer
{
  fill: #bb1dfe !important;
}

/* Sets the color of the animated arrow that appears when a download is starting*/
#downloads-button[notification="start"] > #downloads-indicator-anchor > #downloads-indicator-icon,
#downloads-notification-anchor[notification="start"] > #downloads-indicator-notification {
  fill: #538cfc !important;
}

/*Set the color of the download icon as something is downloading*/
#downloads-button[progress] > #downloads-indicator-anchor > #downloads-indicator-icon,
#downloads-button[progress] > #downloads-indicator-anchor > #downloads-indicator-progress-outer {
  fill: #00fc79 !important;
}*/

/* Set the color for the progress bar as something is downloading */
#downloads-button > #downloads-indicator-anchor > #downloads-indicator-progress-outer > #downloads-indicator-progress-inner {
  fill: #00fc79 !important;
}

/*
TABS
*/

/* Tab line - adjust color & size, default #0a84ff 2px */
.tab-line {
  background-color: var(--main-accent-color) !important;
  height: 2px !important;
}

/* Remove empty space before first tab
Delete this rule if you need a space to drag the window*/
#TabsToolbar .titlebar-spacer[type="pre-tabs"]{
  display: none !important;
}

/* Remove empty space after tabs
Delete this rule if you need a space to drag the window*/
#TabsToolbar .titlebar-spacer[type="post-tabs"]{
  display: none !important;
}

/* New tab or page load color, usually flashes white, this turns it grey */
.browserContainer {
  background-color: grey !important;
}

/* Container tab usercontext colors */
.tab-bottom-line{
  display: none !important;
}

.tabbrowser-tab {
--tab-loading-fill: Highlight !important;
}

.tabbrowser-tab[usercontextid] {
--tab-loading-fill: var(--identity-tab-color) !important;
}

/* Only show close buttons on background tabs when hovering with the mouse */
.tabbrowser-tab:not([selected]):not([pinned]) .tab-close-button {
  display: none !important;
}

.tabbrowser-tab:not([selected]):not([pinned]):hover .tab-close-button {
  display: -moz-box !important;
}

/* Change up usercontext label */
#userContext-icons{
  background:var(--identity-tab-color)!important;
  margin:auto 3px!important;
  border-radius:2px!important;
  padding:0 2px 0 5px!important;
}
#userContext-label{
  color:#fff!important;
}
#userContext-indicator{
  fill:#fff!important;
  margin-right:2px!important;
}
#userContext-indicator[data-identity-icon="circle"]{
  display:none!important;
}

/* Tab close button */
.tab-close-button {
  -moz-appearance: none!important;
  pointer-events: auto!important;
  list-style-image: var(--tab-close-image) !important;
  -moz-image-region: rect(0, 12px, 12px, 0) !important;
}

#main-window[lwthemetextcolor=bright] .tab-close-button {
  -moz-appearance: none!important;
  pointer-events: auto!important;
  list-style-image: var(--dark-tab-close-image) !important;
  -moz-image-region: rect(0, 12px, 12px, 0) !important;
}

#main-window[lwthemetextcolor=bright] .tab-close-button:hover {
  list-style-image: var(--tab-close-hover-image) !important;
  -moz-image-region: rect(0, 12px, 12px, 0)!important;
}

.tab-close-button:hover,
.tab-close-button:hover[selected="true"] {
  -moz-image-region: rect(0, 24px, 12px, 12px)!important;
}

.tab-close-button:hover:active,
.tab-close-button:hover:active[selected="true"] {
  -moz-image-region: rect(0, 36px, 12px, 24px)!important;
}

/* Microsoft Edge style active tab shadows */
.tabbrowser-tab[visuallyselected="true"] {
  box-shadow: 0px 0px 8px 0px #666;
}

#main-window[lwthemetextcolor=bright] .tabbrowser-tab[visuallyselected="true"] {
  box-shadow: 0px 0px 0px 0px #fff;
}

/*
Windows 10 style right-click context menu animation
*/

@keyframes rot{
  from{ transform: rotateX(80deg) }
  to{ transform: rotateX(0deg) }
}
#contentAreaContextMenu{  transform-origin: top; margin: -10px 0 0 -10px }
#contentAreaContextMenu:hover{ animation: 1 rot linear 150ms backwards; }

/*
Windows 10 style right-click context menus BRIGHT for light themes
*/

menupopup {
  -moz-appearance: none !important;
  padding: 8px 2px 8px 2px !important;
  background-color: white !important;
  border: 1px var(--main-accent-color) solid !important;
  min-width: 280px !important;
}

menuseparator {
  -moz-appearance: none !important;
  border: none !important;
  padding: .5px 0px .5px 0px !important;
  margin: 4px 8px 4px 8px !important;
  background-color: #808080 !important;
}

menuitem, menu {
  -moz-appearance: none !important;
  color: black !important;
  padding: 7.5px 0px 7.5px 0px !important;
}

menuitem[disabled="true"], menuitem[disabled="true"] > .menu-text {
  color: graytext !important;
}
menuitem:hover, menu:hover, menu[open="true"], menuitem[_moz-menuactive="true"] {
  -moz-appearance: none !important;
  padding: 7.5px 0px 7.5px 0px !important;
  background-color: var(--main-accent-color) !important;
}

menugroup {
  padding: 0px !important;
  background-color: transparent !important;
}

menuitem > .menu-text, menuitem > .menu-iconic-text {
  color: black !important;
}

menuitem:hover > .menu-text, menuitem:hover > .menu-iconic-text, menu:hover, menu[open="true"], menuitem[_moz-menuactive="true"] {
  color: white !important;
}

menuitem[disabled="true"], menuitem[disabled="true"] .menu-text {
  color: graytext !important;
}

menuitem[type="checkbox"] {
  padding-left: 8px !important;
  padding-top: 6.5px !important;
  padding-bottom: 6.5px !important;
}

menuitem[type="radio"] {
  padding-left: 8px !important;
  padding-top: 6.5px !important;
  padding-bottom: 6.5px !important;
}

menuitem[type="checkbox"] > .menu-iconic-text, menuitem[type="radio"] > .menu-iconic-text {
  padding-left: 5px !important;
}

menuitem[checked="true"][type="checkbox"] > .menu-iconic-left {
  padding: 7px 0px 0px 0px !important;
  border: solid black;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg) scale(.75);
  margin-bottom: 4px !important;
}

menuitem[checked="true"][type="radio"] > .menu-iconic-left {
  padding: 1px !important;
  border: solid black;
  height: 17px !important;
  border-radius: 100%;
  background: black;
  transform: scale(.5);
}

menucaption {
  background-color: transparent !important;
  color: black !important;
}

#ContentSelectDropdown > menupopup {
  background-image: none !important;
}

#ContentSelectDropdown {
  padding: 0px !important;
}

menulist {
  -moz-appearance: none !important;
  padding: 4px 4px 4px 4px !important;
  border: 2px solid #666666 !important;
  background-color: transparent !important;
}

menulist:hover {
  padding: 4px 4px 4px 4px !important;
  border: 2px solid #999999 !important;
  background-color: transparent !important;
}

menulist[open="true"] {
  border: 2px solid #666666 !important;
  background-color: #333333 !important;
}

#context-back > .menu-iconic-left, #context-forward > .menu-iconic-left, #context-reload > .menu-iconic-left, #context-stop > .menu-iconic-left, #context-bookmarkpage > .menu-iconic-left {
  padding: 0px !important;
}

.menu-iconic-left {
-moz-appearance: none !important;
  padding: 0px 5px 0px 9px !important;
}

.menu-right {
  -moz-appearance: none !important;
  padding: 7.5px !important;
  margin-right: 6px !important;
  color: black;
  border: solid black;
  border-width: 0 2px 2px 0px;
  transform: rotate(-45deg) scale(.55);
}

tooltip {
  -moz-appearance: none !important;
  color: black !important;
  background-color: white !important;
  border: 1px solid var(--main-accent-color) !important;
  padding: 6.5px !important;
}

/*
Windows 10 style right-click context menus DARK for dark themes
*/

#main-window[lwthemetextcolor=bright] menupopup {
  background-color: #2a2a2e !important;
  border: 1px var(--main-accent-color) solid !important;
}

#main-window[lwthemetextcolor=bright] menuseparator {
  background-color: #5c5c61 !important;
}

#main-window[lwthemetextcolor=bright] menuitem, #main-window[lwthemetextcolor=bright] menu {
color: #f9f9fa !important;
}

#main-window[lwthemetextcolor=bright] menuitem[disabled="true"], #main-window[lwthemetextcolor=bright] menuitem[disabled="true"] > .menu-text {
  color: graytext !important;
}

#main-window[lwthemetextcolor=bright] menuitem:hover, #main-window[lwthemetextcolor=bright] menu:hover, #main-window[lwthemetextcolor=bright] menu[open="true"], #main-window[lwthemetextcolor=bright] menuitem[_moz-menuactive="true"] {
  background-color: var(--main-accent-color) !important;
}

#main-window[lwthemetextcolor=bright] menuitem > .menu-text, #main-window[lwthemetextcolor=bright] menuitem > .menu-iconic-text {
  color: white !important;
}

#main-window[lwthemetextcolor=bright] menuitem:hover > .menu-text, menuitem:hover > .menu-iconic-text, #main-window[lwthemetextcolor=bright] menu:hover, #main-window[lwthemetextcolor=bright] menu[open="true"], #main-window[lwthemetextcolor=bright] menuitem[_moz-menuactive="true"] {
  color: white !important;
}

#main-window[lwthemetextcolor=bright] menuitem[disabled="true"], #main-window[lwthemetextcolor=bright] menuitem[disabled="true"] .menu-text {
  color: graytext !important;
}

#main-window[lwthemetextcolor=bright] menuitem[checked="true"][type="checkbox"] > .menu-iconic-left {
  border: solid white;
}

#main-window[lwthemetextcolor=bright] menuitem[checked="true"][type="radio"] > .menu-iconic-left {
  border: solid white;
  background: #f9f9fa;
}

#main-window[lwthemetextcolor=bright] menucaption {
  color: white !important;
}

#main-window[lwthemetextcolor=bright] menulist {
  border: 2px solid #666666 !important;
}

#main-window[lwthemetextcolor=bright] menulist:hover {
  border: 2px solid #999999 !important;
}

#main-window[lwthemetextcolor=bright] menulist[open="true"] {
  border: 2px solid #666666 !important;
  background-color: #333333 !important;
}

#main-window[lwthemetextcolor=bright] .menu-right {
  color: white;
  border: solid white;
  border-width: 0 2px 2px 0px;
}

#main-window[lwthemetextcolor=bright] tooltip {
  color: white !important;
  background-color: black !important;
  border: 1px solid var(--main-accent-color) !important;
}

/* Rename Inspect Element in the right click context menu into Finnish */
:-moz-any(#context-inspect)::before{
  -moz-appearance: menuitemtext;
  display: -moz-box;
}
:-moz-any(#context-inspect) > .menu-text{ display: none }
#context-inspect::before{ content: "Tarkastele elementtiä" }

/* remove Mozilla Multi-Account Containers add-on context menu. */
[id^="_testpilot-containers-menuitem-"]
{display: none !important; }

/*

DEVELOPMENT INACTIVE

*/

/*
#main-window[lwthemetextcolor=dark] #nav-bar-overflow-button {
  list-style-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE1IDE3Ij48ZGVmcz48c3R5bGU+LmNscy0ye2ZpbGw6bm9uZTtzdHJva2U6IzAwMDtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6MC45cHg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsaWdodCI+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxMSAxNC41IDQuNSA4IDExIDEuNSIvPjwvZz48L3N2Zz4=) !important;
  -moz-image-region: auto !important;
  transform: scaleX(-1);
}

.tab-content {
    display: -moz-box;
    -moz-box-orient: horizontal;
  }

  .tab-throbber {
    -moz-box-ordinal-group: 0;
  }

  .tab-icon-image {
    -moz-box-ordinal-group: 1;
  }

  .tab-sharing-icon-overlay {
    -moz-box-ordinal-group: 1;
  }

  .tab-icon-overlay {
    -moz-box-ordinal-group: 1;
  }

  .tab-label-container {
    -moz-box-ordinal-group: 3;
  }

  .tab-icon-sound {
    -moz-box-ordinal-group: 4;
  }

  .tab-close-button {
    -moz-box-ordinal-group: 5;
  }

  .tab-icon-sound {
    -moz-box-ordinal-group: 2;
    margin-left: 3px !important;
    margin-right: 5px !important;
  }

  .tab-label:not([pinned]) {
    margin-left: 3px !important;
  }

/* Container-colored tab lines */
/*
.tabbrowser-tab[usercontextid] .tab-line{
  background:var(--identity-tab-color)!important;
  transform:scaleX(.8)!important;
  opacity:.7!important;
  height:3px!important;
  border-radius:0 0 2px 2px!important;
}
.tabbrowser-tab[usercontextid][pinned] .tab-line{
  transform:scaleX(.55)!important;
}
.tabbrowser-tab[usercontextid]:not([visuallyselected]):hover .tab-line{
  border-radius:0!important;
  height:2px!important;
  transform:scaleX(1)!important;
  opacity:.8!important;
}
.tabbrowser-tab[usercontextid][visuallyselected] .tab-line{
  border-radius:0!important;
  height:2px!important;
  transform:scaleX(1)!important;
  opacity:1!important;
}
*/

/* New tab button color */
/*
#new-tab-button, .tabs-newtab-button {
  fill: var(--main-accent-color) !important;
}
*/

/* The default color of the download button */
/*
#downloads-button,
#downloads-button[indicator="true"]:not([attention="success"]) #downloads-indicator-icon
{
   display: -moz-box !important;
   visibility: visible !important;
   fill: black !important;
}



/* Rename Firefox Multi-Account Containers into Finnish */
/*Disabled for now as the checkbox appears after Always Open in This Container*/

/*
#_testpilot-containers-menuitem-_open-in-this-container (uses .menu-iconic-text and maybe .menu-iconic-highlightable-text),
#_testpilot-containers-menuitem-_remove-open-in-this-container (uses .menu-iconic-text, menu-iconic-left for the icon and maybe .menu-iconic-highlightable-text),
#_testpilot-containers-menuitem-_move-to-new-window-container
*/

/* When the address is not set to open in its current container */
/*

:-moz-any(#_testpilot-containers-menuitem-_open-in-this-container)::before{
  -moz-appearance: menuitemtext;
  display: -moz-box;
}

:-moz-any(#_testpilot-containers-menuitem-_open-in-this-container) > .menu-iconic-left { display: none}
:-moz-any(#_testpilot-containers-menuitem-_open-in-this-container) > .menu-iconic-text{ display: none}
#_testpilot-containers-menuitem-_open-in-this-container::before{ content: "Aina avaa tässä säiliössä" }
*/

/* When the address is set to always load in its container */
/*
:-moz-any(#_testpilot-containers-menuitem-_remove-open-in-this-container)::before{
  -moz-appearance: menuitemtext;
  display: -moz-box;
}

:-moz-any(#_testpilot-containers-menuitem-_remove-open-in-this-container) > .menu-iconic-left { display: none}
:-moz-any(#_testpilot-containers-menuitem-_remove-open-in-this-container) > .menu-iconic-text { display: none}
#_testpilot-containers-menuitem-_remove-open-in-this-container::before{ content: "\2713 Aina avaa tässä säiliössä" }
*/

/* Bottom two menu options */
/*
:-moz-any(#_testpilot-containers-menuitem-_move-to-new-window-container)::before{
  -moz-appearance: menuitemtext;
  display: -moz-box;
}

:-moz-any(#_testpilot-containers-menuitem-_move-to-new-window-container) > .menu-text{ display: none }
#_testpilot-containers-menuitem-_move-to-new-window-container::before{ content: "Siirrä välilehdet uuteen säiliöön" }


:-moz-any(#_testpilot-containers-menuitem-_hide-container)::before{
  -moz-appearance: menuitemtext;
  display: -moz-box;
}

:-moz-any(#_testpilot-containers-menuitem-_hide-container) > .menu-text{ display: none }
#_testpilot-containers-menuitem-_hide-container::before{ content: "Piilota kontti" }
*/

/* remove Inspect Element from right click context menu*/
/*
#context-inspect,
#inspect-separator
{display: none !important; }
*/

/* Chrome style pill box */
/*
#urlbar {
  box-shadow: none !important;
  border-radius: 9999px !important;
  transition: all ease-in-out 150ms !important;
}

#urlbar[focused="true"] {
  box-shadow: 0 1px 6px -4px rgba(0,0,0,.6) !important;
}
*/

/*

#context-back > .menu-iconic-left {
  list-style-image: var(--back-image) !important;
}

#main-window[lwthemetextcolor=bright] #context-back > .menu-iconic-left {
  list-style-image: var(--dark-back-image) !important;
}
*/

/*
.tabs-newtab-button .toolbarbutton-icon,
#TabsToolbar #new-tab-button .toolbarbutton-icon {
  list-style-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0iIzI5MjkyOSI+ICA8cmVjdCB4PSI2IiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxMyIvPiAgPHJlY3QgeD0iMCIgeT0iNiIgd2lkdGg9IjEzIiBoZWlnaHQ9IjEiLz48L3N2Zz4=) !important;
  padding-top: 8px !important;
  padding-left: 8px !important;
}


#main-window[lwthemetextcolor=bright] .tabs-newtab-button .toolbarbutton-icon,
#main-window[lwthemetextcolor=bright] #TabsToolbar #new-tab-button .toolbarbutton-icon {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABOSURBVHja1JMxCgAwCAN9hf4f8oz8LZ0KhbppaTvcFDkCQZNkFaxNEBEbAARAWXZG4O6XG5QE83iFpEgqy/oFb8z4ueDaNw4AAAD//wMAfLzrNdYkXloAAAAASUVORK5CYII=") !Important;
  padding-top: 8px !important;
  padding-left: 8px !important;
}
*/

/*

DEVELOPMENT ACTIVE

*/


#main-window[lwthemetextcolor=bright] #sidebar-button .toolbarbutton-icon {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAGTSURBVHja7Fo9joJAFP5mY0miBYXl3IOGzgvY2A0Ftd5AW+MpqGgs4AR6DLqBjoRCTOyfxa4u+5MNmxicGd9LKCCBvC/fzxsGBBHBhXqDI8VATKtRWZZOmESQI253R1rdk8VigbqurWh8Op0iTdPPC9QpKaU1MpNSdlsnjl8GwkD+kVrL5RLn89kKw4/HYx6I9khrv9/jcrn0zXGEYQgAOB6PKMty0MY9z8N8Pv99IIZhSESEPodS6n7f4XAYXJ7fB+LoxypSiD8fYKql3PRIt3zfh+d5AIC2bdG2rZ2p1TQN1us1aa3pdDrRZrMhK4HwHDHNIx/pJaIoYkYYyCOBEBF2ux1prUlrTavViqz0yG2WSCkBAJPJhKX1dEa22y2SJAGAwVe3D4/foig4tYxghIgQxzEFQQAAyPMcWZYJKz0SBAGUUgCAqqqQZRlL66mM5HmOqqru7+VWp5bJcnoNadm6X+cmI7PZDFEU9aLkNl+A969HSqlBqfR9/6unee/XNGmZPh/6luCfahgIA3kNINcBAESQ5TPkjEHLAAAAAElFTkSuQmCC")!important;
  -moz-image-region:auto!important;
  min-width: 23px !important;
  min-height: 23px !important;
  }


:root {
    /* COLOR VARIABLES */
    --main-accent-color: #FF6611;

    /* IMAGE VARIABLES */
    --dark-tab-close-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABUSURBVHjapJGxEcAwDALZh+GYkAW8FOl8jqOGS0EFr0MSkqARksB2JIUkJkmK7WxAUtZaI3R6G7iNKUwSL+AOTAM+wAlNFf8DVaVq6fqs9eMaPQMAAAIn5Lp9yxoAAAAASUVORK5CYII=");
    --tab-close-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAMCAYAAAAK%2Fx%2FDAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAArElEQVR42s2VsQ2EMBRDMwYNomQBJqCiYI2scCuku0HYgI4FkLKR7z46UkR5FFf94lN8W7JlhyRICv%2FMMU2PU%2FPnfnicm3d9UkrKOYvEDTNO2a2rtO9CM1%2Fs4vz472XRuW0iM4YZpxgywRhj01SNFcGua5qqsVvwNY5NUzWGwrQjYdqRMO0wDUqN0qDUKA1KLVBFVCFWBBVSRVShb0OuKnN1qN399u4uRk9PxwekbZ2eeZOPKwAAAABJRU5ErkJggg%3D%3D);
    --tab-close-hover-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABZSURBVHjapJGxEcAwCANVuWQG9UzFmF7Hiyidz3FodClUSc8JgCQ4giTMCBWpzESnIjUjtIEitcZoodPbwG104czEC7gD3YAPcEJdxf+AVcla2j6r/ThHzwCG9PXNNnHTowAAAABJRU5ErkJggg==");
    --back-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAAAeUlEQVR42mN49eoVAyF87969%2F8SoA2GCCnbs2PE%2FPj7%2BP7GGEjTMysrqP4im2IXkGIbTQHINw2ogJYZhGEipYSgGUsMwuIHUMgxsIMwwBweH%2FwUFBRRjhnXr1lHXQKp7mSaRQpNkQ5OETZOsR5PCgSbFF00KWHKqAACOUTZ7EDEByQAAAABJRU5ErkJggg%3D%3D");
    --dark-back-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAACeSURBVHjarNRRDQMhEATQ4VQQLKADFYAPJOCDIAoDCy7o111ouLb02BHwMh+7I7TW+BalVCcigYUcv6CUEmKMfQs7odYaQgjPm51QrRXW2iXoFhsbOeeWoQkboX8aTdgudGEcEAAcXBAAoJTSuSKMMWzNDiIS3ntIKZFz7lsYAHCB12lwgG9HuwtO77QD3j76U/DjBI3g6p4JzqV9DQDquMO0JYR50AAAAABJRU5ErkJggg==");
    --dark-reload-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAG8SURBVHjapJMxq+JAFEbPhG20shPTBGzTTGsZsAgE8itSGsFW0EJCeJ1FLG1tLcSAXSpJygF/QRrFLl3sZotHdp/4fKzuqYaBOXyX+42wbRuANE21ZVk0lGWJ53mCL3x8fOjT6cRms7m7BzCaQ5Ik7Pd7brcbz2i320wmE9I01a7r6m9FAMPhEKUURVF8KxqPx8L3fS6XC1EU8VVmALiuq6MoYrvdEgSBqOv6aarz+SyCIBDb7fZOZgCEYYhSijiOBUBRFByPR34ijmOhlCIMQwBEHMd6Mpng+z7n81nwAqZp6t1ux3K5RCildF3XBEHwkqRhvV7rVquFYVkWWZbxLlmWYVkWRqfTeVsixOcQnU7nfv2vovXfKhlVVfG/VFWFUZYljuO8LXEch7IsMfI8R0qJaZr6VYlpmlpKSZ7nCNu2SdNUXy6XlyuwXq91r9fD8zxhNB9WSsl0Ov3nVNPpVEspSZIEgF8Ah8NBADqKIvr9vp7P509bbpqmXiwWSCmZzWbN28/RGlzX1WEY0u12UUo9FNVxHKSUXK9XkiT5I3kQNYxGIz0YDLAsi6awVVVRliV5nrNarR7S/h4An8jESW2bVvIAAAAASUVORK5CYII=");
    --reload-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZGVmcz48c3R5bGU+LmNscy0ye29wYWNpdHk6MC4xO308L3N0eWxlPjwvZGVmcz48ZyBpZD0ibGlnaHQiPjxyZWN0IHg9IjIuMjUiIHdpZHRoPSI0Ljc1IiBoZWlnaHQ9IjEuMjUiLz48cmVjdCB4PSI1LjUiIHdpZHRoPSIxLjUiIGhlaWdodD0iNC41Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTEuNDMuMzRsLS40LDFhNy44OSw3Ljg5LDAsMSwxLTQuNTEuMTNMNS42Ni42NUE5LDksMCwxLDAsMTEuNDMuMzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIvPjxwYXRoIGQ9Ik0xMS40My4zNGwtLjQsMWE3Ljg5LDcuODksMCwxLDEtNC41MS4xM0w1LjY2LjY1QTksOSwwLDEsMCwxMS40My4zNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDApIi8+PC9nPjwvc3ZnPg==);
    --dark-stop-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAACRSURBVHjapNG5DQMxDAXRkcHW1MRGrIMFsA5GalNOVoAPHTTMVJgH7P5Sa+2qirsXfjgz6xGBqCrXdQH0LGJm/W6QO+pZZMStNdy9CEAW+YwBZDyekFn8BuyQVfwFzBCAVTwFJsgyBnjw58npb49PWK0jmal260hmqt3EcopPiGTiHSLZeIVIRLw+pG4gEcFzAKFNpipXKGdKAAAAAElFTkSuQmCC");
    --stop-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsSAAALEgHS3X78AAABrElEQVR42pVUXasBURRd%2F9IvUcoDnkQilEyRB5EUpYR8fxaekCQJKeVfuNauozNn3Ot62NOsmb3WrL1n74PL5QIzlssljscjZrMZQqGQ4NVqhXK5jHA4jN1uh9vthtPp9OLI5Xq9Psbj8YP3TEqn02i1WkI2cT6fRyKRwH6%2FBznkvoT4wOVyidj5fMZgMEAwGESj0cBms3HgXC5n49DZy5r5ot%2FvSxn1eh3b7daG9Vw6e7qC1KlCT1iv1%2Bh0OjYxYj2HzqLRKA6HA3C%2F321hivV6PUQiEYcTYpZZKpWQTCaBarXqCJ0wHA5RqVRsz4hjsRiazaZ8wO12Q9TehU7U72u1Gnw%2BHwqFAuLxOBSGZVm%2FhhJQIsViUXrCxmcyGQQCAXi9XnS73e%2BF2C%2BWm81mRcjj8ch4fF1au93GdDqVKWefFP7YbLp498dYIptNEXH06fePRiOZJU61%2Fo54sVhgMplIzr8GUpHMgaQA3TD344pwWSmiY%2FODsiJ%2FLS0bSRET04nJcRwj3JtUKiWk%2BXzuwM88EeZ6OI4RPfx%2Bv9TMQ41f1zEbq3rCcuhE8X4A5cj%2BxuTY9j8AAAAASUVORK5CYII%3D");
    --forward-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAAAdklEQVR42s3VsQ3AIAwEQOZy5U1YwZO5ZhoGYAlHNKkSeOAjpfgOnWRhntRaS0hqrYGcg7Gcc5RSggL2dExEpigMougSiKDL4AzdAkfoNviGHoFPaDKzOI2q3igVdPfgj%2FybS6GuDXWxqU%2BPWg7U%2BvqkYNEv4AIn2DZ728rD4AAAAABJRU5ErkJggg%3D%3D");
    --dark-forward-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAACSSURBVHjarNRNDcAgDAXg16kgtYAkgg8k4INgCgENLrrrDgMK2zs3X9L0h7z3sISZVURoVnNZoJyzllLAzPoZSylR7x0r0IQBQAhhCZoxC7iFrcBtbAYeYSPwGHsDSVUVP6S1BrJewCi1VnXOIcb4rc0nJCJ0/QUdD+ANOsJG0DY2g7awFbT1z1YQAPueWT7tPQBi/HxKH9IQUQAAAABJRU5ErkJggg==");
    --home-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE5IDE3Ij48ZGVmcz48c3R5bGU+LmNscy0yLC5jbHMtM3tmaWxsOm5vbmU7c3Ryb2tlOiMwMDA7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fS5jbHMtMntzdHJva2Utd2lkdGg6MS4xcHg7fS5jbHMtM3tzdHJva2Utd2lkdGg6MS4ycHg7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJsaWdodCI+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxIDEwIDkuNSAxIDE4IDEwIi8+PHBvbHlsaW5lIGNsYXNzPSJjbHMtMyIgcG9pbnRzPSIzIDggMyAxNiA3LjUgMTYgNy41IDEwLjUgMTEuNSAxMC41IDExLjUgMTYgMTYgMTYgMTYgOCIvPjwvZz48L3N2Zz4=);
    --dark-home-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAEYSURBVHjazNSxjYQwEAXQ75WbgNAplEABCCIIoRIMIYKEjAZIoAMkOiCjBxKILJkKfBF3x7HCrHaDm8SyPH4OPDNEKYVPBbEsS5vkuq4ahoHo8h66hDRNVVVV4JyrtzDOuQqCAF3XIQxDLUivoDAMkWUZhmEg0zSpPM8BQBVFQW5jfyEA+3oJ0jvQHjqQ3oXugPQVSAc+diiKIozjiDv1tIPjOCKKou9fpqZpKs/zIKU8XYjj+FQKbdseHpNSwvM8NE2j6LIsxHEc9H1/upgkCZ5gh/22bfB9n9zqgLIsYds2KcsSb7fTK/F/sUPRMsZQ1/VlM/8+Z4w9x9Z1hWEYh4R5niGEAAAIITDP8wlY1/VnOH5y0n4NAFzQqdSIfgDHAAAAAElFTkSuQmCC");
}