#root .navbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--navbar-height);padding:0 24px;border-bottom:1px solid var(--color-divider-light);background:var(--color-bg-default);box-shadow:var(--shadow-default)}#root .navbar .navbar-logo{display:flex;align-items:center;margin-right:48px}#root .navbar .navbar-logo-link{display:flex;align-items:center;justify-content:center}#root .navbar .navbar-mobile-toggle{display:none;align-items:center;flex-direction:column;justify-content:center;width:32px;height:32px;padding:0;cursor:pointer;border:none;background:none}#root .navbar .navbar-mobile-toggle .hamburger{position:relative;width:20px;height:2px;transition:all var(--transition-duration-default);background-color:var(--color-text)}#root .navbar .navbar-mobile-toggle .hamburger:after,#root .navbar .navbar-mobile-toggle .hamburger:before{position:absolute;left:5px;width:20px;height:2px;content:"";transition:all var(--transition-duration-default);background-color:var(--color-text)}#root .navbar .navbar-mobile-toggle .hamburger:before{transform:translateY(-6px)}#root .navbar .navbar-mobile-toggle .hamburger:after{transform:translateY(6px)}#root .navbar .navbar-mobile-toggle .hamburger.active{background-color:rgba(0,0,0,0)}#root .navbar .navbar-mobile-toggle .hamburger.active:before{transform:rotate(45deg)}#root .navbar .navbar-mobile-toggle .hamburger.active:after{transform:rotate(-45deg)}#root .navbar .navbar-nav{z-index:100;display:flex;align-items:center;height:32px;gap:24px}#root .navbar .navbar-nav-item{display:flex;align-items:center;padding:8px 12px;transition:all var(--transition-duration-default);text-decoration:none;color:var(--color-text);gap:4px}#root .navbar .navbar-nav-item.active,#root .navbar .navbar-nav-item:hover{color:var(--color-primary)}#root .navbar .navbar-nav-item-icon{display:flex;align-items:center}#root .navbar .navbar-mobile-mask{position:fixed;z-index:90;top:var(--navbar-height);right:0;bottom:0;left:0;display:none;height:calc(100vh - var(--navbar-height));background-color:var(--color-mask)}@media screen and (max-width:768px){#root .navbar{position:relative;padding:0 16px}#root .navbar .navbar-logo{margin-right:0}#root .navbar .navbar-logo-link img{width:120px;height:auto}#root .navbar .navbar-mobile-toggle{display:flex}#root .navbar .navbar-nav{position:fixed;top:var(--navbar-height);right:0;left:0;align-items:stretch;flex-direction:column;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all var(--transition-duration-default);border-bottom:1px solid var(--color-divider-light);background-color:var(--color-bg-default);box-shadow:var(--shadow-default);gap:0}#root .navbar .navbar-nav:not(.mobile-open){visibility:hidden;transform:translateY(-100%);pointer-events:none;opacity:0}#root .navbar .navbar-nav-item{height:48px;padding:0 16px;border-bottom:1px solid var(--color-divider-light);border-radius:0;gap:16px}#root .navbar .navbar-nav-item:last-child{border-bottom:none}#root .navbar .navbar-nav-item-icon{width:20px;height:20px;font-size:20px}#root .navbar .navbar-nav-item-label{font-size:16px}#root .navbar .navbar-mobile-mask{display:block}}