nav a {
    color: inherit !important;
    text-decoration: none;
}

nav a:hover {
    text-decoration: underline;
}

nav.titlebar {
    z-index: 1000;
    align-items: center;
    white-space: nowrap;
    background: var(--window-background-hi);
}

nav.titlebar > * {
    margin: 0 0.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
}

nav.titlebar .square {
    flex-shrink: 0;
    display: inline-block;
    margin: 0;
    padding: 0 1rem;
    border-left: solid 1px var(--border-color);
    height: var(--unitsize);
    line-height: var(--unitsize);
}

nav.titlebar .inter,
nav.titlebar .mute {
    flex-shrink: 0;
}

nav.titlebar > .inter:after {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    padding-left: 1rem;
}

nav.titlebar > .sep {
    padding: 0;
    color: var(--text-lo);
}

.naviholder i {
    line-height: inherit;
}