.NavButton{width:4.4rem;height:4.4rem;color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-duration) var(--ease-out-quad), color var(--transition-duration) var(--ease-out-quad), background-color var(--transition-duration) var(--ease-out-quad), border-color var(--transition-duration) var(--ease-out-quad), transform .16s var(--ease-out-quad);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.NavButton:disabled{cursor:default;opacity:.4}@media (hover:hover){.NavButton:hover{opacity:.8}.NavButton.isOutline:hover{color:var(--color-accent-primary);border-color:var(--color-accent-primary);opacity:1}}.NavButton:active{transform:scale(.97)}.NavButton.isFilled{background:var(--color-bg-primary);border:0}.NavButton.isFilled:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:2px}.NavButton.isOutline{border:1px solid var(--color-line-primary);background:0 0}.NavButton.isOutline:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.NavButton__icon{width:2.6rem;height:2.6rem;transition:color var(--transition-duration) var(--ease-out-quad)}@media (prefers-reduced-motion:reduce){.NavButton,.NavButton__icon{transition:none}}