.navbar .nav{gap:0;min-height:62px;padding-left:24px;padding-right:24px}
.navbar .nav>a{align-self:stretch;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;padding:8px 10px;min-width:0;flex:1;border-bottom:3px solid transparent;transition:.18s ease}
.navbar .nav>a:hover,.navbar .nav>a.active{color:var(--blue);border-bottom-color:var(--blue);background:#f7faff}
.navbar .nav>.catall{flex:0 0 260px;justify-content:flex-start;gap:12px;padding-left:26px;color:#fff;background:var(--blue);border-bottom-color:var(--blue);white-space:nowrap}
.navbar .nav>.catall:hover{color:#fff;background:#066de8}
@media(max-width:1200px){.navbar .nav{overflow-x:auto;justify-content:flex-start}.navbar .nav>a{flex:0 0 auto;min-width:110px;white-space:nowrap}.navbar .nav>.catall{flex-basis:230px}.navbar .nav::-webkit-scrollbar{height:4px}}
@media(max-width:700px){.navbar .nav{gap:0;padding:0}.navbar .nav>a{min-width:120px}.navbar .nav>.catall{min-width:210px}}