.nav-section-title{font-family:var(--theme-font-title);font-weight:500}.nav-button-tooltip{z-index:999;background-color:#fff;padding:.25rem 1rem;font-size:.85rem;font-weight:600;position:absolute;top:0;right:0;transform:translate(100%)}.nav-button-text{opacity:0;text-wrap:nowrap;text-overflow:ellipsis;font-size:1rem;animation:.5s ease-in-out forwards enter;overflow:hidden}.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%);text-wrap:nowrap;text-overflow:ellipsis;border-radius:.5rem;justify-content:space-evenly;align-items:center;gap:.75rem;padding:.35rem .9rem;font-size:clamp(.85rem,3.333vw - .75rem,1.05rem);font-weight:500;transition:all .2s ease-in-out;display:flex;overflow:hidden}.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:.65px;font-weight:500}}