.ydb-query-editor-controls {
    display: flex;
    flex: 0 0 60px;
    justify-content: space-between;
    align-items: center;
    gap: 24px;

    min-height: 60px;

    &__right,
    &__left {
        display: flex;
        gap: 12px;
    }

    &__action-button {
        display: flex;
        flex: none;

        &_run {
            width: 76px;
        }

        &_explain-analyze {
            width: 111px;
        }

        > .g-button {
            width: 100%;
            min-width: 0;
            max-width: 100%;
        }
    }

    &__mode-selector {
        $b: &;

        &__button {
            width: 241px;
            margin-left: 2px;
        }

        &__button-content {
            display: flex;
            justify-content: space-between;
            align-items: center;

            width: 215px;
        }

        &__popup {
            width: 241px;
        }
    }

    &__item-with-popover {
        display: flex;
        align-items: center;

        height: 24px;

        line-height: initial;
    }

    &__popover {
        max-width: 420px;

        white-space: pre-wrap;
    }
}