@media (-moz-bool-pref: "sidebar.position_start") {
  #sidebar-box {
    :root[sizemode="normal"] & {
/* зона открытия от края брауза в норм режиме */
      --v-sidebar-min-width: 10px;
    }
/* зона открытия от края экрана */
    --v-sidebar-min-width: 2px;
/* ширина */
    --v-sidebar-max-width: 30em;
/* время до открытия */
    --v-sidebar-transition-delay-show: .6s;
/* время до закрытия */
    --v-sidebar-transition-delay-hide: .6s;
/* время анимации */
    --v-sidebar-transition-duration: .3s;
 
    z-index: 2;
    min-width: var(--v-sidebar-max-width) !important;
    width: var(--v-sidebar-max-width) !important;
    max-width: var(--v-sidebar-max-width) !important;
    overflow: hidden;
    opacity: 0;
    margin-inline-end: calc(-1 * var(--v-sidebar-max-width));
    border-inline-end: 1px solid ThreeDShadow;
    transform: translateX(calc(-1 * (var(--v-sidebar-max-width) - var(--v-sidebar-min-width))));
    transition-timing-function: linear, step-start;
    transition-delay: var(--v-sidebar-transition-delay-hide), calc(var(--v-sidebar-transition-delay-hide) + var(--v-sidebar-transition-duration));
    transition-duration: var(--v-sidebar-transition-duration), 0s;
    transition-property: transform, opacity;
 
    &:is(:hover, [sidebardrag]) {
      transform: translateX(0px);
      opacity: 1;
      transition-delay: var(--v-sidebar-transition-delay-show);
    }
 
    & + #sidebar-splitter {
      display: none;
    }
  }
}

/*  Выезжающая ПАНЕЛЬ ЗАКЛАДОК для 135  */
@media not (-moz-bool-pref: "sidebar.revamp") {
        #sidebar-box {
            --v-sidebar-min-width: 3px;
            --v-sidebar-min-width-normal: 5px;
            --v-sidebar-max-width: 30em;
            --v-sidebar-transition-delay-show: 0s;
            --v-sidebar-transition-delay-hide: 0s;
            --v-sidebar-transition-duration: 0s;
            /* ********************************************** */
        
            position: relative !important;
            z-index: 3 !important;
            min-width: var(--v-sidebar-max-width) !important;
            width: var(--v-sidebar-max-width) !important;
            max-width: var(--v-sidebar-max-width) !important;
            overflow: hidden !important;
            opacity: 0 !important;
            --v-sidebar-margin-max-width: calc(-1 * var(--v-sidebar-max-width));
            --v-sidebar-transform-locale-dir: -1;
            --v-sidebar-transform-locale-dir-visible: 1;
            margin-inline-start: 0 !important;
            margin-inline-end: var(--v-sidebar-margin-max-width) !important;
            border: none !important;
            border-inline-end: 1px solid var(--sidebar-border-color, ThreeDShadow) !important;
            transform: translateX(calc(var(--v-sidebar-transform-locale-dir) * (var(--v-sidebar-max-width) - var(--v-sidebar-min-width)))) !important;
            transition-timing-function: linear, step-start, linear !important;
            transition-delay: var(--v-sidebar-transition-delay-hide), calc(var(--v-sidebar-transition-delay-hide) + var(--v-sidebar-transition-duration)), 0s !important;
            transition-duration: var(--v-sidebar-transition-duration), 0s, 0.2s !important;
            transition-property: transform, opacity, margin-top !important;
        
            &[positionend="true"] {
                margin-inline-start: var(--v-sidebar-margin-max-width) !important;
                margin-inline-end: 0 !important;
                border-inline-start: 1px solid var(--sidebar-border-color, ThreeDShadow) !important;
                border-inline-end: none !important;
            }
            &[positionend="true"]:-moz-locale-dir(ltr),
            &:not([positionend="true"]):-moz-locale-dir(rtl) {
                --v-sidebar-transform-locale-dir: 1;
                --v-sidebar-transform-locale-dir-visible: -1;
            }
            :root[sizemode="normal"] & {
                --v-sidebar-min-width: var(--v-sidebar-min-width-normal) !important;
            }
            &:hover,
            &[sidebardrag] {
                transform: translateX(0px) !important;
                opacity: 1 !important;
                transition-delay: var(--v-sidebar-transition-delay-show), var(--v-sidebar-transition-delay-show), 0s !important;
            }
            :root[v_vertical_bar_start="true"]:is([v_vertical_bar_visible="visible"],[v_vertical_bar_sidebar="true"]) &:not([positionend="true"]),
            :root[v_vertical_bar_start="false"]:is([v_vertical_bar_visible="visible"],[v_vertical_bar_sidebar="true"]) &[positionend="true"] {
                transform: translateX(calc(var(--v-sidebar-transform-locale-dir-visible) * var(--v-vertical-bar-width, 0px))) !important;
                opacity: 1 !important;
                transition-delay: 0s !important;
            }
            & > #sidebar {
                min-width: 0 !important;
                width: auto !important;
                max-width: none !important;
                flex-grow: 1 !important;
            }
            :root[BookmarksToolbarOverlapsBrowser] & {
                margin-top: var(--bookmarks-toolbar-overlapping-browser-height) !important;
            }
            :root[v_top_bar_overlaps="true"] & {
                margin-top: var(--v-top-bar-overlaps) !important;
            }
            :root[BookmarksToolbarOverlapsBrowser][v_top_bar_overlaps="true"] & {
                margin-top: calc(var(--bookmarks-toolbar-overlapping-browser-height) + var(--v-top-bar-overlaps)) !important;
            }
        }
        #browser > #sidebar-splitter {
            display: none !important;
        }
    }

/*  Свой шрифт для БОКОВОЙ панели закладок  */
@-moz-document url-prefix("chrome://browser/content/places/") {

@font-face {
    font-family: "Custom";
    src: url("./fonts/Lucida.ttf");
}

#bookmarksPanel {
    font-family: "Custom" !important;
    font-size:  14px !important;
}
}