PopOutTabs

#urlbar:is([breakout][breakout-extend], [breakout][usertyping][focused]) {
  #urlbar-input {
      font-size: 25px !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;

}
}