.top-app-bar {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem;
}

.top-app-bar > * {
    flex-shrink: 0;
}

.top-app-bar > .title {
    flex-grow: 1;
    flex-shrink: 1;
    color: var(--md-sys-color-on-surface);
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}