.forecast-nav{box-sizing:border-box;width:100%;max-width:400px;margin:var(--space-md) auto 0;border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-pill);display:flex;overflow:hidden}.forecast-nav a{min-width:0;padding:var(--space-xs) var(--space-md);color:var(--color-primary);text-align:center;flex:1 1 0;justify-content:center;align-items:center;text-decoration:none;display:flex}.forecast-nav a+a{border-left:var(--border-width) solid var(--color-primary)}.forecast-nav a[aria-current=page]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.forecast-nav a:focus-visible{outline:var(--border-width-focus) solid var(--color-primary);outline-offset:calc(-1 * var(--border-width-focus))}.forecast-nav.forecast-nav-bottom{margin:0 auto}.forecast-nav.is-sticky{z-index:15;right:auto;bottom:calc(var(--space-md) + env(safe-area-inset-bottom));opacity:0;background:var(--color-surface);box-shadow:var(--shadow-drawer);margin:0;position:fixed;left:0}.forecast-nav.is-sticky.is-sticky-visible{animation:.25s ease-out both forecast-nav-fade-in}@media (prefers-reduced-motion:reduce){.forecast-nav.is-sticky.is-sticky-visible{opacity:1;animation:none}}.forecast-nav-bottom-slot{min-height:38px;margin-top:var(--space-md)}@keyframes forecast-nav-fade-in{0%{opacity:0}to{opacity:1}}