.nav-container{-webkit-overflow-scrolling:touch}.nav-tab{align-items:center;border-bottom:3px solid transparent;color:#374151;display:flex;flex:1;flex-direction:column;font-size:11px;font-weight:600;max-width:90px;padding:12px 4px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.dark .nav-tab{color:#d1d5db}@media(min-width:640px){.nav-tab{font-size:13px;max-width:120px;padding:16px 8px}}@media(min-width:768px){.nav-tab{flex:0 0 auto;font-size:16px;max-width:none;min-width:140px;padding:24px 20px}}.nav-tab:hover{border-bottom-color:#2563eb80;color:#1f2937}.dark .nav-tab:hover{border-bottom-color:#60a5fa80;color:#f3f4f6}.nav-tab.active{border-bottom-color:#2563eb;color:#2563eb}.dark .nav-tab.active{border-bottom-color:#60a5fa;color:#60a5fa}.nav-tab.active:hover{border-bottom-color:#2563eb;color:#2563eb}.dark .nav-tab.active:hover{border-bottom-color:#60a5fa;color:#60a5fa}.nav-icon{height:36px!important;width:36px!important}@media(min-width:640px){.nav-icon{height:48px!important;width:48px!important}}@media(min-width:768px){.nav-icon{height:64px!important;width:64px!important}}