.app-menu[data-v-c25048d1]{display:flex;font-size:22px}.app-menu-item[data-v-c25048d1]{cursor:pointer;margin:0 15px;position:relative;text-align:center;transition:all .3s;width:134px}.app-menu-item[data-v-c25048d1]:first-child{margin-left:0}.app-menu-item.active[data-v-c25048d1],.app-menu-item[data-v-c25048d1]:hover{color:var(--color-primary)}.app-menu-item.active[data-v-c25048d1]:before,.app-menu-item[data-v-c25048d1]:hover:before{width:100%}.app-menu-item.active[data-v-c25048d1]:after,.app-menu-item[data-v-c25048d1]:hover:after{content:""}.app-menu-item[data-v-c25048d1]:before{background-color:var(--color-primary);bottom:0;content:"";height:5px;left:0;margin:0 auto;position:absolute;right:0;transition:all .3s;width:0}.app-menu-item[data-v-c25048d1]:after{background-color:#fff;bottom:-12px;color:var(--color-primary);content:"";left:50%;padding:0 2px;position:absolute;transform:translate(-50%);z-index:1}@media(max-width:900px){.app-menu[data-v-c25048d1]{font-size:16px;overflow-x:auto;overflow-y:hidden;padding:0 16px 8px;scrollbar-width:none;width:100%;-webkit-overflow-scrolling:touch}.app-menu[data-v-c25048d1]::-webkit-scrollbar{display:none}.app-menu-item[data-v-c25048d1]{flex:0 0 auto;margin:0 6px;min-height:44px;min-width:80px;padding:9px 14px 10px;white-space:nowrap;width:auto}.app-menu-item[data-v-c25048d1]:first-child{margin-left:0}.app-menu-item[data-v-c25048d1]:before{height:3px}.app-menu-item[data-v-c25048d1]:after{bottom:-8px}}