flexa grid

:root:not([customizing]) #navigator-toolbox {
    display: grid !important;
    grid-template-areas:
             " b a "
             " c c ";
    /*grid-template-columns:  60vw 40vw;*/
}

#nav-bar {
    background-color: hsla(120, 50%, 80%, 1) !important;
    grid-area: a;
}

#TabsToolbar {
    background-color: hsla(35, 80%, 80%, 1) !important;
    grid-area: b;
    min-width: 60vw !important;
}

#PersonalToolbar {
    background-color: hsla(200, 50%, 85%, 1) !important;
    grid-area: c;
}

#tabbrowser-tabs:not([overflow]) {
    --ug_tabs_position: safe flex-start;
}

scrollbox[orient="horizontal"] {
    justify-content: var(--ug_tabs_position, initial) !important;
}

#urlbar-container {
    flex-shrink: 1 !important;
}

.titlebar-spacer {
    width: 8px !important;
}
.titlebar-buttonbox-container {
    display: none !important;
}