.navigation .mobile-bar{align-items:center;background-color:var(--blue);display:flex;height:4rem;justify-content:end}.raise{position:relative;z-index:3}.navigation .mobile-bar .open-sidebar-button{background:transparent;border:0;color:var(--white);font-size:1.8rem;margin:1rem}.navigation .mobile-bar .open-sidebar-button:hover{cursor:pointer}.navigation .mobile-bar .open-sidebar-button:active{border-radius:2px;outline:2px solid}.navigation .list-container{background-color:var(--blue);margin-top:1rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .75s ease-in-out;width:100%;will-change:transform;z-index:3}.navigation .list-container.position-absolute{position:absolute}.navigation .list-container.is-open{transform:translateX(0)}.navigation .list-container ul{align-items:center;display:flex;flex-direction:column;list-style-type:none;margin:0;padding:1rem 0}.navigation .list-container ul li{display:flex;font-size:1.1rem;font-weight:700;text-align:center;text-transform:uppercase;transition:all .2s ease-in-out;width:100%}.navigation .list-container ul li:is(:hover,:active){background-color:var(--white);border-radius:4px}.navigation .list-container ul li:is(:hover,:active)>a{color:var(--black);transition:all .1s ease-in-out}.navigation .list-container ul li a{color:var(--black);letter-spacing:2px;padding:1rem 0;transition:all .1s ease-in-out;width:100%}.navigation .list-container ul .active{background-color:var(--white);border-radius:4px}.navigation .list-container ul .active a{color:var(--black)}.navigation .overlay{opacity:0;pointer-events:none;transition:opacity .75s ease-in-out}.navigation .overlay.visible{background:rgba(0,0,0,.35);height:100%;inset:0;opacity:1;pointer-events:auto;position:fixed;width:100%;z-index:2}@media screen and (min-width:1024px){.navigation .mobile-bar{display:none!important}.navigation .list-container{margin-top:0;position:static!important;transform:none!important;transition:none;width:auto}.navigation .list-container ul{flex-direction:row!important;justify-content:space-between;padding:.5rem 1rem!important}.navigation .list-container ul li{width:unset!important}.navigation .list-container ul li a{padding:1rem!important}.navigation .overlay{display:none!important}}.hidden{display:none}
