UserChromeTabExtend

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

      z-index: -1;
  }
  #identity-box {
      margin: auto 0;
      height: 30px;
      margin-right: 10px;
  }

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

/* ==== Tab groups ==== */
/* Based on code by https://github.com/vicky5124 with my own tweaks added */

/* Make groups workspace specific */

tab-group:has(tab[hidden]) {
  display: none !important;
}

/* Tab groups on vertical tabs */

@media (-moz-bool-pref: "zen.tabs.vertical") {
  tab-group {
    display: grid !important;
    background: color-mix(in srgb, var(--tab-group-color-invert) 12%, transparent) !important;
    border-radius: calc(var(--border-radius-medium) + 2px) !important;
    margin-top: 2px !important;
    margin-bottom: 1px !important;
    margin-inline: 2px !important;
    border: 2px solid color-mix(in srgb, var(--tab-group-color) 50%, transparent) !important;
    transition: background 0.2s ease;
    overflow: hidden !important;

    & .tab-group-label-container {
      border-radius: calc(var(--border-radius-medium) + 2px) !important;
      transition: transform 0.2s ease;

      &:hover {
        background-color: var(--tab-hover-background-color) !important;
      }

      &:active {
        transform: scale(0.95, 0.95) !important;
      }
    }

    & .tab-group-label-container{
      margin-inline: 0px !important;
      width: 100%;

      &:after{
        display: none;
        padding: 0px !important;
        transform: scaleX(1) !important;
        background-color: color-mix(in srgb, var(--tab-group-color) 50%, transparent) !important;
        transition: transform 0.2s ease-out !important;
      }

      & > label{
        max-width: 100% !important;
        padding-top: 5px !important;;
        padding-bottom: 6px !important;;
        padding-inline: 0.9em !important;
        background: transparent !important;
        border: unset !important;
        font-weight: 600 !important;
        text-align: unset !important;
        color: var(--sidebar-text-color) !important;
        padding-left: 29px !important;
      }

      &>label::before {
        content: "" !important;
        position: absolute !important;
        left: 7px !important;
        top: 25%;
        width: 16px !important;
        height: 16px !important;
        background-color: var(--sidebar-text-color);
        mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgOS41MDJWOC43NWEyLjI1IDIuMjUgMCAwIDAtMi4yNS0yLjI1aC01LjcyNWwtMi4zOC0xLjk4QTIuMjUgMi4yNSAwIDAgMCA4LjIwNCA0SDQuMjVBMi4yNSAyLjI1IDAgMCAwIDIgNi4yNWwtLjAwNCAxMS41QTIuMjUgMi4yNSAwIDAgMCA0LjI0NiAyMEgxOC40N2ExLjc1IDEuNzUgMCAwIDAgMS42OTgtMS4zMjVsMS43NS02Ljk5OGExLjc1IDEuNzUgMCAwIDAtMS42OTgtMi4xNzVIMjBaTTQuMjUgNS41aDMuOTU2YS43NS43NSAwIDAgMSAuNDguMTczbDIuNTg4IDIuMTU0YS43NS43NSAwIDAgMCAuNDguMTczaDUuOTk2YS43NS43NSAwIDAgMSAuNzUuNzV2Ljc1Mkg2LjQyNGEyLjI1IDIuMjUgMCAwIDAtMi4xODMgMS43MDRsLS43NDQgMi45NzhMMy41IDYuMjVhLjc1Ljc1IDAgMCAxIC43NS0uNzVabTEuNDQ3IDYuMDdhLjc1Ljc1IDAgMCAxIC43MjctLjU2OEgyMC4yMmEuMjUuMjUgMCAwIDEgLjI0Mi4zMWwtMS43NSA2Ljk5OWEuMjUuMjUgMCAwIDEtLjI0Mi4xODlINC4yODVhLjI1LjI1IDAgMCAxLS4yNDMtLjMxbDEuNjU1LTYuNjJaIiBmaWxsPSIjMDAwMDAwIi8+PC9zdmc+');
        mask-size: contain;
        mask-repeat: no-repeat;
        background-size: contain !important;
        background-repeat: no-repeat !important;
      }
    }

    & tab {
      opacity: 1 !important;
      font-size: 1 !important;
      max-height: 5em !important;
      margin-left: 8px !important;
      transition: font-size 0.25s,
                  margin 0.25s,
                  padding 0.25s,
                  opacity 0.25s !important;

      @media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
        margin-left: 0 !important;
      }
    }

    &[collapsed] {
      height: auto !important;
      overflow: hidden !important;

      & .tab-group-label-container {
        &:after {
          content: "" !important;
          height: 2px !important;
          position: absolute !important;
          inset: auto 0 0 !important;
          transform: scaleX(0) !important;
          transition: transform 0.2s ease-in !important;
        }
      }

      & tab{
        display: flex !important;
        opacity: 0 !important;
        padding: 0 !important;
        font-size: 0 !important;
        margin: 0 !important;
        transition: opacity 0.25s ease-in,
                    font-size 0.25s ease-out,
                    margin 0.25s ease-out,
                    padding 0.25s ease-out !important;
      }

      & .tab-group-label-container > label::before {
        content: "" !important;
        position: absolute !important;
        left: 7px !important;
        top: 25%;
        width: 16px !important;
        height: 16px !important;
        background-color: var(--sidebar-text-color);
        mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC4yMDcgNGMuNDYgMCAuOTA4LjE0MSAxLjI4NC40MDJsLjE1Ni4xMkwxMi4wMjIgNi41aDcuNzI4YTIuMjUgMi4yNSAwIDAgMSAyLjIyOSAxLjkzOGwuMDE2LjE1OC4wMDUuMTU0djlhMi4yNSAyLjI1IDAgMCAxLTIuMDk2IDIuMjQ1TDE5Ljc1IDIwSDQuMjVhMi4yNSAyLjI1IDAgMCAxLTIuMjQ1LTIuMDk2TDIgMTcuNzVWNi4yNWEyLjI1IDIuMjUgMCAwIDEgMi4wOTYtMi4yNDVMNC4yNSA0aDMuOTU3Wm0xLjQ0IDUuOTc5YTIuMjUgMi4yNSAwIDAgMS0xLjI0NC41MTJsLS4xOTYuMDA5LTQuNzA3LS4wMDF2Ny4yNTFjMCAuMzguMjgyLjY5NC42NDguNzQzbC4xMDIuMDA3aDE1LjVhLjc1Ljc1IDAgMCAwIC43NDMtLjY0OGwuMDA3LS4xMDJ2LTlhLjc1Ljc1IDAgMCAwLS42NDgtLjc0M0wxOS43NSA4aC03LjcyOUw5LjY0NyA5Ljk3OVpNOC4yMDcgNS41SDQuMjVhLjc1Ljc1IDAgMCAwLS43NDMuNjQ4TDMuNSA2LjI1djIuNzQ5TDguMjA3IDlhLjc1Ljc1IDAgMCAwIC4zOTUtLjExM2wuMDg1LS4wNiAxLjg5MS0xLjU3OC0xLjg5LTEuNTc1YS43NS43NSAwIDAgMC0uMzc3LS4xNjdMOC4yMDcgNS41WiIgZmlsbD0iIzAwMDAwMCIvPjwvc3ZnPg==');
        mask-size: contain;
        mask-repeat: no-repeat;
        background-size: contain !important;
        background-repeat: no-repeat !important;

        @media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
          left: 9px !important;
        }
      }
    }
  }

  tab-group:hover {
    background: color-mix(in srgb, var(--tab-group-color-invert) 30%, transparent) !important;
    transition: background 0.2s ease;
  }
}
@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;

  }
  /* Reduce tab min-width */
}