html{--community-bg-color:#191919}nav{background-color:var(--bg-color);width:100%}nav #nav-container{--nav-padding-block:1.6rem;padding-block:var(--nav-padding-block);font-family:var(--font-neueplak);color:var(--color);justify-content:space-between;align-items:center;max-width:2000px;height:fit-content;margin-inline:auto;padding-inline:clamp(1.5rem,.5rem + 4vw,5rem);font-size:18px;display:flex;inset:0}@media screen and (min-width:768px){nav #nav-container{--nav-padding-block:2.25rem;padding-inline:36px}}nav #nav-container.home{background:0 0}nav #nav-container.overlaying{z-index:1;background:0 0;position:absolute}nav #nav-container a{font-size:2.5rem;text-decoration:none}@media screen and (min-width:768px){nav #nav-container a{font-size:18px}}nav #nav-container .logo_container{height:fit-content;-webkit-text-decoration:inherit;text-decoration:inherit;color:inherit;opacity:1;place-items:center;display:grid}nav #nav-container .logo_container .logo{color:inherit;height:.9em;transition:opacity .3s;display:none}@media screen and (min-width:768px){nav #nav-container .logo_container .logo{display:block}}nav #nav-container .logo_container .logo:hover{opacity:.5}nav #nav-container .logo_container .mobile-logo{color:inherit;width:30px;height:30px;display:block}@media screen and (min-width:768px){nav #nav-container .logo_container .mobile-logo{display:none}}nav #nav-container .dark_overlay{visibility:hidden;z-index:1;opacity:0;background-color:#000;width:100%;height:100vh;transition:opacity .3s ease-out;position:absolute;top:0;left:0}nav #nav-container .dark_overlay.is-active{visibility:visible;opacity:.5;transition:opacity .3s ease-out}nav #nav-container ul{gap:2rem;list-style:none;display:flex}@media screen and (max-width:768px){nav #nav-container ul{text-align:right;z-index:2;background-color:var(--color);width:90%;height:100vh;color:var(--mobile-bg-color,--bg-color);visibility:hidden;flex-direction:column;gap:2.5rem;padding-top:6rem;padding-right:2rem;list-style:none;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}nav #nav-container ul.panel-open{visibility:visible;transition:all .3s ease-out;transform:translate(0%)}nav #nav-container ul.panel-close{visibility:visible;transition:all .3s ease-out;transform:translate(100%)}}nav #nav-container ul li{transition:opacity .3s}nav #nav-container ul li:hover,nav #nav-container ul li a[aria-current=page]{opacity:.5}
html{--community-bg-color:#191919}.hamburger{margin-block:var(--nav-padding-block);cursor:pointer;text-transform:none;z-index:3;background-color:#0000;border:0;margin-inline:clamp(1.5rem,.5rem + 4vw,5rem);padding:0;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;display:inline-block;position:absolute;top:0;right:0}.hamburger-box{width:30px;height:30px;display:block;position:relative}.hamburger-inner{margin:auto 0;inset:0}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{background-color:inherit;width:30px;height:3px;margin-inline:auto;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;position:absolute}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-9px}.hamburger-inner:after{bottom:-9px}@media screen and (min-width:768px){.hamburger{display:none}}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s;top:0}.hamburger--spin.is-active .hamburger-inner:after{transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;bottom:0;transform:rotate(-90deg)}
