@layer components.main-nav.mobile-nav{.mobile-nav-section-toggle,.nav-main .nav-mobile .nav-controls,.nav-mobile{display:none}@media only screen and (max-width:768px){body{margin-top:3.5rem}.nav-hr,.nav-secondary,.nav-top{display:none}.nav-main{position:fixed;top:0;width:100%;overflow:hidden;transition:all .2s ease-out,background-color 0s linear}.nav-main label.menu-toggle{position:absolute;top:0;right:0;box-sizing:border-box;vertical-align:middle;padding:calc(var(--spacing) * 1.5);font-size:var(--font-size-lg)}.nav-main:not(:has(#menu-toggle:checked)) .menu-toggle.open{display:block}.nav-main:not(:has(#menu-toggle:checked)) .menu-toggle.close{display:none}.nav-main:not(:has(#menu-toggle:checked)){z-index:98;--nav-spacing-x:var(--spacing);--nav-spacing-y:var(--spacing);padding-top:var(--nav-spacing-x);padding-bottom:var(--nav-spacing-x);background-color:var(--color-white);grid-template:"logo links x"/max-content 1fr max-content;justify-items:center}.nav-main:not(:has(#menu-toggle:checked)) .menu-toggle{position:relative;grid-area:x;padding:.5rem;margin-left:var(--spacing)}.nav-main:not(:has(#menu-toggle:checked)) .nav-logo{width:7rem;padding:0}.nav-main:not(:has(#menu-toggle:checked)) .nav-logo .logo-dark,.nav-main:not(:has(#menu-toggle:checked)) .nav-logo .logo-light{padding:0}.nav-main:not(:has(#menu-toggle:checked)) .nav-controls,.nav-main:not(:has(#menu-toggle:checked)) .nav-social{display:none}.nav-main:not(:has(#menu-toggle:checked)) .nav-links{justify-content:center}.nav-main:not(:has(#menu-toggle:checked)) .nav-links .nav-item{display:none}.nav-main:not(:has(#menu-toggle:checked)) .donate-button{--button-bg:var(--color-white);display:block;padding:.3rem .6rem;min-width:0;border:2px solid #000;color:#000;transition:none}.nav-main:has(#menu-toggle:checked){inset:0}.nav-main:has(#menu-toggle:checked) .menu-toggle.close{display:block}.nav-main:has(#menu-toggle:checked) .menu-toggle.open{display:none}.nav-main:has(#menu-toggle:checked){--nav-bg-color:var(--color-black);height:100vh;height:100dvh;padding:calc(var(--spacing) * 3);padding-bottom:var(--spacing)}.nav-main:has(#menu-toggle:checked),.nav-main:has(#menu-toggle:checked) a{--nav-fg-color:var(--color-white)}.nav-main:has(#menu-toggle:checked){grid-template:"links" 1fr "controls" min-content "social" min-content/100%;justify-content:center}.nav-main:has(#menu-toggle:checked) .nav-logo{display:none}.nav-main:has(#menu-toggle:checked) .nav-links{align-self:start;flex-direction:column;justify-self:start;align-items:start;gap:var(--spacing);font-size:var(--font-size-xxl);font-weight:400}.nav-main:has(#menu-toggle:checked) .nav-links .donate-button{display:none}.nav-main:has(#menu-toggle:checked) .nav-controls,.nav-main:has(#menu-toggle:checked) .nav-social{font-size:var(--font-size-md)}.nav-main:has(#menu-toggle:checked) .nav-social{display:flex;width:100%;justify-content:center;gap:var(--spacing);flex-wrap:wrap;row-gap:0}.nav-main:has(#menu-toggle:checked) .nav-controls{display:flex;justify-content:center;gap:var(--spacing)}.nav-main:has(#menu-toggle:checked) .nav-controls>*{width:auto;display:block;text-decoration:none;padding:calc(var(--spacing) / 2)}.nav-main:has(#menu-toggle:checked) .nav-controls>:hover:before{left:1.3em}.nav-main .nav-desktop{display:none}.nav-main .nav-mobile{display:unset}.nav-main .nav-mobile.nav-links{display:flex;flex-direction:column;height:100%;gap:var(--spacing)}.nav-main .nav-mobile.nav-links .donate-button{justify-self:end}.nav-main .nav-mobile .nav-item{padding:0}.nav-main .nav-mobile .nav-item:has(.toggle-on .toggle:checked) .submenu{height:100%;opacity:1}.nav-main .nav-mobile .nav-item:has(.toggle-on .toggle:checked) .title{color:var(--nav-submenu-color)}.nav-main .nav-mobile .nav-item .title{font-size:var(--font-size-xl);line-height:var(--font-lead-xl)}.nav-main .nav-mobile .nav-item .title:active{color:var(--nav-submenu-color)}.nav-main .nav-mobile .nav-item .submenu{flex-direction:column;will-change:opacity;transition:opacity .5s;height:0;opacity:0;gap:.6em;overflow:hidden}.nav-main .nav-mobile .nav-item .submenu li{display:block;text-transform:capitalize}.nav-main .nav-mobile .nav-item .submenu li:first-of-type{margin-top:var(--spacing)}.nav-main .nav-mobile .nav-item .submenu .nav-item{font-size:var(--font-size-md)}}}