:root{--qnav-sidebar-w:clamp(96px, 6vw, 110px);--qnav-sidebar-open-w:min(28vw, 440px);--qnav-transition:0.45s cubic-bezier(0.4, 0, 0.2, 1);--qnav-bg:rgba(45, 59, 53, 0.65);--qnav-bg-open:rgba(45, 59, 53, 0.75)}#qnav{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;pointer-events:none}.qnav__sidebar{position:absolute;top:0;left:0;width:var(--qnav-sidebar-w);height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--space-m) var(--space-xs);background:var(--qnav-bg);pointer-events:auto;z-index:20;overflow:hidden;transition:width var(--qnav-transition),background var(--qnav-transition)}.qnav__sidebar-brand{transition:opacity var(--qnav-transition)}.qnav__sidebar-toggle{transition:opacity var(--qnav-transition)}.qnav__sidebar-open{display:none}.qnav__sidebar-links{display:none}.qnav__close{display:none}@media (min-width:768px){#brx-content .brxe-container{max-width:min(1200px, calc(100% - var(--qnav-sidebar-w)));margin-left:var(--qnav-sidebar-w);margin-right:0;transition:margin-left var(--qnav-transition),max-width var(--qnav-transition)}body.nav-open #brx-content .brxe-container{margin-left:var(--qnav-sidebar-open-w);max-width:min(1200px, calc(100% - var(--qnav-sidebar-open-w)))}}#qnav::after{content:"";position:fixed;inset:0;background:rgb(0 0 0 / .4);opacity:0;visibility:hidden;transition:opacity var(--qnav-transition),visibility var(--qnav-transition);pointer-events:none;z-index:10}body.nav-open #qnav{pointer-events:auto}body.nav-open .qnav__sidebar{width:var(--qnav-sidebar-open-w);background:var(--qnav-bg-open);align-items:flex-start;padding:var(--space-l)}body.nav-open .qnav__sidebar-brand,body.nav-open .qnav__sidebar-toggle{opacity:0;visibility:hidden;position:absolute;pointer-events:none}body.nav-open .qnav__sidebar-open{display:block;width:100%;text-align:center;opacity:0;animation:qnav-fade-in 0.3s 0.15s forwards}body.nav-open .qnav__sidebar-open img{display:block;margin:0 auto}body.nav-open .qnav__sidebar-links{display:flex;flex-direction:column;width:100%;opacity:0;animation:qnav-fade-in 0.3s 0.2s forwards}body.nav-open .qnav__close{display:flex;opacity:0;animation:qnav-fade-in 0.3s 0.25s forwards}body.nav-open .qnav__sidebar-social{flex-direction:row!important;gap:var(--space-m)!important;justify-content:center!important;width:100%;opacity:0;animation:qnav-fade-in 0.3s 0.2s forwards}body.nav-open #qnav::after{opacity:1;visibility:visible;pointer-events:auto}@keyframes qnav-fade-in{from{opacity:0}to{opacity:1}}.qnav__mobile-trigger{position:absolute;top:var(--space-s);right:var(--space-s);z-index:20;pointer-events:auto;display:none}@media (min-width:768px){#brx-footer .brxe-container{max-width:min(1200px, calc(100% - var(--qnav-sidebar-w)));margin-left:var(--qnav-sidebar-w);margin-right:0;transition:margin-left var(--qnav-transition),max-width var(--qnav-transition)}body.nav-open #brx-footer .brxe-container{margin-left:var(--qnav-sidebar-open-w);max-width:min(1200px, calc(100% - var(--qnav-sidebar-open-w)))}}@media (max-width:767px){.qnav__sidebar{display:none!important}.qnav__mobile-trigger{display:block}body.nav-open .qnav__sidebar{display:flex!important;width:100vw}body.nav-open .qnav__sidebar-open img{width:75%;height:auto;object-fit:contain}body.nav-open .qnav__sidebar-links{align-items:center;font-size:var(--text-2xl)}}@media (min-width:768px){.qnav__mobile-trigger{display:none!important}body.nav-open .qnav__sidebar-links{align-items:center;font-size:var(--text-2xl)}}