.nav-item{height:72px;font-size:11px}
.nav-item>.nav-icon,.nav-item>span:last-child{transform:translateY(-3px)}
.nav-icon{width:30px;height:30px}
.nav-icon svg{width:28px;height:28px;stroke-width:1.9}
.nav-item.active{font-weight:900;text-shadow:0 0 7px rgba(255,255,255,.48)}
.nav-item.active .nav-icon svg{stroke-width:2.35;filter:drop-shadow(0 0 3px rgba(255,255,255,.55))}
.nav-item.active:after{bottom:11px;width:31px;height:3px;box-shadow:0 0 9px rgba(114,212,0,.75)}
@media(max-width:390px){.nav-item{height:68px;font-size:10px}.nav-icon{width:28px;height:28px}.nav-icon svg{width:26px;height:26px}.nav-item.active:after{bottom:10px;width:29px}}
@media(max-width:330px){.nav-item{font-size:9px}.nav-icon{width:26px;height:26px}.nav-icon svg{width:24px;height:24px}.nav-item.active:after{bottom:9px;width:27px}}
@media(orientation:landscape) and (max-height:520px){.nav-item{height:60px;font-size:10px}.nav-icon{width:26px;height:26px}.nav-icon svg{width:25px;height:25px}.nav-item.active:after{bottom:8px}}