/* Убираем имена всех элементов в personal-bookmarks */
#personal-bookmarks .bookmark-item > .toolbarbutton-text {
  display:none !important;
}

/* Показываем имя любого элемента при наведении */
#personal-bookmarks .bookmark-item:hover > .toolbarbutton-text {
  display:-moz-box !important;
}

"use strict";

/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* by Aris (aris-addons@gmx.net)*************************************************************** */
/* Github: https://github.com/aris-t2/customscrollbarsforfx *********************************** */
/* ******************************************************************************************** */

/* ******************************************************************************************** */
/* Custom Scrollbars for Firefox ************************************************************** */
/* version 1.0.6 ****************************************************************************** */
/* ******************************************************************************************** */

/* ***********************************************************************************************

 README
 
 !!! Important !!!
 
 Preferences have to be set to false, for this to work on recent Firefox builds (102+)
 
 about:config >
 widget.windows.overlay-scrollbars.enabled > false (Windows)
 widget.gtk.overlay-scrollbars.enabled > false (Linux/MacOSX)
 
 
 [!] 'Method 2' is required to prepare Firefox for custom JavaScript files
 [!] 'custom_scrollbars.uc.js' file belongs into Firefox profiles 'chrome' folder!
 -> finding profile folder: address bar > about:profiles > Root Directory > Open Folder
 -> add file to \chrome\ folder (create one, if needed)

 [!] STARTUP CACHE HAS TO BE DELETED AFTER EVERY CHANGE!
 -> finding 'startupCache' folder: address bar > about:profiles > Local Directory > Open Folder > startupCache
 -> close Firefox
 -> delete 'startupCache' folders content

 ENABLING options > set var to true
 DISABLING options > set var to false
 Modifying appearance > change values
 - color - name: red, blue, transparent / hex code: #33CCFF, #FFF
 - color - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8)
 - numbers: 1, 2, 3 ... 10, 11, 12 ...
 - opacity: 0.0 to 1.0 e.g. 1.4, 1,75
 - gradients: linear-gradient(direction, color, color, color)
 - gradients example: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
 - predefined gradients: transparent,rgba(255,255,255,0.5),transparent -> transparent,rgba(255,255,255,0.0),transparent
 - button size with arrow (descriptions for vertical scrollbars - analogous for horizontal scrollbars)
 -- 1: space above arrow = arrow height
 -- 1.5: space above arrow = 0.5 * arrow height
 -- 2: no space above arrow
 
 NOTE
 - This is a tiny collection of scrollbar tweaks, not a port of 'NewScrollbars' add-on!
 - Small scrollbar width values will corrupt some parts of the ui!
 
*********************************************************************************************** */

// GENERAL SCROLLBAR SETTINGS
var hide_scrollbars = false; // default: hide_scrollbars = false
var hide_scrollbar_buttons = false; // default: hide_scrollbar_buttons = false
var custom_scrollbar_size = true; // default: custom_scrollbar_size = false
var custom_scrollbar_size_value = 7; // in px // default: custom_scrollbar_size_value = 17
var custom_scrollbar_opacity = false; // default: custom_scrollbar_opacity = false
var custom_opacity_value = "1.0"; // default: custom_opacity_value = "1.0"
// floating scrollbars
var enable_scrollbars_on_top_of_webcontent = false; // default: enable_scrollbars_on_top_of_webcontent = false // uses 'custom_scrollbar_size_value' inside its code
// custom scrollbars
var enable_custom_scrollbars = true; // default: enable_custom_scrollbars = true

// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
var cs_thumb_border = 0; // in px // default: cs_thumb_border = 0
var cs_thumb_roundness = 0; // in px // default: cs_thumb_roundness = 0
var cs_buttons_roundness = 0; // in px // default: cs_buttons_roundness = 0
var cs_buttons_as_arrows = false; // default: cs_buttons_as_arrows = false // uses 'custom_scrollbar_size_value' inside its code
var cs_arrows_on_buttons = true; // default: cs_arrows_on_buttons = true // uses 'custom_scrollbar_size_value' inside its code
// button size with arrow - 1: space above arrow = arrow height // 1.5: space above arrow = 0.5 * arrow height // 2: no space above arrow
var cs_arrows_on_buttons_buttons_size = 1; // default: cs_arrows_on_buttons_buttons_size = 1.5
// 'flat' scrollbars
var cs_ignore_color_gradients = false; // default: cs_ignore_color_gradients = false

var cs_thumb_minimal_size = 12; // in px

// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
var cs_background_color = "#44944A" // Арлекин, default: cs_background_color = "#DDDDDD"
var cs_background_image_vertical = "unset" // "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_background_image_vertical = "unset"
var cs_background_image_horizontal = "unset" // "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_background_image_horizontal = "unset"
// - corner
var cs_corner_background_color = "#98FB98" // "#DDDDDD"; // default: cs_corner_background_color = "#DDDDDD"
var cs_corner_background_image = "unset" // "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)"; // default: cs_corner_background_image = "unset"
// - thumb/slider
var cs_thumb_color = "#E48080" // "#33CCFF"; // default: cs_thumb_color = "#33CCFF"
var cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_vertical = "unset"
var cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_horizontal = "unset"
var cs_thumb_hover_color = "#FF0000" // "#66FFFF"; // default: cs_thumb_hover_color = "#66FFFF"
var cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_vertical = "unset"
var cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_horizontal = "unset"
var cs_thumb_border_color = "#33CCFF"; // default: cs_thumb_border_color = "#33CCFF"
// - buttons
var cs_buttons_color = "#66FFFF"; // default: cs_buttons_color = "#66FFFF"
var cs_buttons_image_vertical = "unset" // "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_vertical = "unset"
var cs_buttons_image_horizontal = "unset" // "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_horizontal = "unset"
var cs_buttons_hover_color = "#0000FF" // "#33CCFF"; // default: cs_buttons_hover_color = "#33CCFF"
var cs_buttons_hover_image_vertical = "unset" // "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_vertical = "unset"
var cs_buttons_hover_image_horizontal = "unset" // "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_horizontal = "unset"
// - button arrows
var cs_arrows_on_buttons_color = "#000000" //"#33CCFF"; // default: cs_arrows_on_buttons_color = "#33CCFF"
var cs_arrows_on_buttons_hover_color = "#E48080" // "#66FFFF"; // default: cs_arrows_on_buttons_hover_color = "#66FFFF"

// unset background image color gradients -> flat scrollbars
if(cs_ignore_color_gradients==true)
  cs_background_image_vertical
  =cs_background_image_horizontal
  =cs_corner_background_image=cs_thumb_image_vertical
  =cs_thumb_image_horizontal
  =cs_thumb_hover_image_vertical
  =cs_thumb_hover_image_horizontal
  =cs_buttons_image_vertical
  =cs_buttons_image_horizontal
  =cs_buttons_hover_image_vertical
  =cs_buttons_hover_image_horizontal
  ="unset";

/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */


// Scrollbar code

Components.utils.import("resource://gre/modules/Services.jsm");
var ss =  Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

var custom_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar, scrollcorner, scrollbar thumb, scrollbar scrollbarbutton {\
    -moz-appearance: none !important;\
    appearance: none !important;\
  }\
  scrollbar {\
    background-color: '+cs_background_color+' !important;\
  }\
  scrollbar[orient="vertical"] {\
    background-image: '+cs_background_image_vertical+' !important;\
  }\
  scrollbar[orient="horizontal"] {\
    background-image: '+cs_background_image_horizontal+' !important;\
  }\
  scrollcorner {\
    background-color: '+cs_corner_background_color+' !important;\
    background-image: '+cs_corner_background_image+' !important;\
  }\
  scrollbar thumb {\
    background-color: '+cs_thumb_color+' !important;\
    border-radius: '+cs_thumb_roundness+'px !important;\
    border: '+cs_thumb_border+'px solid '+cs_thumb_border_color+' !important;\
  }\
  scrollbar thumb[orient="vertical"] {\
    background-image: '+cs_thumb_image_vertical+' !important;\
    min-height: '+(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)+'px !important;\
  }\
  scrollbar thumb[orient="horizontal"] {\
    background-image: '+cs_thumb_image_horizontal+' !important;\
    min-width: '+(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)+'px !important;\
  }\
  scrollbar thumb:hover, scrollbar thumb:active {\
    background-color: '+cs_thumb_hover_color+' !important;\
  }\
  scrollbar thumb[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active {\
    background-image: '+cs_thumb_hover_image_vertical+' !important;\
  }\
  scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="horizontal"]:active {\
    background-image: '+cs_thumb_hover_image_horizontal+' !important;\
  }\
  scrollbar scrollbarbutton {\
    background-color: '+cs_buttons_color+' !important;\
    border-radius: '+cs_buttons_roundness+'px !important;\
  }\
  scrollbar[orient="vertical"] scrollbarbutton {\
    background-image: '+cs_buttons_image_vertical+' !important;\
  }\
  scrollbar[orient="horizontal"] scrollbarbutton {\
    background-image: '+cs_buttons_image_horizontal+' !important;\
  }\
  scrollbar scrollbarbutton:hover {\
    background-color: '+cs_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="vertical"] scrollbarbutton:hover {\
    background-image: '+cs_buttons_hover_image_vertical+' !important;\
  }\
  scrollbar[orient="horizontal"] scrollbarbutton:hover {\
    background-image: '+cs_buttons_hover_image_horizontal+' !important;\
  }\
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var cs_scrollbars_scrollbar_button_arrows = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar scrollbarbutton, \
  scrollbar[orient="vertical"] scrollbarbutton,\
  scrollbar[orient="horizontal"] scrollbarbutton, \
  scrollbar[orient="vertical"] scrollbarbutton:hover,\
  scrollbar[orient="horizontal"] scrollbarbutton:hover {\
    background-color: unset !important;\
    background-image: unset !important;\
    border-radius: 0px !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton {\
    min-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    max-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    min-width: '+custom_scrollbar_size_value+'px !important;\
    width: '+custom_scrollbar_size_value+'px !important;\
    max-width: '+custom_scrollbar_size_value+'px !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton {\
    min-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    max-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    min-height: '+custom_scrollbar_size_value+'px !important;\
    height: '+custom_scrollbar_size_value+'px !important;\
    max-height: '+custom_scrollbar_size_value+'px !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var cs_scrollbars_arrows_on_buttons = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar scrollbarbutton, \
  scrollbar[orient="vertical"] scrollbarbutton,\
  scrollbar[orient="horizontal"] scrollbarbutton, \
  scrollbar[orient="vertical"] scrollbarbutton:hover,\
  scrollbar[orient="horizontal"] scrollbarbutton:hover {\
    border-radius: 0px !important;\
  }\
  \
  scrollbar[orient="vertical"] > scrollbarbutton {\
    min-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    max-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    min-width: '+custom_scrollbar_size_value+'px !important;\
    width: '+custom_scrollbar_size_value+'px !important;\
    max-width: '+custom_scrollbar_size_value+'px !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton {\
    min-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    max-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
    min-height: '+custom_scrollbar_size_value+'px !important;\
    height: '+custom_scrollbar_size_value+'px !important;\
    max-height: '+custom_scrollbar_size_value+'px !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
  }\
  scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {\
    border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {\
    border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
  }\
  scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {\
    border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_buttons = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar scrollbarbutton {\
    opacity: 0 !important;\
  }\
  scrollbar[orient="vertical"] scrollbarbutton {\
    min-height: 1px !important;\
    height: 1px !important;\
    max-height: 1px !important;\
  }\
  scrollbar[orient="horizontal"] scrollbarbutton {\
    min-width: 1px !important;\
    width: 1px !important;\
    max-width: 1px !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_size = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar[orient="vertical"] scrollbarbutton {\
    min-width: 0 !important;\
    width: '+custom_scrollbar_size_value+'px !important;\
    max-width: '+custom_scrollbar_size_value+'px !important;\
  }\
  scrollbar[orient="horizontal"] scrollbarbutton {\
    min-height: 0 !important;\
    height: '+custom_scrollbar_size_value+'px !important;\
    max-height: '+custom_scrollbar_size_value+'px !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var floating_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar {\
    position: relative !important;\
    z-index: 1000000000 !important;\
  }\
  scrollbar[orient="vertical"],\
  scrollbar[orient="horizontal"],\
  scrollbar, scrollcorner {\
    background-color: transparent !important; \
    background-image: unset !important; \
  }\
  scrollbar[orient="vertical"] {\
    margin-inline-start: -'+custom_scrollbar_size_value+'px !important;\
    width: '+custom_scrollbar_size_value+'px !important;\
  }\
  scrollbar[orient="horizontal"] {\
    margin-top: -'+custom_scrollbar_size_value+'px !important;\
    height: '+custom_scrollbar_size_value+'px !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_opacity = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar {\
    opacity: '+custom_opacity_value+' !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var remove_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
  \
  @namespace html url("http://www.w3.org/1999/xhtml");\
  \
  scrollbar, scrollcorner {\
    display: none !important;\
    visibility: collapse !important;\
  }\
  \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

// enable settings as configured above
if(enable_custom_scrollbars==true) custom_scrollbars.init();
if(cs_buttons_as_arrows==true && hide_scrollbars==false) cs_scrollbars_scrollbar_button_arrows.init();
if(cs_arrows_on_buttons==true && cs_buttons_as_arrows==false && hide_scrollbars==false) cs_scrollbars_arrows_on_buttons.init();
if(hide_scrollbar_buttons==true) scrollbar_buttons.init();
if(custom_scrollbar_size==true) scrollbar_size.init();
if(enable_scrollbars_on_top_of_webcontent==true) floating_scrollbars.init();
if(custom_scrollbar_opacity==true) scrollbar_opacity.init();
if(hide_scrollbars==true) remove_scrollbars.init();

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

/* Ширина и наличие кнопок перемотки регулируется через about:config :
 * По умолчанию - 0, MacOs - 1 (без кнопок), GTK - 2 (без кнопок),
 * Android - 3 (без кнопок), Windows 10 - 4, Windows 11 - 5 ***//*
user_pref("widget.non-native-theme.scrollbar.style", 2);
// Наложенный скролбар + скрытие, через ~3сек неактивности (с метками поиска)
user_pref("ui.useOverlayScrollbars", 1); /***/

scrollbar, scrollcorner, html|select {
    --v-scrollbar-background-color: rgba(100,100,100,.4) !important;
    --v-scrollbar-background-color-hover: rgba(100,100,100,.5) !important;
    --v-scrollbar-background-color-active: rgba(100,100,100,.6) !important;
    --v-scrollbar-border-radius: 5px !important;
    --v-scrollbar-min-size: 7px !important; /* влияет только на размер кнопок */
    --v-scrollbar-dn-image: url("./svg/arrow-dn.svg");
    --v-scrollbar-up-image: url("./svg/arrow-up.svg");
    --v-scrollbar-rit-image: url("./svg/arrow-rit.svg");
    --v-scrollbar-lft-image: url("./svg/arrow-lft.svg");
    --v-scrollbar-image-size: 5px !important; /* значок кнопок перемотки, 0 что б скрыть */
}
/* ************************************************ */

/* Скроллбар, dropmarker */
scrollbar {
/*    -moz-appearance: none !important;
    appearance: none !important; /**/
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
scrollbar[root="true"] {
    position: relative !important;
    z-index: 2147483647 !important;
}
scrollbar[root="true"][orient="vertical"] {
    margin-left: calc(-1 * var(--v-scrollbar-min-size)) !important;
}
scrollbar[root="true"][orient="horizontal"] {
    margin-top: calc(-1 * var(--v-scrollbar-min-size)) !important;
}
scrollcorner {
    -moz-appearance: none !important;
    appearance: none !important;
    width: var(--v-scrollbar-min-size) !important;
    height: var(--v-scrollbar-min-size) !important;
    background: none !important;
    border: none !important;
}
scrollbar > slider {
    -moz-appearance: none !important;
    appearance: none !important;
    background: none !important;
    border: none !important;
}
scrollbar > slider > thumb,
scrollbar > scrollbarbutton,
html|*:not(html|select) > scrollbar > slider > thumb,
html|select > html|button {
    -moz-appearance: none !important;
    appearance: none !important;
    border: none !important;
    border-radius: var(--v-scrollbar-border-radius) !important;
    background-color: var(--v-scrollbar-background-color) !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: var(--v-scrollbar-image-size) !important;
}
scrollbar[orient="vertical"],
scrollbar[orient="vertical"] > slider,
scrollbar[orient="vertical"] > slider > thumb {
    min-width: var(--v-scrollbar-min-size) !important;
    max-width: var(--v-scrollbar-min-size) !important;
}
scrollbar[orient="horizontal"],
scrollbar[orient="horizontal"] > slider,
scrollbar[orient="horizontal"] > slider > thumb {
    min-height: var(--v-scrollbar-min-size) !important;
    max-height: var(--v-scrollbar-min-size) !important;
}
scrollbar > scrollbarbutton {
    min-width: var(--v-scrollbar-min-size) !important;
    min-height: var(--v-scrollbar-min-size) !important;
}
scrollbar > slider > thumb:hover,
scrollbar > scrollbarbutton:not([disabled="true"]):hover {
    background-color: var(--v-scrollbar-background-color-hover) !important;
}
scrollbar > slider > thumb:active,
scrollbar > scrollbarbutton:not([disabled="true"]):active,
html|select > html|button:active {
    background-color: var(--v-scrollbar-background-color-active) !important;
}
html|select > html|button {
    background-image: var(--v-scrollbar-dn-image) !important;
}
scrollbar > scrollbarbutton[type="increment"],
html|select > html|button[orientation="right"] {
    background-image: var(--v-scrollbar-rit-image) !important;
}
scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
    background-image: var(--v-scrollbar-dn-image) !important;
}
scrollbar > scrollbarbutton[type="decrement"],
html|select > html|button[orientation="left"] {
    background-image: var(--v-scrollbar-lft-image) !important;
}
scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
    background-image: var(--v-scrollbar-up-image) !important;
}
scrollbar > scrollbarbutton[disabled="true"] {
    opacity: 0.5 !important;
}

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

toolbarpaletteitem[place="palette"] > toolbaritem.add-additional-springs {
    background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat;
    border: none !important;
    outline: 1px solid GrayText;
    outline-offset: -1px;
    min-height: 37px;
}

toolbarpaletteitem:-moz-any([place="toolbar"],[place="panel"],[place="menu-panel"]) > toolbaritem.add-additional-springs {
    background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat;
    border: none !important;
    min-width: 34px;
    min-height: 14px;
    outline: 1px solid GrayText;
    outline-offset: -1px;
    margin-top: 3px;
    margin-bottom: 3px;
}

toolbarpaletteitem[place="palette"][id*="add-additional-top-spring"],
toolbarpaletteitem[place="palette"][id*="add-additional-vertical-spring"],
toolbarpaletteitem[place="palette"][id*="add-additional-bottom-spring"] {
    vertical-align: top;
}

toolbarpaletteitem[place] > toolbaritem.add-additional-springs {
    -moz-window-dragging: no-drag !important;
}

#add-restart-app {
    list-style-image: url("./svg/restart-app-16.svg") !important;
}

#add-additional-vertical-toggle-button {
    list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-additional-top-toggle-button {
    list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-additional-bottom-toggle-button {
    list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-view-history-sidebar-button {
    list-style-image: url("./svg/history-16.svg") !important;
}

#add-view-bookmarks-sidebar-button {
    list-style-image: url("./svg/bookmark-16.svg") !important;
}

#add-open-directories-button {
    list-style-image: url("./svg/user-home-16.svg") !important;
}

#add-open-about-config-button {
    list-style-image: url("./svg/about-config-16.svg") !important;
}

*|*:root:-moz-lwtheme {
    --lwt-background-tiling: repeat-y !important;
    background-repeat: repeat-y !important;
}

#browser-bottombox:-moz-lwtheme {
    background-color: transparent !important;
}

#add-additional-vertical-box {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 2 !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar,
#add-additional-bottom-bar {
    -moz-appearance: none !important;
    -moz-window-dragging: no-drag !important;
    border: none !important;
    background-clip: border-box !important;
    background-origin: border-box !important;
    background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;
    background-image: var(--toolbar-bgimage, linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15))) !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
}

#add-additional-bottom-bar {
    border-top: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1rem !important;
    min-width: 19px !important;
    width: auto !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-direction: column !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar:-moz-lwtheme,
#add-additional-bottom-bar:-moz-lwtheme {
    background-color: var(--toolbar-bgcolor, rgba(255,255,255,.4)) !important;
    background-image: none !important;
    color: var(--chrome-color, inherit) !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-lwtheme #add-additional-vertical-bar {
    background-repeat: repeat-y !important;
    background-size: auto auto !important;
    background-attachment: fixed !important;
    background-position: right top !important;
    background-color: var(--lwt-accent-color, white) !important;
    background-image: linear-gradient(var(--toolbar-bgcolor, rgba(255,255,255,.4)), var(--toolbar-bgcolor, rgba(255,255,255,.4))), var(--lwt-header-image, var(--v-lwt-header-image, none)) !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-lwtheme-brighttext #add-additional-vertical-bar {
    background-color: var(--lwt-accent-color, black) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar:not([collapsed="true"]) {
    border-inline-end: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box[v_vertical_bar_start="false"] > #add-additional-vertical-bar:not([collapsed="true"]) {
    border-inline-end: none !important;
    border-inline-start: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar[collapsed="true"] {
    padding: 0 !important;
    border: none !important;
    min-width: 0 !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbaritem.toolbaritem-combined-buttons {
    flex-direction: column !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbaritem.toolbaritem-combined-buttons separator {
    display: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarspring {
	min-width: 0 !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarseparator {
	-moz-appearance: none !important;
	margin: 0.2em 2px !important;
	border-bottom: 1px solid ThreeDHighlight !important;
	border-top: 1px solid ThreeDShadow !important;
	height: 2px !important;
	border-left: none !important;
	border-right: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarspacer {
	height: 15px !important;
}

#add-additional-vertical-container[vertautohide="true"] {
    position: relative !important;
    min-width: 100px !important;
    width: 100px !important;
    max-width: 100px !important;
    overflow: visible !important;
    margin-inline-start: 0 !important;
    margin-inline-end: -100px !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

#add-additional-vertical-container[vertautohide="true"][v_vertical_bar_start="false"] {
    margin-inline-start: -100px !important;
    margin-inline-end: 0 !important;
}

#add-additional-vertical-box[vertautohide="true"] {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: auto !important;
    font-size: 0px !important;
}

#add-additional-vertical-box[vertautohide="true"][v_vertical_bar_start="false"],
#add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl) {
    left: auto !important;
    right: 0 !important;
}

#add-additional-vertical-box[vertautohide="true"][v_vertical_bar_start="false"]:-moz-locale-dir(rtl) {
    left: 0 !important;
    right: auto !important;
}

#add-additional-vertical-box[vertautohide="true"] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: calc(-1 * (100% - 5px));
    right: auto;
    opacity: 0;
    animation-name: toolbar-hide !important;
    animation-timing-function: linear !important;
    animation-duration: 0.2s !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0s !important;
    transition-property: opacity !important;
    transition-timing-function: step-start !important;
    transition-duration: 0s !important;
    transition-delay: 0.2s !important;
    pointer-events: auto !important;
    height: 100% !important;
    visibility: visible !important;
    position: relative !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl) > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-vertical-box[vertautohide="true"][v_vertical_bar_start="false"] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: auto;
    right: calc(-1 * (100% - 5px));
    animation-name: toolbar-hide-rtl !important;
}

#add-additional-vertical-box[vertautohide="true"][v_vertical_bar_start="false"]:-moz-locale-dir(rtl) > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: calc(-1 * (100% - 5px));
    right: auto;
    animation-name: toolbar-hide !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][v_vertical_bar_visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: 0px;
    right: auto;
    opacity: 1;
    animation-name: toolbar-visible !important;
    transition-delay: 0s !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl)[v_vertical_bar_visible] > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][v_vertical_bar_start="false"][v_vertical_bar_visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: auto;
    right: 0px;
    animation-name: toolbar-visible-rtl !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][v_vertical_bar_start="false"]:-moz-locale-dir(rtl)[v_vertical_bar_visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: 0px;
    right: auto;
    animation-name: toolbar-visible !important;
}

@keyframes toolbar-hide {
    from {
        left: 0px;
    }
    to {
        left: calc(-1 * (100% - 5px));
    }
}

@keyframes toolbar-hide-rtl {
    from {
        right: 0px;
    }
    to {
        right: calc(-1 * (100% - 5px));
    }
}

@keyframes toolbar-visible {
    from {
        left: calc(-1 * (100% - 5px));
    }
    to {
        left: 0px;
    }
}

@keyframes toolbar-visible-rtl {
    from {
        right: calc(-1 * (100% - 5px));
    }
    to {
        right: 0px;
    }
}

*|*:root[inDOMFullscreen] #add-additional-vertical-box > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-bottom-bar[collapsed="true"][customizable="true"][customizing="true"],
#add-additional-vertical-box > #add-additional-vertical-bar > :-moz-any(#personal-bookmarks,#search-container) {
    visibility: collapse !important;
    padding: 0 !important;
    border: none !important;
    min-width: 0 !important;
}