.bottom-nav-container{width:100%;height:calc(55px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:999;pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0}.bottom-nav{width:100%;max-width:100%;height:55px;box-shadow:none;pointer-events:auto;background-color:#000;border:none;border-top:1px solid #ffffff1a;border-radius:0;justify-content:space-around;align-items:center;padding:0;display:flex;position:relative}.nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:5px 10px;transition:all .2s;display:flex}.nav-item span{margin-top:4px;font-size:10px;font-weight:500}.nav-item:hover{color:#fff}.nav-item.active{color:var(--accent-color)}.nav-item.add-btn-wrapper{flex:1;justify-content:center;align-items:center;padding:0;display:flex}.add-btn{cursor:pointer;color:#000;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:32px;transition:opacity .2s;display:flex;position:relative;box-shadow:-4px 0 #00f2fe,4px 0 #fe0979}.add-btn:hover{opacity:.8}