.top-bar{z-index:1001;box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0}.top-bar .btn{width:11rem}.top-bar .top-bar-logo{flex-shrink:0;width:2.5rem}.top-bar .top-bar-actions{align-items:center;gap:1rem;margin-inline:auto 1rem;display:flex}.top-bar .top-bar-menu{flex-shrink:0}.top-bar:has(.menu-toggle.opened) .top-bar-logo{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.top-bar .top-bar-logo{transition:opacity .3s,visibility .3s}.top-bar:has(.menu-toggle.opened) .top-bar-actions{opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.top-bar .top-bar-actions{transition:opacity .3s,visibility .3s}@media (max-width:1000px){.top-bar{padding:.5rem 1.5rem}.top-bar .top-bar-actions{gap:.5rem;margin-inline-end:.5rem}}@media (max-width:640px){.top-bar{padding:.5rem 1rem}.top-bar .top-bar-actions{margin-inline-end:.25rem}}@media (pointer:coarse){.top-bar .top-bar-logo a{align-items:center;min-height:44px;display:flex}}
