.trakbar{position:sticky;top:0;z-index:9999;display:flex;align-items:center;gap:10px;height:54px;padding:0 12px 0 0;border-bottom:1px solid hsla(0,0%,100%,.06);background-color:rgba(8,11,20,.85);backdrop-filter:saturate(180%) blur(14px);font-family:Segoe UI Variable Display,Segoe UI Variable,Segoe UI,system-ui,sans-serif;color:#e5e7eb}.trakbar *{box-sizing:border-box}.trakbar-waffle-wrap{position:relative}.trakbar-waffle{width:40px;height:40px;display:grid;place-items:center;border-radius:6px;background:transparent;border:0;color:hsla(0,0%,100%,.85);cursor:pointer;transition:background-color .15s ease}.trakbar-waffle:hover{background:hsla(0,0%,100%,.08)}.trakbar-waffle svg{display:block}.trakbar-waffle-menu{position:absolute;left:0;top:60px;width:380px;padding:15px;border-radius:12px;background-color:rgba(20,24,33,.98);border:1px solid hsla(0,0%,100%,.07);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.trakbar-waffle-menu[hidden]{display:none}.trakbar-waffle-title{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.55);padding:0 6px 10px}.trakbar-waffle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.trakbar-app-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 7px;border-radius:8px;text-decoration:none;color:inherit;transition:background-color .15s ease}.trakbar-app-card:hover{background:hsla(0,0%,100%,.05)}.trakbar-app-card.is-current{background:hsla(0,0%,100%,.07)}.trakbar-app-card-name{font-size:12px;font-weight:500;color:hsla(0,0%,100%,.85);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.trakbar-crumbs{display:flex;align-items:center;gap:8px;margin-left:4px;min-width:0;overflow:hidden}.trakbar-crumb-suite{font-size:15px;font-weight:500;color:hsla(0,0%,100%,.55);white-space:nowrap}.trakbar-chev{display:inline-flex;color:hsla(0,0%,100%,.3);flex-shrink:0}.trakbar-crumb-app{font-weight:600}.trakbar-crumb-app,.trakbar-crumb-sub{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trakbar-crumb-sub{color:hsla(0,0%,100%,.8)}.trakbar-spacer{flex:1 1 auto}.trakbar-theme{width:36px;height:36px;display:grid;place-items:center;border-radius:6px;background:transparent;border:0;color:hsla(0,0%,100%,.85);cursor:pointer;transition:background-color .15s ease}.trakbar-theme:hover{background:hsla(0,0%,100%,.08)}.trakbar-theme svg{display:block}.trakbar-theme .icon-sun{display:none}html.dark .trakbar-theme .icon-sun{display:block}html.dark .trakbar-theme .icon-moon{display:none}[data-theme=light] .trakbar-theme,body.light .trakbar-theme,html.light .trakbar-theme,html[data-theme=light] .trakbar-theme{color:rgba(0,0,0,.72)}[data-theme=light] .trakbar-theme:hover,body.light .trakbar-theme:hover,html.light .trakbar-theme:hover,html[data-theme=light] .trakbar-theme:hover{background:rgba(0,0,0,.06)}.trakbar-user-wrap{position:relative}.trakbar-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;font-size:14px;font-weight:600;color:#fff;border:0;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b21b6);transition:opacity .15s ease}.trakbar-avatar:hover{opacity:.9}.trakbar-user-menu{position:absolute;right:0;top:46px;width:285px;padding:9px;border-radius:12px;background-color:rgba(20,24,33,.98);border:1px solid hsla(0,0%,100%,.07);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.trakbar-user-menu[hidden]{display:none}.trakbar-user-info{padding:11px 14px 12px;margin-bottom:5px;border-bottom:1px solid hsla(0,0%,100%,.06)}.trakbar-user-name{font-size:15px;font-weight:600;color:#fff}.trakbar-user-email{font-size:13px;color:hsla(0,0%,100%,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trakbar-signout{width:100%;text-align:left;padding:9px 14px;font-size:14px;color:hsla(0,0%,100%,.85);background:transparent;border:0;border-radius:6px;cursor:pointer;transition:background-color .15s ease;font-family:inherit}.trakbar-signout:hover{background:hsla(0,0%,100%,.06)}[data-theme=light] .trakbar,body.light .trakbar,html.light .trakbar,html[data-theme=light] .trakbar{background-color:hsla(0,0%,100%,.92);color:#111827;border-bottom-color:rgba(0,0,0,.08)}[data-theme=light] .trakbar-waffle,body.light .trakbar-waffle,html.light .trakbar-waffle,html[data-theme=light] .trakbar-waffle{color:rgba(0,0,0,.72)}[data-theme=light] .trakbar-waffle:hover,body.light .trakbar-waffle:hover,html.light .trakbar-waffle:hover,html[data-theme=light] .trakbar-waffle:hover{background:rgba(0,0,0,.06)}[data-theme=light] .trakbar-crumb-suite,body.light .trakbar-crumb-suite,html.light .trakbar-crumb-suite,html[data-theme=light] .trakbar-crumb-suite{color:rgba(0,0,0,.55)}[data-theme=light] .trakbar-chev,body.light .trakbar-chev,html.light .trakbar-chev,html[data-theme=light] .trakbar-chev{color:rgba(0,0,0,.35)}[data-theme=light] .trakbar-crumb-sub,body.light .trakbar-crumb-sub,html.light .trakbar-crumb-sub,html[data-theme=light] .trakbar-crumb-sub{color:rgba(0,0,0,.78)}[data-theme=light] .trakbar-waffle-menu,body.light .trakbar-waffle-menu,html.light .trakbar-waffle-menu,html[data-theme=light] .trakbar-waffle-menu{background-color:hsla(0,0%,100%,.98);border-color:rgba(0,0,0,.08);box-shadow:0 25px 50px -12px rgba(0,0,0,.18)}[data-theme=light] .trakbar-waffle-title,body.light .trakbar-waffle-title,html.light .trakbar-waffle-title,html[data-theme=light] .trakbar-waffle-title{color:rgba(0,0,0,.55)}[data-theme=light] .trakbar-app-card-name,body.light .trakbar-app-card-name,html.light .trakbar-app-card-name,html[data-theme=light] .trakbar-app-card-name{color:rgba(0,0,0,.85)}[data-theme=light] .trakbar-app-card:hover,body.light .trakbar-app-card:hover,html.light .trakbar-app-card:hover,html[data-theme=light] .trakbar-app-card:hover{background:rgba(0,0,0,.04)}[data-theme=light] .trakbar-app-card.is-current,body.light .trakbar-app-card.is-current,html.light .trakbar-app-card.is-current,html[data-theme=light] .trakbar-app-card.is-current{background:rgba(0,0,0,.06)}[data-theme=light] .trakbar-user-menu,body.light .trakbar-user-menu,html.light .trakbar-user-menu,html[data-theme=light] .trakbar-user-menu{background-color:hsla(0,0%,100%,.98);border-color:rgba(0,0,0,.08);box-shadow:0 25px 50px -12px rgba(0,0,0,.18)}[data-theme=light] .trakbar-user-info,body.light .trakbar-user-info,html.light .trakbar-user-info,html[data-theme=light] .trakbar-user-info{border-bottom-color:rgba(0,0,0,.06)}[data-theme=light] .trakbar-user-name,body.light .trakbar-user-name,html.light .trakbar-user-name,html[data-theme=light] .trakbar-user-name{color:#111827}[data-theme=light] .trakbar-user-email,body.light .trakbar-user-email,html.light .trakbar-user-email,html[data-theme=light] .trakbar-user-email{color:rgba(0,0,0,.6)}[data-theme=light] .trakbar-signout,body.light .trakbar-signout,html.light .trakbar-signout,html[data-theme=light] .trakbar-signout{color:rgba(0,0,0,.85)}[data-theme=light] .trakbar-signout:hover,body.light .trakbar-signout:hover,html.light .trakbar-signout:hover,html[data-theme=light] .trakbar-signout:hover{background:rgba(0,0,0,.05)}@media (max-width:1024px){.trakbar-waffle-menu{left:0}.trakbar-user-menu{right:4px}}@media (max-width:640px){.trakbar{height:50px;padding:0 8px 0 0;gap:6px}.trakbar-crumb-suite,.trakbar-crumbs>.trakbar-chev:first-of-type{display:none}.trakbar-crumbs{margin-left:2px;gap:6px}.trakbar-crumb-app,.trakbar-crumb-sub{font-size:14px}.trakbar-waffle-menu{width:calc(100vw - 16px);max-width:380px;left:0;padding:12px}.trakbar-waffle-grid{grid-template-columns:repeat(3,1fr)}.trakbar-avatar{width:32px;height:32px;font-size:13px}.trakbar-user-menu{width:min(285px,calc(100vw - 16px));right:4px}}@media (max-width:380px){.trakbar-crumb-app{font-size:13px}.trakbar-waffle-grid{grid-template-columns:repeat(2,1fr)}}.trakbar,[data-theme=light] .trakbar,body.light .trakbar,html.light .trakbar,html[data-theme=light] .trakbar{background-color:rgba(8,11,20,.92)!important;color:#e5e7eb!important;border-bottom-color:hsla(0,0%,100%,.06)!important}.trakbar-waffle,[data-theme=light] .trakbar-waffle,body.light .trakbar-waffle,html.light .trakbar-waffle,html[data-theme=light] .trakbar-waffle{color:hsla(0,0%,100%,.85)!important}.trakbar-waffle:hover,[data-theme=light] .trakbar-waffle:hover,body.light .trakbar-waffle:hover,html.light .trakbar-waffle:hover,html[data-theme=light] .trakbar-waffle:hover{background:hsla(0,0%,100%,.08)!important}.trakbar-crumb-suite,[data-theme=light] .trakbar-crumb-suite,body.light .trakbar-crumb-suite,html.light .trakbar-crumb-suite,html[data-theme=light] .trakbar-crumb-suite{color:hsla(0,0%,100%,.55)!important}.trakbar-chev,[data-theme=light] .trakbar-chev,body.light .trakbar-chev,html.light .trakbar-chev,html[data-theme=light] .trakbar-chev{color:hsla(0,0%,100%,.3)!important}.trakbar-crumb-sub,[data-theme=light] .trakbar-crumb-sub,body.light .trakbar-crumb-sub,html.light .trakbar-crumb-sub,html[data-theme=light] .trakbar-crumb-sub{color:hsla(0,0%,100%,.8)!important}.trakbar-user-menu,.trakbar-waffle-menu,[data-theme=light] .trakbar-user-menu,[data-theme=light] .trakbar-waffle-menu,body.light .trakbar-user-menu,body.light .trakbar-waffle-menu,html.light .trakbar-user-menu,html.light .trakbar-waffle-menu,html[data-theme=light] .trakbar-user-menu,html[data-theme=light] .trakbar-waffle-menu{background-color:rgba(20,24,33,.98)!important;border-color:hsla(0,0%,100%,.07)!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)!important}.trakbar-waffle-title,[data-theme=light] .trakbar-waffle-title,body.light .trakbar-waffle-title,html.light .trakbar-waffle-title,html[data-theme=light] .trakbar-waffle-title{color:hsla(0,0%,100%,.55)!important}.trakbar-app-card-name,[data-theme=light] .trakbar-app-card-name,body.light .trakbar-app-card-name,html.light .trakbar-app-card-name,html[data-theme=light] .trakbar-app-card-name{color:hsla(0,0%,100%,.85)!important}.trakbar-app-card:hover,[data-theme=light] .trakbar-app-card:hover,body.light .trakbar-app-card:hover,html.light .trakbar-app-card:hover,html[data-theme=light] .trakbar-app-card:hover{background:hsla(0,0%,100%,.05)!important}.trakbar-app-card.is-current,[data-theme=light] .trakbar-app-card.is-current,body.light .trakbar-app-card.is-current,html.light .trakbar-app-card.is-current,html[data-theme=light] .trakbar-app-card.is-current{background:hsla(0,0%,100%,.07)!important}.trakbar-user-info,[data-theme=light] .trakbar-user-info,body.light .trakbar-user-info,html.light .trakbar-user-info,html[data-theme=light] .trakbar-user-info{border-bottom-color:hsla(0,0%,100%,.06)!important}.trakbar-user-name,[data-theme=light] .trakbar-user-name,body.light .trakbar-user-name,html.light .trakbar-user-name,html[data-theme=light] .trakbar-user-name{color:#fff!important}.trakbar-user-email,[data-theme=light] .trakbar-user-email,body.light .trakbar-user-email,html.light .trakbar-user-email,html[data-theme=light] .trakbar-user-email{color:hsla(0,0%,100%,.6)!important}.trakbar-signout,[data-theme=light] .trakbar-signout,body.light .trakbar-signout,html.light .trakbar-signout,html[data-theme=light] .trakbar-signout{color:hsla(0,0%,100%,.85)!important}.trakbar-signout:hover,[data-theme=light] .trakbar-signout:hover,body.light .trakbar-signout:hover,html.light .trakbar-signout:hover,html[data-theme=light] .trakbar-signout:hover{background:hsla(0,0%,100%,.06)!important}