@import url("https://fonts.googleapis.com/css?family=Exo+2:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic&display=swap");
@import url("https://fonts.googleapis.com/css?family=Anaheim:regular,500,600,700,800&display=swap");
@import url("https://fonts.googleapis.com/css?family=Encode+Sans+SC:100,200,300,regular,500,600,700,800,900&display=swap");
* {
    border: 0;
    margin: 0;
    padding: 0;
}
*,
:after,
:before {
    box-sizing: border-box;
}
:after,
:before {
    display: inline-block;
}
body,
html {
    height: 100%;
}
body {
    line-height: 1;
    scrollbar-gutter: stable;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
button,
input,
textarea {
    background-color: transparent;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input,
textarea {
    width: 100%;
}
label {
    display: inline-block;
}
button,
option,
select {
    cursor: pointer;
}
a {
    color: inherit;
    display: inline-block;
    text-decoration: none;
}
ul li {
    list-style: none;
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
@font-face {
    font-display: swap;
    font-family: iconfont;
    src: url(../fonts/iconfont.woff2?fca30b124993f4fc460e63e12901df62) format("woff2");
}
[class*="--icon-"]:before {
    font-family: iconfont;
}
[class*="--icon-totem"]:before {
    content: "\f101";
}
[class*="--icon-tiles"]:before {
    content: "\f102";
}
[class*="--icon-techs"]:before {
    content: "\f103";
}
[class*="--icon-settings"]:before {
    content: "\f104";
}
[class*="--icon-search"]:before {
    content: "\f105";
}
[class*="--icon-nav-arrow"]:before {
    content: "\f106";
}
[class*="--icon-media"]:before {
    content: "\f107";
}
[class*="--icon-list"]:before {
    content: "\f108";
}
[class*="--icon-keyboard"]:before {
    content: "\f109";
}
[class*="--icon-home"]:before {
    content: "\f10a";
}
[class*="--icon-history"]:before {
    content: "\f10b";
}
[class*="--icon-help"]:before {
    content: "\f10c";
}
[class*="--icon-filters"]:before {
    content: "\f10d";
}
[class*="--icon-faq"]:before {
    content: "\f10e";
}
[class*="--icon-double-arrow"]:before {
    content: "\f10f";
}
[class*="--icon-decore"]:before {
    content: "\f110";
}
[class*="--icon-core-info"]:before {
    content: "\f111";
}
[class*="--icon-copy"]:before {
    content: "\f112";
}
[class*="--icon-close"]:before {
    content: "\f113";
}
[class*="--icon-clocks"]:before {
    content: "\f114";
}
[class*="--icon-cases"]:before {
    content: "\f115";
}
[class*="--icon-arrow"]:before {
    content: "\f116";
}
[class*="--icon-advanced"]:before {
    content: "\f117";
}
[class*="--icon-about"]:before {
    content: "\f118";
}
body {
    color: #000;
    font-family: "Exo 2";
    font-size: 1rem;
    min-width: 20rem;
}
[data-fls-scrolllock] body {
    overflow: hidden;
    overscroll-behavior: none;
    touch-action: none;
}
.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: clip;
}
.wrapper > main {
    flex: 1 1 auto;
}
.wrapper > * {
    min-width: 0;
}
[class*="__container"] {
    margin: 0 auto;
    max-width: 75rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}
summary::-webkit-details-marker,
summary::marker {
    display: none;
}
details > summary::marker {
    content: "";
    cursor: pointer;
    outline: none;
}
.icon-menu {
    display: none;
}
.filter-open .header,
.search-open .header {
    z-index: 160;
}
.header__container {
    align-items: center;
    display: flex;
    gap: 0.625rem;
    max-width: 120rem;
    padding-bottom: 1.5625rem;
    padding-top: 1.5625rem;
    position: relative;
}
.header__burger {
    flex: 0 0 1.6875rem;
    height: 1.6875rem;
    width: 1.6875rem;
}
.header__burger img {
    max-width: 100%;
}
.header__actions {
    align-items: center;
    display: flex;
    flex-grow: 1;
    gap: 1.25rem;
    justify-content: flex-end;
}
.header__languages {
    align-items: center;
    display: flex;
    gap: 0.3125rem;
}
.header__languages a {
    border-radius: 0.5rem;
    color: #183132;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
    padding: 0.625rem;
    text-align: center;
    transition: all 0.3s;
}
.header__languages a.active {
    background: #122021;
    color: #77a8ac;
}
body:after {
    backdrop-filter: blur(0.25rem);
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 100;
}
.filter-open body:after,
.search-open body:after {
    opacity: 1;
}
.search-block__btn:before {
    color: #77a8ac;
    content: "\f105";
    font-family: iconfont;
    font-size: 1.5rem;
    transition: all 0.3s;
}
.search-block__body {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all 0.3s;
    width: 100%;
}
.search-open .search-block__body {
    opacity: 1;
    pointer-events: all;
    z-index: 1000;
}
.search-block__body-wrapper {
    background: #183132;
    border-radius: 0 0 0.5rem 0.5rem;
    margin: 0 auto;
    max-width: 90.625rem;
    padding: 1rem 0.625rem 0.75rem;
}
.search-block__body-wrapper form {
    position: relative;
}
.search-block__body-wrapper form input {
    background-color: #122021;
    border: 0.0625rem solid #77a8ac;
    border-radius: 0.5rem;
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 400;
    line-height: normal;
    padding: 0.5rem 3.125rem 0.5rem 1.25rem;
}
.search-block__body-wrapper form button {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
}
.search-block__body-wrapper form button:before {
    color: #77a8ac;
    content: "\f105";
    font-family: iconfont;
    font-size: 1.5rem;
    transition: all 0.3s;
}
.search-block__body-wrapper form:not(:last-child) {
    margin-bottom: 0.9375rem;
}
.search-block__content-wrapper {
    max-height: 0;
    opacity: 0;
    overflow-y: auto;
    pointer-events: none;
    transition: all 0.45s;
    visibility: hidden;
    will-change: max-height;
}
.search-block__content-wrapper::-webkit-scrollbar {
    display: none;
}
.search-open .search-focus .search-block__content-wrapper {
    max-height: 31.25rem;
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}
.search-block__link {
    align-items: center;
    background: #122021;
    border-radius: 0.5rem;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    padding: 0.5rem 1.25rem;
    transition: all 0.3s;
}
.search-block__link:not(:last-child) {
    margin-bottom: 0.9375rem;
}
.search-block__left-side h3 {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 600;
    line-height: normal;
}
.search-block__left-side h3:not(:last-child) {
    margin-bottom: 0.375rem;
}
.search-block__breadcrumbs,
.search-block__breadcrumbs li {
    align-items: center;
    display: flex;
    gap: 0.375rem;
}
.search-block__breadcrumbs li {
    color: #77a8ac;
    font-family: "Exo 2";
    font-size: 1rem;
    font-weight: 600;
    line-height: normal;
}
.search-block__breadcrumbs li:not(:last-child):after {
    color: #77a8ac;
    content: "\f116";
    font-family: iconfont;
    font-size: 0.625rem;
    line-height: normal;
    transform: translateY(0.09375rem);
}
.search-block__right-side {
    align-items: center;
    display: flex;
    gap: 1.375rem;
}
.search-block__usefulness {
    align-items: center;
    display: flex;
    gap: 0.625rem;
}
.search-block__usefulness span {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1rem;
    font-weight: 700;
    line-height: normal;
}
.search-block__usefulness img {
    height: 1.5625rem;
    max-width: 100%;
    width: 1.5625rem;
}
.search-block__difficulty {
    align-items: center;
    display: flex;
    gap: 0.625rem;
}
.search-block__difficulty span {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1rem;
    font-weight: 700;
    line-height: normal;
}
.filter-header__btn {
    border-radius: 0.5rem;
    padding: 0.625rem;
    transition: all 0.3s;
}
.filter-header__btn:before {
    color: #77a8ac;
    content: "\f104";
    font-family: iconfont;
    font-size: 1.5625rem;
    transition: all 0.3s;
}
.filter-open .filter-header__btn {
    background: #122021;
}
.filter-open .filter-header__btn:before {
    content: "\f113";
}
.filter-header__wrapper {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 0.625rem);
    transition: all 0.3s;
    visibility: hidden;
    z-index: 200;
}
.filter-open .filter-header__wrapper {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}
.filter-header__content {
    background: #183132;
    border-radius: 0.5rem;
    padding: 1.25rem 0.625rem 0.625rem;
    width: 100%;
}
.filter-header__box {
    border: 0.125rem solid #77a8ac;
    border-radius: 0.5rem;
    display: grid;
    gap: 0.3125rem;
    margin-top: 2.1875rem;
    padding: 0.625rem;
}
.filter-header__title {
    background: #183132;
    color: #fff;
    font-family: "Exo 2";
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    margin: 0 auto;
    padding: 0.625rem 1.25rem;
    transform: translateY(-78%);
}
.switch-row {
    align-items: flex-start;
    background: #122021;
    border-radius: 0.5rem;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0.625rem;
}
.switch-row__content h3 {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
}
.switch-row__content h3:not(:last-child) {
    margin-bottom: 0.1875rem;
}
.switch-row__content p {
    color: #77a8ac;
    font-family: "Exo 2";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
}
.footer {
    margin: 1.25rem 0.9375rem;
}
.footer__container {
    align-items: center;
    background: #122021;
    border-radius: 0.5rem;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(3, 1fr);
    max-width: 100%;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}
.footer__rights {
    color: #77a8ac;
    font-family: "Exo 2";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
}
.footer__logo {
    align-self: center;
    flex-grow: 1;
    justify-self: center;
    max-width: 100%;
    text-align: center;
    width: 3.125rem;
}
.footer__menu ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}
.footer__menu ul li a {
    color: #77a8ac;
    font-family: "Exo 2";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s;
}
.tippy-box[data-animation="fade"][data-state="hidden"] {
    opacity: 0;
}
[data-tippy-root] {
    max-width: calc(100vw - 0.625rem);
}
.tippy-box {
    background-color: #333;
    border-radius: 0.25rem;
    color: #fff;
    font-family: "Exo 2";
    font-size: 0.875rem;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform, visibility, opacity;
}
[data-theme="addon-info"] {
    backdrop-filter: blur(1.5625rem);
    background: rgba(24, 49, 50, 0.74);
    border-radius: 0.5rem;
    padding: 0.9375rem;
}
[data-theme="addon-info"] .tippy-arrow {
    display: none;
}
.tippy-box[data-placement^="top"] > .tippy-arrow {
    bottom: 0;
}
.tippy-box[data-placement^="top"] > .tippy-arrow:before {
    border-top-color: initial;
    border-width: 0.5rem 0.5rem 0;
    bottom: -0.4375rem;
    left: 0;
    transform-origin: center top;
}
.tippy-box[data-placement^="bottom"] > .tippy-arrow {
    top: 0;
}
.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
    border-bottom-color: initial;
    border-width: 0 0.5rem 0.5rem;
    left: 0;
    top: -0.4375rem;
    transform-origin: center bottom;
}
.tippy-box[data-placement^="left"] > .tippy-arrow {
    right: 0;
}
.tippy-box[data-placement^="left"] > .tippy-arrow:before {
    border-left-color: initial;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    right: -0.4375rem;
    transform-origin: center left;
}
.tippy-box[data-placement^="right"] > .tippy-arrow {
    left: 0;
}
.tippy-box[data-placement^="right"] > .tippy-arrow:before {
    border-right-color: initial;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    left: -0.4375rem;
    transform-origin: center right;
}
.tippy-box[data-inertia][data-state="visible"] {
    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
    color: #333;
    height: 1rem;
    width: 1rem;
}
.tippy-arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute;
}
.tippy-content {
    padding: 0.3125rem 0.5625rem;
    position: relative;
    z-index: 1;
}
.tippy-content video {
    aspect-ratio: 440/250;
    max-width: 27.5rem;
    width: 100%;
}
.tippy-content .tippy-image {
    aspect-ratio: 90/120;
    max-width: 5.625rem;
}
.tippy-content .tippy-image img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}
.tippy-addon {
    color: #e6e6e6;
    font-family: inherit;
    line-height: 1.4;
    padding: 0.375rem 0.5rem;
}
.tippy-addon__title {
    color: #91e2ad;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
}
.tippy-addon__title:not(:last-child) {
    margin-bottom: 1.25rem;
}
.tippy-addon__text {
    color: #fff;
    font-family: "Exo 2";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: normal;
}
.single {
    padding-bottom: 1.25rem;
    padding-top: 3.75rem;
}
.single__header {
    margin: 0 auto;
    max-width: 75rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}
.single__header h1 {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}
.single__header h1:not(:last-child) {
    margin-bottom: 1.5625rem;
}
.single__header:not(:last-child) {
    margin-bottom: 2.1875rem;
}
.single__breadcrumbs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}
.single__breadcrumbs li {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
}
.single__breadcrumbs li a {
    transition: all 0.3s;
}
.single__breadcrumbs li:not(:last-child) {
    align-items: center;
    display: flex;
    gap: 0.375rem;
}
.single__breadcrumbs li:not(:last-child):after {
    color: #183132;
    content: "\f116";
    font-family: iconfont;
    font-size: 0.875rem;
}
.single__inner {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
}
.single__container {
    flex-grow: 1;
}
.single__navigation {
    flex: 0 0 11.875rem;
    padding: 0.9375rem;
    position: sticky;
    top: 1.875rem;
    z-index: 100;
}
.single__navigation-wrapper h3 {
    border-left: 0.125rem solid #ff1b06;
    color: #ff1b06;
    cursor: pointer;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 600;
    line-height: normal;
    padding: 0.625rem;
}
.single__navigation-wrapper h3.--navigator-active + ul {
    max-height: 37.5rem;
}
.single__navigation-wrapper ul {
    margin-top: 1rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    will-change: max-height;
}
.single__navigation-wrapper ul li a {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 600;
    gap: 0.5rem;
    line-height: normal;
    transition: all 0.3s;
}
.single__navigation-wrapper ul li a:before {
    color: #ff1b06;
    content: "\f106";
    font-family: iconfont;
    font-size: 0.75rem;
    opacity: 0;
    transform: translate(-0.625rem);
    transition: all 0.3s;
}
.single__navigation-wrapper ul li:not(:last-child) {
    margin-bottom: 0.75rem;
}
.single__navigation-wrapper:not(:last-child) {
    margin-bottom: 1rem;
}
.content-single__card {
    background: #122021;
    border-radius: 0.5rem;
    padding-bottom: 1.25rem;
    padding-top: 0.625rem;
}
.content-single__item {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}
.content-single__item:not(:last-child) {
    border-bottom: 0.1875rem solid #000;
    margin-bottom: 1.25rem;
}
.content-single__items {
    align-items: center;
    display: flex;
    gap: 0.625rem;
}
.content-single__header {
    align-items: center;
    background: #183132;
    border-radius: 0.5rem;
    display: flex;
    padding: 0.625rem 1.25rem;
    row-gap: 0.9375rem;
}
.content-single__header h3 {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
}
.content-single__usefulness {
    align-items: center;
    background: #122021;
    border-radius: 0.5rem;
    display: flex;
    gap: 1rem;
    padding: 0.3125rem;
}
.content-single__usefulness span {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 600;
    line-height: normal;
}
.content-single__usefulness img {
    flex: 0 0 1.5625rem;
    max-width: 100%;
    width: 1.5625rem;
}
.content-single__difficulty {
    align-items: center;
    background: #122021;
    border-radius: 0.5rem;
    display: flex;
    gap: 1rem;
    padding: 0.3125rem;
}
.content-single__difficulty span {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 600;
    line-height: normal;
}
.content-single__actions {
    align-items: center;
    display: flex;
    flex-grow: 1;
    gap: 1.25rem;
    justify-content: flex-end;
}
.content-single__text-blocks {
    padding: 1.25rem;
}
.content-single__text-blocks > :not(:last-child) {
    margin-bottom: 1.875rem;
}
.content-single__text-blocks h3 {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
}
.content-single__text-blocks h3:not(:last-child) {
    margin-bottom: 0.9375rem;
}
.content-single__text-blocks p {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
.content-single__text-blocks p a {
    color: #ff1b06;
    transition: all 0.3s;
}
.content-single__text-blocks ul {
    padding-left: 1.25rem;
}
.content-single__text-blocks ul li {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    list-style-type: disc;
}
.content-single__text-blocks ul li a {
    color: #ff1b06;
    transition: all 0.3s;
}
.content-single__text-blocks ul li::marker {
    color: #fff;
}
.content-single__text-blocks ul li:not(:last-child) {
    margin-bottom: 0.875rem;
}
.info-block {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
}
.info-block__wrapper {
    flex-grow: 1;
}
.info-block h3 {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}
.info-block h3 img {
    flex: 0 0 1.25rem;
    max-width: 1.25rem;
    width: 100%;
}
.technique-block {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
}
.technique-block__wrapper {
    flex-grow: 1;
}
.technique-block h3 {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}
.technique-block h3 img {
    flex: 0 0 1.25rem;
    max-width: 1.25rem;
    width: 100%;
}
.helpful-block {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
}
.helpful-block__wrapper {
    flex-grow: 1;
}
.helpful-block h3 {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}
.helpful-block h3 img {
    flex: 0 0 1.25rem;
    max-width: 1.25rem;
    width: 100%;
}
.cases-block {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
}
.cases-block__wrapper {
    flex-grow: 1;
}
.cases-block h3 {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}
.cases-block h3 img {
    flex: 0 0 1.375rem;
    max-width: 1.375rem;
    width: 100%;
}
.advanced-block {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
}
.advanced-block__wrapper {
    flex-grow: 1;
}
.advanced-block h3 {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}
.advanced-block h3 img {
    flex: 0 0 1.25rem;
    max-width: 1.25rem;
    width: 100%;
}
.history-block {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
}
.history-block__wrapper {
    flex-grow: 1;
}
.history-block h3 {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}
.history-block h3 img {
    flex: 0 0 1.25rem;
    max-width: 1.25rem;
    width: 100%;
}
.single-wrapper {
    display: grid;
    gap: 0.625rem;
    width: 100%;
}
.single-image,
.single-wrapper {
    max-width: 27.875rem;
}
.single-image h4 {
    background: #183132;
    border-radius: 0.5rem 0.5rem 0 0;
    color: #77a8ac;
    display: inline-block;
    font-family: "Exo 2";
    font-size: 1.5rem;
    font-weight: 500;
    line-height: normal;
    max-width: 100%;
    padding: 0.125rem 0.625rem;
    position: relative;
    transform: translateY(0.125rem);
}
.single-image h4:before {
    background: url(../img/title-decore.svg) 0 0/100% no-repeat;
    bottom: 0;
    content: "";
    height: 0.625rem;
    left: 100%;
    position: absolute;
    width: 0.5625rem;
}
.single-image img {
    aspect-ratio: 446/247;
    background: #183132;
    border-radius: 0.25rem;
    object-fit: cover;
    padding: 0.25rem;
}
.single-video {
    max-width: 27.875rem;
}
.single-video h4 {
    background: #183132;
    border-radius: 0.5rem 0.5rem 0 0;
    color: #77a8ac;
    display: inline-block;
    font-family: "Exo 2";
    font-size: 1.5rem;
    font-weight: 500;
    line-height: normal;
    max-width: 100%;
    padding: 0.125rem 0.625rem;
    position: relative;
    transform: translateY(0.125rem);
}
.single-video h4:before {
    background: url(../img/title-decore.svg) 0 0/100% no-repeat;
    bottom: 0;
    content: "";
    height: 0.625rem;
    left: 100%;
    position: absolute;
    width: 0.5625rem;
}
.single-video__wrapper {
    background: #183132;
    border-radius: 0.25rem;
    overflow: hidden;
    padding: 0.25rem;
}
.single-video__wrapper span {
    color: #fff;
    display: block;
    font-family: "Exo 2";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}
.single-video video {
    aspect-ratio: 446/247;
    border-radius: 0.25rem;
    overflow: hidden;
    width: 100%;
}
aside {
    flex: 0 0 18.75rem;
}
aside,
aside .aside-wrapper {
    border-radius: 0 0.5rem 0.5rem 0;
}
aside .aside-wrapper {
    background: #122021;
    max-width: 18.75rem;
    padding: 1.5625rem 0.625rem 3.125rem 1.5625rem;
    width: 100%;
}
aside .aside-close {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: -100%;
    top: 7%;
    transition: all 0.3s;
    visibility: hidden;
    z-index: 200;
}
[data-fls-menu-open] aside .aside-close {
    opacity: 1;
    pointer-events: all;
    right: 4%;
    visibility: visible;
}
aside .aside-close:before {
    color: #fff;
    content: "\f113";
    font-family: iconfont;
    font-size: 1.5625rem;
}
aside .aside-logo {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Encode Sans SC;
    font-size: 1.75rem;
    font-weight: 600;
    gap: 0.9375rem;
    letter-spacing: 0.21rem;
    line-height: normal;
    text-align: center;
}
aside .aside-logo img {
    max-width: 100%;
    width: 3.125rem;
}
aside .aside-logo:not(:last-child) {
    margin-bottom: 2.25rem;
}
aside .menu-pages li:not(:last-child) {
    margin-bottom: 0.625rem;
}
aside .menu-pages li a {
    align-items: center;
    border-radius: 0.5rem;
    color: #fff;
    display: flex;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 600;
    gap: 0.625rem;
    line-height: normal;
    padding: 0.625rem;
}
aside .menu-pages li a svg {
    max-width: 100%;
    width: 1.25rem;
}
aside .menu-pages li a svg path {
    fill: #fff;
    transition: all 0.3s;
}
aside .menu-pages li a.active {
    background: #183132;
}
aside .menu-pages li a.active svg path {
    fill: #ff1b06;
}
aside .menu-pages:not(:last-child) {
    border-bottom: 0.125rem solid #183132;
    margin-bottom: 3.125rem;
    padding-bottom: 3.125rem;
}
aside .menu-info li:not(:last-child) {
    margin-bottom: 0.625rem;
}
aside .menu-info li a {
    align-items: center;
    border-radius: 0.5rem;
    color: #fff;
    display: flex;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 600;
    gap: 0.625rem;
    line-height: normal;
    padding: 0.625rem;
}
aside .menu-info li a svg {
    max-width: 100%;
    width: 1.25rem;
}
aside .menu-info li a svg path {
    fill: #fff;
    transition: all 0.3s;
}
aside .menu-info li a.active {
    background: #183132;
}
aside .menu-info li a.active svg path {
    fill: #ff1b06;
}
.wrapper {
    position: relative;
}
.wrapper .bg-page:before {
    background-color: rgba(12, 16, 13, 0.9);
    content: "";
    z-index: 2;
}
.wrapper .bg-page img,
.wrapper .bg-page:before {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.wrapper .bg-page img {
    object-fit: cover;
}
.wrapper footer,
.wrapper header,
.wrapper main {
    position: relative;
    z-index: 3;
}
.filter-open footer,
.filter-open main,
.search-open footer,
.search-open main,
main:before {
    pointer-events: none;
}
main:before {
    backdrop-filter: blur(0.25rem);
    background-color: rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity 0.8s ease 0s;
    width: 100%;
    z-index: 100;
}
[data-fls-menu-open] main:before {
    opacity: 1;
}
.basic,
.easy,
.hard,
.master,
.medium {
    align-items: center;
    border-radius: 0.25rem;
    color: #0c100d;
    display: inline-flex;
    font-family: "Exo 2";
    font-size: 1rem;
    font-weight: 600;
    justify-content: center;
    line-height: normal;
    overflow: hidden;
    padding: 0.1875rem 0.625rem;
    position: relative;
}
.basic:before,
.easy:before,
.hard:before,
.master:before,
.medium:before {
    background: url(../img/difficulty-bg.png) 0 0 / cover no-repeat;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.basic {
    background-color: #91e2ad;
}
.easy {
    background-color: #1fb3fb;
}
.medium {
    background-color: #63dcff;
}
.hard {
    background-color: #fc0;
}
.master {
    background-color: #ff1b06;
}
.keyboard:before {
    content: "\f109";
}
.keyboard:before,
.link-page:before {
    color: #77a8ac;
    font-family: iconfont;
    font-size: 1.25rem;
    font-weight: 200;
    transition: all 0.3s;
}
.link-page:before {
    content: "\f112";
}
.key {
    border: 0.0625rem solid #77a8ac;
    border-radius: 0.5rem;
    color: #ff1b06;
    display: inline-block;
    font-family: Anaheim;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin: 0.1875rem;
    padding: 0.125rem 0.625rem;
}
.switch {
    cursor: pointer;
    display: flex;
    flex: 0 0 3.4375rem;
    height: 1.875rem;
    position: relative;
    width: 3.4375rem;
}
.switch__checkbox {
    display: none;
}
.switch__checkbox:checked + .switch__slider {
    background-color: #77a8ac;
}
.switch__checkbox:checked + .switch__slider:after {
    background: #f5f5f5;
    box-shadow: -0.1875rem 0 0.125rem 0 rgba(0, 0, 0, 0.2);
    display: flex;
    left: 1.625rem;
}
.switch__slider {
    background-color: #183132;
    border-radius: 0.625rem;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.5s;
}
.switch__slider:after {
    background: #77a8ac;
    border-radius: 0.5rem;
    box-shadow: 0.1875rem 0 0.125rem 0 rgba(0, 0, 0, 0.2);
    content: "";
    height: 1.5rem;
    left: 0.1875rem;
    position: absolute;
    top: 0.1875rem;
    transition:
        left 0.5s,
        background;
    width: 1.5rem;
}
.main-gamepad {
    padding-bottom: 7.5rem;
    padding-top: 2.5rem;
}
.main-gamepad__header {
    margin: 0 auto;
    max-width: 75rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    text-align: center;
}
.main-gamepad__header:not(:last-child) {
    margin-bottom: 1.875rem;
}
.main-gamepad__logo {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    gap: 0.25rem;
    justify-content: center;
}
.main-gamepad__logo img {
    max-width: 100%;
    width: 3.125rem;
}
.main-gamepad__logo span {
    color: #fff;
    font-family: Encode Sans SC;
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: 0.21rem;
    line-height: normal;
    text-align: center;
}
.main-gamepad__logo:not(:last-child) {
    margin-bottom: 0.9375rem;
}
.main-gamepad__link {
    align-items: center;
    background: #122021;
    border-radius: 0.5rem;
    display: flex;
    gap: 0.625rem;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 36.25rem;
    padding: 0.625rem;
    text-align: center;
    transition: all 0.3s;
    width: 100%;
}
.main-gamepad__link:after {
    color: #ff1b06;
    content: "\f10f";
    font-family: iconfont;
}
.main-gamepad__link span {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}
.main-gamepad__inner {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
}
.main-gamepad__container {
    flex-grow: 1;
}
.main-gamepad__items {
    display: grid;
    gap: 0.9375rem;
    grid-template-columns: repeat(4, 1fr);
}
.main-gamepad__main-article {
    align-items: center;
    background: #122021;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    justify-content: center;
    min-height: 9.375rem;
    overflow: hidden;
    padding: 1.5rem;
    position: relative;
    width: 36.25rem;
    width: 100%;
}
.main-gamepad__main-article span {
    color: #fff;
    font-size: 2rem;
    position: relative;
    z-index: 2;
}
.main-gamepad__main-article p,
.main-gamepad__main-article span {
    display: block;
    font-family: "Exo 2";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    transform: scale(1);
    transition: all 0.3s;
}
.main-gamepad__main-article p {
    color: #77a8ac;
    font-size: 0.875rem;
}
.main-gamepad__main-article:before {
    background:
        linear-gradient(
                90deg,
                #ff7337 0 8.125rem,
                #029c9a 8.125rem 17.5rem,
                #f7929a 15.625rem 25rem,
                #fc0 25rem 31.25rem,
                #91e2ad 25rem 31.25rem
            )
            0 0/100% 0.3125rem no-repeat,
        linear-gradient(
                270deg,
                #cc5eff 0 6.25rem,
                #1fb3fb 8.125rem 17.5rem,
                #4381f8 17.5rem 26.875rem,
                #858cf5 26.875rem 32.1875rem,
                #63dcff 26.875rem 35.625rem
            )
            0 100%/100% 0.3125rem no-repeat;
}
.main-gamepad__main-article:after,
.main-gamepad__main-article:before {
    border-radius: inherit;
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}
.main-gamepad__main-article:after {
    background:
        linear-gradient(180deg, #ff7337 0 50%, #63dcff 50% 100%) 0 0/0.3125rem 100% no-repeat,
        linear-gradient(180deg, #91e2ad 0 50%, #cc5eff 50% 100%) 100% 0/0.3125rem 100% no-repeat;
}
.main-gamepad__article {
    align-items: center;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    max-width: 17.8125rem;
    min-height: 9.375rem;
    overflow: hidden;
    padding: 1.25rem;
    position: relative;
    width: 100%;
}
.main-gamepad__article span {
    color: #fff;
    font-family: "Exo 2";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    text-align: center;
    transform: scale(1);
    transition: all 0.3s;
    z-index: 2;
}
.main-gamepad__decore {
    align-items: center;
    display: flex;
    height: 2rem;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}
.main-gamepad__decore svg {
    height: 2.0625rem;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
}
.main-gamepad__icon {
    position: relative;
    z-index: 2;
}
.main-gamepad__image,
.main-gamepad__image:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.main-gamepad__image:before {
    background-color: rgba(18, 32, 33, 0.9);
    content: "";
    z-index: 2;
}
.main-gamepad__image img {
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    transform: scale(1);
    transition: all 0.3s;
    width: 100%;
}
.spollers {
    display: grid;
    gap: 0.9375rem;
}
.spollers__item {
    font-size: 1.25rem;
}
.spollers__title {
    border: 0.0625rem solid #eee;
    border-radius: 0.3125rem;
    cursor: default;
    list-style: none;
    padding: 0.625rem 0.9375rem;
    position: relative;
    text-align: left;
    width: 100%;
}
.spollers__title::-webkit-details-marker,
.spollers__title::marker {
    display: none;
}
.--spoller-init .spollers__title {
    cursor: pointer;
}
.--spoller-init .spollers__title:after,
.--spoller-init .spollers__title:before {
    background-color: #000;
    content: "";
    height: 0.125rem;
    position: absolute;
    right: 0.625rem;
    top: 50%;
    transition: transform 0.5s ease 0s;
    width: 0.9375rem;
}
.--spoller-init .spollers__title:before {
    transform: translate(-75%, -50%) rotate(40deg);
}
.--spoller-init .spollers__title:after {
    transform: translateY(-50%) rotate(-40deg);
}
.--spoller-init .spollers__title.--spoller-active:before {
    transform: translateX(-75%) rotate(-40deg);
}
.--spoller-init .spollers__title.--spoller-active:after {
    transform: rotate(40deg);
}
.spollers__body {
    border: 0.0625rem solid #eee;
    border-radius: 0.3125rem;
    padding: 1.25rem;
}
.rangeSlider {
    background-color: #183132 !important;
}
.rangeBar,
.rangeSlider {
    height: 0.375rem !important;
}
.rangeSlider .rangeHandle.rsActive .rangeNub,
.rangeSlider.rsFocus .rangeBar,
.rangeSlider.rsFocus .rangeNub {
    background-color: #fff !important;
}
.rangeSlider .rangeHandle {
    height: 0.9375rem !important;
    width: 0.9375rem !important;
}
.rangeNub:before {
    background-color: #0c100d !important;
    border-radius: 50% !important;
    content: "";
    height: 0.5625rem !important;
    left: 50% !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 0.5625rem !important;
}
.rangePips .rsPip {
    height: 0 !important;
    top: 0.625rem !important;
    width: 0 !important;
}
.rangePips .rsPip:before {
    color: #183132 !important;
    content: "\f106";
    font-family: iconfont !important;
    font-size: 0.75rem !important;
    position: absolute !important;
    top: 0.25em !important;
    transform: translate(-50%) rotate(-90deg) !important;
}
.pipIcon {
    display: inline-flex !important;
    flex: 0 0 1.4375rem !important;
    height: 1.4375rem !important;
    width: 1.4375rem !important;
}
.pipIcon img {
    display: block !important;
    height: 100% !important;
    object-fit: contain !important;
    width: 100% !important;
}
.rangePips .rsPip.rsSelected .rsPipVal,
.rangePips .rsPipVal {
    top: 0.9375rem !important;
}
.rangeNub {
    border-radius: 50% !important;
}
.catalog {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
}
.catalog__container {
    flex-grow: 1;
    max-width: 93.75rem;
}
.catalog__header {
    align-items: center;
    display: flex;
    gap: 1.875rem;
}
.catalog__header:not(:last-child) {
    margin-bottom: 2.5rem;
}
.catalog__rangers {
    align-items: center;
    display: flex;
    flex-grow: 1;
    gap: 1.875rem;
    padding-left: 1.25rem;
}
.catalog__icon-range,
.catalog__label-range {
    width: 100%;
}
.catalog__icon-range h3,
.catalog__label-range h3 {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
}
.catalog__icon-range h3:not(:last-child),
.catalog__label-range h3:not(:last-child) {
    margin-bottom: 1.375rem;
}
.catalog__close-tabs {
    align-items: center;
    align-self: flex-end;
    background: #183132;
    border-radius: 0.5rem;
    color: #fff;
    display: flex;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 700;
    gap: 0.625rem;
    justify-content: center;
    line-height: normal;
    min-width: 10rem;
    padding: 0.625rem;
    transition: background 0.3s;
}
.catalog__close-tabs:after {
    color: #ff1b06;
    content: "\f116";
    font-family: iconfont;
    font-size: 0.75rem;
    line-height: normal;
    transform: rotate(90deg);
    transition: all 0.3s;
}
.catalog__close-tabs.--active:after {
    transform: rotate(-90deg);
}
.catalog__spollers {
    align-items: start;
    display: grid;
    gap: 0.625rem;
    grid-template-columns: repeat(3, 1fr);
}
.spoller-block {
    background: #122021;
    border-radius: 0.5rem;
    margin: 0 auto;
    max-width: 31.25rem;
    width: 100%;
}
.spoller-block__header {
    align-items: center;
    background: #183132;
    border-radius: 0.5rem;
    color: #fff;
    display: flex;
    font-family: "Exo 2";
    font-size: 1.5rem;
    font-weight: 700;
    justify-content: center;
    line-height: normal;
    padding: 0.625rem;
    text-align: center;
}
.spoller-block__header:after {
    transform: rotate(-180deg);
}
.spoller-block__header:before {
    transform: rotate(0deg);
}
.spoller-block__header:after,
.spoller-block__header:before {
    color: #122021;
    content: "\f116";
    font-family: iconfont;
    font-size: 0.9375rem;
    line-height: normal;
}
.spoller-block__wrapper {
    padding: 0.625rem 0.375rem 0.9375em;
}
.spoller-block__item:not(:last-child) {
    margin-bottom: 0.75rem;
}
.spoller-block__item-wrap {
    max-width: 100%;
    text-align: center;
}
.spoller-block__title {
    align-items: center;
    background: #183132;
    border-radius: 0.5rem;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 700;
    gap: 0.625rem;
    line-height: normal;
    padding: 0.375rem 0.75rem;
}
.spoller-block__title:after,
.spoller-block__title:before {
    color: #fff;
    content: "\f116";
    font-family: iconfont;
    font-size: 0.625rem;
    line-height: normal;
    transform: rotate(90deg);
    transition: all 0.3s;
}
.spoller-block__title.--spoller-active {
    border-radius: 0.5rem 0.5rem 0 0;
}
.spoller-block__title.--spoller-active:after,
.spoller-block__title.--spoller-active:before {
    transform: rotate(-90deg);
}
.spoller-block__body {
    background: #183132;
    border-radius: 0.5rem;
    max-width: 100%;
    padding: 0.625rem;
}
.spoller-block__link-item {
    border: 0.1875rem solid #0c100d;
    border-radius: 0.5rem;
    padding: 0.75rem;
    position: relative;
}
.spoller-block__link-item h4 {
    background-color: #183132;
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 700;
    left: 50%;
    line-height: normal;
    max-width: 100%;
    padding: 0 1.5625rem;
    position: absolute;
    top: 0;
    transform: translate(-50%, calc(-50% - 0.375rem));
}
.spoller-block__link-item:not(:last-child) {
    margin-bottom: 1.5625rem;
}
.spoller-block__link-item:first-child {
    margin-top: 1.25rem;
}
.spoller-block__link-item:not(:has(h4)) {
    border: none;
    padding: 0;
}
.spoller-block__link-item:not(:has(h4)):not(:last-child) {
    margin-bottom: 0.5rem;
}
.spoller-block__link-item:not(:has(h4)):first-child {
    margin-top: 0.625rem;
}
.spoller-block__link {
    align-items: center;
    background: #0c100d;
    border-radius: 0.5rem;
    display: block;
    display: flex;
    gap: 0.625rem;
    justify-content: space-between;
    padding: 0.625rem;
    width: 100%;
}
.spoller-block__link span {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
}
.spoller-block__link:not(:last-child) {
    margin-bottom: 0.625rem;
}
.spoller-block__types {
    align-items: center;
    display: flex;
    gap: 0.625rem;
}
.spoller-block__types img {
    flex: 0 0 1.4375rem;
    height: 1.4375rem;
    width: 1.4375rem;
}
.is-empty,
.is-hidden {
    display: none !important;
}
.post-section {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    padding-bottom: 1.25rem;
}
.post-section__container {
    flex-grow: 1;
    max-width: 93.75rem;
}
.post-block__title {
    background-color: #122021;
    border-radius: 0.5rem 0.5rem 0 0;
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
    margin: 0 auto;
    max-width: 36.25rem;
    padding: 0.625rem;
    text-align: center;
    width: 100%;
}
.post-block__items {
    background-color: #122021;
    border-radius: 0.5rem;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(4, 1fr);
    padding: 0.5rem;
    position: relative;
}
.post-block__items:before {
    background: url(../img/posts/bg-items.png) 0 0 / cover repeat;
    content: "";
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.post-block__article {
    align-items: center;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding-top: 1.25rem;
    position: relative;
    width: 100%;
}
.post-block__bg-block,
.post-block__bg-block img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.post-block__bg-block img {
    object-fit: cover;
    opacity: 0.4;
    transform: scale(1);
    transition: all 0.3s;
}
.post-block__bg {
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.post-block__icon {
    height: 3.75rem;
    max-width: 100%;
    position: relative;
    transform: scale(1);
    transition: all 0.3s;
    width: 3.75rem;
    z-index: 1;
}
.post-block__footer {
    align-items: center;
    background: linear-gradient(180deg, transparent 20.25%, #183032);
    display: flex;
    gap: 0.3125rem;
    padding: 0.625rem 0.75rem 1.25rem;
    position: relative;
    width: 100%;
    z-index: 3;
}
.post-block__footer h3 {
    color: #fff;
    font-family: "Exo 2";
    font-weight: 700;
    line-height: normal;
}
.post-block__avatar {
    border-radius: 0.25rem;
    bottom: 90%;
    height: 1.5rem;
    left: 0.75rem;
    max-width: 100%;
    position: absolute;
    width: 1.5rem;
}
.post-block:not(:last-child) {
    margin-bottom: 1rem;
}
.swiper {
    overflow: hidden;
}
.swiper-initialized {
    touch-action: pan-y;
}
.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%;
}
.swiper-vertical .swiper-wrapper {
    flex-direction: column;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
}
.swiper-initialized .swiper-slide {
    flex-shrink: 0;
}
.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
    transform: translateZ(0);
}
.swiper-button-lock {
    display: none !important;
}
.media {
    align-items: flex-start;
    display: flex;
    gap: 3.75rem;
    justify-content: space-between;
    padding-bottom: 1.25rem;
}
.media__content {
    flex-grow: 1;
}
.media__container {
    align-items: flex-start;
    display: flex;
    gap: 0.625rem;
}
.media__container h2 {
    color: #fff;
    font-family: "Exo 2";
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
}
.media__container h2:not(:last-child) {
    margin-bottom: 1.125rem;
}
.media__container:not(:last-child) {
    margin-bottom: 0.9375rem;
}
.media__links {
    background: rgba(24, 49, 50, 0.8);
    border-radius: 0.5rem;
    display: grid;
    gap: 1.875rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.media__link {
    align-items: center;
    display: flex;
    gap: 1.5rem;
}
.media__link img {
    flex: 0 0 2rem;
    height: 2rem;
    max-width: 100%;
    transition: all 0.3s;
    width: 2rem;
}
.media__link span {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 600;
    line-height: normal;
}
.media__form form {
    background: rgba(24, 49, 50, 0.8);
    border-radius: 0.5rem;
    padding: 1.25rem;
}
.media__form form h3 {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
}
.media__form form p {
    color: #77a8ac;
    font-family: "Exo 2";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
}
.media__form form p:not(:last-child) {
    margin-bottom: 0.75rem;
}
.media__form form input {
    background: #122021;
    border-radius: 0.5rem;
    color: #fff;
    font-family: "Exo 2";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    min-height: 2.125rem;
    padding: 0.625rem;
}
.media__form form input::placeholder {
    color: #77a8ac;
    font-family: "Exo 2";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    transition: opacity 0.3s;
}
.media__form form input:not(:last-child) {
    margin-bottom: 0.625rem;
}
.media__form form input:focus::placeholder {
    opacity: 0;
}
.media__form form textarea {
    background: #122021;
    border-radius: 0.5rem;
    color: #fff;
    font-family: "Exo 2";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    min-height: 5.3125rem;
    padding: 0.625rem;
    resize: vertical;
}
.media__form form textarea::placeholder {
    color: #77a8ac;
    font-family: "Exo 2";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    transition: opacity 0.3s;
}
.media__form form textarea:not(:last-child) {
    margin-bottom: 0.9375rem;
}
.media__form form textarea:focus::placeholder {
    opacity: 0;
}
.media__form form button {
    background: #183132;
    border: 0.125rem solid #77a8ac;
    border-radius: 0.5rem;
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
    min-width: 13.125rem;
    padding: 0.625rem;
    transition: all 0.3s;
}
.media__slider-wrapper {
    display: grid;
    grid-template-columns: 0.9375rem 1fr minmax(auto, 73.125rem) 1fr 0.9375rem;
    min-width: 0;
}
.media__slider-wrapper > * {
    grid-column: 3/4;
    min-width: 0;
}
.media__slider-wrapper h2 {
    color: #fff;
    font-family: "Exo 2";
    font-weight: 300;
    line-height: normal;
    text-transform: uppercase;
}
.media__slider-wrapper h2:not(:last-child) {
    margin-bottom: 1.125rem;
}
.media__slide {
    background: #122021;
    border-radius: 0.5rem;
    padding: 1.25rem;
}
.media__avatar {
    height: 2rem;
    width: 2rem;
}
.media__avatar img {
    max-width: 100%;
}
.media__avatar:not(:last-child) {
    margin-bottom: 1rem;
}
.media__author {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 600;
    line-height: normal;
}
.media__author:not(:last-child) {
    margin-bottom: 0.625rem;
}
.media__text {
    color: #77a8ac;
    font-family: "Exo 2";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.2;
}
.media__navigation {
    gap: 0.625rem;
    margin-top: 1.875rem;
    max-width: 120rem;
    min-height: 1.25rem;
}
.media__navigation,
.media__navigation > * {
    align-items: center;
    display: flex;
    justify-content: center;
}
.media__navigation > * {
    height: 1.875rem;
    width: 1.875rem;
}
.media__navigation > :before {
    color: #183132;
    content: "\f116";
    font-family: iconfont;
    font-size: 1.125rem;
    transition: all 0.3s;
}
.media__left {
    transform: scaleX(-1);
}
.tabs__navigation {
    display: flex;
}
.tabs__title {
    border: 0.0625rem solid #eee;
    border-radius: 0.3125rem;
    padding: 0.625rem 0.9375rem;
}
.tabs__title.--tab-active {
    border: 0.0625rem solid #000;
}
.tabs__content {
    border: 0.0625rem solid #eee;
    padding: 0.625rem 0.9375rem;
}
.addons__container {
    max-width: 81.25rem;
}
.addons__actions:not(:last-child) {
    margin-bottom: 1.875rem;
}
.info-addons {
    background: #122021;
    border-radius: 0.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.info-addons h1 {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
}
.info-addons h1:not(:last-child) {
    margin-bottom: 0.75rem;
}
.info-addons ul {
    display: grid;
    gap: 0.3125rem;
}
.info-addons ul li {
    color: #77a8ac;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3;
}
.info-addons ul:not(:last-child) {
    margin-bottom: 2.8125rem;
}
.info-addons__types {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(5, 1fr);
}
.info-addons__type {
    border: 0.125rem solid #77a8ac;
    border-radius: 0.5rem;
    position: relative;
}
.info-addons__type h3 {
    background-color: #122021;
    font-family: "Exo 2";
    font-weight: 700;
    left: 50%;
    line-height: normal;
    padding: 0.3125rem 0.9375rem;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translate(-50%, -60%);
}
.info-addons__type p {
    color: #fff;
    font-family: "Exo 2";
    font-weight: 500;
    line-height: 1.33;
    margin-bottom: 0.625rem;
    text-align: center;
}
.info-addons__type img {
    height: 3.125rem;
    max-width: 100%;
    object-fit: cover;
    width: 3.125rem;
}
.info-addons__type:first-child h3 {
    color: #91e2ad;
}
.info-addons__type:nth-child(2) h3 {
    color: #1fb3fb;
}
.info-addons__type:nth-child(3) h3 {
    color: #63dcff;
}
.info-addons__type:nth-child(4) h3 {
    color: #fc0;
}
.info-addons__type:nth-child(5) h3 {
    color: #ff7337;
}
.info-addons:not(:last-child) {
    margin-bottom: 1.25rem;
}
.actions-addons {
    align-items: flex-start;
    background: #122021;
    border-radius: 0.5rem;
    display: flex;
    gap: 1.25rem;
    padding: 1.25rem;
}
.actions-addons__switches {
    max-width: 25rem;
    width: 100%;
}
.actions-addons__switch {
    align-items: center;
    background: #183132;
    border-radius: 0.5rem;
    display: flex;
    gap: 0.625rem;
    justify-content: space-between;
    padding: 0.5rem 0.625rem;
}
.actions-addons__switch:not(:last-child) {
    margin-bottom: 0.625rem;
}
.actions-addons__switch h4 {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.actions-addons__switch .switch__slider {
    background-color: #122021;
}
.actions-addons__modes {
    align-items: center;
    border: 0.125rem solid #77a8ac;
    border-radius: 0.5rem;
    display: flex;
    gap: 1.25rem;
    justify-content: space-evenly;
    padding: 1.25rem;
    position: relative;
    width: 100%;
}
.actions-addons__modes h2 {
    background: #122021;
    bottom: 100%;
    color: #fff;
    font-family: "Exo 2";
    font-size: 1rem;
    font-weight: 400;
    left: 50%;
    line-height: normal;
    padding: 0.625rem;
    position: absolute;
    transform: translate(-50%, 45%);
}
.actions-addons__mode {
    text-align: center;
}
.actions-addons__mode button {
    background: #183132;
    border-radius: 0.5rem;
    height: 2.625rem;
    transition: all 0.3s;
    width: 2.625rem;
}
.actions-addons__mode button svg path {
    transition: all 0.3s;
    fill: #77a8ac;
}
.actions-addons__mode button.active {
    background: #122021;
    box-shadow: 0 0 1.25rem 0 rgba(255, 27, 6, 0.6);
}
.actions-addons__mode button.active svg path {
    fill: #ff1b06;
}
.actions-addons__mode p {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 700;
    line-height: normal;
    margin-top: 0.3125rem;
}
.items-addons__row {
    align-items: center;
    background: #122021;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.625rem -0.125rem rgba(145, 226, 173, 0.8);
    display: flex;
    flex-wrap: wrap;
    gap: 1.125rem;
    padding: 0.5rem;
}
.items-addons__row:not(:last-child) {
    margin-bottom: 0.625rem;
}
.items-addons__character {
    flex: 0 0 4rem;
    height: 5rem;
    max-width: 4rem;
    object-fit: contain;
    width: 4rem;
    width: 100%;
}
.items-addons__best,
.items-addons__decent,
.items-addons__detrimental,
.items-addons__good,
.items-addons__mediocre {
    align-items: center;
    display: flex;
    gap: 0.1875rem;
    padding: 0.21875rem 0.21875rem 1.0625rem;
}
.items-addons__tabs-wrapper {
    align-items: center;
    display: flex;
    gap: 0.1875rem;
}
.items-addons__item {
    flex: 0 0 3.3125rem;
}
.items-addons__item img {
    height: 3.3125rem;
    object-fit: contain;
    transform: scale(1);
    width: 3.3125rem;
}
.items-addons__best {
    background-color: #91e2ad;
}
.items-addons__row.background .items-addons__best {
    background-image: repeating-linear-gradient(45deg, #323232, #323232 0.0625rem, #91e2ad 0, #91e2ad 50%);
    background-size: 0.625rem 0.625rem;
}
.items-addons__good {
    background-color: #1fb3fb;
}
.items-addons__row.background .items-addons__good {
    background-image: radial-gradient(#323232 0.0625rem, #1fb3fb 0);
    background-size: 0.3125rem 0.3125rem;
}
.items-addons__decent {
    background-color: #63dcff;
}
.items-addons__row.background .items-addons__decent {
    background-image:
        linear-gradient(#323232 0.125rem, transparent 0), linear-gradient(90deg, #323232 0.125rem, transparent 0),
        linear-gradient(#323232 0.0625rem, transparent 0), linear-gradient(90deg, #323232 0.0625rem, #63dcff 0);
    background-position:
        -0.125rem -0.125rem,
        -0.125rem -0.125rem,
        -0.0625rem -0.0625rem,
        -0.0625rem -0.0625rem;
    background-size:
        3.125rem 3.125rem,
        3.125rem 3.125rem,
        0.625rem 0.625rem,
        0.625rem 0.625rem;
}
.items-addons__mediocre {
    background-color: #fc0;
}
.items-addons__row.background .items-addons__mediocre {
    background-image:
        repeating-radial-gradient(circle at 0 0, transparent 0, #fc0 0.625rem),
        repeating-linear-gradient(rgba(50, 50, 50, 0.333), #323232);
}
.items-addons__detrimental {
    background-color: #ff7337;
}
.items-addons__row.background .items-addons__detrimental {
    background-image: repeating-linear-gradient(90deg, #323232, #323232 0.0625rem, #ff7337 0, #ff7337);
    background-size: 0.625rem 0.625rem;
}
.items-addons__tabs {
    align-items: center;
    display: flex;
    flex-grow: 1;
    gap: 2.1875rem;
}
.items-addons__tabs.is-hidden {
    display: none !important;
}
.items-addons__btns {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    justify-content: flex-start;
}
.items-addons__btns button {
    color: #77a8ac;
    font-family: "Exo 2";
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
}
.items-addons__btns button.--tab-active {
    color: #ff1b06;
    font-weight: 700;
}
[data-addons-mode="both"] .popup__text-comment {
    display: block;
}
body:after {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity 0.8s ease 0s;
    width: 100%;
    z-index: 149;
}
[data-fls-popup-open] body:after {
    opacity: 1;
}
[data-fls-popup] {
    bottom: 0;
    left: 0;
    padding: 1.875rem 0.625rem;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: visibility 0.8s ease 0s;
    visibility: hidden;
}
[data-fls-popup][data-fls-popup-active] {
    overflow: auto;
    pointer-events: auto;
    visibility: visible;
    z-index: 150;
}
[data-fls-popup-active] [data-fls-popup-body] {
    transform: scale(1);
    visibility: visible;
}
[data-fls-popup-wrapper] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    width: 100%;
}
[data-fls-popup-body] {
    background: #122021;
    border-radius: 0.5rem;
    box-shadow: 0 0 1.06875rem 0 rgba(145, 226, 173, 0.6);
    max-width: 78.125rem;
    transform: scale(0);
    transition:
        transform 0.3s ease 0s,
        visibility 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
}
[data-fls-popup-youtube-place] iframe {
    aspect-ratio: 16/9;
    width: 100%;
}
.popup__text h3 {
    color: #fff;
    display: block;
    font-family: "Exo 2";
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}
.popup__text p {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.3;
}
.popup__text p span {
    color: #ff1b06;
}
.popup__text p a {
    color: #91e2ad;
    text-decoration-line: underline;
    text-decoration-skip-ink: auto;
    text-decoration-style: solid;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
}
.popup__text p:not(:last-child) {
    margin-bottom: 0.75rem;
}
.popup__info {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
}
.popup__info img {
    max-width: 6.25rem;
}
.popup__info:not(:last-child) {
    margin-bottom: 1.5rem;
}
.popup__text-comment {
    display: none;
}
.popup__text-comment h4 {
    align-items: center;
    color: #91e2ad;
    display: flex;
    font-family: "Exo 2";
    font-size: 1.125rem;
    font-weight: 500;
    gap: 0.625rem;
    line-height: 1.3;
}
.popup__text-comment h4 svg {
    max-width: 1.375rem;
}
.popup__text-comment h4:not(:last-child) {
    margin-bottom: 0.9375rem;
}
[data-fls-popup-close] {
    display: block;
    margin-left: auto;
}
.preloader {
    background-color: #fff;
    left: 0;
    min-height: 100svh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.preloader__lines {
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.preloader__line {
    background-color: #000;
    height: 100%;
    width: 33.33%;
}
.preloader__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100dvh;
    position: relative;
    text-align: center;
    z-index: 2;
}
.preloader__image {
    align-items: center;
    display: flex;
    gap: 0.625rem;
}
.preloader__image img {
    max-width: 100%;
    width: 2.8125rem;
}
.preloader__image span {
    color: #fff;
    font-family: Encode Sans SC;
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: 0.21rem;
    line-height: normal;
    text-align: center;
}
.preloader__image:not(:last-child) {
    margin-bottom: 1.5625rem;
}
.preloader__text {
    color: #fff;
    font-family: Encode Sans SC;
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: 0.21rem;
    line-height: normal;
    text-align: center;
}
.error {
    padding-bottom: 5rem;
    padding-top: 3.125rem;
}
.error__container {
    min-height: 100dvh;
    text-align: center;
}
.error__logo {
    align-items: center;
    display: inline-flex;
    flex-direction: column;
    gap: 0.25rem;
    justify-content: center;
    text-align: center;
}
.error__logo img {
    max-width: 100%;
    width: 3.125rem;
}
.error__logo span {
    color: #fff;
    font-family: Encode Sans SC;
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: 0.21rem;
    line-height: normal;
    text-align: center;
}
.error__logo:not(:last-child) {
    margin-bottom: 6.25rem;
}
.error__image {
    text-align: center;
}
.error__image img {
    max-width: 100%;
}
.error__image:not(:last-child) {
    margin-bottom: 2.5rem;
}
.error__info {
    text-align: center;
}
.error__info span {
    color: #fff;
    display: block;
    font-family: "Exo 2";
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}
.error__info span:not(:last-child) {
    margin-bottom: 1rem;
}
.error__info p {
    color: #fff;
    font-family: "Exo 2";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 18.75rem;
    text-align: center;
}
.error__info p:not(:last-child) {
    margin-bottom: 3.125rem;
}
.error__info a {
    align-items: center;
    border: 0.125rem solid #ff1b06;
    border-radius: 0.5rem;
    color: #fff;
    display: inline-flex;
    font-family: "Exo 2";
    font-weight: 500;
    gap: 0.9375rem;
    justify-content: center;
    line-height: 1;
    padding: 0.625rem 1.25rem;
}
.error__info a,
.error__info a:before {
    font-size: 1.125rem;
    transition: all 0.3s;
}
.error__info a:before {
    color: #ff1b06;
    content: "\f116";
    font-family: iconfont;
    line-height: normal;
    transform: rotate(-180deg);
}
@media (max-width: 81.25em) {
    .content-single__header {
        column-gap: 1rem;
    }
}
@media (max-width: 78.125em) {
    .advanced-block,
    .cases-block,
    .helpful-block,
    .history-block,
    .info-block,
    .technique-block {
        flex-direction: column;
    }
}
@media (max-width: 77.5em) {
    .content-single__items {
        flex-grow: 1;
        flex: 0 0 100%;
        order: 3;
    }
    .content-single__header {
        flex-wrap: wrap;
        padding: 0.625rem;
    }
    .content-single__header h3 {
        flex-grow: 1;
        order: 1;
    }
    .content-single__actions {
        flex-grow: 1;
        order: 2;
    }
}
@media (max-width: 75em) {
    .main-gamepad__article span {
        font-size: 1.5rem;
    }
    .catalog__rangers {
        align-items: flex-start;
        flex-direction: column;
        gap: 3.125rem;
    }
    .post-block__items {
        grid-template-columns: repeat(3, 1fr);
    }
    .info-addons__type h3 {
        font-size: 1.125rem;
    }
    .info-addons__type p {
        font-size: 1rem;
    }
    .info-addons__type {
        padding: 1.25rem;
    }
}
@media (max-width: 73.125em) and (min-width: 25.625em) {
    .main-gamepad__main-article {
        grid-row: 3/4;
    }
}
@media (max-width: 73.125em) {
    .main-gamepad__items {
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        justify-items: center;
    }
    .main-gamepad__article {
        max-width: 100%;
    }
}
@media (max-width: 64em) {
    .footer__container {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .footer__rights {
        margin-top: 1.25rem;
        order: 3;
    }
    .footer__logo {
        order: 1;
    }
    .footer__menu ul {
        justify-content: center;
    }
    .footer__menu {
        order: 2;
    }
    .single__breadcrumbs li {
        color: #77a8ac;
        font-weight: 500;
    }
    .content-single__text-blocks {
        padding: 1.5625rem 0.3125rem;
    }
    .info-addons {
        padding-bottom: 1.875rem;
        padding-top: 1.25rem;
    }
    .info-addons__types {
        gap: 2.5rem;
        grid-template-columns: 1fr;
    }
}
@media (max-width: 62em) {
    .single__navigation {
        display: none;
    }
    aside {
        height: 100svh;
        left: -100%;
        overflow: auto;
        position: fixed;
        top: 0;
        transition: left 0.3s;
        width: 100%;
        z-index: 200;
    }
    aside .aside-wrapper {
        padding: 3.125rem 0.9375rem 1.875rem;
    }
    [data-fls-menu-open] aside,
    [data-fls-menu-open] aside:before {
        left: 0;
    }
    .catalog__spollers {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 61.99875em) {
    .info-addons__type {
        margin: 0 auto;
        max-width: 37.5rem;
        width: 100%;
    }
    .info-addons__type img {
        display: block;
        margin: 0 auto;
    }
    .actions-addons {
        flex-direction: column-reverse;
    }
}
@media (max-width: 48em) and (min-width: 26.25em) {
    .filter-header__wrapper {
        left: 50%;
        top: 100%;
        transform: translate(-50%);
    }
}
@media (max-width: 48em) {
    .search-block__link {
        align-items: flex-start;
        flex-direction: column;
    }
    .search-block__breadcrumbs {
        flex-wrap: wrap;
    }
    .spoller-block__header {
        gap: 0.625rem;
    }
    .post-block__items {
        grid-template-columns: repeat(2, 1fr);
    }
    .post-block__footer h3 {
        font-size: 1.125rem;
    }
    .media__container h2 {
        font-size: 1.75rem;
    }
    .media__links {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem;
    }
    .media__slider-wrapper h2 {
        font-size: 1.75rem;
    }
}
@media (max-width: 47.99875em) and (any-hover: none) {
    .icon-menu {
        cursor: default;
    }
}
@media (max-width: 47.99875em) {
    .menu__body {
        height: 100svh;
        overflow: auto;
        padding: 3.125rem 0.9375rem 1.875rem;
    }
    .menu__body,
    .menu__body:before {
        left: -100%;
        position: fixed;
        top: 0;
        transition: left 0.3s;
        width: 100%;
    }
    .menu__body:before {
        content: "";
        height: 4.375rem;
        z-index: 2;
    }
    [data-fls-menu-open] .menu__body,
    [data-fls-menu-open] .menu__body:before {
        left: 0;
    }
    .icon-menu {
        display: block;
        height: 1.125rem;
        position: relative;
        width: 1.875rem;
        z-index: 5;
    }
    .icon-menu span,
    .icon-menu:after,
    .icon-menu:before {
        background-color: #000;
        content: "";
        height: 0.125rem;
        position: absolute;
        right: 0;
        transition: all 0.3s ease 0s;
        width: 100%;
    }
    .icon-menu:before {
        top: 0;
    }
    .icon-menu:after {
        bottom: 0;
    }
    .icon-menu span {
        top: calc(50% - 0.0625rem);
    }
    [data-fls-menu-open] .icon-menu span {
        width: 0;
    }
    [data-fls-menu-open] .icon-menu:before {
        top: calc(50% - 0.0625rem);
        transform: rotate(-45deg);
    }
    [data-fls-menu-open] .icon-menu:after {
        bottom: calc(50% - 0.0625rem);
        transform: rotate(45deg);
    }
    .catalog__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 3.125rem;
    }
    .catalog__rangers {
        padding-right: 1.25rem;
        width: 100%;
    }
    .catalog__close-tabs {
        align-self: flex-start;
    }
    .media__container {
        flex-direction: column-reverse;
        gap: 0.9375rem;
    }
}
@media (max-width: 35.625em) {
    .actions-addons__modes {
        flex-direction: column;
        gap: 1.875rem;
    }
    .popup__info img {
        max-width: 3.75rem;
    }
}
@media (max-width: 31.25em) {
    .catalog__close-tabs {
        width: 100%;
    }
    .post-block__items {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 28.125em) {
    .rsPip .basic,
    .rsPip .easy,
    .rsPip .hard,
    .rsPip .master,
    .rsPip .medium {
        font-size: 0.75rem;
    }
}
@media (max-width: 26.25em) {
    .filter-header__wrapper {
        left: 0;
        top: 100%;
    }
}
@media (max-width: 25.625em) {
    .main-gamepad__items {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 25em) {
    .content-single__items {
        flex-wrap: wrap;
    }
    .content-single__header h3 {
        font-size: 1.125rem;
    }
}
@media (max-width: 22.1875em) {
    .search-block__right-side {
        align-items: flex-start;
        flex-direction: column;
    }
}
@media (max-width: 21.5625em) {
    .rsPip .basic,
    .rsPip .easy,
    .rsPip .hard,
    .rsPip .master,
    .rsPip .medium {
        font-size: 0.625rem;
    }
}
@media (max-width: 20em) {
    .media,
    .post-section {
        padding-top: 3.75rem;
    }
    [data-fls-popup-body] {
        padding: 1.5625rem;
    }
    .popup__text h3:not(:last-child) {
        margin-bottom: 1.5rem;
    }
}
@media (min-width: 20em) and (max-width: 75em) {
    .media,
    .post-section {
        padding-top: clamp(3.75rem, 2.95454545454375rem + 3.9772727273vw, 5.9375rem);
    }
    [data-fls-popup-body] {
        padding: clamp(1.5625rem, 0.99431818181875rem + 2.8409090909vw, 3.125rem);
    }
    .popup__text h3:not(:last-child) {
        margin-bottom: clamp(1.5rem, 1.227272727275rem + 1.3636363636vw, 2.25rem);
    }
}
@media (min-width: 25.625em) {
    .main-gamepad__main-article {
        grid-column: span 2;
    }
}
@media (min-width: 26.25em) {
    .filter-header__content {
        min-width: 25rem;
    }
}
@media (min-width: 31.25em) {
    .post-block__article {
        max-width: 22.5rem;
    }
}
@media (min-width: 47.99875em) {
    .catalog__icon-range,
    .catalog__label-range {
        max-width: 30rem;
    }
}
@media (min-width: 48em) and (max-width: 120em) {
    .spoller-block__header {
        gap: clamp(0.625rem, 0.20833333333125rem + 0.8680555556vw, 1.25rem);
    }
    .post-block__footer h3 {
        font-size: clamp(1.125rem, 0.875rem + 0.5208333333vw, 1.5rem);
    }
    .media__container h2 {
        font-size: clamp(1.75rem, 1.16666666666875rem + 1.2152777778vw, 2.625rem);
    }
    .media__links {
        padding-bottom: clamp(1.25rem, 0.625rem + 1.3020833333vw, 2.1875rem);
        padding-top: clamp(1.25rem, 0.625rem + 1.3020833333vw, 2.1875rem);
    }
    .media__slider-wrapper h2 {
        font-size: clamp(1.75rem, 1.16666666666875rem + 1.2152777778vw, 2.625rem);
    }
}
@media (min-width: 48em) {
    .filter-header {
        position: relative;
    }
    .filter-header__wrapper {
        right: 0;
    }
}
@media (min-width: 61.99875em) {
    .main-gamepad__inner aside {
        margin-top: 9.75rem;
    }
    .info-addons__type img {
        bottom: 0;
        left: 50%;
        position: absolute;
        transform: translate(-50%, 50%);
    }
}
@media (min-width: 62em) {
    .header__burger {
        display: none;
    }
    .media__slider-wrapper {
        display: grid;
        grid-template-columns: 0.9375rem 1fr minmax(auto, 73.125rem) 1fr 0.9375rem;
        min-width: 0;
    }
    .media__slider-wrapper > * {
        grid-column: 3/6;
        min-width: 0;
    }
    .media__slide {
        max-width: 18.4375rem;
    }
}
@media (min-width: 64em) and (max-width: 120em) {
    .info-addons {
        padding-bottom: clamp(1.875rem, -0.26785714285625rem + 3.3482142857vw, 3.75rem);
        padding-top: clamp(1.25rem, -0.17857142856875rem + 2.2321428571vw, 2.5rem);
    }
}
@media (min-width: 64em) {
    .single__breadcrumbs li a {
        border-radius: 0.5rem;
        padding: 0.625rem;
    }
}
@media (min-width: 75em) and (max-width: 120em) {
    .main-gamepad__article span {
        font-size: clamp(1.5rem, 0.66666666666875rem + 1.1111111111vw, 2rem);
    }
    .info-addons__type h3 {
        font-size: clamp(1.125rem, 0.5rem + 0.8333333333vw, 1.5rem);
    }
    .info-addons__type p {
        font-size: clamp(1rem, 0.79166666666875rem + 0.2777777778vw, 1.125rem);
    }
    .info-addons__type {
        padding: clamp(1.25rem, 0.20833333333125rem + 1.3888888889vw, 1.875rem);
    }
}
@media (min-width: 75em) {
    .media,
    .post-section {
        padding-top: 5.9375rem;
    }
    [data-fls-popup-body] {
        padding: 3.125rem;
    }
    .popup__text h3:not(:last-child) {
        margin-bottom: 2.25rem;
    }
}
@media (min-width: 81.25em) and (max-width: 120em) {
    .content-single__header {
        column-gap: clamp(1rem, -2.145161290325rem + 3.8709677419vw, 2.5rem);
    }
}
@media (min-width: 120em) {
    .content-single__header {
        column-gap: 2.5rem;
    }
    .main-gamepad__article span {
        font-size: 2rem;
    }
    .spoller-block__header {
        gap: 1.25rem;
    }
    .post-block__footer h3 {
        font-size: 1.5rem;
    }
    .media__container h2 {
        font-size: 2.625rem;
    }
    .media__links {
        padding-bottom: 2.1875rem;
        padding-top: 2.1875rem;
    }
    .media__slider-wrapper h2 {
        font-size: 2.625rem;
    }
    .info-addons {
        padding-bottom: 3.75rem;
        padding-top: 2.5rem;
    }
    .info-addons__type h3 {
        font-size: 1.5rem;
    }
    .info-addons__type p {
        font-size: 1.125rem;
    }
    .info-addons__type {
        padding: 1.875rem;
    }
}
@media (any-hover: hover) {
    .header__languages a:not(.active):hover {
        background: #122021;
        color: #77a8ac;
    }
    .search-block__body-wrapper form button:hover:before,
    .search-block__btn:hover:before {
        color: #fff;
    }
    .search-block__link:hover {
        background: #111b1c;
    }
    .filter-header__btn:hover:before {
        color: #fff;
    }
    .footer__menu ul li a:hover {
        color: #ff1b06;
    }
    .single__breadcrumbs li a:hover {
        background: #122021;
        color: #ff1b06;
    }
    .single__navigation-wrapper ul li a:hover {
        color: #ff1b06;
    }
    .single__navigation-wrapper ul li a:hover:before {
        opacity: 1;
        transform: translate(0);
    }
    .content-single__text-blocks p a:hover,
    .content-single__text-blocks ul li a:hover {
        filter: brightness(0.8);
    }
    aside .menu-pages li a:hover {
        background: #183132;
    }
    aside .menu-pages li a:hover svg path {
        fill: #ff1b06;
    }
    aside .menu-info li a:hover {
        background: #183132;
    }
    aside .menu-info li a:hover svg path {
        fill: #ff1b06;
    }
    .keyboard:hover:before,
    .link-page:hover:before {
        color: #fff;
    }
    .main-gamepad__link:hover {
        background: #1a2d2e;
    }
    .main-gamepad__article:hover span,
    .main-gamepad__main-article:hover p,
    .main-gamepad__main-article:hover span {
        transform: scale(1.05);
    }
    .main-gamepad__article:hover .main-gamepad__image img {
        transform: scale(1.1);
    }
    .catalog__close-tabs:hover {
        background: #122525;
    }
    .post-block__article:hover .post-block__bg-block img,
    .post-block__article:hover .post-block__icon {
        transform: scale(1.05);
    }
    .media__link:hover img {
        filter: brightness(0.75);
    }
    .media__form form button:hover {
        background: #1d3435;
        border: 0.125rem solid #a0bfc2;
    }
    .media__navigation > :hover:before {
        color: #ff1b06;
    }
    .actions-addons__mode button:hover {
        background: #122021;
        box-shadow: 0 0 1.25rem 0 rgba(255, 27, 6, 0.6);
    }
    .actions-addons__mode button:hover svg path {
        fill: #ff1b06;
    }
    .items-addons__item:hover {
        transform: scale(1.1);
    }
    .error__info a:hover {
        background-color: #ff1b06;
    }
    .error__info a:hover:before {
        color: #fff;
    }
}