@font-face {

    font-family: icons;

    font-display: swap;

    src: url(../woff2/icons.woff2) format("woff2"),url(../woff/icons.woff) format("woff");

    font-weight: 400;

    font-style: normal

}



.app-card__rating::before,.breadcrumbs__list li:not(:last-child)::after,.card__rating::before,.icon-menu::after,.icon-menu::before,.pagging__arrow_next::after,.pagging__arrow_prev::before,.rating__active::before,.rating__body::before,.slider-arrows__arrow::before,[class*=_icon-]:before {

    font-family: icons;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



[class*=_icon-]:before {

    display: block

}



._icon-burger:before {

    content: "\e900"

}



._icon-close:before {

    content: "\e901"

}



._icon-comments:before {

    content: "\e902"

}



._icon-dislike:before {

    content: "\e903"

}



._icon-full-screen:before {

    content: "\e904"

}



._icon-info:before {

    content: "\e905"

}



._icon-like:before {

    content: "\e906"

}



._icon-rating-start:before {

    content: "\e907"

}



._icon-rating-start-border:before {

    content: "\e908"

}



._icon-search:before {

    content: "\e909"

}



._icon-share:before {

    content: "\e90a"

}



._icon-arrow-right:before {

    content: "\e90b"

}



._icon-pagging-arrow:before {

    content: "\e90c"

}



._icon-refresh:before {

    content: "\e90d"

}



._icon-home:before {

    content: "\e90e"

}



._icon-close-game:before {

    content: "\e90f"

}



._icon-dotts:before {

    content: "\e910"

}



._icon-exit-fullscreen:before {

    content: "\e911"

}



* {

    padding: 0;

    margin: 0;

    border: 0

}



*,:after,:before {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



:active,:focus {

    outline: 0

}



a:active,a:focus {

    outline: 0

}



body,html {

    height: 100%;

    min-width: 350px;

    scroll-behavior: smooth

}



body {

    color: #343434;

    line-height: 1;

    font-family: "Open Sans";

    font-size: .875rem;

    -ms-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



body::-webkit-scrollbar {

    width: .625rem;

    padding-top: .625rem

}



body::-webkit-scrollbar-track {

    background-color: transparent

}



body::-webkit-scrollbar-thumb {

    background-color: #c1c7d0;

    border-radius: .625rem

}



button,input,textarea {

    font-family: "Open Sans";

    font-size: inherit

}



button {

    cursor: pointer;

    color: inherit;

    background-color: inherit

}



a {

    color: inherit;

    text-decoration: none

}



ul li {

    list-style: none

}



img {

    vertical-align: top

}



h1,h2,h3,h4,h5,h6 {

    font-weight: inherit;

    font-size: inherit

}



body {

    line-height: 1.3571428571

}



.menu-open body::after {

    opacity: 1;

    visibility: visible

}



body.mobile-game-page {

    background-color: #333

}



body.mobile-game-page .page {

    padding: 0

}



.lock body {

    overflow: hidden;

    -ms-touch-action: none;

    touch-action: none;

    -ms-scroll-chaining: none;

    overscroll-behavior: none

}



.wrapper {

    min-height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    overflow: hidden

}



.wrapper>main {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto

}



.wrapper>* {

    min-width: 0

}



iframe html {

    overflow: hidden!important

}



[class*=__container] {

    margin: 0 auto;

    max-width: 90.875rem

}



input[type=email],input[type=tel],input[type=text],textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



.input {

    width: 100%;

    display: block

}



textarea.input {

    resize: none;

    padding: 0 0

}



.rating {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    font-size: 40px;

    line-height: .75;

    -webkit-transition: opacity .3s ease 0s;

    -o-transition: opacity .3s ease 0s;

    transition: opacity .3s ease 0s

}



.rating.rating_sending {

    opacity: .2

}



.rating.rating_set .rating__active,.rating.rating_set .rating__item {

    cursor: pointer

}



.rating__body {

    position: relative

}



.rating__body::before {

    font-size: 1.0625rem;

    content: "\e908\e908\e908\e908\e908";

    display: block;

    color: #ff9e0d

}



.rating__active {

    position: absolute;

    width: 0%;

    height: 100%;

    top: 0;

    left: 0;

    overflow: hidden

}



.rating__active::before {

    content: "\e907\e907\e907\e907\e907";

    position: absolute;

    width: 100%;

    height: 100%;

    font-size: 1.0625rem;

    top: 0;

    left: 0;

    color: #ff9e0d

}



.rating__items {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0

}



.rating__item {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    height: 100%;

    opacity: 0

}



.rating__value {

    font-size: 50%;

    line-height: 1;

    padding: 0 0 0 10px;

    display: none

}



[data-showmore-content] li:not(:last-child) {

    padding-bottom: .625rem

}



[data-showmore-button] {

    color: #0076e3;

    padding-top: .625rem;

    -webkit-transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    transition: all .3s ease 0s;

    font-weight: 600

}



[data-showmore-button] span:last-child {

    display: none

}



._showmore-active [data-showmore-button] span {

    display: none

}



._showmore-active [data-showmore-button] span:last-child {

    display: block

}



.pagging {

    margin-top: 1.875rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: .5rem;

    -moz-column-gap: .5rem;

    column-gap: .5rem;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center

}



.pagging__arrow {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 1rem;

    height: 2.5rem;

    background-color: #fff;

    border: .0625rem solid #0076e3;

    border-radius: .3125rem;

    -webkit-transition: all .1s ease 0s;

    -o-transition: all .1s ease 0s;

    transition: all .1s ease 0s;

    color: #0076e3;

    -webkit-column-gap: .3125rem;

    -moz-column-gap: .3125rem;

    column-gap: .3125rem

}



.pagging__arrow_prev::before {

    content: "\e90c";

    font-size: .625rem;

    -webkit-transform: rotate(-180deg);

    -ms-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.pagging__arrow_next::after {

    content: "\e90c";

    font-size: .625rem

}



.pagging__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-column-gap: .5rem;

    -moz-column-gap: .5rem;

    column-gap: .5rem

}



.pagging__item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 1rem;

    height: 2.5rem;

    background-color: #fff;

    border: .0625rem solid #0076e3;

    border-radius: .3125rem;

    -webkit-transition: all .1s ease 0s;

    -o-transition: all .1s ease 0s;

    transition: all .1s ease 0s;

    color: #0076e3

}



.pagging__item._active {

    background-color: #0076e3;

    color: #fff

}



[class*=-ibg] {

    position: relative

}



[class*=-ibg] img,[class*=-ibg] video {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover

}



[class*=-ibg] iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0

}



.card {

    display: block;

    position: relative;

    border-radius: .3125rem;

    overflow: hidden;

    padding-bottom: 100%;

    -webkit-transition: all .2s ease 0s;

    -o-transition: all .2s ease 0s;

    transition: all .2s ease 0s

}



.card::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.6)));

    background: -o-linear-gradient(bottom,rgba(0,0,0,.6),rgba(0,0,0,.6));

    background: linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.6));

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .1s ease 0s;

    -o-transition: all .1s ease 0s;

    transition: all .1s ease 0s

}



.card img {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover

}



.card:hover::after {

    opacity: 1;

    visibility: visible

}



.card:hover .card__content {

    opacity: 1;

    visibility: visible

}



.card__content {

    pointer-events: none;

    position: absolute;

    height: 100%;

    z-index: 2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .2s ease 0s;

    -o-transition: all .2s ease 0s;

    transition: all .2s ease 0s

}



.card__top {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.card__rating {

    margin: .3125rem;

    background: #fff;

    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.12);

    box-shadow: 0 1px 4px rgba(0,0,0,.12);

    border-radius: 5px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-weight: 600;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 1.25rem;

    -webkit-column-gap: .15625rem;

    -moz-column-gap: .15625rem;

    column-gap: .15625rem;

    padding: 0 .375rem 0 .21875rem

}



.card__rating::before {

    content: "\e907";

    font-size: .8125rem;

    color: #ff9e0d;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 .8125rem;

    flex: 0 0 .8125rem

}



.card__platform {

    margin: .3125rem;

    color: #fff;

    border-radius: 5px;

    width: 1.25rem;

    height: 1.25rem;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 1.25rem;

    flex: 0 0 1.25rem

}



.card__platform._mobile {

    background: #0076e3 url(../phone.html) center no-repeat

}



.card__platform._gamepad {

    background: #0076e3 url(../svg/joystick-2.svg) center no-repeat

}



.card__title {

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    padding: .125rem .3125rem .3125rem .3125rem;

    text-align: center;

    font-size: .6875rem;

    line-height: 1.1818181818;

    font-weight: 700;

    color: #fff;

    text-transform: capitalize;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical

}



.banner {

    text-align: center

}



.banner span {

    font-size: .5625rem;

    line-height: 1.3333333333;

    text-align: center;

    text-transform: uppercase;

    color: #c9c9c9;

    margin-top: .3125rem;

    letter-spacing: .1em

}



.banner img {

    max-width: 100%;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto

}



.banner_flex {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: .3125rem;

    -moz-column-gap: .3125rem;

    column-gap: .3125rem

}



.banner_flex div {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto

}



.banner_flex span {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 .625rem;

    flex: 0 0 .625rem;

    width: .625rem;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl;

    margin-top: 0

}



.comments_margin-top {

    margin-top: 1.5625rem

}



.comments:not(:last-child) {

    margin-bottom: 1.5625rem

}



.comments img {

    max-width: 100%

}



.comments__title {

    font-size: 1.3125rem;

    line-height: 1.380952381;

    font-weight: 600

}



.comments__title:not(:last-child) {

    margin-bottom: .625rem

}



.tags__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: .5rem

}



.tags__item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: #51a1b6;

    border-radius: .3125rem;

    min-height: 1.875rem;

    color: #f1eacf;

    padding: 0 1rem;

    -webkit-transition: all .2s ease 0s;

    -o-transition: all .2s ease 0s;

    transition: all .2s ease 0s

}



.tags__body {

    position: relative

}



.tags__slider {

    position: relative

}



.tags__slider .tags__item:not(:last-child) {

    margin-bottom: .625rem

}



.tags__header {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: 1.875rem;

    -moz-column-gap: 1.875rem;

    column-gap: 1.875rem;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.tags__header:not(:last-child) {

    margin-bottom: .625rem

}



.breadcrumbs__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: .5rem;

    -moz-column-gap: .5rem;

    column-gap: .5rem;

    row-gap: .3125rem

}



.breadcrumbs__list li:first-child {

    margin-top: .125rem

}



.breadcrumbs__list li:not(:last-child) {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: .5rem;

    -moz-column-gap: .5rem;

    column-gap: .5rem

}



.breadcrumbs__list li:not(:last-child)::after {

    content: "\e90b";

    color: #0076e3;

    font-size: .5rem

}



.breadcrumbs__item {

    white-space: nowrap;

    color: #0076e3;

    text-transform: uppercase;

    font-weight: 700

}



.breadcrumbs__item::before {

    position: relative;

    top: -.0625rem

}



.page-content,.text-block {

    line-height: 1.3571428571

}



.page-content h1,.text-block h1 {

    font-weight: 600;

    font-size: 1.5rem;

    line-height: 1.375

}



.page-content h1:not(:last-child),.text-block h1:not(:last-child) {

    padding-bottom: .3125rem

}



.page-content h2,.text-block h2 {

    font-size: 1.3125rem;

    line-height: 1.380952381;

    font-weight: 600

}



.page-content h2:not(:first-child),.text-block h2:not(:first-child) {

    padding-top: .9375rem

}



.page-content h2:not(:last-child),.text-block h2:not(:last-child) {

    padding-bottom: .3125rem

}



.page-content h3,.text-block h3 {

    font-size: 1.125rem;

    line-height: 1.3333333333;

    font-weight: 600

}



.page-content h3:not(:first-child),.text-block h3:not(:first-child) {

    padding-top: .9375rem

}



.page-content h3:not(:last-child),.text-block h3:not(:last-child) {

    padding-bottom: .3125rem

}



.page-content p:not(:last-child),.text-block p:not(:last-child) {

    padding-bottom: .625rem

}



.page-content a,.text-block a {

    font-weight: 600

}



.page-content ol,.page-content ul,.text-block ol,.text-block ul {

    padding-left: 1.875rem

}



.page-content ol a,.page-content ul a,.text-block ol a,.text-block ul a {

    font-weight: 400

}



.page-content ol li:not(:last-child),.page-content ul li:not(:last-child),.text-block ol li:not(:last-child),.text-block ul li:not(:last-child) {

    padding-bottom: .625rem

}



.page-content ol:not(:last-child),.page-content ul:not(:last-child),.text-block ol:not(:last-child),.text-block ul:not(:last-child) {

    padding-bottom: .625rem

}



.page-content ul li,.text-block ul li {

    list-style: disc

}



.download-buttons__title {

    font-size: 1.3125rem;

    font-weight: 600;

    line-height: 1.3333333333

}



.download-buttons__title:not(:last-child) {

    margin-bottom: .625rem

}



.download-buttons__items {

    background: #fff;

    border: .0625rem solid #ebebeb;

    border-radius: .3125rem;

    padding: .9375rem;

    display: -ms-grid;

    display: grid;

    gap: .9375rem

}



.download-buttons__item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-column-gap: .5rem;

    -moz-column-gap: .5rem;

    column-gap: .5rem;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 1rem;

    background: #fff;

    border: .125rem solid #ff7a72;

    border-radius: .3125rem;

    -webkit-transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    transition: all .3s ease 0s

}



.download-buttons__item_blue-border {

    border-color: #7299ff

}



.download-buttons__icon {

    width: 2.75rem;

    height: 2.75rem

}



.download-buttons__icon img {

    max-width: 100%

}



.download-buttons__item-title {

    font-size: 1.3125rem;

    font-weight: 600;

    line-height: 1.380952381

}



.share-wrapper {

    position: relative

}



.share-wrapper .share-box {

    position: absolute;

    z-index: 200;

    right: 0;

    bottom: 100%;

    background-color: #fff;

    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);

    box-shadow: 0 0 5px rgba(0,0,0,.3);

    width: auto;

    overflow: hidden;

    background: #fff;

    border-radius: .3125rem;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .2s ease 0s;

    -o-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    -webkit-transform: translate(0,5%);

    -ms-transform: translate(0,5%);

    transform: translate(0,5%)

}



.mobileblock .share-wrapper .share-box {

    bottom: unset;

    top: 100%;

    right: 1.25rem

}



.share-box-open .share-wrapper .share-box {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(0,0);

    -ms-transform: translate(0,0);

    transform: translate(0,0)

}



.share-wrapper .share-box__link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    -webkit-column-gap: .5rem;

    -moz-column-gap: .5rem;

    column-gap: .5rem;

    padding: .5rem .9375rem;

    -webkit-transition: all .1s ease 0s;

    -o-transition: all .1s ease 0s;

    transition: all .1s ease 0s

}



.share-wrapper .share-box__icon {

    width: 1.125rem;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 1.125rem;

    flex: 0 0 1.125rem;

    height: 1.125rem

}



.share-wrapper .share-box__icon img {

    max-width: 100%

}



.share-wrapper .share-box__title {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto

}



.slider-arrows {

    position: absolute;

    z-index: 10;

    pointer-events: none;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .2s ease 0s;

    -o-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    width: calc(100% + 3.125rem);

    left: -1.5625rem;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    top: 50%;

    -webkit-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    transform: translate(0,-50%)

}



.slider-arrows__arrow {

    pointer-events: auto;

    background: rgba(255,255,255,.5);

    width: 3.125rem;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.slider-arrows__arrow::before {

    content: "\e90c";

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: .625rem;

    color: #0076e3;

    border-radius: 50%;

    width: 1.875rem;

    height: 1.875rem;

    background-color: #fff;

    border: .0625rem solid #0076e3;

    will-change: transform

}



.slider-arrows__arrow:active::before {

    -webkit-transform: scale(.95);

    -ms-transform: scale(.95);

    transform: scale(.95)

}



.slider-arrows__arrow_prev {

    -webkit-transform: rotate(-180deg);

    -ms-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.slider-arrows-mobile {

    width: 1.875rem;

    height: .875rem;

    background: url(../svg/slider-arrow.svg) right/12px 12px no-repeat

}



.header {

    background-color: #f1eacf;

    z-index: 100;

    min-height: 3.4375rem;

    border-bottom: 1px solid #ebebeb;

    -webkit-transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    transition: all .3s ease 0s

}



.header__body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    min-height: 3.4375rem;

    -webkit-column-gap: 2.5rem;

    -moz-column-gap: 2.5rem;

    column-gap: 2.5rem;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.header__content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: 1.25rem;

    -moz-column-gap: 1.25rem;

    column-gap: 1.25rem;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto

}



.header__logo {

    max-width: 10.9375rem;

    width: 100%;

    height: 2rem

}



.header__logo img {
    width: 100%;

    max-width: 100%

}



.search-header {

    -webkit-box-flex: 0;

    -ms-flex: 0 1 31.25rem;

    flex: 0 1 31.25rem

}



.search-header__input {

    position: relative;

    overflow: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.search-header__input .input {

    height: 2.1875rem;

    border: .0625rem solid #e0e0e0;

    border-right: 0;

    border-radius: .3125rem 0 0 .3125rem;

    background-color: #fff;

    padding: .5rem 3.4375rem .5rem .75rem

}



.search-header__input .input::-webkit-input-placeholder {

    color: #343434

}



.search-header__input .input::-moz-placeholder {

    color: #343434

}



.search-header__input .input:-ms-input-placeholder {

    color: #343434

}



.search-header__input .input::-ms-input-placeholder {

    color: #343434

}



.search-header__input .input::placeholder {

    color: #343434

}



.search-header__input .input:focus {

    border-color: rgba(0,0,0,.3725490196)

}



.search-header__button {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #51a1b6;

    z-index: 2;

    height: 2.1875rem;

    border-radius: 0 .3125rem .3125rem 0;

    width: 3.125rem;

    color: #fff;

    font-size: .9375rem;

    -webkit-transition: all .2s ease 0s;

    -o-transition: all .2s ease 0s;

    transition: all .2s ease 0s

}



.search-header__button:focus {

    background-color: #0069cb

}



.menu {

    -ms-flex-negative: 0;

    flex-shrink: 0

}



.menu__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: .9375rem;

    -moz-column-gap: .9375rem;

    column-gap: .9375rem

}



.menu__link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: .375rem;

    -moz-column-gap: .375rem;

    column-gap: .375rem;

    white-space: nowrap;

    font-size: 1rem;

    line-height: 1.375;

    padding: .3125rem .75rem;

    border-radius: .3125rem;

     color: #51a1b6;

    text-transform: capitalize;

    -webkit-transition: all .2s ease 0s;

    -o-transition: all .2s ease 0s;

    transition: all .2s ease 0s

}



.menu__link img {
    color: #51a1b6;

    height: 1.125rem;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 1.125rem;

    flex: 0 0 1.125rem;

    width: 1.125rem;

    max-width: 100%

}



.icon-menu {

    display: none

}



.icon-menu::before {

    color: #28379a

}



.icon-menu::after {

    position: fixed;

    z-index: 1000;

    right: 1.25rem;

    top: 1.25rem;

    content: "\e901";

    color: #fff;

    opacity: 0;

    visibility: hidden

}



.footer__popular {

    background: #fafafa;

    border-top: .0625rem solid #ebebeb;

    padding: 1.25rem 0;

    color: #2e2e2e

}



.footer__popular .footer__container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: .625rem

}



.footer__popular span {

    font-weight: 700

}



.footer__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: .625rem;

    -moz-column-gap: .625rem;

    column-gap: .625rem;

    row-gap: .3125rem

}



.footer__list li:not(:last-child) {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: .625rem;

    -moz-column-gap: .625rem;

    column-gap: .625rem

}



.footer__list li:not(:last-child)::after {

    content: "";

    height: 1rem;

    border-right: .0625rem solid #2e2e2e

}



.footer__link {

    white-space: nowrap;

    -webkit-transition: color .2s ease 0s;

    -o-transition: color .2s ease 0s;

    transition: color .2s ease 0s

}



.footer__main {

    background: #eceff1;

    color: #343434

}



.footer__main .footer__container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    min-height: 6.25rem;

    padding-top: 2.5rem;

    padding-bottom: 2.5rem;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: 1.875rem;

    -moz-column-gap: 1.875rem;

    column-gap: 1.875rem;

    row-gap: .9375rem

}



.footer__main .footer__list {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end

}



.home__category-games:not(:last-child) {

    margin-bottom: 1.5625rem

}



.home__tags:not(:last-child) {

    margin-bottom: 1.5625rem

}



.home__text-block {

    background: #fff;

    border: .0625rem solid #ebebeb;

    border-radius: .3125rem;

    padding: .9375rem 1.25rem

}



.category-games__header {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: .625rem

}



.category-games__header:not(:last-child) {

    margin-bottom: .5rem

}



.category-games__title {

    font-size: 1.125rem;

    line-height: 1.3333333333;

    font-weight: 600

}



.category-games__button {

    color: #0076e3;

    font-weight: 600

}



.category-games__items {

    display: -ms-grid;

    display: grid;

    grid-template-columns: repeat(auto-fill,minmax(5.625rem,1fr));

    gap: .9375rem

}



.show-more-btn {

    margin: auto;

    cursor: pointer;

    color: #0076e3;

    white-space: nowrap;

    border: 0;

    font-weight: 600;

    background: 0 0

}



.show-more-btn .hidden {

    display: none

}



.game-page__screen {

    margin-bottom: .875rem

}



.game-page__cards {

    display: -ms-grid;

    display: grid;

    grid-template-columns: repeat(auto-fill,5.625rem);

    -webkit-column-gap: 1.1875rem;

    -moz-column-gap: 1.1875rem;

    column-gap: 1.1875rem;

    row-gap: .875rem

}



.game-page__cards .banner {

    -ms-grid-column-span: 3;

    grid-column: span 3;

    -ms-grid-row-span: 3;

    grid-row: span 3;

    display: none

}



.game-page__cards_block {

    display: block

}



.game-page__cards_block .card:not(:last-child) {

    margin-bottom: .875rem

}



.game-page__mainblock:not(:last-child) {

    margin-bottom: 1.5625rem

}



.game-page__content {

    -ms-grid-columns: 1fr 18.75rem;

    grid-template-columns: 1fr 18.75rem;

    display: -ms-grid;

    display: grid;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: start;

    gap: 1.125rem

}



.game-page__content:not(:last-child) {

    margin-bottom: 1.5625rem

}



.game-page__info:not(:last-child),.game-page__rating:not(:last-child) {

    margin-bottom: 1.5625rem

}



.sidebar-content {

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: (7.5rem)[2];

    grid-template-columns: repeat(2,7.5rem);

    row-gap: .875rem;

    -webkit-column-gap: 1rem;

    -moz-column-gap: 1rem;

    column-gap: 1rem

}



.mainblock-game {

    -ms-grid-columns: 1fr 18.75rem;

    grid-template-columns: 1fr 18.75rem;

    display: -ms-grid;

    display: grid;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: start;

    gap: 1.1875rem

}



.mainblock-game__main {

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: 12.4375rem 46.5rem 5.625rem;

    grid-template-columns: 12.4375rem 46.5rem 5.625rem;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: start;

    -webkit-column-gap: 1.1875rem;

    -moz-column-gap: 1.1875rem;

    column-gap: 1.1875rem;

    margin-bottom: .375rem

}



.mainblock-game__banner {

    min-height: 38.75rem

}



.sidebar-mainblock__banners .banner:first-child {

    min-height: 17.0625rem

}



.sidebar-mainblock__banners .banner:last-child {

    min-height: 38.6875rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.sidebar-mainblock__banners .banner:not(:last-child) {

    margin-bottom: .3125rem

}



.sidebar-mainblock__banners:not(:last-child) {

    margin-bottom: 2.5625rem

}



.sidebar-mainblock__cards {

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: (5.625rem)[3];

    grid-template-columns: repeat(3,5.625rem);

    row-gap: .875rem;

    -webkit-column-gap: .9375rem;

    -moz-column-gap: .9375rem;

    column-gap: .9375rem

}



.sidebar-mainblock__cards:not(:last-child) {

    margin-bottom: 1.5625rem

}



.screen .banner {

    min-height: 5.625rem

}



.screen__body:not(:last-child) {

    margin-bottom: .875rem

}



.screen__window {

    position: relative

}



.screen__gamebox {

    height: 27.9375rem

}



.screen__gamebox iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover

}



.full-screen .screen__gamebox iframe {

    height: calc(100vh - 3.125rem)

}



.screen__preview {

    height: 27.9375rem

}



.preview-screen {

    position: relative

}



.preview-screen__bg-ibg {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%

}



.preview-screen__bg-ibg::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0,0,0,.6);

    -webkit-backdrop-filter: blur(13px);

    backdrop-filter: blur(13px)

}



.preview-screen__content {

    position: relative;

    z-index: 5;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #fff;

    height: 100%

}



.preview-screen__image-ibg {

    border-radius: .625rem;

    overflow: hidden

}



.preview-screen__image-ibg:not(:last-child) {

    margin-bottom: .3125rem

}



.preview-screen__title {

    text-align: center;

    line-height: 1.3333333333

}



.preview-screen__title:not(:last-child) {

    margin-bottom: .625rem

}



.mobileblock__play-button,.preview-screen__button {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    min-width: 12.5rem;

    height: 2.5rem;

    background: #51a1b6;

    border-radius: .5rem;

    font-weight: 600;

    color: #f1eacf;

    -webkit-transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    transition: all .3s ease 0s

}



.control {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: 1.875rem;

    -moz-column-gap: 1.875rem;

    column-gap: 1.875rem;

    background: #eceff1;

    height: 3.6875rem;

    padding-left: .9375rem;

    -webkit-transition: all .3s ease 0s;

    -o-transition: all .3s ease 0s;

    transition: all .3s ease 0s

}



.control_iframe {

    display: none

}



.full-screen .control_iframe {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: absolute;

    bottom: 0;

    height: 3.125rem;

    border-radius: 0;

    left: 0;

    width: 100%;

    z-index: 10000

}



.control__about {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: .75rem;

    -moz-column-gap: .75rem;

    column-gap: .75rem

}



.control__image-ibg {

    width: 2.3125rem;

    height: 2.3125rem;

    border-radius: .1875rem;

    overflow: hidden

}



.control__image-ibg_iframe {

    width: 1.875rem;

    height: 1.875rem

}



.control__game-name {

    font-size: 1.125rem;

    line-height: 1.3888888889;

    font-weight: 600;

    color: #2e2e2e

}



.control__actions {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-column-gap: .5rem;

    -moz-column-gap: .5rem;

    column-gap: .5rem;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.control__actions .separator {

    height: 1.1875rem;

    margin: 0 .3125rem;

    border-right: .09375rem solid rgba(108,108,108,.2)

}



.control__button {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #6c6c6c;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 1.875rem;

    flex: 0 0 1.875rem;

    height: 3.6875rem;

    width: 1.875rem;

    font-size: 1.1875rem;

    -webkit-transition: all .2s ease 0s;

    -o-transition: all .2s ease 0s;

    transition: all .2s ease 0s

}



.control__button:last-child {

    width: 2.8125rem

}



.share-wrapper {

    position: relative

}



.share-wrapper .share-box {

    position: absolute;

    z-index: 200;

    right: 0;

    bottom: 100%;

    background-color: #fff;

    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);

    box-shadow: 0 0 5px rgba(0,0,0,.3);

    width: auto;

    overflow: hidden;

    background: #fff;

    border-radius: .3125rem;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .2s ease 0s;

    -o-transition: all .2s ease 0s;

    transition: all .2s ease 0s;

    -webkit-transform: translate(0,5%);

    -ms-transform: translate(0,5%);

    transform: translate(0,5%)

}



.mobileblock .share-wrapper .share-box {

    bottom: unset;

    top: 100%;

    right: 1.25rem

}



.share-box-open .share-wrapper .share-box {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translate(0,0);

    -ms-transform: translate(0,0);

    transform: translate(0,0)

}



.share-wrapper .share-box__link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    -webkit-column-gap: .5rem;

    -moz-column-gap: .5rem;

    column-gap: .5rem;

    padding: .5rem .9375rem;

    -webkit-transition: all .1s ease 0s;

    -o-transition: all .1s ease 0s;

    transition: all .1s ease 0s

}



.share-wrapper .share-box__icon {

    width: 1.125rem;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 1.125rem;

    flex: 0 0 1.125rem;

    height: 1.125rem

}



.share-wrapper .share-box__icon img {

    max-width: 100%

}



.share-wrapper .share-box__title {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto

}



.info:not(:last-child) {

    margin-bottom: .9375rem

}



.info__title {

    padding-top: .625rem;

    font-size: 1.5rem;

    font-weight: 600;

    line-height: 1.3333333333;

    color: #2e2e2e

}



.info__title:not(:last-child) {

    margin-bottom: .9375rem

}



.info__breadcrumbs:not(:last-child) {

    margin-bottom: 1.25rem

}



.info__main:not(:last-child) {

    margin-bottom: .9375rem

}



.info__main-text:not(:last-child) {

    margin-bottom: .9375rem

}



.info__text:not(:last-child) {

    margin-bottom: .9375rem

}



.info__tags:not(:last-child) {

    margin-bottom: 1.25rem

}



.details-info {

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: 8.125rem 20rem 21rem;

    grid-template-columns: 8.125rem 20rem 21rem;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: start;

    gap: 1.25rem

}



.details-info__image-ibg {

    max-width: 8.125rem;

    width: 100%;

    height: 10rem;

    margin: 0 auto

}



.details-info__content {

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: 9.375rem 1fr;

    grid-template-columns: 9.375rem 1fr;

    max-width: 19.625rem;

    gap: .75rem;

    line-height: 1.3571428571

}



.details-info__content a {

    color: #0076e3

}



.details-info__label {

    color: #717171

}



.details-info__value {

    word-wrap: break-word;

    max-width: 9.5rem

}



.game-rating {

    display: -ms-grid;

    display: grid;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    gap: 1.25rem;

    background: #fff;

    border: .0625rem solid #ebebeb;

    border-radius: .3125rem;

    -ms-grid-columns: .7fr 1fr .8fr;

    grid-template-columns: .7fr 1fr .8fr;

    padding: 1.25rem

}



.info-rating {

    text-align: center;

    -ms-grid-column-align: center;

    justify-self: center

}



.info-rating__value {

    font-weight: 600;

    font-size: 2rem;

    color: #2e2e2e;

    line-height: 1

}



.info-rating__value:not(:last-child) {

    margin-bottom: .25rem

}



.info-rating__rating:not(:last-child) {

    margin-bottom: .3125rem

}



.info-rating__total {

    line-height: 1.3571428571;

    color: #717171

}



.chart-rating__item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: .5rem;

    -moz-column-gap: .5rem;

    column-gap: .5rem

}



.chart-rating__item:not(:last-child) {

    margin-bottom: .5625rem

}



.chart-rating__label {

    font-weight: 600;

    line-height: 1.3571428571;

    color: #717171

}



.chart-rating__bar {

    background: #e5f1fc;

    border-radius: .625rem;

    height: .75rem;

    width: 100%;

    position: relative

}



.chart-rating__bar span {

    position: absolute;

    z-index: 1;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: #0076e3;

    border-radius: 10px

}



.rate-now__title {

    color: #2e2e2e;

    font-weight: 600;

    font-size: 1rem;

    line-height: 1.375

}



.rate-now__title:not(:last-child) {

    margin-bottom: .125rem

}



.rate-now__text {

    line-height: 1.3571428571

}



.rate-now__text:not(:last-child) {

    margin-bottom: .3125rem

}



.game__about:not(:last-child),.game__download-buttons:not(:last-child),.game__info:not(:last-child),.game__rating:not(:last-child),.game__sidebar:not(:last-child),.game__tags:not(:last-child) {

    margin-bottom: 1.5625rem

}



.game__banner:not(:last-child) {

    margin-bottom: .9375rem

}



.about-game__top:not(:last-child) {

    margin-bottom: 1.25rem

}



.about-game__top-body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-column-gap: .9375rem;

    -moz-column-gap: .9375rem;

    column-gap: .9375rem

}



.about-game__image-ibg {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 5.875rem;

    flex: 0 0 5.875rem;

    height: 5.875rem;

    border-radius: .3125rem;

    overflow: hidden

}



.about-game__title {

    font-size: 1.5rem;

    font-weight: 600;

    line-height: 1.3333333333

}



.about-game__title:not(:last-child) {

    margin-bottom: .625rem

}



.about-game__banner {

    max-width: 45.5rem

}



.about-game__banner:not(:last-child) {

    margin-bottom: .9375rem

}



.stats-about-game {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    row-gap: .625rem;

    -webkit-column-gap: 1.5625rem;

    -moz-column-gap: 1.5625rem;

    column-gap: 1.5625rem

}



.stats-about-game__item {

    text-align: center;

    font-size: .875rem;

    line-height: 1.3571428571

}



.stats-about-game__item:not(:last-child) {

    border-right: .0625rem solid #ebebeb;

    padding-right: 1.5625rem

}



.stats-about-game__value {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-weight: 600

}



.stats-about-game__value::before {

    padding-right: .21875rem;

    color: #ff9e0d

}



.stats-about-game__value:not(:last-child) {

    margin-bottom: .25rem

}



.stats-about-game__label {

    color: #717171;

    text-transform: uppercase

}



.table-game {

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: (1fr)[4];

    grid-template-columns: repeat(4,1fr);

    -webkit-column-gap: 3.125rem;

    -moz-column-gap: 3.125rem;

    column-gap: 3.125rem;

    row-gap: 2.5rem

}



.table-game__item {

    font-size: .875rem;

    line-height: 1.3571428571;

    -webkit-column-gap: .4375rem;

    -moz-column-gap: .4375rem;

    column-gap: .4375rem

}



.table-game__icon {

    margin-top: .1875rem

}



.table-game__label {

    font-weight: 600

}



.table-game__label:not(:last-child) {

    margin-bottom: .3125rem

}



.table-game__value {

    word-wrap: break-word;

    color: #717171

}



.table-game__value a:not(:last-child) {

    margin-right: .3125rem

}



.games-grid__title,.games-page__title,.policy__title,.tags-page__title {

    font-size: 1.5rem;

    line-height: 1.375;

    font-weight: 600

}



.games-grid__title:not(:last-child),.games-page__title:not(:last-child),.policy__title:not(:last-child),.tags-page__title:not(:last-child) {

    margin-bottom: .9375rem

}



.tags-page__breadcrumbs:not(:last-child) {

    margin-bottom: 1.25rem

}



.tags-page__showmore {

    margin-bottom: .9375rem

}



.tags-page__showmore .show-more-btn {

    margin-left: .3125rem

}



.games-page__title-second {

    font-size: 1.125rem;

    line-height: 1.3333333333;

    font-weight: 600

}



.games-page__title-second:not(:last-child) {

    margin-bottom: .5rem

}



.games-page__tags:not(:last-child) {

    margin-bottom: 1.25rem

}



.games-page__category:not(:last-child) {

    margin-bottom: 1.25rem

}



.category__item:not(:last-child) {

    margin-bottom: 1.5625rem

}



.category__slider {

    position: relative

}



.category__header {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: baseline;

    -ms-flex-align: baseline;

    align-items: baseline;

    font-weight: 600

}



.category__header:not(:last-child) {

    margin-bottom: .625rem

}



.category__title {
    color: #51a1b6;

    display: inline-block;

    font-size: 1.125rem;

    line-height: 1.3333333333;

    margin-right: .5rem

}



.category__slide {

    width: 5.625rem;

    height: 5.625rem

}



.category__link {

    color: #51a1b6;
    filter: brightness(90%); /* 减少亮度 */

    line-height: 1.3571428571

}



.category__slider-body {

    position: relative

}



.games-grid__breadcrumbs:not(:last-child) {

    margin-bottom: 1.25rem

}



.games-grid__showmore:not(:last-child) {

    margin-bottom: 1.25rem

}



.games-grid__body:not(:last-child),.games-grid__tags:not(:last-child) {

    margin-bottom: 1.5625rem

}



.games-grid__items {

    display: -ms-grid;

    display: grid;

    grid-template-columns: repeat(auto-fill,minmax(5.625rem,1fr));

    row-gap: .875rem;

    -webkit-column-gap: 1.125rem;

    -moz-column-gap: 1.125rem;

    column-gap: 1.125rem

}



.games-grid__items:not(:last-child) {

    margin-bottom: 1.875rem

}



.games-grid__items .banner {

    -ms-grid-row-align: center;

    align-self: center;

    -ms-grid-column-align: center;

    justify-self: center;

    -ms-grid-column-span: 3;

    grid-column: span 3;

    -ms-grid-row: 2;

    -ms-grid-row-span: 3;

    grid-row: 2/5

}



.policy__breadcrumbs:not(:last-child) {

    margin-bottom: 1.25rem

}



.policy__text-block:not(:last-child) {

    margin-bottom: 1.25rem

}



.sidebar__banner:not(:last-child) {

    margin-bottom: 1.5rem

}



.sidebar__cards {

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: (5.625rem)[3];

    grid-template-columns: repeat(3,5.625rem);

    gap: .9375rem

}



.sidebar__cards:not(:last-child) {

    margin-bottom: 1.5625rem

}



.sidebar__apps:not(:last-child) {

    margin-bottom: 1.5625rem

}



.apps-sidebar__title {

    font-size: 1.125rem;

    font-weight: 600;

    line-height: 1.3888888889

}



.apps-sidebar__title:not(:last-child) {

    margin-bottom: .9375rem

}



.app-card {

    display: -ms-grid;

    display: grid;

    -ms-grid-columns: 5rem 1fr;

    grid-template-columns: 5rem 1fr;

    -webkit-column-gap: .9375rem;

    -moz-column-gap: .9375rem;

    column-gap: .9375rem

}



.app-card:not(:last-child) {

    border-bottom: .0625rem solid #ebebeb;

    padding-bottom: .9375rem;

    margin-bottom: .9375rem

}



.app-card__image-ibg {

    position: relative;

    height: 5rem;

    width: 5rem;

    padding: .4375rem 0 0 .4375rem

}



.app-card__image-ibg img {

    border-radius: .3125rem;

    overflow: hidden

}



.app-card__rating {

    position: absolute;

    z-index: 2;

    top: -.4375rem;

    font-weight: 600;

    left: -.4375rem;

    background: #fff;

    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.12);

    box-shadow: 0 1px 4px rgba(0,0,0,.12);

    border-radius: 5px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 1.25rem;

    -webkit-column-gap: .15625rem;

    -moz-column-gap: .15625rem;

    column-gap: .15625rem;

    padding: 0 .375rem 0 .21875rem

}



.app-card__rating::before {

    content: "\e907";

    font-size: .8125rem;

    color: #ff9e0d

}



.app-card__title {

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    font-weight: 600

}



.app-card__title:not(:last-child) {

    margin-bottom: .5rem

}



.app-card__tags {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: .3125rem

}



.app-card__tag {

    background-color: #e5f1fc;

    border-radius: .3125rem;

    color: #0076e3;

    padding: 0 .375rem .125rem .375rem;

    font-size: .75rem;

    line-height: 1.5;

    -webkit-transition: background-color .2s ease 0s;

    -o-transition: background-color .2s ease 0s;

    transition: background-color .2s ease 0s

}



.control-mobile::after {

    content: "";

    position: fixed;

    z-index: 200;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color: rgba(0,0,0,.3);

    opacity: 0;

    visibility: hidden

}



.app-full-screen .control-mobile {

    display: block

}



.mobile-nav-open .control-mobile::after {

    opacity: 1;

    visibility: visible

}



.control-mobile__open-button {

    position: fixed;

    z-index: 99999999;

    top: 1.25rem;

    right: 0;

    height: 2.25rem;

    width: 2.25rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: rgba(0,0,0,.7);

    color: #fff;

    font-size: 1.25rem

}



.control-mobile__body {

    position: fixed;

    padding: 1.875rem 1.875rem;

    z-index: 201;

    top: 5.625rem;

    left: 50%;

    -webkit-transform: translate(-50%,0);

    -ms-transform: translate(-50%,0);

    transform: translate(-50%,0);

    background: #000;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all .2s ease 0s;

    -o-transition: all .2s ease 0s;

    transition: all .2s ease 0s

}



.mobile-nav-open .control-mobile__body {

    opacity: 1;

    visibility: visible

}



.control-mobile__buttons {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-column-gap: 1.875rem;

    -moz-column-gap: 1.875rem;

    column-gap: 1.875rem

}



.control-mobile__buttons:not(:last-child) {

    margin-bottom: 1.25rem

}



.control-mobile__button {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    text-align: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 3.4375rem;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 3.4375rem;

    flex: 0 0 3.4375rem;

    color: #fff;

    text-align: center;

    font-weight: 700;

    font-size: .875rem;

    text-transform: uppercase;

    white-space: nowrap

}



.control-mobile__button::before {

    display: block;

    font-size: 2rem;

    margin-bottom: .3125rem

}



.mobileblock {

    display: none

}



.mobileblock:not(:last-child) {

    margin-bottom: .9375rem

}



.mobileblock__body {

    display: -ms-grid;

    display: grid;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    -ms-grid-columns: auto 1fr;

    grid-template-columns: auto 1fr;

    gap: .625rem

}



.mobileblock__body:not(:last-child) {

    margin-bottom: .625rem

}



.mobileblock__image {

    width: 5.625rem;

    border-radius: .3125rem;

    height: 5.625rem;

    overflow: hidden;

    position: relative

}



.mobileblock__image img {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover

}



.mobileblock__content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    row-gap: .625rem;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.mobileblock__title {

    font-size: 1.5rem;

    font-weight: 600;

    line-height: 1.3333333333;

    color: #2e2e2e

}



.mobileblock__actions {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-column-gap: .9375rem;

    -moz-column-gap: .9375rem;

    column-gap: .9375rem

}



.mobileblock__button {

    font-size: 1.25rem;

    color: #6c6c6c

}



.mobileblock__play-button {

    height: 2.5rem!important

}



.mobileblock__play-button:not(:last-child) {

    margin-bottom: .3125rem

}



.share-control-mobile__label {

    font-weight: 600;

    text-align: center;

    font-size: .875rem;

    color: rgba(255,255,255,.75)

}



.share-control-mobile__label:not(:last-child) {

    margin-bottom: .625rem

}



.share-control-mobile__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    gap: .75rem

}



.share-control-mobile__button {

    width: 2.5rem;

    height: 2.5rem

}



.share-control-mobile__button img {

    max-width: 100%

}



.page {
    background-color: #f1eacf;

    padding-top: .625rem;

    padding-bottom: 4.375rem

}



.page__mainblock:not(:last-child) {

    margin-bottom: .78125rem

}



.page__info {

    padding-top: .78125rem

}



.text-block__body {

    background: #fff;

    border: .0625rem solid #ebebeb;

    border-radius: .3125rem;

    padding: 1.25rem

}



.swiper,swiper-container {

    margin-left: auto;

    margin-right: auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1;

    display: block

}



.swiper-vertical>.swiper-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform,-webkit-transform;

    -webkit-box-sizing: content-box;

    box-sizing: content-box

}



.swiper-android .swiper-slide,.swiper-wrapper {

    -webkit-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0)

}



.swiper-horizontal {

    -ms-touch-action: pan-y;

    touch-action: pan-y

}



.swiper-vertical {

    -ms-touch-action: pan-x;

    touch-action: pan-x

}



.swiper-slide,swiper-slide {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform,-webkit-transform

}



.swiper-slide-invisible-blank {

    visibility: hidden

}



.swiper-autoheight,.swiper-autoheight .swiper-slide {

    height: auto

}



.swiper-autoheight .swiper-wrapper {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-transition-property: height,-webkit-transform;

    transition-property: height,-webkit-transform;

    -o-transition-property: transform,height;

    transition-property: transform,height;

    transition-property: transform,height,-webkit-transform

}



.swiper-backface-hidden .swiper-slide {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



@media (min-width: 29.99875em) {

    .table-game__item {

        display:-webkit-box;

        display: -ms-flexbox;

        display: flex

    }

}



@media (min-width: 48.06125em) {

    .download-buttons__items {

        -ms-grid-columns:(1fr)[2];

        grid-template-columns: repeat(2,1fr)

    }



    .slider-arrows-mobile {

        display: none

    }



    .preview-screen__image-ibg {

        height: 9.25rem

    }



    .preview-screen__image-ibg {

        width: 9.25rem

    }



    .preview-screen__title {

        font-size: 1.3125rem

    }

}



@media (min-width: 51.875em) {

    .chart-rating {

        max-width:17.875rem

    }

}



@media (min-width: 61.99875em) {

    .banner_mobile {

        display:none

    }



    .info__banner {

        float: right;

        margin-left: 1.5625rem

    }



    .sidebar__banner {

        height: 38.75rem

    }



    .game,.page__body {

        -ms-grid-columns: 1fr 24.1935483871%;

        grid-template-columns: 1fr 24.1935483871%;

        display: -ms-grid;

        display: grid;

        -webkit-box-align: start;

        -ms-flex-align: start;

        align-items: start;

        gap: 1.5625rem

    }

}



@media (min-width: 75.81125em) {

    .sidebar-mainblock__cards .card:nth-last-child(-n+7) {

        display:none

    }

}



@media (max-width: 48em) {

    [class*=__container] {

        max-width:none;

        padding: 0 1.25rem

    }

}



@media (max-width: 767.98px) {

    .swiper,swiper-container {

        overflow:visible!important

    }

}



@media (max-width: 89.375em) {

    [class*=__container] {

        max-width:77.0625rem

    }



    .download-buttons__item-title {

        font-size: 1.125rem

    }



    .menu__link {

        font-size: 1rem

    }



    .game-page__cards_block {

        display: none

    }



    .mainblock-game {

        -ms-grid-columns: 1fr 18.75rem;

        grid-template-columns: 1fr 18.75rem

    }



    .mainblock-game__main {

        -ms-grid-columns: 12.4375rem 46.5rem;

        grid-template-columns: 12.4375rem 46.5rem;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between

    }



    .sidebar__cards {

        -ms-grid-columns: (1fr)[2];

        grid-template-columns: repeat(2,1fr)

    }



    .sidebar__cards .card:nth-child(7),.sidebar__cards .card:nth-child(8),.sidebar__cards .card:nth-child(9) {

        display: none

    }

}



@media (max-width: 82.5em) {

    [class*=__container] {

        max-width:70.25rem

    }



    .header__logo {

        max-width: 9.375rem

    }



    .game-page__screen {

        -webkit-box-ordinal-group: 3!important;

        -ms-flex-order: 2!important;

        order: 2!important

    }



    .game-page__cards_block {

        display: block

    }



    .mainblock-game__main {

        -ms-grid-columns: 5.625rem 1fr;

        grid-template-columns: 5.625rem 1fr;

        margin-bottom: 1rem

    }



    .mainblock-game__banner {

        display: none

    }



    .details-info {

        -ms-grid-columns: 8.125rem 18.375rem 21rem;

        grid-template-columns: 8.125rem 18.375rem 21rem

    }



    .details-info__content {

        -ms-grid-columns: 7.5rem 1fr!important;

        grid-template-columns: 7.5rem 1fr!important

    }

}



@media (max-width: 75.75em) {

    [class*=__container] {

        max-width:58.125rem

    }



    .game-page__cards .banner {

        display: block

    }



    .sidebar-content {

        display: block

    }



    .sidebar-content .card:not(:last-child) {

        margin-bottom: .875rem

    }



    .sidebar-content .card:nth-last-child(-n+9) {

        display: none

    }



    .mainblock-game {

        -ms-grid-columns: 1fr 5.625rem;

        grid-template-columns: 1fr 5.625rem

    }



    .sidebar-mainblock__banners {

        display: none

    }



    .sidebar-mainblock__cards {

        display: block

    }



    .sidebar-mainblock__cards .card:not(:last-child) {

        margin-bottom: .875rem

    }



    .details-info {

        -ms-grid-columns: 8.125rem 18.375rem 21rem;

        grid-template-columns: 8.125rem 18.375rem 21rem

    }

}



@media (max-width: 61.99875em) {

    body::after {

        content:"";

        position: fixed;

        z-index: 99;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgba(0,0,0,.7);

        -webkit-transition: all .2s ease 0s;

        -o-transition: all .2s ease 0s;

        transition: all .2s ease 0s;

        opacity: 0;

        visibility: hidden

    }



    [class*=__container] {

        max-width: 45.5rem

    }



    .menu-open .header {

        background-color: #0076e3;

        border-color: #0076e3

    }



    .header__body {

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start;

        -webkit-column-gap: .9375rem;

        -moz-column-gap: .9375rem;

        column-gap: .9375rem

    }



    .search-header {

        padding: 1.25rem

    }



    .search-header__input .input {

        font-size: 1.125rem;

        height: 3rem;

        padding: 0 .3125rem 0 .9375rem

    }



    .search-header__button {

        font-size: 1.3125rem;

        width: 3rem;

        height: 3rem;

        background-color: #fff;

        color: #0069cb;

        border: .0625rem solid #e0e0e0;

        border-left: 0

    }



    .menu__body {

        position: fixed;

        z-index: 100;

        top: 0;

        left: 0;

        width: 18.25rem;

        height: 100%;

        background-color: #fff;

        -webkit-transform: translate(-100%,0);

        -ms-transform: translate(-100%,0);

        transform: translate(-100%,0);

        -webkit-transition: -webkit-transform .2s ease 0s;

        transition: -webkit-transform .2s ease 0s;

        -o-transition: transform .2s ease 0s;

        transition: transform .2s ease 0s;

        transition: transform .2s ease 0s,-webkit-transform .2s ease 0s

    }



    .menu-open .menu__body {

        -webkit-transform: translate(0,0);

        -ms-transform: translate(0,0);

        transform: translate(0,0)

    }



    .menu__list {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }



    .menu__list li {
        color: #51a1b6;

        width: 100%

    }



    .menu__list li:nth-child(odd) .menu__link {

        background-color: #eceff1

    }



    .menu__link {
        color: #51a1b6;

        width: 100%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        border-radius: 0;

        padding: 0 1.25rem;

        text-align: center;

        min-height: 3.625rem;

        font-size: 1rem;

        line-height: 1.3125

    }



    .icon-menu {

        display: block;

        position: relative;

        width: 1.875rem;

        height: 3.4375rem;

        z-index: 5;

        -webkit-transition: all .2s ease 0s;

        -o-transition: all .2s ease 0s;

        transition: all .2s ease 0s

    }



    .icon-menu::before {

        content: "\e900"

    }



    .menu-open .icon-menu::after {

        opacity: 1;

        visibility: visible

    }



    .footer__list {

        -ms-flex-wrap: wrap;

        flex-wrap: wrap

    }



    .game-page__cards_block {

        display: none

    }



    .game-page__content {

        display: block

    }



    .game-page__content .banner {

        margin-bottom: 1.125rem

    }



    .sidebar-content {

        display: none

    }



    .mainblock-game {

        display: block

    }



    .mainblock-game__main {

        -ms-grid-columns: 1fr;

        grid-template-columns: 1fr

    }



    .sidebar-mainblock__cards {

        display: none

    }



    .game-rating {

        -ms-grid-columns: auto minmax(15rem,17.875rem) auto;

        grid-template-columns: auto minmax(15rem,17.875rem) auto

    }



    .sidebar__cards {

        display: none

    }



    .page__main:not(:last-child) {

        margin-bottom: 1.5625rem

    }

}



@media (max-width: 61.99875em) and (any-hover:none) {

    .icon-menu {

        cursor:default

    }

}



@media (max-width: 51.875em) {

    .details-info {

        -ms-grid-columns:8.125rem 1fr;

        grid-template-columns: 8.125rem 1fr

    }



    .game-rating {

        -ms-grid-columns: auto 1fr;

        grid-template-columns: auto 1fr;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .game-rating .rate-now {

        -ms-grid-column-span: 2;

        grid-column: span 2;

        -ms-grid-row-align: center;

        align-self: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -ms-grid-column-align: center;

        justify-self: center

    }



    .rate-now {

        text-align: center

    }



    .rate-now .rating {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

}



@media (max-width: 48.06125em) {

    .slider-arrows {

        display:none

    }



    .slider-arrows__arrow_prev {

        display: none

    }



    .footer__main .footer__container {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .footer__main .footer__list {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .footer__copy {

        text-align: center

    }



    .game-page__cards:not(.game-page__cards_block) .card:nth-last-child(-n+31) {

        display: none

    }



    .game-page__cards {

        margin-top: 1.5625rem;

        gap: .6875rem;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -ms-grid-columns: (minmax(5.625rem,8.125rem))[3];

        grid-template-columns: repeat(3,minmax(5.625rem,8.125rem))

    }



    .game-page__cards .card {

        height: auto;

        width: auto;

        padding-bottom: 100%

    }



    .screen {

        display: none

    }



    .screen__body {

        display: none

    }



    .mobileblock__play-button,.preview-screen__button {

        height: 2.125rem;

        min-width: 10.5rem

    }



    .control {

        display: none

    }



    .details-info {

        -ms-grid-columns: 1fr;

        grid-template-columns: 1fr

    }



    .details-info__image-ibg {

        display: none

    }



    .table-game {

        -ms-grid-columns: (50%)[2];

        grid-template-columns: repeat(2,50%);

        -webkit-column-gap: 1.25rem;

        -moz-column-gap: 1.25rem;

        column-gap: 1.25rem;

        row-gap: 1.25rem

    }



    .games-grid__items {

        gap: .6875rem

    }



    .mobileblock {

        display: block

    }

}



@media (max-width: 48.06125em) and (max-width:21.875em) {

    .details-info__value {

        max-width:10.9375rem

    }

}



@media (max-width: 29.99875em) {

    .pagging__arrow {

        padding:.625rem

    }



    .pagging__item {

        padding: .625rem

    }



    .download-buttons__icon {

        width: 2.0625rem;

        height: 2.0625rem

    }



    .download-buttons__item-title {

        font-size: 1rem

    }



    .control__actions .separator._will-hide {

        display: none

    }



    .control__button._will-hide {

        display: none

    }



    .about-game__top-body {

        margin-bottom: .625rem

    }



    .stats-about-game {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        width: 100%

    }

}



@media (max-width: 89.375em) and (min-width:82.5em) {

    .game-page__cards:not(.game-page__cards_block) .card:nth-last-child(-n+4) {

        display:none

    }

}



@media (max-width: 82.5em) and (min-width:75.75em) {

    .game-page__cards:not(.game-page__cards_block) .card:nth-last-child(-n+8) {

        display:none

    }

}



@media (max-width: 75.75em) and (min-width:61.99875em) {

    .game-page__cards:not(.game-page__cards_block) .card:nth-last-child(-n+17) {

        display:none

    }

}



@media (max-width: 61.99875em) and (min-width:48.06125em) {

    .game-page__cards:not(.game-page__cards_block) .card:nth-last-child(-n+21) {

        display:none

    }

}



@media (min-width: 21.875em) and (max-width:48.06125em) {

    @supports (height:clamp(4rem ,-0.3856508664rem + 20.0486896749vw ,9.25rem)) {

        .preview-screen__image-ibg {

            height:clamp(4rem ,-.3856508664rem + 20.0486896749vw ,9.25rem)

        }

    }



    @supports not (height: clamp(4rem ,-0.3856508664rem + 20.0486896749vw ,9.25rem)) {

        .preview-screen__image-ibg {

            height:calc(4rem + 5.25 * (100vw - 21.875rem)/ 26.18625)

        }

    }



    @supports (width: clamp(4rem ,-0.3856508664rem + 20.0486896749vw ,9.25rem)) {

        .preview-screen__image-ibg {

            width:clamp(4rem ,-.3856508664rem + 20.0486896749vw ,9.25rem)

        }

    }



    @supports not (width: clamp(4rem ,-0.3856508664rem + 20.0486896749vw ,9.25rem)) {

        .preview-screen__image-ibg {

            width:calc(4rem + 5.25 * (100vw - 21.875rem)/ 26.18625)

        }

    }



    @supports (font-size: clamp(1.125rem ,0.9683696119rem + 0.7160246312vw ,1.3125rem)) {

        .preview-screen__title {

            font-size:clamp(1.125rem ,.9683696119rem + .7160246312vw ,1.3125rem)

        }

    }



    @supports not (font-size: clamp(1.125rem ,0.9683696119rem + 0.7160246312vw ,1.3125rem)) {

        .preview-screen__title {

            font-size:calc(1.125rem + .1875 * (100vw - 21.875rem)/ 26.18625)

        }

    }

}



@media (max-width: 48.06125em) and (min-width:21.875em) and (max-width:48.06125em) {

    @supports (max-width:clamp(10.9375rem ,-0.8097791064rem + 53.7018473435vw ,25rem)) {

        .details-info__value {

            max-width:clamp(10.9375rem ,-.8097791064rem + 53.7018473435vw ,25rem)

        }

    }



    @supports not (max-width: clamp(10.9375rem ,-0.8097791064rem + 53.7018473435vw ,25rem)) {

        .details-info__value {

            max-width:calc(10.9375rem + 14.0625 * (100vw - 21.875rem)/ 26.18625)

        }

    }

}



@media (max-width: 29.99875em) and (min-width:29.99875em) {

    .table-game__value {

        width:13.75rem

    }

}



@media (max-width: 29.99875em) and (min-width:21.875em) and (max-width:29.99875em) {

    @supports (width:clamp(8.125rem ,-7.0215610094rem + 69.2414217572vw ,13.75rem)) {

        .table-game__value {

            width:clamp(8.125rem ,-7.0215610094rem + 69.2414217572vw ,13.75rem)

        }

    }



    @supports not (width: clamp(8.125rem ,-7.0215610094rem + 69.2414217572vw ,13.75rem)) {

        .table-game__value {

            width:calc(8.125rem + 5.625 * (100vw - 21.875rem)/ 8.12375)

        }

    }

}



@media (any-hover: hover) {

    [data-showmore-button]:hover {

        text-decoration:underline

    }



    .pagging__arrow:hover {

        background-color: #0076e3;

        color: #fff

    }



    .pagging__item:hover {

        background-color: #0076e3;

        color: #fff

    }



    .tags__item:hover {

        background: #cce4f9

    }



    .tags__body:hover .slider-arrows {

        opacity: 1;

        visibility: visible

    }



    .breadcrumbs__list a:hover {

        text-decoration: underline

    }



    .page-content a:hover,.text-block a:hover {

        text-decoration: underline

    }



    .download-buttons__item:hover {

        background: rgba(255,122,114,.07)

    }



    .download-buttons__item_blue-border:hover {

        background: rgba(114,154,255,.07)

    }



    .share-wrapper .share-box__link:hover {

        background-color: rgba(165,165,165,.2274509804)

    }



    .search-header__button:hover {

        background-color: #0069cb

    }



    .menu__link:hover {

        background-color: #eceff1

    }



    .footer__link:hover {

        color: #181818

    }



    .category-games__button:hover {

        text-decoration: underline

    }



    .show-more-btn:hover {

        text-decoration: underline

    }



    .mobileblock__play-button:hover,.preview-screen__button:hover {

        background: #2ac460

    }



    .control__button:hover {

        color: #2e2e2e

    }



    .share-wrapper .share-box__link:hover {

        background-color: rgba(165,165,165,.2274509804)

    }



    .details-info__content a:hover {

        text-decoration: underline

    }



    .table-game__value a:hover {

        text-decoration: underline

    }



    .category__slider:hover .slider-arrows {

        opacity: 1;

        visibility: visible

    }



    .category__link:hover {

        text-decoration: underline

    }



    .category__slider-body:hover .slider-arrows {

        opacity: 1;

        visibility: visible

    }



    .app-card__tag:hover {

        background-color: #cce4f9

    }

}



@media (any-hover: none) {

    .tags__body .slider-arrows {

        opacity:1;

        visibility: visible

    }



    .category__slider .slider-arrows {

        opacity: 1;

        visibility: visible

    }

}