.hamburger-icon{width:30px;height:24px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon .bar{display:block;width:100%;height:4px;background-color:#fff;border-radius:4px;transition:all .3s ease-in-out;box-shadow:0 1px 1px rgba(0,0,0,.2)}.mobile-menu-button.active .hamburger-icon .bar:first-child{transform:translateY(8.5px) rotate(45deg)}.mobile-menu-button.active .hamburger-icon .bar:nth-child(2){opacity:0;transform:translateX(-10px)}.mobile-menu-button.active .hamburger-icon .bar:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.mobile-menu-enter{animation:slideInRight .3s forwards}.mobile-menu-exit{animation:slideOutRight .3s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.backdrop-enter{animation:fadeIn .3s forwards}.backdrop-exit{animation:fadeOut .3s forwards}@keyframes bounceFadeIn{0%{opacity:0;transform:translateY(20px)}60%{opacity:1;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.menu-item{opacity:0}.menu-open .menu-item:first-child{animation:bounceFadeIn .5s .1s forwards}.menu-open .menu-item:nth-child(2){animation:bounceFadeIn .5s .2s forwards}.mobile-menu-button:focus{border-radius:5px}.btn-connect:focus,.btn-devenir:focus,.mobile-menu-button:focus{outline:2px solid hsla(0,0%,100%,.5)}body.menu-open{overflow:hidden}@media (max-width:767px){.menu-backdrop{z-index:55!important}.menu-backdrop,nav.md\:hidden{position:fixed!important;pointer-events:auto!important}nav.md\:hidden{z-index:60!important}nav.md\:hidden a,nav.md\:hidden button{pointer-events:auto!important;cursor:pointer!important;position:relative!important;z-index:61!important}.mobile-menu-button{position:relative!important;z-index:62!important;pointer-events:auto!important}}