.navigation{align-items:center;display:flex;justify-content:space-between}.navigation-content__mobile{display:none}.navigation-logo{align-items:center;display:flex;max-width:100px}.navigation-logo img{width:100%}.navigation-content__desktop{align-items:center;display:flex;gap:32px}.navigation__links{display:inline-block;font-size:20px;font-weight:500;line-height:23px;position:relative}.navigation__links,.navigation__links:hover{text-decoration:none}.navigation__links:after{bottom:-3px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out;width:100%}.navigation__links:hover:after{transform:scaleX(1)}.navigation-content__toggle{cursor:pointer;display:flex;flex-direction:column;height:30px;justify-content:space-between;width:35px}.bar{background-color:#000;border-radius:3px;height:5px;transition:transform .3s ease,opacity .3s ease;width:100%}.navigation-content__toggle.active .bar:first-child{transform:translateY(12px) rotate(45deg)}.navigation-content__toggle.active .bar:nth-child(2){opacity:0}.navigation-content__toggle.active .bar:nth-child(3){transform:translateY(-12px) rotate(-45deg)}.navigation-content__menu{display:flex;flex-direction:column;gap:16px;left:0;margin-top:10px;max-height:0;opacity:0;overflow:hidden;padding:32px;position:absolute;transition:opacity .3s ease,max-height .3s ease;width:100%}.navigation-content__menu.active{max-height:100vh;opacity:1}@media screen and (max-width:768px){.navigation{position:relative}.navigation-content__desktop{display:none}.navigation-content__mobile{display:block}}