.navigation.svelte-1t62gjl{position:fixed;bottom:0;left:0;right:0;background:#fff;background-color:#fff;border-top:1px solid #d1d5db;z-index:50;max-width:660px;margin:0 auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-container.svelte-1t62gjl{display:flex;align-items:center;justify-content:center;padding:8px 12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.nav-items.svelte-1t62gjl{display:flex;justify-content:space-around;align-items:center;width:100%;max-width:400px}.nav-item.svelte-1t62gjl{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;border:none;background:none;cursor:pointer;outline:none;color:#64748b;transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1);border-radius:10px;gap:2px;flex:1;max-width:80px}.nav-item.active.svelte-1t62gjl{color:#2563eb;transform:scale(1.1);background:#2563eb1a}.nav-item.svelte-1t62gjl:hover:not(.active){color:#475569;transform:scale(1.02);background:#4755690d}.nav-icon-wrapper.svelte-1t62gjl{position:relative;display:flex;align-items:center;justify-content:center}.nav-icon.svelte-1t62gjl{width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-title.svelte-1t62gjl{font-size:9px;font-weight:500;line-height:1;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-icon.svelte-1t62gjl svg{width:100%;height:100%;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item.active.svelte-1t62gjl .nav-icon:where(.svelte-1t62gjl) svg{stroke-width:2.2}.active-dot.svelte-1t62gjl{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:3px;height:3px;background-color:#2563eb;border-radius:50%}@media (prefers-color-scheme: dark){.navigation.svelte-1t62gjl{background:#fff!important;background-color:#fff!important;border-top-color:#d1d5db}.nav-item.svelte-1t62gjl{color:#64748b}.nav-item.active.svelte-1t62gjl{color:#2563eb;background:#2563eb1a}.nav-item.svelte-1t62gjl:hover:not(.active){color:#475569;background:#4755690d}.active-dot.svelte-1t62gjl{background-color:#2563eb}}.nav-item.svelte-1t62gjl:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:8px}