.bottom-navigation{display:none}@media (max-width:1199px){.bottom-navigation{z-index:40;isolation:isolate;inset-inline:0;grid-template-columns:repeat(var(--bottom-count), minmax(0, 1fr));width:100%;padding:6px max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-block-start:1px solid var(--line);background:color-mix(in srgb, var(--surface) 97%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:grid;position:fixed;bottom:0;box-shadow:0 -8px 28px #10265414}.bottom-navigation-selection{z-index:-1;top:6px;bottom:max(6px, env(safe-area-inset-bottom));width:calc((100% - 16px) / var(--bottom-count));background:var(--accent-soft);opacity:0;pointer-events:none;border-radius:8px;position:absolute;inset-inline-start:calc(8px + (100% - 16px) / var(--bottom-count) * var(--bottom-active))}.bottom-navigation-selection[data-visible=true]{opacity:1}.bottom-navigation-selection[data-visible=true]:before{content:"";background:var(--ui-premium,var(--accent));border-radius:2px;height:2px;position:absolute;inset-block-start:0;inset-inline:28%}.bottom-navigation .bottom-navigation-item{min-width:0;min-height:56px;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 2px;text-decoration:none;display:flex}.bottom-navigation .bottom-navigation-item[aria-current=page]{color:var(--accent-strong)}.bottom-navigation-icon{place-items:center;height:24px;display:grid}.bottom-navigation-icon>svg{stroke-width:1.8px;width:22px;height:22px}.bottom-navigation-icon .person-avatar{outline:1px solid var(--line);outline-offset:2px;width:25px;height:25px}.bottom-navigation-label{white-space:nowrap;font-size:11px;font-weight:500;line-height:1.5}.bottom-navigation-item[aria-current=page] .bottom-navigation-label{font-weight:600}.bottom-navigation-item[aria-current=page] svg{stroke-width:2.1px}.bottom-navigation-item[aria-current=page] .person-avatar{outline-color:var(--accent)}.bottom-navigation-item:focus-visible{outline:2px solid var(--data-blue);outline-offset:1px}@media (hover:hover){.bottom-navigation-item:not([aria-current]):hover{background:var(--paper);color:var(--ink)}}@media (prefers-reduced-motion:no-preference){.bottom-navigation-selection{transition:inset-inline-start .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),opacity .18s}.bottom-navigation-icon{transition:translate .24s cubic-bezier(.22,1,.36,1)}.bottom-navigation-item[aria-current=page] .bottom-navigation-icon{translate:0 -1px}.bottom-navigation-item:active .bottom-navigation-icon{translate:0 2px}}}.bottom-navigation-dialog{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0;overflow:hidden}.bottom-navigation-dialog[open]{align-items:end;display:grid}.bottom-navigation-dialog::backdrop{background:#07122694}.bottom-navigation-sheet{width:min(100%,720px);max-height:min(82dvh,760px);padding:20px max(20px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface);border-block-end:0;border-radius:18px 18px 0 0;margin-inline:auto;overflow-y:auto;box-shadow:0 -20px 56px #0712262e}.bottom-navigation-sheet>header{justify-content:space-between;align-items:center;gap:16px;min-height:44px;margin-bottom:16px;display:flex}.bottom-navigation-sheet h2{margin:0;font-size:21px}.bottom-navigation-sheet>header button{border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;display:grid}.bottom-navigation-dialog-content{gap:12px;display:grid}body:has(.bottom-navigation-dialog[open]){overflow:hidden}@media (min-width:1200px){.bottom-navigation-dialog{display:none}}