.van-nav-bar{background-color:#27272f;box-shadow:0 0 14px #000}.van-nav-bar .van-nav-bar__left{font-size:.85rem;padding:10px}.van-nav-bar .van-nav-bar__left i{color:#fff;padding-right:10px}.van-nav-bar .van-nav-bar__left .van-nav-bar__text{color:#fff;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root:root{--van-tabs-default-color:#fb8c07;--van-tabs-bottom-bar-color:#fb8c07;--van-floating-bubble-background:#fb8c07;--van-floating-bubble-color:#000}.component-navbar{height:100%;position:relative}.component-navbar .navigation{align-items:center;background-color:#fb8c07;display:flex;height:100%;justify-content:center;position:relative;width:100%}.component-navbar .navigation .nav-row{display:flex;height:100%;margin:0;padding:0;position:relative;width:100%}.component-navbar .navigation .nav-row .nav-col{height:100%;position:relative;text-decoration:none;width:20%}.component-navbar .navigation .nav-row .nav-col .btn-nav{align-items:center;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.component-navbar .navigation .nav-row .nav-col .btn-nav .icon{align-items:center;color:#fff;display:flex;font-size:20px;height:22px;justify-content:center;margin:auto auto 2px;opacity:.75;position:relative;width:22px}.component-navbar .navigation .nav-row .nav-col .btn-nav .label{color:#fff;font-size:.7rem}.component-navbar .navigation .nav-row .nav-col.active .btn-nav .icon,.component-navbar .navigation .nav-row .nav-col.router-link-exact-active .btn-nav .icon{background-color:transparent;color:#000;opacity:1;transition:all .5s}.component-navbar .navigation .nav-row .nav-col.active .btn-nav .label,.component-navbar .navigation .nav-row .nav-col.router-link-exact-active .btn-nav .label{color:#000;transition:all .5s}.component-navbar .navigation .nav-row .indicator{left:0;position:absolute;top:0;transition:.5s;width:20%}.component-navbar .navigation .nav-row .indicator span{display:flex;justify-content:center;position:relative;width:100%}.component-navbar .navigation .nav-row .indicator span:after{background-color:#fb8c07;border-radius:100px;content:"";display:block;height:3px;width:50%}.component-navbar .navigation .nav-row .nav-col:nth-child(2).active~.indicator{transform:translate(100%)}.component-navbar .navigation .nav-row .nav-col:nth-child(3).active~.indicator{transform:translate(200%)}.component-navbar .navigation .nav-row .nav-col:nth-child(4).active~.indicator{transform:translate(300%)}.component-navbar .navigation .nav-row .nav-col:nth-child(5).active~.indicator{transform:translate(400%)}
