.tabbar{z-index:var(--dx-z-tabbar);height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:var(--dx-surface);border-top:1px solid var(--dx-line);box-shadow:var(--dx-shadow-bar);position:fixed;bottom:0;left:0;right:0}.tabbar:after{content:"";background:var(--dx-surface);pointer-events:none;height:100px;position:absolute;top:100%;left:0;right:0}@media (min-width:1024px){.tabbar{display:none}}.tabbar-inner{max-width:32rem;height:var(--nav-h);justify-content:space-around;align-items:stretch;margin:0 auto;display:flex}.tabbar-tab{min-width:var(--dx-tap-min);min-height:var(--dx-tap-min);color:var(--dx-ink-muted);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tabbar-icon{border-radius:var(--dx-r-pill);width:52px;height:30px;transition:background-color var(--dx-dur-fast) var(--dx-ease-smooth), transform var(--dx-dur-fast) var(--dx-ease-smooth);place-items:center;display:grid}.tabbar-icon svg{width:var(--dx-icon-lg);height:var(--dx-icon-lg);display:block}.tabbar-label{font-size:var(--dx-fs-caption);line-height:var(--dx-lh-heading);font-weight:var(--dx-fw-strong);letter-spacing:var(--dx-ls-normal);white-space:nowrap}.tabbar-tab .tab-fill,.tabbar-tab .tab-solid,.tabbar-tab .tab-hub{fill:none;transition:fill var(--dx-dur-fast) var(--dx-ease-smooth)}.tabbar-tab.is-active{color:var(--dx-action)}.tabbar-tab.is-active .tabbar-icon{background:var(--dx-action-tint);color:var(--dx-action-fill)}.tabbar-tab.is-active .tab-fill{fill:var(--dx-action-tint-strong)}.tabbar-tab.is-active .tab-solid{fill:currentColor}.tabbar-tab.is-active .tab-hub{fill:var(--dx-surface)}.tabbar-tab.is-active .tabbar-label{font-weight:var(--dx-fw-heading)}.tabbar-tab:not(.is-active):hover{color:var(--dx-ink)}.tabbar-tab:active .tabbar-icon{transform:scale(.94)}.tabbar-tab:focus-visible{outline:none}.tabbar-tab:focus-visible .tabbar-icon{outline:var(--dx-ring-focus);outline-offset:var(--dx-ring-focus-offset)}@media (max-width:359px){.tabbar-icon{width:46px}}@media (prefers-reduced-motion:reduce){.tabbar-icon,.tabbar-tab .tab-fill,.tabbar-tab .tab-solid,.tabbar-tab .tab-hub{transition:none}.tabbar-tab:active .tabbar-icon{transform:none}}