.main-footer{padding:1rem 0 0;color:var(--color-primary-100);background-color:var(--color-background-10);font-size:.75rem;& p a{color:var(--color-accent-100)}& .footer-logo{margin:.5rem 0;text-align:center}}.mega-menu{position:fixed;top:5rem;opacity:0;visibility:hidden;right:0;transform:translateX(80%);padding:1rem;width:100%;height:100%;background-color:var(--color-solid-background);border-radius:var(--border-radius);z-index:100;& a{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;transition:color .15s ease;& .link-icon{transition:transform .15s ease,opacity .15s ease;transform:translateX(0);color:var(--color-primary-50);opacity:0}&:hover{color:var(--color-primary-60);& .link-icon{transform:translateX(.25rem);opacity:1}}}&>ul{&>li{margin-bottom:.5rem;&>ul{&>li{margin-bottom:.5rem;padding-left:.5rem}}}}transition:transform .2s,opacity .2s,visibility .2s;&.mega-menu--open{visibility:visible;opacity:1;transform:translateX(0)}& .mega-menu-title{margin-bottom:.5rem;font-size:1.15rem;font-weight:700;& a{text-decoration:underline}}}@media screen and (min-width:600px){.mega-menu{top:6rem;max-width:30rem}}.theme-picker{padding-right:1rem;& h3{font-size:1.15rem;font-weight:700;text-align:right}& .theme-buttons{display:flex;justify-content:flex-end;gap:1rem}}.search-box{position:relative;width:100%;max-width:20rem;& input{width:100%}& .open{& input{border-radius:var(--border-radius) var(--border-radius) 0 0}}& .search-box__results{top:100%;width:100%;z-index:10;background-color:var(--color-background-40);border-radius:0 0 var(--border-radius) var(--border-radius);& li{border-bottom:1px solid var(--color-accent-20);letter-spacing:1px;&:last-of-type{border-bottom:none}& a{display:flex;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-background-60);transition:background-color .1s ease-in-out;text-decoration:none;outline:none;&:hover{background-color:var(--color-background-70)}&:focus{background-color:var(--color-accent-20);color:var(--color-accent-90);outline:2px solid var(--color-accent-50);outline-offset:-2px}}& .slug{font-size:.9rem;color:var(--color-accent-50)}& a:focus .slug{color:var(--color-accent-70)}}}}