.mainNav{--local--background:var(--color-solids_background)}@media (max-width:650px){.mainNav{--local--width:100%}}@media (max-width:1000px) and (min-width:650.1px){.mainNav{--local--width:calc(75% + var(--size-l))}}@media (min-width:1000.1px){.mainNav{--local--maxwidth:39.5rem;--local--width:calc(50% + var(--size-l))}}.mainNav{background:var(--local--background);bottom:0;display:flex;flex-direction:column;max-width:var(--local--maxwidth);overflow:hidden;position:fixed;right:0;row-gap:0;top:0;transition:opacity .7s var(--easing),transform .7s var(--easing);width:var(--local--width);z-index:111}.mainNav:is([aria-hidden=true]){opacity:0;transform:translateX(100%)}.mainNav:not([aria-hidden=true]){opacity:1;transform:translateX(0)}.mainNav .slot{flex:1 1;overflow:clip;transform:scale(1)}@media (pointer:coarse){html:has(.mainNav[aria-hidden=false]){overflow-y:hidden}}