/*******************************
*      Toolbar Styling        *
*******************************/
.dbqde-toolbar-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: $document-editor-toolbar-background-color;
    border-bottom: 1px solid $global-border-color;
    height: $document-editor-header-height;
    overflow-x: auto;
    @include scrollbar;

    .dbqde-toolbar-functions-container {
        display: flex;
        margin: 0 $document-editor-default-margin;
    }

    .dbqde-toolbar-version-container {
        display: flex;
        flex-direction: row;
        gap: $document-editor-default-margin;
        margin: 0 $document-editor-default-margin;

        .dbqde-toolbar-version-function-button {
            flex-shrink: 0;
        }
    }
}