.name-section {
    display: flex;
    flex-direction: column;
    padding-left: 0.75em;

    .identifier {
        font-size: 0.8em;
        text-overflow: ellipsis;
        overflow: clip;

        .host {
            opacity: 0.5;
        }
    }
    min-width: 2rem;
    overflow: clip;
    margin-right: 1rem;
}

.display-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: clip;
}

.identifier {
    white-space: wrap;
}

::deep .identifier .ph {
    display: inline-block;
    margin-left: 0.5em;
    vertical-align: middle;
}