.NavbarComponent{justify-content:center;align-items:center;width:100%;padding:1rem 16px;display:flex}.NavbarComponent__in{background-color:var(--navbar-bg);border-radius:2rem;justify-content:center;align-items:center;gap:.75rem;width:fit-content;max-width:calc(100vw - 32px);padding:.5rem 1rem;display:flex}.navbar__logo{background-color:var(--navbar-logo-bg);border-radius:50%;flex-shrink:0;width:fit-content;padding:2px}.navbar__logo img{border-radius:50%;width:2rem;height:2rem}.navbar__name{flex-shrink:0;width:fit-content}.navbar__name h1{color:#fff;font-family:font4,sans-serif;font-size:1.2rem}.navbar__one{display:none}.navbar__two{flex-shrink:0;width:fit-content}.navbar__two button{color:#fff;background-color:var(--accent-orange);white-space:nowrap;border-radius:1.5rem;padding:.4rem .85rem;font-family:font4,sans-serif;font-size:.85rem}@media (min-width:640px){.NavbarComponent{padding:1.5rem 0}.NavbarComponent__in{gap:1rem;max-width:none}.navbar__logo img{width:2.5rem;height:2.5rem}.navbar__name h1{font-size:1.5rem}.navbar__one{border-left:2px solid var(--navbar-border);padding-left:1rem;display:block}.navbar__one p{color:#fff;font-family:font4,sans-serif;font-size:1rem}.navbar__two button{padding:.5rem 1rem;font-size:1rem}}@media (min-width:1024px){.NavbarComponent{padding:2rem 0}}