.bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:30;display:flex;min-block-size:calc(var(--spacing) * 12);padding-block-end:env(safe-area-inset-bottom);border-block-start:1px solid var(--color-border);background:var(--color-surface)}@media (width >= 768px){.bottom-nav{display:none}}.bottom-nav-item{display:flex;min-inline-size:0;min-block-size:calc(var(--spacing) * 12);flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing) * .5);color:var(--color-muted);font-size:var(--text-caption)}.bottom-nav-item[aria-current=page]{color:var(--color-olive);font-weight:700}.bottom-nav-icon{position:relative;display:grid;inline-size:calc(var(--spacing) * 6);block-size:calc(var(--spacing) * 6);place-items:center}.bottom-nav-badge{position:absolute;inset-block-start:-.35rem;inset-inline-end:-.4rem;display:grid;min-inline-size:1.1rem;place-items:center;padding-inline:.2rem;border-radius:var(--radius-pill);background:var(--color-cta);color:#fff;font-size:var(--text-caption);font-weight:500;line-height:1.1}