userChromeUpdate

#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: 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;
    }

}
@-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; }

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

  }
}