@use '../../styles/mixins';

.node {
    --sticky-tabs-height: 40px;
    --data-table-start: var(--sticky-tabs-height);
    --ydb-configs-controls-height: 62px;
    --ydb-configs-container-height: calc(100vh - var(--header-height) - var(--sticky-tabs-height));
    position: relative;

    overflow: auto;

    height: 100%;
    padding: 0 20px;

    &__meta,
    &__title,
    &__info,
    &__error,
    &__tabs {
        position: sticky;
        left: 0;

        margin-bottom: 20px;
    }

    &__meta {
        display: flex;
        align-items: center;

        min-height: 28px;
        padding-right: 121px;
    }

    &__tabs,
    &__error {
        margin-bottom: 0;
    }

    &__tabs {
        z-index: 3;

        height: var(--sticky-tabs-height);
        padding-right: 125px;

        @include mixins.sticky-top();
        @include mixins.tabs-wrapper-styles();
    }
    &__treads {
        --ydb-table-with-controls-layout-controls-height: 0px;
    }
}