#PersonalToolbar[customizing] {
    background-color: powderblue !important;
}


                                             /*  Bookmarks text left  */

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

                                    /**  Bookmarks Toggle button **/

#PersonalToolbar-button .toolbarbutton-icon {
    list-style-image: url("bookmark-cap-32.png") !important;
}

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

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

#PersonalToolbar:not([customizing]) {
    position: fixed;
    display: flex;
    flex-direction: column;
    left: 0;
    width: var(--uc-personalbar-width);
    height: 100vh;
    max-height: 100vh !important;
     /*padding-bottom: 120px !important;
    z-index: 2 !important;*/
}


/*  Width , Margins custom  */

#PersonalToolbar {
    --uc-personalbar-width: 40px !important;
}

#PersonalToolbar.wide-mode {
    --uc-personalbar-width: 130px !important;
}

#browser {
   margin-left: var(--uc-margin-width) !important;
}

#browser {
    --uc-margin-width: 40px !important;
}

#browser.margin {
    --uc-margin-width: 130px !important;
}

#PersonalToolbar, #browser {
    transition: all 0.4s ease !important;
}


/*  Popusps position  */


#PlacesToolbarItems > .bookmark-item >  menupopup, #OtherBookmarksPopup {
    margin-inline-start: calc(var(--uc-personalbar-width) - 8px) !important;
    margin-top: -25px  !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-personalbar-width);
  }
*/

}