.navigation-bar{background:var(--cs__background);grid-column:full;padding:2rem}.navigation-bar__mobile-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.navigation-bar__offcanvas-overlay{background-color:rgba(0,0,0,.439);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease-in-out;z-index:10}.navigation-bar[data-offcanvas-open] .navigation-bar__offcanvas-overlay{opacity:100%;pointer-events:auto}.navigation-bar__content{align-items:center;display:flex;gap:2rem;grid-column:grid;width:100%}.navigation-bar__content .logo{aspect-ratio:79/38;height:2.375rem}.navigation-bar__content__desktop,.navigation-bar__content__offcanvas{align-items:center;display:flex;gap:2rem;justify-content:space-between;width:100%}.navigation-bar__content__offcanvas{background:var(--cs__background);box-shadow:0 12px 16px -4px rgba(10,13,18,.08),0 4px 6px -2px rgba(10,13,18,.03),0 2px 2px -1px rgba(10,13,18,.04);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:2rem;pointer-events:none;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:max(22.5rem,45vw);z-index:20}.navigation-bar[data-offcanvas-open] .navigation-bar__content__offcanvas{pointer-events:auto;transform:translateX(0)}.navigation-bar__content__offcanvas__pages{flex:1 0 auto}.navigation-bar__content__offcanvas__actions,.navigation-bar__content__offcanvas__pages{display:flex;flex-direction:column;gap:1rem;width:100%}.navigation-bar__content__desktop__pages{display:flex;flex-grow:3}.navigation-bar__content__desktop__actions{display:flex;flex-grow:1;gap:.625rem;justify-content:flex-end}.navigation-bar__offcanvas-toggle{color:var(--cs__text);cursor:pointer}@media (min-width:1024px){.navigation-bar__content__offcanvas,.navigation-bar__mobile-header,.navigation-bar__offcanvas-overlay,.navigation-bar__offcanvas-toggle{display:none}}@media (max-width:1023px){.navigation-bar__content{justify-content:space-between}.navigation-bar__content__desktop{display:none}}@media (hover:hover){.navigation-bar__offcanvas-toggle:not([disabled]):not(:disabled):hover,a:not([disabled]):not(:disabled):hover .navigation-bar__offcanvas-toggle{color:var(--cs__text--hover)}}