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

.ydb-storage-group-page {
    --sticky-tabs-height: 40px;
    --data-table-start: var(--sticky-tabs-height);
    position: relative;

    overflow: auto;

    height: 100%;
    padding: 0 20px;

    &__summary,
    &__storage-title {
        position: sticky;
        left: 0;

        margin-bottom: 20px;
    }

    &__summary {
        margin-bottom: var(--g-spacing-6);
    }

    &__title {
        margin-bottom: var(--g-spacing-4);
        padding-right: 125px;
    }

    &__title-content {
        flex: 1;

        min-width: 0;
    }

    &__storage-title {
        z-index: 3;

        display: flex;
        align-items: center;

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

        @include mixins.sticky-top();
    }
}