Firefox Multile Rows CSS

/* Multiple Rows of Tabs */
    /* Borrowed from https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css */
    /* Makes tabs to appear on multiple lines */
    /* Tab reordering will not work and can't be made to work */
    /* You can use multi-row_tabs_window_control_patch.css to move window controls to nav-bar*/

    /* It's recommended to move tabs new-tab-button outside tabs toolbar */

    /* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll  */
    /* This maximum visible rows won't work before Fx66 */
    /* So this setting does nothing on Fx65 and all tab rows will be shown */
    :root{
        --tabs-lines: 9;
        --tab_min_width_mlt: 212px;
        --tab_max_width_mlt: 212px;
        --tab-min-height_mlt: var(--tab-min-height,32px); /* set own value here, if used without configuration files */
    }

    #tabbrowser-tabs{
        min-height: unset !important;
        padding-inline-start: 0px !important
    }

    @-moz-document url(chrome://browser/content/browser.xhtml){
        #scrollbutton-up~spacer,
        #scrollbutton-up,
        #scrollbutton-down{
            display: var(--scrollbutton-display-model,initial);
        }

        scrollbox[part][orient="horizontal"]{
            display: flex;
            flex-wrap: wrap;
            overflow-y: hide;
            max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
            scrollbar-color: currentColor transparent;
            scrollbar-width: thin;
                    /* This selector is the fix: (copy this part into the relevant place in your own userChrome.css) */
               > * {
                  flex-wrap: wrap;
               }
        }
    }

    .scrollbox-clip[orient="horizontal"],
    #tabbrowser-arrowscrollbox{
        overflow: -moz-hidden-unscrollable;
        display: block;
        --scrollbutton-display-model: none;
    }

    /* If forced to use proton, delete the rest of MROT after this */
    .tabbrowser-tab{
        height: var(--tab-min-height_mlt);
    }

    :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {
        height: var(--tab-min-height_mlt) !important;
    }

    #tabbrowser-tabs .tabbrowser-tab[pinned]{
        position: static !important;
        margin-inline-start: 0px !important;
    }

    .tabbrowser-tab[fadein]:not([pinned]) {
        /*flex-grow: 1;*/
        min-width: var(--tab_min_width_mlt) !important;
        max-width: var(--tab_max_width_mlt) !important;
    }

    .tabbrowser-tab > stack{
        width: 100%;
        height: 100%;
    }

    #alltabs-button,
    :root:not([customizing]) #TabsToolbar #new-tab-button,
    #tabbrowser-arrowscrollbox > spacer,
    .tabbrowser-tab::after{
        display: none !important;
    }
/* End MROT */

/* Fixed Tab Width */
    .tabbrowser-tab:not([pinned]) {min-width:212px;max-width:212px;width:212px !important;}
/* End FTW */

/* Hide Tab Close Button */
    #tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }
/* End HTCB */