.bottom-navigation{position:fixed;bottom:0;width:100%;height:52px;background:var(--white-color);z-index:1000}.bottom-navigation__container{display:flex;width:100%;height:100%}.bottom-navigation__item{position:relative;display:flex;flex:0 0 20%;max-width:20%;flex-direction:column;align-items:center;justify-content:center}.bottom-navigation__item .icon{width:24px;height:24px;transform:.3s}.bottom-navigation__item span{font-size:10px!important;transform:.3s}.bottom-navigation__item--active span,.bottom-navigation__item--active .icon{color:var(--primary-color)!important}.bottom-navigation__badge{position:absolute;display:flex;top:4px;right:12px;background:var(--primary-color);color:#fff;font-size:10px;border-radius:50%;height:18px;width:18px;justify-content:center;align-items:center;flex-wrap:wrap}