.xMainCfg > .xTb {
    grid-template:
        "ToolbarBranding ToolbarText"
        "ToolbarButtons ToolbarButtons";
    grid-template-columns: auto  1fr;
    grid-template-rows: var( --toolbar-height) var(--toolbar-bottom-height);
}

.xTb > .xTbBtns {
    border-bottom: 1px solid rgb(216, 216, 216);
}

.xTbBtns {
    background-color: var(--toolbar-background-color);
}

.xTbBtns > a {
    justify-content: center;
    min-width: var(--toolbar-bottom-height);
    padding: 0;
}

.xTbBtns > a span {
    display: block !important;
    padding: 0 12px 0 0;
}

.xTbBtns > a :is(span, div):empty {
    padding: 0;
}

.xTbText:not(:empty)::before {
    content: '';
    display: block;
    width: 16px;
    height: 20px;
    border-left: 1px solid rgba(255, 255, 255, .3);
}

.xTbBranding {
    background-color: var(--toolbar-top-background-color);
}

body > .xCfg:not(.xQVDialog) .xTb {
    border-bottom: 1px solid rgb(216, 216, 216);
    height: var(--toolbar-bottom-height);
}

body > .xCfg:not(.xQVDialog) .xTb .xTbBtns {
    border-bottom: 0;
}

@media (max-width: 64rem) {
    .xTbText {
        display: flex;
    }
}