.bottom-nav-container{z-index:999;height:var(--nav-h-safe);background:linear-gradient(#fff0 0%,#fff 100%);grid-area:1/1;align-self:end;position:fixed;bottom:0;left:0;right:0}.bottom-nav{z-index:1;pointer-events:auto;height:var(--nav-h-safe);margin:0 .875rem calc(.75rem + env(safe-area-inset-bottom,0));background:#fff;border-radius:.75rem;grid-area:1/1;justify-content:space-around;align-self:end;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 .125rem .5687rem #00000040}.nav-item{cursor:pointer;color:#a0a0a8;font-family:var(--font);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.1875rem;text-decoration:none;display:flex;position:relative}.nav-item--active{color:var(--dark);font-weight:700}.nav-item--active>.nav-icon svg path{fill:var(--grey-300);stroke:var(--grey-300)}.nav-item--active>.nav-label{font-weight:700}.nav-icon{display:flex}.nav-label{letter-spacing:.01em;font-size:.8125rem;font-weight:500}.nav-dot{background:var(--dark);border-radius:50%;width:.25rem;height:.25rem;margin-bottom:-.5rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-add-btn{cursor:pointer;width:4rem;height:4rem;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin-top:-1.375rem;padding:0;transition:transform .15s;display:flex}.nav-add-icon{width:4rem;height:4rem;image-rendering:pixelated;display:block}.nav-add-btn:hover{transform:scale(1.06)}.nav-add-btn:active{transform:scale(.96)}@media (width>=48rem){.bottom-nav,.bottom-nav-container{display:none!important}}