.ydb-tenant-metric-page-summary {
    box-sizing: border-box;
    width: 100%;
    padding: var(--g-spacing-4);

    border-radius: var(--g-border-radius-s);
    background-color: var(--g-color-base-generic);

    &__content {
        display: flex;
        flex-direction: column;
        gap: var(--g-spacing-2);
    }

    &__header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: var(--g-spacing-2) var(--g-spacing-3);

        min-width: 0;
    }

    &__description {
        flex: 1 1 280px;

        min-width: 0;
    }

    &__values {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        gap: var(--g-spacing-3);

        white-space: nowrap;
    }

    &__divider {
        height: 12px;
    }

    &__progress {
        --ydb-segmented-progress-height: 8px;
        --ydb-segmented-progress-section-min-width: 8px;
        --ydb-segmented-progress-empty-opacity: 0.75;

        border-radius: var(--g-border-radius-xs);
    }
}