nav.tabbar {
    display: flex;
    gap: var(--gap-tiny);
    position: relative;
    width: fit-content;
}
nav.tabbar::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: var(--border-width-regular) solid var(--color-tertiary-tint-500);
}
.tabbar__tab {
    font-size: var(--font-size-table-heading);
    line-height: var(--line-height-table-heading);
    font-weight: 500;
}
.tabbar__tab:hover {
    font-weight: bold;
}
.tabbar__tab,
.tabbar__tab--active {
    padding: var(--padding-extra-small) var(--padding-medium);
    color: var(--color-body);
    position: relative;
}
.tabbar__tab--active,
.tabbar__tab:hover,
.tabbar__tab:focus,
.tabbar__tab:active {
    color: var(--color-primary-tint-500);
    text-decoration: none;
}
.tabbar__tab--active:after,
.tabbar__tab:hover:after,
.tabbar__tab:focus:after,
.tabbar__tab:active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 1;
    border-bottom: 0.1875rem solid var(--color-primary-tint-500);
}