.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:#fff;padding:8px 8px 14px;z-index:1}.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)}.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)}.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:#ef6f6c;border-radius:50%;padding:3px 0;color:#fff!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}