.header__logo{width:30px;height:35px;@media (min-width:768px){display:none}}.header__logo--desktop{display:none;@media (min-width:768px){display:block}}.header{position:absolute;z-index:999;width:100%;background:hsla(0,0%,100%,0);transition:all .5s;top:26px;@media (min-width:768px){top:60px}}.header--top{top:10px}.header-inner{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center;@media (min-width:768px){padding-left:32px;padding-bottom:0;padding-right:32px;padding-top:0}@media (min-width:1024px){padding-left:48px;padding-bottom:0;padding-right:48px;padding-top:0}@media (min-width:1200px){padding-left:100px;padding-bottom:0;padding-right:100px;padding-top:0}}.header__nav{background:hsla(0,0%,100%,.4);display:flex;font-size:14px;border-radius:5px;overflow:hidden}.header__nav-link{font-size:14px;font-weight:500;line-height:17px;text-decoration:none;color:#2a2a31;padding:12px 15px;position:relative;display:flex;align-items:center;@media (min-width:770px){padding-left:30px;padding-bottom:15.5px;padding-right:30px;padding-top:15.5px}@media (max-width:396px){padding-left:10px;padding-bottom:10.5px;padding-right:10px;padding-top:10.5px;font-size:12px}}.header__nav-link--current-page,.header__nav-link:hover{background-color:hsla(0,0%,93%,.6)}.header__roles-text{font-size:14px;font-weight:500;line-height:17px;text-decoration:none;color:#2a2a31;padding:12px 15px;position:relative;@media (min-width:768px){padding-left:0;padding-bottom:19.5px;padding-right:0;padding-top:19.5px}}.header--bg-is-loading .header__logo,.header--bg-is-loading .header__logo--desktop{opacity:0;pointer-events:none}