.tf-section[data-tf-type="layout.topbar"]
    .tf-section[data-tf-type="utility.topbar_links"] {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.tf-topbar-links {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    font-family: var(--tf-typography-fontFamily, inherit) !important;
}

.tf-topbar-links__list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 8px var(--tf-topbar-links-gap, 24px);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.tf-topbar-links__list::-webkit-scrollbar { display: none; }

.tf-topbar-links--center .tf-topbar-links__list {
    justify-content: center;
    justify-content: safe center;
}
.tf-topbar-links--right .tf-topbar-links__list {
    justify-content: flex-end;
    justify-content: safe flex-end;
}

.tf-topbar-links__item {
    position: relative;
    flex: 0 0 auto;
    max-width: 100%;
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
}

.tf-topbar-links__link {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

.tf-topbar-links__list,
.tf-topbar-links__item,
.tf-topbar-links__link,
.tf-topbar-links__text {
    font-family: var(--tf-typography-fontFamily, inherit) !important;
}

.tf-topbar-links__link:is(:hover, :focus-visible) > span {
    color: var(--tf-topbar-links-hover, var(--tf-color-primary, #007bc4)) !important;
}

.tf-topbar-links__link:focus-visible {
    outline: 2px solid var(--tf-topbar-links-hover, currentColor);
    outline-offset: 3px;
}

.tf-topbar-links--separators .tf-topbar-links__item + .tf-topbar-links__item::before {
    content: '';
    position: absolute;
    inset-inline-start: calc(var(--tf-topbar-links-gap, 24px) / -2);
    top: 50%;
    height: 0.9em;
    border-inline-start: 1px solid var(--tf-topbar-links-separator, #777);
    transform: translateY(-50%);
}