.pill-nav-bottom{z-index:40;padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:0 0;position:fixed;bottom:0;left:0;right:0}.pill-nav-wrapper{justify-content:center;align-items:center;width:100%;max-width:100%;margin:0 auto;display:flex}.pill-nav-pill-container{background:hsl(var(--card));border:2px solid hsl(var(--foreground)/.1);width:100%;max-width:100%;box-shadow:4px 4px 0px 0px hsl(var(--foreground)/.1);border-radius:9999px;align-items:center;gap:4px;padding:4px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.pill-nav-pill-container:hover{box-shadow:6px 6px 0px 0px hsl(var(--foreground)/.1)}.pill-nav-pill{min-height:48px;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700;line-height:1;font-family:var(--font-body);background:0 0;border:2px solid #0000;border-radius:9999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 12px;text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.pill-nav-pill:hover{background:hsl(var(--tertiary));color:hsl(var(--tertiary-foreground));box-shadow:2px 2px 0px 0px hsl(var(--foreground)/.2);transform:translateY(-2px)}.pill-nav-pill:active{transform:translateY(0)}.pill-nav-pill.is-active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--foreground));box-shadow:2px 2px 0px 0px hsl(var(--foreground))}.pill-nav-pill.is-active:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:4px 4px 0px 0px hsl(var(--foreground));transform:translateY(-2px)}.pill-nav-icon-wrapper{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.pill-nav-icon{flex-shrink:0;width:20px;height:20px}.pill-nav-label{white-space:nowrap}.pill-nav-notification{background:hsl(var(--secondary));border:2px solid hsl(var(--card));z-index:5;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.pill-nav-pill.is-active:after{content:"";background:hsl(var(--primary));z-index:4;border:2px solid hsl(var(--foreground));border-radius:50%;width:6px;height:6px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@media (max-width:640px){.pill-nav-bottom{padding:6px}.pill-nav-pill-container{box-shadow:2px 2px 0px 0px hsl(var(--foreground)/.1)}.pill-nav-pill{padding:6px 8px;font-size:9px}.pill-nav-icon{width:18px;height:18px}.pill-nav-icon-wrapper{width:20px;height:20px}}@media (min-width:1024px){.pill-nav-bottom{display:none!important}}