toggle Test

                           /***  Vertical Bookmarks  ***/


/*  Bookmarks 1st popup position  */

/*
#PlacesToolbar menupopup:nth-child(1) {
   margin-left: 122px  !important;
   margin-top: -31px  !important;
}*/


toolbarbutton.bookmark-item > menupopup:nth-child(1) {
   background-color: orange !important;
   margin-left: 122px  !important;
}


/*  Bookmarks Icons size , distance to text  */

#PlacesToolbarItems .toolbarbutton-icon:not(#nav-bar-overflow-button) {
    padding: 1px !important;
    margin-right: 2px !important;
}


/*  Bookmarks bar Vertical color, borders, shadows  */

#PersonalToolbar[collapsed="false"] {
    background-color: var(--custom-toolbar-bgcolor) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.25) !important;
    box-shadow: inset -1px 1px 0px 0px rgba(255, 255, 255, 0.75),
                         inset 26px 0px 44px -12px rgba(255, 255, 255, 0.5) !important;
}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
    text-align: start !important;
    padding-left: 6px !important;
}


@-moz-document url(chrome://browser/content/browser.xhtml) {

:root:not([inDOMFullscreen]) {
    --uc-vertical-toolbar-width: 40px;
}

#PersonalToolbar {
    position: fixed;
    display: flex;
    flex-direction: column;
    left: 0;
    width: var(--uc-vertical-toolbar-width,0);
    height: 100vh;
    max-height: 100vh !important;
    padding-bottom: 120px !important;
    z-index: 2 !important;
}

#personal-bookmarks {
    overflow-y: auto; scrollbar-width: none;
}

#PersonalToolbar >  #personal-bookmarks > #PlacesToolbar > hbox {
     -moz-box-orient: vertical !important;
}

#PersonalToolbar #PlacesToolbarItems {
    display: flex;
    flex-direction: column;
}

#PersonalToolbar .toolbarbutton-1 {
    padding-block: 10px !important;
}

#PersonalToolbar #PlacesToolbarItems > .bookmark-item {
    padding-block: 4px !important;
}

:root:not([chromehidden~="toolbar"]) body > #browser,
:root:not([chromehidden~="toolbar"]) body > #browser-bottombox,
:root:not([chromehidden~="toolbar"]) #customization-container {
    margin-left: var(--uc-vertical-toolbar-width,0);
  }

}

                                                           /*  Bookmarks button OFF  */

/*
#navigator-toolbox-background:has(#PersonalToolbar[collapsed="true"]) + #browser {
  margin-left: 0 !important;
}*/
/*
#navigator-toolbox-background:has(#PersonalToolbar[collapsed="false"]) + #browser {
  margin-left: var(--uc-vertical-toolbar-width) !important;
}*/