.float-navbar-wrapper{z-index:100;width:100%;height:var(--navbar-height);flex-direction:column;justify-content:flex-end;display:flex;position:sticky;top:0}.float-navbar{background-color:var(--primary);border-radius:50px;justify-content:space-between;align-items:center;width:90%;max-width:400px;margin:0 auto;padding:8px 12px;display:flex;position:relative;box-shadow:0 4px 10px #0000001a}.float-menu-button{cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.float-menu-button:active{transform:scale(.95)}.float-menu-button.locked{background-color:var(--light-purple)}.float-navbar-title{color:#fff;white-space:nowrap;margin:0}.float-logo-container{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.menu-collapse-container{opacity:0;visibility:hidden;justify-content:center;width:100%;transition:all .3s ease-in-out;display:flex;position:absolute;top:100%}.menu-collapse-container.open{opacity:1;visibility:visible;margin-top:10px}@media (max-height:600px){.float-navbar-wrapper{height:50px}.float-navbar{padding:5px 8px}.float-menu-button,.float-logo-container{width:35px;height:35px}}
.sidebar-div{display:block}.main-content{padding-top:var(--navbar-height);height:100vh;margin-right:var(--sidebar-width)}@supports (height:100dvh){.main-content{height:100dvh}}.desktop-only-nav{display:block}.mobile-only-nav{display:none}@media (max-width:900px){.sidebar-div{display:none}.main-content{margin-right:0}.responsive-main-content{margin-top:var(--navbar-height)}.desktop-only-nav{display:none}.mobile-only-nav{display:block}}