.nav-bar[data-v-6ca3b891]{color:#2f3034;transition:background-color .3s ease}.nav-item .nav_item_icon[data-v-6ca3b891]{transition:transform .3s linear}.nav-item[data-v-6ca3b891]{border-radius:6px;display:flex;padding:4px 12px}.nav-item.active[data-v-6ca3b891]{background-color:#f2f3f7;color:#2f3034}.nav-item[data-v-6ca3b891]:hover{color:#2f3034}.nav-item:hover .nav_item_icon[data-v-6ca3b891]{transform:rotate(-180deg)}.sub-menu[data-v-6ca3b891]{opacity:0;transform:translateY(10px);transition:all .3s ease;visibility:hidden}.sub-menu.visible[data-v-6ca3b891]{opacity:1;transform:translateY(0);visibility:visible}.fade-enter-active[data-v-6ca3b891],.fade-leave-active[data-v-6ca3b891]{transition:opacity .3s ease}.fade-enter-from[data-v-6ca3b891],.fade-leave-to[data-v-6ca3b891]{opacity:0}.web-navbar-menu[data-v-6ca3b891]{background-color:#fff;padding:0 15px}.border-radis-header[data-v-6ca3b891]{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.border-bottom-custom[data-v-6ca3b891]{border-bottom:.8px solid #e9e9e9}@media (max-width:768px){.nav-item[data-v-6ca3b891]{border-bottom-width:.8px;border-radius:0;padding:0}.nav-item[data-v-6ca3b891]:hover{background-color:none}.sub-menu[data-v-6ca3b891]{background-color:#f2f3f7;border-radius:8px;color:#000;display:flex;flex-direction:column;gap:20px;padding:20px 0}.cannel-border[data-v-6ca3b891]{border-bottom:0}.item-title[data-v-6ca3b891]{height:48px}.web-nav-bar[data-v-6ca3b891]{background-color:#fff}}