.mobile-bottom-nav{position:sticky;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eaeaea;display:flex;justify-content:space-around;align-items:center;padding:10px 0;box-shadow:0 -6px 20px rgb(0 0 0 / .04);z-index:9999;animation:slideUp 0.35s ease-out}@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-bottom-nav .nav-item{flex:1;text-align:center;text-decoration:none;font-size:13px;color:#555;position:relative;overflow:hidden;transition:all 0.2s ease-in-out;padding:5px 0}.mobile-bottom-nav .nav-item:nth-child(1) i{color:#0d6efd}.mobile-bottom-nav .nav-item:nth-child(2) i{color:#20c997}.mobile-bottom-nav .nav-item:nth-child(3) i{color:#fd7e14}.mobile-bottom-nav .nav-item:nth-child(4) i{color:#6f42c1}.mobile-bottom-nav .nav-item i{font-size:22px;display:block;margin-bottom:2px;transition:transform 0.2s ease-in-out}.mobile-bottom-nav .nav-item span{font-size:11px;font-weight:500;color:inherit;transition:color 0.2s ease}.mobile-bottom-nav .nav-item:hover i{transform:scale(1.25) rotate(4deg);filter:brightness(1.2)}.mobile-bottom-nav .nav-item:hover span{color:#000}.mobile-bottom-nav .nav-item::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgb(0 123 255 / .2);border-radius:50%;transform:translate(-50%,-50%) scale(1);opacity:0;transition:0.5s ease-out}.mobile-bottom-nav .nav-item:active::after{width:100px;height:100px;opacity:1;transition:0s}.mobile-bottom-nav .nav-item:active i{animation:bounce 0.25s ease-in-out}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(.9)}60%{transform:scale(1.15)}100%{transform:scale(1)}}.mobile-bottom-nav .nav-item.active i,.mobile-bottom-nav .nav-item.active span{filter:brightness(1.3)}@media (min-width:768px){.mobile-bottom-nav{display:none!important}}