.site-nav-anchor {
    position: absolute;
    top: var(--site-nav-top);
    left: 0;
    width: 0.0625rem;
    height: 0.0625rem;
    pointer-events: none;
}

.site-nav {
    position: absolute;
    z-index: var(--site-nav-z-index);
    top: var(--site-nav-top);
    right: 0;
    left: 0;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    column-gap: var(--site-nav-column-gap);
    width: max-content;
    max-width: calc(100vw - (var(--page-inline) * 2));
    margin-inline: auto;
    transform: translate3d(0, 0, 0);
}

.site-nav.is-fixed {
    position: fixed;
    top: var(--floating-bar-viewport-edge);
}

.site-nav.is-hidden {
    pointer-events: none;
}

.site-nav__brand,
.site-nav__link {
    text-decoration: none;
}

.site-nav__brand {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    padding-inline: var(--site-nav-link-padding);
}

.site-nav__brand-logo {
    display: block;
    width: var(--site-nav-brand-logo-width);
    height: auto;
}

.site-nav__links {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: var(--site-nav-link-gap);
}

.site-nav__link,
.site-nav__action {
    font-size: var(--site-nav-font-size);
}

.site-nav__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--primary-action-height);
    padding-inline: var(--site-nav-link-padding);
    border-radius: var(--primary-action-radius);
}

@media (max-width: 39.9375rem) {
    .site-nav__links {
        display: none;
    }

}