#topbar[data-style="default"] > #topbar-links {
    background: var(--color-bg-alt);
    padding: 0 0.2rem;
}

#topbar[data-style="default"] > #topbar-links > ul {
    list-style-type: none;
}
#topbar[data-style="default"] > #topbar-links > ul > li > a {
    display: block;
}
#topbar[data-style="default"] > #topbar-links > ul > li > a {
    padding: 0.2rem 0.3rem;
}

#topbar[data-style="default"] > #topbar-links a {
    color: inherit;
    position: relative;
    border: 2px solid transparent;
}
#topbar[data-style="default"] > #topbar-links a:hover {
    border-color: var(--color-link-outline);
}

#topbar[data-style="default"] > #topbar-links:focus-within > ul {
    background-color: black;
}