.primary-mode-nav{background:var(--ss-surface-container-low);z-index:20;flex-shrink:0;order:0;justify-content:center;align-items:center;gap:4px;padding:8px 16px;display:flex}.primary-mode-nav a{min-height:36px;color:var(--ss-on-surface);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:6px 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.primary-mode-nav a:hover{color:var(--ss-primary)}.primary-mode-nav a:focus-visible{outline:2px solid var(--ss-primary);outline-offset:2px}.primary-mode-nav a.active,.primary-mode-nav a[aria-current=page]{color:var(--ss-primary);font-weight:700}.ss-safari-bottom-tint{display:none}@media (max-width:900px){:root{--ss-chrome-bottom-fill:#fff}html[data-color-mode=dark]{--ss-chrome-bottom-fill:var(--ss-surface-container-lowest)}.ss-safari-bottom-tint{width:100%;min-height:max(14px, env(safe-area-inset-bottom,0px));z-index:28;pointer-events:none;background-color:var(--ss-chrome-bottom-fill);transition:bottom .5s ease-in-out;display:block;position:fixed;bottom:0;left:0;right:0}.ss-safari-bottom-tint--collapsed{bottom:calc(-1 * (var(--ss-chrome-bottom,48px) + 12px))}.app-root .app-header .primary-mode-nav,.app-root .primary-mode-nav{z-index:30;background:var(--ss-chrome-bottom-fill);background-color:var(--ss-chrome-bottom-fill);-webkit-backdrop-filter:none;backdrop-filter:none;padding:6px 14px calc(4px + env(safe-area-inset-bottom,0px));justify-self:stretch;transition:bottom .5s ease-in-out;position:fixed;bottom:0;left:0;right:0;transform:none;box-shadow:0 -2px 8px #00000038}.app-root .app-header .primary-mode-nav--collapsed,.app-root .primary-mode-nav--collapsed{bottom:calc(-1 * (var(--ss-chrome-bottom,48px) + 12px));pointer-events:none}@media (prefers-reduced-motion:reduce){.app-root .app-header .primary-mode-nav,.app-root .primary-mode-nav,.ss-safari-bottom-tint{transition:none}}.app-root .primary-mode-nav:before{content:none}.app-root .primary-mode-nav a{max-width:200px;min-height:40px;color:var(--ss-on-surface-variant);box-shadow:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 12px 6px;font-size:14px;font-weight:500;display:flex}.app-root .primary-mode-nav a:hover{color:var(--ss-on-surface)}.app-root .primary-mode-nav a.active,.app-root .primary-mode-nav a[aria-current=page]{color:#fff;font-weight:600}.app-root .primary-mode-nav__line{background:#fff;border-radius:1px;flex-shrink:0;width:1.75rem;height:2px;display:block}html[data-color-mode=light] .app-root .primary-mode-nav a.active,html[data-color-mode=light] .app-root .primary-mode-nav a[aria-current=page]{color:var(--ss-on-surface)}html[data-color-mode=light] .app-root .primary-mode-nav__line{background:var(--ss-on-surface)}}