.nav-section-title{font-family:var(--theme-font-title);font-weight:500}.nav-button-tooltip{position:absolute;top:0;right:0;transform:translate(100%);background-color:white;padding:.25rem 1rem;font-size:.85rem;z-index:999;font-weight:600}.nav-button-text{opacity:0;animation:enter .5s ease-in-out forwards;font-size:1rem;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.button{--temp-bg-colour:var(--button-bg-colour,var(--theme-colour-background));--temp-text-colour:var(--button-text-colour,var(--theme-colour-highlight))}.button[data-active=true]{background-color:var(--temp-text-colour);color:var(--temp-bg-colour)}.button[data-active=false]{color:var(--temp-text-colour);background-color:var(--temp-bg-colour)}.button{border:1px solid color-mix(in oklab,var(--temp-text-colour) 30%,var(--temp-bg-colour) 40%);display:flex;gap:.75rem;align-items:center;justify-content:space-evenly;transition:all .2s ease-in-out;font-size:clamp(.85rem,-.75rem + 3.333vw,1.05rem);border-radius:.5rem;font-weight:500;padding:.35rem .9rem;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}.button[data-active=false]:hover{color:var(--temp-text-colour);background-color:color-mix(in oklab,var(--temp-bg-colour) 85%,var(--temp-text-colour) 15%)}.button[data-active=true]:hover{background-color:color-mix(in oklab,var(--temp-text-colour) 85%,var(--temp-bg-colour) 15%);color:var(--temp-bg-colour)}@keyframes enter{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.nav-button-text{font-size:.85rem}.nav-button-tooltip{font-size:.65;font-weight:500}}