.top-bar[data-v-a80512b6]{background-color:var(--topbar-bg);min-height:50px;border-bottom:1px solid var(--light-gray);z-index:1;position:relative}.top-bar #f1nx-logo[data-v-a80512b6]{fill:var(--body-text);display:flex;height:25px;margin-left:10px;margin-right:20px}.top-bar #f1nx-logo[data-v-a80512b6]:hover{animation-name:logoColorAnimate-a80512b6;animation-duration:15s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}@keyframes logoColorAnimate-a80512b6{0%{fill:var(--body-text)}5%{fill:var(--bliss)}10%{fill:var(--spring)}15%{fill:var(--pleased)}20%{fill:var(--merry)}25%{fill:var(--content)}30%{fill:var(--fair)}35%{fill:var(--cool)}40%{fill:var(--fortune)}45%{fill:var(--sanguine)}60%{fill:var(--rosey)}65%{fill:var(--optimist)}70%{fill:var(--elated)}75%{fill:var(--breeze)}80%{fill:var(--twilight)}85%{fill:var(--sprout)}90%{fill:var(--blossom)}95%{fill:var(--clay)}to{fill:var(--sunset)}}.top-bar .icon-menu .userLink[data-v-a80512b6]{display:flex;align-items:end;padding:16px;color:var(--body-text)}.top-bar .icon-menu .userLink[data-v-a80512b6]:hover{background-color:var(--secondary)}.top-bar .icon-menu .userLink span[data-v-a80512b6]:not(.k-icon){margin-left:5px}.top-bar .icon-menu[data-v-a80512b6] .router-link-active:before{content:"";display:block;position:absolute;right:0;bottom:0;left:0;border-bottom:4px solid var(--primary)}.top-bar .icon-menu li[data-v-a80512b6]{position:relative}.menu .menu-text[data-v-a80512b6]{font-weight:400}.menu .menu-root[data-v-a80512b6]{background:transparent}.force-show[data-v-a80512b6]{display:flex!important}