#topbar{position:fixed;top:0;z-index:100;display:flex;justify-content:space-between;box-sizing:border-box;width:100%;padding:1rem var(--padding-side);padding:Max(env(safe-area-inset-top) + 0.5rem, 1rem) var(--padding-side) 1rem;background:#fff;border-bottom:solid 1px #000;transition:all 0.5s ease-in-out;transition-property:transform, background, border}@media (min-width: 1024px){#topbar{justify-content:end}}#topbar.top{background:rgba(255,255,255,0.8);border:none}@media (min-width: 1024px){#topbar.top{background:#fff}}#topbar.hidden{transform:translateY(-100%)}#topbar .logo{display:flex;align-items:center;gap:0.5rem}@media (min-width: 1024px){#topbar .logo{display:none}}#topbar .logo svg{height:2.25rem;width:auto}#topbar .logo .text{flex-basis:0;margin:0;font-size:0.75rem;line-height:1em}#topbar #nav-toggle{display:none}#topbar #nav-toggle:checked ~ nav{left:0}#topbar [for=nav-toggle]{align-self:center;cursor:pointer;width:2.5rem;height:2.5rem}@media (min-width: 1024px){#topbar [for=nav-toggle]{display:none}}#topbar [for=nav-toggle] svg{width:100%;height:100%}#topbar nav{position:fixed;left:100%;top:0;box-sizing:border-box;width:100vw;height:100vh;padding:inherit;display:flex;flex-direction:column;background:#1E5578;color:#fff;transition:left 0.5s ease-in-out}@media (min-width: 1024px){#topbar nav{position:relative;width:auto;height:auto;padding:0;left:auto;top:auto;background:none;color:inherit;transition:none}}#topbar nav [for=nav-toggle]{flex-grow:0;align-self:end}#topbar nav [for=nav-toggle] svg{fill:#fff}#topbar nav ul{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;font-weight:700;font-size:1.25rem}@media (min-width: 1024px){#topbar nav ul{flex-direction:row;justify-content:center;align-items:center;gap:2.5rem;font-weight:700;font-size:0.875rem;text-transform:uppercase}}#topbar nav ul a{display:block;position:relative;overflow:hidden}@media (max-width: 1023px){#topbar nav ul a:not(.button){padding:0.25rem}#topbar nav ul a:not(.button):before,#topbar nav ul a:not(.button):after{position:absolute;width:100%;content:'';transition:all 0.25s ease-in-out;transition-property:left, right;border-bottom:solid 1px #fff}#topbar nav ul a:not(.button):before{top:0;right:100%}#topbar nav ul a:not(.button):after{bottom:0;left:100%}#topbar nav ul a:not(.button):hover{color:inherit}#topbar nav ul a:not(.button):hover:before{right:0}#topbar nav ul a:not(.button):hover:after{left:0}}#topbar nav .link{margin-top:2rem}@media (min-width: 1024px){#topbar nav .link{margin-top:0}}#topbar nav .link+.link{margin-top:0}#topbar nav .button{text-transform:none;border:solid 1px #fff}@media (min-width: 1024px){#topbar nav .button{border:none}}