menu.upnav{display:flex;list-style:none;padding:0;position:sticky;bottom:-10rem;width:100%;justify-content:center;gap:1rem;z-index:2000;transition:bottom .5s linear;&.compact{>li{span{display:none;}}}.btn{@media (width >900px) {font-size:18px;padding:10px 16px;}.glyphicon + span{margin-left:.5rem;}}.upnav-cont{position:absolute;display:flex;justify-content:center;z-index:2000;bottom:7rem;>ul{max-height:80vh;overflow-y:scroll;flex-wrap:nowrap;&::-webkit-scrollbar{width:0px;}&::-webkit-scrollbar-track {background-color:var(--navcont-li-bg);}&::-webkit-scrollbar-thumb {-webkit-border-radius:3px;border-right:3px;background-color:var(--navcont-li-bg);}&::-webkit-scrollbar-thumb:hover{background-color:var(--navcont-li-bg);cursor:pointer;}}ul{flex-direction:column;box-shadow:var(--modal-shadow);li{width:100%;margin-left:0;border:unset;display:block;>a{>span{text-decoration:unset;}}>a,>span,>details{width:100%;text-align:left;}ul{display:flex;flex-direction:column;padding-left:2rem;box-shadow:none;}>*:not(details,ul){display:flex;&:before{content:"•";width:14px;text-align:center;font-family:monospace;transform:translateX(-1px);}}}}menu{position:relative;margin:0;padding:0;background-color:unset;border:unset;box-shadow:unset;>li{>*{padding-top:1rem;padding-bottom:1rem;white-space:unset;}}li:hover{color:unset;background-color:unset;}menu{margin:0;}}details[open] {margin-bottom:-1rem;>summary{padding-bottom:1rem;}}}}.content{>menu.upnav{margin-bottom:1rem;.upnav-cont{width:100%;padding:0 1rem;margin-bottom:calc(var(--main-gap)* -1);>ul{min-width:24rem;max-height:75vh;}}}}.sidebar{>menu.upnav{margin:0 auto;.upnav-cont{width:100%;>ul{width:100%;}}}>div.upnav{flex:auto;display:flex;}}