.mainNav .nav{--local--gap:calc(var(--size-l) + var(--size-m));--local--padding:var(--size-xxl) var(--size-l) var(--size-l) var(--size-l);height:100%;position:fixed;top:0;transition:left .7s var(--easing),opacity .7s var(--easing);width:100%}.mainNav .nav:is(.active):not(:has(.nav:is(.active))){left:0;opacity:1}.mainNav .nav:is(.active):is(:has(.nav:is(.active))){left:-100%;opacity:1}.mainNav .nav:not(.active){left:100%;opacity:0;pointer-events:none}.mainNav .nav .scrollhelper{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overscroll-behavior:contain;padding:var(--local--padding);row-gap:var(--local--gap);width:100%}.mainNav .nav .scrollhelper::-webkit-scrollbar{height:6px;width:6px}.mainNav .nav .scrollhelper::-webkit-scrollbar-track{background:transparent}.mainNav .nav .scrollhelper::-webkit-scrollbar-thumb{background:var(--color-text_default);border-radius:3px}.mainNav .nav:is(.scrollable):not(:has(.nav:is(.scrollable)))>.scrollhelper{overflow:clip auto}.mainNav .nav:is(.scrollable):is(:has(.nav:is(.scrollable)))>.scrollhelper{overflow:hidden}.mainNav .nav:not(.scrollable) .scrollhelper{overflow:hidden}