@keyframes flip-r{50%{opacity:0;transform:translate(100%)}51%{opacity:0;transform:translate(-100%)}}@keyframes flip-l{50%{opacity:0;transform:translate(-100%)}51%{opacity:0;transform:translate(100%)}}@keyframes flip-d{50%{opacity:0;transform:translateY(100%)}51%{opacity:0;transform:translateY(-100%)}}@keyframes flip-u{50%{opacity:0;transform:translateY(-100%)}51%{opacity:0;transform:translateY(100%)}}.header{left:0;opacity:0;pointer-events:none;position:fixed;top:0;transform:translateY(-100%);width:100%;z-index:50}.header.index-100:after,.header.index-101:after,.header.index-99:after{background:linear-gradient(to bottom,var(--cream),var(--cream),transparent);content:"";height:calc(100% + 72px);left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.header.active{opacity:1;pointer-events:all;transform:translateY(0)}.header .map-name{background-color:var(--cream);border-radius:30px;box-shadow:0 6px 12px #00000040;color:var(--black);font-size:22px;font-weight:500;padding:var(--spacer-xs) var(--spacer-lg);position:relative;transition:opacity .35s ease;white-space:nowrap;width:auto}.header .map-name.active{opacity:0}.header .circled{align-items:center;background-color:var(--cream);border-radius:50%;display:flex;height:35px;justify-content:center;position:relative;transition:background-color .15s ease;width:35px}.header #menu{cursor:pointer;position:relative;z-index:100}.header #menu.active{background-color:var(--vinaccia-dark)}.header #menu svg{height:auto;position:absolute;width:15px}.header__wrapper{align-items:center;display:flex;height:100%;justify-content:space-between;padding-top:var(--spacer-sm)}.header__wrapper>div{align-items:center;display:flex;flex:1}.header__wrapper>div:first-child{justify-content:flex-start}.header__wrapper>div:nth-child(2){justify-content:center}.header__wrapper>div:nth-child(2) svg{display:block;height:auto;position:relative;width:120px}.header__wrapper>div:nth-child(3){justify-content:flex-end}