.ydb-bridge-info-table {
    gap: 10px;

    height: 100%;

    &__pile {
        box-sizing: border-box;
        width: 321px;
        min-height: 98px;
        padding: var(--g-spacing-3);

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

    &__pile-name {
        min-width: 0;
    }

    &__current-pile {
        flex-shrink: 0;
    }

    &__state-label,
    &__healthcheck-status {
        flex-shrink: 0;
    }

    &__state-help {
        color: inherit;
    }

    &__state-help-popover {
        white-space: pre-line;
    }

    &__healthcheck-skeleton {
        width: 72px;
        height: 20px;
    }

    &__healthcheck-accessible-prefix {
        position: absolute;

        overflow: hidden;
        clip: rect(0 0 0 0);

        width: 1px;
        height: 1px;

        white-space: nowrap;
        clip-path: inset(50%);
    }

    &__nodes {
        color: var(--g-color-text-secondary);
    }
}