.bottom-nav-container{--nav-radius:var(--radius-lg);--nav-border-style:var(--nav-radius) var(--nav-radius) 0 0;border-top:1px solid var(--border-color)}.bottom-nav-container nav{margin:0 auto;max-width:var(--page-max-width);padding:.5rem 0 0}ul.bottom-nav-tabs{--link-bg:transparent;--link-active-bg:var(--background-color-inverted);--link-fg:var(--text-color-muted);--link-active-fg:var(--text-color-inverted);--track-bg-color:var(--color-neutral-800);align-items:center;background:var(--track-bg-color);border-radius:var(--nav-border-style);display:flex;flex-wrap:nowrap;justify-content:center}ul.bottom-nav-tabs li{flex:1}ul.bottom-nav-tabs li a{align-items:center;background:var(--link-bg);border-radius:var(--nav-border-style);color:var(--link-fg);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:.5rem .25rem;text-decoration:none;transition:transform .1s ease-in-out,background .2s ease,color .2s ease}ul.bottom-nav-tabs li a.active{background:var(--link-active-bg);color:var(--link-active-fg);font-weight:600}ul.bottom-nav-tabs li a:active{background:var(--link-active-bg);color:var(--link-active-fg);transform:scale(.95)}