.MapMain{width:100vw;height:100vh;background-color:rgba(var(--bg));overflow-x:hidden}.MapNavBarContainer{height:6vh;width:100vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.MapNavBarFuzzyLine{width:100vw;height:.6vh;margin-bottom:1.2vh;box-shadow:0 0 5px 1px hsla(0,1%,50%,.384);background:rgba(78,76,76,.705)}.MapModules{width:100vw;height:84vh;display:flex;flex-direction:row;justify-content:center}.MapSystemsContainer{height:auto;display:flex;flex-direction:row}.MapMiddleModuleContainer{width:57vw}.MapMultiModuleContainer{position:fixed;top:16vh;right:0;width:32vw;height:84vh;z-index:1000;transform:translateX(100%);animation:slideIn .5s forwards}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.MapMobileMiddleContainer{position:fixed;top:16vh;left:0;width:100vw;height:84vh;background:rgba(var(--bg));z-index:1001;transform:translateX(-100%);animation:slideInFromLeft .4s forwards;overflow-y:auto}@keyframes slideInFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.CloseMiddleModuleBtn{position:fixed;top:18vh;left:83vw;padding:.5rem;border-radius:.5rem;color:rgba(var(--fg));background-color:rgba(var(--objects));box-shadow:0 0 0 1px rgba(var(--border-low));z-index:1002}@media (max-width:768px){.MapSystemsContainer{width:100vw;min-height:20vh;margin-bottom:1rem;margin-top:1rem}.MapMiddleModuleContainer{width:100vw}.MapMultiModuleContainer{position:absolute;top:16vh;right:0;width:79vw;height:84vh}}