@charset "UTF-8";
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

main {
    display: block;
}

h1 {
    margin: 0.67em 0;
    font-size: 2em;
}

hr {
    overflow: visible;
    height: 0;
    box-sizing: content-box;
}

a {
    background-color: transparent;
}

b,
strong {
    font-weight: bolder;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}


[type="checkbox"],
[type="radio"] {
    padding: 0;
    box-sizing: border-box;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}
/* Global */
:root {
    --offsets: 30px;
    --ff-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-text: normal 400 18px/120% var(--ff-primary);
    --font-H1: normal 700 34px/120% var(--ff-primary);
    --font-H2: normal 700 30px/120% var(--ff-primary);
    --font-H3: normal 700 24px/120% var(--ff-primary);
    --font-H4: normal 700 20px/120% var(--ff-primary);
    --font-system-text: normal 400 14px/16px var(--ff-primary);
    --font-button: normal 600 17px/120% var(--ff-primary);

    --color-text: #d2d2d2;
}

@media (max-width: 1023px) {
    :root {
        --font-text: normal 400 16px/120% var(--ff-primary);
        --font-H1: normal 700 28px/120% var(--ff-primary);
        --font-H2: normal 700 24px/120% var(--ff-primary);
        --font-H3: normal 700 20px/120% var(--ff-primary);
        --font-H4: normal 700 18px/120% var(--ff-primary);
        --font-button: normal 600 14px/120% var(--ff-primary);
    }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page,
.post,
.category,
.error404,
.single {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    height: 100vh;
    font: var(--font-text);
    color: #d2d2d2;
    background-color: #12181e;
}

main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

a {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: #e5322b
}

a:hover {
    text-decoration: none
}

b, strong {
    color: #fff;
}

h1 {
    font: var(--font-H1);
}

h2 {
    font: var(--font-H2);
}

h3 {
    font: var(--font-H3);
}

h4, h5, h6 {
    font: var(--font-H4);
}

img {
    vertical-align: middle;
    shape-margin: 1rem;
    width: auto;
    height: auto;
    max-width: 100%;
    font-style: italic;
    background-size: cover;
    background-repeat: no-repeat;
}

* + .mt {
    margin-top: 2rem;
}

.list-reset {
    margin: 0;
    padding: 0;
    list-style: none
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%)
}

.button {
    position: relative;
    border: none;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    font: var(--font-button);
    height: 48px;
    padding: 6px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.button--main {
    background: #fff;
    color: #12181e
}

.button--second {
    background: #e5322b;
    color: #FFF
}

.wp-block-list {
    padding-left: 24px;
}

@media (hover:hover) {
    .button:hover {
        scale: 0.95;
    }
}

@media (max-width: 1023px) {
    * + .mt {
        margin-top: 2rem;
    }
}
/* Global */
/* wp-block-table */
* + .wp-block-table {
    margin-top: 1rem;
}

.wp-block-table {
    overflow: auto
}

.wp-block-table table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid rgba(179, 182, 189, 0.12);
}

.wp-block-table th {
    padding: .5rem 1rem;
    text-align: center;
    background-color: #e5322b;
    color: #FFF;
}

.wp-block-table th:not(:last-child) {
    border-right: 1px solid #fbfdff24;
}

.wp-block-table td {
    border: 1px solid rgba(179, 182, 189, 0.12);
    padding: .5rem 1rem
}

/* wp-block-table */
/* Wrapper */

.mcg-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.mcg-wrapper.wrapp  {
    padding: 30px 0 30px;
    margin-top: 0;
}

.mcg-wrapper > * {
    max-width: 1380px;
    margin-left: auto;
    margin-right: auto;
}

.mcg-wrapper:first-child {
    margin-top: 2rem;
}

@media (max-width: 1500px) {
    .mcg-wrapper > * {
        max-width: calc(100% - var(--offsets) * 2);
        margin-left: var(--offsets);
        margin-right: var(--offsets);
    }
}

@media (max-width: 767px) {
    .mcg-wrapper.wrapp {
        padding: 15px 0;
        margin-top: 0;
    }
}

/* Wrapper */

.ajax-load::before, .overlay {
    right: 0;
    left: 0;
    z-index: 100;
    top: 0;
    bottom: 0
}

.mobile-button__rating, .rating {
    --percent: calc(var(--star-rating) / 5 * 100%)
}

.comment__date, .mobile-button__rating::before, .rating::before, .winners__item-winning, .winners__item:nth-child(2n) .winners__item-label span {
    -webkit-text-fill-color: transparent
}


.mcg-container {
    max-width: 1440px;
    padding: 0 var(--offsets);
    margin: 0 auto
}

.overlay {
    display: none;
    position: fixed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .8)
}

.overlay._active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}


.ajax-load {
    position: relative
}

.ajax-load::before {
    content: "";
    position: absolute;
    background-color: rgba(255, 255, 255, .7)
}



.comments-container {
    margin-top: 2rem
}




svg {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}



.footer--enable-mobile-button {
    padding-bottom: 80px
}

.get-image {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}




.mcg-container .mcg-container {
    padding-left: 0;
    padding-right: 0
}


.rating {
    display: -webkit-box;
    display: -ms-flexbox
}

.rating {
    display: flex;
    font-size: var(--star-size);
    line-height: 1
}

.rating span {
    padding-left: 10px
}

.rating::before {
    font-family: Times, serif;
    content: "★★★★★";
    background: -webkit-gradient(linear, left top, right top, from(var(--star-background)), to(var(--star-color)));
    background: -o-linear-gradient(left, var(--star-background) var(--percent), var(--star-color) var(--percent));
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text
}

/*.breadcrumbs, .header--v1, .header__nav-sublist {*/
/*    background-color: var(--color-first-header-footer-bg)*/
/*}*/



.header--v1 {
    padding: 15px 0;
    position: relative
}

.header__container {
    display: flex;
    align-items: center;
    gap: 15px 20px;
}

.header__logo {
    position: relative;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 30
}

.header__logo img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 38px
}

@media (max-width: 767px) {
	.header__logo img { 
		max-height: 30px
	}
}

.button-content__control img, .mobile-button__link img {
    max-height: 25px;
    height: 100%;
    -o-object-fit: contain;
    width: 100%
}

.header__logo:hover {
    -webkit-animation: 1s ease-in-out infinite logo;
    animation: 1s ease-in-out infinite logo
}

.header__nav {
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s
}

.header__nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header__nav-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__nav-item .link,
.header__nav-subitem .link {
    -webkit-box-align: center;
    text-decoration: none;
    color: #FFF
}

.header__nav-item .icon-arrow, .header__nav-item:last-child::after {
    display: none
}

.header__nav-item::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    top: 50%;
    right: -18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--color-second-header-footer-bg)
}

.header__nav-item:not(:last-child) {
    margin-right: 30px
}

.header__nav-item--has-children .icon-arrow, .mobile-button._active, .toc-auto.tocOpen ul {
    display: block
}

.header__nav-item--has-children .icon-arrow svg {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.header__nav-item--has-children._active .icon-arrow svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header__nav-item .link {
    position: relative;
    padding: 13px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.header__nav-subitem .icon-arrow, .header__nav-subitem .link::after, .header__nav-subitem.header__nav-item::after {
    display: none
}

.header__nav-item .get-image {
    line-height: 1;
    margin-right: 10px
}

.header__nav-item img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

.header__nav-sublist {
    position: absolute;
    top: 170%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 300px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: .3s, height .5s;
    -o-transition: .3s, height .5s;
    transition: .3s, height .5s;
    background: #181d24;
    z-index: 10;
    display: none
}

.header__nav-sublist::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(255, 255, 255, 0)
}

/*.header__buttons, .header__nav-subitem:nth-child(2n) {*/
/*    background-color: var(--color-second-header-footer-bg)*/
/*}*/

.header__nav-sublist::after {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 6px;
    border-color: transparent transparent var(--color-first-header-footer-bg) transparent
}

.header__nav-subitem {
    padding: 10px 25px
}

.header__nav-subitem:last-child {
    border-radius: 0 0 8px 8px
}

.header__nav-subitem.header__nav-item:not(:last-child) {
    margin-right: 0
}

.header__nav-subitem.header__nav-item:last-child, .wp-block-columns .wp-block-column {
    margin: 0
}

.header__link .get-image, .header__nav-subitem .link .get-image, .mobile-button__link .get-image {
    margin-right: 10px
}

.header__nav-subitem .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 14px;
    line-height: 17px
}

.header__link, .header__toggle-menu {
    -webkit-box-align: center;
    border-radius: 8px
}

.header__nav-subitem .link svg {
    -webkit-transition: fill .3s, -webkit-transform .3s;
    transition: transform .3s, fill .3s, -webkit-transform .3s;
    -o-transition: transform .3s, fill .3s;
    margin-right: 10px;
    fill: #e5322b
}

.header__nav-subitem .link img {
    width: 17px;
    height: 17px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.header__buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 10;
}

.header__link {
    font-weight: 600;
    height: auto;
    height: 40px;
}

.header__link-label {
    pointer-events: none;
    border-radius: 50px;
    background: linear-gradient(86deg, #D062FF 2.96%, #7BB0FF 99.68%), #FFF;
    display: flex;
    padding: 1px 15px 1px 5px;
    justify-content: flex-end;
    align-items: center;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    position: absolute;
    right: -5px;
    top: -5px;
    white-space: nowrap;
}

.header__link-label::after {
    content: "";
    width: 46px;
    height: 48px;
    background-image: url("../images/button-label-image.png");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -20px;
}

.header__toggle-menu {
    display: none;
    border: 1px solid #e5322b;
    padding: 5px;
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 20
}

.scroll-top__button, .scroll-top__button .get-image {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.header__toggle-menu svg {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    fill: #6944ff
}

.scroll-top {
    position: fixed;
    right: 15px;
    z-index: 14
}

.scroll-top__button {
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    background: #e5322b;
}

.scroll-top__button .get-image {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile-button {
    position: fixed;
    display: none
}

.breadcrumbs__list, .mobile-button__link {
    display: -webkit-box;
    display: -ms-flexbox
}

.mobile-button__link {
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile-button__link img {
    display: block;
    object-fit: contain
}

.breadcrumbs {
    margin-top: -1px
}

.breadcrumbs__list {
    list-style: none;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs__list_item:not(:last-child) {
    margin-right: 14px
}

.breadcrumbs__list-link {
    font-family: inherit;
    font-weight: 400px;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
    text-transform: capitalize;
    color: var(--color-nav-items);
    padding: 5px 0;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs__list-link--no-active, .breadcrumbs__list-link--no-active:hover {
    color: #e5322b
}

.breadcrumbs__list-link svg {
    margin-left: 14px;
    fill: #e5322b
}

.breadcrumbs__list-link--no-active svg, .comment__reply, .header__nav-item::after, .toc-auto ul {
    display: none
}

.mcg-columns {
    padding: 2rem 0
}

.mcg-columns__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: -1rem;
    padding: 0
}

.mcg-columns__container.reversed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.page-404 .mcg-container, .wp-block-column {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical
}

.mcg-columns__item {
    margin: 1rem
}

.mcg-columns__item img {
    display: block;
    margin: 0 auto
}

.mcg-columns.align-center .mcg-columns__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mcg-columns.align-top .mcg-columns__container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mcg-columns.align-bottom .mcg-columns__container {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.mcg-columns.align-stretch .mcg-columns__container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.mcg-columns.col-1 .mcg-columns__item {
    width: calc(100% - 2rem)
}

.mcg-columns.col-2 .mcg-columns__item {
    width: calc(100% / 2 - 2rem)
}

.wp-block-columns {
    max-width: calc(1380px + var(--offsets) + var(--offsets));
    padding: 2rem var(--offsets);
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    gap: 30px
}

.wp-block-columns.col-2 {
    -ms-grid-columns:(1fr) [ 2 ];
    grid-template-columns:repeat(2, 1fr)
}

.wp-block-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.wp-block-column > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.wp-block-column > :not(:first-child) {
    margin-top: 30px
}

.wp-block-column .row {
    padding: 0
}

.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
    margin-left: 0
}

* + .button-content {
    margin-top: 2rem;
}

.button-content {
    display: flex;
    align-items: center;
}

.button-content.alight-left {
    justify-content: flex-start;
}

.button-content.align-right {
    justify-content: flex-end;
}

.button-content.align-center {
    justify-content: center;
}


.comment-form__alert, .comment-form__button, .footer__copyright, .game__title, .promocode-old__title, .screenshot-gallery__description.align-center, .screenshot-gallery__title.align-center {
    text-align: center
}

.button-content__control .get-image, .screenshot-gallery__item:not(:last-child) {
    margin-right: 10px
}

.button-content__control img {
    display: block;
    object-fit: contain
}

.comment-form, .footer__container, .header__container {
    position: relative
}

.comment-form__title {
    margin: 0 0 15px;
    font-family: inherit;
    font-style: normal
}

.comment-form__form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: .4fr 1fr;
    grid-template-columns:.4fr 1fr;
    row-gap: 10px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px
}

.comment-form__button, .comment__date {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center
}

.comment-form__textarea {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
    resize: none
}

.comment-form__field {
    background-color: #f1f5ff;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid transparent;
    outline: 0;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.comment-form__field.error {
    border-color: #ff3c3c
}

.comment-form__button {
    padding: 16px 18px 18px;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #009dde;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    outline: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.comment-form__alert, .footer__social-link {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.comment-form__button svg {
    width: 25px;
    height: 25px;
    margin-right: 10px
}

.comment-form__alert {
    display: block;
    grid-column: 1/-1;
    position: absolute;
    bottom: -23px;
    left: 0;
    width: 100%;
    font-family: inherit;
    font-size: 14px;
    line-height: 16px;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out
}

.comment-form__alert.success {
    color: #3a8202;
    opacity: 1;
    visibility: visible
}

.comment-form__alert.error {
    color: #ff3c3c;
    opacity: 1;
    visibility: visible
}

.comment {
    margin-top: 30px;
    padding: 20px;
    background: #f1f5ff;
    border: 1px solid #d6ddf0;
    border-radius: 10px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-min-content 1fr;
    -ms-grid-columns: min-content 1fr;
    grid-template-columns:-webkit-min-content 1fr;
    grid-template-columns:min-content 1fr;
    gap: 10px
}

.comment__author {
    font-family: inherit;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-font-darkgray);
    white-space: nowrap;
    margin: 0
}

.comment__date {
    background: -webkit-gradient(linear, left top, left bottom, from(#4eb3ff), to(#1995f3)), #495062;
    background: -o-linear-gradient(top, #4eb3ff 0, #1995f3 100%), #495062;
    background: linear-gradient(180deg, #4eb3ff 0, #1995f3 100%), #495062;
    -webkit-background-clip: text;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 16px
}

.footer__nav-item a, .footer__nav-list, .page-404 .mcg-container {
    display: -webkit-box;
    display: -ms-flexbox
}

.comment__content {
    margin: 0;
    font-family: inherit;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    grid-column: 1/-1
}

.page-404 .mcg-container {
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-404__title {
    font-size: 160px;
    line-height: 170px
}

.footer__copyright, .footer__nav-item a, .footer__nav-item span {
    color: #FFF;
    font-size: 14px;
    line-height: 17px
}

.footer {
    margin-top: 2rem;
    position: relative;
    padding: 30px 0;
}

.footer__logo {
    padding-bottom: 20px
}

.footer__logo p {
    margin: 0
}

.footer__logo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 50px
}

.footer__hr {
    border: none;
    height: 1px;
    background-color: rgba(179, 182, 189, 0.12)
}

.footer__nav {
    padding: 10px 0
}

.footer__nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__nav-item {
    padding: 10px 0;
    margin: 0 20px
}

.footer__nav-item a,
.footer__nav-item span {
    font-family: inherit;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__links-list, .footer__social-link p, .footer__social-list {
    display: -webkit-box;
    display: -ms-flexbox
}

.footer__nav-item p {
    margin: 0
}

.footer__nav-item img,
.footer__nav-item img{
    margin-right: 10px;
    width: 17px;
    height: 17px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.footer__social-list {
    margin: 0;
    padding: 20px 0;
    list-style: none;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px 0;
}

.footer__social-item {
    margin: 0 20px
}

.footer__social-link {
    display: block;
    border-radius: 100%;
    transition: .3s ease-in-out
}

.footer__links-link, .footer__social-link img {
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out
}

.footer__social-link p {
    margin: 0;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__social-link img {
    padding: 2px;
    display: block;
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    transition: .3s ease-in-out
}

.footer__payments-systems {
    padding: 20px 0
}

.footer__links-list {
    margin: 0;
    list-style: none;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	gap: 10px;
    padding: 20px 0
}

.footer__links-link {
    transition: .3s ease-in-out
}

.footer__links-link p {
    margin: 0
}

.footer__links-link img {
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 40px;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.footer__links-link:not(:last-child) {
    margin-right: 40px
}

.payments-systems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.payments-systems__item {
    padding: 8px 15px;
    margin: 0 auto
}

.mobile-button__title, .payments-systems__item p, .qqq .mcg-columns__item {
    margin: 0
}

.payments-systems__item img {
    display: block;
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 18px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;

}

@media (hover: hover), screen and (min-width: 0\0
) {
    .breadcrumbs__list-link:hover, .footer__nav-item a:focus, .footer__nav-item a:hover, .header__nav-item a.link:hover {
        color: #e5322b
    }

    .header__nav-item a.link:hover svg {
        fill: #e5322b
    }

    .header__nav-subitem .link a.link:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .scroll-top__button:hover {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .7
    }

    .comment-form__button:focus, .comment-form__button:hover {
        background-color: #7abbec
    }
}

@media (min-width: 1024px) and (hover: hover), screen and (min-width: 1024px) and (min-width: 0\0
) {
    .header__nav-item:hover .header__nav-sublist {
        opacity: 1;
        visibility: visible;
        pointer-events: all
    }

    .header__nav-item--has-children:hover .icon-arrow svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@media (max-width: 1279px) {
    .header__nav-item::after {
        right: -12px
    }

    .header__nav-item:not(:last-child) {
        margin-right: 20px
    }
}

@media screen and (max-width: 1200px) {
    :root {
        --offsets: 20px
    }
}

@media (max-width: 1024px) {
    html {
        font-size: 16px
    }
}

@media (max-width: 1023px) {
    .header__nav {
        padding-top: 110px;
        position: absolute;
        top: 0;
        right: -100%;
        overflow-y: auto;
        overflow-x: hidden;
        height: 0;
        width: 0;
        z-index: 15
    }

    .header__nav._active {
        position: fixed;
        right: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, .9)
    }

    .header__nav._active::after {
        display: none;
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        height: 72px;
        width: 100%;
        background-color: #000
    }

    .header__nav-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-right: 16px
    }

    .header__nav-item::after, .header__nav-sublist::after, .header__nav-sublist::before {
        display: none
    }

    .header__nav-item:last-child, .header__nav-item:not(:last-child) {
        margin-right: 0
    }

    .header__nav-item {
        width: calc(100% - 15px)
    }

    .header__nav-item._active .header__nav-sublist {
        visibility: visible;
        opacity: 1;
        pointer-events: all;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        height: 100%
    }

    .header__nav-item._active .header__nav-item a::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header__nav-item--has-children {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header__nav-item .link {
        padding-left: 30px;
        font-size: 22px
    }

    .header__nav-sublist {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        max-width: 100%;
        top: 0;
        right: 0;
        left: auto;
        background-color: #00000063;
        height: 0;
        position: relative;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .header__nav-subitem:nth-child(2n) {
        background-color: transparent
    }

    .header__nav-subitem {
        padding: 0
    }

    .header__nav-subitem .link {
        padding: 10px 25px;
        width: 100%
    }

    .header__link {
        padding: 8px
    }

    .header__toggle-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header__toggle-menu._active svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .comment {
        margin-top: 20px
    }

    .comment:first-child {
        margin-top: 30px
    }

    .footer {
        padding: 45px 0 20px
    }

    .footer--enable-mobile-button {
        padding-bottom: 90px
    }

    .footer__logo img {
        max-height: 32px
    }

    .footer__links-link img {
        max-height: 28px
    }

    .footer__links-link:not(:last-child) {
        margin-right: 30px
    }

    .payments-systems__item img {
        max-height: 15px
    }

    .payments-systems__item {
        padding: 8px 12px
    }
}

.game__box-close, .gbtn, .header__toggle-menu span {
    transition: .3s ease-in-out
}

@media (max-width: 1023px) and (max-width: 575px) {
    .header__nav._active::after {
        height: 90px
    }
}

@media screen and (max-width: 900px) {
    :root {
        --offsets: 16px
    }
}

@media (max-width: 767px) {
    .button-content {
        justify-content: center;
    }

    * + .button-content {
        margin-top: 1rem;
    }

    .breadcrumbs__list_item:not(:last-child) {
        margin-right: 7px
    }

    .breadcrumbs__list-link svg {
        margin-left: 7px
    }

    .mcg-columns.col-2 .mcg-columns__item {
        width: calc(100% - 2rem)
    }

    .comment__content {
        font-size: 14px;
        line-height: 16px
    }

    .comment-form {
        border-radius: 5px;
        background-color: #f1f5ff;
        padding: 10px
    }

    .comment-form__button, .comment-form__field {
        border-radius: 5px;
        padding: 13px;
        font-size: 14px;
        line-height: 16px
    }

    .comment-form__form {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }

    .comment-form__textarea {
        -ms-grid-column: 1;
        grid-column: 1/1;
        grid-row: auto
    }

    .comment-form__field {
        background-color: #e5eaf7
    }

    .comment-form__button svg {
        width: 19px;
        height: 19px
    }

    .comment {
        margin-top: 10px
    }

    .comment__author {
        font-size: 16px;
        line-height: 18px
    }

    .footer__links-list, .footer__payments-systems, .footer__social-list {
        padding: 15px 0
    }

    .footer__social-item {
        margin: 0 15px
    }
}

@media (max-width: 750px) {
    .wp-block-columns.col-2 {
        -ms-grid-columns: 1fr;
        grid-template-columns:1fr
    }
}

@media (max-width: 700px) {
    html {
        font-size: 15px
    }
}

@media (max-width: 500px) {
    html {
        font-size: 14px
    }
}

.mobile-button__link, ._scroll-lock, .toc-auto {
    overflow: hidden
}

.games__item-name, .header__link, .header__nav-item .link {
    line-height: 18px;
    font-size: 16px
}

.toc-auto {
    width: 100%;
    padding: 0;
    border-radius: 12px 0 0
}

.autoToc__navigation {
    padding: 12px 48px;
    width: fit-content;
    background: #181d24;
    transform: translateX(-25px) skewX(30deg);
    border-radius: 0 12px 0 0
}

.autoToc__navigation-wrapper {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-start;
    transform: skewX(-30deg)
}

.toc-auto .toc-hide-block {
    display: block;
    position: relative;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    border: none;
    color: #fff
}

.toc-auto button {
    background: 0 0
}

.toc-auto h3,
.toc-auto p {
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    text-transform: none;
    margin: 0 20px 0 0;
    padding: 0;
    color: #fff
}

.toc-auto ul {
    margin: 0;
    border-radius: 0 12px 12px;
    padding: 12px 16px;
    background-color: #edf2ff
}

.toc-auto li {
    margin: 10px 0;
    padding: 0
}

.toc-auto a {
    text-decoration: none;
    color: #000;
    font-weight: 300
}

.header__container::after {
    position: absolute;
    content: "";
    top: 0;
    right: calc(var(--offsets) - 10px);
    bottom: 0;
    left: calc(var(--offsets) - 10px);
    border-radius: 10px;
    /*background-image: linear-gradient(92deg, #1e283f, rgba(20, 27, 46, .6));*/
    background-color: #181d24
}

.header__nav {
    position: relative;
    z-index: 2
}

.header__nav-item--current > .link {
    position: relative
}

.header__nav-item--current > .link{
    color: #e5322b;
}

@media (min-width: 1023px) {
    .header__nav-item a.link:hover {
        color: var(--color-nav-items);
        transform: scale(1.05);
        transition: .3s
    }
}

@media (max-width: 1023px) {
    .header__nav {
        position: absolute;
        padding-top: 125px
    }

    .header__nav-item--current > .link::after {
        display: none
    }

    .header__nav-item--current > .link {
        color: #e5322b
    }

    .header__nav-item .link {
        font-size: 16px;
        line-height: 18px;
        font-weight: 700
    }

    .header__container {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.header__buttons {
    background-color: transparent;
    margin-left: auto
}

.header__link--up:hover {
    border: 1px solid transparent;
    opacity: .9
}

.header__toggle-menu._active span:nth-child(2), .lang-switch__list {
    opacity: 0
}

.header__toggle-menu {
    position: relative;
    border: none;
    width: 34px;
    height: 34px;
    cursor: pointer;
    margin-left: auto
}

.header__buttons ~ .header__toggle-menu {
    margin-left: 20px
}

.header__toggle-menu span {
    position: absolute;
    display: inline-block;
    border-radius: 6px;
    width: 100%;
    height: 3px;
    background-color: var(--color-nav-items);
    background-color: #d2d2d2
}

.header__toggle-menu span:first-child {
    top: 7px
}

.header__toggle-menu span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%)
}

.header__toggle-menu span:nth-child(3) {
    bottom: 7px
}

.header__toggle-menu._active span:first-child {
    transform: translate(0, 8px) rotate(45deg)
}

.header__toggle-menu._active span:nth-child(3) {
    transform: translate(0, -9px) rotate(-45deg)
}


.mobile-button__link {
    font-weight: 700
}

.wp-block-heading {
    color: #fff
}

.comment-form__title {
    color: #0a63f6
}

.breadcrumbs {
    padding-bottom: 10px
}

.games {
    margin: 1rem 0
}

.games__list, .games__title {
    margin: 0;
    padding: 10px
}




.games__list {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    gap: 20px
}

.dmca-badge .get-image, .games__item, .games__item .get-image, .header__lang-switch a, .mobile-button._active, .mobile-button.show .promocode-old + .mobile-button__link, .winners__item {
    display: flex
}

.games__item {
    flex-direction: column
}

.games__item .get-image img {
    width: 100%;
    max-height: 200px;
    object-fit: cover
}

.video-v2__player {
    object-fit: contain
}

.games__item-name {
    margin: 5px 10px;
    color: #fff
}

@media (max-width: 1023px) {
    .games__list {
        grid-template-columns:repeat(4, 1fr)
    }

    .header__nav._active {
        z-index: 20
    }
}

@media (max-width: 767px) {
    .header__nav-item .link {
        padding: 13px 10px
    }

    .games__list {
        grid-template-columns:repeat(3, 1fr)
    }

    .comment-form {
        background-color: transparent;
        padding: 0
    }
}

@media (max-width: 600px) {
    .games__list {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 475px) {
    .games__list {
        grid-template-columns:1fr
    }
}

.header__lang-switch {
    flex-shrink: 0;
    z-index: 1;
    margin: 0 10px
}

@media (max-width: 575px) {
    .page-404__title {
        font-size: 100px;
        line-height: 110px
    }

    .header__container {
        flex-wrap: wrap
    }

    .header__buttons {
        flex-basis: 100%;
        order: 4;
        max-width: 100%;
    }

    .header__link {
        flex-grow: 1;
    }


    .header__toggle-menu {
        margin-left: auto !important
    }

    .how-to__button {
        width: 100%
    }
}

.comment-form__field {
    background-color: #f1f5ff14;
    color: #fff
}

.comment-form__field::placeholder {
    color: #d2d2d2
}

.comment-form__button {
    border-radius: 10px;
    background-image: linear-gradient(70deg, #e5322b -8%, #089e4e 96%);
    font-weight: 400
}

.comment {
    background-color: #f1f5ff14;
    border: none
}

.winners {
    counter-reset: section;
    position: relative;
    margin: 1rem 0;
    padding: 16px
}

.winners::before {
    content: "";
    position: absolute;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: 8px;
    padding: 1px;
    background-image: linear-gradient(92deg, #1544af, rgb(120 149 227 / 46%));
    inset: 0
}

.winners__item {
    position: relative;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
    padding: 16px 16px 16px 48px;
    background-image: linear-gradient(92deg, #1e283f, rgba(20, 27, 46, .6))
}

.winners__item:not(:last-child) {
    margin-bottom: 12px
}

.winners__item:nth-child(odd) .winners__item-label span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(168.33deg, #ffdaae 21.56%, #ff9f2e 64.22%, #ffbe73 76.09%, #ffa842 92.6%);
    -webkit-background-clip: text
}

.winners__item:nth-child(2n) .winners__item-label span {
    background: linear-gradient(168.33deg, #dff2f7 23.64%, #fff 46.43%, #d2dee4 56.97%, #fff 86.36%);
    -webkit-background-clip: text
}

.winners__item-label {
    position: absolute;
    left: 16px;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 2px 4px;
    min-width: 24px;
    background-color: #19081a;
    transform: translateY(-50%)
}

.winners__item-label span {
    font-family: inherit;
    font-size: 22px;
    line-height: 22px
}

.winners__item-name {
    margin: 0;
    font-weight: 700;
    color: #fff
}

.winners__item-winning {
    margin: 0;
    font-weight: 700;
    background-image: linear-gradient(70deg, #e5322b -8%, #089e4e 96%);
    -webkit-background-clip: text
}

.header__nav._active {
    z-index: 18
}



.header__buttons {
    max-width: 100%;
    padding: 0
}

.header__link {
    padding: 6px 20px;
    gap: 4px
}

.header__link--in {
    background: linear-gradient(90deg, #835aeb 0, #03b4fe 100%)
}

.header__container {
    padding-top: 8px;
    padding-bottom: 8px
}

.scroll-top {
    bottom: 90px
}

.mobile-button .promocode-old {
    margin: 12px 0 0;
    padding: 0;
    background: 0 0;
    display: none
}

.mobile-button.show .promocode-old {
    display: block
}

.promocode-old + .mobile-button__link {
    display: none;
    margin-top: 8px;
    width: 100%
}

.mobile-button__rating {
    display: flex;
    font-size: 18px;
    line-height: 1
}

.mobile-button__rating-counter {
    padding-left: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 15px;
    transform: translateY(3px)
}

.game__box, .video-v2__button {
    transform: translate(-50%, -50%)
}

.mobile-button__link--show, .mobile-button__title {
    font-size: 13px;
    line-height: 18px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 700
}

.mobile-button > .get-image > svg {
    max-width: 33px;
}

.mobile-button__rating::before {
    content: "★★★★★";
    font-family: Times, serif;
    background: #181d24;
    -webkit-background-clip: text
}

.mobile-button {
    display: flex;
    flex-wrap: wrap;
    z-index: 100;
    left: 16px;
    right: 16px;
    bottom: 0;
    padding: 10px 8px;
    border-radius: 8px 8px 0 0;
    background: #181d24;
    display: flex;
    align-items: center
}

.mobile-button:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 32px;
    border-radius: 2px;
    background-color: #374464;
    pointer-events: none
}

.mobile-button > .get-image {
    flex-shrink: 0;
    margin-right: 5px;
    border-radius: 4px;
    padding: 6px 4px 8px;
    width: fit-content;
    background: #181d24;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-button__info {
    margin-right: 8px
}

.mobile-button__link {
    position: static;
    margin-left: auto;
    width: fit-content;
    flex-shrink: 0;
    gap: 4px;
    padding: 6px 9.5px;
    color: #fff;
    background: 0 0;
    border-radius: 8px;
    background: #e5322b;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
}

.mobile-button {
    display: flex;
    align-items: flex-end;
}

.mobile-button__link--show {
    font-style: normal;
    padding: 10px 8px;
    border-radius: 8px;
    border: 1px solid transparent;
    background: 0 0;
    background-image: linear-gradient(90deg, #2bb765 0, #089e4e 100%)
}

.mobile-button__link--show .less, .mobile-button__link--show._active .more {
    display: none
}

.mobile-button__link--show._active .less, .promocode-old__button._active .copied {
    display: block
}

.mobile-button__info > img {
    max-width: 32px;
}

.mobile-button__title, .mobile-button__description {
    margin-top: 2px;
}

.mobile-button__description {
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

.promocode-old {
    margin: 20px 0;
    border-radius: 8px;
    padding: 12px;
    width: 100%;
    max-width: 480px;
    background-color: #181d24
}

.promocode-old__title {
    margin: 0 0 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.promocode-old__wrapper-link {
    margin-top: 12px;
    border-radius: 8px;
    padding: 4px;
    background: linear-gradient(135deg, #181d24 0, #25304e 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px 16px
}

.promocode-old__download, .promocode-old__link, .promocode-old__rating {
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: flex
}

.promocode-old__download, .promocode-old__rating {
    gap: 4px;
    line-height: 18px
}

.promocode-old__link {
    border: none;
    border-radius: 8px;
    padding: 10px 24px;
    justify-content: center;
    gap: 4px;
    line-height: 20px;
    width: 100%;
    cursor: pointer
}

.promocode-old__link--android {
    background: linear-gradient(90deg, #2bb765 0, #089e4e 100%), linear-gradient(90deg, #835aeb 0, #03b4fe 100%)
}

.promocode-old__link--aff, .promocode-old__link--ios {
    background: linear-gradient(90deg, #835aeb 0, #03b4fe 100%)
}

.promocode-old__link--aff {
    margin-top: 12px
}

.promocode-old__controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid rgba(179, 182, 189, 0.12);
    overflow: hidden
}

.promocode-old__value {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 12px;
    flex-grow: 1
}

.promocode-old__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 12px;
    border: none;
    background-color: #e5322b;
    cursor: pointer;
    border-radius: 0 8px 8px 0;
}

.promocode-old__button span, .promocode-old__button svg {
    pointer-events: none
}

.promocode-old__button span {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.promocode-old__button .copied, .promocode-old__button._active .copy {
    display: none
}

.screenshot-gallery + * {
    margin-bottom: 1rem
}

.screenshot-gallery__list {
    display: flex;
    width: 100%;
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    max-width: 100%
}

.dmca-badge, .game {
    margin-top: 1rem;
    display: flex
}

.bonus__button:hover {
    opacity: .8
}

.gbtn {
    background-color: rgba(#1b96f3, .32) !important
}

@media (hover: hover), screen and (min-width: 0\0
) {
    .gbtn:focus, .gbtn:hover {
        background-color: rgba(#1b96f3, 1) !important
    }
}

.dmca-badge {
    justify-content: center
}

.game {
    flex-direction: column;
    align-items: center;
    border-radius: 3px;
    border: 1px solid rgba(179, 182, 189, 0.12);
    padding: 28px 16px;
    background-position: center;
    background-size: cover
}

.game > img {
    margin: 0 0 16px;
}

.game__title {
    margin: 0 0 16px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase
}

.game__affiliate-link, .game__demo-link {
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    font-family: var(--ff-primary);
    font-weight: 600;
    line-height: 16px;
    font-size: 14px;
    color: #fff;
    transition: .3s ease-in-out;
    cursor: pointer;
    min-width: 200px
}

.game__affiliate-link + .game__demo-link {
    margin-top: 16px
}

.game__affiliate-link {
    background: #e5322b;
    color: #FFF;
}

.game__demo-link {
    background: #fff;
    color: #12181e;
}

.game__box {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1200px;
    padding: 10px;
    z-index: 1210
}

.game__box-header {
    margin-bottom: -1px;
    padding: 8px 8px 8px 16px;
    background: #151b29;
    border-radius: 3px 3px 0 0;
    display: flex;
    align-items: center
}

.game__box-title {
    margin: 0 24px 0 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #fff
}

.game__box-close {
    display: flex;
    margin-left: auto;
    border: none;
    border-radius: 3px;
    background-color: transparent;
    cursor: pointer
}

.game__box-close:hover {
    background-color: rgba(255, 255, 255, .2)
}

.game__iframe {
    border-radius: 0 0 3px 3px;
    width: 100%;
    aspect-ratio: 16/9;
    border: none;
    overflow: hidden;
    background-color: #d9d9d9
}

.page.scroll-lock-modal {
    overflow: hidden;
    position: relative
}

.page.scroll-lock-modal:after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .7);
    z-index: 1200
}

.qqq .mcg-columns__container {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    gap: 12px;
    margin: 0
}

@media (max-width: 1200px) {
    .qqq .mcg-columns__container {
        grid-template-columns:1fr 1fr
    }
}

.promocode__label {
    display: flex
}

@keyframes arrow {
    0% {
        transform: translateX(-28px)
    }
    10%, 90% {
        transform: translateX(6px)
    }
    100% {
        transform: translateX(26px)
    }
}

.bonus__title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}


.bonus {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 20px
}

.bonus__item {
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    min-height: 124px;
    background: #040e28
}

.bonus__item-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    height: 100%
}

.bonus__title {
    margin: 0;
    color: #fff;
    text-align: left
}

.bonus__text {
    margin: 0;
    max-width: 212px;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    text-align: left
}

.bonus__button {
    display: inline-flex;
    font-family: var(--ff-primary)
}

.bonus__button {
    margin-top: 8px;
    width: fit-content;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    padding: 12px;
    transition: opacity .3s, border-color .3s;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
    color: #fff
}

.bonus__item .get-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 100%;
    left: 0
}

@media (max-width: 1024px) {
    .bonus {
        grid-template-columns:1fr 1fr
    }
}

.bonus {
    padding: 0
}

.bonus__item .get-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.how-to__list {
    margin: 1rem 0 0
}

.how-to__item {
    position: relative;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 20px
}

.how-to__item:not(:last-child) {
    margin-bottom: 32px
}

.how-to__item:not(:last-child)::before {
    content: "";
    position: absolute;
    left: -11px;
    top: 5px;
    bottom: -38px;
    width: 2px;
    background: #e5322b;
    opacity: .3
}

.how-to__item--no-image {
    grid-template-columns:1fr;
    padding-left: 24px
}

.how-to__item-counter {
    position: absolute;
    left: -28px;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    width: 36px;
    height: 36px;
    box-shadow: 0 0 16px #e5322b;
    font-weight: 900;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #e5322b;
    gap: 10px
}

@media (max-width: 767px) {

    .screenshot-gallery__list {
        width: 100%;
        max-width: 980px;
        overflow-x: auto
    }

    .screenshot-gallery__item {
        min-width: 300px;
        max-width: 325px
    }

    .game__box-header {
        flex-wrap: wrap
    }

    .game__box-title {
        width: calc(100% - 56px)
    }

    .game__box .game__affiliate-link {
        order: 3;
        margin: 4px auto 0
    }

    .game__box {
        top: 30px;
        left: 12px;
        bottom: 30px;
        right: 12px;
        transform: none;
        padding: 0;
        width: calc(100% - 24px);
        overflow: hidden
    }

    .game__iframe {
        height: 100%;
        aspect-ratio: auto
    }

    .qqq .mcg-columns__container {
        grid-template-columns:1fr
    }

    .promocode--v4 {
        max-width: 100%
    }

    .bonus {
        grid-template-columns:1fr;
        gap: 12px
    }

    .how-to__item:not(:last-child)::before {
        left: -13px
    }

    .how-to__item {
        grid-template-columns:1fr;
        gap: 12px
    }

    .how-to__item-counter {
        left: -30px
    }
}

.how-to__item-image img {
    overflow: hidden;
    border-radius: 12px
}

.how-to__content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.how-to__item-title {
    margin: 0 0 4px;
    font: var(--font-H3);
}

.how-to__item-subtitle > :first-child {
    margin-top: 0
}

.how-to__button {
    margin: 16px auto 0;
}

@media (max-width: 550px) {
    .promocode-old__link {
        padding: 10px
    }
}

/* Languages switcher */
.languages-switcher {
    position: relative;
    flex-shrink: 0;
    border-radius: 4px;
    padding: 5px;
    background-color: #313134;
    display: flex;
    z-index: 200;
    min-width: 40px;
    width: fit-content;
    color: #ccc;
    z-index: 15;
}

.languages-switcher__list-wrapper {
    position: absolute;
    left: 0;
    top: 100%;
    border-radius: 0px 4px 4px 4px;
    padding: 10px 6px 6px;
    background-color: #181d24;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    width: max-content;
}

.languages-switcher__list-title {
    margin: 0 0 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    white-space: nowrap;
}

.languages-switcher__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 5px;
    background: #181d24;
}

.languages-switcher__item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    flex-shrink: 0;
    gap: 6px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    padding: 0 8px;
}

.languages-switcher__lang {
    display: flex;
    align-items: center;
    gap: 5px;
}

.languages-switcher._show .languages-switcher__list-wrapper {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

@media (max-width: 1023px) {
    .languages-switcher {
        margin-right: auto;
    }
}

/* Languages switcher */
/* Advantages */
.advantages {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(226px, 1fr) );
    gap: 20px;
}

.advantages__item {
    padding: 20px;
    background: #181d24;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.advantages__item img {
    display: block;
    margin: 0 auto;
    max-height: 100px;
    width: fit-content;
    object-fit: contain;
}

.advantages__item-title {
    margin: 4px 0 0;
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
}

.advantages__item-text {
    margin: 0;
    color: #d2d2d2;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

/* Advantages */
/* Bonus promo code */
.bonus-promo-code {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(264px, 1fr) );
    gap: 20px;
}

* + .bonus-promo-code {
    margin-top: 1rem;
}

.bonus-promo-code__item {
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 220px;
    padding: 20px;
    position: relative;
}

.bonus-promo-code__item:has(img) {
    padding-right: calc(100% / 3);
}

.bonus-promo-code__item:has(.promo-code) {
    grid-column: span 2;
}

.bonus-promo-code__item:nth-child(1n) {
    background: linear-gradient(96deg, #0ac63b 0, #058c28 100%)
}

.bonus-promo-code__item:nth-child(2n) {
    background: linear-gradient(114deg, #775cf4 0, #bd0bf6 99.89%)
}

.bonus-promo-code__item:nth-child(3n) {
    background: linear-gradient(294deg, #f9d417 0, #ff7a00 100.12%)
}

.bonus-promo-code__item-title {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    color: #fff;
}

.bonus-promo-code__item-title span,
.bonus-promo-code__item-title b {
    font-weight: 700;
}


.bonus-promo-code__code {
    max-width: 400px;
}

.bonus-promo-code__button {
    margin-top: auto;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #fff;
    padding: 12px 20px;
    color: #fff;
    font-family: var(--ff-primary);
    width: fit-content;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.bonus-promo-code__button:hover {
    opacity: .7;
}

.bonus-promo-code__item:has(.promo-code) .bonus-promo-code__button {
    width: 100%;
    max-width: 400px;
    background-color: #fff;
}

.bonus-promo-code__item:nth-child(1n):has(.promo-code) .bonus-promo-code__button {
    color: #19ae40;
}

.bonus-promo-code__item:nth-child(2n):has(.promo-code) .bonus-promo-code__button {
    color: #775cf4;
}

.bonus-promo-code__item:nth-child(3n):has(.promo-code) .bonus-promo-code__button {
    color: #ff7a00;
}

.bonus-promo-code__item .get-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% / 3);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.bonus-promo-code__item .get-image img {
    margin-top: auto;
    max-height: 260px;
    object-fit: contain;
    width: fit-content;
}

@media (max-width: 767px) {
    .bonus-promo-code {
        grid-column: 1fr 1fr;
    }

    .bonus-promo-code__item-title {
        font-size: 20px;
        line-height: 27px;
    }
}

@media (max-width: 550px) {
    .bonus-promo-code__item {
        grid-column: span 2;
    }

    .bonus-promo-code__item:has(img) {
        padding-right: calc(100% / 2);
    }

    .bonus-promo-code__item .get-image {
        width: calc(100% / 2);
    }

    .bonus-promo-code__item .get-image {
        top: 0;
    }

    .bonus-promo-code__item:has(.promo-code) {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-right: 20px;
    }

    .bonus-promo-code__code,
    .bonus-promo-code__item:has(.promo-code) .bonus-promo-code__button {
        max-width: 100%;
        grid-column: 1 / -1;
    }

    .bonus-promo-code__item:has(.promo-code) .get-image {
        bottom: 129px;
        top: auto;
        right: 0;
    }

    .bonus-promo-code__item:has(.promo-code) img {
        max-height: 200px;
    }
}

/* Bonus promo code */
/* Promo code */
.promo-code {
    position: relative;
    border-radius: 8px;
    border: 1px solid rgba(179, 182, 189, 0.12);
    height: 42px;
    background: #12181e;
    padding: 0 0 0 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.promo-code::before {
    content: url(../images/promocode-decor.png);
    position: absolute;
    left: 36px;
    top: -15px;
    max-width: 36px;
    width: 100%;
}

.promo-code__value {
    font-size: 18px;
    font-style: normal;
    line-height: 100%;
    font-weight: 700;
    color: #fff;
}

.promo-code__copy-btn {
    border: none;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background: #e5322b;
    border-radius: 0 6px 6px 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
}

.promo-code__copy-btn .copied {
    display: none;
}

.promo-code__copy-btn._active .copied {
    display: block;
}

.promo-code__copy-btn._active .copy {
    display: none;
}

.promo-code__copy-btn * {
    pointer-events: none;
}

@media (max-width: 767px) {
    .promo-code {
        padding-left: 50px;
    }

    .promo-code::before {
        left: 10px;
    }
}


/* Promo code */


.mcg-text-image {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: center;
}

.mcg-text-image > img {
    border-radius: 8px;
}

.mcg-text-image__item {
	overflow: hidden;
}

.reversed .mcg-text-image__item {
    order: 2;
}

.mcg-text-image__item > *:first-child {
    margin-top: 0;
}

.mcg-text-image__item > *:last-child {
    margin-bottom: 0;
}

@media (max-width: 1023px) {
    .mcg-text-image {
        grid-template-columns: 1fr;
    }

    .reversed .mcg-text-image__item {
        order: 0;
    }
}

.mcg-hero-app {
    border-radius: 12px;
    background: #181d24;
    padding: 24px;
    max-width: 585px;
    margin-top: 20px;
}

.mcg-hero-app__inner-title {
    color: var(--color-white-solid, #FFF);
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
}

.mcg-hero-app__inner-title span {
    color: #07B2F0;
}

.mcg-hero-app__button {
    border-radius: 8px;
    padding: 11px 20px;
    background: #e5322b;
    color: #FFF;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    border: none;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.mcg-hero-app__buttons {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    margin-top: 16px;
}

.mcg-hero-app__ios {
    background: var(--secondary-gradient, #28B563);
}

.mcg-hero-app__inner-title {
    padding-top: 16px;
    border-top: 1px solid rgba(179, 182, 189, 0.12);
    margin-top: 16px;
}

.mcg-hero-app__inner-code {
    display: flex;
    border-radius: 8px;
    border: 1px solid rgba(179, 182, 189, 0.12);
    margin-top: 16px;
}

.hr {
    background: #181d24;
    width: 1px;
    height: 64px;
}

.mcg-hero-app__rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mcg-hero-app__rating-download span, .mcg-hero-app__rating-size span, .mcg-hero-app__rating-rating span {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--On-Surface, #FFF);
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    text-transform: uppercase;
    justify-content: center;
}

.mcg-hero-app__rating-download, .mcg-hero-app__rating-size, .mcg-hero-app__rating-rating {
    text-align: center;
}


.mcg-hero-app__rating-star {
    --percent: calc(var(--star-rating) / 5 * 94%)
}

.mcg-hero-app__rating-star {
    position: relative;
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
}

.mcg-hero-app__rating-star::before {
    content: "☆☆☆☆☆";
    color: #0085FF;
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: 1.5px;

}

.mcg-hero-app__rating-star::after {
    content: "★★★★★";
    background: #181d24;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 1.5px;

}

.mcg-hero-app__inner-code-button {
    border-radius: 0 8px 8px 0;
}

.mcg-hero-app__rating-download, .mcg-hero-app__rating-size {
    flex: 1 0 0;
}

.mcg-hero-app__rating-rating {
    margin-left: 16px;
}

.page.scroll-lock {
    overflow: hidden;
}

.mcg-modal__bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 10px;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.50);
    z-index: 900;
}

.mcg-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    border-radius: 16px;
    background: #1d1e20;
    padding: 32px 24px;
    max-width: 460px;

    z-index: 45;
}

.mcg-modal__close {
    width: 40px;
    height: 40px;
    display: flex;
    background: transparent;
    padding: 14px;
    justify-content: center;
    align-items: center;
    border: none;
    position: absolute;
    right: 3px;
    top: 3px;
    cursor: pointer;
}

.mcg-modal__title {
    color: #FFF;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    margin: 0;
}

.mcg-modal__description {
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    line-height: 25.5px;
    margin: 0;
}

.mcg-modal img {
    margin-top: 12px;
}

.mcg-modal__inner-code {
    display: flex;
    border-radius: 8px;
    border: 1px solid rgba(179, 182, 189, 0.12);
    margin-top: 12px;
}

.mcg-modal__inner-btn {
    border-radius: 8px;
    background: #e5322b;
    padding: 14px 20px;
    color: #FFF;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    border: none;
    width: 100%;
    border: none;
    margin-top: 12px;
    cursor: pointer;
}

[data-modal-promo] {
    display: none;
}

@media (max-width: 1023px) {
    .mcg-text-image:has(.mcg-hero-app) .mcg-text-image__item {
        display: flex;
        flex-direction: column;
    }

    .mcg-text-image:has(.mcg-hero-app) .mcg-text-image__item p {
        margin-bottom: 0;
    }

    .mcg-hero-app__buttons {
        gap: 8px;
        grid-template-columns: 1fr;
        margin-top: 12px;
    }

    .mcg-hero-app__inner-title {
        padding-top: 12px;
        margin-top: 12px;
    }

    .mcg-hero-app__inner-title {
        font-size: 13px;
        line-height: 24px;
    }

    .mcg-hero-app {
        padding: 16px 8px;
        margin-right: auto;
        margin-left: auto;
        order: -1;
        margin-top: 0;
        margin-bottom: 12px;
    }

    .mcg-text-image__item h1, .mcg-text-image__item h2, .mcg-text-image__item h3, .mcg-text-image__item h4, .mcg-text-image__item h5, .mcg-text-image__item h6 {
        order: -2;
    }

    .hr {
        height: 24px;
    }

    .mcg-hero-app__rating {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;

    }

    .mcg-hero-app__rating-download span, .mcg-hero-app__rating-size span, .mcg-hero-app__rating-rating span {
        font-size: 15px;
        line-height: 24px;
        font-weight: 600;
    }

    .mcg-hero-app__rating-download, .mcg-hero-app__rating-size, .mcg-hero-app__rating-rating {
        font-size: 14px;
    }

    .mcg-hero-app__rating-rating {
        display: flex;
        gap: 4px;
        align-items: center;
        justify-content: center;
        margin: 0;
    }

    .mcg-hero-app__rating-download, .mcg-hero-app__rating-size {
        flex: none;
        display: flex;
        align-items: center;
        gap: 4px;
    }

    .mcg-hero-app__rating-star {
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    .mcg-modal {
        padding: 24px 16px;
        max-width: 328px;
    }

    .mcg-modal__title {
        font-size: 26px;
        line-height: 40px;
    }

    .mcg-modal__description {
        font-size: 14px;
        line-height: 24px;
    }

    .mcg-hero-app__rating-download, .mcg-hero-app__rating-size, .mcg-hero-app__rating-rating {
        color: #fff;
    }
}

@media (max-width: 560px) {
    .mcg-hero-app__button {
        font-size: 14px;
        padding: 15px 20px;
    }

    .mcg-text-image__item p:first-of-type {
        margin-top: 0;
    }

    .mcg-modal__inner-btn {
        font-size: 14px;
        padding: 8px 20px;
        line-height: 24px;
        font-weight: 500;
    }

    .mcg-modal__close {
        right: 0px;
        top: 0px;
    }

}

@media (max-width: 537px) {
    .hr-last {
        display: none;
    }

    .mcg-hero-app__rating-rating {
        margin-left: auto;
        margin-right: auto;
    }

    .mcg-hero-app__rating-star::after, .mcg-hero-app__rating-star::before {
        font-size: 16px;
    }
}

.mobile-button {
	align-items: center;
}

.mobile-button > .get-image {
    align-self: stretch;
	padding: 8px 12px;
}

.mobile-button > .get-image img {
    max-width: 50px;
    max-height: 24px;
    width: fit-content;
    height: auto;
    object-fit: contain;
}

.mobile-button__link--show._active {
    background: none;
    outline: 1px solid #ffffff24;
}

.mobile-button__link {
    align-self: stretch;
}

/* the-odds-api */
:root {
    --ff-primary: -apple-system,
    blinkmacsystemfont,
    "Segoe UI",
    roboto,
    oxygen,
    ubuntu,
    cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;

    --size: 10px;
    --bg-color: #fff;
    --bs: rgba(144, 143, 143, 0.5) 0 0 5px;
    --clr-text: #000;
    --clr-text-second: #fff;
    --bg-grad: linear-gradient(70deg, #e5322b -8%, #089e4e 96%);
    --bg-item: #313ea212;

    --bg-color: #000;
    --clr-text: #fff;
    --bg-item: #a4aab51a;
    --bs: none;
}

* {
    box-sizing: border-box;
}

.TOA__button { }

.TOA-block {
    margin-top: 1rem;
    font: normal 400 16px/24px var(--ff-primary);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.TOA-block:not(:has( > *)) {
    display: none;
}

.TOA-block__item {
    display: flex;
    flex-direction: column;
    gap: var(--size);
    border-radius: var(--size);
    padding: var(--size);
    background-color: var(--bg-color);
    box-shadow: var(--bs);
    color: var(--clr-text);
}

.TOA-block__item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    line-height: 12px;
}

.TOA-block__item-date {
    margin-left: calc(0px - var(--size));
    padding: 5px 10px 3px 14px;
    border-radius: 0 var(--size) var(--size) 0;
    background: var(--bg-grad);
    color: #fff;
}

.TOA-block__item-league {
    margin: 10px 0 0;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
}

.TOA-block__item-teams {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    min-height: 36px;
    font-size: 14px;
    line-height: 16px;
}

.TOA-block__item-team {
    flex: 1 0 42%;
    display: inline-block;
}

.TOA-block__item-team.vs {
    min-width: 24px;
    flex-shrink: 0;
    flex-basis: 16%;
    text-align: center;
}

.team-1 {
    text-align: center;
}

.team-2 {
    text-align: center;
}

.TOA-block__item-coefficients {
    margin-top: auto;
    display: flex;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

.TOA-block__item-coefficients:has(+.odds-table__button) {
    margin-bottom: 10px;
}

.TOA-block__item-coefficient {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border-radius: var(--size);
    background-color: var(--bg-item);
    color: var(--clr-text);
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    flex: 1 1;
}

.TOA-block__item-link {
    margin-top: 10px;

}

.TOA-block__item-tip {
    font-size: 14px;
    display: flex;
    gap: 6px;
    align-items: center;
}

.TOA-block__item-tip span {
    font-size: 14px;
    color: #fff;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-image: var(--bg-grad);
}

@media (max-width: 1023px) {
    .TOA-block {
        display: flex;
        overflow: auto;
    }

    .TOA-block__item {
        width: 290px;
        flex-shrink: 0;
    }
}

/* next matches */
/* table */

.TOA-table {
    margin-top: 1rem;
    font: normal 400 16px/24px var(--ff-primary);
    border-radius: var(--size);
    padding: 2px;
    box-shadow: var(--bs);
    background: var(--bg-color);
    overflow: auto;
}

.TOA-table__table {
    width: 100%;
}

.TOA-table__thead,
.TOA-table__tbody {
    display: block;
}

.TOA-table__thead-tr {
    padding: var(--size) var(--size);
    display: grid;
    gap: var(--size);
    background: var(--bg-grad);
    border-radius: var(--size);
    margin-bottom: 4px;
    color: var(--clr-text-second);
}

.TOA-table.TOA-table--probability.TOA-table--btn .TOA-table__thead-tr {
    grid-template-columns: 1fr 160px 160px 160px;
}

.TOA-table.TOA-table--probability .TOA-table__thead-tr,
.TOA-table.TOA-table--btn .TOA-table__thead-tr {
    grid-template-columns: 1fr 160px 160px;
}

.TOA-table .TOA-table__thead-tr {
    grid-template-columns: 1fr 160px;
}

.TOA-table.TOA-table--probability.TOA-table--btn .TOA-table__tbody-tr {
    grid-template-columns: 60px minmax(240px, 1fr) 160px 160px 160px;
}

.TOA-table.TOA-table--probability .TOA-table__tbody-tr,
.TOA-table.TOA-table--btn .TOA-table__tbody-tr {
    grid-template-columns: 60px minmax(240px, 1fr) 160px 160px;
}

.TOA-table .TOA-table__tbody-tr {
    grid-template-columns: 60px minmax(240px, 1fr) 160px;
}

.TOA-table--historical .TOA-table__thead-tr,
.TOA-table--historical .TOA-table__tbody-tr {
    grid-template-columns: 72px minmax(140px, 200px) minmax(240px, 1fr) 60px 70px 60px;
}

.TOA-table--historical {
    text-align: center;
}

.TOA-table__head-title {
    white-space: nowrap;
    margin: 0;
    font-size: 16px;
}

.TOA-table__head-odds {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--size) / 2);
}

.TOA-table__head-odds div {
    display: inline;
    width: 50px;
    text-align: center;
    text-transform: uppercase;
    transition: var(--transition);
}

.TOA-table__head-probability {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.TOA-table__tbody-tr {
    padding: calc(var(--size) / 2);
    border-radius: var(--size);
    background: var(--bg-item);
    display: grid;
    gap: var(--size);
    align-items: center;
}

.TOA-table__tbody-td {
    position: relative;
}

.inline {
    display: inline;
}

.TOA-table__tbody-td:has(button) {
    align-self: stretch;
}

.TOA-table__tbody-td:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(0px - var(--size) / 2);
    height: 100%;
    width: 1px;
    translate: 0 -50%;
    background: var(--bg-grad);
}

.TOA-table__tbody-tr + .TOA-table__tbody-tr {
    margin-top: 4px;
}

.TOA-table__date {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
}

.TOA-table__teams {
    display: flex;
    flex-direction: column;
}

.TOA-table__bet,
.TOA-table__probabilities {
    display: flex;
    gap: calc(var(--size) / 2);
}

.TOA-table__bet div,
.TOA-table__probabilities div {
    background: var(--bg-item);
    padding: calc(var(--size) / 2);
    border-radius: calc(var(--size) / 2);
    width: 50px;
    text-align: center;
    font-weight: 700;
    color: var(--clr-text);
    cursor: pointer;
}

.TOA-table__bet:not(:has(.draw)) div,
.TOA-table__probabilities:not(:has(.draw)) div {
    width: 80px;
}

.TOA-table__bet div:hover,
.TOA-table__bet div.active {
    background: var(--bg-grad);
    color: var(--clr-text-second);
}

.TOA-table__probabilities div {
    font-size: 12px;
    padding: 6px 2px;
}

.TOA-table .TOA__button {
    height: 100%;
    width: 100%;
    padding: 4px 8px;
}

.TOA-table__tbody-td .check {
    display: block;
    width: 20px;
    height: 20px;
}

.TOA-table__tbody-td .check::after {
    content: url("data:image/svg+xml;charset=UTF-8,<svg width='20' height='20' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'><path fill='%23ffffff00' d='M36 32a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4v28z'/><path fill='%23FFF' d='M29.28 6.362a2.502 2.502 0 0 0-3.458.736L14.936 23.877l-5.029-4.65a2.5 2.5 0 1 0-3.394 3.671l7.209 6.666c.48.445 1.09.665 1.696.665.673 0 1.534-.282 2.099-1.139.332-.506 12.5-19.27 12.5-19.27a2.5 2.5 0 0 0-.737-3.458z'/></svg>");
    position: absolute;
    display: inline-block;
    right: 20px;
    width: 20px;
    height: 20px;
    top: 50%;
    translate: 0 -50%;
    background-image: var(--bg-grad);
    margin: 0 auto;
    border-radius: calc(var(--size) / 2);
}

.TOA-table__tbody__tip {
    font-size: 14px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-image: var(--bg-grad);
    margin: 0 auto;
    width: 24px;
    height: 24px;
}
/* the-odds-api */
/* slots */

.slots__block-title {
    position: relative;
    margin: 0 0 20px;
    display: flex;
    align-items: center
}

.slots__block-title svg {
    margin-right: 10px;
    flex-shrink: 0
}

.slots__list {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.slots__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.slots__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

.slots__title {
    font-weight: 700;
    margin: 0;
    text-align: center;
    color: #fff;
}

.slots__link {
    flex-shrink: 0;
    margin-top: auto;
}

@media (max-width: 767px) {
    .slots__list {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* slots */
/* faq */

.mcg-faq {
    border: 1px solid rgba(179, 182, 189, 0.12);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 8px;
    padding: 16px;
    overflow: hidden
}

.mcg-faq__title {
    position: relative;
    margin: 0 0 2rem;
    text-transform: uppercase;
}

.mcg-faq__item-title {
    margin: 1rem 0 8px;
}

.mcg-faq__item-description {
    margin: 0;
}
/* faq */
/* pros-cons */
.pros-cons {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 1rem;
}

.pros-cons__wrapper {
    border: 1px solid rgba(179, 182, 189, 0.12);
    border-radius: 8px;
    overflow: hidden;
}

.pros-cons__title {
    position: relative;
    margin: 0;
    padding: 1rem;
    border-bottom: 1px solid rgba(179, 182, 189, 0.12);
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    font: var(--font-H3);
}

.pros-cons__title--like {
    background: #0080003d;
}

.pros-cons__title--dislike {
    background: #ff00003d;
}

.pros-cons__list {
    margin: 0;
    padding: 1rem 1rem 1rem 2rem;
    display: grid;
    gap: 12px;
}

@media (max-width: 1023px) {
    .pros-cons {
        grid-template-columns: 1fr;
    }
}

/* pros-cons */
/* cta-app */
.cta-app {
    position: relative;
    border-radius: 12px;
    padding: 35px 20px;
    background: #181d24;
    display: grid;
    grid-template-columns: 560px 1fr;
    gap: 0 1rem;
    align-items: center;
    overflow: hidden;
}

.cta-app::after {
    content: "";
    position: absolute;
    border-radius: inherit;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.20);
}

.cta-app__title {
    margin: 0 0 6px;
    color: #FFF;
    font: var(--font-H2);
    font-weight: 600;
}

.cta-app__title span {
    color: #FF9815;
}

.cta-app__description {
    margin: 0 0 10px;
    font-size: 17px;
    color: #fff;
}

.cta-app__buttons {
    margin-top: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.cta-app__button {
    border-radius: 8px;
    padding: 10px 16px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: #181d24;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-grow: 1;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.cta-app__button * {
    pointer-events: none;
}

.cta-app__button-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    color: rgba(255, 255, 255, 0.50);
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    flex-grow: 1;
}

.cta-app__button-text span {
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 12px;
}

.cta-app__image {
    position: relative;
    margin: -35px -20px -35px 0;
    display: flex;
    justify-content: center;
}

.cta-app__image img {
    max-width: 414px;
}

@media (hover:hover) {
    .cta-app__button:hover {
        scale: 0.96;
    }
}

@media (max-width: 1023px) {
    .cta-app {
        padding: 15px;
        grid-template-columns: 1fr;
    }

    .cta-app__image {
        margin: 0 -15px -15px;
    }

    .cta-app__image img {
        max-width: 100%;
        width: auto;
    }
}

@media (max-width: 767px) {
    .cta-app__description {
        font-size: 14px;
    }

    .cta-app__buttons {
        flex-direction: column;
    }

    .cta-app__button {
        width: 100%;
    }
}
/* cta-app */
/* cta-block */
.cta-block {
    position: relative;
    border-radius: 12px;
    padding: 35px 20px;
    background: #181d24;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 1rem;
    align-items: center;
}

.cta-block::after {
    content: "";
    position: absolute;
    border-radius: inherit;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgba(255, 255, 255, 0.20);
}

.cta-block::before {
    content: "";
    position: absolute;
    top: 0;
    right: 30%;
    background-image: url("../images/cta-block-coins.png");
    width: 432px;
    height: 380px;
    pointer-events: none;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}

.cta-block__title {
    margin: 0 0 6px;
    color: #FFF;
    font: var(--font-H2);
    font-weight: 600;
}

.cta-block__title span {
    color: #FF9815;
}

.cta-block__description {
    margin: 0 0 10px;
    font-size: 17px;
    color: #d2d2d2;
}

.cta-block__promo-code {
    margin-top: 25px;
    border-radius: 10px;
    padding: 10px;
    background: #12181e;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cta-block__button {
    background: linear-gradient(94deg, #FDC63D 0%, #FF9815 97.54%);
    box-shadow: 0px 12px 24px 0px rgba(255, 166, 33, 0.35);
}

.cta-block__image {
    position: relative;
    margin: -35px -20px -35px 0;
    display: flex;
    justify-content: center;
}

.cta-block__image img {
    max-width: 414px;
}

@media (hover:hover) {
    .cta-block__button:hover {
        scale: 0.96;
    }
}

@media (max-width: 1023px) {
    .cta-block {
        grid-template-columns: 1fr;
        padding: 15px;
    }

    .cta-block::before {
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    .cta-block__image {
        margin: 0 -15px -15px;
    }

    .cta-block__image img {
        max-width: 100%;
        width: auto;
    }

    .cta-block__promo-code {
        position: relative;
        z-index: 2;
    }
}

@media (max-width: 767px) {
    .cta-app {
        padding: 15px;
    }

    .cta-app__description {
        font-size: 14px;
    }

    .cta-app__buttons {
        flex-direction: column;
    }

    .cta-app__button {
        width: 100%;
    }

    .cta-block::before {
        bottom: -40px;
    }
}
/* cta-block */
/* relink */
.relink__list {
    display: grid  ;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.relink__item {
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: #12181e;
    backdrop-filter: blur(3px);
    height: 130px;
}

.relink__item * {
    pointer-events: none;
    user-select: none;
}

.relink__item[data-sf-a] {
    cursor: pointer;
}

.relink__item img {
    height: 112px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    translate: 0 -15px;
}

.relink__title {
    translate: 0 -17px;
    position: relative;
    z-index: 2;
    margin: 0 -1px -1px;
    padding: 5px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #181d24;
    border-radius: 0px 0px 10px 10px;
}

.relink__title::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("../images/relink-arrow.png");
    display: block;
    transition: 0.2s ease-in-out;
    pointer-events: none;
}

@media (hover:hover) {
    .relink__item[data-sf-a]:hover .relink__title:after {
        translate: 10px 0;

    }
}

@media (max-width: 767px) {
    .relink__list {
        grid-template-columns: 1fr 1fr;
    }
}
/* relink */
/* mcg-text-promocode */
.mcg-text-promocode {
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 1rem;
}

.mcg-text-promocode__item > *:first-child {
    margin-top: 0;
}

.mcg-text-promocode__item > *:last-child {
    margin-bottom: 0;
}

.mcg-text-promocode__wrapper {
    padding: 15px;
    border-radius: 16px;
    background: #181d24;
    height: fit-content;
}

.mcg-text-promocode__wrapper-title {
    margin: 0 0 10px;
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    max-width: 180px;
}

.mcg-text-promocode__wrapper-description {
    margin: 0 0 1rem;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: capitalize;
    max-width: 300px;
}

.mcg-text-promocode__button {
    margin-top: 1rem;
    width: 100%;
    background: #FFF;
    color: #181d24;
}

@media (max-width: 1023px) {
    .mcg-text-promocode {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .mcg-text-promocode__item {
        display: contents;
    }

    .mcg-text-promocode .wp-block-heading {
        order: -10;
    }

    .mcg-text-promocode__wrapper {
        order: -8;
    }
}
/* mcg-text-promocode */
/* mcg-text-roulette */
.mcg-text-roulette {
    display: grid;
    grid-template-columns: 1fr 460px;
    gap: 1rem;
    align-items: center;
}

.mcg-text-roulette__item > *:first-child {
    margin-top: 0;
}

.mcg-text-roulette__item > *:last-child {
    margin-bottom: 0;
}
/* mcg-text-roulette */
/* roulette */
.roulette {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 390px;
    width: 100%;
    margin: 0 auto;
}

.roulette__header {
    border-radius: 44px;
    border: 1px solid #3B4454;
    padding: 10px;
    background: #131C2C;
    color: #d2d2d2;
    font-size: 20px;
    font-weight: 600;
    line-height: 120%;
    display: flex;
    align-items: center;
    gap: 10px;
    width: auto;
    margin: 0 auto;
}

.roulette__header-count {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 60px;
    border-radius: 44px;
    background: linear-gradient(270deg, #0E5DF8 -3.89%, #0E4DE0 28.42%, #0F26A2 96.19%, #10249F 100.36%), #F9BC24;
}

.roulette__body {
    padding-top: 10px;
    overflow: hidden;
    position: relative;
    background: radial-gradient(circle at center, rgba(255, 81, 131, 0.35) 0%, transparent 70%);

}

.roulette__body::before,
.roulette__body::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    translate: 50% 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.roulette__body::after {
    background-image: url(../images/cursor-1.png);
    width: 72px;
    height: 40px;
}

.roulette__body::before {
    background-image: url(../images/cursor-2.png);
    width: 97px;
    height: 29px;
    z-index: -1;
}

.roulette__wheel {
    aspect-ratio: 1;
    background-image: url(../images/wheel.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 3s cubic-bezier(0.33, 1, 0.68, 1);
}

.roulette__spin {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    border-radius: 62px;
    white-space: nowrap;
    background: linear-gradient(94deg, #FDC63D 0%, #FF9815 97.54%);
    box-shadow: 0px 12px 24px 0px rgba(255, 166, 33, 0.35);
}

.roulette__spin.hidden {
    display: none;
}

.roulette__win-banner {
    max-width: 310px;
    width: 100%;
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 16px;
    background: url("../images/roulette-banner-bg.png"), linear-gradient(94deg, #FDC63D 0%, #FF9815 97.54%) no-repeat center / cover;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}

.roulette__win-banner.hidden {
    display: none;
}

.roulette__win-banner-title {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
}

.roulette__win-banner-bonus {
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    text-transform: capitalize;
}

.roulette__win-banner-button {
    width: 100%;
    background: #fff;
    color: #000;
}

@media (max-width: 1023px) {
    .mcg-text-roulette {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .mcg-text-roulette__item {
        display: contents;
    }

    .mcg-text-roulette .wp-block-heading {
        order: -10;
    }

    .roulette {
        order: -8;
    }
}
/* roulette */
/* game-full */
.game-full {
    display: grid;
    grid-template-columns: 1fr minmax(300px, 460px);
    gap: 1rem;
}

.game-full:not(:has(.game-full__bonuses)) {
    grid-template-columns: 1fr;
}

.game-full__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
    min-height: 180px;
}

.game-full__wrapper img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.game-full__wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.game-full__buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.game-full__demo-link {
    background: #181d24;
}

.game-full__bonuses {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.game-full__bonuses-item {
    position: relative;
    padding: 15px 25px;
    border-radius: 10px;
}

.game-full__bonuses-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    height: 236px;
    overflow: hidden;
    flex-grow: 1;
}

.game-full__bonuses-item:nth-child(1) {
    background: linear-gradient(106deg, #7361F4 58.7%, #C106F6 100%);
}

.game-full__bonuses-item:nth-child(2) {
    background: linear-gradient(106deg, #C106F6 58.7%, #7361F4 100%);
}

.game-full__bonuses-title {
    position: relative;
    z-index: 2;
    margin: 0;
    color: #FFF;
    font-size: 30px;
    font-weight: 600;
    line-height: 120%;
}

.game-full__bonuses-description {
    position: relative;
    z-index: 2;
    margin: 0;
    color: rgba(255, 255, 255, 0.80);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.game-full__bonuses-link {
    position: relative;
    z-index: 2;
    width: fit-content;
    margin-top: auto;
    background: #FFF;
    color: #8a29f1;
}

.game-full__bonuses-item img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
}

@media (max-width: 1023px) {
    .game-full {
        grid-template-columns: 1fr;
    }

    .game-full__bonuses {
        order: -1;
        flex-direction: row;
    }

    .game-full__wrapper {
        min-height: 500px;
    }
}

@media (max-width: 767px) {
    .game-full__bonuses-item {
        padding: 12px 15px;
        height: auto;
        min-height: 192px;
    }

    .game-full__bonuses-title {
        font-size: 20px;
    }

    .game-full__bonuses-description {
        font-size: 16px;
    }

    .game-full__bonuses-item img {
        right: -100px;
    }

    .game-full__bonuses-link {
        padding: 6px 12px;
        width: 100%;
    }
}

/* game-full */
/* demo-popup */
.demo-popup {
    content: "";
    position: fixed;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--offsets);
    background-color: rgb(255 255 255 / 70%);
    inset: 0;
}

.demo-popup__content {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    width: 100%;
    max-width: 1440px;
    aspect-ratio: 16 / 9;
}

.demo-popup__close {
    align-self: stretch;
    outline: none;
    border: none;
    border-radius: 0 0 0 5px;
    width: 60px;
    aspect-ratio: 1;
    position: absolute;
    right: 0;
    background: #ffffff4a;
    top: 0;
}

.demo-popup__body {
    flex-grow: 1;
    width: 100%;
}

.demo-popup__body iframe {
    border: none;
}
@media (width <= 1280px) {
    .demo-popup {
        padding: 0;
    }

    .demo-popup__content {
        height: 100dvh;
        aspect-ratio: auto;
    }
}
/* demo-popup */

.mobile-button__link {
	border: none;
}

@media (max-width: 1024px) {
    .wp-block-table table:has( td:nth-child(3) ) { min-width: 600px }
    .wp-block-table table:has( td:nth-child(4) ) { min-width: 800px }
    .wp-block-table table:has( td:nth-child(5) ) { min-width: 1000px }
}

/* Glightbox fix */
.glightbox-open {
    overflow: unset!important;
}

.gslide-image img {
    max-width: 80vw!important;
    max-height: 80vh!important;
}



















/* admin */
.wp-admin .wp-block-heading,
.wp-admin b,
.wp-admin sptrong {
    color: #000;
}

.wp-admin .button {
    display: inline;
    height: auto;
}
/* admin */