@charset "UTF-8";

@font-face {
    font-family: 'Poppins';
    src: local('Poppins ExtraBold'), local('Poppins-ExtraBold'),
    url('../fonts/Poppins-ExtraBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'),
    url('../fonts/Poppins-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: local('Poppins Regular'), local('Poppins-Regular'),
    url('../fonts/Poppins-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: local('Poppins Italic'), local('Poppins-Italic'),
    url('../fonts/Poppins-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

:root {
    /* Colors */
    --Surface: #091222;
    --Surface-Dim: #070E1B;
    --Surface-Dim: #070E1B;
    --On-Surface: #FBFFFF;
    --on-surface-var: #C0C8D8;
    --surf-container-high: linear-gradient(180deg, #192943 0%, #122035 100%);
    --Primary: #3486E3;
    --Secondary: linear-gradient(180deg, #5DAD39 0%, #309334 100%);
    --Tertiary: linear-gradient(180deg, #F44336 0%, #EC3C2F 100%);
    --hover: rgba(255, 255, 255, 0.06);
    --click: rgba(255, 255, 255, 0.12);
    --disable: rgba(128, 130, 135, 0.08);
    --on-disable: rgba(255, 255, 255, 0.18);
    --error: #F6695C;
    --Outline: rgba(188, 201, 239, 0.27);
    --surf-container: linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%);
    --surf-container-outline: linear-gradient(180deg, #0D182B 0%, #122037 100%);
    --surf-container-outline-light: linear-gradient(180deg, #3486E3 0%, #122037 100%);
    --surf-container-outline-nograd: #0D182B;
    --Outline-Variant: linear-gradient(180deg, #121C2E 39.57%, #3486E3 99.91%);
    --attention: #F6B63E;
    --card-additional: rgba(255, 255, 255, 0.80);
    --Pros: #32BD57;
    --surf-container-high: linear-gradient(180deg, #192943 0%, #122035 100%);
	--star-color: #ffda6b;
    --star-bg: #131a26;

    /* Fonts */
    --Display-Large: 600 38px/140% Poppins, sans-serif;
    --Display-Small: 600 28px/140% Poppins, sans-serif;
    --Headline-Large: 600 26px/132% Poppins, sans-serif;
    --Headline-Small: 600 22px/132% Poppins, sans-serif;
    --Title-Large: 600 20px/136% Poppins, sans-serif;
    --Title-Small: 600 16px/136% Poppins, sans-serif;
    --Label-Large: 600 18px/136% Poppins, sans-serif;
    --Label-Small: 600 15px/136% Poppins, sans-serif;
    --Label-Large-CAPS: 600 18px/136% Poppins, sans-serif;
    --Label-Small-CAPS: 600 15px/136% Poppins, sans-serif;
    --Body-Large: 400 18px/136% Poppins, sans-serif;
    --Body-Medium: 400 16px/136% Poppins, sans-serif;
    --Body-Small: 400 13px/136% Poppins, sans-serif;
    --Body-Italic-Large: italic 400 18px/136% Poppins, sans-serif;
    --Body-Italic-Medium: italic 400 16px/136% Poppins, sans-serif;

    /* Paddings */
    --offset: 16px;
    --wrapper: 64px;
    --wrapper-mobile: 48px;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar:horizontal {
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--Primary);
}

::-webkit-scrollbar-track {
    background-color: #15243c;
}

.page-404 > .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

/* Tags */
body {
    font: var(--Body-Large);
    color: var(--on-surface-var, #C0C8D8);
    background: var(--Surface, #091222);
    padding-bottom: 100px;
}

h1, h2, h3, h4, h5 {
    color: var(--On-Surface, #FBFFFF);
}

h1 {
    font: var(--Display-Large);
    text-align: center;
    text-transform: uppercase;
}

h2 {
    font: var(--Headline-Large);
    text-transform: uppercase;
    padding: 12px 0;
    border-top: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
    border-bottom: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
    margin-bottom: 20px;
}

@media (max-width: 1024px) {
    h1 {
        font: var(--Display-Small);
    }

    h2 {
        font: var(--Headline-Small);
    }
}

.block-editor h1,
.block-editor h2,
.block-editor h3,
.block-editor h4,
.block-editor h5 {
    color: #000;
}

img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

hr {
    display: block;
    border: none;
    background: var(--Outline, rgba(188, 201, 239, 0.27));
}

.page-main hr {
    width: 100%;
    height: 1px;
    margin: 20px 0;
}

details summary::-webkit-details-marker {
    display: none;
}

details summary {
    list-style: none;
}

@media (max-width: 1024px) {
    body hr {
        margin: 16px 0;
    }
}

.wp-block-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wp-block-list._2-cols {
    flex-direction: row;
    flex-wrap: wrap;
}

.wp-block-list._2-cols li {
    flex: 1 1 calc(50% - 8px);
}

.wp-block-list li span {
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large);
}

ul.wp-block-list {
    list-style: none;
}

ul.wp-block-list li {
    position: relative;
    display: inline;
    padding-left: 28px;
}

ul.wp-block-list li::before {
    content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.667969" y="0.666748" width="10.6667" height="10.6667" rx="2" fill="%233486E3"/><path d="M3 10H9C9.55228 10 10 9.55228 10 9V3C10 2.44772 9.55228 2 9 2H3C2.44772 2 2 2.44772 2 3V9C2 9.55228 2.44772 10 3 10Z" stroke="%23FBFFFF" stroke-linecap="round"/></svg>');
    position: absolute;
    left: 0;
    top: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
}

p:not([class]):not(:first-child),
.wp-block-list:not(:first-child) {
    margin-top: 16px;
}

ul[class]:not(.wp-block-list),
ol[class]:not(.wp-block-list) {
    list-style: none;
}

button {
    background: unset;
    border: none;
    cursor: pointer;
}

a {
    display: inline-flex;
    text-decoration: unset;
}

.wp-block-list a,
.how-to__content a,
.faq a,
.text-image__content a:not([class]) {
    color: var(--Primary, #3486E3);
    text-decoration-line: underline;
}

.page-main a:not([class]):hover {
    opacity: .7;
}

@media (max-width: 1024px) {
    body {
        font: var(--Body-Medium);

    }

    h1 {
        font: var(--Display-Small);
    }

    .wp-block-list li span {
        font: var(--Label-Small);
    }
}

@media (max-width: 767px) {
    .wp-block-list._2-cols {
        flex-direction: column;
    }

    .wp-block-list._2-cols li {
        flex: 1 1 100%;
    }
}

/* General */
.scroll-lock {
    overflow: hidden;
}

.container {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1272px) {
    .container {
        max-width: 100%;
        margin-left: var(--offset);
        margin-right: var(--offset);
    }
}

/* Wrapper */
.wrapper:not(:first-child),
.wrapper > [class]:not(:first-child):not(hr):not(.columns),
.page-footer {
    margin-top: var(--wrapper);
}

.wrapper > p:not([class]):last-of-type + * {
    margin-top: 16px !important;
}

.wrapper > p:not([class]) + .text-image {
    margin-top: 16px !important;
}

.wrapper:first-child {
    margin-top: 32px;
}

.breadcrumbs + .page-main > .wrapper:first-child {
    margin-top: 12px;
}

@media (max-width: 1024px) {
    .wrapper,
    .wrapper > [class]:not(:first-child):not(hr):not(.columns),
    .page-footer {
        margin-top: var(--wrapper-mobile);
    }
}

/* Breadcrumbs */
.breadcrumbs {
    display: flex;
    justify-content: flex-start;
}

.breadcrumbs__list {
    display: flex;
    padding: 4px 8px;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 8px;
    background: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%));
}

.breadcrumbs__item {
    display: flex;
    align-items: center;
}

.breadcrumbs__current,
.breadcrumbs__link {
    display: flex;
    padding: 8px 12px;
}

.breadcrumbs__current {
    color: var(--on-surface-var, #C0C8D8);
    font: var(--Label-Large);
}

.breadcrumbs__link {
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large);
    border-radius: 8px;
}

.breadcrumbs__item:after {
    margin: 0 8px;
}

@media (min-width: 1025px) {
    .breadcrumbs__link:hover {
        background-color: var(--hover, rgba(255, 255, 255, 0.06));
        background-blend-mode: overlay;
    }
}

@media (max-width: 1024px) {
    .breadcrumbs__current {
        font: var(--Label-Small);
    }

    .breadcrumbs__link {
        font: var(--Label-Small);
    }
}

/* Icons */
.ico:after {
    display: flex;
    align-items: center;
    line-height: 0;
}

.ico.ico_download:after {
    content: url('data:image/svg+xml,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.33325 2.33325C4.12411 2.33325 2.33325 4.12412 2.33325 6.33326V21.6666C2.33325 23.8757 4.12412 25.6666 6.33326 25.6666H21.6666C23.8757 25.6666 25.6666 23.8757 25.6666 21.6666V6.33325C25.6666 4.12411 23.8757 2.33325 21.6666 2.33325H6.33325ZM12.9999 6.99992V13.919L10.0404 10.9595L8.62615 12.3737L13.2928 17.0404C13.4803 17.2279 13.7347 17.3333 13.9999 17.3333C14.2651 17.3333 14.5195 17.2279 14.707 17.0404L19.3737 12.3737L17.9595 10.9595L14.9999 13.919V6.99992H12.9999ZM18.6666 20.8333V18.8333H9.33325V20.8333H18.6666Z" fill="%23FBFFFF"/></svg>');
}

.ico.ico_login:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><circle cx="12" cy="8" r="3" stroke="%23FBFFFF" stroke-width="2"/><path d="M17.9147 17.722C17.9272 17.7508 17.9396 17.7797 17.9517 17.8086L17.7444 18.4885C17.4411 18.767 16.8893 19 16.2249 19H7.77508C7.11067 19 6.55894 18.767 6.25565 18.4885C5.98278 18.2379 5.95732 18.0261 6.0483 17.8086C6.0604 17.7797 6.07275 17.7508 6.08534 17.722C6.40216 16.9979 6.86812 16.3363 7.45944 15.7764C8.05087 15.2165 8.75593 14.7696 9.53568 14.4638C10.3155 14.158 11.153 14 12 14C12.847 14 13.6845 14.158 14.4643 14.4638C15.2441 14.7696 15.9491 15.2165 16.5406 15.7764C17.1319 16.3363 17.5978 16.9979 17.9147 17.722Z" stroke="%23FBFFFF" stroke-width="2"/></g><rect x="0.5" y="0.5" width="23" height="23" rx="7.5" stroke="%23FBFFFF"/><defs><clipPath><rect width="24" height="24" rx="8" fill="white"/></clipPath></defs></svg>');
}

.ico.ico_sing-up:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M7.5 12H16.5M16.5 12L13.2073 8.25M16.5 12L13.2073 15.75" stroke="%23FBFFFF" stroke-width="2" stroke-linecap="round"/></g><rect x="0.5" y="0.5" width="23" height="23" rx="7.5" stroke="%23FBFFFF"/><defs><clipPath><rect width="24" height="24" rx="8" fill="white"/></clipPath></defs></svg>');
}

.ico.ico_chevron:after {
    content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 7.1417L11.9425 6L8.5 9.7085L5.0575 6L4 7.1417L8.5 12L13 7.1417Z" fill="white"/></svg>');
}

.ico.ico_big-chevron:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 13.9999L7.41 15.4099L12 10.8299L16.59 15.4099L18 13.9999L12 7.99991L6 13.9999Z" fill="white"/></svg>');
}

.ico.ico_copy:after {
    content: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.3158 2.42236H4.89474C3.85263 2.42236 3 3.24055 3 4.24055V16.0587C3 16.5587 3.42632 16.9678 3.94737 16.9678C4.46842 16.9678 4.89474 16.5587 4.89474 16.0587V5.14964C4.89474 4.64964 5.32105 4.24055 5.8421 4.24055H15.3158C15.8368 4.24055 16.2632 3.83145 16.2632 3.33145C16.2632 2.83145 15.8368 2.42236 15.3158 2.42236ZM15.8749 6.5952L20.4507 10.9861C20.8012 11.3225 21.0002 11.7861 21.0002 12.2679V20.6043C21.0002 21.6043 20.1476 22.4225 19.1055 22.4225H8.67493C7.63283 22.4225 6.78967 21.6043 6.78967 20.6043L6.79914 7.87702C6.79914 6.87702 7.6423 6.05884 8.68441 6.05884H14.5297C15.0318 6.05884 15.5149 6.24975 15.8749 6.5952ZM19.579 12.4224H15.3159C14.7948 12.4224 14.3685 12.0133 14.3685 11.5133V7.42236L19.579 12.4224Z" fill="%23FBFFFF"/></svg>');
}

.ico.ico_copy._copied:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM16.7954 9.60604C17.1301 9.16674 17.0453 8.53928 16.606 8.20457C16.1667 7.86986 15.5393 7.95465 15.2046 8.39396L11.3266 13.4838L8.70711 10.8643C8.31658 10.4738 7.68342 10.4738 7.29289 10.8643C6.90237 11.2548 6.90237 11.888 7.29289 12.2785L10.7215 15.7071C10.9255 15.9112 11.2078 16.0171 11.4957 15.9977C11.7836 15.9784 12.0491 15.8356 12.224 15.606L16.7954 9.60604Z" fill="%23FBFFFF"/></svg>');
}

.ico.ico_arrow:after {
    content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g><path d="M5.625 9H12.375M12.375 9L9.90549 6.1875M12.375 9L9.90549 11.8125" stroke="%23FBFFFF" stroke-width="2" stroke-linecap="round"/></g><defs><clipPath><rect width="18" height="18" rx="8" fill="white"/></clipPath></defs></svg>');
}

@media (max-width: 1024px) {
    .ico.ico_copy:after {
        transform: scale(75%);
        width: 18px;
        height: auto;
    }
}

/* Buttons */
a {
    transition: .2s ease-in-out;
}

.button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--On-Surface, #FBFFFF);
    text-align: center;
    font: var(--Label-Large);
    white-space: nowrap;
    border-radius: 8px;
    box-shadow: 0px 2px 6px 0px rgba(7, 5, 16, 0.16);
    padding: 10px 36px;
    transition: .2s ease-in-out;
}

.button.button_primary {
    background: linear-gradient(var(--Primary, #3486E3), var(--Primary, #3486E3));
}

.button.button_secondary {
    background: var(--Secondary, linear-gradient(180deg, #5DAD39 0%, #309334 100%));
}

.button.button_outlined {
    border: 1px solid var(--On-Surface, #FBFFFF);
    background: transparent;
}

.button.button_tonal {
    background: var(--Tertiary, linear-gradient(180deg, #F44336 0%, #EC3C2F 100%));
}

.button.button_simple {
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
}

.button.button_simple._active {
    background-color: var(--hover, rgba(255, 255, 255, 0.06));
    background-blend-mode: overlay;
}

.button.button_apk,
.button.button_ios {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 4px;
    padding: 10px 32px;
    font: var(--Body-Small);
    color: var(--Surface-Dim, #1D2034);
    text-align: left;
    border-radius: 8px;
    background: var(--On-Surface, #FBFFFF);
    box-shadow: 0px 2px 6px 0px rgba(7, 5, 16, 0.16);
}

.button.button_apk span,
.button.button_ios span {
    color: var(--Surface-Dim, #1D2034);
    font: var(--Label-Small);
    display: min-content;
}

.button.button_apk:before,
.button.button_ios:before {
    grid-row: 1/3;
    margin: 0 6px;
}

.button.button_apk:before {
    content: url('data:image/svg+xml,<svg width="40" height="37" viewBox="0 0 40 37" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.6316 4.46447C16.8609 3.83068 18.2776 3.46948 19.7856 3.46948C21.2937 3.46948 22.7104 3.83068 23.9397 4.46447L24.8391 3.63423C25.0771 3.41456 25.4629 3.41456 25.7009 3.63423C25.9389 3.8539 25.9389 4.21006 25.7009 4.42973L24.9789 5.09618C27.0086 6.53576 28.3169 8.79909 28.3169 11.3445H11.2544C11.2544 8.79909 12.5627 6.53576 14.5924 5.09618L13.8704 4.42973C13.6324 4.21006 13.6324 3.8539 13.8704 3.63423C14.1084 3.41456 14.4942 3.41456 14.7322 3.63423L15.6316 4.46447ZM17.3481 7.96948C17.3481 8.5908 16.8025 9.09448 16.1294 9.09448C15.4563 9.09448 14.9106 8.5908 14.9106 7.96948C14.9106 7.34816 15.4563 6.84448 16.1294 6.84448C16.8025 6.84448 17.3481 7.34816 17.3481 7.96948ZM23.4419 9.09448C24.115 9.09448 24.6606 8.5908 24.6606 7.96948C24.6606 7.34816 24.115 6.84448 23.4419 6.84448C22.7688 6.84448 22.2231 7.34816 22.2231 7.96948C22.2231 8.5908 22.7688 9.09448 23.4419 9.09448Z" fill="%2387C527"/><path d="M6.37939 14.157C6.37939 13.225 7.19787 12.4695 8.20752 12.4695C9.21717 12.4695 10.0356 13.225 10.0356 14.157V20.907C10.0356 21.839 9.21717 22.5945 8.20752 22.5945C7.19787 22.5945 6.37939 21.839 6.37939 20.907V14.157Z" fill="%2387C527"/><path d="M14.9106 27.0945V31.032C14.9106 31.964 15.7291 32.7195 16.7388 32.7195C17.7484 32.7195 18.5669 31.964 18.5669 31.032V27.0945H21.0044V31.032C21.0044 31.964 21.8229 32.7195 22.8325 32.7195C23.8422 32.7195 24.6606 31.964 24.6606 31.032V27.0945H25.8794C27.2256 27.0945 28.3169 26.0871 28.3169 24.8445V12.4695H11.2544V24.8445C11.2544 26.0871 12.3457 27.0945 13.6919 27.0945H14.9106Z" fill="%2387C527"/><path d="M29.5356 14.157C29.5356 13.225 30.3541 12.4695 31.3638 12.4695C32.3734 12.4695 33.1919 13.225 33.1919 14.157V20.907C33.1919 21.839 32.3734 22.5945 31.3638 22.5945C30.3541 22.5945 29.5356 21.839 29.5356 20.907V14.157Z" fill="%2387C527"/></svg>');
}

.button.button_ios:before {
    content: url('data:image/svg+xml,<svg width="40" height="37" viewBox="0 0 40 37" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34.1921 12.7524C34.0324 12.8348 30.2328 14.5731 30.2328 18.4273C30.4119 22.8228 35.0278 24.3643 35.1069 24.3643C35.0278 24.4466 34.4101 26.4641 32.5803 28.579C31.1282 30.4007 29.5165 32.2374 27.069 32.2374C24.7409 32.2374 23.9052 31.0233 21.219 31.0233C18.3342 31.0233 17.518 32.2374 15.3093 32.2374C12.8618 32.2374 11.1307 30.3023 9.59941 28.4977C7.61005 26.1357 5.91915 22.4292 5.85945 18.8702C5.81923 16.9843 6.25785 15.1304 7.37127 13.5558C8.94278 11.3575 11.7484 9.86525 14.8123 9.81605C17.1598 9.75079 19.2491 11.1446 20.6817 11.1446C22.0547 11.1446 24.6215 9.81605 27.5258 9.81605C28.7794 9.81712 32.1222 10.1284 34.1921 12.7524ZM20.4832 9.4395C20.0653 7.71725 21.219 5.99499 22.2935 4.89639C23.6664 3.56779 25.8349 2.66602 27.7049 2.66602C27.8243 4.38827 27.0677 6.07736 25.7155 7.30755C24.5022 8.63614 22.4129 9.63633 20.4832 9.4395Z" fill="%23091222"/></svg>');
}

@media (min-width: 1025px) {
    .button.button_apk:hover,
    .button.button_ios:hover {
        transform: scale(1.05);
    }

    .button.button_primary:hover {
        background-color: var(--hover, rgba(255, 255, 255, 0.06));
        background-blend-mode: overlay;
    }

    .button.button_secondary:hover {
        background-color: var(--hover, rgba(255, 255, 255, 0.06));
        background-blend-mode: overlay;
    }

    .button.button_tonal:hover {
        background-color: var(--hover, rgba(255, 255, 255, 0.06));
        background-blend-mode: overlay;
    }

    .button.button_outlined:hover {
        background-color: var(--hover, rgba(255, 255, 255, 0.06));
        background-blend-mode: overlay;
    }

    .button.button_simple:hover {
        background-color: var(--hover, rgba(255, 255, 255, 0.06));
        background-blend-mode: overlay;
    }
}

@media (max-width: 1024px) {
    .button {
        font: var(--Label-Small);
        padding: 10px 20px;
    }

    .button.button_apk, .button.button_ios {
        justify-content: center;
        grid-template-columns: auto auto;
    }
}

/* Header */
.page-header {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding-top: 12px;
    padding-bottom: 12px;
}

.page-header__logo {
    margin-right: auto;
}

.page-header__logo img {
    min-width: 98px;
    max-height: 34px;
}

.page-header__buttons {
    display: flex;
    align-items: stretch;
    gap: 12px;
}

.page-header__main-buttons { /* Mobile wrapper */
    display: flex;
    align-items: stretch;
    gap: 12px;
}

.page-header hr {
    width: 1px;
    height: 44px;
}

.page-header__bonus {
    padding: 4px;
}

/*.page-header__bonus:before {*/
/*    content: url("../images/gift.webp");*/
/*    position: absolute;*/
/*    left: 6px;*/
/*    bottom: 0;*/
/*    display: flex;*/
/*    margin-right: 2px;*/
/*    line-height: 0;*/
/*}*/

.page-header__download {
    padding: 8px 6px;
}

@media (max-width: 1200px) {
    .page-header__download::before {
        content: var(--download_text_mob);
    }

    .page-header__download-text {
        display: none;
    }
}

@media (max-width: 1024px) {
    .page-header {
        gap: 12px 10px;
    }

    .page-header__logo {
        order: 0;
    }

    .page-header__logo img {
        min-width: unset;
        max-height: 16px;
    }

    .page-header hr {
        display: none;
    }

    .page-header__buttons {
        display: contents;
    }

    .page-header__main-buttons {
        justify-content: center;
        gap: 16px;
        border-radius: 16px;
        padding: 8px;
        background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
        flex: 1 1 100%;
        width: 100%;
        order: 20;
    }

    .page-header__download {
        order: 10;
    }

    .header__lang {
        order: 15;
    }
}

@media (max-width: 767px) {
    .page-header__main-buttons > * {
        flex: 1 1;
    }
}

/* Lang switcher */
.lang {
    position: relative;
    display: flex;
    flex-direction: column;
}

.lang__current {
    display: flex;
    align-items: center;
    gap: 8px;
    font: var(--Label-Large);
    color: var(--On-Surface, #FBFFFF);
    text-transform: uppercase;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
    padding: 10px 8px;
    border-radius: 8px;
    cursor: pointer;
}

@media (min-width: 1025px) {
    .lang__current:hover {
        background-color: var(--hover, rgba(255, 255, 255, 0.06));
        background-blend-mode: overlay;
    }
}

.lang__current._active {
    background-color: var(--hover, rgba(255, 255, 255, 0.06));
    background-blend-mode: overlay;
}

.lang__list {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    border-radius: 8px;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
    overflow: hidden;
    z-index: 30;
}

.lang__current._active + .lang__list {
    display: flex;
}

.lang__link {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
    padding: 8px;
    font: var(--Label-Large);
    color: var(--On-Surface, #FBFFFF);
    text-transform: uppercase;
}

.lang__item._active .lang__link {
    background: var(--hover, rgba(255, 255, 255, 0.06));
}

@media (min-width: 1025px) {
    .lang__link:hover {
        background: var(--hover, rgba(255, 255, 255, 0.06));
    }
}

.lang__link svg {
    width: 24px;
    height: 24px;
}

@media (max-width: 1024px) {
    .lang__code {
        display: none;
    }

    .lang__link {
        font: var(--Label-Small)
    }

    .lang__link svg {
        width: 18px;
        height: 18px;
    }
}

/* Header bonus menu */
/*.page-header__bonus._active + .page-header__bonus-menu {*/
/*    display: flex;*/
/*}*/

/* Burger */
.page-header__burger {
    display: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    order: 0;
}

.page-header__burger svg {
    display: block;
}

.page-header__burger rect {
    transition: transform 0.3s, opacity 0.3s;
}

.page-header._active .page-header__burger rect:nth-child(1) {
    transform: translateX(5px) rotate(45deg)
}

.page-header._active .page-header__burger rect:nth-child(2) {
    opacity: 0;
}

.page-header._active .page-header__burger rect:nth-child(3) {
    transform: translateX(-11px) translateY(6px) rotate(-45deg)
}

@media (max-width: 1024px) {
    .page-header__burger {
        display: flex;
    }
}

/* Header nav */
.header__nav {
    width: 100%;
    flex: 1 1 100%;
}

.header__nav-list {
    display: flex;
    padding: 8px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 16px;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
}

.header__nav .header__nav-list > .menu-item {
    border-radius: 8px;
}

@media (min-width: 1025px) {
    .header__nav .menu-item:hover {
        background-color: var(--hover, rgba(255, 255, 255, 0.06));
        background-blend-mode: overlay;
    }
}

.header__nav .menu-item__link {
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large);
    padding: 8px 12px;
}


.header__nav .menu-item__link img {
    min-width: 92px;
}

.header__nav .menu-item-has-children >   .menu-item__link {
    padding-right: 0;
    width: 100%;
}

.menu-item-has-children {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0 8px;
    padding-right: 12px;
}

.sub-menu {
    position: absolute;
}

.sub-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    border-radius: 8px;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
    max-height: 500px;
    overflow: auto;
    z-index: 100;
}

/*.menu-item-has-children .sub-menu:before {*/
/*   */
/*}*/

.menu-item-has-children:after {
    content: '';
    width: 100%;
    height: 10px;
    position: absolute;
    right: 0;
    top: 100%;
    left: 0;
}

@media (min-width: 1025px) {
    .menu-item-has-children:hover .sub-menu {
        display: flex;
    }
}

.sub-menu .menu-item__link {
    color: var(--On-Surface, #F2F5FA);
    font: var(--Label-Large);
    padding: 12px;
    width: 100%;
}

@media (min-width: 1025px) {
    .sub-menu .menu-item__link:hover {
        background-color: var(--hover, rgba(255, 255, 255, 0.06));
        background-blend-mode: overlay;
    }

    .header__nav-list .menu-item_bonus {
        display: none;
    }
}

@media (max-width: 1024px) {
    .header__nav {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        background: rgba(7, 13, 26, 0.60);
        z-index: 900;
    }

    .page-header._active .header__nav {
        display: block;
    }

    .page-header._active .page-header__burger {
        position: absolute;
        left: 222px;
        top: 12px;
        z-index: 901;
    }

    .admin-bar .header__nav {
        top: var(--wp-admin--admin-bar--height);
    }

    .header__nav-list {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        max-width: 278px;
        height: 100%;
        border-radius: 0 16px 16px 0;
        padding: 12px;
        overflow: auto;
    }

    .header__nav .menu-item__link {
        font: var(--Label-Small);
    }

    .menu-item {
        width: 100%;
    }

    .menu-arrow {
        padding-top: 8px;
        padding-bottom: 8px;
        flex: 1 1;
    }

    .menu-item-has-children {
        flex-wrap: wrap;
    }

    .header__nav .menu-item-has-children .menu-item__link {
        width: auto;
    }

    .menu-item-has-children._active .menu-arrow::after {
        justify-content: flex-end;
        transform: rotate(180deg);
    }

    .menu-item-has-children._active .sub-menu {
        display: flex;
        width: 100%;
        flex: 1 1 100%;
        background: unset;
        padding-left: 16px;
    }

    .sub-menu {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
    }

    .page-header._active .menu-item__link {
        display: flex;
        align-items: center;
    }

    .page-header._active .menu-item_bonus > .menu-item__link:before {
        content: url("../images/gift-mini.webp");
        display: inline-flex;
        margin-right: 8px;
    }

    .page-header._active .menu-item-has-children::after {
        content: unset;
    }
}

/* Bonus card (h1 bonuses, bonus list) */
.bonus-card {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    border: 4px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--Surface, #091222)), to(var(--Surface, #091222))), -webkit-gradient(linear, left bottom, left top, color-stop(39.57%, #121c2e), color-stop(99.91%, #3486e3));
    background-image: linear-gradient(var(--Surface, #091222), var(--Surface, #091222)), linear-gradient(0deg, #121c2e 39.57%, #3486e3 99.91%);
    padding: 38px 20px 28px 20px;
}

.bonus-card:before {
    content: url("../images/figure.webp");
    position: absolute;
    right: 0;
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    border-radius: 16px;
    overflow: hidden;
    z-index: 1;
}

.bonus-card:after {
    content: url('data:image/svg+xml,<svg width="106" height="26" viewBox="0 0 106 26" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_8013_6563)"><path d="M98 1.42236C97.3367 10.4425 89.825 17.4222 80.7805 17.4222L25.2197 17.4223C16.1751 17.4224 8.66325 10.4426 8 1.42236L98 1.42236Z" fill="%233486E3"/></g><defs><filter id="filter0_d_8013_6563" x="0" y="-6.57764" width="106" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.203922 0 0 0 0 0.52549 0 0 0 0 0.890196 0 0 0 0.6 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8013_6563"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8013_6563" result="shape"/></filter></defs></svg>');
    position: absolute;
    top: -3px;
    right: 24px;
    z-index: 0;
}

.bonus-card__label {
    position: absolute;
    top: -22px;
    left: 24px;
    display: inline-flex;
    padding: 3px 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    box-shadow: 0px 2px 4px 0px rgba(6, 4, 13, 0.20);

    border: 3px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%)), var(--surf-container-outline, #0D182B);

    font: var(--Label-Large-CAPS);
    text-transform: uppercase;
    color: var(--On-Surface, #FBFFFF);
    z-index: 2;
}

.bonus-card__label-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    background-color: var(--Surface);
}

.bonus-card__label-img img {
    max-width: 22px;
    max-height: 28px;
}

.bonus-card__title {
    font: var(--Headline-Large);
    text-transform: uppercase;
    color: var(--On-Surface, #FBFFFF);
    margin-bottom: 20px;
}

.bonus-card__title span {
    color: var(--Primary, #3486E3);
}

.bonus-card__title + .bonus-card__title {
    margin-top: 12px;
}

.bonus-card__title:last-of-type {
    margin-bottom: 20px;
}

.bonus-card__title .bonus-card__title-small {
    display: block;
    margin-bottom: 8px;
    font: var(--Title-Small);
    text-transform: none;
    color: var(--On-Surface, #fbffff);
}

.bonus-card > img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 42%;
    max-height: 220px;
    z-index: 1;
}

.bonus-card > :not(img) {
    z-index: 2;
}

.bonus-card__button {
    margin-top: 12px;
}

@media (max-width: 1024px) {
    .bonus-card {
        padding: 26px 12px 12px 12px;
    }

    .bonus-card__bonus::after {
        content: url('data:image/svg+xml,<svg width="76" height="24" viewBox="0 0 76 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_8013_6616)"><path d="M68 -7.62939e-06C67.5608 8.96044 60.1678 15.9999 51.1966 15.9999L24.8035 16C15.8322 16 8.43924 8.96051 7.99999 -2.38403e-06L68 -7.62939e-06Z" fill="%233486E3"/></g><defs><filter id="filter0_d_8013_6616" x="0" y="-8" width="76" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.203922 0 0 0 0 0.52549 0 0 0 0 0.890196 0 0 0 0.6 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8013_6616"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8013_6616" result="shape"/></filter></defs></svg>');
        right: 12px;
    }

    .bonus-card:after {
        content: url('data:image/svg+xml,<svg width="76" height="24" viewBox="0 0 76 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_8323_7384)"><path d="M68 -7.62939e-06C67.5608 8.96044 60.1678 15.9999 51.1966 15.9999L24.8035 16C15.8322 16 8.43924 8.96051 7.99999 -2.38403e-06L68 -7.62939e-06Z" fill="%233486E3"/></g><defs><filter id="filter0_d_8323_7384" x="0" y="-8" width="76" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.203922 0 0 0 0 0.52549 0 0 0 0 0.890196 0 0 0 0.6 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8323_7384"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_8323_7384" result="shape"/></filter></defs></svg>');
        right: 12px;
    }

    .bonus-card__bonus-label {
        padding: 5px 10px;
        font: var(--Label-Small-CAPS);
    }

    .bonus-card > img {
        max-width: 32%;
    }

    .bonus-card__title {
        font: var(--Headline-Small);
    }

    .bonus-card__title .bonus-card__title-small {
        margin-bottom: 6px;
    }

    .bonus-card__label {
        left: 12px;
        font: var(--Label-Small-CAPS);
    }
}

/* H1 block */
.h1-block__bonuses {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(390px, 1fr));
    gap: 20px;
    margin-top: 42px;
}

.h1-block__button,
.h1-block__promo {
    max-width: 56%;
}

.h1-block__promo {
    margin-top: 20px;
}

.h1-block__bonus-title + * {
    margin-top: auto;
}

@media (max-width: 1024px) {
    .h1-block__bonuses {
        gap: 38px;
        margin-top: 38px;
    }

    .h1-block__button, .h1-block__promo {
        max-width: 62%;
    }
}

@media (max-width: 767px) {
    .h1-block__bonuses {
        grid-template-columns: 1fr;
    }
}

/* Bonus list */
.bonuses__title + .bonuses {
    margin-top: 42px !important;
}

.bonuses {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(485px, 1fr));
    gap: 42px 20px;
}

.bonus-card__list {
    color: var(--On-Surface, #FBFFFF);
    margin-top: 0 !important;
}

.bonuses__button {
    margin-top: auto;
    margin-right: auto;
}

.bonuses__item {
    min-height: 434px;
}

.bonuses__item > * {
    max-width: 85%;
}

.bonuses__info {
    max-width: 62%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bonuses__info tbody {
    display: flex;
    gap: 16px;
}

.bonuses__info tbody tr {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1;
}

.bonuses__info th {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--on-surface-var, #C0C8D8);
    text-align: center;
    font: var(--Body-Small);
    flex: 1 0 auto;
}

.bonuses__info td {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    background: var(--card-additional, rgba(255, 255, 255, 0.80));
    color: var(--Surface, #091222);
    text-align: center;
    font: var(--Body-Small);
    flex: 0 1 auto;
    max-height: 68px;
    height: 100%;
}

.bonuses__info td b {
    font: var(--Headline-Large);
}

.bonuses__info td span {
    font: var(--Label-Large);
}

@media (max-width: 1024px) {
    .bonuses {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .bonuses__item {
        display: grid;
        grid-template-columns: min-content 1fr;
        gap: 0 8px;
        min-height: unset;
    }

    .bonuses__info td b {
        font: var(--Headline-Small);
    }

    .bonuses__info td span {
        font: var(--Label-Small);
    }

    .bonuses__item > * {
        grid-column: 1/-1;
        max-width: unset;
    }

    .bonuses__item > img,
    .bonuses__item .bonus-card__title {
        grid-row: 1/2;
        align-self: center;
    }

    .bonuses__item > img {
        grid-column: 1/2;
        position: relative;
        max-width: 58px;
    }

    .bonuses__item .bonus-card__title {
        grid-column: 2/3;
        margin-bottom: 0;
    }

    .bonuses__item .bonus-card__list {
        margin-top: 12px !important;
    }

    .bonuses__info {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .bonuses__button {
        width: 100%;
        margin-top: 12px;
    }
}

/* Label */
.label {
    display: flex;
    padding: 4px 8px;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    background: var(--click, rgba(255, 255, 255, 0.12));
    color: var(--On-Surface, #FBFFFF);
    font: var(--Body-Large);
    margin-right: auto;
}

.label img {
    max-height: 35px;
}

@media (max-height: 1024px) {
    .label {
        font: var(--Body-Medium);
    }
}

/* Promocode */
.promocode {
    display: flex;
    height: 44px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--On-Surface, #FBFFFF);
    font: var(--Title-Large);
    color: var(--On-Surface, #FBFFFF);
    cursor: pointer;
    user-select: none;
}

.promocode:hover {
    background-color: var(--hover, rgba(255, 255, 255, 0.06));
    background-blend-mode: overlay;
}

.promocode._copied {
    background: var(--click, rgba(255, 255, 255, 0.12));
}

.promocode_2 {
    gap: 10px;
    border-radius: 100px;
    border: 2px solid var(--On-Surface, #FBFFFF);
    background: #2A6AB6;
    padding: 6px 16px;
    box-shadow: 0px 2px 25px 0px rgba(255, 255, 255, 0.25);
}

.promocode[disabled] {
    /*opacity: .9;*/
    pointer-events: none;
}

@media (max-width: 1024px) {
    .promocode {
        font: var(--Title-Small);
    }
}

/* TOC */
.toc {
    display: flex;
    flex-direction: column;
}

.toc__title {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-top: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
    border-bottom: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
    color: var(--On-Surface, #FBFFFF);
    font: var(--Headline-Large);
    text-transform: uppercase;
}


.toc__title:before {
    content: url("../images/Content.webp");
}

.toc__title:after {
    padding: 8px;
    margin-left: auto;
    transform: rotate(180deg);
}

.toc._active .toc__title:after {
    transform: unset;
}

.toc__list {
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px 20px;
    padding-top: 12px;
}

.toc._active .toc__list {
    display: grid;
}

.toc__link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large);
    /*white-space: nowrap;*/
}

@media (min-width: 1025px ) {
    .toc__link:hover {
        color: var(--Primary);
    }
}

@media (max-width: 1024px) {
    .toc__title {
        font: var(--Headline-Small);
    }

    .toc__list {
        padding-top: 20px;
        gap: 12px;
    }
}

@media (max-width: 767px) {
    .toc__list {
        flex-direction: column;
    }
}

/* Video */
.video__container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.video__player {
    border-radius: 16px;
}

.video video {
    width: 100%;
}

.video__button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 2;
}

.video__button:hover {
    opacity: .7;
}

@media (max-width: 1024px) {
    .video__button svg {
        width: auto;
        max-height: 64px;
    }
}

/* Pros & Cons */
.pros-cons {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}

.pros-cons__title {
    width: 100%;
}

.pros-cons__description {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 32px;
}

.pros-cons__pros,
.pros-cons__cons {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3px;
    border-radius: 16px;
    flex: 1 1 calc(50% - 10px);
}

.pros-cons__pros svg,
.pros-cons__cons svg {
    margin: 13px 0 16px 0;
}

.pros-cons__pros {
    background: var(--Pros, #32BD57);
}

.pros-cons__cons {
    background: var(--error, #F6695C);
}

.pros-cons__subblock-title {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
    width: 100%;
    color: var(--On-Surface, #FBFFFF);
    font: var(--Title-Large);
}

.pros-cons__pros-list,
.pros-cons__cons-list {
    display: flex;
    flex-direction: column;
    background-color: var(--Surface, #091222);
    width: 100%;
    padding: 16px 24px;
    flex: 1 1;
    border-radius: 0 0 16px 16px;
}

.pros-cons__pros-list li,
.pros-cons__cons-list li {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    color: var(--on-surface-var, #C0C8D8);
}

.pros-cons__pros-list li:not(:last-child),
.pros-cons__cons-list li:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
}

.pros-cons__pros-list li::before,
.pros-cons__cons-list li::before {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
}

.pros-cons__pros-list li::before {
    content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.664062" y="0.666748" width="10.6667" height="10.6667" rx="2" fill="%2332BD57"/><path d="M3 10H9C9.55228 10 10 9.55228 10 9V3C10 2.44772 9.55228 2 9 2H3C2.44772 2 2 2.44772 2 3V9C2 9.55228 2.44772 10 3 10Z" stroke="%23FBFFFF" stroke-linecap="round"/></svg>');
}

.pros-cons__cons-list li::before {
    content: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.664062" y="0.666748" width="10.6667" height="10.6667" rx="2" fill="%23F7695C"/><path d="M3 10H9C9.55228 10 10 9.55228 10 9V3C10 2.44772 9.55228 2 9 2H3C2.44772 2 2 2.44772 2 3V9C2 9.55228 2.44772 10 3 10Z" stroke="%23FBFFFF" stroke-linecap="round"/></svg>');

}

@media (max-width: 1024px) {
    .pros-cons__description {
        display: contents;
    }

    .pros-cons__button {
        margin: 20px auto 0 auto;
        order: 10;
    }

    .pros-cons__pros svg,
    .pros-cons__cons svg {
        width: 36px;
        height: 36px;
        margin: 9px 0 12px 0;
    }

    .pros-cons__pros-list,
    .pros-cons__cons-list {
        padding: 16px;
    }

    .pros-cons__pros,
    .pros-cons__cons {
        flex: 1 1 100%;
    }

    .pros-cons__pros-list li::before,
    .pros-cons__cons-list li::before {
        width: 22px;
        min-width: 22px;
        height: 22px;
    }

    .pros-cons__pros {
        margin-top: 20px;
    }

    .pros-cons__pros + .pros-cons__cons {
        margin-top: 20px;
    }

    .pros-cons__subblock-title {
        padding: 16px;
        font: var(--Title-Small);
    }

}

@media (max-width: 767px) {
    .pros-cons__button {
        width: 100%;
    }
}

/* Big bonus & v2 */
.big-bonus {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 32px;
    border-radius: 16px;
    background-image: var(--big-bonus-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.big-bonus > * {
    max-width: 609px;
}

.big-bonus > img {
    max-height: 44px;
}

.big-bonus-2__title,
.big-bonus__title {
    color: var(--On-Surface, #FBFFFF);
    font: var(--Display-Large);
    border: none;
    padding: 0;
    margin-bottom: 0;
}

.big-bonus p:not([class]) {
    color: var(--On-Surface, #FBFFFF);
    text-align: center;
}

.big-bonus-2 p:not([class]):first-of-type,
.big-bonus p:not([class]):first-of-type {
    margin-top: 0;
}

.big-bonus-2__buttons,
.big-bonus__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

@media (max-width: 1024px) {
    .big-bonus {
        gap: 16px;
        padding: 30px 16px;
        min-height: 550px;
        background-image: var(--big-bonus-bg-mobile);
    }

    .big-bonus-2__title,
    .big-bonus__title {
        font: var(--Display-Small);
    }

    .big-bonus-2__buttons,
    .big-bonus__buttons {
        flex-direction: column;
        gap: 8px;
        width: 100%;
    }

    .big-bonus-2__buttons > *,
    .big-bonus__buttons > * {
        width: 100%;
    }
}

/* Big bonus v2 */
.big-bonus-2 {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 40px;
    border-radius: 16px;
    background-image: var(--big-bonus-2-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.big-bonus-2 p:not([class]) {
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large);
}

.big-bonus-2__buttons {
    justify-content: flex-start;
}

.big-bonus-2__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 1 44%;
}

.big-bonus-2__left > img {
    max-height: 44px;
}

.big-bonus-2__right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 1 35%;
    text-align: right;
}

.big-bonus-2__right-top {
    color: #06306F;
    max-width: 360px;
    align-self: end;
}

.big-bonus-2__right > img {
    max-height: 50px;
    align-self: end;
    margin-top: 4px;
}

.big-bonus-2__right-bottom {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 16px;
    background: var(--click, rgba(255, 255, 255, 0.12));
    margin-top: 8px;
}

.big-bonus-2__right-bottom > img {
    max-height: 98px;
}

.big-bonus-2__right-text {
    color: #06306F;
    /*font: var(--Body-Large);*/
}

.big-bonus-2__right-text span {
    font: var(--Label-Large);
}

.big-bonus-2__right-text a {
    display: inline;
    color: var(--Primary, #3486E3);
    font: var(--Label-Large);

    text-decoration: underline;
}

@media (max-width: 1024px) {
    .big-bonus-2 {
        flex-direction: column;
        background-image: var(--big-bonus-2-bg-mobile);
        padding: 16px;
        min-height: 580px;
    }

    .big-bonus-2 p:not([class]) {
        font: var(--Label-Small);
    }

    .big-bonus-2 p:not([class]):first-of-type {
        text-align: center;
    }

    .big-bonus-2__left {
        flex: unset;
    }

    .big-bonus-2__right-top {
        max-width: unset;
        text-align: left;
        font: var(--Body-Small);
        align-self: center;
    }

    .big-bonus-2__right > img {
        margin-top: 0;
    }

    .big-bonus-2__left > img,
    .big-bonus-2__title {
        align-self: center;
    }

    .big-bonus-2__right {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 10px 4px;
        flex: unset;
    }

    .big-bonus-2__right-bottom {
        flex-direction: row-reverse;
        grid-column: 1/3;
        font: var(--Body-Small)
    }

    .big-bonus-2__right-text a {
        font: var(--Label-Small);
    }


    .big-bonus-2__right-bottom > img {
        max-height: 60px;
    }

    .big-bonus-2__right-text {
        text-align: left;
    }
}

/* H1 app & App banner */
.h1-app,
.app-banner {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    background-image: var(--h1-app-bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 16px;
    padding-right: 40px;
    overflow: hidden;
}

.h1-app__time {
    position: absolute;
    top: 16px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    gap: 4px;
    border-radius: 8px;
    background: var(--click, rgba(255, 255, 255, 0.12));
    backdrop-filter: blur(5px);
    color: var(--on-surface-var, #C0C8D8);
    font: var(--Body-Medium);
}

.h1-app__time span {
    color: var(--On-Surface, #FBFFFF);
}

.h1-app__time:before {
    content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.75 0.75L15.75 3.75M15.75 3.75L12.75 6.75M15.75 3.75H5.25C4.45435 3.75 3.69129 4.06607 3.12868 4.62868C2.56607 5.19129 2.25 5.95435 2.25 6.75V8.25M5.25 17.25L2.25 14.25M2.25 14.25L5.25 11.25M2.25 14.25H12.75C13.5456 14.25 14.3087 13.9339 14.8713 13.3713C15.4339 12.8087 15.75 12.0456 15.75 11.25V9.75" stroke="%23C0C8D8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    display: flex;
}

.h1-app > img,
.app-banner > img {
    align-self: flex-end;
}

.h1-app__content,
.app-banner__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 40px 0;
}

.h1-app__description,
.app-banner__description {
    color: var(--On-Surface, #FBFFFF);
    text-align: center;
}

.h1-app__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.h1-app__info {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 23px;
    margin-left: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.00) 93.73%);
}

.app-banner__info tbody,
.h1-app__info tbody {
    display: flex;
    flex-direction: column;
}

.app-banner__info tr,
.h1-app__info tr {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.h1-app__info tr:not(:last-child) {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #FFF;
}

.app-banner__info td,
.h1-app__info td {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--On-Surface, #FFF);
    font: var(--Title-Large);
}


.app-banner__info tr:last-child td,
.h1-app__info tr:last-child td {
    gap: 4px;
}

.app-banner__info tr:last-child td svg:last-child,
.h1-app__info tr:last-child td svg:last-child {
    margin-right: 4px;
}

.app-banner__info th,
.h1-app__info th {
    color: var(--On-Surface, #FBFFFF);
    font-weight: normal;
}

@media (max-width: 1024px) {
    .app-banner,
    .h1-app {
        gap: 16px;
        grid-template-columns: 1fr;
        padding: 16px 16px 0 16px;
    }

    .app-banner__content,
    .h1-app__content {
        display: contents;
    }

    .h1-app__time {
        order: 1
    }

    .h1-app .h1-app__content img {
        order: 2
    }

    .app-banner__title, .h1-app__title {
        order: 3
    }

    .app-banner__description, .h1-app__description {
        order: 4
    }

    .app-banner__info, .h1-app__info {
        order: 5
    }

    .app-banner__buttons, .h1-app__buttons {
        order: 6
    }

    .app-banner > img, .h1-app > img {
        order: 7
    }

    .h1-app__time {
        position: relative;
        top: unset;
        left: unset;
        justify-self: start;
        font: var(--Body-Small);
    }

    .app-banner____content img,
    .h1-app__content img {
        justify-self: center;
    }

    .app-banner__info tr,
    .h1-app__info tr {
        justify-content: space-between;
    }

    .app-banner__info td,
    .h1-app__info td {
        font: var(--Title-Small);
    }

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

    .app-banner > img,
    .h1-app > img {
        justify-self: center;
    }

    .h1-app__info {
        padding: 4px 12px 0 12px;
        border-radius: 8px;
        margin-left: 0;
    }

    .h1-app__info tbody {
        flex-direction: row;
    }

    .h1-app__info tr:not(:last-child) {
        padding-bottom: unset;
        margin-bottom: unset;
        border-bottom: unset;
        padding-right: 6px;
        margin-right: 6px;
        border-right: 2px solid #FFF;
    }

    .app-banner__info tr:last-child td,
    .h1-app__info tr:last-child td {
        gap: 2px;
    }


    .app-banner__info tr:last-child td svg,
    .h1-app__info tr:last-child td svg {
        width: 18px;
        height: 18px;
    }

    .app-banner__info tr:last-child td svg:last-child,
    .h1-app__info tr:last-child td svg:last-child {
        margin-right: 0;
    }

    .app-banner__rating,
    .h1-app__rating {
        display: none;
    }

    .app-banner__info th,
    .h1-app__info th {
        font: var(--Body-Small);
    }

    .h1-app__rating-th:before {
        display: inline;
        content: var(--h1-app-rating);
    }
}

@media (max-width: 767px) {
    .app-banner__button,
    .h1-app__button {
        width: 100%;
    }
}

/* App banner */
.app-banner {
    background-image: var(--app-banner-bg);
    padding: 0 0 0 12px;
}

.app-banner__title {
    text-align: center;
    border: none;
    padding: 0;
    margin-bottom: 0;
}

.app-banner__info tbody {
    flex-direction: row;
}

.app-banner__info tr:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 2px solid #FFF;
}

.app-banner__buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-left: 15px;
}

.app-banner__logo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 298px;
    height: 55px;
    background: url('data:image/svg+xml,<svg viewBox="0 0 298 55" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.29711 4.71837C-0.0924532 2.72982 1.33026 0 3.75621 0H298V55H3.84131C1.39895 55 -0.0198758 52.2374 1.40297 50.2523L17.4606 27.8493L1.29711 4.71837Z" fill="%231E3D73"/></svg>');
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
}

.app-banner__logo img {
    max-height: 31px;
}

@media (max-width: 1024px) {
    .app-banner {
        padding: 62px 16px 0 16px;
        background-size: auto;
    }

    .app-banner__info {
        display: flex;
        justify-content: center;
        padding: 0;
    }

    .app-banner__info tr:not(:last-child) {
        padding-right: 6px;
        margin-right: 6px;
    }

    .app-banner__rating-th:before {
        display: inline;
        content: var(--app-banner-rating);
    }

    .app-banner__buttons {
        margin-left: 0;
    }

    .app-banner__logo {
        position: absolute;
        top: 16px;
        right: 0;
        min-width: 150px;
        height: 30px;
    }

    .app-banner__logo img {
        max-height: 14px;
    }
}

/* Border block */
.gradient-border,
.gradient-border-light {
    border-radius: 16px;
    border: 3px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}

.gradient-border {
    background-image: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%)), var(--surf-container-outline, #0D182B);
}

.gradient-border-light {
    background-image: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%)), var(--surf-container-outline-light, #0D182B);
}

/* Contacts */
.contacts__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 16px;
    margin-top: 20px;
}

.contacts__item {
    display: flex;
    gap: 20px;
    padding: 24px;
    border-radius: 16px;
}

.contacts__item > svg,
.contacts__item > img {
    justify-self: center;
    max-height: 156px;
    flex: 1 1;
}

.contacts__name {
    color: var(--On-Surface, #FBFFFF);
    text-align: center;
    font: var(--Label-Large)
}

.contacts__item a {
    color: var(--Primary, #3486E3);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    word-break: break-all;
}

.contacts__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 1 1;
}

.contacts__content > img {
    max-height: 48px;
}

@media (max-width: 1024px) {
    .contacts__list {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .contacts__item > svg,
    .contacts__item > img {
        display: none;
    }

    .contacts__name {
        font: var(--Label-Small)
    }

    .contacts__item a {
        font-size: 15px;
    }
}

/* text-image */
.text-image {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0 20px;
}

.text-image._reversed {
    grid-template-columns: auto 1fr;
}

.text-image:has(.contacts-table) {
    grid-template-columns: 1fr 1fr;
}

.text-image._bordered {
    padding: 32px;
}

.text-image__title {
    grid-column: 1/-1;
}

.text-image__title:has(img),
.text-image__title:has(svg) {
    display: flex;
    align-items: center;
    gap: 10px;
}

.text-image__title img,
.text-image__title svg {
    max-height: 36px;
}

.text-image__content {
    display: flex;
    flex-direction: column;
    align-self: center;
}

.text-image__content > :not(:first-child) {
    margin-top: 16px;
}

.text-image__content:has(h1) {
    margin-top: 0 !important;
}

.text-image__content h1 {
    text-transform: uppercase;
    text-align: left;
    border-bottom: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
    padding-bottom: 8px;
}

.text-image > img {
    max-width: 505px;
}

.text-image:has(.contacts-table) > img {
    max-width: 100%;
}

.text-image._reversed > img {
    grid-column: 1/2;
    grid-row: 2/3;
}

.text-image._reversed > :not(img):not(.text-image__title) {
    grid-column: 2/3;
    grid-row: 2/3;
}

@media (max-width: 1024px) {
    .text-image,
    .text-image._reversed {
        display: flex;
        flex-direction: column;
    }

    .text-image._reversed > :not(img):not(.text-image__title) {
        grid-column: unset;
        grid-row: unset;
    }

    .text-image._bordered {
        padding: 20px;
    }

    .text-image > * {
        grid-column: 1/2 !important;
    }

    .text-image__title {
        order: 1;
    }

    .text-image__title:has(img) {
        align-items: flex-start;
    }

    .text-image > img,
    .text-image._reversed > img {
        order: 5;
        justify-self: center;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .text-image__content {
        order: 10;
    }

    .text-image__content:has(~ img) {
        margin-top: 16px;
    }

    .text-image:has(h1) > img,
    .text-image:has(h1)._reversed > img {
        order: 20;
    }
}

@media (max-width: 767px) {
    .text-image > img,
    .text-image._reversed > img {
        width: 100%;
    }
}

/* Content button */
.content-button {
    margin-right: auto;
}

.content-button.content-button_center {
    margin-left: auto;
}

.content-button.content-button_right {
    margin-left: auto;
    margin-right: 0;
}

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

/* Columns */
.columns {
    display: flex;
    gap: 20px;
}

.columns:not(:first-child) {
    margin-top: 20px;
}

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

@media (max-width: 1024px) {
    .columns {
        flex-direction: column;
        align-items: center;
    }

    .column:has(.list) {
        order: 1;
    }

    .column:has(img) {
        order: 5;
    }
}

/* Custom list */
.list {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.list__title {
    text-align: center;
    padding: 12px 24px;
    width: 100%;
    color: var(--On-Surface, #FBFFFF);
    font: var(--Title-Large);
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
    border-radius: 16px 16px 0 0;
}

.list > p:not([class]) {
    padding-left: 24px;
    padding-right: 24px;
    color: var(--On-Surface, #FBFFFF);
}

.list > p:not([class]):first-of-type {
    margin-top: 0;
}

.list .wp-block-list {
    gap: 0;
    margin-top: 0;
    padding: 16px 24px;
}

.list .wp-block-list li:not(:last-child) {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));;
}

.list .wp-block-list li span {
    display: block;
}

@media (max-width: 1024px) {
    .list__title {
        font: var(--Title-Small);
    }

    .list .wp-block-list {
        padding: 16px;
    }
}

/* Bg image */
.wrapper:has(.bg-image) {
    position: relative;
    max-width: unset;
    width: 100%;
    padding: 60px 0;
}

.bg-image {
    display: flex;
    flex-direction: column;
    max-width: 1176px;
    border-radius: 16px;
    background: var(--Surface, #091222);
    box-shadow: 0px 2px 4px 0px rgba(6, 4, 13, 0.20);
    border-radius: 16px;
    padding: 32px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

.bg-image > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    z-index: -1;
}

.bg-image > .wp-block-heading + * {
    margin-top: 0 !important;
}

@media (max-width: 1272px) {
    .wrapper:has(.bg-image) {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 1208px) {
    .wrapper:has(.bg-image) {
        padding: 54px 0;
    }

    .bg-image {
        padding: 16px;
        margin-right: 16px;
        margin-left: 16px;
    }
}

/* Tabs */
.tabs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

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

.tabs__header-list {
    display: flex;
    align-items: stretch;
    gap: 20px;
    padding: 8px 0px;
    flex: 1 1;
}

.tabs__scroll {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.tabs__scroll[disabled] {
    opacity: .3;
    pointer-events: none;
}

@media (min-width: 1025px) {
    .tabs__scroll:hover {
        border-radius: 100px;
        background: var(--hover, rgba(255, 255, 255, 0.06));
    }

    .tabs__scroll:active {
        background: var(--click, rgba(255, 255, 255, 0.12));
    }
}

.tabs__header-list:has(> :nth-child(3)) {
    width: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.tabs__header-list:has(> :nth-child(3))::-webkit-scrollbar {
    display: none;
}

.tabs__header-list:has(> :nth-child(3)) .tabs__header-button {
    white-space: nowrap;
}

.tabs__header-button {
    display: flex;
    padding: 7px 13px;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    border: 3px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%)), var(--surf-container-outline, #0D182B);
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large);
    transform: translateY(0);
    transition: .1s ease-in-out;
    user-select: none;
    cursor: pointer;
}

@media (min-width: 1025px) {
    .tabs__header-button:not(.active):hover {
        transform: translateY(-3px);
        background-image: linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%), var(--Outline-Variant, #3486E3);
    }
}

.tabs__header-button img,
.tabs__header-button svg {
    max-height: 32px;
    min-width: 32px;
}

.tabs__header-button.active {
    background-image: linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%), var(--Outline-Variant, #3486E3);
}

.tabs__item.visually-hidden {
    display: none
}

.preview-block .tabs__item.visually-hidden {
    display: unset;
}

@media (max-width: 1024px) {
    .tabs__header {
        gap: 8px;
    }

    .tabs__header-list {
        gap: 8px;
    }


    .tabs__header-button {
        padding: 5px 13px;
        font: var(--Label-Small);
    }
}

/* How to */
.how-to > p:not([class]) + .how-to__list {
    margin-top: 20px;
}

.how-to__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.how-to__item {
    display: flex;
    padding: 24px;
    align-items: center;
    gap: 16px 20px;
    border-radius: 16px;
    border: 3px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%)), var(--surf-container-outline, #0D182B);
}

.how-to__index {
    display: flex;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
    border: 2px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(var(--Surface, #091222), var(--Surface, #091222)), var(--Outline-Variant, #3486E3);
    color: var(--Primary, #3486E3);
    font: car(--Title-Large);
}

.how-to__content {
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.how-to__item-title {
    color: var(--On-Surface, #FBFFFF);
    font: var(--Title-Large);
}

.how-to .how-to__content > :not(:first-child) {
    margin-top: 16px;
}

.how-to__button {
    margin-right: auto;
}

.how-to img {
    max-width: 500px;
}

@media (max-width: 1024px) {
    .how-to__item {
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 16px;
    }

    .how-to img {
        width: 100%;
        max-width: 100%;
    }

    .how-to__index {
        width: 48px;
        height: 48px;
        font: var(--Title-Small);
    }

    .how-to__item-title {
        font: var(--Title-Small);
    }

    .how-to .how-to__content > :not(:first-child) {
        margin-top: 12px;
    }

    .how-to__button {
        width: 100%;
    }
}

/* Warning */
.warning {
    display: flex;
    padding: 24px;
    align-items: flex-start;
    gap: 12px;
    border-radius: 8px;
    border: 1px solid var(--attention, #F6B63E);
    color: var(--on-surface-var, #C0C8D8);
    font: var(--Body-Italic-Large);
}

.wrapper > .warning:not(:first-child) {
    margin-top: 20px !important;
}

.warning:before {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM13.2982 7.03777C13.3196 6.47108 12.866 6 12.2989 6H11.642C11.0749 6 10.6213 6.47108 10.6427 7.03777L10.899 13.8204H13.0419L13.2982 7.03777ZM10.9138 17.5755C11.1995 17.8585 11.564 18 12.0074 18C12.4409 18 12.7956 17.8585 13.0714 17.5755C13.3571 17.2816 13.5 16.9224 13.5 16.498C13.5 16.0626 13.3571 15.698 13.0714 15.4041C12.7956 15.1102 12.4409 14.9633 12.0074 14.9633C11.564 14.9633 11.1995 15.1102 10.9138 15.4041C10.6379 15.698 10.5 16.0626 10.5 16.498C10.5 16.9224 10.6379 17.2816 10.9138 17.5755Z" fill="%23F7B63E"/></svg>');
    display: flex;
}

@media (max-width: 1024px) {
    .warning {
        font: var(--Body-Italic-Medium);
        padding: 16px;
    }
}

/* FAQ */
.faq > p:not([class]) + .faq__list {
    margin-top: 20px;
}

.faq__list {
    display: flex;
    align-items: flex-start;
    gap: 16px 20px;
    flex-wrap: wrap;
}

.faq__item {
    flex: 1 1 calc(50% - 20px);
    max-width: calc(50% - 20px);
}

@media (min-width: 1025px) {
    .faq__item:hover .ico_chevron::after {
        border-radius: 100px;
        background: var(--hover, rgba(255, 255, 255, 0.06));
    }

    .faq__item:active .ico_chevron::after {
        background: var(--click, rgba(255, 255, 255, 0.12));
    }
}

.faq__details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 16px;
    border-radius: 8px;
    background: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%));
    cursor: pointer;
}

.faq__details:not([open]) > :not(.faq__summary) {
    display: none;
}

.faq__item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large-CAPS);
    text-transform: uppercase;
}

.faq__details .faq__item-title:after {
    padding: 8px;
}

.faq__details[open] .faq__item-title {
    border-bottom: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
    padding-bottom: 8px;
}

.faq__details[open] .faq__item-title:after {
    transform: rotate(180deg);
}

.faq__details[open] .faq__summary + * {
    margin-top: 8px;
}

@media (max-width: 1024px) {
    .faq__list {
        gap: 8px
    }

    .faq__item {
        flex: 1 1 100%;
        max-width: 100%;
    }

    .faq__item-title {
        font: var(--Label-Small-CAPS);
    }
}

/* Promocodes */
.promocodes {
    display: flex;
    width: 100%;
    max-width: 368px;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 16px;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
}

.promocodes__title {
    display: flex;
    align-items: center;
    gap: 0 8px;
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large-CAPS);
    text-transform: uppercase;
    border-radius: 8px;
    border: 1px solid var(--Outline-Variant, #3486E3);
    background: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%));
    padding: 8px 16px;
    margin-bottom: 12px;
    width: 100%;
}

.promocodes__promo {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%));
    color: var(--on-surface-var, #C0C8D8);
    font: var(--Body-Small);
    margin-bottom: 12px;
}

.promocodes__promo span,
.promocodes__promo b {
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large);
}

.promocodes__block-title {
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large-CAPS);
    text-transform: uppercase;
    margin-bottom: 4px;
}

.promocodes__list {
    position: relative;
    width: 100%;
    border-radius: 8px;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
    box-shadow: 0px 2px 4px 0px #0a1526;
    cursor: pointer;
    user-select: none;
    margin-bottom: 12px;
}

.promocodes__list:hover .promocodes__item:first-child,
.promocodes__list._active .promocodes__item:first-child {
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%)), var(--surf-container-outline-light, #0D182B);
}

.promocodes__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 6px;
    color: var(--On-Surface, #FBFFFF);
    font: var(--Body-Large);
    padding: 12px 8px;
    border-radius: 8px;
    width: 100%;
}

.promocodes__item:first-child {
    padding: 12px 12px 12px 8px;
}

.promocodes__item:first-child,
.promocodes__item_single {
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%)), var(--surf-container-outline-light, #0D182B);
    background: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%));
    pointer-events: none;
}

.promocodes__list._active .promocodes__item:first-child:after {
    transform: rotate(180deg);
}

.promocodes__item_single {
    margin-bottom: 12px;
}

.promocodes__item + .promocodes__item {
    display: none;
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    color: var(--on-surface-var, #C0C8D8);
}

.promocodes__list._active .promocodes__item + .promocodes__item {
    display: flex;
}

.promocodes__item + .promocodes__item:hover {
    background-color: var(--hover, rgba(255, 255, 255, 0.06));
    background-blend-mode: overlay;
}

.promocodes__button {
    width: 100%;
}

@media (max-width: 1024px) {
    .promocodes {
        margin-left: auto;
        margin-right: auto;
    }

    .promocodes__title {
        font: var(--Label-Small-CAPS);
    }

    .promocodes__promo span,
    .promocodes__promo b {
        font: var(--Label-Large);
    }

    .promocodes__block-title {
        font: var(--Label-Small-CAPS);
    }

    .promocodes__item {
        font: var(--Body-Small);
    }

    .promocodes__item:first-child {
        padding: 15px 15px 15px 8px;
    }
}

@media (max-width: 767px) {
    .promocodes {
        max-width: unset;
    }
}

/* Simple promo */
.simple-promo {
    display: flex;
    align-items: center;
    gap: 8px 16px;
}

@media (max-width: 767px) {
    .simple-promo {
        flex-direction: column;
    }

    .simple-promo > * {
        width: 100%;
    }
}

/* How to mini */
.how-to-mini {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 8px;
}

.how-to-mini__item {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--Surface-Dim, #070E1B);
    color: var(--on-surface-var, #C0C8D8);
}

.how-to-mini__item p {
    margin-top: 0 !important;
}

.how-to-mini__index {
    display: flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: var(--Primary, #3486E3);
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large-CAPS);
}

@media (max-width: 767px) {
    .how-to-mini__index {
        font: var(--Label-Small-CAPS);
    }

    .how-to-mini__button {
        width: 100%;
    }
}

/* Gallery */
.gallery > p:not([class]) + .gallery__container {
    margin-top: 20px;
}

.gallery__container {
    overflow: hidden;
}

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

.gallery__link {
    display: flex;
}

.swiper-pagination {
    position: static !important;
    margin-top: 16px
}

.swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    background-color: #FFFFFF2E !important;
    opacity: 1 !important
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--on-surface-var, #C0C8D8) !important;
}

/* Game */
.game {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 16px;
    overflow: hidden;
}

.game__title {
    padding: 16px;
    width: 100%;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
    border: none;
    color: var(--On-Surface, #FBFFFF);
    font: var(--Title-Large);
    margin-bottom: 0;
}

.game__content,
.game__content iframe {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex: 1 1;
    border-radius: 8px;
    background: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%));
    width: calc(100% - 32px);
    min-height: 480px;
    margin: 16px;
    border: none;
    overflow: hidden;
}

.game__content > img {
    position: absolute;
    object-fit: cover;
    z-index: 1;
    max-width: unset;
    min-width: 100%;
    min-height: 100%;
}

.game__content:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(11, 20, 33, 0.80) 0%, rgba(11, 20, 33, 0.80) 100%);
    z-index: 2;
}

.game__content > :not(img) {
    z-index: 3;
}

.game__button {
    min-width: 251px;
    z-index: 5;
}

.game._active .game__button {
    order: 10;
    margin-bottom: 16px;
}

.game._active .game__content {
    display: contents;
}


@media (max-width: 767px) {
    .game._active {
        height: 96vh;
    }

    .game__button {
        min-width: 221px;
    }

    .game__title {
        font: var(--Title-Small);
    }

    .game__content,
    .game__content iframe {
        min-height: 291px;
    }
}

/* Scroll top */
.scroll-top {
    display: none;
    position: fixed;
    bottom: 26px;
    right: 34px;
    z-index: 900;
}

.mobile-button ~ .scroll-top,
.banner-bonus ~ .scroll-top {
    bottom: 84px;
}

.scroll-top._show {
    display: block;
}

.scroll-top:hover {
    opacity: .7;
}

@media (max-width: 1024px) {
    .scroll-top {
        right: 16px;
    }
}

/* Table */
.wp-block-table {
    overflow: auto;
}

.wp-block-table.big-table table {
    min-width: 1044px;
}

.wp-block-table table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 16px;
    border: 3px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%)), var(--surf-container-outline-light, #0D182B);
    overflow: hidden;
}

.wp-block-table table.has-fixed-layout {
    table-layout: fixed;
}

.wp-block-table th,
.wp-block-table td {
    padding: 24px;
    border: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
}

.wp-block-table th {
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large-CAPS);
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
    border-bottom: none;
}

.wp-block-table tr td:first-child {
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large);
    min-width: 281px;
}

@media (max-width: 1024px) {
    .wp-block-table table.has-fixed-layout {
        table-layout: auto;
    }

    .wp-block-table th,
    .wp-block-table td {
        padding: 16px;
    }

    .wp-block-table th {
        font: var(--Label-Small-CAPS);
    }

    .wp-block-table tr td:first-child {
        font: var(--Label-Small);
        min-width: 133px;
    }
}

/* Payments table */
.payments table {
    table-layout: fixed;
}

.payments table tr:nth-child(odd) td:not(:first-child),
.payments table tr:nth-child(even) td {
    padding: 16px;
}

.payments table tr:nth-child(odd) td:not(:first-child) {
    border-bottom: 1px solid transparent;
    padding-bottom: 6px;
}

.payments table tr:nth-child(even) td {
    padding-top: 6px;
}

.payments th {
    text-align: center;
    white-space: normal;
}

.payments.wp-block-table table td {
    color: var(--on-surface-var, #C0C8D8);
    text-align: right;
}

.payments table tr:nth-child(odd) td:first-child {
    color: var(--On-Surface, #FBFFFF);
    font: var(--Label-Large);
}

.payments table td span {
    font: var(--Label-Large);
    float: left;
}

.payments__image {
    display: flex;
    align-items: center;
    gap: 8px;
}

.payments__image img,
.payments__image svg {
    max-height: 50px;
    min-width: 80px;
}

@media (max-width: 1024px) {
    .payments table tr:nth-child(odd) td:not(:first-child),
    .payments table tr:nth-child(even) td {
        padding: 12px;
    }

    .payments table tr:nth-child(odd) td:not(:first-child) {
        padding-bottom: 6px;
    }

    .payments table tr:nth-child(even) td {
        padding-top: 6px;
    }

    .payments table {
        table-layout: auto;
    }

    .payments table td {
        min-width: 267px;
    }

    .payments table td span {
        font: var(--Label-Small);
    }
}

/* Mobile button */
.mobile-button {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 600px;
    background: linear-gradient(90deg, #0C172B 14.88%, #132B4B 40.08%, #1D4577 59.32%, #2761A5 80.55%, #3486E3 99.98%);
    box-shadow: 0px 2px 4px 0px rgba(6, 4, 13, 0.20);
    z-index: 901;
}

.mobile-button._app-style {
    background: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%));
}

.mobile-button__content {
    display: grid;
    grid-template-columns: 1fr min-content;
    grid-template-rows: auto auto auto;
    padding: 6px 12px;
    align-items: center;
    gap: 0 8px;
    color: var(--on-surface-var, #C0C8D8);
    font: var(--Body-Small);
    text-align: left;
    width: 100%;
}

.mobile-button._app-style .mobile-button__content {
    grid-template-columns: min-content 1fr min-content;
    grid-template-rows: auto auto;
    padding: 6px 8px;
}

.mobile-button__content img {
    max-height: 16px;
    margin-bottom: 4px;
}

.mobile-button._app-style img {
    min-width: 28px;
    max-height: 46px;
    margin-bottom: -6px;
    grid-row: 1/-1;
    grid-column: 1/2;
}

.mobile-button__content span:not(.mobile-button__btn),
.mobile-button__content b {
    color: var(--On-Surface, #FBFFFF);
    font: var(--Title-Small);
}

.mobile-button._app-style .mobile-button__content span:not(.mobile-button__btn),
.mobile-button._app-style .mobile-button__content b {
    font: var(--Label-Small);
}

.mobile-button__btn {
    grid-row: 1/-1;
    grid-column: 2/3;
    min-width: 165px;
    margin-left: auto;
    padding: 8px 16px;
}

.mobile-button._app-style .mobile-button__btn {
    grid-row: 1/-1;
    grid-column: 3/4;
    min-width: unset;
}

@media (min-width: 992px) {
    .mobile-button {
        display: none;
    }
}

@media (max-width: 350px) {
    .mobile-button__btn {
        min-width: unset;
    }
}

/* Banner bonus */
.banner-bonus {
    position: fixed;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 20;
    width: 100%
}

.banner-bonus.hidden {
    display: none
}

.banner-bonus::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc((100vw - 1240px) / 2 * -1);
    z-index: -1;
    width: 100vw;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(22.68%, #0c172b), to(#3486e3));
    background: linear-gradient(90deg, #0c172b 22.68%, #3486e3 100%);
    pointer-events: none
}

.banner-bonus__wrap {
    padding-block: 16px;
    width: calc(100% + 50px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    padding-right: 52px;
    padding-left: 50px;
    margin-left: -50px;
    overflow: hidden
}

.banner-bonus__logo {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.banner-bonus__logo img, .banner-bonus__logo svg {
    max-width: 213px;
    max-height: 36px
}

.banner-bonus__logo-chip-1, .banner-bonus__logo-chip-2, .banner-bonus__logo-dice-1, .banner-bonus__logo-dice-2 {
    content: "";
    position: absolute;
    pointer-events: none
}

.banner-bonus__logo-chip-1 {
    content: url(../images/chip-1.webp);
    width: 42px;
    height: 43px;
    top: 0;
    left: -9px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.banner-bonus__logo-chip-2 {
    content: url(../images/chip-2.webp);
    width: 46px;
    height: 54px;
    left: -25px;
    top: -31px
}

.banner-bonus__logo-dice-1 {
    content: url(../images/dice-1.webp);
    width: 34px;
    height: 34px;
    top: -16px;
    right: -18px
}

.banner-bonus__logo-dice-2 {
    content: url(../images/dice-2.webp);
    width: 63px;
    height: 63px;
    right: -43px;
    bottom: -43px
}

.banner-bonus__title {
    font-family: Poppins, sans-serif;
    font-size: 32px;
    line-height: 132%;
    font-weight: 800;
    color: var(--On-Surface);
    position: relative;
    text-transform: uppercase
}

.banner-bonus__title::before {
    content: "";
    pointer-events: none;
    background: rgba(255, 255, 255, .0392156863);
    -webkit-clip-path: polygon(9% 0, 100% 0, 91% 100%, 0 100%);
    clip-path: polygon(9% 0, 100% 0, 91% 100%, 0 100%);
    position: absolute;
    top: -20px;
    left: -47px;
    width: calc(100% + 89px);
    height: calc(100% + 40px)
}

.banner-bonus__close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: background
}

.banner-bonus__close::before {
    content: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3657 12.2343C13.0533 11.9219 12.5467 11.9219 12.2343 12.2343C11.9219 12.5467 11.9219 13.0533 12.2343 13.3657L18.8686 20L12.2343 26.6343C11.9219 26.9467 11.9219 27.4533 12.2343 27.7657C12.5467 28.0781 13.0533 28.0781 13.3657 27.7657L20 21.1314L26.6343 27.7657C26.9467 28.0781 27.4533 28.0781 27.7657 27.7657C28.0781 27.4533 28.0781 26.9467 27.7657 26.6343L21.1314 20L27.7657 13.3657C28.0781 13.0533 28.0781 12.5467 27.7657 12.2343C27.4533 11.9219 26.9467 11.9219 26.6343 12.2343L20 18.8686L13.3657 12.2343Z" fill="%23FBFFFF"/></svg>');
    width: 40px;
    height: 40px;
    display: block
}

.banner-bonus__promo {
    font: var(--Headline-Small)
}

.banner-bonus__bonus, .banner-bonus__chip-3 {
    position: absolute;
    z-index: -1;
    pointer-events: none
}

.banner-bonus__chip-3 {
    content: url(../images/chip-3.webp);
    width: 45px;
    height: 54px;
    bottom: 0;
    left: 59%
}

.banner-bonus__bonus {
    content: url(../images/bonus.webp);
    width: 97px;
    height: 76px;
    top: 0;
    left: 76%
}

@media (max-width: 1272px) {
    .banner-bonus {
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        width: calc(100% - var(--offset, 16px) * 2)
    }

    .banner-bonus::before {
        left: calc(var(--offset) * -1)
    }
}

@media (max-width: 991px) {
    .banner-bonus {
        display: none
    }
}

@media (hover: hover) {
    .banner-bonus__close:hover {
        background: var(--hover)
    }
}

/* Page Footer */
.page-footer {
    border-radius: 16px;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 64px 32px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 372px 1fr;
    grid-template-columns: 372px 1fr;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.page-footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
}

.page-footer a.page-footer__logo {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: opacity;
}

.page-footer a.page-footer__logo:active {
    opacity: 0.6;
}

.page-footer__logo {
    position: relative;
    margin-right: auto;
    max-width: 153px;
    max-height: 153px;
}

.page-footer__logo img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.page-footer__soc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-footer__soc a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: opacity;
}

.page-footer__soc a:active {
    opacity: 0.6;
}

.page-footer__soc img,
.page-footer__soc svg {
    max-height: 48px;
}

.page-footer__download {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    row-gap: 4px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.page-footer__download > img {
    max-width: 96px;
    max-height: 96px;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    grid-column: 2/-1;
}

.page-footer__download-btn {
    border-radius: 8px;
    background: var(--On-Surface, #fbffff);
    -webkit-box-shadow: 0px 2px 6px 0px rgba(7, 5, 16, 0.16);
    box-shadow: 0px 2px 6px 0px rgba(7, 5, 16, 0.16);
    padding: 4px 8px 4px 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: opacity;
}

.page-footer__download-btn:active {
    opacity: 0.6;
}

.page-footer__download-btn svg,
.page-footer__download-btn img {
    width: 39px;
    height: 36px;
    -o-object-fit: contain;
    object-fit: contain;
}

.page-footer__download-info {
    font: var(--Body-Small);
    color: var(--Surface-Dim, #1d2034);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.page-footer__download-info span {
    font: var(--Label-Small);
}

.page-footer__nav-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [ 3 ];
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 8px;
}

.page-footer__nav-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.page-footer__nav-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font: var(--Label-Large);
    padding: 8px 12px;
    border-radius: 8px;
    color: var(--On-Surface, #fbffff);
    text-align: center;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: background;
}

.page-footer__nav-list a:focus {
    background: var(--click, rgba(255, 255, 255, 0.12));
}

.page-footer__gallery {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-footer__gallery li {
    padding: 10px;
    border-radius: 8px;
    background: var(--Surface, #091222);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-footer__gallery img {
    max-width: 300px;
    width: auto;
    max-height: 43px;
    -o-object-fit: contain;
    object-fit: contain;
}

.page-footer__gallery,
.page-footer__bottom {
    grid-column: 1/-1;
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
}

.page-footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-footer__bottom p {
    font: var(--Body-Medium);
    color: var(--on-surface-var, #c0c8d8);
}

.page-footer__bottom img {
    max-width: 100%;
    max-height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
}

.page-footer__bottom-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-footer__bottom-list_imgs p {
    font: var(--Label-Large-CAPS);
    text-transform: uppercase;
}

.page-footer__bottom-list p {
    margin-top: 0 !important;
}

@media (max-width: 1239.9px) {
    .page-footer {
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    }

    .page-footer__nav {
        padding-top: 24px;
        margin-top: 24px;
        border-top: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
    }

    .page-footer__nav-list {
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991.9px) {
    .page-footer {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.9px) {
    .page-footer {
        padding: 56px 16px;
    }

    .page-footer__info {
        gap: 16px;
    }

    .page-footer__logo {
        max-width: 180px;
        max-height: 180px;
    }

    .page-footer__download {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 4px;
        -moz-column-gap: 4px;
        column-gap: 4px;
    }

    .page-footer__download > img {
        display: none;
    }

    .page-footer__download-btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .page-footer__nav {
        margin-top: 20px;
        padding-top: 20px;
    }

    .page-footer__nav-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .page-footer__nav-list a {
        font: var(--Label-Small);
    }

    .page-footer__gallery {
        gap: 8px;
    }

    .page-footer__gallery li {
        padding: 8px;
    }

    .page-footer__gallery img {
        max-height: 26px;
    }

    .page-footer__gallery,
    .page-footer__bottom {
        margin-top: 20px;
        padding-top: 20px;
    }

    .page-footer__bottom p {
        font: var(--Body-Small);
    }

    .page-footer__bottom-list_imgs {
        gap: 12px;
    }

    .page-footer__bottom-list_imgs p {
        font: var(--Label-Small-CAPS);
    }
}

@media (hover: hover) {
    .page-footer a.page-footer__logo:hover {
        opacity: 0.6;
    }

    .page-footer a.page-footer__logo:focus {
        opacity: 0.6;
    }

    .page-footer__soc a:hover {
        opacity: 0.6;
    }

    .page-footer__soc a:focus {
        opacity: 0.6;
    }

    .page-footer__download-btn:hover {
        opacity: 0.6;
    }

    .page-footer__download-btn:focus {
        opacity: 0.6;
    }

    .page-footer__nav-list a:hover {
        background-color: var(--hover, rgba(255, 255, 255, 0.06));
        background-blend-mode: overlay;
    }
}

/* Categories */
.popular-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.popular-categories__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 24px
}

.popular-categories__title img {
    max-width: 48px;
    max-height: 48px;
    -o-object-fit: contain;
    object-fit: contain
}

.popular-categories__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
    gap: 20px
}

.popular-categories__link {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    padding: 7px;
    border-radius: 100px;
    font: var(--Title-Large);
    color: var(--On-Surface, #fbffff);
    border: 3px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), var(--surf-container-outline, #0d182b);
    -webkit-transition-property: background-image, -webkit-box-shadow;
    transition-property: background-image, -webkit-box-shadow;
    transition-property: box-shadow, background-image;
    transition-property: box-shadow, background-image, -webkit-box-shadow;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: box-shadow, background-image;
    transform: translateY(0);
    transition: .1s ease-in-out;
}

.popular-categories__link:active {
    -webkit-box-shadow: 0 4px 8px 0 rgba(52, 134, 227, .18);
    box-shadow: 0 4px 8px 0 rgba(52, 134, 227, .18);
    background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), linear-gradient(179.9deg, #0e1726 .09%, #3486e3 65.35%)
}

.popular-categories__link::after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 12H16.5M16.5 12L13.2073 8.25M16.5 12L13.2073 15.75" stroke="%23FBFFFF" stroke-width="2" stroke-linecap="round"/></svg>');
    display: block;
    width: 24px;
    height: 24px;
    margin-left: auto
}

.popular-categories__link > img {
    max-width: 48px;
    max-height: 48px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 575.9px) {
    .popular-categories__title {
        margin-bottom: 20px
    }

    .popular-categories__title img {
        max-width: 36px;
        max-height: 36px
    }

    .popular-categories__list {
        gap: 16px;
        grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))
    }

    .popular-categories__link {
        padding: 5px;
        gap: 6px;
        font: var(--Title-Small)
    }

    .popular-categories__link > img {
        max-width: 36px;
        max-height: 36px
    }
}

@media (hover: hover) {
    .popular-categories__link:hover {
        -webkit-box-shadow: 0 4px 8px 0 rgba(52, 134, 227, .18);
        box-shadow: 0 4px 8px 0 rgba(52, 134, 227, .18);
        background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), linear-gradient(179.9deg, #0e1726 .09%, #3486e3 65.35%);
        transform: translateY(-3px);
    }

    .popular-categories__link:focus {
        -webkit-box-shadow: 0 4px 8px 0 rgba(52, 134, 227, .18);
        box-shadow: 0 4px 8px 0 rgba(52, 134, 227, .18);
        background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), linear-gradient(179.9deg, #0e1726 .09%, #3486e3 65.35%);
        transform: translateY(-3px);
    }
}

/* Tournaments */
/* Tournaments Block */

.tournaments-block:not(:first-child) {
    margin-top: 20px;
}

.tournaments-block__btn {
    margin-top: 20px;
    margin-inline: auto;
}

.tournaments-block__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(295px, 1fr));
    gap: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.tournaments-block__list::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.tournaments-block__list-item {
    min-width: 295px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
    font: var(--Label-Large);
    color: var(--On-Surface, #fbffff);
    text-align: center;
    background: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%));
    -webkit-box-shadow: 0px 2px 6px 0px rgba(7, 5, 16, 0.16);
    box-shadow: 0px 2px 6px 0px rgba(7, 5, 16, 0.16);
}

.tournaments-block__list-item img {
    width: 100%;
    aspect-ratio: 263/148;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 992px) {
    .tournaments-block.hidden .tournaments-block__list-item:nth-of-type(n + 9) {
        display: none;
    }

    .articles.tournaments-block.hidden .tournaments-block__list > li:nth-of-type(n + 9) {
        display: none;
    }
}

@media (max-width: 991.9px) {
    .tournaments-block__btn {
        display: none;
    }

    .tournaments-block__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow-x: auto;
    }

    .tournaments-block.articles .tournaments-block__list {
        flex-direction: column;
        overflow: hidden;
    }
}

@media (max-width: 575.9px) {
    .tournaments-block__list {
        gap: 16px;
    }

    .tournaments-block__list-item {
        font: var(--Label-Small);
    }

    .page-header {
        gap: 12px 8px;
    }

    .page-header hr {
        width: 0;
    }
}

@media (max-width: 389px) {
    .page-header {
        gap: 12px 3px;
    }

    .lang__current svg {
        width: 20px;
    }

    .lang__current {
        padding: 10px 6px;
    }
    .lang__link {
        gap: 5px;
    }
}

/* Slots List */
.slots-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.slots-list__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
}

.slots-list__title h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
}

.slots-list__title img {
    max-width: 48px;
    max-height: 48px;
    -o-object-fit: contain;
    object-fit: contain;
}

.slots-list__title-btn {
    margin-left: auto;
}

.slots-list__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    gap: 20px;
}

.slots-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 16px;
    overflow: hidden;
    border: 3px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), var(--surf-container-outline, #0d182b);
    -webkit-transition-property: background-image, -webkit-box-shadow;
    transition-property: background-image, -webkit-box-shadow;
    transition-property: box-shadow, background-image;
    transition-property: box-shadow, background-image, -webkit-box-shadow;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: box-shadow, background-image;
    transition: .2s ease-in-out;
    transform: translate(0);
}

@media (min-width: 1025px) {
    .slots-list__item:has(.slots-list__item-btns):hover {
        -webkit-box-shadow: 0px 4px 8px 0px rgba(52, 134, 227, 0.24);
        box-shadow: 0px 4px 8px 0px rgba(52, 134, 227, 0.24);
        background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), var(--Outline-Variant, linear-gradient(180deg, #121c2e 39.57%, #3486e3 99.91%));
        transform: translateY(-3px);
    }

    .slots-list__item:has(.slots-list__item-btns):hover .slots-list__item-btns {
        opacity: 1;
        pointer-events: all;
    }
}

@media (max-width: 1024px) {
    .slots-list__item:has(.slots-list__item-btns)._active {
        -webkit-box-shadow: 0px 4px 8px 0px rgba(52, 134, 227, 0.24);
        box-shadow: 0px 4px 8px 0px rgba(52, 134, 227, 0.24);
        background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), var(--Outline-Variant, linear-gradient(180deg, #121c2e 39.57%, #3486e3 99.91%));
    }

    .slots-list__item:has(.slots-list__item-btns)._active .slots-list__item-btns {
        opacity: 1;
        pointer-events: all;
    }
}


.slots-list__item-img {
    position: relative;
    min-height: 127px;
}

.slots-list__item-img img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1025px) {
    .slots-list__item:has(.slots-list__item-btns):hover .slots-list__item-img::after {
        content: "";
        position: absolute;
        inset: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    }
}

@media (max-width: 1024px) {
    .slots-list__item:has(.slots-list__item-btns)._active .slots-list__item-img::after {
        content: "";
        position: absolute;
        inset: 0;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.9)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    }
}

.slots-list__item-btns {
    position: relative;
    z-index: 1;
    padding: 18px 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    transition: .2s ease-in-out;
    will-change: opacity;
    opacity: 0;
    pointer-events: none;
}

.slots-list__item-btns .button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 8px;
    font: var(--Label-Small);
    white-space: normal;
}

.slots-list__item-btn_2 {
    padding: 10px 8px;
    font: var(--Label-Small);
    margin: 8px 8px 10px 8px
}

.slots-list__item-title {
    padding: 4px 7px 0;
    text-align: center;
    font: var(--Label-Large);
    color: var(--On-Surface, #fbffff);
}

@media (min-width: 576px) {
    .slots-list__title {
        padding: 12px 0;
        border-top: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
        border-bottom: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
        margin-bottom: 20px;
    }

    .slots-list__title h2 {
        padding: 0;
        border: 0;
        margin: 0;
    }
}

@media (max-width: 575.9px) {
    .slots-list__title {
        display: contents;
    }

    .slots-list__title img {
        max-width: 36px;
        max-height: 36px;
    }

    .slots-list__title-btn {
        -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
        order: 100;
        width: 100%;
        margin-top: 20px;
    }

    .slots-list__list {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 16px;
    }

    .slots-list__item-btns {
        padding: 8px 15px;
        gap: 4px;
    }

    .slots-list__item-title {
        padding: 8px 10px 5px;
        font: var(--Label-Small);
    }
}

/* Modal */

.modal {
    position: fixed;
    inset: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 200;
    background-color: rgba(9, 18, 34, 0.6);
}

.modal:not(.active) {
    display: none;
}

.modal__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    max-width: 1240px;
    border: 3px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), var(--surf-container-outline, #0d182b);
    border-radius: 16px;
    overflow: hidden;
    margin: auto;
}

.modal__header {
    padding: 13px 13px 16px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 18px;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
}

.modal__footer {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modal__title {
    color: var(--On-Surface, #fbffff);
    font: var(--Title-Large);
    text-align: left;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
}

.modal__close {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    border-radius: 50%;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: background;
}

.modal__close::after {
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.36569 0.234315C1.05327 -0.0781049 0.546734 -0.0781049 0.234315 0.234315C-0.0781049 0.546734 -0.0781049 1.05327 0.234315 1.36569L6.86863 8L0.234315 14.6343C-0.0781042 14.9467 -0.0781042 15.4533 0.234315 15.7657C0.546736 16.0781 1.05327 16.0781 1.36569 15.7657L8 9.13137L14.6343 15.7657C14.9467 16.0781 15.4533 16.0781 15.7657 15.7657C16.0781 15.4533 16.0781 14.9467 15.7657 14.6343L9.13137 8L15.7657 1.36569C16.0781 1.05327 16.0781 0.546734 15.7657 0.234315C15.4533 -0.0781048 14.9467 -0.0781049 14.6343 0.234315L8 6.86863L1.36569 0.234315Z" fill="%23FBFFFF"/></svg>');
}

.modal__body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 509px;
    max-width: 100%;
    max-height: 100%;
    padding: 16px 13px 13px;
    overflow-y: auto;
}

.modal__body:before {
    content: "Loading...";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    color: var(--On-Surface, #fbffff);
    -webkit-animation: loading 1s linear infinite alternate;
    animation: loading 1s linear infinite alternate;
    z-index: 1;
}

@-webkit-keyframes loading {
    to {
        opacity: 0;
    }
}

@keyframes loading {
    to {
        opacity: 0;
    }
}

.modal iframe {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    z-index: 2;
    margin: 0;
    border: 0;
}

@media (max-width: 1272px) {
    .modal__content {
        max-width: calc(100% - var(--offsets, 16px) * 2);
    }
}

@media (max-width: 991.9px) {
    .modal__header {
        display: contents;
    }

    .modal__footer {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        padding: 16px;
        margin-left: 0;
    }

    .modal__title {
        display: block;
        padding: 16px;
        padding-right: 76px;
    }

    .modal__close {
        position: absolute;
        top: 10px;
        right: 16px;
    }

    .modal__body {
        padding-bottom: 0;
    }
}

@media (max-width: 575.9px) {
    .modal__content {
        max-width: 100%;
    }

    .modal__footer {
        padding: 16px 13px 13px;
    }

    .modal__footer .modal__button {
        width: 100%;
    }

    .modal__title {
        padding: 16px 13px 16px;
        padding-right: 73px;
        font: var(--Title-Small);
    }

    .modal__close {
        top: 6px;
        right: 13px;
    }
}

@media (hover: hover) {
    .modal__close:hover {
        background: var(--hover);
    }
}

/* Sports Block */

.sports-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr 1.459fr;
    grid-template-columns: 3fr 1.459fr;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.sports-block .bonus-card {
    min-height: 326px;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    margin-top: 21px;
}

.sports-block__title {
    grid-column: 1/-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 24px;
}

.sports-block__title img {
    max-width: 48px;
    max-height: 48px;
    -o-object-fit: contain;
    object-fit: contain;
}

.sports-block__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [ 4 ];
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.sports-block__list a.sports-block__list-item {
    -webkit-transition-property: background-image, -webkit-box-shadow;
    transition-property: background-image, -webkit-box-shadow;
    transition-property: background-image, box-shadow;
    transition-property: background-image, box-shadow, -webkit-box-shadow;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: background-image, box-shadow;
}

.sports-block__list-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    padding: 17px 5px;
    border-radius: 8px;
    border: 3px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), var(--surf-container-outline, #0d182b);
    font: var(--Title-Large);
    color: #fff;
}

.sports-block__list-item > img {
    max-width: 32px;
    max-height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
}

.sports-block__list-cat {
    position: absolute;
    top: -3px;
    right: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2px;
    padding: 0px 8px;
    border-radius: 0px 0px 10px 10px;
    background: var(--Tertiary, linear-gradient(180deg, #f44336 0%, #ec3c2f 100%));
    font: var(--Body-Small);
    color: var(--On-Surface, #fbffff);
}

.sports-block__list-cat img {
    max-width: 18px;
    max-height: 18px;
    -o-object-fit: contain;
    object-fit: contain;
}

.sports-block .bonus-card .bonus-card__title,
.sports-block .bonus-card .bonus-card__button {
    max-width: 237px;
}

@media (max-width: 1239.9px) {
    .sports-block {
        -ms-grid-columns: 1.5fr 1fr;
        grid-template-columns: 1.5fr 1fr;
    }

    .sports-block__list {
        -ms-grid-columns: (1fr) [ 3 ];
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991.9px) {
    .sports-block .bonus-card {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .sports-block__list {
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767.9px) {
    .sports-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .sports-block .bonus-card {
        margin-top: 40px;
        min-height: 272px;
    }

    .sports-block .bonus-card .bonus-card__title,
    .sports-block .bonus-card .bonus-card__button {
        max-width: 202px;
    }
}

@media (max-width: 575.9px) {
    .sports-block__title {
        margin-bottom: 20px;
    }

    .sports-block__title img {
        max-width: 36px;
        max-height: 36px;
    }

    .sports-block__list {
        gap: 16px;
    }

    .sports-block__list-item {
        padding-block: 15px;
        font: var(--Title-Small);
    }

    .sports-block__list-item > img {
        max-width: 24px;
        max-height: 24px;
    }
}

@media (hover: hover) {
    .sports-block__list a.sports-block__list-item:hover {
        -webkit-box-shadow: 0px 4px 8px 0px rgba(52, 134, 227, 0.18);
        box-shadow: 0px 4px 8px 0px rgba(52, 134, 227, 0.18);
        background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), var(--Outline-Variant, linear-gradient(180deg, #121c2e 39.57%, #3486e3 99.91%));
    }
}

/* Info Table */

.info-table__info {
    margin-top: 20px;
    padding: 21px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 3px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), -webkit-gradient(linear, left bottom, left top, color-stop(39.57%, #121c2e), color-stop(99.91%, #3486e3));
    background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), linear-gradient(0, #121c2e 39.57%, #3486e3 99.91%);
}

.info-table__info-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
}

.info-table__info-col > img {
    margin-bottom: 2px;
    max-width: 180px;
    max-height: 180px;
    -o-object-fit: contain;
    object-fit: contain;
}

.info-table__info-title {
    font: var(--Title-Large);
    color: var(--On-Surface, #fbffff);
}

.info-table__info-text {
    font: var(--Body-Large);
    color: var(--on-surface-var, #c0c8d8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.info-table__info-text img {
    max-width: 24px;
    max-height: 24px;
    margin-right: 8px;
    -o-object-fit: contain;
    object-fit: contain;
}

.info-table__info-text_small {
    font: var(--Body-Small);
}

.info-table__info-btn {
    width: 100%;
}

.info-table__table {
    width: 100%;
    border-spacing: 0 0;
    margin-top: 20px;
}

.info-table__table .with-hr {
    margin-top: 20px;
}

.info-table__table .with-hr:before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--Outline);
    margin-bottom: 20px;
}

.info-table__table .info-table__table-row.with-hr:before {
    margin-bottom: 4px;
}

.info-table__table-body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.info-table__table-block {
    border-radius: 16px;
    overflow: hidden;
    border: 3px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), var(--surf-container-outline, #0d182b);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.info-table__table-title {
    font: var(--Title-Large);
    color: var(--On-Surface, #fbffff);
    text-align: center;
    padding: 9px 21px 12px;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
}

.info-table__table-content {
    padding-left: 21px;
    padding-right: 21px;
    font: var(--Label-Large);
    color: var(--On-Surface, #fbffff);
}

.info-table__table-content span {
    font: var(--Body-Large);
    color: var(--on-surface-var, #c0c8d8);
}

.info-table__table-content:first-of-type {
    padding-top: 24px;
}

.info-table__table-content:last-of-type {
    padding-bottom: 21px;
}

.info-table__table-content:not(:first-of-type) {
    margin-top: 20px;
}

/*.info-table__table-row:not(:first-child),*/
/*.info-table__table-btn:not(:first-child),*/
/*.info-table__table-text:not(:first-child),*/
/*.info-table__table-link:not(:first-child) {*/
/*    margin-top: 20px;*/
/*}*/

.info-table__table .info-table__table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.info-table__table .info-table__table-row > * {
    margin-top: 0;
}

.info-table__table-link {
    font: var(--Label-Large);
    color: var(--Primary, #3486e3);
    text-decoration: underline;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: opacity;
}

.info-table__table-link:active {
    opacity: 0.6;
}

.info-table__table-payments {
    display: contents;
}

.info-table__table-payments a.info-table__table-payments-item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: opacity;
}

.info-table__table-payments a.info-table__table-payments-item:active {
    opacity: 0.6;
}

.info-table__table-payments-item {
    width: 63px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4px;
    border-radius: 6px;
    background: var(--surf-container-high, linear-gradient(180deg, #192943 0%, #122035 100%));
    -webkit-box-shadow: 0px 3px 9px 0px rgba(7, 5, 16, 0.16);
    box-shadow: 0px 3px 9px 0px rgba(7, 5, 16, 0.16);
}

.info-table__table-payments-item img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.info-table__table-list,
.info-table__table-cards,
.info-table__table-links {
    margin-top: 16px;
}

.info-table__table-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    row-gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.info-table__table-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    font: var(--Body-Large);
    color: var(--on-surface-var, #c0c8d8);
}

.info-table__table-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    font: var(--Body-Large);
    color: var(--on-surface-var, #c0c8d8);
}

.info-table__table-list li img {
    max-width: 28px;
    max-height: 28px;
    -o-object-fit: contain;
    object-fit: contain;
}

.info-table__table-list li:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
}

.info-table__table-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.info-table__table-cards li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
}

.info-table__table-cards-item {
    padding: 5px 7px;
    border-radius: 4px;
    border: 1px solid var(--On-Surface, #fbffff);
    color: var(--on-surface-var, #c0c8d8);
    font: var(--Body-Large);
    text-align: center;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: border-color;
}

.info-table__table-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
}

.info-table__table-links li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
}

.info-table__table-links-item {
    padding: 5px 7px;
    border-radius: 6px;
    border: 1px solid var(--On-Surface, #fbffff);
    font: var(--Label-Large);
    color: var(--Primary, #3486e3);
    text-decoration: underline;
    text-align: left;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: border-color;
}

@media (min-width: 992px) {
    .info-table__info-col {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 40%;
    }

    .info-table__info-col:not(:last-child) {
        padding-right: 24px;
        margin-right: 24px;
        border-right: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
    }

    .info-table__table_small .info-table__table-body {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 991.9px) {
    .info-table__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .info-table__info-col {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .info-table__info-col:not(:last-child) {
        padding-bottom: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid var(--Outline, rgba(188, 201, 239, 0.27));
    }

    .info-table__info-btn {
        margin-inline: auto;
        max-width: 500px;
    }
}

@media (max-width: 767.9px) {
    .info-table__table-body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.9px) {
    .info-table__info {
        padding: 21px 13px;
    }

    .info-table__info-col:not(:last-child) {
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .info-table__info-col > img {
        max-width: 188px;
        max-height: 188px;
    }

    .info-table__info-title {
        font: var(--Title-Small);
    }

    .info-table__info-text {
        font: var(--Body-Medium);
    }

    .info-table__info-text img {
        max-width: 20px;
        max-height: 20px;
    }

    .info-table__table {
        margin-top: 16px;
    }

    .info-table__table .with-hr {
        margin-top: 12px;
    }

    .info-table__table .with-hr:before {
        margin-bottom: 20px;
    }

    /*.info-table__table .info-table__table-row.with-hr:before {*/
    /*    margin-bottom: 4px;*/
    /*}*/
    .info-table__table-body {
        gap: 16px;
    }

    .info-table__table-title {
        padding: 9px 13px 12px;
        font: var(--Title-Small);
    }

    .info-table__table-content {
        padding-left: 13px;
        padding-right: 13px;
        font: var(--Label-Small);
    }

    .info-table__table-content span {
        font: var(--Body-Medium);
    }

    .info-table__table-content:first-of-type {
        padding-top: 16px;
    }

    .info-table__table-content:last-of-type {
        padding-bottom: 13px;
    }

    .info-table__table-content:not(:first-of-type) {
        margin-top: 12px;
    }

    .info-table__table .info-table__table-row {
        gap: 12px;
    }


    .info-table__table-link {
        font: var(--Label-Small);
    }

    .info-table__table-btn {
        width: 100%;
    }

    .info-table__table-payments-item {
        width: 42px;
        height: 24px;
        padding: 3px;
    }

    .info-table__table-list,
    .info-table__table-cards,
    .info-table__table-links {
        margin-top: 12px;
    }

    .info-table__table-list {
        row-gap: 16px;
    }

    .info-table__table-list li {
        font: var(--Body-Medium);
    }

    .info-table__table-list li img {
        max-width: 18px;
        max-height: 18px;
    }

    .info-table__table-list li:not(:last-child) {
        padding-right: 16px;
        margin-right: 16px;
    }

    .info-table__table-cards {
        gap: 12px;
    }

    .info-table__table-cards-item {
        font: var(--Body-Medium);
    }

    .info-table__table-links-item {
        font: var(--Label-Small);
    }
}

@media (hover: hover) {
    .info-table__table-link:hover {
        opacity: 0.6;
    }

    .info-table__table-link:focus {
        opacity: 0.6;
    }

    .info-table__table-payments a.info-table__table-payments-item:hover {
        opacity: 0.6;
    }

    .info-table__table-payments a.info-table__table-payments-item:focus {
        opacity: 0.6;
    }

    .info-table__table-cards a.info-table__table-cards-item:hover {
        border-color: var(--Primary);
    }

    .info-table__table-links a.info-table__table-links-item:hover {
        border-color: var(--Primary);
    }
}

/* Comments Block */

.comments-block {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.08fr;
    grid-template-columns: 1fr 1.08fr;
    row-gap: 18px;
    -webkit-column-gap: 64px;
    -moz-column-gap: 64px;
    column-gap: 64px;
}

.comments-block h2 {
    grid-column: 1/-1;
}

.comments-block .comments-block__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
}

.comments-block .comments-block__form .form__field + .form__field:not(.form__rate-wrap) {
    margin-top: 20px;
}

.comments-block .comments-block__slider {
    max-width: 100%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
}

.comments-block .comments-block__slider-wrapper {
    grid-column: 1/-1;
}

.comments-block .comments-block__slider-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 32px;
}

.comments-block .comments-block__slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    max-width: 100%;
    margin-right: auto;
}

.comments-block .comments-block__slider-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 6px !important;
    background: var(--on-disable, rgba(255, 255, 255, 0.18));
    opacity: 1;
    -webkit-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: background;
}

.comments-block .comments-block__slider-pagination .swiper-pagination-bullet-active {
    background: var(--on-surface-var, #c0c8d8);
}

.comments-block .comments-block__slider-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-transition-property: background, opacity;
    transition-property: background, opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: background, opacity;
    cursor: pointer;
}

.comments-block .comments-block__slider-btn:active {
    background: var(--click, rgba(255, 255, 255, 0.12));
}

.comments-block .comments-block__slider-btn::before {
    content: url('data:image/svg+xml,<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.0002 26.5L23.4102 25.09L18.8302 20.5L23.4102 15.91L22.0002 14.5L16.0002 20.5L22.0002 26.5Z" fill="white"/></svg>');
    width: 40px;
    height: 40px;
    display: block;
}

.comments-block .comments-block__slider-btn_next::before {
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
}

.comments-block .comments-block__slider-btn.swiper-button-disabled {
    background: transparent;
    opacity: 0.3;
    cursor: default;
}

.comments-block .comments-block__card {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    row-gap: 16px;
}

.comments-block .comments-block__card-name,
.comments-block .comments-block__card-comment {
    grid-column: 1/-1;
}

.comments-block .comments-block__card-name {
    font: var(--Title-Large);
    color: var(--On-Surface, #fbffff);
}

.comments-block .comments-block__card-comment {
    font: var(--Body-Large);
    color: var(--on-surface-var, #c0c8d8);
    max-height: 150px;
    overflow-y: auto;
}

@supports not selector(::-webkit-scrollbar) {
    .comments-block .comments-block__card-comment {
        scrollbar-width: thin;
        scrollbar-color: var(--on-surface-var) transparent;
    }
}

.comments-block .comments-block__card-comment::-webkit-scrollbar {
    width: 4px;
}

.comments-block .comments-block__card-comment::-webkit-scrollbar:horizontal {
    height: 4px;
}

.comments-block .comments-block__card-comment::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--on-surface-var);
    border-radius: 9px;
    border: 0 solid transparent;
}

.comments-block .comments-block__card-comment::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 9px;
}

.comments-block .comments-block__card-rate {
    --star-color: #f9c326;
    --star-bg: #353d4a;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%);
}

.comments-block .comments-block__card-rate::before {
    font-size: 24px;
    line-height: 22px;
    height: 24px;
    letter-spacing: 0px;
    font-weight: 300;
}

.comments-block .comments-block__card-rate::before {
    content: "★★★★★";
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(var(--star-color)), to(var(--star-bg)));
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.comments-block .comments-block__card-time {
    color: var(--on-disable, rgba(255, 255, 255, 0.18));
    font: var(--Body-Medium);
    justify-self: flex-end;
}

.comments-block textarea {
    min-height: 122px;
}

@media (max-width: 767.9px) {
    .comments-block {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    .comments-block .comments-block__form {
        margin-top: 18px;
    }

    .comments-block .comments-block__slider {
        margin-top: 24px;
    }

    .comments-block .comments-block__slider-pagination {
        margin-inline: auto;
    }

    .comments-block .comments-block__slider-btn {
        display: none;
    }
}

@media (max-width: 575.9px) {
    .comments-block .comments-block__slider-controls {
        margin-top: 20px;
    }

    .comments-block .comments-block__card-name {
        font: var(--Title-Small);
    }
}

@media (max-width: 500px) {
    .comments-block .comments-block__card-comment {
        font: var(--Body-Medium);
        max-height: 150px;
    }
}

@media (hover: hover) {
    .comments-block .comments-block__slider-pagination .swiper-pagination-bullet:hover {
        background: var(--on-surface-var, #c0c8d8);
    }

    .comments-block .comments-block__slider-btn:hover {
        background: var(--hover, rgba(255, 255, 255, 0.06));
    }
}

/* Form */

.form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.form h2 {
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-align: left;
}

.form__content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
}

.form input,
.form textarea {
    width: 100%;
    padding: 12px 8px;
    outline: none;
    background-color: transparent;
    border: 0;
    color: var(--on-surface-var, #c0c8d8);
    font: var(--Body-Large);
    border-bottom: 2px solid var(--on-surface-var, #c0c8d8);
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: border-color;
}

.form input:active,
.form textarea:active {
    border-color: var(--Primary, #3486e3);
}

.form input:is(:-webkit-autofill, :-webkit-autofill) {
    -webkit-box-shadow: 0 0 0 30px #28324b inset !important;
    -webkit-text-fill-color: white !important;
}

.form input:is(:-webkit-autofill, :autofill) {
    -webkit-box-shadow: 0 0 0 30px #28324b inset !important;
    -webkit-text-fill-color: white !important;
}

.form__button {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
}

.form__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    min-height: 48px;
    width: 100%;
}

.form__field-error {
    position: absolute;
    top: calc(100% + 4px);
    left: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font: var(--Body-Small);
    color: var(--attention, #f6b63e);
}

.form__field-error:not(.error) {
    display: none;
}

.form__field-error::before {
    content: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 9C15.5 12.5899 12.5899 15.5 9 15.5C5.41015 15.5 2.5 12.5899 2.5 9C2.5 5.41015 5.41015 2.5 9 2.5C12.5899 2.5 15.5 5.41015 15.5 9ZM16.5 9C16.5 13.1421 13.1421 16.5 9 16.5C4.85786 16.5 1.5 13.1421 1.5 9C1.5 4.85786 4.85786 1.5 9 1.5C13.1421 1.5 16.5 4.85786 16.5 9ZM9.96436 5.52451C9.9855 4.96506 9.53769 4.5 8.97783 4.5C8.41798 4.5 7.97016 4.96506 7.99131 5.52452L8.17426 10.3653H9.7814L9.96436 5.52451ZM8.18534 13.1816C8.39963 13.3939 8.67303 13.5 9.00554 13.5C9.33067 13.5 9.59667 13.3939 9.80357 13.1816C10.0179 12.9612 10.125 12.6918 10.125 12.3735C10.125 12.0469 10.0179 11.7735 9.80357 11.5531C9.59667 11.3327 9.33067 11.2225 9.00554 11.2225C8.67303 11.2225 8.39963 11.3327 8.18534 11.5531C7.97845 11.7735 7.875 12.0469 7.875 12.3735C7.875 12.6918 7.97845 12.9612 8.18534 13.1816Z" fill="%23F7B63E"/></svg>');
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.form__field.error input,
.form__field.error textarea {
    border-color: var(--error, #f6695c);
}

.form__field.has-value .form__label,
.form input:focus + .form__label,
.form textarea:focus + .form__label {
    -webkit-transform: scale(0.7222222222) translateY(-100%);
    -ms-transform: scale(0.7222222222) translateY(-100%);
    transform: scale(0.7222222222) translateY(-100%);
    top: -4px;
    color: var(--Primary, #3486e3);
}

.form__label {
    font: var(--Body-Large);
    position: absolute;
    top: 12px;
    left: 8px;
    -webkit-transition-property: top, color, -webkit-transform;
    transition-property: top, color, -webkit-transform;
    transition-property: transform, top, color;
    transition-property: transform, top, color, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: transform, top, color;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

.form textarea {
    resize: none;
}

@supports not selector(::-webkit-scrollbar) {
    .form textarea {
        scrollbar-width: thin;
        scrollbar-color: var(--on-surface-var) transparent;
    }
}

.form textarea::-webkit-scrollbar {
    width: 4px;
}

.form textarea::-webkit-scrollbar:horizontal {
    height: 4px;
}

.form textarea::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--on-surface-var);
    border-radius: 9px;
    border: 0 solid transparent;
}

.form textarea::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 9px;
}

.form .form__rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    height: 40px;
}

.form .form__rate input {
    display: none;
}

.form .form__rate-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    color: white;
}

.form .form__rate-label {
    position: relative;
    cursor: pointer;
}

.form .form__rate-label::after {
    content: "★";
    font-size: 50px;
    line-height: 1;
    font-weight: 1;
    color: rgba(255, 255, 255, 0.3019607843);
    -webkit-transition: color 0.3s, opacity 0s;
    transition: color 0.3s, opacity 0s;
}

.form .form__rate input:checked ~ .form__rate-label::after {
    color: var(--attention);
}

.form .form__rate input:active ~ .form__rate-label::after {
    opacity: 0.8;
}

.form .form__response {
    position: absolute;
    top: 100%;
    left: 0;
    max-width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
    color: white;
    margin-top: 10px;
}

.form .form__response.error {
    color: red;
}

.form .btn {
    margin-top: 22px;
}

@media (max-width: 575.9px) {
    .form__field.has-value .form__label,
    .form input:focus + .form__label,
    .form textarea:focus + .form__label {
        -webkit-transform: scale(0.8125) translateY(-100%);
        -ms-transform: scale(0.8125) translateY(-100%);
        transform: scale(0.8125) translateY(-100%);
    }

    .form__label {
        font: var(--Body-Medium);
    }
}

@media (hover: hover) {
    .form input:hover,
    .form textarea:hover {
        border-color: var(--Primary, #3486e3);
    }

    .form input:focus,
    .form textarea:focus {
        border-color: var(--Primary, #3486e3);
    }

    .form .form__rate-label:hover::after {
        color: var(--attention);
    }

    .form .form__rate-label:hover ~ .form__rate-label::after {
        color: var(--attention);
    }
}

/* Contacts table */
.contacts-table table {
    background-image: var(--surf-container, linear-gradient(177deg, #0e192c 2.34%, #091324 97.87%)), var(--surf-container-outline, #0d182b);
}

.contacts-table tbody {
    display: flex;
    flex-direction: column;
    padding: 24px;
}

.contacts-table tr {
    display: flex;
    width: 100%;
}

.contacts-table th,
.contacts-table td {
    width: 100%;
    border: none;
    padding: 0;
}

.contacts-table tr td:first-child {
    color: var(--on-surface-var, #C0C8D8);
}

.contacts-table td span {
    color: var(--On-Surface, #FBFFFF);
}

.contacts-table td svg,
.contacts-table td img {
    width: auto;
    max-height: 24px;
}

.contacts-table tr:has(td):not(:last-child) td {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(188, 201, 239, 0.27);
}

.contacts-table tr td,
.contacts-table tr td:first-child {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    min-width: unset;
}

.contacts-table th {
    text-align: center;
    text-transform: unset;
    font: var(--Title-Large);
    padding: 12px 24px;
}

@media (max-width: 1024px) {
    .text-image:has(.contacts-table) > img {
        margin-top: 16px;
        order: 20;
    }

    .text-image:has(.contacts-table) .text-image__content {
        margin-top: 0 !important;
    }

    .contacts-table tbody {
        padding: 16px;
    }

    .contacts-table tr:has(td):not(:last-child) td {
        margin-bottom: 8px;
        padding-bottom: 8px;
    }

    .contacts-table th {
        font: var(--Title-Small);
        padding: 12px 16px;
    }
}

/* Listing */
.listing {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.listing__list {
    width: 100%;
}

.listing__list tbody {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    counter-reset: listing;
    gap: 20px
}

.listing__list tbody tr {
    display: flex;
    width: 100%;
    height: 100%;
	padding: 16px;
	border-collapse: collapse;
  	border-radius: 16px;
  	border: 3px solid transparent;	
  	background-clip: padding-box, border-box;
  	background-origin: padding-box, border-box;
  	background-image: var(--surf-container, linear-gradient(177deg, #0E192C 2.34%, #091324 97.87%)), var(--surf-container-outline-light, #0D182B);
  	overflow: hidden;
}

.listing.hidden .listing__item:nth-of-type(n+9) {
    display: none
}

.listing__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100% ;
}

.listing__item-title {
    font: var(--Headline-Small);
    color: var(--On-Surface, #FBFFFF);
}

.listing__inner > img {
    max-height: 80px;
    width: 100%;
    object-fit: contain;
    border-radius: 8px;
}

.listing__rate {
    display: block;
    margin-top: 4px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    --percent: calc(var(--rating, 4.5) / 5 * 100%)
}

.listing__rate::after, .listing__rate::before {
    font-size: 18px;
    line-height: 16px;
    height: 18px;
    letter-spacing: 0;
    font-weight: 300
}

.listing__rate::before {
    content: "★★★★★";
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(var(--star-color)), to(var(--star-bg)));
    background: linear-gradient(90deg, var(--star-color) var(--percent), var(--star-bg) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.listing__rate::after {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "☆☆☆☆☆";
    display: block;
    letter-spacing: 0;
    color: var(--star-color)
}

.listing__btn {
    width: 100%;
}

.listing__btn:first-of-type {
    margin-top: auto;
}

.listing__more {
    margin: 16px auto 0 auto;
}