.toolbar-multiple-rows {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    width: 100%;
    min-height: var(--mat-toolbar-standard-height, 64px);
}
.toolbar, .toolbar h1, .toolbar h2, .toolbar h3, .toolbar h4, .toolbar h5, .toolbar h6 {
    font-family: var(--mat-toolbar-title-text-font,var(--mat-sys-title-large-font) );
    font-size: var(--mat-toolbar-title-text-size, var(--mat-sys-title-large-size));
    line-height: var(--mat-toolbar-title-text-line-height, var(--mat-sys-title-large-line-height));
    font-weight: var(--mat-toolbar-title-text-weight, var(--mat-sys-title-large-weight));
    letter-spacing: var(--mat-toolbar-title-text-tracking, var(--mat-sys-title-large-tracking));
    margin: 0;
}
.toolbar {
    background: var(--mat-toolbar-container-background-color, var(--mat-sys-surface));
    color: var(--mat-toolbar-container-text-color, var(--mat-sys-on-surface));
}
nav toolbar .toolbar-row {
    height: 48px !important;
}
.toolbar-row, .toolbar-single-row {
    display: flex;
    box-sizing: border-box;
    padding: 0 16px;
    width: 100%;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    height: var(--mat-toolbar-standard-height, 64px);
}
.toolbar-items {
    flex: 1;
    height: 100%;
    display: flex;
}
.toolbar-items-left {
    flex-flow: row;
}
.toolbar-items-right {
    flex-flow: row-reverse;
}
.toolbar-img {
    height: 100%;
}