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

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

    overflow: auto;
    overflow-anchor: none;

    height: 100%;
    padding: 0 20px;

    &__title,
    &__storage-details,
    &__info,
    &__controls,
    &__tabs {
        position: sticky;
        left: 0;

        margin-bottom: 20px;
    }

    &__heading {
        margin: 0;
        overflow-wrap: anywhere;
    }

    &__title-content {
        flex: 1;

        min-width: 0;
    }

    &__title {
        padding-right: 125px;
    }

    &__storage-details {
        margin-bottom: var(--g-spacing-4);
    }

    &__tabs {
        margin-bottom: 0;
    }

    &__disk-distribution {
        padding: 20px 0;
    }

    &__controls {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--g-spacing-3);
    }

    &__tabs {
        z-index: 3;

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

        @include mixins.sticky-top();
        @include mixins.tabs-wrapper-styles();
    }
}