header{background:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.15);left:0;padding:15px 30px;position:fixed;top:0;width:100%;z-index:9}.header-wrapper{align-items:center;display:flex;justify-content:space-between}header li{list-style:none}.header__logo{display:block;height:auto;max-height:60px}.header__nav ul{align-items:center;display:flex;gap:16px;margin:0;padding:0}.header__nav li{margin-bottom:0;position:relative}.header__nav li a{color:var(--blue-base);font-size:13px;font-weight:700;text-transform:uppercase}.header__nav li a:before{background-color:var(--primary-base);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease-in-out;width:100%}.header__nav li a:hover:before{transform:scaleX(1);transform-origin:left}.header__right{align-items:center;display:flex;gap:48px}.btn.header__btn{padding:8px 21px}.body-wrapper.fixed{position:fixed}header{padding:10px 0}.header__logo{max-width:154px}.header__right-wrapper{background-color:#fff;border-top:1px solid var(--gray-base);height:0;left:0;overflow:hidden;position:absolute;top:100%;transition:all .2s ease-in-out;width:100vw}header[data-state=open] .header__right-wrapper{height:calc(100vh - 63px)}.header__right{padding:32px 20px 63px;text-align:left}.header__nav ul,.header__right{align-items:flex-start;flex-direction:column}.mobile-trigger,.mobile-trigger--close{display:block;height:14px;position:relative}.mobile-trigger{width:28px}.mobile-trigger--close{width:20px}.mobile-trigger span{background-color:var(--primary-base);content:"";height:3px;position:absolute;right:0;transform:translateY(-50%);transition:all .2s ease-in-out;width:28px}.mobile-trigger span:first-child{top:0}.mobile-trigger span:nth-child(2){top:50%}.mobile-trigger span:last-child{top:100%}header[data-state=open] .mobile-trigger span:first-child{top:50%;transform:rotate(45deg)}header[data-state=open] .mobile-trigger span:nth-child(2){opacity:0;transform:rotate(45deg)}header[data-state=open] .mobile-trigger span:last-child{top:50%;transform:rotate(-45deg)}@media (min-width:1024px){header{padding:15px 0}.header__logo{max-width:210px}.header__right-wrapper{border-top:none;left:0;overflow:hidden;position:static;top:100%;width:auto}.header__right{padding:0}.header__nav ul,.header__right{align-items:center;flex-direction:row}header[data-state=close] .header__right-wrapper,header[data-state=open] .header__right-wrapper{height:auto}.mobile-trigger{display:none}}