.header{width:100%;border-bottom:1px solid #333;padding:20px 0;position:relative}.header-wrapper{max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content:space-between}.header__logo{width:5.238rem;height:auto;display:block}.header__menu-toggle{display:none;width:42px;height:38px;border:1px solid #464646;border-radius:4px;background:#1e1e1e;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.header__menu-toggle span{display:block;width:18px;height:2px;background:#d4d4d4;transition:transform .2s ease,opacity .2s ease}.header__menu-toggle:hover{border-color:#f9be08;background:#2a2a2a}.header__menu-toggle--open span:first-child{transform:translateY(7px) rotate(45deg)}.header__menu-toggle--open span:nth-child(2){opacity:0}.header__menu-toggle--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header-bottom{align-items:center}.header-bottom,.header-bottom-left,.header-bottom-right{display:flex;gap:5px}.header-bottom__button{text-decoration:none;color:#b0b0b0;font-family:var(--font-roboto-condensed),sans-serif;font-weight:700;text-transform:uppercase;font-size:.762rem;line-height:1;padding:8px 14px;border:1px solid #464646;border-radius:4px;background-color:#1e1e1e;transition:.35s;justify-content:center;align-items:center;display:flex;cursor:pointer}.header-bottom__button-steam{transition:all .35s ease;width:16px;height:16px;fill:#b0b0b0;margin-right:6px}.header-bottom__button:hover{background-color:#2c2c2c;color:#fcf8f8;border-color:#f9be08}.header-bottom__button:hover .header-bottom__button-steam,.header-bottom__button:hover .header-bottom__icon{fill:#fcf8f8}.header-bottom__button--events{position:relative}.header-bottom__icon{width:.762rem;height:.762rem;fill:#b0b0b0;transition:.35s}.header-bottom__badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background-color:#f9be08;color:#111;font-size:10px;font-weight:700;line-height:16px;text-align:center}.header-mobile{display:none}@media(max-width:1024px){.header__logo{width:100px}.header-wrapper{max-width:100%;padding:0 20px}.header-bottom__button{font-size:14px}.header-bottom__icon{width:14px;height:14px}}@media(max-width:768px){.header{padding:12px 0}.header-wrapper{align-items:center;padding:0 12px}.header__logo{width:78px}.header__menu-toggle{display:inline-flex}.header-bottom{display:none}.header-mobile{display:block;width:100%;max-width:1400px;margin:10px auto 0;padding:0 12px}.header-mobile__content{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid #333;border-radius:8px;background:rgba(15,15,15,.95);padding:10px}.header-mobile__content .header-bottom__button{width:100%;min-height:38px;font-size:12px}}@media(min-width:2100px){.header-wrapper{max-width:80%}.header__logo{width:90px}.header-bottom__button-steam{width:20px;height:20px}}@media(min-width:3200px){.header-bottom__button-steam{width:24px;height:24px}}@media(max-width:500px){.header-wrapper{padding:0 10px}.header__logo{width:70px}.header-mobile{padding:0 10px}.header-mobile__content{grid-template-columns:1fr}}