body.static-nav nav.app-nav{left:0;position:absolute;right:0}#app-nav-spacer,nav.app-nav{height:133px}#app-nav-spacer.compact,nav.app-nav.compact{height:95px}@media (max-width:767.98px){#app-nav-spacer,nav.app-nav{height:90px}#app-nav-spacer.compact,nav.app-nav.compact{height:60px}}nav.app-nav{align-items:center;display:flex;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:height .3s;z-index:9}nav.app-nav.compact .nav-bg{opacity:1}nav.app-nav.expanded .nav-items{opacity:1;pointer-events:auto}nav.app-nav.expanded .nav-bg{bottom:-55px;opacity:1}nav.app-nav .nav-bg{background-color:var(--c-bg);bottom:0;box-shadow:0 6px 24px #0000000d,0 0 0 1px #00000014;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s,bottom .3s;z-index:-1}nav.app-nav .container{display:flex;padding-bottom:20px;padding-top:20px;pointer-events:auto;position:relative}@media (max-width:767.98px){nav.app-nav .container{flex-flow:column}}nav.app-nav .nav-inner{align-items:center;display:flex;flex:1;justify-content:space-between}nav.app-nav .logo{background-color:var(--c-text);color:inherit;height:33px;-webkit-mask:url(../images/hub.svg) no-repeat center;mask:url(../images/hub.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;min-width:170px;white-space:nowrap}@media (max-width:767.98px){nav.app-nav .logo{height:23px;min-width:150px}}nav.app-nav .nav-items{-ms-overflow-style:none;align-items:center;display:flex;overflow-x:scroll;padding:0 0 10px;scrollbar-width:none}nav.app-nav .nav-items::-webkit-scrollbar{display:none}@media (max-width:767.98px){nav.app-nav .nav-items{left:20px;opacity:0;pointer-events:none;position:absolute;right:20px;top:100%;transition:opacity .3s}}nav.app-nav .menu-button{padding:6px}nav.app-nav .menu-button .icon{max-height:16px;max-width:16px;min-height:16px;min-width:16px}nav.app-nav .color-mode-button{padding:6px}nav.app-nav .color-mode-button:hover{cursor:pointer}nav.app-nav .nav-link{color:inherit;position:relative;white-space:nowrap}nav.app-nav .nav-link:not(:last-child){margin-right:60px}nav.app-nav .nav-link.yellow:after{background:#ffc90b}nav.app-nav .nav-link.blue:after{background:#39a0ff}nav.app-nav .nav-link.green:after{background:#28e209}nav.app-nav .nav-link.purple:after{background:#d56dfb}nav.app-nav .nav-link.red:after{background:#ed3134}nav.app-nav .nav-link.blue-purple:after{background:linear-gradient(267.74deg,#39a0ff 2.41%,#d56dfb 100.11%)}nav.app-nav .nav-link:hover:after{left:-5px}nav.app-nav .nav-link:after{background:#000;border-radius:3px;bottom:-6px;content:"";height:3px;left:50%;position:absolute;right:0;transition:left .18s}nav.app-nav.primer .nav-link:after{background:var(--c-text)}