.top-bar{z-index:1000;background:#fff;align-items:center;width:100%;height:50px;padding:0 10px;display:flex;position:fixed;top:0;left:0}.nav-back-button{cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:30px;height:35px;transition:all .25s;display:flex}.nav-back-icon{object-fit:contain;opacity:.7;filter:grayscale();width:35px;height:35px;transition:all .25s}.nav-back-button:hover{background:#eef2ff}.nav-back-button:hover .nav-back-icon{opacity:1;filter:brightness(0)saturate()invert(59%)sepia(86%)saturate(1625%)hue-rotate(200deg)brightness(102%)contrast(101%)}.top-bar-center{pointer-events:none;border-radius:8px;justify-content:center;align-items:center;width:120px;height:36px;transition:background-color .3s;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.logo-track{will-change:transform;flex-direction:column;width:100%;height:36px;display:flex}.logo-slide{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:36px;display:flex}.logo-slide img{object-fit:contain;max-width:100%;max-height:100%}.top-bar-center.active-0,.top-bar-center.active-1,.top-bar-center.active-2{background:#e1e1e1}.bottom-nav{z-index:999;background:#fff;border-radius:20px 20px 0 0;grid-template-columns:repeat(5,1fr);align-items:center;width:100%;height:70px;display:grid;position:fixed;bottom:0;left:0;box-shadow:0 -4px 15px #00000014}.nav-item{justify-content:center;align-items:center;height:100%;text-decoration:none;display:flex;position:relative}.nav-item:before{content:"";opacity:0;background:#eef2ff;transition:opacity .25s;position:absolute;inset:0}.nav-item:hover:before{opacity:1}.nav-icon-img{z-index:1;object-fit:contain;opacity:.75;filter:grayscale()brightness(.9)contrast();margin:0 auto;transition:filter .25s,opacity .25s;display:block;position:relative;transform:translateY(-10px)}.nav-home-icon{width:70px;height:70px}.nav-stage-icon{width:65px;height:65px}.nav-map-icon{width:80px;height:80px}.nav-calendar-icon{width:70px;height:70px}.nav-chat-icon{width:80px;height:80px}.nav-item.active{position:relative}.nav-item.active:after{content:"";background:#5bbad5;border-radius:10px;width:24px;height:4px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.nav-item:hover .nav-icon-img,.nav-item.active .nav-icon-img,.nav-back-button:hover .nav-back-icon{opacity:1;filter:brightness(0)saturate()invert(59%)sepia(86%)saturate(1625%)hue-rotate(200deg)brightness(102%)contrast(101%)}.nav-item:active{transform:translateY(-2px)}.nav-item:not(:last-child):after{content:"";background:linear-gradient(#0000,#bfbfbf80,#0000);width:1px;height:60px;position:absolute;top:50%;right:0;transform:translateY(-60%)}