#main-menu{position:fixed;top:0;left:0;height:100%;max-width:var(--sidenav-size);width:100%;z-index:99;background:var(--background);display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding-bottom:10px;.user-icon{width:100%;img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center}}.top-part{flex:1;display:flex;flex-direction:column}.menu-part{width:100%;flex:1;display:flex;flex-direction:column;justify-content:space-between;.upper-menu{flex:1}& a,.as-sidebar{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:8px;text-transform:uppercase;text-align:center;width:100%;color:var(--fontcolor);transition:background 0.3s ease;padding:10px 5px;font-family:var(--smallfont);letter-spacing:0.1em;&:hover{background:var(--medium)}&.alerts--new{color:var(--accent1)}span{display:block;text-align:center;font-size:24px}}}@media (max-width:500px){.bottom-part{display:none}}#progress-indicator{display:flex;flex-direction:column;align-items:center;& > a{display:flex;flex-direction:column;align-items:center}& > a:not(:last-child):after{content:"";display:block;width:1px;height:10px;background:var(--fontcolor)}}.progress-point{width:10px;height:10px;border:1px solid var(--fontcolor);border-radius:50%;transition:background-color 0.3s}.progress-point.active{background-color:var(--fontcolor)}#progress-name{margin-top:5px;text-align:center;color:var(--fontcolor);font-weight:300;font-size:10px;text-transform:uppercase;font-family:var(--smallfont);letter-spacing:0.1em}}#top-menu{position:fixed;left:0;bottom:0;z-index:95;width:100%;display:flex;gap:10px;align-items:center;justify-content:center;text-transform:uppercase;font-size:11px;background:none;pointer-events:all;overflow:visible;transition:all 0.3s ease;background:var(--background);@media (min-width:1000px){top:0;bottom:unset;justify-content:flex-end;height:100%;max-height:var(--sidenav-size);padding:10px var(--base-gap) 10px calc(var(--sidenav-size) + var(--base-gap));background:none;body.scroll-down &{max-height:0px;pointer-events:none;padding:0px var(--base-gap) 0px calc(var(--sidenav-size) + var(--base-gap));overflow:hidden}body.scrolled &{background:var(--background)}}.top-menu-inner{display:none;width:100%;padding-right:calc((100% - var(--page-max-width))/2);transition:padding-right 0.3s ease;body.scrolled &{padding-right:0}@media (min-width:1000px){display:block}}ul{display:flex;gap:10px;justify-content:flex-end;align-items:center;list-style:none;&.has-sub{position:relative;padding:0;li{font-weight:700}&:hover .sub{max-height:none}}.sub{position:absolute;top:100%;left:50%;transform:translateX(-50%);max-height:0;overflow:hidden;padding-top:5px;ul{display:flex;flex-direction:column;padding:0;gap:0;background:var(--background)}li{width:100%;a{display:block;padding:10px;width:100%;white-space:nowrap;&:hover{background:var(--medium)}}}}}a{color:var(--fontcolor);font-weight:700;&:hover{color:var(--accent1)}}fieldset#search{display:flex;gap:10px;align-items:center}#nav-toggler{display:flex;justify-content:center;align-items:center;gap:10px;border:unset;background:var(--background);width:100%;text-align:center;padding-left:var(--sidenav-size);@media (min-width:1000px){display:none}}}#mobile-menu{position:fixed;top:0;left:100%;width:100%;height:100%;z-index:99;transition:left 0.5s ease;@media (min-width:1000px){display:none}&.open{left:0}.mobile-menu{display:flex;flex-direction:column;gap:10px;position:relative;width:100%;height:100%;z-index:2;padding:var(--base-gap);overflow:hidden;@media (min-width:480px){padding:var(--base-gap) 50px}#nav-closer{margin-left:auto;border:unset;width:40px;aspect-ratio:1/1;font-size:20px;padding:0}> ul{flex:1;list-style:none;font-size:20px;font-weight:900;border-left:5px solid var(--medium);max-height:calc(100% - 40px - 10px);overflow-y:auto;text-transform:lowercase;> li{padding:0;&:not(:last-child){margin-bottom:10px}a{padding:0}}a{display:block;transition:text-decoration 0.3s ease}ul{list-style:none;padding:0;margin:0;li.sub{font-size:16px;line-height:1.3em;text-transform:none;padding-left:10px;border-left:5px solid var(--medium);margin:10px 0;a{padding:10px}}}}&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--background);opacity:0.99;z-index:-1}}}#pdm-toast{display:none}.as-sidenav{position:fixed;top:0;left:-250px;height:100vh;width:250px;z-index:100;background:var(--background);display:flex;flex-direction:column;transition:left 0.5s ease;.closebtn{padding:10px;background:var(--medium);text-align:center}ul{padding:0}}