.header{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 7vw;display:flex}.header-left{align-items:center;gap:10%;display:flex}.header-nav{align-items:center;gap:2.5vw;width:450px;margin-left:2.8vw;display:flex}.header-nav p{cursor:pointer;color:var(--text-secondary);font-size:15px;font-weight:600;transition:all .2s}.header-nav p:hover{color:var(--text---text-primary)}.header-right{align-items:center;display:flex}.header-icon{cursor:pointer;color:var(--text-secondary);background:0 0;border:none}.header-nav p.active{color:var(--primary-color);font-weight:bolder}.mobile-menu{z-index:100;opacity:0;pointer-events:none;background:#fff;border-bottom:1px solid #e5e5e5;max-height:0;transition:max-height .3s,opacity .3s;position:absolute;top:72px;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #00000014}.mobile-menu--open{opacity:1;pointer-events:auto;max-height:400px}.mobile-menu__item{color:var(--text-secondary);cursor:pointer;margin:0;padding:14px 7vw;font-size:15px;font-weight:600;transition:background .15s,color .15s;display:block}.mobile-menu__item:hover{color:var(--text---text-primary);background:#f5f5f5}.mobile-menu__item.active{color:var(--primary-color)}.mobile-menu__item--logout{color:var(--text-secondary);border-top:1px solid #e5e5e5;align-items:center;gap:8px;margin-top:4px;display:flex}