.NavBar{background-color:#f5f5f5;box-shadow:2px 2px 6px rgba(0,0,0,.16);height:64px;position:relative;width:100%;z-index:2}.NavBar .navTitle{color:#707070;font-family:"Amazon Ember",Arial,sans-serif;line-height:64px;margin-left:48px}.NavBar .logo{content:url(df562ea3365edeba4862.svg);height:20px;pointer-events:none;position:absolute;right:12px;top:24px}@media(min-width: 920px){.NavBar .logo{content:url(580873cb055223f43775.png);top:20px}}.NavBar .mobile-menu-hitbox{cursor:pointer;left:0;margin-top:12px;padding:16px;position:absolute;z-index:2}.NavBar .mobile-menu-hitbox .mobile-menu-icon{margin-top:0;transform:rotate(0deg);transition:.5s ease-in-out;width:16px}.NavBar .mobile-menu-hitbox .mobile-menu-icon div{display:block;position:absolute;height:1.6px;width:100%;background:#707070;border-radius:8px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.NavBar .mobile-menu-hitbox .mobile-menu-icon div:nth-child(1){top:0px}.NavBar .mobile-menu-hitbox .mobile-menu-icon div:nth-child(2),.NavBar .mobile-menu-hitbox .mobile-menu-icon div:nth-child(3){top:4px}.NavBar .mobile-menu-hitbox .mobile-menu-icon div:nth-child(4){top:8px}.NavBar .mobile-menu-hitbox .mobile-menu-icon.open div:nth-child(1){top:4px;width:0%;left:50%}.NavBar .mobile-menu-hitbox .mobile-menu-icon.open div:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.NavBar .mobile-menu-hitbox .mobile-menu-icon.open div:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.NavBar .mobile-menu-hitbox .mobile-menu-icon.open div:nth-child(4){top:4px;width:0%;left:50%}.NavBar .mobile-menu-hitbox .mobile-menu-icon.back div:nth-child(1){width:75%;-webkit-transform:translate(-4px, 0px) rotate(-45deg);-moz-transform:translate(-4px, 0px) rotate(-45deg);-o-transform:translate(-4px, 0px) rotate(-45deg);transform:translate(-4px, 0px) rotate(-45deg)}.NavBar .mobile-menu-hitbox .mobile-menu-icon.back div:nth-child(2){-webkit-transform:translate(-2px, 0px);-moz-transform:translate(-2px, 0px);-o-transform:translate(-2px, 0px);transform:translate(-2px, 0px)}.NavBar .mobile-menu-hitbox .mobile-menu-icon.back div:nth-child(3){-webkit-transform:translate(-2px, 0px);-moz-transform:translate(-2px, 0px);-o-transform:translate(-2px, 0px);transform:translate(-2px, 0px)}.NavBar .mobile-menu-hitbox .mobile-menu-icon.back div:nth-child(4){width:75%;-webkit-transform:translate(-4px, 0px) rotate(45deg);-moz-transform:translate(-4px, 0px) rotate(45deg);-o-transform:translate(-4px, 0px) rotate(45deg);transform:translate(-4px, 0px) rotate(45deg)}.NavBar .SideMenu{background:linear-gradient(#30C5F4, #09799C);height:calc(100% - 96px);left:-100%;padding:16px;position:fixed;transition:.3s ease-in;top:64px;width:calc(100% - 32px)}@media(min-width: 920px){.NavBar .SideMenu{left:calc(-300px - 32px);max-width:300px}}.NavBar .SideMenu.show{transform:translateX(100%)}@media(min-width: 920px){.NavBar .SideMenu.show{transform:translateX(300px32px)}}.NavBar .SideMenu .menuOption{background-color:#f5f5f5;box-shadow:2px 2px 6px rgba(0,0,0,.16);cursor:pointer;height:48px;line-height:48px;margin-bottom:16px;padding:0 16px;width:calc(100% - 32px)}.NavBar .SideMenu .menuOption .title{color:#20202d;font-family:"Amazon Ember",Arial,sans-serif;font-size:10px;font-weight:bold;letter-spacing:1px}.NavBar .SideMenu .menuOption.topup{background-color:#ffd365}.NavBar .SideMenu .menuOption.logout{background-color:#30c5f4;bottom:0px;position:absolute;width:calc(100% - 64px)}.NavBar .SideMenu .menuOption.logout .title{color:#f5f5f5}