.nav-component{position:sticky;top:0;z-index:99;border-bottom:1px solid #e6e6e6;background-color:#fff}.nav-component .container{padding-top:0;padding-bottom:0;height:96px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.nav-component .container .mobile-button{position:relative;width:20px;height:20px;cursor:pointer}.nav-component .container .mobile-button span{display:block;width:16px;height:2px;background:#2c2e3e;border-radius:1px;position:absolute;top:0;left:0;transition:all .3s ease-in-out}.nav-component .container .mobile-button span:nth-of-type(2){top:9px;width:20px}.nav-component .container .mobile-button span:nth-of-type(3){top:18px;width:11px}.nav-component .container .mobile-button-close{position:absolute;top:14px;right:10px}.nav-component .container .mobile-button-close span{transform:rotate(-45deg);width:20px;top:9px}.nav-component .container .mobile-button-close span:nth-of-type(2){transform:rotate(45deg)}.nav-component .container .home-logo{width:48px;height:48px;position:relative}.nav-component .container .home-logo *{transition:all .4s ease-in-out}.nav-component .container .home-logo a .celesta-logo{position:relative;transition-delay:.1s}.nav-component .container .home-logo a .home-picto{position:absolute;display:block;opacity:0;width:48px;height:48px;top:0;left:0;transform:scale(.3) rotate(-45deg)}.nav-component .container .home-logo:hover a .celesta-logo{opacity:0;transform:rotate(45deg);transition-delay:0s}.nav-component .container .home-logo:hover a .home-picto{opacity:1;transform:scale(1) rotate(0deg)}.nav-component .container .links-list{margin:0;padding:0;display:flex;align-items:center;gap:48px;list-style-type:none}.nav-component .container .links-list li{margin-bottom:0}@media(max-width:1024px){.nav-component .container{height:50px}.nav-component .container .home-logo{position:absolute;top:10px;left:calc(50% - 16px);height:32px;width:32px}.nav-component .container .links-list{position:fixed;top:0;left:-100%;height:100vh;width:100vw;padding:64px 17px;transition:all .3s ease-in-out;background:#fff;flex-direction:column;align-items:flex-start;justify-content:flex-start;opacity:0;gap:38px;overflow-y:auto}.nav-component .container .links-list.opened{left:0;opacity:1}}