.bottom-nav-container{max-width:var(--app-max-width);height:80px;z-index:50}.bottom-nav,.bottom-nav-container{position:absolute;bottom:0;width:100%}.bottom-nav{justify-content:space-around;background-color:var(--surface);height:60px;box-shadow:0 -4px 6px -1px rgba(0,0,0,.05);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.bottom-nav,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;justify-content:center;color:var(--text-muted);width:50px;height:50px;transition:color .1s ease-out,opacity .1s ease-out}.nav-item:active{opacity:.5}.nav-item.active{color:var(--accent)}.nav-item-fab-wrapper{position:relative;width:60px;height:60px}.fab-button,.nav-item-fab-wrapper{display:flex;justify-content:center}.fab-button{position:absolute;bottom:10px;width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--accent);align-items:center;box-shadow:0 4px 10px rgba(139,92,246,.4);transition:transform .1s ease-out,background-color .2s ease}.fab-button:active{transform:scale(.92);background-color:#6d28d9}.nav-item-fab-wrapper:before{content:"";position:absolute;bottom:-5px;width:80px;height:80px;background-color:var(--background);border-radius:var(--radius-full);z-index:-1}