.ydb-info-viewer-skeleton {
    display: flex;
    flex-direction: column;
    gap: 16px;

    &__row {
        display: flex;
        align-items: flex-start;

        min-height: var(--g-text-body-2-font-size);

        .g-skeleton {
            min-height: var(--g-text-body-2-font-size);
        }
    }

    &__label {
        display: flex;
        flex: 0 1 auto;
        align-items: baseline;

        width: 200px;

        &__text {
            width: 100px;
        }

        &__dots {
            width: 100px;
            margin: 0 2px;

            border-bottom: 1px dotted var(--g-color-text-secondary);
        }
    }

    &__value {
        min-width: 200px;
        max-width: 20%;
    }
}