AddressBar_CompactBreaks

#urlbar:is([breakout][breakout-extend], [breakout][usertyping][focused]) {
    #urlbar-input {
        font-size: 21px !important;
    }
    scrollbox:nth-child(5) {
        scrollbar-width: none !important;
      }
    z-index: 2;
    position: fixed !important;
    bottom: auto !important;
    top: 20vh !important;
    padding-left: 6px !important;
    padding-right: 8px !important;

    left: 28vw !important;
    right: 18vw !important;
    width: 25vw !important;

    &:after {
        content: "";
        position: fixed;
        pointer-events: none;

        width: 100vw;
        height: 100vh;

        top: 0px;
        left: 0px;

        background-color: rgba(0, 0, 0, 0.3);
        backdrop-filter: blur(12px);

        z-index: -1;
    }

    #identity-box {
        margin: auto 0;
        height: 100px;
        margin-right: 10px;
    }
    .urlbar-go-button {
        margin: auto 0;
    }

}
@media (max-aspect-ratio: 16/8) {
  *{ scrollbar-width: none !important}
}
@-moz-document url(chrome://browser/content/browser.xhtml){

    :root:not([inFullscreen]){
      --uc-bottom-toolbar-height: calc(39px + var(--toolbarbutton-outer-padding) )
    }

    :root[uidensity="compact"]:not([inFullscreen]){
      --uc-bottom-toolbar-height: calc(32px + var(--toolbarbutton-outer-padding) )
    }

    #browser,
    #customization-container{ margin-bottom: var(--uc-bottom-toolbar-height,0px) }

    #nav-bar{
      position: fixed !important;
      bottom: 0px;
      /* For some reason -webkit-box behaves internally like -moz-box, but can be used with fixed position. display: flex would work too but it breaks extension menus. */
      display: -webkit-box;
      width: 100%;
      z-index: 1;
    }
    #nav-bar-customization-target{ -webkit-box-flex: 1; }

    /* Fix panels sizing */
    .panel-viewstack{ max-height: unset !important; }

    #urlbar[breakout][breakout-extend]{
      display: flex !important;
      flex-direction: column-reverse;
      bottom: 0px !important; /* Change to 3-5 px if using compact_urlbar_megabar.css depending on toolbar density */
      top: auto !important;
    }

    .urlbarView-body-inner{ border-top-style: none !important; }

  }
#bookmarks-view treechildren::-moz-tree-image(container),
#PlacesToolbarItems toolbarbutton[container="true"],
#PlacesToolbarItems menu[container="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon,
#bookmarksMenu menu[container="true"] .menu-iconic-icon,
.bookmark-item[container] {
    list-style-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCEtLSBHZW5lcmF0b3I6IEdyYXZpdC5pbyAtLT48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF8yclpGWXJFOUdxV2VHalBsNWZGOXlGcHllQ1hLQlU1ZCI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF8yclpGWXJFOUdxV2VHalBsNWZGOXlGcHllQ1hLQlU1ZCkiPjxnPjxnPjxwYXRoIGQ9IiBNIDEwLjYwOSA5LjI2NyBDIDEwLjYwOSAxMC4wODcgMTAuMDExIDEwLjc1OCA5LjI4IDEwLjc1OCBMIDEuNDE1IDEwLjc1OCBDIDAuNjg0IDEwLjc1OCAwLjA4NSAxMC4wODcgMC4wODUgOS4yNjcgTCAwLjA4NSAzLjY1IEMgMC4wODUgMi44MjkgMC42ODQgMi4xNTggMS40MTUgMi4xNTggTCA5LjI4IDIuMTU4IEMgMTAuMDExIDIuMTU4IDEwLjYwOSAyLjgyOSAxMC42MDkgMy42NSBMIDEwLjYwOSA5LjI2NyBMIDEwLjYwOSA5LjI2NyBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjQ5LDE3MCw0NSkiLz48cGF0aCBkPSIgTSAxMC42MDkgOC45NzMgQyAxMC42MDkgOS44MTcgMTAuMDExIDEwLjUwOCA5LjI4IDEwLjUwOCBMIDEuNDE1IDEwLjUwOCBDIDAuNjg0IDEwLjUwOCAwLjA4NSA5LjgxNyAwLjA4NSA4Ljk3MyBMIDAuMDg1IDMuMTkgQyAwLjA4NSAyLjM0NiAwLjY4NCAxLjY1NSAxLjQxNSAxLjY1NSBMIDkuMjggMS42NTUgQyAxMC4wMTEgMS42NTUgMTAuNjA5IDIuMzQ2IDEwLjYwOSAzLjE5IEwgMTAuNjA5IDguOTczIEwgMTAuNjA5IDguOTczIFogIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsMTYwLDApIi8+PHBhdGggZD0iIE0gMCAxMy41MjggQyAwIDE0LjMzIDAuNjE4IDE0Ljk4OCAxLjM3MyAxNC45ODggTCAxNC42MjYgMTQuOTg4IEMgMTUuMzgyIDE0Ljk4OCAxNiAxNC4zMyAxNiAxMy41MjggTCAxNiAyLjQ3MiBDIDE2IDEuNjY5IDE1LjM4MiAxLjAxMiAxNC42MjYgMS4wMTIgTCAxMC45NTYgMS4wMTIgQyAxMC4yMDEgMS4wMTIgOS4yMzUgMS41NTUgOC44MDkgMi4yMTkgTCA3LjYxOCA0LjA3NiBDIDcuMTkzIDQuNzM5IDYuMjI3IDUuMjgyIDUuNDcxIDUuMjgyIEwgMS4zNzMgNS4yODIgQyAwLjYxOCA1LjI4MiAwIDUuOTM5IDAgNi43NDEgTCAwIDEzLjUyOCBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjU0LDIxMyw0NykiLz48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9IiBNIDE0LjYyNiAxMy41OTEgTCAxLjM3MyAxMy41OTEgQyAwLjYxOCAxMy41OTEgMCAxMi45MzQgMCAxMi4xMzEgTCAwIDEyLjQ2NiBDIDAgMTMuMjY4IDAuNjE4IDEzLjkyNiAxLjM3MyAxMy45MjYgTCAxNC42MjYgMTMuOTI2IEMgMTUuMzgyIDEzLjkyNiAxNiAxMy4yNjggMTYgMTIuNDY2IEwgMTYgMTIuMTMxIEMgMTYgMTIuOTM0IDE1LjM4MiAxMy41OTEgMTQuNjI2IDEzLjU5MSBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoNDQsNDQsNDQpIi8+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+") !important;

}


/* for bookmarks library */
@-moz-document url(chrome://browser/content/places/places.xhtml) {
    #placesView treechildren::-moz-tree-image {
        list-style-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCEtLSBHZW5lcmF0b3I6IEdyYXZpdC5pbyAtLT48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF8yclpGWXJFOUdxV2VHalBsNWZGOXlGcHllQ1hLQlU1ZCI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF8yclpGWXJFOUdxV2VHalBsNWZGOXlGcHllQ1hLQlU1ZCkiPjxnPjxnPjxwYXRoIGQ9IiBNIDEwLjYwOSA5LjI2NyBDIDEwLjYwOSAxMC4wODcgMTAuMDExIDEwLjc1OCA5LjI4IDEwLjc1OCBMIDEuNDE1IDEwLjc1OCBDIDAuNjg0IDEwLjc1OCAwLjA4NSAxMC4wODcgMC4wODUgOS4yNjcgTCAwLjA4NSAzLjY1IEMgMC4wODUgMi44MjkgMC42ODQgMi4xNTggMS40MTUgMi4xNTggTCA5LjI4IDIuMTU4IEMgMTAuMDExIDIuMTU4IDEwLjYwOSAyLjgyOSAxMC42MDkgMy42NSBMIDEwLjYwOSA5LjI2NyBMIDEwLjYwOSA5LjI2NyBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjQ5LDE3MCw0NSkiLz48cGF0aCBkPSIgTSAxMC42MDkgOC45NzMgQyAxMC42MDkgOS44MTcgMTAuMDExIDEwLjUwOCA5LjI4IDEwLjUwOCBMIDEuNDE1IDEwLjUwOCBDIDAuNjg0IDEwLjUwOCAwLjA4NSA5LjgxNyAwLjA4NSA4Ljk3MyBMIDAuMDg1IDMuMTkgQyAwLjA4NSAyLjM0NiAwLjY4NCAxLjY1NSAxLjQxNSAxLjY1NSBMIDkuMjggMS42NTUgQyAxMC4wMTEgMS42NTUgMTAuNjA5IDIuMzQ2IDEwLjYwOSAzLjE5IEwgMTAuNjA5IDguOTczIEwgMTAuNjA5IDguOTczIFogIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsMTYwLDApIi8+PHBhdGggZD0iIE0gMCAxMy41MjggQyAwIDE0LjMzIDAuNjE4IDE0Ljk4OCAxLjM3MyAxNC45ODggTCAxNC42MjYgMTQuOTg4IEMgMTUuMzgyIDE0Ljk4OCAxNiAxNC4zMyAxNiAxMy41MjggTCAxNiAyLjQ3MiBDIDE2IDEuNjY5IDE1LjM4MiAxLjAxMiAxNC42MjYgMS4wMTIgTCAxMC45NTYgMS4wMTIgQyAxMC4yMDEgMS4wMTIgOS4yMzUgMS41NTUgOC44MDkgMi4yMTkgTCA3LjYxOCA0LjA3NiBDIDcuMTkzIDQuNzM5IDYuMjI3IDUuMjgyIDUuNDcxIDUuMjgyIEwgMS4zNzMgNS4yODIgQyAwLjYxOCA1LjI4MiAwIDUuOTM5IDAgNi43NDEgTCAwIDEzLjUyOCBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjU0LDIxMyw0NykiLz48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9IiBNIDE0LjYyNiAxMy41OTEgTCAxLjM3MyAxMy41OTEgQyAwLjYxOCAxMy41OTEgMCAxMi45MzQgMCAxMi4xMzEgTCAwIDEyLjQ2NiBDIDAgMTMuMjY4IDAuNjE4IDEzLjkyNiAxLjM3MyAxMy45MjYgTCAxNC42MjYgMTMuOTI2IEMgMTUuMzgyIDEzLjkyNiAxNiAxMy4yNjggMTYgMTIuNDY2IEwgMTYgMTIuMTMxIEMgMTYgMTIuOTM0IDE1LjM4MiAxMy41OTEgMTQuNjI2IDEzLjU5MSBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoNDQsNDQsNDQpIi8+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+") !important;
        width: 16px !important;
        height: 16px !important;
    }
}

/* by folder name in the bookmarks toolbar to make them different for example */
.bookmark-item[container="true"] [label="folder1"] {
    list-style-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCEtLSBHZW5lcmF0b3I6IEdyYXZpdC5pbyAtLT48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZwdCIgaGVpZ2h0PSIxNnB0Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF9mZFhXZk5LNm1xMHZQRWJ0VkwycXFvMFlwdWwzMXd1diI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF9mZFhXZk5LNm1xMHZQRWJ0VkwycXFvMFlwdWwzMXd1dikiPjxnPjxnPjxwYXRoIGQ9IiBNIDEwLjYwOSA5LjI2NyBDIDEwLjYwOSAxMC4wODcgMTAuMDExIDEwLjc1OCA5LjI4IDEwLjc1OCBMIDEuNDE1IDEwLjc1OCBDIDAuNjg0IDEwLjc1OCAwLjA4NSAxMC4wODcgMC4wODUgOS4yNjcgTCAwLjA4NSAzLjY1IEMgMC4wODUgMi44MjkgMC42ODQgMi4xNTggMS40MTUgMi4xNTggTCA5LjI4IDIuMTU4IEMgMTAuMDExIDIuMTU4IDEwLjYwOSAyLjgyOSAxMC42MDkgMy42NSBMIDEwLjYwOSA5LjI2NyBMIDEwLjYwOSA5LjI2NyBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjQ5LDE3MCw0NSkiLz48cGF0aCBkPSIgTSAxMC42MDkgOC45NzMgQyAxMC42MDkgOS44MTcgMTAuMDExIDEwLjUwOCA5LjI4IDEwLjUwOCBMIDEuNDE1IDEwLjUwOCBDIDAuNjg0IDEwLjUwOCAwLjA4NSA5LjgxNyAwLjA4NSA4Ljk3MyBMIDAuMDg1IDMuMTkgQyAwLjA4NSAyLjM0NiAwLjY4NCAxLjY1NSAxLjQxNSAxLjY1NSBMIDkuMjggMS42NTUgQyAxMC4wMTEgMS42NTUgMTAuNjA5IDIuMzQ2IDEwLjYwOSAzLjE5IEwgMTAuNjA5IDguOTczIEwgMTAuNjA5IDguOTczIFogIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigxOSw5MiwxNjMpIi8+PHBhdGggZD0iIE0gMCAxMy41MjggQyAwIDE0LjMzIDAuNjE4IDE0Ljk4OCAxLjM3MyAxNC45ODggTCAxNC42MjYgMTQuOTg4IEMgMTUuMzgyIDE0Ljk4OCAxNiAxNC4zMyAxNiAxMy41MjggTCAxNiAyLjQ3MiBDIDE2IDEuNjY5IDE1LjM4MiAxLjAxMiAxNC42MjYgMS4wMTIgTCAxMC45NTYgMS4wMTIgQyAxMC4yMDEgMS4wMTIgOS4yMzUgMS41NTUgOC44MDkgMi4yMTkgTCA3LjYxOCA0LjA3NiBDIDcuMTkzIDQuNzM5IDYuMjI3IDUuMjgyIDUuNDcxIDUuMjgyIEwgMS4zNzMgNS4yODIgQyAwLjYxOCA1LjI4MiAwIDUuOTM5IDAgNi43NDEgTCAwIDEzLjUyOCBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMzAsMTQ0LDI1NSkiLz48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBzdHlsZT0ib3BhY2l0eTowLjI7Ij48ZyBvcGFjaXR5PSIwLjIiPjxwYXRoIGQ9IiBNIDE0LjYyNiAxMy41OTEgTCAxLjM3MyAxMy41OTEgQyAwLjYxOCAxMy41OTEgMCAxMi45MzQgMCAxMi4xMzEgTCAwIDEyLjQ2NiBDIDAgMTMuMjY4IDAuNjE4IDEzLjkyNiAxLjM3MyAxMy45MjYgTCAxNC42MjYgMTMuOTI2IEMgMTUuMzgyIDEzLjkyNiAxNiAxMy4yNjggMTYgMTIuNDY2IEwgMTYgMTIuMTMxIEMgMTYgMTIuOTM0IDE1LjM4MiAxMy41OTEgMTQuNjI2IDEzLjU5MSBaICIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoNDQsNDQsNDQpIi8+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+") !important;
}
  .titlebar-buttonbox-container{ display:none }
#zen-essentials-container .tab-icon-image {
    transform: scale(1.35);
    &:not([selected]) .tab-background{
    background: red !important;

  }
}