.app-bottom-nav{width:100%;height:var(--bottom-nav-height);bottom:0;left:0;display:grid;position:fixed;gap:4px;grid-auto-flow:column;grid-auto-columns:1fr;box-shadow:0 -1px 2px 0 #aaa;background-color:var(--color-white);padding:8px 8px 14px;z-index:1}:where(.color-theme-scope--theme-dark) .app-bottom-nav,:where(:root:has(.color-theme-marker--preference-dark)) .app-bottom-nav{box-shadow:rgba(var(--color-shadow-rgb),.33) 0 -1px 2px 0}@media(prefers-color-scheme:dark){:where(:root:has(.color-theme-marker--preference-system)) .app-bottom-nav{box-shadow:rgba(var(--color-shadow-rgb),.33) 0 -1px 2px 0}}.app-bottom-nav__item{position:relative;text-align:center;justify-self:stretch;align-self:stretch;display:flex;flex-flow:column;justify-content:center;align-items:center;cursor:pointer}.app-bottom-nav__item--active svg{fill:var(--color-darker-blue);color:var(--color-white)}:where(.color-theme-scope--theme-dark) .app-bottom-nav__item--active svg,:where(:root:has(.color-theme-marker--preference-dark)) .app-bottom-nav__item--active svg{fill:var(--color-slate)}@media(prefers-color-scheme:dark){:where(:root:has(.color-theme-marker--preference-system)) .app-bottom-nav__item--active svg{fill:var(--color-slate)}}.app-bottom-nav__item--active span{color:var(--color-black);font-weight:700}.app-bottom-nav__inner-item--active svg{fill:var(--color-darker-blue);color:var(--color-white)}:where(.color-theme-scope--theme-dark) .app-bottom-nav__inner-item--active svg,:where(:root:has(.color-theme-marker--preference-dark)) .app-bottom-nav__inner-item--active svg{fill:var(--color-slate)}@media(prefers-color-scheme:dark){:where(:root:has(.color-theme-marker--preference-system)) .app-bottom-nav__inner-item--active svg{fill:var(--color-slate)}}.app-bottom-nav__inner-item--active span{color:var(--color-black);font-weight:700}.app-bottom-nav__icon{font-size:25px}.app-bottom-nav__count{position:absolute;top:-3px;left:38px;z-index:1;background-color:var(--color-red);border-radius:50%;padding:3px 0;color:var(--color-static-white)!important;font-size:10px;line-height:1;min-width:18px;text-align:center}.app-bottom-nav__title{display:block;padding:var(--spacing-xxx-small) var(--spacing-x-small);font-size:var(--font-size-x-small);color:var(--color-black);text-wrap:nowrap}