.mbc-bottom-nav{inset:auto 12px calc(12px + env(safe-area-inset-bottom));z-index:35;isolation:isolate;background:var(--paper);border:0;border-radius:28px;max-width:560px;height:70px;margin-inline:auto;padding:0 6px;display:flex;position:fixed;box-shadow:0 8px 28px #0002}.mbc-bottom-item{z-index:1;min-width:0;min-height:70px;color:var(--ink-3);font:500 11px/1.3 var(--font-sans);-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:2px;padding:0 2px 8px;text-decoration:none;display:flex;position:relative}.mbc-bottom-icon{width:44px;height:44px;color:var(--ink-3);flex:none;place-items:center;transition:transform .38s cubic-bezier(.4,0,.2,1),color 90ms;display:grid;transform:translateY(0)}.mbc-bottom-icon>svg{width:23px;height:23px}.mbc-bottom-label{text-align:center;white-space:nowrap;max-width:100%}.mbc-bottom-item[data-nav-selected=true]{color:var(--brand-deep)}.mbc-bottom-item[data-nav-selected=true] .mbc-bottom-icon{color:#fff;transition:transform .38s cubic-bezier(.4,0,.2,1),color .13s .22s;transform:translateY(-14px)}.mbc-bottom-indicator{z-index:0;pointer-events:none;background:#f80026;border-radius:50%;width:44px;height:44px;transition:transform .38s cubic-bezier(.4,0,.2,1);position:absolute;top:-14px;left:0;box-shadow:0 5px 14px #f8002633}.mbc-bottom-indicator[hidden]{display:none}.mbc-bottom-item:focus-visible{outline:2px solid var(--brand-deep);outline-offset:2px}.mbc-bottom-unread{background:var(--ink);min-width:17px;height:17px;color:var(--paper);border-radius:9px;place-items:center;padding:0 4px;font-size:10px;font-weight:600;display:grid;position:absolute;top:0;left:calc(50% + 10px)}@media (min-width:1024px){.mbc-bottom-nav{display:none}}@media (max-width:359px){.mbc-bottom-nav{padding-inline:2px;inset-inline:8px}.mbc-bottom-item{font-size:10.5px}}@media (prefers-reduced-motion:reduce){.mbc-bottom-nav *{transition:none!important;animation:none!important}}:root[data-motion=off] .mbc-bottom-nav *{transition:none!important;animation:none!important}@media (forced-colors:active){.mbc-bottom-nav{box-shadow:none;border:1px solid canvastext}.mbc-bottom-item[data-nav-selected=true]{color:linktext}.mbc-bottom-item[data-nav-selected=true] .mbc-bottom-icon{color:highlighttext}.mbc-bottom-indicator{box-shadow:none;forced-color-adjust:none;background:highlight}}