.topnav{height:3.4rem;padding:8px 6px}.topnav .nav{cursor:pointer;margin-right:8px;padding:8px 1rem;transition:.8s}.topnav .nav:hover .icon{transform:rotate(180deg);transition:transform .5s ease-in-out}.topnav .modal .modal-body{background:var(--green-bg);box-shadow:0 4px 8px #0003}.topnav .nav:hover{background:#ffffff1c;border-radius:12px}.topnav .router-link-active.router-link-exact-active .nav{color:#a4ffa4;font-weight:700}.ecoloop-layout .topnav{background:#fff;color:green}.topnav .nuxt-link-active .nav .blinking{display:none}.topnav .logo{color:#fff;font-size:inherit;white-space:nowrap}.topnav .logo img{height:auto;width:2.4rem}.topnav .get-app-button{padding:10px 1.6rem}@media (max-width:720px){.top-bar .max-width-wrapper{padding:0 .2rem}}.top-bar{color:#fff;left:0;padding:.8rem 1rem;position:fixed;right:0;top:0;width:100%;z-index:1000}.top-bar.otherpage,.top-bar.topbar-scroll{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#264330f4;background:#51c394;background:#2d6b62;border-radius:0;color:#fff;padding:.4rem 1rem}