.remoteOpen .nav-container{overflow:visible;background-color:hsla(0,0%,98.8%,.15)}.nav-container{height:auto;border-top-right-radius:10px;border-top-left-radius:10px;position:fixed;bottom:0;width:100vw;left:0;box-shadow:-4px -1px 15px 5px rgba(0,0,0,.5);z-index:99}.nav-container.open{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.nav-container .nav{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:15px 0;margin:0 auto;color:#fff;overflow:hidden}.nav-container .nav svg{width:20px;pointer-events:none;stroke:#fff;color:#fff}.nav-container .nav .hide{opacity:0}.nav-container .nav .active{position:relative}.nav-container .nav .active:before{content:"";position:absolute;width:100%;height:2px;bottom:-15px;left:0;opacity:.7;background-color:#fff}.nav-container .nav .item{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;border-radius:50%}.nav-container .nav .item p{padding:0;padding-top:3px;font-size:8px;font-weight:700;text-transform:lowercase;margin:0;color:#fff}.minidid{position:fixed;right:0;bottom:0;width:100vw;padding:10px 0;padding-right:20px;justify-content:flex-end;z-index:9999}.minidid,.minidid>div{display:flex;pointer-events:none}.minidid>div{padding:10px 7.5px;margin-left:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(0,0,0,.5);border-radius:4px;font-size:8px;text-transform:uppercase;align-items:center;justify-content:center;flex-direction:row;text-align:center}.minidid>div svg{max-width:10px;padding-right:5px}.minidid>div.sel{background-color:hsla(0,0%,100%,.85);color:#000;z-index:999999;transform:scale(1.15) translateY(-5px);transform-origin:center}