userChromeStyleFF

#urlbar:is([breakout][breakout-extend], [breakout][usertyping][focused]) {
    #urlbar-input {
        font-size: 21px !important;
    }
    scrollbox:nth-child(5) {
        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; }

      }
    z-index: 2;
    position: fixed !important;
    bottom: auto !important;
    top: 20vh !important;
    padding-left: 6px !important;
    padding-right: 8px !important;

    left: 18vw !important;
    right: 18vw !important;
    width: 64vw !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: 30px;
        margin-right: 10px;
    }

    .urlbar-go-button {
        margin: auto 0;
    }

}

#zen-essentials-container .tab-icon-image {
    transform: scale(2.0);
    &:not([selected]) .tab-background{
    background: red !important;

  }
}