@import "https://fonts.googleapis.com/css2?family=Jost:wght@500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,500;0,600;0,700;1,600;1,700&display=swap";
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    height: 100%;
    line-height: 1.15;
}
body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scrollbar-track-color: #070d10;
    scrollbar-arrow-color: #f5f5f5;
    -webkit-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    outline: none;
    margin: 0;
    overflow-y: scroll;
}
article,
aside,
footer,
header,
nav,
section {
    display: block;
}
h1 {
    margin: 0.67em 0;
    font-size: 2em;
}
:focus {
    outline: 0;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
    display: none;
}
div {
    webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}
a {
    -webkit-text-decoration-skip: objects;
    color: #fff;
    background-color: #0000;
    font-size: 100%;
    text-decoration: none;
}
svg:not(.g-var-size) {
    vertical-align: top;
    width: 100%;
    height: 100%;
}
.clearfix:after {
    content: "";
    clear: both;
    display: table;
}
sub,
sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a:hover {
    cursor: pointer;
}
svg:not(:root) {
    overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family:
        Open Sans,
        sans-serif;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
input[type="checkbox"].hidden {
    display: none;
}
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="reset"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring {
    outline: 1px dotted buttontext;
}
[type="button"]:-moz-focusring {
    outline: 1px dotted buttontext;
}
[type="reset"]:-moz-focusring {
    outline: 1px dotted buttontext;
}
[type="submit"]:-moz-focusring {
    outline: 1px dotted buttontext;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    height: auto;
}
[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style-type: none;
}
img {
    border-style: none;
    max-width: 100%;
    height: auto;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}
td,
th {
    padding: 0;
}
h1 {
    font-size: 300%;
    font-weight: 300;
}
h2 {
    font-size: 200%;
    font-weight: 300;
}
select {
    border: #0000;
    line-height: 2em;
}
option {
    line-height: 2em;
}
@keyframes rotate360 {
    to {
        transform: rotate(360deg);
    }
}
@keyframes wobbleUp {
    0%,
    to {
        transform: scaleX(-1) translateY(0);
    }
    50% {
        transform: scaleX(-1) translateY(-10px);
    }
}
@keyframes wobbleUpRtl {
    0%,
    to {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}
@keyframes wobbleDown {
    50% {
        transform: translateY(5px);
    }
}
.is-hidden {
    display: none !important;
}
.is-underline {
    text-decoration: underline;
}
.is-center {
    text-align: center;
}
.is-relative {
    position: relative;
}
.is-mirrorY {
    transform: scaleY(-1);
}
.is-weight-800 {
    font-weight: 800;
}
.is-reset-type-button-styles {
    color: inherit;
    background: 0 0;
    border: none;
    padding: 0;
    font-size: 1rem;
}
.is-hlw-text-gr {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(#fff 13.03%, #fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
}
.has-margin-bottom-0 {
    margin-bottom: 0 !important;
}
.has-margin-top-0 {
    margin-top: 0 !important;
}
.has-margin-bottom-1 {
    margin-bottom: 1px !important;
}
.has-margin-top-1 {
    margin-top: 1px !important;
}
.has-margin-bottom-2 {
    margin-bottom: 2px !important;
}
.has-margin-top-2 {
    margin-top: 2px !important;
}
.has-margin-bottom-3 {
    margin-bottom: 3px !important;
}
.has-margin-top-3 {
    margin-top: 3px !important;
}
.has-margin-bottom-4 {
    margin-bottom: 4px !important;
}
.has-margin-top-4 {
    margin-top: 4px !important;
}
.has-margin-bottom-5 {
    margin-bottom: 5px !important;
}
.has-margin-top-5 {
    margin-top: 5px !important;
}
.has-margin-bottom-6 {
    margin-bottom: 6px !important;
}
.has-margin-top-6 {
    margin-top: 6px !important;
}
.has-margin-bottom-7 {
    margin-bottom: 7px !important;
}
.has-margin-top-7 {
    margin-top: 7px !important;
}
.has-margin-bottom-8 {
    margin-bottom: 8px !important;
}
.has-margin-top-8 {
    margin-top: 8px !important;
}
.has-margin-bottom-9 {
    margin-bottom: 9px !important;
}
.has-margin-top-9 {
    margin-top: 9px !important;
}
.has-margin-bottom-10 {
    margin-bottom: 10px !important;
}
.has-margin-top-10 {
    margin-top: 10px !important;
}
.has-margin-bottom-11 {
    margin-bottom: 11px !important;
}
.has-margin-top-11 {
    margin-top: 11px !important;
}
.has-margin-bottom-12 {
    margin-bottom: 12px !important;
}
.has-margin-top-12 {
    margin-top: 12px !important;
}
.has-margin-bottom-13 {
    margin-bottom: 13px !important;
}
.has-margin-top-13 {
    margin-top: 13px !important;
}
.has-margin-bottom-14 {
    margin-bottom: 14px !important;
}
.has-margin-top-14 {
    margin-top: 14px !important;
}
.has-margin-bottom-15 {
    margin-bottom: 15px !important;
}
.has-margin-top-15 {
    margin-top: 15px !important;
}
.has-margin-bottom-16 {
    margin-bottom: 16px !important;
}
.has-margin-top-16 {
    margin-top: 16px !important;
}
.has-margin-bottom-17 {
    margin-bottom: 17px !important;
}
.has-margin-top-17 {
    margin-top: 17px !important;
}
.has-margin-bottom-18 {
    margin-bottom: 18px !important;
}
.has-margin-top-18 {
    margin-top: 18px !important;
}
.has-margin-bottom-19 {
    margin-bottom: 19px !important;
}
.has-margin-top-19 {
    margin-top: 19px !important;
}
.has-margin-bottom-20 {
    margin-bottom: 20px !important;
}
.has-margin-top-20 {
    margin-top: 20px !important;
}
.has-margin-bottom-21 {
    margin-bottom: 21px !important;
}
.has-margin-top-21 {
    margin-top: 21px !important;
}
.has-margin-bottom-22 {
    margin-bottom: 22px !important;
}
.has-margin-top-22 {
    margin-top: 22px !important;
}
.has-margin-bottom-23 {
    margin-bottom: 23px !important;
}
.has-margin-top-23 {
    margin-top: 23px !important;
}
.has-margin-bottom-24 {
    margin-bottom: 24px !important;
}
.has-margin-top-24 {
    margin-top: 24px !important;
}
.has-margin-bottom-25 {
    margin-bottom: 25px !important;
}
.has-margin-top-25 {
    margin-top: 25px !important;
}
.has-margin-bottom-26 {
    margin-bottom: 26px !important;
}
.has-margin-top-26 {
    margin-top: 26px !important;
}
.has-margin-bottom-27 {
    margin-bottom: 27px !important;
}
.has-margin-top-27 {
    margin-top: 27px !important;
}
.has-margin-bottom-28 {
    margin-bottom: 28px !important;
}
.has-margin-top-28 {
    margin-top: 28px !important;
}
.has-margin-bottom-29 {
    margin-bottom: 29px !important;
}
.has-margin-top-29 {
    margin-top: 29px !important;
}
.has-margin-bottom-30 {
    margin-bottom: 30px !important;
}
.has-margin-top-30 {
    margin-top: 30px !important;
}
.has-margin-bottom-31 {
    margin-bottom: 31px !important;
}
.has-margin-top-31 {
    margin-top: 31px !important;
}
.has-margin-bottom-32 {
    margin-bottom: 32px !important;
}
.has-margin-top-32 {
    margin-top: 32px !important;
}
.has-margin-bottom-33 {
    margin-bottom: 33px !important;
}
.has-margin-top-33 {
    margin-top: 33px !important;
}
.has-margin-bottom-34 {
    margin-bottom: 34px !important;
}
.has-margin-top-34 {
    margin-top: 34px !important;
}
.has-margin-bottom-35 {
    margin-bottom: 35px !important;
}
.has-margin-top-35 {
    margin-top: 35px !important;
}
.has-margin-bottom-36 {
    margin-bottom: 36px !important;
}
.has-margin-top-36 {
    margin-top: 36px !important;
}
.has-margin-bottom-37 {
    margin-bottom: 37px !important;
}
.has-margin-top-37 {
    margin-top: 37px !important;
}
.has-margin-bottom-38 {
    margin-bottom: 38px !important;
}
.has-margin-top-38 {
    margin-top: 38px !important;
}
.has-margin-bottom-39 {
    margin-bottom: 39px !important;
}
.has-margin-top-39 {
    margin-top: 39px !important;
}
.has-margin-bottom-40 {
    margin-bottom: 40px !important;
}
.has-margin-top-40 {
    margin-top: 40px !important;
}
.has-margin-bottom-41 {
    margin-bottom: 41px !important;
}
.has-margin-top-41 {
    margin-top: 41px !important;
}
.has-margin-bottom-42 {
    margin-bottom: 42px !important;
}
.has-margin-top-42 {
    margin-top: 42px !important;
}
.has-margin-bottom-43 {
    margin-bottom: 43px !important;
}
.has-margin-top-43 {
    margin-top: 43px !important;
}
.has-margin-bottom-44 {
    margin-bottom: 44px !important;
}
.has-margin-top-44 {
    margin-top: 44px !important;
}
.has-margin-bottom-45 {
    margin-bottom: 45px !important;
}
.has-margin-top-45 {
    margin-top: 45px !important;
}
.has-margin-bottom-46 {
    margin-bottom: 46px !important;
}
.has-margin-top-46 {
    margin-top: 46px !important;
}
.has-margin-bottom-47 {
    margin-bottom: 47px !important;
}
.has-margin-top-47 {
    margin-top: 47px !important;
}
.has-margin-bottom-48 {
    margin-bottom: 48px !important;
}
.has-margin-top-48 {
    margin-top: 48px !important;
}
.has-margin-bottom-49 {
    margin-bottom: 49px !important;
}
.has-margin-top-49 {
    margin-top: 49px !important;
}
.has-margin-bottom-50 {
    margin-bottom: 50px !important;
}
.has-margin-top-50 {
    margin-top: 50px !important;
}
.has-margin-bottom-51 {
    margin-bottom: 51px !important;
}
.has-margin-top-51 {
    margin-top: 51px !important;
}
.has-margin-bottom-52 {
    margin-bottom: 52px !important;
}
.has-margin-top-52 {
    margin-top: 52px !important;
}
.has-margin-bottom-53 {
    margin-bottom: 53px !important;
}
.has-margin-top-53 {
    margin-top: 53px !important;
}
.has-margin-bottom-54 {
    margin-bottom: 54px !important;
}
.has-margin-top-54 {
    margin-top: 54px !important;
}
.has-margin-bottom-55 {
    margin-bottom: 55px !important;
}
.has-margin-top-55 {
    margin-top: 55px !important;
}
.has-margin-bottom-56 {
    margin-bottom: 56px !important;
}
.has-margin-top-56 {
    margin-top: 56px !important;
}
.has-margin-bottom-57 {
    margin-bottom: 57px !important;
}
.has-margin-top-57 {
    margin-top: 57px !important;
}
.has-margin-bottom-58 {
    margin-bottom: 58px !important;
}
.has-margin-top-58 {
    margin-top: 58px !important;
}
.has-margin-bottom-59 {
    margin-bottom: 59px !important;
}
.has-margin-top-59 {
    margin-top: 59px !important;
}
.has-margin-bottom-60 {
    margin-bottom: 60px !important;
}
.has-margin-top-60 {
    margin-top: 60px !important;
}
body:not(.linda-is-halloween_shop) .if-halloween-shop {
    display: none !important;
}
@media (min-width: 1280px) {
    .hide-l {
        display: none !important;
    }
}
@media (max-width: 1279px) {
    .show-l {
        display: none !important;
    }
}
.has-icon-league-1 {
    background-image: url(img/1.webp);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .has-icon-league-1 {
        background-image: url(img/1@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .has-icon-league-1 {
        background-image: url(img/1@3x.webp);
    }
}
.has-icon-league-2 {
    background-image: url(img/2.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .has-icon-league-2 {
        background-image: url(img/2@2x.webp);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .has-icon-league-2 {
        background-image: url(img/2@3x.png);
    }
}
.has-icon-league-3 {
    background-image: url(img/3.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .has-icon-league-3 {
        background-image: url(img/3@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .has-icon-league-3 {
        background-image: url(img/3@3x.webp);
    }
}
.has-icon-league-4 {
    background-image: url(img/4.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .has-icon-league-4 {
        background-image: url(img/4@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .has-icon-league-4 {
        background-image: url(img/4@3x.webp);
    }
}
.has-icon-league-5 {
    background-image: url(img/5.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .has-icon-league-5 {
        background-image: url(img/5@2x.webp);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .has-icon-league-5 {
        background-image: url(img/5@3x.png);
    }
}
.has-icon-league-6 {
    background-image: url(img/6.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .has-icon-league-6 {
        background-image: url(img/6@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .has-icon-league-6 {
        background-image: url(img/6@3x.webp);
    }
}
.has-icon-league-7 {
    background-image: url(img/7.png); /*TODO*/
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .has-icon-league-7 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/7@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .has-icon-league-7 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/7@3x.png);
    }
}
.has-icon-league-8 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/8.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .has-icon-league-8 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/8@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .has-icon-league-8 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/8@3x.png);
    }
}
.has-icon-league-closed {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/closed.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .has-icon-league-closed {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/closed@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .has-icon-league-closed {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/closed@3x.png);
    }
}
.has-icon-league-gift {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/gift.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .has-icon-league-gift {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/gift@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .has-icon-league-gift {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/gift@3x.png);
    }
}
.icon-label-new:before,
.icon-label-0:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjExIiBoZWlnaHQ9Ijc4IiB2aWV3Qm94PSIwIDAgMjExIDc4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTczLjE0IDY0LjQxNUMxNzEuODM1IDY3LjA2NzIgMTU3LjY4OSA2NC40MTUgMTYwLjE5MyA2OC41NzM1QzE1NS45MjEgNjQuNDE1IDE1OC45NSA1NC4wNTg2IDE1OC45NSA1NC4wNTg2QzE1OC45NSA1NC4wNTg2IDE3NS40MiA1OS43ODUgMTczLjE0IDY0LjQxNVoiIGZpbGw9IiM4NTJBMDAiLz4KPHBhdGggZD0iTTM4LjQyMTggNjQuNDE1QzM5LjcyNzcgNjcuMDY3MiA1My44NzMxIDY0LjQxNSA1MS4zNjkgNjguNTczNUM1NS42NDExIDY0LjQxNSA1Mi42MTIyIDU0LjA1ODYgNTIuNjEyMiA1NC4wNTg2QzUyLjYxMjIgNTQuMDU4NiAzNi4xNDI0IDU5Ljc4NSAzOC40MjE4IDY0LjQxNVoiIGZpbGw9IiM4NTJBMDAiLz4KPHBhdGggZD0iTTE2MC4xOTQgNjguNTczNUMxNjMuMzczIDcyLjM3MTcgMTgzLjgzMyA3NS41OTIzIDE5NS4zMzMgNzcuNTIzOUMxOTYuNzMgNzcuODg1OCAxOTguMTU2IDc3LjA0NjYgMTk4LjUxNyA3NS42NDk2QzE5OC41NjYgNzUuNDYxMSAxOTguNTk0IDc1LjI2NzcgMTk4LjYgNzUuMDczMUwxOTguMzg2IDU0LjkxNDZDMTk4LjM2OCA1My4xMzAyIDE5OC45MzQgNTEuMzg4NyAxOTkuOTk4IDQ5Ljk1NjRMMjEwLjIwNyAzMy4xNjA0QzIxMS4wNDIgMzIuMDM3NyAyMTAuODA4IDMwLjQ1MSAyMDkuNjg1IDI5LjYxNjZDMjA5LjQwOSAyOS40MTExIDIwOS4wOTMgMjkuMjY0MiAyMDguNzU4IDI5LjE4NDhMMTczLjM1IDIwLjI2MTdMMTU4Ljk1IDY0LjQxNUMxNTguOTUgNjQuNDE1IDE1OS4wODkgNjcuMjUzNSAxNjAuMTk0IDY4LjU3MzVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxwYXRoIGQ9Ik01MS4zNjg5IDY4LjU3MzVDNDguMTg5NiA3Mi4zNzE3IDI3LjcyOTQgNzUuNTkyMyAxNi4yMjk4IDc3LjUyMzlDMTQuODMyOCA3Ny44ODU4IDEzLjQwNjkgNzcuMDQ2NiAxMy4wNDUgNzUuNjQ5NkMxMi45OTYyIDc1LjQ2MTEgMTIuOTY4NiA3NS4yNjc3IDEyLjk2MjcgNzUuMDczMUwxMy4xNzYgNTQuOTE0NkMxMy4xOTQ5IDUzLjEzMDIgMTIuNjI4OSA1MS4zODg3IDExLjU2NDQgNDkuOTU2NEwxLjM1NTMxIDMzLjE2MDRDMC41MjA4OTUgMzIuMDM3NiAwLjc1NDY3NSAzMC40NTEgMS44Nzc0OSAyOS42MTY2QzIuMTUzOTUgMjkuNDExMSAyLjQ2OTQzIDI5LjI2NDIgMi44MDQ2IDI5LjE4NDhMMzguMjEyMSAyMC4yNjE3TDUyLjYxMjIgNjQuNDE1QzUyLjYxMjIgNjQuNDE1IDUyLjQ3MzggNjcuMjUzNSA1MS4zNjg5IDY4LjU3MzVaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+CjxwYXRoIGQ9Ik0xODMuNTM3IDExLjUyN0MxNzcuODU0IDcuNTgxMSAxNTAuMDMxIDAgMTA1Ljc1OSAwQzYxLjQ4ODIgMCAzMy42NjUgNy41ODExIDI3Ljk4MTYgMTEuNTI3QzIyLjI5ODIgMTUuNDcyOSAyOS44NzYxIDI3LjI4MzUgMzEuNzcwNiAzNC4wMzJDMzMuNjY1MSA0MC43ODA1IDMxLjEzOTEgNTYuMjA1NiAzOC4zNzgzIDY0LjQxNUMzNi41ODEgNTguOTIxIDc4LjM4OTggNTQuNzUzMiAxMDUuNzU5IDU0Ljc1MzJDMTMzLjEyOSA1NC43NTMyIDE3NC4zNjEgNTkuMTk2IDE3My4xNCA2NC40MTVDMTgwLjQyMyA1Ni4yMDU2IDE3Ny44NTQgNDAuNzgwNiAxNzkuNzQ4IDM0LjAzMkMxODEuNjQyIDI3LjI4MzQgMTg5LjIyIDE1LjQ3MyAxODMuNTM3IDExLjUyN1oiIGZpbGw9InVybCgjcGFpbnQyX3JhZGlhbCkiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjE2NC4zNSIgeTE9IjQzLjg5MTciIHgyPSIyMDIuODM1IiB5Mj0iNTQuNzA3OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBvZmZzZXQ9IjAuMTczNDciIHN0b3AtY29sb3I9IiM5RTMyMDAiLz4KPHN0b3Agb2Zmc2V0PSIwLjMwNzE0IiBzdG9wLWNvbG9yPSIjQUIzNjAwIi8+CjxzdG9wIG9mZnNldD0iMC40MTM2NSIgc3RvcC1jb2xvcj0iI0I5M0YwMiIvPgo8c3RvcCBvZmZzZXQ9IjAuNTk5ODkiIHN0b3AtY29sb3I9IiNDQzRCMDUiLz4KPHN0b3Agb2Zmc2V0PSIwLjc5MjUyIiBzdG9wLWNvbG9yPSIjRDc1MjA2Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0RCNTQwNyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXIiIHgxPSI0Ny4yMTI4IiB5MT0iNDMuODkxNyIgeDI9IjguNzI3MjMiIHkyPSI1NC43MDgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjE3MzQ3IiBzdG9wLWNvbG9yPSIjOUUzMjAwIi8+CjxzdG9wIG9mZnNldD0iMC4zMDcxNCIgc3RvcC1jb2xvcj0iI0FCMzYwMCIvPgo8c3RvcCBvZmZzZXQ9IjAuNDEzNjUiIHN0b3AtY29sb3I9IiNCOTNGMDIiLz4KPHN0b3Agb2Zmc2V0PSIwLjU5OTg5IiBzdG9wLWNvbG9yPSIjQ0M0QjA1Ii8+CjxzdG9wIG9mZnNldD0iMC43OTI1MiIgc3RvcC1jb2xvcj0iI0Q3NTIwNiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNEQjU0MDciLz4KPC9saW5lYXJHcmFkaWVudD4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDJfcmFkaWFsIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNC40OTYgMTAuMTA1Nykgc2NhbGUoNzUuMjk1MyA0Mi43OTAzKSI+CjxzdG9wIG9mZnNldD0iMC4wNjIyNCIgc3RvcC1jb2xvcj0iI0Y2ODUyNyIvPgo8c3RvcCBvZmZzZXQ9IjAuMDg5OTYiIHN0b3AtY29sb3I9IiNGMjgxMjQiLz4KPHN0b3Agb2Zmc2V0PSIwLjIzOTY2IiBzdG9wLWNvbG9yPSIjRTM2RTFBIi8+CjxzdG9wIG9mZnNldD0iMC4zOTQ0OSIgc3RvcC1jb2xvcj0iI0Q5NjMxMyIvPgo8c3RvcCBvZmZzZXQ9IjAuNTYxMjYiIHN0b3AtY29sb3I9IiNENjVGMTEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDE0OTA2Ii8+CjwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.icon-label-active:before,
.icon-label-1:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEwIiBoZWlnaHQ9Ijc4IiB2aWV3Qm94PSIwIDAgMjEwIDc4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTcyLjI4NSA2NC40MTVDMTcwLjk3OSA2Ny4wNjcyIDE1Ni44MzQgNjQuNDE1IDE1OS4zMzggNjguNTczNUMxNTUuMDY2IDY0LjQxNSAxNTguMDk1IDU0LjA1ODYgMTU4LjA5NSA1NC4wNTg2QzE1OC4wOTUgNTQuMDU4NiAxNzQuNTY1IDU5Ljc4NSAxNzIuMjg1IDY0LjQxNVoiIGZpbGw9IiMwMDg1MzUiLz4KPHBhdGggZD0iTTM3LjU2NjYgNjQuNDE1QzM4Ljg3MjQgNjcuMDY3MiA1My4wMTc4IDY0LjQxNSA1MC41MTM3IDY4LjU3MzVDNTQuNzg1OSA2NC40MTUgNTEuNzU3IDU0LjA1ODYgNTEuNzU3IDU0LjA1ODZDNTEuNzU3IDU0LjA1ODYgMzUuMjg3MSA1OS43ODUgMzcuNTY2NiA2NC40MTVaIiBmaWxsPSIjMDA4NTM1Ii8+CjxwYXRoIGQ9Ik0xNTkuMzM4IDY4LjU3MzVDMTYyLjUxOCA3Mi4zNzE3IDE4Mi45NzggNzUuNTkyMyAxOTQuNDc3IDc3LjUyMzlDMTk1Ljg3NSA3Ny44ODU4IDE5Ny4zIDc3LjA0NjYgMTk3LjY2MiA3NS42NDk2QzE5Ny43MTEgNzUuNDYxMSAxOTcuNzM5IDc1LjI2NzcgMTk3Ljc0NCA3NS4wNzMxTDE5Ny41MzEgNTQuOTE0NkMxOTcuNTEyIDUzLjEzMDIgMTk4LjA3OCA1MS4zODg3IDE5OS4xNDMgNDkuOTU2NEwyMDkuMzUyIDMzLjE2MDRDMjEwLjE4NiAzMi4wMzc3IDIwOS45NTMgMzAuNDUxIDIwOC44MyAyOS42MTY2QzIwOC41NTMgMjkuNDExMSAyMDguMjM4IDI5LjI2NDIgMjA3LjkwMyAyOS4xODQ4TDE3Mi40OTUgMjAuMjYxN0wxNTguMDk1IDY0LjQxNUMxNTguMDk1IDY0LjQxNSAxNTguMjMzIDY3LjI1MzUgMTU5LjMzOCA2OC41NzM1WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8cGF0aCBkPSJNNTAuNTEzNyA2OC41NzM1QzQ3LjMzNDQgNzIuMzcxNyAyNi44NzQyIDc1LjU5MjMgMTUuMzc0NiA3Ny41MjM5QzEzLjk3NzUgNzcuODg1OCAxMi41NTE3IDc3LjA0NjYgMTIuMTg5OCA3NS42NDk2QzEyLjE0MDkgNzUuNDYxMSAxMi4xMTMzIDc1LjI2NzcgMTIuMTA3NSA3NS4wNzMxTDEyLjMyMDggNTQuOTE0NkMxMi4zMzk3IDUzLjEzMDIgMTEuNzczNiA1MS4zODg3IDEwLjcwOTIgNDkuOTU2NEwwLjUwMDA4IDMzLjE2MDRDLTAuMzM0MzMxIDMyLjAzNzYgLTAuMTAwNTQzIDMwLjQ1MSAxLjAyMjI2IDI5LjYxNjZDMS4yOTg3MyAyOS40MTExIDEuNjE0MiAyOS4yNjQyIDEuOTQ5MzggMjkuMTg0OEwzNy4zNTY5IDIwLjI2MTdMNTEuNzU3IDY0LjQxNUM1MS43NTcgNjQuNDE1IDUxLjYxODYgNjcuMjUzNSA1MC41MTM3IDY4LjU3MzVaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+CjxwYXRoIGQ9Ik0xODIuNjgyIDExLjUyN0MxNzYuOTk4IDcuNTgxMSAxNDkuMTc1IDAgMTA0LjkwNCAwQzYwLjYzMyAwIDMyLjgwOTggNy41ODExIDI3LjEyNjQgMTEuNTI3QzIxLjQ0MyAxNS40NzI5IDI5LjAyMDkgMjcuMjgzNSAzMC45MTU0IDM0LjAzMkMzMi44MDk5IDQwLjc4MDUgMzAuMjgzOSA1Ni4yMDU2IDM3LjUyMzEgNjQuNDE1QzM1LjcyNTggNTguOTIxIDc3LjUzNDYgNTQuNzUzMiAxMDQuOTA0IDU0Ljc1MzJDMTMyLjI3MyA1NC43NTMyIDE3My41MDUgNTkuMTk2IDE3Mi4yODUgNjQuNDE1QzE3OS41NjggNTYuMjA1NiAxNzYuOTk4IDQwLjc4MDYgMTc4Ljg5MyAzNC4wMzJDMTgwLjc4NyAyNy4yODM0IDE4OC4zNjUgMTUuNDczIDE4Mi42ODIgMTEuNTI3WiIgZmlsbD0idXJsKCNwYWludDJfcmFkaWFsKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMTYzLjQ5NCIgeTE9IjQzLjg5MTciIHgyPSIyMDEuOTgiIHkyPSI1NC43MDc5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4xNzM0NyIgc3RvcC1jb2xvcj0iIzAwOUUzRiIvPgo8c3RvcCBvZmZzZXQ9IjAuMzA3MTQiIHN0b3AtY29sb3I9IiMwMEFCNDQiLz4KPHN0b3Agb2Zmc2V0PSIwLjQxOTMyIiBzdG9wLWNvbG9yPSIjMDJCQTUzIi8+CjxzdG9wIG9mZnNldD0iMC42MDM3MyIgc3RvcC1jb2xvcj0iIzA1Q0M2NiIvPgo8c3RvcCBvZmZzZXQ9IjAuNzk0NTIiIHN0b3AtY29sb3I9IiMwNkQ3NzEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDdEQjc1Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhciIgeDE9IjQ2LjM1NzUiIHkxPSI0My44OTE3IiB4Mj0iNy44NzIwMSIgeTI9IjU0LjcwOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBvZmZzZXQ9IjAuMTczNDciIHN0b3AtY29sb3I9IiMwMDlFM0YiLz4KPHN0b3Agb2Zmc2V0PSIwLjMwNzE0IiBzdG9wLWNvbG9yPSIjMDBBQjQ0Ii8+CjxzdG9wIG9mZnNldD0iMC40MTkzMiIgc3RvcC1jb2xvcj0iIzAyQkE1MyIvPgo8c3RvcCBvZmZzZXQ9IjAuNjAzNzMiIHN0b3AtY29sb3I9IiMwNUNDNjYiLz4KPHN0b3Agb2Zmc2V0PSIwLjc5NDUyIiBzdG9wLWNvbG9yPSIjMDZENzcxIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzA3REI3NSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50Ml9yYWRpYWwiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAzLjY0MSAxMC4xMDU3KSBzY2FsZSg3NS4yOTUzIDQyLjc5MDMpIj4KPHN0b3Agb2Zmc2V0PSIwLjA2MjI0IiBzdG9wLWNvbG9yPSIjMjdGNkMyIi8+CjxzdG9wIG9mZnNldD0iMC4wNjI4IiBzdG9wLWNvbG9yPSIjMjdGNkMyIi8+CjxzdG9wIG9mZnNldD0iMC4xODA5OCIgc3RvcC1jb2xvcj0iIzFERThBOCIvPgo8c3RvcCBvZmZzZXQ9IjAuMzAxNzIiIHN0b3AtY29sb3I9IiMxNkRFOTUiLz4KPHN0b3Agb2Zmc2V0PSIwLjQyNjY5IiBzdG9wLWNvbG9yPSIjMTJEODhBIi8+CjxzdG9wIG9mZnNldD0iMC41NjEyNiIgc3RvcC1jb2xvcj0iIzExRDY4NiIvPgo8c3RvcCBvZmZzZXQ9IjAuODIyMzciIHN0b3AtY29sb3I9IiMwQkQzNzAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDZEMTVFIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.icon-label-closed:before,
.icon-label-2:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjExIiBoZWlnaHQ9Ijc4IiB2aWV3Qm94PSIwIDAgMjExIDc4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTcyLjk5NiA2NC40MTVDMTcxLjY5IDY3LjA2NzIgMTU3LjU0NSA2NC40MTUgMTYwLjA0OSA2OC41NzM1QzE1NS43NzcgNjQuNDE1IDE1OC44MDYgNTQuMDU4NiAxNTguODA2IDU0LjA1ODZDMTU4LjgwNiA1NC4wNTg2IDE3NS4yNzUgNTkuNzg1IDE3Mi45OTYgNjQuNDE1WiIgZmlsbD0iIzJFMkUyRSIvPgo8cGF0aCBkPSJNMzguMjc3MyA2NC40MTVDMzkuNTgzMSA2Ny4wNjcyIDUzLjcyODUgNjQuNDE1IDUxLjIyNDQgNjguNTczNUM1NS40OTY2IDY0LjQxNSA1Mi40Njc3IDU0LjA1ODYgNTIuNDY3NyA1NC4wNTg2QzUyLjQ2NzcgNTQuMDU4NiAzNS45OTc4IDU5Ljc4NSAzOC4yNzczIDY0LjQxNVoiIGZpbGw9IiMyRTJFMkUiLz4KPHBhdGggZD0iTTE2MC4wNDkgNjguNTczNUMxNjMuMjI4IDcyLjM3MTcgMTgzLjY4OSA3NS41OTIzIDE5NS4xODggNzcuNTIzOUMxOTYuNTg1IDc3Ljg4NTggMTk4LjAxMSA3Ny4wNDY2IDE5OC4zNzMgNzUuNjQ5NkMxOTguNDIyIDc1LjQ2MTEgMTk4LjQ0OSA3NS4yNjc3IDE5OC40NTUgNzUuMDczMUwxOTguMjQyIDU0LjkxNDZDMTk4LjIyMyA1My4xMzAyIDE5OC43ODkgNTEuMzg4NyAxOTkuODUzIDQ5Ljk1NjRMMjEwLjA2MyAzMy4xNjA0QzIxMC44OTcgMzIuMDM3NyAyMTAuNjYzIDMwLjQ1MSAyMDkuNTQgMjkuNjE2NkMyMDkuMjY0IDI5LjQxMTEgMjA4Ljk0OSAyOS4yNjQyIDIwOC42MTMgMjkuMTg0OEwxNzMuMjA2IDIwLjI2MTdMMTU4LjgwNiA2NC40MTVDMTU4LjgwNiA2NC40MTUgMTU4Ljk0NCA2Ny4yNTM1IDE2MC4wNDkgNjguNTczNVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz4KPHBhdGggZD0iTTUxLjIyNDQgNjguNTczNUM0OC4wNDUxIDcyLjM3MTcgMjcuNTg0OSA3NS41OTIzIDE2LjA4NTMgNzcuNTIzOUMxNC42ODgyIDc3Ljg4NTggMTMuMjYyMyA3Ny4wNDY2IDEyLjkwMDUgNzUuNjQ5NkMxMi44NTE2IDc1LjQ2MTEgMTIuODI0IDc1LjI2NzcgMTIuODE4MiA3NS4wNzMxTDEzLjAzMTUgNTQuOTE0NkMxMy4wNTA0IDUzLjEzMDIgMTIuNDg0MyA1MS4zODg3IDExLjQxOTkgNDkuOTU2NEwxLjIxMDc3IDMzLjE2MDRDMC4zNzYzNiAzMi4wMzc2IDAuNjEwMTU1IDMwLjQ1MSAxLjczMjk2IDI5LjYxNjZDMi4wMDk0MiAyOS40MTExIDIuMzI0OTEgMjkuMjY0MiAyLjY2MDA4IDI5LjE4NDhMMzguMDY3NiAyMC4yNjE3TDUyLjQ2NzcgNjQuNDE1QzUyLjQ2NzcgNjQuNDE1IDUyLjMyOTMgNjcuMjUzNSA1MS4yMjQ0IDY4LjU3MzVaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXIpIi8+CjxwYXRoIGQ9Ik0xODMuMzkzIDExLjUyN0MxNzcuNzA5IDcuNTgxMSAxNDkuODg2IDAgMTA1LjYxNSAwQzYxLjM0MzkgMCAzMy41MjA3IDcuNTgxMSAyNy44MzczIDExLjUyN0MyMi4xNTM5IDE1LjQ3MjkgMjkuNzMxOCAyNy4yODM1IDMxLjYyNjMgMzQuMDMyQzMzLjUyMDggNDAuNzgwNSAzMC45OTQ4IDU2LjIwNTYgMzguMjM0IDY0LjQxNUMzNi40MzY3IDU4LjkyMSA3OC4yNDU1IDU0Ljc1MzIgMTA1LjYxNSA1NC43NTMyQzEzMi45ODQgNTQuNzUzMiAxNzQuMjE2IDU5LjE5NiAxNzIuOTk2IDY0LjQxNUMxODAuMjc5IDU2LjIwNTYgMTc3LjcwOSA0MC43ODA2IDE3OS42MDQgMzQuMDMyQzE4MS40OTggMjcuMjgzNCAxODkuMDc2IDE1LjQ3MyAxODMuMzkzIDExLjUyN1oiIGZpbGw9InVybCgjcGFpbnQyX3JhZGlhbCkiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjE2NC4yMDUiIHkxPSI0My44OTE3IiB4Mj0iMjAyLjY5MSIgeTI9IjU0LjcwNzkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjE3MzQ3IiBzdG9wLWNvbG9yPSIjNDc0NzQ3Ii8+CjxzdG9wIG9mZnNldD0iMC4zMDcxNCIgc3RvcC1jb2xvcj0iIzU0NTQ1NCIvPgo8c3RvcCBvZmZzZXQ9IjAuNDEzNjUiIHN0b3AtY29sb3I9IiM2MjYyNjIiLz4KPHN0b3Agb2Zmc2V0PSIwLjU5OTg5IiBzdG9wLWNvbG9yPSIjNzU3NTc1Ii8+CjxzdG9wIG9mZnNldD0iMC43OTI1MiIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4NDg0ODQiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyIiB4MT0iNDcuMDY4MyIgeTE9IjQzLjg5MTciIHgyPSI4LjU4Mjc4IiB5Mj0iNTQuNzA4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4xNzM0NyIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIvPgo8c3RvcCBvZmZzZXQ9IjAuMzA3MTQiIHN0b3AtY29sb3I9IiM1NDU0NTQiLz4KPHN0b3Agb2Zmc2V0PSIwLjQxMzY1IiBzdG9wLWNvbG9yPSIjNjI2MjYyIi8+CjxzdG9wIG9mZnNldD0iMC41OTk4OSIgc3RvcC1jb2xvcj0iIzc1NzU3NSIvPgo8c3RvcCBvZmZzZXQ9IjAuNzkyNTIiIHN0b3AtY29sb3I9IiM4MDgwODAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODQ4NDg0Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQyX3JhZGlhbCIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgxMDQuMzUyIDEwLjEwNTcpIHNjYWxlKDc1LjI5NTMgNDIuNzkwMykiPgo8c3RvcCBvZmZzZXQ9IjAuMDYyMjQiIHN0b3AtY29sb3I9IiM5RjlGOUYiLz4KPHN0b3Agb2Zmc2V0PSIwLjIxMjg4IiBzdG9wLWNvbG9yPSIjOEU4RThFIi8+CjxzdG9wIG9mZnNldD0iMC4zODA0OCIgc3RvcC1jb2xvcj0iIzgzODM4MyIvPgo8c3RvcCBvZmZzZXQ9IjAuNTYxMjYiIHN0b3AtY29sb3I9IiM3RjdGN0YiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjN0E3QTdBIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
}
.has-icon-league:after {
    content: "";
    top: 18px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    position: absolute;
    inset-inline-start: 17px;
}
.sidebar__link.has-icon-league {
    background-size: 38px 38px;
}
.has-league-number-1:after {
    background-image: url(/joxi/wazamba/leagues/league-number-bullet/1.png);
}
.has-league-number-2:after {
    background-image: url(/joxi/wazamba/leagues/league-number-bullet/2.png);
}
.has-league-number-3:after {
    background-image: url(/joxi/wazamba/leagues/league-number-bullet/3.png);
}
.has-league-number-4:after {
    background-image: url(/joxi/wazamba/leagues/league-number-bullet/4.png);
}
.has-league-number-5:after {
    background-image: url(/joxi/wazamba/leagues/league-number-bullet/5.png);
}
.has-league-number-top:after {
    background-image: url(/joxi/wazamba/leagues/league-number-bullet/top.png);
}
.icon-league {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 61.2px;
    width: 54px;
    height: 54px;
    position: relative;
}
.icon-league.has-icon-league:after {
    top: 29px;
    width: 18px;
    height: 18px;
    inset-inline-start: 38px;
}
.has-icon-league-gift {
    background-image: url(/joxi/wazamba/renovation/leagues/gift-league-5.png);
    background-position: 50%;
    background-size: 80px;
    width: 75px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .has-icon-league-gift {
        background-image: url(/joxi/wazamba/renovation/leagues/gift-league-5@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .has-icon-league-gift {
        background-image: url(/joxi/wazamba/renovation/leagues/gift-league-5@3x.png);
    }
}
.has-icon-league-crab .is-icon-count {
    color: #ffffffe6;
    background: #9a4c04;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 800;
    line-height: 17px;
    display: flex;
    position: absolute;
    bottom: 2px;
    width: 27px !important;
    height: 27px !important;
    top: inherit !important;
    inset-inline-start: 4px !important;
}
.has-icon-league-cash {
    background-image: url(/joxi/wazamba/renovation/leagues/cash-s.png);
    background-position: 50%;
    background-size: 65px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .has-icon-league-cash {
        background-image: url(/joxi/wazamba/renovation/leagues/cash-s@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .has-icon-league-cash {
        background-image: url(/joxi/wazamba/renovation/leagues/cash-s@3x.png);
    }
}
.has-icon-league-cash.is-big {
    background-image: url(/joxi/wazamba/renovation/leagues/cash-b.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .has-icon-league-cash.is-big {
        background-image: url(/joxi/wazamba/renovation/leagues/cash-b@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .has-icon-league-cash.is-big {
        background-image: url(/joxi/wazamba/renovation/leagues/cash-b@3x.png);
    }
}
.has-shining:before {
    content: "";
    z-index: -1;
    margin-inline-start: -68px;
    top: 50%;
    background-image: url(/joxi/wazamba/leagues/shining.png);
    background-size: 137px;
    width: 137px;
    height: 98px;
    margin-top: -49px;
    position: absolute;
    inset-inline-start: 50%;
}
/* html {
    min-width: 1024px;
    max-width: 1024px;
} */
@media screen and (min-width: 1024px) {
    html {
        max-width: 100vw;
    }
}
body {
    color: #fff;
    background-color: #071f3e;
    /* min-width: 1024px;
    max-width: 1024px; */
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
}
@media screen and (min-width: 1024px) {
    body {
        max-width: inherit;
    }
}
body.linda-has-user .show-guest,
body:not(.linda-has-user) .show-user {
    display: none !important;
}
.page-f {
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    display: flex;
}
.page-f__footer {
    margin-top: auto;
}
.container {
    width: calc(100% - 268px);
    margin: 0 auto;
    transition: all 0.2s ease-in-out;
    transform: translate(-114px);
}
body.linda-hide-sidebar .container {
    transform: translate(0);
}
.page {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: calc(100vh - 355px);
}
.page:not(.no-padding) {
    padding: 0 230px 0 0;
    transition: padding 0.2s ease-in-out;
}
body.linda-hide-sidebar .page:not(.no-padding) {
    padding: 0 115px;
}
.page:last-child,
body.linda-hide-sidebar .page:last-child {
    padding-bottom: 60px;
}
.page.is-faq-page {
    background:
        url(/joxi/wazamba/renovation/league-promo/bg-pattern.png) 50%/298px,
        linear-gradient(90deg, #181a3d 0%, #1e214c 54.17%, #181a3d 100%);
}
.page.is-faq-page .infopage__wrap {
    z-index: 1;
    position: relative;
}
.page.is-faq-page .page__container {
    padding: 0 20px 200px;
}
.page_bg1 {
    background-image: url(/joxi/wazamba/page-bg-1.jpg);
}
.page_bg2 {
    background-image: url(/joxi/wazamba/page-bg-2.jpg);
}
.page_bg3 {
    background-image: url(/joxi/wazamba/page-bg-3.jpg);
    background-repeat: repeat;
}
.page_bg4 {
    background-image: linear-gradient(#071f3e4d, #071f3e80), url(/joxi/wazamba/baner/lb_bg2.jpg);
    background-repeat: repeat;
    background-size: cover;
}
.page_bg-hlw {
    background-color: #07060c;
    background-image: url("/joxi/wazamba/wof/wof_desk-bg.jpg ");
    background-position: calc(50% - 114px) 0;
    background-repeat: no-repeat;
    background-size: 1715px 1060px;
    position: relative;
    padding-bottom: 40px !important;
}
.page_bg-hlw:after {
    content: "";
    z-index: 20;
    background: linear-gradient(#08070d00 0%, #08070d 70%);
    width: 100%;
    height: 40px;
    display: block;
    position: absolute;
    bottom: 40px;
}
.page_bg-ach {
    background-image: linear-gradient(#071f3e00 650px, #071f3e 840px), url(/joxi/wazamba/page-bg-3.jpg);
    background-repeat: repeat-x, repeat;
    background-size:
        100% 100%,
        auto 840px;
}
.page_full {
    min-height: 100vh;
    padding: 0 230px 0 0 !important;
}
.page__container {
    padding: 0 20px;
}
.page__container_24 {
    padding: 0 24px;
}
.page__title {
    color: #fcfe7e;
    text-align: center;
    text-shadow: 0 3px #ff7800;
    letter-spacing: 1.8px;
    background: url(/joxi/wazamba/page-title.png) top no-repeat;
    margin: 0;
    padding-top: 52px;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    line-height: normal;
}
.table-filter {
    padding: 10px 0;
}
.table-filter__wrap {
    flex-direction: row;
    align-items: center;
    margin: 0 -10px;
    display: flex;
}
.rtl-lang .table-filter__wrap {
    flex-direction: row-reverse;
}
.table-filter__item {
    width: 180px;
    margin: 0 10px;
}
.table-filter__item_big {
    width: calc(100% - 420px);
}
.table {
    width: 715px;
    min-height: 410px;
    position: relative;
}
.table_pay {
    font-weight: 500;
}
.table__thead {
    background-color: #ffedd2;
    border-radius: 2px;
    height: 40px;
    display: flex;
}
.table_pay .table__thead {
    padding: 0 5px;
}
.table__th {
    color: #6e3923;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 700;
    display: flex;
}
.table__tbody-wrap {
    overflow: hidden;
}
.table__tbody {
    max-height: 369px;
    overflow-y: auto;
}
.table__tbody-inner_popup {
    width: 725px;
    max-width: 100%;
}
.table__tr {
    background-color: #f4dbb5;
    border-radius: 2px;
    max-width: 100%;
    margin-top: 1px;
    display: flex;
}
.table_pay .table__tr {
    padding: 0 5px;
}
.has-preloader .table__tr {
    opacity: 0.6;
}
.table__tr .table__td {
    direction: ltr;
}
.table__td {
    color: #111114;
    text-align: center;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    max-height: 40px;
    padding: 2px 5px;
    font-size: 13px;
    line-height: 1.3em;
    display: flex;
    overflow: hidden;
}
.table__arrows {
    background: linear-gradient(#f4dab500 5%, #f4dbb5);
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.table__arr {
    position: absolute;
    bottom: -20px;
}
.table__arr_next {
    left: calc(50% - 56px);
}
.table__arr_prev {
    left: calc(50% + 10px);
}
.table__noresult {
    color: #f4dbb5;
    text-align: center;
    width: 400px;
    max-width: calc(100% - 40px);
    margin: 0 auto;
    padding: 100px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8em;
}
.table.has-preloader .table__noresult,
.table.has-result .table__noresult {
    display: none;
}
.table__status {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
}
.table__status-pending {
    color: #ff7800;
}
.table__status-complete {
    color: #3ed70b;
}
.table__status-cancel {
    color: #18c5ff;
}
.table__cancel {
    color: #6e3923;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
}
.table__game1 {
    width: 140px;
}
.table__game2 {
    width: 100px;
}
.table__game3 {
    width: 135px;
}
.table__game4,
.table__game5,
.table__game6 {
    width: 83px;
}
.table__game7 {
    width: 90px;
}
.table__pay1 {
    width: 30%;
}
.table__pay2 {
    width: 20%;
}
.table__pay3 {
    width: calc(50% - 190px);
}
.table__pay4 {
    width: 120px;
}
.table__pay5 {
    width: 150px;
    padding-right: 10px;
}
.label-status {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    letter-spacing: 0.6px;
    background-image: url(/joxi/wazamba/desktop/img/labels.svg);
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: 300%;
    width: 114px;
    height: 45px;
    padding: 0 17px;
    font-size: 12px;
    font-weight: 800;
    line-height: 32px;
    overflow: hidden;
}
.label-status_0 {
    background-position-x: 50%;
}
.label-status_1 {
    background-position-x: 0;
}
.label-status_2 {
    background-position-x: 100%;
}
.label-status_active {
    background-position-x: 0;
}
.label-status_new {
    background-position-x: 50%;
}
.pays {
    min-height: 400px;
}
.pays__title {
    text-align: center;
    padding: 30px 0;
    font-size: 18px;
    font-weight: 700;
}
.pays__list {
    flex-wrap: wrap;
    width: 600px;
    margin: 0 auto;
    display: flex;
}
.pays__list.is-disabled {
    opacity: 0.7;
    pointer-events: none;
}
.pays__item {
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
    width: calc(25% - 12px);
    height: 86px;
    margin: 6px;
    padding: 26px 8px;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 6px #8888884d;
}
.pays__item:hover {
    background: linear-gradient(#fbe675, #fed475);
    box-shadow: 0 4px 8px #6e392374;
}
.pays__item img {
    word-break: break-all;
    color: #000;
    width: 100%;
    height: 100%;
    font-size: 10px;
}
.pays__stub-wrap {
    flex-direction: column;
    align-items: center;
    display: flex;
}
.pays__stub {
    color: #6e3923;
    text-align: center;
    letter-spacing: 0.05em;
    background-color: #ffedd2;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 480px;
    min-height: 230px;
    margin: 0 auto;
    padding: 10px 32px;
    display: flex;
}
.pays__stub-title {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
.pays__stub-text {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}
.pays-back {
    cursor: pointer;
    top: 85px;
    align-items: center;
    display: flex;
    position: absolute;
    inset-inline-start: 40px;
}
.pays-back span {
    padding-inline-start: 10px;
}
.rtl-lang .pays-back .g-btn {
    transform: scaleX(-1);
}
.rtl-lang .pays-back .g-btn:active {
    transform: translateY(2px) scaleX(-1) !important;
}
.payment-form {
    flex-direction: column;
    align-items: center;
    min-height: 473px;
    padding: 30px 0 0;
    font-size: 18px;
    font-weight: 700;
    display: flex;
}
.payment-form.is-crypto {
    min-height: auto;
    padding-top: 10px;
}
.payment-form.is-crypto .payment-bottom {
    padding-top: 0;
}
.payment-form.has-qr-code > :not(.payment-form__ico):not(.payment-form__qr) {
    display: none;
}
.payment-form__qr {
    flex-direction: column;
    align-items: center;
    display: flex;
}
.payment-form__qr > span {
    margin-top: 40px;
    display: block;
}
.payment-form__qr > img {
    object-fit: contain;
    width: 164px;
    height: 164px;
    margin-top: 40px;
}
.payment-form_withdraw {
    min-height: 450px;
    padding-top: 50px;
}
.payment-form__header {
    justify-content: center;
    width: 100%;
    display: flex;
    position: relative;
}
.payment-form__ico {
    background: linear-gradient(#fbe675, #fed475);
    border-radius: 5px;
    width: 138px;
    height: 86px;
    padding: 26px 8px;
    box-shadow: 0 4px 8px #6e392374;
}
.payment-form__ico img {
    word-break: break-all;
    width: 100%;
    height: 100%;
    font-size: 10px;
}
.payment-form__table {
    inset-inline-start: calc(50% + 110px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.payment-form__table-item {
    flex-direction: row;
    gap: 10px;
    padding: 5px 0;
    display: flex;
}
.payment-form__min {
    padding-top: 20px;
}
.payment-form__descriptoin {
    background: #fedc9f;
    border: 1px solid #ba915d73;
    border-radius: 8px;
    width: 588px;
    margin: 20px auto;
    padding: 16px 16px 16px 0;
    box-shadow: 0 1px #aa8c5b;
}
.payment-form__descriptoin ol {
    margin: 0;
    display: grid;
}
.payment-form__descriptoin ol li {
    color: #6e3923;
    letter-spacing: 0.7px;
    z-index: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
}
.hide-amount .if-hide-amount {
    display: none !important;
}
.quick-amount {
    padding-top: 25px;
}
.quick-amount__title {
    text-align: center;
}
.quick-amount__row {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 10px;
    display: flex;
}
.quick-amount__item {
    color: #6e3923;
    letter-spacing: 1.4px;
    text-align: center;
    cursor: pointer;
    background-color: #ffedd2;
    border-radius: 5px;
    height: 86px;
    margin: 10px;
    padding: 0 20px;
    font-size: 28px;
    font-weight: 800;
    line-height: 86px;
    position: relative;
    overflow: hidden;
}
.quick-amount__item:hover,
.quick-amount__item.active {
    color: #fff;
    background-color: #6e3923;
    box-shadow: inset 0 0 10px #00000040;
}
.quick-amount__item:hover:before,
.quick-amount__item.active:before {
    content: "";
    background: #dfab68;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: -10px;
    left: calc(50% - 10px);
    transform: rotate(45deg);
    box-shadow: 0 0 10px #00000040;
}
.payment-bottom {
    justify-content: center;
    padding-top: 30px;
    display: flex;
}
.payment-bottom__item {
    width: 284px;
    margin: 0 10px;
}
.payment-bottom__item.amount {
    padding-top: 40px;
}
.payment-bottom__text {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    padding-bottom: 20px;
    overflow: hidden;
}
.payment-bottom__input {
    position: relative;
}
.payment-fields {
    width: 588px;
    padding-top: 30px;
}
.payment-fields__title {
    text-align: center;
}
.payment-fields__list {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -10px;
    padding-top: 20px;
    display: flex;
}
.payment-fields__item {
    width: calc(50% - 20px);
    margin: 0 10px;
}
.payment-reminder {
    color: #ff1744;
    letter-spacing: 0.05em;
    text-align: center;
    padding-top: 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 29px;
}
.history-section__title {
    text-align: center;
    padding-top: 5px;
    font-size: 18px;
    font-weight: 700;
}
.history-section__link {
    text-align: center;
    margin: 20px;
}
.history-section__link a {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.52;
}
.history-section__link svg {
    vertical-align: middle;
    width: 6px;
    height: 9px;
    margin: 0 7px;
}
.rtl-lang .history-section__link svg {
    transform: scaleX(-1);
}
.history-section__content {
    width: 715px;
    margin: 10px auto 0;
}
.description-deposit-registration,
.description-deposit-registration-form {
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    background: #6e3923b3;
    border-radius: 10px;
    width: 600px;
    margin: 8px auto 20px;
    padding: 28px 24px;
    font-size: 12px;
    font-weight: 500;
    line-height: 158.47%;
}
h1.page-title {
    text-align: center;
    margin: 40px 0 20px;
    font-size: 36px;
    font-weight: 800;
}
.g-form-box {
    position: relative;
}
.g-form-box_center {
    text-align: center;
}
.g-input {
    color: #5c5c5c;
    box-sizing: border-box;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 24px;
    width: 100%;
    height: 48px;
    padding-block: 0;
    padding-inline: 60px 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 48px;
    display: block;
}
.g-input:focus {
    border-color: #18c5ff;
}
.g-input.ng-valid.ng-dirty:not(.registration-promo__input) {
    border-color: #3ed70b;
}
.g-input.ng-invalid.ng-touched:not(:focus) {
    border-color: #ff1744;
}
.g-input.disabled,
.g-input:disabled {
    background-color: #d2d2d2 !important;
    border: 1px solid #d2d2d2 !important;
}
.g-input.novalidate {
    border: 1px solid #757575 !important;
}
.g-input.novalidate + .g-form-label .g-form-icon svg {
    fill: #919191 !important;
}
.rtl-lang .g-input {
    direction: rtl;
}
.rtl-lang .g-input[type="tel"] {
    text-align: right;
    direction: ltr;
    padding-inline: 20px 60px;
}
.g-select {
    font-size: 16px;
    line-height: inherit;
    color: #797979;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(/joxi/wazamba/desktop/img/arr-select.svg) calc(100% - 10px) / 24px no-repeat;
    border: 2px solid #fff;
    border-radius: 24px;
    width: 100%;
    max-width: 100%;
    height: 48px;
    padding-inline: 60px 44px;
    display: block;
}
.g-select:active,
.g-select:hover {
    outline: none;
}
.g-select option {
    color: #2c2e2e;
}
.g-select:focus {
    border-color: #18c5ff;
}
.g-select:disabled {
    color: #8e8e8e;
    cursor: default;
    background: #d2d2d2;
    border-color: #d2d2d2;
}
.rtl-lang .g-select {
    background: #fff url(/joxi/wazamba/desktop/img/arr-select.svg) 10px/24px no-repeat;
}
.g-checkbox {
    border: none;
}
.g-check {
    display: none;
}
.g-check-label {
    flex-wrap: nowrap;
    align-items: center;
    max-width: 100%;
    display: flex;
}
.g-check-block {
    cursor: pointer;
    background: #fff;
    border: 4px solid #fff;
    border-radius: 10px;
    width: 36px;
    height: 36px;
    position: relative;
}
.g-check:hover + label .g-check-block {
    background: #fff url(/joxi/wazamba/desktop/img/check_blue.svg) 50%/22px no-repeat;
}
.g-check:checked + label .g-check-block {
    background: #18c5ff url(/joxi/wazamba/desktop/img/check_white.svg) 50%/22px no-repeat;
    border-color: #fff;
}
.g-check.ng-invalid.ng-touched + label .g-check-block,
.g-check.ng-invalid.ng-dirty + label .g-check-block {
    border-color: #ff1744;
}
.g-check-text {
    color: #fff;
    cursor: pointer;
    letter-spacing: 0.7px;
    width: calc(100% - 20px);
    padding-inline-start: 10px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
}
.g-check-text a {
    color: #fbfc18;
    font-weight: 600;
    text-decoration: underline;
}
.g-radio {
    display: none;
}
.g-radio-label {
    cursor: pointer;
    align-items: center;
    display: flex;
}
.g-radio-block {
    cursor: pointer;
    background: #fff;
    border: 4px solid #fff;
    border-radius: 100%;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}
.g-radio:checked + label .g-radio-block {
    background: #18c5ff;
}
.g-radio-text {
    color: #fff;
    letter-spacing: 0.7px;
    padding-inline-start: 10px;
    font-size: 14px;
    font-weight: 500;
}
.g-form-status {
    z-index: 2;
    top: 7px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    inset-inline-start: 38px;
}
.ng-invalid.ng-touched + .g-form-label .g-form-status {
    background: url(/joxi/wazamba/desktop/img/icon_error.svg) 50%/100% no-repeat;
    display: block;
}
.ng-valid.ng-dirty + .g-form-label .g-form-status {
    background: url(/joxi/wazamba/desktop/img/icon_success.svg) 50%/100% no-repeat;
    display: block;
}
.g-form-label {
    min-height: 16px;
    transition: all 0.3s;
}
.g-form-currency {
    color: #29292966;
    letter-spacing: -0.05em;
    text-align: right;
    width: 70px;
    height: 48px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 48px;
    position: absolute;
    top: 0;
    right: 0;
}
.g-form-error {
    color: #ff1744;
    letter-spacing: 0.6px;
    white-space: break-spaces;
    min-height: 16px;
    padding: 0 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
}
.g-form-error_check {
    text-align: start;
    padding-inline-start: 30px;
}
.g-form-error p {
    margin: 0;
    padding: 2px 0 8px;
}
.g-form-error,
.ng-untouched + .g-form-label .g-form-error,
.ng-valid + .g-form-label .g-form-error,
.datepicker-open + .g-form-label .g-form-error {
    display: none;
}
.ng-invalid:focus + .g-form-label .g-form-error {
    display: none !important;
}
.ng-invalid.datepicker-open + .g-form-label .g-form-error {
    display: none;
}
.ng-invalid.ng-touched + .g-form-label .g-form-error {
    display: block;
}
.g-check.ng-untouched + label + .g-form-label .g-form-error {
    display: none;
}
.g-check.ng-touched.ng-invalid + label + .g-form-label .g-form-error,
.g-check.ng-dirty.ng-invalid + label + .g-form-label .g-form-error {
    display: block;
}
.g-minlength,
.g-maxlength,
.g-pattern,
.g-required,
.g-min,
.g-max,
.g-passwordVer,
.g-patternLetter {
    display: none;
}
.ng-invalid-minlength + .g-form-label .g-form-error .g-minlength,
.ng-invalid-maxlength + .g-form-label .g-form-error .g-maxlength,
.ng-invalid-min + .g-form-label .g-form-error .g-min,
.ng-invalid-max + .g-form-label .g-form-error .g-max,
.ng-invalid-pattern + .g-form-label .g-form-error .g-pattern,
.ng-invalid-postcode + .g-form-label .g-form-error .g-pattern,
.ng-invalid-required + .g-form-label .g-form-error .g-required,
.ng-invalid-required + .g-form-label .g-form-error .g-required,
.ng-invalid-email + .g-form-label .g-form-error .g-pattern,
.ng-invalid-phone + .g-form-label .g-form-error .g-pattern,
.ng-invalid-letter + .g-form-label .g-form-error .g-patternLetter {
    display: block;
}
.ng-invalid-minlength + .g-form-label .g-form-error .g-minlength ~ p,
.ng-invalid-maxlength + .g-form-label .g-form-error .g-maxlength ~ p,
.ng-invalid-min + .g-form-label .g-form-error .g-min ~ p,
.ng-invalid-max + .g-form-label .g-form-error .g-max ~ p,
.ng-invalid-pattern + .g-form-label .g-form-error .g-pattern ~ p,
.ng-invalid-postcode + .g-form-label .g-form-error .g-pattern ~ p,
.ng-invalid-required + .g-form-label .g-form-error .g-required ~ p,
.ng-invalid-required + .g-form-label .g-form-error .g-required ~ p,
.ng-invalid-number + .g-form-label .g-form-error .g-pattern ~ p,
.ng-invalid-email + .g-form-label .g-form-error .g-pattern ~ p,
.ng-invalid-phone + .g-form-label .g-form-error .g-pattern ~ p,
.ng-invalid-letter + .g-form-label .g-form-error .g-patternLetter ~ p {
    display: none;
}
.ng-invalid-password-verify + .g-form-label .g-form-error .g-passwordVer,
.g-check.ng-invalid + label + .g-form-label .g-required {
    display: block;
}
.g-form-tooltip {
    z-index: 40;
    inset-inline-start: 100%;
    background-color: #fbfc18;
    border-radius: 16px;
    width: 200px;
    padding: 12px;
    display: none;
    position: absolute;
    top: 22px;
    transform: translate(10px, -50%);
}
.g-form-tooltip:after {
    content: "";
    inset-inline-start: 0;
    border-top: 7px solid #0000;
    border-bottom: 7px solid #0000;
    border-right: 9px solid #fbfc18;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    transform: translate(-100%, -50%);
}
.g-form-tooltip p {
    color: #6e3923;
    margin: 5px 0;
    padding-inline-start: 20px;
    font-size: 13px;
}
.rtl-lang .g-form-tooltip:after {
    transform: translate(100%, -50%) scaleX(-1);
}
.g-input-has-tooltip:focus + .g-form-label .g-form-tooltip {
    display: block;
}
.g-input-has-tooltip + .g-form-label .g-tooltip-min,
.g-input-has-tooltip + .g-form-label .g-tooltip-number,
.g-input-has-tooltip + .g-form-label .g-tooltip-low,
.g-input-has-tooltip + .g-form-label .g-tooltip-up {
    background: url(/joxi/wazamba/desktop/img/tooltip-0.svg) 0 3px/10px no-repeat;
}
.rtl-lang .g-input-has-tooltip + .g-form-label .g-tooltip-min,
.rtl-lang .g-input-has-tooltip + .g-form-label .g-tooltip-number,
.rtl-lang .g-input-has-tooltip + .g-form-label .g-tooltip-low,
.rtl-lang .g-input-has-tooltip + .g-form-label .g-tooltip-up {
    background: url(/joxi/wazamba/desktop/img/tooltip-0.svg) right 3px/10px no-repeat;
}
.ng-invalid-phone + .g-form-label .g-form-error .g-pattern {
    display: block;
}
.g-input-has-tooltip.ng-valid-min + .g-form-label .g-tooltip-min,
.g-input-has-tooltip.ng-valid-number + .g-form-label .g-tooltip-number,
.g-input-has-tooltip.ng-valid-low + .g-form-label .g-tooltip-low,
.g-input-has-tooltip.ng-valid-up + .g-form-label .g-tooltip-up {
    background: url(/joxi/wazamba/desktop/img/tooltip-1.svg) 0 4px/10px no-repeat;
}
.rtl-lang .g-input-has-tooltip.ng-valid-min + .g-form-label .g-tooltip-min,
.rtl-lang .g-input-has-tooltip.ng-valid-number + .g-form-label .g-tooltip-number,
.rtl-lang .g-input-has-tooltip.ng-valid-low + .g-form-label .g-tooltip-low,
.rtl-lang .g-input-has-tooltip.ng-valid-up + .g-form-label .g-tooltip-up {
    background: url(/joxi/wazamba/desktop/img/tooltip-1.svg) right 3px/10px no-repeat;
}
.g-show-pass {
    cursor: pointer;
    top: 14px;
    background-position: bottom;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    inset-inline-end: 20px;
}
.g-show-pass_text {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5Ljc3NjUgOS4yODEzOEMxOC43MzQ2IDcuNjkxMDUgMTcuMzMzOCA2LjQxMzM4IDE1LjU3NDIgNS40NDc5NEMxMy44MTQ2IDQuNDgyNzIgMTEuOTU2NCA0IDkuOTk5NzggNEM4LjA0MzExIDQgNi4xODQ3NSA0LjQ4MjUxIDQuNDI1MTQgNS40NDc5NEMyLjY2NTEgNi40MTMzOCAxLjI2NDQ5IDcuNjkxMDUgMC4yMjI4NyA5LjI4MTM4QzAuMDc0MjkgOS41MjQ2MiAwIDkuNzY0MDkgMCAxMC4wMDA0QzAgMTAuMjM2NSAwLjA3NDI5IDEwLjQ3NjIgMC4yMjI4NyAxMC43MTlDMS4yNjQ0OSAxMi4zMDk0IDIuNjY1MzIgMTMuNTg3MyA0LjQyNTE0IDE0LjU1MjVDNi4xODQ1MiAxNS41MTc3IDguMDQyODggMTYgOS45OTk3OCAxNkMxMS45NTY3IDE2IDEzLjgxNDggMTUuNTE5MiAxNS41NzQ0IDE0LjU1NzVDMTcuMzM0IDEzLjU5NTggMTguNzM1MSAxMi4zMTYxIDE5Ljc3NjcgMTAuNzE5QzE5LjkyNTMgMTAuNDc2IDIwIDEwLjIzNjUgMjAgMTAuMDAwNEMxOS45OTk4IDkuNzY0MDkgMTkuOTI1IDkuNTI0NjIgMTkuNzc2NSA5LjI4MTM4Wk03LjYwNTYgNi40MzI0NkM4LjI3MTU0IDUuODEwOTIgOS4wNjkzNyA1LjQ5OTk1IDkuOTk5NzggNS40OTk5NUMxMC4xNDg0IDUuNDk5OTUgMTAuMjc1MSA1LjU0ODgxIDEwLjM3OTIgNS42NDU5QzEwLjQ4MzMgNS43NDMxOSAxMC41MzU2IDUuODYxNDYgMTAuNTM1NiA2LjAwMDA3QzEwLjUzNTYgNi4xMzkzMSAxMC40ODMzIDYuMjU3MTYgMTAuMzc5NSA2LjM1NDI0QzEwLjI3NTQgNi40NTE1NCAxMC4xNDg2IDYuNTAwMTkgOS45OTk3OCA2LjUwMDE5QzkuMzYwMDggNi41MDAxOSA4LjgxMjkyIDYuNzEyMTkgOC4zNTkzOSA3LjEzNTM2QzcuOTA1NDIgNy41NTkxNSA3LjY3ODMzIDguMDY5NTUgNy42NzgzMyA4LjY2Njk3QzcuNjc4MzMgOC44MDYgNy42MjYyOCA4LjkyNDA2IDcuNTIyMTkgOS4wMjExNEM3LjQxNzY1IDkuMTE4NDQgNy4yOTEzMSA5LjE2NzA5IDcuMTQyNzMgOS4xNjcwOUM2Ljk5MzcxIDkuMTY3MDkgNi44NjcxNSA5LjExODQ0IDYuNzYzMDUgOS4wMjExNEM2LjY1ODk2IDguOTI0MDYgNi42MDY5MSA4LjgwNiA2LjYwNjkxIDguNjY2OTdDNi42MDY5MSA3Ljc5ODgzIDYuOTM5NjYgNy4wNTM3OSA3LjYwNTYgNi40MzI0NlpNMTQuODQ5MSAxMy40MDE1QzEzLjM1NzMgMTQuMjQ1MSAxMS43NDA3IDE0LjY2NyA5Ljk5OTc4IDE0LjY2N0M4LjI1ODY0IDE0LjY2NyA2LjY0MjI3IDE0LjI0NTMgNS4xNTA0NyAxMy40MDE1QzMuNjU4ODkgMTIuNTU3NiAyLjQxODIgMTEuNDIzOCAxLjQyODY0IDEwLjAwMDRDMi41NTk0NCA4LjM2MTQ0IDMuOTc2OTYgNy4xMzU1NyA1LjY4MDk1IDYuMzIzNDJDNS4yMjY5OCA3LjA0NTQgNC45OTk4OSA3LjgyNjcyIDQuOTk5ODkgOC42NjcxOEM0Ljk5OTg5IDkuOTUxOTggNS40ODkyMiAxMS4wNTA4IDYuNDY3NjcgMTEuOTY0QzcuNDQ1OSAxMi44NzcgOC42MjM0MSAxMy4zMzM3IDEwIDEzLjMzMzdDMTEuMzc2NiAxMy4zMzM3IDEyLjU1MzkgMTIuODc3MiAxMy41MzIxIDExLjk2NEMxNC41MTA4IDExLjA1MDggMTUuMDAwMSA5Ljk1MTk4IDE1LjAwMDEgOC42NjcxOEMxNS4wMDAxIDcuODI2OTMgMTQuNzczIDcuMDQ1NCAxNC4zMTkgNi4zMjM0MkMxNi4wMjI4IDcuMTM1NTcgMTcuNDQwMyA4LjM2MTY1IDE4LjU3MTQgMTAuMDAwNEMxNy41ODE0IDExLjQyMzggMTYuMzQwOSAxMi41NTc2IDE0Ljg0OTEgMTMuNDAxNVoiIGZpbGw9IiNBRUFEQjMiLz4KPC9zdmc+Cg==);
}
.g-show-pass_password {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjU3MzUgOS44MDUxMkMxOC41NjA4IDkuNzg2MjYgMTguNTg2MiA5LjgyMzg3IDE4LjU3MzUgOS44MDUxMkMxNy41ODUzIDExLjI3NDkgMTYuMzQ2NSAxMi40NDU2IDE0Ljg1NzEgMTMuMzE2OUMxMy4zNjc3IDE0LjE4NzkgMTEuNzUzNSAxNC42MjM2IDEwLjAxNTUgMTQuNjIzNkM4LjI3NzAxIDE0LjYyMzYgNi42NjI4MiAxNC4xODgyIDUuMTczNDQgMTMuMzE2OUMzLjY4NDA1IDEyLjQ0NTYgMi40NDUyNSAxMS4yNzQ5IDEuNDU3NTMgOS44MDUxMkMxLjQ0MzM5IDkuODI2MzMgMS40NzE2NyA5Ljc4Mzc3IDEuNDU3NTMgOS44MDUxMkwxLjI3NDY5IDkuNjI0NEMwLjk1NTg2NiA5LjMwOTI5IDAuNDk3OTk2IDkuMDYyNTMgMC4xNjU1MzcgOS4zNjIyQzAuMDM1MTAxNyA5LjU1ODY1IDAgOS41NjExIDAgOS44MDUxMkMwIDEwLjA0ODkgMC4xMDUxNDEgMTAuMjk2NCAwLjI1MzM0OSAxMC41NDcxQzEuMjkzNzIgMTIuMTg5MiAyLjY5MjQzIDEzLjUwODcgNC40NDk0NiAxNC41MDU0QzYuMjA2MDEgMTUuNTAyIDguMDYxNTIgMTYgMTAuMDE1NSAxNkMxMS45NjkgMTYgMTMuODI0NSAxNS41MDM1IDE1LjU4MTEgMTQuNTEwNkMxNy4zMzgxIDEzLjUxNzYgMTguNzM2OCAxMi4xOTYyIDE5Ljc3NzIgMTAuNTQ3MUMxOS45MjU0IDEwLjI5NjIgMjAgMTAuMDQ4OSAyMCA5LjgwNTEyQzIwIDkuNTYxMSAyMCA5LjQ1MjI2IDE5LjkwNjYgOS4zMDQ1NUMxOS42MzgxIDguODgwMTcgMTkuMDYzNCA4LjkwNDE2IDE4LjgyMzEgOS4zNDYxOUwxOC41NzM1IDkuODA1MTJaIiBmaWxsPSIjQUVBREIzIi8+Cjwvc3ZnPgo=);
}
.g-form-icon {
    top: 10px;
    width: 28px;
    height: 28px;
    position: absolute;
    inset-inline-start: 20px;
}
.g-form-icon svg {
    fill: #aeadb3;
}
.g-form-sprite {
    background-position: 20px;
    background-repeat: no-repeat;
    background-size: 28px 28px;
}
.g-form-sprite-address {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjA5NCA5LjQyMzI3SDEwLjQ5VjE1LjIzODdINC4wOTRMMSAxMi4zNDRMNC4wOTQgOS40MjMyN1pNMjcgNS41NjM2OUwyMy45MDYgMi42NjkwMUgxNi4yODhWMUgxMS43MTJWMjdIMTYuMjg4VjguNDU4MzhIMjMuOTA2TDI3IDUuNTYzNjlaIiBmaWxsPSIjQUVBREIzIi8+Cjwvc3ZnPgo=);
}
.g-form-sprite-city {
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgdmlld0JveD0iMCAwIDI4IDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMyAyNC4yMDI3QzMgMjQuNDkyNiAzLjIyIDI0LjcxMDEgMy41MTMzMyAyNC43MTAxQzMuNjExMTEgMjQuNzEwMSAzLjcwODg5IDI0LjY4NTkgMy43ODIyMiAyNC42Mzc2TDEwLjMzMzMgMjAuNzQ3OUwxNy4zNzMzIDI0LjkyNzVDMTcuNTQ0NCAyNS4wMjQyIDE3Ljc2NDQgMjUuMDI0MiAxNy45NiAyNC45Mjc1TDI0LjU2IDIxLjAxMzdDMjQuODI4OSAyMC44Njg3IDI1IDIwLjU3ODggMjUgMjAuMjY0N1YyLjc5NzI3QzI1IDIuNTA3MzUgMjQuNzggMi4yODk5MiAyNC40ODY3IDIuMjg5OTJDMjQuMzg4OSAyLjI4OTkyIDI0LjI5MTEgMi4zMTQwOCAyNC4yMTc4IDIuMzYyMzlMMTcuNjY2NyA2LjI1MjFMMTAuNjI2NyAyLjA3MjQ4QzEwLjQ1NTYgMS45NzU4NCAxMC4yMzU2IDEuOTc1ODQgMTAuMDQgMi4wNzI0OEwzLjQ0IDUuOTg2MzRDMy4xNzExMSA2LjE1NTQ2IDMgNi40NDUzOCAzIDYuNzU5NDVWMjQuMjAyN1pNMTAuMzMzMyA1LjI4NTcxTDE3LjY2NjcgOS42MzQ0NVYyMS43MTQzTDEwLjMzMzMgMTcuMzY1NVY1LjI4NTcxWiIgZmlsbD0iI0FFQURCMyIvPgo8L3N2Zz4K);
}
.g-form-sprite-country {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNC4wNDA4IDJDOC40ODk4IDIgNCA2LjQgNCAxMS44NEM0IDE3LjIgMTIuMjQ0OSAyNiAxNC4wNDA4IDI2QzE1LjgzNjcgMjYgMjQuMDgxNiAxNy4yIDI0LjA4MTYgMTEuODRDMjQgNi40IDE5LjUxMDIgMiAxNC4wNDA4IDJaTTE0LjA0MDggMTYuNzJDMTEuNDI4NiAxNi43MiA5LjM4Nzc2IDE0LjY0IDkuMzg3NzYgMTIuMTZDOS4zODc3NiA5LjYgMTEuNTEwMiA3LjYgMTQuMDQwOCA3LjZDMTYuNjUzMSA3LjYgMTguNjkzOSA5LjY4IDE4LjY5MzkgMTIuMTZDMTguNjkzOSAxNC42NCAxNi41NzE0IDE2LjcyIDE0LjA0MDggMTYuNzJaIiBmaWxsPSIjQUVBREIzIi8+Cjwvc3ZnPgo=);
}
.g-form-sprite-currency {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC41MjIxNiA5Ljg0OTE1QzcuODg4NyA5Ljg0OTE1IDcuMzc0NTggOS4zNDEwNCA3LjM3NDU4IDguNzE0OTlDNy4zNzQ1OCA4LjA4ODk0IDcuODg4NyA3LjU4MDg0IDguNTIyMTYgNy41ODA4NEM5LjE1NTYzIDcuNTgwODQgOS42Njk3NCA4LjA4ODk0IDkuNjY5NzQgOC43MTQ5OUM5LjY2OTc0IDkuMzQxMDQgOS4xNTU2MyA5Ljg0OTE1IDguNTIyMTYgOS44NDkxNVpNMjQuMzI3OCAxNC43MTI0TDIwLjUyNyAxMC45NTYxQzE0LjA2NzMgNC41NzE5NCAxNS41Nzg2IDYuMTAwNzcgMTMuMDczNSAzLjQ2MDQ3QzEyLjg1NzcgMy4yNDcyNSAxMi41NjYyIDMgMTIuMjYyMSAzSDUuMjk0MDJDNC4wMjcwOSAzIDMgNC4yNzI1MiAzIDUuNTI0NjJWMTIuNDEwMUMzIDEyLjcxMTcgMy4xMjA1IDEyLjk5OTggMy4zMzUwOSAxMy4yMTNDNy44MzU5MSAxNy42NjAxIDQuNTk1MTQgMTQuNDU3MiAxNC41OTA2IDI0LjMzNTdDMTUuNDg2OCAyNS4yMjE0IDE2LjkzOTcgMjUuMjIxNCAxNy44MzU5IDI0LjMzNTdDMjIuODE5OSAxOS40MTEyIDIxLjcxMzYgMjAuNTAzNCAyNC4zMjc4IDE3LjkxOThDMjUuMjI0MSAxNy4wMzQgMjUuMjI0MSAxNS41OTgyIDI0LjMyNzggMTQuNzEyNFoiIGZpbGw9IiNBRUFEQjMiLz4KPC9zdmc+Cg==);
}
.g-form-sprite-email {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjc1NjEgNkMzLjUyNjA2IDYgMy4zMDc2OSA2LjA1MDggMy4xMDY3MSA2LjEzNDYyTDEzLjI5NTcgMTUuMjVDMTMuNzQxNyAxNS42NDk0IDE0LjIzOSAxNS42NDk2IDE0LjY4NiAxNS4yNUwyNC44ODQxIDYuMTI0OThDMjQuNjg2MSA2LjA0Mzk2IDI0LjQ2OTkgNiAyNC4yNDM5IDZIMy43NTYxWk0yLjAxODI5IDcuNTc2OTJDMi4wMDYzOSA3LjY2NDA2IDIgNy43NTU0NSAyIDcuODQ2MTVWMjAuMTUzOEMyIDIxLjE3NjYgMi43ODMyNCAyMiAzLjc1NjEgMjJIMjQuMjQzOUMyNS4yMTY4IDIyIDI2IDIxLjE3NjYgMjYgMjAuMTUzOFY3Ljg0NjE1QzI2IDcuNzU1NDUgMjUuOTkzNiA3LjY2NDA2IDI1Ljk4MTcgNy41NzY5MkwxNS44MjkzIDE2LjY1MzhDMTQuNzc2OCAxNy41OTQ3IDEzLjIwNDggMTcuNTk2MiAxMi4xNTI0IDE2LjY1MzhMMi4wMTgyOSA3LjU3NjkyWiIgZmlsbD0iI0FFQURCMyIvPgo8L3N2Zz4K);
}
.g-form-sprite-password {
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgdmlld0JveD0iMCAwIDI4IDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTQgM0M3LjkyNDg3IDMgMyA3LjkyNDg3IDMgMTRDMyAyMC4wNzUxIDcuOTI0ODcgMjUgMTQgMjVDMjAuMDc1MSAyNSAyNSAyMC4wNzUxIDI1IDE0QzI1IDcuOTI0ODcgMjAuMDc1MSAzIDE0IDNaTTE2LjUzODUgMTkuNUgxMS40NjE1TDEyLjk5MzEgMTMuMzY5NkMxMS43MDU2IDEyLjgxNDcgMTEuMTExOCAxMS4zMjExIDExLjY2NjggMTAuMDMzN0MxMi4yMjE3IDguNzQ2MjQgMTMuNzE1MiA4LjE1MjQzIDE1LjAwMjcgOC43MDczN0MxNi4yOTAxIDkuMjYyMzEgMTYuODgzOSAxMC43NTU5IDE2LjMyOSAxMi4wNDMzQzE2LjA3MjQgMTIuNjM4NSAxNS41OTc5IDEzLjExMzEgMTUuMDAyNyAxMy4zNjk2TDE2LjUzODUgMTkuNVoiIGZpbGw9IiNBRUFEQjMiLz4KPC9zdmc+Cg==);
}
.g-form-sprite-phone {
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgdmlld0JveD0iMCAwIDI4IDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjYuNDggMjEuOTM1N0wyMS40NTM2IDE3Ljk1NzJDMjAuODQ4MyAxNy40ODMgMTkuOTUzNSAxNy41ODg0IDE5LjQ3OTggMTguMjIwN0wxOC43NjkzIDE5LjE2OTJDMTguNDUzNSAxOS41OTA4IDE3LjgyMTkgMTkuNjQzNSAxNy40NTM1IDE5LjI0ODNMOS43NDI3MSAxMS41Mjg1QzkuMzc0MjggMTEuMTU5NyA5LjQwMDYgMTAuNTI3MyA5LjgyMTY2IDEwLjIxMTJMMTAuNzY5MSA5LjQ5OTc4QzExLjQwMDcgOS4wMjU1MyAxMS41MDU5IDguMTU2MDcgMTEuMDMyMiA3LjUyMzc0TDcuMDg0NzQgMi41MTc3NkM2LjYxMTA0IDEuOTExNzcgNS43MTYyOCAxLjgzMjczIDUuMTExIDIuMzA2OThDNC42MTA5OSAyLjcwMjE5IDQuMTM3MjkgMy4xNzY0NCAzLjYzNzI3IDMuNjc3MDRDMC42NjM1MDQgNi42NTQyOCAxLjI5NTEgMTEuNzM5MyA5LjI2OTAxIDE5LjcyMjVDMTcuMjQyOSAyNy43MDU3IDIyLjMyMiAyOC4zMzgxIDI1LjI5NTggMjUuMzYwOEMyNS43OTU4IDI0Ljg2MDIgMjYuMjk1OCAyNC4zNTk2IDI2LjY5MDYgMjMuODU5QzI3LjE5MDYgMjMuMjc5NCAyNy4wNTkgMjIuNDA5OSAyNi40OCAyMS45MzU3WiIgZmlsbD0iI0FFQURCMyIvPgo8L3N2Zz4K);
}
.g-form-sprite-promocode {
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgdmlld0JveD0iMCAwIDI4IDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44NzY5OCAzLjAyNzA3QzYuNjQ0MzQgMy4wMjcwNyA1LjY1Mjg2IDMuODExNzcgNS4xOTczMiA0Ljc4NTg5QzQuNzQxNzggNS43NjAwMSA0Ljc2ODU4IDYuOTc3NjQgNS4zMDQ1MSA4LjAwNTg4QzUuNDExNjkgOC4xNjgyMyA1LjUxODg4IDguMzAzNTQgNS42MjYwNyA4LjQzODgzSDUuNDExNjlDNC43NDE3OCA4LjQzODgzIDQuMDk4NjYgOC42MjgyMyAzLjY0MzEyIDkuMDg4MjNDMy4xODc1OCA5LjU0ODIzIDMgMTAuMTk3NyAzIDEwLjg3NDFWMTMuNTUyOUMzIDEzLjk4NTkgMy4zNzUxNSAxNC4zNjQ3IDMuODAzOSAxNC4zNjQ3SDQuMzM5ODNWMjMuNTY0N0M0LjMzOTgzIDI0LjI0MTIgNC41Mjc0MSAyNC44OTA2IDQuOTgyOTUgMjUuMzUwNkM1LjQzODQ5IDI1LjgxMDYgNi4wODE2MSAyNiA2Ljc1MTUyIDI2SDIxLjIyMTdDMjEuODkxNiAyNiAyMi41MzQ3IDI1LjgxMDYgMjMuMDE3MSAyNS4zNTA2QzIzLjQ3MjYgMjQuODkwNiAyMy42NjAyIDI0LjI0MTIgMjMuNjYwMiAyMy41Mzc2VjE0LjM2NDdIMjQuMTk2MUMyNC42MjQ4IDE0LjM2NDcgMjUgMTMuOTg1OSAyNSAxMy41NTI5VjEwLjg0NzFDMjUgMTAuMTcwNiAyNC44MTI0IDkuNTIxMTggMjQuMzU2OSA5LjA2MTE4QzIzLjkwMTMgOC42MDExOCAyMy4yNTgyIDguNDExNzYgMjIuNTg4MyA4LjQxMTc2SDIyLjM3MzlDMjIuNDgxMSA4LjMwMzUzIDIyLjU2MTUgOC4xNjgyNCAyMi42NDE5IDguMDMyOTVMMjIuNjY4NyA4LjAwNTg4TDIyLjY5NTUgNy45Nzg4M0MyMy4yNTgyIDYuOTUwNTkgMjMuMjU4MiA1LjczMjk0IDIyLjgwMjcgNC43NTg4MkMyMi4zNDcxIDMuNzg0NzEgMjEuMzU1NyAzIDIwLjEyMyAzQzE4LjcyOTYgMyAxNy4zMDk0IDMuNzg0NzEgMTYuMTMwMyA0Ljg5NDEyQzE1LjcwMTYgNS4zIDE1LjI3MjggNS43NiAxNC45MjQ1IDYuMjQ3MDZIMTMuMDc1NUMxMi43MjcyIDUuNzYgMTIuMzI1MiA1LjMgMTEuODY5NyA0Ljg5NDEyQzEwLjY5MDYgMy44MTE3NiA5LjI3MDQgMy4wMjcwNyA3Ljg3Njk4IDMuMDI3MDdaTTcuODc2OTggNC42NTA2QzguNjAwNDkgNC42NTA2IDkuODMzMTMgNS4yMTg4MiAxMC43NzEgNi4xMTE3NkMxMS4xOTk4IDYuNTE3NjQgMTEuNTQ4MSA2Ljk3NzY0IDExLjg0MjkgNy40MTA1OFY4LjQzODgzQzEwLjQ3NjIgOC40NjU4OSA5LjAwMjQ0IDguNDY1ODkgNy43Njk3OSA4LjAzMjk1QzcuMzE0MjUgNy44NzA1OSA3LjAxOTQ5IDcuNjgxMTcgNi43MjQ3MyA3LjE5NDExQzYuNDI5OTYgNi42MjU4OCA2LjQyOTk2IDUuOTQ5NDIgNi42NzExMyA1LjQ2MjM2QzYuODg1NTEgNC45NDgyNCA3LjI2MDY2IDQuNjUwNiA3Ljg3Njk4IDQuNjUwNlpNMjAuMDk2MiA0LjY1MDZDMjAuNzEyNSA0LjY1MDYgMjEuMDg3NyA0Ljk0ODI0IDIxLjMyODkgNS40NjIzNkMyMS41NDMyIDUuOTQ5NDIgMjEuNTcgNi42MjU4OCAyMS4yNzUzIDcuMTk0MTFDMjAuOTUzNyA3LjY4MTE3IDIwLjY4NTggNy44NzA1OSAyMC4yMzAyIDguMDMyOTVDMTguODEgOC40NjU4OSAxNy42ODQ1IDguNDM4ODMgMTYuMTU3MSA4LjQzODgzVjcuNDEwNThDMTYuNDI1MSA2Ljk1MDU4IDE2LjgwMDIgNi40OTA1OSAxNy4yMjkgNi4xMTE3NkMxOC4xNDAxIDUuMjE4ODIgMTkuMzcyNyA0LjY1MDYgMjAuMDk2MiA0LjY1MDZaTTEyLjY0NjggMTIuMjI3MUgxNS4zMjY0VjI0LjQwMzVIMTIuNjQ2OFYxMi4yMjcxWiIgZmlsbD0iI0FFQURCMyIvPgo8L3N2Zz4K);
}
.g-form-sprite-requisites {
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgdmlld0JveD0iMCAwIDI4IDI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjIuNzI3MyA1SDUuMjcyNzNDMy40NzI3MyA1IDIgNi40NzI3MyAyIDguMjcyNzNWMTkuNzI3M0MyIDIxLjUyNzMgMy40NzI3MyAyMyA1LjI3MjczIDIzSDIyLjcyNzNDMjQuNTI3MyAyMyAyNiAyMS41MjczIDI2IDE5LjcyNzNWOC4yNzI3M0MyNiA2LjQ3MjczIDI0LjUyNzMgNSAyMi43MjczIDVaTTE4LjM2MzYgMTkuMTgxOEg2LjAwOTA5VjE3SDE4LjM2MzZWMTkuMTgxOFpNNi4wMDkwOSAxNS45MDkxVjEzLjcyNzNIMTEuNzkwOVYxNS45MDkxSDYuMDA5MDlaTTIzLjgxODIgOS45MDkwOUg0LjE4MTgyVjguMjcyNzNDNC4xODE4MiA3LjY3MjczIDQuNjcyNzMgNy4xODE4MiA1LjI3MjczIDcuMTgxODJIMjIuNzI3M0MyMy4zMjczIDcuMTgxODIgMjMuODE4MiA3LjY3MjczIDIzLjgxODIgOC4yNzI3M1Y5LjkwOTA5WiIgZmlsbD0iI0FFQURCMyIvPgo8L3N2Zz4K);
}
.g-form-sprite-user {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC44NDM5IDYuNzE4MDZDMTguODQzOCA1LjQxMzk2IDE4LjM2ODkgNC4yOTk0MiAxNy40MTkzIDMuMzc0NDVDMTYuNDc5NCAyLjQ1OTA0IDE1LjMzNTEgMi4wMDA4OSAxMy45ODY0IDJDMTIuNjM3NyAyLjAwMDg5IDExLjQ4ODkgMi40NTkwNCAxMC41NDAxIDMuMzc0NDVDOS41OTk0NSA0LjI5OTQyIDkuMTI5MDggNS40MTM5NiA5LjEyODkzIDYuNzE4MDZWOS40ODAxOEM5LjEyOTg1IDEwLjc5MzggOS42MDAyMyAxMS45MDgzIDEwLjU0MDEgMTIuODIzOEMxMS40ODg5IDEzLjc0OCAxMi42Mzc3IDE0LjIxMDUgMTMuOTg2NCAxNC4yMTE1QzE1LjMzNTEgMTQuMjEwNSAxNi40Nzk0IDEzLjc0OCAxNy40MTkzIDEyLjgyMzhDMTguMzY4MSAxMS45MDgzIDE4Ljg0MyAxMC43OTM4IDE4Ljg0MzkgOS40ODAxOFY2LjcxODA2Wk0yMy4wNTAyIDI2QzIzLjMxMjQgMjYgMjMuNTM0MSAyNS45MDc1IDIzLjcxNSAyNS43MjI1QzIzLjkwNSAyNS41NDYyIDI0IDI1LjMzMDQgMjQgMjUuMDc0OVYyMy42MjExQzI0LjAwODEgMjEuMjU2NyAyMy4wMTc2IDE5LjI0NzkgMjEuMDI4NSAxNy41OTQ3VjE3LjU4MTVDMTkuMDk4MiAxNS45ODY1IDE2Ljc1NTQgMTUuMTg5MiAxNCAxNS4xODk0QzExLjI1NjIgMTUuMTk1MSA4LjkxNzg4IDE1Ljk5MjQgNi45ODUxMiAxNy41ODE1SDYuOTcxNTVDNC45ODE0NCAxOS4yNDExIDMuOTkwOTUgMjEuMjU0MyA0LjAwMDA2IDIzLjYyMTFWMjUuMDc0OUM0LjAwMDA2IDI1LjMzMDQgNC4wOTA1MiAyNS41NDYyIDQuMjcxNDMgMjUuNzIyNUM0LjQ2MTQzIDI1LjkwNzUgNC42ODc1NyAyNiA0Ljk0OTg1IDI2SDIzLjA1MDJaIiBmaWxsPSIjQUVBREIzIi8+Cjwvc3ZnPgo=);
}
.g-form-sprite-postcode {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMy42NzM3IDFDOS44MzY4NyAxIDcuMDIzMTYgMi43Nzc3OCA2LjIyMzgyIDYuMDc5MzZIMjEuNzMxMUMyMC44MDM5IDIuNzQ2MDMgMTcuNTEwNiAxIDEzLjY3MzcgMVpNNiA3LjMxNzQ1QzYgMTMuNzMzMyA2IDIwLjI5MDggNiAyNi4wMDA1QzYgMjYuNTUyOCA2LjQ0NzcyIDI3IDcgMjdINy41NTc5MUM4LjExMDE5IDI3IDguNTU3OTEgMjYuNTUyMyA4LjU1NzkxIDI2VjI0LjQ2MDNIMTkuMzk3MVYyNkMxOS4zOTcxIDI2LjU1MjMgMTkuODQ0OCAyNyAyMC4zOTcxIDI3SDIwLjk0NTJDMjEuNTAxMyAyNyAyMS45NTA0IDI2LjU0NjMgMjEuOTQ3MSAyNS45OTAyQzIxLjkwOTggMTkuNzU4NCAyMi4wNzYzIDEzLjU1MjIgMjEuOTU1IDcuMzE3NDVDMTYuMzkxNSA3LjMxNzQ1IDEwLjc2NDEgNy4zMTc0NSA2IDcuMzE3NDVaTTEwLjA5MjcgOC41ODcyOUMxMi42NTA2IDguNTg3MjkgMTUuMjQwNSA4LjU4NzI5IDE3Ljc5ODQgOC41ODcyOUMxOC4yMTQgOC41ODcyOSAxOC41MzM4IDkuMDMxNzQgMTguNDA1OSA5LjQxMjdMMTcuNzY2NCAxMS4zMTc1QzE3LjY3MDUgMTEuNTcxNCAxNy40MTQ3IDExLjc2MTkgMTcuMTU4OSAxMS43NjE5SDEwLjc5NjFDMTAuNTQwMyAxMS43NjE5IDEwLjI4NDUgMTEuNTcxNCAxMC4xODg2IDExLjMxNzVMOS41NDkxIDkuNDEyN0M5LjQyMTIxIDkuMDYzNDkgOS43MDg5NyA4LjYxOTAzIDEwLjA5MjcgOC41ODcyOVoiIGZpbGw9IiNBRUFEQjMiLz4KPC9zdmc+Cg==);
}
.g-form-sprite-money {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/Pjxzdmcgd2lkdGg9IjI4IiBoZWlnaHQ9IjE3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yOCAyLjQxdjEyLjIxYzAgMS4zMTYtMS4wODcgMi4zOC0yLjQzIDIuMzhIMi40M0MxLjA4NiAxNyAwIDE1LjkzNSAwIDE0LjYyVjIuNDFBMi40MSAyLjQxIDAgMCAxIDIuNDMgMGgyMy4xNEMyNi45MTQuMDYzIDI4IDEuMDk2IDI4IDIuNDF6bS0yLjA3OCAyLjU2OGMtLjE5MS4wNjMtLjM4My4wNjMtLjYwNy4wNjMtMS4zNDIgMC0yLjQ2MS0xLjA2NS0yLjQ2MS0yLjQxMSAwLS4xODguMDMyLS40MDcuMDY0LS41OTVINC45MjJjLjAzMi4xNTcuMDMyLjI4Mi4wMzIuNDM4IDAgMS4zMTUtMS4wODYgMi40MTEtMi40NiAyLjQxMS0uMTYgMC0uMjg5IDAtLjQxNi0uMDMxdjcuMjk0Yy4xMjctLjAzMS4yODctLjAzMS40MTUtLjAzMSAxLjM0MyAwIDIuNDYxIDEuMDY1IDIuNDYxIDIuNDEgMCAuMTU3IDAgLjMxNC0uMDMyLjQzOWgxNy45NjRjMC0uMDk0LS4wMzItLjE4OC0uMDMyLS4zMTMgMC0xLjMxNSAxLjA4Ny0yLjQxIDIuNDYxLTIuNDEuMjI0IDAgLjQxNi4wMy42MDcuMDYyVjQuOTc4em0tNi42MTYgMy41MzhjMCAyLjg4LTIuMzk3IDUuMTk3LTUuMzA2IDUuMTk3LTIuOTQgMC01LjMwNi0yLjM0OC01LjMwNi01LjE5NyAwLTIuODggMi4zOTctNS4xOTcgNS4zMDYtNS4xOTcgMi45NC4wMyA1LjMwNiAyLjM3OSA1LjMwNiA1LjE5N3ptLTIuNTktMS4xNTlsLTEuMDIyLTEuMDAyLTIuMzY1IDIuMzE3LS45OTEtLjk3LTEuMDIzIDEuMDAyIDIuMDE0IDEuOTcyIDMuMzg4LTMuMzE5eiIgZmlsbD0iI0FFQURCMyIgc3R5bGU9IiIvPjwvc3ZnPg==);
}
.g-sprite {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}
.g-text-overflow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.g-board {
    background-position: top, bottom, bottom;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-size: 100%;
    background-clip: padding-box, padding-box, content-box;
    min-height: 70px;
    padding: 0 0 10px;
    position: relative;
}
.g-board-1 {
    background-image: url(/joxi/wazamba/board/board1_top.png), url(/joxi/wazamba/board/board1_bottom.png),
        url(/joxi/wazamba/board/board1_body.png);
}
.g-board-2 {
    background-image: url(/joxi/wazamba/board/board2_top.png), url(/joxi/wazamba/board/board2_bottom.png),
        url(/joxi/wazamba/board/board2_body.png);
    background-position:
        top,
        bottom,
        50% calc(100% - 30px);
}
.g-board-3 {
    background-image: url(/joxi/wazamba/board/board3_l.png), url(/joxi/wazamba/board/board3_r.png),
        url(/joxi/wazamba/board/board3_body.png);
    background-position: 0, 100%, 50%;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: auto 100%;
    padding: 0 10px;
}
.g-board-big {
    padding: 15px 0 20px;
}
.g-payment-input {
    color: #29292966;
    box-sizing: border-box;
    letter-spacing: 0.8px;
    text-align: center;
    background: #fff;
    border: none;
    border-radius: 24px;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 48px;
    display: block;
}
.g-payment-input-error {
    position: absolute;
    top: 100%;
    left: 0;
}
.g-scroll {
    -webkit-overflow-scrolling: touch;
}
.g-scroll::-webkit-scrollbar-button {
    background-image: none;
    background-repeat: no-repeat;
    width: 8px;
    height: 0;
}
.g-scroll::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border-radius: 8px;
}
.g-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    background: #bdbdbd;
    border-radius: 5px;
}
.g-scroll::-webkit-resizer {
    background-image: none;
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
}
.g-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.g-scroll::-moz-scrollbarbutton {
    background-image: none;
    background-repeat: no-repeat;
    width: 7px;
    height: 0;
}
.g-scroll::-moz-scrollbartrack {
    background-color: #e0e0e0;
    border-radius: 8px;
}
.g-scroll::-moz-scrollbarthumb {
    -webkit-border-radius: 0;
    background: #bdbdbd;
    border-radius: 8px;
}
.g-scroll::-moz-resizer {
    background-image: none;
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
}
.g-scroll::-moz-scrollbar {
    width: 6px;
    height: 6px;
}
.g-scroll-orange::-webkit-scrollbar-track {
    background-color: #0000;
}
.g-scroll-orange::-webkit-scrollbar-thumb {
    background: #f90;
}
.g-scroll-orange::-moz-scrollbartrack {
    background-color: #0000;
}
.g-scroll-orange::-moz-scrollbarthumb {
    background: #f90;
}
.g-scroll-black::-webkit-scrollbar-track {
    background-color: #0000;
}
.g-scroll-black::-webkit-scrollbar-thumb {
    background: #5c5c5c;
}
.g-scroll-black::-moz-scrollbartrack {
    background-color: #0000;
}
.g-scroll-black::-moz-scrollbarthumb {
    background: #5c5c5c;
}
.g-scroll-blue::-webkit-scrollbar-track {
    background-color: #0000;
}
.g-scroll-blue::-webkit-scrollbar-thumb {
    background: #00eded;
}
.g-scroll-blue::-moz-scrollbartrack {
    background-color: #0000;
}
.g-scroll-blue::-moz-scrollbarthumb {
    background: #00eded;
}
.g-info-tooltip {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: relative;
}
.g-info-tooltip svg {
    fill: #fff;
}
.g-info-tooltip__over {
    color: #fff;
    z-index: 500;
    text-align: left;
    background-color: #721dac;
    background-image: radial-gradient(closest-side, #9547e9, #721dac);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 90% 80%;
    border-radius: 16px;
    width: 200px;
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.41;
    display: none;
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-50%);
    box-shadow: 0 0 8px 2px #0003;
}
.g-info-tooltip__over:after {
    content: "";
    border-top: 7px solid #0000;
    border-bottom: 7px solid #0000;
    border-right: 9px solid #721dac;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
}
.g-info-tooltip__over strong {
    font-weight: 600;
}
.g-info-tooltip:hover .g-info-tooltip__over {
    display: block;
}
.g-calendar-input {
    box-sizing: border-box;
    color: #29292966;
    background-color: #fff;
    border: none;
    border-radius: 60px;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 48px;
    display: block;
}
.g-calendar-input:disabled {
    background-color: #d2d2d2;
}
.datepicker-body {
    position: relative;
}
.ui-datepicker {
    box-sizing: border-box;
    direction: ltr;
    background: #08303c;
    border-radius: 2px;
    width: 300px;
    margin-bottom: 15px;
    box-shadow: 0 1px 48px -5px #000000a6;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}
.datepicker-body_r .ui-datepicker {
    left: inherit !important;
    right: 0 !important;
}
.ui-datepicker-header {
    border-radius: 8px 8px 0 0;
    padding: 20px 0 10px;
    display: flex;
    position: relative;
}
.ui-datepicker-title {
    width: 100%;
    padding: 0 15px;
}
.ui-datepicker-year,
.ui-datepicker-month {
    box-sizing: border-box;
    text-align-last: start;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: start;
    text-indent: 10px;
    background: #fff url(/joxi/wazamba/desktop/img/arr-select.svg) calc(100% - 10px) / 20px no-repeat;
    border-radius: 20px;
    width: 100%;
    height: 40px;
    margin: 5px 0;
    padding: 0 10px;
    line-height: 40px;
    display: block;
}
.ui-datepicker-year option,
.ui-datepicker-month option {
    color: #000;
}
.ui-datepicker-prev,
.ui-datepicker-next {
    display: none;
}
.ui-datepicker-calendar {
    direction: ltr;
    border-radius: 0 0 8px 8px;
    width: calc(100% - 40px);
    margin: 0 auto 20px;
    padding: 0 0 20px;
}
.ui-datepicker td {
    text-align: center;
    box-sizing: border-box;
    width: 14.2857%;
    padding: 0;
}
.ui-datepicker td a {
    border-radius: 100%;
    padding: 12px 0;
    font-size: 12px;
    display: block;
}
.ui-datepicker td a.ui-state-active,
.ui-datepicker td a:hover {
    color: #08303c;
    background: #26b283;
}
.ui-datepicker th {
    color: #fff;
    padding-top: 10px;
}
.ui-datepicker-unselectable:hover {
    background-color: none !important;
}
.g-rtl-lang,
.rtl-lang .reg-page {
    direction: rtl;
}
.popup {
    z-index: 999;
    box-sizing: border-box;
    background: #220802e6;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 150px 0 50px;
    position: fixed;
    inset: 0;
    overflow-y: auto;
}
.rtl-lang .popup {
    direction: rtl;
}
.popup.is-blue-bg {
    background: #071f3eb3;
}
.popup.is-transparent-bg {
    background: 0 0;
}
.popup_info {
    padding: 50px 0;
}
.popup__container {
    justify-content: center;
    align-items: flex-start;
    min-width: 1024px;
    display: flex;
}
.popup__wrap {
    width: 450px;
    position: relative;
}
.popup__wrap:before {
    content: "";
    top: -85px;
    background: url(/joxi/wazamba/leaf.png) bottom/contain no-repeat;
    width: calc(100% + 100px);
    height: 140px;
    display: block;
    position: absolute;
    inset-inline-start: -50px;
}
.popup__wrap.hide-before:before {
    display: none !important;
}
.popup__wrap.is-350 {
    width: 350px;
}
.popup__logo {
    filter: drop-shadow(0 0 5px #000000b3);
    top: -40px;
    background: url(/joxi/wazamba/desktop/img/logo.svg) 50% 0 / contain no-repeat;
    width: 409px;
    height: 83px;
    position: absolute;
    inset-inline-start: 20px;
}
.popup__close {
    inset-inline-end: -50px;
    position: absolute;
    top: 57px;
}
.popup__close.is-top {
    top: -20px;
    inset-inline-end: -20px;
}
.popup__content {
    width: 340px;
    margin: 0 auto;
    padding: 45px 0 40px;
}
.popup__content.is-optin {
    padding: 45px 0 20px;
}
.popup__content.is-optin .popup__btns {
    padding-top: 28px;
}
.popup__content.is-optin .g-btn {
    width: fit-content;
    min-width: 236px;
}
.popup__content:not(.nohidden) {
    overflow: hidden;
}
.popup__title {
    color: #fff;
    text-align: center;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 1.4px;
    max-width: 100%;
    padding: 12px 0 20px;
    font-size: 28px;
    font-weight: 800;
    overflow: hidden;
}
.popup__title.is-28 {
    padding: 12px 20px 20px;
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
}
.popup__links {
    text-align: center;
}
.popup__link {
    color: #6e3923;
    letter-spacing: 0.7px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.52;
}
.popup__btns {
    text-align: center;
    padding-top: 20px;
}
.popup__btns button {
    font-family: Montserrat, sans-serif;
}
.popup__text {
    color: #fff;
    text-align: center;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 0.7px;
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
}
.popup__text_first {
    padding-top: 20px;
}
.popup__list {
    counter-reset: list;
    flex-direction: column;
    display: flex;
}
.popup__list-item {
    letter-spacing: 0.05em;
    margin-top: 23px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
}
.popup__list-item:first-child {
    margin-top: 0;
}
.popup__list-item:before {
    counter-increment: list;
    content: counter(list) ".";
    flex-shrink: 0;
    width: 28px;
}
.popup__btm-text {
    color: #6e3923;
    letter-spacing: 0.05em;
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}
.popup__btm-text + .popup__btm-text {
    margin-top: 15px;
}
.popup__btm-text a {
    color: inherit;
    text-decoration: underline;
}
.popup h1,
.popup h2,
.popup h3 {
    margin: 0;
}
.modal {
    z-index: 999;
    box-sizing: border-box;
    background: #220802e6;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 50px 0;
    display: flex;
    position: fixed;
    inset: 0;
    overflow-y: auto;
}
.rtl-lang .modal {
    direction: rtl;
}
.modal.is-zimpler-reg {
    display: block;
}
.modal_lang-version-notification {
    background-color: #00000080;
}
.modal__container {
    justify-content: center;
    align-items: flex-start;
    min-width: 1024px;
    display: flex;
}
.modal__wrap {
    width: 450px;
}
.modal__content {
    padding: 40px 55px;
}
.modal__title {
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 1.8px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
}
.modal__title.is-lang {
    font-size: 25px;
}
.modal__text {
    letter-spacing: 0.7px;
    padding-top: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.52;
}
.modal__text.is-brown {
    color: #6e3923;
    letter-spacing: 0.8px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
}
.modal__sums {
    flex-flow: column;
    gap: 8px;
    margin-top: 20px;
    display: flex;
}
.modal__sum {
    background: #6e3923cc;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
}
.modal__sum span:last-child {
    text-align: end;
    width: 35%;
}
.modal__form {
    margin-top: 30px;
}
.modal__btns {
    width: 225px;
    margin: 0 auto;
}
.modal__btns-item {
    text-align: center;
    margin-top: 20px;
}
.modal__btnrow {
    justify-content: center;
    display: flex;
}
.modal__btnrow-small {
    flex-shrink: 0;
    width: 44px;
    margin-inline-end: 20px;
}
.modal__btnrow-normal {
    max-width: calc(100% - 70px);
}
.popup-link {
    margin-top: 16px;
    font-weight: 800;
}
.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    display: block;
    position: relative;
}
.slick-list {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    overflow: hidden;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate(0, 0);
}
.slick-track {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    top: 0;
    left: 0;
}
.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    border: 1px solid #0000;
    height: auto;
    display: block;
}
.slick-arrow.slick-hidden {
    display: none;
}
.pattern-board-2 {
    background-image: url(/joxi/wazamba/board/board2_bottom.png), url(/joxi/wazamba/board/board2_top.png),
        url(/joxi/wazamba/board/board2_body.png);
    background-position:
        bottom,
        top,
        0 0;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-size: contain;
    background-clip: padding-box, padding-box, content-box;
    padding: 15px 0;
}
.pattern-board-3 {
    background-image: url(/joxi/wazamba/board/board2_body.png);
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: auto 127px;
}
.paymentcb {
    min-height: 100vh;
}
.rtl-lang .paymentcb {
    direction: rtl;
}
.paymentcb.success .show-fail,
.paymentcb.success .show-processing,
.paymentcb.fail .show-success,
.paymentcb.fail .show-processing,
.paymentcb.processing .show-fail,
.paymentcb.processing .show-success {
    display: none;
}
.paymentcb__wrap {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    width: 383px;
    height: 100vh;
    min-height: 700px;
    margin: 0 auto;
    display: flex;
}
.paymentcb__logo img {
    width: 100%;
}
.paymentcb__title {
    margin-top: 60px;
    font-size: 28px;
    font-weight: 800;
}
.paymentcb__text {
    margin-top: 25px;
}
.paymentcb__text2 {
    margin-top: 45px;
}
.paymentcb__link {
    margin: 0 3px;
    font-weight: 700;
}
.paymentcb__timer {
    letter-spacing: 2.8px;
    color: #fff;
    direction: ltr;
    background-image: url(/joxi/wazamba/sprite-tournament-page.png);
    background-position: 0 -179px;
    background-size: 364px;
    justify-content: center;
    align-items: center;
    width: 364px;
    height: 65px;
    margin: 20px auto 0;
    font-size: 36px;
    font-weight: 800;
    line-height: 65px;
    display: flex;
}
.paymentcb__timer-dots {
    padding: 0 6px;
    font-size: 18px;
    line-height: 65px;
}
.paymentcb__btn,
.paymentcb__or {
    margin-top: 35px;
}
.paymentcb__close {
    margin-top: 25px;
}
.paymentcb__info-wrap {
    justify-content: center;
    margin-top: 35px;
    display: flex;
}
.paymentcb__content-wrap {
    text-align: left;
}
.paymentcb__content-wrap + .paymentcb__content-wrap {
    margin-left: 40px;
}
.paymentcb__key {
    letter-spacing: 0.05em;
    color: #fff;
    margin-bottom: 5px;
    font-size: 16px;
}
.paymentcb__value {
    letter-spacing: 0.05em;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
}
.paymentcb__item {
    margin-bottom: 10px;
}
.game-box-flex {
    margin: 0 -10px;
    display: flex;
}
.rtl-lang .game-box-flex {
    direction: rtl;
}
.game-box-flex:not(.nowrap) {
    flex-wrap: wrap;
}
.game-box-flex_providers {
    max-width: 100%;
    overflow: hidden;
}
.game-box-flex_demogame {
    justify-content: center;
}
.game-box-slider {
    position: relative;
}
.game-box-slider .slick-slide > div {
    padding: 10px;
}
.game-box-slider__prev,
.game-box-slider .prev {
    top: 50%;
    margin-top: -26px;
    position: absolute;
    inset-inline-start: 0;
}
.game-box-slider__prev.disabled,
.game-box-slider .prev.disabled {
    display: none;
}
.game-box-slider__next,
.game-box-slider .next {
    top: 50%;
    margin-top: -26px;
    position: absolute;
    inset-inline-end: 0;
}
.game-box-slider__next.disabled,
.game-box-slider .next.disabled {
    display: none;
}
.game-box-slider__next svg,
.game-box-slider .next svg {
    transform: scaleX(-1);
}
.rtl-lang .game-box-slider__next,
.rtl-lang .game-box-slider .next svg {
    transform: scale(1);
}
.rtl-lang .game-box-slider__prev,
.rtl-lang .game-box-slider .prev svg {
    transform: scaleX(-1);
}
.game-box-line {
    flex-wrap: nowrap;
    margin: 0 -10px;
    display: flex;
    overflow: hidden;
}
.game-box-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(auto, 1fr);
    grid-auto-rows: minmax(110px, auto);
    gap: 20px;
    min-height: 420px;
    display: grid;
}
.rtl-lang .game-box-grid {
    direction: rtl;
}
.game-box-grid.no-min-height {
    min-height: initial;
}
.game-box-grid_full .game-item:first-of-type {
    grid-area: 3/3/5/5;
}
.game-box-grid_full .game-item:nth-of-type(2) {
    grid-area: 7/1/9/3;
}
.game-box-grid_full .game-item:first-of-type .game-item__pic,
.game-box-grid_full .game-item:nth-of-type(2) .game-item__pic {
    background-size: calc(100% - 10px) calc(100% - 6px);
}
.game-box-grid_full .game-item:first-of-type .game-item__pic:before,
.game-box-grid_full .game-item:nth-of-type(2) .game-item__pic:before {
    padding-top: 74%;
}
@media screen and (min-width: 1280px) {
    .game-box-grid {
        grid-template-columns: repeat(6, 1fr);
    }
    .game-box-grid_full .game-item:first-of-type {
        grid-area: 2/5/4/7;
    }
    .game-box-grid_full .game-item:nth-of-type(2) {
        grid-area: 5/1/7/3;
    }
}
@media screen and (min-width: 1920px) {
    .game-box-grid {
        grid-template-columns: repeat(8, 1fr);
        grid-auto-rows: minmax(130px, auto);
    }
    .game-box-grid_full .game-item:first-of-type {
        grid-column: 7/9;
    }
}
@media screen and (min-width: 2200px) {
    .game-box-grid {
        grid-auto-rows: minmax(150px, auto);
    }
}
.more-game {
    text-align: center;
    grid-column: 2/-2;
    padding-top: 40px;
}
.no-more .more-game {
    display: none !important;
}
.gamebox-sidebar {
    grid-area: 1/1/4/2;
    position: relative;
}
.gamebox-menu {
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.gamebox-menu__header {
    flex-shrink: 0;
    position: relative;
}
.gamebox-menu__header:before {
    content: "";
    padding-top: 70%;
    display: block;
}
.gamebox-menu__header-wrap {
    z-index: 40;
    background-image: url(/joxi/wazamba/board/gamehall-board_element_3.png),
        url(/joxi/wazamba/board/gamehall-board_element_2.png);
    background-position:
        50% 0,
        50%;
    background-repeat: no-repeat;
    background-size: contain, contain;
    width: calc(100% + 40px);
    padding-top: 90%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}
.gamebox-menu__header-logo {
    content: "";
    z-index: 49;
    background-image: url(/joxi/wazamba/sprite-categories.png);
    background-position: 66.7%;
    background-repeat: no-repeat;
    background-size: 700%;
    width: 50%;
    padding-top: 50%;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%);
}
.gamebox-menu__header-logo.slots {
    background-position: 33.33%;
}
.gamebox-menu__content {
    background: url(/joxi/wazamba/board/board1_body.png) bottom/100% repeat-y;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    display: flex;
    position: relative;
}
.gamebox-menu__content:not(.active) {
    display: none;
}
.gamebox-menu__content:before {
    content: "";
    background: url(/joxi/wazamba/board/gamehall-board_element_1.png) 50% / contain no-repeat;
    width: calc(100% + 30px);
    padding-top: 40%;
    display: block;
    position: absolute;
    top: -38px;
    left: -15px;
}
.gamebox-menu__content:after {
    content: "";
    background: url(/joxi/wazamba/board/board1_bottom.png) bottom/100% no-repeat;
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
}
.gamebox-menu__item {
    text-align: center;
    text-shadow: 0 0 10px #00000080;
    color: #fff;
    margin: 12px 0;
    font-weight: 800;
}
.gamebox-menu__item.active {
    color: #fbfc18;
}
.no-favorite {
    text-align: center;
    width: 500px;
    margin: 0 auto;
    padding: 100px 0 130px;
}
.no-favorite__title {
    letter-spacing: 1.2px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
}
.no-favorite__text {
    letter-spacing: 0.7px;
    color: #fff;
    padding: 20px 0;
    font-weight: 500;
    line-height: 1.52;
}
.no-favorite__btn {
    margin: 20px 0;
}
.rtl-lang .no-favorite {
    direction: rtl;
}
.gamebox-promos {
    background-image: url(/joxi/wazamba/page-bg-1.jpg);
    background-position: right -90px bottom 0;
    background-repeat: no-repeat;
    background-size: cover;
    grid-area: 1/1/3/3;
    display: flex;
    position: relative;
}
.gamebox-promos__wrap {
    border-image: url(/joxi/wazamba/game-item.png) 27.1739% 28.169% fill/45px 72px round;
    max-width: 100%;
}
.gamebox-promos .slide {
    height: 100%;
}
.gamebox-promos .slide__wrap {
    grid-template-rows: 1fr 72px;
    grid-template-columns: 2fr 3fr;
    gap: 0 16px;
    height: 100%;
    padding: 36px 12px 18px;
    display: grid;
    overflow: hidden;
}
.gamebox-promos .slide__left {
    align-items: center;
    display: flex;
}
.gamebox-promos .slide__right {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}
.gamebox-promos .slide__bottom {
    grid-column: 1/-1;
}
.gamebox-promos .slide__title {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
@media screen and (min-width: 1680px) {
    .gamebox-promos .slide__title {
        font-size: 20px;
        line-height: 24px;
    }
}
.gamebox-promos .slide__sum {
    color: #f5e76b;
    white-space: break-spaces;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
}
@media screen and (min-width: 1680px) {
    .gamebox-promos .slide__sum {
        font-size: 24px;
        line-height: 29px;
    }
}
.gamebox-promos .slide__btn {
    grid-column: 1/-1;
    place-self: end center;
    margin-bottom: 26px;
}
.gamebox-promos .slide__btn:active:not(.g-btn-noclick) {
    transform: translateY(-2px);
}
.gamebox-promos .slick-slider {
    height: 100%;
    display: flex;
}
.gamebox-promos .slick-slider .slick-slide {
    display: grid;
}
.gamebox-promos .slick-slider .slick-arrow {
    z-index: 10;
    position: absolute;
    bottom: 44px;
}
.gamebox-promos .slick-slider .slick-arrow:active:not(.g-btn-noclick) {
    transform: translateY(-2px);
}
.rtl-lang .gamebox-promos .slick-slider .slick-arrow:active:not(.g-btn-noclick) {
    transform: translateY(-2px) scaleX(-1);
}
.gamebox-promos .slick-slider .slick-arrow.slick-prev {
    inset-inline-start: 12px;
}
.rtl-lang .gamebox-promos .slick-slider .slick-arrow.slick-prev {
    transform: scaleX(-1);
}
.gamebox-promos .slick-slider .slick-arrow.slick-next {
    inset-inline-end: 12px;
}
.rtl-lang .gamebox-promos .slick-slider .slick-arrow.slick-next {
    transform: scaleX(-1);
}
.gamebox-promos .slick-slider .slick-arrow[aria-disabled="true"] {
    pointer-events: none;
    filter: grayscale();
    cursor: default;
}
.gamebox-promos .slick-slider .slick-track {
    height: 100%;
}
.gamebox-promos .slick-slider .slick-dots {
    display: flex;
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translate(-50%);
}
.gamebox-promos .slick-slider .slick-dots li {
    font-size: 0;
}
.gamebox-promos .slick-slider .slick-dots li button {
    all: unset;
    cursor: pointer;
    background-color: #ffffff80;
    border-radius: 12px;
    width: 12px;
    height: 12px;
    margin: 0 4px;
}
.gamebox-promos .slick-slider .slick-dots li.slick-active button {
    background-color: #fff;
}
.small-font {
    letter-spacing: 0;
}
.small-font .slide__title {
    font-size: 14px;
    line-height: 28px;
}
.small-font .slide__sum {
    font-size: 20px;
    line-height: 30px;
}
@media screen and (min-width: 1280px) {
    .small-font .slide__title {
        font-size: 12px;
    }
    .small-font .slide__sum {
        font-size: 18px;
        line-height: 24px;
    }
}
@media screen and (min-width: 1440px) {
    .small-font .slide__title {
        font-size: 14px;
    }
    .small-font .slide__sum {
        font-size: 21px;
        line-height: 28px;
    }
}
@media screen and (min-width: 1680px) {
    .small-font .slide__title {
        font-size: 18px;
        line-height: 35px;
    }
    .small-font .slide__sum {
        font-size: 27px;
        line-height: 40px;
    }
}
@media screen and (min-width: 1920px) {
    .small-font .slide__title {
        font-size: 15px;
    }
    .small-font .slide__sum {
        font-size: 23px;
        line-height: 36px;
    }
}
.promos {
    text-shadow: 0 0 10px #00000040;
    grid-template-columns: repeat(2, 328px);
    justify-content: center;
    gap: 130px 60px;
    padding-top: 154px;
    display: grid;
}
.promos__tabs {
    margin: 33px auto 10px;
}
.promos__label {
    letter-spacing: 0.9px;
    background: #89695280;
    border-radius: 40px;
    margin-bottom: 24px;
    padding: 3px 8px;
    font-size: 18px;
    font-weight: 700;
}
.promos__item {
    text-align: center;
    background-image: url(/joxi/wazamba/promo_bg1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    flex-direction: column;
    justify-self: end;
    width: 100%;
    min-height: 452px;
    padding: 130px 12px 40px;
    display: flex;
    position: relative;
}
.promos__item:nth-child(2n) {
    justify-self: start;
}
.promos__content {
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    display: flex;
}
.promos__leaf {
    background: url(/joxi/wazamba/leaf.png) bottom/contain no-repeat;
    width: 368px;
    height: 91px;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(-50%);
}
.promos__case {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 256px;
    height: 220px;
    position: absolute;
    top: -90px;
    left: 50%;
    transform: translate(-50%);
}
.promos__sum {
    color: #fff;
    letter-spacing: 0.05em;
    text-overflow: ellipsis;
    text-wrap: balance;
    margin-bottom: 12px;
    font-size: 28px;
    font-weight: 800;
    overflow: hidden;
}
body.rtl-lang .promos__sum {
    direction: rtl;
}
.promos__name {
    color: #fff;
    letter-spacing: 1.2px;
    align-self: center;
    margin: 0;
    font-size: 24px;
    font-weight: 800;
    line-height: 36px;
}
.promos__btn {
    width: 180px;
    margin: 12px auto 0;
}
.promos__links {
    margin-top: 20px;
}
.promos__link {
    letter-spacing: 0.7px;
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    line-height: normal;
}
@media screen and (min-width: 1280px) {
    .promos {
        grid-template-columns: repeat(2, 442px);
        gap: 125px 20px;
    }
    .promos__item {
        background: url(/joxi/wazamba/promo_bg2.png) no-repeat/100% 100%;
    }
    .promos__leaf {
        width: 405px;
        height: 100px;
        top: -65px;
    }
    .promos__case {
        width: 280px;
        height: 241px;
        top: -110px;
    }
}
@media screen and (min-width: 1440px) {
    .promos {
        grid-template-columns: repeat(3, 328px);
        gap: 125px 60px;
    }
    .promos__item {
        background: url(/joxi/wazamba/promo_bg1.png) no-repeat/100% 100%;
    }
    .promos__leaf {
        width: 368px;
        height: 91px;
        top: -50px;
    }
    .promos__case {
        width: 255px;
        height: 220px;
        top: -90px;
    }
}
@media screen and (min-width: 1680px) {
    .promos {
        grid-template-columns: repeat(3, 442px);
        gap: 125px 30px;
    }
    .promos__item {
        background: url(/joxi/wazamba/promo_bg2.png) no-repeat/100% 100%;
    }
    .promos__leaf {
        width: 405px;
        height: 100px;
        top: -65px;
    }
    .promos__case {
        width: 280px;
        height: 241px;
        top: -110px;
    }
}
@media screen and (min-width: 1920px) {
    .promos {
        grid-template-columns: repeat(auto-fill, 328px);
        gap: 125px 60px;
    }
    .promos__item {
        background: url(/joxi/wazamba/promo_bg1.png) no-repeat/100% 100%;
    }
    .promos__leaf {
        width: 368px;
        height: 91px;
        top: -50px;
    }
    .promos__case {
        width: 255px;
        height: 220px;
        top: -90px;
    }
}
.rtl-lang .promos,
.rtl-lang .promos__tabs {
    direction: rtl;
}
.registration {
    position: relative;
}
.registration__title {
    padding-bottom: 12px;
}
.registration__step:not(:first-child):not(:nth-child(2)) {
    padding-top: 20px;
}
.registration__steps {
    background-color: #fff;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translate(-50%);
}
.registration__steps:before,
.registration__steps:after {
    content: "";
    opacity: 0.5;
    background-color: #fff;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    position: absolute;
}
.registration__steps:before {
    inset-inline-start: -20px;
}
.registration__steps:after {
    inset-inline-end: -20px;
}
.registration__steps.is-step-1 {
    background-color: #e1e1e180;
}
.registration__steps.is-step-1:before {
    opacity: 1;
}
.registration__steps.is-step-3 {
    background-color: #e1e1e180;
}
.registration__steps.is-step-3:after {
    opacity: 1;
}
.registration__current-hero {
    opacity: 0;
    pointer-events: none;
    bottom: 0;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    width: 460px;
    height: 490px;
    transition: all 0.3s;
    position: absolute;
    inset-inline-start: -30px;
    transform: translate(0);
}
.registration__current-hero.active {
    opacity: 1;
    transform: translate(381px);
}
.registration__btns {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}
.registration__btns--columns {
    flex-direction: column;
}
.registration__btn {
    flex-shrink: 0;
    margin: 0 12px;
    font-family: Montserrat, sans-serif;
}
.registration__btn--prev {
    z-index: 1;
    top: 57px;
    position: absolute;
    inset-inline-start: -61px;
}
.registration__form {
    flex-direction: column;
    width: 100%;
    margin: 0 -2px;
    display: flex;
}
.registration__form .g-form-error_check {
    padding-inline-start: 45px;
}
.registration__input-password {
    padding-inline-end: 50px;
}
.registration__gender-box {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
}
.registration__gender-box .gender-item {
    margin: 5px 10px;
}
.registration__promo-btn {
    text-align: center;
}
.registration__promo-btn a {
    color: #6e3923;
    letter-spacing: 0.05em;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: underline;
}
.registration__bankid-btn {
    text-align: center;
    margin: 0 auto;
}
.registration__promo-text {
    color: #6e3923;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 20px 0 6px;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}
.registration__promo-text.is-title {
    margin: 10px 0 12px;
    font-weight: 900;
}
.registration__tooltip-malaysian {
    background: #ffed8d;
    border-radius: 8px;
    gap: 10px;
    margin-bottom: 12px;
    padding: 12px;
    display: flex;
    box-shadow: 0 4px 5px #6e392326;
}
.registration__tooltip-malaysian .tooltip-icon {
    background-image: url(/img/registration-warning.svg);
    flex-shrink: 0;
    width: 32px;
    height: 32px;
}
.registration__tooltip-malaysian .tooltip-text {
    color: #6e3923;
    letter-spacing: 0.6px;
    opacity: 0.8;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}
.registration__or {
    color: #6e3923;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 8px 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}
.registration .g-btn-green {
    padding: 0 30px;
}
.rtl-lang .registration__btn:first-child:not(.registration__btn--primary),
.rtl-lang .registration__btn--prev {
    transform: scaleX(-1);
}
.home-search {
    position: relative;
}
.home-search__header {
    border-radius: 23px;
    margin: 0 -4px;
    padding: 4px;
    display: flex;
}
.has-result .home-search__header {
    border-radius: 23px 23px 0 0;
}
.filled-field .home-search__header {
    background-color: #071f3e;
}
.home-search__input {
    box-sizing: border-box;
    letter-spacing: 0.7px;
    color: #6e3923;
    background: #00000080;
    border: none;
    border-radius: 23px;
    width: calc(100% - 53px);
    height: 45px;
    margin-right: 8px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    display: block;
}
.home-search__input::placeholder {
    color: #fff6;
}
.home-search__input:hover::placeholder {
    color: #fff;
}
.home-search__input:focus,
.filled-field .home-search__input {
    background: #fff;
}
.home-search__close {
    display: none !important;
}
.filled-field .home-search__close {
    display: block !important;
}
.filled-field .home-search__label {
    display: none;
}
.home-search__result {
    z-index: 50;
    background: #071f3e;
    border-radius: 0 0 23px 23px;
    width: calc(100% + 8px);
    margin: 0 -4px;
    padding: 5px 4px 10px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    box-shadow: 0 4px 8px #000000b3;
}
.has-result .home-search__result {
    flex-wrap: wrap;
    display: flex;
}
.home-search__noresult {
    padding: 5px 20px;
    font-size: 13px;
    font-weight: 600;
}
.search {
    height: 76px;
    padding-top: 30px;
}
.landing-games .search {
    margin-bottom: 30px;
}
.rtl-lang .search {
    direction: rtl;
}
.search__bg {
    z-index: 20;
    opacity: 0;
    background-color: #220802e6;
    width: 0;
    transition-property: opacity, left;
    transition-duration: 0.2s, 0s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 120%;
}
.is-search-mode .search__bg {
    opacity: 1;
    width: 100%;
    left: 0;
}
.search h3 {
    color: #0000;
    text-align: center;
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(#fff 13.03%, #fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
.search__wrapper {
    z-index: 25;
    margin-inline: 15px;
}
.search__wrapper > * {
    z-index: inherit;
    position: relative;
}
.search__form {
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    display: flex;
}
.search__form-input-container {
    position: relative;
}
.search__form-input-container .search__input {
    color: #fff;
    box-sizing: border-box;
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 60px;
    width: 380px;
    height: 48px;
    padding: 0 25px;
    font-size: 15px;
    line-height: 48px;
}
.search__form-input-container .search__input:focus {
    opacity: 1;
    color: #6e3923;
    background: #fff;
}
.search__form-input-container .search__input::placeholder {
    color: inherit;
    letter-spacing: 0.05em;
    font-size: 14px;
    font-weight: 600;
}
.search__form-input-container .search__label {
    inset-inline-end: 0;
    position: absolute;
    top: 0;
}
.is-search-mode .search__form-input-container .search__label {
    display: none;
}
.search__form-input-container .search__close {
    inset-inline-end: 0;
    display: none;
    position: absolute;
    top: 0;
}
.is-search-mode .search__form-input-container .search__close {
    display: block;
}
.search__results {
    display: none;
}
.is-search-mode .search__results {
    display: block;
}
.search__noresult {
    text-align: center;
    width: 100%;
    padding: 45px 0;
    font-size: 16px;
    font-weight: 500;
    display: none;
}
.is-search-mode .search__noresult {
    display: block;
}
.search__providers-container {
    flex-flow: wrap;
    display: flex;
}
.search__providers-item {
    box-sizing: border-box;
    background: radial-gradient(50% 50%, #9547e94d 0%, #721dac4d 100%);
    border-radius: 5px;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 179px;
    height: 72px;
    margin: 10px;
    padding-inline: 5px;
    display: flex;
}
.search__providers-title {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 17px;
    overflow: hidden;
}
.search__providers-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.search__providers-btn {
    color: #fff;
    box-sizing: border-box;
    text-align: end;
    background-image: url(/joxi/wazamba/sport/categories/bg-center.svg), url(/joxi/wazamba/sport/categories/bg-left.svg),
        url(/joxi/wazamba/sport/categories/bg-right.svg);
    background-position: 0, 0, 100%;
    background-repeat: repeat-x, no-repeat, no-repeat;
    background-size: contain;
    background-clip: content-box, padding-box, padding-box;
    width: max-content;
    min-width: 170px;
    height: 48px;
    padding-inline: 34px 22px;
    font-size: 14px;
    font-weight: 800;
    line-height: 48px;
    display: block;
    position: relative;
}
.search__providers-btn:before {
    content: "";
    inset-inline-start: 16px;
    background-image: url(/joxi/wazamba/wazamba_provider_icon.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
    display: block;
    position: absolute;
    top: 0;
}
.rtl-lang .search__providers-btn:before {
    transform: scaleX(-1);
}
.search__providers-btn-img {
    z-index: -1;
    width: 100%;
    height: 49px;
    position: absolute;
    top: 0;
    left: 0;
}
.search__providers-btn:hover {
    filter: drop-shadow(0 0 15px #f79afd);
}
.search__providers-btn:active {
    transform: scale(0.97);
}
.search__providers-btn span {
    padding-inline-start: 34px;
}
.search__games-flex-box {
    flex-flow: wrap;
    display: flex;
}
.search .game-box-flex .game-item,
.search .search__games-flex-box .game-item {
    width: 179px;
    margin: 10px;
}
.search__default-top-list {
    display: none;
}
.is-search-mode .search__default-top-list {
    display: block;
}
.search__default-top-list .game-box-flex {
    margin: 0;
}
.sport-events {
    margin-bottom: 40px;
    display: block;
}
.sport-events__slider .slick-track {
    display: flex;
}
.sport-events__slider .slick-track .slick-slide {
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
}
.sport-events__slider .slick-track .slick-slide > div {
    width: 100%;
}
.sport-events__slider-btn {
    z-index: 10;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.sport-events__slider-btn:active:not(.g-btn-noclick) {
    transform: translateY(calc(2px - 50%));
}
.sport-events__slider-btn--prev {
    left: 0;
}
.sport-events__slider-btn--next {
    right: 0;
}
.sport-events__slider-btn[aria-disabled="true"] {
    pointer-events: none;
    filter: grayscale();
    cursor: default;
}
.sport-events__item {
    z-index: 1;
    background-image: url(/joxi/wazamba/renovation/mask-collection/wood-mask-lg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    padding: 25px 20px;
    position: relative;
    display: flex !important;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .sport-events__item {
        background-image: url(/joxi/wazamba/renovation/mask-collection/wood-mask-lg@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .sport-events__item {
        background-image: url(/joxi/wazamba/renovation/mask-collection/wood-mask-lg@3x.png);
    }
}
.sport-events__badge {
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background: red;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.2;
    display: inline-flex;
    transform: translateY(-50%);
    box-shadow: 0 2px #990101;
}
.sport-events__badge:before {
    content: "";
    background-color: #fff;
    border-radius: 50%;
    flex-shrink: 0;
    width: 4px;
    height: 4px;
    margin-right: 2px;
    display: block;
}
.sport-events__champ {
    text-align: center;
    color: #fff;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
}
.sport-events__event {
    grid-template-columns: 88px min-content 88px;
    place-content: center;
    column-gap: 16px;
    margin-bottom: 3px;
    display: grid;
}
.sport-events__event-date {
    padding-top: 12px;
}
.sport-events__logo {
    width: 64px;
    height: 64px;
    margin-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
}
.sport-events__logo-i {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}
.sport-events__key {
    text-align: center;
    color: #fff;
    overflow-wrap: break-word;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    height: 28px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    display: -webkit-box;
    overflow: hidden;
}
.sport-events__date {
    text-align: center;
    color: #fff;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}
.sport-events__time {
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    line-height: 26px;
}
.sport-events__rate {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 8px;
    width: 100%;
    display: grid;
}
.sport-events__coef {
    letter-spacing: 0.05em;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    font-weight: 800;
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px #b75637;
}
.sport-events__coef span {
    opacity: 0.7;
    margin-right: 8px;
}
.notifications {
    z-index: 3000;
    top: 0;
    width: 355px;
    position: fixed;
    inset-inline-end: 10px;
}
.notifications__item {
    opacity: 1;
    width: 355px;
    margin-top: 10px;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px #29292933;
}
.notifications__item.ng-move,
.notifications__item.ng-enter {
    transition: all 0.5s;
}
.notifications__item.ng-leave {
    transition: all 1ms !important;
}
.notifications__item.ng-leave.ng-leave-active,
.notifications__item.ng-move,
.notifications__item.ng-enter {
    margin-top: -40px;
}
.notifications__item.ng-leave,
.notifications__item.ng-move.ng-move-active,
.notifications__item.ng-enter.ng-enter-active {
    margin-top: 10px;
}
.notifications__row {
    justify-content: center;
    align-items: center;
    min-height: 50px;
    padding: 15px 0;
    display: flex;
}
.notifications__close {
    cursor: pointer;
    align-self: flex-start;
    width: 20px;
    height: 20px;
}
.notifications__close svg {
    fill: #6e3923;
}
.notifications__close svg:hover {
    fill: #885745;
}
.notifications__text {
    color: #6e3923;
    white-space: break-spaces;
    max-width: calc(100% - 90px);
    padding: 0 10px;
    font-size: 18px;
    font-weight: 500;
}
.notifications__text span {
    text-wrap: balance;
    max-width: 100%;
    display: block;
}
.notifications__icon {
    width: 46px;
    height: 46px;
}
.rtl-lang .notifications {
    direction: rtl;
}
@keyframes moveNot {
    0% {
        max-height: 0;
    }
    to {
        max-height: 400px;
    }
}
@keyframes showNot {
    0% {
        opacity: 0;
    }
}
.article-box {
    width: 690px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.article-box h1 {
    text-align: center;
    letter-spacing: 1.8px;
    font-size: 36px;
    font-weight: 800;
}
.article-box h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 800;
}
.article-box p {
    margin: 10px 0;
    font-weight: 500;
    line-height: 1.7;
}
.article-box ul {
    padding-left: 30px;
    list-style: disc;
}
.article-box li {
    color: #c4c4c4;
    font-size: 16px;
    line-height: 1.76;
}
.article-box a {
    text-decoration: underline;
}
.autobonus-popup {
    text-align: center;
    flex-direction: column;
    gap: 0;
    width: 312px;
    margin: 0 auto;
    display: flex;
}
.autobonus-popup__activate-btn {
    margin-inline: auto;
}
.autobonus-popup__activate-btn,
.autobonus-popup__expritation,
.autobonus-popup__date {
    z-index: 2;
}
.autobonus-popup__date {
    direction: ltr;
}
.autobonus-popup .description-container {
    z-index: 2;
    position: relative;
}
.autobonus-popup__bonus-single {
    margin-top: 8px;
    margin-bottom: 16px;
}
.autobonus-popup__bonus-single .autobonus-popup__expritation {
    color: #fff;
    order: 2;
    margin-top: 14px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 17px;
}
.autobonus-popup__bonus-single .autobonus-popup__date {
    color: #fff;
    order: 2;
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 800;
    line-height: 19px;
}
.autobonus-popup__bonus-single .autobonus-popup__activate-btn {
    order: 3;
    margin-top: 48px;
}
.autobonus-popup__bonus-multiple {
    margin-bottom: 6px;
}
.autobonus-popup__bonus-multiple .autobonus-popup__expritation {
    color: #fff9;
    order: 3;
    margin-top: 17px;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 800;
    line-height: 14px;
}
.autobonus-popup__bonus-multiple .autobonus-popup__date {
    color: #ffffffe6;
    order: 3;
    margin-top: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 17px;
}
.autobonus-popup__bonus-multiple .autobonus-popup__activate-btn {
    order: 2;
    margin-top: 20px;
}
.profile-history {
    width: 768px;
    margin: 0 auto;
}
.profile-history__wrap {
    padding: 0 25px;
}
.cashbox-popup {
    background-image: url(/joxi/wazamba/board/cashbox_top.png), url(/joxi/wazamba/board/cashbox_bottom.png),
        url(/joxi/wazamba/board/cashbox_body.png);
    background-position: top, bottom, 50%;
    background-repeat: no-repeat;
    background-size:
        100% 278px,
        100% 250px,
        100% calc(100% - 500px);
    width: 912px;
    margin: 0 auto;
    position: relative;
}
.rtl-lang .cashbox-popup {
    direction: rtl;
}
.cashbox-popup__back {
    cursor: pointer;
    inset-inline-start: 0;
    background-color: #ffedcf;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50px;
}
.rtl-lang .cashbox-popup__back:before {
    transform: translate(-50%, -50%) rotate(180deg);
}
.cashbox-popup__back:before {
    content: "";
    background-image: url(/joxi/wazamba/icon/arrow-left.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    transition: opacity 0.35s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cashbox-popup__back:hover:before {
    opacity: 0.7;
}
.cashbox-popup__header {
    color: #fff;
    z-index: -1;
    text-align: center;
    letter-spacing: 1.8px;
    background: url(/joxi/wazamba/sprite-cashbox.png) -3px -75px no-repeat;
    width: 398px;
    height: 243px;
    padding-top: 25px;
    font-size: 36px;
    font-weight: 800;
    position: absolute;
    top: -80px;
    left: calc(50% - 199px);
}
.cashbox-popup__close {
    z-index: 1110;
    top: 0;
    position: absolute;
    inset-inline-end: 0;
    transform: translateY(-40px);
}
.cashbox-popup__content {
    z-index: 1020;
    max-width: 732px;
    min-height: 500px;
    margin: 0 auto;
    padding: 30px 0 60px;
    position: relative;
}
.cashbox-popup__contact {
    justify-content: center;
    padding: 20px 0;
    display: flex;
}
.cashbox-withdraw__header {
    display: flex;
    position: relative;
}
.cashbox-withdraw__balance {
    color: #fbfc18;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 0.7px;
    text-align: center;
    background-color: #ffffff42;
    width: 240px;
    height: 32px;
    margin: 3px auto 0;
    padding: 0 28px 0 20px;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    position: relative;
}
.cashbox-withdraw__balance-icon {
    top: -12px;
    background-image: url(/joxi/wazamba/icon/icon-money.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 47px;
    height: 52px;
    position: absolute;
    inset-inline-start: -22px;
}
.cashbox-withdraw__balance-btn {
    top: -10px;
    width: 48px;
    height: 48px;
    position: absolute;
    inset-inline-end: -10px;
}
.cashbox-withdraw__balance-btn.linda-has-preloader svg {
    animation: 1s infinite rotate360;
}
.cashbox-withdraw__link {
    inset-inline-end: 0;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    top: 17px;
}
.cashbox-withdraw__link svg {
    width: 6px;
    height: 9px;
    vertical-align: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-inline: 7px 0;
    line-height: 20px;
}
.rtl-lang .cashbox-withdraw__link svg {
    transform: scaleX(-1);
}
.cashbox-withdraw__message {
    background: #fff;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: 588px;
    margin: 30px auto 0;
    padding: 12px 32px;
    display: flex;
}
.cashbox-withdraw__message-text {
    letter-spacing: 0.7px;
    color: #071f3e;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}
.cashbox-withdraw__message-btn {
    flex-shrink: 0;
}
.casino-section__content {
    padding-top: 30px;
}
.contact-bar {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 700px;
    display: flex;
}
.contact-bar svg {
    fill: #fff;
    width: 13px;
    height: 13px;
    margin-inline-end: 6px;
}
a.contact-bar__item {
    margin: 4px 10px;
    font-size: 11px;
}
a.contact-bar__item:after {
    inset-inline-start: 19px;
}
.cookie-banner {
    z-index: 1000;
    bottom: 12px;
    width: 644px;
    position: fixed;
    inset-inline-start: 50%;
    transform: translate(-50%);
}
.rtl-lang .cookie-banner {
    direction: rtl;
    transform: translate(50%);
}
.cookie-banner__wrap {
    background: linear-gradient(#7622b3 0%, #62158f 100%);
    border: 1px solid #ffffff29;
    border-radius: 12px;
    justify-content: center;
    padding: 12px 16px;
    display: flex;
    box-shadow: 0 4px 4px #00000080;
}
.cookie-banner__text {
    color: #fff;
    max-width: 496px;
    padding-inline-end: 30px;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
}
.cookie-banner__text a {
    text-decoration-line: underline;
}
.cookie-banner__btn {
    letter-spacing: 0.6px !important;
    height: 34px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: normal !important;
}
.footer {
    color: #21728a;
    z-index: 100;
    background-color: #05191f;
    padding: 40px 0;
    position: relative;
}
.footer:before {
    content: "";
    z-index: 5;
    background: url(img/footer.svg);
    width: 100%;
    height: 30px;
    position: absolute;
    top: -30px;
    left: 0;
}
.rtl-lang .footer {
    direction: rtl;
}
.footer__container {
    max-width: 754px;
    margin: 0 auto;
}
.footer__row {
    display: flex;
}
.footer__text {
    font-size: 8px;
    line-height: 2.7;
    font-weight: #7dd4ee;
    letter-spacing: normal;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 15px;
    display: flex;
}
.footer__text-logos {
    grid-column-gap: 16px;
    grid-template-columns: 116px 127px 86px;
    align-items: center;
    display: grid;
}
.footer__text-logos-awards {
    opacity: 0.8;
    grid-row: 1/3;
    width: 100%;
    height: 48px;
}
.footer__pays {
    border-top: 1px solid #3677c433;
    border-bottom: 1px solid #3677c433;
    margin-top: 20px;
    padding: 10px 0;
}
.footer__copyright {
    direction: ltr;
    align-self: center;
    margin-left: auto;
    font-size: 10px;
}
.footer__copyright span {
    text-transform: capitalize;
}
@media screen and (min-width: 1280px) {
    .footer__text-logos {
        grid-template-columns: 116px 127px 86px 77px;
    }
    .footer__text-logos-awards {
        grid-row: initial;
    }
    .footer__container {
        max-width: 1010px;
    }
}
@media screen and (min-width: 1440px) {
    .footer__container {
        max-width: 1150px;
    }
}
@media screen and (min-width: 1680px) {
    .footer__container {
        max-width: 1270px;
    }
}
@media screen and (min-width: 1920px) {
    .footer__container {
        max-width: 1360px;
    }
}
.footer__top {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.footer__btns {
    flex-direction: row;
    gap: 16px;
    display: flex;
}
.footer__btn {
    cursor: pointer;
    background-color: #21728a1a;
    border-radius: 8px;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    min-width: 156px;
    padding: 14px 16px;
    display: flex;
    box-shadow: inset 0 0 6px #0c2f39;
}
.footer__btn:hover {
    background-color: #7ebed11a;
}
.footer__btn__icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
}
.footer__btn__text {
    color: #a9a9a9;
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
}
.footer__btn.livechat .footer__btn__icon {
    background-image: url(img/icon-input-chat.svg);
}
.footer__copyright {
    color: #a9a9a9;
    text-align: center;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
}
.footer__license {
    text-align: center;
    margin-top: 16px;
}
.footer__license__title {
    justify-content: center;
    align-items: baseline;
    gap: 3px;
    font-size: 12px;
    font-weight: 700;
    line-height: 140%;
    display: inline-flex;
}
.footer__license__title svg {
    width: 9px;
    height: 8px;
    transition: transform 0.3s linear;
    transform: rotate(90deg);
}
.footer__license__title.open svg {
    transform: rotate(-90deg);
}
.footer__license__inner {
    display: none;
}
.footer__license__inner.open {
    display: block;
}
.footer__license__content {
    color: #a9a9a9;
    text-align: center;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
}
.footer__license__content.open {
    display: block;
}
.footer__license__content span {
    text-transform: capitalize;
}
.footer__links {
    grid-column-gap: 0;
    grid-row-gap: 0;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(4, 1fr);
    margin-top: 30px;
    display: grid;
}
@media screen and (min-width: 1280px) {
    .footer__links {
        grid-column-gap: 40px;
    }
}
@media screen and (min-width: 1440px) {
    .footer__links {
        grid-template-rows: 1fr;
        grid-template-columns: repeat(5, 1fr);
    }
}
.footer__section:first-child {
    grid-area: 1/1/3/2;
}
.footer__section:nth-child(2) {
    grid-area: 1/2/3/3;
}
.footer__section:nth-child(3) {
    grid-area: 1/3/3/4;
}
.footer__section:nth-child(4) {
    grid-area: 1/4/2/5;
}
.footer__section:nth-child(5) {
    grid-area: 2/4/3/5;
}
@media screen and (min-width: 1440px) {
    .footer__section:first-child {
        grid-area: 1/1/2/2;
    }
    .footer__section:nth-child(2) {
        grid-area: 1/2/2/3;
    }
    .footer__section:nth-child(3) {
        grid-area: 1/3/2/4;
    }
    .footer__section:nth-child(4) {
        grid-area: 1/4/2/5;
    }
    .footer__section:nth-child(5) {
        grid-area: 1/5/2/6;
    }
}
.footer__section__title {
    color: #a9a9a9;
    text-align: start;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
}
.footer__section__content {
    flex-direction: column;
    gap: 16px;
    display: flex;
}
.footer__section__item {
    color: #7dd4ee;
    text-align: start;
    width: fit-content;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}
.footer__section__item:hover {
    color: #33788d;
}
.footer__social {
    z-index: 10;
    flex-shrink: 0;
    justify-content: end;
    align-items: center;
    margin-bottom: -35px;
    margin-left: auto;
    display: flex;
    position: relative;
}
.footer__social-item {
    background-size: cover;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    margin: 10px 15px 0;
}
.footer__social-item svg {
    fill: #21728a;
}
.footer-icons {
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 16px 0;
    display: flex;
}
.footer-icons__item {
    height: 30px;
}
.footer-icons__item_18 {
    width: 30px;
}
.footer-icons__item_iso {
    width: 28px;
}
.footer-icons__item_7 {
    width: 56px;
}
.footer-icons__item_s2b {
    width: 70px;
}
.footer-icons__item_license {
    background-image: var(--icon-gcb);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 30px;
}
.footer-icons__item svg {
    fill: #21728a;
}
.footer-icons__item--askgamblers {
    display: inline-flex;
}
.footer-icons__item_igate {
    width: 86px;
    height: 20px;
}
.footer-icons__item .item_pagcor {
    height: 30px;
}
.footer-icons__logo {
    height: 100%;
    margin-right: 4px;
}
.footer-icons__logo-text {
    color: #21728a;
    max-width: 120px;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
}
.footerLicense-icons {
    margin: 0;
    padding: 16px 0;
}
.footerLicense-icons__license {
    width: 34px;
    height: 34px;
}
.footerLicense-text {
    color: #a9a9a9;
    text-align: center;
    direction: ltr;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
}
.footerLicense-text p {
    margin-top: 12px;
    margin-bottom: 0;
}
.footerLicense-hiddenText button {
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 700;
    line-height: 140%;
}
.footerLicense-hiddenText__inner {
    color: #a9a9a9;
    text-align: center;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
}
.game-cat {
    justify-content: center;
    padding-top: 25px;
    display: flex;
}
.rtl-lang .game-cat {
    direction: rtl;
}
.game-cat__wrap {
    z-index: 19;
    margin-top: -10px;
    position: relative;
    overflow: hidden;
}
.game-cat__wrap ::-webkit-scrollbar {
    display: none;
}
.game-cat__wrap.is-favorite {
    width: 100%;
    padding-bottom: 20px;
}
.game-cat__wrap.is-favorite .games-scroll-wrap {
    width: 100%;
}
.game-cat__wrap.is-favorite .games-scroll-wrap .game-item {
    width: calc(16.6667% - 14px);
    margin: 0;
}
.game-cat__wrap.is-favorite .games-scroll-wrap--landing:after {
    content: none;
}
.game-cat__arrows {
    pointer-events: none;
    z-index: 11;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.game-cat__arrows-next {
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
.rtl-lang .game-cat__arrows-next {
    transform: scale(1);
}
.rtl-lang .game-cat__arrows-prev {
    transform: scaleX(-1);
}
.game-cat__arrows-prev,
.game-cat__arrows-next {
    cursor: pointer;
    pointer-events: auto;
    z-index: 5;
    background: 0 0;
    border: none;
    padding: 4px;
    transition: opacity 0.15ms;
}
.game-cat__arrows-prev.is-disable,
.game-cat__arrows-prev.swiper-button-disabled,
.game-cat__arrows-next.is-disable,
.game-cat__arrows-next.swiper-button-disabled {
    opacity: 0;
    z-index: -1;
    transform: scale(0);
}
.game-cat__arrows-prev .prev,
.game-cat__arrows-prev .next,
.game-cat__arrows-next .prev,
.game-cat__arrows-next .next {
    z-index: 11;
    position: relative;
}
.game-cat__arrows-prev svg,
.game-cat__arrows-next svg {
    width: 16px;
    height: 16px;
}
.game-cat__list {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    height: 100%;
    padding-top: 16px;
    padding-bottom: 6px;
    display: flex;
    overflow-x: auto;
}
.game-cat__list.fav-list {
    gap: 16px;
    margin-left: -12px;
    overflow-y: hidden;
}
.game-cat__item {
    flex: 1 0 79px;
    margin: 0 4px;
    display: block;
    position: relative;
}
.game-cat__item.active:before,
.game-cat__item:hover:before {
    content: "";
    z-index: 0;
    background: #f79afd;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 12px;
    left: calc(50% - 25px);
    box-shadow: 0 0 30px 10px #f79afd;
}
.rtl-lang .game-cat__item:active .game-cat__ico {
    transform: scale(-0.97, 0.97);
}
.game-cat__ico {
    z-index: 10;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 75px;
    height: 75px;
    margin: 0 auto;
    position: relative;
}
.game-cat__item:active .game-cat__ico {
    transform: scale(0.97);
}
.game-cat__ico.is-fav {
    background-image: url(/joxi/wazamba/wazamba-v01/sprite-categories-keno.png);
    background-position-x: -74px;
    background-repeat: no-repeat;
    background-size: 1000%;
}
.rtl-lang .game-cat__ico {
    transform: scaleX(-1);
}
.game-cat__name {
    text-align: center;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 0.6px;
    padding-top: 10px;
    font-size: 12px;
    font-weight: 800;
}
.active .game-cat__name {
    color: #fbfc18;
}
.game-cat__slide {
    width: 223px;
}
@media screen and (min-width: 1280px) {
    .game-cat__item {
        min-width: 83px;
    }
}
@media screen and (min-width: 1440px) {
    .game-cat__item {
        min-width: 89px;
    }
}
@media screen and (min-width: 1680px) {
    .game-cat__item {
        min-width: 93px;
    }
}
@media screen and (min-width: 1920px) {
    .game-cat__item {
        min-width: 96px;
    }
}
.game-field {
    box-sizing: border-box;
    width: 100vw;
    height: 100%;
    position: relative;
}
.game-field__preloader {
    background: #292929;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.game-field__preloader .preloader {
    background: 0 0;
}
.game-field__preloader__container {
    width: 100px;
}
.game-field__preloader.ng-hide-add {
    opacity: 1;
    transition: all 0.3s linear;
}
.game-field__preloader.ng-hide {
    opacity: 0;
}
.game-field__frame {
    box-sizing: border-box;
    border: none;
    width: 100%;
    height: 100%;
}
.game-field iframe,
.game-field object,
iframe {
    border: none !important;
}
.rtl-lang .provider-hall {
    direction: rtl;
}
.provider-hall__header {
    justify-content: center;
    margin-bottom: 10px;
    display: flex;
    position: relative;
}
.provider-hall__ico {
    width: 122px;
    height: 57px;
}
.provider-hall__ico img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.provider-hall__back {
    align-items: center;
    gap: 10px;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
}
.rtl-lang .provider-hall__back {
    flex-direction: row-reverse;
}
.icons {
    display: block;
}
.icons__list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    display: flex;
}
.icons__item {
    width: 80px;
    height: 30px;
}
.icons__item img {
    word-break: break-all;
    width: 100%;
    height: 100%;
    font-size: 10px;
}
.icons__link {
    color: #21728a;
    align-self: center;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    text-decoration: none;
    display: flex;
}
.icons__link:hover {
    color: #7dd4ee;
}
.icons__link svg {
    fill: currentColor;
    width: 6px;
    height: 9px;
}
.rtl-lang .icons__link svg {
    transform: rotate(180deg);
}
.infopage h1 {
    color: #fcfe7e;
    text-align: center;
    text-shadow: 0 3px #ff7800;
    letter-spacing: 1.8px;
    background: url(/joxi/wazamba/page-title.png) top no-repeat;
    margin: 0 0 34px;
    padding-top: 58px;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    line-height: normal;
}
.infopage__wrap {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 6% 30px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.infopage__wrap h2 {
    -webkit-text-fill-color: transparent;
    letter-spacing: 0.05px;
    background: linear-gradient(#fbe675 -5.33%, #fed475 93.92%);
    -webkit-background-clip: text;
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    line-height: 140%;
    display: flex;
}
.infopage__wrap h2:hover {
    color: #feffbd;
    background: 0 0;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
.infopage__wrap p {
    margin: 0;
    padding: 0 0 20px;
    display: inline-block;
}
.infopage__wrap ul li {
    padding-bottom: 4px;
    display: flex;
}
.infopage__wrap ul li:last-child {
    padding: 0;
}
.infopage__wrap ul li:before {
    content: "";
    background-color: #fff;
    border-radius: 50%;
    width: 8px;
    min-width: 8px;
    height: 8px;
    margin-block: 9px 0;
    margin-inline: 0 12px;
    display: inline-block;
}
.infopage__wrap a {
    color: #fbfc18;
    font-weight: 600;
    text-decoration: underline;
    display: contents;
}
.infopage__wrap a:hover {
    text-decoration: underline;
}
.infopage__wrap > div > div > p,
.infopage__wrap > div > p {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(#fbe675 -5.33%, #fed475 93.92%);
    -webkit-background-clip: text;
    padding: 0;
}
.infopage__wrap > .payments-page__description > p {
    color: #fff;
    background: 0 0;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
}
.infopage__wrap table {
    text-align: center;
    width: 100%;
    min-width: 660px;
}
.infopage__wrap table thead td,
.infopage__wrap table thead th {
    background-color: #ffffff0d;
    border: 1px solid #ffffff2e;
    padding: 6px 8px 7px;
}
.infopage__wrap table td {
    vertical-align: middle;
    border: 1px solid #ffffff2e;
    padding: 10px 8px;
}
.infopage__wrap section {
    border-bottom: 1px solid #2e5c74;
}
.infopage__wrap.no-accordion section {
    margin-bottom: 30px;
}
.infopage__wrap.no-accordion section h2 {
    padding-bottom: 12px;
}
.infopage__wrap.accordion section {
    counter-increment: section;
    margin-bottom: 0;
}
.infopage__wrap.accordion section h2 {
    cursor: pointer;
    padding-block: 20px;
    padding-inline: 0 60px;
    position: relative;
}
.infopage__wrap.accordion section h2:before {
    content: counter(section) ".";
    min-width: 36px;
    margin-inline-end: 8px;
    display: inline-block;
}
.infopage__wrap.accordion section h2:after {
    content: "";
    inset-inline-end: 0;
    background: url(/joxi/wazamba/icon/icon-accord-btn.svg) no-repeat;
    width: 24px;
    height: 25px;
    transition: background 0.3s;
    position: absolute;
    top: 20px;
}
.infopage__wrap.accordion section h2 ~ * {
    display: none;
}
.infopage__wrap.accordion section h2.open {
    padding-bottom: 10px;
}
.infopage__wrap.accordion section h2.open:after {
    background: url(/joxi/wazamba/icon/icon-accord-btn1.svg) no-repeat;
}
.infopage__wrap.accordion section h2.open ~ * {
    padding-bottom: 12px;
    display: block;
}
.infopage__wrap.accordion section h2.open ~ :last-child {
    padding-bottom: 20px;
}
.infopage__wrap.accordion section h2.open ~ p > span:first-child,
.infopage__wrap.accordion section h2.open ~ ul p > span:first-child {
    margin-inline-end: 12px;
    font-weight: 700;
}
.infopage__wrap.no-accordion > div > div {
    justify-content: center;
    gap: 16px;
    margin-block: 34px 28px;
    margin-inline: 0;
    display: flex;
}
.infopage__wrap.no-accordion > div > div > a {
    color: #071f3e;
    box-sizing: border-box;
    cursor: default;
    background-color: #ffedd2;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 49%;
    min-height: 123px;
    padding: 10px 0 8px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
}
.infopage__wrap.no-accordion > div > div > a:first-child:hover {
    background-color: #ffe1b4;
}
.infopage__wrap.no-accordion > div > div > a:before {
    content: "";
    display: inline-block;
}
.infopage__wrap.no-accordion > div > div > a img {
    display: none;
}
.infopage__wrap.no-accordion > div > div > a > div {
    text-align: center;
    line-height: 25px;
}
.infopage__wrap.no-accordion > div > div > a:first-child:before {
    background: url(/joxi/wazamba/icon/icon-chat.svg) 0 0 / cover no-repeat;
    width: 40px;
    height: 34px;
}
.infopage__wrap.no-accordion > div > div > a:first-child > div > div:first-child {
    -webkit-text-fill-color: transparent;
    cursor: pointer;
    background: linear-gradient(#a3a1ff 0%, #3c8ae2 95.03%);
    -webkit-background-clip: text;
    padding: 10px 0 7px;
    font-size: 20px;
}
.infopage__wrap.no-accordion > div > div > a:last-child {
    padding-top: 16px;
}
.infopage__wrap.no-accordion > div > div > a:last-child:before {
    background: url(/joxi/wazamba/icon/icon-mail.svg) 0 0 / cover no-repeat;
    width: 35px;
    height: 23px;
}
.infopage__wrap.no-accordion > div > div > a:last-child > div > div:first-child {
    color: #ff7800;
    cursor: pointer;
    padding: 15px 0 7px;
    font-size: 20px;
    text-decoration: underline;
}
.infopage__wrap.no-accordion > div > div > a:last-child > div > div:first-child:hover {
    text-decoration: none;
}
.infopage .change-cookies-link {
    color: #fbe675;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 0.7px;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
    text-decoration: underline;
    display: inline-block;
}
.infopage .change-cookies-link:hover {
    color: #feffbd;
}
.rtl-lang .infopage {
    direction: rtl;
}
.rtl-lang .infopage__wrap {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.info-table-withdraw {
    max-width: 100%;
    overflow-x: auto;
}
.info-table-withdraw__table {
    border-collapse: collapse;
    border-spacing: 1px;
    margin: 10px 0;
}
.info-table-withdraw__table td {
    white-space: nowrap;
    text-align: center;
}
.info-table-withdraw__table td:not(:last-child) {
    border-right: groove;
}
.info-table-withdraw__table .info-table-withdraw__name {
    text-align: start;
    font-size: 14px;
}
.info-table-withdraw tr:nth-child(2n) td {
    background: #0003;
}
.info-table-withdraw__name {
    font-size: 14px;
}
.info-table-withdraw__span {
    display: block;
}
.contacts-page h2 {
    margin: 0;
}
.contacts-page section:not(:last-child) {
    margin-bottom: 30px;
}
.contacts-page__block {
    text-align: center;
    background-image: url(/joxi/wazamba/board/board2_top.png), url(/joxi/wazamba/board/board2_bottom.png),
        url(/joxi/wazamba/board/board2_body.png);
    background-position: top, bottom, 50%;
    background-repeat: no-repeat;
    background-size:
        100%,
        100%,
        100% calc(100% - 30px);
    margin-bottom: 20px;
    padding: 30px 0 50px;
}
.contacts-page__block-item {
    justify-content: space-between;
    width: 640px;
    margin: 0 auto;
    display: flex;
}
.contacts-page__block-item div {
    letter-spacing: 0.05em;
    background: #2208024d;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    width: 290px;
    margin: 25px 0;
    padding: 15px 13px;
    display: flex;
}
.contacts-page__block-item div span {
    color: #ffedd2;
    font-size: 13px;
    font-weight: 500;
}
.contacts-page__block-item div:last-of-type a {
    text-decoration: none;
}
.contacts-page__block-item div a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.contacts-page button {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    cursor: pointer;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 1.2px;
    text-align: center;
    background-color: #3ed70b;
    background-image: linear-gradient(#3ed70b, #3ed70b), linear-gradient(#a0ff00, #68f284);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    border: 5px solid #0000;
    border-radius: 80px;
    width: 200px;
    max-width: 100%;
    height: 48px;
    padding: 0;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    line-height: 1;
    display: inline-block;
    overflow: hidden;
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #37b751,
        0 2px 15px 3px #a0ff00;
}
.contacts-page button:hover {
    background-image: linear-gradient(#3ed70b, #2db200), linear-gradient(#c9ff6e, #b6ffc5 95%);
}
.contacts-page__section-top li {
    padding-bottom: 5px;
    line-height: 32px;
    display: flex;
}
.contacts-page__section-top li:before {
    content: "";
    margin-inline-end: 15px;
    background: #fff;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    margin-top: 15px;
}
.contacts-page__section-tel ul {
    column-count: 2;
    padding-top: 15px;
    line-height: 32px;
}
.infopopup {
    color: #6e3923;
    background-color: #ffedd2;
    border-radius: 5px;
    width: 884px;
    padding-block: 30px;
    padding-inline: 40px 52px;
    position: relative;
}
.infopopup._missed {
    width: 425px;
    padding: 24px;
}
.infopopup._missed .infopopup__title {
    letter-spacing: 0.05em;
    font-size: 22px;
    font-weight: 800;
    line-height: 27px;
}
.infopopup._missed .missed-data-popup__decline {
    text-align: center;
    margin-top: 12px;
    display: block;
}
.infopopup__close {
    top: 0;
    position: absolute;
    inset-inline-end: -50px;
}
.infopopup__title {
    text-align: center;
    height: 45px;
    padding: 0 30px 10px;
    font-size: 28px;
    font-weight: 800;
    line-height: 35px;
}
.infopopup__btn {
    text-align: center;
    padding-top: 10px;
}
.infopopup__shadow {
    bottom: 88px;
    background-image: linear-gradient(#ffedd200, #ffedd2);
    width: 764px;
    height: 30px;
    position: absolute;
    inset-inline-start: 52px;
}
.infopopup__content {
    max-height: calc(100vh - 290px);
    padding-inline-end: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6em;
    overflow: auto;
}
.infopopup__content td {
    border: 1px solid #6e3923;
    padding: 10px;
}
.infopopup__content a {
    color: #6e3923;
    font-weight: 700;
    text-decoration: underline;
}
.lang-list {
    border-bottom: 1px solid #21728a;
    padding: 5px 0 15px;
    display: block;
}
.lang-list__row {
    justify-content: space-around;
    margin: 0 -15px;
    display: flex;
}
.lang-list__item {
    opacity: 0.5;
    width: 16px;
    height: 28px;
    transition: all 0.2s;
    display: block;
}
.lang-list__item.active {
    opacity: 1;
}
.lang-list__item:hover {
    opacity: 0.8;
}
.lang-list__item img {
    word-break: break-all;
    width: 100%;
    height: 100%;
    font-size: 10px;
    overflow: hidden;
}
.lang-version-notification {
    background-image: radial-gradient(50% 50%, #9547e9 0%, #721dac 100%);
    border-radius: 20px;
    width: 400px;
    padding: 32px 30px;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 20px));
    box-shadow: 0 0 15px #0003;
}
.lang-version-notification__close {
    cursor: pointer;
    fill: #fff;
    inset-inline-end: 18px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 18px;
}
.lang-version-notification__close:hover {
    background: #ffffff42;
}
.lang-version-notification__header {
    justify-content: center;
    align-items: center;
    margin-bottom: 34px;
    display: flex;
}
.lang-version-notification__flag {
    height: 26px;
    margin-right: 12px;
}
.lang-version-notification__zimpler-logo {
    height: 38px;
}
.lang-version-notification__text {
    text-align: center;
    margin-bottom: 42px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}
.lang-version-notification__btn-group {
    justify-content: center;
    display: flex;
}
.lang-version-notification__btn {
    margin: 0 10px;
}
.auth-deposit-popup__container.main-login-popup {
    border-radius: 0 0 20px 20px;
}
.auth-deposit-popup__container.main-login-popup .login-wrap {
    padding: 32px 0 34px;
}
.auth-deposit-popup__container.main-login-popup .login-wrap:before {
    top: -108px;
}
.auth-deposit-popup__container.main-login-popup .login-wrap__header {
    padding: 0 48px 12px;
}
.auth-deposit-popup__container.main-login-popup .login-wrap__close {
    top: -68px;
    position: absolute;
    inset-inline-end: 6px;
}
.missed-data-popup {
    align-items: center;
    height: 100%;
}
.missed-data-popup__wrap {
    color: #111114;
    text-align: center;
    padding: 60px 80px;
    font-size: 14px;
    line-height: 140%;
}
.missed-data-popup__content {
    flex-direction: column;
    align-items: center;
    margin: 0;
    display: flex;
}
.missed-data-popup__title {
    font-size: 24px;
    font-weight: 350;
    line-height: 115%;
}
.missed-data-popup__title:not(:last-child) {
    margin-bottom: 8px;
}
.missed-data-popup__text:not(:last-child),
.missed-data-popup__btn:not(:last-child) {
    margin-bottom: 20px;
}
.missed-data-popup__decline {
    font-size: 13px;
    line-height: 120%;
}
.missed-data-popup p {
    margin: 0;
}
.missed-data {
    color: #6e3923;
    font-size: 14px;
    line-height: 140%;
}
.missed-data__container {
    box-sizing: border-box;
    min-height: 100vh;
    padding: 60px;
    display: flex;
}
.missed-data .g-board {
    width: 100%;
    max-width: 756px;
    margin: auto;
}
.missed-data__content {
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    padding: 40px 58px 50px;
    display: flex;
    position: relative;
}
.missed-data__logo {
    z-index: 2;
    filter: drop-shadow(0 0 5px #000000b3);
    background:
        url(/joxi/wazamba/desktop/img/logo.svg) 50% / contain no-repeat,
        url(/joxi/wazamba/leaf.png) bottom/contain no-repeat;
    width: 222px;
    height: 55px;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: -33px;
}
.missed-data__terms {
    box-sizing: border-box;
    max-width: 100%;
    line-height: 165%;
    position: relative;
}
.missed-data__terms:not(:last-child) {
    margin-bottom: 20px;
}
.missed-data__info-section {
    max-height: 380px;
    padding-inline-end: 16px;
    overflow: hidden auto;
}
.missed-data__info-section:not(:last-child) {
    margin-bottom: 24px;
}
.missed-data__info-inner {
    max-height: 140px;
    display: block;
    overflow: hidden;
}
.is-open .missed-data__info-inner {
    max-height: fit-content;
}
.missed-data__info-inner:not(:last-child) {
    margin-bottom: 8px;
}
.missed-data__head {
    text-align: center;
}
.missed-data__head:not(:last-child) {
    margin-bottom: 24px;
}
.missed-data__title {
    font-size: 36px;
    font-weight: 800;
    line-height: 44px;
}
.missed-data__title:not(:last-child) {
    margin-bottom: 20px;
}
.missed-data__form {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
}
.missed-data .g-form-box {
    width: 100%;
    max-width: 407px;
    margin: 0;
}
.missed-data__decline {
    background-color: #0000;
    border: 0;
    outline: none;
    padding: 0;
    font-size: 13px;
    line-height: 120%;
}
.missed-data h1,
.missed-data h2,
.missed-data p {
    margin: 0;
}
.missed-data .info {
    padding-top: 0;
}
.missed-data .info p:not(:last-child) {
    margin-bottom: 8px;
}
.missed-data .info h1 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 115%;
}
.missed-data .info h2 {
    margin: 20px 0 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 115%;
}
.missed-data .info .text2 strong {
    color: #ffde00;
    font-weight: 400;
}
.missed-data .info div:has(> table) {
    overflow: auto;
}
.missed-data .info table {
    text-align: center;
    width: 100%;
}
.missed-data .info table thead td,
.missed-data .info table thead th {
    background-color: #ffffff0d;
    border: 1px solid #ffffff2e;
    padding: 6px 8px 7px;
}
.missed-data .info table td {
    vertical-align: middle;
    border: 1px solid #ffffff2e;
    padding: 10px 8px;
}
.missed-data .info a:hover {
    text-decoration: underline;
}
.missed-data .g-check-text {
    color: #6e3923;
}
.rtl-lang .missed-data {
    direction: rtl;
}
.dropdown {
    color: #6e3923;
    letter-spacing: 0.03em;
    align-items: center;
    width: max-content;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 700;
    line-height: 120%;
    display: flex;
}
.dropdown__btn:not(:last-child) {
    margin-inline-end: 9px;
}
.dropdown__btn_less {
    display: none;
}
.is-open .dropdown__btn_less {
    display: block;
}
.is-open .dropdown__btn_more {
    display: none;
}
.dropdown__arrow {
    width: 6px;
    height: 9px;
    transform: rotate(90deg);
}
.is-open .dropdown__arrow {
    transform: rotate(-90deg);
}
button.missed-data__btn {
    width: 100%;
    max-width: 260px;
    margin-bottom: 20px;
}
.profile-bonuses-promo {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 24px 16px;
    display: flex;
}
.profile-bonuses-promo__title {
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 1px #00000040;
    letter-spacing: 0.8px;
    background: #32211d80;
    border-radius: 12px;
    margin-bottom: 36px;
    padding: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    box-shadow: inset 0 0 8px #0003;
}
.profile-bonuses-promo__img {
    background: url(/joxi/wazamba/promo.png) 50% / contain no-repeat;
    width: 136px;
    height: 158px;
    margin-bottom: 46px;
}
.profile-bonuses {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 20px;
    display: grid;
}
.bonus__container {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap: 16px;
    display: grid;
    position: relative;
}
@media screen and (min-width: 1440px) {
    .bonus__container {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (min-width: 1680px) {
    .bonus__container {
        grid-template-columns: repeat(4, 1fr);
    }
}
.bonus__box {
    border-radius: 12px;
    width: 100%;
    min-height: 352px;
    padding: 24px 12px;
    position: relative;
}
.bonus__item {
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    display: flex;
}
.bonus__item-btn {
    min-width: 124px;
}
.bonus__data {
    border-spacing: 0 17px;
    border-collapse: unset;
    width: 100%;
    margin-block: -10px;
    padding-inline: 10px;
}
.bonus__data.has-small-lines {
    border-spacing: 0 9px;
}
.bonus__data-row {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
}
.bonus__data-title {
    text-align: start;
    width: 40%;
    font-weight: 500;
}
.bonus__data-value {
    text-align: end;
    width: 60%;
    font-weight: 700;
}
.bonus__data-value.is-ltr {
    direction: ltr;
}
.rtl-lang .bonus__data-value.is-ltr {
    text-align: start;
}
.bonus__no-bonus {
    flex-direction: column;
    justify-content: center;
    display: flex;
}
.bonus__no-bonus.has-preloader {
    display: none;
}
.bonus__no-bonus .no-bonus-title {
    color: #fff;
    text-align: center;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}
.bonus__no-bonus .no-bonus-subtitle {
    color: #fffc;
    text-align: center;
    padding-bottom: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
.bonus__no-bonus button.g-btn {
    width: fit-content;
    min-width: 180px;
    margin: 0 auto;
}
.bonus__cancel {
    text-align: center;
    letter-spacing: 0.7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}
.profile-settings {
    position: relative;
}
.profile-settings__section {
    width: 756px;
    margin: 0 auto 15px;
}
.profile-settings__title {
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 1.2px;
    text-align: center;
    padding: 20px 0;
    font-size: 24px;
    font-weight: 700;
}
.profile-flex {
    flex-wrap: wrap;
    margin: 0 -10px;
    padding: 10px 70px;
    display: flex;
}
.profile-flex__item {
    width: calc(50% - 20px);
    margin: 0 10px;
}
.profile-flex__item_small {
    width: calc(50% - 90px);
    padding-top: 7px;
    display: flex;
}
.profile-flex__item_big {
    width: calc(50% + 50px);
    display: flex;
}
.profile-card {
    margin: -9px -10px -8px;
}
.profile-card__item {
    background: #2208024d;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    margin: 8px 10px;
    padding: 0 14px;
    display: flex;
}
.profile-card__key {
    color: #ffedd2;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: 0.7px;
    max-width: 110px;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
}
.profile-card__val {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: 0.9px;
    text-align: right;
    direction: ltr;
    max-width: calc(100% - 70px);
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
}
.profile-bottom {
    padding-bottom: 30px;
}
.profile-bottom__link {
    justify-content: center;
    align-items: center;
    padding-top: 7px;
    display: flex;
}
.profile-bottom__link a {
    align-items: baseline;
    gap: 4px;
    font-weight: 700;
    display: flex;
}
.profile-bottom__link a svg {
    width: 6px;
    height: 9px;
    line-height: 20px;
}
.rtl-lang .profile-bottom__link a svg {
    transform: scaleX(-1);
}
.profile-form__item {
    overflow: hidden;
}
.profile-form__btns {
    width: calc(50% - 20px);
    margin: 20px 10px;
}
.profile-page {
    width: 740px;
    margin: 0 auto;
    padding: 0;
}
.rtl-lang .profile-page {
    direction: rtl;
}
@media screen and (min-width: 1280px) {
    .profile-page {
        width: 880px;
    }
}
@media screen and (min-width: 1440px) {
    .profile-page {
        width: 970px;
    }
}
@media screen and (min-width: 1680px) {
    .profile-page {
        width: 1407px;
    }
}
.profile-header {
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    margin: 0 -15px;
    padding-block: 40px 20px;
    display: flex;
}
.profile-header__section {
    width: calc(50% - 50px);
    margin: 0 15px;
}
.profile-header__section_board {
    width: 320px;
    margin-top: 100px;
}
.profile-header__section_shop {
    background: url(/joxi/wazamba/islands/4.png) 50% / contain no-repeat;
    height: 375px;
    animation-name: wobbleUp;
    animation-duration: 4s;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    animation-iteration-count: infinite;
    animation-delay: 1s;
    display: block;
    transform: scaleX(-1);
}
.rtl-lang .profile-header__section_shop {
    animation: 4s cubic-bezier(0.5, 0, 0.5, 1) infinite wobbleUpRtl;
    transform: scaleX(1);
}
.profile-header__section--shop {
    display: none;
}
@media screen and (min-width: 1280px) {
    .profile-header__section_board {
        width: 410px;
        margin-top: 0;
    }
}
@media screen and (min-width: 1440px) {
    .profile-header__section,
    .profile-header__section_board {
        width: calc(50% - 30px);
    }
}
@media screen and (min-width: 1680px) {
    .profile-header__section {
        width: calc(33.3334% - 30px);
    }
    .profile-header__section--shop {
        display: block;
    }
    .profile-header__section_board {
        margin-top: 85px;
    }
}
.profile-hero {
    justify-content: center;
    align-items: flex-end;
    width: 295px;
    height: 400px;
    margin: 0 auto;
    display: flex;
    position: relative;
}
.profile-hero__img {
    z-index: 10;
    background-position:
        top,
        50% calc(100% - 10px);
    background-repeat: no-repeat, no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    animation-name: wobbleUp;
    animation-duration: 4s;
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    animation-iteration-count: infinite;
    animation-delay: 0.8s;
    position: absolute;
    transform: scaleX(-1);
}
.rtl-lang .profile-hero__img {
    animation-name: wobbleUpRtl;
    transform: scaleX(1);
}
.profile-hero__btn {
    z-index: 11;
    position: relative;
}
@media screen and (min-width: 1280px) {
    .profile-hero {
        width: 330px;
        height: 450px;
    }
}
.user-bar {
    width: 290px;
    margin: 0 auto;
    padding-top: 44px;
}
.user-bar__top {
    text-align: center;
    background-image: url(/joxi/wazamba/hero-room/hero_room.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 345px;
    height: 166px;
    position: absolute;
    top: -94px;
    left: 50%;
    transform: translate(-50%);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .user-bar__top {
        background-image: url(/joxi/wazamba/hero-room/hero_room@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .user-bar__top {
        background-image: url(/joxi/wazamba/hero-room/hero_room@3x.png);
    }
}
.user-bar__top-lvl {
    text-shadow: 0 1px 5px #754c2999;
    padding-block: 30px 10px;
    font-size: 36px;
    font-weight: 800;
}
.user-bar__top-login {
    text-shadow: 0 2px 5px #754c2999;
    width: 100%;
    font-size: 28px;
    font-weight: 800;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translate(-50%);
}
.user-bar__item {
    margin: 26px auto;
    position: relative;
}
.user-bar__item:first-child {
    margin: 15px auto 26px;
}
.user-bar__item:last-child {
    margin: 26px auto 15px;
}
@media screen and (min-width: 1680px) {
    .user-bar {
        padding-block: 40px 10px;
    }
    .user-bar__top-lvl {
        padding-block: 42px 25px;
    }
}
.balance-item {
    background-color: #6e392380;
    align-items: center;
    width: 256px;
    height: 28px;
    display: flex;
}
.balance-item.is-blue {
    background-color: #0094e6;
    border-top: 3px solid #37b9fd;
    border-bottom: 3px solid #34d2d6;
    box-shadow:
        0 1px #3d8be2,
        inset 0 0 3px #0003,
        0 0 20px #18c5ff;
}
.balance-item__icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    margin-inline-start: -20px;
}
.rtl-lang .balance-item__icon {
    margin-inline-start: -32px;
}
.rtl-lang .balance-item__icon_total,
.rtl-lang .balance-item__icon_balance,
.rtl-lang .balance-item__icon_coin,
.rtl-lang .balance-item__icon_bonus {
    transform: scaleX(-1);
}
.balance-item__icon_total {
    background-image: url(/joxi/wazamba/hero-room/icon-total-balance.png);
}
.balance-item__icon_balance {
    background-image: url(/joxi/wazamba/hero-room/icon-real-balance.png);
}
.balance-item__icon_coin {
    background-image: url(/joxi/wazamba/hero-room/icon-coin.png);
}
.balance-item__icon_bonus {
    background-image: url(/joxi/wazamba/hero-room/icon-bonus-money.png);
}
.balance-item__icon_crab {
    background-image: url(/joxi/wazamba/hero-room/icon-cash-crab.png);
}
.balance-item__sum {
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 0.9px;
    text-align: center;
    flex-grow: 1;
    width: calc(100% - 60px);
    font-size: 16px;
    font-weight: 800;
    position: relative;
}
.balance-item__sum_small {
    width: calc(100% - 130px);
}
.balance-item__sum * {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    overflow: hidden;
}
.balance-item__sum-label {
    color: #6e3923;
    text-shadow: 0 4px 4px #00000040;
    letter-spacing: 0.6px;
    top: -20px;
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    inset-inline: -15px;
}
.balance-item__btn {
    flex-shrink: 0;
    margin-inline-end: -15px;
}
.balance-item__btn .icon-refresh {
    position: relative;
}
.balance-item__btn .icon-refresh:before {
    content: "";
    background-image: url(/joxi/wazamba/hero-room/refresh-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.balance-item__btn .bonus-icon {
    position: relative;
}
.balance-item__btn .bonus-icon:before {
    content: "";
    background-image: url(/joxi/wazamba/hero-room/bonus-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.balance-item__btn .g-btn {
    font-size: 16px;
}
.balance-item__btn_big {
    width: 122px;
    min-width: 122px;
}
.money-hero-room {
    top: -4px;
    background-image: url(/joxi/wazamba/icon-burger/icon-money.png);
    background-size: contain;
    width: 48px;
    height: 48px;
    inset-inline-start: -8px;
}
.profile-title {
    color: #fcfe7e;
    text-align: center;
    text-shadow: 0 2px #f4901b;
    letter-spacing: 1.8px;
    padding: 30px 0;
    font-size: 36px;
    font-weight: 800;
}
.profile-tabs {
    margin-top: 33px;
}
.heroroom {
    grid-gap: 21px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "f f f f f f f f f f f f" "a a a a a a b b b b b b" "c c c c e e e e e e e e" "c c c c d d d d d d d d";
    display: grid;
}
.heroroom__section {
    position: relative;
}
.heroroom__section_1 {
    grid-area: a;
    height: 275px;
}
.heroroom__section_2 {
    grid-area: b;
}
.heroroom__section_3 {
    border-radius: 12px;
    grid-area: c;
}
.heroroom__section_4 {
    grid-area: d;
    height: 211px;
}
.heroroom__section_5 {
    grid-area: e;
    height: 260px;
}
.heroroom__section_0 {
    grid-area: f;
}
.heroroom__section_1,
.heroroom__section_2 {
    justify-content: center;
    align-items: center;
    display: flex;
}
@media screen and (min-width: 1280px) {
    .heroroom__section_4 {
        height: 240px;
    }
}
@media screen and (min-width: 1440px) {
    .heroroom__section_4,
    .heroroom__section_5 {
        height: 275px;
    }
}
@media screen and (min-width: 1680px) {
    .heroroom {
        grid-template-columns: repeat(11, 1fr);
        grid-template-areas: "f f f f f f f f c c c" "a a a a b b b b c c c" "d d d d e e e e j j j";
    }
    .heroroom__section_4,
    .heroroom__section_5 {
        height: 210px;
    }
}
.hero-baner {
    background-image: url(/joxi/wazamba/profile-baner.jpg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}
.hero-baner__img {
    background: url(/joxi/wazamba/hero/3_0.png) 100% / contain no-repeat;
    width: 50%;
    height: calc(100% + 20px);
    position: absolute;
    top: -20px;
    left: -12px;
    transform: scaleX(-1);
}
.hero-baner__content {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    width: 250px;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    right: 30px;
    overflow: hidden;
}
.hero-baner__title {
    text-shadow: 0 2px 10px #00000040;
    letter-spacing: 0.4px;
    color: #fbfc18;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
}
.hero-baner__text {
    text-shadow: 0 0 10px #00000040;
    padding-top: 5px;
    font-size: 36px;
    font-weight: 800;
}
@media screen and (min-width: 1440px) {
    .hero-baner__content {
        width: 350px;
    }
}
@media screen and (min-width: 1680px) {
    .hero-baner__content {
        width: 300px;
    }
}
.profile-mask-banner {
    background-image: linear-gradient(#f2b600 -5.33%, #ff7800 93.92%);
    background-position: -485px, 50%;
    background-size: 702px, cover;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    padding: 6px;
    box-shadow: inset 0 0 9px #0006;
}
.profile-mask-banner__text-wrap {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 353px;
    height: 100%;
    display: flex;
    position: relative;
}
.profile-mask-banner__wrap {
    --mask-background-position: -452px;
    background-repeat: no-repeat;
    background-position:
        var(--mask-background-position) center,
        center;
    z-index: 1;
    background-size: 702px, cover;
    border-radius: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    position: relative;
}
.rtl-lang .profile-mask-banner__wrap {
    --mask-background-position: 224px;
}
@media screen and (min-width: 1280px) {
    .profile-mask-banner__wrap {
        --mask-background-position: -418px;
    }
    .rtl-lang .profile-mask-banner__wrap {
        --mask-background-position: 282px;
    }
}
@media screen and (min-width: 1440px) {
    .profile-mask-banner__wrap {
        --mask-background-position: -380px;
    }
    .rtl-lang .profile-mask-banner__wrap {
        --mask-background-position: 303px;
    }
}
@media screen and (min-width: 1680px) {
    .profile-mask-banner__wrap {
        --mask-background-position: -470px;
    }
    .rtl-lang .profile-mask-banner__wrap {
        --mask-background-position: 254px;
    }
}
.profile-mask-banner__title {
    color: #fff;
    text-shadow: 0 2px 5px #000000b3;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
}
@media screen and (min-width: 1440px) {
    .profile-mask-banner__title {
        font-size: 16px;
    }
}
.profile-mask-banner__text {
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    text-shadow: 0 2px 5px #000000b3;
    margin-bottom: 16px;
    font-size: 40px;
    font-weight: 800;
    line-height: 48px;
}
.profile-mask-banner__btn {
    flex-shrink: 0;
    min-width: 180px;
}
.profile-mask-banner__label {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: red;
    border-radius: 4px;
    align-items: center;
    height: 28px;
    padding: 0 12px;
    font-size: 10px;
    font-weight: 900;
    line-height: 12px;
    display: flex;
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0 2px #990101;
}
.profile-win {
    margin-inline: -10px;
    display: flex;
    position: relative;
}
.profile-win__item {
    text-align: center;
    background: url(/joxi/wazamba/sprite-profile.png) 100% 0/199% no-repeat;
    width: calc(50% - 20px);
    height: 211px;
    margin-inline: 10px;
    position: absolute;
}
.profile-win__item:last-child {
    inset-inline-end: 0;
}
.profile-win__img {
    background-position: 50%;
    background-size: contain;
    width: 126px;
    height: 84px;
    margin: 0 auto 8px;
}
@media screen and (min-width: 1280px) {
    .profile-win__img {
        width: 160px;
        height: 107px;
    }
}
@media screen and (min-width: 1440px) {
    .profile-win__img {
        width: 180px;
        height: 120px;
    }
}
@media screen and (min-width: 1680px) {
    .profile-win__img {
        width: 120px;
        height: 80px;
    }
}
.profile-win__img:before {
    content: "";
    background: url(/joxi/wazamba/game-item.png) 50%/100% 100% no-repeat;
    width: 100%;
    height: 100%;
    display: block;
}
.profile-win__title {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
}
@media screen and (min-width: 1440px) {
    .profile-win__title {
        margin-bottom: 8px;
    }
}
.profile-win__btn {
    min-width: 148px;
}
.profile-win__empty {
    text-shadow: 0 0 10px #00000040;
    text-align: center;
    padding: 15px 15px 0;
    font-size: 18px;
    font-weight: 800;
}
.profile-win__sum {
    direction: ltr;
    margin-bottom: 2px;
    font-size: 26px;
    font-weight: 800;
    line-height: 26px;
}
@media screen and (min-width: 1440px) {
    .profile-win__sum {
        margin-bottom: 16px;
    }
}
@media screen and (min-width: 1680px) {
    .profile-win__sum {
        margin-bottom: 8px;
    }
}
.profile-win__game {
    text-align: center;
    width: 217px;
    margin: 0 auto;
    padding: 20px 0 0;
}
.profile-win__game a {
    font-weight: 700;
}
.profile-win__stub {
    flex-direction: column;
    justify-content: center;
    height: 100%;
    display: flex;
}
@media screen and (min-width: 1280px) {
    .profile-win__item {
        height: 243px;
    }
    .profile-win__empty {
        font-size: 24px;
    }
}
@media screen and (min-width: 1440px) {
    .profile-win__item {
        height: 276px;
    }
}
@media screen and (min-width: 1680px) {
    .profile-win__item {
        height: 210px;
    }
    .profile-win__empty {
        padding: 40px 25px 0;
        font-size: 18px;
    }
}
.promo-page {
    width: 680px;
    margin: 0 auto;
}
.promo-page__header {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 320px 320px;
    flex-direction: column;
    justify-content: center;
    width: calc(100% + 40px);
    height: 380px;
    margin-inline-start: -40px;
    padding-block: 30px;
    padding-inline: 350px 0;
    display: flex;
}
.promo-page__title {
    text-shadow: 0 0 10px #000000bf;
    letter-spacing: 1.2px;
    color: #fff;
    margin: 0;
    padding: 10px 0;
    font-size: 24px;
    font-weight: 800;
}
.promo-page__prize {
    text-shadow: 0 0 10px #000000bf;
    letter-spacing: 1.8px;
    color: #fff;
    text-wrap: balance;
    padding: 10px 0;
    font-size: 36px;
    font-weight: 800;
}
.promo-page__terms-title {
    letter-spacing: 1.2px;
    color: #fff;
    text-align: center;
    padding-top: 30px;
    font-size: 24px;
    font-weight: 800;
}
.promo-page__btns {
    padding-top: 20px;
}
.promo-page__terms-content {
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 0.8px;
    color: #fff;
    font-size: 16px;
    line-height: 2;
}
.promo-page__terms-content a {
    color: #fbfc18;
}
.promo-page__terms-content table {
    width: 100%;
}
.promo-page__terms-content table thead tr td,
.promo-page__terms-content table thead tr th {
    text-align: start;
    background-color: #ffffff0d;
    border-bottom: 1px solid #ffffff2e;
    padding: 6px 8px 7px;
}
.promo-page__terms-content table thead tr th {
    flex: 1;
}
.promo-page__terms-content table tr:nth-child(odd) {
    background-color: #ffffff0d;
}
.promo-page__terms-content table td,
.promo-page__terms-content table th {
    vertical-align: top;
    text-align: start;
    padding: 10px 8px;
}
.promo-page__terms-content ul {
    padding-inline-start: 40px;
}
.promo-page__terms-content ul li {
    padding-bottom: 4px;
    position: relative;
}
.promo-page__terms-content ul li:last-child {
    padding: 0;
}
.promo-page__terms-content ul li:before {
    content: "";
    top: 4px;
    background-color: #fff;
    border-radius: 50%;
    width: 8px;
    min-width: 8px;
    height: 8px;
    margin-block: 9px 0;
    margin-inline: 0 12px;
    display: inline-block;
    position: absolute;
    inset-inline-start: -15px;
}
.promo-page__steps-list {
    flex-direction: column;
    gap: 8px;
    margin: 16px 0 0;
    display: flex;
}
.promo-page__steps-item {
    cursor: pointer;
    background: #ffffff1a;
    border-radius: 10px;
    align-items: center;
    gap: 12px;
    padding: 12px;
    display: flex;
    box-shadow: inset 0 0 6px #a7a7a71a;
}
.promo-page__steps-item:hover {
    background: #ffffff42;
}
.promo-page__steps-item.is-no-action {
    pointer-events: none;
}
.promo-page__steps-item.is-no-action .promo-page__steps-arr {
    display: none !important;
}
.promo-page__steps-item.is-no-action ~ .is-unlogged {
    pointer-events: none;
}
.promo-page__steps-number {
    text-shadow: 0 3px #ff7800;
    color: #fcfe7e;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    font-size: 32px;
    font-weight: 800;
    display: flex;
}
.promo-page__steps-col {
    flex-direction: column;
    gap: 4px;
    display: flex;
}
.promo-page__steps-subtitle {
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.2;
}
.promo-page__steps-text {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
}
.promo-page__steps-arr {
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-inline-start: auto;
    display: flex;
}
.promo-page__steps-arr svg {
    fill: #fff;
    width: 10px;
    height: 7px;
}
.rtl-lang .promo-page {
    direction: rtl;
}
.rtl-lang .promo-page__header {
    background-position: 100%;
}
.rtl-lang .promo-page__steps-arr {
    transform: scaleX(-1);
}
.promo-optout {
    color: #fff;
    text-align: center;
    letter-spacing: 0.7px;
    background: #ffffff1a;
    border-radius: 10px;
    width: 100%;
    padding: 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    box-shadow: inset 0 0 6px #a7a7a71a;
}
.promo-optout__text {
    justify-content: center;
    gap: 6px;
    display: flex;
}
.promo-optout__link {
    cursor: pointer;
    text-decoration: underline;
}
.promo-optout__link._weakly {
    color: #ffffffb3;
    letter-spacing: 0.5px;
    margin-top: 4px;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}
.promo-optout__link:hover {
    color: #fff;
}
.promo-page .is-has-opt .is-step-active .promo-page__steps-subtitle,
.promo-page .is-has-opt .is-step-active .promo-page__steps-text {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 #ff7901) drop-shadow(0 0 10px #000000bf);
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    font-weight: 800;
}
.promo-page .is-has-opt .is-step-active .promo-page__steps-text {
    font-weight: 500;
}
.promo-page .is-has-opt .is-step-active .promo-page__steps-number {
    text-shadow: unset;
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px 1px #ff7901) drop-shadow(0 0 10px #000000bf);
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    font-weight: 800;
}
.promo-page .is-has-opt .is-step-active .promo-page__steps-arr {
    display: flex;
}
.promo-page .is-has-opt .promo-step-2:not(.is-step-active) .promo-page__steps-number,
.promo-page .is-has-opt .promo-step-2:not(.is-step-active) .promo-page__steps-subtitle,
.promo-page .is-has-opt .promo-step-2:not(.is-step-active) .promo-page__steps-text,
.promo-page .is-has-opt .promo-step-3:not(.is-step-active) .promo-page__steps-number,
.promo-page .is-has-opt .promo-step-3:not(.is-step-active) .promo-page__steps-subtitle,
.promo-page .is-has-opt .promo-step-3:not(.is-step-active) .promo-page__steps-text {
    text-shadow: none;
    color: #fff6;
    box-shadow: unset;
}
.promo-page .is-has-opt .promo-step-2:not(.is-step-active) .promo-page__steps-arr,
.promo-page .is-has-opt .promo-step-3:not(.is-step-active) .promo-page__steps-arr {
    display: none;
}
.promo-page .is-has-opt .promo-step-1:not(.is-step-active) .promo-page__steps-subtitle,
.promo-page .is-has-opt .promo-step-1:not(.is-step-active) .promo-page__steps-text,
.promo-page
    .is-has-opt
    .promo-step-1:not(.is-step-active)
    ~ .promo-step-2:not(.is-step-active)
    .promo-page__steps-subtitle,
.promo-page
    .is-has-opt
    .promo-step-1:not(.is-step-active)
    ~ .promo-step-2:not(.is-step-active)
    .promo-page__steps-text {
    color: #fff;
}
.promo-page .is-has-opt .promo-step-1:not(.is-step-active) .promo-page__steps-number,
.promo-page
    .is-has-opt
    .promo-step-1:not(.is-step-active)
    ~ .promo-step-2:not(.is-step-active)
    .promo-page__steps-number {
    color: #fff;
    text-shadow: 0 2px #ff7800;
}
.rtl-lang .provider-list {
    direction: rtl;
}
.provider-list__item {
    margin: 4px 0;
}
.provider-list__header {
    justify-content: center;
    display: flex;
    position: relative;
}
.provider-list__ico {
    width: 122px;
    height: 57px;
}
.provider-list__ico img {
    word-break: break-all;
    width: 100%;
    height: 100%;
    font-size: 10px;
}
.provider-list__link {
    inset-inline-end: 0;
    font-weight: 700;
    line-height: 16px;
    position: absolute;
    top: 20px;
}
.provider-list__link svg {
    vertical-align: middle;
    width: 6px;
    height: 9px;
    margin-inline-start: 7px;
}
.rtl-lang .provider-list__link svg {
    transform: scaleX(-1);
}
.sidebar {
    z-index: 500;
    background-image: url(/joxi/wazamba/renovation/sidebar/sidebar-bg-up.svg),
        linear-gradient(90deg, #ba6618 0% 4px, #ff7901 4px 100%),
        url(/joxi/wazamba/renovation/sidebar/sidebar-bg-bottom.svg);
    background-position:
        0 0,
        8px 167px,
        0 100%;
    background-repeat: no-repeat;
    background-size:
        236px 172px,
        236px calc(100% - 340px),
        236px 177px;
    width: 236px;
    min-height: 640px;
    max-height: 100%;
    margin-top: 16px;
    margin-bottom: 10px;
    transition: all 0.2s;
    position: fixed;
    left: auto;
    right: 0;
}
.sidebar:after {
    background-image: url(/joxi/wazamba/desktop/img/pattern-sidebar.svg);
    background-repeat: no-repeat;
    background-size: 100% 96%;
    width: 100%;
    height: 112px;
    display: block;
    position: absolute;
    top: 91px;
    left: 4px;
}
.sidebar .sidebar__icon {
    z-index: 501;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    padding: 0;
    transition: all 0.2s;
    position: absolute;
    top: 105px;
    left: 9px;
}
.sidebar .sidebar__icon:after {
    content: "";
    color: #0000;
    background-image: url(/joxi/wazamba/desktop/img/burger-close.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 36px;
    height: 35px;
    display: block;
}
.sidebar__logo {
    z-index: 10;
    width: 100%;
    display: block;
    position: relative;
}
.sidebar__logo-img {
    margin-left: 54px;
}
.sidebar__logo-img.show-guest {
    width: 164px;
    height: 86px;
}
.sidebar__logo-img.show-user {
    filter: drop-shadow(1px 1px 3px #00000080);
    width: 176px;
    height: 27px;
}
.sidebar__scroll {
    position: relative;
    overflow-y: auto;
}
.sidebar__scroll.scrolled {
    overflow-y: auto;
}
.sidebar__scroll.scrolled .sidebar__line {
    margin-left: 0;
    margin-right: 0;
}
.sidebar__scroll__border {
    display: flex;
    position: relative;
    overflow: hidden;
}
.sidebar__scroll__border.top:before,
.sidebar__scroll__border.bottom:after {
    content: "";
}
.sidebar__scroll__border:before {
    z-index: 1;
    background: linear-gradient(#ff7901 0%, #ff790100 100%);
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 4px;
}
.sidebar__scroll__border:after {
    z-index: 1;
    background: linear-gradient(#ff790100 0%, #ff7901 100%);
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: -1px;
    left: 4px;
}
.sidebar__scroll__wrap {
    width: 100%;
    padding-top: 4px;
}
.sidebar__content {
    z-index: 100;
    flex-direction: column;
    flex: auto;
    width: 228px;
    min-height: 485px;
    max-height: calc(100vh - 175px);
    margin-left: 8px;
    padding-bottom: 56px;
    display: flex;
    position: relative;
}
.sidebar__content.small-font .sidebar__link,
.sidebar__content.small-font .g-btn {
    letter-spacing: 0;
    font-size: 16px;
}
.rtl-lang .sidebar__content {
    direction: rtl;
}
.rtl-lang .sidebar__content .sidebar__link {
    background-position: 100%;
}
.rtl-lang .sidebar__content .sidebar__link:before {
    transform-origin: 100%;
}
.sidebar__content-top {
    flex-shrink: 0;
    position: relative;
}
.sidebar__avatar {
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative;
}
.sidebar__avatar--guest {
    background-image: url(/joxi/wazamba/wazamba-v01/sidebar-hero/unlog_hero.png);
    background-position: 50%;
    width: 100%;
    height: 150px;
    margin: 0 auto 30px;
    position: relative;
}
.sidebar__avatar--guest:before {
    content: "";
    background-color: #0000001a;
    width: 232px;
    height: 1px;
    display: block;
    position: absolute;
    bottom: -14px;
    left: -10px;
}
.sidebar__avatar--user {
    width: 160px;
    height: 160px;
    margin: 0 auto 10px;
    position: relative;
}
.sidebar__progress {
    position: absolute;
    bottom: 50px;
    right: 20px;
}
.sidebar__progress-line {
    background-color: #393939;
    background-image: linear-gradient(#ffffff1a 0% 50%, #0000 50% 100%);
    border-radius: 0 20px 20px 0;
    height: 26px;
    padding: 2px;
    overflow: hidden;
}
.sidebar__progress-line-item {
    border-radius: inherit;
    background-image: linear-gradient(#1dcaea 0%, #009cb9 100%);
    min-width: 12.5%;
    height: 100%;
    position: relative;
    box-shadow: 0 2px 7px #0009;
}
.sidebar__progress-line-item:after {
    content: "";
    border-radius: inherit;
    background-image: linear-gradient(#ffffff4d 0% 50%, #0000 50% 100%);
    position: absolute;
    inset: 2px;
}
.sidebar__lvl {
    color: #fff;
    letter-spacing: 0.03em;
    text-shadow: 0 0 10px #00000040;
    background-image: url(/joxi/wazamba/desktop/img/progres-star.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 51px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    display: flex;
    bottom: 0;
    right: 0;
}
.sidebar__buttons {
    margin-bottom: 22px;
    padding-left: 12px;
    padding-right: 12px;
}
.sidebar__buttons :not(:last-child):not(.sidebar__funid-avatar) {
    margin-bottom: 14px;
}
.sidebar__buttons .sidebar__funid-log.is-funid {
    display: none;
}
.sidebar__login {
    border-top: 1px solid #0000001a;
}
.sidebar__links {
    border: 1px solid #0000001a;
    border-left: none;
    border-right: 0;
    margin-left: 4px;
    padding: 8px 12px 8px 8px;
}
.sidebar__funid-avatar {
    background-image: url(/joxi/wazamba/wazamba_funid.png);
    width: 129px;
    height: 102px;
    margin: 0 auto -16px;
}
.sidebar__funid-promo {
    text-align: center;
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    color: #0000;
    background: linear-gradient(#fff 13.03%, #fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    max-width: 200px;
    margin: -4px auto 0;
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: 800;
    line-height: 20px;
    position: relative;
}
.sidebar__funid-promo:after {
    content: "";
    background-color: #0000001a;
    width: 232px;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0;
    left: -10px;
}
.sidebar__nav {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 0 12px;
    display: flex;
}
.sidebar__line {
    border-top: 1px solid #0000001a;
    margin-bottom: 8px;
    margin-left: -8px;
    margin-right: -12px;
}
.sidebar__link {
    color: #fff;
    letter-spacing: 0.05em;
    text-shadow: 0 0 10px #00000040;
    text-transform: capitalize;
    white-space: break-spaces;
    padding-top: 5px;
    padding-bottom: 5px;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: auto 32px;
    padding-inline-start: 40px;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    display: block;
    position: relative;
}
.sidebar__link.is-lang {
    letter-spacing: 0.02em;
}
.sidebar__link.is-new {
    box-sizing: border-box;
    width: 100%;
    display: block;
}
.sidebar__link.is-new span {
    word-break: break-word;
    display: inline-block;
}
.sidebar__link.is-count {
    box-sizing: border-box;
    width: 100%;
    display: block;
}
.sidebar__link.is-games.sidebar__link--bold {
    margin-bottom: 12px;
}
.sidebar__link:before {
    content: "";
    transform-origin: 0;
    inset-inline: 40px 0;
    background-color: #fff;
    height: 2px;
    transition: transform 0.35s;
    position: absolute;
    bottom: 0;
    transform: scaleX(0);
}
.sidebar__link:hover:before {
    transform: scaleX(1);
}
.sidebar__link:not(:last-child) {
    margin-bottom: 8px;
}
.sidebar__link.indent-down {
    margin-bottom: 20px;
}
.sidebar__link--bold {
    font-weight: 700;
}
.sidebar__link--halloween {
    margin-bottom: 8px;
}
.sidebar__link--seasons {
    margin-bottom: 6px;
}
.sidebar__link--euro a {
    text-transform: uppercase;
}
.sidebar__link-icon {
    align-items: center;
    width: 32px;
    height: 32px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.sidebar__link-icon--info svg {
    fill: #fff;
    width: 20px;
    height: 20px;
}
.sidebar__toplink {
    color: #fff;
    letter-spacing: 0.05em;
    text-overflow: ellipsis;
    align-items: center;
    gap: 6px;
    max-width: 170px;
    margin-bottom: 13px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    display: inline-flex;
    overflow: hidden;
}
.sidebar__toplink:hover {
    text-decoration: underline;
}
.sidebar__toplink svg {
    fill: currentColor;
    width: 6px;
    height: 9px;
}
.rtl-lang .sidebar__toplink svg {
    transform: rotate(180deg);
}
.sidebar__btn-wrap {
    justify-content: center;
    gap: 20px;
    width: 100%;
    display: flex;
    position: absolute;
    bottom: -5px;
}
.sidebar__logout-btn {
    text-align: center;
    z-index: 10;
    margin-bottom: -20px;
    margin-left: 20px;
    position: relative;
}
.sidebar__chat-btn svg,
.sidebar__line-btn svg {
    width: 28px !important;
}
.sidebar__new {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: red;
    border-radius: 4px;
    padding: 2px 3px;
    font-size: 8px;
    font-weight: 900;
    line-height: 10px;
    position: absolute;
    bottom: -5px;
    left: 0;
    box-shadow: 0 2px #990101;
}
.sidebar__count {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box;
    bottom: -5px;
    background: red;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    font-size: 10px;
    font-weight: 900;
    line-height: 12px;
    display: flex;
    position: absolute;
    inset-inline-start: 0;
    box-shadow: 0 2px #990101;
    word-break: inherit !important;
}
.sidebar__tabs {
    margin-inline: 12px;
    background: #d76b0c;
    border-radius: 50px;
    height: 36px;
    margin-bottom: 12px;
    display: flex;
    box-shadow: inset 0 0 3px #00000040;
}
.sidebar__tabs__content {
    margin-inline: 12px;
}
.sidebar__tab {
    color: #6e3923;
    letter-spacing: 0.05em;
    cursor: pointer;
    background-color: #ffedd2;
    background-image: linear-gradient(#ffedd2, #ffedd2), linear-gradient(#f90, #f2a268);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    border: 4px solid #0000;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 35px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    display: flex;
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px #b75637;
}
.sidebar__tab:first-child {
    border-radius: 50px 1px 1px 50px;
}
.sidebar__tab:last-child {
    border-radius: 1px 50px 50px 1px;
}
.sidebar__tab.active {
    color: #fff;
    box-shadow: none;
    pointer-events: none;
    background: 0 0;
}
.sidebar__tab__content {
    display: none;
}
.sidebar__tab__content.active {
    display: block;
}
.sidebar__tab__content.hide .sidebar__link {
    display: none;
}
.sidebar__tab__content.hide .sidebar__link:first-child,
.sidebar__tab__content.hide .sidebar__link:nth-child(2),
.sidebar__tab__content.hide .sidebar__link:nth-child(3) {
    display: block;
}
.sidebar__tab__content:not(.hide) .sidebar__more {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjAwMDA0IDAuMjVDNS43OTkyNiAwLjI1IDUuNjI1NTggMC4zMTkzOTggNS40Nzg4NCAwLjQ1ODMwNkwwLjIyMDEzMiA1LjQzNjE5QzAuMDczMzg5OCA1LjU3NTI1IDAgNS43Mzk4MiAwIDUuOTI5NjFDMCA2LjExOTY4IDAuMDczMzg5OCA2LjI4NDQ3IDAuMjIwMTMyIDYuNDIzTDEuNDAxNTMgNy41NDE2OUMxLjU0ODI4IDcuNjgwNDkgMS43MjIwNCA3Ljc1IDEuOTIyODYgNy43NUMyLjEyMzY0IDcuNzUgMi4yOTczNyA3LjY4MDQ5IDIuNDQ0MDcgNy41NDE2OUw1Ljk5OTg4IDQuMTc1NEw5LjU1NjAyIDcuNTQxNjlDOS43MDI1MSA3LjY4MDQ5IDkuODc2NDggNy43NSAxMC4wNzcyIDcuNzVDMTAuMjc3OSA3Ljc1IDEwLjQ1MTUgNy42ODA0OSAxMC41OTg0IDcuNTQxNjlMMTEuNzc5OSA2LjQyM0MxMS45MjY3IDYuMjg0NDMgMTIgNi4xMTk2NCAxMiA1LjkyOTYxQzEyIDUuNzM5NzggMTEuOTI2NSA1LjU3NTI1IDExLjc3OTkgNS40MzYxOUw2LjUyMTIgMC40NTgzMDZDNi4zNzQ4MyAwLjMxOTM5OCA2LjIwMDgyIDAuMjUgNi4wMDAwNCAwLjI1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
.sidebar__more {
    color: #fff;
    letter-spacing: 0.05em;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01Ljk5OTk2IDcuNzVDNi4yMDA3NCA3Ljc1IDYuMzc0NDIgNy42ODA2IDYuNTIxMTYgNy41NDE2OUwxMS43Nzk5IDIuNTYzODFDMTEuOTI2NiAyLjQyNDc1IDEyIDIuMjYwMTggMTIgMi4wNzAzOUMxMiAxLjg4MDMyIDExLjkyNjYgMS43MTU1MyAxMS43Nzk5IDEuNTc3TDEwLjU5ODUgMC40NTgzMDhDMTAuNDUxNyAwLjMxOTUxMiAxMC4yNzggMC4yNSAxMC4wNzcxIDAuMjVDOS44NzYzNiAwLjI1IDkuNzAyNjMgMC4zMTk1MTIgOS41NTU5MyAwLjQ1ODMwOEw2LjAwMDEyIDMuODI0NkwyLjQ0Mzk4IDAuNDU4MzA4QzIuMjk3NDkgMC4zMTk1MTIgMi4xMjM1MiAwLjI1IDEuOTIyNzggMC4yNUMxLjcyMjEyIDAuMjUgMS41NDg0OCAwLjMxOTUxMiAxLjQwMTU4IDAuNDU4MzA4TDAuMjIwMDUzIDEuNTc3QzAuMDczMzA5OSAxLjcxNTU3IDAgMS44ODAzNiAwIDIuMDcwMzlDMCAyLjI2MDIyIDAuMDczNDcxMSAyLjQyNDc1IDAuMjIwMDUzIDIuNTYzODFMNS40Nzg4IDcuNTQxNjlDNS42MjUxNyA3LjY4MDYgNS43OTkxOCA3Ljc1IDUuOTk5OTYgNy43NVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)
        13px no-repeat;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    display: flex;
}
.sidebar__more.open {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjAwMDA0IDAuMjVDNS43OTkyNiAwLjI1IDUuNjI1NTggMC4zMTkzOTggNS40Nzg4NCAwLjQ1ODMwNkwwLjIyMDEzMiA1LjQzNjE5QzAuMDczMzg5OCA1LjU3NTI1IDAgNS43Mzk4MiAwIDUuOTI5NjFDMCA2LjExOTY4IDAuMDczMzg5OCA2LjI4NDQ3IDAuMjIwMTMyIDYuNDIzTDEuNDAxNTMgNy41NDE2OUMxLjU0ODI4IDcuNjgwNDkgMS43MjIwNCA3Ljc1IDEuOTIyODYgNy43NUMyLjEyMzY0IDcuNzUgMi4yOTczNyA3LjY4MDQ5IDIuNDQ0MDcgNy41NDE2OUw1Ljk5OTg4IDQuMTc1NEw5LjU1NjAyIDcuNTQxNjlDOS43MDI1MSA3LjY4MDQ5IDkuODc2NDggNy43NSAxMC4wNzcyIDcuNzVDMTAuMjc3OSA3Ljc1IDEwLjQ1MTUgNy42ODA0OSAxMC41OTg0IDcuNTQxNjlMMTEuNzc5OSA2LjQyM0MxMS45MjY3IDYuMjg0NDMgMTIgNi4xMTk2NCAxMiA1LjkyOTYxQzEyIDUuNzM5NzggMTEuOTI2NSA1LjU3NTI1IDExLjc3OTkgNS40MzYxOUw2LjUyMTIgMC40NTgzMDZDNi4zNzQ4MyAwLjMxOTM5OCA2LjIwMDgyIDAuMjUgNi4wMDAwNCAwLjI1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
}
.sidebar__more span {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 40px;
    display: block;
}
.sidebar__more-info.hide {
    display: none;
}
.sidebar__more-info__link {
    color: #fff;
    letter-spacing: 0.05em;
    cursor: pointer;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    display: flex;
}
.sidebar__more-info__link span {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 40px;
    display: block;
}
.sidebar__timer-label {
    color: #fff;
    text-align: center;
    background: #941d10;
    border-radius: 4px;
    padding: 4px;
    font-size: 10px;
    font-weight: 900;
    line-height: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    box-shadow: 0 2px #560a02;
}
.sidebar__league-gift {
    background-position: 50%;
    background-size: 45px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.sidebar__league-gift:before {
    content: "";
    background-image: url(/joxi/wazamba/leagues/shining.png);
    background-size: 113px;
    width: 113px;
    height: 80px;
    margin-top: -40px;
    margin-left: -56px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.sidebar__league-gift:after {
    content: "";
    background-image: url(/joxi/wazamba/leagues/icon-league/gift.png);
    background-size: 54px;
    width: 40px;
    height: 40px;
    margin-top: -27px;
    margin-left: -27px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.sidebar__holiday {
    margin-bottom: 8px;
}
body:not(.linda-has-user) .sidebar__logo {
    margin-top: 45px;
    margin-bottom: 15px;
}
body:not(.linda-has-user) .sidebar__content {
    margin-top: 0;
}
body:not(.linda-has-user) .sidebar__icon {
    top: 87px;
}
.sidebar-scroll-wrap {
    z-index: 500;
    flex-direction: column;
    align-items: center;
    width: 236px;
    height: 100%;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
}
.sidebar-balance {
    margin-bottom: 20px;
    margin-inline: 14px 10px;
    padding-inline: 20px 10px;
}
.sidebar-balance__item {
    color: #fbfc18;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 0.7px;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #ffffff42;
    width: 100%;
    height: 34px;
    padding-inline: 20px 28px;
    font-size: 16px;
    font-weight: 800;
    line-height: 34px;
    position: relative;
}
.sidebar-balance__item:not(:last-child) {
    margin-bottom: 10px;
}
.sidebar-balance__item:not(:last-child).small-font {
    font-size: 14px;
}
.sidebar-balance__icon {
    top: -1px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    position: absolute;
    inset-inline-start: -22px;
}
.sidebar-balance__icon_1 {
    background-image: url(/joxi/wazamba/icon/icon-money.png);
    width: 48px;
    height: 48px;
    top: -8px;
    left: -26px;
}
.sidebar-balance__icon_2 {
    background-image: url(/joxi/wazamba/sprite-tournament-page.png);
    background-position: 0 -71px;
    background-repeat: no-repeat;
    background-size: 250px;
}
.sidebar-balance__btn {
    top: -1px;
    width: 34px;
    height: 34px;
    position: absolute;
    inset-inline-end: -10px;
}
.sidebar-balance__btn a {
    width: 100%;
    height: 100%;
    display: block;
}
.sidebar-balance__btn-label {
    color: #fff;
    z-index: 10;
    text-transform: uppercase;
    background-color: red;
    border-radius: 4px;
    padding: 3px 2px 2px;
    font-size: 10px;
    font-weight: 900;
    line-height: 12px;
    position: absolute;
    top: -6px;
    right: -6px;
    box-shadow: 0 2px #990101;
}
body:not(.linda-has-remembered-login) .sidebar.show-btn .sidebar__reg {
    background-color: #3ed70b;
    background-image: linear-gradient(#3ed70b, #3ed70b), linear-gradient(#a0ff00, #68f284);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #37b751,
        0 2px 15px 3px #a0ff00;
}
body:not(.linda-has-remembered-login) .sidebar.show-btn .sidebar__reg:hover {
    background-image: linear-gradient(#3ed70b, #2db200), linear-gradient(#c9ff6e, #b6ffc5 95%);
}
.linda-has-remembered-login .sidebar.show-btn .sidebar__login {
    background-color: #18c5ff;
    background-image: linear-gradient(#18c5ff, #18c5ff), linear-gradient(#a3deff, #00eded);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #3c8ae2,
        0 2px 15px 3px #18c5ff;
}
.linda-has-remembered-login .sidebar.show-btn .sidebar__login:hover {
    background-image: linear-gradient(#18c5ff, #0094ff), linear-gradient(#bee7ff, #47fbfb 95%);
}
.linda-has-remembered-login .sidebar__buttons .sidebar__funid-reg {
    display: none;
}
.linda-has-remembered-login .sidebar__buttons .sidebar__funid-log {
    display: block;
}
body:not(.is-first-screen).linda-has-remembered-login .sidebar__login {
    background-color: #18c5ff;
    background-image: linear-gradient(#18c5ff, #18c5ff), linear-gradient(#a3deff, #00eded);
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #3c8ae2,
        0 2px 15px 3px #18c5ff;
}
body:not(.is-first-screen).linda-has-remembered-login .sidebar__login:hover {
    background-image: linear-gradient(#18c5ff, #0094ff), linear-gradient(#bee7ff, #47fbfb 95%);
}
body:not(.is-first-screen).linda-has-remembered-login .sidebar__login:active,
body:not(.is-first-screen).linda-has-remembered-login .sidebar__login.active {
    background-image: linear-gradient(#0094ff, #18c5ff), linear-gradient(#bee7ff, #47fbfb 95%);
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px 10px 2px #18c5ff;
}
body:not(.is-first-screen):not(.linda-has-remembered-login) .sidebar__reg {
    background-color: #3ed70b;
    background-image: linear-gradient(#3ed70b, #3ed70b), linear-gradient(#a0ff00, #68f284);
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #37b751,
        0 2px 15px 3px #a0ff00;
}
body:not(.is-first-screen):not(.linda-has-remembered-login) .sidebar__reg:hover {
    background-image: linear-gradient(#3ed70b, #2db200), linear-gradient(#c9ff6e, #b6ffc5 95%);
}
body:not(.is-first-screen):not(.linda-has-remembered-login) .sidebar__reg:active,
body:not(.is-first-screen):not(.linda-has-remembered-login) .sidebar__reg.active {
    background-image: linear-gradient(#2db200, #3ed70b), linear-gradient(#c9ff6e, #b6ffc5 95%);
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px 10px 2px #a0ff00;
}
.linda-hide-sidebar .sidebar {
    transform: translateY(0) translate(212px);
}
.linda-hide-sidebar .sidebar__icon {
    left: -24px;
}
.linda-hide-sidebar .sidebar__icon:after {
    background-image: url(/joxi/wazamba/desktop/img/burger.svg);
    width: 35px;
}
body.linda-has-user .sidebar__link.is-new span.show-guest {
    display: none;
}
body.linda-has-user .sidebar__content {
    max-height: calc(100vh - 35px);
}
body.linda-has-user .sidebar__logo {
    z-index: 101;
    position: absolute;
    top: -12px;
    right: 0;
}
.sidebar__link.is-bonus .sidebar__count {
    bottom: 2px;
}
.santa-block {
    cursor: pointer;
    background-image: url(/joxi/wazamba/promo-santa/promo-item-menu_x2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px;
    justify-content: space-between;
    align-items: center;
    margin: -8px 10px 14px 14px;
    padding: 8px 6px 10px 38px;
    transition: background-image 0.25s ease-in-out;
    display: flex;
}
.rtl-lang .santa-block {
    direction: ltr;
    scale: -1 1;
}
.santa-block:hover {
    background-image: url(/joxi/wazamba/promo-santa/promo-item-menu-hover_x2.png);
}
.santa-block:hover .santa-block__btn.g-btn-orange,
.santa-block:hover .has-orange-btn .autobonus-popup__bonus-multiple .santa-block__btn.autobonus-popup__activate-btn,
.has-orange-btn .autobonus-popup__bonus-multiple .santa-block:hover .santa-block__btn.autobonus-popup__activate-btn {
    background-image: linear-gradient(#ff7800, #ff4d00), linear-gradient(#ffad32, #fdc399 95%);
}
.santa-block__content {
    margin-bottom: 0;
}
.rtl-lang .santa-block__content {
    text-align: end;
    scale: -1 1;
}
.santa-block__title {
    color: #fff;
    text-shadow: 0 2px 5px #8d0c0cb3;
    margin: 0;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.3;
}
.santa-block__subtitle {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px 1px #ff7901) drop-shadow(0 0 10px #000000bf);
    letter-spacing: 0.55px;
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    margin: 0;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.3;
}
.santa-block__btn.g-btn {
    border: 3px solid #0000;
    width: 24px;
    height: 25px;
}
.santa-block__btn.g-btn svg {
    rotate: 180deg;
}
.sitemap {
    width: 562px;
    margin: 0 auto;
    padding: 0;
}
.sitemap h2 {
    -webkit-text-fill-color: transparent;
    text-align: center;
    text-shadow: 0 0 10px #00000040;
    background: linear-gradient(#fff 13.03%, #fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
.sitemap__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 20px;
    display: grid;
}
.sitemap__item {
    width: fit-content;
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
}
@media screen and (min-width: 1280px) {
    .sitemap {
        width: 751px;
    }
}
@media screen and (min-width: 1440px) {
    .sitemap {
        width: 871px;
    }
}
@media screen and (min-width: 1680px) {
    .sitemap {
        width: 1171px;
    }
}
@media screen and (min-width: 1920px) {
    .sitemap {
        width: 1234px;
    }
}
.main-slider {
    min-height: 360px;
    position: relative;
}
.main-slider__item {
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 360px;
    padding: 0 250px 0 20px;
    display: flex !important;
}
.main-slider__wrap {
    text-align: center;
    text-shadow: 0 1px #f4901b;
    color: #fcfe7e;
    background-image: url(/joxi/wazamba/desktop/img/logo.svg), url(/joxi/wazamba/baner/lb_front.png);
    background-position:
        50% 20px,
        50% calc(100% - 10px);
    background-repeat: no-repeat;
    background-size: 390px, 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 430px;
    height: 100%;
    padding: 70px 80px 80px;
    font-weight: 800;
    display: flex;
    position: relative;
}
.main-slider__title {
    font-size: 18px;
}
.main-slider__text1 {
    padding: 15px 0;
    font-size: 26px;
}
.main-slider__text2 {
    font-size: 16px;
}
.main-slider__btn {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
}
.main-slider .slick-dots {
    z-index: 80;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    display: flex;
    position: absolute;
    bottom: 20px;
    left: calc(50% - 113px);
}
.main-slider .slick-dots button {
    cursor: pointer;
    background: #fff;
    border: none;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    padding: 0;
    font-size: 0;
}
.main-slider .slick-dots li {
    opacity: 0.5;
    transition: 0.3;
    margin: 0 5px;
}
.main-slider .slick-dots li.slick-active {
    opacity: 1;
}
@media screen and (min-width: 1280px) {
    .main-slider {
        min-height: 480px;
    }
    .main-slider__item {
        height: 480px;
    }
    .main-slider__wrap {
        background-position:
            50% 20px,
            50% calc(100% - 15px);
        background-size: 400px, 100%;
        width: 600px;
        padding: 90px 110px 100px;
    }
    .main-slider__title {
        font-size: 32px;
    }
    .main-slider__text1 {
        font-size: 40px;
    }
    .main-slider__text2 {
        font-size: 24px;
    }
    .main-slider__btn {
        bottom: 45px;
    }
    .main-slider .slick-dots {
        bottom: 30px;
    }
}
.sportpage {
    background-image: linear-gradient(#071f3e33, #071f3e33), linear-gradient(#071f3e66 0%, #071f3ecc 99.94%),
        linear-gradient(#071f3e00 68.75%, #071f3e 100%), url(/joxi/wazamba/sport/bg.png);
    background-repeat: no-repeat;
    background-size: auto, auto, auto, 100%;
    min-height: 892px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.sportpage img {
    max-width: 100%;
}
.sportpage ._asb_bethistory-item-cashout-confirm-popup--popup-panel,
.sportpage ._asb_application--popup-panel._asb_popup-panel._asb_application--popup-panel._asb_popup-panel {
    top: 10%;
    position: absolute !important;
}
.sportpage .container {
    min-height: 892px;
}
.rtl-lang .sportpage {
    direction: rtl;
}
.linda-hide-sidebar .sportpage .container {
    transition: transform 0.2s linear;
    transform: translate(0);
}
.timer {
    letter-spacing: 1.8px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 3px #0003;
    direction: ltr;
    width: 100%;
    height: 100%;
    font-size: 36px;
    font-weight: 800;
    line-height: 63px;
}
.small-tournament {
    border-bottom: 4px solid #0e0a02;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.small-tournament__wrap {
    text-align: center;
    background-position: 50%;
    background-size: auto 100%;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    padding: 60px 8px 15px;
    display: flex;
}
.small-tournament__date {
    color: #fbfc18;
    text-shadow: 0 2px 10px #00000040;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8em;
}
.small-tournament__title {
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 1px;
    margin-top: 5px;
    font-size: 20px;
    font-weight: 800;
}
.small-tournament__prize {
    color: #fff;
    letter-spacing: 1px;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#f4d642, #fcfe7e 93%, #fff), linear-gradient(#fff, #fff);
    background-clip: text;
    margin-top: 5px;
    font-size: 20px;
    font-weight: 900;
}
.small-tournament__label {
    top: -5px;
    position: absolute;
    inset-inline-end: -10px;
    transform: rotate(20deg);
}
.rtl-lang .small-tournament__label {
    transform: rotate(340deg);
}
.small-tournament__btns a {
    font-size: 18px;
}
.small-tournament__btns.small-font a {
    padding-inline: 5px;
    font-size: 14px;
}
@media screen and (min-width: 1440px) {
    .small-tournament__btns.small-font a {
        font-size: 16px;
    }
}
.tournament-page {
    max-width: 1240px;
    margin: 0 auto;
    padding: 10px 0;
}
.tournament-page__how {
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    padding: 20px 0;
    font-size: 24px;
    font-weight: 800;
    line-height: 29px;
}
.tournament-page__info {
    grid-gap: 16px;
    background: #00000040;
    border: 1px solid #fff37880;
    border-radius: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 0 16px;
    display: grid;
    box-shadow: inset 0 0 4px #00000040;
}
.tournament-page__info-item {
    grid-gap: 8px;
    align-items: center;
    padding: 16px 0;
    display: flex;
}
.tournament-page__wrap {
    grid-gap: 26px;
    grid-template-columns: 1fr 1fr;
    padding: 20px;
    display: grid;
}
.tournament-page__back {
    z-index: 60;
    position: absolute;
    top: 44px;
    left: 20px;
}
.tournament-page__baner {
    padding: 0 20px;
}
@media screen and (min-width: 1440px) {
    .tournament-page__baner {
        padding: 0 30px;
    }
}
.tournament-page .tournament-card {
    height: 328px;
}
.tournament-page .tournament-card__hero {
    left: 30px;
}
.tournament-page .tournament-card__content {
    margin-top: auto;
    margin-bottom: auto;
    margin-inline: auto 40px;
}
.tournament-page .tournament-table {
    max-width: 340px;
    margin: 0 auto;
}
.tournament-page .info-wrap {
    max-width: 1000px;
    margin: 0 auto;
}
.rtl-lang .tournament-page .info-wrap {
    direction: rtl;
}
.tournament-page .info-item__img {
    width: 82px;
}
.tournament-page .info-item__text {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
}
.rtl-lang .tournament-page__back {
    top: 22px;
}
.st-ligue {
    width: 100%;
}
.st-ligue__group {
    margin-top: 24px;
}
.st-ligue__group:first-child {
    margin-top: 0;
}
.st-ligue__title {
    justify-content: start;
    align-items: center;
    display: flex;
}
.st-ligue__logo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 34px;
    height: 34px;
    margin-inline-end: 14px;
}
.st-ligue__name {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
}
.st-ligue__list {
    grid-gap: 12px;
    grid-template-columns: 0.5fr 0.5fr;
    margin-top: 10px;
    display: grid;
}
@media screen and (min-width: 1280px) {
    .st-ligue__list {
        grid-template-columns: 0.5fr 0.5fr 0.5fr;
    }
}
.st-ligue__item {
    filter: drop-shadow(0 2px 4px #00000024) drop-shadow(0 3px 4px #0000001f) drop-shadow(0 1px 5px #0003);
    background-color: #ffedd2;
    background-repeat: repeat;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    height: 64px;
    padding: 0 10px;
    display: flex;
    position: relative;
    box-shadow: 0 1px 4px #692b8e47;
}
.st-ligue__img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 36px;
}
.tournament-subtitle {
    color: #fff;
    text-align: center;
    letter-spacing: 0.03em;
    padding-bottom: 16px;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
.tournament-timer {
    background-image: url(/joxi/wazamba/sprite-tournament-page.png);
    background-position: 0 67px;
    width: 364px;
    height: 65px;
    margin: 0 auto;
}
.tournament-table {
    letter-spacing: 0.03em;
    grid-gap: 16px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: grid;
}
.tournament-table__item {
    display: flex;
}
.tournament-table__key {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tournament-table__dots {
    border-bottom: 2px dotted #fff;
    flex-grow: 2;
    align-items: center;
    min-width: 5px;
    height: 14px;
    margin: 0 4px;
}
.tournament-table__val {
    flex-shrink: 0;
    font-weight: 700;
}
.tournaments {
    padding: 0 18px;
}
@media screen and (min-width: 1440px) {
    .tournaments {
        padding: 0 38px;
    }
}
.tournaments-placeholder {
    color: #fff;
    text-align: center;
    background-color: #00000040;
    border: 1px solid #fff37880;
    border-radius: 10px;
    max-width: 800px;
    margin: 60px auto 0;
    padding: 40px;
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    box-shadow: inset 0 0 4px #00000040;
}
.tournaments__tabs {
    margin-block: 33px 10px;
}
.tournament-card {
    background-size: cover;
    border-bottom: 4px solid #05191f;
    min-height: 312px;
    margin: 36px 0;
    display: flex;
    position: relative;
}
.rtl-lang .tournament-card {
    direction: rtl;
    margin: 65px auto 36px;
}
.tournament-card.is-finished .tournament-card__hero,
.tournament-card.is-finished .tournament-card__bg,
.tournament-card.is-finished .tournament-card__prize {
    filter: grayscale();
}
.tournament-card.is-finished .tournament-card__date,
.tournament-card.is-finished .tournament-card__link,
.tournament-card.is-finished .tournament-card__date:hover,
.tournament-card.is-finished .tournament-card__link:hover,
.tournament-card.is-finished .tournament-card__date .timer,
.tournament-card.is-finished .tournament-card__date .date-title,
.tournament-card.is-finished .tournament-card__link .timer,
.tournament-card.is-finished .tournament-card__link .date-title {
    color: #fff;
}
.tournament-card__bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.tournament-card__status {
    z-index: 1;
    top: -10px;
    width: 115px;
    height: 45px;
    position: absolute;
    inset-inline-end: -20px;
    transform: rotate(15deg);
}
.rtl-lang .tournament-card__status {
    transform: rotate(345deg);
}
.tournament-card__hero {
    bottom: 0;
    background-position: 0;
    background-repeat: no-repeat;
    width: 268px;
    height: 324px;
    position: absolute;
    inset-inline-start: -26px;
    background-size: contain !important;
}
.tournament-card__content {
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    flex-direction: column;
    justify-content: space-around;
    width: 485px;
    min-height: 80%;
    margin-inline: auto 10px;
    display: flex;
    position: relative;
}
.tournament-card__date {
    color: #fbfc18;
    justify-content: center;
    align-items: center;
    gap: 4px;
    display: flex;
}
.tournament-card__date .timer,
.tournament-card__date .date-title {
    color: #fbfc18;
    text-shadow: 0 2px 10px #00000040;
    letter-spacing: 0.4px;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
}
.tournament-card__date .date-title span {
    margin: 0 2px;
    display: inline-block;
}
.tournament-card__name {
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 1.8px;
    margin: 12px 0 0;
    font-size: 36px;
    font-weight: 800;
}
.tournament-card__prize {
    letter-spacing: 2.4px;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(#fff 13.03%, #fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    margin: 4px auto 12px;
    font-size: 48px;
    font-weight: 900;
    display: flex;
}
.tournament-card__prize.has-coins:before {
    content: "";
    background-image: url(/joxi/wazamba/sprite-tournament-page.png);
    background-position: 0 -77px;
    background-size: 266px;
    flex-shrink: 0;
    width: 37px;
    height: 37px;
    margin-top: 10px;
    margin-right: 7px;
}
.tournament-card__btn {
    margin-top: 15px;
}
.tournament-card__link {
    letter-spacing: 0.05em;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
.tournament-card__places {
    flex-direction: column;
    justify-content: center;
    width: 250px;
    height: 100%;
    display: none;
    position: absolute;
    right: 0;
}
.tournament-card__place {
    letter-spacing: 0.9px;
    color: #fff;
    align-items: flex-end;
    height: 65px;
    margin: 5px 0;
    font-size: 18px;
    font-weight: 900;
    display: flex;
}
.tournament-card__place-ico {
    text-align: center;
    background-image: url(/joxi/wazamba/sprite-tournament-page.png);
    border-radius: 10px;
    width: 40px;
    height: 53px;
    margin-right: 10px;
    padding-top: 20px;
    font-size: 24px;
}
.tournament-card__place-ico_1 {
    background-position: -4px -46px;
}
.tournament-card__place-ico_2 {
    background-position: -50px -46px;
}
.tournament-card__place-ico_3 {
    background-position: -95px -46px;
}
@media screen and (min-width: 1280px) {
    .tournament-card__places {
        display: flex;
    }
    .tournament-card__content {
        margin-top: 0;
        margin-bottom: 0;
        margin-inline: auto 0;
    }
}
@media screen and (min-width: 1680px) {
    .tournament-card__content {
        margin-top: 0;
        margin-bottom: 0;
        margin-inline: auto 80px;
    }
}
@media screen and (min-width: 1920px) {
    .tournament-card {
        max-width: 1200px;
        margin-inline: auto;
    }
}
.tournament-card__leaderboard {
    align-items: center;
    padding-inline-end: 24px;
    display: none;
    position: relative;
}
@media screen and (min-width: 1280px) {
    .tournament-card__leaderboard {
        display: flex;
    }
}
.tournament-card__leaderboard-wrap {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 10px 0;
    display: flex;
}
.tournament-card__leaderboard-price {
    letter-spacing: 0.05em;
    color: #fff;
    text-shadow: 0 1px #ff7901;
    text-align: end;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    position: relative;
}
.tournament-card__leaderboard-price.has-coins {
    width: fit-content;
    margin-inline-start: auto;
    padding-inline-start: 18px;
}
.tournament-card__leaderboard-price.has-coins:after {
    content: "";
    inset-inline-start: 0;
    background-image: url(/joxi/wazamba/sprite-tournament-page.png);
    background-position: 0 -33px;
    background-size: 115px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.tournament-card__leaderboard-item {
    background: #00000040;
    border-radius: 5px;
    grid-template-columns: 0.2fr 0.3fr 0.5fr 0.5fr;
    justify-content: space-between;
    align-items: center;
    width: 278px;
    padding: 0 10px;
    display: grid;
    box-shadow: inset 0 4px 4px #00000040;
}
.tournament-card__leaderboard-item.is-0 .tournament-card__leaderboard-num:before,
.tournament-card__leaderboard-item.is-1 .tournament-card__leaderboard-num:before,
.tournament-card__leaderboard-item.is-2 .tournament-card__leaderboard-num:before {
    content: "";
    z-index: -1;
    inset-inline-start: -30px;
    background-image: url(/joxi/wazamba/wazamba-v01/tournaments/tournament_label_top3.svg);
    background-size: cover;
    width: 76px;
    height: 40px;
    position: absolute;
    top: -4px;
    transform: rotate(-7deg);
}
.rtl-lang .tournament-card__leaderboard-item.is-0 .tournament-card__leaderboard-num:before,
.rtl-lang .tournament-card__leaderboard-item.is-1 .tournament-card__leaderboard-num:before,
.rtl-lang .tournament-card__leaderboard-item.is-2 .tournament-card__leaderboard-num:before {
    transform: rotate(-7deg) scaleX(-1);
}
.tournament-card__leaderboard-item.is-current-user {
    background: #f4ca33;
    box-shadow: 0 0 6.84883px #dee03d80;
}
.tournament-card__leaderboard-item.is-current-user .tournament-card__leaderboard-info {
    color: #725500;
}
.tournament-card__leaderboard-item.is-last {
    background-color: #f4ca33;
    background-image: url(/joxi/wazamba/wazamba-v01/tournaments/tournaments-zigzag-myplace.svg);
    background-position: top;
    grid-template-columns: 0.3fr 0.4fr 0.5fr 0.5fr;
    margin-top: 12px;
    box-shadow:
        0 -3px #cfac2d,
        0 -6px #bf9e2a,
        0 -9px #a08628,
        0 -12px #8a7422;
}
.tournament-card__leaderboard-item.is-last .tournament-card__leaderboard-num,
.tournament-card__leaderboard-item.is-last .tournament-card__leaderboard-name,
.tournament-card__leaderboard-item.is-last .tournament-card__leaderboard-score,
.tournament-card__leaderboard-item.is-last .tournament-card__leaderboard-price {
    color: #725500;
}
.tournament-card__leaderboard-item.is-last .tournament-card__leaderboard-price {
    text-shadow: none;
}
.tournament-card__leaderboard-item.is-last .tournament-card__leaderboard-img {
    margin-left: 0;
    bottom: 9px;
    transform: scale(1.4);
}
.tournament-card__leaderboard-item.is-flex {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding: 0 10px;
    display: flex;
}
.tournament-card__leaderboard-item.is-flex .tournament-card__leaderboard-img {
    margin-left: 0;
}
.tournament-card__leaderboard-info {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 15px;
}
.tournament-card__leaderboard-num {
    color: #fff;
    z-index: 1;
    font-size: 24px;
    font-weight: 800;
    line-height: 29px;
    position: relative;
}
.tournament-card__leaderboard-img {
    z-index: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
    margin-inline-start: -20px;
    position: relative;
    transform: scale(1.2);
}
.rtl-lang .tournament-card__leaderboard-name {
    text-align: end;
    direction: ltr;
}
.tournaments__item-wrapper.is-active .tournament-card.is-finished,
.tournaments__item-wrapper.is-finished .tournament-card.is-active {
    display: none;
}
.sport-race {
    height: 100vh;
}
.sportpage.horsr-page {
    background-image: none;
}
linda-widget-event-list {
    max-width: 100vw;
    display: block;
    overflow: auto;
}
.events {
    background: url(/joxi/wazamba/event_bg.png) 50% / contain;
    height: 230px;
    position: relative;
    overflow: hidden;
}
.events__scroll {
    max-width: 100%;
    height: 240px;
    padding-right: 200px;
    overflow-x: auto;
}
.events__list {
    height: 190px;
    padding: 63px 30px 35px;
    display: flex;
}
.events__item-wrap {
    align-items: flex-start;
    height: 100%;
    padding-top: 17px;
    display: flex;
}
.events__item {
    cursor: pointer;
    background: linear-gradient(#f5cc8a 0%, #ea8942 100%);
    border: 2px solid #ffffff4d;
    border-radius: 16px;
    flex-shrink: 0;
    width: 294px;
    height: 116px;
    padding-block: 5px;
    padding-inline: 20px 100px;
    position: relative;
    box-shadow: inset 0 0 16.7194px #933704e8;
}
.events__item:not(:last-child) {
    margin-inline-end: 32px;
}
.events__ico {
    z-index: 10;
    inset-inline-end: -71px;
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 220px;
    height: 186px;
    position: absolute;
    bottom: -26px;
}
.events__text {
    color: #6e3923;
    width: 92%;
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
}
.events__empty {
    flex-shrink: 0;
    width: 240px;
}
.events__win {
    letter-spacing: 0.05em;
    color: #fff;
    text-shadow:
        0 2px #69380c,
        0 0 10px #00000040;
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
}
.events__game {
    inset-inline-end: 0;
    width: 88px;
    position: absolute;
    top: -10px;
}
.rtl-lang .events {
    direction: rtl;
}
.rtl-lang .events__login {
    direction: ltr;
    display: inline-block;
}
.events__item.ng-move,
.events__item.ng-enter {
    transition: all 0.8s;
}
.events__item.ng-leave {
    transition: all 1ms !important;
}
.events__item.ng-leave.ng-leave-active,
.events__item.ng-move,
.events__item.ng-enter {
    margin-inline-start: -60px;
}
.events__item.ng-leave,
.events__item.ng-move.ng-move-active,
.events__item.ng-enter.ng-enter-active {
    margin-inline-start: 0;
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default,
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
    vertical-align: middle;
    display: inline-block;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    vertical-align: middle;
    visibility: hidden;
    display: inline-block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    -webkit-backface-visibility: hidden;
    display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -o-transition: -o-transform 2s;
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -o-transition: -o-transform 2s;
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    transition: transform 2s;
    transform: translateY(0);
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
    text-align: center;
}
.not-found {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 420px);
    min-height: 600px;
    display: flex;
}
.not-found__logo {
    background: url(/joxi/wazamba/desktop/img/logo.svg) 50% / contain no-repeat;
    width: 394px;
    height: 61px;
}
.not-found__title {
    letter-spacing: 9px;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#00eded 5%, #a3deff);
    background-clip: text;
    margin-top: 30px;
    font-size: 144px;
    font-weight: 800;
}
.not-found__subtitle {
    margin-top: 30px;
    font-size: 28px;
    font-weight: 800;
}
.not-found__desc {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 700;
}
.not-found__btns {
    padding-top: 25px;
}
.swiper-container {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    list-style: none;
    position: relative;
    overflow: hidden;
}
.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate(0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
    flex-flow: column wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out;
}
.swiper-container-pointer-events {
    touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    position: relative;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-container-3d {
    perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    pointer-events: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, #00000080, #0000);
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000);
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(#0000, #00000080);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(#00000080, #0000);
}
.swiper-container-css-mode > .swiper-wrapper {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
:root {
    --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 50%;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    text-transform: none !important;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    left: auto;
    right: 10px;
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: $white;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: $black;
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    text-align: center;
    z-index: 10;
    transition: opacity 0.3s;
    position: absolute;
    transform: translate(0, 0);
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: 100%;
    bottom: 10px;
    left: 0;
}
.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    opacity: 0.2;
    background: #000;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    display: inline-block;
}
button.swiper-pagination-bullet {
    box-shadow: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    width: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition:
        transform 0.2s,
        top 0.2s;
    display: inline-block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%);
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition:
        transform 0.2s,
        left 0.2s;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition:
        transform 0.2s,
        right 0.2s;
}
.swiper-pagination-progressbar {
    background: #00000040;
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: 100% 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    top: 0;
    left: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    top: 0;
    left: 0;
}
.swiper-pagination-white {
    --swiper-pagination-color: $white;
}
.swiper-pagination-black {
    --swiper-pagination-color: $black;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-scrollbar {
    -ms-touch-action: none;
    background: #0000001a;
    border-radius: 10px;
    position: relative;
}
.swiper-container-horizontal > .swiper-scrollbar {
    z-index: 50;
    width: 98%;
    height: 5px;
    position: absolute;
    bottom: 3px;
    left: 1%;
}
.swiper-container-vertical > .swiper-scrollbar {
    z-index: 50;
    width: 5px;
    height: 98%;
    position: absolute;
    top: 1%;
    right: 3px;
}
.swiper-scrollbar-drag {
    background: #00000080;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}
.swiper-slide-zoomed {
    cursor: move;
}
.swiper-lazy-preloader {
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top-color: #0000;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    animation: 1s linear infinite swiper-preloader-spin;
    position: absolute;
    top: 50%;
    left: 50%;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: $white;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: $black;
}
@keyframes swiper-preloader-spin {
    to {
        transform: rotate(360deg);
    }
}
.swiper-container .swiper-notification {
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
    position: absolute;
    top: 0;
    left: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube {
    overflow: visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    opacity: 0.6;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
    content: "";
    filter: blur(50px);
    background: #000;
    position: absolute;
    inset: 0;
}
.swiper-container-flip {
    overflow: visible;
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}
.page-verification-alert {
    color: #fff;
    z-index: 100;
    background-color: #c23838;
    align-items: center;
    width: 100%;
    padding: 12px 10px 12px 18px;
    display: none;
    position: sticky;
    top: 0;
}
.page-verification-alert.is-verified {
    background-color: #3e992f;
}
.page-verification-alert.is-verification-changed {
    display: flex;
}
.page-verification-alert__text {
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    display: flex;
    position: relative;
    left: calc(50% - 120px);
    transform: translate(-50%);
}
.page-verification-alert__text:before {
    content: "";
    background: url(/joxi/wazamba/verification/Component_need_ver.svg) 50% / contain no-repeat;
    width: 20px;
    height: 20px;
    margin-inline-end: 8px;
    display: block;
}
.is-verified .page-verification-alert__text:before {
    background: url(/joxi/wazamba/verification/Component_done.svg) no-repeat;
}
.page-verification-alert__link {
    margin: 0 4px;
    font-weight: 600;
}
.page-verification-alert__icon {
    cursor: pointer;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-inline-start: 8px;
    transition: all 0.3s;
}
.page-verification-alert__icon.is-arrow {
    background-image: url(/joxi/wazamba/verification/Vector.svg);
    background-size: 10px 14px;
}
.page-verification-alert__icon.is-arrow:hover {
    background-color: #ffffff42;
}
.page-verification-alert__icon.is-close {
    background-image: url(/joxi/wazamba/verification/close.svg);
    background-size: 24px;
}
.page-verification-alert__icon.is-close:hover {
    background-color: #ffffff42;
}
.rtl-lang .page-verification-alert__text {
    direction: rtl;
}
.rtl-lang .page-verification-alert__icon {
    transform: scaleX(-1);
}
.activation-rules__content {
    width: auto;
    padding-left: 44px;
    padding-right: 44px;
}
.activation-rules__list {
    counter-reset: list;
    color: #6e3923;
    letter-spacing: 0.05em;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}
.activation-rules__list-item {
    margin-bottom: 12px;
    display: flex;
}
.activation-rules__list-item:last-child {
    margin-bottom: 0;
}
.activation-rules__list-item:before {
    counter-increment: list;
    content: counter(list) ".";
    flex-shrink: 0;
    width: 19px;
    font-weight: 800;
}
.activation-rules__btns {
    flex-direction: column;
    align-items: center;
    display: flex;
}
.page-article {
    z-index: 10;
    background-image: url(/joxi/wazamba/page-bg-1.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 20px 250px 0 20px;
    transition: padding 0.2s;
    position: relative;
    overflow: hidden;
}
body.linda-hide-sidebar .page-article {
    padding: 20px 125px 0;
}
.page-article:before {
    content: "";
    z-index: -1;
    background: linear-gradient(#071f3e 0%, #071f3e00 89.66%);
    height: 97px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.page-article.is-promos {
    margin-top: 32px;
}
@media screen and (min-width: 1680px) {
    .page-article.is-promos {
        margin-top: 48px;
    }
}
.page-article.is-achievements {
    margin-top: 60px;
}
.page-article__container {
    z-index: 1;
    width: 100%;
    margin: 0 auto 20px;
    padding-bottom: 20px;
    position: relative;
}
.page-article__accordion {
    align-items: center;
    margin: 20px 0;
    display: flex;
}
.page-article__title {
    color: #fcfe7e;
    text-align: center;
    flex-grow: 1;
    margin: 0;
    padding: 0 10px;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
}
.page-article__title:hover {
    cursor: pointer;
}
.page-article__icon {
    filter: grayscale(0);
    flex-shrink: 0;
    transition: filter 0.3s ease-in-out;
}
.page-article__icon svg {
    transition: transform 0.3s ease-in-out;
    transform: rotate(270deg);
}
.page-article img {
    float: inline-start;
    margin-inline-end: 57px;
    margin-bottom: 29px;
}
.rtl-lang .page-article img {
    transform: scaleX(-1);
}
.page-article p {
    color: #fff;
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.page-article a {
    color: #f9d600;
    font-weight: 600;
}
.page-article main {
    padding: 24px 0;
    position: relative;
}
.page-article__content {
    max-height: 0;
    transition: max-height 0.3s;
    overflow: hidden;
}
.page-article__content.is-category {
    max-height: fit-content;
}
.page-article__text {
    display: none;
}
.page-article section:not(:last-child) {
    border-bottom: 1px solid #21728a;
}
.page-article ul {
    margin-bottom: 10px;
    padding-inline-start: 5px;
    font-size: 14px;
    line-height: 24px;
    list-style: "-";
}
.page-article ul li {
    margin-bottom: 10px;
    padding-inline-start: 7px;
}
@media screen and (min-width: 1280px) {
    .page-article__container {
        max-width: 1020px;
    }
}
.page-article__btn {
    position: relative;
}
.page-article__btn:after {
    content: "";
    z-index: 200;
    top: 50%;
    background-image: url(/joxi/wazamba/desktop/img/icon-arrow_bottom.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 22px;
    margin-top: -11px;
    transition: transform 0.3s ease-in-out;
    display: block;
    position: absolute;
    inset-inline-start: 0;
    transform: rotate(0);
}
.page-article__providers {
    background-image: url(/joxi/wazamba/wazamba_seo_providers.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 174px 160px;
    min-height: 160px;
    padding-inline-start: 195px;
}
@media screen and (min-width: 1280px) {
    .page-article__providers {
        background-position: 33px 0;
        margin-bottom: 10px;
        padding-inline-start: 260px;
    }
}
.page-article__games {
    background-image: url(/joxi/wazamba/wazamba_seo_gamehall.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 174px 147px;
    min-height: 147px;
    margin-bottom: 10px;
    padding-inline-start: 195px;
}
@media screen and (min-width: 1280px) {
    .page-article__games {
        background-position: 33px 0;
        padding-inline-start: 260px;
    }
}
.rtl-lang .page-article {
    direction: rtl;
}
.rtl-lang .page-article__providers {
    background-position: 100% 0;
}
.rtl-lang .page-article .seo__tournaments {
    background-position: calc(100% - 21px) 0;
}
@media screen and (min-width: 1280px) {
    .rtl-lang .page-article .seo__tournaments {
        background-position: calc(100% - 64px) 0;
    }
}
.rtl-lang .page-article.is-promos {
    direction: rtl;
}
.rtl-lang .page-article__games {
    background-position: 100% 0;
}
@media screen and (min-width: 1280px) {
    .rtl-lang .page-article__games {
        background-position: right 33px top;
    }
}
.page-article__accordion.open .page-article__icon {
    filter: grayscale();
}
.page-article__accordion.open .page-article__icon svg {
    transform: rotate(90deg);
}
.page-article__accordion.open + .page-article__content {
    max-height: 10000px;
}
.page-article__top-wrap.is-open .page-article__icon {
    filter: grayscale();
}
.page-article__top-wrap.is-open .page-article__btn:after {
    transform: rotate(-180deg);
}
.page-article__top-wrap.is-open ~ .page-article__text {
    display: block;
}
.bankid-modal {
    position: relative;
}
.bankid-modal__formbox {
    background: #6e3923b3;
    border-radius: 10px;
    flex-wrap: wrap;
    margin: 20px -15px;
    padding: 16px;
    display: flex;
}
.bankid-modal__item {
    width: calc(100% - 8px);
    margin: 0 4px;
}
.bankid-modal__item_50 {
    width: calc(50% - 8px);
}
.bankid-modal__gender {
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
}
.bankid-modal__gender .gender-item {
    margin: 5px 10px;
}
.bankid-modal__steps {
    justify-content: space-between;
    width: 32px;
    height: 12px;
    display: flex;
    position: relative;
    bottom: -84px;
    left: 50%;
    transform: translate(-50%);
}
.bankid-modal__steps:before,
.bankid-modal__steps:after {
    content: "";
    background-color: #fff;
    border-radius: 100%;
    width: 12px;
    height: 100%;
}
.bankid-modal__steps:after,
.bankid-modal__steps.is-step-2:before {
    opacity: 0.5;
}
.bankid-modal__steps.is-step-2:after {
    opacity: 1;
}
.bankid-page {
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    padding-top: 50px;
    display: flex;
    position: relative;
}
.bankid-page__hero {
    z-index: 30;
    background-image: url(/joxi/wazamba/hero/1_0.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 400px;
    height: 400px;
    position: absolute;
    top: calc(50% - 110px);
    left: calc(50% + 30px);
}
.bankid-page__content {
    z-index: 40;
    width: 590px;
    margin: auto 0;
    position: relative;
}
.bankid-page__footer {
    padding-top: 20px;
}
.bankid-page__promo {
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
.bankid-page__header {
    position: relative;
}
.bankid-page__title {
    color: #f6e94f;
    text-align: center;
    text-shadow: 0 3px #ff7901;
    letter-spacing: 0.05em;
    max-width: 370px;
    margin: 0 auto;
    font-size: 28px;
    font-weight: 800;
    line-height: 39px;
}
.bankid-page__back {
    position: absolute;
    top: -2px;
    left: 0;
}
.bankid-page__select-amount {
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    white-space: nowrap;
    max-width: 100px;
    padding: 5px 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
}
.bankid-page__page2 {
    z-index: 2;
    background-color: #fff;
    border-radius: 10px;
    min-height: 370px;
    margin-top: 20px;
    line-height: 0;
    position: relative;
    overflow: hidden;
}
.bankid-page__page2 iframe {
    width: 100%;
    min-height: 374px;
}
.bankid-page__icon {
    width: 142px;
    height: 40px;
    margin: 5px auto 0;
}
.bankid-page__amounts {
    justify-content: center;
    margin-top: 15px;
    display: flex;
}
.bankid-page__amount {
    margin: 0 10px;
}
.bankid-page__form {
    width: 340px;
    margin: 20px auto;
}
.bankid-page__input {
    color: #29292966;
    text-align: center;
    -moz-appearance: textfield;
    padding: 0 60px;
    font-size: 18px;
    font-weight: 800;
    line-height: 60px;
}
.bankid-page__rules {
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    text-shadow: 0 0 10px #00000040;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
}
.bankid-page__rules a {
    margin: 0 5px;
    font-weight: 700;
}
.bankid-page__steps {
    justify-content: center;
    margin: 24px 0;
    display: flex;
}
.bankid-page__step {
    color: #fff;
    text-align: center;
    width: 140px;
    margin: 0 5px;
    overflow: hidden;
}
.bankid-page__step-title {
    opacity: 0.6;
    padding-top: 5px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
.bankid-page__step.active .bankid-page__step-title {
    opacity: 1;
}
.bankid-page__step-text {
    opacity: 0.6;
    padding-top: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
}
.bankid-page__step.active .bankid-page__step-text {
    opacity: 1;
}
.bankid-page__step-icon {
    opacity: 0;
    width: 28px;
    height: 28px;
    margin: 4px auto;
}
.bankid-page__step.active .bankid-page__step-icon {
    opacity: 1;
}
.bankid-page__icons {
    padding-bottom: 20px;
    display: block;
}
@media screen and (min-width: 1280px) {
    .bankid-page__hero {
        left: calc(50% + 140px);
    }
}
.main-banner {
    background-image: linear-gradient(#f2b600 -5.33%, #ff7800 93.92%);
    border-radius: 15px;
    width: 100%;
    height: 256px;
    margin-bottom: 40px;
    padding: 6px;
    box-shadow: inset 0 0 9px #0006;
}
.main-banner__wrap {
    z-index: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    position: relative;
}
.main-banner__logo {
    max-height: 100%;
}
.main-banner__text-wrap {
    text-align: center;
    width: 100%;
    position: relative;
}
.main-banner__title {
    text-shadow: 0 2px 5px #000000b3;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
}
.main-banner__text {
    color: #f6e94f;
    text-shadow: 0 3px #ff7901;
    font-size: 48px;
    font-weight: 800;
    line-height: 59px;
}
.main-banner__btn {
    min-width: 170px;
    margin-top: 16px;
}
@media screen and (min-width: 1280px) {
    .main-banner {
        height: 290px;
    }
    .main-banner__title {
        font-size: 24px;
        line-height: 29px;
    }
    .main-banner__text {
        font-size: 58px;
        line-height: 1.2;
    }
}
@media screen and (min-width: 1440px) {
    .main-banner {
        height: 340px;
    }
    .main-banner__title {
        font-size: 28px;
        line-height: 34px;
    }
    .main-banner__text {
        font-size: 64px;
        line-height: 1.2;
    }
}
.main-banner.is-season-promo {
    display: grid;
}
.rtl-lang .main-banner.is-season-promo .main-banner__background {
    scale: -1 1;
}
.main-banner.is-season-promo .main-banner__background,
.main-banner.is-season-promo .main-banner__content {
    border-radius: inherit;
    grid-area: 1/1/-1/-1;
    height: 100%;
    display: flex;
    position: relative;
}
.main-banner.is-season-promo .main-banner__background {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: right;
    overflow: hidden;
}
.main-banner.is-season-promo .main-banner__background:after {
    content: "";
    border-radius: inherit;
    background: linear-gradient(#0000 50%, #010e36);
    position: absolute;
    inset: 0;
}
.main-banner.is-season-promo .main-banner__logo {
    height: 100%;
    padding-left: 35px;
    scale: -1 1;
}
@media screen and (min-width: 1280px) {
    .main-banner.is-season-promo .main-banner__logo {
        padding-left: 45px;
    }
}
@media screen and (min-width: 1440px) {
    .main-banner.is-season-promo .main-banner__logo {
        padding-left: 70px;
    }
}
@media screen and (min-width: 1920px) {
    .main-banner.is-season-promo .main-banner__logo {
        padding-left: 70px;
    }
}
.main-banner.is-season-promo .main-banner__content {
    flex-direction: column;
    justify-content: center;
    align-items: start;
    max-width: 440px;
    padding-inline-start: 16px;
}
@media screen and (min-width: 1280px) {
    .main-banner.is-season-promo .main-banner__content {
        max-width: 680px;
        padding-inline-start: 32px;
    }
}
@media screen and (min-width: 1680px) {
    .main-banner.is-season-promo .main-banner__content {
        max-width: 760px;
        padding-inline-start: 48px;
    }
}
@media screen and (min-width: 1280px) {
    .main-banner.is-season-promo .main-banner__title {
        font-size: 28px;
        line-height: 34px;
    }
}
@media screen and (min-width: 1440px) {
    .main-banner.is-season-promo .main-banner__title {
        font-size: 36px;
        line-height: 44px;
    }
}
.main-banner.is-season-promo .main-banner__text {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.2;
}
@media screen and (min-width: 1280px) {
    .main-banner.is-season-promo .main-banner__text {
        font-size: 32px;
    }
}
@media screen and (min-width: 1680px) {
    .main-banner.is-season-promo .main-banner__text {
        font-size: 42px;
    }
}
.main-banner.is-season-promo .main-banner__btn {
    margin-top: 32px;
}
.main-banner.is-euro .main-banner__logo {
    height: 230px;
    max-height: unset;
    z-index: 1;
    margin-bottom: -15px;
}
.main-banner.is-euro .main-banner__bg {
    filter: blur(1px);
    z-index: 0;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
}
.main-banner.is-euro .main-banner__text-wrap {
    z-index: 1;
}
.main-banner.is-euro .main-banner__wrap:after {
    content: "";
    z-index: 0;
    pointer-events: none;
    filter: blur(1px);
    background: linear-gradient(#170e0540 0% 100%);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
}
@media screen and (min-width: 1280px) {
    .main-banner.is-euro .main-banner__logo {
        height: 280px;
        margin-bottom: 2px;
    }
    .main-banner.is-euro .main-banner__title {
        font-size: 28px;
    }
    .main-banner.is-euro .main-banner__text {
        font-size: 64px;
        line-height: 64px;
    }
}
@media screen and (min-width: 1440px) {
    .main-banner.is-euro .main-banner__logo {
        height: 310px;
        margin-bottom: -18px;
    }
    .main-banner.is-euro .main-banner__title {
        font-size: 36px;
    }
    .main-banner.is-euro .main-banner__text {
        font-size: 72px;
    }
}
@media screen and (min-width: 1680px) {
    .main-banner.is-euro .main-banner__logo {
        height: 340px;
        margin-bottom: 12px;
    }
    .main-banner.is-euro .main-banner__wrap {
        padding-right: 60px;
    }
    .main-banner.is-euro .main-banner__text-wrap {
        width: 55%;
    }
}
.main-banner.is-mask .main-banner__title {
    width: 265px;
    margin: 0 auto;
}
@media screen and (min-width: 1280px) {
    .main-banner.is-mask .main-banner__logo {
        height: 315px;
        max-height: inherit;
        margin-top: -50px;
    }
    .main-banner.is-mask .main-banner__title {
        width: 340px;
        font-size: 32px;
        line-height: 39px;
    }
    .main-banner.is-mask .main-banner__text-wrap {
        padding-right: 40px;
    }
}
@media screen and (min-width: 1440px) {
    .main-banner.is-mask .main-banner__logo {
        height: 364px;
    }
    .main-banner.is-mask .main-banner__title {
        font-size: 36px;
        line-height: 44px;
    }
}
@media screen and (min-width: 1680px) {
    .main-banner.is-mask .main-banner__wrap {
        padding-inline: 60px;
    }
}
.main-banner.is-shop .main-banner__wrap {
    justify-content: flex-end;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}
.main-banner.is-shop .main-banner__text-wrap {
    width: inherit;
    box-sizing: content-box;
    padding-inline-start: 18px;
    min-width: 263px;
    padding-right: 18px;
}
.main-banner.is-shop .main-banner__text {
    margin-top: 8px;
    font-size: 24px;
    line-height: 29px;
}
.main-banner.is-shop .main-banner__text span {
    display: block;
    position: relative;
}
.main-banner.is-shop .main-banner__logo {
    width: 100%;
    height: calc(100% + 30px);
    max-height: inherit;
    bottom: 0;
    border-radius: 15px;
    position: absolute;
    inset-inline-start: 0;
    overflow: hidden;
}
.main-banner.is-shop .main-banner__logo__layer {
    position: absolute;
}
.main-banner.is-shop .main-banner__logo__layer.layer1 {
    inset-inline-start: 218px;
    width: 247px;
    top: 0;
}
.main-banner.is-shop .main-banner__logo__layer.layer2 {
    top: 70px;
    width: 140px;
    inset-inline-start: 70px;
}
.main-banner.is-shop .main-banner__logo__layer.layer3 {
    top: 140px;
    width: 178px;
    inset-inline-start: 205px;
}
.main-banner.is-shop .main-banner__logo__layer.layer4 {
    top: 45px;
    width: 420px;
    inset-inline-start: -55px;
}
.main-banner.is-shop .main-banner__logo__layer.layer5 {
    inset-inline-start: 295px;
    width: 230px;
    top: 210px;
}
.main-banner.is-shop .main-banner__logo__layer.layer6 {
    inset-inline-end: -100px;
    width: 120px;
    top: 110px;
}
@media screen and (min-width: 1280px) {
    .main-banner.is-shop .main-banner__text {
        font-size: 24px;
        line-height: 29px;
    }
    .main-banner.is-shop .main-banner__title {
        font-size: 28px;
        line-height: 34px;
    }
    .main-banner.is-shop .main-banner__text-wrap {
        min-width: 360px;
        padding-inline: 28px;
    }
    .main-banner.is-shop .main-banner__logo {
        height: calc(100% + 38px);
    }
    .main-banner.is-shop .main-banner__logo__layer.layer1 {
        inset-inline-start: 343px;
        width: 302px;
        top: 0;
    }
    .main-banner.is-shop .main-banner__logo__layer.layer2 {
        top: 70px;
        width: 140px;
        inset-inline-start: 170px;
    }
    .main-banner.is-shop .main-banner__logo__layer.layer3 {
        top: 170px;
        width: 217px;
        inset-inline-start: 324px;
    }
    .main-banner.is-shop .main-banner__logo__layer.layer4 {
        top: 71px;
        width: 460px;
        inset-inline-start: 0;
    }
    .main-banner.is-shop .main-banner__logo__layer.layer5 {
        inset-inline-start: 508px;
        width: 230px;
        top: 243px;
    }
    .main-banner.is-shop .main-banner__logo__layer.layer6 {
        inset-inline-end: -100px;
        width: 120px;
        top: 130px;
    }
}
@media screen and (min-width: 1440px) {
    .main-banner.is-shop .main-banner__logo__layer.layer6 {
        width: 120px;
        top: 190px;
        right: -95px;
    }
    .main-banner.is-shop .main-banner__text-wrap {
        min-width: 504px;
        padding-inline: 18px;
    }
    .main-banner.is-shop .main-banner__text {
        font-size: 28px;
        line-height: 34px;
    }
    .main-banner.is-shop .main-banner__title {
        font-size: 36px;
        line-height: 44px;
    }
}
@media screen and (min-width: 1680px) {
    .main-banner.is-shop .main-banner__text-wrap {
        margin-inline-end: 120px;
    }
    .main-banner.is-shop .main-banner__logo__layer.layer1 {
        inset-inline-start: 409px;
        width: 302px;
        top: 0;
    }
    .main-banner.is-shop .main-banner__logo__layer.layer2 {
        top: 70px;
        width: 245px;
        inset-inline-start: 250px;
    }
    .main-banner.is-shop .main-banner__logo__layer.layer3 {
        top: 170px;
        width: 217px;
        inset-inline-start: 458px;
    }
    .main-banner.is-shop .main-banner__logo__layer.layer4 {
        top: 40px;
        width: 550px;
        inset-inline-start: -48px;
    }
    .main-banner.is-shop .main-banner__logo__layer.layer5 {
        inset-inline-start: 640px;
        width: 230px;
        top: 243px;
    }
    .main-banner.is-shop .main-banner__logo__layer.layer6 {
        inset-inline-end: -123px;
        width: 196px;
        top: 90px;
    }
}
@media screen and (min-width: 1920px) {
    .main-banner.is-shop .main-banner__text-wrap {
        margin-inline-end: 240px;
    }
}
.main-banner.is-achievements .main-banner__title {
    width: 290px;
    margin: 0 auto;
    font-size: 30px;
    line-height: 37px;
}
.main-banner.is-achievements .main-banner__wrap {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.main-banner.is-achievements .main-banner__logo {
    width: calc(100% + 6px);
    height: calc(100% + 24px);
    max-height: inherit;
    bottom: 0;
    border-radius: 15px;
    position: absolute;
    inset-inline-start: -6px;
    overflow: hidden;
}
.main-banner.is-achievements .main-banner__logo__layer {
    position: absolute;
}
.main-banner.is-achievements .main-banner__logo__layer.layer1 {
    width: 211px;
    top: 127px;
    right: 93px;
}
.main-banner.is-achievements .main-banner__logo__layer.layer2 {
    width: 203px;
    top: 37px;
    right: 47px;
}
.main-banner.is-achievements .main-banner__logo__layer.layer3 {
    width: 495px;
    top: 152px;
    right: -90px;
}
.main-banner.is-achievements .main-banner__logo__layer.layer4 {
    width: 193px;
    top: 70px;
    right: -50px;
}
.main-banner.is-achievements .main-banner__logo__layer.layer5 {
    width: 365px;
    top: 2px;
    left: -60px;
}
.main-banner.is-achievements .main-banner__logo__layer.layer6 {
    width: 120px;
    top: 10px;
    left: 130px;
}
.main-banner.is-achievements .main-banner__logo__layer.layer7 {
    width: 136px;
    top: 110px;
    left: 175px;
}
.main-banner.is-achievements .main-banner__logo__layer.layer8 {
    width: 110px;
    top: 54px;
    left: 152px;
}
.main-banner.is-achievements .main-banner__logo__layer.layer9 {
    width: 122px;
    top: 122px;
    left: 94px;
}
.main-banner.is-achievements .main-banner__logo__layer.layer10 {
    width: 154px;
    top: 65px;
    left: -3px;
}
@media screen and (min-width: 1280px) {
    .main-banner.is-achievements .main-banner__title {
        font-size: 32px;
        line-height: 39px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer1 {
        width: 211px;
        top: 127px;
        right: 142px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer2 {
        width: 203px;
        top: 28px;
        right: -10px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer3 {
        width: 495px;
        top: 152px;
        right: -90px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer4 {
        width: 297px;
        top: -12px;
        right: -222px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer5 {
        width: 365px;
        top: -14px;
        left: -43px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer6 {
        width: 120px;
        top: 8px;
        left: 223px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer7 {
        width: 136px;
        top: 127px;
        left: 275px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer8 {
        width: 145px;
        top: 40px;
        left: 251px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer9 {
        width: 161px;
        top: 122px;
        left: 152px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer10 {
        width: 204px;
        top: 52px;
        left: 14px;
    }
}
@media screen and (min-width: 1440px) {
    .main-banner.is-achievements .main-banner__title {
        font-size: 36px;
        line-height: 44px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer1 {
        width: 211px;
        top: 127px;
        right: 192px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer2 {
        width: 203px;
        top: 28px;
        right: 40px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer3 {
        width: 495px;
        top: 152px;
        right: -40px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer4 {
        width: 297px;
        top: 0;
        right: -172px;
    }
}
@media screen and (min-width: 1680px) {
    .main-banner.is-achievements .main-banner__logo__layer.layer1 {
        width: 211px;
        top: 127px;
        right: 282px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer2 {
        width: 203px;
        top: 28px;
        right: 130px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer3 {
        width: 495px;
        top: 152px;
        right: 50px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer4 {
        width: 297px;
        top: 0;
        right: -82px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer5 {
        width: 365px;
        top: -14px;
        left: -43px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer6 {
        width: 136px;
        top: 8px;
        left: 324px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer7 {
        width: 162px;
        top: 160px;
        left: 425px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer8 {
        width: 202px;
        top: 20px;
        left: 408px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer9 {
        width: 225px;
        top: 105px;
        left: 256px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer10 {
        width: 284px;
        top: 0;
        left: 66px;
    }
}
@media screen and (min-width: 1920px) {
    .main-banner.is-achievements .main-banner__logo__layer.layer1 {
        width: 211px;
        top: 127px;
        right: 432px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer2 {
        width: 203px;
        top: 28px;
        right: 200px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer3 {
        width: 495px;
        top: 152px;
        right: 200px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer4 {
        width: 297px;
        top: 0;
        right: -12px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer5 {
        width: 365px;
        top: -14px;
        left: -43px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer6 {
        width: 136px;
        top: 8px;
        left: 324px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer7 {
        width: 162px;
        top: 160px;
        left: 425px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer8 {
        width: 202px;
        top: 20px;
        left: 408px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer9 {
        width: 225px;
        top: 105px;
        left: 256px;
    }
    .main-banner.is-achievements .main-banner__logo__layer.layer10 {
        width: 284px;
        top: 0;
        left: 66px;
    }
}
.main-banner.is-crypto {
    height: auto;
}
.main-banner.is-crypto .main-banner__wrap {
    background-image: url(/joxi/wazamba/cta/crypto/main-cta-crypto-1024.jpg);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-inline: 30px 18px;
    position: relative;
    overflow: hidden;
}
@media screen and (min-width: 1280px) {
    .main-banner.is-crypto .main-banner__wrap {
        background-image: url(/joxi/wazamba/cta/crypto/main-cta-crypto.jpg);
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
    }
}
@media screen and (min-width: 1440px) {
    .main-banner.is-crypto .main-banner__wrap {
        padding-inline-start: 105px;
    }
}
@media screen and (min-width: 1680px) {
    .main-banner.is-crypto .main-banner__wrap {
        padding-inline-start: 183px;
    }
}
.main-banner.is-crypto .main-banner__wrap .main-banner__text {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 32px;
    line-height: 24px;
}
@media screen and (min-width: 1280px) {
    .main-banner.is-crypto .main-banner__wrap .main-banner__text {
        margin: 0;
    }
}
.main-banner.is-crypto .main-banner__wrap .main-banner__action {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}
@media screen and (min-width: 1280px) {
    .main-banner.is-crypto .main-banner__wrap .main-banner__action {
        flex-flow: row;
        justify-content: flex-end;
        align-items: center;
    }
}
.main-banner.is-crypto .main-banner__wrap .main-banner__action .payments-system {
    margin-inline-end: 32px;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    display: flex;
}
@media screen and (min-width: 1280px) {
    .main-banner.is-crypto .main-banner__wrap .main-banner__action .payments-system {
        margin-bottom: 0;
    }
}
.main-banner.is-crypto .main-banner__wrap .main-banner__action .payments-system .payment-item {
    background-position: 50%;
    background-repeat: no-repeat;
    width: 59px;
    height: 44px;
    display: block;
}
.main-banner.is-crypto .main-banner__wrap .main-banner__action .payments-system .payment-item.is-apple-pay {
    background-image: url(/joxi/wazamba/cta/crypto/apple_pay.svg);
}
.main-banner.is-crypto .main-banner__wrap .main-banner__action .payments-system .payment-item.is-google-pay {
    background-image: url(/joxi/wazamba/cta/crypto/gpay.svg);
}
.main-banner.is-crypto .main-banner__wrap .main-banner__action .payments-system .payment-item.is-mastercard {
    background-image: url(/joxi/wazamba/cta/crypto/mastercard.svg);
}
.main-banner.is-crypto .main-banner__wrap .main-banner__action .payments-system .payment-item.is-visa {
    background-image: url(/joxi/wazamba/cta/crypto/visa.svg);
}
.main-banner.is-crypto .main-banner__wrap .main-banner__action button {
    margin: 0;
}
.main-banner.is-crypto .main-banner__wrap:after {
    content: "";
    z-index: -1;
    inset-inline-end: 33px;
    background-image: url(/joxi/wazamba/cta/crypto/main-cta-crypto-coins-1024.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 144px;
    display: block;
    position: absolute;
    bottom: 0;
}
@media screen and (min-width: 1280px) {
    .main-banner.is-crypto .main-banner__wrap:after {
        content: none;
    }
}
.main-banner.is-crypto .main-banner__wrap:before {
    content: none;
    z-index: -1;
    inset-inline-start: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 92px;
    display: block;
    position: absolute;
    top: -4px;
}
@media screen and (min-width: 1440px) {
    .main-banner.is-crypto .main-banner__wrap:before {
        content: "";
        background-image: url(/joxi/wazamba/cta/crypto/main-cta-crypto-coins.png);
        inset-inline-start: -60px;
    }
}
@media screen and (min-width: 1680px) {
    .main-banner.is-crypto .main-banner__wrap:before {
        inset-inline-start: 0;
    }
}
.main-banner--summer {
    position: relative;
}
.main-banner--summer .main-banner__bg-wrapper {
    pointer-events: none;
    z-index: 1;
    border-radius: 15px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
}
.main-banner--summer .main-banner__bg-wrapper:after {
    content: "";
    background: linear-gradient(90deg, #064459 0% 59.76%, #06445900 100%);
    width: 70%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.main-banner--summer .main-banner__bg-right {
    background-repeat: no-repeat;
    background-size: cover;
    width: 57%;
    height: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.main-banner--summer .main-banner__bg-left {
    z-index: 2;
    background-repeat: no-repeat;
    background-size: cover;
    width: 524px;
    height: 346px;
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.main-banner--summer .main-banner__logo {
    width: 248px;
    height: 286px;
    max-height: unset;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(50%, -56%);
}
.main-banner--summer .main-banner__inner {
    width: 100%;
    max-width: 786px;
    height: 100%;
    margin: 0 auto;
    padding: 0 50px;
}
.main-banner--summer .main-banner__text-wrap {
    text-align: start;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 400px;
    height: 100%;
    display: flex;
}
.main-banner--summer .main-banner__title {
    color: #fff;
    max-width: fit-content;
    text-shadow: none;
    margin-bottom: 14px;
    font-family: Jost, sans-serif;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.1;
    position: relative;
}
.main-banner--summer .main-banner__title:after {
    content: "";
    opacity: 0.4;
    filter: blur(2px);
    background: #0009;
    border-radius: 27px;
    width: 100%;
    height: 8px;
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translate(-50%);
}
.main-banner--summer .main-banner__text {
    color: #fff;
    text-shadow: none;
    margin-bottom: 12px;
    font-family: Jost, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}
.main-banner--summer .main-banner__label {
    color: #fff;
    text-transform: uppercase;
    z-index: 1;
    top: -38px;
    background: #d12924;
    border-radius: 22px;
    padding: 8px 12px;
    font-family: Jost, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    inset-inline-start: 0;
}
.main-banner--summer .main-banner__btn {
    min-width: unset;
    margin: 0;
    display: inline-flex;
}
@media screen and (min-width: 1280px) {
    .main-banner--summer .main-banner__title {
        margin-bottom: 8px;
        font-size: 44px;
    }
    .main-banner--summer .main-banner__text {
        margin-bottom: 23px;
    }
}
@media screen and (min-width: 1440px) {
    .main-banner--summer .main-banner__bg-left {
        display: block;
        inset-inline-start: -208px;
    }
    .main-banner--summer .main-banner__logo {
        width: 318px;
        height: 367px;
    }
}
@media screen and (min-width: 1680px) {
    .main-banner--summer .main-banner__bg-left {
        inset-inline-start: 0;
    }
    .main-banner--summer .main-banner__logo {
        transform: translate(83%, -56%);
    }
    .main-banner--summer .main-banner__title {
        margin-bottom: 16px;
    }
    .main-banner--summer .main-banner__text {
        margin-bottom: 36px;
    }
}
.rtl-lang .main-banner {
    direction: rtl;
}
.rtl-lang .main-banner.is-crypto .main-banner__wrap:after {
    background-position: 0%;
}
.rtl-lang .main-banner.is-crypto .main-banner__wrap:before {
    transform: scaleX(-1);
}
.bonus-funid {
    color: #6e3923;
    text-align: center;
    margin: 18px 0 14px;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
.bonus-funid_login {
    margin: 13px 0 0;
    font-size: 16px;
}
.card {
    text-align: center;
    border-radius: 20px;
    width: 100%;
    padding: 100px 32px 20px;
    position: relative;
}
.card_violet {
    background-image: radial-gradient(circle at 0 0, #9547e9, #721dac);
    box-shadow: inset 0 4px 4px #00000040;
}
.card_red {
    background-image: radial-gradient(circle at 0 0, #e94751, #ac1d1d);
    box-shadow: inset 0 4px 4px #00000040;
}
.card__img {
    background-image: radial-gradient(circle at 0 0, #e94747, #ac1d1d);
    border-radius: 50%;
    width: 180px;
    height: 180px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow:
        inset 0 0 0 15px #fff,
        inset 0 0 0 20px #fd9a9a,
        0 1px 4px #c24d4d80;
}
.card__img:before {
    content: "";
    background-image: url(/joxi/wazamba/sprite-icons-3.png);
    background-size: 1100px;
    width: calc(100% - 10px);
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
}
.card__img_dep:before {
    background-position: -550px;
    width: calc(100% - 20px);
    left: 10px;
}
.card__img_bet:before {
    background-position: -393px;
    width: calc(100% - 20px);
    left: 10px;
}
.card__img_tourn:before {
    background-position: -713px;
}
.card__img_ach:before {
    background-position: -893px;
}
.card__text {
    font-size: 24px;
    font-weight: 700;
}
.card__btns {
    margin-top: 18px;
}
.change-mask {
    text-align: center;
    width: 750px;
    position: relative;
}
.change-mask__close {
    top: 0;
    position: absolute;
    inset-inline-end: -35px;
}
.change-mask__title {
    font-size: 36px;
    font-weight: 800;
}
.change-mask__desc {
    letter-spacing: 0.7px;
    padding-top: 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.52;
}
.change-mask__list {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}
.change-mask__item {
    cursor: pointer;
    background: #ffedd2 50%/100% padding-box content-box;
    border: 10px solid #0000;
    border-radius: 52%;
    flex-shrink: 0;
    width: 170px;
    height: 170px;
    margin: 85px 7px 0;
    transition: all 0.3s;
    position: relative;
    box-shadow: inset 0 0 10px #6e3923;
}
.change-mask__item.active:before {
    content: "";
    z-index: -1;
    background:
        50%/100% padding-box content-box,
        linear-gradient(#f90, #f2a268 95%) 50%/100% 120%;
    border-radius: 52%;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.change-mask__mask {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 152px;
    height: 195px;
    position: absolute;
    bottom: 10px;
    left: 0;
}
.change-mask__btns {
    padding-top: 50px;
}
.change-mask__link {
    padding-top: 20px;
}
.change-mask__link a {
    letter-spacing: 0.7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.52;
}
.crypto-list {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
}
.crypto-list__item {
    cursor: pointer;
    background-color: #fff;
    border-radius: 5px;
    align-items: center;
    width: calc(50% - 4px);
    min-height: 112px;
    margin-bottom: 8px;
    padding: 28px 24px;
    display: flex;
    box-shadow: 0 2px 6px #8888884d;
}
.crypto-list__item:hover {
    background: linear-gradient(#fbe675, #fed475);
    box-shadow: 0 4px 8px #6e392374;
}
.crypto-list__icon {
    object-fit: cover;
    object-position: bottom;
    flex-shrink: 0;
    width: 120px;
    height: 72px;
    margin-inline-end: 24px;
}
.crypto-list__name {
    color: #17182f;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.crypto-list__descr {
    color: #7e6294;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.crypto-payment {
    color: #fff;
    letter-spacing: 0.05em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.crypto-payment__img {
    background-image: linear-gradient(#fbe675 -5%, #fed475 93%);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    width: 136px;
    height: 84px;
    margin-bottom: 20px;
    display: flex;
    box-shadow: 0 4px 8px #6e392374;
}
.crypto-payment__img img {
    object-fit: cover;
    max-width: 100%;
    height: auto;
}
.crypto-payment__title {
    text-align: center;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
.crypto-payment__list {
    background: #fedc9f;
    border: 1px solid #ba915d73;
    border-radius: 8px;
    width: 588px;
    margin: 20px auto;
    padding: 16px 16px 16px 0;
    box-shadow: 0 1px #aa8c5b;
}
.crypto-payment__list ol {
    margin: 0;
    display: grid;
}
.crypto-payment__list ol li {
    color: #6e3923;
    letter-spacing: 0.7px;
    z-index: 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    position: relative;
}
.crypto-payment__info {
    text-align: center;
    margin-top: 4px;
    font-weight: 500;
    line-height: 1.4;
}
.crypto-payment button {
    font-family: inherit;
}
.crypto-stub {
    color: #6e3923;
    text-align: center;
    letter-spacing: 0.05em;
    background-color: #ffedd2;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 480px;
    height: 506px;
    margin: auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    display: flex;
}
.crypto-stub__icon {
    background-color: #6e3923;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    margin-bottom: 20px;
}
.crypto {
    grid-gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(98px, 98px));
    justify-content: center;
    width: 100%;
    padding: 20px 250px 20px 20px;
    display: grid;
    position: absolute;
    bottom: 30px;
    left: 0;
}
.crypto__icon {
    object-fit: contain;
    object-position: center;
    cursor: pointer;
    background-color: #ffedd2eb;
    border-radius: 5px;
    height: 35px;
    box-shadow: 0 2px 6px #8888884d;
}
.entrance-banner {
    background-image: url(img/banner_bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 440px;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .entrance-banner {
        background-image: url(img/banner_bg@2x.webp);
    }
}
@media screen and (min-width: 1680px) {
    .entrance-banner {
        height: 560px;
    }
}
.entrance-banner__l-side {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.entrance-banner__l-side:before,
.entrance-banner__l-side:after {
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.2s;
    position: absolute;
    bottom: 0;
    left: 0;
}
.entrance-banner__l-side:before {
    background-image: url(img/l_tree.webp);
    width: 603px;
    height: 100%;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .entrance-banner__l-side:before {
        background-image: url(img/l_tree@2x.webp);
    }
}
@media screen and (min-width: 1680px) {
    .entrance-banner__l-side:before {
        width: 827px;
    }
}
.entrance-banner__l-side:after {
    z-index: 4;
    background-image: url(img/l_box.webp);
    width: 303px;
    height: 187px;
    transform: translate(-45%);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .entrance-banner__l-side:after {
        background-image: url(img/l_box@2x.webp);
    }
}
body.linda-hide-sidebar .entrance-banner__l-side:after {
    transform: translate(0);
}
@media screen and (min-width: 1280px) {
    .entrance-banner__l-side:after {
        transform: translate(0);
    }
}
@media screen and (min-width: 1680px) {
    .entrance-banner__l-side:after {
        width: 470px;
        height: 300px;
        transform: translate(-25%);
    }
}
.entrance-banner__r-side {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.entrance-banner__r-side:before,
.entrance-banner__r-side:after {
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.2s;
    position: absolute;
    bottom: 0;
    right: 0;
}
.entrance-banner__r-side:before {
    background-image: url(img/r_tree.webp);
    width: 672px;
    height: 100%;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .entrance-banner__r-side:before {
        background-image: url(img/r_tree@2x.webp);
    }
}
@media screen and (min-width: 1680px) {
    .entrance-banner__r-side:before {
        width: 922px;
    }
}
.entrance-banner__r-side:after {
    z-index: 3;
    background-image: url(img/r_box.png);
    width: 415px;
    height: 198px;
    transform: translate(16%);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .entrance-banner__r-side:after {
        background-image: url(img/r_box@2x.webp);
    }
}
body.linda-hide-sidebar .entrance-banner__r-side:after {
    transform: translate(40%);
}
@media screen and (min-width: 1280px) {
    .entrance-banner__r-side:after {
        transform: translate(-16%);
    }
    body.linda-hide-sidebar .entrance-banner__r-side:after {
        transform: translate(25%);
    }
}
@media screen and (min-width: 1680px) {
    .entrance-banner__r-side:after {
        width: 740px;
        height: 400px;
        bottom: -18px;
        transform: translate(20%);
    }
}
.entrance-banner__wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
}
.entrance-banner__wrap:before {
    content: "";
    z-index: 3;
    pointer-events: none;
    background-image: url(img/grass.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 158px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .entrance-banner__wrap:before {
        background-image: url(img/grass@2x.webp);
    }
}
@media screen and (min-width: 1440px) {
    .entrance-banner__wrap:before {
        bottom: 10px;
    }
}
@media screen and (min-width: 1680px) {
    .entrance-banner__wrap:before {
        width: 80%;
        height: 158px;
        bottom: 8px;
    }
}
.entrance-banner__wrap:after {
    content: "";
    z-index: 10;
    background-image: url(img/b_line.webp);
    background-position: 50%;
    background-repeat: repeat-x;
    background-size: contain;
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: -27px;
    left: 0;
}
.entrance-banner registration-deposit-init-form,
.entrance-banner batman-promo-item2 {
    z-index: 34;
    width: 360px;
    transition: all 0.2s;
    display: block;
    position: relative;
    left: calc(50% - 100px);
    transform: translate(-50%);
}
body.linda-hide-sidebar .entrance-banner registration-deposit-init-form,
body.linda-hide-sidebar .entrance-banner batman-promo-item2 {
    left: 50%;
}
.entrance-banner batman-promo-list1 {
    width: 100%;
}
.entrance-banner__description {
    z-index: 2;
    background-image: url(img/plate.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 476px;
    height: 414px;
    transition: all 0.2s;
    position: absolute;
    top: 0;
    left: calc(50% - 100px);
    transform: translate(-50%);
}
body.linda-hide-sidebar .entrance-banner__description {
    left: 50%;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .entrance-banner__description {
        background-image: url(img/plate@2x.webp);
    }
}
@media screen and (min-width: 1680px) {
    .entrance-banner__description {
        width: 612px;
        height: 534px;
    }
}
.entrance-banner__hero {
    z-index: 3;
    pointer-events: none;
    width: 404px;
    height: 100%;
    transition: all 0.2s;
    position: absolute;
    left: calc(50% - 100px);
    transform: translate(-50%);
}
body.linda-hide-sidebar .entrance-banner__hero {
    left: 50%;
}
@media screen and (min-width: 1680px) {
    .entrance-banner__hero {
        width: 533px;
    }
}
.entrance-banner__hero:before,
.entrance-banner__hero:after {
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 20px;
}
.entrance-banner__hero:before {
    background-image: url(img/chimola.png);
    width: 280px;
    height: 344px;
    left: 0;
    transform: translate(-90%);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .entrance-banner__hero:before {
        background-image: url(img/chimola@2x.webp);
    }
}
@media screen and (min-width: 1680px) {
    .entrance-banner__hero:before {
        width: 370px;
        height: 455px;
        transform: translate(-110%);
    }
}
.entrance-banner__hero:after {
    z-index: 3;
    background-image: url(img/bomani.webp);
    width: 303px;
    height: 394px;
    right: 0;
    transform: translate(90%);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .entrance-banner__hero:after {
        background-image: url(img/bomani@2x.webp);
    }
}
@media screen and (min-width: 1680px) {
    .entrance-banner__hero:after {
        width: 404px;
        height: 522px;
        transform: translate(110%);
    }
}
.entrance-banner .banner-btns {
    width: fit-content;
    margin-top: auto;
}
.entrance-banner .btn-wrap {
    z-index: 33;
    transition: all 0.2s;
    position: absolute;
    bottom: 20px;
    left: calc(50% - 100px);
    transform: translate(-50%);
}
body.linda-hide-sidebar .entrance-banner .btn-wrap {
    left: 50%;
}
@media screen and (min-width: 1680px) {
    .entrance-banner .btn-wrap {
        bottom: 100px;
    }
}
.entrance-banner__crypto {
    background: #00000059;
    border-radius: 24px;
    align-items: center;
    gap: 4px;
    width: fit-content;
    margin: 20px auto 0;
    padding: 4px 8px;
    display: flex;
}
.entrance-banner__crypto img {
    width: 22px;
}
.entrance-banner__bonus {
    width: 250px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
@media screen and (min-width: 1680px) {
    .entrance-banner__bonus {
        width: 378px;
    }
}
.entrance-offer {
    text-align: center;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    padding-top: 110px;
}
.entrance-offer__text {
    text-wrap: balance;
    text-shadow: 0 3px #081a2b;
    color: #7dd4ee;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}
.entrance-offer__big-text {
    text-wrap: balance;
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px #ff7901) drop-shadow(0 0 10px #000000bf);
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    margin: 16px 0 8px;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.2;
}
.entrance-offer__btn.g-btn.g-btn-green {
    width: 328px;
    height: 60px;
    margin-top: 24px;
    line-height: 52px;
}
@media screen and (min-width: 1680px) {
    .entrance-offer {
        max-width: 430px;
        padding-top: 130px;
    }
    .entrance-offer__big-text {
        font-size: 50px;
    }
}
.rtl-lang .entrance-offer {
    direction: rtl;
}
.info {
    max-width: 1020px;
    margin: 0 auto;
    padding-top: 40px;
}
.info__title {
    color: #fcde75;
    letter-spacing: 0.05em;
    text-align: center;
    text-shadow: 0 0 10px #00000040;
    margin: 0 0 20px;
    padding: 14px 0;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
}
.info__article {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.info__article p {
    margin: 0 0 10px;
}
.lang-popup {
    padding-top: 40px !important;
}
.lang-popup:before {
    width: 448px !important;
    height: 27px !important;
    inset-inline-start: inherit !important;
    background: url(/joxi/wazamba/board/board1_top.png) bottom/contain no-repeat !important;
    top: 40px !important;
}
.lang-popup .popup__wrap {
    width: 500px;
}
.lang-popup .popup__wrap:before {
    content: none;
}
.lang-popup .popup__wrap .popup__content {
    max-width: inherit;
    width: 426px;
    margin: 0 auto 20px;
    padding: 0;
}
.lang-popup .popup__close {
    top: -20px;
    inset-inline-end: -20px;
}
.lang-popup .choose-lang__title {
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 24px;
    font-size: 36px;
    font-weight: 800;
    line-height: 44px;
}
.lang-popup .choose-lang__items {
    flex-wrap: wrap;
    display: flex;
}
.lang-popup .choose-lang__item {
    flex-direction: column;
    align-items: center;
    width: 33.33%;
    margin-bottom: 32px;
    display: flex;
}
.lang-popup .choose-lang__item > span {
    color: #894225;
    text-align: center;
    letter-spacing: 0.05em;
    align-items: center;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    display: flex;
}
.league-art__l-t {
    z-index: 0;
    background-image: url(/joxi/wazamba/renovation/leagues/tree_l.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 80vh;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-47%);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-art__l-t {
        background-image: url(/joxi/wazamba/renovation/leagues/tree_l@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-art__l-t {
        background-image: url(/joxi/wazamba/renovation/leagues/tree_l@3x.png);
    }
}
@media screen and (min-width: 1280px) {
    .league-art__l-t {
        transform: translate(-26%);
    }
}
@media screen and (min-width: 1440px) {
    .league-art__l-t {
        transform: translate(-17%);
    }
}
@media screen and (min-width: 1680px) {
    .league-art__l-t {
        transform: translate(0);
    }
}
.league-art__l-b {
    z-index: 3;
    pointer-events: none;
    background-image: url(/joxi/wazamba/renovation/leagues/box_l.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 400px;
    height: 448px;
    position: fixed;
    bottom: 0;
    left: 0;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-art__l-b {
        background-image: url(/joxi/wazamba/renovation/leagues/box_l@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-art__l-b {
        background-image: url(/joxi/wazamba/renovation/leagues/box_l@3x.png);
    }
}
@media screen and (min-width: 1920px) {
    .league-art__l-b {
        width: 560px;
        height: 610px;
    }
}
.league-art__r-t {
    z-index: 0;
    background-image: url(/joxi/wazamba/renovation/leagues/tree_r.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 91vh;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    transform: translate(34%);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-art__r-t {
        background-image: url(/joxi/wazamba/renovation/leagues/tree_r@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-art__r-t {
        background-image: url(/joxi/wazamba/renovation/leagues/tree_r@3x.png);
    }
}
@media screen and (min-width: 1280px) {
    .league-art__r-t {
        transform: translate(25%);
    }
}
@media screen and (min-width: 1440px) {
    .league-art__r-t {
        transform: translate(20%);
    }
}
@media screen and (min-width: 1680px) {
    .league-art__r-t {
        transform: translate(0);
    }
}
.league-art__r-b {
    z-index: 3;
    background-image: url(/joxi/wazamba/renovation/leagues/box_r.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 400px;
    height: 448px;
    position: fixed;
    bottom: 0;
    right: 0;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-art__r-b {
        background-image: url(/joxi/wazamba/renovation/leagues/box_r@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-art__r-b {
        background-image: url(/joxi/wazamba/renovation/leagues/box_r@3x.png);
    }
}
@media screen and (min-width: 1920px) {
    .league-art__r-b {
        width: 660px;
        height: 558px;
    }
}
.league-art__c {
    z-index: 2;
    pointer-events: none;
    background-image: url(/joxi/wazamba/renovation/leagues/grass_c.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1400px;
    height: 218px;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-art__c {
        background-image: url(/joxi/wazamba/renovation/leagues/grass_c@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-art__c {
        background-image: url(/joxi/wazamba/renovation/leagues/grass_c@3x.png);
    }
}
@media screen and (min-width: 1920px) {
    .league-art__c {
        width: 100%;
        height: 296px;
        transform: translate(-43%);
    }
}
.benefits-league {
    padding-bottom: 100px;
    position: relative;
}
.benefits-league__box {
    flex-direction: column;
    max-width: 212px;
    margin: 0 auto;
    display: flex;
}
.benefits-league__box.border-top {
    border-top: 1px solid #ffffff4d;
    margin-top: 12px;
    padding-top: 12px;
}
.benefits-league__box.flex-row {
    flex-direction: row;
    padding-top: 0;
}
.benefits-league__box__left {
    border-right: 1px solid #ffffff4d;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 60px;
    display: flex;
}
.benefits-league__box__right {
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 60px;
    display: flex;
}
.benefits-league__title {
    color: #ffd467;
    text-shadow: 0 3px 4px #0000006e;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 70px;
    margin-top: 55px;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    display: flex;
}
.benefits-league__subtitle {
    color: #ffd467;
    text-align: center;
    font-size: 16px;
    font-weight: 800;
    line-height: 16px;
    position: relative;
    top: -50px;
}
.benefits-league__current {
    z-index: 3;
    justify-content: center;
    width: 100%;
    display: flex;
    position: absolute;
    top: 160px;
}
.benefits-league__current span {
    color: #8c6404;
    text-align: center;
    background: #ffe562;
    border-radius: 19px;
    padding: 1px 8px 2px;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}
.benefits-league__text {
    color: #ffd467;
    max-width: 312px;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}
.benefits-league__text.is-yellow {
    color: #ffd467;
}
.benefits-league__text.subtitle {
    padding-inline: 20px;
    position: relative;
}
.benefits-league__text.subtitle span {
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
    display: block;
}
.benefits-league__text.subtitle .info-text {
    color: #fffc;
    margin-top: 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    display: none;
}
.benefits-league__text.subtitle .info-btn {
    cursor: pointer;
    inset-inline-end: -10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE2QzEyLjQxODMgMTYgMTYgMTIuNDE4MyAxNiA4QzE2IDMuNTgxNzIgMTIuNDE4MyAwIDggMEMzLjU4MTcyIDAgMCAzLjU4MTcyIDAgOEMwIDEyLjQxODMgMy41ODE3MiAxNiA4IDE2Wk03LjIxNTY5IDguMTg0N0M3LjAzODcxIDguNDM4OTEgNi45NTAyMyA4Ljc2NDYyIDYuOTUwMjMgOS4xNjE4M0g5LjA5ODA0QzkuMDk4MDQgOC45NDczNCA5LjE2MjM5IDguNzYwNjUgOS4yOTExIDguNjAxNzdDOS40MTk4MSA4LjQzNDk0IDkuNjIwOTIgOC4yMzYzNCA5Ljg5NDQyIDguMDA1OTZDMTAuMTQzOCA3Ljc5MTQ3IDEwLjM0NDkgNy42MDA4MSAxMC40OTc3IDcuNDMzOThDMTAuNjU4NiA3LjI1OTIxIDEwLjc5NTQgNy4wNDg2OSAxMC45MDggNi44MDI0M0MxMS4wMjA2IDYuNTQ4MjEgMTEuMDc2OSA2LjI1ODI2IDExLjA3NjkgNS45MzI1NUMxMS4wNzY5IDUuMjI1NTIgMTAuNzgzMyA0LjY3NzM4IDEwLjE5NjEgNC4yODgxMkM5LjYxNjg5IDMuODkwOTEgOC44NDg2NyAzLjY5MjMxIDcuODkxNCAzLjY5MjMxQzcuMDM4NzEgMy42OTIzMSA2LjMxMDcxIDMuODQ3MjIgNS43MDczOSA0LjE1NzA0QzUuMTA0MDcgNC40NjY4NiA0LjYzNzUxIDQuODk5ODEgNC4zMDc2OSA1LjQ1NTlMNi4xMDU1OCA2LjQwOTE5QzYuMjY2NDcgNi4xMzkwOSA2LjQ3NTYyIDUuOTI4NTcgNi43MzMwMyA1Ljc3NzY0QzYuOTk4NDkgNS42MjY3IDcuMjkyMTEgNS41NTEyMyA3LjYxMzg4IDUuNTUxMjNDNy45Mjc2IDUuNTUxMjMgOC4xODEgNS42MjI3MyA4LjM3NDA2IDUuNzY1NzJDOC41NzUxNiA1LjkwMDc3IDguNjc1NzIgNi4wODM0OCA4LjY3NTcyIDYuMzEzODZDOC42NzU3MiA2LjQ4MDY5IDguNjE5NDEgNi42Mzk1NyA4LjUwNjc5IDYuNzkwNTFDOC4zOTQxNyA2LjkzMzUgOC4yMjEyMiA3LjExMjI1IDcuOTg3OTMgNy4zMjY3NEM3LjY1MDA4IDcuNjM2NTYgNy4zOTI2NiA3LjkyMjU1IDcuMjE1NjkgOC4xODQ3Wk03LjA0Njc2IDExLjk1MDJDNy4zMDQxNyAxMi4xODg1IDcuNjI5OTcgMTIuMzA3NyA4LjAyNDEzIDEyLjMwNzdDOC40MjYzNCAxMi4zMDc3IDguNzU2MTYgMTIuMTg4NSA5LjAxMzU3IDExLjk1MDJDOS4yNzA5OSAxMS43MDM5IDkuMzk5NyAxMS40MDYgOS4zOTk3IDExLjA1NjVDOS4zOTk3IDEwLjY5OSA5LjI3MDk5IDEwLjQwNTEgOS4wMTM1NyAxMC4xNzQ3QzguNzU2MTYgOS45NDQzMiA4LjQyNjM0IDkuODI5MTMgOC4wMjQxMyA5LjgyOTEzQzcuNjIxOTIgOS44MjkxMyA3LjI5MjExIDkuOTQ0MzIgNy4wMzQ2OSAxMC4xNzQ3QzYuNzg1MzIgMTAuNDA1MSA2LjY2MDYzIDEwLjY5OSA2LjY2MDYzIDExLjA1NjVDNi42NjA2MyAxMS40MDYgNi43ODkzNCAxMS43MDM5IDcuMDQ2NzYgMTEuOTUwMloiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMzMiLz4KPC9zdmc+Cg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 10px;
}
.benefits-league__text.subtitle.open .info-text {
    display: block;
}
.benefits-league__text.subtitle.open .info-btn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE2QzEyLjQxODMgMTYgMTYgMTIuNDE4MyAxNiA4QzE2IDMuNTgxNzIgMTIuNDE4MyAwIDggMEMzLjU4MTcyIDAgMCAzLjU4MTcyIDAgOEMwIDEyLjQxODMgMy41ODE3MiAxNiA4IDE2Wk04LjE5MjY0IDkuMzI0MzZMMTAuMTk1MiAxMS4zMjY5TDExLjMyNjUgMTAuMTk1NUw5LjMyNDAxIDguMTkyOTlMMTEuMzAzOSA2LjIxMzA5TDEwLjA5MzMgNS4wMDI1M0w4LjExMzQ1IDYuOTgyNDNMNi4xMTA5MiA0Ljk3OTlMNC45Nzk1NSA2LjExMTI3TDYuOTgyMDggOC4xMTM4TDUuMDAyMTggMTAuMDkzN0w2LjIxMjc0IDExLjMwNDNMOC4xOTI2NCA5LjMyNDM2WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4zMyIvPgo8L3N2Zz4K);
}
.benefits-league .result-item {
    align-items: flex-start;
    gap: 12px;
    display: flex;
}
.benefits-league .result-item__desc {
    flex-direction: column;
    display: flex;
}
.benefits-league .result-item__limit {
    color: #ffffffb3;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    position: relative;
}
.benefits-league .result-item__limit.is-curr {
    color: #6be175;
    padding-inline-start: 20px;
    padding-bottom: 4px;
}
.benefits-league .result-item__limit.is-curr:before {
    content: "";
    inset-inline-start: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAYAAAA/xX6fAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAZgSURBVHgBlVZrbFRFFP7mPvbRrt3bh7RCoQsFrFWxMcbXH6rxERMjxF/GPzyMCpIooPiTh5EgjwSID/CHAXzFPwLRAEpUQCUiCUJFa2mBllDCLlJ2u3Tbu48745m5d7e7fQBOdnZmzpw535zHnHsYbqHtEEar4JjLND4bAhEwWO4OS9DfKcFZG9OwdwHLHb6ZLHajzU9ygflMxyohRKSYLooOihIhrJsxrFnI7F3/C3CbsCKG4HsA3sKIhQvhMhO3nDKaCDUpFuTSFA8BOyz7+GJm99wU8GNRPY8QtggIKw+Qo7/eIQf9WY5rGY6scHUr0xmCuoY6v4bagAFT8y7kiopDaAtfNfr2jgv4UW7CXKLsyW9IuV3XM+hJOchyjhu1IIFPLjMxPWQWLCGVhqYteI1Fd40C3DxUFzFN/SQxW5LZdgRO9A0hmXWK4IuPjfSkSw8aDA/VBJXm3l48q/P7l7Foj1zlqdDNwCEO03KEiVROx2+xDPrTdEVuQDi6Grmcq05rJz/qHs1dD2Y0HItllQySR1fxVRo8uDuPowA3Z2bM58KMUIfsv0fTdDAPZhRA4XgACsQbBV3E0Yv4DHX2xJWMApQKONxo2ZqbOa8AKGCuUmDE0BV36IDualO4vbfmprc2C2vu8ZShCq9UvYv363/Ei5UrkLQZuq7llEzqzOH6KollbMy2tHLvneXIb71Jx719iWdKPZVv+TAKaWGsn/QVGgN3q3Wj/25E05dxOPE16it0il6lV2TjUEur4Tj6XE1zRcZSZMq05r4pDL+3kUDuJSSPQEgPY8PkLwmsuWS31mhANqvjUpJjiuV3iTqbY0Dz3cc9ibHkUEG7sTQqBpJ7Emxjw2cEdlcJz3UniYPxvcq/SVtTcQFXgdkaObVFORfGcKB4XZpm09QvsH36N3g09LQXqa7PQqwKmyKfjwm24tw8XLaj5F8NfQNcBY6HEdGEMC0vfDFEjkZRsKxu+BD3lT+ohK6JfICnrOfVXjnl7o3TdqEx2DQK7K2zL6Er1VWI2GxWWsQFJE0tw6EJvHQkI487wxmlzjepRODbU9bSBR5CY9mdmB68sxQsl8SbnS/j7FAXrYwCXVAcOMJQzpDpR0un5ei+F52Zrg89kx7491uMbE9XPzcm2PKORaTZ2eHE4I1+I6CsJ/2YIW0NOy0Shs+0ZBCEg+Vk1hTyqWv9+bVq/sztz2K8JsGWtS8hzc65mgmUZD4fAUorymhPJgcTWiI+1CNV5tTLAkE3Y+QzB43vda3D/iv7xgG7jqV/v46ugfMev1GSnTiN1beFlHbSj6lUtke7fPFKm5sNfKipssisvoJJucowOtZ1rsf+2HejwN44vZS+JucLJnQjeHjuN/ywwhUk21BBE+29cko3H46jvnHmC4YvSO9Ep7zH0J/MkAnoxQmZKykRUP+17yiidoyABnCyvw3rzmzAhVQvVHak/Tyf4FqBNnGCBauCNKT1YMoWJ48eXcNaNsOqnXVP970PP2LJRy1/bacvYYCyTknxMMKc8ukzj1pIgSoQXbrPr+OBlsmFvfbjx7v3P9Y2TTu1DImLnZ1b+68lVfhSZseM6ZPgN4OeeXQveQ+PvMhsssu3C24UErlp+tHcNMX1nfAhNZBGT/s/nwLe18JnZ7b88fOh7gyVD9LWPn8ZmpqnwGcGSjJP8XcPReviS5QFQ7iruUHJcCgu0lSWHP/hQDfXtJ0SS5d/0e9hh59Mt2XszPya+pmKrOsmau+oUr5I2w5yVMgoP8HVVN6VykNvTe/LMDFxUg0aZ96hzgqpC9WOp385KPr6ogvPLEofKwDKdnUf7wk8eo0l432tVRMbwXSfelehcDmqJ1QiGAyor4f7BZGyyE+mCau6AjW1FqbOmIiKyhAByeQvU1oWHcd+Qqy7852OxZnt48UCmrf5VgdC4ZUtT7zIAuVWSZiMXY2Ong/Eo/jryG7Y1/vXtC/JrC6WP2Zd2rTNnE+6rKybNmtqZNZs+MvDI1jFmEftVAIX/jyC2Lm2OJloeftie+dInnEr76ZtgQgTfBVZcF64tgE19U2svLIWoao6GKZfHc1lbKQH+5Ggguxqbwf6Yxfk0R2DgbLlPQsSibHk3rDULwAzZw4pNYe0bh11VogE5YhTtHeEgLaMB3TLgGNdgKqfiMZZgmt6omPx6HL+Ru0/rQVzD3tm7asAAAAASUVORK5CYII=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
}
.benefits-league .result-item .more-details {
    padding-top: 18px;
}
.benefits-league .result-item .more-details__title {
    color: #ffffffb3;
    flex-direction: row;
    align-items: baseline;
    gap: 5px;
    width: fit-content;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    display: inline-flex;
    position: relative;
}
.benefits-league .result-item .more-details__title svg {
    width: 10px;
    height: 10px;
    transition: all 0.25s ease-in-out;
}
.rtl-lang .benefits-league .result-item .more-details__title svg {
    transform: rotate(180deg);
}
.benefits-league .result-item .more-details__title.open svg {
    transform: rotate(90deg);
}
.benefits-league .result-item .more-details__text {
    color: #ffffffb3;
    opacity: 0;
    height: 1px;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    transition: all 0.25s ease-in-out;
    overflow: hidden;
}
.benefits-league .result-item .more-details__text.open {
    opacity: 1;
    height: 100%;
    overflow: unset;
    padding-top: 16px;
}
.benefits-league .result-item .more-details__text p {
    margin: 0;
    padding-top: 20px;
}
.benefits-league .result-item .more-details__text p:first-child {
    padding-top: 0;
}
.benefits-league .result-item .more-details__text ul {
    list-style-type: unset;
    padding-block: 0;
    padding-inline: 16px 0;
}
.benefits-league .wrap-el {
    align-items: flex-start;
    gap: 12px;
    display: flex;
}
.benefits-league .wrap-el__flag .icon-league {
    background-size: contain;
    width: 67px;
    height: 68px;
}
.benefits-league .wrap-el__desc {
    width: 100%;
}
.benefits-league .wrap-el__date {
    color: #ffd467;
    padding-bottom: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
.rtl-lang .benefits-league .wrap-el__date {
    text-align: end;
    direction: ltr;
}
.benefits-league .wrap-el__subtitle {
    color: #ffffffb3;
    border-bottom: 1px solid #ffffff1a;
    margin-bottom: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}
.benefits-league .wrap-el__text {
    color: #ffffffb3;
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}
.benefits-league .wrap-el__block-reward {
    align-items: baseline;
    display: grid;
}
.benefits-league .wrap-el__block-reward.is-grid {
    grid-template-columns: 1fr 1fr;
}
.benefits-league .wrap-el .reward-cont {
    grid-column-gap: 4px;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: 18px 1fr;
    align-items: center;
    display: grid;
}
.benefits-league .wrap-el .reward-cont.is-has-cashback {
    grid-template-rows: repeat(3, 1fr);
}
.benefits-league .wrap-el .reward-cont .is-coin {
    grid-column-gap: 4px;
    grid-template-columns: 18px 1fr;
    align-items: center;
    padding-bottom: 10px;
    display: grid;
}
.benefits-league .wrap-el .reward-cont__title {
    color: #ffd467;
    grid-area: 1/1/2/3;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
}
.benefits-league .wrap-el .reward-cont__icon {
    grid-area: 2/1/3/2;
    width: 18px;
    height: 18px;
}
.benefits-league .wrap-el .reward-cont__value {
    color: #ffffffb3;
    grid-area: 2/2/3/3;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}
.benefits-league .wrap-el .reward-cont__cashback {
    color: #ffffffb3;
    grid-area: 3/1/3/3;
    min-height: 18px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}
.benefits-league__wrap {
    flex-direction: column;
    gap: 8px;
    width: 496px;
    margin: 0 auto;
    display: flex;
    position: relative;
    transform: translate(-88px);
}
.benefits-league .not-result-text {
    text-align: center;
    background: #00000040;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    padding: 32px 56px 108px;
    display: flex;
}
.benefits-league__plane {
    background: #00000040;
    border-radius: 8px;
    width: 496px;
    padding: 14px 36px 20px;
}
.benefits-league__plane.not-result:first-child {
    margin-bottom: 0;
}
.benefits-league__plane:first-child {
    margin-bottom: 66px;
}
.benefits-league__plane.story {
    background: #2350824d;
    border: 1px solid #ffffff0d;
    border-radius: 12px;
}
.benefits-league__plane.story .result-item {
    align-items: center;
    gap: 36px;
}
.benefits-league__plane.story .icon-league {
    background-size: contain;
    width: 87px;
    height: 91px;
}
.benefits-league__plane.story .icon-league:before {
    background-repeat: no-repeat;
    background-size: 200px;
    width: 200px;
    height: 200px;
    margin: 0;
    transform: translate(-50%, -35%);
}
.rtl-lang .benefits-league__plane.story .icon-league:before {
    transform: translate(50%, -35%);
}
.benefits-league__plane.is-rewards {
    justify-content: space-between;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
}
.benefits-league__plane.is-rewards .icon-reward {
    position: relative;
}
.benefits-league__plane.is-rewards .icon-reward.has-shining:before {
    margin-inline-start: -56px;
    background-size: 112px;
    width: 112px;
    height: 80px;
    margin-top: -40px;
}
.benefits-league__plane.is-rewards .icon-reward img {
    width: 64px;
}
.benefits-league__plane.is-rewards span {
    color: #ffd467e6;
    text-align: end;
    font-size: 21px;
    font-weight: 700;
    line-height: 27px;
}
.benefits-league__league {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 8px;
    display: flex;
}
.benefits-league__league span {
    color: #ffffffb3;
    text-align: center;
    padding-top: 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    display: block;
}
.benefits-league .special-rewards h3:after {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 2L5.5 5L2 2" stroke="white" stroke-opacity="0.72" stroke-width="3" stroke-linecap="round"/></svg>');
    width: 11px;
    height: 7px;
    margin-left: 14px;
    transition: all 0.3s;
    display: inline-block;
}
.benefits-league .special-rewards h3 ~ * {
    display: none;
}
.benefits-league .special-rewards h3.is-open:after {
    transform: rotate(180deg);
}
.benefits-league .special-rewards h3.is-open ~ * {
    display: block;
}
.benefits-league .special-rewards .benefits-league__text {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
.benefits-league .special-rewards .benefits-league__text.lg {
    color: #edc562;
    text-shadow: 0 0 10px #00000040;
    font-size: 14px;
    font-weight: 800;
    line-height: 17px;
}
.benefits-league .special-rewards .benefits-league__text.sm {
    color: #bea193;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
}
.benefits-league .special-rewards__box {
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 16px;
    display: flex;
}
.benefits-league .special-rewards__box:last-child {
    margin-bottom: 0;
}
.benefits-league .special-rewards__item {
    width: 86px;
    margin-inline: 2px;
}
.benefits-league .special-rewards__des {
    color: #d8b692;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}
.benefits-league .special-rewards__icon {
    background: #ffcf8878 50%/90% no-repeat;
    border-radius: 50%;
    width: 86px;
    height: 86px;
    margin-bottom: 8px;
}
.page-nav {
    justify-content: center;
    display: flex;
    position: relative;
}
.page-nav_padding {
    padding-top: 20px;
}
.page-nav__item {
    margin: 0 24px;
    font-size: 18px;
    font-weight: 700;
}
.page-nav__item svg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.page-nav__item.is-yellow {
    color: #fbfc18;
}
.page-nav__item.is-yellow svg {
    fill: #fbfc18;
}
.datepicker-body-reg .ui-datepicker {
    background: #fff;
    border-radius: 24px;
    top: -16px !important;
}
.datepicker-body-reg .ui-datepicker th,
.datepicker-body-reg .ui-datepicker td a {
    color: #5c5c5c;
}
.datepicker-body-reg .ui-datepicker .ui-datepicker-title {
    display: flex;
}
.datepicker-body-reg .ui-datepicker .ui-datepicker-month,
.datepicker-body-reg .ui-datepicker .ui-datepicker-year {
    box-shadow: 0 0 8px #3a140466;
}
.datepicker-body-reg .ui-datepicker .ui-datepicker-month {
    margin-inline-end: 10px;
}
.datepicker-body-reg .ui-datepicker td a.ui-state-active,
.datepicker-body-reg .ui-datepicker td a:hover {
    color: #fff;
    background: #3a1404b3;
}
.auth-with-deposit-registration .datepicker-body {
    position: absolute;
    top: 40px;
}
.registration-dropdown {
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
    display: flex;
}
.registration-dropdown__item {
    background-color: #c19d66b3;
    border-radius: 15px;
    align-items: center;
    width: 280px;
    margin: 0 auto 12px;
    display: none;
    position: relative;
    box-shadow: inset 0 0 6px 1px #0003;
}
.registration-dropdown__item.active {
    background-color: #3a1404b3;
    order: -1;
    display: flex;
    box-shadow: inset 0 0 6px 1px #000;
}
.registration-dropdown .registration-promo {
    width: 340px;
    height: fit-content;
    min-height: 84px;
    display: none;
    position: relative;
}
.registration-dropdown .registration-promo.is-active {
    order: -1;
    display: flex;
}
.registration-dropdown .registration-promo.is-active:after {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC40OTc5MjUgMS42MzQzNEMwLjQ5NzkyNSAxLjkyNTg0IDAuNjExNjI2IDIuMjE3NTQgMC44MzkxMjYgMi40MzkwNEw1LjAwMDM0IDYuNTAwMDZMOS4xNjEyNSAyLjQzOTA0QzkuNjEzNTUgMS45OTc3NCA5LjYxNTc1IDEuMjc5NTQgOS4xNjY0NSAwLjgzNTAzM0M4LjcxNzE1IDAuMzkwNDMxIDcuOTg2NTQgMC4zODgwMzEgNy41MzM3NCAwLjgyOTYzM0w1LjAwMDM0IDMuMzAyNTVMMi40NjU3MyAwLjgyOTYzM0MyLjAxMzEzIDAuMzg4MDMxIDEuMjgyMzMgMC4zOTA0MzEgMC44MzI5MjYgMC44MzUwMzNDMC42MDk3MjYgMS4wNTY1MyAwLjQ5NzkyNSAxLjM0NTI0IDAuNDk3OTI1IDEuNjM0MzRaIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    width: 10px;
    height: 7px;
    top: 0;
    bottom: 0;
    right: 12px;
}
.registration-dropdown .registration-promo.is-selected {
    pointer-events: none;
}
.registration-dropdown .registration-promo.is-selected:after {
    display: none;
}
.registration-dropdown__bonus {
    width: 100%;
    padding: 5px 12px;
    display: flex;
}
.registration-dropdown__bind {
    position: absolute;
    inset: 0;
}
.registration-dropdown.open .registration-promo {
    display: flex;
}
.registration-dropdown.open .registration-promo.is-active:after {
    transform: scaleY(-1);
}
.promo-group.promocode-input {
    margin-top: 12px;
}
.promo-group.promocode-input.hide {
    display: none;
}
linda-registration-page .popup__container {
    background-image: url(/joxi/wazamba/regisrtation-page/bg.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 1294px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    linda-registration-page .popup__container {
        background-image: url(/joxi/wazamba/regisrtation-page/bg@2x.jpg);
    }
}
@media screen and (min-width: 1280px) {
    linda-registration-page .popup__container {
        background-size: 1690px;
    }
}
@media screen and (min-width: 1440px) {
    linda-registration-page .popup__container {
        background-size: 1910px;
    }
}
@media screen and (min-width: 1680px) {
    linda-registration-page .popup__container {
        background-size: 2176px;
    }
}
@media screen and (min-width: 1920px) {
    linda-registration-page .popup__container {
        background-size: 2698px;
    }
}
linda-registration-page .step-avatar .popup__wrap.g-board.g-board-1.registration {
    background: 0 0;
}
linda-registration-page .step-avatar .popup__wrap.g-board.g-board-1.registration:before {
    content: none;
}
linda-registration-page .step-avatar .popup__wrap.g-board.g-board-1.registration .popup__logo {
    display: none;
}
linda-registration-page .step-avatar .popup__container {
    padding-top: 64px;
    padding-bottom: 112px;
}
linda-registration-page .popup__container {
    padding-top: 124px;
    padding-bottom: 60px;
}
linda-registration-page .popup__close,
linda-registration-page .popup__logo,
linda-registration-page .popup__wrap:before {
    z-index: inherit;
}
.close-reg {
    flex-direction: column;
    align-items: center;
    width: 360px;
    display: flex;
}
.close-reg__title {
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    text-shadow: 0 0 10px #00000040;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: 800;
    line-height: 44px;
}
.close-reg__text {
    color: #6e3923;
    text-align: center;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
}
.close-reg__yes {
    letter-spacing: 0.05em;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}
.close-reg__no {
    min-width: 200px;
    margin-bottom: 12px;
}
.popup-reg-container.hide {
    display: none;
}
.registration-promo {
    cursor: pointer;
    background: #c19d66b3;
    border-radius: 16px;
    align-items: center;
    min-height: 84px;
    padding: 12px;
    display: flex;
    position: relative;
    box-shadow: inset 0 0 6px 1px #0003;
}
.registration-promo__desc {
    color: #6e3923;
    text-align: center;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 900;
    line-height: 160%;
}
.registration-promo__img {
    flex-shrink: 0;
    width: 56px;
    height: 60px;
}
.registration-promo__img.is-step-3 {
    width: 83px;
    height: 83px;
}
.registration-promo__label {
    cursor: inherit;
    gap: 8px;
    width: 100%;
    display: flex;
}
.registration-promo__promocode:not(.hide) + .registration-promo__label {
    display: none;
}
.registration-promo__content {
    letter-spacing: 0.05em;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    width: calc(100% - 60px);
    display: flex;
}
.registration-promo__name {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}
.registration-promo__text {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
}
.registration-promo.is-active {
    background-color: #3a1404b3;
    box-shadow: inset 0 0 6px 1px #000000b3;
}
.registration-promo.is-active a {
    display: block;
}
.registration-promo.is-step-3 {
    pointer-events: none;
    margin: 20px 0 22px;
}
.registration-promo__promocode {
    flex-direction: column;
    gap: 4px;
    width: 100%;
    display: flex;
}
.registration-promo__promocode.hide {
    display: none;
}
.registration-promo__promocode-choosed {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    overflow: hidden;
}
.registration-promo__promocode-wrapper {
    flex-direction: column;
    gap: 4px;
    display: flex;
}
.registration-promo__input-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    display: flex;
}
.registration-promo__input-box {
    width: 100%;
}
.registration-promo__input {
    color: #555;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #18c5ff;
    border-radius: 8px;
    width: 100%;
    height: 48px;
    padding: 14px 12px;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
}
.registration-promo__input-label {
    min-height: unset;
}
.registration-promo__input-label > .g-form-error {
    padding-left: 8px;
}
.registration-promo__btn-apply-wrapper {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    height: 48px;
    display: flex;
}
.registration-promo__btn-apply-wrapper .g-btn {
    padding: 0 15px;
}
.registration-promo__btn-apply-wrapper .g-btn:disabled {
    opacity: 0.3;
    pointer-events: none;
}
.restoration {
    background-image: url(/joxi/wazamba/regisrtation-page/wood-bg.png);
    background-position: top;
    background-repeat: repeat-y;
    background-size: cover;
    border-radius: 0 0 20px 20px;
    justify-content: center;
    width: 400px;
    margin: 0 auto;
    display: flex;
    position: relative;
}
.restoration:before {
    content: "";
    background-image: url(/joxi/wazamba/regisrtation-page/deposit-logo.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 416px;
    height: 130px;
    position: absolute;
    top: -118px;
    left: -8px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .restoration:before {
        background-image: url(/joxi/wazamba/regisrtation-page/deposit-logo@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .restoration:before {
        background-image: url(/joxi/wazamba/regisrtation-page/deposit-logo@3x.png);
    }
}
.restoration-form {
    width: 100%;
    padding: 30px 48px 32px;
}
.restoration-form__header-title {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(#8f5738 0%, #6e3923 100%) text;
    padding-bottom: 12px;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
}
.restoration-form__header-description {
    letter-spacing: 0.05em;
    color: #8a593d;
    align-items: center;
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    display: flex;
}
.restoration-form__close {
    top: -72px;
    position: absolute;
    inset-inline-end: 0;
}
.restoration .registration-with-deposit__form {
    padding: 0;
}
.restoration .registration-with-deposit__form button.g-btn {
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #3c8ae2;
}
.restoration .registration-with-deposit__form-item {
    margin-bottom: 12px;
}
.seo {
    width: 100%;
    padding-bottom: 40px;
}
.seo h1 {
    text-align: center;
    letter-spacing: 1.8px;
    font-size: 36px;
    font-weight: 800;
}
.seo h2 {
    text-align: center;
    font-size: 28px;
    font-weight: 800;
}
.seo p {
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.seo ul {
    padding-inline-start: 30px;
    font-weight: 500;
    line-height: 24px;
    list-style: disc;
}
.seo a {
    color: #f9d600;
}
.seo .seo__title {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    text-align: center;
    background: linear-gradient(#fbe675 -5.33%, #fed475 93.92%);
    padding-top: 24px;
    padding-bottom: 24px;
    -webkit-background-clip: text;
    margin: 0;
    padding-inline: 0 54px;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
    transition: all 0.3s;
    position: relative;
}
.seo .seo__title:hover {
    cursor: pointer;
    color: #feffbd;
    background: 0 0;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
.seo .seo__title .page-article__btn {
    filter: grayscale(0);
    top: 50%;
    margin-top: -23px;
    position: absolute;
    inset-inline-end: 0;
    transform: rotate(180deg) scaleX(-1);
}
.seo .seo__list-image {
    background-image: url(/joxi/wazamba/sprite-categories.png);
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    margin-bottom: 6px;
}
.seo .seo__list-category {
    grid-column-gap: 17px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0;
    list-style: none;
    display: grid;
}
.seo .seo__list-category div {
    flex-direction: column;
    align-items: center;
    display: flex;
}
.seo .seo__list-category div:first-child .seo__list-image {
    background-position: -292px 0;
}
.seo .seo__list-category div:nth-child(2) .seo__list-image {
    background-position: -219px 0;
}
.seo .seo__list-category div:nth-child(3) .seo__list-image {
    background-position: -365px 0;
}
.seo .seo__list-category div:nth-child(4) .seo__list-image {
    background-position: -73px 0;
}
.seo .seo__list-category div:nth-child(5) .seo__list-image {
    background-image: url(/joxi/wazamba/icon-category-blackjack.png);
}
.seo .seo__list-category div:nth-child(6) .seo__list-image {
    background-position: 0 0;
}
.seo .seo__list-category div:nth-child(7) .seo__list-image {
    background-position: -438px 0;
}
.seo .seo__list-category div:nth-child(8) .seo__list-image {
    background-position: -146px 0;
}
.seo .seo__list-category li {
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}
.seo .seo__list-styled {
    background-image: url(/joxi/wazamba/islands/4.png);
    background-repeat: no-repeat;
    background-size: 240px;
    min-height: 240px;
    padding-inline-start: 270px;
    font-weight: 400;
    list-style: "-";
}
.seo .seo__list-styled li {
    margin-top: 10px;
    padding-inline-start: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}
.seo .seo__list-bonuses {
    grid-gap: 21px;
    grid-template-columns: repeat(4, 1fr);
    margin: 12px 0;
    list-style: none;
    display: grid;
}
.seo .seo__list-bonuses li {
    letter-spacing: 0.05em;
    text-shadow: 0 0 10px #00000040;
    -webkit-text-fill-color: transparent;
    text-align: center;
    background: linear-gradient(#fbe675 -5.33%, #fed475 93.92%);
    -webkit-background-clip: text;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}
.seo .seo__list-bonuses .seo__image-bonuses {
    background-image: url(/joxi/wazamba/sprite-icons-2.png);
    background-repeat: no-repeat;
    background-size: auto 344px;
    width: 134px;
    height: 85px;
    margin: 0 auto;
}
.seo .seo__list-bonuses div:first-child .seo__image-bonuses {
    background-position: -86px 0;
}
.seo .seo__list-bonuses div:nth-child(2) .seo__image-bonuses {
    background-position: -86px -85px;
}
.seo .seo__list-bonuses div:nth-child(3) .seo__image-bonuses {
    background-position: -86px -171px;
}
.seo .seo__list-bonuses div:nth-child(4) .seo__image-bonuses {
    background-position: -86px -257px;
}
.seo .seo__loyality {
    background-image: url(/joxi/wazamba/islands/3.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 240px 223px;
    min-height: 223px;
    padding: 0 265px 0 0;
}
.seo section {
    margin-bottom: 10px;
}
.seo section:first-child .seo__info p:first-child {
    background-image: url(/joxi/wazamba/islands/1.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 240px;
    min-height: 240px;
    padding-inline-start: 265px;
}
.seo section:nth-child(2) .seo__info {
    background-image: url(/joxi/wazamba/islands/5.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 240px;
    min-height: 240px;
    padding-inline-end: 250px;
}
.seo section:nth-child(4) .seo__info .seo__list-styled {
    background-image: url(/joxi/wazamba/islands/2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 240px;
    min-height: 240px;
    padding-left: 265px;
}
.seo section:not(:first-child) .seo__title {
    border-top: 1px solid #21728abf;
}
.seo .seo__content,
.seo .seo__info {
    display: none;
}
.seo .seo__title.is-open ~ .seo__content,
.seo .seo__title.is-open ~ .seo__info {
    display: block;
}
.seo .page-article__btn {
    position: relative;
}
.seo .page-article__btn:after {
    content: "";
    z-index: 200;
    background-image: url(/joxi/wazamba/desktop/img/icon-arrow_bottom.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 35px;
    height: 22px;
    margin-top: -11px;
    transition: transform 0.3s ease-in-out;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: rotate(-180deg) scaleX(-1);
}
.seo .seo__title.is-open button.page-article__btn {
    filter: grayscale();
    transition: transform 0.3s ease-in-out;
}
.seo .seo__title.is-open button.page-article__btn:after {
    transition: transform 0.3s ease-in-out;
    transform: rotate(0) scaleX(-1);
}
.seo__tournaments {
    background-image: url(/joxi/wazamba/wazamba_trophy_seo.png);
    background-position: 21px 0;
    background-repeat: no-repeat;
    background-size: 200px 240px;
    min-height: 240px;
    padding-inline-start: 261px;
}
@media screen and (min-width: 1280px) {
    .seo__tournaments {
        background-position: 64px 0;
        padding-inline-start: 346px;
    }
}
.seo__promotions {
    background-image: url(/joxi/wazamba/articles/promos/wazamba-seo-text-image-promos.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 240px 241px;
    min-height: 241px;
    padding-inline-start: 255px;
}
@media screen and (min-width: 1280px) {
    .seo__promotions {
        background-position: 43px 0;
        padding-inline-start: 340px;
    }
    .seo {
        max-width: 1020px;
        margin: 0 auto;
    }
}
.rtl-lang .seo {
    direction: rtl;
}
.rtl-lang .seo section:first-child .seo__info p:first-child,
.rtl-lang .seo section:nth-child(4) .seo__info .seo__list-styled,
.rtl-lang .seo .seo__list-styled {
    background-position: 100% 0;
}
.rtl-lang .seo section:nth-child(2) .seo__info {
    background-position: 0 0;
}
.rtl-lang .seo .seo__tournaments {
    background-position: calc(100% - 21px) 0;
}
@media screen and (min-width: 1280px) {
    .rtl-lang .seo .seo__tournaments {
        background-position: calc(100% - 64px) 0;
    }
}
.rtl-lang .seo__promotions {
    background-position: right 43px top;
}
.tournament-board__title {
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 800;
    line-height: 29px;
}
.tournament-board__bg {
    background-image: url(/joxi/wazamba/board/board2_top.png), url(/joxi/wazamba/board/board2_bottom.png),
        url(/joxi/wazamba/board/board2_body.png);
    background-position:
        top,
        bottom,
        50% calc(100% - 30px);
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-size: 100%;
    background-clip: padding-box, padding-box, content-box;
    padding: 0 0 10px;
}
.tournament-board__item {
    z-index: 1;
    background: #00000040;
    border-radius: 5px;
    grid-template-columns: 30px 88px 1fr 1fr;
    align-items: center;
    height: 60px;
    margin-bottom: 16px;
    padding: 0 16px 0 12px;
    display: grid;
    position: relative;
    box-shadow: inset 0 4px 4px #00000040;
}
.tournament-board__item.is-active-item {
    background: #f4ca33 url(/joxi/wazamba/wazamba-v01/tournaments/tournaments-zigzag-myplace.svg) top;
    box-shadow: 0 0 6.84883px #dee03d80;
}
.tournament-board__item.is-active-item .tournament-board__price {
    color: #fff;
    text-shadow: 1px 1px #ff7901;
}
.tournament-board__item.is-active-item .tournament-board__num {
    text-shadow: 1px 1px #ff7901;
}
.tournament-board__item.is-active-item .tournament-board__info {
    color: #725500;
}
.tournament-board__item.is-big {
    height: 76px;
}
.tournament-board__item.is-big .tournament-board__num {
    color: #fff;
    text-shadow: 0 2px #ff7901;
    font-size: 40px;
    font-weight: 800;
    line-height: 49px;
}
.tournament-board__item.is-big .tournament-board__num:before {
    content: "";
    z-index: -1;
    inset-inline-start: -30px;
    background-image: url(/joxi/wazamba/wazamba-v01/tournaments/tournament_label_top3.svg);
    background-size: cover;
    width: 92px;
    height: 50px;
    position: absolute;
    top: 0;
    transform: rotate(-7deg);
}
.rtl-lang .tournament-board__item.is-big .tournament-board__num:before {
    transform: rotate(-7deg) scaleX(-1);
}
.tournament-board__item.is-big .tournament-board__price {
    font-size: 20px;
}
.tournament-board__item.is-big .tournament-board__img {
    object-fit: cover;
    width: 108px;
    height: 108px;
    margin-top: -33px;
    margin-left: -14px;
}
.tournament-board__item.has-ribbon {
    height: 68px;
}
.tournament-board__item.has-ribbon .tournament-board__num:before {
    content: "";
    z-index: -1;
    inset-inline-start: -35px;
    background-image: url(/joxi/wazamba/wazamba-v01/tournaments/tournament_label_top3.svg);
    background-size: cover;
    width: 92px;
    height: 54px;
    position: absolute;
    top: -6px;
}
.rtl-lang .tournament-board__item.has-ribbon .tournament-board__num:before {
    transform: scaleX(-1);
}
.tournament-board__item.position {
    background: #f4ca33 url(/joxi/wazamba/wazamba-v01/tournaments/tournaments-zigzag-myplace.svg) top;
    box-shadow: 0 0 6.84883px #dee03d80;
}
.tournament-board__item.position .tournament-board__info {
    color: #725500;
}
.tournament-board__item.position .tournament-board__price {
    color: #fff;
}
.tournament-board__item.is-last {
    grid-template-columns: minmax(min-content, min-content) 88px 1fr 1fr;
}
.tournament-board__item.is-last .tournament-board__num {
    color: #725500;
    font-size: 22px;
    line-height: 27px;
}
.tournament-board__item.is-last .tournament-board__price {
    color: #725500;
    text-shadow: none;
    letter-spacing: -2px;
    font-size: 20px;
    font-weight: 900;
    line-height: 24px;
}
.tournament-board__item.is-last.is-stacked {
    height: 72px;
    margin-top: 28px;
    box-shadow:
        0 -3px #cfac2d,
        0 -6px #bf9e2a,
        0 -9px #a08628,
        0 -12px #8a7422;
}
.tournament-board__item.is-last.is-stacked .tournament-board__img {
    margin-top: -15px;
    margin-left: -2px;
}
.tournament-board__wrap {
    padding: 24px 24px 8px;
}
.tournament-board__num {
    color: #fff;
    z-index: 1;
    font-size: 32px;
    font-weight: 800;
    line-height: 39px;
    position: relative;
}
.tournament-board__price {
    text-align: end;
    letter-spacing: 0.05em;
    text-shadow: 0 1px #ff7901;
    color: #faf068;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    position: relative;
}
.tournament-board__price.has-coins {
    text-align: left;
    width: 60px;
    margin-inline-start: auto;
    padding-left: 18px;
}
.tournament-board__price.has-coins:after {
    content: "";
    background-image: url(/joxi/wazamba/sprite-tournament-page.png);
    background-position: 0 -33px;
    background-size: 115px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.tournament-board__info {
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    line-height: 17px;
}
.tournament-board__name {
    direction: ltr;
    margin-bottom: 5px;
}
.rtl-lang .tournament-board__name {
    text-align: end;
}
.tournament-board__img {
    object-fit: contain;
    z-index: 2;
    margin-top: -28px;
    margin-inline-start: -6px;
    position: relative;
}
@media screen and (min-width: 1280px) {
    .tournament-board__wrap {
        padding: 32px 32px 16px;
    }
}
.tournament-title {
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 800;
    line-height: 29px;
}
.tournament-title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(#f6a501, #fd8401);
    -webkit-background-clip: text;
}
.league-faq h1 {
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffd467;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
}
.league-faq h2 {
    color: #ffd467;
    text-align: left;
    margin-bottom: 4px;
    padding-left: 30px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    position: relative;
}
.league-faq h2 > span {
    width: 30px;
    position: absolute;
    inset-inline-start: 0;
}
.league-faq p {
    color: #fff;
    text-align: start;
    margin-bottom: 32px;
    padding-inline-start: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
.league-faq p.league-faq-qualification {
    color: #fff;
    background: #5d6b77;
    border-radius: 4px;
    align-items: center;
    width: 226px;
    height: 46px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 74px;
    padding-inline-start: 36px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    display: flex;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-faq p.league-faq-qualification:before {
        background-image: url(/joxi/wazamba/leagues/icon-league/closed@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-faq p.league-faq-qualification:before {
        background-image: url(/joxi/wazamba/leagues/icon-league/closed@3x.png);
    }
}
.league-faq a {
    color: #ffd467;
    text-decoration: underline;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-faq .screen.has-game-bg {
        background:
            url(/joxi/wazamba/renovation/league-promo/bg-pattern@2x.png) 50%/298px,
            linear-gradient(90deg, #181a3d 0%, #1e214c 54.17%, #181a3d 100%);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-faq .screen.has-game-bg {
        background:
            url(/joxi/wazamba/renovation/league-promo/bg-pattern@3x.png) 50%/298px,
            linear-gradient(90deg, #181a3d 0%, #1e214c 54.17%, #181a3d 100%);
    }
}
.league-faq-coins,
.league-faq-cash {
    background: #ffffff1f;
    border-radius: 8px;
    min-width: 148px;
    display: inline-block;
    margin-top: -20px !important;
    margin-bottom: 0 !important;
    margin-inline-start: 30px !important;
    padding-block: 11px !important;
    padding-inline: 94px 18px !important;
}
.league-faq-coins:before,
.league-faq-cash:before {
    content: "";
    inset-inline-start: 10px;
    background-image: url(/joxi/wazamba/leagues/terms/icon.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 47px;
    height: 42px;
    margin-top: -23px;
    display: inline-block;
    position: absolute;
    top: 50%;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-faq-coins:before,
    .league-faq-cash:before {
        background-image: url(/joxi/wazamba/leagues/terms/icon@2.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-faq-coins:before,
    .league-faq-cash:before {
        background-image: url(/joxi/wazamba/leagues/terms/icon@3.png);
    }
}
.league-faq-cash {
    margin-bottom: 30px !important;
}
.league-faq-cash:before {
    background-image: url(/joxi/wazamba/leagues/terms/icon_2.png);
    background-size: cover;
    margin-top: -20px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-faq-cash:before {
        background-image: url(/joxi/wazamba/leagues/terms/icon_2@2.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-faq-cash:before {
        background-image: url(/joxi/wazamba/leagues/terms/icon_2@3.png);
    }
}
.league-faq-table {
    background: #ffffff1f;
    border-radius: 8px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 260px;
    height: 48px;
    margin-block: -22px 8px;
    margin-inline: 29px 0;
    padding: 14px 24px;
    display: flex;
}
.league-faq-table span {
    margin: 0;
    padding: 0;
}
.league-faq-table span:first-child {
    color: #ffedd2;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}
.league-faq-table span:nth-child(2) {
    color: #e7c466;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.profile-league__subtitle {
    color: #fff;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}
.profile-league__level {
    text-align: center;
    background: #00000040;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    max-width: 388px;
    margin: 26px auto 25px;
    padding-block: 8px;
    padding-inline: 56px 22px;
    display: flex;
    position: relative;
    inset-inline-start: 46px;
}
.profile-league__level-icon {
    inset-inline-start: -54px;
    position: absolute;
    top: -14px;
    transform: scale(1.3);
}
.profile-league__level-icon .icon-league {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 101px;
    height: 86px;
}
.profile-league__level-text {
    text-align: start;
    flex-direction: column;
    display: flex;
}
.profile-league__level-text span.lg {
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    cursor: pointer;
    padding-bottom: 6px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    position: relative;
}
.profile-league__level-text span.sm {
    color: #fffc;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}
.profile-league__level-btn {
    margin-inline-start: auto;
    transform: scaleX(-1);
}
.rtl-lang .profile-league__level-btn svg {
    transform: scaleX(-1);
}
.profile-league__level.is-full {
    display: none;
}
@media screen and (min-width: 1680px) {
    .profile-league__level.is-full {
        display: flex;
    }
    .profile-league__level.is-med {
        display: none;
    }
}
.profile-league__benefits {
    background-image: url(/joxi/wazamba/leagues/popup/wood-body.png);
    background-position: 40px bottom;
    background-size: 133px;
    border-radius: 12px;
    padding: 20px 24px;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .profile-league__benefits {
        background-image: url(/joxi/wazamba/leagues/popup/wood-body@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .profile-league__benefits {
        background-image: url(/joxi/wazamba/leagues/popup/wood-body@3x.png);
    }
}
.profile-league__benefits-container {
    background: #32211d80;
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    padding: 17px 24px;
    display: flex;
}
.profile-league__benefits-text {
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 0.9px;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px;
}
.profile-league__benefits-withdrawals,
.profile-league__benefits-manager {
    flex-direction: column;
    align-items: center;
    display: flex;
}
.profile-league__benefits .withdrawals-limit,
.profile-league__benefits .manager-status {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 3px #ff7901) drop-shadow(0 0 10px #000000bf);
    text-align: center;
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
}
.profile-league__benefits .manager-description,
.profile-league__benefits .withdrawals-description {
    color: #fffc;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.ach-banner {
    color: #6e3923;
    background-image: linear-gradient(#fed475, #fbe675);
    border-radius: 10px;
    margin: 20px 0;
    position: relative;
    box-shadow: 0 4px 14px #cab13659;
}
.ach-banner:before {
    content: "";
    top: 0;
    background-color: #fefca7;
    width: 60%;
    height: 100%;
    position: absolute;
    inset-inline-start: 50%;
    transform: translate(-50%) skew(-30deg);
}
.rtl-lang .ach-banner:before {
    transform: translate(50%) skew(30deg);
}
.ach-banner__content {
    top: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 24px 0;
    display: flex;
    position: relative;
    inset-inline-start: 0;
}
.ach-banner__img {
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    justify-content: flex-end;
    align-items: center;
    width: 340px;
    display: flex;
}
.ach-banner__img_island {
    background-position: 50%;
    height: 312px;
}
.ach-banner__img_leaf {
    background-position: 100%;
    height: 228px;
}
.rtl-lang .ach-banner__img_leaf {
    transform: scaleX(-1);
}
.ach-banner__info {
    max-width: calc(100% - 340px);
    padding: 0 20px;
}
.ach-banner__title {
    letter-spacing: 1.6px;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 32px;
    font-weight: 800;
}
.ach-banner__title_purple {
    background-image: radial-gradient(circle, #9547e9, #721dac);
}
.ach-banner__title_orange {
    background-image: linear-gradient(#ff7a00, #b75637 95%);
}
.ach-banner__subtitle {
    margin-top: 16px;
    font-size: 18px;
    font-weight: 800;
}
.ach-banner__text {
    margin-top: 12px;
    font-weight: 500;
    line-height: 1.88;
}
.ach-banner__btns {
    padding-top: 8px;
}
@media screen and (min-width: 1280px) {
    .ach-banner__info {
        max-width: calc(100% - 350px);
        padding-block: 0;
        padding-inline: 60px 20px;
    }
    .ach-banner__img_island {
        background-position: 50%;
        background-size: 314px 314px;
    }
}
.ach-card {
    padding: 20px 0 25px;
    display: block;
}
.ach-card__title {
    text-align: center;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 1.2px;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#f4d642, #fcfe7e 93%, #fff);
    background-clip: text;
    font-size: 24px;
    font-weight: 800;
}
.ach-card__list {
    justify-content: center;
    padding-top: 5px;
    display: flex;
}
.ach-card__item {
    text-align: center;
    max-width: 116px;
    margin: 8px 8px 0;
}
@media screen and (min-width: 1280px) {
    .ach-card__item {
        max-width: 156px;
    }
}
.ach-dashboard {
    position: relative;
}
.ach-dashboard:after {
    content: "";
    background-image: linear-gradient(#071f3e00, #071f3e);
    height: 390px;
    position: absolute;
    bottom: -170px;
    left: -20px;
    right: -250px;
}
@media screen and (min-width: 1440px) {
    .ach-dashboard:after {
        bottom: -300px;
    }
}
@media screen and (min-width: 1680px) {
    .ach-dashboard:after {
        bottom: -450px;
    }
}
.ach-dashboard__title {
    letter-spacing: 1.8px;
    color: #fff;
    text-align: center;
    padding: 60px 0 40px;
    font-size: 36px;
    font-weight: 800;
}
.ach-dashboard__content {
    background: url(/joxi/wazamba/shop_unloged_items.png) 0 0 / auto 100% no-repeat;
    width: 756px;
    height: 454px;
    margin: 0 auto;
}
.rtl-lang .ach-dashboard__content {
    background: url(/joxi/wazamba/shop_unloged_items_ar_lang.png) 0 0/100% no-repeat;
}
.ach-dashboard__card {
    z-index: 50;
    width: 464px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (min-width: 1280px) {
    .ach-dashboard__content {
        width: 1012px;
        height: 503px;
    }
}
.ach-game-item {
    background: url(/joxi/wazamba/desktop/img/ach-game_1.svg) no-repeat;
    width: 284px;
    position: relative;
}
.ach-game-item.is-status2,
.ach-game-item.is-status3 {
    background: url(/joxi/wazamba/desktop/img/ach-game_2.svg) no-repeat;
}
.ach-game-item:before {
    content: "";
    padding-top: 102%;
    display: block;
}
.ach-game-item__img {
    top: 6px;
    background-position: 50%;
    background-size: cover, cover;
    width: calc(100% - 12px);
    height: calc(100% - 16px);
    position: absolute;
    inset-inline-start: 6px;
    mask: url(/joxi/wazamba/desktop/img/ach-game_mask.svg) 100% 100% no-repeat;
}
.ach-game-item__ico {
    top: 75px;
    width: 142px;
    height: 142px;
    position: absolute;
    inset-inline-start: calc(50% - 71px);
}
.ach-game-item__ico-img {
    background-image: url(https://clipart.info/images/ccovers/1495576485lego-batman-head-png-clipart.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
.is-status0 .ach-game-item__ico-img,
.is-status1 .ach-game-item__ico-img {
    filter: brightness(0) invert();
}
.ach-game-item__ico-text {
    color: #721dac;
    top: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 48px;
    font-weight: 800;
    display: flex;
    position: absolute;
    inset-inline-start: 0;
}
.is-status2 .ach-game-item__ico-text,
.is-status3 .ach-game-item__ico-text {
    display: none !important;
}
.ach-game-item__progress {
    letter-spacing: 1px;
    top: -4px;
    background-color: #071f3e;
    border-radius: 25px;
    height: 47px;
    padding: 0 12px;
    font-size: 18px;
    font-weight: 800;
    line-height: 47px;
    position: absolute;
    inset-inline-start: -4px;
    box-shadow: 0 3px 6px #0006;
}
.is-status3 .ach-game-item__progress {
    display: none;
}
.ach-game-item__name {
    text-align: center;
    text-shadow: 0 2px 4px #00000040;
    top: 45px;
    width: 100%;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 800;
    position: absolute;
    inset-inline-start: 0;
}
.ach-game-item__btns {
    bottom: 30px;
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
    position: absolute;
    inset-inline-start: 0;
}
.ach-game-item__btn {
    margin-top: 10px;
}
@media screen and (min-width: 1280px) {
    .ach-game-item {
        width: 306px;
    }
}
.rtl-lang .ach-game-item__ico-text {
    transform: scaleX(-1);
}
.rtl-lang .ach-wrapper {
    direction: rtl;
}
.ach-info {
    align-items: center;
    padding: 30px 0 90px;
    display: flex;
}
.ach-info__img {
    background: url(/joxi/wazamba/islands/5.png) 50% / contain no-repeat;
    flex-shrink: 0;
    width: 465px;
    height: 465px;
}
.rtl-lang .ach-info__img {
    transform: scaleX(-1);
}
.ach-info__content {
    flex-grow: 1;
    padding-inline-start: 20px;
}
.ach-info__title {
    color: #fff;
    letter-spacing: 1.8px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
}
.ach-info__text {
    padding-top: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.52;
}
.ach-info__btns {
    text-align: center;
    padding-top: 20px;
}
.ach-info__chat {
    padding-top: 10px;
}
.ach-info__chat div {
    width: max-content;
    margin-inline: auto;
}
.ach-info__hero {
    background: url(/joxi/wazamba/hero/1_0.png) 50% / contain no-repeat;
    flex-shrink: 0;
    width: 376px;
    height: 376px;
    display: none;
}
@media screen and (min-width: 1440px) {
    .ach-info__hero {
        display: block;
    }
}
@media screen and (min-width: 1680px) {
    .ach-info__img {
        width: 456px;
        height: 456px;
    }
    .ach-info__hero {
        width: 453px;
        height: 453px;
    }
}
.ach-item {
    width: 130px;
    display: block;
}
.ach-item_small {
    width: 100px;
}
.ach-item_big {
    width: 220px;
}
.ach-item_red {
    width: 100% !important;
}
.ach-item__wrap {
    background: url(/joxi/wazamba/sprite-icons-3.png) 0/564%;
    border-radius: 18px;
    padding-top: 102.3%;
    position: relative;
}
.ach-item__wrap.is-status2,
.ach-item__wrap.is-status3 {
    background-position: 22%;
}
.ach-item__img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: absolute;
    top: 10px;
    left: 10px;
}
.is-status0 .ach-item__img,
.is-status1 .ach-item__img {
    filter: brightness(0) invert(10%) sepia(67%) saturate(1148%) hue-rotate(182deg) brightness(98%) contrast();
}
.ach-item__progress {
    z-index: 7;
    background: #fff;
    border-radius: 4px;
    width: 65%;
    height: 8px;
    display: none;
    position: absolute;
    bottom: 26%;
    left: 17%;
    overflow: hidden;
    box-shadow: 0 2px 2px #00000040;
}
.is-status1 .ach-item__progress {
    display: flex;
}
.ach-item__progress-str {
    background-image: linear-gradient(#a0ff00, #68f284 95%);
    border-radius: 4px;
    height: 8px;
}
.ach-item__time {
    background: #18c5ff;
    border-radius: 11px;
    height: 21px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 700;
    line-height: 21px;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translate(-50%);
}
.ach-item__wrap:not(:hover) .ach-item__tooltip {
    display: none;
}
.ach-item__btns {
    max-width: 100%;
    margin-top: 15px;
}
@media screen and (min-width: 1280px) {
    .ach-item {
        width: 140px;
    }
    .ach-item_small {
        width: 130px;
    }
    .ach-item_big {
        width: 220px;
    }
}
.ach-label {
    color: #fff;
    z-index: 20;
    top: 0;
    background-image: radial-gradient(circle at 0 0, #9547e9, #721dac);
    border-radius: 18px;
    align-items: center;
    height: 36px;
    padding: 0 12px;
    font-size: 18px;
    font-weight: 800;
    line-height: 36px;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}
.ach-label:after {
    content: "";
    background-image: url(/joxi/wazamba/sprite-tournament-page.png);
    background-position: 0 -41px;
    background-size: 144px;
    width: 21px;
    height: 21px;
    margin-inline-start: 5px;
}
.ach-label_bottom {
    top: inherit;
    bottom: 0;
    inset-inline-end: 50%;
    transform: translate(50%, 50%);
}
.ach-label_0 {
    color: #fff9;
    background-image: radial-gradient(circle at 0 0, #22063f, #340754);
}
.ach-label_0:after {
    opacity: 0.6;
}
.ach-label_3 {
    display: none !important;
}
.ach-notification {
    z-index: 5000;
    position: fixed;
    top: 20px;
    right: 20px;
}
.ach-notification__item {
    width: 422px;
}
.ach-notification__row {
    padding: 15px 30px;
    display: flex;
    position: relative;
}
.ach-notification__img {
    background: url(/joxi/wazamba/sprite-icons-3.png) 22%/564%;
    flex-shrink: 0;
    width: 90px;
    height: 92px;
    position: relative;
}
.ach-notification__content {
    color: #6e3923;
    flex-grow: 1;
    width: 260px;
    padding-left: 20px;
}
.ach-notification__title {
    padding: 10px 0 5px;
    font-weight: 800;
}
.ach-notification__btns {
    padding-top: 5px;
}
.ach-section {
    width: 748px;
    margin: 40px auto 0;
}
.ach-section__header {
    padding-bottom: 10px;
    display: flex;
}
.ach-section__title {
    letter-spacing: 1.8px;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#fff, #fcfe7e 7%, #f4d642);
    background-clip: text;
    flex-shrink: 0;
    font-size: 36px;
    font-weight: 800;
}
.ach-section__title-text {
    padding-top: 19px;
    padding-inline-start: 15px;
    font-size: 16px;
    font-weight: 500;
}
.ach-section__name {
    padding: 4px 0;
    font-size: 16px;
    font-weight: 800;
}
.ach-section__box {
    display: block;
}
@media screen and (min-width: 1280px) {
    .ach-section {
        width: 972px;
    }
    .ach-section__name {
        padding: 15px 0;
    }
    .ach-section__big {
        margin-inline-end: 26px;
    }
}
.ach-section__box + .ach-section__box {
    border-top: 1px solid #203c60;
}
.ach-tooltip {
    z-index: 510;
    top: 50%;
    padding-inline-start: 13px;
    position: absolute;
    inset-inline-start: 100%;
    transform: translateY(-50%);
}
.ach-tooltip:before {
    content: "";
    border-top: 10px solid #0000;
    border-inline-end: 10px solid #fff;
    inset-inline-start: 3px;
    border-bottom: 10px solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: calc(50% - 10px);
}
.ach-tooltip__content {
    text-align: center;
    color: #6e3923;
    background-color: #fff;
    border-radius: 20px;
    min-width: 215px;
    padding: 15px 25px;
    font-size: 13px;
    box-shadow: 0 3px 13px #0003;
}
.ach-tooltip__title {
    font-weight: 600;
}
.ach-tooltip__prize {
    letter-spacing: 0.7px;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#b75637 5%, #ff7a00);
    background-clip: text;
    margin: 8px 0 6px;
    font-size: 14px;
    font-weight: 800;
}
.ach-tooltip__btns {
    margin-top: 10px;
}
.ach-total {
    bottom: 0;
    align-items: flex-end;
    display: flex;
    position: absolute;
    inset-inline-end: 0;
}
.ach-total__key {
    letter-spacing: 0.9px;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#f4d642, #fcfe7e 93%, #fff);
    background-clip: text;
    font-size: 18px;
    font-weight: 700;
}
.ach-total__val {
    letter-spacing: 1.8px;
    margin: 0 8px;
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
}
.ach-total__img {
    background-image: url(/joxi/wazamba/sprite-icons-2.png), url(/joxi/wazamba/sprite-icons-3.png);
    background-position:
        -5px -131px,
        -49px;
    background-size: 162px, 278px;
    width: 51px;
    height: 51px;
    margin-bottom: -7px;
}
.ach-widget {
    text-align: center;
}
.ach-widget__title {
    color: #6e3923;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 1.2px;
    font-size: 24px;
    font-weight: 800;
}
.ach-widget__total {
    justify-content: center;
    align-items: center;
    height: 163px;
    display: flex;
}
.ach-widget__total-ico {
    background-image: url(/joxi/wazamba/wazamba-v01/hero-room/achievements_icon.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 205px;
    height: 205px;
}
.rtl-lang .ach-widget__total-ico {
    background-image: url(/joxi/wazamba/wazamba-v01/hero-room/achievements_icon-ar.png);
}
.ach-widget__total-count {
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 2.4px;
    width: 120px;
    font-size: 48px;
    font-weight: 800;
}
.ach-widget__box {
    height: 180px;
    display: block;
}
.ach-widget__last {
    color: #fff;
    letter-spacing: 0.7px;
    text-align: left;
    background-color: #6e392380;
    width: 310px;
    margin: 30px 0 20px;
    padding: 5px 15px 5px 120px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.41;
    position: relative;
}
.ach-widget__last-item {
    width: 100px;
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
}
.ach-widget__last-desc {
    height: 76px;
    max-height: 76px;
    overflow: hidden;
}
.auth-submit-btn {
    cursor: pointer;
    background: linear-gradient(#a0ff00 0%, #68f284 95.03%);
    border: 0;
    border-radius: 14px;
    outline: 0;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: 288px;
    margin: 0 auto;
    padding: 5px;
    font-family: Montserrat, sans-serif;
    display: flex;
    box-shadow: 0 2px #38b751;
}
.auth-submit-btn:after {
    content: attr(name);
    white-space: nowrap;
    text-align: center;
    color: #fff;
    text-shadow:
        0 2px #1f6b06,
        0 2px 2px #0006;
    background: #3ed70b;
    border-radius: 11px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    padding: 0 15px;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    display: flex;
    overflow: hidden;
    box-shadow: inset 0 0 3px #00000040;
}
.auth-submit-btn.is-emty {
    opacity: 0.4;
    cursor: unset;
    background: #d2d5d9;
    box-shadow: 0 2px #000000d1;
}
.auth-submit-btn.is-emty:after {
    background: #a0b4c5;
    box-shadow: inset 0 0 3px #00000040;
}
.quick-accept-btn {
    background: linear-gradient(#a0ff00 0%, #68f284 95.03%);
    border: 0;
    border-radius: 60px;
    outline: 0;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: 84px;
    margin: 0 auto;
    padding: 5px;
    font-family: Montserrat, sans-serif;
    display: flex;
    box-shadow: 0 2px #38b751;
}
.quick-accept-btn:after {
    content: attr(name);
    white-space: nowrap;
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
    background: #3ed70b;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 800;
    line-height: 17px;
    display: flex;
    overflow: hidden;
    box-shadow: inset 0 0 3px #00000040;
}
.quick-accept-btn:disabled {
    opacity: 0.3;
}
.quick-promo-input {
    text-indent: 12px;
    background: #fff;
    border: 1px solid #22567c;
    border-radius: 8px;
    width: 169px;
    height: 48px;
    font-family: Montserrat, sans-serif;
    box-shadow: inset 1px 1px 3px #0000003b;
}
.quick-promo-input::placeholder {
    color: #3c3c3c;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.is-reg-amount {
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #ffcf01;
    text-shadow:
        0 1px #cc2500,
        0 4px 4px #00000059;
    text-indent: 20px;
    background: #4d90bfa1;
    border: 1px solid #143251;
    border-radius: 14px 0 0 14px;
    width: 100%;
    height: 48px;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    box-shadow: inset 0 2px 1px #00000059;
}
.is-reg-amount::placeholder {
    color: #fff6;
    text-shadow: none;
    font-size: 16px;
    font-weight: 600;
}
.form-item-drop {
    z-index: 9;
    display: block;
    position: relative;
}
.form-item-drop:after {
    content: "";
    opacity: 0.9;
    pointer-events: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC40OTc5MjUgMS42MzQzNEMwLjQ5NzkyNSAxLjkyNTg0IDAuNjExNjI2IDIuMjE3NTQgMC44MzkxMjYgMi40MzkwNEw1LjAwMDM0IDYuNTAwMDZMOS4xNjEyNSAyLjQzOTA0QzkuNjEzNTUgMS45OTc3NCA5LjYxNTc1IDEuMjc5NTQgOS4xNjY0NSAwLjgzNTAzM0M4LjcxNzE1IDAuMzkwNDMxIDcuOTg2NTQgMC4zODgwMzEgNy41MzM3NCAwLjgyOTYzM0w1LjAwMDM0IDMuMzAyNTVMMi40NjU3MyAwLjgyOTYzM0MyLjAxMzEzIDAuMzg4MDMxIDEuMjgyMzMgMC4zOTA0MzEgMC44MzI5MjYgMC44MzUwMzNDMC42MDk3MjYgMS4wNTY1MyAwLjQ5NzkyNSAxLjM0NTI0IDAuNDk3OTI1IDEuNjM0MzRaIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}
.is-reg-btn {
    color: #fff;
    -webkit-appearance: none;
    cursor: pointer;
    background: linear-gradient(#00000008, #00000008), linear-gradient(#105485a8 0%, #153c58a8 100%);
    border: 1px solid #143251;
    border-radius: 0 14px 14px 0;
    align-items: center;
    width: 111px;
    height: 52px;
    padding: 12px 30px 12px 20px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    display: flex;
    box-shadow: inset 0 2px 1px #00000059;
}
.is-reg-btn option {
    background: #214b6a;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
.is-reg-btn:disabled {
    color: #ffffff52;
    background: linear-gradient(#487493, #487493), linear-gradient(#105485a8 0%, #153c58a8 100%);
    box-shadow: -2px 0 2px #051b2b59;
}
.is-reg-btn:focus {
    background: linear-gradient(#00000008, #00000008), linear-gradient(#105485a8 0%, #153c58a8 100%);
    border-color: #143251;
}
.form-buttons.register-btn {
    margin-top: 36px;
}
.form-buttons button {
    width: 100%;
}
.registration-with-deposit {
    position: relative;
}
.registration-with-deposit__back {
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALhSURBVHgBzZm/T1NRFMe/5xU1OjVRkMTBFhZgkbEyFdCETfgLgL/Awj9A2Zzs+w+A0UnYJArUiW52giYm8EYTGHDCRPqO5z4qSl5pe+69JHySpk3zXt+n9+c55xI8UpoZydFvKsnHN/LKJV8S6sRUj+/Fq+GnRgRLCJ5Ymh59K29hp2tEuPx+92AVFmTggdKrkRUCvet6IaE4Mfw0u390sg0lzi2aSEpLae7hJk+G1UZVc08AB2wkDZShFSjpgyVL0yPzsJBsMQ4lVi2aSILWYU8WStSipddj446SMkipDiUqUSNJMfbgCFN8e6LJYp5IsrrbrsGI0IR6Le1JtLXjuEsKHNOcLE0RlHSd9f8kW1uiA8y8GFYP1d1u6Ljge5fcbazDkhu73qekzJ5VF0lDW9FSMZelC/oIT5KV3YMyHEl1fSLZ93BPZqd690jhSdKQatEg82jtrkkarokuT4+tMXgWrniWNFx1/fLUaIUJJbizUdk5XIBnkhY14dpdljT02caUKRh1js99/Nm2mBb1kzc5heDdydSOTquF4SckOU8RbgwGwf3B/eOTLdwCSXJnZF8O9ecB52VpfGJoIHcbsldZaO34dNObrGWm2Ylr6XJLtgjnrZMLE/kBSMt+hSdSU4CbD+ZsUoXU7xCXl6fG1NnmTaQKELXox6/C82cfiOIZWQ8G4YIpOHhq2baVkkvZx9tENCsPc4vqRbaQ7/8pw6oGBzoHzkWJSQOJSclDuAdeqOw0NmBJ18X+rsj2tCt5lD3j4GIy/PxdPVl73j4vZYNvUjt0zUTPuHmeD6vRmeamnndok+JyjElZd1QPaEOWgkfq4EUVSoTVg3oi6wrxPJSoY55EVlJfuJGDEqvgzKS+jrLq4WMdRSayxFb1eEE9651q+LaxrJTGF2vRaaS5x/mwQS1rqiZ7h+tQ4uVUpGdZhzTa2zmTIdkUMlRmxgux/huAR/LakvG8GX7RnYT8zx/ZgS4D0EtnMQAAAABJRU5ErkJggg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    width: 42px;
    height: 42px;
}
.registration-with-deposit__title {
    text-align: center;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(#8f5738 0%, #6e3923 100%) text;
    align-items: center;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    display: flex;
}
.registration-with-deposit .auth-with-deposit__close {
    position: unset;
}
.registration-with-deposit__header {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 16px;
    padding: 0 8px 12px;
    display: flex;
}
.registration-with-deposit__header .button {
    position: absolute;
    left: 80px;
}
.registration-with-deposit__steps {
    transition: all 0.3s;
}
.registration-with-deposit__step {
    transition: none;
}
.registration-with-deposit
    .button:not(.registration-slider__arrow_prev):not(.registration-slider__arrow_next):not(.slick-arrow) {
    margin: 0 auto 20px;
}
.registration-with-deposit .to-back .ng-enter {
    position: absolute;
    transform: translate(-150%);
}
.registration-with-deposit .to-back .ng-enter-active {
    transform: translate(0%);
}
.registration-with-deposit .to-back .ng-leave {
    position: absolute;
    transform: translate(0%);
}
.registration-with-deposit .to-back .ng-leave-active {
    transform: translate(150%);
}
.registration-with-deposit__fastdep div {
    letter-spacing: 0.7px;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: none;
}
.registration-with-deposit__promo-text {
    letter-spacing: 0.05em;
    color: #6e3923;
    text-align: center;
    font-size: 14px;
    font-weight: 900;
    line-height: 22px;
}
.registration-with-deposit__promotions {
    margin: 30px auto 0;
}
.registration-with-deposit-slider__slick {
    height: 320px;
    position: relative;
}
.registration-with-deposit-slider__slick .slick-track {
    min-width: 400px;
}
.registration-with-deposit-slider__slick:before {
    content: "";
    background-image: url(/joxi/wazamba/regisrtation-page/auth-registration-bg-name.png),
        url(/joxi/wazamba/regisrtation-page/auth-registration-bg.png);
    background-position:
        50% 109%,
        50%;
    background-repeat: no-repeat;
    background-size:
        170px 73px,
        contain;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .registration-with-deposit-slider__slick:before {
        background-image: url(/joxi/wazamba/regisrtation-page/auth-registration-bg-name@2x.png),
            url(/joxi/wazamba/regisrtation-page/auth-registration-bg@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .registration-with-deposit-slider__slick:before {
        background-image: url(/joxi/wazamba/regisrtation-page/auth-registration-bg-name@3x.png),
            url(/joxi/wazamba/regisrtation-page/auth-registration-bg@3x.png);
    }
}
.registration-with-deposit-slider__slick-arrow {
    z-index: 10;
    cursor: pointer;
    box-sizing: border-box;
    background-color: #ff7800;
    background-image: linear-gradient(#ff7800, #f97600), linear-gradient(#f90, #f2a268);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    border: 5px solid #0000;
    border-radius: 80px;
    width: 46px;
    height: 46px;
    display: inline-block;
    position: absolute;
    bottom: 80px;
    overflow: hidden;
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #b75637;
}
.registration-with-deposit-slider__slick-arrow:hover {
    background-image: linear-gradient(#ff7800, #ff4d00), linear-gradient(#ffad32, #fdc399 95%);
}
.registration-with-deposit-slider__slick-arrow:before {
    content: "";
    background-image: url(/joxi/wazamba/desktop/img/icon-arrow_bottom.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.registration-with-deposit-slider__slick-arrow.styles-next {
    margin-left: -154px;
    left: 50%;
}
.registration-with-deposit-slider__slick-arrow.styles-next:before {
    transform: translate(-50%, -50%) rotate(90deg);
}
.registration-with-deposit-slider__slick-arrow.styles-prev {
    margin-right: -154px;
    right: 50%;
}
.registration-with-deposit-slider__slick-arrow.styles-prev:before {
    transform: translate(-50%, -50%) rotate(-90deg);
}
.registration-with-deposit-slider__slick .slick-dots {
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 30px;
    display: flex;
}
.registration-with-deposit-slider__slick .slick-dots li {
    background: #5b25204a;
    border-radius: 50%;
    width: 6px;
    height: 6px;
}
.registration-with-deposit-slider__slick .slick-dots li button {
    background-color: #0000;
    border: none;
    font-size: 0;
    line-height: 0;
}
.registration-with-deposit-slider__slick .slick-dots li.slick-active {
    background: #5b2520e3;
}
.registration-with-deposit-slider__item {
    background-image: url(/joxi/wazamba/hero/island.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 186px;
    min-width: 400px;
    height: 246px;
    margin: 26px auto 0;
}
.registration-with-deposit-slider__item.swiper-slide-active {
    z-index: 1;
    transform: scale(1);
}
.registration-with-deposit-slider__img {
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto 186px;
    width: 186px;
    height: 100%;
    margin: 0 auto;
    transition: all 0.5s;
    transform: scale(0.63);
}
.registration-with-deposit-slider__name {
    text-align: center;
    color: #ffcf01;
    text-shadow:
        0 1px #cc2500,
        0 4px 4px #00000059;
    background-position: 50% 6px;
    background-repeat: no-repeat;
    background-size: 162px 60px;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 48px;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
}
.registration-with-deposit-slider__btn {
    padding-top: 36px;
}
.registration-with-deposit-slider__btn .chose-avatar-btn {
    width: fit-content;
    min-width: 304px;
    font-family: Montserrat;
    font-size: 18px;
    line-height: 22px;
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #37b751;
}
.registration-with-deposit-slider__btn .has-text-centered {
    justify-content: center;
    width: 100%;
    display: flex;
}
.slick-current .registration-with-deposit-slider__img {
    z-index: 1;
    transform: scale(1);
}
.close-registration {
    margin-bottom: -40px;
    margin-left: -10px;
}
.custom-input {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    max-width: 304px;
    margin: 0 auto;
    display: flex;
}
.custom-input button.g-btn {
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #3c8ae2;
}
.custom-input select,
.custom-input input[type="number"],
.custom-input input[type="email"],
.custom-input input[type="password"],
.custom-input input[type="date"],
.custom-input input[type="tel"],
.custom-input input[type="text"] {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #d2af75;
    border-radius: 8px;
    width: 100%;
    padding-block: 15px 16px;
    padding-inline: 20px 44px;
    line-height: 1;
    box-shadow: inset 1px 1px 3px #0000003b;
}
.custom-input select::placeholder,
.custom-input input[type="number"]::placeholder,
.custom-input input[type="email"]::placeholder,
.custom-input input[type="password"]::placeholder,
.custom-input input[type="date"]::placeholder,
.custom-input input[type="tel"]::placeholder,
.custom-input input[type="text"]::placeholder {
    color: #b9b9b9;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.custom-input .input-wrap .custom-input__password {
    padding-inline-end: 84px;
}
.custom-input select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAM1BMVEUAAACahn2ahn2bhn2XhYCVhYCahX2ahn6fgICah3yahnyXg3uZhX2ahX2ahXyZhn2ahn3N8dC9AAAAEHRSTlMA799/IDBgXxCgz0CAv5Bw5GWISAAAAIVJREFUOMvt0MESRTAMheGTVLW4l7z/04oOk5kOqa3hX9F8q4OvV5WI060ri8ilDHqk/ZtEW66d8P7Ty1Y4c0M59WjIPIpGE+DLjkXjDnBk5ayJahnLy5hRFSuZZGtQ58tQ3A+aJ8350ubzZf4f81mnyxXOEWhKm8+XNp8vj/nakmZ8PacVHtgJpsxgYbEAAAAASUVORK5CYII=);
    background-position: 94%;
    background-repeat: no-repeat;
    background-size: 20px;
}
.custom-input select:disabled {
    color: #8e8e8e;
    background: #d2d2d2;
    border-color: #d2d2d2;
}
.custom-input input[type="date"] {
    -webkit-appearance: none;
    color: #797979;
    letter-spacing: 0.7px;
    text-indent: 20px;
    background: #fff;
    border: 1px solid #d2af75;
    border-radius: 8px;
    justify-content: left;
    width: 100%;
    height: 48px;
    padding: 14px 20px 14px 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: grid;
    box-shadow: inset 1px 1px 3px #0000003b;
}
.custom-input input[type="date"]::placeholder {
    color: #b9b9b9;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.custom-input input.ng-valid.ng-dirty {
    box-shadow: none;
    background-color: #fff;
    border-color: #3ed70b;
}
.custom-input input.ng-valid.ng-dirty ~ .icon-label {
    top: 36px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8BAMAAADI0sRBAAAAHlBMVEUAAAAzuUAyukAzukAzukAzukAyukAyuEAyu0AzuUAV5MIAAAAACXRSTlMAn5/vn4+ggH+/ey1UAAAAhklEQVQ4y+3OIQqAQBCFYRUUo9Uj2AQx2MQTWD2CbavZEwiWd1sHhmk7r2iS/evwMS9LpV53juxaAIGcO6CnGD3FWCm+OG6+w/WwMrzhZp8nYPawno3vkdkHjFex2TmEe1hqldtnh9tshxt2uIeVL4o9DsUeV8y4YMIFE06wcMGkcghZ6tc9uxxQtWJL8/gAAAAASUVORK5CYII=);
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    inset-inline-end: 20px;
}
.custom-input input.ng-valid.ng-dirty ~ .show-password {
    inset-inline-end: 48px;
}
.custom-input .show-password {
    width: 20px;
    height: 20px;
    margin-top: unset;
    top: 36px;
    inset-inline-end: 20px;
}
.custom-input .show-password:before {
    background-size: contain;
    width: 20px;
    height: 20px;
}
.custom-input input.ng-invalid.ng-touched {
    background-color: #fff;
    border-color: #e02121;
    box-shadow: inset 1px 1px 3px #0000003b;
}
.custom-input .g-form-error {
    margin-bottom: 0;
}
.custom-input input[type="checkbox"] {
    display: none;
}
.custom-input input[type="checkbox"] ~ label {
    display: flex;
}
.custom-input input[type="checkbox"] ~ label .check-block {
    vertical-align: text-top;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d2af75;
    border-radius: 4px;
    width: 26px;
    height: 26px;
    display: inline-block;
    position: relative;
    box-shadow: inset 1px 1px 3px #0000003b;
}
.custom-input input[type="checkbox"]:checked ~ label .check-block {
    background-color: #42b601;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACKSURBVHgBlZFhDYAgEIWpYANtoA1sohFsgA2IZANtAA2wgefdhA3wEPy294fje2OHEJUAAGXGnBiNmf6IA8TYWrHDmETW/kJLycgNI16YhYYyOJSMvMGb1Q9TZCAqZq7C5oMrgPhFnj19Vg/P+kvQ97TcUkoFFjILLRXQZkdRIlOwiFpcgXEln+INa2x38DXSAgIAAAAASUVORK5CYII=);
    background-position: 50%;
    background-repeat: no-repeat;
}
.custom-input input[type="checkbox"] ~ label .check-text {
    color: #905e3a;
    word-break: break-word;
    cursor: pointer;
    flex-basis: calc(100% - 26px);
    align-items: center;
    width: calc(100% - 26px);
    margin-left: 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}
.custom-input input[type="checkbox"] ~ label .check-text.is-light {
    color: #664133;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}
.custom-input .input-wrap {
    margin-bottom: 8px;
    display: block;
    position: relative;
}
.custom-input .form-item__label {
    color: #6e3923;
    opacity: 0.7;
    padding: 0 4px 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    display: block;
}
.custom-input .ui-datepicker-month,
.custom-input .ui-datepicker-year {
    padding: 0 10px;
}
.custom-input .g-form-label {
    min-height: unset;
}
.custom-input .g-form-tooltip {
    background: #fff3b5;
    border-radius: 8px;
    width: 220px;
    margin: 6px 0 0;
    padding: 12px 16px;
    box-shadow: 0 4px 5px #6e392373;
}
.custom-input .g-form-tooltip p {
    letter-spacing: 0.05em;
    padding-left: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 140%;
}
.custom-input .g-form-tooltip p:before,
.custom-input .g-form-tooltip p:after {
    content: none;
}
.custom-input .g-form-tooltip:after {
    border-right: 9px solid #fff3b5;
    top: 60%;
}
.custom-input .g-input-has-tooltip:focus + .g-form-label .g-form-tooltip {
    display: block;
}
.custom-input .g-input-has-tooltip + .g-form-label .g-tooltip-min,
.custom-input .g-input-has-tooltip + .g-form-label .g-tooltip-number,
.custom-input .g-input-has-tooltip + .g-form-label .g-tooltip-low,
.custom-input .g-input-has-tooltip + .g-form-label .g-tooltip-up {
    background: unset;
    color: #de0000;
}
.custom-input .g-input-has-tooltip.ng-valid-min + .g-form-label .g-tooltip-min,
.custom-input .g-input-has-tooltip.ng-valid-number + .g-form-label .g-tooltip-number,
.custom-input .g-input-has-tooltip.ng-valid-low + .g-form-label .g-tooltip-low,
.custom-input .g-input-has-tooltip.ng-valid-up + .g-form-label .g-tooltip-up {
    background: unset;
    color: #33b940;
}
.custom-input input[type="radio"] {
    display: none;
}
.custom-input input[type="radio"] ~ label {
    align-items: center;
    display: flex;
}
.custom-input input[type="radio"] ~ label .radio-block {
    vertical-align: text-top;
    cursor: pointer;
    background: #f5f4ee;
    border: 1px solid #d4cfba75;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    box-shadow: inset 0 2px 2px #00000047;
}
.custom-input input[type="radio"]:checked ~ label .radio-block {
    background: #f5f4ee;
}
.custom-input input[type="radio"]:checked ~ label .radio-block:after {
    content: "";
    box-sizing: content-box;
    border: 6px solid #42b601;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 0;
    left: 0;
}
.custom-input input[type="radio"] ~ label .radio-text {
    letter-spacing: 0.7px;
    color: #6e3923;
    cursor: pointer;
    max-width: 100px;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
    overflow: hidden;
}
.custom-input .gender-wrap {
    cursor: pointer;
    justify-content: space-around;
    align-items: center;
    gap: 8px;
    display: flex;
}
.custom-input .gender-item {
    cursor: pointer;
    background: linear-gradient(#fff7ed 0%, #efd696 100%);
    border: 1px solid #b89059bf;
    border-radius: 8px;
    width: 100%;
    padding: 14px 20px;
    box-shadow: 0 1px 1px #30170542;
}
.custom-input__check-error {
    padding-inline-start: 36px;
}
.quick-registration {
    padding-top: 80px;
}
@media screen and (min-width: 1680px) {
    .quick-registration {
        padding-top: 116px;
    }
}
.quick-registration__title {
    text-align: center;
    color: #ffcf01;
    text-shadow:
        0 1px #cc2500,
        0 4px 4px #00000059;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
.quick-registration__wrap {
    background: #0006;
    border-radius: 20px;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    display: flex;
}
.quick-registration-dropdown {
    z-index: 0;
    border-radius: 20px;
    position: relative;
}
.quick-registration-dropdown__item {
    background-color: #c19d66b3;
    border-radius: 15px;
    align-items: center;
    width: 280px;
    margin: 0 auto 12px;
    display: none;
    position: relative;
    box-shadow: inset 0 0 6px 1px #0003;
}
.quick-registration-dropdown__item.active {
    background-color: #3a1404b3;
    order: -1;
    display: flex;
    box-shadow: inset 0 0 6px 1px #000;
}
.quick-registration-dropdown .quick-registration-promo {
    display: none;
    position: relative;
}
.quick-registration-dropdown .quick-registration-promo.is-active {
    order: -1;
    display: flex;
}
.quick-registration-dropdown__bonus {
    width: 100%;
    padding: 5px 12px;
    display: flex;
}
.quick-registration-dropdown__bind {
    position: absolute;
    inset: 0;
}
.quick-registration-dropdown.open {
    z-index: 35;
    min-height: 82px;
}
.quick-registration-dropdown.open .quick-registration-promotions {
    height: unset;
    position: absolute;
}
.quick-registration-dropdown.open .quick-registration-promo {
    border-bottom: 1px solid #0000002b;
    min-height: 52px;
    display: flex;
    box-shadow: 0 1px #ffffff1f;
}
.quick-registration-dropdown.open .quick-registration-promo:last-child {
    box-shadow: none;
}
.quick-registration-dropdown.open .quick-registration-promo.is-active:after {
    opacity: 0;
}
.registration-with-deposit__form {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    max-width: 304px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
}
.registration-with-deposit__form-body {
    min-height: 165px;
}
.registration-with-deposit .form-buttons {
    justify-content: center;
    display: flex;
}
.registration-with-deposit .form-buttons .registration-btn {
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #37b751;
}
.registration-with-deposit__current-hero {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 52px;
    height: 59px;
    position: absolute;
    top: -76px;
    right: 0;
}
.registration-with-deposit__have-account {
    text-align: center;
    color: #905e3a;
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
.registration-with-deposit__block-title {
    text-align: center;
    color: #6e3923;
    margin: 40px 0 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.registration-with-deposit__form-item,
.login-form__form-item {
    margin-bottom: 8px;
    display: block;
    position: relative;
}
.auth-with-deposit-login,
.login-wrap {
    position: relative;
}
.auth-with-deposit-login:before,
.login-wrap:before {
    content: "";
    background-image: url(/joxi/wazamba/regisrtation-page/deposit-logo.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 416px;
    height: 130px;
    position: absolute;
    top: -174px;
    left: -8px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .auth-with-deposit-login:before,
    .login-wrap:before {
        background-image: url(/joxi/wazamba/regisrtation-page/deposit-logo@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .auth-with-deposit-login:before,
    .login-wrap:before {
        background-image: url(/joxi/wazamba/regisrtation-page/deposit-logo@3x.png);
    }
}
.auth-with-deposit-login__title,
.login-wrap__title {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(#8f5738 0%, #6e3923 100%) text;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
}
.auth-with-deposit-login__header,
.login-wrap__header {
    align-items: center;
    gap: 12px;
    padding: 20px 0 12px;
    display: flex;
}
.auth-with-deposit-login .auth-with-deposit__close,
.login-wrap .auth-with-deposit__close {
    position: absolute;
    top: -114px;
    right: 0;
}
.auth-with-deposit-login__remember-login,
.login-wrap__remember-login {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    text-align: start;
    background: linear-gradient(#8f5738 0%, #6e3923 100%) text;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
}
.auth-with-deposit-login__funid-btn,
.login-wrap__funid-btn {
    width: fit-content;
    height: 52px;
    margin: 0 auto;
}
.auth-with-deposit-login__footer,
.login-wrap__footer {
    cursor: pointer;
    margin-top: 24px;
    padding-block: 20px 0;
    padding-inline: 0 40px;
    position: relative;
}
.auth-with-deposit-login__footer:before,
.login-wrap__footer:before {
    content: "";
    top: 0;
    background-color: #b88a40;
    width: calc(100% + 94px);
    height: 1px;
    position: absolute;
    inset-inline-start: -48px;
    box-shadow: 0 1px #ffffff8c;
}
.auth-with-deposit-login__footer:after,
.login-wrap__footer:after {
    content: "";
    top: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALhSURBVHgBzZm/T1NRFMe/5xU1OjVRkMTBFhZgkbEyFdCETfgLgL/Awj9A2Zzs+w+A0UnYJArUiW52giYm8EYTGHDCRPqO5z4qSl5pe+69JHySpk3zXt+n9+c55xI8UpoZydFvKsnHN/LKJV8S6sRUj+/Fq+GnRgRLCJ5Ymh59K29hp2tEuPx+92AVFmTggdKrkRUCvet6IaE4Mfw0u390sg0lzi2aSEpLae7hJk+G1UZVc08AB2wkDZShFSjpgyVL0yPzsJBsMQ4lVi2aSILWYU8WStSipddj446SMkipDiUqUSNJMfbgCFN8e6LJYp5IsrrbrsGI0IR6Le1JtLXjuEsKHNOcLE0RlHSd9f8kW1uiA8y8GFYP1d1u6Ljge5fcbazDkhu73qekzJ5VF0lDW9FSMZelC/oIT5KV3YMyHEl1fSLZ93BPZqd690jhSdKQatEg82jtrkkarokuT4+tMXgWrniWNFx1/fLUaIUJJbizUdk5XIBnkhY14dpdljT02caUKRh1js99/Nm2mBb1kzc5heDdydSOTquF4SckOU8RbgwGwf3B/eOTLdwCSXJnZF8O9ecB52VpfGJoIHcbsldZaO34dNObrGWm2Ylr6XJLtgjnrZMLE/kBSMt+hSdSU4CbD+ZsUoXU7xCXl6fG1NnmTaQKELXox6/C82cfiOIZWQ8G4YIpOHhq2baVkkvZx9tENCsPc4vqRbaQ7/8pw6oGBzoHzkWJSQOJSclDuAdeqOw0NmBJ18X+rsj2tCt5lD3j4GIy/PxdPVl73j4vZYNvUjt0zUTPuHmeD6vRmeamnndok+JyjElZd1QPaEOWgkfq4EUVSoTVg3oi6wrxPJSoY55EVlJfuJGDEqvgzKS+jrLq4WMdRSayxFb1eEE9651q+LaxrJTGF2vRaaS5x/mwQS1rqiZ7h+tQ4uVUpGdZhzTa2zmTIdkUMlRmxgux/huAR/LakvG8GX7RnYT8zx/ZgS4D0EtnMQAAAABJRU5ErkJggg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    width: 42px;
    height: 42px;
    position: absolute;
    inset-inline-end: 0;
    transform: rotate(180deg);
}
.auth-with-deposit-login__not-user,
.login-wrap__not-user {
    color: #6e3923;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
}
.auth-with-deposit-login__other-acount,
.login-wrap__other-acount {
    color: #664133;
    padding-top: 2px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration-line: underline;
}
.auth-with-deposit-login__wrap button,
.login-wrap__wrap button {
    width: 100%;
}
.auth-with-deposit-login__link,
.login-wrap__link {
    text-align: center;
    padding-top: 24px;
    font-weight: 800;
    display: block;
}
.rtl-lang .auth-with-deposit-login__footer:after,
.rtl-lang .login-wrap__footer:after {
    transform: rotate(0);
}
.auth-deposit-payment {
    flex-direction: column;
    gap: 4px;
    display: flex;
}
.auth-deposit-payment__item {
    cursor: pointer;
    background: #fffcf3;
    border: 1px solid #91641e40;
    border-radius: 8px;
    align-items: center;
    gap: 12px;
    padding: 12px;
    display: flex;
    box-shadow: 0 0 #8d744680;
}
.auth-deposit-payment__logo {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 120px;
    height: 44px;
}
.auth-deposit-payment__card {
    letter-spacing: 0.05em;
    color: #6e3923;
    opacity: 0.9;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}
.auth-deposit-payment__limit {
    letter-spacing: 0.05em;
    color: #6e3923;
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
}
.auth-deposit-payment__arr {
    background-image: url(/joxi/wazamba/regisrtation-page/auth-arr.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    margin-left: auto;
}
.auth-deposit-popup.is-indent {
    margin-top: -76px;
}
.auth-deposit-popup .popup-reg-container.hide {
    display: none;
}
.auth-deposit-popup .quick-registration-dropdown.open {
    left: 2px;
}
.auth-deposit-popup .quick-registration-dropdown.open .quick-registration-promotions {
    border-radius: 14px;
}
.auth-deposit-popup .quick-registration-dropdown.open .quick-registration-promotions:after {
    content: "";
}
.auth-deposit-popup .quick-registration-dropdown.open + .auth-with-deposit-info {
    border-radius: 14px;
}
.auth-deposit-popup .quick-registration-promotions {
    border-radius: 14px 14px 0 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin: 2px auto 0;
}
.auth-deposit-popup .quick-registration-promotions:after {
    content: none;
}
.auth-deposit-popup .auth-with-deposit-info {
    color: #fff;
    text-shadow: 0 4px 4px #00000059;
    background-color: #20425b;
    border-radius: 14px 14px 0 0;
    align-items: center;
    min-height: 46px;
    margin: 2px;
    padding: 6px 0 6px 20px;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
    display: flex;
}
.auth-deposit-popup .auth-with-deposit-info__payment-icon {
    background: #ffffffbf;
    border-radius: 8px;
    height: 32px;
    margin-right: 12px;
    padding: 4px;
}
.auth-deposit-popup .auth-with-deposit-info.is-login {
    background: #be956a;
    border-radius: 0;
    min-height: 46px;
    margin: 0;
    padding: 9px 0 9px 12px;
}
.auth-deposit-popup .auth-with-deposit-info.is-dep {
    border-radius: 14px 14px 0 0;
    min-height: 46px;
    margin-top: 2px;
}
.auth-deposit-popup__wrap .quick-registration-promo__img-wrap,
.auth-deposit-popup__wrap .chose-code__img {
    display: none;
}
.auth-deposit-popup__container {
    background-image: url(/joxi/wazamba/regisrtation-page/wood-bg.png);
    background-position: top;
    background-repeat: repeat-y;
    background-size: 100%;
    border-radius: 14px;
    width: 400px;
    margin: 0 auto;
    padding-top: 1px;
}
.auth-deposit-popup__wrap + .auth-with-deposit-info {
    border-radius: 0;
    min-height: auto;
    margin: 0 2px;
}
.auth-with-deposit {
    padding: 18px 20px;
    position: relative;
}
.auth-with-deposit__title {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(#8f5738 0%, #6e3923 100%) text;
    padding-bottom: 2px;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
}
.auth-with-deposit__subtitle {
    color: #6e3923;
    opacity: 0.7;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
.auth-with-deposit__close {
    cursor: pointer;
    z-index: 10;
    position: absolute;
    right: 20px;
}
.auth-with-deposit registration-deposit-paysystems {
    margin-top: 16px;
    display: block;
}
.auth-with-deposit-registration {
    padding-bottom: 36px;
}
.quick-registration-promotions {
    cursor: pointer;
    background: linear-gradient(#3b7096 0%, #254a64 100%);
    border-radius: 14px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: relative;
}
.quick-registration-promotions:after {
    content: "";
    z-index: -1;
    background: linear-gradient(#f8e153 0%, #db7c23 100%);
    border-radius: 14px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    position: absolute;
    inset: -2px 0 0 -2px;
    box-shadow:
        0 8px 4px #0e112299,
        0 20px 40px 12px #0b2031e6;
}
.quick-registration-promotions__input {
    justify-content: center;
    align-items: center;
    font-family: Montserrat, sans-serif;
    display: flex;
    position: relative;
}
.quick-registration-promo {
    align-items: center;
    min-height: 80px;
    padding: 12px;
    display: flex;
}
.quick-registration-promo.is-pnp {
    width: 100%;
}
.quick-registration-promo.is-default {
    margin: 20px auto 22px;
}
.quick-registration-promo.is-default .quick-registration-promo__img {
    width: 90px;
    height: 98px;
}
.quick-registration-promo__img-wrap {
    align-items: center;
    height: 61px;
    display: flex;
}
.quick-registration-promo__img {
    object-fit: contain;
    width: 56px;
    height: 61px;
    display: block;
}
.quick-registration-promo .wrap {
    overflow: hidden;
}
.quick-registration-promo__label {
    cursor: pointer;
    align-items: center;
    gap: 12px;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.is-active .quick-registration-promo__label:after {
    content: "";
    opacity: 0.9;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC40OTc5MjUgMS42MzQzNEMwLjQ5NzkyNSAxLjkyNTg0IDAuNjExNjI2IDIuMjE3NTQgMC44MzkxMjYgMi40MzkwNEw1LjAwMDM0IDYuNTAwMDZMOS4xNjEyNSAyLjQzOTA0QzkuNjEzNTUgMS45OTc3NCA5LjYxNTc1IDEuMjc5NTQgOS4xNjY0NSAwLjgzNTAzM0M4LjcxNzE1IDAuMzkwNDMxIDcuOTg2NTQgMC4zODgwMzEgNy41MzM3NCAwLjgyOTYzM0w1LjAwMDM0IDMuMzAyNTVMMi40NjU3MyAwLjgyOTYzM0MyLjAxMzEzIDAuMzg4MDMxIDEuMjgyMzMgMC4zOTA0MzEgMC44MzI5MjYgMC44MzUwMzNDMC42MDk3MjYgMS4wNTY1MyAwLjQ5NzkyNSAxLjM0NTI0IDAuNDk3OTI1IDEuNjM0MzRaIiBmaWxsPSIjZmZmZmZmIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    transform: translateY(-50%);
}
.quick-registration-dropdown.open .is-active .quick-registration-promo__label:after {
    content: none;
    opacity: 0;
}
.quick-registration-promo__label .radio-block {
    flex-shrink: 0;
}
.quick-registration-promo__label .chose-code__img {
    width: 56px;
    height: 56px;
}
.quick-registration-promo__label .chose-code__title {
    color: #fff;
    padding-bottom: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
}
.quick-registration-promo__label .chose-code__promocode {
    color: #ffcf01;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow:
        0 1px #cc2500,
        0 4px 4px #00000059;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    line-height: 20px;
    overflow: hidden;
}
.quick-registration-promo__wrap {
    color: #fff;
    max-width: 220px;
    overflow: hidden;
}
.quick-registration-promo__title {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
}
.quick-registration-promo__text {
    color: #ffcf01;
    text-shadow:
        0 1px #cc2500,
        0 4px 4px #00000059;
    padding: 4px 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
}
.quick-registration-promo__subtext {
    color: #fff;
    text-shadow: 0 4px 4px #00000059;
    font-size: 16px;
    font-weight: 800;
    line-height: 16px;
}
.quick-registration-promo .promocode-input {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.quick-registration-promo .promocode-input__text {
    color: #fff;
    text-align: left;
    width: 100%;
    padding-bottom: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
}
.quick-registration-promo .promocode-input .wrap {
    align-items: center;
    gap: 4px;
    display: flex;
}
.cash-crab-guide {
    background: #071f3e;
    border-radius: 20px;
    align-self: baseline;
    width: calc(100% - 80px);
    min-width: 944px;
    max-width: 1240px;
    margin: 40px auto;
    padding: 56px 20px;
    position: relative;
    box-shadow: 0 4px 20px #0000001a;
}
.cash-crab-guide__close {
    inset-inline-end: -20px;
    position: absolute;
    top: -20px;
}
.cash-crab-guide__title {
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    text-shadow: 0 0 10px #00000040;
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
}
.cash-crab-guide__prizes {
    justify-content: center;
    margin-top: 56px;
    display: flex;
}
.cash-crab-guide__section {
    justify-content: center;
    margin: 20px auto;
    display: flex;
}
.cash-crab-guide__box {
    color: #fff;
    text-align: center;
    letter-spacing: -0.01em;
    text-shadow: 0 1px #00000040;
    justify-content: center;
    align-items: center;
    margin: 0 60px;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    display: flex;
}
.cash-crab-guide__box.is-1 {
    width: 420px;
}
.cash-crab-guide__box.is-2 {
    width: 520px;
}
.cash-crab-guide__box.is-3 {
    width: 770px;
}
.cash-crab-guide__box img {
    margin-block: 0;
    margin-inline: 0 20px;
}
.cash-crab-guide__box a {
    font-weight: 700;
}
.cash-crab-guide__box.has-column {
    flex-direction: column;
}
.cash-crab-guide__box.has-column img {
    margin: 0 0 3px;
}
.cash-crab-popup-win {
    flex-direction: column;
    align-items: center;
    width: 345px;
    font-family: Montserrat;
    display: flex;
}
.cash-crab-popup-win__image {
    opacity: 0;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: -8px;
    animation: 0.8s forwards startWinnerClawImgBox;
    display: flex;
    position: relative;
    transform: scale(0.5) translateY(200px);
}
.cash-crab-popup-win__image img {
    object-fit: contain;
    width: 282px;
    height: 282px;
    animation: 0.5s forwards startWinnerClawImg;
    position: relative;
}
.cash-crab-popup-win__image:before {
    content: "";
    background: url(/joxi/wazamba/crab/explosion-min.png) 50% / contain no-repeat;
    width: 500px;
    height: 500px;
    animation: 160s linear infinite spin;
    position: absolute;
    transform: translate(-50%, -50%);
}
.rtl-lang .cash-crab-popup-win__image:before {
    transform: translate(50%, -50%);
}
.cash-crab-popup-win__body {
    opacity: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 345px;
    animation: 0.4s 0.4s forwards startWinnerClawBody;
    display: flex;
    position: relative;
    transform: translateY(300px);
}
.cash-crab-popup-win__body.no-delay {
    animation-delay: 0s;
}
.cash-crab-popup-win__body:before {
    content: "";
    z-index: 1100;
    top: -85px;
    background: url(/joxi/wazamba/leaf.png) bottom/contain no-repeat;
    width: calc(100% + 100px);
    height: 140px;
    display: block;
    position: absolute;
    inset-inline-start: -50px;
}
.cash-crab-popup-win__body.hide-before:before {
    display: none !important;
}
.cash-crab-popup-win__name {
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    padding: 20px 0 35px;
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
}
.cash-crab-popup-win__amount {
    flex-direction: column;
    align-items: center;
    display: flex;
}
.cash-crab-popup-win__amount span {
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 3px 11px #0000005c);
    background: -webkit-linear-gradient(#fff, #fcfe7e, #f4d642);
    -webkit-background-clip: text;
}
.cash-crab-popup-win__amount span.prize {
    letter-spacing: -0.01em;
    font-size: 90px;
    font-weight: 800;
    line-height: 70px;
}
.cash-crab-popup-win__amount span.coins {
    letter-spacing: 0.05em;
    padding: 15px 0 20px;
    font-size: 28px;
    font-weight: 900;
    line-height: 28px;
}
.cash-crab-popup-win__btn {
    width: 180px;
    margin: 0 auto 20px;
}
.cash-crab-popup-win__btn a {
    cursor: pointer;
    width: 100%;
}
.cash-crab-popup-win .has-margin-bottom-16 {
    margin-bottom: 16px !important;
}
@keyframes spin {
    0% {
        transform: translate(-50% -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes startWinnerClawImgBox {
    0% {
        opacity: 0;
        transform: scale(0.5) translateY(200px);
    }
    50% {
        opacity: 1;
        transform: scale(1) translateY(200px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}
@keyframes startWinnerClawImg {
    0% {
        transform: scale(0.5);
    }
    to {
        transform: scale(1);
    }
}
@keyframes startWinnerClawBody {
    0% {
        opacity: 0;
        transform: translateY(300px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.cash-crab-popup {
    position: relative;
    overflow: hidden;
}
.cash-crab-popup__slide {
    height: 505px;
    padding: 0 24px;
    position: relative;
    flex-direction: column !important;
    justify-content: flex-start !important;
}
.cash-crab-popup__title {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    margin: 26px auto 8px;
    font-size: 36px;
    font-weight: 800;
    line-height: 44px;
}
.cash-crab-popup__title.modal-title {
    text-transform: none;
}
.cash-crab-popup__description {
    text-align: center;
    letter-spacing: 0.05em;
    color: #6e3923;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}
.cash-crab-popup__pic-first {
    margin-top: 50px;
}
.cash-crab-popup__img1 {
    margin-top: 15px;
}
.cash-crab-popup__img2 {
    width: 262px;
    margin-top: 25px;
}
.cash-crab-popup__btns {
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translate(-50%);
}
.cash-crab-popup__btn {
    min-width: 180px;
}
.cash-crab-popup__row {
    justify-content: center;
    align-items: center;
    margin-top: 67px;
    display: flex;
}
.cash-crab-popup__item {
    text-align: center;
    color: #fff;
    text-shadow:
        0 0 10px #00000040,
        0 1px 1px #552c2b26;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 82px 82px;
    width: 120px;
    height: 120px;
    padding-top: 90px;
    font-size: 16px;
    font-weight: 900;
    line-height: 19px;
}
.cash-crab-popup__item.is-1 {
    background-image: url(/joxi/wazamba/crab/icon1-min.png);
}
.cash-crab-popup__item.is-2 {
    background-image: url(/joxi/wazamba/crab/icon2-min.png);
}
.cash-crab-popup__item span {
    text-transform: uppercase;
    background: red;
    border-radius: 4px;
    height: 34px;
    padding: 0 8px;
    font-size: 20px;
    font-weight: 900;
    line-height: 34px;
    display: inline-block;
    box-shadow: 0 3.77778px #990101;
}
.cash-crab-popup__symbol {
    color: #fff;
    margin: 0 17px;
    font-size: 32px;
    font-weight: 900;
    line-height: 39px;
}
.cash-crab-popup__timer {
    flex-direction: column;
    place-content: center;
    margin: 50px auto;
    display: flex;
}
.cash-crab-popup__timer span {
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}
.cash-crab-popup__timer strong {
    text-align: center;
    color: #f4f2fb;
    text-shadow: 0 1px 2px #4372de;
    font-size: 42px;
    font-weight: 900;
    line-height: 51px;
}
.cash-crab-popup__timer batman-countdown1 div {
    background: url(/joxi/wazamba/crab/desk.png) no-repeat;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    width: 273px;
    height: 65px;
    margin: 10px auto 0;
    display: flex;
    background-position: 50% !important;
}
.cash-crab-popup__timer batman-countdown1 div span {
    color: #0000;
    text-shadow: 0 2px 1px #fff;
    letter-spacing: 4px;
    background-color: #b4b4b4;
    background-clip: text;
    margin: 0 0 10px 10px;
    font-size: 36px;
    font-weight: 800;
    line-height: 44px;
}
.cash-crab-popup .swiper-pagination {
    z-index: 1010;
    justify-content: center;
    align-items: center;
    height: 8px;
    display: flex;
    position: absolute;
    bottom: 96px;
    left: 50%;
    overflow: visible;
    transform: translate(-50%);
}
.cash-crab-popup .swiper-pagination-bullet {
    opacity: 0.5;
    background: #6e3923;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    margin: 0 6px;
    display: block;
}
.cash-crab-popup .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: 8px;
    height: 8px;
}
.cash-crab-prize-item {
    --prize-color-2: #66b429;
    --prize-color: #30ba71;
    width: 168px;
    margin: 12px 10px;
}
.cash-crab-prize-item.is-elephant {
    --prize-color-2: #fa9ab8;
    --prize-color: #ef749f;
}
.cash-crab-prize-item.is-duck {
    --prize-color-2: #fbca05;
    --prize-color: #fbca05;
}
.cash-crab-prize-item.is-bear {
    --prize-color-2: #fbc696;
    --prize-color: #fbc696;
}
.cash-crab-prize-item.is-octopus {
    --prize-color-2: #f85ee2;
    --prize-color: #e36adc;
}
.cash-crab-prize-item__name {
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    margin-bottom: 2px;
    font-size: 22px;
    font-weight: 500;
    line-height: 33px;
}
.cash-crab-prize-item__body {
    text-align: center;
    color: #7e6294;
    box-sizing: border-box;
    background:
        var(--bg) no-repeat center top/152px,
        linear-gradient(180deg, #5bbbdd00 -22.35%, #5bbbdd80 54.87%, var(--prize-color-2) 100%);
    filter: drop-shadow(0 -2px 30px #0000000f);
    border-radius: 6px;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 150px 4px 0;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    display: flex;
}
.cash-crab-prize-item__amount {
    align-items: center;
    display: flex;
}
.cash-crab-prize-item__amount span {
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #fff54d;
    filter: drop-shadow(0 1px #fa700b);
    -webkit-text-fill-color: transparent;
    background: linear-gradient(#fff54d 5%, #fff345 40.59%, #ffba03 77.69%);
    -webkit-background-clip: text;
    font-size: 32px;
    font-weight: 900;
    line-height: 34px;
}
.cash-crab-prize-item__amount:before {
    content: "";
    background: url(/joxi/wazamba/crab/star.png) 50% / contain no-repeat;
    width: 28px;
    height: 28px;
    margin-right: 6px;
    display: inline-block;
}
.cash-crab-prize-item__prize {
    color: #f9eb62;
    text-shadow: 0 3px 11px #0000005c;
    text-transform: capitalize;
    width: 100%;
    font-size: 19px;
    font-weight: 900;
    line-height: 150%;
}
.dash-bonus {
    color: #fff;
    text-align: center;
    background-image: url(/joxi/wazamba/dashboard/cards/bonus/Stone_gold.png);
    background-position: 50%;
    background-size: 100% 100%;
    flex-direction: column;
    align-items: center;
    width: 180px;
    height: 220px;
    padding: 0 16px 20px;
    display: flex;
    position: relative;
}
.dash-bonus:before {
    content: "";
    background-image: url(/joxi/wazamba/leaf.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 40px;
    width: 160px;
    height: 38px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%) translateY(21px);
}
.dash-bonus__info {
    margin: auto 0;
}
.dash-bonus__text {
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
}
.dash-bonus__amount {
    font-size: 26px;
    font-weight: 800;
    line-height: 26px;
}
.dash-bonus__img {
    object-fit: contain;
    z-index: 1;
    width: 88px;
    height: 77px;
    margin-top: -20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.dash-dep {
    color: #fff;
    background-image: url(/joxi/wazamba/dashboard/Stone_gray.png);
    background-position: 50%;
    background-size: 100% 100%;
    flex-direction: column;
    align-items: center;
    width: 180px;
    height: 220px;
    padding: 24px 16px 20px;
    display: flex;
}
.dash-dep__title {
    word-break: break-word;
    text-align: center;
    margin: auto 0;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
}
.dash-dep__img {
    object-fit: cover;
    width: 92px;
    height: 87px;
    margin: 0 auto;
}
.dash-fs {
    color: #fff;
    text-align: center;
    background-image: url(/joxi/wazamba/dashboard/Stone_gray.png);
    background-size: 100% 100%;
    flex-direction: column;
    align-items: center;
    width: 180px;
    height: 220px;
    padding: 24px 16px 20px;
    display: flex;
}
.dash-fs__game {
    background-size: contain;
    width: 123px;
    height: 82px;
    margin: 0 auto 7px;
    position: relative;
}
.dash-fs__game.mb-0 {
    margin-bottom: 0;
}
.dash-fs__game:before {
    content: "";
    background: url(/joxi/wazamba/game-item.png) 50%/100% 100% no-repeat;
    width: 100%;
    height: 100%;
    display: block;
}
.dash-fs__key {
    margin-top: auto;
    font-size: 12px;
    font-weight: 800;
    line-height: 14px;
}
.dash-fs__key.is-bold {
    margin-top: auto;
    font-weight: 800;
    line-height: 16px;
}
.dash-fs__value {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-bottom: auto;
    font-size: 26px;
    font-weight: 800;
    line-height: 26px;
    overflow: hidden;
}
.dash-fs__text {
    text-align: center;
    margin-bottom: auto;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
}
.dash-shop {
    color: #fff;
    text-align: center;
    z-index: 1;
    background-image: url(/joxi/wazamba/dashboard/Stone_gray.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 9px;
    flex-direction: column;
    align-items: center;
    width: 180px;
    height: 220px;
    padding: 21px 16px 20px;
    display: flex;
    position: relative;
}
.dash-shop:before {
    content: "";
    background-image: url(/joxi/wazamba/shop-leaf.png);
    background-position: top;
    background-size: 100%;
    width: 71px;
    height: 38px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-33px) translate(-50%);
}
.dash-shop__coins {
    letter-spacing: 0.05em;
    background: linear-gradient(#a3a1ff 0%, #3c8ae2 95.03%);
    border-radius: 200px;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    display: flex;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%) translateY(-50%);
}
.dash-shop__coins:before {
    content: "";
    background-image: url(/joxi/wazamba/sprite-tournament-page.png);
    background-position: 0 -36px;
    background-size: 125px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.dash-shop__title {
    margin-bottom: auto;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
}
.dash-shop__text {
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
}
.dash-shop__amount {
    word-break: break-word;
    margin-bottom: 8px;
    font-size: 26px;
    font-weight: 800;
    line-height: 26px;
}
.dash-shop__img {
    width: 95px;
    height: 80px;
    margin: 0 auto 11px;
}
.dash-shop__mask {
    background-position: 50% -10px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 100%;
    height: 123px;
    margin: 0 auto auto;
}
.dash-shop__fs-image {
    z-index: -1;
    opacity: 0.8;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 123px;
    position: absolute;
    inset: 0;
    mask: url(/joxi/wazamba/desktop/img/stone-svgmask.svg) 50%;
}
.dash-slider {
    width: 780px;
    margin: 0 auto;
    position: relative;
}
.dash-slider:after {
    content: "";
    background-image: url(/joxi/wazamba/wazamba-v01/dashboard/leaves-right.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 615px;
    height: 410px;
    position: absolute;
    bottom: 0;
    right: -615px;
    transform: translateY(50px);
}
.dash-slider:before {
    content: "";
    z-index: 0;
    background-image: url(/joxi/wazamba/wazamba-v01/dashboard/leaves-left.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 396px;
    height: 386px;
    position: absolute;
    bottom: 0;
    left: -366px;
    transform: translateY(43px);
}
.dash-slider__wrap {
    position: relative;
}
.dash-slider__item {
    align-items: flex-end;
    margin: 0 6px;
    transition: all 0.2s linear;
    display: flex !important;
}
.dash-slider__left {
    left: -6px;
}
.dash-slider__right,
.dash-slider__left {
    z-index: 10;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.dash-slider__right {
    right: 0;
}
.dash-slider .slick-list {
    overflow: visible;
}
.dash-slider .slick-track {
    height: 236px;
}
.dash-slider .slick-slide {
    opacity: 0.5;
    align-items: flex-end;
    transition: opacity 0.2s linear;
    display: flex;
}
.dash-slider .slick-disabled {
    filter: grayscale();
    cursor: default;
}
.dash-slider .slick-active {
    opacity: 1;
}
.dash-slider .slick-arrow:active:not(.g-btn-noclick) {
    transform: translateY(-50%);
}
@media screen and (min-width: 1280px) {
    .dash-slider {
        width: 1000px;
    }
    .dash-slider:before {
        z-index: 1;
    }
    .dash-slider__item {
        margin: 0 10px;
    }
    .dash-slider .slick-slide.slick-active + .slick-slide {
        opacity: 1;
    }
    .dash-slider__rigth {
        right: -20px;
    }
}
@media screen and (min-width: 1440px) {
    .dash-slider__left {
        left: -37px;
    }
    .dash-slider:after,
    .dash-slider:before {
        transform: translateY(93px);
    }
    .dash-slider__right {
        right: -39px;
    }
}
@media screen and (min-width: 1680px) {
    .dash-slider {
        margin: 0 auto;
    }
    .dash-slider:before {
        left: -396px;
    }
    .dash-slider__rigth {
        right: 213px;
    }
}
.dash-tournament {
    color: #fff;
    z-index: 1;
    text-align: center;
    background-image: url(/joxi/wazamba/dashboard/cards/tournament/tournament_bg.png);
    background-position: 50%;
    background-size: 100% 100%;
    flex-direction: column;
    align-items: center;
    width: 180px;
    height: 220px;
    padding: 0 16px 20px;
    display: flex;
    position: relative;
}
.dash-tournament.has-place .dash-tournament__place {
    display: flex;
}
.dash-tournament.has-place .dash-tournament__price,
.dash-tournament.has-place .dash-tournament__name {
    display: none;
}
.dash-tournament.has-place .dash-tournament__name.has-place {
    display: block;
}
.dash-tournament:before {
    content: "";
    z-index: -1;
    background-image: url(/joxi/wazamba/dashboard/cards/tournament/tournament_contentpic.png);
    background-position: 50%;
    background-size: cover;
    height: 88px;
    position: absolute;
    top: 0;
    left: -4px;
    right: 0;
    transform: translateY(-22px);
}
.dash-tournament__name {
    word-break: break-word;
    margin: auto 0;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
}
.dash-tournament__name.has-place {
    display: none;
}
.dash-tournament__time {
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
    display: block;
}
.dash-tournament__price {
    max-height: 44px;
    font-size: 26px;
    font-weight: 800;
    line-height: 26px;
}
.dash-tournament__wrap {
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    display: flex;
}
.dash-tournament__info {
    text-align: center;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    height: 32px;
    display: flex;
    overflow: hidden;
}
.dash-tournament__place {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 34px;
    padding: 0 5px;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
    display: none;
    position: relative;
}
.dash-tournament__place:before {
    content: "";
    background: #fff3;
    position: absolute;
    inset: 0 -2px 0 0;
}
.dash-tournament__btn {
    flex-shrink: 0;
}
.dash-welcome {
    text-align: center;
    z-index: 1;
    background-image: url(/joxi/wazamba/dashboard/Stone_gray.png);
    background-size: 100% 100%;
    flex-direction: column;
    width: 180px;
    height: 220px;
    padding: 24px 16px 20px;
    display: flex;
    position: relative;
}
.dash-welcome__title {
    word-break: break-word;
    max-height: 32px;
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
    overflow: hidden;
}
.dash-welcome__img {
    object-fit: contain;
    filter: drop-shadow(0 2px 5px #0000004d);
    width: 96px;
    height: 76px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.dash-welcome__prize {
    color: #fff;
    align-items: center;
    margin: 4px auto auto;
    font-size: 26px;
    font-weight: 800;
    line-height: 26px;
    display: flex;
}
.dash-welcome__prize:after {
    content: "";
    background-image: url(/joxi/wazamba/sprite-tournament-page.png);
    background-position: 0 -50px;
    background-size: 177px;
    width: 26px;
    height: 26px;
    margin-left: 2px;
}
.dashboard-collection {
    grid-gap: 6px;
    grid-template-rows: 73px;
    grid-template-columns: 99px 56px 56px 56px 64px 64px 300px;
    width: 100%;
    max-width: 732px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    display: grid;
}
@media screen and (min-width: 1280px) {
    .dashboard-collection {
        grid-template-columns: 98px 56px 56px 56px 80px 80px 300px;
        max-width: 763px;
    }
}
.dashboard-collection__item {
    text-align: center;
    cursor: pointer;
    background: #0006;
    border-radius: 12px;
    padding: 15px 5px;
    text-decoration: none;
    transition: all 0.3s;
}
.dashboard-collection__item:hover {
    background: #ffffff42;
}
.dashboard-collection__item-points {
    padding: 8px 16px 8px 12px;
}
.dashboard-collection__item.is-period {
    align-items: center;
    display: flex;
    position: relative;
}
.dashboard-collection__item.is-period .period-icon {
    background-image: url(/joxi/wazamba/leagues/icon-league/closed.png);
    background-position: 50%;
    background-size: contain;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection__item.is-period .period-icon {
        background-image: url(/joxi/wazamba/leagues/icon-league/closed@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection__item.is-period .period-icon {
        background-image: url(/joxi/wazamba/leagues/icon-league/closed@3x.png);
    }
}
.dashboard-collection__item.is-period .period-icon span {
    color: #d0d4d8;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
}
.rtl-lang .dashboard-collection__item.is-period .period-icon {
    transform: scaleX(-1);
}
.dashboard-collection__item.is-period .description {
    color: #fff;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
.dashboard-collection__item.is-period .description-info {
    text-align: center;
    background: #ffffff26;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    margin-left: 6px;
    font-size: 12px;
    display: inline-block;
}
.dashboard-collection__number {
    color: #fff;
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
}
.dashboard-collection__number span {
    opacity: 0.5;
}
.dashboard-collection__avatar {
    background-size: contain;
    width: 102px;
    height: 102px;
    margin-top: -33px;
    margin-left: -5px;
    transform: scaleX(-1);
}
.dashboard-collection__icon {
    width: 24px;
    height: 24px;
}
.dashboard-collection__inner {
    justify-content: space-between;
    display: flex;
}
.dashboard-collection__info {
    text-align: left;
    width: 100%;
    max-width: 192px;
}
.dashboard-collection__text {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}
.dashboard-collection__points {
    color: #f5bc15;
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
}
.dashboard-collection__img {
    width: 60px;
    height: 68px;
    margin-top: -6px;
}
.dashboard-collection .league-tile {
    cursor: pointer;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.dashboard-collection .league-tile:after {
    content: "";
    background-size: contain;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.dashboard-collection .league-tile.close-tile:after {
    opacity: 0;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-1 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/1@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-1 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/1@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-1:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/1.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-1:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/1@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-1:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/1@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-2 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/2.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-2 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/2@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-2 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/2@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-2:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/2.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-2:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/2@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-2:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/2@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-3 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/3.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-3 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/3@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-3 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/3@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-3:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/3.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-3:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/3@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-3:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/3@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-4 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/4.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-4 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/4@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-4 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/4@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-4:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/4.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-4:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/4@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-4:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/4@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-5 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/5.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-5 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/5@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-5 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/5@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-5:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/5.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-5:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/5@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-5:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/5@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-6 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/6.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-6 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/6@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-6 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/6@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-6:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/6.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-6:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/6@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-6:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/6@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-7 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/7.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-7 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/7@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-7 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/7@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-7:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/7.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-7:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/7@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-7:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/7@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-8 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/8.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-8 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/8@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-8 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed/8@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-8:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/8.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-8:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/8@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-8:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/8@2x.png);
    }
}
.dashboard-collection .league-tile.league-tile-1 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/1.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-collection .league-tile.league-tile-1 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/1@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .dashboard-collection .league-tile.league-tile-1 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open/1@2x.png);
    }
}
.rtl-lang .dashboard-collection__avatar {
    transform: scaleX(1);
}
.dashboard-league {
    background-image: url(/joxi/wazamba/renovation/new-main-banner/dashboard_bg.jpg);
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 10px;
    padding-right: 250px;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-league {
        background-image: url(/joxi/wazamba/renovation/new-main-banner/dashboard_bg@2x.jpg);
    }
}
.dashboard-league__l-elem {
    content: "";
    background-image: url(/joxi/wazamba/renovation/new-main-banner/leaves_left.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 374px;
    height: 386px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-120px);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-league__l-elem {
        background-image: url(/joxi/wazamba/renovation/new-main-banner/leaves_left@2x.png);
    }
}
@media screen and (min-width: 1920px) {
    .dashboard-league__l-elem {
        transform: translate(-20px);
    }
}
.dashboard-league__r-elem {
    content: "";
    pointer-events: none;
    background-image: url(/joxi/wazamba/renovation/new-main-banner/leaves_right.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 615px;
    height: 410px;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(160px);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .dashboard-league__r-elem {
        background-image: url(/joxi/wazamba/renovation/new-main-banner/leaves_right@2x.png);
    }
}
@media screen and (min-width: 1920px) {
    .dashboard-league__r-elem {
        transform: translate(20px);
    }
}
.dashboard-league__block {
    padding-left: 20px;
    transition: all 0.2s;
    position: relative;
}
body.linda-hide-sidebar .dashboard-league__block {
    transform: translate(125px);
}
.dashboard-league__block.is-only {
    padding-bottom: 30px;
}
.dashboard-league__dep {
    z-index: 2;
    padding-bottom: 40px;
    transition: all 0.2s;
    position: relative;
}
body.linda-hide-sidebar .dashboard-league__dep {
    transform: translate(125px);
}
.rtl-lang .dashboard-league {
    direction: rtl;
}
.dashboard-play {
    background: #0006;
    border-radius: 12px;
    align-items: center;
    width: 100%;
    max-width: 580px;
    min-height: 73px;
    margin-inline: auto;
    display: flex;
}
@media screen and (min-width: 1280px) {
    .dashboard-play {
        max-width: 660px;
    }
}
.dashboard-play__avatar {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 102px;
    height: 102px;
    margin-top: -33px;
    transform: scaleX(-1);
}
.dashboard-play__title {
    letter-spacing: 0.05em;
    color: #f9eb62;
    text-shadow:
        0 0 4px #00000040,
        0 2px #ff7901;
    margin-inline-start: 14px;
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
}
.dashboard-play__btn.g-btn {
    flex-shrink: 0;
    margin-inline: auto 20px;
}
.rtl-lang .dashboard-play__avatar {
    transform: scaleX(1);
}
.dashboard-prize {
    background-color: #5a2b70;
    background-image: url(/joxi/wazamba/baner/mobile-league/banner-dekor-bg.png);
    background-size: 170px;
    border-top: 1px solid #ffffff1c;
    border-radius: 12px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 730px;
    min-height: 126px;
    margin: 20px auto 0;
    padding: 14px 25px 14px 50px;
    display: flex;
    position: relative;
    box-shadow: 0 4px 6px #0000005c;
}
@media screen and (min-width: 1280px) {
    .dashboard-prize {
        max-width: 763px;
    }
}
.dashboard-prize__info {
    flex-shrink: 0;
    width: 100%;
    max-width: 470px;
}
.dashboard-prize__title {
    letter-spacing: 0.02em;
    color: #f9eb62;
    text-shadow:
        0 0 4px #00000040,
        0 2px #ff7901;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 800;
    line-height: 26px;
}
.dashboard-prize__text {
    letter-spacing: 0.02em;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}
.dashboard-prize__btn {
    margin-top: 12px;
}
.dashboard-prize__img {
    width: 205px;
    height: 139px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.dashboard-progress {
    align-items: center;
    display: flex;
}
.dashboard-progress__icon {
    width: 64px;
    height: 68px;
    margin-top: -13px;
}
.dashboard-progress__bar {
    background: #070f25;
    border-radius: 5px;
    width: 198px;
    height: 11px;
    margin-inline: -15px;
    position: relative;
    box-shadow: inset 0 1px 14px 2px #465c81;
}
.dashboard-progress__val {
    top: 0;
    border-radius: 15px;
    width: 0;
    height: 11px;
    position: absolute;
    inset-inline-start: 0;
}
.dashboard-progress__block {
    z-index: 3;
    position: relative;
}
.dashboard-progress__block-inactive .dashboard-progress__total {
    color: #d3d3d3;
    inset-inline-start: unset;
    inset-inline-end: 100%;
}
.dashboard-progress__block-inactive .dashboard-progress__number {
    inset-inline-end: 0;
}
.dashboard-progress__total {
    color: #f5bc15;
    top: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    position: absolute;
    inset-inline-start: 100%;
}
.dashboard-progress__circle {
    inset-inline-end: -2px;
    width: 23px;
    height: 23px;
    position: absolute;
    bottom: 7px;
}
.dashboard-progress__circle_number {
    z-index: 2;
    box-sizing: border-box;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 23px;
    font-size: 11px;
    font-weight: 800;
    line-height: 14px;
    display: flex;
    position: absolute;
    box-shadow: inset 0 0 3px #00000040;
}
.dashboard-progress__circle:after {
    content: "";
    z-index: 1;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    display: block;
    position: absolute;
    top: 1px;
}
.dashboard-progress__circle-orange .dashboard-progress__circle_number {
    color: #8f6601;
    background: #ffc414;
    border: 3px solid #ffe562;
}
.dashboard-progress__circle-orange:after {
    background: #c98e00;
}
.dashboard-progress__circle-blue .dashboard-progress__circle_number {
    color: #e8f5ff;
    background: #113e5e;
    border: 3px solid #648fc5;
}
.dashboard-progress__circle-blue:after {
    background: #042247;
}
.dashboard-progress__gift {
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 5px;
    left: 0;
}
.dashboard-slide {
    width: 100%;
    max-width: 732px;
    margin: 15px auto;
    position: relative;
}
@media screen and (min-width: 1280px) {
    .dashboard-slide {
        max-width: 880px;
    }
}
@media screen and (min-width: 1440px) {
    .dashboard-slide {
        max-width: 1040px;
    }
}
.dashboard-slide__block {
    position: relative;
}
.dashboard-slide__title {
    letter-spacing: 0.05em;
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    margin-top: 0;
    margin-bottom: 4px;
    margin-inline-start: 4px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
.dashboard-slide__title.is-recommended {
    top: 0;
    margin-inline-start: 0;
    position: absolute;
    inset-inline-start: calc(100% - 286px);
}
@media screen and (min-width: 1280px) {
    .dashboard-slide__title.is-recommended {
        inset-inline-start: calc(100% - 433px);
    }
}
@media screen and (min-width: 1440px) {
    .dashboard-slide__title.is-recommended {
        inset-inline-start: calc(100% - 588px);
    }
}
.dashboard-slide__item {
    width: 140px;
    height: 212px;
    position: relative;
}
.dashboard-slide .slick-next,
.dashboard-slide .slick-prev {
    z-index: 8;
    position: absolute;
    top: calc(50% - 24px);
}
.rtl-lang .dashboard-slide .slick-next,
.rtl-lang .dashboard-slide .slick-prev {
    transform: scaleX(-1);
}
.rtl-lang .dashboard-slide .slick-next.g-btn:active:not(.g-btn-noclick):not(.shop-btn):active,
.rtl-lang .dashboard-slide .slick-prev.g-btn:active:not(.g-btn-noclick):not(.shop-btn):active {
    transform: scaleX(-1) translateY(2px);
}
.dashboard-slide .slick-track {
    margin-inline-start: unset;
    margin-inline-end: unset;
}
.dashboard-slide .slick-slide {
    margin: 4px;
}
.dashboard-slide .slick-prev {
    inset-inline-start: -20px;
}
@media screen and (min-width: 1280px) {
    .dashboard-slide .slick-prev {
        inset-inline-start: -55px;
    }
}
.dashboard-slide .slick-next {
    inset-inline-end: -20px;
}
@media screen and (min-width: 1280px) {
    .dashboard-slide .slick-next {
        inset-inline-end: -60px;
    }
}
.height-dashboard {
    justify-content: center;
    align-items: center;
    height: 244px;
    display: flex;
}
.dashboard-weekly {
    margin-inline: auto;
    background-image: url(/joxi/wazamba/baner/mobile-league/banner-dekor-bg.png),
        linear-gradient(90deg, #181a3d 0%, #2d3284 44.27% 61.46%, #181a3d 100%);
    background-size: contain;
    border-top: 1px solid #ffffff1c;
    border-radius: 12px;
    justify-content: space-between;
    width: 100%;
    max-width: 580px;
    min-height: 112px;
    margin-top: 16px;
    padding: 15px 22px;
    display: flex;
    position: relative;
    box-shadow: 0 4px 6px #0000005c;
}
@media screen and (min-width: 1280px) {
    .dashboard-weekly {
        max-width: 660px;
    }
}
.dashboard-weekly__info {
    width: 100%;
    max-width: 400px;
}
.dashboard-weekly__label {
    background: #c70606;
    border-radius: 4px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 2px 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 14px;
    display: inline-block;
}
.dashboard-weekly__link {
    letter-spacing: 0.05em;
    color: #f9eb62;
    text-shadow:
        0 0 4px #00000040,
        0 2px #ff7901;
    width: max-content;
    margin-top: 16px;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
    display: block;
    position: relative;
}
.dashboard-weekly__link:after {
    content: "";
    top: 7px;
    background-image: url(/joxi/wazamba/icon/left-arrow.svg);
    background-position: 50%;
    width: 10px;
    height: 22px;
    position: absolute;
    inset-inline-end: -20px;
    transform: scaleX(-1);
}
.dashboard-weekly__text {
    color: #fff;
    letter-spacing: 0.05em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}
.dashboard-weekly__leagues {
    width: 222px;
    height: 26px;
}
.dashboard-weekly__img {
    top: 50%;
    width: 198px;
    height: 131px;
    position: absolute;
    inset-inline-end: 27px;
    transform: translateY(-50%);
}
.rtl-lang .dashboard-weekly__link:after {
    transform: none;
}
.funid-banner {
    grid-gap: 0 20px;
    background-color: #43baff;
    background-position: calc(100% - 65px) bottom;
    background-repeat: no-repeat;
    background-size: 70px;
    border-radius: 10px;
    grid-template-columns: 60px 1fr;
    align-items: center;
    width: 587px;
    height: auto;
    margin: 0 auto;
    padding: 8px 82px 12px;
    display: grid;
}
.funid-banner__logo {
    border-radius: 20px;
    grid-row: 1/4;
    width: 60px;
    height: 60px;
}
.funid-banner__title {
    color: #4041e2;
    margin: 0;
    font-size: 16px;
    font-style: italic;
    font-weight: 800;
    line-height: 20px;
}
.funid-banner__text {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}
.funid-banner.in-cashbox {
    margin-top: -10px;
    margin-bottom: 20px;
}
.funid-button {
    box-sizing: border-box;
    color: #6e3923;
    z-index: 3;
    cursor: pointer;
    background: 0 0;
    border: 2px solid #b88128;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: 215px;
    height: 52px;
    padding-block: 0;
    padding-inline: 52px 41px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    display: flex;
    position: relative;
    overflow: hidden;
}
.funid-button:disabled {
    color: #8a7368cc;
    pointer-events: none;
    cursor: default;
    background: #89695233;
    border: 2px solid #a88c7dcc;
}
.funid-button:disabled:before {
    background-image: var(--icon-btn-funid-white);
    opacity: 0.85;
    background-color: #a88c7d;
}
.funid-button:hover {
    color: #fff;
    transition: color 0.5s linear;
}
.funid-button:hover:before {
    animation: 1s forwards animate-logo;
}
.funid-button:hover:after {
    animation: 1s forwards animate-background;
}
.funid-button:before {
    content: "";
    background: var(--icon-logo_playid) 50%/17px 25px no-repeat #3f38dd;
    z-index: 2;
    top: 50%;
    border-radius: 30px;
    width: 48px;
    height: 100%;
    position: absolute;
    inset-inline-start: 24px;
    transform: translate(-50%) translateY(-50%) scale(0.834);
}
.funid-button:after {
    content: "";
    z-index: 1;
    background: #3f38dd;
    width: 0;
    height: 100%;
    position: absolute;
    inset-inline-start: 0;
}
.funid-button__text {
    z-index: 4;
    position: relative;
}
.rtl-lang .funid-button:before {
    inset-inline-start: -24px;
}
.rtl-lang .funid-button:hover:before {
    animation: 1s forwards animate-logo-rtl;
}
@keyframes animate-logo {
    0% {
        inset-inline-start: 24px;
    }
    25% {
        inset-inline-start: 24px;
        transform: translate(-50%) translateY(-50%) scale(1);
    }
    to {
        inset-inline-start: calc(100% - 24px);
        transform: translate(-50%) translateY(-50%) scale(1);
    }
}
@keyframes animate-logo-rtl {
    0% {
        inset-inline-start: -24px;
    }
    25% {
        inset-inline-start: -24px;
        transform: translate(-50%) translateY(-50%) scale(1);
    }
    to {
        inset-inline-start: calc(100% - 24px);
        transform: translate(50%) translateY(-50%) scale(1);
    }
}
@keyframes animate-background {
    0% {
        width: 0;
    }
    15% {
        width: 0;
    }
    25% {
        width: 13%;
    }
    to {
        width: 90%;
    }
}
.funid-login-popup__content {
    width: 380px;
}
.funid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.funid__title {
    color: #6e3923;
    text-align: center;
    max-width: 352px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
}
.funid__frame {
    width: 300px;
    height: 300px;
}
.login-funid {
    text-align: center;
    color: #6e3923;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
    display: flex;
}
.login-funid__or {
    letter-spacing: 0.02em;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 24px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
}
.login-funid__or:before,
.login-funid__or:after {
    content: "";
    background-color: #b88128;
    width: 65px;
    height: 1px;
    margin: 0 14px;
}
.login-funid__link {
    color: #b88128;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    transition: color 0.1s;
}
.login-funid__link:hover {
    color: #6e3923;
}
.login-funid:after {
    content: "";
    background-color: #0003;
    width: 173px;
    height: 1px;
    margin-top: 20px;
}
.game-page__crab {
    margin-inline: var(--shop-margin-inline);
}
.game-page__crab-banner {
    min-height: unset;
    border: 1px solid #fff3;
    border-radius: 16px;
    padding: 12px 12px 56px;
    box-shadow:
        inset 0 2px 3px #ffa26d66,
        inset 0 -4px 12px #270b0533,
        0 4px 8px #0003;
}
.game-page__crab-banner .is-on-tab {
    padding-bottom: 40px;
}
.game-page__crab-wrapper {
    background-image: url(/joxi/wazamba/shop/bc_art_bg.png), url(/joxi/wazamba/shop/bc_small_bg.png);
    background-position:
        left 50% bottom -51px,
        50%;
    background-repeat: no-repeat, no-repeat;
    background-size:
        388px 189px,
        cover;
    border: 1px solid #285da866;
    border-radius: 8px 8px 16px 16px;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 0 18px 137px;
    display: flex;
    position: relative;
    box-shadow:
        0 2px 6px #ffc34e66,
        inset 0 4px 24px #9d1d1d66;
}
.is-on-tab .game-page__crab-wrapper {
    background-image: url(/joxi/wazamba/shop/bc_small_bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 40px;
}
.game-page__crab .game-page__crab-cta-btn {
    text-transform: uppercase;
    flex-direction: row;
    align-items: center;
    gap: 2px;
    padding-inline: 40px;
    font-family: Montserrat, sans-serif;
    display: flex;
    position: absolute;
    bottom: -22px;
}
.game-page__crab .game-page__crab-cta-btn img {
    width: 20px;
}
.game-page__crab .game-page__crab-cta-btn div {
    direction: ltr;
    display: inline-flex;
}
.game-page__crab .game-page__crab-offer {
    margin-top: 18px;
    display: block;
}
.game-page__crab .game-page__crab-offer .bonus-item-tile__offer-amount:after {
    top: 5px;
}
.game-page__crab .game-page__crab-prize-list {
    text-align: start;
    margin-top: 12px;
    display: flex;
}
.rtl-lang .game-page__exchange-arrows-prev svg {
    transform: scaleX(-1);
}
.game-page__exchange-arrows-next svg {
    transform: rotate(180deg);
}
.rtl-lang .game-page__exchange-arrows-next svg {
    transform: none;
}
.game-page-footer {
    margin-inline: 60px;
}
.game-page-footer__wrapper {
    background-blend-mode: overlay;
    background-color: #56370e;
    background-image: url(/joxi/wazamba/game-page/header-pattern-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150% 200%;
}
.game-page-footer__to-real-mode-switch-bar {
    cursor: pointer;
    background-color: #119e1f;
    border: 2px solid #fff3;
    border-radius: 50px;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    max-width: 596px;
    margin: 8px auto;
    padding: 8px 12px 8px 24px;
    display: flex;
    position: relative;
}
.game-page-footer__to-real-mode-switch-bar:before {
    content: "";
    opacity: 0.05;
    background-image: url(/joxi/wazamba/game-page/play-for-real-mask.png);
    background-position: 50%;
    background-repeat: repeat;
    position: absolute;
    inset: 0;
}
.game-page-footer__to-real-text {
    color: #fff;
    text-align: start;
    flex-grow: 1;
    margin-inline-start: 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.game-page-footer__to-real-btn {
    background-image: var(--icon-toggle-off);
    flex-shrink: 0;
    width: 51px;
    height: 32px;
}
.rtl-lang .game-page-footer__to-real-btn {
    transform: scaleX(-1);
}
.game-page-footer__seo {
    height: 0;
    transform: scale(0);
}
.game-page__freespin {
    position: relative;
}
.game-page__freespin-filters-wrap {
    margin-inline: var(--shop-margin-inline-negative);
    padding-inline: var(--shop-margin-inline);
    display: block;
}
.game-page__freespin .game-page__freespin-filters {
    padding-inline: var(--shop-margin-inline);
}
.game-page__freespin .game-page__freespin-filters .game-page__freespin-filters-item {
    flex-basis: 50px;
    padding-inline: 8px;
}
.rtl-lang .game-page__freespin-arrows-prev svg {
    transform: scaleX(-1);
}
.game-page__freespin-arrows-next svg {
    transform: rotate(180deg);
}
.rtl-lang .game-page__freespin-arrows-next svg {
    transform: none;
}
.game-page__game {
    flex-grow: 1;
    width: 100%;
}
.game-page__game-wrapper {
    position: relative;
}
.game-page__game-crab {
    position: absolute;
    inset: 0;
}
.game-page__preloader {
    width: 100vw;
}
.game-page__gamification {
    height: 100%;
    position: relative;
}
.game-page__gamification-scroll-wrapper {
    height: calc(100% - var(--header-height) - 31px);
    margin-top: 20px;
    position: relative;
}
.game-page__gamification-content {
    padding-block: 10px;
    scroll-padding-block: 10px;
    position: absolute;
    inset: 0;
    overflow: hidden scroll;
    mask-image: linear-gradient(#0000 0%, #000 10px calc(100% - 20px), #0000 100%);
}
.game-page__filter-btns {
    width: 100%;
    padding: 0 var(--shop-margin-inline);
    flex-direction: row;
    align-items: center;
    gap: 8px;
    display: flex;
    overflow-x: scroll;
}
.game-page__filter-btns::-webkit-scrollbar {
    display: none;
}
.game-page__filter-btns-wrap {
    margin: 20px var(--shop-margin-inline-negative) 0;
    padding-inline: var(--shop-margin-inline);
}
.game-page__filter-btns button:first-child {
    margin-inline-start: auto;
}
.game-page__filter-btns button:last-child {
    margin-inline-end: auto;
}
.game-page__filter-btns--tournaments,
.game-page__filter-btns--shop {
    cursor: pointer;
    text-wrap: nowrap;
    background-color: #4a2b1c;
    border: none;
    border-radius: 10px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    min-width: max-content;
    padding: 6px 24px;
    display: flex;
    position: relative;
    box-shadow:
        0 3px 3px #0003,
        inset 0 -1px 1px #0000001a;
}
.game-page__filter-btns--tournaments:hover,
.game-page__filter-btns--shop:hover {
    background-color: #6b422e;
}
.game-page__filter-btns--tournaments:after,
.game-page__filter-btns--shop:after {
    content: "";
    border: 2px solid #835238a8;
    border-radius: 10px;
    position: absolute;
    inset: 0;
}
.game-page__filter-btns--tournaments.is-active,
.game-page__filter-btns--shop.is-active {
    background: linear-gradient(#a66c57 0%, #844e3e 100%);
    outline: none;
}
.game-page__filter-btns--tournaments.is-active:hover,
.game-page__filter-btns--shop.is-active:hover {
    background: linear-gradient(#cd8d75 0%, #9a5c49 119.32%);
}
.game-page__filter-btns--tournaments.is-active:after,
.game-page__filter-btns--shop.is-active:after {
    content: none;
}
.game-page__filter-btns--tournaments img,
.game-page__filter-btns--shop img {
    width: 30px;
    height: 30px;
}
.rtl-lang .game-page__filter-btns--tournaments img,
.rtl-lang .game-page__filter-btns--shop img {
    transform: scaleX(-1);
}
.game-page__filter-btns--tournaments span,
.game-page__filter-btns--shop span {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.game-page__nav {
    width: calc(100vw - 1px);
    height: var(--header-height);
    min-height: var(--header-height);
    background-image: url(/joxi/wazamba/game-page/header-pattern-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150% 200%;
    border: 1px solid #ffffff1a;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding-inline: 12px;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
}
.game-page__nav:before {
    content: none;
    z-index: 1;
    background-color: #674138;
    width: 100vw;
    height: 1px;
    position: absolute;
    bottom: 3px;
    right: 0;
}
.rtl-lang .game-page__nav-back svg {
    transform: scaleX(-1);
}
.game-page__title {
    z-index: 3;
    text-align: center;
    flex-grow: 1;
}
.game-page__title p {
    margin: 0;
}
.game-page__game-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px #cc2500) drop-shadow(0 6px 4px #00000059);
    background: linear-gradient(#ffe600 34.5%, #ffa800 100%);
    -webkit-background-clip: text;
    font-size: 14px;
    font-weight: 800;
    line-height: 18px;
    overflow: hidden;
}
.game-page__brand {
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
}
.game-page__btn-cup,
.game-page__btn-search,
.game-page__btn-dep,
.game-page__btn-cup-wrap,
.game-page__btn-search-wrap,
.game-page__btn-dep-wrap {
    position: relative;
}
.game-page__btn-cup-wrap:before,
.game-page__btn-cup-wrap:after,
.game-page__btn-search-wrap:before,
.game-page__btn-search-wrap:after,
.game-page__btn-dep-wrap:before,
.game-page__btn-dep-wrap:after {
    content: none;
    background: var(--icon-game-header-bg-side);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 34px;
    height: 44px;
    position: absolute;
    top: -4px;
}
.game-page__btn-cup-wrap:before,
.game-page__btn-search-wrap:before,
.game-page__btn-dep-wrap:before {
    left: -17px;
}
.game-page__btn-cup-wrap:after,
.game-page__btn-search-wrap:after,
.game-page__btn-dep-wrap:after {
    right: -17px;
    transform: scaleX(-1);
}
.game-page__btn-cup .icon-img,
.game-page__btn-search .icon-img {
    visibility: visible;
}
.game-page__btn-cup .cross-img,
.game-page__btn-search .cross-img {
    visibility: hidden;
}
.rtl-lang .game-page__btn-search svg {
    transform: scaleX(-1);
}
.game-page__btn-dep {
    min-width: 105px;
}
.game-page__btn-dep-bg {
    background-color: #37211a;
    border-top: 1px solid #674138;
    display: none;
    position: absolute;
    inset-block: -4px;
    inset-inline: 16px;
}
.game-page {
    width: 100%;
    min-width: 1024px;
    height: 100vh;
    overflow: clip;
}
.rtl-lang .game-page {
    direction: rtl;
}
.game-page__wrap {
    flex-direction: column;
    gap: 0;
    height: 100%;
    display: flex;
}
.game-page__game-block-layout {
    top: var(--header-height);
    width: calc(100% + var(--sidebar-width));
    flex-direction: row;
    gap: 0;
    transition: width 0.25s ease-in-out;
    display: flex;
    position: fixed;
    bottom: 0;
}
.game-page__game-wrapper {
    height: 100%;
    min-width: calc(100% - var(--sidebar-width));
    flex-direction: column;
    flex-grow: 1;
    gap: 0;
    display: inline-flex;
}
.is-cup-opened .game-page__overlay,
.is-dep-opened .game-page__overlay,
.is-search-opened .game-page__overlay {
    z-index: 0;
    opacity: 1;
}
.is-cup-opened .game-page__nav,
.is-dep-opened .game-page__nav,
.is-search-opened .game-page__nav {
    border: 1px solid #32201a;
}
.is-cup-opened .game-page__nav:before,
.is-dep-opened .game-page__nav:before,
.is-search-opened .game-page__nav:before {
    content: "";
}
.is-cup-opened .game-page__game-block-layout,
.is-dep-opened .game-page__game-block-layout {
    width: 100%;
}
.is-cup-opened .game-page__btn-cup,
.is-cup-opened .game-page__btn-cup-wrap {
    z-index: 2;
}
.is-cup-opened .game-page__btn-cup-wrap:before,
.is-cup-opened .game-page__btn-cup-wrap:after {
    content: "";
}
.is-cup-opened .game-page__btn-cup-wrap .icon-img {
    visibility: hidden;
}
.is-cup-opened .game-page__btn-cup-wrap .cross-img {
    visibility: visible;
}
.is-search-opened .game-page__title {
    z-index: 0;
}
.is-search-opened .game-page__search {
    z-index: 1;
    opacity: 1;
}
.is-search-opened .game-page__btn-search,
.is-search-opened .game-page__btn-search-wrap {
    z-index: 2;
}
.is-search-opened .game-page__btn-search-wrap:before,
.is-search-opened .game-page__btn-search-wrap:after {
    content: "";
}
.is-search-opened .game-page__btn-search-wrap .icon-img {
    visibility: hidden;
}
.is-search-opened .game-page__btn-search-wrap .cross-img {
    visibility: visible;
}
.is-dep-opened .game-page__btn-dep,
.is-dep-opened .game-page__btn-dep-wrap {
    z-index: 2;
}
.is-dep-opened .game-page__btn-dep-wrap:before,
.is-dep-opened .game-page__btn-dep-wrap:after {
    content: "";
}
.is-dep-opened .game-page__btn-dep-bg {
    display: block;
}
.is-crab-page .is-dep-opened .game-page__title {
    z-index: 0;
}
.is-crab-page .is-dep-opened .game-page__overlay-crab {
    opacity: 1;
    z-index: 1;
}
.is-crab-page .is-dep-opened .game-page__nav:before {
    z-index: 2;
}
.quick-deposit {
    z-index: 2;
    width: 100%;
    padding: 32px var(--shop-margin-inline);
    position: relative;
}
.quick-deposit__title {
    color: #fff;
    margin: 0 0 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.quick-deposit__form-row,
.quick-deposit__select-row {
    cursor: pointer;
    border-bottom: 1px solid #00000008;
    align-items: center;
    column-gap: 10px;
    padding: 16px 18px 16px 16px;
    display: flex;
}
.quick-deposit__select {
    background-color: #fff8dd;
    border-radius: 20px;
}
.quick-deposit__select-arrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuOSIgZD0iTTEgMS41TDYgNi41TDExIDEuNSIgc3Ryb2tlPSIjNDA0MDQwIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    width: 20px;
    height: 20px;
    margin-inline-start: auto;
    transition: transform 0.25s ease-in-out;
    display: block;
}
.quick-deposit__select-arrow.is-rotate {
    transform: rotate(180deg);
}
.quick-deposit__select-window {
    padding-bottom: 10px;
}
.quick-deposit__select-row {
    position: relative;
}
.quick-deposit__select-row:after {
    content: "";
    background-color: #fff;
    border: 1px solid #d2c48f7d;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    position: absolute;
    inset-inline-end: 16px;
}
.quick-deposit__select-row.is-active {
    background-color: #fff0b0;
}
.quick-deposit__select-row.is-active:before {
    content: "";
    z-index: 1;
    background-color: #18c5ff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    inset-inline-end: 21px;
}
.quick-deposit__payment-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 31px;
    height: 24px;
}
.quick-deposit__payment-name {
    color: #404040;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: capitalize;
    max-width: 80px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
}
.quick-deposit__form {
    flex-direction: column;
    gap: 12px;
    display: flex;
}
.quick-deposit__btns {
    width: 100%;
    position: absolute;
    top: 9px;
}
.quick-deposit__btns-btn {
    position: absolute;
}
.quick-deposit__btns-btn.is-disabled {
    pointer-events: none;
    filter: grayscale();
}
.quick-deposit__btns .is-minus {
    inset-inline-start: 13px;
}
.ng-invalid-min .quick-deposit__btns .is-minus,
.ng-invalid-required .quick-deposit__btns .is-minus {
    pointer-events: none;
    filter: grayscale();
}
.quick-deposit__btns .is-plus {
    inset-inline-end: 13px;
}
.ng-invalid-max .quick-deposit__btns .is-plus {
    pointer-events: none;
    filter: grayscale();
}
.quick-deposit__amount {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 52px;
    display: flex;
    position: relative;
}
.quick-deposit__amount input {
    color: #6e3923;
    text-align: center;
    border: 1px solid #caa36ebf;
    min-height: 52px;
    padding-inline: 0;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    box-shadow: inset 1px 1px 3px #0000003b;
}
.quick-deposit__dep-btn {
    color: #fff;
    flex-direction: row;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    display: flex;
}
.quick-deposit__dep-btn svg {
    width: 23px;
    height: 100%;
    padding-left: 8px;
}
.rtl-lang .quick-deposit__dep-btn svg {
    transform: scaleX(-1);
}
.ng-invalid .quick-deposit__dep-btn {
    filter: grayscale();
    cursor: default;
    pointer-events: none;
}
.quick-deposit__add-card {
    color: #6b9833;
    cursor: pointer;
    background-color: #0000;
    border: none;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
}
.quick-deposit__add-card:before {
    content: "";
    background-image: var(--icon-add-new-method);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 31px;
    height: 31px;
}
.quick-deposit__input-error {
    min-height: 0;
}
.quick-deposit__input-error .quick-deposit__input-error-text {
    color: red;
    margin-top: 4px;
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
}
.quick-deposit__input-error-amount {
    direction: ltr;
    gap: 4px;
    display: inline-flex;
}
.game-page__search-wrapper {
    height: 100%;
    margin-inline: 152px;
    padding-block: 30px 50px;
    overflow-y: scroll;
}
.game-page__search-wrapper h3 {
    color: #f0d55f;
    letter-spacing: 0.05em;
    text-align: left;
    margin: 32px 0 12px;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
@media screen and (min-width: 1280px) {
    .game-page__search-wrapper h3 {
        text-align: center;
        margin: 32px 0 20px;
    }
}
.game-page__search-form {
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    display: flex;
}
.game-page__search-form-input-container {
    position: relative;
}
.game-page__search-input {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 60px;
    width: 380px;
    height: 48px;
    padding-block: 0;
    padding-inline: 25px 50px;
    font-size: 15px;
    line-height: 48px;
    overflow: hidden;
}
.game-page__search-input:focus {
    opacity: 1;
    color: #6e3923;
    background: #fff;
}
.game-page__search-input::placeholder {
    color: inherit;
    letter-spacing: 0.05em;
    font-size: 14px;
    font-weight: 600;
}
.game-page__search-label,
.game-page__search-close {
    inset-inline-end: 0;
    position: absolute;
    top: 0;
}
.game-page__search-noresult {
    text-align: center;
    width: 100%;
    padding: 45px 0;
    font-size: 16px;
    font-weight: 500;
}
.game-page__search-provider-box-grid {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    display: grid;
}
.game-page__search-game-box-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    display: grid;
}
@media screen and (min-width: 1280px) {
    .game-page__search-game-box-grid {
        grid-template-columns: repeat(6, 1fr);
    }
}
@media screen and (min-width: 1920px) {
    .game-page__search-game-box-grid,
    .game-page__search-provider-box-grid {
        grid-template-columns: repeat(8, 1fr);
    }
}
.game-page__search-provider-item {
    height: unset;
    width: 100%;
    margin: 0;
    padding: 10px;
}
.game-page__search-provider-item .search__providers-title {
    white-space: unset;
    text-overflow: initial;
    overflow: visible;
}
.game-page__shop {
    text-align: center;
    flex-direction: column;
    gap: 24px;
    display: flex;
}
.game-page__shop-back-btn {
    cursor: pointer;
    width: fit-content;
    flex-direction: row;
    order: 0;
    align-items: center;
    gap: 8px;
    margin-inline-start: var(--shop-margin-inline);
    display: inline-flex;
}
.game-page__shop-back-btn span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.rtl-lang .game-page__shop-back-btn button svg {
    transform: scaleX(-1);
}
.game-page__shop-info {
    margin-inline: var(--shop-margin-inline);
    order: 2;
}
.game-page__shop-subtitle {
    color: #fff;
    text-align: start;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
.game-page__shop-filters {
    margin-inline: var(--shop-margin-inline-negative);
    padding-inline: var(--shop-margin-inline);
    order: 3;
    width: 100%;
}
.game-page__shop-filters.is-tab-opened {
    order: 1;
}
.game-page__shop-filters .filter-btns {
    padding-inline: var(--shop-margin-inline);
    position: relative;
}
.game-page__shop-main {
    order: 4;
}
.game-page__shop-main .game-page__shop-title {
    text-align: left;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 29px;
}
.game-page__shop-coins {
    flex-direction: row;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    display: flex;
}
.game-page__shop-coins-balance {
    color: #fff;
    order: 1;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.game-page__shop-coins-amount {
    color: #ffe600;
    order: 3;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
}
.rtl-lang .game-page__shop-coins-amount {
    order: 2;
}
.game-page__shop-coins .icon-coin {
    order: 2;
    width: 20px;
}
.rtl-lang .game-page__shop-coins .icon-coin {
    order: 3;
}
.game-page__shop-card-grid {
    margin-inline: var(--shop-margin-inline);
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 24px 12px;
    display: grid;
}
@media screen and (min-width: 1280px) {
    .game-page__shop-card-grid .shop-item-money-bet__card {
        min-width: 184px;
    }
}
.game-page__shop-header {
    margin-inline: var(--shop-margin-inline);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    display: flex;
    position: relative;
}
.game-page__shop-scroll-wrap {
    margin-inline: var(--shop-margin-inline-negative);
    padding-inline: var(--shop-margin-inline);
    position: relative;
}
.game-page__shop-scroll-wrap:before,
.game-page__shop-scroll-wrap:after {
    content: "";
    z-index: 2;
    width: 20px;
    position: absolute;
    inset-block: 0;
}
.game-page__shop-scroll-wrap:before {
    left: var(--shop-margin-inline);
    background: linear-gradient(90deg, #3c2522 0%, #3c252200 100%);
}
.game-page__shop-scroll-wrap:after {
    right: var(--shop-margin-inline);
    background: linear-gradient(270deg, #3c2522 0%, #3c252200 100%);
}
.game-page__shop-instructions {
    margin-inline: var(--shop-margin-inline);
}
.game-page__shop .game-page__shop-scroll-swiper {
    padding: 10px 20px 0;
}
.game-page__shop .game-page__shop-card-item {
    width: 190px;
}
.game-page__shop .game-page__shop-card-item .shop-fs-item--show-more {
    width: 184px;
    min-width: 184px;
}
.game-page__shop .game-page__shop-card-content {
    width: 184px;
    min-width: 184px;
    display: block;
}
.game-page__shop-arrows {
    flex-direction: row;
    gap: 5px;
    display: flex;
}
.game-page__overlay,
.game-page__overlay-crab,
.game-page__search {
    opacity: 0;
    z-index: -1;
    transition-property: z-index, opacity;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
}
.game-page__sidebar-sideblock {
    z-index: 2;
    min-width: var(--sidebar-width);
    background-image: url(/joxi/wazamba/game-page/header-pattern-bg.png);
    background-position: top;
    background-repeat: repeat;
    background-size: contain;
    display: inline-flex;
}
.game-page__sidebar-dep,
.game-page__sidebar-cup {
    width: 100%;
}
.game-page__overlay,
.game-page__overlay-crab {
    background-color: #0006;
    position: absolute;
    inset: 0;
}
.game-page__search {
    background-color: #170a07e6;
    width: 100vw;
    position: absolute;
    inset: 0;
}
.game-page__tournament-games-title {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: none;
    text-transform: capitalize;
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    margin: 0 26px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}
.game-page__tournament-game-box {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 16px 28px;
    margin-inline: 26px;
    display: grid;
}
.game-page__tournament-game {
    flex-direction: column;
    gap: 8px;
    display: flex;
}
.game-page__tournament-game-pic {
    aspect-ratio: 2/3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    width: 100%;
    height: auto;
    position: relative;
}
.game-page__tournament-game-pic:hover .game-page__tournament-game-over {
    opacity: 1;
}
.game-page__tournament-game-pic:hover .game-item__fav:not(.f_active) {
    display: block;
}
.game-page__tournament-game-name {
    color: #fffc;
    text-align: left;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
}
.game-page__tournament-game-over {
    z-index: 5;
    opacity: 0;
    background-color: #fe8316;
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    display: flex;
    position: absolute;
    inset: 0;
}
.game-page__tournaments {
    margin-inline: var(--shop-margin-inline);
}
.game-page__tournaments-empty {
    color: #fff;
    text-align: center;
    background-color: #00000040;
    border: 1px solid #8259489c;
    border-radius: 10px;
    padding: 40px;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
}
.game-page__dashboard {
    flex-direction: column;
    display: flex;
}
.game-page__dashboard-title {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 1px #ff7901) drop-shadow(0 0 10px #000000bf);
    letter-spacing: unset;
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    order: -4;
    margin-block: 0;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}
.game-page__dashboard-other {
    color: #fff;
    order: -2;
    margin: 0;
    padding-bottom: 24px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
.game-page__dashboard-item {
    background: #6b412c;
    border: 1px solid #90583b;
    border-radius: 11px;
    margin-bottom: 24px;
    display: block;
    overflow: hidden;
}
.game-page__dashboard-item.is-for-game {
    order: -3;
}
.game-page__dashboard-content-wrap {
    cursor: pointer;
    padding: 16px;
    position: relative;
}
.game-page__dashboard-info {
    z-index: 1;
    width: 75%;
    min-height: 124px;
    position: relative;
}
.game-page__dashboard-hero {
    bottom: 0;
    height: 150px;
    position: absolute;
    inset-inline-end: 5px;
}
@media screen and (min-width: 1280px) {
    .game-page__dashboard-hero {
        inset-inline-end: 16px;
    }
}
.game-page__dashboard-info-title {
    color: #fff;
    text-wrap: balance;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
.game-page__dashboard-details {
    color: #fff;
    align-items: center;
    margin-top: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    display: flex;
}
.game-page__dashboard-details-icon {
    width: 18px;
    margin-inline-end: 3px;
}
.game-page__dashboard-details .is-prize {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 1px #ff7901) drop-shadow(0 0 10px #000000bf);
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    font-size: 18px;
    font-weight: 900;
    line-height: 22px;
}
.game-page__dashboard-details strong {
    margin-inline-end: 12px;
}
.game-page__dashboard-details span,
.game-page__dashboard-details span .timer {
    color: #fffc;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
}
.game-page__dashboard-details .timer {
    letter-spacing: 0;
    direction: ltr;
}
.game-page__dashboard-prize {
    direction: ltr;
    display: inline-flex;
}
.game-page__toggle-header {
    cursor: pointer;
    align-items: center;
    min-height: 59px;
    padding: 0 16px;
    display: flex;
    position: relative;
    box-shadow: 0 4px 7px #0003;
}
.game-page__toggle-header:before {
    content: "";
    background-blend-mode: soft-light;
    background-color: #826c65;
    background-image: url(/joxi/wazamba/game-page/header-pattern-bg.png);
    background-position: 50% 5%;
    background-repeat: no-repeat;
    background-size: 700px 400px;
    position: absolute;
    inset: 0;
}
.game-page__toggle-header-icon {
    background-image: url(/joxi/wazamba/shop/shop_arrow-right.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    transition: transform 0.25s ease-in-out;
    position: absolute;
    inset-inline-end: 22px;
    transform: rotate(90deg);
}
.game-page__toggle-header.is-participant:before {
    background-blend-mode: luminosity;
    background-color: #873a24;
}
.game-page__toggle-header.is-open .game-page__toggle-header-icon {
    transform: rotate(-90deg);
}
.game-page__toggle-header.is-open + .game-page__toggle-content {
    display: block;
}
.game-page__toggle-header-text {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 17px;
    position: relative;
}
.game-page__toggle-content {
    padding-top: 24px;
    display: none;
}
.game-page__toggle-user-info {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 250px;
    display: flex;
    position: relative;
}
.game-page__toggle-user-title {
    color: #fff;
    text-align: center;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    display: flex;
}
.game-page__toggle-user-detail {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    align-items: center;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    display: flex;
    position: relative;
}
.game-page__toggle-user-detail.is-place {
    gap: 3px;
}
.game-page__toggle-user-detail.is-place:after,
.game-page__toggle-user-detail.is-place:before {
    content: "";
    background-image: var(--icon-leafLeft);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 7px;
    height: 16px;
    display: block;
}
.game-page__toggle-user-detail.is-place:after {
    transform: scaleX(-1);
}
.game-page__toggle-user-icon {
    width: 12px;
    margin-right: 3px;
}
.game-page__toggle-see-all {
    background-color: #0003;
    border: none;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: 190px;
    margin: 16px auto;
    padding: 12px 0;
    display: flex;
}
.game-page__toggle-see-all span {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
}
.game-page__toggle-footer {
    color: #fff;
    cursor: pointer;
    background: #351e1799;
    justify-content: center;
    align-items: center;
    min-height: 59px;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    display: flex;
}
.game-page__toggle-footer-text {
    align-items: center;
    display: flex;
    position: relative;
}
.game-page__toggle-footer-text:after {
    content: "";
    background-image: url(/joxi/wazamba/shop/shop_arrow-right.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-inline-start: 8px;
    display: block;
    transform: rotate(-90deg);
}
.game-page__toggle-empty-leaderboard {
    color: #fff;
    text-align: center;
    background: #0003;
    border: 1px solid #8259489c;
    border-radius: 10px;
    margin: 0 16px 32px;
    padding: 24px 30px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.game-page__toggle-details {
    justify-content: space-between;
    align-items: center;
    padding: 0 16px 24px;
    display: flex;
}
.game-page__toggle-details-title {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: none;
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}
.game-page__toggle-details-players {
    color: #fff;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.game-page {
    --shop-margin-inline: 20px;
    --shop-margin-inline-negative: -20px;
    --header-height: 51px;
    --sidebar-width: 420px;
}
.game-item {
    box-sizing: border-box;
    width: 100%;
    display: block;
    position: relative;
}
.game-item:hover .game-item__over,
.game-item:hover .poster-gameitem__over {
    opacity: 1;
}
.game-item:hover .game-item__fav:not(.f_active) {
    display: block;
}
.game-item__pic {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: calc(100% - 6px) calc(100% - 2px);
    width: 100%;
}
.game-item__pic:before {
    content: "";
    z-index: 1;
    background: url(/joxi/wazamba/game-item.png) 50%/100% 100% no-repeat;
    padding-top: 72%;
    display: block;
    position: relative;
}
@media screen and (min-width: 1280px) {
    .game-item__pic:before {
        padding-top: 72%;
    }
}
.game-item__over {
    z-index: 18;
    opacity: 0;
    top: 0;
    background: url(/joxi/wazamba/game-item_hover.png) 50%/100% 100% no-repeat;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    display: flex;
    position: absolute;
    inset-inline-start: 0;
}
.game-item__play {
    direction: ltr;
    background: #ff983e;
    border-radius: 44px;
    justify-content: center;
    align-items: center;
    max-width: calc(100% - 20px);
    margin-bottom: 10px;
    padding: 6px;
    display: flex;
}
.game-item__play:hover {
    background: #ffa657;
}
.game-item__play-text {
    letter-spacing: 1.2px;
    color: #fff;
    white-space: nowrap;
    max-width: calc(100% - 20px);
    margin-inline-start: 5px;
    font-size: 16px;
    font-weight: 800;
}
.game-item__play-ico {
    flex-shrink: 0;
}
.game-item__demo {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 800;
    overflow: hidden;
}
.game-item.poster-gameitem .game-item__fav {
    inset-inline-end: 10%;
    border-width: 3px;
    width: 24px;
    height: 24px;
    bottom: 6%;
}
@media screen and (min-width: 1280px) {
    .game-item.poster-gameitem .game-item__fav {
        border-width: 4px;
        width: 34px;
        height: 34px;
    }
}
.game-item.game-item_dashboard .game-item__fav {
    inset-inline-end: 8%;
    bottom: 6%;
}
.game-item__label {
    color: #fff;
    z-index: 19;
    box-sizing: border-box;
    text-shadow: 0 0 10px #00000080;
    letter-spacing: 0.5px;
    border: 4px solid #0000;
    border-radius: 3px;
    height: 24px;
    padding: 0 8px;
    font-size: 10px;
    font-weight: 800;
    line-height: 16px;
    display: none;
    position: absolute;
    top: -4px;
    right: -4px;
    transform: translate(0, 0);
}
.game-item__label--new,
.game-item__label--exclusive,
.game-item__label--fav {
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    display: block;
}
.game-item__label--new,
.game-item__label--fav {
    background-color: #3ed70b;
    background-image: linear-gradient(#3ed70b, #3ed70b), linear-gradient(#a0ff00, #68f284);
    box-shadow:
        inset 0 0 3px #00000040,
        0 3px #37b751;
}
.game-item__label--exclusive {
    background-image: linear-gradient(#ce1616 0%, #d11717 100%), linear-gradient(#fe0201 0%, #dc1c1c 100%);
    box-shadow: 0 3px #990101;
}
.game-item_flex {
    flex-shrink: 0;
    width: calc(25% - 20px);
    margin: 10px;
}
@media screen and (min-width: 1280px) {
    .game-item_flex {
        width: calc(16.6667% - 20px);
    }
}
@media screen and (min-width: 1920px) {
    .game-item_flex {
        width: calc(12.5% - 20px);
    }
}
.landing-games .game-item_flex,
.home-games .game-item_flex {
    width: calc(25% - 20px) !important;
}
.game-item_demogame {
    flex-shrink: 0;
    width: calc(20% - 20px);
    margin: 10px;
}
.game-item_half {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
}
.rtl-lang .game-item__demo {
    align-self: start;
    margin-inline-start: 10px;
}
@media screen and (min-width: 1440px) {
    .rtl-lang .game-item__demo {
        align-self: inherit;
        margin-inline-start: 0;
    }
}
.games-scroll-wrap {
    -ms-overflow-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    overflow-x: auto;
}
.games-scroll-wrap::-webkit-scrollbar {
    display: none;
}
.games-scroll-wrap--landing {
    margin-bottom: 10px;
    margin-left: -20px;
    margin-right: -250px;
    padding-left: 20px;
    position: relative;
}
.games-scroll-wrap--landing:after {
    content: "";
    flex-shrink: 0;
    width: 250px;
    display: block;
}
.games-scroll-wrap .game-item {
    flex-shrink: 0;
    width: 16%;
}
.games-scroll-wrap .game-item:not(:last-child) {
    margin-right: 20px;
}
.is-drops-label {
    content: "";
    aspect-ratio: 1;
    background-image: url(/joxi/wazamba/game-label/dropnwin.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 44px;
    position: absolute;
    top: 0;
    left: 0;
}
a.game-item__fav {
    z-index: 18;
    inset-inline-end: 8%;
    border-width: 3px;
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    bottom: 10%;
}
a.game-item__fav.f_active {
    display: block;
}
.gamebox-header {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
    display: flex;
}
.gamebox-header__title {
    color: #fff;
    letter-spacing: 0.05em;
    text-shadow: 0 0 10px #00000040;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
.gamebox-header__count {
    color: #fff;
    letter-spacing: 0.05em;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    position: relative;
}
.gamebox-header__count:before {
    content: "";
    transform-origin: 100%;
    background-color: #fff;
    height: 2px;
    transition: transform 0.35s;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scaleX(0);
}
.gamebox-header__count:hover:before {
    transform: scaleX(1);
}
.poster-gameitem {
    box-sizing: border-box;
    width: 100%;
    display: block;
    position: relative;
}
.poster-gameitem__pic {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: calc(100% - 6px) calc(100% - 2px);
    width: 100%;
}
.poster-gameitem__pic:before {
    content: "";
    z-index: 1;
    background: url(img/game-icon-poster.png) 50%/100% 100% no-repeat;
    padding-top: 150%;
    display: block;
    position: relative;
}
.poster-gameitem__over {
    z-index: 10;
    opacity: 0;
    background: url(img/game-icon-poster-hover.png) 50%/100% 100% no-repeat;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
}
.poster-gameitem__play {
    background: #ff983e;
    border-radius: 44px;
    justify-content: center;
    align-items: center;
    max-width: calc(100% - 20px);
    padding: 6px;
    transition: all 0.3s;
    display: flex;
}
@media screen and (min-width: 1280px) {
    .poster-gameitem__play {
        padding: 12px 14px;
    }
}
.poster-gameitem__play:hover {
    background: #ffa657;
}
.poster-gameitem__play-text {
    color: #fff;
    letter-spacing: 0.1px;
    max-width: 100%;
    padding-inline-start: 2px;
    font-size: 14px;
    font-weight: 800;
}
@media screen and (min-width: 1440px) {
    .poster-gameitem__play-text {
        letter-spacing: 0.05em;
        padding-inline-start: 6px;
        font-size: 24px;
    }
    .is-small .poster-gameitem__play-text {
        letter-spacing: 0.1px;
        padding-inline-start: 2px;
        font-size: 14px;
    }
}
.poster-gameitem__play-ico {
    flex-shrink: 0;
}
.poster-gameitem__demo {
    color: #fff;
    white-space: nowrap;
    max-width: 90px;
    margin-top: 8px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: 800;
}
@media screen and (min-width: 1280px) {
    .poster-gameitem__demo {
        padding-top: 26px;
        font-size: 14px;
    }
}
.poster-gameitem__demo:hover {
    text-decoration: underline;
}
.poster-gameitem__fav {
    position: absolute;
    bottom: 6%;
    right: 8%;
}
.game-box__wrap {
    margin-bottom: 20px;
    display: grid;
}
.game-box__wrap.grid-6 {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}
.game-box__wrap.grid-5 {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
halloween-promo .halloween-main__bottom,
halloween-promo .halloween-main__info {
    z-index: 500;
}
halloween-promo .halloween-main__info {
    padding-top: 15px;
}
@media (min-width: 1440px) {
    halloween-promo .halloween-main__info {
        padding-top: 30px;
    }
}
@media (min-width: 1920px) {
    halloween-promo .halloween-main__info {
        padding-top: 45px;
    }
}
@keyframes hero {
    50% {
        bottom: 8px;
    }
}
@keyframes hero2 {
    50% {
        bottom: 4px;
    }
}
.banner-layer-bg {
    background-image: url(/joxi/wazamba/baner/lb_bg2.jpg);
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.banner-layer-bg-front {
    z-index: 1;
    background-image: url(/joxi/wazamba/baner/leaf1.png), url(/joxi/wazamba/baner/leaf2.png),
        url(/joxi/wazamba/baner/leaf3.png), url(/joxi/wazamba/baner/leaf4.png);
    background-position:
        -50px -50px,
        110% -50px,
        100% 100%,
        0 100%;
    background-repeat: no-repeat;
    background-size: 168px, 223px, 350px, 290px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.banner-layer-gold {
    background-image: url(/joxi/wazamba/baner/lb_gold.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 150px;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%);
}
.banner-layer-hero1 {
    background-image: url(/joxi/wazamba/baner/lb_hero1.png);
    background-position: 5% 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 173px;
    height: 377px;
    animation: 2.5s ease-in-out -0.9s infinite hero2;
    position: absolute;
    bottom: 0;
    transform: translate(30%);
}
.banner-layer-hero2 {
    background: url(/joxi/wazamba/baner/lb_hero2.png) -8% 20% / contain no-repeat;
    width: 232px;
    height: 302px;
    animation: 1.5s ease-in-out -0.7s infinite hero;
    position: absolute;
    bottom: 0;
    transform: translate(-45%);
}
.banner-layer-hero3 {
    background: url(/joxi/wazamba/baner/lb_hero3.png) 75% 7% / contain no-repeat;
    width: 284px;
    height: 330px;
    animation: 1.8s ease-in-out infinite hero;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(-60%);
}
.banner-layer-content {
    padding-right: 230px;
    display: flex;
    position: relative;
}
.banner-layer-logo {
    background-image: url(/joxi/wazamba/desktop/img/logo.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 297px;
    height: 47px;
    margin: 100px auto 0;
}
.banner-layer-btn {
    padding: 0 250px 0 20px;
    display: flex;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%);
}
@media screen and (min-width: 1280px) {
    .banner-layer-hero1 {
        width: 184px;
        height: 402px;
        transform: translate(90%);
    }
    .banner-layer-hero2 {
        width: 248px;
        height: 322px;
        transform: translate(0%);
    }
    .banner-layer-hero3 {
        width: 302px;
        height: 352px;
        transform: translate(-90%);
    }
    .banner-layer-btn {
        bottom: 60px;
    }
}
@media screen and (min-width: 1440px) {
    .banner-layer-logo {
        margin: 30% auto 0;
    }
    .banner-layer-hero1 {
        width: 207px;
        height: 453px;
    }
    .banner-layer-hero2 {
        width: 280px;
        height: 364px;
    }
    .banner-layer-hero3 {
        width: 340px;
        height: 396px;
    }
    .banner-layer-btn {
        bottom: 52px;
    }
}
@media screen and (min-width: 1680px) {
    .banner-layer-logo {
        background-size: 388px;
        height: 61px;
    }
    .banner-layer-hero1 {
        width: 242px;
        height: 528px;
    }
    .banner-layer-hero2 {
        width: 326px;
        height: 424px;
    }
    .banner-layer-hero3 {
        width: 396px;
        height: 460px;
    }
    .banner-layer-btn {
        bottom: 88px;
    }
}
@media screen and (min-width: 1920px) {
    .banner-layer-logo {
        background-size: 420px;
        height: 66px;
    }
    .banner-layer-btn {
        bottom: 54px;
    }
}
.banner {
    --banner-awards-height: 64px;
}
.banner__content-pnp {
    background-image: url(/joxi/wazamba/bank-id/wz_bank-id_stone.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 533px;
    height: 750px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 1280px) {
    .banner__content-pnp {
        width: 676px;
        height: 952px;
    }
}
@media screen and (min-width: 1680px) {
    .banner__content-pnp {
        width: 810px;
        height: 1140px;
    }
}
.banner__content {
    background: url(/joxi/wazamba/baner/lb_front.png) 50% -12px/100% no-repeat;
    width: 375px;
    height: 395px;
    margin: 0 auto;
    padding-top: 0;
}
.banner__promo {
    text-align: center;
    text-shadow: 0 3px #ff7901;
    color: #f6e94f;
    flex-direction: column;
    justify-content: center;
    padding: 16px 43px 0;
    font-weight: 800;
    display: flex;
    overflow: hidden;
}
.banner__title {
    font-size: 24px;
}
.banner__text1 {
    font-size: 32px;
}
.banner__text2 {
    font-size: 20px;
}
.banner__btns {
    flex-direction: column;
    align-items: center;
    display: flex;
}
.banner__btn.is-log {
    display: none;
}
.banner__btn.g-btn-blue,
.banner__btn.g-btn-green {
    min-width: 335px;
}
.banner__awards {
    width: 100%;
    height: var(--banner-awards-height);
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    display: flex;
}
.banner__awards-sbc {
    width: 155px;
    height: 64px;
    margin-right: 32px;
    display: block;
    position: relative;
}
.banner__awards-askgamblers {
    width: 170px;
    height: 64px;
    display: block;
    position: relative;
}
.banner_bankid {
    position: relative;
}
.banner_bankid .baner-content__promo {
    height: auto;
    padding-top: 40px;
}
.banner__bankid-logo {
    background-position: 50% bottom 20px;
    width: 100%;
    height: 212px;
    position: absolute;
    top: 0;
    left: 0;
}
.banner__bankid-title {
    letter-spacing: 0.05em;
    text-align: center;
    text-shadow:
        0 0 10px #00000040,
        0 3px 1px #ff7901;
    font-size: 32px;
    font-weight: 800;
}
@media screen and (min-width: 1280px) {
    .banner__bankid-title {
        font-size: 40px;
        line-height: 49px;
    }
    .banner__bankid-logo {
        background-position: bottom;
    }
    .banner__bankid-title {
        font-size: 40px;
    }
}
@media screen and (min-width: 1440px) {
    .banner__content {
        width: 484px;
        height: 514px;
        margin: -20px auto 0;
    }
    .banner__promo {
        width: 416px;
        margin: 0 auto;
        padding: 24px 43px 0;
    }
    .banner__title {
        font-size: 28px;
    }
    .banner__text1 {
        font-size: 36px;
    }
    .banner__text2 {
        font-size: 28px;
    }
}
@media screen and (min-width: 1680px) {
    .banner__promo {
        padding: 30px 43px 0;
    }
}
@media screen and (min-width: 1920px) {
    .banner__content {
        width: 558px;
        height: 592px;
    }
    .banner__promo {
        width: 100%;
        padding: 32px 62px 0;
    }
    .banner__title {
        font-size: 32px;
    }
    .banner__text1 {
        font-size: 48px;
    }
    .banner__text2 {
        font-size: 32px;
    }
}
.banner-btns {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 500px;
    margin: 0 auto;
    display: flex;
}
@media screen and (min-width: 1024px) {
    .banner-btns .banner__btn {
        min-width: 220px;
    }
}
@media screen and (min-width: 1680px) {
    .banner-btns .banner__btn {
        min-width: 337px;
    }
}
.linda-has-remembered-login .banner__btn.is-reg {
    display: none;
}
.linda-has-remembered-login .banner__btn.is-log {
    display: block;
}
.landing-soon {
    text-align: center;
    background-image: linear-gradient(90deg, #1c417c, #1c417c00);
    height: 279px;
    padding: 20px 250px 20px 20px;
    position: relative;
}
.landing-soon:before {
    content: "";
    filter: grayscale();
    z-index: -1;
    background: url(/joxi/wazamba/landing-soon.jpg) 0 0 / cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.landing-soon__title {
    letter-spacing: 3.2px;
    color: #fff;
    padding-top: 50px;
    font-size: 64px;
    font-weight: 800;
}
.landing-soon__text {
    padding-top: 40px;
    font-size: 24px;
    font-weight: 800;
}
@media screen and (min-width: 1440px) {
    .landing-soon {
        height: 320px;
    }
    .landing-soon__title,
    .landing-soon__text {
        padding-top: 60px;
    }
}
.landing__wrapper {
    z-index: 30;
    background-color: #071f3e;
    background-image: url(img/page-bg-2.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}
.landing__group_1 {
    height: 395px;
}
.landing__group_1:before {
    content: "";
    z-index: 2;
    background: linear-gradient(#c4c4c400 0%, #36363653 38.39%, #0009 99.83%);
    width: 100%;
    height: 246px;
    position: absolute;
    bottom: 0;
}
@media screen and (min-width: 1280px) {
    .landing__group_1 {
        height: 425px;
    }
}
@media screen and (min-width: 1440px) {
    .landing__group_1 {
        height: 500px;
    }
}
@media screen and (min-width: 1680px) {
    .landing__group_1 {
        height: 545px;
    }
}
@media screen and (min-width: 1920px) {
    .landing__group_1 {
        height: 590px;
    }
}
.landing__chest.g-hr {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
}
.landing__footer-content {
    background-image: linear-gradient(#071f3e 20%, #071f3eb3 50%, #071f3e00 100%), url(img/page-bg-1.jpg);
    background-position: top, top;
    background-repeat: no-repeat, no-repeat;
    background-size:
        100% 390px,
        100%;
    padding-left: 20px;
    padding-right: 270px;
}
.landing__footer-content .seo {
    transition: transform 0.2s;
}
body.linda-hide-sidebar .landing__footer-content .seo {
    transform: translate(125px);
}
.landing-games {
    padding: 20px 250px 0 20px;
    transition: all 0.2s;
    display: block;
}
body.linda-hide-sidebar .landing-games {
    transform: translate(125px);
}
body.linda-hide-sidebar .landing-games.search-block {
    transform: unset;
    padding: 20px 125px;
}
.landing-games__gamebox {
    margin: 0 auto;
    padding-bottom: 20px;
    display: block;
}
.landing-games__btns {
    text-align: center;
    padding: 0 0 35px;
}
.rtl-lang .landing-games {
    direction: rtl;
}
.landing-games.is-sport-main {
    direction: ltr;
}
.landing-grid {
    grid-template-columns: 1fr 1fr 230px;
    transition: all 0.2s;
    display: grid;
}
body.linda-hide-sidebar .landing-grid {
    transform: translate(120px);
}
@media screen and (min-width: 1680px) {
    .landing-grid {
        grid-template-columns: 47% 1fr 230px;
    }
}
@media screen and (min-width: 1920px) {
    .landing-grid {
        grid-template-columns: 42% 1fr 230px;
    }
}
.landing-grid__content {
    grid-column: 1/3;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
}
.landing-grid__content.no-overflow {
    overflow: inherit;
}
.landing-grid__full {
    grid-column: 1/4;
}
.landing-grid__first {
    overflow: hidden;
}
@media screen and (min-width: 1680px) {
    .landing-grid__first {
        grid-column: 1/2;
        grid-row-start: 1;
        padding-right: 10px;
    }
}
.landing-grid__second {
    overflow: hidden;
}
@media screen and (min-width: 1680px) {
    .landing-grid__second {
        grid-column: 2/3;
        grid-row-start: 1;
        margin: auto 0;
        padding-left: 10px;
    }
}
.landing-masks {
    background-image: url(/joxi/wazamba/wazamba-v01/backgrounds/backgrpund_new-mask-widget.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 220px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 30px calc(100% - 380px) 30px 20px;
    display: flex;
    position: relative;
    box-shadow: 3px 6px #9e8366;
}
@media screen and (min-width: 1280px) {
    .landing-masks {
        margin-top: 60px;
        padding: 30px calc(50% + 30px) 30px 20px;
    }
}
@media screen and (min-width: 1440px) {
    .landing-masks {
        margin-top: 50px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
}
@media screen and (min-width: 1680px) {
    .landing-masks {
        min-height: calc(100% - 110px);
        padding-top: 65px;
        padding-bottom: 65px;
    }
}
@media screen and (min-width: 1920px) {
    .landing-masks {
        padding-top: 55px;
        padding-bottom: 55px;
        padding-left: 40px;
    }
}
.landing-masks:before {
    content: "";
    pointer-events: none;
    z-index: 10;
    background-image: url(/joxi/wazamba/wazamba-v01/new-mask-widget/new_mask_widget_desk.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 49.2%;
    position: absolute;
    top: -40px;
    bottom: 0;
    right: 0;
}
@media screen and (min-width: 1280px) {
    .landing-masks:before {
        background-size: 450px;
        top: -60px;
    }
}
@media screen and (min-width: 1680px) {
    .landing-masks:before {
        background-size: 180%;
    }
}
@media screen and (min-width: 1920px) {
    .landing-masks:before {
        background-size: 150%;
    }
}
.landing-masks__hr {
    pointer-events: none;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.landing-masks__hr:before,
.landing-masks__hr:after {
    content: "";
    background-image: url(/joxi/wazamba/hr.png);
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: auto 100%;
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
}
.landing-masks__hr:before {
    top: -12px;
    transform: scaleY(-1);
}
.landing-masks__hr:after {
    bottom: -12px;
}
.landing-masks__title {
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff;
    max-width: 330px;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
}
@media screen and (min-width: 1280px) {
    .landing-masks__title {
        max-width: 100%;
    }
}
@media screen and (min-width: 1680px) {
    .landing-masks__title {
        max-width: 280px;
        font-size: 36px;
        line-height: 44px;
    }
}
@media screen and (min-width: 1920px) {
    .landing-masks__title {
        max-width: 350px;
        font-size: 40px;
        line-height: 49px;
    }
}
@media screen and (min-width: 1680px) {
    .landing-masks__button.g-btn {
        letter-spacing: 0.05em;
        height: 56px;
        font-size: 24px;
        line-height: 46px;
    }
}
.home-games {
    background-image: url(/joxi/wazamba/page-bg-2.jpg);
    background-repeat: no-repeat;
    padding: 50px 250px 50px 20px;
}
.home-games__top {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
}
.home-games__category {
    flex-shrink: 0;
    order: 2;
}
.home-games__search {
    order: 1;
    width: 746px;
}
.home-games__btn {
    text-align: center;
    padding: 30px 0;
}
.home-games__gamebox {
    margin-top: 20px;
    display: block;
}
@media screen and (min-width: 1280px) {
    .home-games__top {
        flex-wrap: nowrap;
    }
    .home-games__category {
        order: 1;
    }
    .home-games__search {
        order: 2;
        max-width: 400px;
    }
}
.home-events {
    margin: -12px 0 40px;
    display: block;
}
.home-links2 {
    justify-content: center;
    max-width: 1210px;
    margin: 0 auto;
    padding-top: 20px;
    display: flex;
}
.home-links2__item {
    width: calc(33.334% - 20px);
    margin: 0 10px;
    padding-top: 23%;
    position: relative;
}
.home-links2__item:before,
.home-links2__item:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    mask: url(/joxi/wazamba/desktop/img/mask_home1.svg) 100% 100% no-repeat;
}
.home-links2__item:before {
    z-index: 10;
    background-color: #05191f;
    top: 5px;
}
.home-links2__item:after {
    z-index: 11;
    background-color: #10294f;
    top: 0;
}
.home-links2__item:hover:after {
    background-image: radial-gradient(circle, #9547e9, #721dac);
}
.home-links2__item:hover:before {
    background-color: #2a0935;
}
.home-links2__ico {
    z-index: 25;
    background-image: url(/joxi/wazamba/sprite-icons-2.png), url(/joxi/wazamba/sprite-icons-2.png);
    background-size: 217px, 217px;
    width: 81px;
    height: 81px;
    transition: all 0.2s;
    position: absolute;
    top: -30px;
    left: calc(50% - 40px);
}
.home-links2__ico_1 {
    background-position:
        -1px -2px,
        -3px -255px;
}
.home-links2__ico_2 {
    background-position:
        0 -87px,
        -3px -255px;
}
.home-links2__ico_3 {
    background-position:
        -2px -171px,
        -3px -255px;
}
.home-links2__item:hover .home-links2__ico {
    transform: scale(1.3);
}
.home-links2__content {
    z-index: 21;
    flex-direction: column;
    justify-content: center;
    height: calc(100% - 60px);
    padding: 0 20px 20px;
    display: flex;
    position: absolute;
    top: 60px;
}
.home-links2__title {
    color: #fbfc18;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
}
.home-links2__text {
    letter-spacing: 0.7px;
    color: #fff;
    padding-top: 15px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.52;
}
@media screen and (min-width: 1280px) {
    .home-links2__item {
        padding-top: 11.5%;
    }
    .home-links2__item:before,
    .home-links2__item:after {
        mask: url(/joxi/wazamba/desktop/img/mask_home3.svg) 100% 100% no-repeat;
    }
    .home-links2__ico {
        z-index: 20;
        background-size: 267px, 267px;
        width: 98px;
        height: 98px;
        transition: all 0.2s;
        top: calc(50% - 50px);
        left: 10px;
    }
    .home-links2__ico_1 {
        background-position:
            -1px -5px,
            -3px -315px;
    }
    .home-links2__ico_2 {
        background-position:
            0 -105px,
            -3px -315px;
    }
    .home-links2__ico_3 {
        background-position:
            -2px -210px,
            -3px -315px;
    }
    .home-links2__content {
        height: 100%;
        padding: 15px 20px;
        top: 0;
        left: 100px;
    }
    .home-links2__title {
        text-align: left;
    }
    .home-links2__text {
        padding-top: 5px;
    }
}
.landing-jackpot {
    z-index: 0;
    text-align: center;
    background-image: url(/joxi/wazamba/jackpot/desktop/main-jeckpot-bgs.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 297px;
    margin-bottom: 40px;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .landing-jackpot {
        background-image: url(/joxi/wazamba/jackpot/desktop/main-jeckpot-bgs@2x.png);
    }
}
@media screen and (min-width: 1280px) {
    .landing-jackpot {
        background-image: url(/joxi/wazamba/jackpot/desktop/main-jeckpot-bgm.png);
    }
}
@media screen and (min-width: 1280px) and (-webkit-max-device-pixel-ratio: 2) {
    .landing-jackpot {
        background-image: url(/joxi/wazamba/jackpot/desktop/main-jeckpot-bgm@2x.png);
    }
}
@media screen and (min-width: 1440px) {
    .landing-jackpot {
        background-image: url(/joxi/wazamba/jackpot/desktop/main-jeckpot-bgl.png);
    }
}
@media screen and (min-width: 1440px) and (-webkit-max-device-pixel-ratio: 2) {
    .landing-jackpot {
        background-image: url(/joxi/wazamba/jackpot/desktop/main-jeckpot-bgl@2x.png);
    }
}
@media screen and (min-width: 1680px) {
    .landing-jackpot {
        background-image: url(/joxi/wazamba/jackpot/desktop/main-jeckpot-bgxl.png);
        height: 390px;
    }
}
@media screen and (min-width: 1680px) and (-webkit-max-device-pixel-ratio: 2) {
    .landing-jackpot {
        background-image: url(/joxi/wazamba/jackpot/desktop/main-jeckpot-bgxl@2x.png);
    }
}
@media screen and (min-width: 1920px) {
    .landing-jackpot {
        background-image: url(/joxi/wazamba/jackpot/desktop/main-jeckpot-bgxxl.png);
        height: 419px;
    }
}
@media screen and (min-width: 1920px) and (-webkit-max-device-pixel-ratio: 2) {
    .landing-jackpot {
        background-image: url(/joxi/wazamba/jackpot/desktop/main-jeckpot-bgxxl@2x.png);
    }
}
.landing-jackpot__title {
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fce533;
    text-shadow: 0 3.02092px 3.02092px #00000040;
    width: 100%;
    font-size: 24px;
    font-weight: 800;
    position: absolute;
    top: 13px;
}
@media screen and (min-width: 1280px) {
    .landing-jackpot__title {
        font-size: 28px;
    }
}
@media screen and (min-width: 1680px) {
    .landing-jackpot__title {
        top: 27px;
    }
}
.landing-jackpot__sum {
    color: #fbfc18;
    text-shadow:
        0 2px 1px #ff7901,
        0 0 10px #00000040;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 38px;
    font-weight: 800;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
}
@media screen and (min-width: 1280px) {
    .landing-jackpot__sum {
        font-size: 46px;
        transform: translate(-50%, -50%);
    }
}
@media screen and (min-width: 1680px) {
    .landing-jackpot__sum {
        transform: translate(-50%, -25%);
    }
}
.landing-jackpot__btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
@media screen and (min-width: 1440px) {
    .landing-jackpot__btn {
        bottom: 8px;
    }
    .landing-jackpot__btn .g-btn-46 {
        letter-spacing: 0.9px;
        height: 52px;
        padding: 0 15px;
        font-size: 24px;
        line-height: 42px;
    }
}
.rtl-lang .landing-jackpot__sum {
    direction: ltr;
}
.landing-promo {
    background-image: linear-gradient(#071f3e00 0%, #071f3eb3 50%, #071f3e 80%),
        url(/joxi/wazamba/wazamba-v01/backgrounds/wazamba_promovotionblock_mob.jpg);
    background-position:
        bottom,
        0 0;
    background-repeat: repeat-x, no-repeat;
    background-size:
        100% 390px,
        100%;
    padding: 50px 290px 0 40px;
}
@media screen and (min-width: 1280px) {
    .landing-promo {
        background-position:
            bottom,
            0 -5vw;
    }
}
@media screen and (min-width: 1440px) {
    .landing-promo {
        background-position:
            bottom,
            0 -12vw;
    }
}
@media screen and (min-width: 1920px) {
    .landing-promo {
        background-position:
            bottom,
            0 -15vw;
    }
}
.landing-promo__title {
    text-align: center;
    letter-spacing: 0.05em;
    color: #faef67;
    text-shadow:
        0 0 10px #00000040,
        0 2px #ff7901;
    margin-bottom: 150px;
    font-size: 36px;
    font-weight: 800;
    line-height: 44px;
}
.landing-promo__list {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
}
.landing-promo__block {
    width: 100%;
    margin-top: 100px;
}
.landing-promo__text {
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
    text-shadow: 0 2px 2px #000000b3;
    z-index: 50;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    font-weight: 900;
    line-height: 18px;
    position: relative;
}
@media screen and (min-width: 1680px) {
    .landing-promo__text {
        font-size: 20px;
        line-height: 24px;
    }
}
.landing-promo__content {
    text-align: center;
    width: 688px;
    min-height: 250px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.landing-promo__content-head {
    z-index: 1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjg4IiBoZWlnaHQ9IjU2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0yMDAuNjY3Ljg1aDc1LjU5bC0uMzQ2LS43OTMgMjkuMjYxLjc5M2gzNC4xODNsOS4yMjEtLjUxNiAyLjQ3NC41MTZoMS41ODh2Mi41NzhsMS43MzItMS45ODcgMy42MjEtLjU1M2g4NC43MzVsMi44OTcuNTUzaDIuNDE1bDIuNDE0LS41NTNoMy42MjFsMy4zOCAxLjM4NGgzLjM3OWw3LjQ4NC0uODMgMi42NTYtLjgzMSA3OS40MjQuMjc3IDQuMTA0IDEuMzg0IDMuMzguODMgMS4yMDcgMS4xMDhoMi44OTdjMS43NyAxLjI5MiA1LjI2MyAzLjgyMSA1LjA3IDMuNi0uMTk0LS4yMjItNC4yNjUtMy43ODQtNi4yNzctNS41MzhWLjg4OGwxLjQ0OC0uMjc3IDkwLjU3Ni0uMjc3TDY4OCAzNC41NjR2OC43MzhsLTcuMzMtMi4wOTIgNy4zMyA1LjU4djkuMDY3SC4zMDFsLjA0LTcuNjNMMi4wNSA0NC45bDEuMDI1LTIuNzQgMS4zNjYtLjk3OXYtMi4zNDhjMS41OTMtMS40MzYgNC43MTItNC4yNjcgNC40NC00LjExLS4yNzQuMTU2LTQuNjY4IDMuNDU3LTYuODMxIDUuMDg4SC4zNDJMMCAzOC42Mzd2LTcuNjNMMzEuMDk0IDEuODQyIDk5LjU4Ljg1bDIuMzkxLjU4NyA4LjUzNy41ODdoMy4wNzRMMTEyLjg5OS44NWg3My43NjZsMy4wNzQuNTg3IDMuNDE1LjU4NyAzLjQxNS0uMTk2IDIuNzMyLS4zOTEgMS4zNjYtLjU4N3oiIGZpbGw9IiNGNEFGMzUiLz48L3N2Zz4=);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 54px;
    position: relative;
}
.landing-promo__content-body {
    z-index: 2;
    background-color: #f4af35;
    min-height: 50px;
    position: relative;
}
.landing-promo__content-body:after {
    content: "";
    z-index: -1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjg4IiBoZWlnaHQ9IjYzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0uMzY3LjY3N0wwIDE5LjgybDMuNDEzLS45NzgtMi4zODkgNi40NTh2MTAuNTgzTDI4IDYyLjA1N2wxOTMuMDQ4LS4wMTMgOC41MzMtMS41NjZoMi43MzFsMy4wNzIgMS41NjZoMTE3LjQyMXYtLjc5M2gxLjI0OGwxLjIwNi0uODNoMi4xNzJjLjE5MyAwIDEuMjA2LjU1MyAxLjY4OS44M2g0NS4zNjNsLTIuNDEzLTMuNTk5IDQuMzQzIDMuNkg1MzguNGwyLjg5NS0xLjEwOCAxLjIwNy0uODMgMS4yMDYuODMuNzI0LS44M2gxLjkzbDIuODk2LjgzaDEuOTNsMS40NDgtMS45MzggMi4xNzIgMi4yMTQgMS42ODkuODMxaDEwMy42NTFMNjg4IDM2LjQ2M1YyMi45OTdsLTEuOTU1LTExLjg1N0w2ODggMTMuMjMyVi42NzdILjM2N3oiIGZpbGw9IiNDNTgzMEYiLz48cGF0aCBkPSJNLjI2LjY3N0wwIDE0LjI1bDMuNDEzLS45NzgtMi4zODkgNi40NTd2MTAuNThMMjggNTYuNDc4bDE5My4wNDgtLjAxNCA4LjUzMy0xLjU2NmgyLjczMWwzLjA3MiAxLjU2NmgxMTcuNDIxdi0uNzkzaDEuMjQ4bDEuMjA2LS44M2gyLjE3MmMuMTkzIDAgMS4yMDYuNTUzIDEuNjg5LjgzaDQ1LjM2M2wtMi40MTMtMy41OTggNC4zNDMgMy41OThINTM4LjRsMi44OTUtMS4xMDcgMS4yMDctLjgzIDEuMjA2LjgzLjcyNC0uODNoMS45M2wyLjg5Ni44M2gxLjkzbDEuNDQ4LTEuOTM3IDIuMTcyIDIuMjE0IDEuNjg5LjgzaDEwMy42NTFMNjg4IDMwLjg5di03Ljg5MmwtMS45NTUtMTkuNTNMNjg4IDUuNTZWLjY3N0guMjZ6IiBmaWxsPSIjRjRBRjM1Ii8+PC9zdmc+);
    background-position: bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 62px;
    position: absolute;
    bottom: -35px;
    left: 0;
}
.landing-promo__content-text {
    letter-spacing: 0.05em;
    color: #fff;
    text-shadow: 0 0 4px #0006;
    white-space: break-spaces;
    opacity: 0;
    max-height: 0;
    padding-left: 90px;
    padding-right: 90px;
    font-size: 24px;
    font-weight: 800;
    line-height: 29px;
    transition-property: opacity, max-height;
    transition-duration: 0.5s, 0.5s;
    transition-delay: 0.1s, 0s;
    overflow: hidden;
    transform: translateY(-15px);
}
.landing-promo__content-text p {
    margin: 0;
}
.landing-promo__item {
    cursor: pointer;
    z-index: 1;
    width: 200px;
    height: 220px;
    position: relative;
}
.landing-promo__item:before {
    content: "";
    transform-origin: 50%;
    pointer-events: none;
    opacity: 0;
    z-index: -1;
    background-image: url(/joxi/wazamba/wazamba_promo_shining.png);
    background-position: 50% 85%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    transition-property: transform, opacity;
    transition-duration: 0.2s;
    animation-name: spin-light;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(2.5);
}
.landing-promo__item.active {
    pointer-events: none;
}
.landing-promo__item.active:before {
    opacity: 1;
    transform: scale(2.5);
}
.landing-promo__item.active > .landing-promo__case {
    transform: scale(1.15);
}
.landing-promo__item.active:first-child ~ .landing-promo__block .landing-promo__content-text:first-child,
.landing-promo__item.active:nth-child(2) ~ .landing-promo__block .landing-promo__content-text:nth-child(2),
.landing-promo__item.active:nth-child(3) ~ .landing-promo__block .landing-promo__content-text:nth-child(3) {
    opacity: 1;
    max-height: 1000px;
    transition: all 1s 0.5s;
}
@media screen and (min-width: 1280px) {
    .landing-promo__item {
        width: 220px;
        height: 240px;
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media screen and (min-width: 1920px) {
    .landing-promo__item {
        width: 250px;
        height: 270px;
    }
}
.landing-promo__case {
    transform-origin: bottom;
    z-index: 10;
    background-image: url(/joxi/wazamba/sprite-case.png);
    background-repeat: no-repeat;
    background-size: 300%;
    height: 100%;
    margin-bottom: 5px;
    transition: transform 0.25s;
    position: relative;
}
.landing-promo__case_1 {
    background-position: 0;
}
.landing-promo__case_2 {
    background-position: 50%;
}
.landing-promo__case_3 {
    background-position: 100%;
}
@keyframes spin-light {
    0% {
        transform: rotate(0) scale(3);
    }
    to {
        transform: rotate(360deg) scale(3);
    }
}
.preserve-3d {
    transform-style: preserve-3d;
}
.perspective {
    perspective: 1px;
    height: 100vh;
    overflow: hidden auto;
}
.perspective__banner-content {
    z-index: 28;
}
.perspective__banner-logo {
    z-index: 29;
}
.perspective__banner-btn {
    z-index: 30;
}
.perspective__widget-events {
    transform: translateZ(0.05px) scale(0.95);
}
.perspective__jackpot {
    transform: translateZ(0.1px) scale(0.9);
}
.perspective__chests {
    z-index: 31;
    transform: translateZ(0.1px) scale(0.9);
}
@-moz-document url-prefix() {
    .firefox-not-preserve3d {
        transform-style: initial;
    }
    .firefox-not-persp-el {
        transform: translateZ(0) scale(1);
    }
}
.main-sport {
    background-image: url(/joxi/wazamba/sport/bg-arena.jpg);
    background-position: 50%;
    background-size: contain;
    margin-top: 115px;
}
.main-sport .landing-games {
    transform: translateY(-130px);
}
.main-sport__title-wrapp {
    text-align: center;
    background-image: url(/joxi/wazamba/sport/listswithbool.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 554px 136px;
    padding-top: 48px;
    position: relative;
}
.main-sport__title {
    color: #f6d02b;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-shadow: 0 3.02092px 3.02092px #00000040;
    z-index: 1;
    background-image: url(/joxi/wazamba/sport/woodtitle.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    justify-content: center;
    min-width: 636px;
    padding: 36px 73px 41px;
    font-size: 44px;
    font-weight: 800;
    line-height: 54px;
    display: inline-flex;
}
.main-sport__link {
    color: #071f3e;
    letter-spacing: 0.05em;
    cursor: pointer;
    top: 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    position: absolute;
    inset-inline-end: 12px;
}
.main-sport__link:hover {
    color: #6e3923;
}
.main-sport__new {
    color: #fff;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    background: red;
    border-radius: 4px;
    padding: 12px 16px;
    font-size: 18px;
    font-weight: 900;
    line-height: 12px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -5px);
    box-shadow: 0 2px #990101;
}
.main-sport__widgets-wrapp {
    position: relative;
}
.main-sport__widget .asb-livenow__header-label {
    padding-inline-end: 30px;
    position: relative;
}
.main-sport__widget .asb-livenow__header-label:after {
    content: "";
    top: 0;
    background-image: url(/joxi/wazamba/desktop/img/live-red.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 27px;
    height: 14px;
    position: absolute;
    inset-inline-end: 0;
}
.main-sport__widget .asb-upcoming__header-label,
.main-sport__widget .asb-highlights__header-label,
.main-sport__widget .asb-livenow__header-label {
    color: #071f3e;
    font-size: 26px;
    font-weight: 800;
    line-height: 26px;
}
.main-sport__widget .asb-upcoming__tabs,
.main-sport__widget .asb-highlights__tabs,
.main-sport__widget .asb-livenow__tabs {
    padding-top: 12px;
}
.main-sport__widget .asb-upcoming__tabs > div:first-child,
.main-sport__widget .asb-highlights__tabs > div:first-child,
.main-sport__widget .asb-livenow__tabs > div:first-child {
    background: #fff;
    border-radius: 100px;
    max-width: max-content;
    height: 34px;
    margin-bottom: 12px;
    overflow: visible;
    box-shadow: 0 2px #00000040;
}
.main-sport__widget .asb-upcoming__tabs > div:first-child > div:last-child,
.main-sport__widget .asb-highlights__tabs > div:first-child > div:last-child,
.main-sport__widget .asb-livenow__tabs > div:first-child > div:last-child {
    display: none;
}
.main-sport__widget .asb-highlights__tabs > div > div > .asb-nodata {
    text-align: center;
    background: #ffffff24;
    border-radius: 12px;
    width: 100%;
    margin-bottom: 4px;
    padding: 17px 0;
    display: inline-block;
}
.main-sport__widget .asb-nodata > div:nth-child(2) {
    color: #071f3e;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.main-sport__widget .asb-icon-bell {
    background-image: var(--icon-icon_bells);
    background-repeat: no-repeat;
    background-size: contain;
    width: 28px;
    height: 28px;
}
.main-sport__widget .asb-tab_selected {
    background-color: #ff7800;
    background-image: linear-gradient(#ff7800, #f97600), linear-gradient(#f90, #f2a268);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    border: 5px solid #0000;
    border-radius: 10px;
    height: 38px;
    margin-top: -2px;
    padding: 4px 10px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    box-shadow:
        0 0 5px #ff7800,
        0 2px #b75637;
}
.main-sport__widget .asb-tab_selected div div {
    color: #fff;
}
.main-sport__widget .asb-tab {
    color: #071f3e;
    border: 5px solid #0000;
    border-radius: 10px;
    padding: 4px 10px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
.main-sport__widget .asb-event-row > div:nth-child(2) {
    justify-content: space-between;
}
.main-sport__widget .asb-event-row > div:nth-child(2) > div:first-child {
    flex: 1 0 32%;
}
.main-sport__widget .asb-event-row div {
    justify-content: flex-start;
}
.main-sport__widget .asb-event-row div div {
    color: #071f3e;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}
.main-sport__widget .asb-livenow__tabs-content .asb-live {
    color: #fff;
    text-transform: uppercase;
    background: #f01919;
    border-radius: 2px;
    margin-bottom: 3px;
    margin-left: 12px;
    padding: 0 4px;
    font-size: 8px;
    font-style: italic;
    font-weight: 800;
    line-height: 10px;
    box-shadow: 1px 1px #990101;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-prefix__wrapper div:nth-child(2),
.main-sport__widget .asb-highlights__tabs-content .asb-prefix__wrapper div:nth-child(2) {
    display: none;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-prefix__wrapper div:nth-child(4),
.main-sport__widget .asb-upcoming__tabs-content .asb-prefix__wrapper div:nth-child(5),
.main-sport__widget .asb-upcoming__tabs-content .asb-prefix__wrapper div:nth-child(6),
.main-sport__widget .asb-highlights__tabs-content .asb-prefix__wrapper div:nth-child(4),
.main-sport__widget .asb-highlights__tabs-content .asb-prefix__wrapper div:nth-child(5),
.main-sport__widget .asb-highlights__tabs-content .asb-prefix__wrapper div:nth-child(6) {
    color: #071f3e;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-prefix__wrapper .asb-flag-icon,
.main-sport__widget .asb-highlights__tabs-content .asb-prefix__wrapper .asb-flag-icon {
    margin-left: calc(100% - 306px);
}
.main-sport__widget .asb-upcoming__tabs-content .asb-prefix__wrapper > div:first-child,
.main-sport__widget .asb-highlights__tabs-content .asb-prefix__wrapper > div:first-child {
    width: 100px;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-prefix__wrapper > div:nth-child(4),
.main-sport__widget .asb-highlights__tabs-content .asb-prefix__wrapper > div:nth-child(4) {
    max-width: 80px;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-prefix__wrapper > div:nth-child(5),
.main-sport__widget .asb-highlights__tabs-content .asb-prefix__wrapper > div:nth-child(5) {
    width: 13px;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-prefix__wrapper > div:nth-child(6),
.main-sport__widget .asb-highlights__tabs-content .asb-prefix__wrapper > div:nth-child(6) {
    width: 100px;
}
.main-sport__widget .asb-livenow__tabs-content .asb-prefix__wrapper div:nth-child(3) {
    display: none;
}
.main-sport__widget .asb-livenow__tabs-content .asb-prefix__wrapper div:nth-child(5),
.main-sport__widget .asb-livenow__tabs-content .asb-prefix__wrapper div:nth-child(6),
.main-sport__widget .asb-livenow__tabs-content .asb-prefix__wrapper div:nth-child(7) {
    color: #071f3e;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
}
.main-sport__widget .asb-livenow__tabs-content .asb-prefix__wrapper .asb-flag-icon {
    margin-left: calc(100% - 306px);
}
.main-sport__widget .asb-livenow__tabs-content .asb-prefix__wrapper .asb-prefix__live-time {
    width: 66px;
}
.main-sport__widget .asb-livenow__tabs-content .asb-prefix__wrapper > div:nth-child(5) {
    min-width: 54px;
}
.main-sport__widget .asb-livenow__tabs-content .asb-prefix__wrapper > div:nth-child(6) {
    min-width: 13px;
}
.main-sport__widget .asb-livenow__tabs-content .asb-prefix__wrapper > div:nth-child(7) {
    width: 160px;
}
.main-sport__widget .asb-upcoming__tabs-content,
.main-sport__widget .asb-highlights__tabs-content,
.main-sport__widget .asb-livenow__tabs-content {
    height: 258px;
    padding-inline-end: 7px;
    display: block;
    overflow-y: scroll;
}
.main-sport__widget .asb-upcoming__tabs-content::-webkit-scrollbar {
    background-color: #0000;
    width: 4px;
    height: 0;
}
.main-sport__widget .asb-highlights__tabs-content::-webkit-scrollbar {
    background-color: #0000;
    width: 4px;
    height: 0;
}
.main-sport__widget .asb-livenow__tabs-content::-webkit-scrollbar {
    background-color: #0000;
    width: 4px;
    height: 0;
}
.main-sport__widget .asb-upcoming__tabs-content::-webkit-scrollbar-thumb {
    background-color: #ff7901;
    border-radius: 4px;
}
.main-sport__widget .asb-highlights__tabs-content::-webkit-scrollbar-thumb {
    background-color: #ff7901;
    border-radius: 4px;
}
.main-sport__widget .asb-livenow__tabs-content::-webkit-scrollbar-thumb {
    background-color: #ff7901;
    border-radius: 4px;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-event-row,
.main-sport__widget .asb-highlights__tabs-content .asb-event-row,
.main-sport__widget .asb-livenow__tabs-content .asb-event-row {
    background: #ffffff24;
    border-radius: 12px;
    width: 100%;
    margin-bottom: 4px;
    padding: 12px 16px 14px 8px;
    display: inline-block;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-event-row .asb-score,
.main-sport__widget .asb-highlights__tabs-content .asb-event-row .asb-score,
.main-sport__widget .asb-livenow__tabs-content .asb-event-row .asb-score {
    padding-inline-end: 3px;
    font-weight: 600;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-event-row > div:last-child > div:last-child > div,
.main-sport__widget .asb-highlights__tabs-content .asb-event-row > div:last-child > div:last-child > div,
.main-sport__widget .asb-livenow__tabs-content .asb-event-row > div:last-child > div:last-child > div {
    grid-gap: 4px;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-event-row > div:last-child > div:last-child > div .asb-odd,
.main-sport__widget .asb-highlights__tabs-content .asb-event-row > div:last-child > div:last-child > div .asb-odd,
.main-sport__widget .asb-livenow__tabs-content .asb-event-row > div:last-child > div:last-child > div .asb-odd {
    color: #071f3e;
    background: #fff;
    border-radius: 20px;
    flex-direction: row;
    justify-content: space-around;
    width: 68px;
    padding: 6px 11px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
}
.main-sport__widget
    .asb-upcoming__tabs-content
    .asb-event-row
    > div:last-child
    > div:last-child
    > div
    .asb-odd
    .asb-odd__label,
.main-sport__widget
    .asb-highlights__tabs-content
    .asb-event-row
    > div:last-child
    > div:last-child
    > div
    .asb-odd
    .asb-odd__label,
.main-sport__widget
    .asb-livenow__tabs-content
    .asb-event-row
    > div:last-child
    > div:last-child
    > div
    .asb-odd
    .asb-odd__label {
    color: #a9a9a9;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-event-row .asb-prefix__live-time,
.main-sport__widget .asb-highlights__tabs-content .asb-event-row .asb-prefix__live-time,
.main-sport__widget .asb-livenow__tabs-content .asb-event-row .asb-prefix__live-time {
    color: #f01919;
    margin-left: 4px;
    font-size: 12px;
    font-weight: 900;
    line-height: 11px;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-prefix__wrapper,
.main-sport__widget .asb-highlights__tabs-content .asb-prefix__wrapper,
.main-sport__widget .asb-livenow__tabs-content .asb-prefix__wrapper {
    flex-wrap: nowrap;
    margin-bottom: 8px;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-prefix__wrapper .asb-prefix__prelive-time,
.main-sport__widget .asb-highlights__tabs-content .asb-prefix__wrapper .asb-prefix__prelive-time,
.main-sport__widget .asb-livenow__tabs-content .asb-prefix__wrapper .asb-prefix__prelive-time {
    color: #071f3e;
    font-size: 12px;
    font-weight: 800;
    line-height: 14px;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-flag-icon,
.main-sport__widget .asb-highlights__tabs-content .asb-flag-icon,
.main-sport__widget .asb-livenow__tabs-content .asb-flag-icon {
    width: 18px;
    height: 12px;
    margin-inline-end: 4px;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-flag-icon i,
.main-sport__widget .asb-highlights__tabs-content .asb-flag-icon i,
.main-sport__widget .asb-livenow__tabs-content .asb-flag-icon i {
    background-position: 50%;
    background-size: contain;
    width: 100%;
    height: 12px;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-odd,
.main-sport__widget .asb-highlights__tabs-content .asb-odd,
.main-sport__widget .asb-livenow__tabs-content .asb-odd {
    position: relative;
    overflow: visible;
}
.main-sport__widget .asb-upcoming__tabs-content .asb-odd .asb-odd__block > div:first-child,
.main-sport__widget .asb-highlights__tabs-content .asb-odd .asb-odd__block > div:first-child,
.main-sport__widget .asb-livenow__tabs-content .asb-odd .asb-odd__block > div:first-child {
    top: 0;
    position: absolute;
    inset-inline-end: 0;
    transform: translate(5px);
}
.main-sport__widget .asb-upcoming__tabs-content .asb-odd .asb-odd__block > div:first-child i,
.main-sport__widget .asb-highlights__tabs-content .asb-odd .asb-odd__block > div:first-child i,
.main-sport__widget .asb-livenow__tabs-content .asb-odd .asb-odd__block > div:first-child i {
    background-image: url(/joxi/wazamba/desktop/img/sport-arrow-green.svg);
}
.main-sport__widget .asb-upcoming__tabs-content .asb-odd .asb-odd__block > div:last-child,
.main-sport__widget .asb-highlights__tabs-content .asb-odd .asb-odd__block > div:last-child,
.main-sport__widget .asb-livenow__tabs-content .asb-odd .asb-odd__block > div:last-child {
    bottom: 0;
    position: absolute;
    inset-inline-end: 0;
    transform: translate(5px);
}
.main-sport__widget .asb-upcoming__tabs-content .asb-odd .asb-odd__block > div:last-child i,
.main-sport__widget .asb-highlights__tabs-content .asb-odd .asb-odd__block > div:last-child i,
.main-sport__widget .asb-livenow__tabs-content .asb-odd .asb-odd__block > div:last-child i {
    background-image: url(/joxi/wazamba/desktop/img/sport-arrow-red.svg);
}
.main-sport__widget .asb-livenow__tabs-content {
    columns: 2;
    column-gap: 20px;
    height: auto;
}
.main-sport__widget .asb-livenow__tabs > div:nth-child(2) > div {
    align-items: flex-start;
    height: 258px;
    overflow-y: scroll;
}
.main-sport__widget .asb-livenow__tabs > div:nth-child(2) > div::-webkit-scrollbar {
    background-color: #0000;
    width: 4px;
    height: 0;
}
.main-sport__widget .asb-livenow__tabs > div:nth-child(2) > div::-webkit-scrollbar-thumb {
    background-color: #ff7901;
    border-radius: 4px;
}
.is-leaderbord {
    width: 526px;
}
.leaderbord-popup {
    width: 406px;
    margin: 0 auto;
    padding: 45px 0 40px;
}
.rtl-lang .leaderbord-popup {
    direction: rtl;
}
.leaderbord-popup__subtitle {
    text-align: center;
    letter-spacing: 0.03em;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.leaderbord-popup__subtitle span {
    margin: 0 2px;
    display: inline-block;
}
.leaderbord-popup__wrap {
    padding-top: 24px;
    gap: 12px;
    margin-inline-start: -28px;
    padding-inline-start: 28px;
    display: grid;
}
.leaderbord-popup__wrap.is-sport {
    height: 780px;
    overflow-y: auto;
}
.leaderbord-popup__item {
    background: #00000040;
    border-radius: 5px;
    grid-template-columns: 30px 90px 1fr 1fr;
    align-items: center;
    height: 60px;
    padding: 0 16px 0 12px;
    display: grid;
    box-shadow: inset 0 4px 4px #00000040;
}
.leaderbord-popup__item.position,
.leaderbord-popup__item.is-self {
    background: #f4ca33 url(/joxi/wazamba/tournament/self_bg.png) 50% no-repeat;
    margin-top: 12px;
    box-shadow: 0 0 6.84883px #dee03d80;
}
.leaderbord-popup__item.position .leaderbord-popup__num,
.leaderbord-popup__item.position .leaderbord-popup__prize,
.leaderbord-popup__item.position .leaderbord-popup__info,
.leaderbord-popup__item.is-self .leaderbord-popup__num,
.leaderbord-popup__item.is-self .leaderbord-popup__prize,
.leaderbord-popup__item.is-self .leaderbord-popup__info {
    color: #725500;
}
.leaderbord-popup__item.is-self .leaderbord-popup__num {
    color: unset;
}
.leaderbord-popup__item.is-0,
.leaderbord-popup__item.is-1,
.leaderbord-popup__item.is-2 {
    height: 76px;
}
.leaderbord-popup__item.is-0 .leaderbord-popup__num,
.leaderbord-popup__item.is-1 .leaderbord-popup__num,
.leaderbord-popup__item.is-2 .leaderbord-popup__num {
    font-size: 40px;
    line-height: 49px;
}
.leaderbord-popup__item.is-0 .leaderbord-popup__num:before,
.leaderbord-popup__item.is-1 .leaderbord-popup__num:before,
.leaderbord-popup__item.is-2 .leaderbord-popup__num:before {
    content: "";
    z-index: -1;
    inset-inline-start: -45px;
    background-image: url(/joxi/wazamba/wazamba-v01/tournaments/tournament_label_top3.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 120px;
    height: 60px;
    position: absolute;
    top: -4px;
    transform: rotate(-7deg);
}
.rtl-lang .leaderbord-popup__item.is-0 .leaderbord-popup__num:before,
.rtl-lang .leaderbord-popup__item.is-1 .leaderbord-popup__num:before,
.rtl-lang .leaderbord-popup__item.is-2 .leaderbord-popup__num:before {
    transform: scaleX(-1) rotate(7deg);
}
.leaderbord-popup__item.is-0 .leaderbord-popup__prize,
.leaderbord-popup__item.is-1 .leaderbord-popup__prize,
.leaderbord-popup__item.is-2 .leaderbord-popup__prize {
    color: #fff;
}
.leaderbord-popup__item.is-0 .leaderbord-popup__img,
.leaderbord-popup__item.is-1 .leaderbord-popup__img,
.leaderbord-popup__item.is-2 .leaderbord-popup__img {
    object-fit: cover;
    margin-top: -30px;
    width: 108px;
    height: 108px;
    margin-inline-start: -5px;
}
.leaderbord-popup__info {
    color: #fff;
    font-size: 14px;
    line-height: 17px;
}
.leaderbord-popup__name {
    direction: ltr;
    font-weight: 700;
}
.rtl-lang .leaderbord-popup__name {
    text-align: end;
}
.leaderbord-popup__score {
    padding-top: 5px;
    font-weight: 800;
}
.leaderbord-popup__num {
    color: #fff;
    text-shadow: 0 1px #ff7901;
    z-index: 0;
    align-items: center;
    font-size: 32px;
    font-weight: 800;
    line-height: 39px;
    display: flex;
    position: relative;
}
.leaderbord-popup__prize {
    letter-spacing: 0.05em;
    text-shadow: 0 1px #ff7901;
    color: #fcfe7e;
    margin-inline-start: auto;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    position: relative;
}
.leaderbord-popup__prize.has-coins {
    padding-inline-end: 18px;
}
.leaderbord-popup__prize.has-coins:after {
    content: "";
    inset-inline-end: 0;
    background-image: url(/joxi/wazamba/sprite-tournament-page.png);
    background-position: 0 -33px;
    background-size: 115px;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.leaderbord-popup__img {
    margin-top: -28px;
    margin-inline-start: -6px;
    position: relative;
}
.item-collection {
    background-image: url(/joxi/wazamba/renovation/mask-collection/wood-mask-sm.png);
    background-size: 346px;
    flex: 0 auto;
    height: 179px;
    display: flex;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .item-collection {
        background-image: url(/joxi/wazamba/renovation/mask-collection/wood-mask-sm@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .item-collection {
        background-image: url(/joxi/wazamba/renovation/mask-collection/wood-mask-sm@3x.png);
    }
}
.item-collection__left {
    text-align: center;
    margin-top: -26px;
    position: relative;
}
.item-collection__right {
    width: 141px;
    height: 167px;
    transition: all 0.2s;
    position: absolute;
    inset-inline-end: -15px;
    transform: rotate(15deg);
}
.item-collection__right img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    transition: all 0.2s;
}
.item-collection__right:hover {
    width: 146px;
    height: 175px;
    transition: all 0.2s;
    transform: rotate(22deg);
}
.item-collection__book {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover, 0, 0;
    width: 100%;
    height: 100%;
}
.item-collection__label {
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px #00000080;
    z-index: 1;
    filter: drop-shadow(0 4px 2px #00000040);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 50px;
    font-size: 11px;
    font-weight: 900;
    line-height: 12px;
    display: flex;
    position: absolute;
    top: -12px;
    left: 2%;
}
.item-collection__bar-block {
    flex-direction: column;
    align-items: center;
    width: 232px;
    margin: 0 auto;
    display: flex;
}
.item-collection__title {
    z-index: 1;
    text-align: center;
    margin-bottom: -10px;
    padding-bottom: 20px;
    display: block;
    position: relative;
}
.item-collection__title img {
    object-fit: contain;
    width: 194px;
    height: 87px;
    margin: 0 auto;
    display: block;
}
.item-collection__title:after {
    z-index: -1;
    content: "";
    opacity: 0.7;
    inset-inline-start: 0;
    background-image: url(/joxi/wazamba/masks-collection/glow-hover.png);
    background-position: 50%;
    background-size: 100%;
    width: 100%;
    height: 130%;
    transition: all 0.2s;
    position: absolute;
    top: -31px;
}
.item-collection__title:hover:after {
    opacity: 1;
    transition: all 0.2s;
}
.item-collection__btn {
    font-family: Montserrat, sans-serif;
    display: none !important;
}
.item-collection__btn-wrap {
    z-index: 1;
    position: relative;
}
.item-collection .mask-progress {
    width: 166px;
    margin-bottom: 10px;
}
.item-collection .mask-progress__arrow {
    width: 20px;
    height: 20px;
    margin: inherit;
    margin-inline-start: 5px;
}
.rtl-lang .item-collection .mask-progress__arrow {
    transform: scaleX(-1);
}
.item-collection.status-0 .mask-progress__arrow {
    background-image: url(/joxi/wazamba/masks-collection/icon/icon-arrow-right-noprogress.png);
}
.item-collection.status-1 .item-collection__book {
    background-size: 0, cover, 0;
}
.item-collection.status-2 .item-collection__bar-block {
    display: none;
}
.item-collection.status-2 .item-collection__btn {
    display: inline-block !important;
}
.item-collection.status-2 .item-collection__btn span {
    display: inline-block;
}
.item-collection.status-2 .item-collection__book {
    filter: drop-shadow(0 0 4px #18c5ff) drop-shadow(0 0 4px #18c5ff) drop-shadow(0 0 2px #18c5ff)
        drop-shadow(0 0 2px #18c5ff);
    background-size: 0, 0, cover;
}
.item-collection.status-3 .mask-progress,
.item-collection.status-3 .reward-block {
    display: none;
}
.item-collection.status-3 .item-collection__book {
    background-size: 0, 0, cover;
}
.item-collection.status-3 .completed-block {
    display: block;
}
@media screen and (min-width: 1680px) {
    .item-collection {
        background-image: url(/joxi/wazamba/renovation/mask-collection/wood-mask-lg.png);
        background-size: 547px;
        height: 278px;
    }
}
@media screen and (min-width: 1680px) and (-webkit-max-device-pixel-ratio: 2) {
    .item-collection {
        background-image: url(/joxi/wazamba/renovation/mask-collection/wood-mask-lg@2x.png);
    }
}
@media screen and (min-width: 1680px) and (-webkit-max-device-pixel-ratio: 3) {
    .item-collection {
        background-image: url(/joxi/wazamba/renovation/mask-collection/wood-mask-lg@3x.png);
    }
}
@media screen and (min-width: 1680px) {
    .item-collection__title img {
        width: 336px;
        height: 151px;
    }
    .item-collection .mask-progress {
        width: 200px;
    }
    .item-collection__right {
        width: 225px;
        height: 267px;
    }
    .item-collection__right:hover {
        width: 232px;
        height: 275px;
    }
    .item-collection__label {
        width: 130px;
        height: 95px;
        font-size: 15px;
        top: -25px;
        left: 0;
    }
}
.completed-block {
    display: none;
}
.completed-block__label {
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px #00000080;
    filter: drop-shadow(0 4px 2px #00000040);
    margin: 0 auto;
    background-image: url(/joxi/wazamba/renovation/mask-collection/plate-completed.png);
    background-size: 95px;
    justify-content: center;
    align-items: center;
    width: 95px;
    height: 29px;
    margin-bottom: 10px;
    font-size: 9px;
    font-weight: 800;
    line-height: 12px;
    display: flex;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .completed-block__label {
        background-image: url(/joxi/wazamba/renovation/mask-collection/plate-completed@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .completed-block__label {
        background-image: url(/joxi/wazamba/renovation/mask-collection/plate-completed@3x.png);
    }
}
.completed-block__label:before {
    content: "";
    background-image: url(/joxi/wazamba/renovation/mask-collection/icon-completed.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10px;
    height: 7px;
    margin-right: 3px;
}
@media screen and (min-width: 1680px) {
    .completed-block__label {
        background-size: 130px;
        width: 130px;
        height: 40px;
        font-size: 12px;
    }
    .completed-block__label:before {
        width: 13px;
        height: 10px;
    }
}
.header-collection {
    height: 200px;
    padding: 0 230px 0 0;
    transition: padding 0.2s;
    position: relative;
}
.header-collection:before {
    content: "";
    filter: blur(8px);
    background-image: url(/joxi/wazamba/masks-collection/bunner-bg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
body.linda-hide-sidebar .header-collection {
    padding: 0 115px;
}
.header-collection__info {
    position: absolute;
    top: 35%;
    left: 1%;
}
.header-collection__logo {
    z-index: 51;
    width: 771px;
    height: 316px;
    margin: 0 auto;
    position: relative;
    bottom: 30px;
}
.header-collection__logo2 {
    z-index: 51;
    background-size: cover, 0, 0;
    width: 222px;
    height: 264px;
    margin-left: -440px;
    transition: margin 0.2s;
    position: absolute;
    top: 0;
    left: 50%;
    transform: rotate(-24deg) translateY(-50px);
}
body.linda-hide-sidebar .header-collection__logo2 {
    margin-left: -330px;
}
.header-collection__logo3 {
    z-index: 51;
    background-position:
        50% 43px,
        50% -5px;
    background-repeat: no-repeat;
    background-size:
        400px 178px,
        contain;
    width: 394px;
    height: 269px;
    margin: 0 auto;
    position: relative;
    transform: translateY(-36px);
}
.header-collection__close {
    position: absolute;
    top: 29%;
    left: 1%;
}
.header-collection__label {
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px #00000080;
    z-index: 51;
    filter: drop-shadow(0 4px 2px #00000040);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: center;
    width: 115px;
    height: 80px;
    margin-inline: auto;
    font-size: 16px;
    font-weight: 900;
    line-height: 12px;
    display: flex;
    position: relative;
    bottom: 108px;
}
.rtl-lang .header-collection__info {
    transform: scaleX(-1);
}
.rtl-lang .header-collection__info.g-btn:active:not(.g-btn-noclick):not(.shop-btn) {
    transform: scaleX(-1) translateY(2px);
}
.popup-info-mask {
    z-index: 999;
    box-sizing: border-box;
    background: #220802e6;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 100px 0 50px;
    display: none;
    position: fixed;
    inset: 0;
    overflow-y: auto;
}
@media screen and (min-width: 1680px) {
    .popup-info-mask {
        padding: 150px 0 50px;
    }
}
.popup-info-mask__popup {
    position: absolute;
    bottom: -120px;
    left: 50%;
}
@media screen and (min-width: 1680px) {
    .popup-info-mask__popup {
        bottom: -200px;
    }
}
.popup-info-mask__wrapper {
    width: 768px;
    height: 480px;
    margin: 10px;
    position: relative;
    top: -50px;
}
@media screen and (min-width: 1680px) {
    .popup-info-mask__wrapper {
        width: 1024px;
        height: 576px;
    }
}
.popup-info-mask__block {
    opacity: 0;
    text-align: center;
    width: 336px;
    height: 229px;
    position: absolute;
}
.popup-info-mask__block img {
    object-fit: cover;
    width: 100%;
    height: auto;
}
.popup-info-mask__block span {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    position: relative;
    bottom: 50px;
}
.popup-info-mask__step1 {
    top: 0;
    animation: 0.2s 0.5s forwards showsteps;
    inset-inline-start: 0;
}
.popup-info-mask__step2 {
    top: -45px;
    animation: 0.2s 1.5s forwards showsteps;
    inset-inline-end: 0;
}
.popup-info-mask__step3 {
    bottom: -10px;
    animation: 0.2s 2.5s forwards showsteps;
    inset-inline-start: 31%;
}
.popup-info-mask__arrow1 {
    top: -15px;
    animation: 0.2s 1s forwards showsteps;
    inset-inline-start: 43%;
}
.popup-info-mask__arrow1 img {
    object-fit: contain;
    transform: rotateX(180deg) rotate(-90deg);
}
.popup-info-mask__arrow2 {
    bottom: 175px;
    animation: 0.2s 2s forwards showsteps;
    inset-inline-end: 11%;
}
.popup-info-mask__arrow2 img {
    object-fit: contain;
    transform: rotateX(180deg) rotate(147deg);
}
.popup-info-mask__arrow3 {
    bottom: 96px;
    animation: 0.2s 3s forwards showsteps;
    inset-inline-start: 16%;
}
.popup-info-mask__arrow3 img {
    object-fit: contain;
    transform: rotateX(180deg) rotate(50deg);
}
@keyframes showsteps {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.popup-info-mask__arrow1,
.popup-info-mask__arrow2,
.popup-info-mask__arrow3 {
    opacity: 0;
    text-align: center;
    width: 128px;
    height: 128px;
    position: absolute;
}
@media screen and (min-width: 1680px) {
    .popup-info-mask__block {
        width: 493px;
        height: 335px;
    }
    .popup-info-mask__block span {
        font-size: 24px;
        bottom: 65px;
    }
    .popup-info-mask__step1 {
        inset-inline-start: -125px;
    }
    .popup-info-mask__step2 {
        inset-inline-end: -125px;
    }
    .popup-info-mask__step3 {
        bottom: -70px;
        inset-inline-start: 28%;
    }
    .popup-info-mask__arrow1 {
        top: 33px;
        inset-inline-start: 43%;
    }
    .popup-info-mask__arrow2 {
        bottom: 124px;
        inset-inline-end: 11%;
    }
    .popup-info-mask__arrow3 {
        bottom: 54px;
        inset-inline-start: 12%;
    }
}
.rtl-lang .popup-info-mask {
    direction: rtl;
}
.rtl-lang .popup-info-mask__arrow1,
.rtl-lang .popup-info-mask__arrow2,
.rtl-lang .popup-info-mask__arrow3 {
    transform: scaleX(-1);
}
.linda-shown .popup-info-mask {
    display: block;
}
.masks__item {
    position: relative;
}
@media screen and (min-width: 1024px) {
    .masks__item {
        width: 174px;
        height: 217px;
    }
}
@media screen and (min-width: 1280px) {
    .masks__item {
        width: 209px;
        height: 260px;
    }
}
@media screen and (min-width: 1440px) {
    .masks__item {
        width: 244px;
        height: 304px;
    }
}
.masks__item batman-shop-item7 {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: -5px;
}
.label-bronze {
    background-image: url(/joxi/wazamba/renovation/mask-collection/plate/bronze.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .label-bronze {
        background-image: url(/joxi/wazamba/renovation/mask-collection/plate/bronze@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .label-bronze {
        background-image: url(/joxi/wazamba/renovation/mask-collection/plate/bronze@3x.png);
    }
}
.label-silver {
    background-image: url(/joxi/wazamba/renovation/mask-collection/plate/silver.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .label-silver {
        background-image: url(/joxi/wazamba/renovation/mask-collection/plate/silver@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .label-silver {
        background-image: url(/joxi/wazamba/renovation/mask-collection/plate/silver@3x.png);
    }
}
.label-gold {
    background-image: url(/joxi/wazamba/renovation/mask-collection/plate/gold.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .label-gold {
        background-image: url(/joxi/wazamba/renovation/mask-collection/plate/gold@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .label-gold {
        background-image: url(/joxi/wazamba/renovation/mask-collection/plate/gold@3x.png);
    }
}
.label-platinum {
    background-image: url(/joxi/wazamba/renovation/mask-collection/plate/platinum.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .label-platinum {
        background-image: url(/joxi/wazamba/renovation/mask-collection/plate/platinum@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .label-platinum {
        background-image: url(/joxi/wazamba/renovation/mask-collection/plate/platinum@3x.png);
    }
}
.masks-page {
    background-image: url(/joxi/wazamba/renovation/mask-collection/wood-bg.jpg);
    background-position: 0 0;
    background-size: 549px;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .masks-page {
        background-image: url(/joxi/wazamba/renovation/mask-collection/wood-bg@2x.jpg);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .masks-page {
        background-image: url(/joxi/wazamba/renovation/mask-collection/wood-bg@3x.jpg);
    }
}
.masks-page__item-wrapper {
    background-image: url(/joxi/wazamba/masks-collection/mask-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    position: relative;
}
.masks-page__item-wrapper.is-worn {
    background-image: url(/joxi/wazamba/masks-collection/mask-bg-yellow.png);
    background-repeat: no-repeat;
}
.masks-page.status-1 .header-collection__logo2 {
    background-size: 0, cover, 0;
}
.masks-page.status-2 .header-collection__logo2 {
    filter: drop-shadow(0 0 4px #18c5ff) drop-shadow(0 0 4px #18c5ff) drop-shadow(0 0 2px #18c5ff)
        drop-shadow(0 0 2px #18c5ff);
    background-size: 0, 0, cover;
}
.masks-page.status-2 .masks-page__button {
    display: flex;
}
.masks-page.status-2 .masks-page__subtitle {
    display: none;
}
.masks-page.status-3 .header-collection__logo2 {
    background-size: 0, 0, cover;
}
.masks-page.status-3 .masks-page__subtitle {
    display: none;
}
.masks-page.status-3 .masks-page__subtitle.is-complete {
    display: block;
}
.masks-page__price {
    z-index: 1;
    inset-inline-start: 50%;
    width: 148px;
    height: 40px;
    margin-inline-start: -74px;
    position: absolute;
    top: -15px;
}
.masks-page__coin {
    background-image: linear-gradient(#3c8ae2 5%, #a3a1ff);
    background-clip: padding-box;
    border: 1px solid #0000;
    border-radius: 36px;
    align-items: center;
    height: 40px;
    padding: 10px 20px;
    font-size: 26px;
    font-weight: 800;
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
.masks-page__coin:before {
    content: "";
    background-image: url(/joxi/wazamba/sprite-tournament-page.png);
    background-position: -137px -62px;
    background-size: auto;
    width: 30px;
    height: 30px;
    margin-inline-end: 5px;
}
.masks-page__wrap {
    padding: 0 230px 0 0;
    position: relative;
}
.masks-page__labels {
    top: 1px;
    position: absolute;
    inset-inline-start: -4px;
}
.masks-page__container {
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 100px;
    position: relative;
}
.masks-page__grid {
    grid-template-rows: 217px;
    grid-template-columns: repeat(3, 174px);
    justify-content: center;
    gap: 40px 28px;
    margin-top: 30px;
    display: grid;
}
.masks-page__bar-block {
    width: 240px;
    margin: 0 auto;
}
.masks-page__bar-block div:before {
    position: relative;
}
.masks-page__subtitle {
    text-align: center;
    letter-spacing: 0.05em;
    text-shadow: 0 1px #ff7a00;
    margin-bottom: 11px;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
}
.masks-page__subtitle span {
    display: inline-block;
}
.masks-page__subtitle.is-complete {
    display: none;
}
.masks-page__button {
    z-index: 1;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    display: none;
    position: relative;
}
.masks-page__button img {
    z-index: -1;
    width: 68px;
    height: 68px;
    transform: scale(1.2);
}
.masks-page__button button {
    position: relative;
    transform: translate(-10px) !important;
}
.masks-page__button button span {
    display: inline-block;
}
.masks-page__img {
    object-fit: contain;
    width: 190px;
    height: 190px;
    margin-top: 10px;
}
.masks-page__status-0 .masks-page__img,
.masks-page__status-1 .masks-page__img {
    filter: url(#svgTint);
}
.masks-page__status-0 .masks-page__coin,
.masks-page__status-1 .masks-page__coin {
    display: flex;
}
.masks-page__status-0 .mask-popup__buy,
.masks-page__status-1 .mask-popup__buy {
    width: auto;
    display: inline-block;
}
.masks-page__status-0 .g-btn-completed,
.masks-page__status-1 .g-btn-completed {
    display: none;
}
.masks-page__status-2 .mask-popup__wear {
    width: auto;
    display: inline-block;
}
.masks-page__status-2 .mask-popup__buy,
.masks-page__status-2 .g-btn-completed,
.is-worn .masks-page__status-2 .mask-popup__wear,
.is-worn .masks-page__status-2 .mask-popup__buy {
    display: none;
}
.is-worn .masks-page__status-2 .g-btn-completed {
    display: inline-block;
}
.masks-page__status-btn {
    min-height: 38px;
}
@media screen and (min-width: 1024px) {
    .masks-page__container {
        width: 578px;
    }
}
@media screen and (min-width: 1280px) {
    .masks-page__container {
        width: 683px;
    }
    .masks-page__img {
        width: 228px;
        height: 228px;
    }
    .masks-page__grid {
        grid-template-rows: 260px;
        grid-template-columns: repeat(3, 209px);
        gap: 40px;
    }
}
@media screen and (min-width: 1440px) {
    .masks-page__container {
        width: 788px;
    }
    .masks-page__grid {
        grid-template-rows: 304px;
        grid-template-columns: repeat(3, 244px);
        gap: 36px 28px;
    }
    .masks-page__img {
        width: 266px;
        height: 266px;
    }
}
@media screen and (min-width: 1680px) {
    .masks-page__container {
        width: 812px;
    }
    .masks-page__grid {
        gap: 40px;
    }
}
.masks-page__shining {
    z-index: 0;
    background-image: url(/joxi/wazamba/masks-collection/mask-bg-shining.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 140%;
    position: absolute;
    inset: -40px;
}
.rtl-lang .masks-page {
    direction: rtl;
}
svg.mask-filter {
    width: 0;
    height: 0;
}
button.mask-popup__buy,
button.mask-popup__wear {
    font-family: Montserrat, sans-serif;
    display: none;
}
.mask-popup {
    text-align: center;
    margin: 0 auto;
    padding-top: 82px;
    padding-bottom: 45px;
}
.mask-popup h1 {
    margin-top: 15px;
}
.mask-popup__img {
    background-image: url(/joxi/wazamba/masks-collection/mask-bg.png);
    width: 260px;
    height: 325px;
    margin: 0 auto 28px;
    position: relative;
}
.mask-popup__img img {
    object-fit: contain;
    width: 283px;
    height: 283px;
    transform: translate(4px, -60px);
}
.mask-popup__img .g-btn-completed {
    margin-inline-start: -16px;
    position: absolute;
    bottom: 0;
    left: 50%;
}
.mask-popup__price {
    width: 148px;
    height: 81px;
    margin: 0 auto;
    transform: translateY(-40px);
}
.mask-popup__coin {
    background-image: linear-gradient(#3c8ae2 5%, #a3a1ff);
    background-clip: padding-box;
    border: 1px solid #0000;
    border-radius: 36px;
    align-items: center;
    height: 40px;
    padding: 10px 20px;
    font-size: 26px;
    font-weight: 800;
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
.mask-popup__coin:before {
    content: "";
    background-image: url(/joxi/wazamba/sprite-tournament-page.png);
    background-position: -137px -62px;
    background-size: auto;
    width: 30px;
    height: 30px;
    margin-inline-end: 5px;
}
.mask-popup__title {
    text-align: center;
    letter-spacing: 0.05em;
    margin: 16px 0;
    font-size: 36px;
    font-weight: 800;
    line-height: 40px;
}
.mask-popup__button {
    text-align: center;
    width: 200px;
    margin: 0 auto;
}
.mask-popup__button span {
    letter-spacing: 0.05em;
    color: #fbfc18;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
.mask-popup__button .g-btn-completed {
    display: none;
}
.mask-popup__text {
    letter-spacing: 0.05em;
    color: #fbfc18;
    text-shadow: 0 0 10px #00000040;
    margin-top: 28px;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
.mask-popup.status-0 .g-btn-completed,
.mask-popup.status-1 .g-btn-completed {
    display: none;
}
.mask-popup.status-0 .mask-popup__img img,
.mask-popup.status-1 .mask-popup__img img {
    filter: url(#svgTint);
}
.mask-popup.status-0 .mask-popup__coin,
.mask-popup.status-1 .mask-popup__coin {
    display: flex;
}
.mask-popup.status-0 .mask-popup__price,
.mask-popup.status-1 .mask-popup__price {
    background-image: url(/joxi/wazamba/masks-collection/Leaf-card-popup.png);
}
.mask-popup.status-0 .mask-popup__buy,
.mask-popup.status-1 .mask-popup__buy,
.mask-popup.status-3 .mask-popup__wear,
.mask-popup.status-2 .mask-popup__wear {
    display: block;
}
.mask-popup.is-shop-confirm {
    padding: 35px 0 25px;
}
.mask-popup.is-shop-confirm img {
    filter: url(#svgTint);
}
.mask-popup.is-shop-confirm .mask-popup__coin {
    display: flex;
}
.mask-popup.is-shop-confirm .mask-popup__price {
    background-image: url(/joxi/wazamba/masks-collection/Leaf-card-popup.png);
}
.mask-popup.is-shop-confirm .mask-popup__button {
    width: 100%;
}
.mask-popup.is-shop-confirm .mask-popup__button button {
    min-width: 260px;
}
.rtl-lang .mask-popup {
    direction: rtl;
}
.collections-page {
    background-image: url(/joxi/wazamba/renovation/mask-collection/wood-bg.jpg);
    background-position: 0 0;
    background-size: 549px;
    padding: 50px 230px 120px 0;
    transition: padding 0.2s;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .collections-page {
        background-image: url(/joxi/wazamba/renovation/mask-collection/wood-bg@2x.jpg);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .collections-page {
        background-image: url(/joxi/wazamba/renovation/mask-collection/wood-bg@3x.jpg);
    }
}
.collections-page__title {
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
    margin-bottom: 52px;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.15em;
}
.collections-page__container {
    grid-template-columns: repeat(2, 346px);
    gap: 86px;
    width: 744px;
    margin: 30px auto 0;
    display: grid;
}
.collections-page__soon {
    text-align: center;
    background-image: url(/joxi/wazamba/masks-collection/img-coming-soon.png);
    background-position: right -10px bottom -60px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 756px;
    min-height: 340px;
    margin: 0 auto;
    position: relative;
}
.collections-page__soon-text {
    word-break: break-all;
    max-width: 288px;
    margin: 40px auto 0;
    padding-bottom: 240px;
}
.collections-page__soon-text span {
    color: #fbe675;
    text-shadow: 0 0 10px #00000040;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
}
.collections-page__soon-text p {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
@media screen and (min-width: 1440px) {
    .collections-page__soon-text {
        padding-top: 0;
    }
}
@media screen and (min-width: 1680px) {
    .collections-page__container {
        grid-template-columns: repeat(2, 540px);
        width: 1170px;
    }
    .collections-page__soon {
        width: 1071px;
        height: 394px;
    }
    .collections-page__soon h1 {
        background: 0 0;
        padding-bottom: 20px;
    }
    .collections-page__soon-text {
        margin-left: initial;
        padding-top: 75px;
        padding-bottom: 0;
    }
}
body.linda-hide-sidebar .collections-page {
    padding-inline: 115px;
}
.rtl-lang .collections-page {
    direction: rtl;
}
.mask-progress {
    text-align: center;
    background: #441e12;
    border: 3px solid #b44b33;
    border-radius: 90px;
    width: 100%;
    margin-inline-end: 10px;
    padding: 1px;
    position: relative;
    box-shadow: 0 3px #451e13;
}
.mask-progress span {
    color: #fff;
    text-shadow: 1px 2px #000000b3;
    top: 4px;
    font-size: 18px;
    font-weight: 800;
    line-height: 100%;
    position: absolute;
    inset-inline-start: 44%;
}
.mask-progress__line {
    background: linear-gradient(#f2b600 -5.33%, #ff7800 93.92%);
    border-radius: 90px;
    padding: 12px 0;
    box-shadow: 0 0 1.24983px #0000004d;
}
.mask-progress__arrow {
    background-image: url(/joxi/wazamba/masks-collection/icon/icon-arrow-right-progress.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}
.reward-block {
    box-sizing: border-box;
    padding-top: 5px;
    background-image: url(/joxi/wazamba/renovation/mask-collection/reward-wood-sm.png);
    background-repeat: no-repeat;
    background-size: 188px;
    justify-content: center;
    width: 188px;
    height: 37px;
    padding-inline-start: 5px;
    display: flex;
    position: relative;
    mask-image: url(/joxi/wazamba/renovation/mask-collection/reward-wood-sm.png);
    mask-size: 100% 100%;
    mask-clip: border-box;
}
.reward-block:before {
    content: "";
    z-index: -1;
    border-radius: 50px;
    width: 100%;
    height: 74%;
    display: none;
    position: absolute;
    top: 1px;
    left: 0;
    box-shadow: 0 0 20px #f4d64299;
}
.reward-block:hover:before {
    animation: 0.2s ease-in-out hover-show;
    display: block;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .reward-block {
        background-image: url(/joxi/wazamba/renovation/mask-collection/reward-wood-sm@2x.png);
        mask-image: url(/joxi/wazamba/renovation/mask-collection/reward-wood-sm@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .reward-block {
        background-image: url(/joxi/wazamba/renovation/mask-collection/reward-wood-sm@3x.png);
        mask-image: url(/joxi/wazamba/renovation/mask-collection/reward-wood-sm@3x.png);
    }
}
.reward-block__text {
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
}
.reward-block__text span {
    display: inline-block;
}
@media screen and (min-width: 1680px) {
    .reward-block {
        background-image: url(/joxi/wazamba/renovation/mask-collection/reward-wood-lg.png);
        background-repeat: no-repeat;
        background-size: 271px;
        width: 271px;
        height: 53px;
        padding-top: 10px;
        mask-image: url(/joxi/wazamba/renovation/mask-collection/reward-wood-lg.png);
    }
}
@media screen and (min-width: 1680px) and (-webkit-max-device-pixel-ratio: 2) {
    .reward-block {
        background-image: url(/joxi/wazamba/renovation/mask-collection/reward-wood-lg@2x.png);
        mask-image: url(/joxi/wazamba/renovation/mask-collection/reward-wood-lg@2x.png);
    }
}
@media screen and (min-width: 1680px) and (-webkit-max-device-pixel-ratio: 3) {
    .reward-block {
        background-image: url(/joxi/wazamba/renovation/mask-collection/reward-wood-lg@3x.png);
        mask-image: url(/joxi/wazamba/renovation/mask-collection/reward-wood-lg@3x.png);
    }
}
@media screen and (min-width: 1680px) {
    .reward-block__text {
        font-size: 20px;
    }
}
@keyframes hover-show {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.unlogged-masks {
    background-image: url(/joxi/wazamba/img-gamehall-background-mob.jpg);
    background-size: cover;
    padding: 0 230px 0 0;
    transition: all 0.2s;
}
body.linda-hide-sidebar .unlogged-masks {
    padding: 0 115px;
}
.unlogged-masks__container-seo,
.unlogged-masks__container {
    margin: 0 auto;
}
.unlogged-masks__container {
    text-align: center;
    width: 790px;
}
.unlogged-masks__container-seo {
    width: 562px;
}
.unlogged-masks__page {
    min-height: auto;
    margin: 0 auto;
    padding: 0 230px 40px 0;
}
.unlogged-masks__logo {
    text-align: center;
    background-image: url(/joxi/wazamba/masks-collection/logo/logo-mask-collection.png);
    background-size: contain;
    width: 380px;
    height: 156px;
    margin: 0 auto 8px;
    position: relative;
    transform: translateY(25px);
}
.unlogged-masks__new {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: red;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 900;
    line-height: 12px;
    position: absolute;
    top: -8%;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0 2px #990101;
}
.unlogged-masks__subtitle {
    color: #fff;
    text-align: center;
    letter-spacing: 0.02em;
    text-shadow: 0 0 10px #00000040;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
.unlogged-masks__banners {
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    display: grid;
}
.unlogged-masks__banners img {
    margin: 0 auto;
}
.unlogged-masks__desk {
    color: #fff;
    z-index: 1;
    text-align: center;
    letter-spacing: 0.02em;
    text-wrap: balance;
    background-image: url(/joxi/wazamba/masks-collection/img-desk.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    justify-content: center;
    align-items: center;
    width: 272px;
    min-height: 62px;
    margin-top: auto;
    padding: 8px 12px 15px;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    display: flex;
}
.unlogged-masks__banner {
    justify-content: center;
    width: 100%;
    height: 330px;
    display: flex;
    position: relative;
}
.unlogged-masks__banner:before {
    content: "";
    background-position: 50% bottom -34px;
    background-size: 528px 359px;
    width: 528px;
    height: 359px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
.unlogged-masks__banner.banner1:before {
    background-image: url(/joxi/wazamba/masks-collection/img-9-uniqum-collection.png);
}
.unlogged-masks__banner.banner2:before {
    background-image: url(/joxi/wazamba/masks-collection/img-54-masks.png);
}
.unlogged-masks__banner.banner3:before {
    background-image: url(/joxi/wazamba/masks-collection/img-get-real-money-rewards.png);
}
.unlogged-masks__buttons {
    text-align: center;
    min-width: 259px;
    height: 56px;
    margin: 55px auto auto;
    padding-bottom: 180px;
}
.unlogged-masks__buttons button {
    box-shadow: none;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
}
.unlogged-masks__chat {
    max-width: fit-content;
    margin-inline: auto;
    display: block;
}
.unlogged-masks__chat.g-link-chat span {
    font-size: 16px;
}
.unlogged-masks__container-seo h1 {
    text-align: start;
}
.unlogged-masks__wrapper {
    letter-spacing: 0.05em;
    height: 190px;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    transition: all 1s;
    position: relative;
    overflow: hidden;
}
.unlogged-masks__wrapper.showtext {
    height: auto;
    padding-bottom: 60px;
}
.showtext > .unlogged-masks__button {
    display: none;
}
.unlogged-masks__button {
    background: linear-gradient(360deg, #071f3e 19.58%, #081f3e00 100%);
    width: 100%;
    padding-top: 150px;
    position: absolute;
    bottom: 0;
}
.unlogged-masks__button a {
    color: #fbe675;
    text-shadow: 0 0 10px #00000040;
    font-size: 14px;
    font-weight: 800;
    line-height: 24px;
}
.unlogged-masks__button:after {
    content: "";
    background-image: url(/joxi/wazamba/masks-collection/icon/icon-arrow_bottom.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    padding-inline-start: 10px;
    position: absolute;
    bottom: 4px;
}
@media screen and (min-width: 1280px) {
    .unlogged-masks__container {
        width: 990px;
    }
    .unlogged-masks__container-seo {
        width: 772px;
    }
    .unlogged-masks__banner {
        height: 339px;
    }
    .unlogged-masks__banner:before {
        height: 339px;
        top: 12px;
    }
}
@media screen and (min-width: 1440px) {
    .unlogged-masks__container {
        width: 1280px;
    }
    .unlogged-masks__container-seo {
        width: 772px;
    }
    .unlogged-masks__banner:before {
        background-size: 108%;
    }
}
@media screen and (min-width: 1680px) {
    .unlogged-masks__container {
        width: 1320px;
    }
    .unlogged-masks__container-seo {
        width: 816px;
    }
}
.rtl-lang .unlogged-masks {
    direction: rtl;
}
.payments-page-selects {
    flex-direction: row;
    align-items: center;
    gap: 16px;
    display: flex;
}
.payments-page-selects__item {
    width: 100%;
    position: relative;
}
.payments-page-selects__item select {
    text-indent: revert;
    padding-inline-start: 60px;
    font-family: inherit;
    font-weight: 500;
    line-height: 44px;
}
.payments-page-selects__item:before {
    content: "";
    filter: invert(72%) sepia(3%) saturate(356%) hue-rotate(210deg) brightness(96%) contrast(92%);
    background-size: cover;
    display: block;
    position: absolute;
}
.payments-page-selects__item.has-country:before {
    background: var(--icon-form-icon_country) no-repeat center;
    top: 12px;
    width: 20px;
    height: 24px;
    inset-inline-start: 24px;
}
.payments-page-selects__item.has-currency:before {
    background: var(--icon-currency);
    top: 15px;
    width: 28px;
    height: 17px;
    inset-inline-start: 20px;
}
.payments-page__description {
    text-align: center;
    padding-bottom: 20px;
    font-weight: 300;
}
.payments-page h1 {
    color: #fff;
    text-shadow: none;
}
.payments-page .payments-page-tabs {
    margin: 33px auto 10px;
}
.payments-pays {
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 16px;
    width: 100%;
    display: grid;
}
.payments-pays__item {
    background: #ffffff1a;
    border-radius: 16px;
    width: auto;
    padding: 24px;
    position: relative;
    box-shadow: inset 0 0 6px 1px #a7a7a71a;
}
.payments-pays__item.has-guide {
    padding-bottom: 54px;
}
.payments-pays__item-logo {
    filter: grayscale() invert() brightness();
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: auto;
    height: 48px;
}
.payments-pays__item-backbox {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    inset: 0;
}
.payments-pays__item-content {
    grid-template-columns: 60% 40%;
    display: grid;
}
.payments-pays__item-content div {
    border-bottom: 1px solid #ffffff1a;
    align-items: center;
    height: 44px;
    line-height: 17px;
    display: flex;
}
.payments-pays__item-content div:nth-last-child(-n + 2) {
    border-bottom: none;
}
.payments-pays__item-title {
    color: #b3b4c1;
    justify-content: flex-start;
}
.payments-pays__item-sub-title {
    text-align: right;
    justify-content: flex-end;
}
.payments-pays__item-btn {
    margin-top: 24px;
    font-family: Montserrat, sans-serif;
}
.payments-pays__item:hover {
    background: #fff3;
}
.payments-pays__item:hover .payments-pays__item-content {
    opacity: 0;
}
.payments-pays__item:hover .payments-pays__item-backbox {
    place-content: center;
    display: grid;
}
.payments-pays__item-guide {
    width: 100%;
    position: absolute;
    bottom: 24px;
    left: 0;
}
.payments-pays__item-guide__btn {
    color: #fff;
    appearance: none;
    text-align: center;
    cursor: pointer;
    background: 0 0;
    border: none;
    margin: 0 auto;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    display: block;
}
.payments-pays__empty {
    color: #fff;
    text-align: center;
    background: #0e3358e6;
    border: 1px solid #fff3;
    border-radius: 20px;
    grid-column: span 2;
    padding: 40px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}
.reg-slider {
    width: 100vw;
    margin-block: 0;
    margin-inline: 50% 0;
    overflow: hidden;
    transform: translate(-50vw);
}
.reg-slider__item {
    transition: all 0.6s;
    transform: scale(0.57);
}
.reg-slider__item.swiper-slide-active {
    transform: scale(1);
}
.reg-slider__item-wrap {
    background-image: url(/joxi/wazamba/hero/island.png);
    background-position: 50% 320px;
    background-repeat: no-repeat;
    background-size: 380px;
    width: 400px;
}
.reg-slider__img {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 400px;
    width: 400px;
    height: 400px;
    margin: 0 auto;
}
.reg-slider__name {
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    letter-spacing: 0.05em;
    width: 280px;
    margin: 115px auto 0;
    font-size: 36px;
    font-weight: 800;
    line-height: 46px;
    overflow: hidden;
}
.swiper-slide-active .reg-slider__name {
    text-shadow: 0 0 10px #00000040;
    margin-top: 110px;
}
.reg-slider__arrow {
    z-index: 50;
    transition: all 0.1s;
    position: absolute;
    bottom: 5px;
}
.reg-slider__arrow_prev {
    right: calc(50% + 140px);
}
.reg-slider__arrow_next {
    left: calc(50% + 140px);
}
.reg-slider__arrow_disabled {
    filter: grayscale();
    cursor: default;
    pointer-events: none;
}
.reg-slider__btn-over {
    z-index: 100;
    width: 380px;
    height: 510px;
    box-shadow: none;
    cursor: pointer;
    background: 0 0;
    border: none;
    position: absolute;
    top: 105px;
    left: calc(50% - 190px);
}
.reg-slider__btn-over.is-top-0 {
    top: 0;
}
.reg-slider .slick-prev {
    z-index: 1;
    position: absolute;
    bottom: 5px;
    left: calc(50% - 140px);
}
.reg-slider .slick-prev.slick-disabled {
    filter: grayscale();
    cursor: default;
    pointer-events: none;
}
.reg-slider .slick-next {
    z-index: 1;
    position: absolute;
    bottom: 5px;
    right: calc(50% - 140px);
}
.reg-slider .slick-next.slick-disabled {
    filter: grayscale();
    cursor: default;
    pointer-events: none;
}
.rtl-lang .reg-slider {
    transform: translate(50vw);
}
.slick-current .reg-slider__item {
    transform: scale(1);
}
.bonus-item-tile {
    text-align: start;
    z-index: 2;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 12px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 280px;
    min-height: 276px;
    margin: 0 auto 16px;
    padding: 26px 24px;
    display: flex;
    position: relative;
    box-shadow: 0 4px 8px #0003;
}
.bonus-item-tile__title {
    z-index: 1;
}
.bonus-item-tile__logo-img {
    inset-inline: 0;
    width: 188px;
    height: 188px;
    margin-inline: auto;
    position: absolute;
    bottom: -16px;
}
.bonus-item-tile__offer {
    z-index: 2;
    padding: 10px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-width: 104px;
    padding-inline: 16px;
    display: flex;
    position: relative;
}
.bonus-item-tile__offer.currency-font-default {
    font-size: 44px;
}
.bonus-item-tile__offer.currency-font-medium {
    font-size: 36px;
}
.bonus-item-tile__offer.currency-font-small {
    font-size: 28px;
}
.bonus-item-tile__offer-bg {
    z-index: 1;
    background-color: #2f358a;
    border-radius: 12px;
    position: absolute;
    inset: 0;
}
.bonus-item-tile__offer-currency,
.bonus-item-tile__offer-amount {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 3px #ff7901) drop-shadow(0 0 10px #000000bf);
    z-index: 2;
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    font-weight: 800;
    line-height: 40px;
}
.bonus-item-tile__offer-amount {
    position: relative;
}
.bonus-item-tile__offer-amount.is-crab {
    font-size: 44px;
}
.bonus-item-tile__offer .price-tag {
    z-index: 0;
    bottom: -10px;
    min-width: 93px;
    position: absolute;
    inset-inline-end: -88px;
    transform: rotate(15deg);
}
.rtl-lang .bonus-item-tile__offer .price-tag {
    transform: rotate(-15deg);
}
.bonus-item-tile .amount-wrap {
    display: flex;
}
.rtl-lang .bonus-item-tile .amount-wrap {
    direction: ltr;
}
.bonus-item-tile.is-money-bonus-tile .bonus-item-tile__offer-bg,
.bonus-item-tile.is-freespin-tile .bonus-item-tile__offer-bg {
    background-color: #482b2a;
}
.bonus-item-tile.is-money-bonus-tile {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/casino_confirm-popup.png);
}
.bonus-item-tile.is-freespin-tile {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/freespin_confirm-popup.png);
    padding-inline: 20px;
}
.bonus-item-tile.is-freebet-bonus-tile {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/sport_confirm-popup.png);
}
.bonus-item-tile.is-freebet-bonus-tile .bonus-item-tile__offer-bg {
    background-color: #173268;
}
.bonus-item-tile h3,
.bonus-item-tile p {
    margin: 0;
}
.is-cash-crab-tile {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/freespin_art-pattern.png),
        url(/joxi/wazamba/shop/bonus-backgrounds/freespin_wood-pattern.png);
    background-position:
        left 50% bottom 4px,
        50%;
    background-repeat: no-repeat, no-repeat;
    background-size:
        1200px 49px,
        100% 100%;
}
.is-cash-crab-tile--popup-item:after {
    content: "";
    z-index: -1;
    background-image: url(/joxi/wazamba/shop/bc_small_bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #285da866;
    border-radius: 8px 8px 16px 16px;
    position: absolute;
    inset: 8px 8px 40px;
    box-shadow:
        0 2px 6px #ffc34e66,
        inset 0 4px 24px #9d1d1d66;
}
.is-cash-crab-tile .bonus-item-tile__offer-bg {
    background-color: #2f358a;
}
.is-cash-crab-tile .bonus-item-tile__offer-amount {
    padding-inline-end: 50px;
}
.is-cash-crab-tile .bonus-item-tile__offer-amount:after {
    content: "";
    inset-inline-end: 0;
    background-image: url(/joxi/wazamba/crab/sidebar-icon.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 43px;
    height: 43px;
    position: absolute;
    top: 0;
}
.freespin-tile {
    text-align: start;
    z-index: 1;
    flex-direction: column;
    align-self: flex-start;
    gap: 6px;
    margin-block: auto;
    padding-block: 30px 0;
    padding-inline-end: 90px;
    display: flex;
}
.freespin-tile__game-name {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}
.freespin-tile__offer {
    color: #ffc700;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}
.freespin-tile__offer span {
    padding-inline-start: 4px;
    display: inline-block;
}
.freespin-tile__game-img.shop-fs-item__img {
    inset-inline-start: unset;
    inset-inline-end: 20px;
    top: unset;
    z-index: 1;
    height: 84px;
    bottom: 20px;
}
.freespin-tile__game-img.shop-fs-item__img img {
    object-fit: cover;
    border-radius: 5px;
}
.is-small-bonus-tile,
.is-small-bonus-tile--no-fs-amount {
    width: 100%;
}
.is-small-bonus-tile .bonus-item-tile,
.is-small-bonus-tile--no-fs-amount .bonus-item-tile {
    min-height: unset;
    width: 100%;
    height: 96px;
    margin: unset;
    outline-offset: -1px;
    outline: 1px solid #ffffff1a;
    justify-content: center;
    padding-block: 0;
    padding-inline: 24px 100px;
    box-shadow:
        0 4px 8px #0003,
        inset 0 -4px 12px #270b0533,
        inset 0 2px 3px #ffa26d66;
}
.is-small-bonus-tile .bonus-item-tile:after,
.is-small-bonus-tile--no-fs-amount .bonus-item-tile:after {
    content: none;
}
.is-small-bonus-tile .bonus-item-tile__offer,
.is-small-bonus-tile--no-fs-amount .bonus-item-tile__offer {
    height: unset;
    padding: unset;
    justify-content: start;
}
.is-small-bonus-tile .bonus-item-tile__offer.currency-font-default,
.is-small-bonus-tile--no-fs-amount .bonus-item-tile__offer.currency-font-default {
    font-size: 28px;
}
.is-small-bonus-tile .bonus-item-tile__offer.currency-font-medium,
.is-small-bonus-tile--no-fs-amount .bonus-item-tile__offer.currency-font-medium {
    font-size: 24px;
}
.is-small-bonus-tile .bonus-item-tile__offer.currency-font-small,
.is-small-bonus-tile--no-fs-amount .bonus-item-tile__offer.currency-font-small {
    font-size: 20px;
}
.is-small-bonus-tile .bonus-item-tile__offer span,
.is-small-bonus-tile--no-fs-amount .bonus-item-tile__offer span {
    line-height: 32px;
}
.is-small-bonus-tile .bonus-item-tile__offer-bg,
.is-small-bonus-tile--no-fs-amount .bonus-item-tile__offer-bg {
    display: none;
}
.is-small-bonus-tile .bonus-item-tile__title,
.is-small-bonus-tile .bonus-item-tile .freespin-tile__game-name,
.is-small-bonus-tile--no-fs-amount .bonus-item-tile__title,
.is-small-bonus-tile--no-fs-amount .bonus-item-tile .freespin-tile__game-name {
    text-align: start;
    font-size: 14px;
    font-weight: 800;
    line-height: 14px;
}
.is-small-bonus-tile .bonus-item-tile .price-tag,
.is-small-bonus-tile--no-fs-amount .bonus-item-tile .price-tag {
    display: none;
}
.is-small-bonus-tile .is-money-bonus-tile,
.is-small-bonus-tile .is-freebet-bonus-tile,
.is-small-bonus-tile .is-freespin-tile,
.is-small-bonus-tile--no-fs-amount .is-money-bonus-tile,
.is-small-bonus-tile--no-fs-amount .is-freebet-bonus-tile,
.is-small-bonus-tile--no-fs-amount .is-freespin-tile {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    align-items: flex-start;
    gap: 4px;
}
.is-small-bonus-tile .is-money-bonus-tile:before,
.is-small-bonus-tile .is-freebet-bonus-tile:before,
.is-small-bonus-tile .is-freespin-tile:before,
.is-small-bonus-tile--no-fs-amount .is-money-bonus-tile:before,
.is-small-bonus-tile--no-fs-amount .is-freebet-bonus-tile:before,
.is-small-bonus-tile--no-fs-amount .is-freespin-tile:before {
    content: "";
    filter: drop-shadow(0 1px 2px #ffa26d66);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    inset-block: 6px;
    inset-inline: 6px 98px;
}
.is-small-bonus-tile .is-money-bonus-tile .bonus-item-tile__logo-img,
.is-small-bonus-tile .is-freebet-bonus-tile .bonus-item-tile__logo-img,
.is-small-bonus-tile--no-fs-amount .is-money-bonus-tile .bonus-item-tile__logo-img,
.is-small-bonus-tile--no-fs-amount .is-freebet-bonus-tile .bonus-item-tile__logo-img {
    inset-inline: unset;
    bottom: unset;
    width: 112px;
    height: 112px;
    inset-block: -8px;
    inset-inline-end: -4px;
}
.is-small-bonus-tile .is-money-bonus-tile,
.is-small-bonus-tile .is-freespin-tile,
.is-small-bonus-tile--no-fs-amount .is-money-bonus-tile,
.is-small-bonus-tile--no-fs-amount .is-freespin-tile {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/freespin_wood-pattern.png);
}
.is-small-bonus-tile .is-money-bonus-tile:before,
.is-small-bonus-tile--no-fs-amount .is-money-bonus-tile:before {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/casino_line-block.png);
}
.rtl-lang .is-small-bonus-tile .is-money-bonus-tile:before,
.rtl-lang .is-small-bonus-tile--no-fs-amount .is-money-bonus-tile:before {
    transform: scaleX(-1);
}
.is-small-bonus-tile .is-freespin-tile,
.is-small-bonus-tile--no-fs-amount .is-freespin-tile {
    flex-direction: column-reverse;
}
.is-small-bonus-tile .is-freespin-tile:before,
.is-small-bonus-tile--no-fs-amount .is-freespin-tile:before {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/freespin_line-block.png);
}
.is-small-bonus-tile .is-freespin-tile .bonus-item-tile__title,
.is-small-bonus-tile--no-fs-amount .is-freespin-tile .bonus-item-tile__title {
    display: none;
}
.is-small-bonus-tile .is-freespin-tile .freespin-tile,
.is-small-bonus-tile--no-fs-amount .is-freespin-tile .freespin-tile {
    padding: unset;
    margin: unset;
    max-width: unset;
}
.is-small-bonus-tile .is-freespin-tile .freespin-tile__game-img,
.is-small-bonus-tile--no-fs-amount .is-freespin-tile .freespin-tile__game-img {
    inset-block: 6px;
    inset-inline-end: 6px;
}
.is-small-bonus-tile .is-freespin-tile .freespin-tile__offer,
.is-small-bonus-tile--no-fs-amount .is-freespin-tile .freespin-tile__offer {
    display: none;
}
.rtl-lang .is-small-bonus-tile .is-freespin-tile:before,
.rtl-lang .is-small-bonus-tile--no-fs-amount .is-freespin-tile:before {
    transform: scaleX(-1);
}
.is-small-bonus-tile .is-freebet-bonus-tile,
.is-small-bonus-tile--no-fs-amount .is-freebet-bonus-tile {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/sport_wood-pattern.png);
}
.is-small-bonus-tile .is-freebet-bonus-tile:before,
.is-small-bonus-tile--no-fs-amount .is-freebet-bonus-tile:before {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/sport_line-block.png);
}
.rtl-lang .is-small-bonus-tile .is-freebet-bonus-tile:before,
.rtl-lang .is-small-bonus-tile--no-fs-amount .is-freebet-bonus-tile:before {
    transform: scaleX(-1);
}
.is-small-bonus-tile--no-fs-amount .is-freespin-tile .freespin-tile__offer,
.is-small-bonus-tile--no-fs-amount--no-fs-amount .is-freespin-tile .freespin-tile__offer {
    display: block;
}
.is-small-bonus-tile--no-fs-amount .is-freespin-tile .freespin-tile__game-name,
.is-small-bonus-tile--no-fs-amount--no-fs-amount .is-freespin-tile .freespin-tile__game-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}
.is-small-bonus-tile--no-fs-amount .is-freespin-tile .bonus-item-tile__offer,
.is-small-bonus-tile--no-fs-amount--no-fs-amount .is-freespin-tile .bonus-item-tile__offer {
    display: none;
}
.icon-label-active,
.icon-label-new {
    position: relative;
}
.icon-label-active:before,
.icon-label-new:before {
    color: #fff;
    text-align: center;
    content: attr(status);
    text-transform: capitalize;
    letter-spacing: 0.5px;
    text-overflow: ellipsis;
    text-shadow: 0 1px 5px #24242480;
    z-index: 4;
    top: -6px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 72px;
    height: 26px;
    font-size: 10px;
    font-weight: 700;
    line-height: 22px;
    position: absolute;
    inset-inline-end: -23px;
    overflow: hidden;
    transform: rotate(30deg);
}
.rtl-lang .icon-label-active:before,
.rtl-lang .icon-label-new:before {
    transform: rotate(-30deg);
}
.is-large-autobonus-tile .bonus-item-tile {
    justify-content: flex-start;
    height: 228px;
    margin-bottom: -138px;
    padding-top: 20px;
}
.is-large-autobonus-tile .is-money-bonus-tile,
.is-large-autobonus-tile .is-freebet-bonus-tile,
.is-large-autobonus-tile .is-freespin-tile {
    background-blend-mode: soft-light;
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/freespin_art-pattern.png),
        url(/joxi/wazamba/shop/bonus-backgrounds/freespin_wood-pattern.png);
    background-position:
        left -100px bottom 4px,
        50%;
    background-repeat: no-repeat, no-repeat;
    background-size:
        3000px 128px,
        100% 100%;
}
.is-large-autobonus-tile .is-money-bonus-tile:before,
.is-large-autobonus-tile .is-freebet-bonus-tile:before,
.is-large-autobonus-tile .is-freespin-tile:before {
    content: "";
    inset-inline: 6px;
    border-radius: 6px;
    height: 84px;
    position: absolute;
    top: 6px;
    box-shadow:
        0 1px 2px #ffa26d33,
        0 1px 2px #ffa26d33,
        inset 0 4px 24px #70141466;
}
.is-large-autobonus-tile .is-money-bonus-tile:before,
.is-large-autobonus-tile .is-freespin-tile:before {
    background-color: #2b070766;
}
.is-large-autobonus-tile .is-money-bonus-tile:before,
.is-large-autobonus-tile .is-freebet-bonus-tile:before {
    background-blend-mode: overlay;
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/bonus_star_bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.is-large-autobonus-tile .is-freebet-bonus-tile {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/freespin_art-pattern.png),
        url(/joxi/wazamba/shop/bonus-backgrounds/sport_wood-pattern.png);
}
.is-large-autobonus-tile .is-freebet-bonus-tile:before {
    background-color: #1b4392;
}
.is-large-autobonus-tile .is-freespin-tile:before {
    background-image: unset;
}
.is-large-autobonus-tile .is-freespin-tile.bonus-item-tile {
    justify-content: flex-end;
}
.is-large-autobonus-tile .is-freespin-tile .freespin-tile__game-img {
    top: 12px;
    height: 72px;
    inset-inline-end: 12px;
}
.hero-room {
    padding: 24px 14px;
}
.hero-room__wrap {
    height: 100%;
}
.hero-room .bonus__data {
    padding-top: 20px;
}
.hero-room .bonus__data-value {
    width: 60%;
}
.hero-room .bonus__item {
    gap: unset;
    height: 100%;
}
.hero-room .bonus__item-btn {
    margin-top: auto;
    margin-bottom: 20px;
}
.crab-banner__layout {
    display: block;
}
.crab-banner__layout.is-crab-tab-active {
    grid-template: 328px/202px 328px 202px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    display: grid;
}
.crab-banner__layout.is-crab-tab-active .crab-banner__banner {
    min-height: unset;
    grid-column-start: 2;
    padding: 12px 12px 40px;
}
.crab-banner__layout.is-crab-tab-active .crab-banner__banner .crab-banner__wrapper {
    background-image: url(/joxi/wazamba/shop/bc_small_bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 228px;
    padding: 18px;
}
.rtl-lang .crab-banner__layout.is-crab-tab-active .crab-banner__banner .crab-banner__wrapper {
    background-image: url(/joxi/wazamba/shop/bc_small_bg-rtl.jpg);
}
.crab-banner__layout.is-crab-tab-active .shop-crab-button {
    width: fit-content;
    min-width: 140px;
    position: absolute;
    bottom: -23px;
}
.crab-banner__wrapper {
    background-image: url(/joxi/wazamba/shop/bc_art_bg2.png), url(/joxi/wazamba/shop/bc_big_bg.png);
    background-position:
        right -33px bottom -11px,
        50%;
    background-repeat: no-repeat, no-repeat;
    background-size:
        466px 285px,
        cover;
    border: 1px solid #0006;
    border-radius: 8px 8px 16px 16px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    height: 100%;
    padding-block: 18px 20px;
    padding-inline: 28px 400px;
    display: flex;
    position: relative;
    box-shadow:
        0 2px 6px #ffc34e66,
        inset 0 4px 24px #9d1d1d66;
}
.rtl-lang .crab-banner__wrapper {
    background-image: url(/joxi/wazamba/shop/bc_art_bg2-rtl.png), url(/joxi/wazamba/shop/bc_big_bg-rtl.jpg);
    background-position:
        left -33px bottom -11px,
        50%;
}
.crab-banner__wrapper .shop-crab-button {
    text-transform: uppercase;
    min-width: 268px;
    bottom: unset;
    justify-content: center;
    align-items: center;
    gap: 2px;
    margin-inline: auto;
    font-family: Montserrat, sans-serif;
    display: flex;
    position: relative;
}
.crab-banner__wrapper .shop-crab-button > div {
    direction: ltr;
    display: flex;
}
.crab-banner__wrapper .shop-crab-button img {
    width: 20px;
}
@media screen and (min-width: 1280px) {
    .crab-banner__wrapper {
        background-image: url(/joxi/wazamba/shop/bc_big_bg.png);
        background-position: 50%;
        background-size: cover;
        padding: 18px 0 20px;
        overflow: hidden;
    }
    .crab-banner__wrapper:before {
        content: "";
        inset-inline-end: 0;
        background-image: url(/joxi/wazamba/shop/bc_art_bg.png);
        background-position: 50%;
        background-size: cover;
        width: 678px;
        height: 323px;
        position: absolute;
        bottom: -56px;
        transform: translate(50%) matrix(-1, 0, 0, 1, 0, 0);
    }
    .crab-banner__wrapper:after {
        content: "";
        inset-inline-start: 0;
        background-image: url(/joxi/wazamba/shop/bc_art_bg.png);
        background-position: 50%;
        background-size: cover;
        width: 678px;
        height: 323px;
        position: absolute;
        bottom: -56px;
        transform: translate(-50%) matrix(-1, 0, 0, 1, 0, 0);
    }
}
@media screen and (min-width: 1440px) {
    .crab-banner__wrapper:before {
        transform: translate(41%) matrix(-1, 0, 0, 1, 0, 0);
    }
    .crab-banner__wrapper:after {
        transform: translate(-41%) matrix(-1, 0, 0, 1, 0, 0);
    }
}
.crab-banner__wrapper.is-cash-crab-tile {
    overflow: visible;
}
.crab-banner__wrapper.is-cash-crab-tile:before,
.crab-banner__wrapper.is-cash-crab-tile:after {
    content: none;
}
@media screen and (min-width: 1280px) {
    .rtl-lang .crab-banner__wrapper {
        background-image: url(/joxi/wazamba/shop/bc_big_bg-rtl.jpg);
        background-position:
            left 0 bottom -11px,
            50%;
    }
    .rtl-lang .crab-banner__wrapper:before {
        background-image: url(/joxi/wazamba/shop/bc_art_bg-rtl.png);
        transform: translate(-50%) matrix(-1, 0, 0, 1, 0, 0);
    }
    .rtl-lang .crab-banner__wrapper:after {
        background-image: url(/joxi/wazamba/shop/bc_art_bg-rtl.png);
        transform: translate(50%) matrix(-1, 0, 0, 1, 0, 0);
    }
}
@media screen and (min-width: 1440px) {
    .rtl-lang .crab-banner__wrapper:before {
        transform: translate(-41%) matrix(-1, 0, 0, 1, 0, 0);
    }
    .rtl-lang .crab-banner__wrapper:after {
        transform: translate(41%) matrix(-1, 0, 0, 1, 0, 0);
    }
}
.crab-banner__banner {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/freespin_wood-pattern.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 20px;
    min-height: 356px;
    padding: 12px 12px 24px;
}
.crab-banner__logo-img {
    width: 148px;
    height: 84px;
}
.crab-banner__title {
    background: #27035699;
    border-radius: 8px;
    margin: 0;
    padding: 8px 16px;
    line-height: normal;
    box-shadow: inset 0 1px 2px #11022340;
}
.crab-banner__offers {
    grid-template: auto/128px 128px;
    column-gap: 16px;
    display: grid;
}
.crab-banner__offers .crab-banner__offer {
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
}
.crab-banner__offers .crab-banner__offer-logo {
    width: 50px;
    height: 50px;
}
.rtl-lang .crab-banner__offers .crab-banner__offer-logo {
    transform: scaleX(-1);
}
.crab-banner__offers .crab-banner__offer-name {
    margin: 0;
    line-height: normal;
}
.crab-banner__offers .crab-banner__offer:after {
    color: #fff;
    content: attr(data-info);
    top: 4px;
    background: red;
    border-radius: 16px;
    padding: 2px 4px;
    font-size: 10px;
    font-weight: 900;
    line-height: 12px;
    position: absolute;
    inset-inline-start: 76px;
    box-shadow: 0 2px #990101;
}
.crab-banner__info-btn {
    color: #fff;
    content: "i";
    top: 12px;
    background-color: #ffffff4d;
    border-radius: 14px;
    width: 28px;
    font-size: 14px;
    font-weight: 800;
    line-height: 28px;
    transition: all 0.3s;
    position: absolute;
    inset-inline-end: 12px;
    box-shadow: 0 0 8px #340d0733;
}
.crab-banner__info-btn:hover {
    background-color: #fff9;
}
.crab-banner__prize-list {
    background: #134261;
    border: 1px solid #fff3;
    border-radius: 12px;
    flex-direction: column;
    gap: 8px;
    height: min-content;
    padding: 16px;
    display: flex;
    box-shadow:
        inset 0 2px 3px #6d9fff66,
        inset 0 -4px 12px #050c2733,
        0 4px 8px #0003;
}
.crab-banner__prize-list h3 {
    margin: 0;
    font-size: 16px;
}
.crab-banner__prize-list ul {
    color: #6fadec;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 0.7px;
    text-align: start;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    list-style-type: "- ";
    list-style-position: inside;
}
.crab-banner__prize-list ul li {
    text-transform: capitalize;
}
.shop-deposit {
    letter-spacing: 0.9px;
    text-align: center;
    background-image: radial-gradient(circle at 0 0, #9547e9, #721dac);
    border-radius: 10px;
    min-height: 94px;
    margin: 60px 0 30px;
    padding: 80px 20px 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.52;
    position: relative;
    box-shadow: inset 0 4px 4px #00000040;
}
.shop-deposit p {
    margin: 0;
}
.shop-deposit__island {
    background: url(/joxi/wazamba/islands/7.png) 50% / contain no-repeat;
    width: 168px;
    height: 147px;
    position: absolute;
    top: -75px;
    left: calc(50% - 85px);
}
.shop-deposit__coin {
    margin: 3px 0;
    font-size: 36px;
    font-weight: 900;
}
.shop-deposit__coin:before {
    content: "";
    background-image: url(/joxi/wazamba/sprite-icons.png);
    background-position: 0 -57px;
    background-repeat: no-repeat;
    background-size: 230px;
    width: 34px;
    height: 35px;
    margin: 0 10px -5px 0;
    display: inline-block;
}
.popup-earn-coins__block {
    text-align: start;
    background-color: #0e3358;
    border-radius: 12px;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    margin-bottom: 12px;
    padding: 16px;
    display: flex;
}
.popup-earn-coins__block-title {
    text-align: inherit;
    color: #fff;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}
.popup-earn-coins__block-text {
    color: #6fadec;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
}
.popup-earn-coins__block-btn {
    margin-inline-end: auto;
    min-width: 200px;
    margin-top: 8px;
}
.shop-fs-item {
    box-sizing: border-box;
    z-index: 1;
    background: radial-gradient(50% 50%, #9547e9 0%, #721dac 100%);
    border-radius: 12px;
    flex-direction: column;
    height: 273px;
    padding: 45px 22px 19px;
    display: flex;
    position: relative;
    box-shadow: 0 8px #4d1573;
}
.shop-fs-item:hover .shop-fs-item__btn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.shop-fs-item__container {
    flex-direction: column;
    max-width: 230px;
    display: flex;
}
.shop-fs-item__fs-name {
    color: #fff;
    text-shadow: 0 1px 1px #00000040;
    height: 66px;
    margin-bottom: 8px;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    overflow: hidden;
}
.shop-fs-item__fs-text {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(#fff 13.03%, #fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 800;
    line-height: 140%;
}
.shop-fs-item__btn-block {
    margin: 0 -4px;
    display: flex;
}
.shop-fs-item__btn-fs {
    color: #a9a9a9;
    letter-spacing: 0.05em;
    cursor: pointer;
    background: #fff;
    border: none;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 32px;
    margin: 0 4px;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    display: flex;
}
.shop-fs-item__btn-fs span {
    color: #0000;
    text-shadow: 1px 2px 3px #ffffff80;
    background-color: #a9a9a9;
    -webkit-background-clip: text;
}
.shop-fs-item__btn-fs.is-active {
    background-color: #ff7800;
    box-shadow: 0 4px #b75637;
}
.shop-fs-item__btn-fs.is-active span {
    color: #fff;
    text-shadow: 0 2px #b75637;
    font-size: 24px;
}
.shop-fs-item__btn {
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    align-self: center;
    min-width: 200px;
    margin-top: auto;
    padding: 0 25px;
    font-family: Montserrat, sans-serif;
    transition:
        opacity 0.3s ease-in-out,
        transform 0.3s ease-in-out;
}
.shop-fs-item__price {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-33px) translate(-50%);
}
.shop-fs-item__img {
    object-fit: contain;
    z-index: -1;
    width: 172px;
    height: 300px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.shop-fs-popup {
    min-width: 312px;
    max-width: fit-content;
    margin: 0 auto;
    padding: 16px 0 0;
}
.shop-fs-popup__title {
    letter-spacing: 0.05em;
    color: #fff;
    text-align: center;
    margin-top: 16px;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
.shop-fs-popup__fs-item {
    outline-offset: -1px;
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/freespin_wood-pattern.png);
    background-size: 100% 100%;
    border-radius: 8px;
    outline: 1px solid #ffffff1a;
    flex-direction: row;
    align-items: center;
    padding: 10px 15px;
    display: flex;
    box-shadow:
        inset 0 2px 3px #ffa26d66,
        inset 0 -4px 12px #270b0533;
}
.shop-fs-popup__fs-item-price {
    z-index: 1;
    background-color: #482b2a;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    min-width: 74px;
    max-width: 120px;
    padding: 8px;
    display: flex;
    box-shadow:
        inset 0 4px 24px #70141466,
        0 1px 2px #ffa26d33;
}
.shop-fs-popup__fs-item-price span {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px #ff7901) drop-shadow(0 0 10px #000000bf);
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
.shop-fs-popup__fs-item .price-tag {
    z-index: 0;
    position: relative;
    left: -2px;
}
.shop-fs-popup__fs-item-btn {
    flex-grow: 1;
    justify-content: flex-end;
    display: flex;
}
.shop-fs-popup__fs-item-btn button {
    width: fit-content;
    min-width: 93px;
    box-shadow: 0 2px #37b751;
}
.shop-fs-popup__fs-item-btn button:after {
    height: 30px;
}
.shop-fs-popup__fs-item.is-disabled {
    background: #896952e6;
}
.shop-fs-popup__fs-item.is-disabled .shop-fs-popup__fs-item-price {
    background: #b59989;
    box-shadow: inset 0 0 3px #00000040;
}
.shop-fs-popup__fs-item.is-disabled .shop-fs-popup__fs-item-price span {
    filter: grayscale() drop-shadow(0 2px #6e706e);
}
.shop-fs-popup__fs-item.is-disabled .price-tag {
    filter: grayscale(0.9) brightness(1.4) hue-rotate(115deg);
}
.shop-fs-popup__fs-item.is-disabled .price-tag:after {
    filter: brightness(0.7);
}
.shop-fs-popup__fs-item.is-disabled .shop-fs-popup__fs-item-btn {
    pointer-events: none;
}
.shop-fs-popup__coins-balance {
    color: #fff;
    background-color: #c19d66b3;
    border: 1px solid #fff3;
    border-radius: 8px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    padding: 10px 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    display: flex;
}
.shop-fs-popup__coins-amount {
    flex-direction: row;
    align-items: center;
    gap: 4px;
    font-weight: 800;
    display: flex;
}
.rtl-lang .shop-fs-popup__coins-amount {
    direction: ltr;
}
.shop-fs-popup__coins-amount .icon-coin {
    height: 17px;
}
div.spins-layout {
    display: grid;
}
div.spins-layout.spins-layout--grid {
    grid-template-columns: 1fr;
    gap: 12px;
}
div.spins-layout.spins-layout--row {
    display: block;
}
.shop-fs-item {
    z-index: 1;
    scroll-snap-align: start;
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/freespin_wood-pattern.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 12px;
    order: 1;
    height: auto;
    position: relative;
    box-shadow:
        inset 0 2px 3px #ffa26d4d,
        inset 0 -4px 12px #270b0533,
        inset 0 0 0 1px #ffffff1a,
        0 4px 8px #0000001a;
}
.shop-fs-item.ela {
    order: 0;
}
.shop-fs-item:after {
    content: "";
    inset-inline: 0;
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/freespin_art-pattern.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 1300px 55px;
    height: 38px;
    position: absolute;
    bottom: 0;
}
.shop-fs-item--show-more {
    background-color: #134261;
    background-image: url(/joxi/wazamba/league/bg-pattern.png);
    background-size: 200%;
    border: 1px solid #fff3;
    border-radius: 12px;
    order: 2;
    justify-content: center;
    place-items: center;
    height: 300px;
    display: flex;
    box-shadow:
        inset 0 2px 3px #6d9fff66,
        inset 0 -4px 12px #050c2733,
        0 4px 8px #0003;
}
.shop-fs-item--show-more a {
    color: #ffe600;
    cursor: pointer;
    background-color: #061a2ecc;
    border-radius: 12px;
    width: fit-content;
    margin: 0;
    padding-block: 8px;
    padding-inline: 8px 22px;
    font-size: 14px;
    font-weight: 800;
    line-height: 16px;
    transition: all 0.3s;
    display: block;
    position: relative;
}
.shop-fs-item--show-more a:after {
    content: "";
    filter: invert(10%) sepia(58%) saturate(888%) hue-rotate(320deg) brightness(112%) contrast(93%);
    background-image: url(/joxi/wazamba/shop/shop_arrow-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
}
.shop-fs-item--show-more a:hover {
    background: #061a2e66;
    box-shadow: inset 0 -4px 12px #050c2733;
}
.rtl-lang .shop-fs-item--show-more a:after {
    transform: rotate(180deg);
}
.shop-fs-item__button {
    font-family: Montserrat, "sans-serif";
    position: relative;
    bottom: 4px;
}
.shop-fs-item--vertical {
    min-width: 180px;
    max-height: 300px;
    padding: 0 8px 20px;
}
@media screen and (min-width: 1280px) {
    .shop-fs-item--vertical {
        min-width: 192px;
    }
}
@media screen and (min-width: 1440px) {
    .shop-fs-item--vertical {
        min-width: 184px;
    }
}
.shop-fs-item--vertical .shop-item-money-bet__bonus-name {
    z-index: 2;
    margin-bottom: -24px;
}
.shop-fs-item--vertical .shop-fs-item__fs-price {
    margin: 0;
}
.shop-fs-item--vertical .shop-fs-item__info {
    text-align: center;
    padding-top: 164px;
}
.shop-fs-item--vertical .shop-fs-item__img {
    width: calc(100% - 16px);
    height: 164px;
    inset-inline-start: 50%;
    transform: translate(-50%);
}
.rtl-lang .shop-fs-item--vertical .shop-fs-item__img {
    transform: translate(50%);
}
.shop-fs-item--vertical .shop-fs-item__fs-name {
    align-content: center;
    height: 36px;
    margin: 2px 0;
    font-size: 14px;
    display: inline-grid;
}
.shop-fs-item--horizontal {
    min-height: 136px;
    padding: 8px;
}
.shop-fs-item--horizontal .shop-fs-item {
    box-sizing: border-box;
}
.shop-fs-item--horizontal .shop-fs-item__fs-price {
    margin: 0;
}
.shop-fs-item--horizontal .shop-fs-item__fs-name {
    text-align: start;
    height: 36px;
    margin: 6px 0 12px;
    font-size: 14px;
}
.shop-fs-item--horizontal .shop-fs-item__info {
    align-items: flex-start;
    margin-inline-start: 140px;
}
.shop-fs-item--horizontal .shop-fs-item__img {
    width: 120px;
    height: 120px;
}
.shop-fs-item--horizontal .shop-fs-item__button {
    height: 36px;
    line-height: 1;
    position: relative;
    bottom: 2px;
}
.shop-fs-item__info {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    height: 100%;
    display: flex;
    position: relative;
}
.shop-fs-item__fs-name {
    letter-spacing: 0.05em;
    color: #fff;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 800;
    line-height: 18px;
}
.shop-fs-item__fs-price {
    color: #fff;
    background: linear-gradient(red 0%, #990101 100%);
    border-radius: 16px;
    padding: 0 8px 2px;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    box-shadow:
        inset 0 -2px 1px #600d2266,
        0 3px 3px #600d2240,
        inset 0 1px 2px #fff3;
}
.shop-fs-item__fs-price span {
    padding-inline-start: 4px;
    display: inline-block;
}
.shop-fs-item__img {
    z-index: 1;
    aspect-ratio: 1;
    object-fit: contain;
    top: 8px;
    border: 1px solid #45090966;
    border-radius: 6px;
    width: auto;
    position: absolute;
    inset-inline-start: 8px;
    box-shadow:
        inset 0 4px 24px #8e0e0e33,
        0 2px 3px #ffa26d33;
}
.shop-fs-item__img img {
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}
.shop-instructions__wrapper {
    background-color: #0e3358;
    border: 1px solid #1e4570;
    border-radius: 20px;
    flex-direction: column;
    gap: 16px;
    padding: 20px 20px 40px;
    display: flex;
}
.shop-instructions__header-logo {
    width: 92px;
    height: 92px;
    margin-inline: auto;
}
.rtl-lang .shop-instructions__header-logo {
    transform: scaleX(-1);
}
.shop-instructions__header-title {
    margin: 0;
    padding-bottom: 16px;
}
.shop-instructions__step {
    text-align: start;
    cursor: pointer;
    flex-direction: column;
    gap: 6px;
    padding-inline: 48px 36px;
    transition: all 0.25s linear;
    display: flex;
    position: relative;
}
.shop-instructions__step:hover:before {
    color: #7d4826;
    background-color: #f6df4f;
}
.shop-instructions__step:hover .shop-instructions__step-name {
    color: #f6df4f;
}
.shop-instructions__step:hover .shop-instructions__step-text {
    color: #4d8ece;
}
.shop-instructions__step:before {
    content: attr(data-step-number);
    text-align: center;
    color: #4d8ece;
    top: -5px;
    background-color: #1d4c7b;
    border-radius: 50%;
    min-width: 32px;
    min-height: 32px;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    transition: all 0.25s linear;
    position: absolute;
    inset-inline-start: 0;
}
.shop-instructions__step:after {
    content: "";
    top: 2px;
    background-image: url(/joxi/wazamba/shop/shop_arrow-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    inset-inline-end: 0;
}
.rtl-lang .shop-instructions__step:after {
    transform: rotate(180deg);
}
.shop-instructions__step-name {
    letter-spacing: -0.2px;
    text-transform: capitalize;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    transition: all 0.25s linear;
}
.shop-instructions__step-text {
    color: #4579ad;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    transition: all 0.25s linear;
}
.shop-item-money-bet__card {
    scroll-snap-align: start;
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/freespin_wood-pattern.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 12px;
    min-width: 180px;
    height: 280px;
    position: relative;
    box-shadow:
        inset 0 2px 3px #ffa26d4d,
        inset 0 -4px 12px #270b0533,
        inset 0 0 0 1px #ffffff1a,
        0 4px 8px #0000001a;
}
@media screen and (min-width: 1280px) {
    .shop-item-money-bet__card {
        min-width: 192px;
    }
}
@media screen and (min-width: 1440px) {
    .shop-item-money-bet__card {
        min-width: 184px;
    }
}
.is-freebet .shop-item-money-bet__card {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/sport_wood-pattern.png);
}
.shop-item-money-bet__card .shop-button {
    justify-content: center;
    align-items: center;
    gap: 2px;
    min-width: 116px;
    max-width: max-content;
    margin-inline: auto;
    font-family: Montserrat, sans-serif;
    display: flex;
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
}
.rtl-lang .shop-item-money-bet__card .shop-button {
    direction: ltr;
}
.shop-item-money-bet__card .shop-button img {
    width: 20px;
}
.shop-item-money-bet .grid-layout {
    grid-template-columns: repeat(4, 1fr);
    gap: 16px 12px;
    display: grid;
}
.shop-item-money-bet__offer {
    margin-top: -30px;
}
.shop-item-money-bet__offer p {
    line-height: 40px;
}
.shop-item-money-bet__offer p.currency-font {
    padding-top: 10px;
}
.shop-item-money-bet__offer p.currency-font-default {
    font-size: 24px;
}
.shop-item-money-bet__offer p.currency-font-medium {
    font-size: 20px;
}
.shop-item-money-bet__offer p.currency-font-small {
    font-size: 16px;
}
.shop-item-money-bet__img {
    aspect-ratio: 1;
    width: 180px;
    margin: 0 auto;
    position: relative;
    bottom: 50px;
}
.shop-item-money-bet__bonus-name {
    color: #fff;
    filter: drop-shadow(0 3px 3px #50060640);
    margin-bottom: -4px;
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/casino_bonus-name_bg.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 109px;
    margin-block-start: 0;
    padding-bottom: 4px;
    font-size: 10px;
    font-weight: 800;
    line-height: 20px;
    position: relative;
    top: -3px;
}
.is-freebet .shop-item-money-bet__bonus-name {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/sport_bonus-name_bg.png);
}
.shop-item-money-bet__bg {
    background-blend-mode: overlay;
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/bonus_star_bg.png),
        url(/joxi/wazamba/shop/bonus-backgrounds/brown_cropped_bg.png);
    background-position: 50%;
    background-repeat: no-repeat, no-repeat;
    background-size:
        contain,
        100% 100%;
    position: absolute;
    inset: 8px 8px 68px;
}
.is-freebet .shop-item-money-bet__bg {
    background-image: url(/joxi/wazamba/shop/bonus-backgrounds/bonus_star_bg.png),
        url(/joxi/wazamba/shop/bonus-backgrounds/blue_cropped_bg.png);
}
.layout-shop-popup {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 312px;
    margin-inline: auto;
    padding: 20px 0 0;
    display: flex;
    position: relative;
}
.layout-shop-popup__header {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
}
.layout-shop-popup__text {
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    font-size: 14px;
    font-weight: 800;
    line-height: 17px;
}
.layout-shop-popup__confirm-btn {
    min-width: 160px;
}
.layout-shop-popup__long-btn {
    min-width: 278px;
}
.layout-shop-popup__devider-arrow {
    z-index: 3;
    background-image: url(/joxi/wazamba/shop/swap-bonus-arrow.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 42px;
    margin-block: -5px -11px;
}
.layout-shop-popup__back {
    z-index: 5;
    min-width: unset;
    inset-inline-start: 0;
    position: absolute;
    top: 150px;
}
.rtl-lang .layout-shop-popup__back {
    transform: rotate(180deg);
}
.rtl-lang .layout-shop-popup__back .g-btn-orange,
.rtl-lang .layout-shop-popup__back .has-orange-btn .autobonus-popup__bonus-multiple .autobonus-popup__activate-btn,
.has-orange-btn .autobonus-popup__bonus-multiple .rtl-lang .layout-shop-popup__back .autobonus-popup__activate-btn {
    box-shadow:
        inset 0 0 3px #00000040,
        0 -2px #b75637;
}
.layout-shop-popup__back.has-active {
    inset-inline-start: -10px;
    top: unset;
    bottom: 340px;
}
.layout-shop-popup__and-divider {
    color: #6e3923;
    text-align: center;
    text-transform: capitalize;
    flex-direction: row;
    gap: 8px;
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 42px;
    display: flex;
}
.layout-shop-popup__and-divider:before,
.layout-shop-popup__and-divider:after {
    content: "";
    border-bottom: 1px solid #b88a40;
    flex: 1;
    margin-block: auto;
    box-shadow: 0 1px #ffffff8c;
}
.mask-banner {
    background-image: linear-gradient(#cc7a00 0%, #ce8048 95.03%);
    border-radius: 10px;
    padding: 6px;
    box-shadow: inset 0 0 9px #0006;
}
.mask-banner__wrap {
    background-blend-mode: darken;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    min-height: 242px;
    padding: 16px 28px 36px;
    display: flex;
    position: relative;
}
.mask-banner__wrap:after {
    content: "";
    z-index: 0;
    background: linear-gradient(#071f3e00 0%, #071f3e 100%);
    height: 144px;
    position: absolute;
    inset: auto 0 0;
}
@media screen and (min-width: 1440px) {
    .mask-banner__wrap {
        min-height: 340px;
        padding: 0 28px 0 0;
    }
}
.mask-banner__logo {
    z-index: 1;
    height: 204px;
    position: relative;
}
@media screen and (min-width: 1280px) {
    .mask-banner__logo {
        height: 232px;
        padding-left: 32px;
    }
}
@media screen and (min-width: 1440px) {
    .mask-banner__logo {
        height: 300px;
    }
}
.mask-banner__content {
    z-index: 1;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    max-width: 262px;
    display: flex;
}
@media screen and (min-width: 1280px) {
    .mask-banner__content {
        max-width: 430px;
    }
}
@media screen and (min-width: 1440px) {
    .mask-banner__content {
        max-width: 450px;
    }
}
.mask-banner__title {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 4px 1px #ff7901) drop-shadow(0 0 10px #000000bf);
    letter-spacing: 3.1px;
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    padding-bottom: 24px;
    font-size: 38px;
    font-weight: 800;
    line-height: 1;
}
@media screen and (min-width: 1280px) {
    .mask-banner__title {
        font-size: 50px;
    }
}
@media screen and (min-width: 1440px) {
    .mask-banner__title {
        font-size: 62px;
    }
}
.mask-banner__text {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px 1px #ff7901) drop-shadow(0 0 10px #000000bf);
    letter-spacing: 0.9px;
    text-wrap: balance;
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}
@media screen and (min-width: 1440px) {
    .mask-banner__text {
        font-size: 22px;
    }
}
.mask-banner .shop-mask-banner {
    min-width: 196px;
    box-shadow: 0 0 20px #f89e3b;
}
@media screen and (min-width: 1440px) {
    .mask-banner .shop-mask-banner {
        min-width: 238px;
        height: 52px;
        font-size: 24px;
    }
}
.shop-not-enough-coins__text {
    color: #fff;
    text-align: center;
    background-color: #0e3358;
    background-image: url(/joxi/wazamba/shop/pot-empty.png);
    background-position: 50% 16px;
    background-repeat: no-repeat;
    background-size: 120px 120px;
    border-radius: 12px;
    width: 280px;
    margin: 0;
    padding: 146px 16px 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
.shop-not-enough-coins__btn {
    min-width: 180px;
}
.price-tag {
    color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 84px;
    height: 31px;
    padding: 5px 5px 5px 25px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
    position: relative;
}
.price-tag--violet {
    background-image: url(/joxi/wazamba/shop/icon-el-new.svg);
}
.rtl-lang .price-tag--violet {
    background-image: url(/joxi/wazamba/shop/icon-el-new-rtl.svg);
}
.price-tag--gray {
    background-image: url(/joxi/wazamba/shop/icon-el-new.svg);
}
.rtl-lang .price-tag--gray {
    background-image: url(/joxi/wazamba/shop/icon-el-new-rtl.svg);
}
.price-tag.has-coins {
    text-align: end;
    padding-inline-end: 15px;
}
.price-tag.has-coins span {
    position: relative;
}
.rtl-lang .price-tag.has-coins span {
    direction: ltr;
}
.rtl-lang .price-tag.has-coins span:after {
    content: "";
    background-image: url(/joxi/wazamba/shop/coins.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    margin-inline-end: 5px;
    display: inline-block;
    transform: translateY(2px);
}
.rtl-lang .price-tag.has-coins span:before {
    content: none;
}
.price-tag.has-coins span:before {
    content: "";
    background-image: url(/joxi/wazamba/shop/coins.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    margin-inline-end: 5px;
    display: inline-block;
    transform: translateY(2px);
}
.shop-scroll {
    justify-content: center;
    display: flex;
}
.shop-scroll.is-block .shop-scroll__wrap {
    width: 100%;
}
.shop-scroll.is-block .shop-scroll__list {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
}
.shop-scroll.is-block .shop-scroll__list.shop-fs-item-list {
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 1280px) {
    .shop-scroll.is-block .shop-scroll__list.shop-fs-item-list {
        grid-template-columns: repeat(3, 1fr);
    }
}
.shop-scroll.is-block .shop-scroll__arrows {
    display: none;
}
.shop-scroll__wrap {
    z-index: 19;
    position: relative;
    overflow: hidden;
}
.shop-scroll__wrap ::-webkit-scrollbar {
    display: none;
}
.shop-scroll__wrap.is-favorite,
.shop-scroll__wrap.is-favorite .games-scroll-wrap {
    width: 100%;
}
.shop-scroll__wrap.is-favorite .games-scroll-wrap .game-item {
    width: calc(16.6667% - 14px);
    margin: 0;
}
.shop-scroll__wrap.is-favorite .games-scroll-wrap--landing:after {
    content: none;
}
.shop-scroll__arrows {
    pointer-events: none;
    z-index: 11;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.shop-scroll__arrows-next {
    transform: matrix(-1, 0, 0, 1, 0, 0);
}
.shop-scroll__arrows-prev,
.shop-scroll__arrows-next {
    cursor: pointer;
    pointer-events: auto;
    z-index: 5;
    background: 0 0;
    border: none;
    padding: 4px;
    transition: opacity 0.15ms;
}
.shop-scroll__arrows-prev.is-disable,
.shop-scroll__arrows-next.is-disable {
    opacity: 0;
    z-index: -1;
    transform: scale(0);
}
.shop-scroll__arrows-prev .prev,
.shop-scroll__arrows-prev .next,
.shop-scroll__arrows-next .prev,
.shop-scroll__arrows-next .next {
    z-index: 11;
    position: relative;
}
.shop-scroll__arrows-prev svg,
.shop-scroll__arrows-next svg {
    width: 16px;
    height: 16px;
}
.shop-scroll__list {
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
    display: flex;
    overflow-x: auto;
}
.shop-scroll__list.fav-list {
    gap: 12px;
    margin-inline-start: -12px;
    overflow-y: hidden;
}
.shop-scroll__item {
    min-width: 79px;
    margin: 0 4px;
    display: block;
    position: relative;
}
.shop-scroll__item.active:before,
.shop-scroll__item:hover:before {
    content: "";
    z-index: 0;
    background: #f79afd;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 12px;
    left: calc(50% - 25px);
    box-shadow: 0 0 30px 10px #f79afd;
}
.shop-scroll__ico {
    z-index: 10;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 75px;
    height: 75px;
    margin: 0 auto;
    position: relative;
}
.shop-scroll__item:active .shop-scroll__ico {
    transform: scale(0.97);
}
.shop-scroll__name {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 0.6px;
    padding-top: 10px;
    font-size: 12px;
    font-weight: 800;
    overflow: hidden;
}
.active .shop-scroll__name {
    color: #fbfc18;
}
@media screen and (min-width: 1280px) {
    .shop-scroll__item {
        min-width: 83px;
    }
}
@media screen and (min-width: 1440px) {
    .shop-scroll__item {
        min-width: 89px;
    }
}
@media screen and (min-width: 1680px) {
    .shop-scroll__item {
        min-width: 93px;
    }
}
@media screen and (min-width: 1920px) {
    .shop-scroll__item {
        min-width: 96px;
    }
}
.shop {
    text-align: center;
}
.rtl-lang .shop {
    direction: rtl;
}
.shop-back {
    position: absolute;
    top: 28px;
    left: 20px;
}
.shop__header-bg {
    background-image: url(/joxi/wazamba/league/header/back-hide.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 566px;
    height: 114px;
    min-height: auto;
    margin: 0 auto;
}
.shop__wrapper {
    background-image: url(/joxi/wazamba/shop/shop_bg1024_left.png), url(/joxi/wazamba/shop/shop_bg1024_right.png),
        url(/joxi/wazamba/league/bg-pattern.png), linear-gradient(90deg, #07192d 0%, #0b2f53 50%, #06182e 100%);
    background-position:
        0 0,
        100% 0,
        top,
        50%;
    background-repeat: no-repeat, no-repeat, repeat, no-repeat;
    background-size: 422px, 478px, 800px, contain;
    width: 100%;
    min-height: 300px;
    position: relative;
}
.shop .page__container {
    max-width: 1164px;
    margin: -114px auto 0;
    padding-bottom: 40px;
}
@media screen and (min-width: 1440px) {
    .shop .page__container {
        padding-left: 0;
        padding-right: 0;
    }
}
.shop__top-header {
    flex-direction: column;
    align-items: center;
    display: flex;
}
.shop__top-title {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 4px 1px #ff7901) drop-shadow(0 0 10px #000000bf);
    cursor: pointer;
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
}
.shop__top-link {
    background: #0e3358cc;
    border: 1px solid #1e4570;
    border-radius: 12px;
    width: 100%;
    max-width: 508px;
    display: block;
}
.shop__top-link:hover {
    background-color: #13416fe6;
}
.shop__top-link span {
    letter-spacing: initial;
    line-height: 54px;
    position: relative;
}
.shop__top-link span:before {
    content: "";
    bottom: -17px;
    background-image: url(/joxi/wazamba/shop/pot-coins.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 68px;
    height: 68px;
    position: absolute;
    inset-inline-start: -72px;
}
.shop__top-link span:after {
    content: "";
    inset-inline-end: -20px;
    background-image: url(/joxi/wazamba/shop/shop_arrow-right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -1px;
}
.rtl-lang .shop__top-link span:after {
    transform: rotate(-180deg);
}
.shop__coins-balance {
    background: #061a2ecc;
    border-radius: 20px;
    flex-direction: row;
    flex: 0 0;
    justify-content: space-between;
    gap: 12px;
    width: fit-content;
    min-height: 40px;
    margin-inline: auto;
    padding-inline: 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    display: flex;
    position: relative;
}
.shop__coins-balance span {
    white-space: nowrap;
}
.shop__coins-balance.hidden {
    visibility: hidden;
}
.shop__coins-amount {
    color: #ffe600;
    flex-direction: row;
    gap: 4px;
    font-size: 20px;
    font-weight: 800;
    line-height: 40px;
    display: flex;
}
.rtl-lang .shop__coins-amount {
    direction: ltr;
}
.shop__coins-amount .icon-coin {
    width: 20px;
}
.shop-segment--with-margin-bottom {
    margin-bottom: 28px;
}
.shop-segment__title {
    letter-spacing: 0.05em;
    color: #fff;
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
}
.shop__preloader {
    margin-inline: auto;
}
.shop-slider {
    position: relative;
}
.shop-slider.is-block .shop-slider__wrap {
    display: none;
}
.shop-slider.is-block .shop-slider__list {
    display: grid;
}
.shop-slider__arrows-prev,
.shop-slider__arrows-next {
    transform-origin: 50%;
    z-index: 10;
    background: 0 0;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.shop-slider__arrows-prev.swiper-button-disabled,
.shop-slider__arrows-next.swiper-button-disabled {
    display: none;
}
.shop-slider__arrows-prev {
    inset-inline-start: 0;
}
.rtl-lang .shop-slider__arrows-prev {
    transform: rotate(180deg) translateY(50%);
}
.rtl-lang .shop-slider__arrows-prev .g-btn-ico.prev {
    box-shadow:
        inset 0 0 3px #00000040,
        0 -2px #b75637;
}
.shop-slider__arrows-next {
    inset-inline-end: 0;
    transform: rotate(180deg) translateY(50%);
}
.shop-slider__arrows-next .g-btn-ico.next {
    box-shadow:
        inset 0 0 3px #00000040,
        0 -2px #b75637;
}
.rtl-lang .shop-slider__arrows-next {
    transform: rotate(0) translateY(-50%);
}
.rtl-lang .shop-slider__arrows-next .g-btn-ico.next {
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px #b75637;
}
.shop-slider__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
    display: none;
}
.shop-slider__list.shop-fs-item-list {
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 1280px) {
    .shop-slider__list.shop-fs-item-list {
        grid-template-columns: repeat(3, 1fr);
    }
}
.shop-title--white {
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: 800;
}
.shop-subtitle--white {
    letter-spacing: 0.05em;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
.shop-title--yellow {
    letter-spacing: 0.05em;
    color: #fddd75;
    font-weight: 800;
}
.shop-title--gold-blur {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px 1px #ff7901) drop-shadow(0 0 10px #000000bf);
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    font-weight: 800;
}
.shop-title--gold-sharp {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 1px #ff7901) drop-shadow(0 0 10px #000000bf);
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    font-weight: 800;
}
.shop-title--gold-no-shadow {
    letter-spacing: 0.05em;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(#fcfe7e 18.73%, #f4d642 96.19%);
    -webkit-background-clip: text;
    font-weight: 800;
}
.swiper-slide {
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 400px;
    display: flex;
}
.swiper-wrapper {
    z-index: 1;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    transition-property: transform;
    display: flex;
    position: relative;
}
.swiper-container {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    list-style: none;
    position: relative;
}
.benefits-league-popup {
    position: relative;
}
.benefits-league-popup__shining {
    background-image: url(/joxi/wazamba/leagues/shining.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 250px;
    height: 180px;
    margin-left: -125px;
    position: absolute;
    top: -20px;
    left: 50%;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .benefits-league-popup__shining {
        background-image: url(/joxi/wazamba/leagues/shining@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .benefits-league-popup__shining {
        background-image: url(/joxi/wazamba/leagues/shining@2x.png);
    }
}
.benefits-league-popup__status {
    z-index: 2;
    justify-content: center;
    align-items: flex-end;
    height: 158px;
    margin-bottom: -100px;
    display: flex;
    position: relative;
}
.benefits-league-popup__status .icon-league {
    background-size: contain;
    width: 149px;
    height: 158px;
    margin-left: 15px;
}
.benefits-league-popup__status .icon-league.has-shining:before {
    background-repeat: no-repeat;
    background-size: contain;
    width: 256px;
    height: 185px;
    margin-top: -92px;
    margin-left: -128px;
}
.benefits-league-popup__close {
    z-index: 2;
    cursor: pointer;
    inset-inline-end: calc(50% - 220px);
    background-image: url(/joxi/wazamba/renovation/leagues/rock-close.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    width: 65px;
    height: 66px;
    position: absolute;
    top: 75px;
}
.benefits-league-popup__close:hover {
    box-shadow: 0 0 20px #37bce7;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .benefits-league-popup__close {
        background-image: url(/joxi/wazamba/renovation/leagues/rock-close@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .benefits-league-popup__close {
        background-image: url(/joxi/wazamba/renovation/leagues/rock-close@2x.png);
    }
}
.benefits-league-popup__leaf {
    background-image: url(/joxi/wazamba/leagues/popup/popup-leaf.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 341px;
    height: 83px;
    margin: 0 auto -30px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .benefits-league-popup__leaf {
        background-image: url(/joxi/wazamba/leagues/popup/popup-leaf@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .benefits-league-popup__leaf {
        background-image: url(/joxi/wazamba/leagues/popup/popup-leaf@2x.png);
    }
}
.benefits-league-popup__box {
    flex-direction: column;
    max-width: 212px;
    margin: 0 auto;
    display: flex;
}
.benefits-league-popup__box.border-top {
    border-top: 1px solid #ffffff4d;
    margin-top: 12px;
    padding-top: 12px;
}
.benefits-league-popup__box.flex-row {
    flex-direction: row;
    padding-top: 0;
}
.benefits-league-popup__box__left {
    border-right: 1px solid #ffffff4d;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 60px;
    display: flex;
}
.benefits-league-popup__box__right {
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 60px;
    display: flex;
}
.benefits-league-popup__head {
    z-index: 1;
    background-image: url(/joxi/wazamba/renovation/leagues/popup-wood-top.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    width: 473px;
    height: 271px;
    margin: 0 auto;
    display: flex;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .benefits-league-popup__head {
        background-image: url(/joxi/wazamba/renovation/leagues/popup-wood-top@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .benefits-league-popup__head {
        background-image: url(/joxi/wazamba/renovation/leagues/popup-wood-top@2x.png);
    }
}
.benefits-league-popup__next {
    cursor: pointer;
    top: 93px;
    background-image: url(/joxi/wazamba/leagues/icon-arrow-right.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 44px;
    width: 45px;
    height: 60px;
    position: absolute;
    inset-inline-end: 50px;
}
.benefits-league-popup__prev {
    cursor: pointer;
    top: 93px;
    background-image: url(/joxi/wazamba/leagues/icon-arrow-left.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 44px;
    width: 45px;
    height: 60px;
    position: absolute;
    inset-inline-start: 50px;
}
.benefits-league-popup__next:after,
.benefits-league-popup__prev:after {
    content: none;
    z-index: -1;
    top: 50%;
    background-color: #0003;
    border-radius: 8px;
    width: 44px;
    height: 44px;
    position: absolute;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
}
.rtl-lang .benefits-league-popup__next,
.rtl-lang .benefits-league-popup__prev {
    transform: rotate(180deg);
}
.rtl-lang .benefits-league-popup__next:after,
.rtl-lang .benefits-league-popup__prev:after {
    transform: translate(50%, -50%);
}
.benefits-league-popup__next:hover:after,
.benefits-league-popup__prev:hover:after {
    content: "";
}
.benefits-league-popup__title {
    color: #ffd467;
    text-shadow: 0 3px 4px #0000006e;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 70px;
    margin-top: 86px;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    display: flex;
}
.benefits-league-popup__subtitle {
    color: #ffd467;
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 800;
    line-height: 16px;
}
.benefits-league-popup__current {
    z-index: 3;
    justify-content: center;
    width: 100%;
    display: flex;
    position: absolute;
    top: 208px;
}
.benefits-league-popup__current span {
    color: #8c6404;
    text-align: center;
    background: #ffe562;
    border-radius: 19px;
    padding: 1px 8px 2px;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}
.benefits-league-popup__body {
    background-image: url(/joxi/wazamba/renovation/leagues/popup-wood-body.png);
    background-position: bottom;
    background-size: 100%;
    width: 471px;
    margin: -10px auto 150px;
    padding-top: 22px;
    padding-bottom: 38px;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .benefits-league-popup__body {
        background-image: url(/joxi/wazamba/renovation/leagues/popup-wood-body@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .benefits-league-popup__body {
        background-image: url(/joxi/wazamba/renovation/leagues/popup-wood-body@2x.png);
    }
}
.benefits-league-popup__body > div {
    z-index: 1;
    position: relative;
}
.benefits-league-popup__body > div:first-child {
    margin-top: -60px;
}
.benefits-league-popup__body:after {
    content: "";
    background-image: url(/joxi/wazamba/renovation/leagues/popup-wood-bottom.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 476px;
    height: 179px;
    position: absolute;
    bottom: -50px;
    left: 0;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .benefits-league-popup__body:after {
        background-image: url(/joxi/wazamba/renovation/leagues/popup-wood-bottom@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .benefits-league-popup__body:after {
        background-image: url(/joxi/wazamba/renovation/leagues/popup-wood-bottom@2x.png);
    }
}
.benefits-league-popup__text {
    color: #fff;
    text-align: center;
    max-width: 260px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
.benefits-league-popup__text:not(:last-child) {
    margin-top: 20px;
    margin-bottom: 10px;
}
.benefits-league-popup__text.sm {
    color: #fffc;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}
.benefits-league-popup__text.lg {
    color: #ffd467;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
}
.benefits-league-popup__text.is-yellow {
    color: #ffd467;
}
.benefits-league-popup__text.subtitle {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.benefits-league-popup__text.subtitle span {
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
    display: block;
}
.benefits-league-popup__text.subtitle .info-text {
    color: #fffc;
    margin-top: 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    display: none;
}
.benefits-league-popup__text.subtitle .info-btn {
    cursor: pointer;
    inset-inline-end: -10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE2QzEyLjQxODMgMTYgMTYgMTIuNDE4MyAxNiA4QzE2IDMuNTgxNzIgMTIuNDE4MyAwIDggMEMzLjU4MTcyIDAgMCAzLjU4MTcyIDAgOEMwIDEyLjQxODMgMy41ODE3MiAxNiA4IDE2Wk03LjIxNTY5IDguMTg0N0M3LjAzODcxIDguNDM4OTEgNi45NTAyMyA4Ljc2NDYyIDYuOTUwMjMgOS4xNjE4M0g5LjA5ODA0QzkuMDk4MDQgOC45NDczNCA5LjE2MjM5IDguNzYwNjUgOS4yOTExIDguNjAxNzdDOS40MTk4MSA4LjQzNDk0IDkuNjIwOTIgOC4yMzYzNCA5Ljg5NDQyIDguMDA1OTZDMTAuMTQzOCA3Ljc5MTQ3IDEwLjM0NDkgNy42MDA4MSAxMC40OTc3IDcuNDMzOThDMTAuNjU4NiA3LjI1OTIxIDEwLjc5NTQgNy4wNDg2OSAxMC45MDggNi44MDI0M0MxMS4wMjA2IDYuNTQ4MjEgMTEuMDc2OSA2LjI1ODI2IDExLjA3NjkgNS45MzI1NUMxMS4wNzY5IDUuMjI1NTIgMTAuNzgzMyA0LjY3NzM4IDEwLjE5NjEgNC4yODgxMkM5LjYxNjg5IDMuODkwOTEgOC44NDg2NyAzLjY5MjMxIDcuODkxNCAzLjY5MjMxQzcuMDM4NzEgMy42OTIzMSA2LjMxMDcxIDMuODQ3MjIgNS43MDczOSA0LjE1NzA0QzUuMTA0MDcgNC40NjY4NiA0LjYzNzUxIDQuODk5ODEgNC4zMDc2OSA1LjQ1NTlMNi4xMDU1OCA2LjQwOTE5QzYuMjY2NDcgNi4xMzkwOSA2LjQ3NTYyIDUuOTI4NTcgNi43MzMwMyA1Ljc3NzY0QzYuOTk4NDkgNS42MjY3IDcuMjkyMTEgNS41NTEyMyA3LjYxMzg4IDUuNTUxMjNDNy45Mjc2IDUuNTUxMjMgOC4xODEgNS42MjI3MyA4LjM3NDA2IDUuNzY1NzJDOC41NzUxNiA1LjkwMDc3IDguNjc1NzIgNi4wODM0OCA4LjY3NTcyIDYuMzEzODZDOC42NzU3MiA2LjQ4MDY5IDguNjE5NDEgNi42Mzk1NyA4LjUwNjc5IDYuNzkwNTFDOC4zOTQxNyA2LjkzMzUgOC4yMjEyMiA3LjExMjI1IDcuOTg3OTMgNy4zMjY3NEM3LjY1MDA4IDcuNjM2NTYgNy4zOTI2NiA3LjkyMjU1IDcuMjE1NjkgOC4xODQ3Wk03LjA0Njc2IDExLjk1MDJDNy4zMDQxNyAxMi4xODg1IDcuNjI5OTcgMTIuMzA3NyA4LjAyNDEzIDEyLjMwNzdDOC40MjYzNCAxMi4zMDc3IDguNzU2MTYgMTIuMTg4NSA5LjAxMzU3IDExLjk1MDJDOS4yNzA5OSAxMS43MDM5IDkuMzk5NyAxMS40MDYgOS4zOTk3IDExLjA1NjVDOS4zOTk3IDEwLjY5OSA5LjI3MDk5IDEwLjQwNTEgOS4wMTM1NyAxMC4xNzQ3QzguNzU2MTYgOS45NDQzMiA4LjQyNjM0IDkuODI5MTMgOC4wMjQxMyA5LjgyOTEzQzcuNjIxOTIgOS44MjkxMyA3LjI5MjExIDkuOTQ0MzIgNy4wMzQ2OSAxMC4xNzQ3QzYuNzg1MzIgMTAuNDA1MSA2LjY2MDYzIDEwLjY5OSA2LjY2MDYzIDExLjA1NjVDNi42NjA2MyAxMS40MDYgNi43ODkzNCAxMS43MDM5IDcuMDQ2NzYgMTEuOTUwMloiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuMzMiLz4KPC9zdmc+Cg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 10px;
}
.rtl-lang .benefits-league-popup__text.subtitle .info-btn {
    transform: scaleX(-1);
}
.benefits-league-popup__text.subtitle .info-btn:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAyMEMxNS41MjI4IDIwIDIwIDE1LjUyMjggMjAgMTBDMjAgNC40NzcxNSAxNS41MjI4IDAgMTAgMEM0LjQ3NzE1IDAgMCA0LjQ3NzE1IDAgMTBDMCAxNS41MjI4IDQuNDc3MTUgMjAgMTAgMjBaTTkuMDE5MDMgMTAuMjMxN0M4Ljc5NzgxIDEwLjU0OTUgOC42ODcyIDEwLjk1NjYgOC42ODcyIDExLjQ1MzFIMTEuMzcyQzExLjM3MiAxMS4xODUgMTEuNDUyNCAxMC45NTE2IDExLjYxMzMgMTAuNzUzQzExLjc3NDIgMTAuNTQ0NSAxMi4wMjU2IDEwLjI5NjIgMTIuMzY3NCAxMC4wMDgzQzEyLjY3OTIgOS43NDAxNiAxMi45MzA1IDkuNTAxODQgMTMuMTIxNiA5LjI5MzNDMTMuMzIyNyA5LjA3NDg0IDEzLjQ5MzYgOC44MTE2OSAxMy42MzQ0IDguNTAzODZDMTMuNzc1MiA4LjE4NjEgMTMuODQ1NiA3LjgyMzY0IDEzLjg0NTYgNy40MTY1MUMxMy44NDU2IDYuNTMyNzMgMTMuNDc4NiA1Ljg0NzU1IDEyLjc0NDUgNS4zNjA5N0MxMi4wMjA1IDQuODY0NDYgMTEuMDYwMyA0LjYxNjIxIDkuODYzNjcgNC42MTYyMUM4Ljc5NzgxIDQuNjE2MjEgNy44ODc4IDQuODA5ODUgNy4xMzM2NiA1LjE5NzEyQzYuMzc5NTEgNS41ODQ0IDUuNzk2MyA2LjEyNTU5IDUuMzg0MDMgNi44MjA3TDcuNjMxMzkgOC4wMTIzMkM3LjgzMjUgNy42NzQ2OSA4LjA5Mzk0IDcuNDExNTQgOC40MTU3MSA3LjIyMjg3QzguNzQ3NTMgNy4wMzQyIDkuMTE0NTUgNi45Mzk4NiA5LjUxNjc2IDYuOTM5ODZDOS45MDg5MiA2LjkzOTg2IDEwLjIyNTcgNy4wMjkyMyAxMC40NjcgNy4yMDc5OEMxMC43MTg0IDcuMzc2NzkgMTAuODQ0MSA3LjYwNTE4IDEwLjg0NDEgNy44OTMxNkMxMC44NDQxIDguMTAxNjkgMTAuNzczNyA4LjMwMDI5IDEwLjYzMjkgOC40ODg5NkMxMC40OTIxIDguNjY3NzEgMTAuMjc1OSA4Ljg5MTEzIDkuOTg0MzQgOS4xNTkyNUM5LjU2MjAxIDkuNTQ2NTIgOS4yNDAyNCA5LjkwNDAxIDkuMDE5MDMgMTAuMjMxN1pNOC44MDc4NiAxNC45Mzg2QzkuMTI5NjMgMTUuMjM2NSA5LjUzNjg3IDE1LjM4NTQgMTAuMDI5NiAxNS4zODU0QzEwLjUzMjMgMTUuMzg1NCAxMC45NDQ2IDE1LjIzNjUgMTEuMjY2NCAxNC45Mzg2QzExLjU4ODIgMTQuNjMwOCAxMS43NDkgMTQuMjU4NCAxMS43NDkgMTMuODIxNEMxMS43NDkgMTMuMzc0NiAxMS41ODgyIDEzLjAwNzIgMTEuMjY2NCAxMi43MTkyQzEwLjk0NDYgMTIuNDMxMiAxMC41MzIzIDEyLjI4NzIgMTAuMDI5NiAxMi4yODcyQzkuNTI2ODIgMTIuMjg3MiA5LjExNDU1IDEyLjQzMTIgOC43OTI3OCAxMi43MTkyQzguNDgxMDcgMTMuMDA3MiA4LjMyNTIxIDEzLjM3NDYgOC4zMjUyMSAxMy44MjE0QzguMzI1MjEgMTQuMjU4NCA4LjQ4NjA5IDE0LjYzMDggOC44MDc4NiAxNC45Mzg2WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+Cjwvc3ZnPgo=);
}
.benefits-league-popup__text.subtitle.open .info-text {
    display: block;
}
.benefits-league-popup__text.subtitle.open .info-btn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE2QzEyLjQxODMgMTYgMTYgMTIuNDE4MyAxNiA4QzE2IDMuNTgxNzIgMTIuNDE4MyAwIDggMEMzLjU4MTcyIDAgMCAzLjU4MTcyIDAgOEMwIDEyLjQxODMgMy41ODE3MiAxNiA4IDE2Wk04LjE5MjY0IDkuMzI0MzZMMTAuMTk1MiAxMS4zMjY5TDExLjMyNjUgMTAuMTk1NUw5LjMyNDAxIDguMTkyOTlMMTEuMzAzOSA2LjIxMzA5TDEwLjA5MzMgNS4wMDI1M0w4LjExMzQ1IDYuOTgyNDNMNi4xMTA5MiA0Ljk3OTlMNC45Nzk1NSA2LjExMTI3TDYuOTgyMDggOC4xMTM4TDUuMDAyMTggMTAuMDkzN0w2LjIxMjc0IDExLjMwNDNMOC4xOTI2NCA5LjMyNDM2WiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4zMyIvPgo8L3N2Zz4K);
}
.benefits-league-popup__plane {
    background: #32211d80;
    border-radius: 12px;
    max-width: 302px;
    margin: 12px auto;
    padding: 16px;
}
.benefits-league-popup__plane.is-rewards {
    justify-content: center;
    align-items: center;
    gap: 25px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
}
.benefits-league-popup__plane.is-rewards .icon-reward {
    position: relative;
}
.benefits-league-popup__plane.is-rewards .icon-reward.has-shining:before {
    background-size: 112px;
    width: 112px;
    height: 80px;
    margin-top: -40px;
    margin-left: -56px;
}
.benefits-league-popup__plane.is-rewards .icon-reward img {
    width: 64px;
}
.benefits-league-popup__plane.is-rewards span {
    color: #ffd467e6;
    text-align: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 27px;
}
.benefits-league-popup__league {
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 8px;
    display: flex;
}
.benefits-league-popup__league span {
    color: #ffd467;
    text-align: center;
    margin-left: 7px;
    font-size: 16px;
    font-weight: 800;
    line-height: 100%;
}
.benefits-league-popup .story {
    margin-block: 4px;
    padding: 7px 12px 12px;
}
.benefits-league-popup .story__head {
    border-bottom: 1px solid #ffffff24;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    display: flex;
}
.benefits-league-popup .story__body {
    margin-top: 10px;
}
.benefits-league-popup .story__league {
    align-items: center;
    display: flex;
}
.benefits-league-popup .story__league .icon-league {
    background-size: contain;
    width: 44px;
    height: 44px;
    position: absolute;
}
.benefits-league-popup .story__league span {
    color: #ffffffb3;
    margin-left: 47px;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
.benefits-league-popup .story__date {
    color: #ffd467;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
}
.benefits-league-popup .story__row {
    justify-content: space-between;
    margin-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
}
.benefits-league-popup .story__text {
    color: #ffffffb3;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
.benefits-league-popup .special-rewards h3:after {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg width="11" height="7" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 2L5.5 5L2 2" stroke="white" stroke-opacity="0.72" stroke-width="3" stroke-linecap="round"/></svg>');
    width: 11px;
    height: 7px;
    margin-left: 14px;
    transition: all 0.3s;
    display: inline-block;
}
.benefits-league-popup .special-rewards h3 ~ * {
    display: none;
}
.benefits-league-popup .special-rewards h3.is-open:after {
    transform: rotate(180deg);
}
.benefits-league-popup .special-rewards h3.is-open ~ * {
    display: block;
}
.benefits-league-popup .special-rewards .benefits-league-popup__text {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}
.benefits-league-popup .special-rewards .benefits-league-popup__text.lg {
    color: #edc562;
    text-shadow: 0 0 10px #00000040;
    font-size: 14px;
    font-weight: 800;
    line-height: 17px;
}
.benefits-league-popup .special-rewards .benefits-league-popup__text.sm {
    color: #bea193;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
}
.benefits-league-popup .special-rewards__box {
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 16px;
    display: flex;
}
.benefits-league-popup .special-rewards__box:last-child {
    margin-bottom: 0;
}
.benefits-league-popup .special-rewards__item {
    width: 86px;
    margin-left: 2px;
    margin-right: 2px;
}
.benefits-league-popup .special-rewards__des {
    color: #d8b692;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}
.benefits-league-popup .special-rewards__icon {
    background: #ffcf8878 50%/90% no-repeat;
    border-radius: 50%;
    width: 86px;
    height: 86px;
    margin-bottom: 8px;
}
.benefits-league-popup.history-popup .benefits-league-popup__plane .benefits-league-popup__subtitle {
    position: absolute;
    top: -38px;
    left: 0;
    right: 0;
}
.benefits-league-popup.history-popup:not(.is-first-league) .benefits-league-popup__plane:nth-child(2) {
    margin-top: 60px;
}
.leaderbord-league-popup {
    margin-top: -195px;
    margin-bottom: 150px;
    position: relative;
}
.leaderbord-league-popup__head {
    z-index: 1;
    background-image: url(/joxi/wazamba/renovation/leagues/popup-rock-top.png);
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: contain;
    height: 177px;
    margin: 0 auto;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .leaderbord-league-popup__head {
        background-image: url(/joxi/wazamba/renovation/leagues/popup-rock-top@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .leaderbord-league-popup__head {
        background-image: url(/joxi/wazamba/renovation/leagues/popup-rock-top@2x.png);
    }
}
.leaderbord-league-popup__body {
    background-image: url(/joxi/wazamba/renovation/leagues/popup/popup-rock-body.png);
    background-position: bottom;
    background-repeat: repeat-y;
    background-size: 100%;
    width: 500px;
    margin: 0 auto;
    padding-bottom: 50px;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .leaderbord-league-popup__body {
        background-image: url(/joxi/wazamba/renovation/leagues/popup/popup-rock-body@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .leaderbord-league-popup__body {
        background-image: url(/joxi/wazamba/renovation/leagues/popup/popup-rock-body@2x.png);
    }
}
.leaderbord-league-popup__body .g-btn {
    width: 212px;
    margin: 0 auto;
}
.leaderbord-league-popup__body > div {
    z-index: 1;
    position: relative;
}
.leaderbord-league-popup__body > div:first-child {
    margin-top: -70px;
}
.leaderbord-league-popup__body:after {
    content: "";
    background-image: url(/joxi/wazamba/renovation/leagues/popup-rock-bottom.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 173px;
    display: block;
    position: absolute;
    bottom: -50px;
    left: 0;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .leaderbord-league-popup__body:after {
        background-image: url(/joxi/wazamba/renovation/leagues/popup-rock-bottom@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .leaderbord-league-popup__body:after {
        background-image: url(/joxi/wazamba/renovation/leagues/popup-rock-bottom@2x.png);
    }
}
.leaderbord-league-popup__text {
    color: #fffc;
    text-align: center;
    max-width: 280px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.leaderbord-league-popup__text.no-leaderboard {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100px;
    display: flex;
}
.leaderbord-league-popup__title {
    color: #fff;
    text-align: center;
    text-shadow: 0 0 10px #00000040;
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
}
.leaderbord-league-popup__item {
    background: #0000001a;
    align-items: center;
    width: 85%;
    height: 80px;
    margin: 0 auto 4px;
    padding-left: 5px;
    padding-right: 16px;
    display: flex;
}
.leaderbord-league-popup__item:last-child {
    margin-bottom: 0;
}
.leaderbord-league-popup__item.active {
    background: #f4ca33;
}
.leaderbord-league-popup__item.active .leaderbord-league-popup__name,
.leaderbord-league-popup__item.active .leaderbord-league-popup__place,
.leaderbord-league-popup__item.active .leaderbord-league-popup__points,
.leaderbord-league-popup__item.active .leaderbord-league-popup__dp {
    color: #725500;
}
.leaderbord-league-popup__item.is-first {
    background: 0 0;
    flex-direction: column;
    height: auto;
}
.leaderbord-league-popup__item.is-first .leaderbord-league-popup__name,
.leaderbord-league-popup__item.is-first .leaderbord-league-popup__points {
    color: #fff;
}
.leaderbord-league-popup__item.is-first .leaderbord-league-popup__place {
    display: none;
}
.leaderbord-league-popup__item.is-first .leaderbord-league-popup__mask {
    width: 156px;
    height: 156px;
    position: relative;
}
.leaderbord-league-popup__item.is-first .leaderbord-league-popup__mask.has-shining:before {
    margin-inline-start: -179px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 357px;
    height: 258px;
    margin-top: -129px;
}
.leaderbord-league-popup__item.is-first .leaderbord-league-popup__name {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
}
.leaderbord-league-popup__item.is-first .leaderbord-league-popup__result {
    text-align: center;
    width: 200px;
}
.leaderbord-league-popup__item.is-first .leaderbord-league-popup__points {
    font-size: 26px;
    font-weight: 800;
    line-height: 32px;
}
.leaderbord-league-popup__place {
    color: #fff;
    text-align: center;
    z-index: 2;
    width: 28px;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
}
.leaderbord-league-popup__mask {
    z-index: 1;
    background-size: contain;
    width: 80px;
    height: 100%;
    margin-top: -11px;
    position: relative;
}
.leaderbord-league-popup__mask.has-shining:before {
    margin-inline-start: -120px;
    background-size: contain;
    width: 240px;
    height: 173px;
    margin-top: -87px;
}
.leaderbord-league-popup__mask img {
    position: relative;
}
.leaderbord-league-popup__name {
    color: #fff;
    z-index: 1;
    text-align: start;
    width: 55%;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.rtl-lang .leaderbord-league-popup__name {
    text-align: end;
    direction: ltr;
}
.leaderbord-league-popup__result {
    text-align: right;
    justify-content: flex-end;
    align-items: center;
    width: 68px;
    height: 100%;
    display: flex;
}
.leaderbord-league-popup__points {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
.leaderbord-league-popup__dp {
    color: #fff9;
    text-align: right;
    font-size: 14px;
    font-weight: 800;
    line-height: 17px;
}
.leaderbord-league-popup.reach-league-popup .leaderbord-league-popup__text {
    margin-top: 10px;
    margin-bottom: 6px;
}
.leaderbord-league-popup.reach-league-popup .g-btn {
    margin-bottom: 30px;
}
.league-swiper {
    max-width: 800px;
}
.league-swiper .swiper-slide {
    opacity: 0 !important;
}
.league-swiper .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}
.benefits-league-slider {
    width: 500px;
    margin: 0 auto;
}
.benefits-league-slider .slick-list {
    overflow: hidden;
}
.benefits-league-slider .slick-slide {
    float: inline-start;
}
.benefits-league-slide {
    margin-top: 10px;
    padding-bottom: 27px;
}
.is-leaderboard-popup {
    align-items: flex-start;
}
.bomani-league-popup {
    z-index: 1;
    background-image: url(/joxi/wazamba/leagues/weekly-league-popup/bg_mid.png);
    background-position: 50%;
    background-repeat: repeat-y;
    background-size: contain;
    width: 516px;
    margin: 0 auto;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .bomani-league-popup {
        background-image: url(/joxi/wazamba/leagues/weekly-league-popup/bg_mid@x2.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .bomani-league-popup {
        background-image: url(/joxi/wazamba/leagues/weekly-league-popup/bg_mid@x3.png);
    }
}
.bomani-league-popup:before,
.bomani-league-popup:after {
    content: "";
    z-index: -1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
.bomani-league-popup:before {
    background-image: url(/joxi/wazamba/leagues/weekly-league-popup/bg_top.png);
    width: 516px;
    height: 212px;
    top: -144px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .bomani-league-popup:before {
        background-image: url(/joxi/wazamba/leagues/weekly-league-popup/bg_top@x2.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .bomani-league-popup:before {
        background-image: url(/joxi/wazamba/leagues/weekly-league-popup/bg_top@x3.png);
    }
}
.bomani-league-popup:after {
    background-image: url(/joxi/wazamba/leagues/weekly-league-popup/bg_down.png);
    width: 516px;
    height: 179px;
    bottom: -120px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .bomani-league-popup:after {
        background-image: url(/joxi/wazamba/leagues/weekly-league-popup/bg_down@x2.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .bomani-league-popup:after {
        background-image: url(/joxi/wazamba/leagues/weekly-league-popup/bg_down@x3.png);
    }
}
.bomani-league-popup .bomani-helper {
    flex-direction: column;
    width: 323px;
    margin: 0 auto;
    display: flex;
    position: relative;
}
.bomani-league-popup .bomani-helper > span {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 140%;
    display: block;
}
.bomani-league-popup .bomani-helper > span.is-b {
    margin-top: 24px;
    margin-bottom: 5px;
    font-weight: 800;
}
.bomani-league-popup .bomani-helper > span.is-t {
    text-align: center;
    color: #ffffffb3;
    margin-top: 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}
.bomani-league-popup .bomani-helper > span.is-l {
    text-align: center;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 800;
    line-height: 140%;
}
.bomani-league-popup .bomani-helper > span.is-center {
    text-align: center;
}
.bomani-league-popup .bomani-helper ul {
    margin-left: 28px;
    margin-right: 14px;
    list-style: disc;
}
.bomani-league-popup .bomani-helper ul li {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
}
.bomani-league-popup .bomani-helper .low-balance {
    text-align: center;
    color: #fcd948;
    margin-top: 32px;
    font-size: 18px;
    font-weight: 800;
    line-height: 140%;
}
.bomani-league-popup .bomani-helper__close {
    top: -70px;
    position: absolute;
    inset-inline-end: -60px;
}
.bomani-league-popup .bomani-helper__item {
    background: #1e0a044d;
    border-radius: 8px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 12px 20px 12px 36px;
    display: flex;
    box-shadow: 0 1px 2px #00000029;
}
.bomani-league-popup .bomani-helper__item:last-child {
    margin-bottom: 0;
}
.bomani-league-popup .bomani-helper__item span {
    color: #fff;
    text-align: left;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    position: relative;
}
.bomani-league-popup .bomani-helper__item span:last-child {
    padding-bottom: 0;
}
.bomani-league-popup .bomani-helper__item span.is-done {
    color: #38b751;
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
}
.bomani-league-popup .bomani-helper__item span.is-done:before {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIeSURBVHgBfVNNTxNRFD1vZoJgKJkG/EqQlMTPGpPKAlnWBW6M2EQ2rqD/ABdGg9FUFxoSE+vWhdYVK5OqsMGFLNUN3VhDWHQCBAI06aQlhZLOG+59TCdtabnJy/u659z7zrtXoIVNuTGzE05MQISOTmRGwsjMiLTV7CvqN0/dWEiD85mAUbQ0N+VAf1VP5BM8d8cmXCBJS7Pwu4SdnwXsZvfUXXe4C2dHgzBHAry1yW/qrfj+xSegyFEd8le1WEX2iYX8gt0y/vnxXlx5MQCjR4cDeWdGzC0qgml3LEdT6O+9f37UdtYdPo3h+TAvrTKKt/Rp9/4kJTKZS25ge67QFtjZ34Hg7QDsPyWVd3AkYBro2NLoPRPssPk1fyJ4aPYabn68pDJY+7RVu3qgkeKRUraM/fUDH3DhYa8C1YN5Zr9dGtWio2bGGqw6H9TszKiJ6+8GFeHK61Vcfjngg5ceLft+HsZkAptUNWsXpf9l7K1X0NV/SqWszjxwfSD+CcaSBm4mQO/yDlRkdmaSdmDOiLVgLGfwjUb0Yvwcch82GkiMHoPWlQaw0mi8z1uJlEhQ3Vcgl4Sqg6wS5yTjqhyev0HRYVE1DmoJkbYlZJwvh2avqh9oZyww/whbDeP3wjMqKA3iPbxeyC809kLf3SAXjxKOmurxG/Ej1UDAdtSNMiG84mo2Em1RQo+37MbjRNUIoEU8oLUPPZ2k5zb7HgLunetkYYViOAAAAABJRU5ErkJggg==);
    background-size: contain;
    width: 12px;
    height: 13px;
    position: absolute;
    top: 4px;
    left: -16px;
}
.bomani-league-popup .bomani-helper__item span.is-not-done {
    color: #fcd948;
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
}
.bomani-league-popup .bomani-helper__item span.is-not-done:before {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIGSURBVHgBjVNBaFNBEH27//+aYNSvCClejKZVctHkaKESD4WvF8WDJ6VpbwqiXgRP1ouCPSgUPNoInjzViwRBDAp6bPQSJLV+8aABsUGjjW3+bmf2t6FNk6bvsrOzO29ndt4IdICezbrLkcg5ASR4L6QqWUqWRKrgt98V6zeLZS/hWJiGRrYTsRDIywB31hO1CJpz3igC/ZBc7uyHOt68/425z4vmbCAZxckTu5E5HuP8anTnun208KRFsFz2skLi9Z+/Ae5OfsNbCu6E0yN7ce3yAcR2WtAKp5xUoWgImp+8L7QkclcqrVe7YTAZwfSjI2z61r9GxloqezmqLff4aRWvijX0wq+FplmpHDewraqUFkbZ8eLlAraLZzM/zSqlOGtD63RlvoEf1SXjvHf7IGIxq2vwrYmvqNcDVKhUKidt86+zg9Ef78Pw0J4tX99F5HX67DBGuDa3hV50+ZAPuIXdwOffVzMNs9Q1m9RRGjwczXJrmPXqzXn0Qn/cofSjFI+SVEo/Z+eF8/uxXZwZ2RcarExnx/88mf74xbjpcS8M0J3xS3E2fVajFIeKNVLVGHum7ieN2rphmOQ8NZk09lpMaxZYUFLqB2YWPtIsvGubhSGahWPhLCglbvSlCvkNBAyeRvrbCSlDcW2CRtHSGOs4je1EjlRprWQ6jIPvNBozIrNZ6ysMLcGoC+f5wwAAAABJRU5ErkJggg==);
    background-size: contain;
    width: 12px;
    height: 13px;
    position: absolute;
    top: 4px;
    left: -16px;
}
.bomani-league-popup .bomani-helper .is-btn {
    width: fit-content;
    min-width: 208px;
}
.bomani-league-popup .bomani-helper .g-btn {
    align-self: center;
}
.bomani-league-popup .bomani-helper .g-btn:not(:first-child) {
    margin-top: 16px;
    margin-bottom: 14px;
}
.league-faq .league__wrap {
    z-index: 1;
    background: #000c174d;
    border-radius: 16px;
    max-width: 534px;
    margin: 0 auto 120px;
    padding: 20px 32px;
    position: relative;
    transform: translate(-88px);
}
.league-faq h1 {
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffd467;
    margin: 0;
    padding: 16px 0 12px;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
}
.league-faq h2 {
    color: #ffd467;
    text-align: start;
    margin: 0;
    padding: 12px 0 6px;
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    position: relative;
}
.league-faq h2 > span {
    width: 30px;
    display: inline-block;
    position: static;
}
.league-faq h2.league-faq-coins {
    background-color: #ffffff1f;
    border-radius: 8px;
    align-items: center;
    padding: 0;
    display: inline-flex;
    margin-top: -8px !important;
    margin-bottom: 24px !important;
}
.league-faq h2.league-faq-coins:before {
    content: "";
    inset-inline-start: 16px;
    background-image: url(/joxi/wazamba/leagues/terms/icon.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 47px;
    height: 42px;
    margin-top: -23px;
    display: inline-block;
    position: absolute;
    top: 50%;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-faq h2.league-faq-coins:before {
        background-image: url(/joxi/wazamba/leagues/terms/icon@2.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-faq h2.league-faq-coins:before {
        background-image: url(/joxi/wazamba/leagues/terms/icon@3.png);
    }
}
.league-faq h2.league-faq-cash {
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 8px;
    padding: 0;
    display: inline-flex;
    margin-top: -8px !important;
}
.league-faq h2.league-faq-cash:before {
    inset-inline-start: 18px;
}
.league-faq p {
    color: #fff;
    text-align: start;
    padding-inline-start: 30px;
    margin: 0;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    display: block;
}
.league-faq p.league-faq-qualification {
    box-sizing: border-box;
    color: #fff;
    background: #5d6b77;
    border-radius: 4px;
    align-items: center;
    width: 226px;
    height: 46px;
    margin-block: 0 24px;
    margin-inline: 74px 0;
    padding-block: 0;
    padding-inline: 32px 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    display: flex;
    position: relative;
}
.rtl-lang .league-faq p.league-faq-qualification:before {
    transform: scaleX(-1);
}
.league-faq p.league-faq-qualification:before {
    content: "";
    inset-inline-start: -60px;
    background-image: url(/joxi/wazamba/leagues/icon-league/closed.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    position: absolute;
    top: 50%;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-faq p.league-faq-qualification:before {
        background-image: url(/joxi/wazamba/leagues/icon-league/closed@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-faq p.league-faq-qualification:before {
        background-image: url(/joxi/wazamba/leagues/icon-league/closed@3x.png);
    }
}
.league-faq p.league-faq-qualification:after {
    content: "?";
    text-align: center;
    color: #d0d4d8;
    inset-inline-start: -60px;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    padding-inline-start: 5px;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    display: flex;
    position: absolute;
    top: 50%;
}
.rtl-lang .league-faq p.league-faq-qualification:after {
    transform: scaleX(-1);
}
.league-faq ul {
    padding-block: 0 12px;
    padding-inline: 30px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
.league-faq ul li {
    padding-bottom: 4px;
    display: flex;
}
.league-faq a {
    color: #ffd467;
    text-decoration: none;
    display: inline;
}
.league-faq a:hover {
    text-decoration: underline;
}
.league-faq .screen.has-game-bg {
    background:
        url(/joxi/wazamba/renovation/league-promo/bg-pattern.png) 50%/298px,
        linear-gradient(90deg, #181a3d 0%, #1e214c 54.17%, #181a3d 100%) 0 0 / cover;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-faq .screen.has-game-bg {
        background:
            url(/joxi/wazamba/renovation/league-promo/bg-pattern@2x.png) 50%/298px,
            linear-gradient(90deg, #181a3d 0%, #1e214c 54.17%, #181a3d 100%);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-faq .screen.has-game-bg {
        background:
            url(/joxi/wazamba/renovation/league-promo/bg-pattern@3x.png) 50%/298px,
            linear-gradient(90deg, #181a3d 0%, #1e214c 54.17%, #181a3d 100%);
    }
}
@keyframes slide {
    0% {
        background-position-y: 0;
    }
    to {
        background-position-y: -128px;
    }
}
.temporary-box {
    margin-top: 50px;
}
.scroll-info {
    z-index: 20;
    background: #0006;
    border-radius: 50%;
    width: 168px;
    height: 168px;
    transition: all 0.25s ease-in-out;
    position: fixed;
    bottom: -84px;
    left: 50%;
    transform: translate(-50%);
}
.scroll-info.is-hide {
    transform: translate(-50%, 200px);
}
.scroll-info__img {
    border: 2px solid #fff;
    border-radius: 18px;
    width: 28px;
    height: 40px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%);
}
.scroll-info__img:before {
    content: "";
    background: #fff;
    border-radius: 13px;
    width: 2px;
    height: 8px;
    animation: 2s linear infinite both anim-translate;
    position: absolute;
    top: 9px;
    left: 44%;
}
.scroll-info__img:after {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADcSURBVHgB7ZXREYIwDIaD5wCOwAYyApvIBrJBu4ErsAE6iSMUJ8ANYnKWOy+mEJAX7/jvfh7S5GvaKy2AQYh4JvfRDtYQgUr8VjlVt4Np5cbYbPAibeA/Bu/5E8/lkXzLsqyDBfpgPIhx5YATh78WBZXyg1Qi5yTGHaAuZwUrjbF63uNOWZlHw50Qc7wy9OTBAt+Xi9p5qmPyJVHDrGKYOSeHRGIwxoZ4IZc1BrcoMCO1Z0vhIQkV8PsMKOcewCJOJLcGaGuGigmaEWgDv4gAXoF6WEMRPjymtaXmBcr8h5aN+QqeAAAAAElFTkSuQmCC);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 11px;
    height: 11px;
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translate(-50%);
}
@keyframes anim-translate {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(15px);
    }
    to {
        transform: translateY(0);
    }
}
.vip-page {
    background: linear-gradient(90deg, #07192d 0%, #0b2f53 45.83%, #06182e 100%);
    height: 100%;
    min-height: 100vh;
    padding: 0 0 150px;
    position: relative;
}
.rtl-lang .vip-page {
    direction: rtl;
}
.vip-page .header-logo-wrap {
    z-index: 12;
    opacity: 0;
    transition: all 0.35s ease-in-out;
    position: fixed;
    top: 20px;
    left: 12px;
    transform: scale(0);
}
.vip-page .header-logo-wrap.active {
    opacity: 1;
    transform: scale(1);
}
.vip-page__logo {
    background-image: url(/joxi/wazamba/league/header/new-header.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 220px;
    height: 95px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page__logo {
        background-image: url(/joxi/wazamba/league/header/new-header@x2.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page__logo {
        background-image: url(/joxi/wazamba/league/header/new-header@x3.png);
    }
}
@media screen and (min-width: 1440px) {
    .vip-page__logo {
        width: 272px;
        height: 117px;
    }
}
.vip-page__subtext {
    text-align: center;
    color: #ffffffb3;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
}
.league-hide {
    z-index: 12;
    background-color: #220802f2;
    position: absolute;
    inset: 0;
}
.league-faq .screen {
    padding-top: 54px;
}
.vip-page .shroud,
.league-faq .shroud {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
}
.vip-page .league-header,
.league-faq .league-header {
    z-index: 1;
    background:
        url(/joxi/wazamba/leagues/header/wide.png) 50% 42px/564px no-repeat,
        url(/joxi/wazamba/renovation/leagues/header/back-hide.png) top/796px no-repeat;
    justify-content: center;
    width: 100%;
    height: 208px;
    margin: 0 auto;
    display: flex;
    position: relative;
    transform: translate(-88px);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-header,
    .league-faq .league-header {
        background:
            url(/joxi/wazamba/leagues/header/short@2x.png) 50% 34px/414px no-repeat,
            url(/joxi/wazamba/renovation/leagues/header/bg@2.png) top/706px no-repeat;
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-header,
    .league-faq .league-header {
        background:
            url(/joxi/wazamba/leagues/header/short@3x.png) 50% 34px/414px no-repeat,
            url(/joxi/wazamba/renovation/leagues/header/bg@3.png) top/706px no-repeat;
    }
}
.vip-page .league-header__counter,
.league-faq .league-header__counter {
    width: 115px;
    height: 30px;
    text-align: balance;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    display: flex;
}
.vip-page .league-header__counter.live-counter,
.league-faq .league-header__counter.live-counter {
    margin-inline-end: 36px;
}
.vip-page .league-header__counter.players-counter,
.league-faq .league-header__counter.players-counter {
    margin-inline-start: 30px;
}
.vip-page .league-header__icon,
.league-faq .league-header__icon {
    inset-inline-start: 50%;
    background-position: top;
    background-size: contain;
    width: 86px;
    height: 90px;
    margin-inline-start: -43px;
    position: absolute;
    top: 12px;
}
.vip-page .league-header__button,
.league-faq .league-header__button {
    position: absolute;
    top: 92px;
}
.vip-page .league-header__button.icon-back__after,
.league-faq .league-header__button.icon-back__after {
    inset-inline-end: calc(50% + 125px);
}
.vip-page .league-header__button.icon-question__after,
.league-faq .league-header__button.icon-question__after {
    inset-inline-start: calc(50% + 125px);
}
.vip-page .league-header__button.icon-question__after:before,
.league-faq .league-header__button.icon-question__after:before {
    content: "";
    inset-inline-start: 0;
    background-image: url(/joxi/wazamba/league/question-white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-header,
    .league-faq .league-header {
        background:
            url(/joxi/wazamba/leagues/header/wide@2x.png) 50% 42px/564px no-repeat,
            url(/joxi/wazamba/renovation/leagues/header/back-hide@2x.png) top/796px no-repeat;
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-header,
    .league-faq .league-header {
        background:
            url(/joxi/wazamba/leagues/header/wide@3x.png) 50% 42px/564px no-repeat,
            url(/joxi/wazamba/renovation/leagues/header/back-hide@3x.png) top/796px no-repeat;
    }
}
.vip-page .league-header__counter,
.league-faq .league-header__counter {
    width: 150px;
    margin-top: 70px;
}
.vip-page .league-header__button,
.league-faq .league-header__button {
    top: 105px;
}
.vip-page .league-header__button.icon-back__after,
.league-faq .league-header__button.icon-back__after {
    right: calc(50% + 215px);
}
.vip-page .league-header__button.icon-question__after,
.league-faq .league-header__button.icon-question__after {
    left: calc(50% + 215px);
}
.vip-page .league-header__icon,
.league-faq .league-header__icon {
    width: 96px;
    height: 100px;
    margin-left: -48px;
    top: 16px;
}
.vip-page .league-footer,
.league-faq .league-footer {
    z-index: 1;
    flex-direction: row;
    justify-content: center;
    width: auto;
    margin: 50px auto 0;
    display: flex;
    position: relative;
}
.vip-page .league-footer__link,
.league-faq .league-footer__link {
    text-align: center;
    color: #ffffffb5;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    height: 24px;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    display: flex;
}
.vip-page .league-footer__link.has-icon-calendar:before,
.league-faq .league-footer__link.has-icon-calendar:before {
    background-image: url(/joxi/wazamba/leagues/calendar.svg);
}
.vip-page .league-footer__link.has-icon-question:before,
.league-faq .league-footer__link.has-icon-question:before {
    background-image: url(/joxi/wazamba/leagues/question.svg);
}
.vip-page .league-footer__link.has-icon-chat:before,
.league-faq .league-footer__link.has-icon-chat:before {
    background-image: url(/joxi/wazamba/leagues/chat.svg);
}
.vip-page .league-footer__link:before,
.league-faq .league-footer__link:before {
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    margin-right: 20px;
}
.vip-page .league-footer__link:not(:last-child),
.league-faq .league-footer__link:not(:last-child) {
    border-bottom: none;
    border-right: 1px solid #fff3;
    margin-right: 32px;
    padding-right: 32px;
}
.vip-page .league-sections-wrap,
.league-faq .league-sections-wrap {
    z-index: 1;
    max-width: 580px;
    margin: 0 auto;
    padding-inline-start: 230px;
    position: relative;
    transform: translate(-88px);
}
@media screen and (min-width: 1280px) {
    .vip-page .league-sections-wrap,
    .league-faq .league-sections-wrap {
        padding-inline-start: 160px;
    }
}
.vip-page .league-point,
.league-faq .league-point {
    z-index: 11;
    opacity: 0;
    bottom: 0;
    background: #235082b3;
    min-width: 110px;
    padding: 5px 0 3px;
    transition: bottom 1.5s;
    position: absolute;
    inset-inline-end: calc(50% + 164px);
    transform: translate(-2px, -110px);
}
.vip-page .league-point.is-unleag,
.league-faq .league-point.is-unleag {
    transform: translate(-2px, -96px);
}
@media screen and (min-width: 1280px) {
    .vip-page .league-point.is-unleag,
    .league-faq .league-point.is-unleag {
        transform: translate(-10px, -110px);
    }
    .vip-page .league-point,
    .league-faq .league-point {
        margin-bottom: 12px;
        inset-inline-end: calc(50% + 228px);
        transform: translate(-10px, -132px);
    }
    .vip-page .league-point:after,
    .league-faq .league-point:after {
        inset-inline-end: -20px;
    }
}
.vip-page .league-point.is-show,
.league-faq .league-point.is-show {
    opacity: 1;
}
.vip-page .league-point.is-first,
.league-faq .league-point.is-first {
    transform: translate(-2px, -113px);
}
@media screen and (min-width: 1280px) {
    .vip-page .league-point.is-first,
    .league-faq .league-point.is-first {
        transform: translate(-10px, -138px);
    }
}
.vip-page .league-point:before,
.vip-page .league-point:after,
.league-faq .league-point:before,
.league-faq .league-point:after {
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    position: absolute;
    top: 0;
}
.vip-page .league-point:before,
.league-faq .league-point:before {
    background-image: url(/joxi/wazamba/leagues/arrow-part-1.svg);
    width: 10px;
    inset-inline-start: -9px;
}
.vip-page .league-point:after,
.league-faq .league-point:after {
    background-image: url(/joxi/wazamba/leagues/arrow-part-2.svg);
    width: 22px;
    inset-inline-end: -19px;
}
.rtl-lang .vip-page .league-point,
.rtl-lang .league-faq .league-point {
    transform: translate(2px, -96px);
}
@media screen and (min-width: 1280px) {
    .rtl-lang .vip-page .league-point,
    .rtl-lang .league-faq .league-point {
        transform: translate(10px, -110px);
    }
}
.rtl-lang .vip-page .league-point:before,
.rtl-lang .vip-page .league-point:after,
.rtl-lang .league-faq .league-point:before,
.rtl-lang .league-faq .league-point:after {
    transform: rotate(180deg);
}
.vip-page .league-point__point,
.league-faq .league-point__point {
    text-align: center;
    color: #fcd948;
    font-size: 17.1477px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
}
.vip-page .league-point__desc,
.league-faq .league-point__desc {
    text-align: center;
    color: #fffc;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
}
.vip-page .league-point__slider,
.league-faq .league-point__slider {
    max-width: 133px;
}
.vip-page .league-point__subtext,
.league-faq .league-point__subtext {
    text-align: center;
    color: #fffc;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
}
.vip-page .bomani-holder,
.league-faq .bomani-holder {
    height: 150px;
    max-width: inherit;
    bottom: 36px;
    background-size: contain;
    inset-inline-end: -55px;
}
.vip-page .bomani-helper,
.league-faq .bomani-helper {
    z-index: 12;
    inset-inline-start: 50%;
    background: #fcd948;
    border-radius: 6px;
    flex-direction: column;
    width: 246px;
    padding: 20px 16px;
    line-height: 16px;
    display: flex;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 4px #785208;
}
.rtl-lang .vip-page .bomani-helper,
.rtl-lang .league-faq .bomani-helper {
    transform: translate(-50%, 50%);
}
.vip-page .bomani-helper > span,
.league-faq .bomani-helper > span {
    color: #64321f;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    display: block;
}
.vip-page .bomani-helper > span.is-b,
.league-faq .bomani-helper > span.is-b {
    margin-bottom: 4px;
    font-weight: 800;
}
.vip-page .bomani-helper > span.is-t,
.league-faq .bomani-helper > span.is-t {
    color: #64321fb3;
    font-weight: 600;
}
.vip-page .bomani-helper > span.is-l,
.league-faq .bomani-helper > span.is-l {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 800;
    line-height: 18px;
}
.vip-page .bomani-helper > span.is-center,
.league-faq .bomani-helper > span.is-center {
    text-align: center;
}
.vip-page .bomani-helper ul,
.league-faq .bomani-helper ul {
    margin-left: 28px;
    margin-right: 14px;
    list-style: disc;
}
.vip-page .bomani-helper ul li,
.league-faq .bomani-helper ul li {
    color: #64321f;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}
.vip-page .bomani-helper__close,
.league-faq .bomani-helper__close {
    top: -23px;
    position: absolute;
    inset-inline-end: -23px;
}
.vip-page .bomani-helper__item,
.league-faq .bomani-helper__item {
    background: #f8f8f8;
    border-radius: 4px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 6px;
    padding: 8px 12px 8px 24px;
    display: flex;
    box-shadow: 0 1px 2px #00000029;
}
.vip-page .bomani-helper__item span,
.league-faq .bomani-helper__item span {
    text-align: start;
    color: #999;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    position: relative;
}
.vip-page .bomani-helper__item span.is-done,
.league-faq .bomani-helper__item span.is-done {
    color: #38b751;
}
.vip-page .bomani-helper__item span.is-done:before,
.league-faq .bomani-helper__item span.is-done:before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyLjUyMTciIHJ4PSI2IiBmaWxsPSIjMkE5NzA2Ii8+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjYiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNDQ1MV8yNTIxMTYpIi8+CjxyZWN0IHg9IjEuMzA0MiIgeT0iMS4zMDQyIiB3aWR0aD0iOS4zOTEzIiBoZWlnaHQ9IjkuMzkxMyIgcng9IjQuNjk1NjUiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl8xNDQ1MV8yNTIxMTYpIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS40MDE1MSAzLjc5MzA0QzkuNzQ4NjQgNC4xNDAxOCA5Ljc0ODY0IDQuNzAyOTkgOS40MDE1MSA1LjA1MDEyTDYuNDE0MTkgOC4wMzc0NEM1Ljg5MzQ5IDguNTU4MTQgNS4wNDkyNyA4LjU1ODE0IDQuNTI4NTcgOC4wMzc0NEwzLjIzNjkxIDYuNzQ1NzhDMi44ODk3OCA2LjM5ODY0IDIuODg5NzggNS44MzU4MyAzLjIzNjkxIDUuNDg4N0wzLjI3MTA3IDUuNDU0NTRDMy42MTgyIDUuMTA3NCA0LjE4MTAyIDUuMTA3NCA0LjUyODE1IDUuNDU0NTRMNS4xNTcxMSA2LjA4MzVDNS4zMzA2OCA2LjI1NzA3IDUuNjEyMDkgNi4yNTcwNyA1Ljc4NTY1IDYuMDgzNUw4LjExMDI3IDMuNzU4ODhDOC40NTc0IDMuNDExNzUgOS4wMjAyMSAzLjQxMTc1IDkuMzY3MzUgMy43NTg4OEw5LjQwMTUxIDMuNzkzMDRaIiBmaWxsPSJ3aGl0ZSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE0NDUxXzI1MjExNiIgeDE9IjYiIHkxPSIwIiB4Mj0iNiIgeTI9IjEyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBMEZGMDAiLz4KPHN0b3Agb2Zmc2V0PSIwLjk1MDI3NiIgc3RvcC1jb2xvcj0iIzY4RjI4NCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMTQ0NTFfMjUyMTE2IiB4MT0iNS45OTk4NSIgeTE9IjEuMzA0MiIgeDI9IjUuOTk5ODUiIHkyPSIxMC42OTU1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0RUU3MDYiLz4KPHN0b3Agb2Zmc2V0PSIwLjk1MDI3NiIgc3RvcC1jb2xvcj0iIzM3Qjc1MSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
    background-size: contain;
    width: 12px;
    height: 13px;
    position: absolute;
    inset-inline-start: -16px;
}
.vip-page .bomani-helper__item span.is-not-done,
.league-faq .bomani-helper__item span.is-not-done {
    color: #e87443;
}
.vip-page .bomani-helper__item span.is-not-done:before,
.league-faq .bomani-helper__item span.is-not-done:before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyLjUyMTciIHJ4PSI2IiBmaWxsPSIjQkY1OTJEIi8+CjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjYiIGZpbGw9IiNFODc0NDMiLz4KPHJlY3QgeD0iMS4zMDQ2OSIgeT0iMS4zMDQyIiB3aWR0aD0iOS4zOTEzIiBoZWlnaHQ9IjkuMzkxMyIgcng9IjQuNjk1NjUiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02LjUgNi45MzI5M0g2Ljk0MDMxSDguNjA4OTRDOS4zMDM3IDYuOTMyOTMgOS4zMDM3IDUuMDY3MzggOC42MDg5NCA1LjA2NzM4TDYuOTQwMzEgNS4wNjczOEg2LjVINS41SDUuMDU4ODRMMy4zOTAyMSA1LjA2NzM4QzIuNjk1NDUgNS4wNjczOCAyLjY5NTQ1IDYuOTMyOTMgMy4zOTAyMSA2LjkzMjkzSDUuMDU4ODRINS41SDYuNVoiIGZpbGw9IiNFODc0NDMiLz4KPC9zdmc+Cg==);
    background-size: contain;
    width: 12px;
    height: 13px;
    position: absolute;
    inset-inline-start: -16px;
}
.vip-page .bomani-helper .g-btn,
.league-faq .bomani-helper .g-btn {
    align-self: center;
}
.vip-page .bomani-helper .g-btn:not(:first-child),
.league-faq .bomani-helper .g-btn:not(:first-child) {
    margin-top: 16px;
    margin-bottom: 14px;
}
.vip-page .bomani-helper.focus,
.league-faq .bomani-helper.focus {
    padding-top: 13px;
}
.vip-page #meter,
.league-faq #meter {
    top: 60px;
    background: #124174;
    border-radius: 28px;
    width: 20px;
    height: 100%;
    margin-inline-start: 0;
    position: absolute;
    inset-inline-start: calc(50% - 229px);
    overflow: hidden;
    box-shadow: inset 0 0.635008px 8.89011px 1.27002px #465c81;
}
.rtl-lang .vip-page #meter,
.rtl-lang .league-faq #meter {
    inset-inline-start: calc(50% - 53px);
}
@media screen and (min-width: 1280px) {
    .rtl-lang .vip-page #meter,
    .rtl-lang .league-faq #meter {
        inset-inline-start: calc(50% - 124px);
    }
    .vip-page #meter,
    .league-faq #meter {
        inset-inline-start: calc(50% - 298px);
    }
}
.vip-page #meter #meter-progress,
.league-faq #meter #meter-progress {
    bottom: 0;
    background: linear-gradient(90deg, #ffe562 0 3.12%, #fec314 50% 93.92%);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    width: 100%;
    height: 0;
    transition: height 1.5s;
    position: absolute;
    inset-inline-start: 0;
    box-shadow: 0 10px 13px -6px #2c3e50;
}
.vip-page #meter #meter-progress:after,
.league-faq #meter #meter-progress:after {
    will-change: background-position;
    content: "";
    background-image: url(/joxi/wazamba/renovation/flags/progress.png);
    background-size: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    height: 150%;
    animation: 4s linear infinite slide;
    display: block;
    position: absolute;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page #meter #meter-progress:after,
    .league-faq #meter #meter-progress:after {
        background-image: url(/joxi/wazamba/renovation/flags/progress@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page #meter #meter-progress:after,
    .league-faq #meter #meter-progress:after {
        background-image: url(/joxi/wazamba/renovation/flags/progress@3x.png);
    }
}
.vip-page #meter #meter-progress:before,
.league-faq #meter #meter-progress:before {
    content: "";
    inset-inline-start: 3px;
    background-image: url('data:image/svg+xml;utf8,<svg width="9" height="8" viewBox="0 0 9 8" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse rx="2.95568" ry="2.28942" transform="matrix(-0.503793 0.863825 0.860074 0.510169 3.45805 4.2788)" fill="white"/><ellipse rx="1.08784" ry="0.851766" transform="matrix(-0.944967 0.327166 0.322249 0.946655 7.69719 1.16223)" fill="white"/></svg>');
    width: 9px;
    height: 8px;
    position: absolute;
    top: 5px;
}
.vip-page .league-section,
.league-faq .league-section {
    align-items: flex-start;
    height: 184px;
    transition: height 0.1s;
    display: flex;
    position: relative;
}
.vip-page .league-section:before,
.league-faq .league-section:before {
    content: "";
    inset-inline-start: -87px;
    background-image: url(/joxi/wazamba/renovation/leagues/league-level-point.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 33px;
    position: absolute;
    top: 40px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section,
    .league-faq .league-section {
        height: 216px;
    }
    .vip-page .league-section:before,
    .league-faq .league-section:before {
        top: 44px;
    }
}
.vip-page .league-section.is-period .league-tile,
.league-faq .league-section.is-period .league-tile,
.vip-page .league-section.is-period .title,
.league-faq .league-section.is-period .title {
    cursor: inherit;
}
.vip-page .league-section.current .prize,
.vip-page .league-section .league-reached .prize,
.league-faq .league-section.current .prize,
.league-faq .league-section .league-reached .prize {
    display: none;
}
.vip-page .league-section.unlog-curr,
.league-faq .league-section.unlog-curr {
    margin-top: 0;
}
.vip-page .league-section.current,
.league-faq .league-section.current {
    height: 172px;
}
.vip-page .league-section.current .league-container,
.league-faq .league-section.current .league-container {
    background: #fcd948;
    padding-block: 12px 16px;
    padding-inline: 98px 38px;
    box-shadow: 0 1.9053px #c98e00;
}
.vip-page .league-section.current .league-container .title,
.vip-page .league-section.current .league-container .description,
.league-faq .league-section.current .league-container .title,
.league-faq .league-section.current .league-container .description {
    color: #745425;
}
.vip-page .league-section.current .league-container .title:hover,
.league-faq .league-section.current .league-container .title:hover {
    text-decoration: underline;
}
.vip-page .league-section.current .league-container .title:after,
.league-faq .league-section.current .league-container .title:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADOSURBVHgB3Y+xCoJQFIbPLaFGDR/ApSBpaEyneoMEH6RAaKxmiXwPA3uDaqnVhlpyuC8gtEbaTcFK5Fyqsf7l3nP4/g8OwM+njC0tszHW1dpaV2XYHsPN14K0nH277ySoQGtKEiGk85BoLZnuDuEeYwlwYpn1VVrOxjMh0LPdk1/kSjxBFF0NRoBmo3gD8EZ9RflYUIGqWNxdEI4riIXYIwyUHGg4S0qLnICVk/vnydN+bdjQdgMfY1FBksGzCmw6WwQOh8NPSEu58gT+O3dP0Dqvn4+DPAAAAABJRU5ErkJggg==);
}
.vip-page .league-section.current .league-container .level-point,
.league-faq .league-section.current .league-container .level-point {
    color: #372e0580;
    opacity: 1;
}
.vip-page .league-section.current .league-container.is-unlog,
.league-faq .league-section.current .league-container.is-unlog {
    box-shadow: none;
    background: #00000040;
}
.vip-page .league-section.current .league-container.is-unlog .title,
.league-faq .league-section.current .league-container.is-unlog .title {
    color: #fff;
    margin-bottom: 8px;
}
.vip-page .league-section.current .league-container.is-unlog .title:after,
.league-faq .league-section.current .league-container.is-unlog .title:after {
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4756 8.00003L7.63885 12.4762C7.09972 13.1052 6.15277 13.178 5.52378 12.6389C4.89479 12.0998 4.82195 11.1528 5.36108 10.5238L7.52435 8.00003L5.36108 5.47621C4.82195 4.84723 4.89479 3.90028 5.52378 3.36114C6.15277 2.82201 7.09972 2.89485 7.63885 3.52384L11.4756 8.00003Z" fill="white"/></svg>');
}
.vip-page .league-section.current:before,
.league-faq .league-section.current:before {
    background-image: url(/joxi/wazamba/renovation/leagues/league-level-point-done.svg);
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section.current,
    .league-faq .league-section.current {
        height: 204px;
    }
}
.vip-page .league-section.current.league-section-8,
.league-faq .league-section.current.league-section-8 {
    height: 190px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section.current.league-section-8,
    .league-faq .league-section.current.league-section-8 {
        height: 216px;
    }
    .vip-page .league-section.current.league-section-8 .league-container,
    .league-faq .league-section.current.league-section-8 .league-container {
        padding-block: 12px 16px;
        padding-inline: 80px 38px;
    }
}
.vip-page .league-section.current.league-section-8 .level-point,
.league-faq .league-section.current.league-section-8 .level-point {
    display: none;
}
.vip-page .league-section.current.league-section-8 .avatar-progress,
.league-faq .league-section.current.league-section-8 .avatar-progress {
    top: 0;
    inset-inline-end: -54px;
}
.vip-page .league-section.next,
.league-faq .league-section.next {
    height: 266px;
}
.vip-page .league-section.next .league-container,
.league-faq .league-section.next .league-container {
    margin-bottom: inherit;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section.next,
    .league-faq .league-section.next {
        height: 329px;
    }
}
.vip-page .league-section.prev:before,
.league-faq .league-section.prev:before {
    background-image: url(/joxi/wazamba/renovation/leagues/league-level-point-done.svg);
}
.vip-page .league-section .league-tile,
.league-faq .league-section .league-tile {
    cursor: pointer;
    margin-bottom: -45px;
    background: url(/joxi/wazamba/leagues/icon-league/closed.png) top/contain no-repeat;
    width: 154px;
    height: 167px;
    margin-inline: -54px -46px;
    position: absolute;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile,
    .league-faq .league-section .league-tile {
        background-image: url(/joxi/wazamba/leagues/icon-league/closed@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile,
    .league-faq .league-section .league-tile {
        background-image: url(/joxi/wazamba/leagues/icon-league/closed@3x.png);
    }
}
.vip-page .league-section .league-tile:after,
.vip-page .league-section .league-tile:before,
.league-faq .league-section .league-tile:after,
.league-faq .league-section .league-tile:before {
    content: "";
    opacity: 0;
    top: 0;
    background-size: contain;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s;
    display: block;
    position: absolute;
    inset-inline-start: 0;
}
.vip-page .league-section .league-tile .prize,
.league-faq .league-section .league-tile .prize {
    z-index: 1;
    top: 100px;
    width: 60px;
    height: 60px;
    position: absolute;
    inset-inline-start: 88px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile .prize,
    .league-faq .league-section .league-tile .prize {
        top: 130px;
        inset-inline-start: 105px;
    }
}
.vip-page .league-section .league-tile .prize .is-icon-count,
.league-faq .league-section .league-tile .prize .is-icon-count {
    color: #ffffffe6;
    bottom: 8px;
    background: #9a4c04;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 23px;
    height: 22px;
    font-size: 12px;
    font-weight: 800;
    display: flex;
    position: absolute;
    inset-inline-start: -4px;
    box-shadow: 0 2px #663100;
}
.vip-page .league-section .league-tile.league-tile-1,
.league-faq .league-section .league-tile.league-tile-1 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/1.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-1,
    .league-faq .league-section .league-tile.league-tile-1 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/1@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-1,
    .league-faq .league-section .league-tile.league-tile-1 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/1@2x.png);
    }
}
.vip-page .league-section .league-tile.league-tile-1:after,
.league-faq .league-section .league-tile.league-tile-1:after {
    background-size: 150px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-1,
    .league-faq .league-section .league-tile.league-tile-1,
    .vip-page .league-section .league-tile.league-tile-1:after,
    .league-faq .league-section .league-tile.league-tile-1:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-1:after,
.league-faq .league-section .league-tile.league-tile-1:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/1.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-1:after,
    .league-faq .league-section .league-tile.league-tile-1:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/1@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-1:after,
    .league-faq .league-section .league-tile.league-tile-1:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/1@2x.png);
    }
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-1:after,
    .league-faq .league-section .league-tile.league-tile-1:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-2,
.league-faq .league-section .league-tile.league-tile-2 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/2.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-2,
    .league-faq .league-section .league-tile.league-tile-2 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/2@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-2,
    .league-faq .league-section .league-tile.league-tile-2 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/2@2x.png);
    }
}
.vip-page .league-section .league-tile.league-tile-2:after,
.league-faq .league-section .league-tile.league-tile-2:after {
    background-size: 150px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-2,
    .league-faq .league-section .league-tile.league-tile-2,
    .vip-page .league-section .league-tile.league-tile-2:after,
    .league-faq .league-section .league-tile.league-tile-2:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-2:after,
.league-faq .league-section .league-tile.league-tile-2:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/2.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-2:after,
    .league-faq .league-section .league-tile.league-tile-2:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/2@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-2:after,
    .league-faq .league-section .league-tile.league-tile-2:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/2@2x.png);
    }
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-2:after,
    .league-faq .league-section .league-tile.league-tile-2:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-3,
.league-faq .league-section .league-tile.league-tile-3 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/3.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-3,
    .league-faq .league-section .league-tile.league-tile-3 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/3@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-3,
    .league-faq .league-section .league-tile.league-tile-3 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/3@2x.png);
    }
}
.vip-page .league-section .league-tile.league-tile-3:after,
.league-faq .league-section .league-tile.league-tile-3:after {
    background-size: 150px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-3,
    .league-faq .league-section .league-tile.league-tile-3,
    .vip-page .league-section .league-tile.league-tile-3:after,
    .league-faq .league-section .league-tile.league-tile-3:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-3:after,
.league-faq .league-section .league-tile.league-tile-3:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/3.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-3:after,
    .league-faq .league-section .league-tile.league-tile-3:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/3@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-3:after,
    .league-faq .league-section .league-tile.league-tile-3:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/3@2x.png);
    }
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-3:after,
    .league-faq .league-section .league-tile.league-tile-3:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-4,
.league-faq .league-section .league-tile.league-tile-4 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/4.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-4,
    .league-faq .league-section .league-tile.league-tile-4 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/4@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-4,
    .league-faq .league-section .league-tile.league-tile-4 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/4@2x.png);
    }
}
.vip-page .league-section .league-tile.league-tile-4:after,
.league-faq .league-section .league-tile.league-tile-4:after {
    background-size: 150px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-4,
    .league-faq .league-section .league-tile.league-tile-4,
    .vip-page .league-section .league-tile.league-tile-4:after,
    .league-faq .league-section .league-tile.league-tile-4:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-4:after,
.league-faq .league-section .league-tile.league-tile-4:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/4.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-4:after,
    .league-faq .league-section .league-tile.league-tile-4:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/4@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-4:after,
    .league-faq .league-section .league-tile.league-tile-4:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/4@2x.png);
    }
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-4:after,
    .league-faq .league-section .league-tile.league-tile-4:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-5,
.league-faq .league-section .league-tile.league-tile-5 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/5.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-5,
    .league-faq .league-section .league-tile.league-tile-5 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/5@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-5,
    .league-faq .league-section .league-tile.league-tile-5 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/5@2x.png);
    }
}
.vip-page .league-section .league-tile.league-tile-5:after,
.league-faq .league-section .league-tile.league-tile-5:after {
    background-size: 150px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-5,
    .league-faq .league-section .league-tile.league-tile-5,
    .vip-page .league-section .league-tile.league-tile-5:after,
    .league-faq .league-section .league-tile.league-tile-5:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-5:after,
.league-faq .league-section .league-tile.league-tile-5:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/5.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-5:after,
    .league-faq .league-section .league-tile.league-tile-5:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/5@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-5:after,
    .league-faq .league-section .league-tile.league-tile-5:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/5@2x.png);
    }
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-5:after,
    .league-faq .league-section .league-tile.league-tile-5:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-6,
.league-faq .league-section .league-tile.league-tile-6 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/6.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-6,
    .league-faq .league-section .league-tile.league-tile-6 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/6@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-6,
    .league-faq .league-section .league-tile.league-tile-6 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/6@2x.png);
    }
}
.vip-page .league-section .league-tile.league-tile-6:after,
.league-faq .league-section .league-tile.league-tile-6:after {
    background-size: 150px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-6,
    .league-faq .league-section .league-tile.league-tile-6,
    .vip-page .league-section .league-tile.league-tile-6:after,
    .league-faq .league-section .league-tile.league-tile-6:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-6:after,
.league-faq .league-section .league-tile.league-tile-6:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/6.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-6:after,
    .league-faq .league-section .league-tile.league-tile-6:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/6@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-6:after,
    .league-faq .league-section .league-tile.league-tile-6:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/6@2x.png);
    }
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-6:after,
    .league-faq .league-section .league-tile.league-tile-6:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-7,
.league-faq .league-section .league-tile.league-tile-7 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/7.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-7,
    .league-faq .league-section .league-tile.league-tile-7 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/7@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-7,
    .league-faq .league-section .league-tile.league-tile-7 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/7@2x.png);
    }
}
.vip-page .league-section .league-tile.league-tile-7:after,
.league-faq .league-section .league-tile.league-tile-7:after {
    background-size: 150px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-7,
    .league-faq .league-section .league-tile.league-tile-7,
    .vip-page .league-section .league-tile.league-tile-7:after,
    .league-faq .league-section .league-tile.league-tile-7:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-7:after,
.league-faq .league-section .league-tile.league-tile-7:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/7.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-7:after,
    .league-faq .league-section .league-tile.league-tile-7:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/7@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-7:after,
    .league-faq .league-section .league-tile.league-tile-7:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/7@2x.png);
    }
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-7:after,
    .league-faq .league-section .league-tile.league-tile-7:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-8,
.league-faq .league-section .league-tile.league-tile-8 {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/8.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-8,
    .league-faq .league-section .league-tile.league-tile-8 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/8@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-8,
    .league-faq .league-section .league-tile.league-tile-8 {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/closed-flag/8@2x.png);
    }
}
.vip-page .league-section .league-tile.league-tile-8:after,
.league-faq .league-section .league-tile.league-tile-8:after {
    background-size: 150px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-8,
    .league-faq .league-section .league-tile.league-tile-8,
    .vip-page .league-section .league-tile.league-tile-8:after,
    .league-faq .league-section .league-tile.league-tile-8:after {
        background-size: 178px;
    }
}
.vip-page .league-section .league-tile.league-tile-8:after,
.league-faq .league-section .league-tile.league-tile-8:after {
    background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/8.png);
    background-size: 150px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile.league-tile-8:after,
    .league-faq .league-section .league-tile.league-tile-8:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/8@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile.league-tile-8:after,
    .league-faq .league-section .league-tile.league-tile-8:after {
        background-image: url(/joxi/wazamba/renovation/flags/no-cropped/open-flag/8@2x.png);
    }
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-tile.league-tile-8:after,
    .league-faq .league-section .league-tile.league-tile-8:after {
        background-size: 178px;
    }
    .vip-page .league-section .league-tile,
    .league-faq .league-section .league-tile {
        width: 178px;
        height: 204px;
        position: absolute;
    }
}
.vip-page .league-section .league-tile.league-tile-0,
.league-faq .league-section .league-tile.league-tile-0 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 102px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.vip-page .league-section .league-tile.league-tile-0 span,
.league-faq .league-section .league-tile.league-tile-0 span {
    text-align: center;
    color: #d0d4d8;
    font-size: 30px;
    font-weight: 700;
    line-height: 16px;
    transform: translate(2px);
}
.rtl-lang .vip-page .league-section .league-tile.league-tile-0 span,
.rtl-lang .league-faq .league-section .league-tile.league-tile-0 span {
    transform: translate(2px) scaleX(-1);
}
.vip-page .league-section .league-tile:before,
.league-faq .league-section .league-tile:before {
    opacity: 0;
    top: -30px;
    background-image: url(/joxi/wazamba/leagues/shining.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 280px;
    height: 200px;
    inset-inline-start: -65px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page .league-section .league-tile:before,
    .league-faq .league-section .league-tile:before {
        background-image: url(/joxi/wazamba/leagues/shining@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page .league-section .league-tile:before,
    .league-faq .league-section .league-tile:before {
        background-image: url(/joxi/wazamba/leagues/shining@3x.png);
    }
}
.vip-page .league-section .league-tile.league-active.league-reached:before,
.league-faq .league-section .league-tile.league-active.league-reached:before {
    opacity: 1;
}
.vip-page .league-section .league-tile.league-reached:after,
.league-faq .league-section .league-tile.league-reached:after {
    opacity: 1;
    background-position: top;
    background-repeat: no-repeat;
}
.vip-page .league-section .league-points,
.league-faq .league-section .league-points {
    color: #fff6;
    background: #2e3160;
    border-radius: 4px;
    align-items: center;
    width: 120px;
    height: 24px;
    margin-top: 46px;
    padding-left: 8px;
    font-size: 12px;
    font-weight: 800;
    line-height: 12px;
    display: flex;
}
.vip-page .league-section .league-points.is-transparent,
.league-faq .league-section .league-points.is-transparent {
    opacity: 0;
}
.vip-page .league-section .avatar-progress,
.league-faq .league-section .avatar-progress {
    inset-inline-end: -30px;
    width: 155px;
    height: 155px;
    position: absolute;
    top: -40px;
}
.rtl-lang .vip-page .league-section .avatar-progress,
.rtl-lang .league-faq .league-section .avatar-progress {
    transform: scaleX(-1);
}
.vip-page .league-section .league-container,
.league-faq .league-section .league-container {
    column-width: 50%;
    background: #00000040;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 316px;
    height: fit-content;
    min-height: 60px;
    margin-top: 30px;
    padding-block: 12px;
    padding-inline: 110px 10px;
    display: flex;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-container,
    .league-faq .league-section .league-container {
        margin-top: 44px;
        width: 365px;
        margin-inline-start: 50px;
        padding-block: 20px 24px;
        padding-inline: 86px 10px;
    }
}
.vip-page .league-section .league-container *,
.league-faq .league-section .league-container * {
    z-index: 1;
    align-self: stretch;
}
.vip-page .league-section .league-container h2,
.league-faq .league-section .league-container h2 {
    z-index: 11;
    cursor: pointer;
    letter-spacing: inherit;
    color: #fff;
    align-items: center;
    margin: 0 0 2px;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    display: flex;
    position: relative;
}
.vip-page .league-section .league-container h2:after,
.league-faq .league-section .league-container h2:after {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4756 8.00003L7.63885 12.4762C7.09972 13.1052 6.15277 13.178 5.52378 12.6389C4.89479 12.0998 4.82195 11.1528 5.36108 10.5238L7.52435 8.00003L5.36108 5.47621C4.82195 4.84723 4.89479 3.90028 5.52378 3.36114C6.15277 2.82201 7.09972 2.89485 7.63885 3.52384L11.4756 8.00003Z" fill="white"/></svg>');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
}
.vip-page .league-section .league-container h2:hover,
.league-faq .league-section .league-container h2:hover {
    text-decoration: underline;
}
.rtl-lang .vip-page .league-section .league-container h2:after,
.rtl-lang .league-faq .league-section .league-container h2:after {
    transform: rotate(180deg);
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-container h2,
    .league-faq .league-section .league-container h2 {
        font-size: 24px;
        line-height: 29px;
    }
}
.vip-page .league-section .league-container .level-point,
.league-faq .league-section .league-container .level-point {
    color: #dedffd;
    opacity: 0.5;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-container .level-point,
    .league-faq .league-section .league-container .level-point {
        font-size: 18px;
        line-height: 18px;
    }
}
.vip-page .league-section .league-container .description,
.league-faq .league-section .league-container .description {
    color: #dedffd76;
    flex-direction: column;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    display: flex;
}
.vip-page .league-section .league-container .description span.is-start,
.league-faq .league-section .league-container .description span.is-start {
    color: #fcd948;
}
.vip-page .league-section .league-container .description .first-place,
.league-faq .league-section .league-container .description .first-place {
    width: 86%;
}
.vip-page .league-section .league-container .description .g-btn,
.league-faq .league-section .league-container .description .g-btn {
    align-self: flex-start;
    width: fit-content;
    min-width: 202px;
    margin-top: 16px;
}
.vip-page .league-section .league-container .description .g-btn.is-custom,
.league-faq .league-section .league-container .description .g-btn.is-custom {
    box-shadow: none;
}
.vip-page .league-section .league-container .description .g-btn.btn-con,
.league-faq .league-section .league-container .description .g-btn.btn-con {
    width: fit-content;
    min-width: 138px;
}
.vip-page .league-section .league-container .description .points,
.league-faq .league-section .league-container .description .points {
    margin-top: 4px;
}
.vip-page .league-section .league-container .description .benefits,
.league-faq .league-section .league-container .description .benefits {
    color: #fcd948;
    margin-top: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section .league-container .description .benefits,
    .league-faq .league-section .league-container .description .benefits {
        font-size: 18px;
        line-height: 20px;
    }
}
.vip-page .league-section.is-pointer,
.league-faq .league-section.is-pointer {
    height: inherit;
}
.vip-page .league-section.is-qualification,
.league-faq .league-section.is-qualification {
    align-items: center;
}
.vip-page .league-section.is-qualification .league-tile,
.league-faq .league-section.is-qualification .league-tile {
    margin-bottom: 0;
}
.vip-page .league-section.is-qualification .league-container,
.league-faq .league-section.is-qualification .league-container {
    background: #5d6b77;
    width: 324px;
    margin-top: 0;
    margin-bottom: 0;
    padding-inline-start: 52px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section.is-qualification .league-container,
    .league-faq .league-section.is-qualification .league-container {
        padding-inline-start: 70px;
    }
}
.vip-page .league-section.is-qualification .league-container .description,
.league-faq .league-section.is-qualification .league-container .description {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.vip-page .league-section.league-section-1 .league-container,
.league-faq .league-section.league-section-1 .league-container {
    width: 306px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-section.league-section-1 .league-container,
    .league-faq .league-section.league-section-1 .league-container {
        width: 365px;
    }
}
.vip-page .league-section.league-section-1 .league-container .level-point,
.league-faq .league-section.league-section-1 .league-container .level-point {
    display: none;
}
.vip-page .league-sections-wrap.qualification-period,
.league-faq .league-sections-wrap.qualification-period {
    max-width: 427px;
    padding-left: inherit;
    flex-direction: column;
    display: flex;
    transform: translate(-88px);
}
.rtl-lang .vip-page .league-sections-wrap.qualification-period,
.rtl-lang .league-faq .league-sections-wrap.qualification-period {
    padding-inline-start: 0;
}
.vip-page .league-sections-wrap.qualification-period .league-pointer,
.league-faq .league-sections-wrap.qualification-period .league-pointer {
    background: #fcd948;
    border-radius: 8px;
    flex-direction: column;
    width: 380px;
    margin-bottom: 0;
    padding-block: 20px;
    padding-inline: 24px 125px;
    position: relative;
    box-shadow: 0 2px #c98e00;
}
.vip-page .league-sections-wrap.qualification-period .league-pointer.is-qual:before,
.league-faq .league-sections-wrap.qualification-period .league-pointer.is-qual:before {
    content: "";
    inset-inline-start: -6px;
    background-image: url(/joxi/wazamba/leagues/qual-arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    width: 8px;
    height: 17px;
    position: absolute;
    bottom: 30px;
}
.rtl-lang .vip-page .league-sections-wrap.qualification-period .league-pointer.is-qual:before,
.rtl-lang .league-faq .league-sections-wrap.qualification-period .league-pointer.is-qual:before {
    transform: rotate(180deg);
}
.vip-page .league-sections-wrap.qualification-period .league-pointer__text,
.league-faq .league-sections-wrap.qualification-period .league-pointer__text {
    color: #64321f;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.vip-page .league-sections-wrap.qualification-period .league-pointer .is-small,
.league-faq .league-sections-wrap.qualification-period .league-pointer .is-small {
    color: #64321f;
    padding-top: 14px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
.vip-page .league-sections-wrap.qualification-period .league-pointer .g-btn,
.league-faq .league-sections-wrap.qualification-period .league-pointer .g-btn {
    min-width: 180px;
    margin-top: 12px;
}
.vip-page .league-sections-wrap.qualification-period .league-pointer:after,
.league-faq .league-sections-wrap.qualification-period .league-pointer:after {
    right: inherit;
    top: inherit;
    z-index: 4;
    content: none;
    inset-inline-start: -7px;
    bottom: 20px;
    box-shadow: -1px 2px #c98e00;
}
.vip-page .league-sections-wrap.qualification-period .league-pointer .bomani-holder,
.league-faq .league-sections-wrap.qualification-period .league-pointer .bomani-holder {
    height: 175px;
    bottom: inherit;
    position: absolute;
    top: -20px;
    transform: scale(1);
}
.rtl-lang .vip-page .league-sections-wrap.qualification-period .league-pointer .bomani-holder,
.rtl-lang .league-faq .league-sections-wrap.qualification-period .league-pointer .bomani-holder {
    transform: scaleX(-1);
}
.vip-page .league-sections-wrap.qualification-period .league-pointer .bomani-holder img,
.league-faq .league-sections-wrap.qualification-period .league-pointer .bomani-holder img {
    height: 100%;
}
.vip-page .league-sections-wrap.qualification-period .league-pointer .bomani-holder.has-shining:before,
.league-faq .league-sections-wrap.qualification-period .league-pointer .bomani-holder.has-shining:before {
    margin-inline-start: -157px;
    background-position: 50%;
    background-size: contain;
    width: 314px;
    height: 224px;
    margin-top: -112px;
}
.vip-page .league-sections-wrap.qualification-period .league-tile,
.league-faq .league-sections-wrap.qualification-period .league-tile {
    inset-inline-start: 70px;
    background-size: 130px;
    position: absolute;
    top: 0;
}
.vip-page .league-sections-wrap.qualification-period .league-tile.league-tile-1,
.league-faq .league-sections-wrap.qualification-period .league-tile.league-tile-1 {
    margin-bottom: 0;
    inset-inline-start: 90px;
}
.vip-page .league-sections-wrap.qualification-period .league-tile.league-tile-1:before,
.league-faq .league-sections-wrap.qualification-period .league-tile.league-tile-1:before {
    opacity: 1;
    top: -40px;
    width: 330px;
    height: 260px;
    inset-inline-start: -90px;
}
.vip-page .league-sections-wrap.qualification-period .league-tile.is-period,
.league-faq .league-sections-wrap.qualification-period .league-tile.is-period {
    cursor: inherit;
}
.vip-page .league-sections-wrap.qualification-period .league-section-1,
.league-faq .league-sections-wrap.qualification-period .league-section-1 {
    margin-top: 20px;
}
.vip-page .league-sections-wrap.qualification-period .league-section-1 .league-container,
.league-faq .league-sections-wrap.qualification-period .league-section-1 .league-container {
    padding-block: 20px 24px;
    padding-inline: 90px 24px;
}
@media screen and (min-width: 1280px) {
    .vip-page .league-sections-wrap.qualification-period .league-section-1 .league-container,
    .league-faq .league-sections-wrap.qualification-period .league-section-1 .league-container {
        padding-inline: 150px 20px;
    }
}
.vip-page .league-sections-wrap.qualification-period .league-section.is-qualification:before,
.league-faq .league-sections-wrap.qualification-period .league-section.is-qualification:before {
    content: "";
    filter: grayscale();
    inset-inline-start: 0;
    background-image: url(/joxi/wazamba/renovation/leagues/league-level-point.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 33px;
    position: absolute;
    top: 90px;
}
.vip-page .league-sections-wrap.qualification-period .league-section.league-section-1:before,
.league-faq .league-sections-wrap.qualification-period .league-section.league-section-1:before {
    content: "";
    inset-inline-start: 0;
    background-image: url(/joxi/wazamba/renovation/leagues/league-level-point-done.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 33px;
    position: absolute;
    top: 46px;
}
.vip-page .league-sections-wrap.qualification-period .league-section.is-pointer,
.vip-page .league-sections-wrap.qualification-period .league-section.league-section-1,
.vip-page .league-sections-wrap.qualification-period .league-section.is-qualification,
.league-faq .league-sections-wrap.qualification-period .league-section.is-pointer,
.league-faq .league-sections-wrap.qualification-period .league-section.league-section-1,
.league-faq .league-sections-wrap.qualification-period .league-section.is-qualification {
    justify-content: flex-end;
}
.vip-page .league-sections-wrap.qualification-period .league-section:before,
.league-faq .league-sections-wrap.qualification-period .league-section:before {
    content: none;
}
.vip-page #qualification-meter,
.league-faq #qualification-meter {
    top: 90px;
    bottom: 110px;
    background: #124174;
    border-radius: 6px;
    width: 20px;
    margin-inline-start: 0;
    position: absolute;
    inset-inline-start: calc(50% - 296px);
    overflow: hidden;
    box-shadow: inset 0 0.635008px 8.89011px 1.27002px #465c81;
}
.rtl-lang .vip-page #qualification-meter,
.rtl-lang .league-faq #qualification-meter {
    inset-inline-start: calc(50% - 119px);
}
@media screen and (min-width: 1280px) {
    .vip-page #qualification-meter,
    .league-faq #qualification-meter {
        bottom: 150px;
    }
}
.vip-page #qualification-meter #qualification-meter-progress,
.league-faq #qualification-meter #qualification-meter-progress {
    bottom: 0;
    background: linear-gradient(#ffe562 0 3.12%, #fec314 50% 93.92%);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    width: 100%;
    height: 132px;
    transition: height 0.2s;
    position: absolute;
    inset-inline-start: 0;
    box-shadow: 0 10px 13px -6px #2c3e50;
}
.vip-page #qualification-meter #qualification-meter-progress:after,
.league-faq #qualification-meter #qualification-meter-progress:after {
    will-change: background-position;
    content: "";
    background-image: url(/joxi/wazamba/renovation/flags/progress.png);
    background-size: 20px;
    width: 100%;
    height: 150%;
    animation: 4s linear infinite slide;
    display: block;
    position: absolute;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .vip-page #qualification-meter #qualification-meter-progress:after,
    .league-faq #qualification-meter #qualification-meter-progress:after {
        background-image: url(/joxi/wazamba/renovation/flags/progress@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .vip-page #qualification-meter #qualification-meter-progress:after,
    .league-faq #qualification-meter #qualification-meter-progress:after {
        background-image: url(/joxi/wazamba/renovation/flags/progress@3x.png);
    }
}
@media screen and (min-width: 1280px) {
    .vip-page #qualification-meter #qualification-meter-progress,
    .league-faq #qualification-meter #qualification-meter-progress {
        height: 126px;
    }
}
.vip-page .league-body,
.league-faq .league-body {
    margin-bottom: 120px;
    position: relative;
}
.level-block__box {
    flex-direction: column;
    margin: 0 auto;
    display: flex;
}
.level-block__box.border-top {
    border-top: 1px solid #ffffff4d;
    margin-top: 12px;
    padding-top: 12px;
}
.level-block__box.flex-row {
    flex-direction: row;
    padding-top: 0;
}
.level-block__left {
    border-right: 1px solid #ffffff4d;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 60px;
    display: flex;
}
.level-block__right {
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 60px;
    display: flex;
}
.level-block__center {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}
.level-block__text {
    color: #ffd467;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
}
.level-block__text.is-s {
    color: #fffc;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}
@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.league-popup .g-btn {
    min-width: 177px;
    margin: auto auto 20px;
    position: relative;
}
.league-popup .icon-reward {
    width: 88px;
    position: relative;
}
.league-popup .icon-reward.is-finish {
    width: 94px;
    height: 94px;
    margin-top: -22px;
    margin-bottom: -22px;
    margin-left: 10px;
}
.league-popup__icon .icon-league {
    z-index: 1;
    background-size: contain;
    width: 112px;
    height: 112px;
    margin: 0 auto;
}
.league-popup__status {
    z-index: 2;
    justify-content: center;
    height: 156px;
    margin-bottom: -90px;
    display: flex;
    position: relative;
}
.league-popup__status.has-shining:before {
    width: 406px;
    height: 294px;
    margin-left: unset;
    margin-top: unset;
    top: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-inline-start: 0;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
}
.rtl-lang .league-popup__status.has-shining:before {
    transform: translate(50%, -50%);
}
.league-popup__status .icon-league {
    background-size: contain;
    width: 149px;
    height: 159px;
}
.league-popup__status .icon-league.has-icon-league-gift {
    background-size: 132px;
}
.league-popup__head {
    z-index: 1;
    background-image: url(/joxi/wazamba/leagues/popup/reward-popup/popup-header.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 464px;
    height: 99px;
    margin: 0 auto;
    padding: 14px 15px 18px;
    display: flex;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-popup__head {
        background-image: url(/joxi/wazamba/leagues/popup/reward-popup/popup-header@x2.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-popup__head {
        background-image: url(/joxi/wazamba/leagues/popup/reward-popup/popup-header@x3.png);
    }
}
.league-popup__wrapper {
    flex-direction: column;
    flex-basis: 100%;
    justify-content: center;
    display: flex;
    position: relative;
}
.league-popup__leaf {
    margin: 0 auto;
    background-image: url(/joxi/wazamba/leagues/popup/popup-leaf.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 460px;
    height: 112px;
    margin-bottom: -30px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-popup__leaf {
        background-image: url(/joxi/wazamba/leagues/popup/popup-leaf@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-popup__leaf {
        background-image: url(/joxi/wazamba/leagues/popup/popup-leaf@2x.png);
    }
}
.league-popup__body {
    background-image: url(/joxi/wazamba/leagues/popup/reward-popup/bg-popup.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: wrap;
    width: 411px;
    margin: -60px auto 0;
    padding-top: 70px;
    padding-bottom: 45px;
    display: flex;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-popup__body {
        background-image: url(/joxi/wazamba/leagues/popup/reward-popup/bg-popup@x2.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-popup__body {
        background-image: url(/joxi/wazamba/leagues/popup/reward-popup/bg-popup@x3.png);
    }
}
.league-popup__body:before {
    content: "";
    background-image: url(/joxi/wazamba/leagues/popup/reward-popup/lines-popup.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 149px;
    position: absolute;
    bottom: 80px;
}
.league-popup__body.is-s {
    height: 290px;
}
.league-popup__body.is-m {
    grid-gap: 20px;
    flex-flow: column;
    height: 353px;
}
.league-popup__text {
    color: #7d4826;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
}
.league-popup__text.sm {
    color: #b89624;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}
.league-popup__text.des {
    color: #725500;
    max-width: 190px;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
.league-popup__text.is-l {
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
}
.league-popup__text.is-xl {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: linear-gradient(#ff7a00 0%, #b75637 95.03%) text;
    margin-top: 12px;
    margin-bottom: 56px;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
}
.rtl-lang .league-popup__text.is-xl {
    direction: ltr;
}
.league-popup__text.is-xxl {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    text-shadow: 0 3px #4d170014;
    background: linear-gradient(#b54100 0%, #78350b 100%) text;
    font-size: 40px;
    font-weight: 800;
    line-height: 44px;
}
.league-popup__text.text-color {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    text-shadow: 0 3px #4d170014;
    background: linear-gradient(#b54100 0%, #78350b 100%) text;
}
.league-popup__title {
    color: #7d4826;
    font-size: 28px;
    font-weight: 800;
    line-height: 30px;
}
.league-popup__subtitle {
    color: #6e3923e6;
    opacity: 0.7;
    text-align: center;
    margin-top: 7px;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}
.league-popup__subtitle span.date {
    margin-left: 4px;
}
.league-popup__stick {
    z-index: 1;
    background-image: url(/joxi/wazamba/leagues/popup/popup-stick.png);
    background-repeat: repeat;
    background-size: contain;
    width: 100%;
    max-width: 398px;
    height: 22px;
    margin: -5px auto -15px;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-popup__stick {
        background-image: url(/joxi/wazamba/leagues/popup/popup-stick@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-popup__stick {
        background-image: url(/joxi/wazamba/leagues/popup/popup-stick@2x.png);
    }
}
.league-popup__gifts {
    justify-content: center;
    width: 100%;
    margin-top: 16px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}
.league-popup__gift {
    width: 92px;
    margin-left: 5px;
    margin-right: 5px;
}
.league-popup__gift__icon {
    cursor: pointer;
    box-sizing: border-box;
    background: #946e3036 50% no-repeat;
    border: 4px solid #0000;
    border-radius: 50%;
    width: 92px;
    height: 92px;
    position: relative;
}
.league-popup__gift__icon.cash {
    background-image: url(/joxi/wazamba/leagues/money.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 68px;
}
.league-popup__gift__icon.amazon,
.league-popup__gift__icon.apple {
    background-image: url(/joxi/wazamba/leagues/popup/amazon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 68px;
}
.league-popup__gift__des {
    color: #725500;
    text-align: center;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}
.league-popup__gift.active .league-popup__gift__icon {
    border: 4px solid #3ed70b;
}
.league-popup__gift.active .league-popup__gift__icon:after {
    content: "";
    background-image: url(/joxi/wazamba/leagues/popup/Icon-input-success_circle.svg);
    width: 34px;
    height: 34px;
    position: absolute;
    top: 9px;
    left: 63px;
}
.league-popup__selected-gift__icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 145px;
    height: 145px;
    margin: 0 auto;
    position: relative;
}
.league-popup__selected-gift__icon.cash {
    background-image: url(/joxi/wazamba/leagues/money.png);
}
.league-popup__selected-gift__icon.amazon,
.league-popup__selected-gift__icon.apple {
    background-image: url(/joxi/wazamba/leagues/popup/amazon.svg);
}
.league-popup__selected-gift__icon:after {
    content: "";
    background-image: url(/joxi/wazamba/leagues/popup/Icon-input-success_circle.svg);
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: 4px;
    right: 4px;
}
.league-popup__extra-gift {
    text-align: center;
    height: 107px;
    position: relative;
}
.league-popup__extra-gift:after {
    content: "";
    z-index: 10;
    background-image: url(/joxi/wazamba/leagues/popup/Icon-input-success_circle.svg);
    width: 34px;
    height: 34px;
    margin-left: -17px;
    position: absolute;
    bottom: 4px;
    left: 50%;
}
.league-popup__extra-gift__icon {
    background-image: url(/joxi/wazamba/leagues/cash.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 107px;
    height: 107px;
    display: inline-block;
    position: relative;
}
.league-popup__extra-gift__icon:not(:last-child) {
    margin-right: -80px;
}
.league-popup__extra-gift__icon:first-child {
    z-index: 10;
}
.league-popup__extra-gift__icon:nth-child(2) {
    z-index: 9;
}
.league-popup__extra-gift__icon:nth-child(3) {
    z-index: 8;
}
.league-popup__extra-gift__icon:nth-child(4) {
    z-index: 7;
}
.league-popup__extra-gift__icon:nth-child(5) {
    z-index: 6;
}
.league-popup__extra-gift__icon:nth-child(6) {
    z-index: 5;
}
.league-popup__extra-gift__icon:nth-child(7) {
    z-index: 4;
}
.league-popup__extra-gift__icon:nth-child(8) {
    z-index: 3;
}
.league-popup__extra-gift__icon:nth-child(9) {
    z-index: 2;
}
.league-popup__extra-gift__icon:nth-child(10) {
    z-index: 1;
}
.league-popup__best-gift {
    justify-content: center;
    align-items: flex-end;
    display: flex;
}
.league-popup__best-gift__cash {
    background-image: url(/joxi/wazamba/leagues/cash-pyramid.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 143.84px;
    height: 97px;
    margin-right: -40px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-popup__best-gift__cash {
        background-image: url(/joxi/wazamba/leagues/cash-pyramid@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-popup__best-gift__cash {
        background-image: url(/joxi/wazamba/leagues/cash-pyramid@2x.png);
    }
}
.league-popup__best-gift__mask {
    background-image: url(/joxi/wazamba/leagues/popup/hero.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 159px;
    height: 159px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-popup__best-gift__mask {
        background-image: url(/joxi/wazamba/leagues/popup/hero@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-popup__best-gift__mask {
        background-image: url(/joxi/wazamba/leagues/popup/hero@2x.png);
    }
}
.league-popup__prize {
    justify-content: center;
    display: flex;
}
.league-popup__prize__item {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.league-popup__prize__item .icon-league {
    width: 88px;
    height: 88px;
    margin-bottom: 7px;
}
.league-popup__prize__item .icon-league.has-icon-league-gift {
    background-size: 120px;
}
.league-popup__prize__items {
    justify-content: space-evenly;
    margin-top: 10px;
    display: flex;
}
.league-popup__prize#weekly-prize {
    flex-direction: column;
    transform: scale(0);
}
.league-popup__prize__icon {
    background-image: url(/joxi/wazamba/leagues/gift-league-5.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 110px;
    height: 110px;
    margin-top: -23px;
    margin-bottom: -23px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-popup__prize__icon {
        background-image: url(/joxi/wazamba/leagues/gift-league-5@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-popup__prize__icon {
        background-image: url(/joxi/wazamba/leagues/gift-league-5@2x.png);
    }
}
.league-popup__plane {
    background: #dbb11b66;
    border-radius: 12px;
    width: 280px;
    margin: 0 auto 16px;
    padding: 16px;
    position: relative;
}
.league-popup__plane.league-reward {
    border-radius: 16px;
    margin-top: 12px;
    box-shadow:
        0 6px 5px #7e590d3d,
        inset 0 3px 8px #c27316c7;
}
.league-popup__plane.league-reward:before {
    content: "";
    z-index: 1;
    background: linear-gradient(#ffb929 0% 100%);
    border-radius: 16px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.league-popup__plane.league-reward:after {
    content: "";
    background: linear-gradient(#f9e580d9 0%, #fee01cd9 100%);
    border-radius: 16px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.league-popup__plane.is-rewards {
    justify-content: space-between;
    align-items: center;
    min-height: 80px;
    margin-top: 20px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
}
.league-popup__plane.is-rewards .icon-league {
    height: 65px;
}
.league-popup__plane.is-rewards span {
    color: #ffd467e6;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}
.league-popup__plane .level-block {
    z-index: 3;
    position: relative;
}
.league-popup__box {
    flex-direction: column;
    max-width: 212px;
    margin: 0 auto;
    display: flex;
}
.league-popup__box.border-top {
    border-top: 1px solid #ffffff4d;
    margin-top: 12px;
    padding-top: 12px;
}
.league-popup__box.flex-row {
    flex-direction: row;
    padding-top: 0;
}
.league-popup__box__left {
    border-right: 1px solid #ffffff4d;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 60px;
    display: flex;
}
.league-popup__box__right {
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 60px;
    display: flex;
}
.league-popup.is-instant-rewards-popup .league-popup__wrapper {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
    position: relative;
}
.league-popup.is-instant-rewards-popup .league-popup__prize {
    position: absolute;
    inset: 0;
}
.league-popup.is-instant-rewards-popup .league-popup__icon {
    z-index: 1;
    position: relative;
    bottom: 50px;
}
.league-popup.is-instant-rewards-popup .league-popup__icon .icon-league {
    width: 149px;
    height: 159px;
}
.league-popup.is-instant-rewards-popup .league-popup__icon .has-shining {
    width: 149px;
    height: 159px;
    margin: 0 auto;
}
.league-popup.is-instant-rewards-popup .league-popup__icon .has-shining:before {
    z-index: -4;
    width: 406px;
    height: 294px;
    margin-left: unset;
    margin-top: unset;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.league-popup.is-instant-rewards-popup #weekly-points {
    margin-top: -20px;
}
.league-popup .level-block__text {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    text-shadow: 0 3px #4d170014;
    background: linear-gradient(#b54100 0%, #78350b 100%) text;
    font-size: 28px;
    font-weight: 800;
    line-height: 36px;
}
.league-popup .level-block__text.is-s {
    color: #7d4826;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}
.league-popup .level-block__box.border-top {
    border-top-color: #e2bd3a;
}
.league-popup .level-block__left {
    border-right-color: #e2bd3a;
}
.weekly-league-popup {
    min-height: 627px;
    padding-top: 130px;
    position: relative;
}
.weekly-league-popup__bg {
    background-image: url(/joxi/wazamba/leagues/popup/popup-after.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 471px;
    height: 592px;
    margin-left: -235px;
    position: absolute;
    top: 0;
    left: 50%;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .weekly-league-popup__bg {
        background-image: url(/joxi/wazamba/leagues/popup/popup-after@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .weekly-league-popup__bg {
        background-image: url(/joxi/wazamba/leagues/popup/popup-after@2x.png);
    }
}
.weekly-league-popup__bg:before {
    background-image: url(/joxi/wazamba/leagues/popup/popup-after-dep-half.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .weekly-league-popup__bg:before {
        background-image: url(/joxi/wazamba/leagues/popup/popup-after-dep-half@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .weekly-league-popup__bg:before {
        background-image: url(/joxi/wazamba/leagues/popup/popup-after-dep-half@2x.png);
    }
}
.weekly-league-popup__bg:after {
    background-image: url(/joxi/wazamba/leagues/popup/popup-after-dep-half.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    transform: scaleX(-1);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .weekly-league-popup__bg:after {
        background-image: url(/joxi/wazamba/leagues/popup/popup-after-dep-half@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .weekly-league-popup__bg:after {
        background-image: url(/joxi/wazamba/leagues/popup/popup-after-dep-half@2x.png);
    }
}
.weekly-league-popup__title {
    z-index: 2;
    background-image: url(/joxi/wazamba/leagues/weekly-leagues2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 153px;
    height: 62px;
    margin: 0 auto;
    position: relative;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .weekly-league-popup__title {
        background-image: url(/joxi/wazamba/leagues/weekly-leagues2@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .weekly-league-popup__title {
        background-image: url(/joxi/wazamba/leagues/weekly-leagues2@2x.png);
    }
}
.weekly-league-popup__body {
    position: relative;
}
.weekly-league-popup__status {
    z-index: 1;
    justify-content: center;
    align-items: center;
    height: 185px;
    display: flex;
    position: relative;
}
.weekly-league-popup__status .icon-league {
    background-size: contain;
    width: 102px;
    height: 102px;
}
.weekly-league-popup__status .icon-league.has-shining:before {
    background-repeat: no-repeat;
    background-size: contain;
    width: 256px;
    height: 185px;
    margin-top: -92px;
    margin-left: -128px;
}
.weekly-league-popup__status.sm {
    margin-top: -25px;
    margin-bottom: -35px;
}
.weekly-league-popup__status.sm .icon-league {
    background-size: contain;
    width: 87px;
    height: 87px;
}
.weekly-league-popup__status.sm .icon-league.has-shining:before {
    background-repeat: no-repeat;
    background-size: contain;
    width: 220px;
    height: 150px;
    margin-top: -75px;
    margin-left: -110px;
}
.weekly-league-popup__points {
    z-index: 2;
    width: 400px;
    margin-left: -200px;
    position: absolute;
    top: 190px;
    left: 50%;
}
.weekly-league-popup__text {
    color: #ffc414;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.weekly-league-popup__text.congrat {
    font-size: 22px;
    font-weight: 800;
    line-height: 27px;
}
.weekly-league-popup__value {
    color: #ffc414;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
}
.weekly-league-popup__prize {
    width: 400px;
    margin-left: -200px;
    position: absolute;
    top: 125px;
    left: 50%;
    transform: scale(0);
}
.weekly-league-popup__prize .weekly-league-popup__text {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    line-height: 20px;
}
.weekly-league-popup__prize .weekly-league-popup__text.congrat {
    text-align: center;
    letter-spacing: 0.05em;
    color: #ffc414;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 800;
    line-height: 27px;
}
.weekly-league-popup__icon {
    background-image: url(/joxi/wazamba/leagues/gift-league-3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 92px;
    height: 88px;
    margin: 0 auto;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .weekly-league-popup__icon {
        background-image: url(/joxi/wazamba/leagues/gift-league-3@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .weekly-league-popup__icon {
        background-image: url(/joxi/wazamba/leagues/gift-league-3@2x.png);
    }
}
.weekly-league-popup .g-btn {
    z-index: 1;
    margin-top: 30px;
    position: relative;
}
.weekly-league-popup #weekly-button {
    text-align: center;
    width: 400px;
    margin-left: -200px;
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: scale(0);
}
.weekly-league-popup #weekly-button .g-btn {
    margin-bottom: 0;
    display: inline-block;
}
#shining {
    position: absolute;
    transform: scale(0);
}
#shining > div {
    animation: 6s linear infinite rotate;
}
.popup-vip {
    padding-top: 50px;
}
#weekly-button {
    text-align: center;
    height: 0;
    transform: scale(0);
}
#weekly-status {
    position: absolute;
    inset: 200px 0 0;
}
.linda-has-popup .popup.hiding {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}
.how-popup {
    background-color: #110401;
}
.layout-league {
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 200px 0 50px;
    display: flex;
}
.layout-league .how-btn {
    top: -102px;
    position: absolute;
    inset-inline-end: 0;
}
.layout-league__wrap {
    width: 541px;
    margin: 0 auto;
    position: relative;
}
.league-header-element {
    top: -190px;
    background-image: url(/joxi/wazamba/leagues/popup/how-it-works/wide.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 541px;
    height: 186px;
    position: absolute;
    inset-inline-start: 50%;
    transform: translate(-50%);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-header-element {
        background-image: url(/joxi/wazamba/leagues/popup/how-it-works/wide@x2.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-header-element {
        background-image: url(/joxi/wazamba/leagues/popup/how-it-works/wide@x3.png);
    }
}
.rtl-lang .league-header-element {
    transform: translate(50%);
}
.league-how-it-works {
    background-image: url(/joxi/wazamba/leagues/popup/how-it-works/bg-element-midl.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-direction: column;
    align-items: center;
    width: 492px;
    margin: 0 auto;
    display: flex;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-how-it-works {
        background-image: url(/joxi/wazamba/leagues/popup/how-it-works/bg-element-midl@x2.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-how-it-works {
        background-image: url(/joxi/wazamba/leagues/popup/how-it-works/bg-element-midl@x3.png);
    }
}
.league-how-it-works:before,
.league-how-it-works:after {
    content: "";
    z-index: -1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 541px;
    position: absolute;
    inset-inline-start: 50%;
    transform: translate(-50%);
}
.league-how-it-works:before {
    background-image: url(/joxi/wazamba/leagues/popup/how-it-works/bg-element-top.png);
    height: 167px;
    top: -102px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-how-it-works:before {
        background-image: url(/joxi/wazamba/leagues/popup/how-it-works/bg-element-top@x2.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-how-it-works:before {
        background-image: url(/joxi/wazamba/leagues/popup/how-it-works/bg-element-top@x3.png);
    }
}
.league-how-it-works:after {
    background-image: url(/joxi/wazamba/leagues/popup/how-it-works/bg-element-down.png);
    height: 165px;
    bottom: -102px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-how-it-works:after {
        background-image: url(/joxi/wazamba/leagues/popup/how-it-works/bg-element-down@x2.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-how-it-works:after {
        background-image: url(/joxi/wazamba/leagues/popup/how-it-works/bg-element-down@x3.png);
    }
}
.rtl-lang .league-how-it-works:before,
.rtl-lang .league-how-it-works:after {
    transform: translate(50%);
}
.league-how-it-works__title {
    color: #ffd467;
    text-align: center;
    text-shadow: 0 3px 4px #0000006e;
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}
.league-how-it-works__step {
    align-items: center;
    margin-top: 4px;
    margin-bottom: 20px;
    display: flex;
    position: relative;
}
.league-how-it-works__step.step1 .league-how-it-works__icon {
    background-image: url(/joxi/wazamba/leagues/how-step-1.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-how-it-works__step.step1 .league-how-it-works__icon {
        background-image: url(/joxi/wazamba/leagues/how-step-1@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-how-it-works__step.step1 .league-how-it-works__icon {
        background-image: url(/joxi/wazamba/leagues/how-step-1@3x.png);
    }
}
.league-how-it-works__step.step2 .league-how-it-works__icon {
    background-image: url(/joxi/wazamba/leagues/how-step-2.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-how-it-works__step.step2 .league-how-it-works__icon {
        background-image: url(/joxi/wazamba/leagues/how-step-2@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-how-it-works__step.step2 .league-how-it-works__icon {
        background-image: url(/joxi/wazamba/leagues/how-step-2@3x.png);
    }
}
.league-how-it-works__step.step3 {
    margin-bottom: 0;
}
.league-how-it-works__step.step3 .league-how-it-works__icon {
    background-image: url(/joxi/wazamba/leagues/how-step-3.png);
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-how-it-works__step.step3 .league-how-it-works__icon {
        background-image: url(/joxi/wazamba/leagues/how-step-3@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-how-it-works__step.step3 .league-how-it-works__icon {
        background-image: url(/joxi/wazamba/leagues/how-step-3@3x.png);
    }
}
.league-how-it-works__icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
}
.league-how-it-works__description {
    color: #fff;
    letter-spacing: 0.05em;
    width: 205px;
    margin-inline-start: 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
}
.league-how-it-works__description ul {
    padding-inline-start: 22px;
    list-style: disc;
}
.league-how-it-works__arrow {
    background-image: url(/joxi/wazamba/leagues/how-arr.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 25px;
    position: absolute;
    bottom: -24px;
}
@media (-webkit-max-device-pixel-ratio: 2) {
    .league-how-it-works__arrow {
        background-image: url(/joxi/wazamba/leagues/how-arr@2x.png);
    }
}
@media (-webkit-max-device-pixel-ratio: 3) {
    .league-how-it-works__arrow {
        background-image: url(/joxi/wazamba/leagues/how-arr@3x.png);
    }
}
.league-how-it-works__link {
    color: #ffd467;
    text-align: center;
    letter-spacing: 0.05em;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-decoration-line: underline;
}
.league-how-it-works__link:hover {
    color: #d8ac39;
}
.league-how-it-works .is-custom {
    width: fit-content;
    min-width: 200px;
    margin-top: 28px;
    margin-bottom: 20px;
}
.league-nav {
    z-index: 999;
    position: fixed;
    top: 290px;
    left: 0;
}
.league-nav__item {
    text-align: center;
    cursor: pointer;
    background: #00000040;
    padding: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
}
.league-nav__item.is-active {
    color: #fcd948;
    background: #235082b3;
}
.league-nav__item:first-child {
    border-radius: 0 12px 0 0;
}
.league-nav__item:last-child {
    border-radius: 0 0 12px;
}
:not(.perspective)::-webkit-scrollbar-track {
    background-color: #0000;
    -webkit-box-shadow: inset 0 0 6px #0000;
}
:not(.perspective)::-webkit-scrollbar {
    background-color: #0000;
    width: 0;
}
.filter-btns {
    width: 100%;
    min-height: 36px;
    padding-inline: var(--screen-side-padding);
    scrollbar-width: none;
    align-items: flex-start;
    gap: 6px;
    display: flex;
    overflow-x: scroll;
}
.filter-btns::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.rtl-lang .filter-btns {
    direction: rtl;
}
.filter-btns .filter-btns__item {
    color: #656565;
    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;
    cursor: pointer;
    background-color: #fff;
    border: none;
    border-radius: 20px;
    outline: none;
    flex-shrink: 0;
    flex-basis: 68px;
    padding: 4px 20px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    box-shadow: 0 4px #9a9a9a;
}
.filter-btns .filter-btns__item:hover {
    background-color: #ededef;
}
.filter-btns .filter-btns__item.is-active {
    color: #fff;
    padding-block: 6px;
}
.filter-btns .filter-btns__item:first-child {
    margin-inline-start: auto;
}
.filter-btns .filter-btns__item:last-child {
    margin-inline-end: auto;
}
.filter-btns__accent-orange .is-active {
    background-color: #ff7800;
    box-shadow: inset 0 4px 3px #b75637;
}
.filter-btns__accent-orange .is-active:hover {
    background-color: #ff902d;
}
.filter-btns__accent-purple .is-active {
    text-shadow: 0 2px #7e341c;
    background-color: #9d55d2;
    box-shadow: inset 0 4px 3px #8311e8;
}
.filter-btns__accent-purple .is-active:hover {
    background-color: #bf69ff;
}
.g-btn,
.banner-btns .ab-btn {
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    text-shadow: 0 0 10px #00000040;
    letter-spacing: 1.2px;
    text-align: center;
    border: 5px solid #0000;
    border-radius: 80px;
    max-width: 100%;
    height: 52px;
    padding: 0 25px;
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    line-height: 43px;
    display: inline-block;
    overflow: hidden;
}
.g-btn:active:not(.g-btn-noclick):not(.shop-btn),
.banner-btns .ab-btn:active:not(.g-btn-noclick):not(.shop-btn) {
    transform: translateY(2px);
}
.g-btn-f18,
.banner-btns .ab-btn-f18 {
    font-size: 18px;
}
.g-btn-purple,
.banner-btns .ab-btn-purple {
    background-color: #4041e5;
    background-image: linear-gradient(#4041e5, #4041e5), linear-gradient(#5253f3, #5253f3);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #4041e5;
}
.g-btn-purple:hover,
.banner-btns .ab-btn-purple:hover,
.g-btn-purple:active,
.g-btn-purple.active,
.banner-btns .ab-btn-purple:active,
.banner-btns .ab-btn-purple.active {
    background-image: linear-gradient(#2122b7, #2122b7), linear-gradient(#5253f3, #5253f3);
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #4041e5,
        0 0 14px #5253f3;
}
.g-btn-purple.is-funid,
.banner-btns .ab-btn-purple.is-funid {
    font-size: 14px;
}
.g-btn-purple.is-funid:before,
.banner-btns .ab-btn-purple.is-funid:before {
    content: "";
    vertical-align: bottom;
    background-image: var(--icon-funid);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 100%;
    margin-right: 12px;
    display: inline-block;
}
.g-btn-purple.is-funid:active,
.g-btn-purple.is-funid.active,
.banner-btns .ab-btn-purple.is-funid:active,
.banner-btns .ab-btn-purple.is-funid.active {
    background-image: linear-gradient(#2122b7, #2122b7), linear-gradient(#5253f3, #5253f3);
}
.g-btn-purple.is-center,
.banner-btns .ab-btn-purple.is-center {
    margin: 0 auto;
    display: block;
}
.g-btn-purple.in-promo,
.banner-btns .ab-btn-purple.in-promo {
    width: 224px;
}
.g-btn-violet,
.banner-btns .ab-btn-violet {
    background-color: #8c1ce1;
    background-image: linear-gradient(#8c1ce1, #8c1ce1), linear-gradient(#ae47fc, #ae47fc);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #6800b7,
        0 0 14px #c77dff;
}
.g-btn-violet:hover,
.banner-btns .ab-btn-violet:hover {
    background-image: linear-gradient(#800cd9, #5e07a0), linear-gradient(#ae47fc, #ae47fc);
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #6704b3,
        0 0 14px #c77dff;
}
.g-btn-violet:active,
.g-btn-violet.active,
.banner-btns .ab-btn-violet:active,
.banner-btns .ab-btn-violet.active {
    background-image: linear-gradient(#800cd9, #5e07a0), linear-gradient(#ae47fc, #ae47fc);
    box-shadow:
        inset 0 0 3px #00000040,
        0 0 14px #c77dff;
}
.g-btn-red,
.banner-btns .ab-btn-red {
    background-color: #f13316;
    background-image: linear-gradient(#f03316, #f13316), linear-gradient(#fa8472, #fa8472);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #af1700,
        0 0 20px #fa8472;
}
.g-btn-red:hover,
.banner-btns .ab-btn-red:hover {
    background-image: linear-gradient(#e2280b, #b11c05), linear-gradient(#fa8472, #fa8472);
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #b11c05,
        0 0 14px #fa8472;
}
.g-btn-red:active,
.g-btn-red.active,
.banner-btns .ab-btn-red:active,
.banner-btns .ab-btn-red.active {
    background-image: linear-gradient(#e2280b, #b11c05), linear-gradient(#fa8472, #fa8472);
    box-shadow:
        inset 0 0 3px #00000040,
        0 0 #b11c05,
        0 0 14px #fa8472;
}
.g-btn-yellow,
.banner-btns .ab-btn-yellow {
    color: #262626;
    text-shadow: none;
    background-color: #ffd600;
    background-image: linear-gradient(#ffd600, #ffd600), linear-gradient(#fff969, #fff969);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #e8a701,
        0 0 20px #fffdd899;
}
.g-btn-yellow:hover,
.banner-btns .ab-btn-yellow:hover {
    background-image: linear-gradient(#ffd600, #ffb800), linear-gradient(#fff969, #fff969);
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #ffb800,
        0 0 14px #fff969;
}
.g-btn-yellow:active,
.g-btn-yellow.active,
.banner-btns .ab-btn-yellow:active,
.banner-btns .ab-btn-yellow.active {
    background-image: linear-gradient(#ffd600, #ffb800), linear-gradient(#fff969, #fff969);
    box-shadow:
        inset 0 0 3px #00000040,
        0 0 #e8a701,
        0 0 20px #fffdd899;
}
.g-btn-green,
.banner-btns .ab-btn-green {
    --green-shadow-depth: 4px;
    box-shadow:
        inset 0 0 3px 0 #00000040,
        0 var(--green-shadow-depth) 0 0 #37b751,
        0 2px 15px 3px #a0ff00;
    background-color: #3ed70b;
    background-image: linear-gradient(#3ed70b, #3ed70b), linear-gradient(#a0ff00, #68f284);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
}
.g-btn-green:hover,
.banner-btns .ab-btn-green:hover {
    background-image: linear-gradient(#3ed70b, #2db200), linear-gradient(#c9ff6e, #b6ffc5 95%);
}
.g-btn-green:active,
.g-btn-green.active,
.banner-btns .ab-btn-green:active,
.banner-btns .ab-btn-green.active {
    background-image: linear-gradient(#2db200, #3ed70b), linear-gradient(#c9ff6e, #b6ffc5 95%);
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px 10px 2px #a0ff00;
}
.g-btn-green.no-glow,
.banner-btns .ab-btn-green.no-glow {
    box-shadow:
        inset 0 0 3px 0 #00000040,
        0 var(--green-shadow-depth) 0 0 #37b751;
}
.g-btn-green.no-glow:active,
.g-btn-green.no-glow.active,
.banner-btns .ab-btn-green.no-glow:active,
.banner-btns .ab-btn-green.no-glow.active {
    box-shadow: inset 0 0 3px #00000040;
}
.g-btn-green.is-small,
.banner-btns .ab-btn-green.is-small {
    --green-shadow-depth: 3px;
    border: 4px solid #0000;
    height: 32px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 26px;
}
.g-btn-blue,
.banner-btns .ab-btn-blue {
    background-color: #18c5ff;
    background-image: linear-gradient(#18c5ff, #18c5ff), linear-gradient(#a3deff, #00eded);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #3c8ae2,
        0 2px 15px 3px #18c5ff;
}
.g-btn-blue:hover,
.banner-btns .ab-btn-blue:hover {
    background-image: linear-gradient(#18c5ff, #0094ff), linear-gradient(#bee7ff, #47fbfb 95%);
}
.g-btn-blue:active,
.g-btn-blue.active,
.banner-btns .ab-btn-blue:active,
.banner-btns .ab-btn-blue.active {
    background-image: linear-gradient(#0094ff, #18c5ff), linear-gradient(#bee7ff, #47fbfb 95%);
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px 10px 2px #18c5ff;
}
.g-btn-brown-icon,
.banner-btns .ab-btn-brown-icon {
    background-color: #ff7800;
    background-image: linear-gradient(#8c5f51, #8c5f51), linear-gradient(#d09a8d 0%, #a56b56 95.03%);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    box-shadow:
        inset 0 0 3px #00000040,
        0 3px #3f1a11;
}
.g-btn-brown-icon:hover,
.banner-btns .ab-btn-brown-icon:hover {
    background-image: linear-gradient(#664133, #664133), linear-gradient(#b57862, #d09a8d 95%);
}
.g-btn-brown-icon:active,
.g-btn-brown-icon.active,
.banner-btns .ab-btn-brown-icon:active,
.banner-btns .ab-btn-brown-icon.active {
    box-shadow: inset 0 0 3px #00000040;
}
.g-btn-brown-icon.is-small,
.banner-btns .ab-btn-brown-icon.is-small {
    border: 4px solid #0000;
    height: 32px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 26px;
}
.g-btn-orange,
.has-orange-btn .autobonus-popup__bonus-multiple .autobonus-popup__activate-btn,
.banner-btns .ab-btn-orange {
    background-color: #ff7800;
    background-image: linear-gradient(#ff7800, #f97600), linear-gradient(#f90, #f2a268);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #b75637;
}
.g-btn-orange:hover,
.has-orange-btn .autobonus-popup__bonus-multiple .autobonus-popup__activate-btn:hover,
.banner-btns .ab-btn-orange:hover {
    background-image: linear-gradient(#ff7800, #ff4d00), linear-gradient(#ffad32, #fdc399 95%);
}
.g-btn-orange:active,
.has-orange-btn .autobonus-popup__bonus-multiple .autobonus-popup__activate-btn:active,
.g-btn-orange.active,
.has-orange-btn .autobonus-popup__bonus-multiple .active.autobonus-popup__activate-btn,
.banner-btns .ab-btn-orange:active,
.banner-btns .ab-btn-orange.active {
    background-image: linear-gradient(#ff4d00, #ff7800), linear-gradient(#ffad32, #fdc399 95%);
    box-shadow: inset 0 0 3px #00000040;
}
.g-btn-pink,
.banner-btns .ab-btn-pink {
    background-color: #f360f9;
    background-image: linear-gradient(#fa85ff, #f360f9), linear-gradient(#fbe3f5, #fddcfa);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #f960f6;
}
.g-btn-pink:hover,
.banner-btns .ab-btn-pink:hover {
    box-shadow:
        inset 0 0 3px #00000040,
        0 4px #f960f6,
        0 1px 10px #fa68fd;
}
.g-btn-brown,
.banner-btns .ab-btn-brown {
    color: #6e3923;
    background-color: #ffedd2;
    border: 0;
    box-shadow: inset 0 0 10px #00000040;
}
.g-btn-brown:hover,
.g-btn-brown.active,
.banner-btns .ab-btn-brown:hover,
.banner-btns .ab-btn-brown.active {
    color: #fff;
    background-color: #6e3923;
}
.g-btn-brown-stripe,
.banner-btns .ab-btn-brown-stripe {
    color: #6e3923;
    background: #e7c37f;
    border: 2px solid #6e3923;
    font-family: Montserrat, sans-serif;
}
.g-btn-brown-stripe.is-funid,
.banner-btns .ab-btn-brown-stripe.is-funid {
    background-image: var(--icon-btn-funid);
    background-position: 19px;
    background-repeat: no-repeat;
}
.g-btn-brown-stripe.is-funid.is-center,
.banner-btns .ab-btn-brown-stripe.is-funid.is-center {
    margin: 0 auto;
    display: block;
}
.g-btn-brown-stripe.is-funid.in-promo,
.banner-btns .ab-btn-brown-stripe.is-funid.in-promo {
    line-height: 42px;
}
.g-btn-brown-stripe:hover,
.banner-btns .ab-btn-brown-stripe:hover {
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px #6e3923,
        0 1px 10px #6e3923;
}
.g-btn-80,
.banner-btns .ab-btn-80 {
    border: 10px solid #0000;
    height: 80px;
    padding: 0 30px;
    font-size: 24px;
    line-height: 60px;
}
.g-btn-80:active,
.banner-btns .ab-btn-80:active {
    transform: translateY(4px);
}
.g-btn-60,
.banner-btns .ab-btn-60 {
    letter-spacing: 0.05em;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
}
.g-btn-56,
.banner-btns .ab-btn-56 {
    letter-spacing: 0.05em;
    height: 56px;
    font-size: 24px;
    line-height: 46px;
}
.g-btn-46,
.banner-btns .ab-btn-46 {
    letter-spacing: 0.9px;
    height: 46px;
    padding: 0 15px;
    font-size: 18px;
    line-height: 36px;
}
.g-btn-46.is-funid,
.banner-btns .ab-btn-46.is-funid {
    padding: 0 8px;
}
.g-btn-38,
.banner-btns .ab-btn-38 {
    border: 4px solid #0000;
    height: 38px;
    padding: 0 15px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    line-height: 32px;
}
.g-btn-32,
.banner-btns .ab-btn-32 {
    border: 4px solid #0000;
    height: 32px;
    padding: 0 15px;
    font-size: 16px;
    line-height: 26px;
}
@media screen and (min-width: 1280px) {
    .g-btn-varh,
    .banner-btns .ab-btn-varh {
        border: 10px solid #0000;
        height: 80px;
        padding: 0 30px;
        font-size: 24px;
        line-height: 60px;
    }
    .g-btn-varh:active,
    .banner-btns .ab-btn-varh:active {
        transform: translateY(4px);
    }
}
@media screen and (min-width: 1440px) {
    .g-btn-med,
    .banner-btns .ab-btn-med {
        border: 10px solid #0000;
        height: 80px;
        padding: 0 30px;
        font-size: 24px;
        line-height: 60px;
    }
    .g-btn-med:active,
    .banner-btns .ab-btn-med:active {
        transform: translateY(4px);
    }
}
@media screen and (min-width: 1680px) {
    .g-btn-med-l,
    .banner-btns .ab-btn-med-l {
        border: 10px solid #0000;
        height: 80px;
        padding: 0 30px;
        font-size: 22px;
        line-height: 60px;
    }
    .g-btn-med-l:active,
    .banner-btns .ab-btn-med-l:active {
        transform: translateY(4px);
    }
}
.g-btn-full,
.banner-btns .ab-btn-full {
    width: 100%;
    display: block;
}
.g-btn-ico,
.banner-btns .ab-btn-ico {
    width: 45px;
    height: 45px;
    padding: 0;
}
.g-btn-ico.g-btn-green,
.banner-btns .ab-btn-ico.g-btn-green {
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px #37b751;
}
.g-btn-ico.g-btn-green:active,
.banner-btns .ab-btn-ico.g-btn-green:active {
    box-shadow: inset 0 0 3px #00000040;
}
.g-btn-ico.g-btn-blue,
.banner-btns .ab-btn-ico.g-btn-blue {
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px #3c8ae2;
}
.g-btn-ico.g-btn-blue:active,
.banner-btns .ab-btn-ico.g-btn-blue:active {
    box-shadow: inset 0 0 3px #00000040;
}
.g-btn-ico.g-btn-orange,
.has-orange-btn .autobonus-popup__bonus-multiple .g-btn-ico.autobonus-popup__activate-btn,
.banner-btns .ab-btn-ico.g-btn-orange,
.banner-btns .has-orange-btn .autobonus-popup__bonus-multiple .ab-btn-ico.autobonus-popup__activate-btn,
.has-orange-btn .autobonus-popup__bonus-multiple .banner-btns .ab-btn-ico.autobonus-popup__activate-btn {
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px #b75637;
}
.g-btn-ico.g-btn-orange:active,
.has-orange-btn .autobonus-popup__bonus-multiple .g-btn-ico.autobonus-popup__activate-btn:active,
.banner-btns .ab-btn-ico.g-btn-orange:active,
.banner-btns .has-orange-btn .autobonus-popup__bonus-multiple .ab-btn-ico.autobonus-popup__activate-btn:active,
.has-orange-btn .autobonus-popup__bonus-multiple .banner-btns .ab-btn-ico.autobonus-popup__activate-btn:active {
    box-shadow: inset 0 0 3px #00000040;
}
.ng-pending .g-btn-ico.g-btn-orange,
.ng-pending .has-orange-btn .autobonus-popup__bonus-multiple .g-btn-ico.autobonus-popup__activate-btn,
.has-orange-btn .autobonus-popup__bonus-multiple .ng-pending .g-btn-ico.autobonus-popup__activate-btn,
.ng-pending .banner-btns .ab-btn-ico.g-btn-orange,
.ng-pending .banner-btns .has-orange-btn .autobonus-popup__bonus-multiple .ab-btn-ico.autobonus-popup__activate-btn,
.has-orange-btn .autobonus-popup__bonus-multiple .ng-pending .banner-btns .ab-btn-ico.autobonus-popup__activate-btn {
    filter: none;
}
.g-btn-ico.g-btn-pink,
.banner-btns .ab-btn-ico.g-btn-pink {
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px #f960f6;
}
.g-btn-ico.g-btn-pink:hover,
.banner-btns .ab-btn-ico.g-btn-pink:hover {
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px #f960f6,
        0 1px 10px #fa68fd;
}
.g-btn-ico.g-btn-pink:active,
.banner-btns .ab-btn-ico.g-btn-pink:active {
    box-shadow:
        inset 0 0 3px #00000040,
        0 1px 10px #fa68fd;
}
.g-btn-ico.g-btn-pink.f_active,
.banner-btns .ab-btn-ico.g-btn-pink.f_active {
    box-shadow:
        inset 0 0 3px #00000040,
        0 1px #f960f6,
        0 1px 10px 2px #fa68fd;
}
.g-btn-ico svg,
.banner-btns .ab-btn-ico svg {
    fill: #fff;
    width: 100%;
    height: 100%;
}
.g-btn-ico-90d svg,
.banner-btns .ab-btn-ico-90d svg {
    transform: rotate(90deg);
}
.g-btn-ico-180d svg,
.banner-btns .ab-btn-ico-180d svg {
    transform: rotate(180deg);
}
.g-btn-ico-270d svg,
.banner-btns .ab-btn-ico-270d svg {
    transform: rotate(-90deg);
}
.g-btn-ico-r,
.banner-btns .ab-btn-ico-r {
    border: 4px solid #0000;
    border-radius: 3px;
    height: 32px;
}
.g-btn-ico-r:active,
.banner-btns .ab-btn-ico-r:active {
    transform: translateY(1px);
}
.g-btn-ico-r48,
.banner-btns .ab-btn-ico-r48 {
    border: 6px solid #0000;
    height: 48px;
}
.g-btn-ico-23,
.banner-btns .ab-btn-ico-23 {
    border-width: 3px;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    padding: 0;
    overflow: visible;
}
.g-btn-ico-33,
.banner-btns .ab-btn-ico-33 {
    border-width: 3px;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    padding: 0;
    overflow: visible;
}
.g-btn-refresh.linda-has-preloader svg,
.banner-btns .ab-btn-refresh.linda-has-preloader svg {
    animation: 1s infinite rotate360;
}
.g-btn-link,
.banner-btns .ab-btn-link {
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
}
.g-btn-br-5,
.banner-btns .ab-btn-br-5 {
    border-radius: 5px;
}
.g-btn.disabled,
.g-btn.is-disable,
.g-btn:disabled,
.ng-pending .g-btn,
.banner-btns .ab-btn.disabled,
.banner-btns .ab-btn.is-disable,
.banner-btns .ab-btn:disabled,
.ng-pending .banner-btns .ab-btn {
    filter: grayscale();
    cursor: default;
}
.g-btn.disabled.swiper-button-disabled,
.g-btn.is-disable.swiper-button-disabled,
.g-btn:disabled.swiper-button-disabled,
.ng-pending .g-btn.swiper-button-disabled,
.banner-btns .ab-btn.disabled.swiper-button-disabled,
.banner-btns .ab-btn.is-disable.swiper-button-disabled,
.banner-btns .ab-btn:disabled.swiper-button-disabled,
.ng-pending .banner-btns .ab-btn.swiper-button-disabled {
    display: inline-block;
}
.g-btn-f15,
.banner-btns .ab-btn-f15 {
    font-size: 15px;
}
.g-btn.g-btn-brown-stripe.is-funid {
    padding-left: 58px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 700;
}
.g-btn-completed {
    pointer-events: none;
}
.g-btn-adaptive {
    letter-spacing: 0.9px;
    min-width: 130px;
    height: 46px;
    padding: 0 15px;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    line-height: 36px;
}
@media screen and (min-width: 1680px) {
    .g-btn-adaptive {
        letter-spacing: 1.2px;
        height: 52px;
        font-size: 24px;
        line-height: 43px;
    }
}
.g-btn-fav {
    background-color: #ff7800;
    background-image: var(--icon-btn-big-star), linear-gradient(#8c5f51, #8c5f51),
        linear-gradient(180deg, #d09a8d 0%, #a56b56 95.03%);
    background-position:
        50%,
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size:
        72%,
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, padding-box, border-box;
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px #3f1a11;
}
.g-btn-fav:hover {
    background-image: var(--icon-btn-big-star), linear-gradient(#664133, #664133), linear-gradient(#b57862, #d09a8d 95%);
}
.g-btn-fav:active {
    box-shadow: inset 0 0 3px #00000040;
}
.g-btn-fav.f_active {
    background-color: #f360f9;
    background-image: var(--icon-btn-big-star-checked), linear-gradient(#fa85ff, #f360f9),
        linear-gradient(#ffe5f6, #fccaf8);
    box-shadow:
        inset 0 0 3px #00000040,
        0 2px #f960f6;
}
.g-btn-fav.f_active:hover {
    background-image: var(--icon-btn-big-star-checked), linear-gradient(#ef67f5, #ed33f1),
        linear-gradient(#fff1f9, #f8ecf5 95%);
}
.g-btn-fav.f_active:active {
    box-shadow: inset 0 0 3px #00000040;
}
.g-hr {
    width: 100%;
    height: 1px;
    position: relative;
}
.g-hr:before {
    content: "";
    z-index: 50;
    background: url(/joxi/wazamba/hr.png) bottom/auto 100% repeat-x;
    width: 100%;
    height: 54px;
    position: absolute;
    bottom: -15px;
}
.g-hr-180 {
    transform: rotate(180deg);
}
.g-hr_over {
    width: 100vw;
    margin-left: -24px;
}
.link {
    letter-spacing: 0.05em;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: underline;
}
.link.is-size-14 {
    font-size: 14px;
}
.link.is-size-12 {
    font-size: 12px;
    line-height: 15px;
}
.link.is-white {
    color: #fff;
}
.link.is-yellow {
    color: #fbfc18;
}
.link.is-brown {
    color: #6e3923;
}
.link.has-shadow {
    text-shadow: 0 0 10px #00000040;
}
.g-link {
    color: #6e3923;
    letter-spacing: 0.7px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
}
.g-link-hover-yellow {
    filter: drop-shadow(0 0 10px #00000040);
    cursor: pointer;
    color: #fbfc18;
    text-decoration: underline;
}
.g-link-hover-yellow svg {
    fill: #fbfc18;
}
.g-link-hover-yellow:hover {
    color: #feffbd;
}
.g-link-hover-yellow:hover svg {
    fill: #feffbd;
}
.g-link-hover-brown {
    cursor: pointer;
    color: #664133;
    text-decoration: underline;
}
.g-link-hover-brown svg {
    fill: #664133;
}
.g-link-hover-brown:hover {
    color: #885745;
}
.g-link-hover-brown:hover svg {
    fill: #885745;
}
.g-link-hover-white {
    cursor: pointer;
    color: #fff;
    text-decoration: underline;
}
.g-link-hover-white svg {
    fill: #fff;
}
.g-link-hover-white:hover {
    text-decoration: none;
}
.g-link-hover-white--no-underline {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    position: relative;
}
.g-link-hover-white--no-underline:after {
    content: "";
    transform-origin: 0 100%;
    bottom: 0;
    background-color: #fff;
    height: 1px;
    transition: transform 0.15s ease-out;
    position: absolute;
    inset-inline: 0;
    transform: scaleX(0);
}
.rtl-lang .g-link-hover-white--no-underline:after {
    transform-origin: 100% 100%;
}
.g-link-hover-white--no-underline:hover:after {
    transform: scale(1);
}
.g-link-hover-grey {
    cursor: pointer;
    color: #ffffffb3;
}
.g-link-hover-grey svg {
    fill: #ffffffb3;
}
.g-link-hover-grey:hover {
    color: #fff;
}
.g-link-hover-grey:hover svg {
    fill: #fff;
}
.g-link-chat {
    text-align: center;
    margin-top: 20px;
}
.g-link-chat svg {
    width: 20px;
    height: 20px;
}
.g-link-chat span {
    margin-inline-start: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}
.g-or {
    color: #6e3923;
    text-align: center;
    align-items: center;
    width: 100%;
    margin: 20px 0 15px;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    display: flex;
    position: relative;
}
.g-or span {
    padding: 0 10px;
}
.g-or:after,
.g-or:before {
    content: " ";
    background: #6e3923;
    width: 100%;
    height: 1px;
}
.scroll-top {
    text-align: center;
    padding: 20px 0;
}
nav {
    grid-auto-flow: column;
    place-content: center;
    gap: 20px;
    margin-bottom: 24px;
    display: grid;
}
.sport-nav__link {
    cursor: pointer;
    text-indent: 32px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 10px #00000040;
    direction: ltr;
    background-image: url(/joxi/wazamba/sport/categories/bg-center.svg), url(/joxi/wazamba/sport/categories/bg-left.svg),
        url(/joxi/wazamba/sport/categories/bg-right.svg);
    background-position: 0, 0, 100%;
    background-repeat: repeat-x, no-repeat, no-repeat;
    background-size: contain;
    background-clip: content-box, padding-box, padding-box;
    width: max-content;
    min-width: 165px;
    height: 48px;
    padding: 0 22px 0 34px;
    font-size: 14px;
    font-weight: 800;
    line-height: 48px;
    transition: color 0.2s;
    position: relative;
}
.sport-nav__link:before {
    content: "";
    z-index: -1;
    opacity: 0;
    border-radius: 16px;
    transition: all 0.3s;
    display: block;
    position: absolute;
    inset: 4px 5px;
    box-shadow: 0 0 18px 10px #5c46ac;
}
.sport-nav__link:hover:before {
    opacity: 1;
    border-radius: 50%;
    box-shadow: 0 0 18px 4px #f79afd;
}
.sport-nav__link.is-active {
    color: #fddc76;
    pointer-events: none;
}
.sport-nav__link.is-active:before {
    opacity: 1;
}
.sport-nav__link:after {
    content: "";
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 65px;
    height: 44px;
    position: absolute;
    bottom: 6px;
    left: 7px;
}
.sport-nav__link--sportbook:after {
    background-image: url(/joxi/wazamba/sport/categories/sport.svg);
}
.sport-nav__link--virtual:after {
    background-image: url(/joxi/wazamba/sport/categories/virtuals.svg);
}
.sport-nav__link--live:after {
    background-image: url(/joxi/wazamba/sport/categories/live.svg);
}
.sport-nav__link--horse:after {
    background-image: url(/joxi/wazamba/sport/categories/horseracing.svg);
    left: 3px;
}
.tabs {
    background: #fff;
    border-radius: 100px;
    align-items: center;
    height: 34px;
    margin: 33px auto 10px;
    padding: 0 30px;
    display: flex;
    box-shadow: 0 2px #00000040;
}
.tabs__wrap {
    display: flex;
}
.tabs__item {
    letter-spacing: 0.05em;
    color: #6e3923;
    cursor: pointer;
    background: 0 0;
    border: none;
    margin: 0 18px;
    padding: 0;
    font-family: inherit;
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    position: relative;
}
.tabs__item span {
    z-index: 1;
    text-transform: capitalize;
    position: relative;
}
.tabs__item.active {
    color: #fff;
}
.tabs__item.active:before {
    content: "";
    background-color: #ff7800;
    background-image: linear-gradient(#ff7800, #f97600), linear-gradient(#f90, #f2a268);
    background-position:
        top,
        -10px -10px;
    background-repeat: no-repeat, no-repeat;
    background-size:
        cover,
        calc(100% + 20px) calc(100% + 20px);
    background-clip: padding-box, border-box;
    border: 5px solid #0000;
    border-radius: 10px;
    position: absolute;
    inset: -9px -15px;
    box-shadow:
        0 0 5px #ff7800,
        0 2px #b75637;
}
.grid-ach-box1 {
    flex-wrap: wrap;
    margin: 0 -12px;
    display: flex;
}
.grid-ach-box1__item {
    margin: 12px;
}
@media screen and (max-width: 1279px) {
    .rtl-lang .grid-ach-box1__item:nth-child(5n + 5) .ach-tooltip {
        padding-inline-start: unset;
        padding-inline-end: 13px;
        inset-inline-start: unset;
        inset-inline-end: 100%;
    }
    .rtl-lang .grid-ach-box1__item:nth-child(5n + 5) .ach-tooltip:before {
        inset-inline-start: unset;
        inset-inline-end: 3px;
        transform: scaleX(-1);
    }
}
@media screen and (min-width: 1280px) and (max-width: 1680px) {
    .rtl-lang .grid-ach-box1__item:nth-child(6n + 6) .ach-tooltip {
        padding-inline-start: unset;
        padding-inline-end: 13px;
        inset-inline-start: unset;
        inset-inline-end: 100%;
    }
    .rtl-lang .grid-ach-box1__item:nth-child(6n + 6) .ach-tooltip:before {
        inset-inline-start: unset;
        inset-inline-end: 3px;
        transform: scaleX(-1);
    }
}
@media screen and (min-width: 1280px) {
    .grid-ach-box1 {
        margin: 0 -13px;
    }
    .grid-ach-box1__item {
        margin: 13px;
    }
}
.grid-ach-box2 {
    grid-gap: 24px;
    grid-template-columns: repeat(5, 130px);
    padding: 20px 0;
    display: grid;
}
@media screen and (max-width: 1279px) {
    .rtl-lang .grid-ach-box2 .ach-item:nth-of-type(3n + 3) .ach-tooltip {
        padding-inline-start: unset;
        padding-inline-end: 13px;
        inset-inline-start: unset;
        inset-inline-end: 100%;
    }
    .rtl-lang .grid-ach-box2 .ach-item:nth-of-type(3n + 3) .ach-tooltip:before {
        inset-inline-start: unset;
        inset-inline-end: 3px;
        transform: scaleX(-1);
    }
}
@media screen and (min-width: 1280px) and (max-width: 1680px) {
    .rtl-lang .grid-ach-box2 .ach-item:nth-of-type(4n + 4) .ach-tooltip {
        padding-inline-start: unset;
        padding-inline-end: 13px;
        inset-inline-start: unset;
        inset-inline-end: 100%;
    }
    .rtl-lang .grid-ach-box2 .ach-item:nth-of-type(4n + 4) .ach-tooltip:before {
        inset-inline-start: unset;
        inset-inline-end: 3px;
        transform: scaleX(-1);
    }
}
.grid-ach-box2__big {
    grid-area: 1/1/3/3;
}
@media screen and (min-width: 1280px) {
    .grid-ach-box2 {
        grid-gap: 26px;
        grid-template-columns: repeat(6, 140px);
    }
}
.grid-ach {
    width: 748px;
    margin: 32px auto 0;
}
.grid-ach__top {
    position: relative;
}
.grid-ach__center {
    flex-wrap: wrap;
    margin: 0 -10px;
    padding-top: 10px;
    display: flex;
}
.grid-ach__small {
    width: calc(50% - 20px);
    margin: 10px;
}
.grid-ach__big {
    width: calc(100% - 20px);
    margin: 10px;
}
.grid-ach__btn {
    text-align: center;
}
@media screen and (min-width: 1280px) {
    .grid-ach {
        width: 970px;
    }
}
@media screen and (min-width: 1680px) {
    .grid-ach {
        width: 1247px;
    }
}
@keyframes scaleInOut {
    0%,
    to {
        opacity: 1;
        transform: scale(1);
    }
    25%,
    50%,
    75% {
        opacity: 0;
        transform: scale(1.4);
    }
}
@keyframes hideBlock {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        position: absolute;
        transform: scale(0);
    }
}
@keyframes showBlock {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    to {
        opacity: 1;
        position: relative;
        transform: scale(1);
    }
}
.easter-box {
    width: 100%;
    max-width: 490px;
    position: relative;
}
.easter-info .easter-box {
    margin: 0 auto;
}
.easter-box .easter-btn {
    white-space: nowrap;
    margin: 16px auto -58px;
}
.easter-box__content {
    width: 100%;
}
.easter-box__inner {
    opacity: 0.3;
    width: 100%;
    transition: opacity 0.2s;
}
.easter-box__not-selected,
.easter-box__selected {
    width: 100%;
}
.easter-box__selected {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: scale(0);
}
.easter-box__num {
    text-align: center;
    color: #fff;
    -webkit-text-stroke: 1px #8d752d;
    text-shadow:
        1px 2px #8d752d,
        -1px 2px #8d752d,
        1px 2px #8d752d;
    background-image: url(/joxi/easter/2023/elements/level-number.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: flex-start;
    width: 74px;
    height: 77px;
    margin: 10px auto 25px;
    padding-top: 7px;
    font-family:
        Ubuntu,
        -apple-system,
        Segoe UI,
        Roboto,
        Oxygen,
        Cantarell,
        Fira Sans,
        Helvetica Neue,
        Helvetica,
        Arial,
        cursive;
    font-size: 44px;
    font-weight: 700;
    line-height: 51px;
    display: flex;
    position: relative;
}
.easter-box__status {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 34px;
    position: absolute;
    top: -8px;
    right: -7px;
}
.easter-slider__item.is-yesterday .easter-box__status,
.easter-slider__item.is-previous .easter-box__status {
    background-image: url(/joxi/easter/2023/elements/status-success.png);
}
.easter-slider__item.is-next .easter-box__status,
.easter-slider__item.is-future .easter-box__status {
    background-image: url(/joxi/easter/2023/elements/status-locked.png);
}
.easter-box__gift {
    width: 224px;
    height: 217px;
    margin: 0 auto;
    position: relative;
}
.easter-box__gift.is-cursor {
    cursor: pointer;
}
.easter-box__gift-img {
    z-index: 1;
    filter: grayscale();
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    position: relative;
}
.easter-info .easter-box__gift-img {
    filter: none;
}
.easter-box__gift-shine {
    pointer-events: none;
    width: 310px;
    max-width: none;
    height: 295px;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.easter-info .easter-box__gift-shine {
    display: block;
}
.easter-box__panel {
    z-index: 2;
    background-color: #bc9c3b;
    border-radius: 22px;
    width: 100%;
    margin-top: -15px;
    padding: 2px 2px 7px;
    position: relative;
}
.easter-box__panel-label {
    text-align: center;
    color: #f8edd9;
    z-index: 2;
    background-image: url(/joxi/easter/2023/elements/label.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 64px;
    padding-top: 11px;
    font-family:
        Josefin Sans,
        -apple-system,
        Segoe UI,
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        Fira Sans,
        Helvetica Neue,
        Helvetica,
        Arial,
        cursive;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
    display: flex;
    position: absolute;
    top: -36px;
    left: 50%;
    transform: translate(-50%);
}
.easter-box__panel-inner {
    background: linear-gradient(#f4d165 0% 100%);
    border-radius: 19px;
    width: 100%;
    padding: 32px 22px 24px;
    position: relative;
}
.easter-box__panel-inner:after {
    content: "";
    pointer-events: none;
    background-image: url(/joxi/easter/2023/elements/shine-panel.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 41px;
    height: 18px;
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
}
.easter-info .easter-box__panel-inner {
    padding-bottom: 45px;
}
.easter-box__panel-countdown {
    margin-top: 16px;
}
.easter-box__panel-title {
    white-space: break-spaces;
    color: #5c225d;
    width: 100%;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.25em;
    display: block;
    text-align: center !important;
}
.easter-box__panel-title + .easter-box__panel-text {
    margin-top: 8px;
}
.easter-box__panel-text {
    color: #5c225d;
    width: 100%;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4em;
    display: block;
    text-align: center !important;
}
.easter-box__panel-info {
    text-align: center;
    color: #5c225d;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.easter-box__row {
    justify-content: space-between;
    width: 100%;
    display: flex;
    position: relative;
}
.easter-box__row-side {
    flex-direction: column;
    justify-content: flex-start;
    width: calc(50% - 12px);
    padding-right: 10px;
    display: flex;
}
.easter-box__row-side:first-child {
    order: 0;
}
.easter-box__row-side:nth-child(2) {
    order: 2;
}
.easter-box__row-side:only-child {
    width: 100%;
}
.easter-box__row-title {
    text-align: center;
    color: #5c225d;
    text-transform: capitalize;
    width: 100%;
    min-height: 20px;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.42em;
}
.easter-box__row-side:only-child .easter-box__row-title {
    min-height: 26px;
    font-size: 24px;
}
.easter-box__row-bonus {
    word-break: break-word;
    text-align: center;
    color: #5c225d;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.42em;
}
.easter-box__row-side:only-child .easter-box__row-bonus {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2em;
}
.easter-box__row-trigger {
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    display: flex;
}
.easter-box__row-trigger-btn {
    cursor: pointer;
    background-color: #c3c3c3;
    border: none;
    border-radius: 50%;
    outline: none;
    justify-content: center;
    width: 26px;
    height: 26px;
    display: flex;
    position: relative;
}
.easter-box__row-trigger-btn.is-active:after {
    opacity: 1;
    transform: scale(1);
}
.easter-box__row-trigger-btn:before,
.easter-box__row-trigger-btn:after {
    content: "";
    display: block;
    position: absolute;
}
.easter-box__row-trigger-btn:before {
    background-color: #fff;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    top: -2px;
    left: -1px;
}
.easter-box__row-trigger-btn:after {
    opacity: 0;
    background-image: url(/joxi/easter/2023/icons/check-circle.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 19px;
    height: 21px;
    transition-property: transform, opacity;
    transition-duration: 0.2s;
    top: 1px;
    left: 3px;
    transform: scale(0);
}
.easter-box__row-divider {
    text-align: center;
    color: #5c225d66;
    order: 1;
    justify-content: center;
    align-items: center;
    width: 13px;
    height: 41px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.1;
    display: flex;
    position: absolute;
    top: 28px;
    left: 50%;
    transform: translate(-50%);
}
.easter-box__row-divider span {
    align-items: center;
    height: 14px;
    display: flex;
}
.easter-box__row-divider:before,
.easter-box__row-divider:after {
    content: "";
    background-color: #5c225d66;
    width: 1px;
    height: 12px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
.easter-box__row-divider:before {
    top: 0;
}
.easter-box__row-divider:after {
    bottom: 0;
}
.easter-box__info {
    background-color: #5a215b;
    border-radius: 0 0 22px 22px;
    width: 397px;
    margin: 0 auto;
    padding: 0 2px 7px;
}
.easter-box__info-inner {
    background-color: #844275;
    border-radius: 0 0 19px 19px;
    width: 100%;
    padding: 37px 11px 17px 10px;
}
.easter-box__requirements {
    opacity: 0;
    pointer-events: none;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
    position: absolute;
    transform: scale(0);
}
.easter-box__requirements-item {
    background-color: #5a215b;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 4px 8px;
    display: flex;
}
.easter-box__requirements-item:not(:last-child) {
    margin-bottom: 8px;
}
.easter-box__requirements-item-descr {
    color: #fff9;
    text-align: left;
    margin-right: 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
body.rtl-lang .easter-box__requirements-item-descr {
    margin-right: 0;
}
body.rtl-lang .easter-box__requirements {
    direction: rtl;
}
.easter-box__requirements-item-val {
    color: #fff;
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.easter-box__terms-wrap {
    justify-content: center;
    align-items: center;
    margin-top: auto;
    padding-top: 12px;
    display: flex;
}
.easter-box__terms-trigger {
    cursor: pointer;
    text-align: center;
    color: #fff;
    background-color: #0000;
    border: none;
    outline: none;
    justify-content: center;
    align-items: center;
    margin: 12px auto 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4em;
    text-decoration-line: underline;
    display: flex;
}
.easter-box__terms-wrap .easter-box__terms-trigger {
    color: #5c225d;
    margin: 0;
}
.easter-btn {
    cursor: pointer;
    background: #237a2b;
    border: none;
    border-radius: 66px;
    outline: none;
    align-items: flex-start;
    height: 88px;
    padding: 0;
    text-decoration: none;
    display: flex;
    position: relative;
    box-shadow: 0 5px 8px #3232324d;
}
.easter-btn.is-height {
    height: 64px;
}
.easter-btn.is-height .easter-btn__inner {
    height: 60px;
}
.easter-btn.is-height .easter-btn__text {
    font-size: 28px;
}
.easter-btn:hover {
    text-decoration: none;
}
.easter-btn:hover .easter-btn__inner:after {
    background: linear-gradient(150.67deg, #77eb41 17.99%, #4ea226 51.48%), linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
    box-shadow:
        inset 1px 1px #f6f3bb66,
        inset -1px -1px 1px #319641,
        inset 0 -2px 8px #acc83c;
}
.easter-btn:after {
    content: "";
    pointer-events: none;
    z-index: 4;
    background-image: url(/joxi/easter/2023/elements/shine-btn.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 14px;
    position: absolute;
    top: 8px;
    left: 14px;
}
.easter-info .easter-btn {
    margin: 0;
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translate(-50%);
}
.easter-btn__inner {
    background-image: linear-gradient(149.95deg, #77eb41 18.32%, #4ea226 84.78%),
        linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
    border-radius: 66px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 84px;
    padding: 0 43px;
    display: flex;
    position: relative;
    box-shadow:
        inset 1px 1px #f6f3bb66,
        inset -1px -1px 1px #6ad23666;
}
.easter-btn__inner:after {
    content: "";
    background-image: linear-gradient(149.95deg, #77eb41 18.32%, #4ea226 84.78%),
        linear-gradient(#d9d9d9 0%, #d9d9d900 100%);
    border-radius: 66px;
    transition-property: background-image, box-shadow;
    transition-duration: 0.2s;
    display: block;
    position: absolute;
    inset: 4px 6px 4px 4px;
    box-shadow:
        inset 1px 1px #f6f3bb66,
        inset -1px -1px 1px #76d846,
        inset 0 -10px 8px #69c83c;
}
.easter-btn__inner:before {
    content: "";
    opacity: 0.3;
    z-index: 2;
    background-image: linear-gradient(#f0f3b100 0%, #cae480 100%);
    border-radius: 50px;
    height: 9px;
    display: block;
    position: absolute;
    top: 12px;
    left: 17px;
    right: 17px;
}
.easter-btn__text {
    text-align: center;
    z-index: 5;
    color: #fff;
    -webkit-text-stroke: 1px #377320;
    text-shadow:
        1px 2px #377320,
        -1px 2px #377320,
        1px 2px #377320;
    width: 100%;
    font-family:
        Ubuntu,
        -apple-system,
        Segoe UI,
        Roboto,
        Oxygen,
        Cantarell,
        Fira Sans,
        Helvetica Neue,
        Helvetica,
        Arial,
        cursive;
    font-size: 40px;
    font-weight: 700;
    line-height: 1em;
    display: block;
    position: relative;
}
.easter-info .easter-btn__text {
    font-size: 24px;
}
.swiper-button-disabled {
    display: none;
}
.easter-countdown {
    text-align: center;
    width: 100%;
}
.easter-countdown__title {
    color: #fff9;
    margin-right: 3px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1em;
}
.easter-box__panel-countdown .easter-countdown__title {
    display: none;
}
body.rtl-lang .easter-countdown__time {
    margin-right: 8px;
    display: block;
}
body.rtl-lang .easter-countdown__title {
    direction: rtl;
}
body.rtl-lang .easter-countdown {
    flex-direction: row-reverse;
    justify-content: center;
    display: flex;
}
.easter-countdown__time {
    text-align: center;
    color: #f8eeda;
    font-size: 20px;
    font-weight: 700;
    line-height: 1em;
}
.easter-box__panel-countdown .easter-countdown__time {
    color: #5c225d;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.15em;
}
.easter-info {
    width: 100%;
}
.easter-popup {
    background: #bc9c3b;
    border-radius: 22px;
    width: 100%;
    max-width: 512px;
    margin: 0 auto;
    padding: 2px 2px 7px;
    font-family:
        Jost,
        -apple-system,
        Segoe UI,
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        Fira Sans,
        Helvetica Neue,
        Helvetica,
        Arial,
        cursive;
    position: relative;
}
.easter-popup__close {
    cursor: pointer;
    z-index: 2;
    background-color: #5a215b;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 41px;
    padding: 0;
    display: flex;
    position: absolute;
    top: -17px;
    right: -16px;
}
.easter-popup__span {
    background-color: #844275;
    background-image: url(/joxi/easter/2023/icons/close.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: block;
    position: relative;
    top: 0;
    transform: translateY(-2px);
}
.easter-popup__span:hover {
    background-color: #6f2f60;
    box-shadow:
        inset 1px 1px 2px #ebaedd66,
        inset 0 -2px 6px #450b38;
}
.easter-popup__span:active {
    background-color: #621f52;
    box-shadow:
        inset 1px 1px 6px #ebaedd66,
        inset 0 -4px 24px #310024;
}
.easter-popup__inner {
    background-image: linear-gradient(#f4d165 0% 100%);
    border-radius: 19px;
    width: 100%;
    padding: 22px 14px 17px;
    position: relative;
}
.easter-popup__inner:after {
    content: "";
    z-index: 2;
    pointer-events: none;
    background-image: url(/joxi/easter/2023/elements/shine-panel.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 41px;
    height: 18px;
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
}
body.rtl-lang .easter-popup__inner {
    direction: rtl;
}
.easter-popup__title {
    text-align: center;
    color: #5c225d;
    text-transform: capitalize;
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.45em;
}
.easter-popup__bonus {
    text-align: center;
    color: #5c225d;
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
}
.easter-popup__text {
    text-align: center;
    margin-bottom: 16px;
}
.easter-popup__text p {
    color: #5c225d;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.easter-popup__list {
    text-align: center;
    margin: 0 0 23px;
    padding: 0;
    list-style: none;
}
.easter-popup__list li {
    color: #5c225d;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.easter-popup__list li:not(:last-child) {
    margin-bottom: 1px;
}
.easter-popup__btn {
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    display: flex;
}
.easter-popup__terms {
    width: 100%;
}
body.rtl-lang .easter-popup__terms {
    direction: rtl;
}
.easter-popup__terms-trigger {
    cursor: pointer;
    color: #5c225d;
    background-color: #e6c354;
    border: none;
    border-radius: 12px;
    outline: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 67px;
    padding: 20px 40px 20px 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.45em;
    display: flex;
    position: relative;
}
.easter-popup__terms.is-opened .easter-popup__terms-trigger {
    border-radius: 12px 12px 0 0;
}
.easter-popup__terms.is-opened .easter-popup__terms-trigger:after {
    transform: translateY(-50%) rotate(270deg);
}
.easter-popup__terms-trigger:after {
    content: "";
    background-image: url(/joxi/easter/2023/icons/slider-arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    transition: transform 0.2s;
    display: block;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%) rotate(90deg);
}
.easter-popup__terms-inner {
    background: #e6c354;
    border-radius: 0 0 12px 12px;
    width: 100%;
    padding: 0 16px 12px;
    display: none;
}
.easter-popup__terms.is-opened .easter-popup__terms-inner {
    display: block;
}
.easter-popup__terms-list {
    width: 100%;
    margin: 0;
    padding: 0;
}
.easter-popup__terms-list thead th {
    text-align: left;
    width: 50%;
    padding-right: 10px;
}
.easter-popup__terms-list p {
    color: #5c225d;
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15em;
}
.easter-popup__terms-list p a {
    color: #5c225d;
    font-size: 14px;
    font-weight: 600;
    text-decoration-line: underline;
}
.easter-popup__terms-list ul,
.easter-popup__terms-list ol {
    width: 100%;
    margin-bottom: 12px;
    list-style-position: inside;
}
.easter-popup__terms-list li {
    color: #5c225d;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15em;
    position: relative;
}
.easter-popup__terms-list li:not(:last-child) {
    margin-bottom: 12px;
}
.easter-popup__terms-list table {
    color: #5c225d;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15em;
}
.easter-popup__terms-list table td {
    padding: 0 3px;
}
.easter-slider {
    align-items: center;
    min-width: 1024px;
    display: flex;
    overflow: hidden;
}
.easter-slider__inner {
    box-sizing: border-box;
}
.easter-slider__circle {
    background-color: #f8eeda;
    background-image: url(/joxi/easter/2023/icons/slider-arrow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: block;
    position: relative;
    top: 0;
    transform: translateY(-2px);
}
.easter-slider__circle:hover {
    background-color: #efdfbf;
    box-shadow:
        inset 1px 3px 4px #fff,
        inset 0 -2px 4px #94763a;
}
.easter-slider__circle:active {
    background-color: #efdfbf;
    box-shadow: inset 0 -2px 13px #94763a;
}
.easter-slider__btn {
    cursor: pointer;
    background-color: #c8b389;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 53px;
    padding: 0;
    display: flex;
}
.easter-slider__btn.prev {
    z-index: 100;
    position: absolute;
    left: calc(50% - 315px);
    transform: translate(-50%) scaleX(-1);
}
.easter-slider__btn.next {
    z-index: 100;
    position: absolute;
    right: calc(50% - 315px);
    transform: translate(50%);
}
.easter-slider__btn img {
    background-color: red;
    height: 24px;
}
.easter-slider__item {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 0;
    transition: opacity 0.2s;
    display: flex;
    position: relative;
}
.easter-slider__item.swiper-slide-active .easter-box__inner {
    opacity: 1;
}
.easter-slider__item.is-today {
    min-height: 630px;
}
.easter-slider__item.is-today .easter-box__gift-img,
.easter-slider__item.is-yesterday .easter-box__gift-img,
.easter-slider__item.is-previous .easter-box__gift-img {
    filter: none;
}
.easter-slider__item.is-today .easter-box__gift-shine,
.easter-slider__item.is-yesterday .easter-box__gift-shine,
.easter-slider__item.is-previous .easter-box__gift-shine {
    display: block;
}
.easter-unset {
    all: unset;
}
.easter-wrapper {
    box-sizing: border-box;
    background: url(/joxi/easter/2023/elements/stars-bg.svg), linear-gradient(#2a3d75 0%, #11194a 52.08%, #351d57 100%);
    justify-content: center;
    align-items: center;
    font-family:
        Jost,
        -apple-system,
        Segoe UI,
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        Fira Sans,
        Helvetica Neue,
        Helvetica,
        Arial,
        cursive;
    display: flex;
    overflow: hidden;
}
body.is-anim .easter-slider__item.is-today .easter-box {
    animation: 1.5s linear forwards scaleInOut;
}
body.is-anim .easter-slider__item.is-today .easter-box__not-selected {
    pointer-events: none;
    animation-name: hideBlock;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
body.is-anim .easter-slider__item.is-today .easter-box__selected,
body.is-anim .easter-slider__item.is-today .easter-box__requirements {
    pointer-events: all;
    animation-name: showBlock;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
body:not(.is-anim) .easter-slider__item.is-selected-bonus .easter-box__not-selected {
    display: none;
}
body:not(.is-anim) .easter-slider__item.is-selected-bonus .easter-box__selected,
body:not(.is-anim) .easter-slider__item.is-selected-bonus .easter-box__requirements {
    opacity: 1;
    pointer-events: all;
    position: relative;
    transform: scale(1);
}
.document-item {
    border: 1px solid #00c853;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 12px;
    padding: 12px;
    display: flex;
}
.document-item.has-error {
    border-color: #e66a87;
}
.document-item__ico {
    background-image: url(/joxi/dvs/i-document.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    flex-shrink: 0;
    width: 32px;
    height: 48px;
    margin-right: 12px;
}
.document-item__info {
    flex: auto;
    width: calc(100% - 88px);
}
.document-item__title {
    color: #524e72;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 95%;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
}
.has-error .document-item__title {
    color: #f44336;
}
.document-item__size {
    color: #8c87b3;
    font-size: 14px;
    line-height: 20px;
}
.has-error .document-item__size {
    color: #f44336;
}
.document-item__close {
    cursor: pointer;
    background-image: url(/joxi/dvs/i-close-rounded.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}
.document-item__errors {
    color: #f44336;
    flex: 0 100%;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
}
.document-item .has-error {
    color: #f44336;
    border: 1px solid #e66a87;
}
.drag-and-drop {
    text-align: center;
    background-color: #8c87b314;
    border: 1px dashed #8c87b3;
    margin: 12px 0;
    padding: 32px 0;
}
body.rtl-lang .drag-and-drop * {
    text-align: center;
}
.drag-and-drop__icon {
    background-image: url(/joxi/dvs/i-upload.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 48px;
    margin-bottom: 8px;
}
.drag-and-drop__title {
    color: #524e72;
    margin-bottom: 8px;
    font-size: 28px;
    line-height: 28px;
}
.drag-and-drop__label {
    color: #8c87b3;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 24px;
}
.drag-and-drop__label label {
    color: #3586ff;
    cursor: pointer;
    text-decoration: underline;
}
.drag-and-drop__file-types {
    color: #8c87b3;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
}
.drag-and-drop.dragging {
    background: #eee;
}
.drag-and-drop.error {
    background: #f4433614;
}
.drag-and-drop.is-disabled {
    opacity: 0.4;
    pointer-events: none;
}
.verification-btn_survey,
.verification-btn_doc {
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background: #3586ff;
    border: none;
    border-radius: 30px;
    min-width: 180px;
    margin-top: 12px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    transition: box-shadow 0.3s;
}
.verification-btn_survey:hover,
.verification-btn_doc:hover {
    box-shadow: 0 6px 8px #1e88e566;
}
.verification-btn_survey:focus,
.verification-btn_doc:focus {
    background: #8ec3f1;
}
.verification-btn_again {
    box-shadow: none;
    cursor: pointer;
    color: #3586ff;
    text-align: center;
    background: #fff;
    border: 2px solid #8c87b333;
    border-radius: 30px;
    min-width: 86px;
    height: 40px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.3s;
}
.verification-btn_again:hover {
    background: #8c87b31a;
}
.verification-btn_again:focus {
    background: #8c87b366;
}
.verification-btn:disabled {
    pointer-events: none;
    filter: grayscale(0.5);
    cursor: initial;
}
.verification-content {
    background: #fff;
    border-bottom: 1px solid #8c87b333;
    padding: 20px 20px 20px 88px;
    font-size: 16px;
    position: relative;
}
.verification-content.has-no-status:after {
    content: none;
}
body.rtl-lang .verification-content {
    direction: rtl;
    padding: 20px 88px 20px 20px;
}
body.rtl-lang .verification-content:before {
    left: 0;
    right: 22px;
}
body.rtl-lang .verification-content:after {
    left: 0;
    right: 56px;
}
.verification-content:last-child {
    border-bottom: none;
}
.verification-content:before {
    content: "";
    background: #faf9ff 50% no-repeat;
    border: 1px solid #eeecff;
    width: 48px;
    height: 48px;
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 22px;
}
.verification-content:after {
    content: "";
    background: #fff 0 0 / cover no-repeat;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 56px;
}
.verification-content__title {
    color: #1f2126;
    padding-bottom: 6px;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}
.verification-content__text {
    color: #524e72;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.verification-content__status {
    padding: 0 0 12px;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
    line-height: 20px;
}
.verification-content__details ul {
    padding: 0 0 3px 24px;
    list-style-type: disc;
}
.verification-content__details ul li {
    padding: 0 0 8px;
}
.verification-content__details p {
    padding: 0 0 6px;
}
.verification-content__comment {
    overflow-wrap: anywhere;
    background: #fbc02d14;
    border: 1px solid #fbc02d80;
    flex-direction: column;
    margin: 0 0 12px;
    padding: 10px 16px;
    font-style: italic;
    display: flex;
}
.verification-content__comment strong {
    padding-right: 6px;
    font-weight: 600;
}
.verification-content__comment ol {
    padding-left: 15px;
}
.verification-content__comment ul {
    padding-left: 15px;
    list-style: disc;
}
.verification-content_proof_of_identity:before {
    background-image: url(/joxi/dvs/i-identity-document.svg);
}
.verification-content_proof_of_address:before {
    background-image: url(/joxi/dvs/i-proof-address.svg);
}
.verification-content_card_photo:before {
    background-image: url(/joxi/dvs/i-card-photo.svg);
}
.verification-content_proof_of_bank_account_owner:before {
    background-image: url(/joxi/dvs/i-proof-bank.svg);
}
.verification-content_e_wallet_ownership:before {
    background-image: url(/joxi/dvs/i-proof-wallet.svg);
}
.verification-content_transaction_history:before {
    background-image: url(/joxi/dvs/i-transaction-history.svg);
}
.verification-content_selfie_photo:before,
.verification-content_additional:before {
    background-image: url(/joxi/dvs/i-selfie-photo.svg);
}
.verification-content_proof_of_wealth:before {
    background-image: url(/joxi/dvs/i-proof-wealth.svg);
}
.verification-content_proof_wallet:before {
    background-image: url(/joxi/dvs/i-proof-wallet.svg);
}
.verification-content_not_requested:after,
.verification-content_not-uploaded:after {
    background-image: url(/joxi/dvs/i-status-not-verified.svg);
}
.verification-content_not_requested .verification-content__status,
.verification-content_not-uploaded .verification-content__status {
    color: #55c9ff;
}
.verification-content_requested:after {
    background-image: url(/joxi/dvs/i-status-requires.svg);
}
.verification-content_requested .verification-content__status {
    color: #fbc02d;
}
.verification-content_declined:after {
    background-image: url(/joxi/dvs/i-status-reload.svg);
    background-position: -3px -3px;
    background-size: 28px;
}
.verification-content_declined .verification-content__status {
    color: #fbc02d;
}
.verification-content_pending:after {
    background-image: url(/joxi/dvs/i-status-pending.svg);
}
.verification-content_pending .verification-content__status {
    color: #ffa000;
}
.verification-content_approved:after {
    background-image: url(/joxi/dvs/i-status-verified.svg);
}
.verification-content_approved .verification-content__status {
    color: #00c853;
}
.verification-content_survey:before {
    background-image: url(/joxi/dvs/i-survey-rg.svg);
}
.verification-content__pending-description {
    margin-bottom: 12px;
}
dvs-page,
survey-list {
    color: #000;
    font-family:
        Roboto Condensed,
        -apple-system,
        Segoe UI,
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        Fira Sans,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
.verification-content-wrap {
    background-color: #fff;
    padding: 20px;
}
.verification-content-wrap .verification-content-status:first-child .verification-status {
    margin-top: 0;
}
dvs-popup {
    color: #000;
    font-family:
        Roboto Condensed,
        -apple-system,
        Segoe UI,
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        Fira Sans,
        Helvetica Neue,
        Helvetica,
        Arial,
        sans-serif;
}
.verification-popup {
    background: #fff;
    width: 100%;
    max-width: 800px;
    height: auto;
    max-height: 90%;
    padding: 30px 40px 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    overflow-y: auto;
    transform: translate(-50%, -50%);
    box-shadow: 0 6px 16px #250e3d1a;
}
@media (max-width: 768px) {
    .verification-popup {
        max-width: 100%;
        height: 100%;
        min-height: 100vh;
        max-height: none;
        padding: 10px 20px 100px;
        position: fixed;
        inset: 0;
        overflow-y: auto;
        transform: translate(0);
    }
}
@media (max-width: 950px) and (orientation: landscape) {
    .verification-popup {
        max-width: 100%;
        height: 100%;
        min-height: 100vh;
        padding: 10px 20px 100px;
        position: fixed;
        inset: 0;
        overflow-y: auto;
        transform: translate(0);
    }
}
.verification-popup__close-btn {
    cursor: pointer;
    inset-inline-end: 40px;
    background-color: #0000;
    background-image: url(/joxi/dvs/i-close-rounded.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    width: 28px;
    height: 28px;
    transition: opacity 0.3s;
    position: absolute;
    top: 30px;
}
.verification-popup__close-btn:hover {
    opacity: 0.6;
}
@media (max-width: 768px) {
    .verification-popup__close-btn {
        inset-inline-end: 15px;
        top: 10px;
    }
}
.verification-popup__title {
    text-align: center;
    padding: 0 40px 20px;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
}
@media (max-width: 768px) {
    .verification-popup__title {
        padding-block: 0 20px;
        padding-inline: 0 25px;
        font-size: 24px;
        line-height: 28px;
    }
}
body.rtl-lang .verification-popup__title {
    text-align: center;
}
.verification-popup__frame {
    margin: 0 auto;
}
.verification-popup__frame.is-kreditz {
    height: 100%;
    padding: 30px;
}
.verification-popup__frame.is-kreditz iframe {
    width: 100%;
    height: calc(100vh - 215px);
}
@media (max-width: 768px) {
    .verification-popup__frame.is-kreditz iframe {
        height: 100%;
    }
}
.verification-popup__description {
    color: #524e72;
}
.verification-popup__description ul {
    margin-bottom: 10px;
    padding-left: 20px;
    list-style-type: disc;
}
.verification-popup__description p {
    margin-bottom: 12px;
    line-height: 20px;
}
@media (max-width: 768px) {
    .verification-popup__description p {
        margin-bottom: 4px;
    }
    .verification-popup__description p:last-child {
        margin-bottom: 0;
    }
}
.verification-popup__description li {
    margin-bottom: 4px;
    line-height: 20px;
}
.verification-popup__btn-wrap {
    text-align: center;
}
.verification-popup__error {
    color: #524e72;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #f4433614;
    border: 1px solid #f4433680;
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    padding: 0 16px;
    font-size: 16px;
    font-style: italic;
    line-height: 40px;
    overflow: hidden;
}
@media (max-width: 768px) {
    .verification-popup .onfido-sdk-ui-Modal-inner {
        width: calc(100% - 40px);
        height: 37.5em;
    }
}
@media (max-width: 950px) and (orientation: landscape) {
    .verification-popup .onfido-sdk-ui-Modal-inner {
        width: calc(100% - 40px);
        height: 37.5em;
    }
}
.verification-popup-wrap.dvs-preloader {
    z-index: 900;
    position: relative;
}
.verification-popup-wrap.dvs-preloader .verification-popup__form {
    pointer-events: none;
}
.verification-popup-wrap.dvs-preloader:after {
    content: "";
    z-index: 900;
    pointer-events: none;
    background: #fff9;
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    inset: 0;
}
.verification-status {
    background: #fff 14px no-repeat;
    border: 10px solid #0000;
    align-items: center;
    min-height: 88px;
    margin-top: 16px;
    padding-left: 80px;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    display: flex;
}
body.rtl-lang .verification-status {
    direction: rtl;
    background-position: calc(100% - 14px);
    padding-right: 80px;
}
.verification-status_not_verified {
    background-image: url(/joxi/dvs/i-status-not-verified.svg);
    border-color: #4fc3f733;
}
.rtl-lang .verification-status_not_verified {
    background-image: url(/joxi/dvs/i-status-not-verified-rtl.svg);
}
.verification-status_failed_verification,
.verification-status_requires_verification {
    background-image: url(/joxi/dvs/i-status-requires.svg);
    border-color: #fbc02d33;
}
.verification-status_pending_verification {
    background-image: url(/joxi/dvs/i-status-pending.svg);
    border-color: #ffa00033;
}
.verification-status_verified,
.verification-status_none {
    background-image: url(/joxi/dvs/i-status-verified.svg);
    border-color: #00c85333;
}
.verification-title {
    color: #000;
    text-align: center;
    background: #fff;
    padding: 20px 20px 16px;
}
.verification-title__title {
    padding-bottom: 12px;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
}
.verification-title__description {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}