.mode-toggle{color:var(--text);background:none;padding:var(--gap-half);border-radius:var(--border-radius);border:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;cursor:pointer}.mode-toggle:active{background:var(--accent)}@media(hover:hover)and (pointer:fine){.mode-toggle:hover{background:var(--accent)}}.mode-toggle>*{height:100%}.nav{background:var(--bg-2);border-radius:var(--border-radius);height:50px;display:flex;justify-content:space-between;flex-direction:row}.nav>*{margin:var(--gap-half);display:flex;align-content:center;flex-direction:row}.nav__link{border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center;padding:var(--gap-half) var(--gap);color:var(--text);text-decoration:none;background:#0000;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nav__link>a{color:inherit}.nav__link:hover{color:var(--text);background:var(--accent)}.footer{padding:var(--gap);display:flex;flex-direction:column;align-items:center}