.liquidMenu-target{width:var(--liquid-menu-target__width);display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;align-items:center}.liquidMenu-target .liquidMenu-logo{z-index:2;align-self:flex-start}.liquidMenu-target .liquidMenu-navbar{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.liquidMenu-target .liquidMenu-navbar .liquidMenu-navButton:not(:last-child){margin:var(--liquid-menu-navButton__margin-inline)}.liquidMenu-target.condensed{padding-right:2rem;z-index:100}.liquidMenu-target.condensed .liquidMenu-hambutton{display:flex}.liquidMenu-target.condensed .liquidMenu-navbar:not(.open){display:none}.liquidMenu-target.condensed .liquidMenu-navbar.open{display:flex;background-color:rgba(0,0,0,.8666666667);flex-direction:column;flex-wrap:nowrap;justify-content:center;width:100vw;height:100vh;position:absolute;top:0;left:0}.liquidMenu-target.condensed .liquidMenu-navbar .liquidMenu-navButton{font-size:1.25em}.liquidMenu-target.condensed .liquidMenu-navbar .liquidMenu-navButton:not(:last-child){margin:var(--liquid-menu-navButton__margin-open)}.liquidMenu-hambutton{display:none;--animation-parameters: 250ms ease-in-out forwards;width:var(--liquid-menu-hambutton__size);height:var(--liquid-menu-hambutton__size);flex-direction:column;flex-wrap:nowrap;justify-content:space-between;position:relative}.liquidMenu-hambutton:hover{--liquid-menu-hambutton__color: var(--liquid-menu-hambutton__color-hover)}.liquidMenu-hambutton span{display:block;position:absolute;width:100%;height:18%;border-radius:var(--liquid-menu-hambutton__border-radius);background-color:var(--liquid-menu-hambutton__color);transition:all 250ms ease-in-out;transform-origin:center center}.liquidMenu-hambutton span:nth-child(1){animation:barTopToHamb var(--animation-parameters)}.liquidMenu-hambutton span:nth-child(2){animation:barCenterToHamb var(--animation-parameters)}.liquidMenu-hambutton span:nth-child(3){animation:barBottomToHamb var(--animation-parameters)}.liquidMenu-hambutton.isCross span:nth-child(1){animation:barTopToCross var(--animation-parameters)}.liquidMenu-hambutton.isCross span:nth-child(2){animation:barCenterToCross var(--animation-parameters)}.liquidMenu-hambutton.isCross span:nth-child(3){animation:barBottomToCross var(--animation-parameters)}@keyframes barTopToCross{0%{top:0%}50%{top:42%;transform:rotate(0deg)}100%{top:42%;transform:rotate(45deg)}}@keyframes barTopToHamb{0%{top:42%;transform:rotate(45deg)}50%{top:42%;transform:rotate(0deg)}100%{top:0%}}@keyframes barCenterToCross{0%{top:42%;opacity:1}50%{top:42%}100%{top:42%;opacity:0}}@keyframes barCenterToHamb{0%{top:42%;opacity:0}50%{top:42%}100%{top:42%;opacity:1}}@keyframes barBottomToCross{0%{top:82%}50%{top:50%;transform:rotate(0deg)}100%{top:40%;transform:rotate(-45deg)}}@keyframes barBottomToHamb{0%{top:40%;transform:rotate(-45deg)}50%{top:50%;transform:rotate(0deg)}100%{top:82%}}