.toolbar{--toolbar-height:60px;--toolbar-background:#fff;--toolbar-border:#00000012;--toolbar-active-color:#483dfc;background:var(--toolbar-background);border-radius:20px 20px 0 0;border-top:1px solid var(--toolbar-border);bottom:0;height:var(--toolbar-height);left:0;position:fixed;width:100%;z-index:110}.toolbar__icon-wrapper{position:relative}.toolbar__icon-wrapper .count{aspect-ratio:1;background:red;border-radius:100px;color:#fff;display:flex;font-family:var(--font-heading);font-size:11px;font-weight:700;justify-content:center;min-width:17px;position:absolute;right:-6px;top:-3px;z-index:10}.toolbar .icon{height:24px;transition:all .3s ease;width:24px}.toolbar .tab-bar{align-items:stretch;display:flex;flex-flow:row nowrap;height:100%;justify-content:flex-start;position:relative;z-index:8}.toolbar .tab-bar__item{align-items:center;display:flex;flex:auto;flex-direction:column;justify-content:center;padding-bottom:10px;position:relative;text-decoration:none;transition:transform .2s ease}.toolbar .tab-bar__item:hover .icon{transform:translateY(-2px)}.toolbar .tab-bar__item:active{transform:scale(.95)}.toolbar .tab-bar__item .title{color:#767676;font-size:10px;font-weight:600;line-height:13.66px;position:absolute;text-align:center;transform:translateY(24px);transition:color .3s ease}.toolbar .tab-bar__item.active .icon{color:var(--toolbar-active-color)!important}.toolbar .tab-bar__item.active .title{color:var(--toolbar-active-color)}.toolbar .router-link-active .n-icon{color:var(--toolbar-active-color)!important}.dark .toolbar{--toolbar-background:#1c1c1e;--toolbar-border:#ffffff14;--toolbar-active-color:#fff}