.navContainer{gap:12px;display:flex}.navBtn{cursor:pointer;width:44px;height:44px;font-size:var(--font-size-xl);border:1px solid #e0e0e0;border-radius:12px;outline:none;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.light{background:var(--text-primary);color:#1e293b}.light:hover:not(:disabled){color:var(--primary)}.dark{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-color:#fff3}.dark:hover:not(:disabled){background:var(--text-primary);color:var(--text-description);border-color:var(--text-primary)}.navBtn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.navBtn svg{stroke-width:.5px;color:#0c0407}@media (max-width:768px){.navBtn{width:38px;height:38px;font-size:var(--font-size-lg);border-radius:12px}}