@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Pragati+Narrow&display=swap);
@import url(https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

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

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

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@font-face {
    font-display: swap;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    src: url(/cms/fonts/icons/icons.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    src: url(/cms/fonts/glyphter/Glyphter.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Glyphter-custom;
    font-style: normal;
    font-weight: 400;
    src: url(/cms/fonts/glyphter-custom/Glyphter.woff) format("woff")
}

:root {
    --body-background: #1c1e26;
    --paper-background: #2b2e3b;
    --link-bg: #393d4b;
    --link-border: #393d4b;
    --w-right-offset: 16px;
    --w-offset-b-zendesk: 16px;
    --w-height-zendesk: 46px;
    --w-offset-b-deposit-btn: 8px;
    --w-height-deposit-btn: 46px;
    --w-offset-b-up-btn: 8px;
    --w-height-up-btn: 46px
}

:root .light-theme:has(#root[data-url*="/live-betting"]), :root .light-theme:has(#root[data-url*="/sports"]) {
    --body-background: #fff;
    --paper-background: #f3f3fb;
    --link-bg: #b8bbcd;
    --link-border: #b8bbcd
}

@media (max-width: 1024px) {
    :root {
        --w-offset-b-zendesk: 8px;
        --w-offset-b-deposit-btn: 16px;
        --w-m-offset-b-zendesk: 16px
    }
}

@media (max-width: 600px) {
    body[data-url-body*="/live-betting"], body[data-url-body*="/sports"] {
        --w-offset-b-deposit-btn: 72px
    }
}

@media (min-width: 601px)and (max-width: 1024px) {
    body[data-url-body*="/live-betting"], body[data-url-body*="/sports"] {
        --w-offset-b-deposit-btn: 92px
    }
}

@media (min-width: 1025px)and (max-width: 1280px) {
    body[data-url-body*="/live-betting"], body[data-url-body*="/sports"] {
        --w-offset-b-zendesk: 92px
    }
}

.low-balance-notification-shown {
    --w-offset-b-deposit-btn: 8px;
    --w-offset-b-zendesk: 78px
}

@media (max-width: 600px) {
    .low-balance-notification-shown body[data-url-body*="/live-betting"], .low-balance-notification-shown body[data-url-body*="/sports"] {
        --w-offset-b-deposit-btn: 72px
    }
}

@media (min-width: 601px)and (max-width: 1024px) {
    .low-balance-notification-shown body[data-url-body*="/live-betting"], .low-balance-notification-shown body[data-url-body*="/sports"] {
        --w-offset-b-deposit-btn: 92px
    }
}

@media (min-width: 1025px)and (max-width: 1280px) {
    .low-balance-notification-shown body[data-url-body*="/live-betting"], .low-balance-notification-shown body[data-url-body*="/sports"] {
        --w-offset-b-zendesk: 114px
    }
}

@keyframes breathing {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(.9)
    }
    to {
        transform: scale(1)
    }
}

@keyframes colors {
    0% {
        color: #18ae62
    }
    50% {
        color: #fff
    }
    to {
        color: #18ae62
    }
}

*, :after, :before {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

body, html {
    height: 100%
}

html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    html {
        scroll-behavior: smooth
    }
}

body {
    -webkit-overflow-scrolling: touch;
    background-color: #1c1e26;
    background-color: var(--body-background);
    color: #898fa9;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4;
    scroll-behavior: smooth
}

a {
    color: #fff;
    text-decoration: none;
    transition: all .2s
}

a:hover {
    color: #18ae62
}

a.active, a:active {
    color: #148f50;
    cursor: default
}

button, input, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: inherit;
    font-family: inherit
}

fieldset {
    border: none;
    margin: 0;
    padding: 0
}

input {
    outline: none
}

select {
    border-radius: 0
}

textarea {
    resize: none
}

h1 {
    font-size: 4rem;
    margin: initial
}

h2 {
    font-size: 2.8rem
}

h3 {
    font-size: 1.8rem
}

@media (min-width: 1025px) {
    h3 {
        font-size: 2.4rem
    }
}

h4, h5, h6 {
    font-size: 1.4rem
}

@media (min-width: 1025px) {
    h4 {
        font-size: 1.8rem
    }

    h5 {
        font-size: 1.6rem
    }
}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.6rem
}

hr, iframe {
    border: none
}

img {
    max-width: 100%
}

img[height], img[width] {
    max-width: none
}

figure {
    margin: 0
}

p {
    line-height: 1.4
}

ol, ul {
    list-style: none
}

pre {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    white-space: pre-line
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

:disabled {
    cursor: not-allowed
}

[id=root] {
    display: block;
    height: 100%
}

[id=root] .app {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    width: 100%
}

[id=root] .app-push {
    flex: 1 0 auto
}

[id=root] .app-main {
    margin: 2.4rem 0
}

@media (max-width: 1024px) {
    [id=root] .app-main {
        margin-top: 1.2rem
    }

    [id=root] .app-main .containerCustom {
        padding-left: 1.2rem;
        padding-right: 1.2rem
    }
}

[id=root] .app-main .containerCustom .sticky-menu {
    padding-right: .8rem
}

[id=root][data-url="/"] .app-main, [id=root][data-url^="/casino"] .app-main, [id=root][data-url^="/live-casino"] .app-main, [id=root][data-url^="/live-games"] .app-main, [id=root][data-url^="/live-show"] .app-main {
    margin-top: 0
}

[id=root][data-url^="/live-betting"] .app-main, [id=root][data-url^="/sports"] .app-main {
    margin: 16px 16px 0
}

@media (max-width: 1024px) {
    [id=root][data-url^="/live-betting"] .app-main, [id=root][data-url^="/sports"] .app-main {
        margin: 12px 12px 0
    }
}

.mobile [id=root], .tablet [id=root] {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    will-change: height
}

[id=root][aria-hidden=true] .game-decorator__footer, [id=root][aria-hidden=true] .quick-deposit-form, [id=root][aria-hidden=true] .responsible-widget, [id=root][aria-hidden=true] ~ .notifications {
    right: var(--scrollbarWidth);
    transition: none
}

.grid-root {
    margin-left: -1.2rem;
    margin-right: -1.2rem;
    min-width: 100%;
    width: auto
}

.grid-root > .gridItem-root {
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

.grid-root--xs {
    margin-left: -.4rem;
    margin-right: -.4rem
}

.grid-root--xs > .gridItem-root {
    padding-left: .4rem;
    padding-right: .4rem
}

.grid-root--sm {
    margin-left: -.8rem;
    margin-right: -.8rem
}

.grid-root--sm > .gridItem-root {
    padding-left: .8rem;
    padding-right: .8rem
}

.grid-root--lg {
    margin-left: -1.6rem;
    margin-right: -1.6rem
}

.grid-root--lg > .gridItem-root {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.page-title {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 1.4
}

.page-item:empty {
    display: none
}

.page-item:not(:last-child) {
    margin-bottom: 2.4rem
}

@media (min-width: 1025px) {
    .page-item:not(:last-child) {
        margin-bottom: 4.8rem
    }
}

@media (max-width: 767px) {
    .page-item:not(:last-child) {
        margin-bottom: 3.2rem
    }
}

.page-item--mt-md {
    margin: 2.4rem 0
}

@media (min-width: 1025px) {
    .page-item--mt-md {
        margin: 3.2rem 0
    }
}

[id=game-list-anchor] {
    position: relative;
    top: -6rem
}

@media (min-width: 1025px) {
    [id=game-list-anchor] {
        top: -6.4rem
    }
}

[id=static-page-anchor] {
    position: relative;
    top: -6rem
}

@media (min-width: 1025px) {
    [id=static-page-anchor] {
        top: -8.8rem
    }
}

.center-content {
    align-items: center;
    display: flex;
    flex: 1;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.fpLink {
    cursor: pointer
}

span.fpLink {
    cursor: default
}

.main-loading {
    background: url(/cms/img/logo.svg) 50%/250px no-repeat #fff;
    bottom: 0;
    content: "";
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999
}

.page-loading {
    height: 89vh;
    height: calc(var(--vh, 1vh) * 89);
    will-change: height
}

@media (max-width: 1024px) {
    .page-loading {
        height: 94vh;
        height: calc(var(--vh, 1vh) * 94);
        will-change: height
    }
}

#launcher {
    border-radius: 23px !important;
    bottom: 16px !important;
    bottom: calc(var(--w-offset-b-zendesk)) !important;
    box-shadow: 0 0 0 1px rgba(34, 34, 34, .5) !important;
    height: 46px !important;
    height: var(--w-height-zendesk) !important;
    margin: initial !important;
    overflow: hidden !important;
    right: 16px !important;
    right: var(--w-right-offset) !important;
    transition: bottom 0s !important
}

.deposit-btn {
    height: 46px;
    height: var(--w-height-deposit-btn);
    position: absolute;
    width: 46px;
    width: var(--w-height-deposit-btn)
}

.deposit-btn, .up-to {
    bottom: 70px;
    bottom: calc(var(--w-offset-b-zendesk) + var(--w-height-zendesk) + var(--w-offset-b-deposit-btn));
    right: 16px;
    right: var(--w-right-offset)
}

.up-to {
    height: 46px;
    height: var(--w-height-up-btn);
    width: 46px;
    width: var(--w-height-up-btn)
}

.deposit-btn.deposit-btn--visible + .up-to {
    bottom: 124px;
    bottom: calc(var(--w-offset-b-zendesk) + var(--w-height-zendesk) + var(--w-offset-b-deposit-btn) + var(--w-height-deposit-btn) + var(--w-offset-b-up-btn))
}

@media (max-width: 1024px) {
    .low-balance-notification-shown {
        --w-offset-b-deposit-btn: 114px !important;
        --w-offset-b-zendesk: 8px !important
    }

    .deposit-btn {
        bottom: 8px;
        bottom: calc(var(--w-offset-b-deposit-btn))
    }

    .deposit-btn-widget #launcher {
        bottom: 70px !important;
        bottom: calc(var(--w-offset-b-deposit-btn) + var(--w-height-deposit-btn) + var(--w-offset-b-zendesk)) !important
    }

    #launcher {
        bottom: calc(var(--w-m-offset-b-zendesk)) !important
    }
}

.swiper-nav .swiper-next, .swiper-nav .swiper-prev {
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 60px;
    z-index: 2
}

.swiper-nav .swiper-next:before, .swiper-nav .swiper-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "b";
    display: inline-block;
    display: block;
    font-family: Glyphter;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-transform: none;
    transition: opacity .2s
}

.swiper-nav .swiper-next.is-disabled, .swiper-nav .swiper-prev.is-disabled {
    pointer-events: none
}

.swiper-nav .swiper-next.is-disabled:before, .swiper-nav .swiper-prev.is-disabled:before {
    opacity: .1
}

.swiper-nav .swiper-next:not(.is-disabled), .swiper-nav .swiper-prev:not(.is-disabled) {
    align-items: center;
    display: flex;
    justify-content: center
}

.swiper-nav .swiper-prev {
    background: linear-gradient(90deg, #1c1e26 7.29%, rgba(28, 30, 38, 0));
    left: 0
}

.swiper-nav .swiper-prev:before {
    margin-right: 10px;
    transform: rotate(180deg)
}

.swiper-nav .swiper-next {
    background: linear-gradient(270deg, #1c1e26 7.29%, rgba(28, 30, 38, 0));
    right: 0
}

.swiper-nav .swiper-next:before {
    margin-left: 10px
}

.swiper-nav .swiper-btn--pulse:before {
    animation: colors 3s infinite, breathing 1.5s infinite
}

.pointer-events-none {
    pointer-events: none
}

@keyframes show-gallery-item {
    0% {
        opacity: 0;
        transform: rotate(-10deg) scale(.7)
    }
    to {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

@keyframes show-gallery {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.snapshotField-root {
    flex: 1;
    justify-content: center;
    width: 100%
}

.snapshotField-spinner {
    align-items: center;
    display: flex;
    height: 308px;
    justify-content: center;
    width: 362px
}

.snapshotField-snap {
    background: #18ae62;
    border-radius: 0
}

.snapshotField-snap:hover {
    background-color: #1ccc73
}

.snapshotField-button {
    background: #21232c;
    border-radius: .4rem;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 30px
}

.snapshotField-button > span:first-child {
    display: flex;
    flex-direction: column
}

.snapshotField-button > span:first-child:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: ")";
    display: inline-block;
    font-family: Glyphter;
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: none
}

.snapshotField-button:hover {
    background-color: #18ae62
}

.snapshotField-popover {
    height: 308px;
    width: 362px
}

.snapshotField-video {
    height: 272px
}

.gallery-root {
    animation: show-gallery .3s;
    background: rgba(0, 0, 0, .667);
    transition: all .3s
}

.gallery-root .galleryItem-root:not(.galleryItem-selected) {
    left: 0 !important;
    opacity: 0;
    pointer-events: none;
    transform: rotate(10deg) scale(1.2)
}

.gallery-root .galleryItem-selected {
    animation: show-gallery-item .3s;
    opacity: 1;
    transform: scale(1)
}

.gallery-root .galleryItem-delete {
    bottom: 20px;
    position: absolute;
    right: 50%;
    transform: translateX(50%)
}

.gallery-removing {
    opacity: 0
}

.gallery-removing .galleryItem-selected {
    opacity: 0;
    transform: rotate(-10deg) scale(.7)
}

.gallery-close, .gallery-delete, .gallery-next, .gallery-prev {
    align-items: center;
    animation: show-gallery .3s .3s backwards;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 42px;
    justify-content: center;
    min-width: 42px;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 42px
}

.gallery-close:hover, .gallery-delete:hover, .gallery-next:hover, .gallery-prev:hover {
    background: #000
}

.gallery-close:before {
    content: "O"
}

.gallery-close:before, .gallery-next:before, .gallery-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.gallery-next:before, .gallery-prev:before {
    content: "b"
}

.gallery-prev:before {
    transform: rotate(180deg)
}

.galleryItem-delete {
    align-items: center;
    animation: show-gallery .3s .3s backwards;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 42px;
    justify-content: center;
    min-width: 42px;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 42px
}

.galleryItem-delete:hover {
    background: #000
}

.galleryItem-delete:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "|";
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.table-root td.table-empty-cell {
    padding: 0
}

.circularProgress-root .circularProgress-path {
    stroke: #fc0
}

.linearProgress-root .linearProgress-progress {
    fill: #fc0
}

.tooltip-root {
    background: #fff;
    border: 1px solid #b3b3b3;
    color: #333;
    padding: 5px
}

.tooltip-root .tooltip-arrow:after, .tooltip-root .tooltip-arrow:before {
    border: inherit;
    content: "";
    display: block;
    position: absolute
}

.tooltip-root .tooltip-arrow:after {
    margin-top: 1px
}

.tooltip-root[data-popper-placement^=bottom] .tooltip-arrow {
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.tooltip-root[data-popper-placement^=bottom] .tooltip-arrow:before {
    border-bottom-color: #b3b3b3
}

.tooltip-root[data-popper-placement^=bottom] .tooltip-arrow:after {
    border-bottom-color: #fff
}

.link-accent {
    color: #18ae62
}

.link-accent.active, .link-accent:active, .link-accent:hover {
    color: #148f50
}

@media (max-width: 1024px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 1025px) {
    .hidden-md {
        display: none !important
    }
}

.text-sm {
    font-size: 1.2rem;
    line-height: 1.2
}

.text-lg {
    font-size: 1.6rem
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.text-justify {
    text-align: justify !important
}

.text-info {
    color: #898fa9 !important
}

.text-error {
    color: #ff4b4b !important
}

.text-success {
    color: #18ae62 !important
}

.text-warning {
    color: #faff00 !important
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.s-loading .s-item {
    border-color: transparent !important;
    color: transparent !important;
    cursor: wait;
    outline: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.s-loading .s-item:before {
    clip: rect(1px, 1px, 1px, 1px);
    content: "Loading...";
    inset: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap
}

.s-loading .s-item::-moz-placeholder {
    color: transparent !important
}

.s-loading .s-item::placeholder {
    color: transparent !important
}

.s-loading .s-item * {
    visibility: hidden
}

.s-loading .s-item:empty:after {
    content: " "
}

.s-loading .s-item {
    background: #2b2e3b
}

.field-root {
    margin: .8rem 0;
    max-width: 100%;
    width: 100%
}

@media (min-width: 1025px) {
    .field-root {
        margin: 1.2rem 0
    }
}

.field-root.field-checkbox + .button-root {
    margin-top: 2.4rem
}

.field-root.field-input {
    max-width: 100%;
    width: 100%
}

.field-root.field-input .input-root {
    margin: initial
}

.field-root.field-input .input-root:after, .field-root.field-input .input-root:before {
    display: none !important
}

.field-root.field-error .field-label {
    color: #ff4b4b
}

.field-root.field-error .input-root:after {
    background-color: #ff4b4b;
    border-radius: 50%;
    bottom: auto;
    color: #fff;
    content: "!";
    display: block;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.2rem;
    font-weight: 700;
    height: 1.6rem;
    left: auto;
    line-height: 1.6rem;
    right: 1.4rem;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6rem
}

.field-root.field-error .checkbox-default {
    box-shadow: inset 0 0 0 1px #ff4b4b
}

.field-root.field-disabled label {
    cursor: not-allowed
}

.field-root.field-disabled label + div {
    margin: initial
}

.field-root.field-disabled > .phone-number-wrapper > div:after, .field-root.field-disabled > .phone-number-wrapper > div:before, .field-root.field-disabled > div:after, .field-root.field-disabled > div:before {
    display: none
}

.field-root.field-disabled > .phone-number-wrapper > div .select-select:after, .field-root.field-disabled > .phone-number-wrapper > div.input-root:after, .field-root.field-disabled > div .select-select:after, .field-root.field-disabled > div.input-root:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial;
    bottom: auto;
    color: #898fa9;
    content: "a";
    display: inline-block;
    font-family: Icons;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: auto;
    line-height: 1;
    right: 1.4rem;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%)
}

.field-root.field-disabled > .phone-number-wrapper > div.input-root .input-input, .field-root.field-disabled > div.input-root .input-input {
    padding-right: 4rem
}

.field-root.field-disabled .checkbox-disabled {
    background-color: #898fa9
}

.field-root.field-disabled .checkbox-disabled + span {
    color: #898fa9
}

.field-root.field-readOnly .field-root.field-disabled .field-label, .field-root.field-readOnly.field-root.field-disabled .field-label {
    cursor: default
}

.field-root.field-readOnly .field-root.field-disabled .field-helper, .field-root.field-readOnly.field-root.field-disabled .field-helper {
    display: none
}

.field-root.field-readOnly .field-root.field-disabled .input-root, .field-root.field-readOnly.field-root.field-disabled .input-root {
    background-color: transparent;
    background-color: initial
}

.field-root.field-readOnly .field-root.field-disabled .input-root:after, .field-root.field-readOnly.field-root.field-disabled .input-root:after {
    display: none !important
}

.field-root.field-readOnly .field-root.field-disabled .input-root .input-input, .field-root.field-readOnly.field-root.field-disabled .input-root .input-input {
    background-color: transparent;
    background-color: initial;
    cursor: text;
    height: auto;
    padding: initial
}

.field-root.field-readOnly .field-root.field-disabled .input-root .input-input[type=date], .field-root.field-readOnly.field-root.field-disabled .input-root .input-input[type=date] {
    cursor: default
}

.field-root.field-readOnly .field-root.field-disabled .select-select, .field-root.field-readOnly.field-root.field-disabled .select-select {
    background-color: transparent;
    background-color: initial;
    cursor: default;
    height: auto;
    padding: initial
}

.field-root.field-readOnly .field-root.field-disabled .select-select:after, .field-root.field-readOnly.field-root.field-disabled .select-select:after {
    display: none !important
}

.field-root.field-readOnly .field-root.field-disabled .phone-number-wrapper, .field-root.field-readOnly.field-root.field-disabled .phone-number-wrapper {
    align-items: baseline
}

.field-root.field-readOnly .field-root.field-disabled .phone-number-wrapper .phone-number__code, .field-root.field-readOnly.field-root.field-disabled .phone-number-wrapper .phone-number__code {
    margin-right: 0
}

.field-root.field-readOnly .field-root.field-disabled .phone-number-wrapper .input-root, .field-root.field-readOnly.field-root.field-disabled .phone-number-wrapper .input-root {
    border-left: initial
}

.field-root.field-readOnly .field-helper:not(:empty) {
    display: inline !important;
    display: initial !important
}

.field-root .field-helper {
    font-size: 1rem;
    line-height: 1.4;
    margin: .6rem 0 0
}

.field-root .field-helper:empty {
    display: none
}

.field-root .field-helperHint {
    color: #898fa9
}

.field-root .field-helperHint a {
    color: #18ae62;
    text-decoration: underline
}

.field-root .field-helperError {
    color: #ff4b4b
}

.field-root .field-label, .field-root > legend {
    color: #898fa9;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.4rem;
    left: auto;
    line-height: 1.6rem;
    margin-bottom: .8rem;
    position: static;
    top: auto;
    transform: none;
    transform-origin: 50% 50% 0;
    transform-origin: initial;
    transition: none 0s ease 0s;
    transition: initial
}

.field-root .field-label + div:not(.input-values):not(.radioGroup-root), .field-root > legend + div:not(.input-values):not(.radioGroup-root) {
    margin: initial
}

.field-root .field-label + div:after, .field-root .field-label + div:before, .field-root > legend + div:after, .field-root > legend + div:before {
    display: none
}

.field-root .select-focused .select-root .select-select {
    box-shadow: inset 0 0 0 1px #18ae62
}

.dateInput-root {
    -webkit-appearance: initial
}

.dateInput-root::-moz-placeholder {
    color: #898fa9;
    font-weight: 400;
    opacity: 1 !important
}

.dateInput-root::-webkit-input-placeholder {
    color: #898fa9;
    font-weight: 400;
    opacity: 1 !important
}

.button-root {
    border-radius: .4rem;
    color: #fff;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.6rem;
    max-height: 4.8rem;
    min-height: 0;
    min-height: auto;
    min-width: 15rem;
    padding: 1.6rem 4rem;
    text-align: center;
    text-transform: uppercase;
    transition: all .2s;
    white-space: nowrap
}

.button-root:active, .button-root:hover {
    color: #fff
}

a.button-root {
    color: #fff;
    text-decoration: none
}

.button-root.button-loading {
    color: transparent
}

.button-root.button-disabled {
    background-color: #23252f;
    box-shadow: none;
    color: #616885
}

.button-root span[class*=MuiTouchRipple] {
    display: none
}

.button-root--no-transition {
    transition: all .2s, color 0s, background 0s
}

.button-root.button-sm {
    font-size: 1.2rem;
    line-height: 1.2;
    max-height: 4rem;
    min-width: 0;
    min-width: auto;
    padding: 1.2rem;
    text-transform: inherit
}

@media (min-width: 1025px) {
    .button-root.button-sm {
        min-width: 6.4rem
    }
}

.button-root.button-xs {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2;
    max-height: 2.2rem;
    min-width: 0;
    min-width: auto;
    padding: .3rem .9rem;
    text-transform: inherit
}

.button-accent {
    background-color: #18ae62
}

.button-accent:hover {
    background-color: #1ccc73
}

.button-accent:active {
    background-color: #148f50
}

.button-accent-invert {
    background-color: #fff
}

.button-accent-invert:hover {
    background-color: #e6e6e6
}

.button-accent-invert:active {
    background-color: #1a1a1a
}

.button-primary {
    background-color: #21232c
}

.button-primary:hover {
    background-color: #393d4b
}

.button-primary:active, .button-secondary {
    background-color: #2b2e3b
}

.button-secondary, .button-secondary:hover {
    box-shadow: inset 0 0 0 1px #6c7394
}

.button-secondary:hover {
    background-color: #393d4b
}

.button-secondary:active {
    background-color: #21232c;
    box-shadow: inset 0 0 0 1px #6c7394
}

.button-wait {
    box-shadow: inset 0 0 0 1px #ffd500
}

.button-wait, .button-wait:active, .button-wait:disabled, .button-wait:hover {
    background: transparent;
    color: #ffd500
}

.button-wait:disabled {
    box-shadow: inset 0 0 0 1px #ffd500
}

.button-outline {
    background: transparent;
    box-shadow: inset 0 0 0 1px #fff;
    color: #fff
}

.button-cancel {
    background-color: #ff4b4b
}

.button-cancel:hover {
    background-color: #ff6565
}

.button-cancel:active {
    background-color: #ff3232
}

.button-default {
    border-radius: 0;
    border-radius: initial;
    color: #fff;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 400;
    min-height: 0;
    min-height: auto;
    min-width: 0;
    min-width: auto;
    padding: initial;
    text-transform: inherit
}

.button-default, .button-default:hover {
    background-color: transparent;
    background-color: initial
}

.button-default:hover {
    color: #18ae62
}

.button-default--solid {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 700;
    text-transform: uppercase
}

.button-block {
    display: block;
    width: 100%
}

.input-root {
    align-items: stretch;
    background-color: #21232c;
    border-radius: .4rem;
    padding: 1px;
    transition: box-shadow .3s
}

.input-root:not(.input-disabled):hover {
    box-shadow: inset 0 0 0 1px #3f4250
}

.input-root:not(.input-disabled).input-focused {
    box-shadow: inset 0 0 0 1px #18ae62
}

.input-root:not(.input-disabled).input-error {
    box-shadow: inset 0 0 0 1px #ff4b4b
}

.input-root:not(.input-disabled) .input-input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 1
}

.input-root.input-multiline {
    padding: initial
}

.input-root .input-input {
    background-color: #21232c;
    border: none;
    border-radius: .4rem;
    box-shadow: none;
    color: #898fa9;
    color: #fff;
    display: block;
    flex: 1;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.4rem;
    font-weight: 600;
    height: 4.8rem;
    line-height: 1.6rem;
    padding: 1.6rem;
    transition: all .2s;
    width: 100%
}

.input-root .input-input::-moz-placeholder {
    color: #898fa9;
    font-weight: 400;
    opacity: 1 !important
}

.input-root .input-input::-webkit-input-placeholder {
    color: #898fa9;
    font-weight: 400;
    opacity: 1 !important
}

.input-root .input-input:not(:last-child) {
    padding-right: 0
}

@-moz-document url-prefix() {
    .input-root .input-input {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
}

.input-root .input-input[type=number] {
    -moz-appearance: textfield
}

.input-root .input-input[type=number]::-webkit-inner-spin-button, .input-root .input-input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.input-root .input-input[type=date] {
    -moz-appearance: textfield;
    appearance: textfield;
    -webkit-appearance: initial
}

.input-root .input-input[type=date][disabled] {
    clip-path: inset(0 17px 0 0)
}

.input-root .input-input[type=date][disabled]::-webkit-datetime-edit-day-field, .input-root .input-input[type=date][disabled]::-webkit-datetime-edit-month-field, .input-root .input-input[type=date][disabled]::-webkit-datetime-edit-text, .input-root .input-input[type=date][disabled]::-webkit-datetime-edit-year-field {
    color: inherit
}

.input-root .input-input[type=date]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    opacity: 0;
    transform: translateX(.6rem)
}

.input-root .input-input.input-inputMultiline {
    height: 100%
}

.input-root .input-input:-webkit-autofill {
    -webkit-text-fill-color: #fff;
    -webkit-background-clip: text;
    -webkit-box-shadow: inset 0 0 0 1px #21232c, inset 0 0 0 5rem #21232c !important;
    -webkit-transition: none;
    transition: none
}

.input-root .input-input--type--date {
    display: flex
}

.input-root .input-input--type--date::-webkit-date-and-time-value {
    text-align: left
}

.select-root {
    padding: 1px
}

.input-before {
    border-right: 1px solid #2b2e3b;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    justify-content: center;
    min-width: 4.2rem;
    padding: .6rem
}

.input-before, .input-values {
    align-items: center;
    display: flex
}

.input-values {
    justify-content: space-between
}

.input-values .input-value {
    flex: 1 0 auto
}

.input-values .input-value:not(:last-child) {
    margin-right: .8rem
}

.input-values .input-value.input-selectedValue > button {
    background-color: #18ae62
}

.input-values .input-value > button {
    background-color: #21232c;
    border-radius: .4rem;
    color: #898fa9;
    color: #fff;
    display: block;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.4rem;
    font-weight: 600;
    height: 4.8rem;
    line-height: 1.6rem;
    min-width: 0;
    min-width: auto;
    padding: 1.6rem .8rem;
    transition: all .2s;
    width: 100%
}

.input-values .input-value > button:hover {
    background-color: #1ccc73
}

.field-checkbox label {
    align-items: flex-start;
    margin: initial
}

.field-checkbox label:hover .checkbox-default:not(.checkbox-checked):not(.checkbox-disabled) {
    box-shadow: inset 0 0 0 1px #3f4250
}

.field-checkbox label .checkbox-default {
    background-color: #21232c;
    border-radius: .4rem;
    height: 2rem;
    position: relative;
    top: -.2rem;
    transition: background-color .2s;
    width: 2rem
}

.field-checkbox label .checkbox-default:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "G";
    display: inline-block;
    font-family: Icons;
    font-size: 0;
    font-style: normal;
    font-weight: 400;
    left: 51%;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 51%;
    transform: translate(-50%, -50%);
    transition: font-size .2s
}

.field-checkbox label .checkbox-default.checkbox-checked {
    background-color: #18ae62
}

.field-checkbox label .checkbox-default.checkbox-checked:before {
    font-size: .9rem
}

.field-checkbox label .checkbox-default + span {
    color: #898fa9;
    color: #fff;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-left: 1.2rem
}

.field-checkbox label .checkbox-default + span a {
    color: #18ae62
}

.field-checkbox label .checkbox-default + span a.active, .field-checkbox label .checkbox-default + span a:active, .field-checkbox label .checkbox-default + span a:hover {
    color: #148f50
}

.field-checkbox label .checkbox-default svg, .select-root:after, .select-root:before {
    display: none
}

.select-root .select-select {
    background-color: #21232c;
    border: none;
    border-radius: .4rem;
    box-shadow: none;
    color: #898fa9;
    color: #fff;
    display: block;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.4rem;
    font-weight: 600;
    height: 4.8rem;
    line-height: 1.6rem;
    overflow: hidden;
    padding: 1.6rem 4rem 1.6rem 1.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.select-root .select-select:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "H";
    display: inline-block;
    font-family: Icons;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    right: 1.6rem;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: center
}

.select-root .select-select:not(.select-disabled):hover {
    box-shadow: inset 0 0 0 1px #3f4250
}

.select-root .select-select:not(.select-disabled):active, .select-root .select-select:not(.select-disabled):focus {
    box-shadow: inset 0 0 0 1px #18ae62
}

.select-root .select-select.select-disabled {
    cursor: not-allowed
}

.select-root .select-icon {
    display: none
}

.select-menuModal .select-menuPaper {
    background-color: #21232c;
    border-radius: .4rem;
    margin: initial;
    max-width: 32rem;
    min-width: 16rem
}

.select-menuModal .select-menuPaper .select-searchInput, .select-menuModal .select-menuPaper .select-searchInput:before {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll;
    background: initial
}

.select-menuModal .select-menuPaper .select-searchInput:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    bottom: auto;
    color: #fff;
    content: "Z";
    display: inline-block;
    font-family: Icons;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 1.4rem;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    right: auto;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: center;
    width: auto
}

.select-menuModal .select-menuPaper .select-searchInput svg, .select-menuModal .select-menuPaper .select-searchInput:after {
    display: none
}

.select-menuModal .select-menuPaper .select-searchInput input {
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #898fa9;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.4rem;
    height: auto;
    line-height: 1.6rem;
    padding: 1.6rem 1.6rem 1.6rem 4rem
}

.select-menuModal .select-menuPaper .select-searchInput input::-moz-placeholder {
    color: #898fa9;
    font-weight: 400;
    opacity: 1 !important
}

.select-menuModal .select-menuPaper .select-searchInput input::-webkit-input-placeholder {
    color: #898fa9;
    font-weight: 400;
    opacity: 1 !important
}

.select-menuModal .select-menuPaper ul {
    padding: initial
}

.select-menuModal .select-menuPaper ul li.select-search {
    padding-top: 4.8rem
}

.select-menuModal .select-menuPaper ul li.select-search .select-searchInput {
    position: fixed;
    transform: translateZ(0)
}

.select-menuModal .select-menuPaper ul li.selectItem-root {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: .8rem 1.6rem
}

.select-menuModal .select-menuPaper ul li.selectItem-root:not(:last-child) {
    border-bottom: 1px solid rgba(43, 46, 59, .6)
}

.select-menuModal .select-menuPaper ul li.selectItem-root img, .select-menuModal .select-menuPaper ul li[value=TIP], .select-menuModal .select-menuPaper ul li[value=TIP_REFUNDED] {
    display: none
}

.adornment-password:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    text-transform: none
}

.adornment-password:hover:before {
    color: #18ae62
}

.adornment-password > span {
    display: none
}

input[type=text] + .adornment-password:before {
    content: "!"
}

input[type=password] + .adornment-password:before {
    color: #898fa9;
    content: "9"
}

input[type=password] + .adornment-password:hover:before {
    color: #18ae62
}

.radioGroup-root {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -.4rem
}

.radioGroup-root .formControlLabel-root {
    margin: initial;
    min-height: 4.8rem;
    padding: .4rem;
    position: relative
}

.radioGroup-root .formControlLabel-root .radio-default {
    background-color: #21232c;
    border-radius: .4rem;
    bottom: .4rem;
    height: auto;
    left: .4rem;
    position: absolute;
    right: .4rem;
    top: .4rem;
    width: auto;
    z-index: 1
}

.radioGroup-root .formControlLabel-root .radio-default.radio-checked {
    background-color: #18ae62
}

.radioGroup-root .formControlLabel-root .radio-default svg {
    display: none
}

.radioGroup-root .formControlLabel-root .radio-default input {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.radioGroup-root .formControlLabel-root .radio-default > span:last-child {
    display: none
}

.radioGroup-root .formControlLabel-root .formControlLabel-label {
    color: #fff;
    font-size: inherit;
    font-weight: 600;
    padding: 1rem 1.3rem;
    pointer-events: none;
    position: relative;
    z-index: 2
}

.phone-number-wrapper {
    display: flex
}

.phone-number-wrapper > div:after, .phone-number-wrapper > div:before {
    display: none
}

.phone-number-wrapper .select-root {
    height: 100%
}

.phone-number-wrapper .select-root .select-select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 100%
}

.phone-number-wrapper .select-root .select-select img {
    display: none
}

.phone-number-wrapper .input-root {
    border-bottom-left-radius: 0;
    border-left: 1px solid #2b2e3b;
    border-top-left-radius: 0;
    flex: 1
}

.phone-number-wrapper .input-root:after, .phone-number-wrapper .input-root:before {
    display: none
}

.phone-number__code {
    margin-right: .6rem
}

.registration-modal.modal-root, .verification-modal-non-auth.modal-root {
    overflow: auto
}

@media (max-width: 480px) {
    .registration-modal.modal-root, .verification-modal-non-auth.modal-root {
        overflow: hidden
    }
}

.registration-modal.modal-root .group-root > .grid-root.grid-typeContainer > .gridItem-root > img, .verification-modal-non-auth.modal-root .group-root > .grid-root.grid-typeContainer > .gridItem-root > img {
    display: none
}

@media (max-width: 480px) {
    .registration-modal.modal-root .group-root > .grid-root.grid-typeContainer > .gridItem-root > img, .verification-modal-non-auth.modal-root .group-root > .grid-root.grid-typeContainer > .gridItem-root > img {
        display: block
    }
}

.registration-modal.modal-root > [aria-hidden=true], .verification-modal-non-auth.modal-root > [aria-hidden=true] {
    background-image: url(/cms/img/registerModalbgDesktop.png);
    background-size: cover;
    position: sticky;
    width: 100%
}

.registration-modal.modal-root > [aria-hidden=true]:before, .verification-modal-non-auth.modal-root > [aria-hidden=true]:before {
    background-image: url(/cms/img/logo@2x.png);
    background-size: contain;
    content: "";
    display: block;
    height: 28px;
    left: 25px;
    position: absolute;
    top: 25px;
    width: 85px
}

.registration-modal.modal-root .mui-stepper__text, .verification-modal-non-auth.modal-root .mui-stepper__text {
    color: #898fa9;
    font-size: 12px;
    font-weight: 500;
    padding-left: .8rem
}

.registration-modal.modal-root .mui-stepper__step--active .mui-stepper__text, .registration-modal.modal-root .mui-stepper__step--completed .mui-stepper__text, .verification-modal-non-auth.modal-root .mui-stepper__step--active .mui-stepper__text, .verification-modal-non-auth.modal-root .mui-stepper__step--completed .mui-stepper__text {
    color: #fff;
    font-weight: 700
}

.registration-modal.modal-root .modal-contents__actions--bottom, .verification-modal-non-auth.modal-root .modal-contents__actions--bottom {
    border-bottom: none;
    margin-top: 1.4rem;
    padding-bottom: 1.4rem;
    padding-top: 0;
    position: relative
}

.registration-modal.modal-root .modal-contents__actions--bottom:after, .verification-modal-non-auth.modal-root .modal-contents__actions--bottom:after {
    background-color: #18191f;
    bottom: 0;
    content: "";
    height: 1px;
    left: -8px;
    position: absolute;
    width: calc(100% + 16px)
}

.registration-modal.modal-root .modal-contents__actions--bottom > .grid-root > .gridItem-root:first-child, .verification-modal-non-auth.modal-root .modal-contents__actions--bottom > .grid-root > .gridItem-root:first-child {
    padding-left: 0
}

.registration-modal.modal-root .modal-contents__actions--bottom > .grid-root > .gridItem-root:last-child, .verification-modal-non-auth.modal-root .modal-contents__actions--bottom > .grid-root > .gridItem-root:last-child {
    padding-right: 3.6rem
}

.registration-modal.modal-root .modal-contents__actions--bottom > .grid-root > .gridItem-root:last-child .mui-stepper__text.mui-stepper__text--mobile p:first-child, .verification-modal-non-auth.modal-root .modal-contents__actions--bottom > .grid-root > .gridItem-root:last-child .mui-stepper__text.mui-stepper__text--mobile p:first-child {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px
}

.registration-modal.modal-root .modal-contents__actions--bottom > .grid-root > .gridItem-root:last-child .mui-stepper__text.mui-stepper__text--mobile p:last-child, .verification-modal-non-auth.modal-root .modal-contents__actions--bottom > .grid-root > .gridItem-root:last-child .mui-stepper__text.mui-stepper__text--mobile p:last-child {
    font-size: 10px;
    font-style: Medium;
    font-weight: 500;
    line-height: 100%;
    text-transform: none
}

.registration-modal.modal-root .mui-stepper, .verification-modal-non-auth.modal-root .mui-stepper {
    margin-inline: -14.4rem;
    padding-inline: 3.2rem;
    padding-bottom: 5.8rem;
    padding-top: 2rem
}

@media (max-width: 480px) {
    .registration-modal.modal-root .mui-stepper, .verification-modal-non-auth.modal-root .mui-stepper {
        margin-inline: 0
    }
}

.registration-modal.modal-root .mui-stepper > div, .verification-modal-non-auth.modal-root .mui-stepper > div {
    padding-inline: .8rem
}

.registration-modal.modal-root .mui-stepper > div:first-child, .verification-modal-non-auth.modal-root .mui-stepper > div:first-child {
    padding-left: 0
}

.registration-modal.modal-root .mui-stepper > div:last-child, .verification-modal-non-auth.modal-root .mui-stepper > div:last-child {
    padding-right: 0
}

.registration-modal.modal-root .modal-paper, .verification-modal-non-auth.modal-root .modal-paper {
    left: 50%;
    max-height: -moz-fit-content;
    max-height: fit-content;
    max-width: 720px;
    position: absolute;
    top: 120px;
    transform: translate(-50%);
    width: 100%
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper, .verification-modal-non-auth.modal-root .modal-paper {
        max-height: 100%;
        max-width: 100%;
        overflow: auto;
        top: 0
    }
}

.registration-modal.modal-root .modal-paper:after, .verification-modal-non-auth.modal-root .modal-paper:after {
    content: "";
    height: calc(100% + 8rem);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -20
}

.registration-modal.modal-root .modal-paper:before, .verification-modal-non-auth.modal-root .modal-paper:before {
    display: none
}

.registration-modal.modal-root .modal-paper .sign-in-invitation, .verification-modal-non-auth.modal-root .modal-paper .sign-in-invitation {
    margin-bottom: 4.8rem
}

.registration-modal.modal-root .modal-paper .modalContentWrapper, .verification-modal-non-auth.modal-root .modal-paper .modalContentWrapper {
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

.registration-modal.modal-root .modal-paper .modalContentWrapper .modal-rootButtons, .verification-modal-non-auth.modal-root .modal-paper .modalContentWrapper .modal-rootButtons {
    height: 2.4rem;
    right: .9rem;
    top: 3.2rem;
    width: 2.4rem
}

.registration-modal.modal-root .modal-paper .modalContentWrapper .modal-buttonRoot, .verification-modal-non-auth.modal-root .modal-paper .modalContentWrapper .modal-buttonRoot {
    height: 2.4rem;
    min-height: 2.4rem;
    min-width: 2.4rem;
    width: 2.4rem
}

.registration-modal.modal-root .modal-paper .modalContentWrapper .modal-titleRoot, .verification-modal-non-auth.modal-root .modal-paper .modalContentWrapper .modal-titleRoot {
    border-bottom: none;
    height: 4.4rem;
    margin-left: 0
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper .modalContentWrapper .modal-titleRoot, .verification-modal-non-auth.modal-root .modal-paper .modalContentWrapper .modal-titleRoot {
        height: 0;
        padding: 0
    }
}

.registration-modal.modal-root .modal-paper .modalContentWrapper .modal-titleRoot h2, .verification-modal-non-auth.modal-root .modal-paper .modalContentWrapper .modal-titleRoot h2 {
    display: none
}

.registration-modal.modal-root .modal-paper .modalContentWrapper .modal-contentRoot, .verification-modal-non-auth.modal-root .modal-paper .modalContentWrapper .modal-contentRoot {
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 4.8rem;
    padding-top: 0;
    padding-inline: 14.4rem
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper .modalContentWrapper .modal-contentRoot, .verification-modal-non-auth.modal-root .modal-paper .modalContentWrapper .modal-contentRoot {
        padding-inline: 2.4rem
    }
}

.registration-modal .expiring-verification-code__buttons, .registration-modal .mobile-smart-id-verification-form__buttons, .registration-modal .user-identification__buttons, .registration-modal .verification-in-iframe__buttons, .verification-modal-non-auth .expiring-verification-code__buttons, .verification-modal-non-auth .mobile-smart-id-verification-form__buttons, .verification-modal-non-auth .user-identification__buttons, .verification-modal-non-auth .verification-in-iframe__buttons {
    border: initial !important;
    margin: 3.2rem 0 0 !important;
    padding: initial !important
}

@keyframes preloading {
    0% {
        border-left-width: 0
    }
    to {
        border-left-width: 8rem
    }
}

body.preloading [id=preloader]:before {
    animation: preloading 5s cubic-bezier(.39, .575, .565, 1) both;
    background: #fff;
    border-left: 0 solid #18ae62;
    content: "";
    height: .4rem;
    left: 50%;
    margin-top: 4rem;
    position: fixed;
    top: 50%;
    transform: translateX(-50%);
    width: 8rem;
    z-index: 100000
}

div[role=progressbar] {
    color: #18ae62
}

.button-primary div[role=progressbar] {
    color: #898fa9
}

div[role=progressbar] svg {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
    min-width: 2rem
}

.container {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(1072px + 4.8rem);
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    width: 100%
}

@media (min-width: 1025px) {
    .menu {
        margin: -1.2rem 0
    }
}

.menu .settings-menu__item-override {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 600
}

@media (min-width: 1025px) {
    .menu .settings-menu__item-override {
        margin: 0 -1.6rem
    }
}

.menu .settings-menu__item-override:not(:last-child) {
    margin-bottom: 1px
}

.menu .settings-menu__item-override > .fpLink {
    display: block;
    padding: 1.2rem 1.6rem
}

@media (max-width: 1024px) {
    .menu .settings-menu__item-override > .fpLink.active, .menu .settings-menu__item-override > .fpLink:hover {
        color: #18ae62
    }
}

@media (min-width: 1025px) {
    .menu .settings-menu__item-override > .fpLink.active, .menu .settings-menu__item-override > .fpLink:hover {
        background-color: #21232c;
        border-radius: .4rem;
        color: #fff
    }
}

.menu .settings-menu__item-override > .fpLink:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 1.2rem;
    text-transform: none;
    vertical-align: -.2rem
}

.menu .settings-menu__item-override--deposit > .fpLink:before {
    content: "L"
}

.menu .settings-menu__item-override--withdrawal > .fpLink:before {
    content: "u"
}

.menu .settings-menu__item-override--loyalty > .fpLink:before {
    content: "p"
}

.menu .settings-menu__item-override--promotions > .fpLink:before {
    content: "b"
}

.menu .settings-menu__item-override--profile > .fpLink:before {
    content: "t"
}

.menu .settings-menu__item-override--my-bets > .fpLink:before {
    content: "_"
}

.menu .settings-menu__item-override--transactions > .fpLink:before {
    content: "q"
}

.menu .settings-menu__item-override--history > .fpLink:before {
    content: "I"
}

.menu .settings-menu__item-override--settings > .fpLink:before {
    content: "V"
}

.menu .settings-menu__item-override--documents > .fpLink:before {
    content: "M"
}

.menu .settings-menu__item-override--logout > .button-default {
    color: #ff4b4b
}

.menu .settings-menu__item-override--logout > .button-default .button-label {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 600;
    padding: 1.2rem 1.6rem
}

.menu .settings-menu__item-override--logout > .button-default .button-label:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ff4b4b;
    content: "N";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 1.2rem;
    text-transform: none;
    vertical-align: -.2rem
}

@media (max-width: 1024px) {
    .sticky-menu.sticky-menu--static {
        margin-bottom: 2.4rem;
        width: 100%
    }

    .sticky-menu:not(.sticky-menu--static) {
        display: none !important
    }
}

@media (min-width: 1025px) {
    .sticky-menu {
        position: sticky;
        top: 8.8rem
    }
}

.actions {
    margin-top: 2.4rem;
    text-align: center
}

@media (max-width: 1024px) {
    .actions .button-root {
        display: block;
        width: 100%
    }
}

.badge {
    border-radius: .4rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2;
    padding: .4rem .6rem
}

.badge--cancelled, .badge--error, .badge--logout, .badge--loss, .badge--rejected {
    background-color: #ff4b4b
}

.badge--approved, .badge--checkedOut, .badge--confirmed, .badge--login, .badge--ok, .badge--win {
    background-color: #18ae62
}

.badge--pending, .badge--uploaded {
    background-color: #faff00;
    color: #2b2e3b
}

.badge--all, .badge--expired, .badge--init, .badge--refunded, .badge--voided {
    background-color: #898fa9
}

.notifications {
    max-width: 48rem;
    padding: 1rem;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2000
}

.notifications .notification {
    pointer-events: all
}

.notifications .notification:not(:last-child) {
    margin-bottom: 1rem
}

.game-decorator__error--modal {
    height: 100%
}

.game-decorator__error--modal > .grid-root {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.notification-root {
    align-items: center;
    background-color: #21232c;
    border: 1px solid #ff4b4b;
    border-radius: .4rem;
    box-shadow: none;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    font-family: inherit;
    max-width: none;
    padding: 0
}

.notification-root:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    align-self: stretch;
    background-color: #898fa9;
    color: #fff;
    content: "A";
    display: inline-block;
    display: flex;
    font-family: Glyphter;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 1;
    padding: 1rem;
    text-transform: none
}

.notification-root:not(:last-child) {
    margin-bottom: 2.4rem !important
}

.notification-root .notification-message {
    font-size: 1.2rem;
    padding: .8rem 1.2rem;
    text-align: left
}

.notification-root .notification-message .markdown-root p:last-child {
    margin-bottom: 0
}

.notification-root .notification-message .markdown-root a {
    color: #18ae62
}

.notification-root .notification-action {
    align-self: baseline;
    margin-right: 0;
    padding-left: 0
}

.notification-root .notification-action button {
    backface-visibility: hidden;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 0;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    padding: 0;
    position: relative;
    width: 32px
}

.notification-root .notification-action button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "K";
    display: inline-block;
    font-family: Icons;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    left: 50%;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s
}

.notification-root .notification-action button:hover:before {
    color: #18ae62
}

.notification-root .notification-action button > span {
    display: none
}

.notification-root.notification-error {
    border-color: #ff4b4b
}

.notification-root.notification-error:before {
    background-color: #ff4b4b;
    content: "B"
}

.notification-root.notification-success {
    border-color: #18ae62
}

.notification-root.notification-success:before {
    background-color: #18ae62;
    content: "C"
}

.notification-root.notification-warning {
    border-color: #faff00
}

.notification-root.notification-warning:before {
    background-color: #faff00;
    content: "D"
}

.modal-root {
    z-index: 1100
}

.modal-root > [aria-hidden=true] {
    background-color: rgba(24, 25, 31, .9)
}

.modal-root > .modal-paper {
    background-color: #2b2e3b;
    flex: 1 1 auto;
    margin: 0;
    max-height: none;
    max-width: 100%;
    position: relative
}

@media (max-width: 1024px) {
    .modal-root > .modal-paper {
        height: 100%
    }
}

@media (min-width: 1025px) {
    .modal-root > .modal-paper {
        border-radius: .4rem;
        max-height: 90vh;
        max-width: 48rem
    }
}

.modal-root > .modal-paper > .modalContentWrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto
}

.modal-root > .modal-paper > .modalContentWrapper > .modal-rootButtons {
    position: absolute;
    right: -.8rem;
    top: 2.6rem;
    transform: translate(-50%, -50%);
    z-index: 2
}

@media (min-width: 1025px) {
    .modal-root > .modal-paper > .modalContentWrapper > .modal-rootButtons {
        right: 0;
        top: 3.4rem
    }
}

.modal-root > .modal-paper > .modalContentWrapper > .modal-rootButtons .modal-buttonRoot {
    backface-visibility: hidden;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 0;
    height: 32px;
    min-height: 32px;
    min-width: 32px;
    padding: 0;
    position: relative;
    width: 32px
}

.modal-root > .modal-paper > .modalContentWrapper > .modal-rootButtons .modal-buttonRoot:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "K";
    display: inline-block;
    font-family: Icons;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    left: 50%;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s
}

.modal-root > .modal-paper > .modalContentWrapper > .modal-rootButtons .modal-buttonRoot:hover:before {
    color: #18ae62
}

.modal-root > .modal-paper > .modalContentWrapper > .modal-rootButtons .modal-buttonRoot > span {
    display: none
}

.modal-root > .modal-paper > .modalContentWrapper > .modal-contentRoot, .modal-root > .modal-paper > .modalContentWrapper > .modal-titleRoot {
    padding: 0
}

.modal-root > .modal-paper > .modalContentWrapper > .modal-titleRoot {
    border-bottom: 1px solid #1c1e26;
    padding: 1.6rem 4.8rem 1.6rem 1.6rem;
    position: relative;
    z-index: 1
}

@media (min-width: 1025px) {
    .modal-root > .modal-paper > .modalContentWrapper > .modal-titleRoot {
        padding: 2.4rem 6.4rem 2.4rem 2.4rem
    }
}

.modal-root > .modal-paper > .modalContentWrapper > .modal-titleRoot > h2 {
    color: #fff;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
    margin: initial
}

.modal-root > .modal-paper > .modalContentWrapper > .modal-titleRoot--no-border {
    border-bottom: none
}

.modal-root > .modal-paper > .modalContentWrapper > .modal-contentRoot {
    flex: 1 1 auto;
    overscroll-behavior: none;
    padding: 1.6rem
}

@media (min-width: 1025px) {
    .modal-root > .modal-paper > .modalContentWrapper > .modal-contentRoot {
        padding: 2.4rem
    }
}

.modal-root.confirmationModal-root .modal-contentRoot > .grid-root {
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%
}

.modal-root.confirmationModal-root .modal-contentRoot > .grid-root > .gridItem-root {
    flex-basis: auto;
    max-width: none
}

.modal-root.confirmationModal-root .modal-contentRoot > .grid-root > .gridItem-root:first-child {
    margin-bottom: auto
}

.modal-root.confirmationModal-root.confirmationModal-root .modal-contentRoot .markdown-root {
    margin-bottom: 2.4rem
}

.modal-root.confirmationModal-root .confirmation-modal__buttons {
    align-items: center;
    border-top: 1px solid #1c1e26;
    display: flex;
    margin: 1.6rem -1.6rem -1.6rem;
    padding: 1.6rem .4rem
}

@media (min-width: 1025px) {
    .modal-root.confirmationModal-root .confirmation-modal__buttons {
        justify-content: space-between
    }
}

@media (max-width: 480px) {
    .modal-root.confirmationModal-root .confirmation-modal__buttons {
        flex-direction: column
    }
}

.modal-root.confirmationModal-root .confirmation-modal__buttons .button-root {
    min-width: 0;
    min-width: auto
}

@media (max-width: 1024px) {
    .modal-root.confirmationModal-root .confirmation-modal__buttons .button-root {
        display: block;
        flex: 1;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: 100%
    }
}

.modal-root.confirmationModal-root .confirmation-modal__buttons .button-root:only-child {
    flex: 1
}

.modal-root.confirmationModal-root .confirmation-modal__buttons .button-root + .button-root {
    margin-left: 1.6rem
}

@media (min-width: 1025px) {
    .modal-root.confirmationModal-root .confirmation-modal__buttons .button-root + .button-root {
        margin-left: 2.4rem
    }
}

@media (max-width: 480px) {
    .modal-root.confirmationModal-root .confirmation-modal__buttons .button-root + .button-root {
        margin-left: 0;
        margin-top: 1.6rem
    }
}

@media (min-width: 1025px) {
    .modal-root.confirmationModal-root .confirmation-modal__buttons {
        margin: 2.4rem -2.4rem -2.4rem;
        padding: 2.4rem;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width: 1024px) {
    .modal-root.confirmationModal-root .confirmation-modal__buttons .gridItem-root {
        width: 100%
    }
}

@media (min-width: 1025px) {
    .modal-root.confirmationModal-root .confirmation-modal__buttons .gridItem-root {
        display: flex;
        flex: 1;
        max-width: none
    }
}

.modal-root.confirmationModal-root .confirmation-modal__buttons .button-default {
    height: 4.8rem
}

@media (min-width: 1025px) {
    .modal-root--md > .modal-paper {
        max-width: 60rem
    }
}

.modal-contents {
    display: flex;
    flex-direction: column;
    height: 100%
}

.modal-contents__content {
    margin-bottom: auto
}

.modal-contents__actions {
    align-items: center;
    border-top: 1px solid #1c1e26;
    display: flex;
    margin: 1.6rem -1.6rem -1.6rem;
    padding: 1.6rem
}

@media (min-width: 1025px) {
    .modal-contents__actions {
        justify-content: space-between
    }
}

@media (max-width: 480px) {
    .modal-contents__actions {
        flex-direction: column
    }
}

.modal-contents__actions .button-root {
    min-width: 0;
    min-width: auto
}

@media (max-width: 1024px) {
    .modal-contents__actions .button-root {
        display: block;
        flex: 1;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: 100%
    }
}

.modal-contents__actions .button-root:only-child {
    flex: 1
}

.modal-contents__actions .button-root + .button-root {
    margin-left: 1.6rem
}

@media (min-width: 1025px) {
    .modal-contents__actions .button-root + .button-root {
        margin-left: 2.4rem
    }
}

@media (max-width: 480px) {
    .modal-contents__actions .button-root + .button-root {
        margin-left: 0;
        margin-top: 1.6rem
    }
}

@media (min-width: 1025px) {
    .modal-contents__actions {
        margin: 2.4rem -2.4rem -2.4rem;
        padding: 2.4rem
    }
}

.modal-contents__actions--default {
    color: #fff;
    flex-direction: column
}

.modal-contents__actions--default strong {
    font-size: 1.6rem
}

.modal-contents__actions--default p + p {
    margin-top: 12px
}

.modal-contents__actions--default a {
    color: #18ae62;
    text-decoration: underline
}

.modal-contents__actions--default a.active, .modal-contents__actions--default a:active, .modal-contents__actions--default a:hover {
    color: #148f50
}

.modal-contents__actions--bottom {
    align-items: center;
    border-bottom: 1px solid #1c1e26;
    display: flex;
    margin: -1.6rem -1.6rem 1.6rem;
    padding: 1.6rem
}

@media (min-width: 1025px) {
    .modal-contents__actions--bottom {
        justify-content: space-between
    }
}

@media (max-width: 480px) {
    .modal-contents__actions--bottom {
        flex-direction: column
    }
}

.modal-contents__actions--bottom .button-root {
    min-width: 0;
    min-width: auto
}

@media (max-width: 1024px) {
    .modal-contents__actions--bottom .button-root {
        display: block;
        flex: 1;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: 100%
    }
}

.modal-contents__actions--bottom .button-root:only-child {
    flex: 1
}

.modal-contents__actions--bottom .button-root + .button-root {
    margin-left: 1.6rem
}

@media (min-width: 1025px) {
    .modal-contents__actions--bottom .button-root + .button-root {
        margin-left: 2.4rem
    }
}

@media (max-width: 480px) {
    .modal-contents__actions--bottom .button-root + .button-root {
        margin-left: 0;
        margin-top: 1.6rem
    }
}

@media (min-width: 1025px) {
    .modal-contents__actions--bottom {
        margin: -2.4rem -2.4rem 2.4rem;
        padding: 2.4rem
    }
}

.modal-header--stepper p em {
    color: #18ae62;
    font-style: normal;
    font-weight: 400
}

@media (min-width: 1025px) {
    .page-modal--id-bonus-terms .modal-paper, .page-modal--id-privacy-policy .modal-paper, .page-modal--id-responsible-gambling .modal-paper, .page-modal--id-terms-conditions .modal-paper, div[class*=page-modal--id-campaigns] .modal-paper, div[class*=validation-modal--payment-details-validation] .modal-paper {
        max-width: 96rem
    }
}

.page-modal--id-bonus-terms .underlined-title, .page-modal--id-privacy-policy .underlined-title, .page-modal--id-responsible-gambling .underlined-title, .page-modal--id-terms-conditions .underlined-title, div[class*=page-modal--id-campaigns] .underlined-title, div[class*=validation-modal--payment-details-validation] .underlined-title {
    display: none
}

@media (min-width: 1025px) {
    .confirm-button__modal > .modal-paper {
        max-width: 60rem
    }
}

.paginator-root {
    border: 0;
    border-radius: 0;
    display: block
}

.paginator-root:not(:first-child) {
    margin-top: 1.6rem
}

@media (min-width: 1025px) {
    .paginator-root:not(:first-child) {
        margin-top: 2.4rem
    }
}

.paginator-root:not(:last-child) {
    margin-bottom: 1.6rem
}

@media (min-width: 1025px) {
    .paginator-root:not(:last-child) {
        margin-bottom: 2.4rem
    }
}

.paginator-button {
    background: none;
    border: 0;
    border-radius: .4rem;
    color: #fff;
    display: inline-block;
    flex: none;
    padding: .4rem 1rem;
    vertical-align: middle
}

@media (min-width: 1025px) {
    .paginator-button {
        padding: .6rem 1.2rem
    }
}

.paginator-button:hover {
    color: #18ae62
}

.paginator-first, .paginator-last {
    display: none
}

.paginator-next, .paginator-prev {
    font-size: 0
}

.paginator-next:before, .paginator-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    display: inline-block;
    font-family: Icons;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.paginator-prev:before {
    transform: rotate(180deg)
}

.paginator-selected {
    background-color: #18ae62;
    pointer-events: none
}

.paginator-disabled, .paginator-ellipse {
    color: #898fa9;
    pointer-events: none
}

.progress {
    background: #393d4b;
    border-radius: .4rem;
    display: flex;
    font-size: 1.2rem;
    line-height: 1.2;
    overflow: auto;
    position: relative
}

.progress .progress-bar {
    background: #18ae62;
    height: 100%;
    position: absolute;
    transition: width .6s ease
}

.progress span {
    padding: .3rem .6rem;
    text-align: center;
    z-index: 1
}

.stepper-default.stepper-root {
    background-color: transparent;
    background-color: initial;
    margin: 2.4rem 0;
    padding: initial
}

.stepper-default.stepper-root .stepper-step {
    padding: initial
}

.stepper-default.stepper-root .stepper-step div:nth-child(2) {
    left: calc(50% + 17px);
    right: calc(-50% + 17px);
    top: calc(100% - 19px)
}

.stepper-default.stepper-root .stepper-step div:nth-child(2) span {
    border-color: #18ae62;
    border-top-width: 2px
}

.stepper-default.stepper-root .stepper-step p {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    margin: initial
}

.stepper-default.stepper-root .stepper-step svg {
    fill: transparent;
    border: 3px solid #18ae62;
    border-radius: 50%;
    height: 35px;
    margin-top: .8rem;
    padding: .8rem;
    width: 35px
}

.stepper-default.stepper-root .stepper-step svg text {
    display: none
}

.stepper-default.stepper-root .stepper-step .stepper-item {
    flex-direction: column-reverse;
    height: 100%;
    justify-content: space-between
}

.stepper-default.stepper-root .stepper-step .stepper-item--completed svg {
    fill: #18ae62;
    border-width: 5px;
    padding: initial
}

.stepper-default.stepper-root .stepper-step.active svg {
    fill: #18ae62
}

.table.table-root {
    background-color: #2b2e3b;
    margin: initial;
    overflow-x: auto;
    width: 100%
}

@media (min-width: 1025px) {
    .table.table-root {
        border: 1px solid #464a5a;
        border-collapse: separate;
        border-radius: .4rem
    }
}

@media (max-width: 1024px) {
    .table.table-root thead.tableHead-root {
        display: none
    }

    .table.table-root tbody.tableBody-root {
        display: block;
        width: 100%
    }

    .table.table-root tbody.tableBody-root tr.tableRow-root:not(:last-child) {
        margin-bottom: 1.6rem
    }
}

@media (min-width: 1025px) {
    .table.table-root tbody.tableBody-root tr.tableRow-root:not(:last-child) td.tableCell-root {
        border-bottom: 1px solid #464a5a
    }
}

.table.table-root tr.tableRow-root {
    height: auto
}

@media (max-width: 1024px) {
    .table.table-root tr.tableRow-root {
        border: 1px solid #464a5a;
        border-radius: .4rem;
        display: block;
        padding: .8rem 0;
        width: 100%
    }
}

.table.table-root td.tableCell-root, .table.table-root th.tableCell-head {
    padding: initial
}

@media (min-width: 1025px) {
    .table.table-root td.tableCell-root, .table.table-root th.tableCell-head {
        padding: 1.2rem 1.6rem;
        text-align: left
    }
}

.table.table-root th.tableCell-head {
    border-bottom: 1px solid #464a5a;
    color: #898fa9;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase
}

.table.table-root td.tableCell-root {
    color: #fff
}

@media (max-width: 1024px) {
    .table.table-root td.tableCell-root {
        align-items: baseline;
        border: initial;
        display: flex;
        justify-content: flex-end;
        padding: .8rem 1.6rem;
        text-align: right !important;
        width: 100%
    }

    .table.table-root td.tableCell-root:before {
        color: #898fa9;
        content: attr(data-th);
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 1.2;
        margin-right: auto;
        padding-right: .6rem;
        text-align: left !important;
        text-transform: uppercase
    }
}

.table.table-root td.tableCell-root a {
    color: #18ae62
}

.table.table-root td.tableCell-root a.active, .table.table-root td.tableCell-root a:active, .table.table-root td.tableCell-root a:hover {
    color: #148f50
}

.typography {
    color: #898fa9
}

@media (min-width: 1025px) {
    .typography {
        font-size: 1.6rem
    }
}

.typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
    margin: 2.4rem 0 1.6rem
}

@media (min-width: 1025px) {
    .typography h6 {
        font-size: 1.6rem
    }
}

.typography img {
    display: block;
    margin: 2.4rem 0
}

.typography a:not(.button-root) {
    color: #18ae62
}

.typography a:not(.button-root).active, .typography a:not(.button-root):active, .typography a:not(.button-root):hover {
    color: #148f50
}

.typography b, .typography strong {
    color: #fff;
    font-weight: 700
}

.typography ol, .typography ul {
    list-style: none;
    margin: 1.6rem 0
}

.typography ol > ol, .typography ol > ul, .typography ul > ol, .typography ul > ul {
    margin: initial;
    margin-left: 2.4rem
}

@media (min-width: 1025px) {
    .typography ol > ol, .typography ol > ul, .typography ul > ol, .typography ul > ul {
        margin-left: 3.2rem
    }
}

.typography ol > li, .typography ul > li {
    align-items: baseline;
    display: flex
}

.typography ol > li:before, .typography ul > li:before {
    min-width: 2.4rem
}

@media (min-width: 1025px) {
    .typography ol > li:before, .typography ul > li:before {
        min-width: 3.2rem
    }
}

.typography ol > li:not(:last-child), .typography ul > li:not(:last-child) {
    margin-bottom: .8rem
}

.typography ol > li p, .typography ul > li p {
    margin: 0
}

.typography ol {
    counter-reset: list-counter
}

.typography ol > li {
    counter-increment: list-counter
}

.typography ol > li:before {
    content: counter(list-counter) ".";
    font-weight: 700
}

.typography ul > li:before {
    color: #18ae62;
    content: "•";
    font-size: 1.7rem
}

@media (min-width: 1025px) {
    .typography ul > li:before {
        font-size: 2rem
    }
}

.typography ul > li:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "G";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.typography p {
    margin: 1.6rem 0
}

.page-slider:after {
    display: none
}

.page-slider .swiper-slide {
    display: inline-block;
    height: 100%;
    padding-top: 25%;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (max-width: 1024px) {
    .page-slider .swiper-slide {
        padding-top: 75%
    }
}

.page-slider__image {
    background-size: cover;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.page-slider__content {
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-60%);
    white-space: normal;
    z-index: 2
}

@media (min-width: 1025px) {
    .page-slider__content {
        transform: translateY(-66%)
    }
}

.page-slider__content p {
    font-size: 2.4rem
}

@media (max-width: 767px) {
    .page-slider__content p {
        font-size: 1.6rem
    }
}

.page-slider__text, .page-slider__title {
    margin: 0
}

@media (max-width: 1024px) {
    .page-slider__text.desktop, .page-slider__title.desktop {
        display: none
    }
}

@media (min-width: 1025px) {
    .page-slider__text.mobile, .page-slider__title.mobile {
        display: none
    }
}

.page-slider__title {
    font-size: 2.8rem
}

@media (min-width: 1025px) {
    .page-slider__title {
        font-size: 4.4rem
    }
}

.page-slider__text {
    font-size: 1.6rem;
    margin-top: 1.6rem
}

@media (min-width: 1025px) {
    .page-slider__text {
        font-size: 1.8rem
    }
}

.page-slider__action {
    display: inline-block;
    margin-top: 2.4rem
}

.page-slider .swiper-wrapper {
    position: relative;
    z-index: 1
}

.page-slider .swiper-pagination {
    bottom: 2.5rem;
    display: flex;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

.page-slider .swiper-pagination-bullet {
    cursor: pointer;
    display: block;
    height: 1.8rem;
    position: relative;
    width: 1.8rem
}

.page-slider .swiper-pagination-bullet:before {
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    content: "";
    display: block;
    height: .8rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .8rem
}

.page-slider .swiper-pagination-bullet-active {
    cursor: default
}

.page-slider .swiper-pagination-bullet-active:before {
    background-color: #fff;
    box-shadow: 0 0 0 5px hsla(236, 7%, 54%, .2)
}

.page-slider .video-player {
    padding-top: 0;
    position: static
}

.page-slider .swiper-lazy:not(.swiper-lazy-loaded) {
    display: none
}

.page-slider-container {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-top: 25%;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.page-slider-container:after {
    display: none
}

.page-slider-container .swiper-root {
    bottom: auto;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%
}

@media (max-width: 1024px) {
    .page-slider-container {
        padding-top: 75%
    }
}

.multiSelectCheckbox__text--error {
    color: #ff4b4b !important
}

.multiSelectCheckbox__error {
    font-size: 1rem
}

.multiSelectCheckbox legend {
    margin-bottom: 1.6rem
}

.multiSelectCheckbox--column label + label {
    margin-top: 12px
}

.app-logo {
    display: block
}

.app-logo > img {
    display: block;
    height: 28px;
    width: 105px
}

.app-header {
    align-items: center;
    background-color: #2b2e3b;
    box-shadow: 0 1px 3px #1c1e26;
    display: flex;
    height: 6rem;
    padding: 1.2rem 0;
    position: sticky;
    top: -1px;
    z-index: 1002
}

@media (min-width: 1025px) {
    .app-header {
        height: 6.4rem
    }
}

.app-header__row, .app-header__row-group {
    align-items: center;
    display: flex
}

.app-header__row-group--primary, .app-header__row-group--primary .app-header__row-item:not(:last-child) {
    margin-right: 2.4rem
}

.app-header__row-group--secondary {
    margin-left: auto
}

.app-header__row-group--secondary .app-header__row-item:not(:first-child) {
    margin-left: 1rem
}

.app-header__row-item {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0
}

@media (min-width: 1025px) {
    .app-header__row-item--menu {
        display: none
    }
}

.app-header__row-item--auth {
    white-space: nowrap
}

.app-header__row-item--auth .button-primary {
    background-color: #3a3e4e
}

.app-header__row-item--auth .button-root {
    margin: 0 .4rem
}

.app-header__row-item--auth .button-root:last-child {
    margin-right: 0
}

.app-header__row-item--auth .button-root:first-child {
    margin-left: 0
}

@media (max-width: 480px) {
    html[lang=lt] .app-header__row-item--auth .button-root.button-sm {
        font-size: 1rem
    }
}

@media (max-width: 1024px) {
    .app-header__row-item--select-locale {
        display: none
    }
}

.profile-button + .app-header__row-item--info {
    margin: .8rem .8rem .8rem 4.5rem
}

.profile-button + .app-header__row-item--info:after {
    background: #898fa9;
    content: "";
    height: 100%;
    left: -2.3rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: .1rem
}

.app-header__row-item--info {
    background-color: #3a3e4e;
    border-radius: 50%;
    height: 3.8rem;
    margin: .8rem;
    position: relative;
    text-align: center;
    width: 3.8rem
}

.app-header__row-item--info.active {
    color: #fff;
    cursor: pointer
}

.app-header__row-item--info:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "-";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    line-height: 3.8rem;
    margin-left: 1px;
    text-transform: none
}

.app-header__row-item--info:hover {
    background-color: #ff4b4b;
    color: #fff
}

@media (max-width: 1024px) {
    .app-header__row-item--info {
        display: none
    }
}

.app-header__row-item .tooltip-delay__tooltip {
    top: 15px
}

.app-header__menu {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.app-header__menu .button-label {
    color: #fff;
    font-size: 2.4rem
}

.app-header__menu .button-label:before {
    content: "c"
}

.app-header .balance-button.button-root {
    padding-left: 2.2rem
}

.app-header .balance-button.button-root:after {
    left: .8rem
}

.app-header .balance-button.button-root:before {
    display: none
}

@media (min-width: 1025px) {
    .app-header .balance-button.button-root {
        padding-left: 2.7rem
    }

    .app-header .balance-button.button-root:after {
        left: 1rem
    }
}

@media (max-width: 1024px) {
    .app-header__login {
        display: none
    }
}

.app-header__login.button-root {
    height: 3.8rem;
    min-height: 0;
    min-height: auto;
    min-width: 0;
    min-width: auto;
    padding: initial;
    text-align: center;
    width: 3.8rem
}

.app-header__login.button-root .button-label {
    display: none
}

.app-header__login:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    line-height: 3.8rem;
    text-transform: none
}

.app-header__login--google:before {
    content: ",";
    font-size: 2rem
}

.app-header__login--google:hover {
    background: url(/cms/img/google-bg.svg)
}

.app-header__login--facebook:before {
    color: #fff;
    content: "k";
    font-size: 2rem
}

.app-header__login--facebook:hover {
    background-color: #1976d2
}

.app-header__login--apple:before {
    color: #fff;
    content: url(/cms/img/icons/Apple_logo_white.svg);
    font-size: 2rem
}

.app-header__login--apple:hover {
    background-color: #1ccc73
}

.app-header__login--smart-id:before {
    content: "#";
    font-size: 2rem;
    margin-left: -2px
}

.app-header__login--smart-id:hover {
    background-color: #00afaa
}

.app-header__login--mobile-id:before {
    content: "+";
    font-size: 1.8rem
}

.app-header__login--mobile-id:hover {
    background-color: #076ce3
}

.app-header__login--login:hover {
    background-color: #494c62
}

.app-header__hidden-tooltip {
    height: 100%;
    line-height: 38px;
    position: relative;
    width: 0
}

.app-header .balance__button--deposit.button-root.button-sm {
    font-size: 1.4rem;
    max-height: 3.8rem
}

.app-header .balance__button--deposit.button-root.button-sm.button-accent {
    min-width: 15rem
}

@media (max-width: 1024px) {
    .app-header .balance__button--deposit.button-root.button-sm.button-accent {
        display: none
    }
}

.app-header .balance__button--deposit.button-root.button-sm.balance-button {
    min-width: 10rem
}

@media (max-width: 1024px) {
    .app-header .balance__button--deposit.button-root.button-sm.balance-button {
        max-height: 2.9rem
    }
}

@media (min-width: 1025px) {
    .app-header .balance__button--deposit.button-root.button-sm.balance-button {
        min-width: 15rem
    }
}

@media (max-width: 360px) {
    .app-header .balance__button--deposit.button-root.button-sm.balance-button {
        min-width: 0;
        min-width: auto
    }
}

@media (max-width: 1024px) {
    .app-header .profile-button.button-root {
        margin-left: 1.1rem
    }

    .app-header .profile-button.button-root .button-label {
        height: 2.9rem;
        width: 2.9rem
    }

    .app-header .profile-button.button-root .button-label:before {
        font-size: 1.1rem
    }

    .app-header .app-logo img {
        max-height: 2.4rem
    }
}

.nav-block {
    align-items: center;
    background: #3a3e4e;
    display: flex;
    position: sticky;
    top: 6.3rem;
    z-index: 1001
}

@media (max-width: 1024px) {
    .nav-block {
        position: static;
        top: 5.9rem
    }
}

.nav-block .switcher-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 5px
}

@media (max-width: 1024px) {
    .nav-block .switcher-wrapper {
        padding: 1em;
        position: static;
        width: 100%
    }
}

.nav-block .navigation {
    align-items: center;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    width: 100%
}

.nav-block .navigation__nav {
    align-items: baseline;
    display: flex
}

.nav-block .navigation__nav a, .nav-block .navigation__nav li {
    font-size: 1.2rem
}

.nav-block .navigation__nav a {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 700;
    text-decoration: none
}

.nav-block .navigation__nav a.active {
    cursor: pointer
}

.nav-block .navigation__nav .button-default__amount {
    background-color: #ff4b4b;
    border-radius: 50%;
    color: #fff;
    flex: 0 0 auto;
    font-size: 1.1rem;
    height: 2rem;
    letter-spacing: -.05rem;
    line-height: 2.1rem;
    margin-left: 8px;
    text-indent: -.1rem;
    width: 2rem
}

.nav-block .navigation__theme-switcher {
    position: absolute;
    right: 2rem
}

@media (max-width: 1024px) {
    .nav-block .navigation {
        display: none
    }
}

.nav-block .navigation .settings-menu__item-override {
    padding: 12px
}

.nav-block .navigation .settings-menu__item-override--blue a {
    color: #5085ff;
    filter: drop-shadow(0 0 3px rgba(24, 94, 255, .8))
}

.nav-block .navigation .settings-menu__item-override--blue a.active, .nav-block .navigation .settings-menu__item-override--blue a:hover {
    color: #18ae62;
    filter: none
}

.nav-block .navigation .settings-menu__item-override--highlight {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    z-index: 1
}

.nav-block .navigation .settings-menu__item-override--highlight:before {
    background: #18ae62;
    content: "";
    display: block;
    inset: 0 12px;
    position: absolute;
    transform: skew(-30deg);
    z-index: -1
}

.nav-block .navigation .settings-menu__item-override--highlight a.active, .nav-block .navigation .settings-menu__item-override--highlight a:hover {
    color: #3b3e4e
}

body.mobile.is-logged-in .game-decorator .nav-block .navigation, body:fullscreen .nav-block .navigation {
    display: none
}

.desktop.initializing .app-header, .desktop.initializing .nav-block .navigation, .desktop.preloading .app-header, .desktop.preloading .nav-block .navigation {
    visibility: hidden
}

[data-url="/sports/e-sports-+"] .nav-block .settings-menu__item-override--sports a {
    color: #fff
}

[data-url="/sports/e-sports-+"] .nav-block .settings-menu__item-override--sports a:hover {
    color: #18ae62
}

.app-footer__friends-controls .next-button:hover, .app-footer__friends-controls .prev-button:hover {
    color: #fff;
    cursor: pointer
}

.app-footer__friends-controls .next-button:before, .app-footer__friends-controls .prev-button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "H";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.app-footer {
    background-color: #2b2e3b
}

.app-footer__row {
    padding: 2.4rem 0
}

.app-footer__row__secure-payment {
    background-color: #3a3e4e;
    border-radius: .4rem;
    color: #fff;
    display: flex;
    font-size: 1.2rem;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    width: 100%
}

.app-footer__row__secure-payment span {
    align-items: center;
    display: flex;
    gap: .8rem;
    height: 100%;
    width: -moz-fit-content;
    width: fit-content
}

.app-footer__row__secure-payment .pci {
    height: 2.4rem;
    margin-left: .8rem
}

.app-footer__row__secure-payment .lock {
    height: 1.5rem;
    width: 10.54px
}

.app-footer__row--payment-providers {
    border-bottom: none !important
}

.app-footer__row:not(:last-child) {
    border-bottom: 1px solid #898fa9
}

.app-footer__row .grid-root {
    margin-bottom: -3.2rem
}

@media (min-width: 1025px) {
    .app-footer__row .grid-root {
        margin-bottom: -4.8rem
    }
}

.app-footer__row .grid-root .gridItem-root {
    margin-bottom: 3.2rem
}

@media (min-width: 1025px) {
    .app-footer__row .grid-root .gridItem-root {
        margin-bottom: 4.8rem
    }
}

@media (max-width: 1024px) {
    .app-footer__row > .grid-root > .gridItem-root:not(:last-child) > div {
        border-bottom: 1px solid #898fa9;
        padding-bottom: 3.2rem
    }
}

.app-footer__row--primary {
    padding: 3.2rem 0
}

@media (min-width: 1025px) {
    .app-footer__row--primary {
        padding: 7.2rem 0
    }
}

.app-footer__row--responsible-gambling {
    padding: 3.2rem 0
}

@media (min-width: 1025px) {
    .app-footer__row--responsible-gambling {
        padding: 4.8rem 0
    }
}

.app-footer__row--payment-providers {
    padding: 2.4rem 0
}

@media (min-width: 1025px) {
    .app-footer__row--payment-providers {
        padding: 4.8rem 0
    }
}

.app-footer__row--secondary {
    font-size: 1.2rem
}

@media (min-width: 1025px) {
    .app-footer__row--secondary {
        align-items: baseline;
        display: flex;
        justify-content: space-between
    }

    .app-footer__row--secondary a, .app-footer__row--secondary div, .app-footer__row--secondary p {
        min-height: 34px
    }
}

.app-footer__logo {
    height: 28px;
    margin-bottom: 1.6rem;
    width: 100%
}

.app-footer__contacts {
    flex: 1
}

.app-footer__contacts:not(:last-child) {
    margin-bottom: 1.6rem
}

@media (min-width: 1025px) {
    .app-footer__contacts:not(:last-child) {
        margin-bottom: 2.4rem
    }
}

.app-footer__contacts > .markdown-root:not(:last-child), .app-footer__contacts > p:not(:last-child) {
    margin-bottom: 1.6rem
}

.app-footer__datetime {
    margin-top: 2rem
}

.app-footer__friends {
    align-items: center;
    display: flex;
    overflow: hidden;
    width: 95%
}

.app-footer__friends img {
    margin-right: 2.4rem
}

.app-footer__friends img.invisible {
    opacity: 0
}

@media (min-width: 1025px) {
    .app-footer__friends img {
        margin-right: 1.2rem
    }
}

.app-footer__friends-controls {
    display: flex;
    justify-content: space-between;
    width: 30%
}

.app-footer__friends-controls .prev-button:before {
    transform: rotate(-180deg)
}

.app-footer__friends-title {
    color: #fff;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.2rem
}

@media (min-width: 1025px) {
    .app-footer__friends-title {
        margin-bottom: 2.4rem
    }
}

.app-footer__nav li:not(:last-child) {
    margin-bottom: 1.2rem
}

@media (min-width: 1025px) {
    .app-footer__nav li:not(:last-child) {
        margin-bottom: 1.6rem
    }
}

.app-footer__nav a {
    color: #898fa9;
    text-decoration: none
}

.app-footer__nav a.active, .app-footer__nav a:hover {
    color: #fff
}

.app-footer__nav-title {
    color: #fff;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.2rem
}

@media (min-width: 1025px) {
    .app-footer__nav-title {
        margin-bottom: 2.4rem
    }
}

.app-footer__responsible-gambling {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: -1.2rem 0
}

@media (max-width: 1024px) {
    .app-footer__responsible-gambling {
        flex-wrap: wrap;
        min-height: 208px
    }
}

@media (min-width: 1025px) {
    .app-footer__responsible-gambling {
        justify-content: space-between;
        margin: -1.2rem;
        min-height: 103px
    }
}

@media screen and (max-width: 620px) {
    .app-footer__responsible-gambling {
        min-height: 278px
    }
}

.app-footer__responsible-gambling img {
    max-width: none;
    min-height: 48px;
    width: 48px
}

.app-footer__responsible-gambling-item {
    flex: 0 0 auto;
    margin: 1.2rem
}

img.app-footer__responsible-gambling-item {
    display: block
}

p.app-footer__responsible-gambling-item {
    flex-shrink: 1
}

@media (max-width: 1024px) {
    p.app-footer__responsible-gambling-item {
        width: 100%
    }

    .button-root.app-footer__responsible-gambling-item {
        display: block;
        width: 100%
    }
}

.button-root.app-footer__responsible-gambling-item .button-label {
    align-items: center;
    display: flex
}

.button-root.app-footer__responsible-gambling-item .button-label:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "j";
    display: inline-block;
    font-family: Icons;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: .8rem;
    text-transform: none
}

@media (max-width: 1024px) {
    .app-footer__license {
        margin-bottom: 1rem;
        margin-top: 1rem
    }
}

@media (min-width: 1025px) {
    .app-footer__license {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.app-footer__wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

.app-footer__wrapper:after {
    background-image: url(/cms/img/ukraine-flag.svg);
    background-position: 50%;
    background-size: cover;
    content: "";
    display: block;
    height: 22.47px;
    margin-top: 1.5rem;
    width: 26px
}

.desktop.initializing .app-footer, .desktop.preloading .app-footer {
    visibility: hidden
}

[data-url="/sports/e-sports-+"] .app-footer__nav .settings-menu__item-override--sports a {
    color: #898fa9;
    cursor: pointer
}

[data-url="/sports/e-sports-+"] .app-footer__nav .settings-menu__item-override--sports a:hover {
    color: #fff
}

.game-decorator .aspectRatio-container {
    padding-top: 56.1798%
}

.game-decorator:has(.game-toolbar-landscape) .app-main {
    height: 100dvh
}

.game-decorator .app-main {
    margin: 1.6rem 0
}

@media (min-width: 1025px) {
    .game-decorator .app-main {
        margin: 3.2rem 0
    }
}

.game-decorator__breadcrumbs {
    background-color: #1c1e26;
    display: flex;
    height: 5.6rem;
    justify-content: space-between;
    position: relative
}

.game-decorator__breadcrumbs-button, .game-decorator__breadcrumbs-nav {
    background-color: #2b2e3b
}

.game-decorator__breadcrumbs-nav {
    align-items: center;
    display: flex;
    flex: 1;
    overflow-x: auto;
    white-space: nowrap
}

.game-decorator__breadcrumbs-nav a, .game-decorator__breadcrumbs-nav span {
    display: inline-block;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 600;
    padding: 1.4rem 2.4rem
}

.game-decorator__breadcrumbs-nav .active {
    cursor: pointer
}

.game-decorator__breadcrumbs-nav a {
    color: #898fa9;
    position: relative
}

.game-decorator__breadcrumbs-nav a:hover {
    color: #18ae62
}

.game-decorator__breadcrumbs-nav a:after {
    border-bottom: .4rem solid transparent;
    border-left: .6rem solid #18ae62;
    border-top: .4rem solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
    width: 0
}

.game-decorator__breadcrumbs-nav span {
    color: #fff
}

.game-decorator__breadcrumbs-button {
    flex: 0 0 5.4rem;
    height: 5.6rem;
    max-height: 5.6rem;
    padding: 1.6rem;
    width: 5.4rem
}

.game-decorator__breadcrumbs-button .button-label {
    display: none
}

.game-decorator__breadcrumbs-button:hover {
    background-color: #2b2e3b
}

.game-decorator__breadcrumbs-button:hover:before {
    color: #18ae62
}

.game-decorator__breadcrumbs-button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    display: inline-block;
    font-family: Icons;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.game-decorator__breadcrumbs-button--close:before {
    content: "A";
    transform: rotate(180deg);
    transform-origin: center
}

.game-decorator__breadcrumbs-button--fullscreen {
    border-radius: 0 .4rem .4rem 0;
    height: 3.9rem;
    position: absolute;
    right: -4rem;
    top: 48rem;
    width: 4rem
}

.game-decorator__breadcrumbs-button--fullscreen:before {
    content: "O"
}

.game-decorator__loading {
    height: 658.23px
}

@media (max-width: 1024px) {
    .game-decorator__loading {
        height: 604.31px
    }
}

@media (max-width: 767px) {
    .game-decorator__loading {
        height: 460px
    }
}

@media (max-width: 480px) {
    .game-decorator__loading {
        height: 304.69px
    }
}

.game-decorator__content {
    border-radius: .4rem
}

@media (min-width: 1025px) {
    .game-decorator__game {
        flex: 1
    }
}

.game-decorator__game .aspectRatio-root {
    margin: 0 auto;
    width: 100%
}

.game-decorator__game .aspectRatio-root .aspectRatio-content iframe {
    border: 0;
    height: 1px;
    min-height: 100%;
    min-width: 100%;
    width: 1px
}

.game-decorator__info {
    flex: 0 0 24.4rem;
    padding: 3.2rem 2.4rem
}

@media (min-width: 1025px) {
    .game-decorator__info {
        display: flex;
        flex-direction: column;
        padding: 3.2rem 2.4rem
    }
}

.game-decorator__title {
    color: #fff;
    font-size: 1.8rem
}

@media (min-width: 1025px) {
    .game-decorator__title h1 {
        font-size: 2.8rem
    }
}

.game-decorator__description > p, .game-decorator__group > p {
    margin-top: 2.6rem
}

html[lang=en] .game-decorator__description .lt, html[lang=en] .game-decorator__description .ru, html[lang=lt] .game-decorator__description .en, html[lang=lt] .game-decorator__description .ru, html[lang=ru] .game-decorator__description .en, html[lang=ru] .game-decorator__description .lt {
    display: none
}

.game-decorator__group a {
    color: #18ae62;
    display: inline-block;
    font-weight: 600
}

.game-decorator__group a.active, .game-decorator__group a:active, .game-decorator__group a:hover {
    color: #148f50
}

.game-decorator__group a:first-letter {
    text-transform: capitalize
}

.game-decorator__error--generic {
    text-align: center
}

@media (orientation: landscape) {
    body.mobile.is-logged-out .game-decorator__game .aspectRatio-root, body.tablet.is-logged-out .game-decorator__game .aspectRatio-root {
        max-width: 100% !important
    }

    body.mobile.is-logged-out .game-decorator__game .aspectRatio-root .aspectRatio-container, body.tablet.is-logged-out .game-decorator__game .aspectRatio-root .aspectRatio-container {
        padding-top: 0 !important
    }

    body.mobile.is-logged-out .game-decorator__game .aspectRatio-root .aspectRatio-container .aspectRatio-content, body.tablet.is-logged-out .game-decorator__game .aspectRatio-root .aspectRatio-container .aspectRatio-content {
        position: static
    }
}

body.mobile.is-logged-in .game-decorator, body.tablet.is-logged-in .game-decorator {
    height: 100%
}

body.mobile.is-logged-in .game-decorator .app-header, body.mobile.is-logged-in .game-decorator .warning-bar, body.tablet.is-logged-in .game-decorator .app-header, body.tablet.is-logged-in .game-decorator .warning-bar {
    display: none
}

body.mobile.is-logged-in .game-decorator .app-main, body.tablet.is-logged-in .game-decorator .app-main {
    height: calc(100% - 48px);
    margin: initial
}

body.mobile.is-logged-in .game-decorator .app-main .container, body.tablet.is-logged-in .game-decorator .app-main .container {
    height: 100%;
    max-width: none;
    padding: initial
}

body.mobile.is-logged-in .game-decorator__game, body.tablet.is-logged-in .game-decorator__game {
    height: calc(100dvh - 48px)
}

body.mobile.is-logged-in .game-decorator__game.isLandscape, body.tablet.is-logged-in .game-decorator__game.isLandscape {
    height: 100dvh
}

body.mobile.is-logged-in .game-decorator__game .aspectRatio-container, body.mobile.is-logged-in .game-decorator__game .aspectRatio-content, body.mobile.is-logged-in .game-decorator__game .aspectRatio-root, body.tablet.is-logged-in .game-decorator__game .aspectRatio-container, body.tablet.is-logged-in .game-decorator__game .aspectRatio-content, body.tablet.is-logged-in .game-decorator__game .aspectRatio-root {
    height: 100% !important
}

body:fullscreen .game-decorator {
    height: 100%
}

body:fullscreen .game-decorator .app-header, body:fullscreen .game-decorator .warning-bar {
    display: none
}

body:fullscreen .game-decorator .app-main {
    height: calc(100% - 48px);
    margin: initial
}

body:fullscreen .game-decorator .app-main .container {
    height: 100%;
    max-width: none;
    padding: initial
}

body:fullscreen .game-decorator__game {
    height: calc(100dvh - 48px)
}

body:fullscreen .game-decorator__game.isLandscape {
    height: 100dvh
}

body:fullscreen .game-decorator__game .aspectRatio-container, body:fullscreen .game-decorator__game .aspectRatio-content, body:fullscreen .game-decorator__game .aspectRatio-root {
    height: 100% !important
}

body:fullscreen .game-decorator__breadcrumbs {
    display: none
}

body:fullscreen .game-decorator__content {
    border-radius: 0;
    border-radius: initial
}

body:fullscreen .game-decorator__content {
    height: 100%
}

body:fullscreen .game-decorator__info {
    display: none
}

.game-decorator-license {
    border: 1px solid #898fa9;
    display: flex;
    flex-direction: column;
    margin-top: 4rem;
    padding: 10px;
    width: -moz-fit-content;
    width: fit-content
}

.game-decorator-license--mb {
    margin-bottom: 4rem
}

body.mobile.is-logged-in #root[data-url^="/games/parlay-bet"] .app-header, body.mobile.is-logged-in #root[data-url^="/games/twain-sport"] .app-header, body.mobile.is-logged-in #root[data-url^="/parlay-bet"] .app-header, body.mobile.is-logged-in #root[data-url^="/twain-sport"] .app-header, body.tablet.is-logged-in #root[data-url^="/games/parlay-bet"] .app-header, body.tablet.is-logged-in #root[data-url^="/games/twain-sport"] .app-header, body.tablet.is-logged-in #root[data-url^="/parlay-bet"] .app-header, body.tablet.is-logged-in #root[data-url^="/twain-sport"] .app-header {
    display: block
}

.home-page__content {
    margin: 2.4rem 0
}

@media (min-width: 1025px) {
    .home-page__content {
        margin: 6.4rem 0 4.8rem
    }
}

.home-page__items {
    margin-bottom: -2.4rem
}

@media (min-width: 1025px) {
    .home-page__items {
        margin-bottom: -4.8rem
    }
}

.home-page__item {
    margin-bottom: 2.4rem
}

.home-page__item:empty {
    display: none
}

@media (min-width: 1025px) {
    .home-page__item {
        margin-bottom: 4.8rem
    }

    .home-page__item:nth-child(2) .game-tiles {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }
}

.home-page__item--md {
    margin-bottom: 2.4rem
}

@media (min-width: 1025px) {
    .home-page__item--md {
        margin-bottom: 3.2rem
    }
}

@media (max-width: 1024px) {
    .home-page__item--long {
        margin-right: -2.4rem
    }
}

.casino-page__content {
    margin: .8rem 0;
    overflow: hidden
}

@media (min-width: 1025px) {
    .casino-page__content {
        margin: 3.2rem 0
    }
}

.casino-page__item:empty {
    display: none
}

.casino-page__item .extra-pages {
    grid-gap: 2rem;
    display: grid;
    gap: 2rem;
    grid-template-columns:repeat(6, minmax(auto, 1fr))
}

.casino-page__item .extra-pages__link {
    align-items: center;
    background: #2b2e3b;
    border-radius: 4px;
    color: #898fa9;
    display: flex;
    font-family: Inter;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    line-height: 99.023%;
    padding: .8em 1.643em
}

.casino-page__item .extra-pages__link img {
    height: 1.814em;
    margin-right: .4em;
    width: 2.071em
}

@media (max-width: 480px) {
    .casino-page__item .extra-pages {
        gap: .8rem
    }

    .casino-page__item .extra-pages__link {
        font-size: 11px;
        padding: 1.2em 1.643em
    }
}

@media (max-width: 1024px) {
    .casino-page__item .extra-pages {
        grid-template-columns:repeat(3, minmax(auto, 1fr))
    }
}

.casino-page__item:not(:last-child) {
    margin-bottom: 2.4rem
}

@media (min-width: 1025px) {
    .casino-page__item:not(:last-child) {
        margin-bottom: 4.8rem
    }
}

@media (max-width: 767px) {
    .casino-page__item:not(:last-child) {
        margin-bottom: 3.2rem
    }
}

.casino-page__filter {
    background-color: #1c1e26;
    position: sticky;
    top: 12rem;
    z-index: 999
}

.casino-page h1 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 1.4
}

@media (max-width: 1024px) {
    .casino-page h1 {
        font-size: 20px
    }
}

.live-casino-page__content {
    margin: 2.4rem 0
}

@media (min-width: 1025px) {
    .live-casino-page__content {
        margin: 3.2rem 0
    }
}

.live-casino-page__item:empty {
    display: none
}

.live-casino-page__item:not(:last-child) {
    margin-bottom: 2.4rem
}

@media (min-width: 1025px) {
    .live-casino-page__item:not(:last-child) {
        margin-bottom: 4.8rem
    }
}

@media (max-width: 767px) {
    .live-casino-page__item:not(:last-child) {
        margin-bottom: 3.2rem
    }
}

.live-casino-page__filter {
    background-color: #1c1e26;
    position: sticky;
    top: 12rem;
    z-index: 999
}

.live-casino-page h1 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1.5px;
    line-height: 1.4
}

@media (max-width: 1024px) {
    .live-casino-page h1 {
        font-size: 20px
    }
}

.not-found-page {
    align-items: center;
    display: flex;
    min-height: calc(100vh - 10.8rem - 23px);
    text-align: center
}

@media (min-width: 1025px) {
    .not-found-page {
        min-height: calc(100vh - 24.8px - 19.2rem)
    }
}

.not-found-page .title, .not-found-page__img, .not-found-page__text {
    margin-bottom: 2.4rem
}

.not-found-page__img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.not-found-page .title {
    font-size: 30px
}

.not-found-page .button-root {
    display: inline-block
}

.not-found-page__text {
    color: #fff;
    font-size: 1.6rem
}

.protection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    padding: 2.4rem 0
}

@media (min-width: 1025px) {
    .protection {
        padding: 4.8rem 0
    }
}

.protection > .container {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: center
}

.protection__logo {
    display: block;
    margin: 0 auto 3rem;
    max-width: 220px
}

.protection__content {
    margin-bottom: auto;
    margin-top: auto;
    text-align: center
}

.protection__text {
    color: #fff;
    font-size: 1.6rem
}

.protection__license {
    color: #fff;
    margin: 3.2rem auto 0;
    text-align: center
}

@media (min-width: 1025px) {
    .protection__license {
        max-width: 75%
    }
}

@media (max-width: 1024px) {
    .protection__license--button {
        padding-bottom: 6rem
    }
}

.protection__license a {
    color: #18ae62
}

.protection__button {
    bottom: 1.6rem;
    cursor: pointer;
    opacity: .5;
    position: fixed;
    right: 1.6rem;
    transition-duration: .2s;
    width: 12vh
}

@media (min-width: 1025px) {
    .protection__button {
        bottom: 2.4rem;
        right: 2.4rem
    }
}

.protection__button:hover {
    opacity: 1
}

.set-password .container {
    background: var(--content-background);
    margin-top: 15px;
    max-width: 800px;
    padding: 30px
}

.set-password .button-accent {
    margin-top: 20px
}

.set-password__success {
    padding: 50px 0
}

.live-show-hero {
    padding-top: 25%;
    position: relative
}

.live-show-hero__content {
    height: 118%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.live-show-hero .swiper-slide {
    padding-top: 29.5%
}

.live-show-hero .swiper-slide:before {
    background: linear-gradient(0, #1c1e26, rgba(28, 30, 38, 0));
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 2
}

.live-show-hero .page-slider-container {
    padding-top: 0
}

.live-show-hero .page-slider-container h1 {
    font-size: 4.5rem
}

.live-show-hero .page-slider-container p {
    font-size: 2.7rem
}

.live-show-hero .swiper {
    max-width: 100%
}

.live-show-hero .swiper .page-slider__content {
    top: 41%;
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .live-show-hero .page-slider-container h1 {
        font-size: 3.2rem
    }

    .live-show-hero .page-slider-container p {
        font-size: 1.6rem
    }
}

@media (max-width: 1024px) {
    .live-show-hero {
        padding-top: 75%
    }

    .live-show-hero__content {
        height: 122%
    }

    .live-show-hero .swiper-slide {
        padding-top: 92%
    }
}

@media (min-width: 1025px) {
    .live-show-hero .swiper .page-slider__content {
        top: 43%;
        transform: translateY(-50%)
    }
}

.liveShow-menu {
    padding: .5rem 0;
    position: sticky;
    top: 10.3rem;
    transition: all .2s linear;
    z-index: 20
}

.liveShow-menu .swiper-next:before {
    animation: colors 3s infinite, breathing 1.5s infinite
}

.liveShow-menu__wrap {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.liveShow-menu-item {
    align-items: center;
    background-color: #2b2e3b;
    border-radius: .4rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 1.2rem;
    font-weight: 400;
    justify-content: center;
    padding: .7rem 0;
    text-align: center;
    transition: all .2s linear;
    white-space: nowrap
}

.liveShow-menu-item + .liveShow-menu-item {
    margin-left: 1.6rem
}

.liveShow-menu-item:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    display: inline-block;
    font-family: Icons;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: .8rem;
    text-transform: none
}

.liveShow-menu-item:empty:before {
    margin-right: 0
}

.liveShow-menu-item-lobby:before {
    content: "й"
}

.liveShow-menu-item-liveAllShow:before {
    content: "."
}

.liveShow-menu-item-liveWheelShow:before {
    content: "у"
}

.liveShow-menu-item-liveDiceShow:before {
    content: "ц"
}

.liveShow-menu-item-liveRouletteShow:before {
    content: "к"
}

.liveShow-menu-item--selected {
    background-color: #18ae62 !important
}

.liveShow-menu-item--selected:before {
    color: #fff
}

.liveShow-menu--sticky {
    background-color: #2b2e3b
}

.liveShow-menu--sticky .liveShow-menu-item {
    background-color: #3a3e4e
}

.liveShow-menu--sticky .liveShow-menu-item + .liveShow-menu-item {
    margin-left: .5rem
}

.liveShow-menu--mobile {
    overflow-x: hidden;
    padding: 1.6rem 1.6rem 1.6rem 2.4rem;
    top: 12.2rem
}

.liveShow-menu--mobile .swiper-wrapper {
    display: flex
}

.liveShow-menu--mobile .liveShow-menu-item {
    padding: 1.3rem
}

.liveShow-menu--mobile .liveShow-menu-item + .liveShow-menu-item {
    margin-left: .8rem
}

.liveShow-menu--mobile.liveShow-menu--sticky {
    background-color: #1c1e26;
    padding-bottom: .8rem
}

.liveShow-menu--mobile.liveShow-menu--sticky .liveShow-menu-item {
    background-color: #2b2e3b
}

.live-show-slider__wrapper {
    margin-bottom: 2.4rem;
    overflow: hidden;
    position: relative
}

@media (min-width: 1025px) {
    .live-show-slider__wrapper {
        margin-bottom: 4.8rem
    }
}

@media (max-width: 767px) {
    .live-show-slider__wrapper {
        margin-bottom: 3.2rem
    }
}

.live-show-slider__swiper {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 60%;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.live-show-slider .swiper-slide {
    display: inline-flex;
    margin-top: 2rem
}

.live-show-slider .swiper-slide .video-player {
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .5)
}

@media (max-width: 1024px) {
    .live-show-slider .swiper-slide .video-player {
        padding-top: 0
    }
}

.live-show-slider .swiper-slide-active {
    z-index: 5
}

.live-show-slider .swiper-slide-active .video-container {
    transform: scale(1)
}

.live-show-slider .swiper-slide:not(.swiper-slide-active) .video-content__action, .live-show-slider .swiper-slide:not(.swiper-slide-active) .video-content__status, .live-show-slider .swiper-slide:not(.swiper-slide-active) .video-content__title {
    opacity: 0;
    pointer-events: none;
    transition: all var(--animationTransition);
    visibility: hidden
}

.live-show-slider .swiper-slide:not(.swiper-slide-active) .video-stream {
    filter: brightness(.2);
    pointer-events: none
}

.live-show-slider .video-container {
    transform: scale(.8);
    transition: none
}

.live-show-slider .video-container .video-stream {
    border-radius: .4rem;
    overflow: hidden;
    transition: all var(--animationTransition)
}

.live-show-slider .swiper[data-active=true] .video-container {
    transition: all var(--animationTransition)
}

.live-show-slider .swiper-slide-prev .video-container {
    transform-origin: right
}

.live-show-slider .swiper-slide-next .video-container {
    transform-origin: left
}

.live-show-slider .swiper-next, .live-show-slider .swiper-prev {
    background-color: #18ae62;
    border-radius: 50%;
    cursor: pointer;
    height: 45px;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% + 1rem));
    width: 45px;
    z-index: 2
}

.live-show-slider .swiper-next:before, .live-show-slider .swiper-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "N";
    display: inline-block;
    font-family: Glyphter-custom;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    line-height: 1;
    position: relative;
    text-transform: none;
    top: 50%
}

.live-show-slider .swiper-prev {
    left: -9%
}

.live-show-slider .swiper-prev:before {
    transform: translate(-55%, -50%) rotate(180deg)
}

.live-show-slider .swiper-next {
    right: -9%
}

.live-show-slider .swiper-next:before {
    transform: translate(-45%, -50%)
}

@media (max-width: 767px) {
    .live-show-slider__swiper {
        max-width: 90%
    }

    .live-show-slider .swiper-next, .live-show-slider .swiper-prev {
        height: 30px;
        width: 30px
    }

    .live-show-slider .swiper-next:before, .live-show-slider .swiper-prev:before {
        font-size: 1rem
    }

    .live-show-slider .swiper-prev {
        left: -4%
    }

    .live-show-slider .swiper-next {
        right: -4%
    }
}

.live-show-stream .image-root {
    height: 100%;
    width: 100%
}

.live-show-stream img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.hybrid-group__content {
    grid-gap: 2.4rem;
    display: grid;
    gap: 2.4rem;
    grid-template-columns:3fr 1fr
}

.hybrid-group__tiles {
    gap: 2.4rem;
    grid-template-columns:repeat(1, minmax(0, 1fr)) !important
}

.hybrid-group__tiles .game-thumbnail__title-wrapper {
    bottom: 2.5rem;
    left: .8rem;
    position: absolute;
    z-index: 5
}

.hybrid-group__tiles .game-thumbnail__wrapper-provider {
    bottom: .8rem;
    color: #fff;
    font-size: 1.4rem;
    left: .8rem;
    position: absolute;
    z-index: 5
}

.hybrid-group__tiles .game-thumbnail__image-wrapper:before {
    background: linear-gradient(180deg, rgba(28, 30, 38, 0) 50.24%, rgba(28, 30, 38, .8));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.hybrid-group--mobile .hybrid-group__content {
    grid-template-columns:1fr
}

.live-show-nav .home-menu {
    background-color: transparent;
    transition: all .2s
}

.live-show-nav.home-menu--sticky .home-menu {
    background-color: #1c1e26
}

.live-show {
    padding-bottom: 6.2rem;
    padding-top: 3.2rem;
    position: relative;
    z-index: 10
}

@media (min-width: 1025px) {
    .live-show__tiles {
        grid-template-columns:repeat(5, minmax(0, 1fr)) !important
    }
}

.live-show__item:empty {
    display: none
}

.live-show__item:not(:last-child) {
    margin-bottom: 2.4rem
}

@media (min-width: 1025px) {
    .live-show__item:not(:last-child) {
        margin-bottom: 4.8rem
    }
}

@media (max-width: 767px) {
    .live-show__item:not(:last-child) {
        margin-bottom: 3.2rem
    }
}

.live-show .swiper-slide, .live-show .video {
    padding-top: 56%;
    position: relative
}

@media (max-width: 1024px) {
    .live-show .swiper-slide, .live-show .video {
        padding-top: 56%
    }
}

.live-show .swiper-slide .video-container, .live-show .video .video-container {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.live-show .swiper-slide .video-stream, .live-show .video .video-stream {
    height: 100%;
    width: 100%
}

.live-show .swiper-slide .video-content, .live-show .video .video-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: end;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.live-show .swiper-slide .video-content:before, .live-show .video .video-content:before {
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.live-show .swiper-slide .video-content__status, .live-show .video .video-content__status {
    background-color: #18ae62;
    border: .8rem solid #1c1e26;
    border-radius: 2.5rem;
    color: #fff;
    font-size: 1.2rem;
    padding: .4rem 1.6rem;
    position: absolute;
    right: 8%;
    text-transform: uppercase;
    top: -2rem;
    z-index: 99
}

.live-show .swiper-slide .video-content__title, .live-show .video .video-content__title {
    margin-bottom: 2.5rem;
    z-index: 2
}

.live-show .swiper-slide .video-content__action, .live-show .video .video-content__action {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 3.2rem;
    min-width: auto;
    padding: 1.2rem 3.2rem;
    text-transform: capitalize;
    z-index: 2
}

@media (min-width: 1025px) {
    .live-show .game-list__games {
        grid-template-columns:repeat(5, minmax(0, 1fr))
    }

    .live-show .game-list__actions {
        grid-column: 1/6
    }
}

.live-show .game-group-title__count {
    color: #fff
}

@media (max-width: 767px) {
    .live-show {
        padding-bottom: .8rem;
        padding-top: 1.6rem
    }

    .live-show .swiper-slide .video-content__action, .live-show .swiper-slide .video-content__title, .live-show .video .video-content__action, .live-show .video .video-content__title {
        margin-bottom: 1.6rem
    }

    .live-show .swiper-slide .video-content__status, .live-show .video .video-content__status {
        border-width: 3px;
        top: -1.5rem
    }
}

@media (max-width: 1024px) {
    .deposit-agreement-modal__description {
        display: flex;
        flex: 1;
        flex-direction: column
    }
}

.deposit-agreement-modal__description a {
    color: #18ae62
}

.deposit-agreement-modal__description a.active, .deposit-agreement-modal__description a:active, .deposit-agreement-modal__description a:hover {
    color: #148f50
}

.deposit-agreement-modal__description img {
    display: block;
    margin: 1.6rem auto
}

@media (min-width: 1025px) {
    .deposit-agreement-modal__description img {
        margin: 1.6rem auto 3.2rem
    }
}

.deposit-agreement-modal__description p:not(:last-child) {
    margin-bottom: 1.6rem
}

.deposit-agreement-modal__description p:nth-child(4) {
    margin-top: auto
}

@media (min-width: 1025px) {
    .deposit-agreement-modal__description p:nth-child(4) {
        margin-top: 9.6rem
    }
}

@media (max-width: 1024px) {
    .deposit-agreement-modal .modal-contents__content {
        display: flex;
        flex: 1;
        flex-direction: column
    }
}

.gambling-contract-modal .modal-content__link {
    color: #18ae62;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1.6rem
}

.gambling-contract-modal .modal-content__link.active, .gambling-contract-modal .modal-content__link:active, .gambling-contract-modal .modal-content__link:hover {
    color: #148f50
}

.gambling-contract-modal .modal-content__description-period {
    margin-bottom: 2.4rem
}

.gambling-contract-modal .modal-content p {
    font-size: 10px;
    line-height: 16px
}

.gambling-contract-modal .modal-content label {
    text-transform: none
}

@media (max-width: 1024px) {
    .gambling-contract-modal .modal-content {
        margin-bottom: 0
    }
}

.gambling-contract-modal .modal-actions {
    border: none;
    margin-top: 0
}

.gambling-contract-modal .gaming-contract-notes {
    margin-bottom: 1.6rem
}

@media (min-width: 1025px) {
    .gambling-contract-modal .gaming-contract-notes {
        margin: 0 0 1.2rem
    }
}

.gambling-contract-modal .gaming-contract-notes__column {
    flex: 1
}

.gambling-contract-modal .gaming-contract-notes__column .field-root {
    margin: 0
}

.gambling-contract-modal .gaming-contract-notes__column .field-root + .field-root {
    margin-top: 1.2rem
}

.gambling-contract-modal .gaming-contract-notes__header {
    display: flex;
    flex: 1;
    gap: 10px;
    margin-bottom: 1.6rem
}

@media (max-width: 480px) {
    .gambling-contract-modal .gaming-contract-notes__header {
        display: none
    }
}

.gambling-contract-modal .gaming-contract-notes__stacks {
    display: flex;
    flex: 1;
    gap: 10px
}

@media (max-width: 480px) {
    .gambling-contract-modal .gaming-contract-notes__stacks {
        flex-direction: column;
        gap: 2.4rem
    }
}

.gambling-contract-modal .gaming-contract-notes__stack-title {
    flex: 1
}

@media (max-width: 480px) {
    .gambling-contract-modal .gaming-contract-notes__stack-title {
        display: none
    }
}

.gambling-contract-modal .gaming-contract-notes__stack-title--mobile {
    display: none
}

@media (max-width: 480px) {
    .gambling-contract-modal .gaming-contract-notes__stack-title--mobile {
        display: block;
        margin-bottom: 1.6rem
    }
}

.mobile-app-modal__icon-app {
    display: block;
    margin: 0 auto
}

.mobile-app-modal__text {
    color: #fff;
    font-size: 1.6rem;
    margin: 2rem 0;
    text-align: center
}

.mobile-app-modal__howto {
    align-items: center;
    background-color: #2b2e3b;
    color: #fff;
    display: flex;
    font-size: 1.2rem;
    justify-content: center;
    margin: 1rem 0;
    padding: 1.2rem
}

.mobile-app-modal__howto:before {
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    flex-grow: 0;
    flex-shrink: 0;
    height: 3.4rem;
    margin-right: 1rem;
    width: 3.4rem
}

.mobile-app-modal__howto--safari:before {
    background-image: url(/cms/img/mobile-app/icon-add.svg);
    background-size: 26px
}

.mobile-app-modal__howto--chrome:before {
    background-image: url(/cms/img/mobile-app/google-chrome.png);
    background-size: contain
}

.mobile-app-modal__howto img {
    margin: -.6rem .3rem
}

.mobile-app-modal .button-secondary {
    box-shadow: inset 0 0 0 1px #fff
}

.mobile-app-modal.modal-root {
    bottom: 1.6rem;
    height: auto;
    left: 3.2rem;
    right: 3.2rem;
    top: auto;
    width: auto
}

.mobile-app-modal.modal-root .modal-paper {
    background-color: #21232c
}

.mobile-app-modal.modal-root .modal-paper .modalContentWrapper .modal-titleRoot {
    border: initial;
    padding: 2.4rem 4.8rem;
    text-align: center
}

.mobile-app-modal.modal-root .modal-paper .modalContentWrapper .modal-titleRoot h2 {
    font-size: 2.4rem
}

.mobile-app-modal.modal-root .modal-paper .modalContentWrapper .modal-contentRoot {
    padding: 0 1.6rem 1.6rem
}

.reality-check-modal__description-text {
    color: #fff;
    display: inline;
    padding-right: 5px
}

.reality-check-modal__description-text p {
    display: inline-flex;
    margin: 0;
    text-align: center
}

.reality-check-modal__description-link {
    min-height: 0;
    padding: 0
}

.reality-check-modal__description-link:after {
    bottom: 0;
    width: 100%
}

.reality-check-modal .modal-contentRoot {
    display: flex !important;
    padding: 0 !important
}

@media (max-width: 1024px) {
    .reality-check-modal .modal-contentRoot {
        display: flex;
        flex-direction: column
    }
}

.reality-check-modal .modal-titleRoot {
    padding: 3.2rem 5.2rem !important
}

@media (max-width: 1024px) {
    .reality-check-modal .modal-titleRoot {
        padding: 1.5rem 3rem !important
    }
}

.reality-check-modal .modal-contents {
    border-right: 1px solid #1c1e26;
    flex: 1
}

@media (max-width: 1024px) {
    .reality-check-modal .modal-contents {
        border-bottom: 1px solid #1c1e26;
        flex: none;
        height: auto;
        max-width: 100%
    }
}

.reality-check-modal .modal-contents button {
    width: 100%
}

.reality-check-modal .modal-contents__wrapper {
    padding: 0 1.8rem 1.8rem
}

.reality-check-modal .modal-contents__content {
    padding: 7rem 3rem
}

@media (max-width: 1024px) {
    .reality-check-modal .modal-contents__content {
        padding: 3.7rem 3rem;
        text-align: center
    }
}

.reality-check-modal .modal-game-content {
    display: flex;
    flex-basis: 166px;
    flex-direction: column;
    justify-content: center;
    padding: 1.1rem
}

@media (max-width: 1024px) {
    .reality-check-modal .modal-game-content {
        flex-basis: auto;
        flex-direction: row;
        justify-content: space-around;
        padding: 1.8rem
    }

    .reality-check-modal .modal-game-content img {
        width: 150px
    }
}

.reality-check-modal .modal-game-content__game-info {
    margin-top: 1.2rem;
    text-align: center
}

.reality-check-modal .modal-game-content__game-info strong {
    color: #fff
}

.reality-check-modal .modal-game-content__wrapper {
    display: flex;
    flex-direction: column
}

.reality-check-modal .button-secondary {
    margin-top: 1.5rem;
    min-width: auto
}

@media (max-width: 1024px) {
    .reality-check-modal .button-secondary {
        margin-top: 2rem
    }
}

.reality-check-modal .modal-titleRoot {
    text-align: center
}

.reality-check-modal .modal-titleRoot h2:before {
    content: url(/cms/img/responsible-gambling/clock.svg);
    margin: .5rem 1.7rem 0 0
}

@media (max-width: 1024px) {
    .reality-check-modal .modal-titleRoot h2:before {
        margin: .5rem 3.3rem 0 0
    }
}

.reality-check-modal .modal-titleRoot h2 {
    align-items: center;
    display: flex;
    font-size: 1.4rem !important;
    justify-content: center
}

@media (max-width: 1024px) {
    .reality-check-modal .modal-titleRoot h2 {
        font-size: 1.4rem !important
    }
}

.registration-modal.modal-root {
    overflow: auto
}

@media (max-width: 480px) {
    .registration-modal.modal-root {
        overflow: hidden
    }
}

.registration-modal.modal-root > [aria-hidden=true] {
    background-image: url(/cms/img/registerModalbgDesktop.png);
    background-size: cover;
    position: sticky;
    width: 100%
}

.registration-modal.modal-root > [aria-hidden=true]:before {
    background-image: url(/cms/img/logo@2x.png);
    background-size: contain;
    content: "";
    display: block;
    height: 28px;
    left: 25px;
    position: absolute;
    top: 25px;
    width: 85px
}

.registration-modal.modal-root .mui-stepper__text {
    color: #898fa9;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    padding-left: .8rem
}

.registration-modal.modal-root .mui-stepper__step--active .mui-stepper__text, .registration-modal.modal-root .mui-stepper__step--completed .mui-stepper__text {
    color: #fff;
    font-weight: 700
}

.registration-modal.modal-root .mui-stepper {
    margin-inline: -14.4rem;
    padding-inline: 3.2rem;
    padding-bottom: 5.8rem
}

@media (max-width: 480px) {
    .registration-modal.modal-root .mui-stepper {
        margin-inline: 0
    }
}

.registration-modal.modal-root .mui-stepper > div {
    padding-inline: .8rem
}

.registration-modal.modal-root .mui-stepper > div:first-child {
    padding-left: 0
}

.registration-modal.modal-root .mui-stepper > div:last-child {
    padding-right: 0
}

.registration-modal.modal-root .registration--regular .registration__title {
    margin-bottom: 3.2rem
}

.registration-modal.modal-root .registration__title {
    margin-bottom: 2rem
}

@media (max-width: 480px) {
    .registration-modal.modal-root .registration__title {
        padding-top: 6.5px
    }
}

.registration-modal.modal-root .registration__form {
    padding-bottom: 4.8rem
}

.registration-modal.modal-root .expiring-verification-code__sent p, .registration-modal.modal-root .registration__methods {
    padding-top: 1.2rem
}

.registration-modal.modal-root .modal-paper {
    left: 50%;
    max-height: -moz-fit-content;
    max-height: fit-content;
    max-width: 720px;
    top: 120px;
    transform: translate(-50%);
    width: 100%
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper {
        overflow: auto
    }
}

.registration-modal.modal-root .modal-paper .modal-contents__actions--bottom {
    border-bottom: none;
    margin-top: 1.4rem;
    padding-bottom: 1.4rem;
    padding-top: 0;
    position: relative
}

.registration-modal.modal-root .modal-paper .modal-contents__actions--bottom:after {
    background-color: #18191f;
    bottom: 0;
    content: "";
    height: 1px;
    left: -8px;
    position: absolute;
    width: calc(100% + 16px)
}

.registration-modal.modal-root .modal-paper .modal-contents__actions--bottom > .grid-root > .gridItem-root:first-child {
    padding-left: 0
}

.registration-modal.modal-root .modal-paper .modal-contents__actions--bottom > .grid-root > .gridItem-root:last-child {
    padding-right: 3.6rem
}

.registration-modal.modal-root .modal-paper .modal-contents__actions--bottom > .grid-root > .gridItem-root:last-child .mui-stepper__text.mui-stepper__text--mobile p:first-child {
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px
}

.registration-modal.modal-root .modal-paper .modal-contents__actions--bottom > .grid-root > .gridItem-root:last-child .mui-stepper__text.mui-stepper__text--mobile p:last-child {
    font-size: 10px;
    font-style: Medium;
    font-weight: 500;
    line-height: 100%;
    text-transform: none
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper {
        max-height: 100%;
        max-width: 100%;
        top: 0
    }
}

.registration-modal.modal-root .modal-paper:after {
    content: "";
    height: calc(100% + 8rem);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -20
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper:after {
        height: 100%
    }
}

@media (max-width: 1439px) {
    .registration-modal.modal-root .modal-paper {
        top: 64px
    }
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper {
        top: 0
    }
}

.registration-modal.modal-root .modal-paper:before {
    display: none
}

.registration-modal.modal-root .modal-paper .sign-in-invitation {
    margin-bottom: 4.8rem
}

.registration-modal.modal-root .modal-paper .modalContentWrapper:has(.modal-contentRoot .verification) .verification {
    padding-bottom: 4.8rem
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper .modalContentWrapper:has(.modal-contentRoot .registration--null) .registration__title {
        padding-top: 2.4rem
    }
}

.registration-modal.modal-root .modal-paper .modalContentWrapper:has(.modal-contentRoot .registration--null) .modal-titleRoot {
    background-color: #2b2e3b
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper .modalContentWrapper:has(.modal-contentRoot .registration--null) .modal-titleRoot:before {
        background-image: url(/cms/img/logo@2x.png);
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: block;
        height: 26px;
        left: 24px;
        padding: initial;
        position: absolute;
        top: 17px;
        width: 73px
    }
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper .modalContentWrapper:has(.modal-contentRoot .registration--null) .modal-titleRoot {
        height: 60px;
        padding: 16px;
        position: relative
    }
}

.registration-modal.modal-root .modal-paper .modalContentWrapper {
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper .modalContentWrapper {
        position: absolute
    }
}

.registration-modal.modal-root .modal-paper .modalContentWrapper .modal-rootButtons {
    height: 2.4rem;
    right: .9rem;
    top: 3.2rem;
    width: 2.4rem
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper .modalContentWrapper .modal-rootButtons {
        position: fixed
    }
}

.registration-modal.modal-root .modal-paper .modalContentWrapper .modal-rootButtons .modal-buttonRoot:before {
    font-size: 1.2rem
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper .modalContentWrapper .modal-rootButtons {
        top: 3rem
    }

    .registration-modal.modal-root .modal-paper .modalContentWrapper .modal-rootButtons .modal-buttonRoot:before {
        font-size: 1.3rem
    }
}

.registration-modal.modal-root .modal-paper .modalContentWrapper .modal-buttonRoot {
    height: 2.4rem;
    min-height: 2.4rem;
    min-width: 2.4rem;
    width: 2.4rem
}

.registration-modal.modal-root .modal-paper .modalContentWrapper .modal-titleRoot {
    border-bottom: none;
    height: 4.4rem;
    margin-left: 0
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper .modalContentWrapper .modal-titleRoot {
        height: 0;
        padding: 0
    }
}

.registration-modal.modal-root .modal-paper .modalContentWrapper .modal-titleRoot h2 {
    display: none
}

.registration-modal.modal-root .modal-paper .modalContentWrapper .modal-contentRoot {
    padding-bottom: 0;
    padding-top: 0;
    position: relative
}

@media (max-width: 480px) {
    .registration-modal.modal-root .modal-paper .modalContentWrapper .modal-contentRoot {
        padding-inline: 2.4rem
    }
}

.rg-modals.modal-root.confirmationModal-root .modal-contentRoot .confirmation-modal__buttons {
    border: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 16px;
    margin: 1rem 0;
    padding: 0
}

.rg-modals.modal-root.confirmationModal-root .modal-contentRoot .confirmation-modal__buttons .button-root {
    flex: none;
    font-size: 1.4rem;
    padding: 1.6rem;
    width: 100%
}

.rg-modals.modal-root.confirmationModal-root .modal-contentRoot .confirmation-modal__buttons .gridItem-root {
    flex: auto;
    margin: 0;
    padding: 0
}

.rg-modals.modal-root.confirmationModal-root .modal-contentRoot .markdown-root p {
    color: #fff
}

.rg-modals.modal-root.confirmationModal-root .modal-contentRoot .grid-root > .gridItem-root:first-child {
    margin-bottom: 0
}

.login-modal .login-form__forgot-password {
    display: flex;
    justify-content: right;
    position: static;
    width: 100%
}

.login-modal .login-form__buttons {
    margin-block: 3.2rem
}

.login-modal .login-form__forgot-password-wrapper .field-input {
    margin-bottom: .8rem
}

.login-modal .modal-paper .modalContentWrapper .modal-titleRoot {
    border-bottom: none
}

.modal-aml__stepper {
    margin-left: -1.6rem;
    position: absolute;
    top: 77px;
    width: 100%;
    z-index: 10
}

.modal-aml__stepper .linearProgress-progressLine {
    height: 1px
}

.modal-aml__stepper .linearProgress-progressLine .linearProgress-line .linearProgress-background {
    fill: #1c1e26
}

.modal-aml__stepper .linearProgress-progressLine .linearProgress-line .linearProgress-progress {
    fill: #18ae62
}

@media (min-width: 1025px) {
    .modal-aml__stepper {
        margin-left: -2.4rem;
        top: 93px
    }
}

.low-balance-notification {
    background-color: #18ae62;
    border-radius: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 2001
}

.low-balance-notification.notification-root {
    border: none;
    margin-bottom: 0 !important
}

.low-balance-notification.notification-root:before {
    display: none !important
}

.low-balance-notification .notification-message {
    padding: 1.2rem 0 1.2rem 32px;
    width: 100%
}

@media (max-width: 1024px) {
    .low-balance-notification .notification-message {
        margin-left: 41px;
        padding: 1.2rem 0
    }
}

.low-balance-notification .button-root {
    color: #18ae62
}

.low-balance-notification .notification-action {
    display: block;
    margin-left: 0
}

@media (max-width: 1024px) {
    .low-balance-notification .notification-action {
        margin-left: auto
    }
}

.low-balance-notification .notification-action button:hover:before {
    color: #e6e6e6
}

.low-balance-notification .notification-action button:active:before {
    color: #1a1a1a
}

.low-balance-notification .button-sm {
    max-height: 32px;
    max-width: 135px;
    padding: .7rem 1.2rem
}

@media (max-width: 1024px) {
    .low-balance-notification .button-sm {
        margin-top: 8px
    }
}

.low-balance-notification__block {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 64rem
}

@media (max-width: 1024px) {
    .low-balance-notification__block {
        align-items: flex-start;
        flex-direction: column
    }
}

.low-balance-notification__block div:not(:first-child) {
    float: left
}

.low-balance-notification__content-wrapper {
    display: block;
    float: left
}

.low-balance-notification__content-wrapper div:first-of-type {
    font-size: 1.4rem;
    font-weight: 700
}

.limit-form__input_disabled {
    filter: grayscale(1)
}

.altenar {
    margin: auto;
    min-height: 100vh;
    transition: all .3s;
    width: 99%
}

.altenar__loading {
    align-items: center;
    display: flex;
    height: 100vh
}

.altenar__loader {
    margin: 20px 0
}

.altenar__notification-wrapper {
    margin-top: 40px
}

@media (max-width: 767px) {
    .altenar__notification-wrapper .gridItem-root {
        padding-left: 15px;
        padding-right: 15px
    }
}

.altenar .prefill {
    align-items: center;
    background: var(--content-background);
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    max-width: 60vw;
    min-height: 60vh;
    padding: 40px;
    position: relative
}

@media (max-width: 1024px) {
    .altenar .prefill {
        max-width: 100vw
    }
}

.altenar .prefill__description {
    color: #999
}

.altenar .prefill .button-root {
    margin-top: 10px
}

.altenar ._asb_page-column-right {
    position: sticky;
    top: 64px
}

.altenar ._asb_page-column-right ._asb_sticky-element {
    max-height: none !important;
    position: static !important
}

.altenar ._asb_hybrid-sticky-element-scroll-animation {
    max-height: 100% !important;
    overflow-y: visible !important;
    position: static !important;
    top: auto !important
}

.altenar [name=asb-banners] .asb-flex-cc + .asb-flex-cc {
    margin-top: 9px
}

@media (min-width: 1025px) {
    .altenar {
        margin-top: 17px
    }
}

.aside-menu {
    background-color: #2b2e3b;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 100vw;
    overflow-y: auto;
    width: 384px
}

.aside-menu::-webkit-scrollbar {
    display: none
}

.mobile .aside-menu, .tablet .aside-menu {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    will-change: height
}

.aside-menu__hot-links {
    display: flex;
    flex: 1;
    height: 4rem;
    justify-content: flex-end;
    padding: 0 2.4rem
}

.aside-menu__hot-links .button-primary {
    background-color: #3a3e4e
}

.aside-menu__hot-links .button-primary:hover {
    background-color: #494c62
}

.aside-menu__hot-links .button-root:not(:last-child) {
    margin-right: .8rem
}

.aside-menu__header {
    align-items: center;
    display: flex;
    height: 6rem
}

@media (min-width: 1025px) {
    .aside-menu__header {
        height: 6.4rem
    }
}

.aside-menu__close {
    cursor: pointer;
    padding: 2.4rem
}

.aside-menu__close > div {
    backface-visibility: hidden;
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 0;
    height: 32px;
    margin: -.8rem;
    min-height: 32px;
    min-width: 32px;
    padding: 0;
    position: relative;
    width: 32px
}

.aside-menu__close > div:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "K";
    display: inline-block;
    font-family: Icons;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    left: 50%;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s
}

.aside-menu__close > div:hover:before {
    color: #18ae62
}

.aside-menu__close > div > span {
    display: none
}

.aside-menu__close > div:before {
    font-size: 1.6rem
}

.aside-menu__links-wrapper {
    flex-direction: column;
    width: 100%
}

.aside-menu__links-wrapper a {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 2.4rem
}

.aside-menu__links-wrapper a.active, .aside-menu__links-wrapper a:hover {
    color: #18ae62
}

.aside-menu .settings-menu__item-override {
    background-color: #343747
}

.aside-menu .settings-menu__item-override .submenu-item a {
    font-weight: 400
}

.aside-menu .settings-menu__item-override:not(:nth-last-child(-n+2)) .fpLink {
    padding-bottom: 1.6rem
}

.aside-menu .settings-menu__item-override .detailsSummary-content:before, .aside-menu .settings-menu__item-override .fpLink:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    display: inline-block;
    font-family: Icons;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 1.2rem;
    text-transform: none
}

.aside-menu .settings-menu__item-override .details-root {
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    font-weight: 600
}

.aside-menu .settings-menu__item-override .details-root .detailsSummary-root {
    padding: 0 2.4rem
}

.aside-menu .settings-menu__item-override .details-root.details-expanded .detailsSummary-content:after {
    transform: rotateX(180deg)
}

.aside-menu .settings-menu__item-override .detailsSummary-root .fpLink {
    padding: 1.6rem 3.2rem
}

.aside-menu .settings-menu__item-override .detailsSummary-content {
    align-items: center;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    margin: 0;
    padding: 2.4rem 0 1.6rem;
    transition: all .2s
}

.aside-menu .settings-menu__item-override .detailsSummary-content:hover {
    color: #18ae62
}

.aside-menu .settings-menu__item-override .detailsSummary-content:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content: "";
    height: 0;
    position: absolute;
    right: 20px;
    top: 45%;
    width: 0
}

.aside-menu .settings-menu__item-override--menuAsideSportsGroups .detailsSummary-content:before {
    content: "U"
}

.aside-menu .settings-menu__item-override--menuAsideGameGroups .detailsSummary-content:before {
    content: "Q"
}

.aside-menu .settings-menu__item-override--live-games .fpLink:before {
    content: "("
}

.aside-menu .settings-menu__item-override--live-casino .fpLink:before {
    content: "`"
}

.aside-menu .settings-menu__item-override--in-play .fpLink:before {
    content: "*"
}

.aside-menu .settings-menu__item-override--parlay .fpLink:before {
    content: "|"
}

.aside-menu .settings-menu__item-override--promotions {
    background-color: transparent;
    background-color: initial
}

.aside-menu .settings-menu__item-override--promotions .fpLink:before {
    content: "-"
}

.aside-menu .settings-menu__item-override--twain a:before {
    content: "}"
}

.aside-menu .settings-menu__item-override--liveShow a:before {
    content: "е"
}

@media (max-width: 1024px) {
    .aside-menu .app-logo img {
        max-height: 2.4rem
    }
}

.aside-menu__locale {
    margin-top: auto;
    padding: 2.4rem
}

.aside-menu .settings-menu__item-override--highlight {
    background: #18ae62
}

.aside-menu .settings-menu__item-override--highlight a {
    padding: 2.4rem !important
}

.aside-menu .settings-menu__item-override--highlight a:before {
    color: #fff !important
}

.aside-menu .settings-menu__item-override--highlight a.active, .aside-menu .settings-menu__item-override--highlight a:hover {
    color: #343747
}

.aside-menu .settings-menu__item-override--highlight a.active:before {
    color: #343747 !important
}

.aside-menu .settings-menu__item-override--blue a {
    color: #5085ff
}

.aside-menu .settings-menu__item-override--blue a:before {
    color: #5085ff !important
}

.aside-menu .settings-menu__item-override--blue a.active, .aside-menu .settings-menu__item-override--blue a:hover {
    color: #18ae62
}

.aside-menu .settings-menu__item-override--blue a.active:before, .aside-menu .settings-menu__item-override--blue a:hover:before {
    color: #18ae62 !important
}

@media (max-width: 1024px) {
    .authentication {
        height: 100%
    }

    .authentication__process {
        display: flex;
        flex-direction: column;
        height: 100%
    }
}

.authentication__methods {
    grid-gap: .4rem;
    display: grid;
    flex-wrap: nowrap;
    gap: .4rem;
    grid-template-columns:repeat(6, 1fr);
    margin: 0;
    width: 100%
}

.authentication__methods .radioGroup-root {
    display: flex
}

.authentication__method {
    background-color: #3a3e4e;
    border-radius: .4rem;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    width: 100%
}

.authentication__method:has(.radio-checked) {
    background-color: #2b2e3b
}

.authentication__method:hover {
    background-color: #2b2e3b
}

.authentication__method.formControlLabel-root {
    min-height: 0;
    min-height: auto;
    padding-inline: 0;
    padding-bottom: .6rem;
    padding-top: .8rem;
    width: 100%
}

.authentication__method.formControlLabel-root .radio-default {
    background-color: transparent;
    box-shadow: none;
    inset: .8rem;
    position: static;
    width: -moz-fit-content;
    width: fit-content
}

.authentication__method.formControlLabel-root .radio-default:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    content: "";
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    font-family: Icons;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    height: 2rem;
    line-height: 1;
    line-height: 1.6rem;
    text-align: center;
    text-transform: none;
    width: 2rem
}

.authentication__method.formControlLabel-root .radio-default.radio-checked {
    background-color: transparent;
    box-shadow: none
}

.authentication__method.formControlLabel-root .radio-default.radio-checked + .formControlLabel-label {
    color: #18ae62
}

.authentication__method.formControlLabel-root .formControlLabel-label {
    font-size: 1.2rem;
    padding: 0;
    width: -moz-max-content;
    width: max-content
}

.authentication__method--regular.formControlLabel-root .radio-default:before {
    content: url(/cms/img/icons/email.svg)
}

.authentication__method--smartId.formControlLabel-root .radio-default:before {
    color: #00afaa;
    content: "#"
}

.authentication__method--google.formControlLabel-root .radio-default:before {
    content: url(/cms/img/icons/google.svg);
    font-size: 2rem
}

.authentication__method--facebook.formControlLabel-root .radio-default:before {
    color: #1976d2;
    content: "k"
}

.authentication__method--apple.formControlLabel-root .radio-default:before {
    content: url(/cms/img/icons/Apple_logo_white.svg);
    font-size: 1rem
}

.authentication__method--mobileId.formControlLabel-root .radio-default:before {
    color: #076ce3;
    content: "+"
}

.authentication__notPassword {
    align-items: center;
    background-color: rgba(137, 143, 169, .2);
    border-radius: .4rem;
    color: #fff;
    display: flex;
    gap: 1.6rem;
    margin-bottom: 2.4rem;
    padding: 1.6rem
}

.authentication__notPassword:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: url(/cms/img/icons/unlocked.svg);
    display: inline-block;
    font-family: Icons;
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.authentication__notPassword p {
    line-height: 2.1rem
}

.authentication__notPassword p a {
    align-items: center;
    color: #18ae62;
    display: inline-flex
}

.authentication__notPassword p a:hover {
    color: #1ccc73
}

.authentication__notAccount {
    margin-top: 3.2rem;
    text-align: center
}

.authentication__notAccount a {
    color: #18ae62;
    font-weight: 700
}

.authentication__notAccount a:hover {
    color: #1ccc73
}

@media (min-width: 1025px) {
    .authentication__notPassword {
        margin-bottom: 2rem
    }
}

.authentication__success {
    text-align: center
}

.authentication__method.authentication__method--mobileId .formControlLabel-label {
    padding-right: 0
}

html[lang=en] body.mobile .authentication .formControlLabel-label, html[lang=lt] body.mobile .authentication .formControlLabel-label {
    font-family: Pragati Narrow, sans-serif
}

html[lang=ru] body.mobile .authentication .formControlLabel-label {
    font-family: PT Sans Narrow, sans-serif
}

.register__button--back {
    font-weight: 500;
    padding-bottom: 0;
    padding-top: 0
}

.register__button--back .button-label {
    gap: .7rem
}

.register__button--back .button-label:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "H";
    display: inline-block;
    font-family: Icons;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transform: rotate(180deg)
}

.register__button--back:hover {
    background: transparent;
    color: #18ae62
}

.secure {
    background-color: #3a3e4e;
    border-bottom-left-radius: .4rem;
    border-bottom-right-radius: .4rem;
    bottom: -1.7rem;
    color: #898fa9;
    display: flex;
    font-size: 1.2rem;
    font-weight: 400;
    height: 2.5rem;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%
}

.secure .lock {
    filter: invert(61%) sepia(16%) saturate(428%) hue-rotate(191deg) brightness(91%) contrast(85%);
    height: 1rem
}

.secure span {
    align-items: center;
    display: flex;
    gap: .6rem;
    height: 100%;
    width: -moz-fit-content;
    width: fit-content
}

.secure .pci {
    height: 1.6rem;
    margin-left: .2rem
}

.balance-button {
    position: relative
}

.balance-button.button-root {
    background-color: #3a3e4e;
    border: 1px solid #3a3e4e;
    max-height: 3.8rem;
    padding-left: 5.2rem
}

.balance-button.button-root .button-label {
    position: relative
}

.balance-button.button-root .button-label:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: transparent;
    content: "";
    display: inline-block;
    font-family: Glyphter-custom;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: -1.2rem;
    text-transform: none
}

@media (max-width: 480px) {
    .balance-button.button-root .button-label:after {
        font-size: 1.7rem
    }
}

@media (min-width: 1025px) {
    .balance-button.button-root .button-label:before {
        background-color: #898fa9;
        content: "";
        height: 2.6rem;
        left: 0;
        position: absolute;
        width: .1rem
    }
}

.balance-button.button-root:hover, .balance-button.button-root:hover:before {
    background-color: #494c62
}

.balance-button.button-root:active, .balance-button.button-root:active:before {
    background-color: #393d4b
}

.balance-button:after, .balance-button:before {
    content: "";
    position: absolute
}

.balance-button:before {
    background-color: #21232c;
    background-position: .8rem;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border-radius: .4rem 0 0 .4rem;
    border-right: 1px solid #2b2e3b;
    color: #fff;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .2s;
    width: 4.2rem
}

.balance-button.loyalty-status--bronze:before {
    background-image: url(/cms/img/loyalty-program/icon-bronze.svg)
}

.balance-button.loyalty-status--silver:before {
    background-image: url(/cms/img/loyalty-program/icon-silver.svg)
}

.balance-button.loyalty-status--gold:before {
    background-image: url(/cms/img/loyalty-program/icon-gold.svg)
}

.balance-button.loyalty-status--platinum:before {
    background-image: url(/cms/img/loyalty-program/icon-platinum.svg)
}

.balance-button:after {
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-top: 5px solid #898fa9;
    height: 0;
    left: 2.8rem;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: all .2s;
    width: 0
}

.balance-button.validation-status--required {
    border-color: #ff4b4b
}

.balance-button.validation-status--required .button-label:after {
    color: #ff4b4b;
    content: "T"
}

.balance-button.validation-status--waiting {
    border-color: #faff00
}

.balance-button.validation-status--waiting:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "{";
    display: inline-block;
    font-family: Icons;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transition: color .2s
}

.balance-button .button-spinner {
    display: none
}

.balance-button span {
    text-transform: none
}

@-moz-document url-prefix() {
    .balance-button span {
        height: 100%
    }
}

.balance-popper {
    margin-top: 1.6rem;
    min-width: 0;
    min-width: auto;
    overflow: visible;
    width: calc(100% - 4.8rem)
}

@media (max-width: 1024px) {
    .balance-popper {
        left: 2.4rem !important;
        margin-top: 2.4rem;
        transform: translate3d(0, 42px, 0) !important
    }
}

@media (min-width: 1025px) {
    .balance-popper {
        width: 28.1rem
    }
}

.balance-popper .balance-tooltip {
    background-color: #2b2e3b;
    border-radius: .4rem;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 3.2rem 1.6rem 1.6rem
}

.balance-popper .balance-tooltip__button {
    font-weight: 600;
    margin-top: 2.4rem;
    text-transform: none
}

@media (max-width: 1024px) {
    .balance-popper .balance-tooltip__button {
        text-transform: none
    }
}

.balance-popper .balance-tooltip__message {
    font-size: 1.2rem;
    margin-top: .8rem;
    padding: 0 1rem;
    text-align: center
}

@media (max-width: 1024px) {
    .balance-popper .balance-tooltip__message p {
        line-height: 2.4rem
    }
}

.balance-popper .balance-tooltip__message strong {
    color: #18ae62
}

.balance-popper .balance-tooltip__message a {
    color: inherit;
    text-decoration: underline
}

.balance-popper .balance-tooltip__message a:hover {
    cursor: pointer;
    text-decoration: none;
    text-decoration: initial
}

.balance-popper .balance-tooltip[aria-hidden=false] {
    opacity: 1
}

.balance-popper .balance-tooltip .balance-verification {
    border-bottom: 1px solid #3a3e4e;
    padding-bottom: 25px
}

.balance-popper .balance-tooltip .balance-verification__title {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.7rem;
    padding-left: 4.5rem;
    position: relative
}

.balance-popper .balance-tooltip .balance-verification__title:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    content: "A";
    display: inline-block;
    font-family: Glyphter;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 400;
    left: 0;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width: 480px) {
    .balance-popper .balance-tooltip .balance-verification__title {
        font-size: 1.4rem;
        line-height: 2rem
    }
}

.balance-popper .balance-tooltip .balance-verification__text {
    color: #fff;
    font-size: 1rem;
    line-height: 1.8rem
}

@media (max-width: 480px) {
    .balance-popper .balance-tooltip .balance-verification__text {
        font-size: 1.2rem;
        line-height: 1.8rem
    }
}

.balance-popper .balance-tooltip .balance-verification__button {
    padding-left: 0;
    padding-right: 0
}

.balance-popper .balance-tooltip .balance-verification--required .balance-verification__title {
    color: #ff4b4b;
    margin-bottom: 16px
}

.balance-popper .balance-tooltip .balance-verification--required .balance-verification__title:after {
    transform: translateY(-50%) rotate(180deg)
}

.balance-popper .balance-tooltip .balance-verification--required .balance-verification__text {
    margin-bottom: 24px
}

.balance-popper .balance-tooltip .balance-verification--waiting .balance-verification__title {
    color: #faff00;
    margin-bottom: 16px
}

.balance-popper .balance-tooltip .balance-verification--success {
    display: none
}

@media (max-width: 1024px) {
    .balance-popper .balance-tooltip .balance-verification__text {
        color: #fff;
        font-size: 12px;
        line-height: 18px
    }
}

.balance__title {
    flex: 1
}

.balance__row {
    color: #fff;
    display: flex;
    font-weight: 600
}

.balance__row:not(:first-child) {
    margin-top: 1.6rem
}

.balance__row--wagering-requirement .balance__title > span {
    color: #898fa9;
    display: none;
    font-size: 1rem;
    width: 100%
}

.balance__row--sports-bonus {
    display: none
}

.balance__row--sports-bonus .balance__value, .balance__row--wagering-requirement .balance__value {
    max-width: 54%
}

.balance__title, .balance__value {
    align-items: center;
    display: flex
}

.balance__title {
    flex-wrap: wrap;
    margin-right: .8rem
}

.balance__value {
    margin-left: .8rem
}

.balance__wrapper--currency {
    color: #898fa9;
    margin-right: .4rem
}

.balance__button--deposit {
    cursor: pointer !important;
    font-weight: 600;
    justify-content: center
}

.balance--open .balance-button:after {
    transform: translateY(-50%) rotate(180deg)
}

.bia-frame {
    border: none;
    display: block;
    margin: auto;
    transition: all .3s
}

.bia-frame--loading {
    height: 0;
    visibility: hidden
}

.bia-progress {
    margin: 20px 0
}

.bia-notification-wrapper {
    margin-top: 40px
}

@media (max-width: 767px) {
    .bia-notification-wrapper .gridItem-root {
        padding-left: 15px;
        padding-right: 15px
    }
}

.bia .prefill {
    align-items: center;
    background: var(--content-background);
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    max-width: 60vw;
    min-height: 60vh;
    padding: 40px;
    position: relative
}

@media (max-width: 1024px) {
    .bia .prefill {
        max-width: 100vw
    }
}

.bia .prefill__description {
    color: #999
}

.bia .prefill .button-root {
    margin-top: 10px
}

.change-password-form .input-input {
    padding-right: 3.6rem
}

.close-account-form {
    height: 100%
}

.paper:has(.deposit-form) .paper__footer {
    bottom: -1.6rem;
    padding-bottom: 3.2rem;
    padding-top: .8rem
}

@media (max-width: 1024px) {
    .paper:has(.deposit-form) .paper__footer {
        padding-top: .8rem;
        padding-inline: 1.2rem
    }
}

.deposit-form {
    margin-top: .1rem
}

.deposit-form__payment-methods-stored--children--single {
    margin-bottom: 0;
    margin-top: 3.2rem
}

@media (max-width: 1024px) {
    .deposit-form__amount .input-values {
        order: 4
    }
}

.deposit-form a {
    color: #18ae62
}

.deposit-form a:hover {
    color: #148f50
}

.deposit-form__title--fields {
    display: none
}

.deposit-form__field--moneybookersEmail {
    margin-bottom: 1.6rem
}

.deposit-form__field--moneybookersEmail .field-root {
    margin-top: .9rem
}

.deposit-form .field-root label, .deposit-form .field-root legend {
    color: #fff;
    font-weight: 600
}

.deposit-form .field-root legend p {
    font-width: 100;
    color: #898fa9
}

.deposit-form .field-root legend p strong {
    color: #fff;
    font-weight: 600
}

.deposit-form .deposit-form__payment-methods.field-success {
    margin-bottom: 2.3rem;
    margin-top: 3.2rem
}

.deposit-form .deposit-form__payment-methods.field-success + .markdown-root {
    margin-top: .9rem
}

.deposit-form .deposit-form__payment-methods.field-success legend {
    margin-bottom: 0
}

.deposit-form .field-empty legend {
    margin-bottom: 1.6rem
}

.deposit-form .field-success {
    margin-bottom: .7rem
}

.deposit-form__sub-title {
    align-items: center;
    border-bottom: 2px solid #fc0;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    margin: 10px 0 5px;
    padding-bottom: 5px;
    position: relative;
    width: 100%
}

.deposit-form__sub-title strong {
    font-size: 20px
}

.deposit-form__sub-title .exchange {
    display: block;
    text-align: right
}

.deposit-form__sub-title p {
    font-weight: 700;
    margin: 0
}

.deposit-form__field--perlasCardNumber-filled {
    color: #fff;
    margin: 1.2rem 0
}

.deposit-form__payment-methods {
    margin-top: 2.4rem
}

.deposit-form__payment-methods legend p {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 1.6rem;
    text-transform: none;
    white-space: pre-line
}

.deposit-form__payment-methods legend p strong {
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: .6rem
}

.deposit-form__notification--perlas-deposits-agreement {
    margin-top: 2.4rem !important
}

.deposit-form__notification--perlas-deposits-agreement .button-root {
    margin-top: .8rem
}

.deposit-form__notification--perlas-deposits-agreement.notification-success {
    display: none
}

.deposit-form .notification-root {
    margin-bottom: 0 !important
}

.deposit-form__amount {
    display: flex
}

.deposit-form__amount.field-success {
    margin-bottom: 0;
    margin-top: 3.2rem
}

@media (max-width: 1024px) {
    .deposit-form__amount.field-success {
        margin-top: 1.6rem
    }
}

@media (min-width: 1025px) {
    .deposit-form__amount {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.deposit-form__amount.field-error .input-root:after {
    right: 2.2rem
}

.deposit-form__amount .field-helper, .deposit-form__amount .field-label {
    margin-bottom: 0;
    width: 100%
}

.deposit-form__amount .field-label {
    color: #fff;
    font-weight: 600;
    order: 1
}

.deposit-form__amount .input-root, .deposit-form__amount .input-values {
    width: 100%
}

@media (min-width: 1025px) {
    .deposit-form__amount .input-root, .deposit-form__amount .input-values {
        width: 50%
    }
}

.deposit-form__amount .input-values {
    margin-bottom: 1.2rem;
    order: 4
}

.deposit-form__amount .input-values .input-value:not(:last-child) {
    margin-right: 1.2rem
}

@media (max-width: 1024px) {
    .deposit-form__amount .input-values {
        margin-bottom: 0;
        margin-top: .8rem;
        order: 4 !important
    }
}

@media (min-width: 1025px) {
    .deposit-form__amount .input-values {
        padding-left: .8rem
    }
}

.deposit-form__amount .input-root {
    order: 3
}

@media (min-width: 1025px) {
    .deposit-form__amount .input-root {
        padding-right: 0;
        width: 100%
    }
}

.deposit-form__amount .field-helper {
    margin-bottom: 1.6rem;
    order: 2
}

@media (min-width: 1025px) {
    .deposit-form__amount .field-helper {
        order: 2
    }
}

.deposit-form__payment-methods .radioGroup-root {
    margin: -.6rem
}

@media (min-width: 1025px) {
    .deposit-form__payment-methods .radioGroup-root {
        margin: -.8rem
    }
}

.deposit-form__payment-methods .radioGroup-root .formControlLabel-root {
    flex-basis: 50%;
    max-width: 50%;
    padding: .6rem
}

@media (min-width: 1025px) {
    .deposit-form__payment-methods .radioGroup-root .formControlLabel-root {
        flex-basis: 25%;
        max-width: 25%;
        padding: .8rem
    }
}

.deposit-form__payment-methods .radioGroup-root .formControlLabel-root .radio-checked {
    background-color: #21232c;
    border: 1px solid #18ae62
}

.deposit-form__payment-methods .radioGroup-root .formControlLabel-root .radio-default {
    bottom: .6rem;
    left: .6rem;
    right: .6rem;
    top: .6rem
}

@media (min-width: 1025px) {
    .deposit-form__payment-methods .radioGroup-root .formControlLabel-root .radio-default {
        bottom: .8rem;
        left: .8rem;
        right: .8rem;
        top: .8rem
    }
}

.deposit-form__payment-methods .radioGroup-root .formControlLabel-root .formControlLabel-label {
    align-items: center;
    display: flex;
    padding: 1.2rem
}

@media (min-width: 1025px) {
    .deposit-form__payment-methods .radioGroup-root .formControlLabel-root .formControlLabel-label {
        padding: 1.6rem
    }
}

.deposit-form__payment-methods .payment-method__logo {
    background-color: #242731;
    border-radius: .4rem;
    margin-right: 1.2rem;
    pointer-events: none
}

@media (min-width: 1025px) {
    .deposit-form__payment-methods .payment-method__logo {
        margin-right: 1.6rem
    }
}

.deposit-form__payment-methods .payment-method__name {
    word-break: break-word
}

@media (max-width: 1024px) {
    .deposit-form__payment-methods .payment-method__name {
        font-size: 1.2rem;
        line-height: 1.2
    }
}

.deposit-form__payment-methods .payment-method--10003, .deposit-form__payment-methods .payment-method--1056 {
    display: none !important
}

.deposit-form__payment-methods-stored .radioGroup-root {
    margin: -.6rem
}

@media (min-width: 1025px) {
    .deposit-form__payment-methods-stored .radioGroup-root {
        margin: -.8rem
    }
}

.deposit-form__payment-methods-stored .radioGroup-root .formControlLabel-root {
    flex-basis: 100%;
    max-width: 100%;
    padding: .6rem
}

.deposit-form__payment-methods-stored .radioGroup-root .formControlLabel-root .radio-checked {
    background-color: #21232c;
    border: 1px solid #18ae62
}

@media (min-width: 1025px) {
    .deposit-form__payment-methods-stored .radioGroup-root .formControlLabel-root {
        flex-basis: 50%;
        max-width: 50%;
        padding: .8rem
    }
}

.deposit-form__payment-methods-stored .radioGroup-root .formControlLabel-root .radio-default {
    bottom: .6rem;
    left: .6rem;
    right: .6rem;
    top: .6rem
}

.deposit-form__payment-methods-stored .radioGroup-root .formControlLabel-root .radio-default + .formControlLabel-label .payment-method-stored__number:after {
    opacity: 0
}

@media (min-width: 1025px) {
    .deposit-form__payment-methods-stored .radioGroup-root .formControlLabel-root .radio-default {
        bottom: .8rem;
        left: .8rem;
        right: .8rem;
        top: .8rem
    }
}

.deposit-form__payment-methods-stored .radioGroup-root .formControlLabel-root .radio-default.radio-checked + .formControlLabel-label .payment-method-stored__number:after {
    opacity: 1
}

.deposit-form__payment-methods-stored .radioGroup-root .formControlLabel-root .formControlLabel-label {
    align-items: center;
    display: flex;
    overflow: hidden;
    padding: .8rem;
    width: 100%
}

.deposit-form__payment-methods-stored .payment-method-stored--new .formControlLabel-label .payment-method-stored__number:after {
    color: #fff;
    opacity: 1 !important
}

.deposit-form__payment-methods-stored .payment-method-stored__logo {
    background-color: #242731;
    border-radius: .4rem;
    margin-right: 1.2rem;
    pointer-events: none
}

@media (min-width: 1025px) {
    .deposit-form__payment-methods-stored .payment-method-stored__logo {
        margin-right: .8rem
    }
}

.deposit-form__payment-methods-stored .payment-method-stored__name {
    display: block;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-right: 1.6rem;
    padding-right: .8rem;
    position: relative;
    width: 7.2rem;
    word-break: keep-all
}

.deposit-form__payment-methods-stored .payment-method-stored__name:after {
    background-color: #2b2e3b;
    bottom: -2.4rem;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: -2.4rem;
    width: 1px
}

@media (max-width: 1024px) {
    .deposit-form__payment-methods-stored .payment-method-stored__name {
        display: none
    }
}

.deposit-form__payment-methods-stored .payment-method-stored__number {
    flex: 1;
    padding-right: 4rem;
    position: relative
}

.deposit-form__payment-methods-stored .payment-method-stored__number:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    border-radius: 50%;
    color: #18ae62;
    content: "F";
    display: inline-block;
    font-family: Icons;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: .8rem;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%)
}

.deposit-form__payment-methods-stored .payment-method-stored--new .payment-method-stored__number:after {
    background-color: transparent;
    background-color: initial;
    content: "i";
    font-size: 1.4rem;
    right: .9rem
}

.deposit-form__payment-methods-stored .payment-method-stored[class*=disabled] {
    filter: grayscale(1)
}

.deposit-form__ukgc-message {
    margin-top: 2.4rem
}

.deposit-form__back {
    text-align: left
}

.deposit-form .input-values {
    order: 3;
    padding-left: 0;
    width: 100%
}

.deposit-form .input-values .input-value button {
    border: 1px solid #21232c
}

.deposit-form .input-values .input-value:hover button {
    background-color: #21232c;
    border: 1px solid #18ae62
}

@media (max-width: 1024px) {
    .deposit-form .input-values .input-value {
        order: 4
    }

    .deposit-form .input-values .input-value:nth-child(n+3) {
        margin-right: 0
    }

    .deposit-form .input-values .input-value:nth-child(n+4) {
        display: none
    }
}

.deposit-form .input-values .input-selectedValue button {
    background-color: #21232c;
    border: 1px solid #18ae62
}

.deposit-form__frame, .resume-form__frame {
    border: none;
    height: 600px;
    width: 100%
}

.deposit-form__frame--authentication, .resume-form__frame--authentication {
    display: none
}

.deposit-limit-confirmation {
    margin-top: 30px;
    text-align: center
}

.deposit-step-back, .resume-step-back {
    background: none;
    border: 0;
    display: flex;
    font-size: 14px;
    left: 80px;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 40px;
    transition: all .2s
}

@media (max-width: 767px) {
    .deposit-step-back, .resume-step-back {
        left: 15px
    }
}

.deposit-step-back .button-label, .resume-step-back .button-label {
    transform: translateY(-100%);
    transition: transform .2s
}

.deposit-step-back:before, .resume-step-back:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "b";
    display: inline-block;
    font-family: Glyphter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 5px;
    text-transform: none;
    transform: rotate(180deg)
}

.deposit-step-back:hover, .resume-step-back:hover {
    background: none;
    color: #399
}

.deposit-step-back:hover .button-label, .resume-step-back:hover .button-label {
    transform: translateY(0)
}

.exchange, .supported-currency-field .field-helperHint {
    color: #aaa;
    font-size: 12px
}

.deposit-perlas__btn {
    display: inline-flex !important
}

.deposit-perlas__btn p {
    align-items: center;
    display: flex;
    gap: 6px
}

.deposit-perlas__btn--pending {
    color: #fc0 !important
}

.deposit-perlas__notify {
    margin-bottom: 24px
}

.deposit-perlas__notify p + p {
    margin-top: 12px
}

.deposit-perlas__notify a {
    text-decoration: underline
}

.deposit-perlas__notify strong {
    color: #fff
}

.deposit-perlas__notify--rejected strong {
    align-items: center;
    color: #ff4b4b;
    display: flex
}

.deposit-perlas__notify--rejected strong:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "D";
    display: inline-block;
    font-family: Glyphter;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 10px;
    text-transform: none
}

.deposit-perlas__notify--pending strong {
    align-items: center;
    color: #fc0;
    display: flex
}

.deposit-perlas__notify--pending strong:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "D";
    display: inline-block;
    font-family: Glyphter;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 10px;
    text-transform: none
}

@media (min-width: 480px) {
    .deposit-form--370001 .deposit-form__field--customer_cc_name, .deposit-form--370001 .deposit-form__field--customer_cc_surname {
        flex-basis: 45%;
        max-width: 45%
    }

    .deposit-form--370001 .deposit-form__field--customer_cc_cvc, .deposit-form--370001 .deposit-form__field--customer_cc_expmo, .deposit-form--370001 .deposit-form__field--customer_cc_expyr {
        flex-basis: 30%;
        max-width: 30%
    }

    .deposit-form--110002 .deposit-form__field--netellerAccountId {
        flex-basis: 65%;
        max-width: 65%
    }

    .deposit-form--110002 .deposit-form__field--secureId {
        flex-basis: 25%;
        max-width: 25%
    }
}

.deposit-form--910002, .deposit-form--910003 {
    display: flex;
    flex: none;
    flex-direction: column;
    height: auto
}

.deposit-form--910002 .field-address--910002, .deposit-form--910002 .field-payAmount--910002, .deposit-form--910003 .field-address--910002, .deposit-form--910003 .field-payAmount--910002 {
    align-self: flex-end;
    width: 70%
}

@media (max-width: 767px) {
    .deposit-form--910002 .field-address--910002, .deposit-form--910002 .field-payAmount--910002, .deposit-form--910003 .field-address--910002, .deposit-form--910003 .field-payAmount--910002 {
        margin-top: 0;
        order: 2;
        width: 100%
    }
}

.deposit-form--910002 .field-address--910002 input[type=text], .deposit-form--910002 .field-address--910003 input[type=text], .deposit-form--910002 .field-payAmount--910002 input[type=text], .deposit-form--910003 .field-address--910002 input[type=text], .deposit-form--910003 .field-address--910003 input[type=text], .deposit-form--910003 .field-payAmount--910002 input[type=text] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.deposit-form--910002 .field-address--910002 .wrapper, .deposit-form--910002 .field-address--910003 .wrapper, .deposit-form--910002 .field-payAmount--910002 .wrapper, .deposit-form--910003 .field-address--910002 .wrapper, .deposit-form--910003 .field-address--910003 .wrapper, .deposit-form--910003 .field-payAmount--910002 .wrapper {
    display: flex
}

.deposit-form--910002 .field-address--910002 .input-root, .deposit-form--910002 .field-address--910003 .input-root, .deposit-form--910002 .field-payAmount--910002 .input-root, .deposit-form--910003 .field-address--910002 .input-root, .deposit-form--910003 .field-address--910003 .input-root, .deposit-form--910003 .field-payAmount--910002 .input-root {
    flex: 1
}

.deposit-form--910002 .field-address--910002 .button-default, .deposit-form--910002 .field-address--910003 .button-default, .deposit-form--910002 .field-payAmount--910002 .button-default, .deposit-form--910003 .field-address--910002 .button-default, .deposit-form--910003 .field-address--910003 .button-default, .deposit-form--910003 .field-payAmount--910002 .button-default {
    color: #399;
    margin-bottom: 5px;
    margin-top: 20px
}

.deposit-form--910002 .field-address--910002 .button-default:before, .deposit-form--910002 .field-address--910003 .button-default:before, .deposit-form--910002 .field-payAmount--910002 .button-default:before, .deposit-form--910003 .field-address--910002 .button-default:before, .deposit-form--910003 .field-address--910003 .button-default:before, .deposit-form--910003 .field-payAmount--910002 .button-default:before {
    background: #666;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1) 0ms
}

.deposit-form--910002 .field-address--910002 .button-default:after, .deposit-form--910002 .field-address--910003 .button-default:after, .deposit-form--910002 .field-payAmount--910002 .button-default:after, .deposit-form--910003 .field-address--910002 .button-default:after, .deposit-form--910003 .field-address--910003 .button-default:after, .deposit-form--910003 .field-payAmount--910002 .button-default:after {
    display: none
}

.deposit-form--910002 .field-uri--910002, .deposit-form--910003 .field-uri--910002 {
    margin-top: 155px;
    position: absolute;
    width: inherit
}

@media (max-width: 767px) {
    .deposit-form--910002 .field-uri--910002, .deposit-form--910003 .field-uri--910002 {
        margin-top: 0;
        order: 1;
        position: relative
    }
}

.deposit-form--910002 .field-uri--910002 label, .deposit-form--910003 .field-uri--910002 label {
    display: none
}

.deposit-form--910002 .field-uri--910002 .button-primary, .deposit-form--910003 .field-uri--910002 .button-primary {
    margin-top: 10px
}

.deposit-form--910002 .field-expiresAt--910002, .deposit-form--910003 .field-expiresAt--910002 {
    padding-top: 35px
}

@media (max-width: 767px) {
    .deposit-form--910002 .field-expiresAt--910002, .deposit-form--910003 .field-expiresAt--910002 {
        order: 3;
        padding-top: 0
    }
}

.deposit-form--910002 .field-expiresAt--910002 .expired:before, .deposit-form--910003 .field-expiresAt--910002 .expired:before {
    background: #ff4b4b
}

.deposit-form--910002 .field-expiresAt--910002 label, .deposit-form--910003 .field-expiresAt--910002 label {
    right: 0;
    text-align: center
}

.deposit-form--910002 .field-expiresAt--910002 input[type=text], .deposit-form--910003 .field-expiresAt--910002 input[type=text] {
    text-align: center
}

.deposit-form--910002 .notification-root {
    animation: none;
    margin-bottom: 8px
}

.field-qrCode--950001 label {
    display: none
}

.field-qrCode--950001 .button-primary {
    margin-top: 10px
}

.deposit-form--400002 {
    flex-direction: column
}

.deposit-form--400002 .field-reference--400002 input[type=text] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.deposit-form--400002 .field-reference--400002 .wrapper {
    display: flex
}

.deposit-form--400002 .field-reference--400002 .input-root {
    flex: 1
}

.deposit-form--400002 .field-reference--400002 .button-default {
    color: #399;
    margin-bottom: 5px;
    margin-top: 20px
}

.deposit-form--400002 .field-reference--400002 .button-default:before {
    background: #666;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1) 0ms
}

.deposit-form--400002 .field-reference--400002 .button-default:after {
    display: none
}

.deposit-form--1010001 > iframe + .deposit-form__circular-progress {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.method-description p {
    font-size: 1rem
}

.deposit-form__applePayButton {
    font-size: 0
}

.deposit-form__applePayButton button {
    cursor: pointer;
    height: 48px;
    width: 156px
}

.deposit-form__applePayButton button.apple-pay-button {
    -apple-pay-button-type: plain;
    -apple-pay-button-style: #fff;
    -webkit-appearance: -apple-pay-button;
    display: inline-block
}

.iframe-modal .modal-contentRoot {
    padding: 0 !important
}

.iframe-modal--210053 .iframe-modal__content .deposit-form__circular-progress, .iframe-modal--210053 .iframe-modal__content .deposit-step-back {
    display: none;
    opacity: 0
}

.modal-root.confirmationModal-root.payment-details-validation-confirmation .confirmation-message {
    color: #fff;
    font-size: 16px;
    text-align: center
}

.modal-root.confirmationModal-root.payment-details-validation-confirmation .confirmation-message em {
    display: block;
    font-style: normal
}

.modal-root.confirmationModal-root.payment-details-validation-confirmation .confirmation-message strong {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-top: 120px;
    position: relative
}

.modal-root.confirmationModal-root.payment-details-validation-confirmation .confirmation-message strong:before {
    color: #ff4b55;
    content: "D";
    font-family: Glyphter;
    font-size: 80px;
    font-weight: 400;
    left: calc(50% - 40px);
    position: absolute;
    top: 0
}

.modal-root.confirmationModal-root.payment-details-validation-confirmation .confirmation-modal__buttons {
    border-top: none
}

@media (max-width: 480px) {
    .modal-root.confirmationModal-root.payment-details-validation-confirmation .confirmation-modal__buttons {
        flex-direction: row
    }
}

@media (max-width: 1024px) {
    .modal-root.confirmationModal-root.payment-details-validation-confirmation .confirmation-modal__buttons .gridItem-root {
        flex-basis: 50%;
        width: 50%
    }
}

.description {
    margin-bottom: 2.4rem
}

.description__section p {
    margin-bottom: 1.6rem
}

.description__section ol, .description__section ul {
    list-style: inherit;
    padding-left: 17px
}

.description__section li:last-child {
    margin-bottom: 1.6rem
}

.documents .paper__actions {
    border-top: none;
    text-align: left
}

.documents .paper__actions .button-root {
    color: #ff4b4b;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    text-transform: inherit;
    width: auto
}

@media (max-width: 480px) {
    .documents .paper__actions .button-root {
        height: auto;
        max-height: none
    }

    .documents .paper__actions .button-root .button-label {
        white-space: break-spaces
    }
}

.documents .paper__actions .button-root:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "v";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: .8rem;
    text-transform: none;
    vertical-align: -2px
}

.documents .paper__actions .button-root .button-label {
    display: inline;
    display: initial;
    width: auto
}

.documents-list__item .document-item__preview button {
    background: none;
    color: #6c7394
}

.modal-documents__field .field-label {
    text-transform: none
}

.documents-list-gallery__gallery-item, .documents-list-gallery__gallery-item__fitted {
    animation: none !important;
    background-color: #2b2e3b;
    border-radius: .4rem;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    height: 80%;
    left: 50% !important;
    overflow: hidden;
    padding: 20px;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    width: 80%
}

@media (max-width: 1024px) {
    .documents-list-gallery__gallery-item, .documents-list-gallery__gallery-item__fitted {
        border-radius: 0;
        height: 100%;
        left: 0 !important;
        top: 0;
        transform: none !important;
        width: 100%
    }
}

.documents-list-gallery__gallery-item__fitted {
    max-height: 80%;
    max-width: 80%
}

.documents-list__item {
    background-color: #21232c;
    border-radius: .4rem;
    padding: 1.6rem
}

@media (min-width: 1025px) {
    .documents-list__item {
        padding: 2.4rem
    }
}

.documents-list__item:not(:last-child) {
    margin-bottom: 1.6rem
}

@media (min-width: 1025px) {
    .documents-list__item:not(:last-child) {
        margin-bottom: 2.4rem
    }
}

.documents-list .document-item__row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.documents-list .document-item__info {
    flex: 1
}

.documents-list .document-item__title {
    color: #fff;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0
}

.documents-list .document-item__description {
    margin-top: .8rem
}

.documents-list .document-item__thumbnail {
    background: url(/cms/img/documentView.jpg);
    height: 48px;
    margin-left: 2.4rem;
    min-height: 48px;
    min-width: 48px;
    padding: 0;
    width: 48px
}

@media (min-width: 1025px) {
    .documents-list .document-item__thumbnail {
        margin-right: 2.4rem
    }
}

@media (max-width: 1024px) {
    .documents-list .document-item__preview, .documents-list .document-item__sign {
        display: block;
        margin-top: 2.4rem;
        width: 100%
    }
}

@media (min-width: 1025px) {
    .documents-list .document-item__sign {
        margin-left: 2.4rem
    }
}

.documents-list .document-item__details {
    margin-top: 2.4rem;
    position: relative
}

.documents-list .document-item__details a {
    color: #18ae62;
    text-decoration: underline
}

.documents-list .document-item__details--approved {
    margin-top: 17px;
    padding-top: 1.6rem
}

.documents-list .document-item__details--approved:before {
    background-color: #2b2e3b;
    content: "";
    height: 2px;
    left: -1.6rem;
    position: absolute;
    right: -1.6rem;
    top: -1px;
    z-index: 1
}

@media (min-width: 1025px) {
    .documents-list .document-item__details--approved:before {
        left: -2.4rem;
        padding-top: 0;
        right: -2.4rem
    }
}

.documents-list .document-item__details--approved p + p {
    margin-top: 12px
}

.documents-list .document-item__details--approved strong {
    color: #fff
}

.documents-list .document-item__details--rejected {
    align-items: center;
    color: #ff4b4b;
    display: flex
}

.documents-list .document-item__details--rejected:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "D";
    display: inline-block;
    font-family: Glyphter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 10px;
    text-transform: none
}

@media (min-width: 1025px) {
    .documents-list .document-item__details {
        margin-top: 10px
    }

    .documents-list .document-item__details--approved {
        margin-top: 2.4rem
    }
}

.documents-list .document-item__deposit-agreement {
    margin-top: 1.6rem;
    padding-top: 1.6rem;
    position: relative
}

.documents-list .document-item__deposit-agreement:empty {
    display: none
}

@media (min-width: 1025px) {
    .documents-list .document-item__deposit-agreement {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-top: 2.4rem;
        padding-top: 2.4rem
    }
}

.documents-list .document-item__deposit-agreement:before {
    background-color: #2b2e3b;
    content: "";
    height: 2px;
    left: -1.6rem;
    position: absolute;
    right: -1.6rem;
    top: -1px;
    z-index: 1
}

@media (min-width: 1025px) {
    .documents-list .document-item__deposit-agreement:before {
        left: -2.4rem;
        right: -2.4rem
    }
}

.documents-list .document-item__deposit-agreement .markdown-root {
    font-size: 1.2rem
}

.documents-list .document-item__deposit-agreement .button-root {
    background: none;
    border: 1px solid #ff4b4b;
    color: #ff4b4b
}

@media (max-width: 1024px) {
    .documents-list .document-item__deposit-agreement .button-root {
        margin-top: 1.6rem
    }

    .documents-list .document-item__deposit-agreement .button-root.button-accent {
        display: block;
        width: 100%
    }

    .documents-list .document-item__deposit-agreement .button-root.button-cancel {
        left: 50%;
        position: relative;
        transform: translateX(-50%)
    }
}

@media (min-width: 1025px) {
    .documents-list .document-item__deposit-agreement .button-root {
        margin-left: 9.6rem
    }
}

.documents-list-gallery {
    background-color: rgba(24, 25, 31, .9);
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
}

.documents-list-gallery .gallery-close {
    background: #148f50;
    right: 8%;
    top: 7%
}

@media (max-width: 1024px) {
    .documents-list-gallery .gallery-close {
        right: 8px;
        top: 8px
    }
}

.documents-list-gallery .gallery-close:hover {
    background: #18ae62
}

.documents-list-gallery .gallery-prev {
    left: 10%
}

@media (max-width: 1024px) {
    .documents-list-gallery .gallery-prev {
        left: 8px
    }
}

.documents-list-gallery .gallery-next {
    right: 10%
}

@media (max-width: 1024px) {
    .documents-list-gallery .gallery-next {
        right: 8px
    }
}

.documents-list-gallery__download {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 60%;
    justify-content: space-around
}

@media (max-width: 1024px) {
    .documents-list-gallery__gallery-open {
        display: block;
        width: 100%
    }
}

.documents-list-gallery__gallery-item__fitted {
    align-items: center;
    display: flex;
    overflow: auto
}

@media (max-width: 1024px) {
    .documents-list-gallery__gallery-item__fitted {
        height: 100%;
        max-height: 100%;
        max-width: 100%;
        width: 100%
    }
}

.documents-list-gallery__gallery-image {
    height: 100%;
    width: 100%
}

.documents-list-gallery__gallery-image__fitted {
    height: 100%;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.other-documents-form__images {
    margin-bottom: 20px
}

.other-documents-form .grid-root {
    display: block
}

.other-documents-form .grid-root .gridItem-root {
    max-width: 100%
}

.other-documents-form .grid-root .gridItem-root embed {
    min-height: 200px;
    width: 100%
}

.other-documents-form .imageField-imageWrapper embed {
    width: 100%
}

.perlas-documents-details__description p + p {
    margin-top: 12px
}

.perlas-documents-details:before {
    background-color: #2b2e3b;
    content: "";
    height: 2px;
    left: -1.6rem;
    position: absolute;
    right: -1.6rem;
    top: -1px;
    z-index: 1
}

@media (min-width: 1025px) {
    .perlas-documents-details:before {
        left: -2.4rem;
        right: -2.4rem
    }
}

.perlas-documents-details--rejected {
    color: #ff4b4b;
    margin-top: 10px;
    padding-top: 0
}

.perlas-documents-details--rejected:before {
    content: none
}

.perlas-documents-details--rejected .perlas-documents-details {
    align-items: center;
    display: flex
}

.perlas-documents-details--rejected .perlas-documents-details:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "D";
    display: inline-block;
    font-family: Glyphter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 10px;
    text-transform: none
}

.expiring-verification-code {
    text-align: center
}

@media (max-width: 480px) {
    .expiring-verification-code div[role=progressbar] {
        margin: 0 auto
    }
}

@media (max-width: 1024px) {
    .expiring-verification-code {
        display: flex;
        flex-direction: column;
        height: 100%
    }
}

.expiring-verification-code__progress {
    margin-bottom: 1.6rem
}

.expiring-verification-code__progress svg {
    display: inline;
    max-width: 2.4rem
}

.expiring-verification-code__progress svg path {
    stroke-width: 2
}

.expiring-verification-code__progress svg path.circularProgress-back {
    stroke: none
}

.expiring-verification-code__progress svg path.circularProgress-path {
    stroke: #18ae62
}

.expiring-verification-code__sent {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1.6rem;
    text-transform: uppercase
}

.expiring-verification-code__code {
    color: #18ae62;
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 1.6rem
}

.expiring-verification-code__expire-in, .expiring-verification-code__request {
    color: #fff
}

.expiring-verification-code__expire-in:not(:last-child), .expiring-verification-code__request:not(:last-child) {
    margin-bottom: 1.6rem
}

.expiring-verification-code__buttons {
    align-items: center;
    border-top: 1px solid #1c1e26;
    display: flex;
    margin: 1.6rem -1.6rem -1.6rem;
    padding: 1.6rem
}

@media (min-width: 1025px) {
    .expiring-verification-code__buttons {
        justify-content: space-between;
        margin: 2.4rem -2.4rem -2.4rem;
        padding: 2.4rem
    }
}

@media (max-width: 480px) {
    .expiring-verification-code__buttons {
        flex-direction: column
    }
}

.expiring-verification-code__buttons .button-root {
    min-width: 0;
    min-width: auto
}

@media (max-width: 1024px) {
    .expiring-verification-code__buttons .button-root {
        display: block;
        flex: 1;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: 100%
    }
}

.expiring-verification-code__buttons .button-root:only-child {
    flex: 1
}

.expiring-verification-code__buttons .button-root + .button-root {
    margin-left: 1.6rem
}

@media (min-width: 1025px) {
    .expiring-verification-code__buttons .button-root + .button-root {
        margin-left: 2.4rem
    }
}

@media (max-width: 480px) {
    .expiring-verification-code__buttons .button-root + .button-root {
        margin-left: 0;
        margin-top: 1.6rem
    }
}

@media (max-width: 1024px) {
    .expiring-verification-code__buttons {
        margin-top: auto
    }
}

.expiring-verification-code__buttons .button-root {
    flex: 1
}

.expiring-verification-code__buttons .button-root:only-child {
    margin-right: 0
}

.forgot-password-form {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

.forgot-password-form__description {
    font-size: 1.6rem
}

.forgot-password-form__buttons {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

.forgot-password-form__buttons .button-root {
    flex: 1
}

.forgot-password-form__buttons .button-root:only-child {
    margin-right: 0
}

@media (min-width: 1025px) {
    .forgot-password-form {
        gap: 2rem
    }
}

.game--demo {
    position: relative
}

.game--demo .aspectRatio-root {
    pointer-events: none;
    position: relative;
    z-index: 1
}

.game__placeholder {
    height: 100%;
    width: 100%
}

.game__placeholder img {
    height: 100%;
    max-width: none;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.game__overlay {
    align-items: center;
    background-color: rgba(24, 25, 31, .7);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.game__overlay-paper {
    background-color: #2b2e3b;
    border-radius: .4rem;
    padding: 2.4rem
}

.game__overlay-paper .button-root {
    width: 24rem
}

@media (min-width: 1025px) {
    .game__overlay-paper .button-root {
        width: 32rem
    }
}

.game__overlay-paper .button-root + .button-root {
    margin-top: 1.6rem
}

.game__full-screen {
    height: calc(100vh - 145px);
    width: 100%
}

.game__full-screen iframe {
    height: 100%;
    width: 100%
}

.mobile .game__full-screen {
    height: calc(100vh - 75px)
}

.game-group-title {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 1.6rem;
    font-weight: 600
}

.game-group-title strong {
    color: #148f50
}

@media (min-width: 1025px) {
    .game-group-title {
        font-size: 1.8rem
    }
}

.game-group-title:not(:last-child) {
    margin-bottom: 2.4rem
}

.game-group-title:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #18ae62;
    border-radius: 50%;
    color: #fff;
    content: "Q";
    display: inline-block;
    font-family: Icons;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 4rem;
    line-height: 1;
    line-height: 4rem;
    margin-right: 1.2rem;
    text-align: center;
    text-transform: none;
    width: 4rem
}

.game-group-title__info {
    margin-right: 1.2rem
}

.game-group-title__count, .game-group-title__link {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.4rem;
    font-weight: 400
}

.game-group-title__count {
    color: #898fa9;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width: 1024px) {
    .game-group-title__count {
        display: block
    }
}

@media (min-width: 1025px) {
    .game-group-title__count {
        margin-left: .8rem
    }
}

.game-group-title__link {
    color: #fff;
    margin-left: auto;
    text-decoration: none
}

.game-group-title .fpLink {
    cursor: pointer;
    transition: all .2s
}

.game-group-title .fpLink:hover {
    color: #18ae62
}

.game-group-title--favourite:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "&";
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    line-height: 4rem;
    text-transform: none
}

.game-group-title--all:before, .game-group-title--liveAll:before, .game-group-title--liveAllShow:before {
    content: "."
}

.game-group-title--popular:before {
    content: "/"
}

.game-group-title--slots:before {
    content: "("
}

.game-group-title--new:before, .game-group-title--test:before {
    content: "R"
}

.game-group-title--sports:before {
    content: "U"
}

.game-group-title--liveHotAutumn:before {
    content: "/"
}

.game-group-title--livePoker:before {
    content: "]"
}

.game-group-title--liveRoulette:before, .game-group-title--liveRouletteShow:before {
    content: "\\"
}

.game-group-title--liveBaccarat:before {
    content: "["
}

.game-group-title--liveBlackjack:before {
    content: "^"
}

.game-group-title--liveWheelShow:before {
    content: "у"
}

.game-group-title--liveDiceShow:before {
    content: "ц"
}

.game-group-title--live-games:before {
    content: "`"
}

.game-group-title--wgBetting:before {
    content: ")"
}

.game-list:not(:last-child) {
    margin-bottom: 2.4rem
}

@media (min-width: 1025px) {
    .game-list:not(:last-child) {
        margin-bottom: 3.2rem
    }
}

.game-list__empty, .game-list__not-available {
    font-size: 1.6rem;
    text-align: center
}

.game-list__games {
    grid-gap: 2.4rem;
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr))
}

@media (min-width: 1025px) {
    .game-list__games {
        grid-template-columns:repeat(6, minmax(0, 1fr))
    }
}

.game-list__actions {
    grid-column: 1/3;
    text-align: center
}

@media (min-width: 1025px) {
    .game-list__actions {
        grid-column: 1/7;
        margin-top: 1.6rem
    }
}

@media (max-width: 1024px) {
    .game-list__actions .button-root {
        display: block;
        width: 100%
    }
}

@media (min-width: 1025px) {
    .game-list--liveAll .game-list__games {
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important
    }

    .game-list--liveAll .game-list__game:nth-child(9n+1) {
        grid-column: auto/span 2;
        grid-row: auto/span 2;
        height: 357.27px
    }

    .game-list--liveAll .game-list__game:nth-child(9n+1).game-thumbnail__DGA-item--stakes, .game-list--liveAll .game-list__game:nth-child(9n+1).game-thumbnail__image-shadow-top {
        display: none
    }

    .game-list--liveAll .game-list__game:nth-child(9n+1).game-thumbnail__DGA-last-seven {
        bottom: 1.2rem;
        max-width: 100%;
        right: 1.2rem;
        width: auto
    }

    .game-list--liveAll .game-list__actions {
        grid-column: 1/5
    }

    .game-list--featured-start-from-left .game-list__game:nth-child(18n+1), .game-list--featured-start-from-left .game-list__game:nth-child(18n+14) {
        grid-column: auto/span 2;
        grid-row: auto/span 2;
        height: 357.27px
    }

    .game-list--featured-start-from-left .game-list__game:nth-child(18n+1) .game-thumbnail__image-wrapper .game-thumbnail__placeholder, .game-list--featured-start-from-left .game-list__game:nth-child(18n+14) .game-thumbnail__image-wrapper .game-thumbnail__placeholder {
        height: 304.83px
    }

    .game-list--featured-start-from-right .game-list__game:nth-child(18n+10), .game-list--featured-start-from-right .game-list__game:nth-child(18n+5) {
        grid-column: auto/span 2;
        grid-row: auto/span 2;
        height: 357.27px
    }

    .game-list--featured-start-from-right .game-list__game:nth-child(18n+10) .game-thumbnail__image-wrapper .game-thumbnail__placeholder, .game-list--featured-start-from-right .game-list__game:nth-child(18n+5) .game-thumbnail__image-wrapper .game-thumbnail__placeholder {
        height: 304.83px
    }
}

.game-slider {
    overflow: hidden;
    position: relative
}

@media (max-width: 1024px) {
    .game-slider {
        margin: 0 -2.4rem 0 0
    }
}

.game-slider__wrapper, .game-slider__wrapper-multirow {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.game-slider__wrapper-multirow {
    flex-wrap: wrap
}

.game-slider__slide {
    align-items: center;
    display: flex;
    flex: none;
    flex-shrink: 0;
    justify-content: center;
    margin: 0;
    width: 178.6666666667px !important
}

.game-slider__slide.game-thumbnail {
    display: block;
    margin: initial;
    width: 100%
}

@media (max-width: 767px) {
    .game-slider__slide {
        width: 36.6vw !important
    }
}

.game-slider__nav-next, .game-slider__nav-prev {
    display: none
}

.game-slider__nav-next.is-disabled, .game-slider__nav-prev.is-disabled {
    opacity: 0;
    pointer-events: none
}

.game-slider__placeholder {
    display: flex;
    gap: 24px
}

.game-slider__placeholder + .game-slider__placeholder {
    margin-top: 24px
}

@media (min-width: 767px) {
    .static-game-slider {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }
}

.static-game-slider .game-slider__slide {
    width: 178.6666666667px !important
}

@media (max-width: 480px) {
    .static-game-slider .game-slider__slide {
        width: 143.87px !important
    }
}

.static-game-slider .game-slider__nav-next, .static-game-slider .game-slider__nav-prev {
    background: linear-gradient(90deg, #1c1e26 7.29%, rgba(28, 30, 38, 0));
    bottom: 0;
    cursor: pointer;
    display: inline;
    display: initial;
    height: 128.63px;
    position: absolute;
    top: 0;
    transition: all .2s;
    width: 50px
}

@media (max-width: 767px) {
    .static-game-slider .game-slider__nav-next, .static-game-slider .game-slider__nav-prev {
        display: none
    }
}

.static-game-slider .game-slider__nav-next:before, .static-game-slider .game-slider__nav-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "H";
    display: inline-block;
    font-family: Icons;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    left: calc(50% - 10px);
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: calc(50% - 10px);
    transform: rotate(180deg);
    transition: all .2s
}

.static-game-slider .game-slider__nav-next:hover:before, .static-game-slider .game-slider__nav-prev:hover:before {
    color: #898fa9
}

.static-game-slider .game-slider__nav-next.is-disabled, .static-game-slider .game-slider__nav-prev.is-disabled {
    opacity: 0;
    pointer-events: none;
    transition: all .2s
}

.static-game-slider .game-slider__nav-next {
    background: linear-gradient(270deg, #1c1e26 7.29%, rgba(28, 30, 38, 0));
    left: auto;
    right: 0
}

.static-game-slider .game-slider__nav-next:before {
    left: auto;
    right: calc(50% - 10px);
    rotate: 180deg
}

.game-thumbnail {
    display: flex;
    flex-direction: column;
    position: relative
}

@media (max-width: 1024px) {
    .game-thumbnail:nth-child(7n+1) {
        grid-column: span 2
    }
}

.game-thumbnail:hover .image-root .image-content {
    opacity: 1;
    pointer-events: inherit
}

.game-thumbnail .image-root {
    bottom: 0;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.game-thumbnail .image-root > img {
    aspect-ratio: 1.3888;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.game-thumbnail .image-root > img[src=""] {
    height: 0;
    visibility: hidden;
    width: 100%
}

.game-thumbnail .image-root > img:not([src=""]) {
    height: 100%;
    width: 100%
}

.game-thumbnail .image-root .image-content {
    align-items: center;
    background-color: rgba(24, 25, 31, .8);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s;
    will-change: opacity;
    z-index: 2
}

.game-thumbnail--id-678424 .game-thumbnail__DGA-last-seven {
    display: none
}

.game-thumbnail__badges {
    pointer-events: none;
    position: absolute;
    right: 2px;
    text-align: right;
    top: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 3
}

.game-thumbnail__badges:empty {
    display: none
}

.game-thumbnail__badge {
    border-radius: 2px;
    font-size: 1.1rem;
    font-weight: 700;
    padding: .2rem .4rem;
    white-space: nowrap
}

.game-thumbnail__badge--new {
    background-color: #fff;
    color: #898fa9
}

.game-thumbnail__badge--free-spins {
    background-color: #ff4b4b;
    color: #fff
}

.game-thumbnail__badge--jackpot {
    background-color: #faff00;
    color: #fff
}

.game-thumbnail__DGA-item {
    align-items: center;
    color: #fff;
    display: flex
}

.game-thumbnail__DGA-item--players {
    margin-left: .4rem
}

.game-thumbnail__DGA-item--players:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "M";
    display: inline-block;
    font-family: Glyphter-custom;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-left: .2rem;
    text-transform: none
}

.game-thumbnail__DGA-item--openStatus {
    background: #898fa9;
    border-radius: 50%;
    height: .9rem;
    margin-right: .4rem;
    width: .9rem
}

.game-thumbnail__DGA-item--openStatus[data-open=false] {
    background: #ff4b4b
}

.game-thumbnail__DGA-item--openStatus[data-open=true] {
    background: #18ae62
}

.game-thumbnail__DGA-last-seven {
    color: #fff;
    display: flex;
    pointer-events: none
}

.game-thumbnail__DGA-last-seven-item {
    align-items: center;
    border-radius: .4rem;
    display: flex;
    font-size: .9rem;
    height: 1.6rem;
    justify-content: center;
    width: 1.6rem
}

.game-thumbnail__DGA-last-seven-item + .game-thumbnail__DGA-last-seven-item {
    margin-left: .3rem
}

.game-thumbnail__DGA-last-seven-item[data-color=black] {
    background: #000
}

.game-thumbnail__DGA-last-seven-item[data-color=red] {
    background: red
}

.game-thumbnail__DGA-last-seven-item[data-color=green] {
    background: green
}

.game-thumbnail__link {
    color: #fff;
    display: block
}

.game-thumbnail__link.button-default {
    max-height: none;
    min-height: 0;
    min-height: auto;
    text-align: inherit
}

.game-thumbnail__image-wrapper {
    background-color: #2b2e3b;
    border-radius: .4rem;
    flex: 1;
    overflow: hidden;
    padding-bottom: 72%;
    position: relative
}

.game-thumbnail__image-wrapper .game-thumbnail__DGA-item--stakes {
    font-size: 1.1rem;
    justify-content: center;
    position: absolute;
    top: 5%;
    width: 100%;
    z-index: 2
}

.game-thumbnail__image-wrapper .game-thumbnail__DGA-last-seven {
    bottom: 5%;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 2
}

.game-thumbnail__image-shadow-bottom, .game-thumbnail__image-shadow-top {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s;
    z-index: 2
}

.game-thumbnail__image-shadow-top {
    background: linear-gradient(rgba(0, 0, 0, .8), transparent 30%, transparent 50%)
}

.game-thumbnail__image-shadow-bottom {
    background: linear-gradient(transparent 50%, transparent 70%, rgba(0, 0, 0, .8))
}

.game-thumbnail__provider, .game-thumbnail__title {
    font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.game-thumbnail__provider-group, .game-thumbnail__title-group {
    cursor: pointer
}

.game-thumbnail__provider-link, .game-thumbnail__title-link {
    color: #898fa9;
    pointer-events: none
}

.game-thumbnail__provider-link.active, .game-thumbnail__title-link.active {
    color: #898fa9
}

.game-thumbnail__title {
    color: #fff;
    flex: 1;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 700;
    line-height: 1.2;
    margin: 0
}

.game-thumbnail__title-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 1.2rem 0 .4rem
}

@media (max-width: 1024px) {
    .game-thumbnail__title-wrapper .game-thumbnail__DGA-item--players {
        display: none
    }
}

.game-thumbnail__provider-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width: 1025px) {
    .game-thumbnail__provider-wrapper .game-thumbnail__DGA-item--players {
        display: none
    }
}

.game-thumbnail__button--favourite {
    background: none;
    border: 0;
    bottom: -3px;
    font-size: 0;
    line-height: 1;
    margin: 0;
    min-width: 0;
    padding: 10px 12px;
    position: absolute;
    right: -3px;
    vertical-align: middle;
    z-index: 3
}

.game-thumbnail__button--favourite:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    content: "&";
    display: inline-block;
    font-family: Glyphter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    opacity: .5;
    text-transform: none
}

.game-thumbnail__button--favourite .button-label {
    display: none
}

.game-thumbnail__button--favourite:hover {
    background: none
}

@media (max-width: 767px) {
    .desktop .game-thumbnail__button--favourite {
        display: none
    }
}

.game-thumbnail__button--favourite-on:before {
    opacity: 1
}

.game-thumbnail--fail-img img {
    opacity: 0
}

.game-tiles {
    grid-gap: 2.4rem;
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr))
}

@media (min-width: 1025px) {
    .game-tiles {
        grid-template-columns:repeat(6, minmax(0, 1fr))
    }

    .game-tiles[class*=game-tiles--live] {
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }
}

.game-tiles__game.game-thumbnail {
    margin: initial
}

.game-tiles--featured .game-tiles__game:first-child {
    grid-area: 1/1/2/2
}

@media (min-width: 1025px) {
    .game-tiles--featured .game-tiles__game:first-child {
        grid-area: 1/1/3/3
    }

    .game-tiles--featured .game-tiles__game:first-child .game-thumbnail__image-wrapper .game-thumbnail__placeholder {
        height: 304.83px
    }
}

.game-tiles__column-4 {
    grid-template-columns:repeat(2, minmax(0, 1fr))
}

@media (min-width: 1025px) {
    .game-tiles__column-4 {
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }
}

.games-filter__row:not(:last-child) {
    margin-bottom: 4.8rem
}

.games-filter__justify {
    justify-content: space-between;
    margin: 0
}

.games-filter__justify--for-mobile {
    display: flex;
    width: 100%
}

@media (max-width: 1024px) {
    .games-filter__justify--for-mobile {
        flex-wrap: nowrap
    }
}

.games-filter .active-filter-title {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 17px;
    padding: 0
}

@media (max-width: 1024px) {
    .games-filter .active-filter-title {
        font-size: 16px;
        font-weight: 500;
        margin-top: 20px
    }
}

.games-filter .select-select {
    background-color: #2b2e3b;
    height: 4.8rem;
    line-height: 1.8rem;
    padding: 1.6rem;
    text-align: center;
    text-transform: uppercase
}

.games-filter .select-select:after {
    font-size: 1rem;
    line-height: 0;
    margin-left: 10px;
    position: static
}

.games-filter .provider-filter-row {
    display: flex;
    flex-wrap: nowrap
}

.games-filter .provider-filter-row > div + div {
    margin-left: 6px
}

.games-filter .provider-filter-row > div {
    position: relative;
    width: 100%
}

.games-filter .provider-filter-row > div:after {
    background: none
}

.games-filter .active-filter-container {
    display: flex;
    flex-direction: row;
    width: 100%
}

.games-filter .active-filter-container .clear-all-filter {
    background: none;
    border: 1px solid #fff;
    border-radius: 2px;
    box-sizing: border-box;
    height: 35px;
    margin-left: 8px;
    min-width: 0;
    min-width: auto;
    padding: 0 2.2rem
}

@media (max-width: 1024px) {
    .games-filter .active-filter-container .clear-all-filter {
        font-weight: 500;
        height: 30px;
        min-width: 97px;
        text-transform: capitalize
    }
}

.games-filter .activeFilter {
    display: flex;
    flex-grow: 4;
    flex-wrap: wrap
}

.games-filter .activeFilter span {
    background: #2b2e3b;
    border-radius: 2px;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    margin: 0 10px 10px 0;
    padding: 0 30px 0 8px;
    position: relative
}

@media (max-width: 1024px) {
    .games-filter .activeFilter span {
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        margin: 0 5px 5px 0
    }
}

.games-filter .activeFilter span:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #898fa9;
    content: "K";
    display: inline-block;
    font-family: Icons;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    right: 5%;
    text-transform: none;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .2s
}

@media (max-width: 1024px) {
    .games-filter .activeFilter span:after {
        right: 5px
    }
}

.games-filter .hideFilters, .games-filter .showFilters {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    height: 35px;
    min-width: 50px;
    position: relative
}

@media (max-width: 1024px) {
    .games-filter .hideFilters, .games-filter .showFilters {
        min-width: 35px
    }
}

.games-filter .showFilters:after {
    color: #fff;
    content: "H";
    font-family: Icons;
    font-size: 1rem;
    position: absolute;
    right: 15%;
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

@media (max-width: 1024px) {
    .games-filter .showFilters:after {
        right: 0
    }
}

.games-filter .hideFilters:after {
    color: #fff;
    content: "H";
    font-family: Icons;
    font-size: 1rem;
    position: absolute;
    right: 25%;
    top: 50%;
    transform: translateY(-50%) rotate(270deg)
}

@media (max-width: 1024px) {
    .games-filter .hideFilters:after {
        right: 0
    }
}

.gridItem-root.no-tail {
    flex-basis: auto
}

.game-groups-filter-new {
    display: flex;
    flex-wrap: wrap;
    font-weight: 700;
    gap: 16px 24px;
    justify-content: left;
    margin: 10px 0 5px;
    padding: 1.2rem 0;
    width: 100%
}

.game-groups-filter-new .checkbox-default {
    background: #23252f;
    border: 1px solid #616785;
    border-radius: 4px;
    color: #898fa9;
    font-size: 2.8rem;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.game-groups-filter-new .checkbox-default svg {
    fill: none
}

.game-groups-filter-new .checkbox-default.checkbox-checked {
    background: #18ae62;
    border: none
}

.game-groups-filter-new .checkbox-default.checkbox-checked svg {
    fill: currentColor
}

.game-groups-filter-new .checkbox-default.checkbox-checked .custom-checkbox:before {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="10" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.722 2.361 8.29.921 4.2 5.037 2.153 2.979.722 4.42l3.477 3.5 5.523-5.559Z" fill="%23fff"/></svg>');
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 8px;
    width: 10px
}

.game-groups-filter-new label {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex
}

.open-filter-btn {
    height: 5.4rem;
    max-height: 5.4rem;
    min-width: 1rem;
    padding: 1.6rem 3rem
}

.clear-all-filter, .mobile-filter-btn {
    background: none;
    border: 1px solid #fff;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 1.6rem
}

@media (max-width: 1024px) {
    .clear-all-filter, .mobile-filter-btn {
        border-radius: 4px;
        width: 97px
    }
}

@media (max-width: 480px) {
    .clear-all-filter .button-label, .mobile-filter-btn .button-label {
        white-space: break-spaces
    }
}

.mobile-filter-btn {
    min-height: 4.8rem
}

@media (max-width: 1024px) {
    .mobile-filter-btn {
        background: #5f6687;
        border: none;
        min-width: 100%;
        width: 97px
    }
}

.casino-active-filter {
    background-color: #1c1e26;
    padding-top: 10px;
    position: sticky;
    top: 103px;
    z-index: 1000
}

@media (max-width: 1024px) {
    .casino-active-filter {
        padding: 9px 20px 4px;
        top: 59px
    }
}

.home-menu__wrapper + .casino-active-filter {
    top: 130px
}

.providers-filter ::-webkit-scrollbar, .themes-filter ::-webkit-scrollbar {
    -webkit-appearance: none
}

.providers-filter ::-webkit-scrollbar:vertical, .themes-filter ::-webkit-scrollbar:vertical {
    width: 7px
}

.providers-filter ::-webkit-scrollbar:horizontal, .themes-filter ::-webkit-scrollbar:horizontal {
    height: 7px
}

.providers-filter ::-webkit-scrollbar-thumb, .themes-filter ::-webkit-scrollbar-thumb {
    background: #23252f;
    border-radius: 4px
}

.providers-filter-popper, .themes-filter-popper {
    width: 100%
}

.providers-filter-tooltip, .themes-filter-tooltip {
    background: #2b2e3b;
    margin: -5px 0 0;
    opacity: 1;
    padding: 11px
}

.providers-filter-button, .themes-filter-button {
    background: #2b2e3b;
    border: 1px solid #2b2e3b;
    min-width: 224px;
    padding-left: 30px;
    padding-right: 30px
}

.providers-filter-button:after, .themes-filter-button:after {
    color: #fff;
    content: "H";
    font-family: Icons;
    font-size: 1rem;
    height: 10px;
    margin: 0 0 0 10px;
    transform: rotate(90deg);
    width: 10px
}

.providers-filter-button:hover, .themes-filter-button:hover {
    background: #2b2e3b;
    border: 1px solid #18ae62
}

.providers-filter-button__open, .themes-filter-button__open {
    background: #2b2e3b;
    border: 1px solid #18ae62;
    min-width: 224px;
    padding-left: 30px;
    padding-right: 30px;
    z-index: 3001
}

.providers-filter-button__open:after, .themes-filter-button__open:after {
    color: #fff;
    content: "H";
    font-family: Icons;
    font-size: 1rem;
    height: 10px;
    margin: 0 0 0 10px;
    transform: translatex(-5px) rotate(-90deg);
    width: 10px
}

.providers-filter-button__open:hover, .themes-filter-button__open:hover {
    background: #2b2e3b;
    border: 1px solid #18ae62
}

.providers-filter-modal, .themes-filter-modal {
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    max-height: 400px;
    overflow-y: scroll
}

.providers-filter-modal label, .themes-filter-modal label {
    align-items: center;
    display: flex;
    font-weight: 700;
    line-height: 1.4rem;
    padding: 1rem
}

.providers-filter-modal label:hover, .themes-filter-modal label:hover {
    cursor: pointer
}

.providers-filter-modal__group-size, .themes-filter-modal__group-size {
    color: #616785;
    font-weight: 400;
    margin-left: 5px
}

.providers-filter-modal .checkbox-default, .themes-filter-modal .checkbox-default {
    background: #23252f;
    border: 1px solid #616785;
    border-radius: 4px;
    color: #898fa9;
    font-size: 2.8rem;
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.providers-filter-modal .checkbox-default svg, .themes-filter-modal .checkbox-default svg {
    fill: none
}

.providers-filter-modal .checkbox-default.checkbox-checked, .themes-filter-modal .checkbox-default.checkbox-checked {
    background: #18ae62;
    border: none
}

.providers-filter-modal .checkbox-default.checkbox-checked svg, .themes-filter-modal .checkbox-default.checkbox-checked svg {
    fill: currentColor
}

.providers-filter-modal .checkbox-default.checkbox-checked .custom-checkbox:before, .themes-filter-modal .checkbox-default.checkbox-checked .custom-checkbox:before {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="12" height="10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.282 2.6 9.602.92l-4.8 4.8-2.4-2.4L.722 5l4.08 4.08 6.48-6.48Z" fill="%23fff"/></svg>');
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 10px;
    width: 12px
}

.empty-message-box {
    color: #fff;
    font-size: 16px;
    margin-bottom: 36px;
    text-align: center
}

.empty-message-box p {
    line-height: 29px
}

.empty-message-box-title {
    font-weight: 700
}

.empty-message-box-suggestion strong {
    color: #18ae62;
    text-decoration: underline
}

.empty-message-box-searching strong {
    color: #18ae62
}

.game-group-title__results:before {
    display: none
}

.games-filter-mobile {
    background: none;
    color: #fff
}

.games-filter-mobile__window {
    z-index: 1100000
}

.games-filter-mobile__window ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

.games-filter-mobile__window ::-webkit-scrollbar-thumb {
    background: #2a2d38;
    border-radius: 4px
}

.games-filter-mobile__window .modal-contentRoot {
    display: flex;
    flex-direction: column
}

.games-filter-mobile__window .modal-paper {
    background: #18191f
}

.games-filter-mobile__window label.selected-row, .games-filter-mobile__window label.selected-row .game-groups-filter__group-size, .games-filter-mobile__window label.selected-row .providers-filter-modal__group-size, .games-filter-mobile__window label.selected-row .themes-filter-modal__group-size {
    color: #18ae62
}

.games-filter-mobile__window label {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: row-reverse;
    font-size: 16px;
    font-weight: 400;
    height: 40px;
    justify-content: space-between;
    min-height: 40px
}

.games-filter-mobile__window label .checkbox-default {
    background: #23252f;
    border: 1px solid #616785;
    border-radius: 4px;
    color: #898fa9;
    font-size: 2.8rem;
    height: 24px;
    margin-right: 0;
    width: 24px
}

.games-filter-mobile__window label .checkbox-default svg {
    fill: none
}

.games-filter-mobile__window label .checkbox-default.checkbox-checked {
    background: #18ae62;
    border: none;
    font-size: 32px
}

.games-filter-mobile__window label .checkbox-default.checkbox-checked .custom-checkbox:before {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="10" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.722 2.361 8.29.921 4.2 5.037 2.153 2.979.722 4.42l3.477 3.5 5.523-5.559Z" fill="%23fff"/></svg>');
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 8px;
    width: 10px
}

.games-filter-mobile__window > .modal-paper > .modalContentWrapper > .modal-titleRoot {
    border-bottom: 1px solid #616785 !important;
    margin: 0 24px 1.6rem;
    padding: 13px 0 15px;
    text-align: center
}

.games-filter-mobile__window > .modal-paper > .modalContentWrapper > .modal-titleRoot h2 {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px
}

.games-filter-mobile__window > .modal-paper > .modalContentWrapper > .modal-rootButtons {
    height: 52px;
    justify-content: space-between;
    right: 0;
    top: 0;
    transform: none;
    width: 100%
}

.games-filter-mobile__window > .modal-paper > .modalContentWrapper > .modal-rootButtons .modal-rootButton {
    display: flex;
    height: 24px;
    margin-left: 18px;
    width: 24px
}

.games-filter-mobile__window > .modal-paper > .modalContentWrapper > .modal-rootButtons .modal-buttonRoot {
    height: 24px;
    margin-right: 18px;
    min-height: 24px;
    min-width: 24px;
    width: 24px
}

.games-filter-mobile__window > .modal-paper > .modalContentWrapper > .modal-contentRoot {
    margin: 0;
    padding: 0;
    width: 100%
}

.games-filter-mobile__window .detailsSummary-content {
    font-weight: 700
}

.games-filter-mobile__window .game-groups-filter-new {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 6px 0;
    justify-content: normal;
    margin: 0
}

.games-filter-mobile__window .hide-scrolls .games-filter-mobile__list::-webkit-scrollbar-thumb {
    background: transparent
}

.games-filter-mobile__back {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    width: 24px;
    z-index: 2
}

.games-filter-mobile__back:after {
    color: #fff;
    content: "H";
    font-family: Icons;
    position: absolute;
    transform: translateY(0) rotate(180deg)
}

.games-filter-mobile__get--providers-btn, .games-filter-mobile__get--themes-btn {
    background: #23252f;
    border: 1px solid #616785;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 1.6rem 10px 1.6rem 1.7rem;
    width: 100%
}

.games-filter-mobile__get--providers-btn .button-label, .games-filter-mobile__get--themes-btn .button-label {
    justify-content: left
}

.games-filter-mobile__get--providers-btn:after, .games-filter-mobile__get--themes-btn:after {
    color: #fff;
    content: "H";
    font-family: Icons;
    font-size: 10px;
    margin-left: 10px;
    transform: translateY(0) rotate(0deg)
}

.games-filter-mobile__badge {
    background: #18ae62;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    text-align: center;
    width: 20px
}

.games-filter-mobile__content {
    flex: 1;
    overflow: hidden
}

.games-filter-mobile__list {
    grid-gap: 6px;
    display: grid;
    gap: 6px;
    max-height: 100%;
    overflow-y: auto;
    overflow-y: overlay;
    padding: 0 24px
}

.games-filter-mobile__list--hidden {
    display: none
}

.games-filter-mobile__group-size {
    color: #616785;
    font-weight: 400;
    margin-left: 5px
}

.games-filter-mobile__footer {
    border-top: 1px solid #616785;
    display: flex;
    flex-wrap: wrap;
    margin: 0 24px;
    padding: 19px 0 24px
}

.games-filter-mobile__footer--btns {
    display: flex;
    gap: 0 9px;
    height: 48px;
    justify-content: center;
    width: 100%
}

.games-filter-mobile__footer--results {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 13px;
    justify-content: center;
    line-height: 24px;
    margin-bottom: 32px;
    width: 100%
}

.games-filter-mobile__footer .clear-all-filter, .games-filter-mobile__footer .done {
    font-size: 13px;
    font-weight: 600;
    min-width: 49%;
    padding: 0
}

.games-filter-mobile__links {
    margin: 1.6rem 24px
}

.games-filter-mobile__links .providers-btn-container + .themes-btn-container {
    margin-top: 5px
}

.game-name-filter {
    background-color: #2b2e3b;
    flex-grow: 4;
    margin-right: 6px
}

.game-name-filter:after, .game-name-filter:before {
    display: none
}

.game-name-filter__icon:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "Z";
    display: inline-block;
    font-family: Icons;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    vertical-align: middle
}

.game-name-filter__clear-icon {
    background: #2b2e3b;
    cursor: pointer;
    margin-left: -10px;
    padding: 0 1.6rem 0 1rem
}

.game-name-filter__clear-icon:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #898fa9;
    content: "K";
    display: inline-block;
    font-family: Icons;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    line-height: 1;
    margin-top: calc(100% + 8px);
    text-transform: none;
    vertical-align: middle
}

.game-name-filter .input-before {
    border-right: initial;
    color: #898fa9;
    min-width: 0;
    min-width: auto;
    padding: 0 0 0 1.6rem
}

.game-name-filter .input-input {
    background-color: #2b2e3b;
    height: 4.6rem
}

.search-highlighted-result {
    color: #148f50;
    font-weight: 700
}

.game-groups-filter {
    align-items: center;
    background-color: #2b2e3b;
    border-radius: .4rem;
    display: flex;
    overflow-x: auto;
    padding: .2rem .4rem;
    scrollbar-width: none
}

.game-groups-filter .field-root {
    flex-grow: 0;
    flex-shrink: 0;
    height: 50px;
    margin: .2rem .4rem;
    max-width: none;
    min-width: 11.5rem;
    width: auto
}

.game-groups-filter .field-root:last-child:after {
    background-color: #2b2e3b
}

.game-groups-filter .field-root > label {
    height: 100%;
    position: relative
}

.game-groups-filter .field-root > label .checkbox-default {
    display: none
}

.game-groups-filter .field-root > label .checkbox-default + span {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 700;
    height: 100%;
    line-height: 1.2;
    margin: initial;
    padding: .8rem .9rem;
    transition: background-color .2s;
    width: 100%
}

.game-groups-filter .field-root > label .checkbox-default.checkbox-checked + span {
    background-color: #18ae62;
    border-radius: .4rem;
    height: 100%
}

.game-groups-filter .field-root > label .checkbox-default.checkbox-checked + span:after, .game-groups-filter .field-root > label .checkbox-default.checkbox-checked + span:before {
    background-color: #2b2e3b;
    content: "";
    height: calc(100% + .8rem);
    position: absolute;
    top: -.4rem;
    width: 2px;
    z-index: 100
}

.game-groups-filter .field-root > label .checkbox-default.checkbox-checked + span:after {
    left: -.5rem
}

.game-groups-filter .field-root > label .checkbox-default.checkbox-checked + span:before {
    right: -.5rem
}

.game-groups-filter .field-root .game-groups-filter__group--name {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%
}

.game-groups-filter .field-root:after {
    background-color: #1c1e26;
    content: "";
    height: calc(100% + .8rem);
    position: absolute;
    right: -.5rem;
    top: -.4rem;
    width: 2px
}

.game-groups-filter__group-size {
    color: #616785;
    font-weight: 400;
    margin-left: 5px
}

.game-groups-filter .select-root .select-select {
    background-color: transparent;
    line-height: 2rem;
    padding: .4rem 4rem .4rem 1.6rem;
    text-align: center;
    white-space: break-spaces
}

.game-groups-filter .select-root .select-select:not(.select-disabled):active, .game-groups-filter .select-root .select-select:not(.select-disabled):focus, .game-groups-filter .select-root .select-select:not(.select-disabled):hover {
    box-shadow: none
}

.game-groups-filter > div:not(.field-root):after, .game-groups-filter > div:not(.field-root):before {
    content: none
}

.game-groups-filter__select--item {
    height: 40px;
    padding: 0 !important
}

.game-groups-filter__select--item .field-checkbox {
    height: 100%;
    margin: 0
}

.game-groups-filter__select--item .field-checkbox label {
    height: 100%
}

.game-groups-filter__select--item .field-checkbox label .checkbox-default {
    display: none
}

.game-groups-filter__select--item .field-checkbox label .checkbox-default + span {
    align-items: center;
    display: flex;
    height: 80%;
    justify-content: center;
    margin: 5px;
    width: 100%
}

.game-groups-filter__select--item .field-checkbox label .checkbox-default.checkbox-checked + span {
    background-color: #18ae62;
    border-radius: .4rem
}

.game-groups-filter::-webkit-scrollbar {
    display: none
}

.game-groups-filter__preloader {
    max-width: 100px;
    width: 100%
}

.history-form__filter {
    margin-bottom: .8rem
}

.history-form-calendar {
    background: #2b2e3b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 15px
}

.history-form-calendar li {
    color: #fff
}

.history-form-calendar li.select-selected {
    background: #18ae62;
    font-weight: 700
}

.history-form-calendar .select-yearSwitchButton {
    color: #fff
}

.home-menu {
    align-items: center;
    background-color: #1c1e26;
    border-bottom: 1px solid #343747;
    display: flex;
    justify-content: space-between;
    overflow-x: auto;
    position: relative;
    text-align: center
}

.home-menu .swiper-next:before {
    animation: colors 3s infinite, breathing 1.5s infinite
}

.home-menu.swiper-root {
    overflow-x: hidden;
    padding: 0 1.2rem;
    position: relative
}

@media (max-width: 767px) {
    .home-menu.swiper-root {
        min-height: 71.8px
    }
}

.home-menu.swiper-root .swiper-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-width: 100%;
    position: relative;
    z-index: 1
}

.home-menu__wrapper {
    position: sticky;
    top: 6rem;
    transform: translateY(-1px);
    z-index: 999
}

.home-menu__wrapper--margin {
    margin-bottom: 23px
}

.home-menu__inner {
    padding: 0;
    position: relative
}

.home-menu a {
    color: #fff;
    display: inline-block;
    font-size: 1.2rem;
    margin: 0;
    padding: 16px 10px 15px 12px;
    position: relative;
    text-decoration: none;
    white-space: nowrap
}

.home-menu a:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #898fa9;
    content: "Q";
    display: inline-block;
    display: block;
    font-family: Icons;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-bottom: .7rem;
    text-transform: none;
    transition: color .2s
}

.home-menu a.active, .home-menu a.active:before, .home-menu a:hover, .home-menu a:hover:before {
    color: #fff
}

@media (max-width: 1024px) {
    .home-menu .settings-menu__item-override--live-casino a:before {
        content: "`"
    }

    .home-menu .settings-menu__item-override--live-games a:before {
        content: "("
    }

    .home-menu .settings-menu__item-override--sports a:before {
        content: ")"
    }

    .home-menu .settings-menu__item-override--liveShow a:before {
        content: "е"
    }

    .home-menu .settings-menu__item-override--in-play a:before {
        content: "*"
    }

    .home-menu .settings-menu__item-override--parlay a:before {
        content: "|"
    }

    .home-menu .settings-menu__item-override--twain a:before {
        content: "}"
    }
}

.home-menu .settings-menu__item-override {
    font-family: Pragati Narrow, sans-serif
}

.home-menu .settings-menu__item-override--highlight {
    padding-left: 16px;
    padding-right: 10px;
    position: relative;
    z-index: 1
}

.home-menu .settings-menu__item-override--highlight:before {
    background: #18ae62;
    content: "";
    display: block;
    inset: 0 2px 0 10px;
    position: absolute;
    transform: skew(-15deg);
    z-index: -1
}

.home-menu .settings-menu__item-override--highlight a:before {
    color: #fff
}

.home-menu .settings-menu__item-override--blue a, .home-menu .settings-menu__item-override--blue a:before {
    color: #5085ff
}

.jackpot-banner-egt {
    background-color: #2b2e3b;
    background-image: url(/cms/img/jackpot-bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: .4rem;
    padding: 2.4rem;
    text-align: center
}

@media (min-width: 1025px) {
    .jackpot-banner-egt {
        padding: 3.2rem
    }
}

.jackpot-banner-egt:not(:last-child) {
    margin-bottom: 2.4rem
}

@media (min-width: 1025px) {
    .jackpot-banner-egt:not(:last-child) {
        margin-bottom: 3.2rem
    }
}

.jackpot-banner-egt__content {
    margin: 2.4rem 0
}

@media (max-width: 1024px) {
    .jackpot-banner-egt__content > .grid-root > .gridItem-root:not(:last-child) {
        margin-bottom: 1.2rem
    }
}

.jackpot-banner-egt__value {
    align-items: center;
    background-color: #21232c;
    border-radius: .4rem;
    color: #fff;
    display: flex;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.6rem;
    font-weight: 700;
    justify-content: space-between;
    line-height: 1.2;
    margin-bottom: 1.6rem;
    padding: 1.2rem 1.6rem 1.2rem 1.2rem;
    text-align: right
}

@media (min-width: 1025px) {
    .jackpot-banner-egt__value {
        font-size: 1.8rem
    }
}

.jackpot-banner-egt__value:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    display: inline-block;
    font-family: Icons;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-transform: none
}

@media (min-width: 1025px) {
    .jackpot-banner-egt__value:before {
        font-size: 24px
    }
}

.jackpot-banner-egt__value--I:before {
    content: "C"
}

.jackpot-banner-egt__value--II:before {
    content: "D"
}

.jackpot-banner-egt__value--III:before {
    content: "X"
}

.jackpot-banner-egt__value--IV:before {
    content: "n"
}

.jackpot-banner-egt .button-root {
    display: none
}

@media (max-width: 1024px) {
    .jackpot-banner-egt .button-root {
        display: block;
        width: 100%
    }
}

.local-time {
    font-feature-settings: "tnum";
    display: inline;
    font-variant-numeric: tabular-nums
}

.login-form__forgot-password-wrapper {
    position: relative
}

.login-form__forgot-password {
    color: #18ae62;
    position: absolute;
    right: 0;
    top: .6rem
}

.login-form__forgot-password.active, .login-form__forgot-password:active, .login-form__forgot-password:hover {
    color: #148f50
}

.login-form__forgot-password:hover {
    color: #1ccc73
}

@media (min-width: 1025px) {
    .login-form__forgot-password {
        top: 1rem
    }
}

.login-form__buttons {
    align-items: center;
    display: flex;
    margin-top: 2rem
}

@media (min-width: 1025px) {
    .login-form__buttons {
        justify-content: space-between
    }
}

@media (max-width: 480px) {
    .login-form__buttons {
        flex-direction: column
    }
}

.login-form__buttons .button-root {
    min-width: 0;
    min-width: auto
}

@media (max-width: 1024px) {
    .login-form__buttons .button-root {
        display: block;
        flex: 1;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: 100%
    }
}

.login-form__buttons .button-root:only-child {
    flex: 1
}

.login-form__buttons .button-root + .button-root {
    margin-left: 1.6rem
}

@media (min-width: 1025px) {
    .login-form__buttons .button-root + .button-root {
        margin-left: 2.4rem
    }
}

@media (max-width: 480px) {
    .login-form__buttons .button-root + .button-root {
        margin-left: 0;
        margin-top: 1.6rem
    }
}

@media (max-width: 767px) {
    .login-form__buttons {
        margin-top: 2.4rem
    }
}

.login-form__buttons .button-root {
    flex: 1
}

.login-form__buttons .button-root:only-child {
    margin-right: 0
}

@media (max-width: 1024px) {
    .authentication .login-via-mobile-or-smart-id-form {
        flex: 1
    }
}

.login-via-mobile-or-smart-id-form .user-identification {
    height: 100%
}

.login-via-mobile-or-smart-id-form .user-identification__form, .login-via-mobile-or-smart-id-form .user-identification__verification {
    display: flex;
    flex-direction: column;
    height: 100%
}

.login-via-mobile-or-smart-id-form__loading {
    text-align: center
}

.login-via-mobile-or-smart-id-form__loading-text {
    margin-top: 1.6rem
}

.login-via-mobile-or-smart-id-form__buttons {
    align-items: center;
    border-top: 1px solid #1c1e26;
    display: flex;
    margin: 1.6rem -1.6rem -1.6rem;
    padding: 1.6rem
}

@media (min-width: 1025px) {
    .login-via-mobile-or-smart-id-form__buttons {
        justify-content: space-between;
        margin: 2.4rem -2.4rem -2.4rem;
        padding: 2.4rem
    }
}

@media (max-width: 480px) {
    .login-via-mobile-or-smart-id-form__buttons {
        flex-direction: column
    }
}

.login-via-mobile-or-smart-id-form__buttons .button-root {
    min-width: 0;
    min-width: auto
}

@media (max-width: 1024px) {
    .login-via-mobile-or-smart-id-form__buttons .button-root {
        display: block;
        flex: 1;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: 100%
    }
}

.login-via-mobile-or-smart-id-form__buttons .button-root:only-child {
    flex: 1
}

.login-via-mobile-or-smart-id-form__buttons .button-root + .button-root {
    margin-left: 1.6rem
}

@media (min-width: 1025px) {
    .login-via-mobile-or-smart-id-form__buttons .button-root + .button-root {
        margin-left: 2.4rem
    }
}

@media (max-width: 480px) {
    .login-via-mobile-or-smart-id-form__buttons .button-root + .button-root {
        margin-left: 0;
        margin-top: 1.6rem
    }
}

@media (max-width: 1024px) {
    .login-via-mobile-or-smart-id-form__buttons {
        margin-top: auto
    }
}

.login-via-mobile-or-smart-id-form__buttons .button-root {
    flex: 1
}

.login-via-mobile-or-smart-id-form__buttons .button-root:only-child {
    margin-right: 0
}

.login-via-third-party__ask-to-register {
    text-align: center
}

.login-via-third-party__ask-to-register p {
    margin: 1em 0
}

.login-via-third-party--mobileId .description__warning, .login-via-third-party--smartId .description__warning {
    margin-bottom: 2rem;
    margin-top: 2.4rem
}

.login-via-third-party--apple, .login-via-third-party--facebook, .login-via-third-party--google, .login-via-third-party--mobileId, .login-via-third-party--smartId {
    margin-top: 2.4rem
}

.login-via-third-party--apple .description__warning, .login-via-third-party--facebook .description__warning, .login-via-third-party--google .description__warning, .login-via-third-party--mobileId .description__warning, .login-via-third-party--smartId .description__warning {
    align-content: center;
    background-color: #3a3e4e;
    border-radius: .4rem;
    color: #fff;
    display: flex;
    font-family: Poppins, sans-serif;
    gap: 1.6rem;
    padding: 1.6rem;
    text-align: left
}

.login-via-third-party--apple .description__warning p, .login-via-third-party--facebook .description__warning p, .login-via-third-party--google .description__warning p, .login-via-third-party--mobileId .description__warning p, .login-via-third-party--smartId .description__warning p {
    margin-bottom: 0;
    margin-top: 0
}

.login-via-third-party--apple .description__warning span:first-child, .login-via-third-party--facebook .description__warning span:first-child, .login-via-third-party--google .description__warning span:first-child, .login-via-third-party--mobileId .description__warning span:first-child, .login-via-third-party--smartId .description__warning span:first-child {
    align-items: center;
    display: inline-flex
}

.login-via-third-party--apple .description__warning a, .login-via-third-party--facebook .description__warning a, .login-via-third-party--google .description__warning a, .login-via-third-party--mobileId .description__warning a, .login-via-third-party--smartId .description__warning a {
    align-items: center;
    color: #1ccc73;
    display: inline-flex
}

.login-via-third-party--apple .description__warning a:after, .login-via-third-party--facebook .description__warning a:after, .login-via-third-party--google .description__warning a:after, .login-via-third-party--mobileId .description__warning a:after, .login-via-third-party--smartId .description__warning a:after {
    background-image: url(/cms/img/icons/arrow.svg);
    bottom: 1px;
    content: "";
    display: inline-block;
    height: 1.6rem;
    position: relative;
    width: 1.6rem
}

.login-via-third-party--apple, .login-via-third-party--facebook, .login-via-third-party--google {
    text-align: center
}

.login-via-third-party--apple p, .login-via-third-party--facebook p, .login-via-third-party--google p {
    margin-block-end: 2.3em;
    margin-block-start: .6em;
    margin-top: 3.2rem
}

@media (max-width: 767px) {
    .loyalty-program {
        padding: 10px 0 30px
    }
}

.loyalty-program__description:not(:first-child) {
    margin-top: 32px
}

@media (max-width: 767px) {
    .loyalty-program__description:not(:first-child) {
        margin-top: 30px
    }
}

.loyalty-program__description:not(:last-child) {
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .loyalty-program__description:not(:last-child) {
        margin-bottom: 30px
    }
}

.loyalty-program__description h2 {
    font-size: 1.6rem
}

.loyalty-program__description p:not(:last-child) {
    margin-bottom: 15px
}

.loyalty-program__steps:not(:first-child) {
    margin-top: 32px
}

@media (max-width: 767px) {
    .loyalty-program__steps:not(:first-child) {
        margin-top: 30px
    }
}

.loyalty-program__steps:not(:last-child) {
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .loyalty-program__steps:not(:last-child) {
        margin-bottom: 30px
    }

    .loyalty-program__steps {
        align-items: center;
        display: flex;
        flex-direction: column
    }
}

.loyalty-program__steps-list {
    align-items: flex-start;
    display: flex;
    justify-content: space-around;
    margin: 0 -10px;
    position: relative;
    width: auto
}

@media (max-width: 767px) {
    .loyalty-program__steps-list {
        display: inline-block;
        margin: 0
    }
}

.loyalty-program__steps-line-through {
    background: #fc0;
    height: 16px;
    left: 50%;
    position: absolute;
    top: 48px;
    transform: translate(-50%, -50%);
    z-index: 1
}

@media (max-width: 767px) {
    .loyalty-program__steps-line-through {
        bottom: 48px;
        height: auto;
        left: 48px;
        top: 48px;
        transform: translate(-50%);
        width: 16px !important
    }
}

.loyalty-program__steps-item {
    padding: 0 10px;
    position: relative;
    z-index: 2
}

@media (max-width: 767px) {
    .loyalty-program__steps-item {
        align-items: center;
        display: flex;
        justify-content: flex-start;
        padding: 0
    }

    .loyalty-program__steps-item:not(:last-child) {
        margin-bottom: 30px
    }
}

.loyalty-program__steps-item-icon {
    background: #fc0;
    border-radius: 50%;
    height: 96px;
    margin: 0 auto;
    position: relative;
    width: 96px
}

@media (max-width: 767px) {
    .loyalty-program__steps-item-icon {
        flex-shrink: 0;
        margin: 0
    }
}

.loyalty-program__steps-item-icon:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: Glyphter;
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 50%;
    transform: translate(-50%, -50%)
}

.loyalty-program__steps-item-icon--step-1:before {
    content: "_"
}

.loyalty-program__steps-item-icon--step-2:before {
    content: "`"
}

.loyalty-program__steps-item-icon--step-3:before {
    content: "{"
}

.loyalty-program__steps-item-description {
    margin-top: 10px;
    text-align: center
}

@media (max-width: 767px) {
    .loyalty-program__steps-item-description {
        margin-left: 20px;
        margin-top: 0;
        text-align: left
    }
}

.loyalty-program__form:not(:first-child) {
    margin-top: 32px
}

@media (max-width: 767px) {
    .loyalty-program__form:not(:first-child) {
        margin-top: 30px
    }
}

.loyalty-program__form:not(:last-child) {
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .loyalty-program__form:not(:last-child) {
        margin-bottom: 30px
    }
}

.loyalty-program__progress {
    border-top: 1px solid #23252f
}

.loyalty-program__progress:not(:first-child) {
    margin-top: 32px
}

@media (max-width: 767px) {
    .loyalty-program__progress:not(:first-child) {
        margin-top: 30px
    }
}

.loyalty-program__progress:not(:last-child) {
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .loyalty-program__progress:not(:last-child) {
        margin-bottom: 30px
    }
}

.loyalty-program__progress-info {
    margin-bottom: 16px
}

@media (max-width: 767px) {
    .loyalty-program__progress-info {
        align-items: center;
        display: flex;
        flex-direction: column;
        margin-bottom: 30px
    }
}

.loyalty-program__progress-info-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center
}

@media (max-width: 767px) {
    .loyalty-program__progress-info-title {
        margin-bottom: 30px
    }
}

.loyalty-program__progress-info-list {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: -10px
}

@media (max-width: 767px) {
    .loyalty-program__progress-info-list {
        display: inline-block;
        margin: 0
    }
}

.loyalty-program__progress-info-item {
    padding: 10px
}

@media (max-width: 767px) {
    .loyalty-program__progress-info-item {
        padding: 0
    }

    .loyalty-program__progress-info-item:not(:last-child) {
        margin-bottom: 30px
    }
}

.loyalty-program__progress-info-block-title {
    margin-bottom: 15px
}

.loyalty-program__progress-info-block-content p {
    font-size: 30px;
    font-weight: 700;
    line-height: 1
}

.loyalty-program__progress-info-block-content.has-icon {
    display: flex
}

.loyalty-program__progress-info-block-content.has-icon img {
    display: block;
    flex: 0 0 auto;
    margin-right: 5px;
    position: relative;
    top: -3px
}

.loyalty-program__progress-info-block-content.has-icon p:first-letter {
    text-transform: capitalize
}

.loyalty-program__progress-tiers {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 767px) {
    .loyalty-program__progress-tiers {
        flex-direction: column;
        justify-content: flex-start
    }
}

.loyalty-program__progress-tier-current {
    background-color: #21232c;
    border-radius: 5px;
    margin: 2.4rem 0;
    padding: 2.4rem;
    width: 100%
}

.loyalty-program__progress-tier-current-row {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 1.2rem;
    font-weight: 600;
    justify-content: space-between
}

.loyalty-program__progress-tier-current-row p {
    align-items: center;
    display: flex;
    justify-content: center
}

.loyalty-program__progress-tier-current-row span {
    color: #898fa9
}

.loyalty-program__progress-tier-current-row img {
    margin-right: 5px
}

.loyalty-program__progress-tier-current progress {
    border-radius: 8px;
    height: 16px;
    margin: 1.2rem 0;
    width: 100%
}

.loyalty-program__progress-tier-current progress::-webkit-progress-bar {
    background-color: #2b2e3b;
    border-radius: 8px
}

.loyalty-program__progress-tier-current progress::-webkit-progress-value {
    background-color: #18ae62;
    border-radius: 8px
}

.loyalty-program__progress-tiers-list {
    margin: 0
}

.loyalty-program__progress-tiers-list h2, .loyalty-program__progress-tiers-list p {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

.loyalty-program__progress-tiers-list h2 {
    font-width: 700;
    font-size: 1.6rem;
    padding: 3.2rem 0 .8rem
}

.loyalty-program__progress-tiers-list p {
    font-size: 1.4rem;
    padding: 0 25% 2.4rem
}

@media screen and (max-width: 425px) {
    .loyalty-program__progress-tiers-list p {
        padding-left: 0;
        padding-right: 0
    }
}

.loyalty-program__progress .is-current {
    background: #18191f;
    background: linear-gradient(180deg, #21232c, #0f4b2d 56%, #18ae62);
    position: relative
}

.loyalty-program__progress .is-current:before {
    color: #fff;
    content: "Current Level";
    font-size: 1.6rem;
    font-weight: 700;
    left: 0;
    position: absolute;
    right: 0;
    top: 2.4rem
}

@media screen and (max-width: 768px) {
    .loyalty-program__progress .is-current:before {
        bottom: 10px;
        left: 137px;
        right: auto;
        top: auto
    }

    .loyalty-program__progress .is-current {
        background: linear-gradient(270deg, #21232c, #0f4b2d 56%, #18ae62)
    }
}

.loyalty-program__progress-tiers-item {
    align-content: center;
    background-color: #21232c;
    display: flex;
    flex-direction: column;
    height: 288px;
    position: relative;
    text-align: center
}

.loyalty-program__progress-tiers-item:first-of-type {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.loyalty-program__progress-tiers-item:last-of-type {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

@media screen and (max-width: 768px) {
    .loyalty-program__progress-tiers-item {
        flex-direction: row;
        height: auto;
        margin-bottom: 1px;
        padding: 1.6rem
    }

    .loyalty-program__progress-tiers-item:first-of-type {
        border-bottom-left-radius: 0;
        border-top-right-radius: 5px
    }

    .loyalty-program__progress-tiers-item:last-of-type {
        border-bottom-left-radius: 5px;
        border-top-right-radius: 0
    }
}

.loyalty-program__progress-tiers-item-icon {
    margin-top: 40%
}

.loyalty-program__progress-tiers-item-icon img {
    margin: auto
}

@media screen and (max-width: 768px) {
    .loyalty-program__progress-tiers-item-icon {
        height: auto;
        margin-top: 0
    }
}

.loyalty-program__progress-tiers-item-title {
    color: #a09f9f;
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 1.6rem
}

.loyalty-program__progress-tiers-item-title:first-letter {
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .loyalty-program__progress-tiers-item-title {
        margin: 10px 0 10px 25px
    }
}

.loyalty-program__progress-tiers-item-description {
    align-content: center;
    color: #a09f9f;
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
    justify-content: center;
    margin-top: 4px
}

.loyalty-program__progress-tiers-item-description span {
    margin-top: 4px;
    white-space: nowrap
}

@media screen and (max-width: 768px) {
    .loyalty-program__progress-tiers-item-description {
        left: 137px;
        position: absolute;
        text-align: left;
        top: 50px
    }
}

.loyalty-program__progress-tiers-item.is-current ~ div .loyalty-program__progress-tiers-item-description, .loyalty-program__progress-tiers-item.is-current ~ div .loyalty-program__progress-tiers-item-title {
    color: #c3c3c3
}

.loyalty-program__circular-progress-content {
    padding: 40px;
    text-align: center
}

.loyalty-program__circular-progress-amount {
    font-size: 48px;
    font-weight: 700
}

.loyalty-program__tier-expiry {
    color: #a09f9f;
    margin-top: 10px;
    text-align: right
}

@media (max-width: 767px) {
    .loyalty-program__tier-expiry {
        text-align: center
    }
}

.loyalty-program__help:not(:first-child) {
    margin-top: 32px
}

@media (max-width: 767px) {
    .loyalty-program__help:not(:first-child) {
        margin-top: 30px
    }
}

.loyalty-program__help:not(:last-child) {
    margin-bottom: 32px
}

@media (max-width: 767px) {
    .loyalty-program__help:not(:last-child) {
        margin-bottom: 30px
    }
}

.loyalty-program__help .border {
    align-content: center;
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    .loyalty-program__help .border {
        flex-direction: column
    }

    .loyalty-program__help .border .fpLink {
        width: 100%
    }
}

.loyalty-program__help .border .fpLink {
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    padding: 16px 27px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

.loyalty-program__help .border .fpLink:hover {
    border-color: #18ae62
}

.loyalty-points-conversion-form__row {
    align-items: center;
    display: flex;
    justify-content: space-around
}

@media (max-width: 767px) {
    .loyalty-points-conversion-form__row {
        flex-direction: column;
        justify-content: flex-start
    }
}

.loyalty-points-conversion-form__award-points {
    align-content: center;
    color: #fff;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    margin-left: 45px;
    margin-right: 20px
}

@media (max-width: 767px) {
    .loyalty-points-conversion-form__award-points {
        align-content: flex-start;
        margin: 30px 0
    }
}

.loyalty-points-conversion-form__award-points:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    content: "8";
    display: inline-block;
    font-family: Icons;
    font-size: 7rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    text-transform: none
}

.loyalty-points-conversion-form__award-points .markdown-root {
    font-size: 1.2rem;
    margin-left: 100px;
    text-transform: capitalize
}

.loyalty-points-conversion-form__award-points-amount {
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: -1px;
    margin-left: 100px;
    white-space: nowrap
}

@media (max-width: 767px) {
    .loyalty-points-conversion-form__award-points-amount {
        font-size: 32px
    }
}

.loyalty-points-conversion-form__convert {
    align-items: flex-start;
    border: 1px solid #21232c;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 218px;
    padding: 2.4rem
}

.loyalty-points-conversion-form__convert-title {
    color: #fff;
    font-family: Poppins;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: capitalize
}

.loyalty-points-conversion-form__convert-money {
    width: 100%
}

.loyalty-points-conversion-form__convert-money .markdown-root {
    font-size: 1.2rem;
    text-transform: capitalize
}

.loyalty-points-conversion-form__convert-money .markdown-root strong {
    color: #18ae62
}

.loyalty-points-conversion-form__convert-money-amount {
    background-color: #21232c;
    border-radius: 5px;
    color: #898fa9;
    padding: 16px 30px;
    width: 100%
}

.loyalty-points-conversion-form__convert-action {
    background-color: #18ae62;
    text-transform: uppercase;
    width: 100%
}

.loyalty-points-conversion-form__convert-action:hover {
    background-color: #148f50;
    color: #fff
}

.galleryItem-selected .galleryItem-delete.button-root, .other-documents-form .galleryItem-delete.button-root {
    background-color: #18ae62;
    background-color: #ff4b4b;
    border-radius: .4rem;
    color: #fff;
    font-size: 1.2rem;
    height: auto;
    line-height: 1.2;
    max-height: 4rem;
    min-width: 0;
    min-width: auto;
    min-width: auto !important;
    padding: 1.2rem;
    text-transform: inherit;
    width: auto
}

.galleryItem-selected .galleryItem-delete.button-root:hover, .other-documents-form .galleryItem-delete.button-root:hover {
    background-color: #1ccc73
}

.galleryItem-selected .galleryItem-delete.button-root:active, .other-documents-form .galleryItem-delete.button-root:active {
    background-color: #148f50
}

@media (min-width: 1025px) {
    .galleryItem-selected .galleryItem-delete.button-root, .other-documents-form .galleryItem-delete.button-root {
        min-width: 6.4rem
    }
}

.galleryItem-selected .galleryItem-delete.button-root:hover, .other-documents-form .galleryItem-delete.button-root:hover {
    background-color: #ff6565
}

.galleryItem-selected .galleryItem-delete.button-root:before, .other-documents-form .galleryItem-delete.button-root:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "v";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.document-item__description__centered {
    margin-bottom: 20px
}

.other-documents-form__upload {
    display: block;
    width: 100%
}

.other-documents-form__upload .imageField-imageWrapper img {
    border-radius: .4rem;
    display: block;
    margin: 0 auto
}

.other-documents-form__upload .imageField-buttons {
    text-align: center
}

.other-documents-form__upload .imageField-buttons .fileField-root {
    margin-top: 1.6rem
}

.other-documents-form__upload .imageField-buttons .fileField-root .fileField-button {
    background-color: transparent;
    background-color: initial;
    border-radius: .4rem;
    border-radius: initial;
    color: #fff;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.4rem;
    font-weight: 700;
    font-weight: 400;
    line-height: 1.6rem;
    max-height: 4.8rem;
    min-height: 0;
    min-height: auto;
    min-width: 15rem;
    min-width: auto;
    padding: initial;
    text-align: center;
    text-transform: uppercase;
    text-transform: inherit;
    transition: all .2s;
    white-space: nowrap
}

.other-documents-form__upload .imageField-buttons .fileField-root .fileField-button:active, .other-documents-form__upload .imageField-buttons .fileField-root .fileField-button:hover {
    color: #fff
}

a.other-documents-form__upload .imageField-buttons .fileField-root .fileField-button {
    color: #fff;
    text-decoration: none
}

.other-documents-form__upload .imageField-buttons .fileField-root .fileField-button.button-loading {
    color: transparent
}

.other-documents-form__upload .imageField-buttons .fileField-root .fileField-button.button-disabled {
    background-color: #23252f;
    box-shadow: none;
    color: #616885
}

.other-documents-form__upload .imageField-buttons .fileField-root .fileField-button span[class*=MuiTouchRipple] {
    display: none
}

.other-documents-form__upload .imageField-buttons .fileField-root .fileField-button--no-transition {
    transition: all .2s, color 0s, background 0s
}

.other-documents-form__upload .imageField-buttons .fileField-root .fileField-button:hover {
    background-color: transparent;
    background-color: initial;
    color: #18ae62
}

.other-documents-form__upload .imageField-buttons .fileField-root .fileField-button--solid {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 700;
    text-transform: uppercase
}

.other-documents-form__upload .imageField-buttons .fileField-root .fileField-button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "r";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: .8rem;
    text-transform: none
}

.other-documents-form__upload .imageField-helper {
    color: #ff4b4b;
    font-size: 1rem;
    line-height: 1.4;
    margin: .6rem 0 0;
    text-align: center
}

.other-documents-form__reset {
    margin-top: 1.6rem;
    text-align: center
}

.other-documents-form__reset .button-root:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "f";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: .8rem;
    text-transform: none
}

.other-documents-form__name {
    margin-bottom: 1.6rem
}

.other-documents-form__name strong {
    color: #fff
}

.other-documents-form__buttons {
    align-items: center;
    border-top: 1px solid #1c1e26;
    display: flex;
    margin: 1.6rem -1.6rem -1.6rem;
    padding: 1.6rem
}

@media (min-width: 1025px) {
    .other-documents-form__buttons {
        justify-content: space-between;
        margin: 2.4rem -2.4rem -2.4rem;
        padding: 2.4rem
    }
}

@media (max-width: 480px) {
    .other-documents-form__buttons {
        flex-direction: column
    }
}

.other-documents-form__buttons .button-root {
    min-width: 0;
    min-width: auto
}

@media (max-width: 1024px) {
    .other-documents-form__buttons .button-root {
        display: block;
        flex: 1;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: 100%
    }
}

.other-documents-form__buttons .button-root:only-child {
    flex: 1
}

.other-documents-form__buttons .button-root + .button-root {
    margin-left: 1.6rem
}

@media (min-width: 1025px) {
    .other-documents-form__buttons .button-root + .button-root {
        margin-left: 2.4rem
    }
}

@media (max-width: 480px) {
    .other-documents-form__buttons .button-root + .button-root {
        margin-left: 0;
        margin-top: 1.6rem
    }
}

.other-documents-form__buttons .button-root:only-child {
    margin-right: 0
}

.other-documents-form__image {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.other-documents-form__image:not(.galleryItem-clone) {
    background: none !important;
    left: 0
}

.other-documents-form__image.galleryItem-clone {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.other-documents-form__image-stacker {
    flex: 1;
    min-height: 200px;
    perspective: 900px
}

.other-documents-form__image-stacker-item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .4rem;
    position: absolute;
    transform-origin: bottom;
    transition: all .3s;
    z-index: 1
}

.other-documents-form__image-stacker-item:hover ~ .other-documents-form__image-stacker-item {
    transform: rotateX(-60deg)
}

.other-documents-form .galleryItem-delete {
    position: absolute;
    right: .8rem;
    top: .8rem;
    z-index: 1
}

.page-banner {
    align-items: center;
    background: url(/cms/img/page-banners/default.jpg) no-repeat top;
    background-position-x: 80%;
    background-size: cover;
    display: flex;
    margin: -2.4rem 0 .6rem;
    min-height: 11.2rem;
    padding: 1.6rem 0;
    text-align: left;
    width: 100%
}

@media (min-width: 1025px) {
    .page-banner {
        margin-top: -4.8rem;
        min-height: 33.6rem
    }
}

.page-banner .title {
    font-size: 2.8rem;
    line-height: 3.2rem;
    margin: 0;
    text-align: center
}

@media (min-width: 767px) {
    .page-banner .title {
        font-size: 4rem
    }
}

@media (min-width: 1024px) {
    .page-banner .title {
        text-align: left
    }
}

.page-banner .description {
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: .8rem;
    text-align: center
}

@media (min-width: 767px) {
    .page-banner .description {
        font-size: 1.8rem;
        line-height: 3.2rem;
        margin-top: 1.8rem
    }
}

@media (min-width: 1024px) {
    .page-banner .description {
        text-align: left
    }

    .page--page-banner-loyalty .page-banner .description, .page--page-banner-loyalty .page-banner .title, div[data-url*=promotions] .page-banner .description, div[data-url*=promotions] .page-banner .title {
        text-align: center
    }
}

.page--page-banner-promotions-football-bonuses .page-banner {
    background-image: url(/cms/img/page-banners/promotions.jpg)
}

.page--page-banner-loyalty .page-banner {
    background-image: url(/cms/img/page-banners/loyalty.jpg)
}

.video-slider__wrapper {
    background: #2b2e3b;
    background-image: url(/cms/img/video-slider/desktop.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: .4rem;
    overflow: hidden;
    padding: 1.4rem 1.8rem 6rem;
    position: relative
}

@media (max-width: 1024px) {
    .video-slider__wrapper {
        background-image: url(/cms/img/video-slider/mobile.svg);
        padding: 1.2rem 1.2rem 4.4rem
    }
}

@media (min-width: 1025px) {
    .video-slider__wrapper {
        min-height: 42rem
    }
}

.video-slider__swiper {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 426px;
    padding: 0 1.8rem;
    white-space: nowrap;
    width: 100%
}

.video-slider__swiper-title.game-group-title {
    margin-bottom: 3.9rem;
    width: 100%
}

@media (max-width: 1024px) {
    .video-slider__swiper-title.game-group-title {
        margin-bottom: 2.5rem
    }
}

.video-slider__swiper-title.game-group-title:before {
    display: none
}

.video-slider .swiper-slide {
    display: inline-flex;
    flex-direction: column;
    font-size: medium;
    width: 100%;
    z-index: 1
}

.video-slider .swiper-slide .video-player {
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .5)
}

.video-slider__content {
    color: #fff;
    white-space: normal
}

@media (max-width: 1024px) {
    .video-slider__content {
        text-align: center
    }
}

@media (min-width: 1025px) {
    .video-slider__content {
        transform: translateY(-66%)
    }
}

.video-slider__title {
    font-size: 2.8rem
}

@media (min-width: 1025px) {
    .video-slider__title {
        font-size: 4.4rem
    }
}

.video-slider__title:not(:last-child) {
    margin-bottom: 1.6rem
}

.video-slider__text {
    font-size: 1.6rem
}

@media (min-width: 1025px) {
    .video-slider__text {
        font-size: 1.8rem
    }
}

.video-slider__text:not(:last-child) {
    margin-bottom: 2.4rem
}

.video-slider__action {
    display: inline-block
}

.video-slider .swiper-wrapper {
    position: relative;
    z-index: 1
}

.video-slider .video-player {
    padding-top: 56%
}

@media (max-width: 1024px) {
    .video-slider .video-player {
        padding-top: 56%
    }
}

.video-slider .swiper-slide:not(.swiper-slide-active) video {
    pointer-events: none
}

.video-slider .swiper-slide:not(.swiper-slide-active) .video-player {
    filter: brightness(.7);
    transform: scale(.7436) translateY(-10px)
}

@media (max-width: 1024px) {
    .video-slider .swiper-slide:not(.swiper-slide-active) .video-player {
        transform: scale(.7436)
    }
}

@media (min-width: 1025px) {
    .video-slider .swiper-slide:not(.swiper-slide-active) .video-player {
        transform: scale(.7436) translateY(-10px)
    }
}

@media (max-width: 1024px) {
    .video-slider .swiper-slide:not(.swiper-slide-active) .video-slider__content {
        opacity: 0;
        visibility: hidden
    }
}

@media (min-width: 1025px) {
    .video-slider .swiper-slide:not(.swiper-slide-active) .video-slider__content {
        pointer-events: none;
        transform: scale(.7436) translateY(-60px)
    }

    .video-slider .swiper-slide:not(.swiper-slide-active) .video-slider__content .container h2, .video-slider .swiper-slide:not(.swiper-slide-active) .video-slider__content .container p {
        color: #898fa9
    }

    .video-slider .swiper-slide:not(.swiper-slide-active) .video-slider__content .container a.button-root {
        background-color: #21232c;
        color: #898fa9
    }
}

.video-slider .swiper-slide:not(.swiper-slide-active) .swiper-nextEl, .video-slider .swiper-slide:not(.swiper-slide-active) .swiper-prevEl, .video-slider .swiper-slide:not(.swiper-slide-active) .video-player__video-controls, .video-slider .swiper-slide:not(.swiper-slide-active) .video-player__video-controls-center {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.video-slider .swiper-slide.swiper-slide-duplicate .video-player__play-control div, .video-slider .swiper-slide.swiper-slide-duplicate .video-player__video-controls {
    pointer-events: none
}

.video-slider .swiper[data-active=true] .video-player, .video-slider .swiper[data-active=true] .video-player__video-controls, .video-slider .swiper[data-active=true] .video-player__video-controls-center, .video-slider .swiper[data-active=true] .video-slider__content {
    transition: all var(--animationTransition), border 0s
}

.video-slider .swiper[data-active=true] .container a.button-root, .video-slider .swiper[data-active=true] .container h2, .video-slider .swiper[data-active=true] .container p {
    transition: all var(--animationTransition)
}

.video-slider .swiper[data-active=true] .swiper-nextEl, .video-slider .swiper[data-active=true] .swiper-prevEl {
    opacity: 0;
    transition: none
}

.video-slider .swiper[data-active=false] .container a.button-root, .video-slider .swiper[data-active=false] .container h2, .video-slider .swiper[data-active=false] .container p, .video-slider .swiper[data-active=false] .video-player, .video-slider .swiper[data-active=false] .video-slider__content {
    transition: none
}

.video-slider .swiper-slide-active .video-player {
    border: 2px solid #18ae62
}

.video-slider .video-slider__content {
    padding-top: 15px
}

.video-slider .video-slider__content .container {
    display: grid;
    grid-template-areas:"h a" "p a";
    grid-template-columns:1fr auto;
    padding: 0
}

.video-slider .video-slider__content .container h2, .video-slider .video-slider__content .container p {
    align-self: center;
    font-size: 14px;
    margin-bottom: 0
}

.video-slider .video-slider__content .container h2 {
    color: #18ae62;
    grid-area: h
}

.video-slider .video-slider__content .container p {
    font-weight: 700;
    grid-area: p
}

.video-slider .video-slider__content .container a {
    align-items: center;
    align-self: flex-start;
    display: flex;
    font-size: 12px;
    grid-area: a;
    justify-content: center;
    line-height: 16px;
    min-width: 12rem;
    padding: 10px;
    text-transform: uppercase
}

@media (max-width: 1024px) {
    .video-slider .video-slider__content .container {
        grid-template-areas:"h" "p" "a";
        grid-template-columns:100%;
        text-align: center
    }

    .video-slider .video-slider__content .container a, .video-slider .video-slider__content .container h2, .video-slider .video-slider__content .container p {
        justify-self: center
    }

    .video-slider .video-slider__content .container h2, .video-slider .video-slider__content .container p {
        font-size: 16px;
        line-height: 23px
    }

    .video-slider .video-slider__content .container h2 + a, .video-slider .video-slider__content .container p + a {
        margin-top: 26px
    }

    .video-slider .video-slider__content .container a {
        padding: 14px 48px
    }

    .video-slider .video-slider__content {
        padding-top: 26px;
        text-align: left;
        text-align: initial
    }
}

@media (min-width: 1025px) {
    .video-slider .video-slider__content {
        transform: none
    }
}

.video-slider .video-player__video-controls-center .video-player__play-control-back, .video-slider .video-player__video-controls-center .video-player__play-control-next {
    display: none
}

.modal--video-slider .modal-paper {
    background: transparent none repeat 0 0/auto auto padding-box border-box scroll !important;
    background: initial !important;
    box-shadow: none;
    flex: initial;
    flex: 0 1 auto;
    height: auto;
    max-height: 100%;
    max-width: calc(min(var(--maxWidth), 100%) - 20px) !important;
    overflow-y: visible;
    overflow-y: initial;
    width: 107rem
}

.modal--video-slider .modal-rootButtons {
    right: -.8rem !important;
    top: .6rem !important;
    transform: translateY(-30%) !important
}

.modal--video-slider .modal-rootButtons button:before {
    font-size: 2.2rem !important;
    font-weight: 500 !important
}

@media (max-width: 1024px) {
    .modal--video-slider .modal-rootButtons .modal-buttonRoot:before {
        font-size: 1.4rem !important
    }

    .modal--video-slider .modal-rootButtons {
        top: 27px !important;
        transform: translate(-10px, -25px) !important
    }
}

.modal--video-slider .modal-contentRoot {
    overflow: hidden;
    padding: 0 !important
}

.modal--video-slider .video-slider__swiper {
    max-width: calc(100% - 100px);
    padding: 0
}

@media (max-width: 1024px) {
    .modal--video-slider .video-slider__swiper {
        max-width: 100%
    }

    .modal--video-slider .video-player__fullScreen {
        display: none
    }

    .modal--video-slider .video-player .swiper-nextEl, .modal--video-slider .video-player .swiper-prevEl {
        color: inherit
    }

    .modal--video-slider .video-player .swiper-nextEl:hover, .modal--video-slider .video-player .swiper-prevEl:hover {
        color: #18ae62
    }

    .modal--video-slider .video-player .swiper-prevEl {
        left: .2rem
    }

    .modal--video-slider .video-player .swiper-nextEl {
        right: .2rem
    }
}

@media (min-width: 1025px) {
    .modal--video-slider .modal-rootButtons {
        right: .6rem !important
    }

    .modal--video-slider .swiper-nextEl:before, .modal--video-slider .swiper-prevEl:before {
        font-size: 4.6rem !important
    }

    .modal--video-slider .video-slider__content .container h2, .modal--video-slider .video-slider__content .container p {
        font-size: 24px
    }

    .modal--video-slider .video-slider__content .container a.button-root {
        font-size: 18px;
        height: 56px;
        max-height: 56px;
        width: 180px
    }

    .modal--video-slider .video-player .swiper-prevEl {
        left: -4.2rem
    }

    .modal--video-slider .video-player .swiper-nextEl {
        right: -4.2rem
    }
}

.paper + .paper {
    margin-top: 2.4rem
}

.paper__content, .paper__footer, .paper__header {
    background-color: #2b2e3b;
    background-color: var(--paper-background)
}

.paper__content .paper__content, .paper__content .paper__footer, .paper__content .paper__header, .paper__footer .paper__content, .paper__footer .paper__footer, .paper__footer .paper__header, .paper__header .paper__content, .paper__header .paper__footer, .paper__header .paper__header {
    background-color: #21232c
}

.paper__actions, .paper__footer, .paper__header {
    padding: 1.6rem
}

@media (min-width: 1025px) {
    .paper__actions, .paper__footer, .paper__header {
        padding: 3.2rem
    }
}

.paper__header {
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    display: flex;
    margin-bottom: 1px;
    padding-bottom: 2.4rem;
    padding-top: 2.4rem
}

@media (max-width: 1024px) {
    .paper__header {
        flex-direction: column;
        padding-bottom: 1.6rem;
        padding-top: 1.6rem
    }
}

.paper .paper__title {
    flex: 1;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 0
}

.paper .paper__title-content {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 1.6rem -1.6rem -1.6rem
}

@media (max-width: 1024px) {
    .paper .paper__title-content {
        border-top: 1px solid #1c1e26
    }
}

@media (min-width: 1025px) {
    .paper .paper__title-content {
        margin: -3.2rem
    }
}

.paper__content:not(:last-child):after {
    margin-top: 0
}

.paper__content {
    border-radius: .4rem;
    padding: 0 1.6rem
}

@media (min-width: 1025px) {
    .paper__content {
        padding: 0 3.2rem
    }
}

.paper__content:after, .paper__content:before {
    content: "";
    display: block;
    height: 1px
}

.paper__content:before {
    margin-bottom: calc(1.6rem - 1px)
}

@media (min-width: 1025px) {
    .paper__content:before {
        margin-bottom: calc(3.2rem - 1px)
    }
}

.paper__content:after {
    margin-top: calc(1.6rem - 1px)
}

@media (min-width: 1025px) {
    .paper__content:after {
        margin-top: calc(3.2rem - 1px)
    }
}

.paper__content:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.paper__content:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media (min-width: 1025px) {
    .paper__content .paper__content {
        padding: 0 2.4rem
    }

    .paper__content .paper__content:before {
        margin-bottom: calc(2.4rem - 1px)
    }

    .paper__content .paper__content:after {
        margin-top: calc(2.4rem - 1px)
    }
}

.paper__actions, .paper__footer {
    border-bottom-left-radius: .4rem;
    border-bottom-right-radius: .4rem;
    bottom: 0;
    padding-bottom: 2.4rem;
    padding-top: 2.4rem;
    position: sticky;
    text-align: right;
    z-index: 100
}

.paper__actions .button-root, .paper__footer .button-root {
    width: 100%
}

@media (max-width: 1024px) {
    .paper__actions .button-root, .paper__footer .button-root {
        display: block;
        width: 100% !important;
        width: 100%
    }

    .paper--actions-sticky .paper__actions, .paper--actions-sticky .paper__footer {
        bottom: 0;
        position: sticky;
        z-index: 100
    }
}

.paper__actions {
    border-top: 1px solid #1c1e26;
    margin: 1.6rem -1.6rem -1.6rem;
    max-width: none
}

@media (min-width: 1025px) {
    .paper__actions {
        margin: 3.2rem -3.2rem -3.2rem
    }
}

.paper .separator {
    background-color: #21232c
}

.paper-modal-button {
    margin: 1.6rem 3.2rem
}

@media (max-width: 1024px) {
    .paper-modal-button {
        margin: 1.6rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: 100%
    }

    .paper-modal-button .button-label {
        width: auto
    }
}

.paper-modal-button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "r";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: .8rem;
    text-transform: none
}

.payment-providers-icons {
    overflow: hidden
}

.payment-providers-icons__images {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 1024px) {
    .payment-providers-icons__images {
        justify-content: center
    }
}

.payment-providers-icons__images > img {
    display: block;
    height: 45px;
    width: 80px
}

@media (max-width: 1024px) {
    .payment-providers-icons__images > img {
        margin: 0 2.4rem 2rem
    }
}

.payment-providers-icons__images_mobile > img {
    margin: 0
}

@media (max-width: 1024px) {
    .payment-providers-icons__images_mobile {
        justify-content: space-between
    }
}

.payment-providers-icons__button {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 45px;
    justify-content: center;
    outline: none;
    width: 80px
}

.payment-providers-icons__button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "O";
    display: inline-block;
    font-family: Glyphter-custom;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.profile-button.button-root.active .button-label, .profile-button.button-root:hover .button-label {
    background-color: #18ae62
}

.profile-button.button-root .button-label {
    background-color: #3a3e4e;
    border-radius: 50%;
    height: 3.8rem;
    transition: all .2s;
    width: 3.8rem
}

.profile-button.button-root .button-label:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "{";
    display: inline-block;
    font-family: Icons;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transition: color .2s
}

.profile-button .button-spinner {
    display: none
}

.profile-button span {
    text-transform: none
}

.profile-button--notify {
    border: 2px solid #ff4b4b;
    border-radius: 50%
}

.profile-button--notify:after {
    align-items: center;
    background-color: #ff4b4b;
    border-radius: 50%;
    bottom: -2px;
    content: "1";
    display: flex;
    font-size: .9rem;
    height: 14px;
    justify-content: center;
    position: absolute;
    right: -2px;
    width: 14px
}

@-moz-document url-prefix() {
    .profile-button span {
        height: 100%
    }
}

.profile-popover {
    background-color: #2b2e3b;
    border-radius: .4rem;
    margin-top: 3.6rem;
    min-width: 0;
    min-width: auto;
    overflow: visible;
    padding: .8rem 0;
    width: calc(100% - 4.8rem)
}

@media (max-width: 1024px) {
    .profile-popover {
        left: 2.4rem !important
    }
}

@media (min-width: 1025px) {
    .profile-popover {
        background-color: #21232c;
        margin-top: 1.6rem;
        width: 22.6rem
    }

    .profile .menu, .profile .menu .settings-menu__item-override {
        margin: initial
    }

    .profile .menu .settings-menu__item-override > .fpLink.active, .profile .menu .settings-menu__item-override > .fpLink:hover {
        color: #18ae62
    }
}

@media (min-width: 1025px)and (min-width: 1025px) {
    .profile .menu .settings-menu__item-override > .fpLink.active, .profile .menu .settings-menu__item-override > .fpLink:hover {
        background-color: transparent;
        background-color: initial;
        border-radius: 0;
        border-radius: initial
    }
}

@media (min-width: 1025px) {
    .profile .menu .settings-menu:empty + .separator {
        display: none
    }
}

.profile .menu .separator {
    background-color: #21232c;
    margin: .8rem 0
}

@media (min-width: 1025px) {
    .profile .menu .separator {
        background-color: #2b2e3b
    }
}

.profile-notify {
    padding: 8px 16px 16px
}

.profile-notify__text {
    align-items: center;
    color: #ff4b4b;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    gap: 14px;
    margin-bottom: 16px
}

.profile-notify__text:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "A";
    display: inline-block;
    font-family: Glyphter;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.promotions__cards .grid-root {
    margin-bottom: -3.2rem
}

.promotions__cards .grid-root .gridItem-root {
    margin-bottom: 3.2rem
}

.promotions__forfeit {
    margin-top: 2.4rem
}

@media (min-width: 1025px) {
    .promotions__forfeit {
        margin-top: 3.2rem
    }
}

.promotion-card {
    align-items: flex-end;
    background: url(/cms/img/promotions/banners/default.jpg) no-repeat 50%/cover, rgba(0, 0, 0, .3);
    background-blend-mode: color;
    border-radius: .4rem;
    display: flex;
    min-height: 350px;
    overflow: hidden
}

.promotion-card__container {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width: 1025px) {
    .promotion-card__container {
        grid-gap: 3.2rem
    }
}

@media (max-width: 1024px) {
    .promotion-card__container {
        grid-gap: 2.4rem
    }
}

@media (min-width: 1025px) {
    .promotion-card__wrap {
        flex-basis: calc(50% - 3.2rem);
        max-width: calc(50% - 3.2rem)
    }
}

@media (max-width: 1024px) {
    .promotion-card__wrap {
        flex-basis: calc(100% - 2.4rem);
        max-width: calc(100% - 2.4rem)
    }
}

.promotion-card__content {
    height: 100%;
    padding: 3.2rem;
    width: 100%
}

.promotion-card__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.promotion-card__condition {
    color: #fff;
    font-size: 1.6rem
}

.promotion-card__condition:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: Glyphter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    left: -1px;
    line-height: 1;
    margin-right: 4px;
    position: relative;
    text-transform: none;
    top: 4px
}

.promotion-card__condition--cash:before {
    content: "I"
}

.promotion-card__condition--live-casino-bonus:before {
    content: "∏"
}

.promotion-card__condition--bia-cash:before {
    content: "V"
}

.promotion-card__condition--promo:before {
    content: "G"
}

.promotion-card__condition--scash:before {
    content: "q"
}

.promotion-card__condition--cashBack:before {
    content: "g"
}

.promotion-card__condition--free-spin:before {
    content: "j"
}

.promotion-card__condition--deposit-amount:before {
    content: "R"
}

.promotion-card__condition-bonus-validity:before {
    content: "i"
}

.promotion-card__turnover-amount:before {
    content: "F"
}

.promotion-card__action {
    margin-top: 2.4rem
}

.promotion-card__action .fpLink {
    display: inline-block
}

@media (max-width: 480px) {
    .promotion-card__action {
        align-items: flex-start;
        display: flex;
        flex-direction: column
    }
}

.promotion-card__terms-link {
    margin-left: 5%
}

@media (max-width: 480px) {
    .promotion-card__terms-link {
        margin-left: 0;
        margin-top: 5%
    }
}

.registration {
    display: block;
    width: 100%
}

@media (min-width: 1025px) {
    .registration {
        height: 100%
    }
}

.registration .sign-in-invitation > .button-default > .button-label {
    text-decoration: underline
}

.registration .formControlLabel-label {
    font-family: Inter, sans-serif
}

.registration .formControlLabel-label .registration__method-title {
    font-weight: 600
}

.registration .formControlLabel-label .registration__method-description {
    font-weight: 400
}

.registration__title {
    font-size: 1.8rem;
    margin-bottom: 3.2rem;
    text-align: center
}

.registration__methods .radioGroup-root .registration__method {
    height: 98px
}

.registration__methods .radioGroup-root .registration__method span.radio-default {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

@media (min-width: 1025px) {
    .registration__form {
        padding-bottom: 15%
    }
}

@media (max-width: 480px) {
    .registration--regular .verification {
        margin-top: 4rem
    }
}

.registration__methods .radioGroup-root {
    flex-direction: column
}

.registration__methods .radioGroup-root .formControlLabel-root:not(:last-child) {
    margin-bottom: 1.6rem
}

.registration__method.formControlLabel-root {
    min-height: 0;
    min-height: auto
}

@media (max-width: 1024px) {
    .registration__method.formControlLabel-root {
        padding: 1.6rem
    }
}

@media (min-width: 1025px) {
    .registration__method.formControlLabel-root {
        padding: 2.4rem
    }
}

.registration__method.formControlLabel-root .radio-default:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #2b2e3b;
    border-radius: .2rem;
    color: #18ae62;
    content: "";
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    height: 4rem;
    line-height: 1;
    line-height: 4rem;
    margin-left: 2rem;
    text-align: center;
    text-transform: none;
    width: 4rem
}

.registration__method.formControlLabel-root .radio-default.radio-checked {
    background-color: #21232c
}

.registration__method.formControlLabel-root .radio-default.radio-checked:before {
    background-color: #18ae62;
    color: #fff
}

.registration__method.formControlLabel-root .formControlLabel-label {
    font-weight: 400;
    padding-left: 5.6rem
}

.registration__method--smartId:after, .registration__method--smartId:before {
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: 0 0 20px 1px #18ae62, 0 0 2px 1px #18ae62;
    content: "";
    height: 100%;
    position: absolute;
    width: 50%;
    z-index: -1
}

.registration__method--smartId:before {
    animation-name: half-yellow-shadow;
    left: 0;
    top: 0
}

.registration__method--smartId:after {
    animation-name: half-cyan-shadow;
    bottom: 0;
    right: 0
}

.registration__method--smartId.formControlLabel-root .radio-default:before {
    color: #00afaa;
    content: "#"
}

.registration__method--mobileId.formControlLabel-root .radio-default:before {
    color: #076ce3;
    content: "+"
}

.registration__method--idenfy.formControlLabel-root .radio-default:before, .registration__method--regular.formControlLabel-root .radio-default:before {
    content: "g"
}

.registration__method-title {
    margin-top: -.1rem
}

.registration__method-description {
    color: #898fa9;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2;
    margin-top: .5rem
}

.registration:has(.verification>.verification__title) {
    margin-top: -1.5rem
}

.registration:not(.registration--null) + .sign-in-invitation {
    display: none !important
}

.registration:not(.registration--null) + .sign-in-invitation > .button-default > .button-label {
    text-decoration: underline
}

.registration-form__stepper {
    position: fixed;
    right: 0;
    top: 3rem;
    transform: translate(-6rem, -50%);
    z-index: 10
}

@media (min-width: 1025px) {
    .registration-form__stepper {
        left: 50%;
        top: 4rem;
        transform: translate(-50%, -50%)
    }
}

.registration-form__stepper .stepper-root {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: initial
}

.registration-form__stepper .stepper-root .stepper-step {
    align-items: center;
    counter-increment: step;
    display: flex;
    flex: initial
}

.registration-form__stepper .stepper-root .stepper-step .stepper-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: normal
}

.registration-form__stepper .stepper-root .stepper-step .stepper-item > div:first-child {
    position: relative
}

.registration-form__stepper .stepper-root .stepper-step .stepper-item > div:first-child:before {
    color: #898fa9;
    content: counter(step);
    font-size: 1rem;
    font-weight: 600;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.registration-form__stepper .stepper-root .stepper-step .stepper-item + div {
    bottom: auto;
    left: auto;
    position: static;
    right: auto;
    top: auto
}

@media (max-width: 1024px) {
    .registration-form__stepper .stepper-root .stepper-step .stepper-item + div {
        display: none
    }
}

.registration-form__stepper .stepper-root .stepper-step .stepper-item + div > span {
    background-color: #898fa9;
    border: none;
    display: block;
    height: 1px;
    margin: 0 12px;
    width: 72px
}

.registration-form__stepper .stepper-root .stepper-step svg {
    background-color: #21232c;
    border: none;
    border-radius: .4rem;
    height: 20px;
    margin: initial;
    padding: initial;
    width: 20px
}

.registration-form__stepper .stepper-root .stepper-step p {
    color: #898fa9;
    font-size: 1rem;
    font-weight: 600;
    margin-left: 8px;
    text-transform: uppercase;
    white-space: nowrap
}

.registration-form__stepper .stepper-root .stepper-step.completed .stepper-item > div:first-child:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    content: "G";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    left: 52%;
    line-height: 1;
    text-transform: none;
    top: 52%
}

.registration-form__stepper .stepper-root .stepper-step.completed svg path {
    display: none
}

.registration-form__stepper .stepper-root .stepper-step.active .stepper-item > div:first-child:before {
    color: #fff
}

.registration-form__stepper .stepper-root .stepper-step.active svg {
    background-color: #18ae62
}

.registration-form__stepper .stepper-root .stepper-step.active p {
    color: #fff
}

@media (max-width: 1024px) {
    .registration-form__stepper .stepper-root .stepper-step:not(.active) {
        clip: rect(0, 0, 0, 0) !important;
        border: 0 !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        white-space: nowrap !important;
        width: 1px !important
    }
}

.registration-form__fields .registration-form__field--ageAndPolicyChecked .field-checkbox, .registration-form__fields .registration-form__field--receiveEmailAndSms .field-checkbox, .registration-form__fields .registration-form__field--statementPersonalUseAndMoney .field-checkbox {
    margin-top: 1.6rem
}

.registration-form__fields .registration-form__field .field-root.field-disabled .field-label, .registration-form__fields .registration-form__field.field-root.field-disabled .field-label {
    cursor: default
}

.registration-form__fields .registration-form__field .field-root.field-disabled .field-helper, .registration-form__fields .registration-form__field.field-root.field-disabled .field-helper {
    display: none
}

.registration-form__fields .registration-form__field .field-root.field-disabled .input-root, .registration-form__fields .registration-form__field.field-root.field-disabled .input-root {
    background-color: transparent;
    background-color: initial
}

.registration-form__fields .registration-form__field .field-root.field-disabled .input-root:after, .registration-form__fields .registration-form__field.field-root.field-disabled .input-root:after {
    display: none !important
}

.registration-form__fields .registration-form__field .field-root.field-disabled .input-root .input-input, .registration-form__fields .registration-form__field.field-root.field-disabled .input-root .input-input {
    background-color: transparent;
    background-color: initial;
    cursor: text;
    height: auto;
    padding: initial
}

.registration-form__fields .registration-form__field .field-root.field-disabled .input-root .input-input[type=date], .registration-form__fields .registration-form__field.field-root.field-disabled .input-root .input-input[type=date] {
    cursor: default
}

.registration-form__fields .registration-form__field .field-root.field-disabled .select-select, .registration-form__fields .registration-form__field.field-root.field-disabled .select-select {
    background-color: transparent;
    background-color: initial;
    cursor: default;
    height: auto;
    padding: initial
}

.registration-form__fields .registration-form__field .field-root.field-disabled .select-select:after, .registration-form__fields .registration-form__field.field-root.field-disabled .select-select:after {
    display: none !important
}

.registration-form__fields .registration-form__field .field-root.field-disabled .phone-number-wrapper, .registration-form__fields .registration-form__field.field-root.field-disabled .phone-number-wrapper {
    align-items: baseline
}

.registration-form__fields .registration-form__field .field-root.field-disabled .phone-number-wrapper .phone-number__code, .registration-form__fields .registration-form__field.field-root.field-disabled .phone-number-wrapper .phone-number__code {
    margin-right: 0
}

.registration-form__fields .registration-form__field .field-root.field-disabled .phone-number-wrapper .input-root, .registration-form__fields .registration-form__field.field-root.field-disabled .phone-number-wrapper .input-root {
    border-left: initial
}

.registration-form__fields .registration-form__field--ageAndPolicyChecked, .registration-form__fields .registration-form__field--ageChecked, .registration-form__fields .registration-form__field--policyChecked, .registration-form__fields .registration-form__field--receiveEmail, .registration-form__fields .registration-form__field--receiveEmailAndSms, .registration-form__fields .registration-form__field--receiveSms {
    order: 10
}

.registration-form__fields .registration-form__field--statementPersonalUseAndMoney {
    order: 11
}

@media (min-width: 1025px) {
    .registration-form__fields .registration-form__field--email {
        min-height: 66px;
        position: relative
    }

    .registration-form__fields .registration-form__field--email .field-disabled {
        position: absolute
    }

    .registration-form__fields .registration-form__field--email .field-disabled .input-disabled {
        width: auto
    }
}

.registration-form:not(.registration-form--smartId):not(.registration-form--mobileId) .registration-form__fields .registration-form__field--address, .registration-form:not(.registration-form--smartId):not(.registration-form--mobileId) .registration-form__fields .registration-form__field--birthDate, .registration-form:not(.registration-form--smartId):not(.registration-form--mobileId) .registration-form__fields .registration-form__field--city, .registration-form:not(.registration-form--smartId):not(.registration-form--mobileId) .registration-form__fields .registration-form__field--firstName, .registration-form:not(.registration-form--smartId):not(.registration-form--mobileId) .registration-form__fields .registration-form__field--lastName, .registration-form:not(.registration-form--smartId):not(.registration-form--mobileId) .registration-form__fields .registration-form__field--receiveSms, .registration-form__fields .registration-form__field--country, .registration-form__fields .registration-form__field--policyChecked, .registration-form__fields .registration-form__field--privacyPolicyChecked {
    display: none
}

.registration-form__gdpr-notification {
    text-align: justify
}

.registration-form__gdpr-notification a {
    color: #18ae62
}

.registration-form__gdpr-notification a.active, .registration-form__gdpr-notification a:active, .registration-form__gdpr-notification a:hover {
    color: #148f50
}

.registration-form__buttons {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2.4rem;
    justify-content: space-between;
    margin-top: 2.4rem
}

@media (min-width: 1025px) {
    .registration-form__buttons {
        margin-top: 2rem
    }
}

@media (max-width: 767px) {
    .registration-form__buttons {
        margin-bottom: 5rem
    }
}

.registration-form__buttons .button-root {
    flex: 1
}

.registration-form__buttons .button-root:only-child {
    margin-right: 0
}

.registration-form__successful {
    text-align: center
}

.registration-form__successful .markdown-root {
    margin-bottom: 2.4rem
}

.registration-form__successful .markdown-root h3 {
    font-size: 2.8rem
}

.registration-form__successful .button-root {
    display: block;
    width: 100%
}

.registration-form__logging-in {
    text-align: center
}

.registration-form__logging-in-text {
    margin-top: 10px
}

.registration-form--step3 .registration-form__field .field-root.field-disabled .field-label, .registration-form--step3 .registration-form__field.field-root.field-disabled .field-label {
    cursor: default
}

.registration-form--step3 .registration-form__field .field-root.field-disabled .field-helper, .registration-form--step3 .registration-form__field.field-root.field-disabled .field-helper {
    display: none
}

.registration-form--step3 .registration-form__field .field-root.field-disabled .input-root, .registration-form--step3 .registration-form__field.field-root.field-disabled .input-root {
    background-color: transparent;
    background-color: initial
}

.registration-form--step3 .registration-form__field .field-root.field-disabled .input-root:after, .registration-form--step3 .registration-form__field.field-root.field-disabled .input-root:after {
    display: none !important
}

.registration-form--step3 .registration-form__field .field-root.field-disabled .input-root .input-input, .registration-form--step3 .registration-form__field.field-root.field-disabled .input-root .input-input {
    background-color: transparent;
    background-color: initial;
    cursor: text;
    height: auto;
    padding: initial
}

.registration-form--step3 .registration-form__field .field-root.field-disabled .input-root .input-input[type=date], .registration-form--step3 .registration-form__field.field-root.field-disabled .input-root .input-input[type=date] {
    cursor: default
}

.registration-form--step3 .registration-form__field .field-root.field-disabled .select-select, .registration-form--step3 .registration-form__field.field-root.field-disabled .select-select {
    background-color: transparent;
    background-color: initial;
    cursor: default;
    height: auto;
    padding: initial
}

.registration-form--step3 .registration-form__field .field-root.field-disabled .select-select:after, .registration-form--step3 .registration-form__field.field-root.field-disabled .select-select:after {
    display: none !important
}

.registration-form--step3 .registration-form__field .field-root.field-disabled .phone-number-wrapper, .registration-form--step3 .registration-form__field.field-root.field-disabled .phone-number-wrapper {
    align-items: baseline
}

.registration-form--step3 .registration-form__field .field-root.field-disabled .phone-number-wrapper .phone-number__code, .registration-form--step3 .registration-form__field.field-root.field-disabled .phone-number-wrapper .phone-number__code {
    margin-right: 0
}

.registration-form--step3 .registration-form__field .field-root.field-disabled .phone-number-wrapper .input-root, .registration-form--step3 .registration-form__field.field-root.field-disabled .phone-number-wrapper .input-root {
    border-left: initial
}

.registration-form--step3 .registration-form__field--ageAndPolicyChecked, .registration-form--step3 .registration-form__field--ageChecked, .registration-form--step3 .registration-form__field--policyChecked, .registration-form--step3 .registration-form__field--receiveEmail, .registration-form--step3 .registration-form__field--receiveEmailAndSms, .registration-form--step3 .registration-form__field--receiveSms, .registration-form--step3 .registration-form__field--statementPersonalUseAndMoney {
    flex-basis: 100%;
    max-width: 100%
}

.registration-form--smartId .input-root .input-input:-webkit-autofill, .registration-form__field--email .input-root .input-input:-webkit-autofill {
    -webkit-box-shadow: none !important
}

.register-via-third-party .user-identification {
    text-align: center
}

.register-via-third-party .user-identification__form-fields {
    text-align: left
}

.register-via-third-party__ask-to-register {
    margin-top: 2rem
}

.register-via-third-party__ask-to-register a {
    color: #18ae62
}

.register-via-third-party__ask-to-register a.active, .register-via-third-party__ask-to-register a:active, .register-via-third-party__ask-to-register a:hover {
    color: #148f50
}

.register-via-third-party__ask-to-login, .register-via-third-party__success {
    text-align: center
}

.register-via-third-party__ask-to-login .markdown-root, .register-via-third-party__success .markdown-root {
    margin-bottom: 2.4rem
}

.register-via-third-party__ask-to-login .button-root, .register-via-third-party__success .button-root {
    display: block;
    width: 100%
}

.register-via-third-party__logging-in {
    text-align: center
}

.register-via-third-party__logging-in-text {
    margin-top: 10px
}

@media (max-width: 1024px) {
    .reset-password-form {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .reset-password-form__fields {
        margin-bottom: 1.6rem
    }
}

.reset-password-form__buttons {
    align-items: center;
    border-top: 1px solid #1c1e26;
    display: flex;
    margin: 1.6rem -1.6rem -1.6rem;
    padding: 1.6rem
}

@media (min-width: 1025px) {
    .reset-password-form__buttons {
        justify-content: space-between;
        margin: 2.4rem -2.4rem -2.4rem;
        padding: 2.4rem
    }
}

@media (max-width: 480px) {
    .reset-password-form__buttons {
        flex-direction: column
    }
}

.reset-password-form__buttons .button-root {
    min-width: 0;
    min-width: auto
}

@media (max-width: 1024px) {
    .reset-password-form__buttons .button-root {
        display: block;
        flex: 1;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: 100%
    }
}

.reset-password-form__buttons .button-root:only-child {
    flex: 1
}

.reset-password-form__buttons .button-root + .button-root {
    margin-left: 1.6rem
}

@media (min-width: 1025px) {
    .reset-password-form__buttons .button-root + .button-root {
        margin-left: 2.4rem
    }
}

@media (max-width: 480px) {
    .reset-password-form__buttons .button-root + .button-root {
        margin-left: 0;
        margin-top: 1.6rem
    }
}

@media (max-width: 1024px) {
    .reset-password-form__buttons {
        margin-top: auto
    }
}

.reset-password-form__buttons .button-root {
    flex: 1
}

.reset-password-form__buttons .button-root:only-child {
    margin-right: 0
}

.select-locale__tooltip {
    margin: 0;
    min-height: 0;
    min-height: auto;
    padding: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 0ms
}

.select-locale__tooltip[aria-hidden=false] {
    opacity: 1
}

.select-locale__content {
    background-color: #21232c;
    min-width: 32px !important
}

.select-locale__content > ul > li:hover {
    background-color: #18ae62;
    border-left: none !important
}

.select-locale__content > ul > li > img + span:empty {
    display: none
}

.select-locale__item {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 1rem .7rem !important;
    transition: all .2s
}

.select-locale__flag {
    display: block !important;
    height: 18px;
    max-width: none;
    width: 24px
}

.select-locale__lang-name {
    color: #fff;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.6rem;
    margin-bottom: 0 !important;
    margin-left: 1.2rem
}

.select-locale--open .select-locale__button {
    background-color: #21232c
}

.select-locale--select {
    position: relative
}

.select-locale--select .select-locale__button {
    background-color: #343747;
    border: 1px solid #616885;
    border-radius: .4rem;
    display: inline-block;
    margin: initial;
    min-width: 167px;
    padding-right: 2.8rem;
    position: relative;
    z-index: 2
}

.select-locale--select .select-locale__button:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "H";
    display: inline-block;
    font-family: Icons;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 1.3rem;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: center;
    transition: all .2s
}

.select-locale--select .select-locale__button .field-select {
    padding: .4rem 0
}

.select-locale--select .select-locale__popper {
    width: 100%;
    z-index: 1
}

.select-locale--select .select-locale__popper[data-placement=top-start] {
    top: .4rem !important
}

.select-locale--select .select-locale__popper[data-placement=top-start] .select-locale__tooltip {
    background-color: #343747;
    border-radius: .4rem .4rem 0 0;
    padding-bottom: .4rem
}

.select-locale--select .select-locale__popper[data-placement=bottom-start] {
    top: -.4rem !important
}

.select-locale--select .select-locale__popper[data-placement=bottom-start] .select-locale__tooltip {
    background-color: #343747;
    border-radius: 0 0 .4rem .4rem;
    padding-top: .4rem
}

.select-locale--select .select-locale__tooltip {
    background-color: #343747
}

.select-locale--select .select-locale__content {
    background-color: #343747;
    border-radius: .4rem
}

.select-locale--select .select-locale__content .select-locale__item {
    padding-left: calc(1.2rem + 1px) !important
}

.select-locale--select .select-locale__item {
    border-radius: .4rem;
    padding: 1.1rem !important
}

.select-locale--select.select-locale--open .select-locale__button:after {
    transform: translateY(-50%) rotate(-90deg)
}

.seo-text {
    width: 100%
}

.seo-text:empty {
    display: none
}

.seo-text__content details[open] .provider-seo-links {
    display: grid;
    grid-template-columns:repeat(6, minmax(136px, 1fr))
}

@media (max-width: 1024px) {
    .seo-text__content details[open] .provider-seo-links {
        grid-template-columns:repeat(1, minmax(98px, 1fr))
    }
}

.seo-text__content details[open] .provider-seo-links .provider-logo-link {
    align-items: center;
    background: #1c1e26;
    border-radius: 4px;
    display: flex;
    height: 49px;
    justify-content: center;
    margin: 4px;
    padding: 10px 17px
}

.seo-text__content details[open] .provider-seo-links .provider-logo-link img {
    max-height: 100%
}

.seo-text__content {
    height: 100%;
    margin: 3.2rem auto;
    max-width: calc(1072px + 4.8rem);
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    width: 100%
}

@media (min-width: 1025px) {
    .seo-text__content {
        margin-bottom: 4.8rem;
        margin-top: 4.8rem
    }
}

.seo-text__content h1, .seo-text__content h2, .seo-text__content h3, .seo-text__content h4, .seo-text__content h5, .seo-text__content h6 {
    color: #898fa9;
    font-size: 1.5rem;
    font-weight: 500;
    margin: 0;
    width: 90%
}

@media (max-width: 767px) {
    .seo-text__content h1, .seo-text__content h2, .seo-text__content h3, .seo-text__content h4, .seo-text__content h5, .seo-text__content h6 {
        font-size: 1.3rem
    }
}

.seo-text__hidden {
    height: 0;
    position: fixed;
    visibility: hidden;
    width: 0
}

.seo-text .static-content .paper__content {
    padding: 2.1rem 3.2rem
}

@media (max-width: 767px) {
    .seo-text .static-content .paper__content {
        padding: 2rem 1.5rem
    }
}

.seo-text .static-content.typography details[open] p {
    margin-bottom: 1.6rem;
    margin-top: 3rem
}

@media (max-width: 767px) {
    .seo-text .static-content.typography details[open] p {
        margin-bottom: 0;
        margin-top: 1.6rem
    }
}

.seo-text .static-content summary {
    position: relative
}

.seo-text .static-content summary:after {
    color: #898fa9;
    float: none;
    position: absolute;
    right: 0;
    top: 0
}

.seo-text .static-content summary:focus {
    text-decoration: none
}

.seo-text details[data-dynamic=true] {
    height: 60px
}

.seo-text__summary-empty {
    cursor: none;
    pointer-events: none
}

.seo-text__summary-empty:after {
    display: none
}

.desktop.initializing .seo-text, .desktop.preloading .seo-text {
    visibility: hidden
}

.separator {
    background-color: #5e6475;
    border: none;
    display: block;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.separator:not(:first-child) {
    margin-top: 2.4rem
}

@media (min-width: 1025px) {
    .separator:not(:first-child) {
        margin-top: 4.8rem
    }
}

.separator:not(:last-child) {
    margin-bottom: 2.4rem
}

@media (min-width: 1025px) {
    .separator:not(:last-child) {
        margin-bottom: 4.8rem
    }
}

.service-time {
    font-feature-settings: "tnum";
    display: inline;
    font-variant-numeric: tabular-nums
}

.session-time {
    font-feature-settings: "tnum";
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
    left: 0;
    line-height: 1.2;
    padding: .4rem .5rem .3rem;
    position: fixed;
    z-index: 10000
}

@media (max-width: 1024px) {
    .session-time {
        border-top-right-radius: .4rem;
        bottom: 0
    }
}

@media (min-width: 1025px) {
    .session-time {
        border-bottom-right-radius: .4rem;
        top: 0
    }
}

.session-time:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "t";
    display: inline-block;
    font-family: Icons;
    font-size: .9rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: .3rem;
    text-transform: none
}

.settings-menu {
    list-style-type: none;
    margin: 0;
    padding-inline-start: 0
}

@supports (-ms-ime-align:auto) {
    .settings-menu {
        padding: 0
    }
}

.sign-in-invitation {
    color: #fff;
    display: block;
    margin-top: 2.4rem;
    text-align: center;
    width: 100%
}

.sign-in-invitation .button-default {
    color: #18ae62
}

.sign-in-invitation .button-default.active, .sign-in-invitation .button-default:active, .sign-in-invitation .button-default:hover {
    color: #148f50
}

.sign-up-invitation {
    display: block;
    margin-top: 3.2rem;
    text-align: center;
    width: 100%
}

.sign-up-invitation .button-default {
    color: #18ae62;
    font-weight: 700
}

.sign-up-invitation .button-default.active, .sign-up-invitation .button-default:active, .sign-up-invitation .button-default:hover {
    color: #148f50
}

.banner {
    background-color: #2b2e3b;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    box-shadow: 1px 1px 20px 0 #121317
}

.banner__wrapper {
    height: 100%;
    padding: 29px 83px;
    width: 100%
}

.banner .game-thumbnail__provider {
    color: #fff
}

@media (max-width: 1024px) {
    .banner {
        border-radius: 0;
        box-shadow: none;
        margin: 0 -2.4rem
    }

    .banner .banner__wrapper {
        padding: 2.4rem
    }
}

.static-content details {
    margin: 0 0 2px;
    padding: 1.6rem
}

.static-content details[open] > summary:after {
    content: "-"
}

.static-content details:after, .static-content details:before {
    content: none
}

.static-content details#how-to-get-7bet-card {
    overflow-x: auto
}

@media (min-width: 767px) {
    .static-content details {
        padding: 3.2rem
    }
}

@media (min-width: 1025px) {
    .static-content details.paper__content {
        padding: 3.2rem
    }
}

.static-content summary {
    color: #fff;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 700;
    list-style: none
}

@media (min-width: 767px) {
    .static-content summary {
        font-size: 1.8rem
    }
}

.static-content summary::-webkit-details-marker {
    display: none
}

.static-content summary:focus {
    outline: none;
    text-decoration: underline
}

.static-content summary:after {
    content: "+";
    float: right
}

.static-content mark {
    background: none;
    color: #fff
}

.static-content a {
    word-break: break-word
}

.static-content .paper-content--banking {
    align-items: center;
    display: flex
}

@media (max-width: 480px) {
    .static-content .paper-content--banking {
        display: block
    }
}

.static-content .paper-content--banking img {
    border-radius: 2px;
    margin: 1.6rem 1.6rem 1.6rem 0;
    max-height: 96px;
    max-width: 96px
}

@media (max-width: 480px) {
    .static-content .paper-content--banking img {
        height: 9.6rem;
        margin: 1.6rem auto;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%
    }
}

@media (min-width: 1025px) {
    .static-content .paper-content--banking img {
        margin: 2.4rem 2.4rem 2.4rem 0
    }
}

.static-content figure {
    height: 300px;
    margin: 2.4rem 0;
    position: relative
}

@media (max-width: 1024px) {
    .static-content figure {
        height: auto
    }
}

@media screen and (max-width: 425px) {
    .static-content figure {
        height: 240px
    }
}

.static-content figure img {
    border-radius: .4rem;
    display: block;
    height: 100%;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.static-content figure figcaption {
    align-items: center;
    background-color: #2b2e3b;
    border-bottom-right-radius: .4rem;
    border-top-right-radius: .4rem;
    bottom: 5%;
    color: #fff;
    display: flex;
    font-size: 2.4rem;
    font-weight: 700;
    justify-content: center;
    max-width: 58%;
    padding: 2.4rem;
    position: absolute
}

@media (max-width: 1024px) {
    .static-content figure figcaption {
        font-size: 1.8rem;
        padding: 1.6rem
    }
}

@media screen and (max-width: 560px) {
    .static-content figure figcaption {
        font-size: 1.2rem;
        padding: .8rem
    }
}

@media screen and (max-width: 425px) {
    .static-content figure figcaption {
        max-width: 83%
    }
}

.static-content figure figcaption:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    content: "L";
    display: inline-block;
    font-family: Icons;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 2.4rem;
    min-width: auto;
    text-transform: none
}

@media (max-width: 1024px) {
    .static-content figure figcaption:before {
        font-size: 1.8rem
    }
}

@media screen and (max-width: 560px) {
    .static-content figure figcaption:before {
        margin-right: .8rem
    }
}

@media (min-width: 1025px) {
    .static-content .rows {
        align-items: center;
        display: flex;
        flex-wrap: wrap
    }
}

.static-content .row {
    margin: 1.6rem
}

@media (min-width: 1023px) {
    .static-content .row:first-child {
        margin-left: 0
    }

    .static-content .row:last-child {
        margin-right: 0
    }
}

@media (min-width: 1025px) {
    .static-content .row {
        flex: 1
    }
}

.announcements-page-content .static-content section {
    display: flex;
    flex-direction: row
}

@media (max-width: 1024px) {
    .announcements-page-content .static-content section {
        flex-wrap: wrap
    }
}

.announcements-page-content .static-content time {
    margin-right: 40px;
    min-width: 100px;
    position: relative;
    white-space: nowrap
}

@media (max-width: 1024px) {
    .announcements-page-content .static-content time {
        margin-bottom: 1rem
    }
}

.announcements-page-content .static-content time:after {
    background-color: #898fa9;
    content: "";
    height: 1px;
    left: 100%;
    position: absolute;
    top: 12px;
    width: 25px
}

@media (max-width: 1024px) {
    .announcements-page-content .static-content time:after {
        display: none
    }
}

.announcements-page-content .static-content h4 {
    margin-top: 0
}

.static-content .inner-promotion-page .accent-content {
    border: 1px solid #18ae62;
    margin: 3.2rem 0;
    padding: 2.4rem;
    text-align: center
}

.static-content .inner-promotion-page .button {
    margin: 2.4rem
}

.static-content .inner-promotion-page hr {
    background-color: #5e6475;
    height: 1px;
    margin: 4.8rem 0
}

@media (max-width: 1024px) {
    .loyalty-page-content .static-content .status .step {
        display: flex;
        flex-wrap: wrap;
        margin: 0
    }

    .loyalty-page-content .static-content .status .step > div {
        flex: 1;
        text-align: left
    }
}

.loyalty-page-content .static-content .status img {
    margin: auto;
    max-width: 100px;
    pointer-events: none;
    width: 100px
}

@media (max-width: 1024px) {
    .loyalty-page-content .static-content .status img {
        margin: 0 2.4rem 0 0
    }
}

.loyalty-page-content .static-content .status h5 {
    margin-bottom: .8rem
}

.loyalty-page-content .static-content .status span {
    color: #fff;
    margin: .8rem 0
}

.loyalty-page-content .static-content .status p {
    margin-top: .8rem
}

.static-content .small-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px
}

.static-content .steps {
    align-items: stretch;
    justify-content: space-between
}

.static-content .steps .step {
    padding: 2.4rem;
    text-align: center
}

.static-content .steps .step--sm {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    max-width: -moz-min-content;
    max-width: min-content;
    width: 100%
}

@media (max-width: 1024px) {
    .static-content .steps .step--sm {
        align-items: center;
        flex-wrap: nowrap;
        margin-left: 0;
        max-width: none;
        padding-left: 0;
        width: 100%
    }
}

.static-content .steps .step--sm .paper__content {
    padding: 4.8rem;
    position: relative
}

.static-content .steps .step--sm .paper__content:after, .static-content .steps .step--sm .paper__content:before {
    height: 0;
    margin: 0;
    padding: 0
}

@media (max-width: 1024px) {
    .static-content .steps .step--sm h5 {
        margin: 1.6rem;
        text-align: left
    }
}

.static-content .steps .step:not(:last-child).step--sm .paper__content:after {
    background: #2b2e3b;
    height: 20px;
    left: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 200%
}

@media (max-width: 1024px) {
    .static-content .steps .step:not(:last-child).step--sm .paper__content:after {
        height: 50%;
        left: 50%;
        top: 100%;
        transform: translate(-50%);
        width: 20px
    }
}

.static-content .steps .step__betslip:before, .static-content .steps .step__coins:before, .static-content .steps .step__combo:before, .static-content .steps .step__deposit:before, .static-content .steps .step__get-more:before, .static-content .steps .step__register:before, .static-content .steps .step__winner:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    display: inline-block;
    font-family: Icons;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.static-content .steps .step__betslip--lg:before, .static-content .steps .step__money-bag:before, .static-content .steps .step__playing-cards:before, .static-content .steps .step__playing-dice:before, .static-content .steps .step__speedometer:before, .static-content .steps .step__star_rounded:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    display: inline-block;
    font-family: Icons;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.static-content .steps .step__register:before {
    content: "5"
}

.static-content .steps .step__deposit:before {
    content: "0"
}

.static-content .steps .step__get-more:before, .static-content .steps .step__playing-dice:before {
    content: "Q"
}

.static-content .steps .step__winner:before {
    content: "1"
}

.static-content .steps .step__combo:before {
    content: "2"
}

.static-content .steps .step__coins:before {
    content: "3"
}

.static-content .steps .step__betslip--lg:before, .static-content .steps .step__betslip:before {
    content: "4"
}

.static-content .steps .step__playing-cards:before {
    content: '"'
}

.static-content .steps .step__star_rounded:before {
    content: "o"
}

.static-content .steps .step__money-bag:before {
    content: "!"
}

.static-content .steps .step__speedometer:before {
    content: "9"
}

.static-content details .steps .step:not(:last-child).step--sm .paper__content:after {
    background: #21232c;
    width: 100%
}

@media (max-width: 1024px) {
    .static-content details .steps .step:not(:last-child).step--sm .paper__content:after {
        width: 20px
    }
}

@media (min-width: 1025px) {
    .static-content details .steps .step:first-child {
        padding-left: 0
    }

    .static-content details .steps .step:last-child {
        padding-right: 0
    }
}

.static-content .list-of-section {
    background-color: #2b2e3b;
    border-radius: .4rem;
    display: flex;
    height: 120px;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .static-content .list-of-section {
        flex-direction: column;
        height: auto
    }
}

.static-content .list-of-section a {
    align-items: center;
    color: #fff;
    display: flex;
    flex-basis: 25%;
    font-size: 1.4rem;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    max-width: 25%;
    padding: 2.4rem
}

.static-content .list-of-section a:not(:last-child) {
    border-right: 1px solid #1c1e26
}

.static-content .list-of-section a:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    content: "L";
    display: inline-block;
    font-family: Icons;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 2.4rem;
    min-width: auto;
    text-transform: none
}

.static-content .list-of-section a:hover {
    color: #18ae62
}

@media (max-width: 1024px) {
    .static-content .list-of-section a {
        align-items: center;
        flex-basis: 100%;
        justify-content: flex-start;
        max-width: 100%
    }

    .static-content .list-of-section a:not(:last-child) {
        border-bottom: 1px solid #1c1e26;
        border-right: none
    }
}

.static-content .list-of-section .balance-icon:before, .static-content figure .balance-icon:before {
    content: "w"
}

.static-content .list-of-section .box-icon:before, .static-content figure .box-icon:before {
    content: "x"
}

.static-content .list-of-section .ball-icon:before, .static-content figure .ball-icon:before {
    content: "y"
}

.static-content .list-of-section .age-icon:before, .static-content figure .age-icon:before {
    content: "z"
}

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

@media screen and (max-width: 600px) {
    .static-content .line {
        flex-direction: column
    }
}

.static-content .line .box-information {
    align-items: flex-start;
    background-color: #21232c;
    border-radius: .4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.6rem;
    width: 100%
}

.static-content .line .box-information:not(:last-child) {
    margin-right: 1.6rem
}

@media screen and (max-width: 600px) {
    .static-content .line .box-information:not(:last-child) {
        margin-bottom: 1.6rem;
        margin-right: 0
    }
}

.static-content .line .box-information h4 {
    margin: 0;
    padding: .8rem 0
}

.static-content .line .box-information time {
    text-transform: uppercase
}

.static-content .line .box-information time[datetime]:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #898fa9;
    content: "6";
    display: inline-block;
    font-family: Icons;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 1.6rem;
    text-transform: none
}

.static-content .with-icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.static-content .with-icon:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    display: inline-block;
    font-family: Icons;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 1.6rem;
    text-transform: none
}

.static-content .tote:before {
    content: "7"
}

.static-content .bets:before {
    content: "8"
}

.static-content .slots:before {
    content: "n"
}

.static-content .point-on-map {
    border-radius: .4rem;
    height: 382px;
    width: 100%
}

.static-content .point-on-map img {
    margin: 0
}

.static-content .country-text {
    display: none
}

.betting-shops {
    align-items: flex-start;
    display: flex
}

@media screen and (max-width: 860px) {
    .betting-shops {
        flex-direction: column
    }
}

.betting-shops .menu-for-betting-shops {
    background-color: #2b2e3b;
    background-color: var(--paper-background);
    border-radius: .4rem;
    height: auto;
    margin-right: 2.4rem;
    padding: 2rem 0;
    width: 31.5%
}

.betting-shops .menu-for-betting-shops .tab-for-betting-shops {
    border-radius: .4px;
    color: #fff;
    display: block;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0 16px 1px;
    padding: 1.2rem 1.6rem
}

.betting-shops .menu-for-betting-shops .tab-for-betting-shops:hover {
    background-color: #21232c;
    cursor: pointer
}

.betting-shops .menu-for-betting-shops .tab-for-betting-shops__active {
    background-color: #21232c
}

.betting-shops .menu-for-betting-shops * {
    margin: 0;
    padding: 0
}

.betting-shops .menu-for-betting-shops details:last-child summary {
    border-bottom-left-radius: .4rem;
    border-bottom-right-radius: .4rem
}

.betting-shops .menu-for-betting-shops details[open] summary:after {
    content: "";
    transform: rotate(-45deg)
}

.betting-shops .menu-for-betting-shops h4, .betting-shops .menu-for-betting-shops summary {
    margin-bottom: 2px;
    padding: 1.6rem
}

.betting-shops .menu-for-betting-shops h4 {
    background-color: #2b2e3b;
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    font-size: 1.6rem;
    font-weight: 700;
    width: 244px
}

.betting-shops .menu-for-betting-shops summary {
    align-items: center;
    background-color: #2b2e3b;
    display: flex;
    font-size: 1.4rem;
    justify-content: space-between;
    text-decoration: none
}

.betting-shops .menu-for-betting-shops summary:after {
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    content: "";
    height: 10px;
    transform: rotate(135deg);
    transition: transform .2s ease-in-out;
    width: 10px
}

.betting-shops .menu-for-betting-shops ol {
    list-style-type: none
}

.betting-shops .menu-for-betting-shops ol li {
    color: #898fa9;
    cursor: pointer;
    font-weight: 700;
    margin-bottom: 2px;
    padding: 1.6rem 2.4rem
}

.betting-shops .menu-for-betting-shops ol li:before {
    content: none
}

.betting-shops .menu-for-betting-shops ol li:hover {
    color: #fff
}

@media screen and (max-width: 860px) {
    .betting-shops .menu-for-betting-shops, .betting-shops .menu-for-betting-shops h4 {
        width: 100%
    }
}

.betting-shops .menu-for-betting-shops {
    margin-bottom: 16px
}

.betting-shops .paper__content {
    border-radius: 8px;
    width: 100%
}

html[lang=en] body .country-text_en, html[lang=lt] body .country-text_lt {
    display: block
}

.aggressive-behavior {
    position: relative;
    width: 100%;
    z-index: 999
}

.normal-behavior {
    display: none !important
}

.stripe-for-install {
    align-items: center;
    background-color: #393d4b;
    display: flex;
    justify-content: space-between;
    min-height: 104px;
    padding: 1.6rem 2.4rem;
    width: 100%
}

.stripe-for-install__logo {
    border-radius: .4rem;
    height: 72px;
    width: 72px
}

.stripe-for-install__text {
    align-self: normal;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 12px;
    width: 100%
}

.stripe-for-install__text h2 {
    font-size: 1.4rem;
    font-weight: 700
}

.stripe-for-install__text p {
    font-size: 1.2rem
}

.stripe-for-install__button {
    background-color: #18ae62;
    border-radius: .4rem;
    font-size: 1.4rem;
    font-weight: 700;
    min-width: auto;
    padding: .8rem 20px;
    text-transform: capitalize
}

.stripe-for-install__close {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px
}

.stripe-for-install__close:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "K";
    display: inline-block;
    font-family: Icons;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.stripe-for-install__close:after:hover {
    color: #18ae62
}

.desktop.initializing .stripe-for-install, .desktop.preloading .stripe-for-install {
    visibility: hidden
}

.tabs {
    display: flex;
    height: 50px;
    overflow-x: auto;
    overflow-y: hidden
}

@media (min-width: 1025px) {
    .tabs {
        height: 82px
    }
}

.tabs:after {
    content: "";
    display: block;
    margin-left: -1px;
    min-width: 1px
}

.tab {
    align-items: center;
    border-bottom: 2px solid transparent;
    display: flex;
    font-weight: 600;
    margin: 0 16px -1px;
    white-space: nowrap
}

@media (min-width: 1025px) {
    .tab {
        margin: 0 24px -1px
    }
}

.tab.active {
    border-bottom-color: inherit
}

.toggle svg {
    left: 6px;
    width: 16px
}

.transactions-form__filter {
    margin-bottom: .8rem
}

@media (min-width: 1025px) {
    .transactions-form__filter .gridItem-root:first-child {
        margin-right: auto
    }
}

.unexpected-error {
    align-items: center;
    display: flex;
    min-height: 100vh;
    text-align: center
}

.unexpected-error .button-root {
    display: inline-block;
    margin-top: 2.4rem
}

.unexpected-error__text {
    color: #fff;
    font-size: 1.6rem
}

.verification__methods .radioGroup-root {
    flex-direction: column
}

.verification__methods .radioGroup-root .formControlLabel-root:not(:last-child) {
    margin-bottom: 1.6rem
}

.verification__method.formControlLabel-root {
    min-height: 0;
    min-height: auto
}

@media (max-width: 1024px) {
    .verification__method.formControlLabel-root {
        padding: 1.6rem
    }
}

@media (min-width: 1025px) {
    .verification__method.formControlLabel-root {
        padding: 2.4rem
    }
}

.verification__method.formControlLabel-root .radio-default:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #2b2e3b;
    border-radius: .2rem;
    color: #18ae62;
    content: "";
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    height: 4rem;
    line-height: 1;
    line-height: 4rem;
    margin-left: 2rem;
    text-align: center;
    text-transform: none;
    width: 4rem
}

.verification__method.formControlLabel-root .radio-default.radio-checked {
    background-color: #21232c
}

.verification__method.formControlLabel-root .radio-default.radio-checked:before {
    background-color: #18ae62;
    color: #fff
}

.verification__method.formControlLabel-root .formControlLabel-label {
    font-weight: 400;
    padding-left: 5.6rem
}

.verification__method--smartId:after, .verification__method--smartId:before {
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    box-shadow: 0 0 20px 1px #18ae62, 0 0 2px 1px #18ae62;
    content: "";
    height: 100%;
    position: absolute;
    width: 50%;
    z-index: -1
}

.verification__method--smartId:before {
    animation-name: half-yellow-shadow;
    left: 0;
    top: 0
}

.verification__method--smartId:after {
    animation-name: half-cyan-shadow;
    bottom: 0;
    right: 0
}

@keyframes half-yellow-shadow {
    0% {
        height: calc(50% - .4rem);
        left: .4rem;
        top: .4rem;
        width: calc(50% - .4rem)
    }
    16.66% {
        height: calc(50% - .4rem);
        left: .4rem;
        top: .4rem;
        width: calc(100% - .8rem)
    }
    32.32% {
        height: calc(50% - .4rem);
        left: calc(50% - .4rem);
        top: .4rem;
        width: 50%
    }
    49.98% {
        height: calc(50% - .4rem);
        left: 50%;
        top: 50%;
        width: calc(50% - .4rem)
    }
    66.64% {
        height: calc(50% - .4rem);
        left: .4rem;
        top: 50%;
        width: calc(100% - .8rem)
    }
    83.3% {
        height: calc(50% - .4rem);
        left: .4rem;
        top: 50%;
        width: calc(50% - .4rem)
    }
    to {
        height: calc(50% - .4rem);
        left: .4rem;
        top: .4rem;
        width: calc(50% - .4rem)
    }
}

@keyframes half-cyan-shadow {
    0% {
        bottom: .4rem;
        height: calc(50% - .4rem);
        right: .4rem;
        width: calc(50% - .4rem)
    }
    16.66% {
        bottom: .4rem;
        height: calc(50% - .4rem);
        right: .4rem;
        width: calc(100% - .8rem)
    }
    32.32% {
        bottom: .4rem;
        height: calc(50% - .4rem);
        right: calc(50% - .4rem);
        width: 50%
    }
    49.98% {
        bottom: 50%;
        height: calc(50% - .4rem);
        right: 50%;
        width: calc(50% - .4rem)
    }
    66.64% {
        bottom: 50%;
        height: calc(50% - .4rem);
        right: .4rem;
        width: calc(100% - .8rem)
    }
    83.3% {
        bottom: 50%;
        height: calc(50% - .4rem);
        right: .4rem;
        width: calc(50% - .4rem)
    }
    to {
        bottom: .4rem;
        height: calc(50% - .4rem);
        right: .4rem;
        width: calc(50% - .4rem)
    }
}

.verification__method--smartId.formControlLabel-root .radio-default:before {
    color: #00afaa;
    content: "#"
}

.verification__method--mobileId.formControlLabel-root .radio-default:before {
    color: #076ce3;
    content: "+"
}

.verification__method--idenfy.formControlLabel-root .radio-default:before, .verification__method--regular.formControlLabel-root .radio-default:before {
    content: "g"
}

.verification__method-title {
    margin-top: -.1rem
}

.verification__method-description {
    color: #898fa9;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2;
    margin-top: .5rem
}

.verification__title {
    font-size: 1.8rem;
    margin-bottom: .8rem;
    text-align: center
}

.verification .formControlLabel-label {
    font-family: Inter, sans-serif
}

.verification .formControlLabel-label .verification__method-title {
    font-weight: 600
}

.verification .formControlLabel-label .verification__method-description {
    font-weight: 400
}

.verification__methods .radioGroup-root .verification__method {
    height: 98px
}

.verification__methods .radioGroup-root .verification__method span.radio-default {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.verification__subtitle {
    color: #fff;
    margin-bottom: 3.2rem;
    text-align: center
}

.verification-form__type {
    margin-bottom: 2.4rem
}

.verification-form__type .radioGroup-root {
    justify-content: center
}

.verification-form__description, .verification-form__edit-description, .verification-form__send-code-description, .verification-form__text {
    margin: 1.6rem 0
}

.verification-form__static-field {
    border: 1px dashed #898fa9;
    border-radius: .4rem;
    margin: 1.6rem 0;
    padding: .8rem;
    text-align: center
}

.verification-form__field-value {
    font-weight: 600
}

.verification-form__attempts {
    margin: .8rem 0
}

.verification-form__edit-button, .verification-form__send, .verification-form__send-code-verify {
    text-align: center
}

.verification-form__edit-button .button-root, .verification-form__send .button-root, .verification-form__send-code-verify .button-root {
    display: block;
    width: 100%
}

.verification-form__edit-buttons {
    align-items: center;
    display: flex
}

@media (min-width: 1025px) {
    .verification-form__edit-buttons {
        justify-content: space-between
    }
}

@media (max-width: 480px) {
    .verification-form__edit-buttons {
        flex-direction: column
    }
}

.verification-form__edit-buttons .button-root {
    min-width: 0;
    min-width: auto
}

@media (max-width: 1024px) {
    .verification-form__edit-buttons .button-root {
        display: block;
        flex: 1;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: 100%
    }
}

.verification-form__edit-buttons .button-root:only-child {
    flex: 1
}

.verification-form__edit-buttons .button-root + .button-root {
    margin-left: 1.6rem
}

@media (min-width: 1025px) {
    .verification-form__edit-buttons .button-root + .button-root {
        margin-left: 2.4rem
    }
}

@media (max-width: 480px) {
    .verification-form__edit-buttons .button-root + .button-root {
        margin-left: 0;
        margin-top: 1.6rem
    }
}

.verification-in-iframe--method-idenfy {
    text-align: center
}

.verification-in-iframe__init-icon {
    background-color: #21232c;
    border-radius: .4rem;
    height: 9rem;
    margin: 0 auto 1.6rem;
    text-align: center;
    width: 9rem
}

.verification-in-iframe__init-icon:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #18ae62;
    content: "B";
    display: inline-block;
    font-family: Icons;
    font-size: 3.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    line-height: 8.5rem;
    text-transform: none
}

.verification-in-iframe__waiting-text {
    margin-top: 1.6rem
}

.verification-in-iframe__ask-to-login .markdown-root:not(:last-child) {
    margin-bottom: 3.2rem
}

.verification-in-iframe__iframe-wrapper {
    margin: -6.4rem -2.4rem 0
}

@media (min-width: 1025px) {
    .verification-in-iframe__iframe-wrapper {
        margin: -24% -34% 0
    }
}

.verification-in-iframe__iframe {
    min-height: 72.5vh;
    width: 100%
}

@media (min-width: 1025px) {
    .verification-in-iframe__iframe {
        min-height: 80vh
    }
}

.verification-in-iframe__buttons {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

.verification-in-iframe__buttons .button-root {
    flex: 1
}

.verification-in-iframe__buttons .button-root:only-child {
    margin-right: 0
}

.verify-via-mobile-or-smart-id-form .user-identification {
    text-align: center
}

.verify-via-mobile-or-smart-id-form .user-identification__form-fields {
    text-align: left
}

.verify-via-mobile-or-smart-id-form__ask-to-login, .verify-via-mobile-or-smart-id-form__logging-in, .verify-via-mobile-or-smart-id-form__success {
    text-align: center
}

.verify-via-mobile-or-smart-id-form__logging-in-text {
    margin-top: 10px
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root .field-root.field-disabled .field-label, .verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root.field-root.field-disabled .field-label {
    cursor: default
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root .field-root.field-disabled .field-helper, .verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root.field-root.field-disabled .field-helper {
    display: none
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root .field-root.field-disabled .input-root, .verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root.field-root.field-disabled .input-root {
    background-color: transparent;
    background-color: initial
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root .field-root.field-disabled .input-root:after, .verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root.field-root.field-disabled .input-root:after {
    display: none !important
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root .field-root.field-disabled .input-root .input-input, .verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root.field-root.field-disabled .input-root .input-input {
    background-color: transparent;
    background-color: initial;
    cursor: text;
    height: auto;
    padding: initial
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root .field-root.field-disabled .input-root .input-input[type=date], .verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root.field-root.field-disabled .input-root .input-input[type=date] {
    cursor: default
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root .field-root.field-disabled .select-select, .verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root.field-root.field-disabled .select-select {
    background-color: transparent;
    background-color: initial;
    cursor: default;
    height: auto;
    padding: initial
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root .field-root.field-disabled .select-select:after, .verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root.field-root.field-disabled .select-select:after {
    display: none !important
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root .field-root.field-disabled .phone-number-wrapper, .verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root.field-root.field-disabled .phone-number-wrapper {
    align-items: baseline
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root .field-root.field-disabled .phone-number-wrapper .phone-number__code, .verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root.field-root.field-disabled .phone-number-wrapper .phone-number__code {
    margin-right: 0
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root .field-root.field-disabled .phone-number-wrapper .input-root, .verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form .fields-container .fields-container__grid-root.field-root.field-disabled .phone-number-wrapper .input-root {
    border-left: initial
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form__buttons {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

@media (max-width: 1024px) {
    .verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form__buttons {
        margin-top: auto
    }
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form__buttons .button-root {
    flex: 1
}

.verify-via-mobile-or-smart-id-form .mobile-smart-id-verification-form__buttons .button-root:only-child {
    margin-right: 0
}

.warning-bar {
    background-color: #fff;
    font-size: 1rem;
    padding: .8rem 1.6rem;
    text-align: center
}

@media (min-width: 1025px) {
    .warning-bar {
        font-size: 1.2rem;
        padding: 1.2rem 2.4rem
    }
}

.paper:has(.withdrawal-form) .paper__content:before {
    margin-bottom: 2.4rem
}

@media (max-width: 1024px) {
    .paper:has(.withdrawal-form) .paper__content:before {
        margin-bottom: .8rem
    }
}

.paper:has(.withdrawal-form) .paper__footer {
    bottom: -1.6rem;
    padding-bottom: 3.2rem;
    padding-top: .8rem
}

@media (max-width: 1024px) {
    .paper:has(.withdrawal-form) .paper__footer {
        padding-top: .8rem;
        padding-inline: 1.2rem
    }
}

.withdrawal-form__action.button-root {
    width: 49.5%
}

.withdrawal-form__sub-title {
    align-items: center;
    border-bottom: 2px solid #399;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    margin: 10px 0 5px;
    padding-bottom: 5px;
    position: relative;
    width: 100%
}

.withdrawal-form__sub-title strong {
    font-size: 20px
}

.withdrawal-form__sub-title .exchange {
    display: block;
    text-align: right
}

.withdrawal-form__sub-title p {
    font-weight: 700;
    margin: 0
}

.withdrawal-form .field-label, .withdrawal-form legend {
    color: #fff;
    font-weight: 600;
    margin-bottom: 1.2rem
}

.withdrawal-form__amount {
    display: flex;
    margin-bottom: 2.4rem;
    margin-top: 3.2rem
}

@media (min-width: 1025px) {
    .withdrawal-form__amount {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.withdrawal-form__amount.field-error .input-root:after {
    right: 2.2rem
}

.withdrawal-form__amount .field-helper, .withdrawal-form__amount .field-label {
    width: 100%
}

.withdrawal-form__amount .field-label {
    order: 1
}

.withdrawal-form__amount .input-root, .withdrawal-form__amount .input-values {
    width: 100%
}

@media (min-width: 1025px) {
    .withdrawal-form__amount .input-root, .withdrawal-form__amount .input-values {
        width: 50%
    }
}

.withdrawal-form__amount .input-values {
    order: 4
}

@media (max-width: 1024px) {
    .withdrawal-form__amount .input-values {
        margin-top: .8rem
    }
}

@media (min-width: 1025px) {
    .withdrawal-form__amount .input-values {
        order: 3;
        padding-left: .8rem
    }
}

.withdrawal-form__amount .input-values .input-value button {
    border: 1px solid #21232c
}

.withdrawal-form__amount .input-values .input-value:hover button {
    background-color: #21232c;
    border: 1px solid #18ae62
}

@media (max-width: 1024px) {
    .withdrawal-form__amount .input-values .input-value:nth-child(n+3) {
        margin-right: 0
    }

    .withdrawal-form__amount .input-values .input-value:nth-child(n+4) {
        display: none
    }
}

.withdrawal-form__amount .input-values .input-selectedValue button {
    background-color: #21232c;
    border: 1px solid #18ae62
}

.withdrawal-form__amount .input-root {
    order: 2
}

@media (min-width: 1025px) {
    .withdrawal-form__amount .input-root {
        padding-right: .8rem
    }
}

.withdrawal-form__amount .field-helper {
    order: 3
}

@media (min-width: 1025px) {
    .withdrawal-form__amount .field-helper {
        order: 4
    }
}

.withdrawal-form__payment-methods {
    margin-top: .8rem
}

.withdrawal-form__payment-methods .radioGroup-root {
    margin: -.6rem
}

@media (min-width: 1025px) {
    .withdrawal-form__payment-methods .radioGroup-root {
        margin: -.8rem
    }
}

.withdrawal-form__payment-methods .radioGroup-root .formControlLabel-root {
    flex-basis: 50%;
    max-width: 50%;
    padding: .6rem
}

@media (min-width: 1025px) {
    .withdrawal-form__payment-methods .radioGroup-root .formControlLabel-root {
        flex-basis: 25%;
        max-width: 25%;
        padding: .8rem
    }
}

.withdrawal-form__payment-methods .radioGroup-root .formControlLabel-root .radio-default {
    bottom: .6rem;
    left: .6rem;
    right: .6rem;
    top: .6rem
}

.withdrawal-form__payment-methods .radioGroup-root .formControlLabel-root .radio-default.radio-checked {
    background-color: #21232c;
    border: 1px solid #18ae62
}

@media (min-width: 1025px) {
    .withdrawal-form__payment-methods .radioGroup-root .formControlLabel-root .radio-default {
        bottom: .8rem;
        left: .8rem;
        right: .8rem;
        top: .8rem
    }
}

.withdrawal-form__payment-methods .radioGroup-root .formControlLabel-root .formControlLabel-label {
    align-items: center;
    display: flex;
    padding: 1.2rem
}

@media (min-width: 1025px) {
    .withdrawal-form__payment-methods .radioGroup-root .formControlLabel-root .formControlLabel-label {
        padding: 1.6rem
    }
}

.withdrawal-form__payment-methods .payment-method__logo {
    background-color: #242731;
    border-radius: .4rem;
    margin-right: 1.2rem;
    pointer-events: none
}

@media (min-width: 1025px) {
    .withdrawal-form__payment-methods .payment-method__logo {
        margin-right: 1.6rem
    }
}

.withdrawal-form__payment-methods .payment-method__name {
    word-break: break-word
}

@media (max-width: 1024px) {
    .withdrawal-form__payment-methods .payment-method__name {
        font-size: 1.2rem;
        line-height: 1.2
    }
}

.withdrawal-form__fields {
    margin-bottom: 2.3rem;
    margin-top: 2.4rem
}

.withdrawal-form__fields .field-root {
    margin-bottom: 0
}

.withdrawal-form__payment-methods-stored {
    margin-bottom: 2.4rem;
    margin-top: .8rem
}

.withdrawal-form__payment-methods-stored .radioGroup-root {
    margin: -.6rem
}

@media (min-width: 1025px) {
    .withdrawal-form__payment-methods-stored .radioGroup-root {
        margin: -.8rem
    }
}

.withdrawal-form__payment-methods-stored .radioGroup-root .formControlLabel-root {
    flex-basis: 100%;
    max-width: 100%;
    padding: .6rem
}

@media (min-width: 1025px) {
    .withdrawal-form__payment-methods-stored .radioGroup-root .formControlLabel-root {
        flex-basis: 50%;
        max-width: 50%;
        padding: .8rem
    }
}

.withdrawal-form__payment-methods-stored .radioGroup-root .formControlLabel-root .radio-default {
    bottom: .6rem;
    left: .6rem;
    right: .6rem;
    top: .6rem
}

.withdrawal-form__payment-methods-stored .radioGroup-root .formControlLabel-root .radio-default + .formControlLabel-label .payment-method-stored__number:after {
    opacity: 0
}

@media (min-width: 1025px) {
    .withdrawal-form__payment-methods-stored .radioGroup-root .formControlLabel-root .radio-default {
        bottom: .8rem;
        left: .8rem;
        right: .8rem;
        top: .8rem
    }
}

.withdrawal-form__payment-methods-stored .radioGroup-root .formControlLabel-root .radio-default.radio-checked {
    background-color: #21232c;
    border: 1px solid #18ae62
}

.withdrawal-form__payment-methods-stored .radioGroup-root .formControlLabel-root .radio-default.radio-checked + .formControlLabel-label .payment-method-stored__number:after {
    opacity: 1
}

.withdrawal-form__payment-methods-stored .radioGroup-root .formControlLabel-root .formControlLabel-label {
    align-items: center;
    display: flex;
    overflow: hidden;
    padding: .8rem;
    width: 100%
}

.withdrawal-form__payment-methods-stored .payment-method-stored__logo {
    background-color: #242731;
    border-radius: .4rem;
    margin-right: 1.2rem;
    pointer-events: none
}

@media (min-width: 1025px) {
    .withdrawal-form__payment-methods-stored .payment-method-stored__logo {
        margin-right: .8rem
    }
}

.withdrawal-form__payment-methods-stored .payment-method-stored__name {
    display: block;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-right: 1.6rem;
    padding-right: .8rem;
    position: relative;
    width: 7.2rem
}

.withdrawal-form__payment-methods-stored .payment-method-stored__name:after {
    background-color: #2b2e3b;
    bottom: -2.4rem;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: -2.4rem;
    width: 1px
}

@media (max-width: 1024px) {
    .withdrawal-form__payment-methods-stored .payment-method-stored__name {
        display: none
    }
}

.withdrawal-form__payment-methods-stored .payment-method-stored__number {
    flex: 1;
    padding-right: 4rem;
    position: relative;
    word-break: break-word
}

.withdrawal-form__payment-methods-stored .payment-method-stored__number:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    border-radius: 50%;
    color: #18ae62;
    content: "F";
    display: inline-block;
    font-family: Icons;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: .8rem;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%)
}

.withdrawal-form__payment-methods-stored .payment-method-stored[class*=disabled] {
    filter: grayscale(1)
}

.withdrawal-form__back {
    text-align: left
}

@media (max-width: 1024px) {
    .withdrawal-form .input-values .input-value:nth-child(n+3) {
        margin-right: 0
    }

    .withdrawal-form .input-values .input-value:nth-child(n+4) {
        display: none
    }
}

.withdrawal-form .method-description {
    margin-bottom: 2.4rem
}

.withdrawal-form .method-description p {
    font-size: 1rem
}

.withdrawal-perlas__notify {
    margin-bottom: 2.4rem;
    margin-top: 1.2rem
}

.withdrawal-perlas__notify a {
    color: #18ae62;
    text-decoration: underline
}

.withdrawal-perlas__notify p + p {
    margin-top: 12px
}

.withdrawal-perlas__notify strong {
    color: #fff
}

.withdrawal-perlas__notify em {
    display: inline-block;
    font-size: 10px;
    font-style: normal
}

.withdrawal-perlas__notify--rejected strong {
    align-items: center;
    color: #ff4b4b;
    display: flex
}

.withdrawal-perlas__notify--rejected strong:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "D";
    display: inline-block;
    font-family: Glyphter;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 10px;
    text-transform: none
}

.withdrawal-perlas__notify--pending strong {
    align-items: center;
    color: #fc0;
    display: flex
}

.withdrawal-perlas__notify--pending strong:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "D";
    display: inline-block;
    font-family: Glyphter;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: 10px;
    text-transform: none
}

.withdrawal-form__frame {
    border: none;
    height: 600px;
    width: 100%
}

.withdrawal-form__frame.loading {
    height: 0 !important;
    min-height: 0 !important
}

.withdrawal-form__frame + .withdrawal-form__circular-progress {
    display: none;
    margin-left: 50%;
    transform: translate(-50%)
}

.withdrawal-form__frame.loading + .withdrawal-form__circular-progress {
    display: block
}

.custom-badges .custom-badge {
    margin-block: -3px
}

.video-player {
    color: #fff;
    font-size: medium;
    height: 100%;
    padding-top: 50%;
    position: relative;
    transition: all .2s;
    width: 100%
}

.video-player--sm {
    --icon-size: 1.4rem;
    --icon-size-small: 1rem;
    --icon-size-center-play: 4rem;
    --text-time-size: 1.2rem;
    --control-bar-padding: .6rem 1rem;
    --track--progress-height: 3px;
    --track--volume-height: 2px;
    --thumb--progress-height: 9px;
    --thumb--volume-height: 8px
}

.video-player--md {
    --icon-size: 2.2rem;
    --icon-size-small: 1.6rem;
    --icon-size-center-play: 8rem;
    --text-time-size: 1.6rem;
    --control-bar-padding: 1rem 1.2rem;
    --track--progress-height: 5px;
    --track--volume-height: 3px;
    --thumb--progress-height: 15px;
    --thumb--volume-height: 9px
}

@media (max-width: 1024px) {
    .video-player--md {
        --icon-size: 1.4rem;
        --icon-size-small: 1rem;
        --icon-size-center-play: 4rem;
        --text-time-size: 1.2rem;
        --control-bar-padding: .6rem 1rem;
        --track--progress-height: 3px;
        --track--volume-height: 2px;
        --thumb--progress-height: 9px;
        --thumb--volume-height: 8px
    }

    .video-player {
        padding-top: 75%
    }
}

.video-player--active .video-player__video-controls {
    opacity: 1;
    visibility: visible
}

.video-player--active .video-player__video-controls-center {
    opacity: .5;
    visibility: visible
}

.video-player__loading {
    background: rgba(0, 0, 0, .561);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video-player--loading .video-player__loading {
    display: block
}

.video-player--loading .video-player__video-controls-center {
    display: none
}

.video-player__video-controls, .video-player__video-controls-center {
    opacity: 0;
    visibility: hidden
}

.video-player__video-controls {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    position: absolute;
    transition: all .2s;
    width: 100%;
    z-index: 1
}

@media (max-width: 1024px) {
    .video-player__video-controls .video-player__play-control {
        display: none
    }
}

.video-player__video-controls-center {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s;
    width: 100%;
    z-index: 1
}

.video-player__video-controls-center .video-player__play-control {
    justify-content: space-evenly
}

.video-player__video-controls-center .video-player__play-control-back, .video-player__video-controls-center .video-player__play-control-next, .video-player__video-controls-center .video-player__play-control-play {
    margin: 0;
    pointer-events: auto
}

.video-player__video-controls-center .video-player__play-control-back:before, .video-player__video-controls-center .video-player__play-control-next:before, .video-player__video-controls-center .video-player__play-control-play:before {
    font-size: var(--icon-size-center-play)
}

.video-player__progress {
    align-items: center;
    display: flex;
    flex-basis: 100%;
    padding: 0 1rem .7rem;
    position: relative;
    width: 100%
}

@media (max-width: 1024px) {
    .video-player__progress {
        order: 1
    }
}

.video-player__control-bar {
    display: flex;
    flex-basis: 100%;
    padding: var(--control-bar-padding);
    width: 100%
}

@media (min-width: 1025px) {
    .video-player__control-bar {
        background: rgba(0, 0, 0, .7)
    }
}

.video-player__progress-range, .video-player__volume-range {
    -webkit-appearance: none;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .278)
}

.video-player__progress-range:focus, .video-player__volume-range:focus {
    outline: none
}

.video-player__progress-range {
    height: var(--track--progress-height);
    margin: calc((var(--thumb--progress-height) - var(--track--progress-height)) / 2) 0;
    width: 100%
}

.video-player__volume-range {
    height: var(--track--volume-height);
    margin: calc((var(--thumb--volume-height) - var(--track--volume-height)) / 2) 0;
    width: 50px
}

.video-player__progress-range::-webkit-slider-runnable-track, .video-player__volume-range::-webkit-slider-runnable-track {
    border: none;
    box-shadow: none;
    cursor: pointer;
    height: 100%;
    -webkit-transition: all .2s;
    transition: all .2s
}

.video-player__progress-range::-webkit-slider-runnable-track {
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(var(--progress), #18ae62), color-stop(var(--progress), #f5f6f8), color-stop(var(--progress), #898fa9), color-stop(var(--buffer), #898fa9), color-stop(var(--buffer), #f5f6f8))
}

.video-player__volume-range::-webkit-slider-runnable-track {
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(var(--progress), #18ae62), color-stop(var(--progress), #f5f6f8))
}

.video-player__progress-range::-webkit-slider-thumb, .video-player__volume-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #18ae62;
    border-radius: 6px;
    cursor: pointer
}

.video-player__progress-range::-webkit-slider-thumb {
    height: var(--thumb--progress-height);
    margin-top: calc((var(--thumb--progress-height) - var(--track--progress-height)) * -1 / 2);
    width: var(--thumb--progress-height)
}

.video-player__volume-range::-webkit-slider-thumb {
    height: var(--thumb--volume-height);
    margin-top: calc((var(--thumb--volume-height) - var(--track--volume-height)) * -1 / 2);
    width: var(--thumb--volume-height)
}

.video-player__progress-range::-moz-range-track, .video-player__volume-range::-moz-range-track {
    border: none;
    box-shadow: none;
    cursor: pointer;
    -moz-transition: all .2s;
    transition: all .2s
}

.video-player__progress-range::-moz-range-track {
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(var(--progress), #18ae62), color-stop(var(--progress), #f5f6f8), color-stop(var(--progress), #898fa9), color-stop(var(--buffer), #898fa9), color-stop(var(--buffer), #f5f6f8));
    height: var(--track--progress-height)
}

.video-player__volume-range::-moz-range-track {
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(var(--progress), #18ae62), color-stop(var(--progress), #f5f6f8));
    height: var(--track--volume-height)
}

.video-player__progress-range::-moz-range-thumb, .video-player__volume-range::-moz-range-thumb {
    background: #18ae62;
    border-radius: 6px;
    box-shadow: none;
    cursor: pointer
}

.video-player__progress-range::-moz-range-thumb {
    height: var(--thumb--progress-height);
    margin-top: calc((var(--thumb--progress-height) - var(--track--progress-height)) * -1 / 2);
    width: var(--thumb--progress-height)
}

.video-player__volume-range::-moz-range-thumb {
    height: var(--thumb--volume-height);
    margin-top: calc((var(--thumb--volume-height) - var(--track--volume-height)) * -1 / 2);
    width: var(--thumb--volume-height)
}

.video-player__volume-range {
    margin-right: 2rem
}

@media (max-width: 1024px) {
    .video-player__volume-range {
        display: none
    }
}

.video-player__play-control, .video-player__volume-control {
    align-items: center;
    display: flex
}

.video-player__play-control-back, .video-player__play-control-next, .video-player__play-control-play {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%
}

.video-player__play-control-back:before, .video-player__play-control-next:before, .video-player__play-control-play:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: Glyphter-custom;
    font-size: var(--icon-size-small);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.video-player__play-control-back {
    margin-right: 2rem
}

.video-player__play-control-back:before {
    content: "F"
}

.video-player__play-control-play {
    margin-right: 2rem
}

.video-player__play-control-play[data-play=true]:before {
    content: "G"
}

.video-player__play-control-play[data-play=false]:before {
    content: "H"
}

.video-player__play-control-play:before {
    font-size: var(--icon-size)
}

.video-player__play-control-next:before {
    content: "I"
}

.video-player__muted-toggle {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

.video-player__muted-toggle:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: Glyphter-custom;
    font-size: var(--icon-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.video-player__muted-toggle[data-muted=true]:before {
    content: "K"
}

.video-player__muted-toggle[data-muted=false]:before {
    content: "J"
}

.video-player__time {
    align-items: center;
    display: flex;
    flex: 1;
    font-size: var(--text-time-size);
    line-height: 1;
    margin: 0 2rem 0 0
}

@media (min-width: 1025px) {
    .video-player__time {
        margin: 0 2rem
    }
}

.video-player__fullScreen {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 2rem
}

.video-player__fullScreen:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "L";
    display: inline-block;
    font-family: Glyphter-custom;
    font-size: var(--icon-size);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.video-player__fullScreen:hover {
    cursor: pointer
}

.video-player video {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.video-player .swiper-nextEl, .video-player .swiper-prevEl {
    align-items: center;
    color: #18ae62;
    cursor: pointer;
    display: flex;
    height: 2.7rem;
    justify-content: center;
    pointer-events: auto;
    position: absolute;
    transform: scale(1);
    transition: all .2s;
    width: 2.7rem;
    z-index: 1000
}

.video-player .swiper-nextEl:hover, .video-player .swiper-prevEl:hover {
    color: inherit
}

.video-player .swiper-nextEl:before, .video-player .swiper-prevEl:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "N";
    display: inline-block;
    font-family: Glyphter-custom;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    line-height: 1;
    text-transform: none
}

@media (max-width: 1024px) {
    .video-player .swiper-nextEl:before, .video-player .swiper-prevEl:before {
        font-size: 2.6rem
    }
}

.video-player .swiper-prevEl {
    left: -3.4rem;
    top: 50%;
    transform: rotate(180deg) translateY(50%)
}

.video-player .swiper-nextEl {
    right: -3.4rem;
    top: 50%;
    transform: translateY(-50%)
}

.mouse-tooltip {
    font-family: Inter
}

.mouse-tooltip, .tooltip-delay__tooltip {
    background-color: #000;
    color: #fff;
    font-size: 12px;
    padding: 10px 20px;
    z-index: 999999
}

.tooltip-delay__tooltip {
    line-height: 1;
    margin: 0;
    opacity: 1;
    position: relative
}

.tooltip-delay__arrow:after {
    background-color: inherit;
    content: "";
    height: 14px;
    position: absolute;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 14px;
    z-index: -1
}

.tooltip-delay__arrow--top {
    margin-top: 14px
}

.tooltip-delay__arrow--top:after {
    left: 50%;
    top: 0
}

.tooltip-delay__arrow--right {
    margin-right: 14px
}

.tooltip-delay__arrow--right:after {
    right: -14px;
    top: 50%
}

.tooltip-delay__arrow--bottom {
    margin-bottom: 14px
}

.tooltip-delay__arrow--bottom:after {
    left: 50%;
    top: 100%
}

.tooltip-delay__arrow--left {
    margin-left: 14px
}

.tooltip-delay__arrow--left:after {
    left: 0;
    top: 50%
}

.tooltip-delay__type--mobile .tooltip-delay__tooltip, .tooltip-delay__type--tablet .tooltip-delay__tooltip {
    background-color: #fff;
    color: #000;
    font-size: 11px;
    padding: 10px 16px
}

.tooltip-delay__type--desktop .tooltip-delay__tooltip {
    background-color: #000;
    color: #fff;
    font-size: 12px;
    padding: 10px 20px
}

@media (max-width: 1024px) {
    .modal-root > .modal-paper > .modalContentWrapper > .modal-contentRoot:has(>.validation-form) {
        padding: 2.4rem
    }
}

.validation-modal--payment-details-validation .validation-form-body {
    grid-gap: 2rem;
    display: grid;
    gap: 2rem;
    grid-template-areas:"stepper stepper" "imageLoader description" ". button";
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto auto auto
}

@media (max-width: 1024px) {
    .validation-modal--payment-details-validation .validation-form-body {
        grid-template-areas:"description" "stepper" "imageLoader" "button";
        grid-template-columns:1fr
    }
}

@media (min-width: 1040px) {
    .validation-modal--payment-details-validation .validation-form .stepper-default.stepper-root .stepper-step p:last-child {
        width: 10.2rem
    }
}

.validation-modal--payment-details-validation .validation-form .stepper-default.stepper-root .stepper-step p {
    font-weight: 600
}

.validation-modal--payment-details-validation .validation-form .stepper-root {
    align-items: stretch;
    display: flex;
    gap: 4rem;
    grid-area: stepper;
    justify-content: center;
    margin: 1rem 0 2.8rem
}

.validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step {
    counter-increment: step;
    max-width: 127px
}

.validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step .stepper-item {
    flex-direction: row;
    gap: 1.2rem;
    justify-content: center
}

.validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step .stepper-item > div:first-child {
    position: relative
}

.validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step .stepper-item > div:first-child:before {
    color: #898fa9;
    content: counter(step);
    font-size: 1rem;
    font-weight: 600;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step .stepper-item + div {
    display: none
}

.validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step .stepper-item svg {
    fill: #3a3e4e;
    background-color: #3a3e4e;
    border: none;
    border-radius: .4rem;
    height: 2rem;
    margin: 0;
    padding: 0;
    width: 2rem
}

.validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step .stepper-item__label {
    color: #898fa9;
    font-family: Inter, sans-serif;
    font-size: 9px;
    line-height: 11px;
    text-align: left;
    text-align: initial
}

@media (max-width: 1024px) {
    .validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step .stepper-item {
        align-items: center;
        flex-direction: column;
        justify-content: space-between
    }

    .validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step .stepper-item + div {
        display: block
    }

    .validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step .stepper-item__label {
        text-align: center
    }
}

.validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step.active .stepper-item svg, .validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step.completed .stepper-item svg {
    fill: #18ae62;
    background-color: #18ae62
}

.validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step.active .stepper-item > div:first-child:before, .validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step.active .stepper-item__label, .validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step.completed .stepper-item > div:first-child:before, .validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step.completed .stepper-item__label {
    color: #fff
}

.validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step.completed div:nth-child(2) span {
    border-color: #18ae62
}

@media (max-width: 1024px) {
    .validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step div:nth-child(2) {
        left: calc(50% + 1rem);
        top: calc(1rem - 1px);
        width: 100%
    }

    .validation-modal--payment-details-validation .validation-form .stepper-root .stepper-step div:nth-child(2) span {
        border-color: #3a3e4e
    }

    .validation-modal--payment-details-validation .validation-form .stepper-root {
        gap: 1.5rem;
        margin: 0
    }
}

.validation-modal--payment-details-validation .validation-form-description {
    grid-area: description;
    line-height: 2rem;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .validation-modal--payment-details-validation .validation-form-description p {
        margin-bottom: 2.4rem
    }
}

.validation-modal--payment-details-validation .validation-form-description strong {
    color: #18ae62
}

.validation-modal--payment-details-validation .validation-form-description ul {
    list-style-type: none;
    padding: 0
}

.validation-modal--payment-details-validation .validation-form-description ul li:last-child {
    margin-bottom: 3.2rem;
    margin-top: 1.6rem
}

@media (max-width: 767px) {
    .validation-modal--payment-details-validation .validation-form-description ul li:last-child {
        margin-block: 2.4rem
    }
}

.validation-modal--payment-details-validation .validation-form-description ul li + li {
    margin-top: .8rem
}

.validation-modal--payment-details-validation .validation-form-description ul em {
    font-size: inherit;
    font-weight: inherit
}

.validation-modal--payment-details-validation .validation-form-description em {
    color: #fff;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400
}

.validation-modal--payment-details-validation .validation-form-description a {
    color: #18ae62;
    text-decoration: underline
}

.validation-modal--payment-details-validation .validation-form-description del {
    text-decoration: none
}

.validation-modal--payment-details-validation .validation-form-description p:has(del) {
    margin-bottom: 3.2rem;
    padding-left: 3.5rem;
    position: relative
}

.validation-modal--payment-details-validation .validation-form-description p:has(del):before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "Q";
    display: inline-block;
    font-family: Glyphter-custom;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    left: 0;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width: 1024px) {
    .validation-modal--payment-details-validation .validation-form-description p:has(em) {
        margin: 2.6rem 0 1rem
    }
}

@media (max-width: 767px) {
    .validation-modal--payment-details-validation .validation-form-description p:has(em) {
        margin: 2.4rem 0
    }
}

@media (max-width: 767px) {
    .validation-modal--payment-details-validation .validation-form .applePayUploader {
        padding-bottom: 1.2rem
    }
}

.validation-modal--payment-details-validation .validation-form-image-loader {
    grid-area: imageLoader;
    justify-self: center;
    max-width: 50rem;
    width: 100%
}

.validation-modal--payment-details-validation .validation-form-image-loader .applePayContent {
    aspect-ratio: unset;
    border: none;
    padding: 1.6rem 0
}

@media (max-width: 767px) {
    .validation-modal--payment-details-validation .validation-form-image-loader .applePayContent {
        display: none
    }
}

.validation-modal--payment-details-validation .validation-form-image-loader .applePayContent .validation-form-placeholder--step-2 {
    aspect-ratio: unset
}

.validation-modal--payment-details-validation .validation-form-image-loader .applePayContent .validation-form-placeholder--step-2 .validation-form-placeholder__title {
    line-height: inherit;
    margin-bottom: .8rem
}

.validation-modal--payment-details-validation .validation-form-image-loader .applePayLabel {
    margin-bottom: .8rem;
    margin-top: 2.4rem
}

@media (max-width: 767px) {
    .validation-modal--payment-details-validation .validation-form-image-loader .applePayLabel {
        margin-top: .4rem
    }
}

.validation-modal--payment-details-validation .validation-form-image-loader .hasContent input {
    color: #898fa9
}

.validation-modal--payment-details-validation .validation-form-image-loader .applePayNumberButton .input-before {
    border-right: none;
    padding-right: .3rem
}

.validation-modal--payment-details-validation .validation-form-image-loader .applePayNumberButton input {
    padding-left: 0
}

.validation-modal--payment-details-validation .validation-form-image-loader__content {
    align-items: center;
    aspect-ratio: 1.7;
    background-color: #21232c;
    border: 1px dashed #898fa9;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-evenly;
    position: relative
}

.validation-modal--payment-details-validation .validation-form-image-loader__content .button-root {
    max-height: none
}

.validation-modal--payment-details-validation .validation-form-image-loader__content .button-root .button-label span {
    align-items: center;
    display: flex;
    gap: 1rem
}

.validation-modal--payment-details-validation .validation-form-image-loader__content .button-root .button-label span:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "P";
    display: inline-block;
    font-family: Glyphter-custom;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.validation-modal--payment-details-validation .validation-form-image-loader__step {
    font-size: .9rem;
    font-weight: 600;
    text-align: center
}

.validation-modal--payment-details-validation .validation-form-image-loader__step:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "G";
    display: inline-block;
    font-family: Icons;
    font-size: 5.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 2rem;
    text-transform: none
}

.validation-modal--payment-details-validation .validation-form-image-loader__description {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.7rem;
    padding-top: .8rem
}

.validation-modal--payment-details-validation .validation-form-documents {
    grid-gap: 1.6rem;
    display: grid;
    gap: 1.6rem;
    grid-template-columns:repeat(auto-fit, minmax(0, 1fr));
    padding: 1.6rem 0 0
}

.validation-modal--payment-details-validation .validation-form-documents__item {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0
}

.validation-modal--payment-details-validation .validation-form-documents__image {
    aspect-ratio: 1.3;
    border-radius: 4px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%
}

.validation-modal--payment-details-validation .validation-form-documents__image[data-child="2"] {
    aspect-ratio: 1.7
}

.validation-modal--payment-details-validation .validation-form-documents__image:before {
    border: 1px dashed #898fa9;
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.validation-modal--payment-details-validation .validation-form-documents__image .image-root {
    height: 100%;
    width: 100%
}

.validation-modal--payment-details-validation .validation-form-documents__image .image-root img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%
}

.validation-modal--payment-details-validation .validation-form-documents__button {
    color: #ff4b4b;
    font-size: 1.1rem;
    font-weight: 600;
    min-width: auto;
    padding-left: 0;
    padding-right: 0
}

.validation-modal--payment-details-validation .validation-form-documents__button:disabled {
    background-color: transparent;
    color: #898fa9
}

.validation-modal--payment-details-validation .validation-form-documents__button .button-label {
    align-items: center;
    display: flex;
    gap: .8rem
}

.validation-modal--payment-details-validation .validation-form-documents__button .button-label:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "R";
    display: inline-block;
    font-family: Glyphter-custom;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.validation-modal--payment-details-validation .validation-form-placeholder {
    aspect-ratio: 1.65;
    background: #141518;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
    min-width: 18rem;
    width: 54%
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-0 {
    padding: 4.5%
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-0 .validation-form-placeholder__chip {
    border: 1px solid #898fa9;
    border-radius: 3px;
    display: block;
    height: 21%;
    margin-bottom: 7%;
    width: 14%
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-0 .validation-form-placeholder__number-card {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-1 .validation-form-placeholder__magnetic-stripe {
    background-color: #21232c;
    display: block;
    height: 16%;
    margin-bottom: 22%;
    width: 99.5%
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-1 .validation-form-placeholder__number-name {
    font-size: 1rem;
    font-weight: 700;
    padding-left: 6.8%;
    text-transform: uppercase
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-2 {
    background-color: transparent;
    min-height: 10.2rem
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-2 .validation-form-placeholder__title {
    font-size: 1.2rem;
    line-height: 2.8rem;
    margin-left: 6%;
    text-transform: uppercase
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-2 .validation-form-placeholder__block-1, .validation-modal--payment-details-validation .validation-form-placeholder--step-2 .validation-form-placeholder__block-2 {
    background-color: #141518;
    border-radius: .9rem;
    font-size: 1.2rem;
    line-height: 3rem;
    padding: 0 1.2rem
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-2 .validation-form-placeholder__block-1 ol, .validation-modal--payment-details-validation .validation-form-placeholder--step-2 .validation-form-placeholder__block-2 ol {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-2 .validation-form-placeholder__block-1 .markdown-root {
    line-height: calc(2.75rem - .5px)
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-2 .validation-form-placeholder__block-1 .markdown-root:first-child {
    border-bottom: 1px solid #2d2d2d
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-2 .validation-form-placeholder__block-2 {
    border: .1rem solid #18ae62;
    height: 2.6rem;
    margin-top: .8rem
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-2 .validation-form-placeholder__block-2 .markdown-root {
    height: 2.6rem
}

.validation-modal--payment-details-validation .validation-form-placeholder--step-2 .validation-form-placeholder__block-2 .markdown-root ol {
    color: #fff;
    height: 2.6rem
}

.validation-modal--payment-details-validation .validation-form-button {
    grid-area: button;
    justify-self: end
}

@media (max-width: 1024px) {
    .validation-modal--payment-details-validation .validation-form-button {
        justify-self: auto
    }
}

.validation-form-payment-modal.modal-paper .validation-form-confirmation__content {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px
}

.validation-form-payment-modal.modal-paper .validation-form-confirmation__button .button-label span {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center
}

.validation-form-payment-modal.modal-paper .validation-form-confirmation__button .button-label span:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "P";
    display: inline-block;
    font-family: Glyphter-custom;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.validation-form-payment-modal.modal-paper .confirmation-modal__buttons {
    border: none;
    margin-top: 0
}

.validation-form-payment-modal.modal-paper .confirmation-modal__buttons .gridItem-root:first-child {
    display: none
}

.validation-form-payment-modal.modal-paper .confirmation-modal__buttons .gridItem-root {
    flex-basis: 100%;
    max-width: 100%;
    padding: 0
}

.image-uploader .button-label {
    position: static
}

.image-uploader label {
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.theme-switcher {
    position: relative;
    width: 68px
}

.theme-switcher__text {
    color: #898fa9;
    display: none;
    font-size: 12px
}

@media (max-width: 1024px) {
    .theme-switcher__text {
        align-items: center;
        display: flex
    }
}

.theme-switcher .theme-switcher-checkbox {
    display: none
}

.theme-switcher .theme-switcher-label {
    border-radius: 20px;
    cursor: pointer;
    display: block;
    overflow: hidden
}

.theme-switcher .theme-switcher-label .theme-switcher-inner {
    display: block;
    margin-left: -100%;
    transition: margin .3s ease-in 0s;
    white-space: pre;
    width: 200%
}

.theme-switcher .theme-switcher-label .theme-switcher-inner:after, .theme-switcher .theme-switcher-label .theme-switcher-inner:before {
    border-radius: 20px;
    box-sizing: border-box;
    display: block;
    float: left;
    font-size: 7px;
    height: 29px;
    width: 50%
}

.theme-switcher .theme-switcher-label .theme-switcher-inner:before {
    background-color: #898fa9;
    box-shadow: inset 1px 1px 2px 0 #535767;
    color: #fff;
    content: "LIGHT\aMODE";
    padding-right: 35px;
    padding-top: 5px;
    text-align: right
}

.theme-switcher .theme-switcher-label .theme-switcher-inner:after {
    background-color: #1c1e26;
    box-shadow: inset -1px 1px 2px 0 #000;
    color: #898fa9;
    content: "DARK\aMODE";
    display: block;
    padding-left: 35px;
    padding-top: 5px;
    text-align: left
}

.theme-switcher .theme-switcher-label .theme-switcher-switch {
    box-sizing: content-box
}

.theme-switcher .theme-switcher-checkbox:checked + .theme-switcher-label .theme-switcher-switch {
    background-color: #fff;
    border: 2px solid #898fa9;
    right: 0
}

.theme-switcher .theme-switcher-switch {
    background: #3a3e4e;
    border: 2px solid #1c1e26;
    border-radius: 50%;
    bottom: 0;
    display: block;
    height: 24px;
    margin: 1px;
    position: absolute;
    right: 38px;
    top: 0;
    transition: all .3s ease-in 0s;
    width: 24px
}

.theme-switcher .theme-switcher-label:before, .theme-switcher .theme-switcher-switch {
    box-sizing: content-box
}

.theme-switcher input[type=checkbox], .theme-switcher input[type=radio] {
    box-sizing: border-box;
    line-height: normal;
    margin: 3px 0 0;
    margin: 4px 0 0;
    margin-top: 1px \9;
    padding: 0
}

.theme-switcher .theme-switcher-checkbox:checked + .theme-switcher-label .theme-switcher-inner {
    margin-left: 0
}

.game-toolbar {
    background: #2b2e3b;
    bottom: 0;
    filter: drop-shadow(0 -2px 6px rgba(25, 25, 25, .6));
    left: 0;
    max-height: 168px;
    position: fixed;
    width: 100%;
    z-index: 1003
}

@media (max-width: 767px) {
    .game-toolbar {
        position: fixed
    }
}

.game-toolbar-landscape {
    display: none
}

.game-toolbar .game-slider__slide {
    width: 132px !important
}

.game-toolbar .game-slider__slide img {
    border-radius: 0
}

.game-toolbar-container {
    height: 48px;
    margin: 0 auto;
    max-width: 1072px;
    position: relative
}

@media (max-width: 767px) {
    .game-toolbar-container {
        text-align: center
    }
}

.game-toolbar-container-tabletCl {
    text-align: left
}

.game-toolbar-container-tabletCl .game-toolbar-button-close {
    padding-right: 1.6rem !important
}

.game-toolbar-container-tabletCl .game-toolbar-button-close .icon-cross {
    height: 1.8rem;
    width: 1.8rem
}

.game-toolbar-container-tabletCl .game-toolbar-button-close .icon-cross:before {
    font-size: 1.8rem
}

.game-toolbar-container-tabletCl .game-toolbar-button-back {
    height: 100%;
    margin-left: 1.6rem;
    min-width: 0 !important;
    min-width: auto !important;
    padding: 0 !important;
    width: auto
}

.game-toolbar-container-tabletCl .game-toolbar-button-back span {
    height: 18px;
    width: 18px
}

.game-toolbar-container-tabletCl .game-toolbar-button-back span .icon-custom-arrow-left {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.game-toolbar-container-tabletCl .game-toolbar-button-back span .icon-custom-arrow-left:before {
    transform: scale(1.5)
}

.game-toolbar-buttons-group {
    height: 48px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width: 320px) {
    .game-toolbar-buttons-group {
        gap: 5.6px
    }
}

@media (min-width: 360px) {
    .game-toolbar-buttons-group {
        gap: 13.6px
    }
}

@media (min-width: 390px) {
    .game-toolbar-buttons-group {
        gap: 19.6px
    }
}

@media (min-width: 420px) {
    .game-toolbar-buttons-group {
        gap: 27.2px
    }
}

@media (min-width: 560px)and (max-width: 700px) {
    .game-toolbar-buttons-group {
        gap: 53.6px
    }
}

@media (max-width: 1133px) {
    .game-toolbar-buttons-group {
        padding: 0 2.4rem
    }
}

@media (max-width: 767px) {
    .game-toolbar-buttons-group {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-left: 0;
        padding: 0
    }
}

.game-toolbar-buttons-group-tabletCl {
    align-items: center;
    display: flex;
    gap: 5.4rem;
    justify-content: center;
    width: 100%
}

.game-toolbar-buttons-group-tabletCl .game-toolbar-button-close {
    padding-right: 1.6rem
}

.game-toolbar-group {
    color: #fff;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600
}

@media (max-width: 767px) {
    .game-toolbar-group {
        margin-left: 1.6rem;
        padding-right: 3.2rem
    }
}

.game-toolbar-group-tabletCl {
    margin-left: 0;
    padding-right: 3.2rem
}

.game-toolbar-button-close {
    height: 100%;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 1133px) {
    .game-toolbar-button-close {
        padding-right: 2.4rem !important
    }
}

@media (max-width: 767px) {
    .game-toolbar-button-close {
        padding-right: 1.6rem !important
    }

    .game-toolbar-button-close .icon-cross {
        height: 1.5rem;
        width: 1.5rem
    }

    .game-toolbar-button-close .icon-cross:before {
        font-size: 1.3rem !important
    }
}

.game-toolbar-button-close span {
    justify-content: flex-end
}

.game-toolbar-button-close i.icon-cross {
    color: #fff !important;
    margin: 0
}

.game-toolbar-button-close i.icon-cross:hover {
    color: #1ccc73 !important
}

.game-toolbar-button-close i.icon-cross:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "K";
    display: inline-block;
    font-family: Icons;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transform: scale(1.429)
}

.game-toolbar .game-toolbar-button-back {
    float: left;
    z-index: 10
}

@media (max-width: 1024px) {
    .game-toolbar .game-toolbar-button-back {
        margin-left: 0;
        width: 6.8rem
    }
}

@media (max-width: 767px) {
    .game-toolbar .game-toolbar-button-back {
        height: 100%;
        margin-left: 0;
        min-width: 0 !important;
        min-width: auto !important;
        padding: 0 !important;
        width: 5.2rem
    }

    .game-toolbar .game-toolbar-button-back span {
        height: 1.8rem;
        width: 2rem
    }

    .game-toolbar .game-toolbar-button-back span .icon-custom-arrow-left {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        width: 100%
    }

    .game-toolbar .game-toolbar-button-back span .icon-custom-arrow-left:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "U";
        display: inline-block;
        font-family: Glyphter-custom;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        text-transform: none;
        transform: scale(1.429)
    }
}

.game-toolbar .game-toolbar-button-back i.icon-custom-arrow-left {
    color: #fff;
    margin: 0
}

.game-toolbar-swiper-container {
    align-items: center;
    background: #3a3e4e;
    display: flex;
    height: 128px;
    padding: 16px 0
}

@media (max-width: 1133px) {
    .game-toolbar-swiper-container {
        padding: 1.6rem 2.4rem
    }
}

@media (max-width: 767px) {
    .game-toolbar-swiper-container {
        padding: 1.6rem 0
    }
}

.game-toolbar-swiper-container-tabletCl {
    padding-left: 1.6rem;
    padding-right: 4.22px
}

.game-toolbar-swiper {
    margin: 0 auto;
    max-width: 1072px;
    width: -webkit-fill-available
}

.game-toolbar-swiper .game-thumbnail__title-wrapper, .game-toolbar-swiper .game-thumbnail__title-wrapper + div {
    display: none
}

.game-toolbar-swiper .swiper-next, .game-toolbar-swiper .swiper-prev {
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 60px;
    z-index: 2
}

.game-toolbar-swiper .swiper-next:before, .game-toolbar-swiper .swiper-prev:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "b";
    display: inline-block;
    display: block;
    font-family: Glyphter;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-transform: none;
    transition: opacity .2s
}

.game-toolbar-swiper .swiper-next.is-disabled, .game-toolbar-swiper .swiper-prev.is-disabled {
    pointer-events: none
}

.game-toolbar-swiper .swiper-next.is-disabled:before, .game-toolbar-swiper .swiper-prev.is-disabled:before {
    opacity: .1
}

.game-toolbar-swiper .swiper-next:not(.is-disabled), .game-toolbar-swiper .swiper-prev:not(.is-disabled) {
    align-items: center;
    display: flex;
    justify-content: center
}

@media (max-width: 767px) {
    .game-toolbar-swiper .swiper-next:not(.is-disabled), .game-toolbar-swiper .swiper-prev:not(.is-disabled) {
        display: none
    }
}

.game-toolbar-swiper .swiper-prev {
    background: linear-gradient(90deg, #1c1e26 7.29%, rgba(28, 30, 38, 0));
    left: 0
}

.game-toolbar-swiper .swiper-prev:before {
    margin-right: 10px;
    transform: rotate(180deg)
}

.game-toolbar-swiper .swiper-next {
    background: linear-gradient(270deg, #1c1e26 7.29%, rgba(28, 30, 38, 0));
    right: 0
}

.game-toolbar-swiper .swiper-next:before {
    margin-left: 10px
}

.game-toolbar-button {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    max-height: 48px;
    min-width: 38px;
    padding: 13px 12px;
    text-transform: capitalize
}

.game-toolbar-button:first-child {
    padding-left: 0
}

.game-toolbar-button:hover {
    background: none
}

.game-toolbar-button-tabletCl {
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0;
    width: 4.8rem
}

.game-toolbar-button-tabletCl img {
    margin-right: 0 !important
}

@media (max-width: 767px) {
    .game-toolbar-button {
        display: flex;
        height: 100%;
        justify-content: center;
        padding: 0;
        width: 4.8rem
    }

    .game-toolbar-button img {
        margin-right: 0 !important
    }
}

.game-toolbar-button:first-child img {
    height: 1.8rem;
    width: 1.2rem
}

.game-toolbar-button:first-child img.tabletCl {
    height: 2.8rem;
    width: 1.9rem
}

@media (max-width: 767px) {
    .game-toolbar-button:first-child img {
        height: 2.8rem;
        width: 1.9rem
    }
}

.game-toolbar-button:nth-child(2) .title-toolbar {
    position: relative;
    top: -1px
}

.game-toolbar-button:nth-child(2) img {
    height: 1.5rem;
    width: 1.3rem
}

.game-toolbar-button:nth-child(2) img.tabletCl {
    height: 2.3rem;
    width: 2.1rem
}

@media (max-width: 767px) {
    .game-toolbar-button:nth-child(2) img {
        height: 2.3rem;
        width: 2.1rem
    }
}

.game-toolbar-button:nth-child(3) .title-toolbar {
    position: relative;
    top: -1px
}

.game-toolbar-button:nth-child(3) img {
    height: 1.5rem;
    width: 1.5rem
}

.game-toolbar-button:nth-child(3) img.tabletCl {
    height: 2.2rem;
    width: 2.2rem
}

@media (max-width: 767px) {
    .game-toolbar-button:nth-child(3) img {
        height: 2.2rem;
        width: 2.2rem
    }
}

.game-toolbar-button:nth-child(4) .title-toolbar {
    position: relative;
    top: -1px
}

.game-toolbar-button:nth-child(4) img {
    height: 1.4rem;
    width: 1.3rem
}

.game-toolbar-button:nth-child(4) img.tabletCl {
    height: 2.15rem;
    width: 2rem
}

@media (max-width: 767px) {
    .game-toolbar-button:nth-child(4) img {
        height: 2.1rem;
        width: 2rem
    }
}

.game-toolbar-button span {
    align-items: center;
    display: flex
}

.game-toolbar-button .title-toolbar {
    line-height: 1.2rem
}

.game-toolbar-button img {
    margin-right: 8px
}

.game-toolbar-button img.tabletCl {
    margin: 0
}

.game-toolbar-button--accent {
    color: #18ae62
}

.game-toolbar-button--accent .tabletCl {
    color: #fff !important
}

.game-toolbar-button--accent .tabletCl img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(15%) saturate(7449%) hue-rotate(187deg) brightness(102%) contrast(124%)
}

@media (max-width: 767px) {
    .game-toolbar-button--accent {
        color: #fff !important
    }

    .game-toolbar-button--accent img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(15%) saturate(7449%) hue-rotate(187deg) brightness(102%) contrast(124%)
    }
}

.game-toolbar-button--accent:hover {
    color: #18ae62 !important
}

.WTopSports .swiper-wrapper {
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.WTopSports-swiper {
    overflow: hidden;
    position: relative
}

.WTopSports-swiper .swiper-next, .WTopSports-swiper .swiper-prev {
    color: #fff;
    cursor: pointer
}

.WTopSports-swiper .swiper-next:hover, .WTopSports-swiper .swiper-prev:hover {
    color: #18ae62
}

.WTopSports-swiper .swiper-next:before, .WTopSports-swiper .swiper-prev:before {
    color: inherit;
    font-size: 16px;
    transition: all .2s
}

.WTopSports-slide {
    align-items: center;
    background-color: #2b2e3b;
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    padding: 12px 30px
}

.WTopSports-slide__img {
    height: 30px;
    margin-right: 8px;
    width: 30px
}

.WTopSports-slide__img img {
    height: 100%;
    width: 100%
}

.WTopSports-slide__name {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    white-space: nowrap
}

@media (max-width: 1024px) {
    .WTopSports {
        margin: 0 -2.4rem 0 0
    }
}

.perlas-number__progress {
    align-items: center;
    display: flex;
    padding: 0 1.6rem
}

.perlas-number__field--perlasCardNumber .field-root {
    margin-top: 0
}

.perlas-summary__text {
    color: #fff !important;
    word-break: break-word
}

.perlas-summary__checkbox {
    margin: 0
}

.perlas-summary__checkbox .checkbox-disabled {
    background-color: #898fa9 !important
}

.perlas-summary__checkbox span {
    color: #fff !important
}

.perlas-summary__box--mg {
    margin-top: 16px
}

.survey-stepper {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10
}

.survey-stepper .linearProgress-progressLine {
    height: 1px
}

.survey-stepper .linearProgress-progressLine .linearProgress-line .linearProgress-background {
    fill: #1c1e26
}

.survey-stepper .linearProgress-progressLine .linearProgress-line .linearProgress-progress {
    fill: #18ae62
}

.perlas-survey fieldset legend {
    margin-bottom: 16px
}

.perlas-survey__field .field-root.field-disabled .field-label, .perlas-survey__field.field-root.field-disabled .field-label {
    cursor: default
}

.perlas-survey__field .field-root.field-disabled .field-helper, .perlas-survey__field.field-root.field-disabled .field-helper {
    display: none
}

.perlas-survey__field .field-root.field-disabled .input-root, .perlas-survey__field.field-root.field-disabled .input-root {
    background-color: transparent;
    background-color: initial
}

.perlas-survey__field .field-root.field-disabled .input-root:after, .perlas-survey__field.field-root.field-disabled .input-root:after {
    display: none !important
}

.perlas-survey__field .field-root.field-disabled .input-root .input-input, .perlas-survey__field.field-root.field-disabled .input-root .input-input {
    background-color: transparent;
    background-color: initial;
    cursor: text;
    height: auto;
    padding: initial
}

.perlas-survey__field .field-root.field-disabled .input-root .input-input[type=date], .perlas-survey__field.field-root.field-disabled .input-root .input-input[type=date] {
    cursor: default
}

.perlas-survey__field .field-root.field-disabled .select-select, .perlas-survey__field.field-root.field-disabled .select-select {
    background-color: transparent;
    background-color: initial;
    cursor: default;
    height: auto;
    padding: initial
}

.perlas-survey__field .field-root.field-disabled .select-select:after, .perlas-survey__field.field-root.field-disabled .select-select:after {
    display: none !important
}

.perlas-survey__field .field-root.field-disabled .phone-number-wrapper, .perlas-survey__field.field-root.field-disabled .phone-number-wrapper {
    align-items: baseline
}

.perlas-survey__field .field-root.field-disabled .phone-number-wrapper .phone-number__code, .perlas-survey__field.field-root.field-disabled .phone-number-wrapper .phone-number__code {
    margin-right: 0
}

.perlas-survey__field .field-root.field-disabled .phone-number-wrapper .input-root, .perlas-survey__field.field-root.field-disabled .phone-number-wrapper .input-root {
    border-left: initial
}

.perlas-survey__field .field-checkbox label .checkbox-default + span, .perlas-survey__field legend {
    line-height: 20px
}

.perlas-survey__title {
    color: #fff;
    margin-bottom: 1.2rem
}

.perlas-survey__title p {
    line-height: 22px
}

.perlas-survey__title--green {
    color: #898fa9
}

.perlas-survey__title--mt-12 {
    margin-top: 12px
}

.perlas-survey__title--mb-0 {
    margin-bottom: 0
}

.perlas-survey__container {
    align-items: end
}

.perlas-survey__container--step-7 {
    align-items: flex-start
}

.perlas-notify p {
    color: #fff
}

.perlas-notify strong {
    font-size: 16px
}

.perlas-notify a {
    color: #18ae62;
    text-decoration: underline
}

.perlas-notify p + p {
    margin-top: 16px
}

.perlas-notify__text {
    padding: 16px 0 32px
}

.perlas-notify__text--fail strong {
    color: #ff4b4b;
    margin-top: 2.4rem
}

.perlas-notify__icon:before {
    font-size: 66px
}

.perlas-notify__icon--success:before {
    color: #18ae62;
    content: "G";
    font-family: Icons
}

.perlas-notify__icon--fail:before, .perlas-notify__icon--success:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.perlas-notify__icon--fail:before {
    color: #ff4b4b;
    content: "D";
    font-family: Glyphter
}

.perlas-idenfy iframe {
    height: 100%;
    min-height: 70vh;
    width: 100%
}

.perlas-checkboxes label + label {
    margin-top: 12px
}

.perlas-checkboxes--between {
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))
}

.perlas-checkboxes--between label + label {
    margin-top: 0
}

.perlas-checkboxes--row {
    flex-direction: row
}

.perlas-checkboxes--row label + label {
    margin-left: 12px;
    margin-top: 0
}

@media (max-width: 767px) {
    .perlas-checkboxes--between {
        grid-template-columns:1fr;
        margin-top: 0
    }

    .perlas-checkboxes--between label + label {
        margin-top: 12px
    }
}

.collapsible-text__btn span {
    color: #18ae62 !important;
    font-weight: 600;
    text-decoration: underline
}

.collapsible-text--close {
    display: flex
}

.collapsible-text--close .collapsible-text__content {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.collapsible-text--open .collapsible-text__btn, .collapsible-text--open .collapsible-text__content {
    display: inline
}

.collapsible-text--open .collapsible-text__btn {
    margin-left: 5px
}

.deposit-btn {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    z-index: 1000
}

.deposit-btn--visible {
    opacity: 1;
    pointer-events: auto
}

.deposit-btn__link {
    background-color: #ffd500;
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%
}

.deposit-btn__link:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    content: "V";
    display: inline-block;
    font-family: Glyphter-custom;
    font-size: 1.7rem;
    font-style: normal;
    font-weight: 400;
    left: 50%;
    line-height: 1;
    position: absolute;
    text-transform: none;
    top: 50%;
    transform: translate(-50%, -50%)
}

.up-to {
    align-items: center;
    background-color: #393d4b;
    background-color: var(--link-bg);
    border: 1px solid #393d4b;
    border: 1px solid var(--link-border);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity .2s linear;
    z-index: 999
}

.up-to.visible {
    opacity: 1;
    pointer-events: auto
}

.up-to.visible:hover {
    cursor: pointer
}

.up-to:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "H";
    display: inline-block;
    font-family: Icons;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    transform: rotate(270deg)
}

.up-to:hover {
    cursor: pointer
}

.aml-form__field--other {
    margin-bottom: 0
}

.mui-stepper {
    background: transparent
}

.mui-stepper__connector * {
    border-color: #898fa9
}

.mui-stepper__icon {
    width: 32px
}

.mui-stepper__icon-svg .circularProgress-path {
    stroke: #18ae62;
    stroke-linecap: round
}

.mui-stepper__icon-svg .circularProgress-path[stroke-dasharray="0, 100"] {
    stroke-linecap: butt
}

.mui-stepper__icon-svg .circularProgress-back {
    stroke: #898fa9;
    stroke-width: 0;
    fill: #21232c
}

.mui-stepper__icon-content {
    color: #fff;
    font-size: 1rem;
    font-weight: 600
}

.mui-stepper__text {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}

.mui-stepper__text em {
    color: #898fa9;
    font-style: normal;
    font-weight: 500;
    text-transform: none
}

.mui-stepper__text--mobile {
    font-size: 10px;
    text-align: end
}

.mui-stepper__step--completed .mui-stepper__icon-content {
    display: none
}

.mui-stepper__step--completed .mui-stepper__icon-svg {
    background-color: #18ae62;
    border-radius: 50%
}

.mui-stepper__step--completed .mui-stepper__icon-svg path {
    display: none
}

.mui-stepper__step--completed .mui-stepper__icon:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    height: 11px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -60%) rotate(45deg);
    width: 7px
}

.currency-symbol:not(.currency-symbol--1) {
    font-size: 12px;
    line-height: 1;
    padding-right: 3px
}

.hidden {
    display: none
}

.visibility-hidden {
    visibility: hidden
}

@media (min-width: 767px) {
    .hidden--desktop {
        display: none
    }
}

.group-root--buttons {
    margin-top: 1.6rem
}

.group-root--buttons button + button {
    margin-left: 1.6rem
}

#root[data-url*="/demo"] ~ div #launcher, #root[data-url*="/real"] ~ div #launcher, #root[data-url*=-roulette] ~ div #launcher, #root[data-url*=lobby] ~ div #launcher, .is-demo-mode.is-logged-out #root[data-url^="/games/twain-sport"] ~ div #launcher, .is-demo-mode.is-logged-out #root[data-url^="/twain-sport"] ~ div #launcher, .is-logged-in #root[data-url^="/games/parlay-bet"] ~ div #launcher, .is-logged-in #root[data-url^="/games/twain-sport"] ~ div #launcher, .is-logged-in #root[data-url^="/parlay-bet"] ~ div #launcher, .is-logged-in #root[data-url^="/twain-sport"] ~ div #launcher {
    display: none !important
}

.is-demo-mode.is-logged-out #root[data-url^="/games/twain-sport"] .app-main, .is-demo-mode.is-logged-out #root[data-url^="/twain-sport"] .app-main, .is-logged-in #root[data-url^="/games/parlay-bet"] .app-main, .is-logged-in #root[data-url^="/games/twain-sport"] .app-main, .is-logged-in #root[data-url^="/parlay-bet"] .app-main, .is-logged-in #root[data-url^="/twain-sport"] .app-main {
    margin: initial !important
}

.is-demo-mode.is-logged-out #root[data-url^="/games/twain-sport"] .app-main > .container, .is-demo-mode.is-logged-out #root[data-url^="/twain-sport"] .app-main > .container, .is-logged-in #root[data-url^="/games/parlay-bet"] .app-main > .container, .is-logged-in #root[data-url^="/games/twain-sport"] .app-main > .container, .is-logged-in #root[data-url^="/parlay-bet"] .app-main > .container, .is-logged-in #root[data-url^="/twain-sport"] .app-main > .container {
    max-width: none;
    padding: initial
}

.confirm-button__modal .modal-contents > .gridItem-root {
    flex-basis: auto;
    max-width: none
}

.confirm-button__modal .modal-contents > .gridItem-root:first-child {
    flex: 1
}

.confirm-button__modal .modal-contents .group-root--buttons {
    align-items: center;
    border-top: 1px solid #1c1e26;
    display: flex;
    margin: 1.6rem -1.6rem -1.6rem;
    padding: 1.6rem
}

@media (min-width: 1025px) {
    .confirm-button__modal .modal-contents .group-root--buttons {
        justify-content: space-between
    }
}

@media (max-width: 480px) {
    .confirm-button__modal .modal-contents .group-root--buttons {
        flex-direction: column
    }
}

.confirm-button__modal .modal-contents .group-root--buttons .button-root {
    min-width: 0;
    min-width: auto
}

@media (max-width: 1024px) {
    .confirm-button__modal .modal-contents .group-root--buttons .button-root {
        display: block;
        flex: 1;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: 100%
    }
}

.confirm-button__modal .modal-contents .group-root--buttons .button-root:only-child {
    flex: 1
}

.confirm-button__modal .modal-contents .group-root--buttons .button-root + .button-root {
    margin-left: 1.6rem
}

@media (min-width: 1025px) {
    .confirm-button__modal .modal-contents .group-root--buttons .button-root + .button-root {
        margin-left: 2.4rem
    }
}

@media (max-width: 480px) {
    .confirm-button__modal .modal-contents .group-root--buttons .button-root + .button-root {
        margin-left: 0;
        margin-top: 1.6rem
    }
}

@media (min-width: 1025px) {
    .confirm-button__modal .modal-contents .group-root--buttons {
        margin: 2.4rem -2.4rem -2.4rem;
        padding: 2.4rem
    }
}

.desktop.initializing .app-main, .desktop.preloading .app-main {
    visibility: hidden
}

.standard-table {
    max-width: 100%;
    overflow-x: auto;
    width: 100%
}

.static-table {
    display: table
}

.pay-and-play .static-table .static-table__payment-provider {
    display: none
}

.static-table img.static-table__payment-provider-icons {
    max-height: 30px;
    max-width: 80px
}

.static-table__nowrap {
    white-space: nowrap
}

.custom-table {
    display: table;
    width: 100%
}

.custom-table-head {
    display: table-header-group
}

.custom-table-body {
    display: table-row-group
}

.custom-table-row {
    display: table-row
}

.custom-table-cell {
    display: table-cell;
    vertical-align: middle
}

.custom-table, .table-root {
    border: 0;
    border-collapse: collapse;
    border-radius: 0;
    margin-bottom: 20px;
    overflow-x: auto
}

@media (max-width: 767px) {
    .custom-table, .table-root {
        display: block
    }
}

.custom-table .table-row--fake, .table-root .table-row--fake {
    display: none !important
}

.custom-table .table-cell--rejected-reasons, .table-root .table-cell--rejected-reasons {
    padding: 0;
    text-align: left
}

.custom-table .table-cell--amount, .table-root .table-cell--amount {
    font-weight: 700
}

.custom-table .table-cell--status--rejected, .table-root .table-cell--status--rejected {
    color: #ff4b4b
}

.custom-table .table-cell--status--expired, .table-root .table-cell--status--expired {
    color: #d7b354
}

.custom-table .table-cell--status--approved, .table-root .table-cell--status--approved {
    color: #399
}

.custom-table .table-cell--status--uploaded, .table-root .table-cell--status--uploaded {
    color: #a09f9f
}

.custom-table th, .custom-table-head .custom-table-cell, .table-root th, .table-root-head .custom-table-cell {
    border-bottom: 1px solid #333;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    padding: 15px 4px;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .custom-table th, .custom-table-head .custom-table-cell, .table-root th, .table-root-head .custom-table-cell {
        font-size: 10px
    }
}

.custom-table th:last-child, .custom-table-head .custom-table-cell:last-child, .table-root th:last-child, .table-root-head .custom-table-cell:last-child {
    padding-right: 4px
}

.custom-table td, .custom-table-cell, .table-root td, .table-root-cell {
    border-bottom: 1px solid #333;
    font-size: 14px;
    padding: 15px 4px;
    text-align: center
}

.custom-table td:last-child, .custom-table-cell:last-child, .table-root td:last-child, .table-root-cell:last-child {
    padding-right: 4px
}

@media (max-width: 668px) {
    .custom-table .custom-table, .table-root .custom-table {
        display: block
    }

    .custom-table .custom-table-head, .table-root .custom-table-head {
        display: none
    }

    .custom-table .custom-table-body, .table-root .custom-table-body {
        display: block
    }
}

.static-content .table-root {
    border-spacing: 0;
    width: 100%
}

.tableHead-Lowercase {
    font-size: 12px;
    text-transform: lowercase
}

@media (max-width: 767px) {
    .complaint-procedure__table {
        margin: 0 -20px
    }
}

.cumulative-deposit-limits-modal .modal-paper {
    max-width: 800px;
    width: 100%
}

.cumulative-deposit-limits-modal__description {
    text-align: center
}

.limits-confirmation-modal__type {
    margin: 30px 0
}

@media (max-width: 767px) {
    .limits-confirmation-modal__type {
        margin: 20px 0
    }
}

.limits-confirmation-modal__type-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .limits-confirmation-modal__type-title {
        margin-bottom: 10px
    }
}

.limits-confirmation-modal__period {
    align-items: baseline;
    background-color: #eee;
    display: flex;
    justify-content: space-between;
    padding: 20px 30px
}

@media (max-width: 767px) {
    .limits-confirmation-modal__period {
        padding: 15px 20px
    }
}

.limits-confirmation-modal__period:not(:last-child) {
    border-bottom: 1px solid #c7c7c7
}

.limits-confirmation-modal__period-title {
    font-weight: 700
}

.limits-confirmation-modal__period-arrow {
    margin: 0 10px
}

.validation-modal--shuftipro.modal-root .modal-paper {
    width: 870px
}

@media (max-width: 1024px) {
    .validation-modal--shuftipro.modal-root .modal-paper {
        width: 720px
    }
}

.country-validation {
    text-align: center
}

.country-validation .modal-paper {
    max-width: 53.7rem;
    min-width: 34.3rem
}

@media (max-width: 1024px) {
    .country-validation .modal-paper {
        height: 31rem;
        margin-inline: 1.6rem;
        max-height: none
    }
}

.country-validation .modal-paper .modalContentWrapper .modal-contentRoot {
    padding: 4.8rem
}

@media (max-width: 1024px) {
    .country-validation .modal-paper .modalContentWrapper .modal-contentRoot {
        padding: 2.4rem
    }
}

.country-validation__title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: .6rem
}

@media (max-width: 1024px) {
    .country-validation__title {
        font-size: 1.4rem
    }
}

.country-validation__subtitle {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 19.6px
}

.country-validation__content {
    display: flex;
    gap: 1.6rem;
    justify-content: center;
    padding-top: 4.8rem
}

@media (max-width: 1024px) {
    .country-validation__content {
        gap: 0
    }
}

.country-validation__content__link {
    cursor: pointer
}

.country-validation__content__link:hover h5 {
    color: #18ae62;
    font-weight: 700
}

.country-validation__content__image {
    border-radius: 50%;
    margin-inline: 4.2rem
}

@media (max-width: 1024px) {
    .country-validation__content__image {
        margin-inline: 2.6rem
    }
}

.country-validation__content h5 {
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 1.6rem
}

.subtitle {
    text-align: center
}

.items {
    display: flex;
    flex: 1;
    flex-direction: column;
    max-width: 1280px
}

.item {
    background: #fff;
    padding-bottom: 30px
}

.item:last-child {
    flex: 1
}

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

.buttons {
    padding-top: 1.6rem;
    text-align: right
}

@media (min-width: 1025px) {
    .buttons {
        margin: -.8rem
    }

    .buttons .button-root {
        margin: .8rem
    }
}

@media (max-width: 1024px) {
    .buttons .button-root {
        display: block;
        width: 100%
    }

    .buttons .button-root:not(:last-child) {
        margin-bottom: .8rem
    }
}

.panel {
    margin: auto;
    width: 100%
}

@media (max-width: 767px) {
    .panel:not(.panel--full) {
        padding: 15px 30px
    }
}

@media (min-width: 767px) {
    .panel {
        max-width: 66.6667%
    }
}

.available-limit-amount__content {
    text-transform: none
}

.available-limit-amount.available-limit-amount .circularProgress-path {
    stroke: #18ae62
}

.available-limit-amount.available-limit-amount .circularProgress-back {
    stroke: #898fa9
}

.profile-form__text {
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: 2.4rem
}

.profile-form__text a {
    color: #18ae62
}

.profile-form__text a.active, .profile-form__text a:active, .profile-form__text a:hover {
    color: #148f50
}

.profile-form__field .field-root.field-disabled .field-label, .profile-form__field.field-root.field-disabled .field-label {
    cursor: default
}

.profile-form__field .field-root.field-disabled .field-helper, .profile-form__field.field-root.field-disabled .field-helper {
    display: none
}

.profile-form__field .field-root.field-disabled .input-root, .profile-form__field.field-root.field-disabled .input-root {
    background-color: transparent;
    background-color: initial
}

.profile-form__field .field-root.field-disabled .input-root:after, .profile-form__field.field-root.field-disabled .input-root:after {
    display: none !important
}

.profile-form__field .field-root.field-disabled .input-root .input-input, .profile-form__field.field-root.field-disabled .input-root .input-input {
    background-color: transparent;
    background-color: initial;
    cursor: text;
    height: auto;
    padding: initial
}

.profile-form__field .field-root.field-disabled .input-root .input-input[type=date], .profile-form__field.field-root.field-disabled .input-root .input-input[type=date] {
    cursor: default
}

.profile-form__field .field-root.field-disabled .select-select, .profile-form__field.field-root.field-disabled .select-select {
    background-color: transparent;
    background-color: initial;
    cursor: default;
    height: auto;
    padding: initial
}

.profile-form__field .field-root.field-disabled .select-select:after, .profile-form__field.field-root.field-disabled .select-select:after {
    display: none !important
}

.profile-form__field .field-root.field-disabled .phone-number-wrapper, .profile-form__field.field-root.field-disabled .phone-number-wrapper {
    align-items: baseline
}

.profile-form__field .field-root.field-disabled .phone-number-wrapper .phone-number__code, .profile-form__field.field-root.field-disabled .phone-number-wrapper .phone-number__code {
    margin-right: 0
}

.profile-form__field .field-root.field-disabled .phone-number-wrapper .input-root, .profile-form__field.field-root.field-disabled .phone-number-wrapper .input-root {
    border-left: initial
}

.document-proof-form__content {
    display: flex;
    flex-wrap: wrap
}

.document-proof-form__content-uploading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

.document-proof-form__selected-type {
    width: 100%
}

.document-proof-form__spinner {
    margin: 0 auto
}

.document-proof-status {
    border: 1px solid #464a5a;
    display: flex
}

.document-proof-status:not(:last-child) {
    margin-bottom: 1.6rem
}

.document-proof-status:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    align-items: center;
    align-self: stretch;
    background: #464a5a;
    color: #fff;
    content: "6";
    display: inline-block;
    display: flex;
    font-family: Glyphter;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    padding: 1.6rem;
    text-transform: none
}

.document-proof-status__wrapper {
    display: flex;
    width: 100%
}

@media (max-width: sm) {
    .document-proof-status__wrapper {
        flex-direction: column
    }
}

.document-proof-status__icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.document-proof-status__icon:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #898fa9;
    content: "L";
    display: inline-block;
    font-family: Glyphter;
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 1.6rem;
    text-transform: none
}

@media (max-width: sm) {
    .document-proof-status__icon:before {
        margin: .8rem 1.6rem
    }
}

.document-proof-status__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.6rem;
    width: 100%
}

@media (max-width: md) {
    .document-proof-status__content {
        padding: 1.6rem
    }
}

.document-proof-status__content .list-root, .document-proof-status__content .markdown-root {
    width: 100%
}

.document-proof-status__content .list-root {
    margin-bottom: 1.6rem
}

@media (max-width: md) {
    .document-proof-status__content .button-accent {
        margin-left: -100px
    }
}

.document-proof-status__rejected-documents {
    margin: 1.6rem 0 2.4rem;
    width: 100%
}

.document-proof-status__rejected-document {
    text-align: left
}

.document-proof-status__rejected-document:not(:last-child) {
    margin-bottom: 3.2rem
}

.document-proof-status__rejected-document-title {
    color: #fff;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.6rem
}

.document-proof-status__rejected-document-title span {
    color: #898fa9;
    font-size: 1.4rem;
    font-weight: 400
}

.document-proof-status__rejected-reasons-title {
    margin-bottom: .8rem;
    margin-top: .8rem
}

.document-proof-status__rejected-reasons-list {
    margin-top: .8rem;
    padding-left: 3.2rem
}

.document-proof-status__rejected-reasons-list li:first-letter {
    text-transform: capitalize
}

.document-proof-status--identity .document-proof-status__icon:before {
    content: "("
}

.document-proof-status--address .document-proof-status__icon:before {
    content: "x"
}

.document-proof-status--uploaded {
    border-color: #faff00
}

.document-proof-status--uploaded:before {
    background: #faff00;
    content: "u"
}

.document-proof-status--uploaded .document-proof-status__icon:before {
    color: #faff00
}

.document-proof-status--approved {
    border-color: #18ae62
}

.document-proof-status--approved:before {
    background: #18ae62;
    content: "u"
}

.document-proof-status--approved .document-proof-status__icon:before {
    color: #18ae62
}

.document-proof-status--rejected {
    border-color: #ff4b4b
}

.document-proof-status--rejected:before {
    background: #ff4b4b;
    content: "O"
}

.document-proof-status--rejected .document-proof-status__icon:before {
    color: #ff4b4b
}

.document-proof-status--init {
    border-color: #faff00
}

.document-proof-status--init:before {
    background: #faff00;
    content: "D";
    font-size: 28px;
    font-weight: 700;
    padding: 13px
}

.document-proof-status--init .document-proof-status__icon:before {
    color: #faff00
}

.document-proof-status--none + .document-proof-status--none, .document-proof-status--rejected + .document-proof-status--none {
    border-color: #898fa9
}

.document-proof-status--none + .document-proof-status--none:before, .document-proof-status--rejected + .document-proof-status--none:before {
    background: #898fa9
}

.document-proof-status--none + .document-proof-status--none .document-proof-status__content, .document-proof-status--none + .document-proof-status--none .document-proof-status__icon:before, .document-proof-status--rejected + .document-proof-status--none .document-proof-status__content, .document-proof-status--rejected + .document-proof-status--none .document-proof-status__icon:before {
    color: #898fa9
}

.document-proof-status--none + .document-proof-status--none .button-primary, .document-proof-status--rejected + .document-proof-status--none .button-primary {
    display: none
}

.sof-validation tbody tr:nth-child(odd) {
    background: var(--table-even-background)
}

.sof-validation td, .sof-validation th {
    border-bottom: none
}

.sof-validation__status {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sof-validation__gallery-item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.sof-validation__gallery-open {
    border-radius: 3px;
    min-height: 0;
    min-width: 0;
    padding: 5px 7px;
    vertical-align: middle
}

.sof-validation__gallery-open:hover {
    background: none
}

.sof-validation__gallery-open > .button-label {
    font-size: 14px;
    margin-left: 5px;
    text-decoration: underline
}

.sof-validation__gallery-open > .button-label:hover {
    text-decoration: none
}

.sof-validation__upload {
    border: 1px solid;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 12px 4px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap
}

@media (max-width: 767px) {
    .sof-validation {
        display: block
    }

    .sof-validation__button-reasons {
        align-items: center;
        display: flex;
        grid-area: reasons;
        margin-left: 10%
    }

    .sof-validation__gallery-open {
        padding: 0;
        text-align: left
    }

    .sof-validation__gallery-open > .button-label {
        margin: 0
    }

    .sof-validation__button-reasons.hidden--desktop {
        font-size: 14px;
        width: 100%
    }

    .sof-validation__button-reason {
        color: #ff4b4b;
        cursor: pointer;
        text-decoration: underline
    }

    .sof-validation__button-reason:hover {
        text-decoration: none
    }

    .sof-validation .tableHead-root {
        display: none
    }

    .sof-validation .tableBody-root {
        display: flex;
        flex-wrap: wrap
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) {
        display: grid;
        grid-template:"type amount status" "date amount status" "expiryDate amount status" "reasons amount status";
        grid-template-columns:auto minmax(auto, 130px) 20px;
        grid-template-rows:40px 20px 20px 40px;
        height: 120px;
        width: 100%
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root:empty {
        display: none
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition).sof-validation__row--status--null {
        grid-template-areas:"type amount status" "type amount status" "type amount status" "type amount status"
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition).sof-validation__row--status--expired, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition).sof-validation__row--status--rejected {
        grid-template-areas:"type amount status" "date expiryDate status" ". expiryDate status" "reasons expiryDate status"
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 2px
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell .hidden--desktop, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root .hidden--desktop {
        color: #666
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--status, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--status {
        color: #fff;
        grid-area: status;
        text-orientation: mixed;
        transform: rotate(180deg);
        writing-mode: vertical-lr
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--status--rejected, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--status--rejected {
        background: #ff4b4b
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--status--rejected > span, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--status--rejected > span {
        text-decoration: none
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--status--expired, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--status--expired {
        background: #d7b354
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--status--approved, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--status--approved {
        background: #399
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--status--uploaded, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--status--uploaded {
        background: #a09f9f
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--type, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--type .button-label, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--type, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--type .button-label {
        font-size: 16px;
        grid-area: type
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--amount, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--amount {
        grid-area: amount;
        margin-left: auto;
        margin-right: 20px;
        max-width: 130px;
        width: 100%
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--date, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--date {
        grid-area: date
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--expiryDate, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--expiryDate {
        align-items: flex-start;
        grid-area: expiryDate
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--expiryDate > .hidden--desktop, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--expiryDate > .hidden--desktop {
        padding: 1px 0
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--date, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--expiryDate, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell--type, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--date, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--expiryDate, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root--type {
        justify-content: flex-start;
        margin-left: 10%;
        text-align: left
    }

    .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .table-cell .sof-validation__upload, .sof-validation .tableBody-root .tableRow-root:not(.table-row--addition) .tableCell-root .sof-validation__upload {
        align-items: center;
        display: flex;
        font-size: 14px;
        height: 42px;
        justify-content: center;
        max-width: 100px;
        width: 100%
    }

    .sof-validation__upload {
        font-size: 10px;
        padding: 4px 10px 3px
    }

    .sof-validation .table-row--addition {
        border-right: 20px solid #ff4b4b;
        display: block;
        height: auto;
        width: 100%
    }

    .sof-validation .table-row--addition .table-cell--rejected-reasons {
        display: block;
        margin-left: calc(10% - 12px)
    }

    .sof-validation .table-row--addition .table-cell--rejected-reasons ul {
        padding-left: 20px
    }

    .sof-validation--amountRange.sof-validation .tableBody-root .tableRow-root {
        grid-template:"type amount";
        height: 70px
    }
}

.sof-validation .table-cell--rejected-reasons ul {
    margin: 0 0 20px;
    padding: 0 0 0 40px
}

.sof-validation .table-cell--status--rejected > span {
    cursor: pointer;
    text-decoration: underline
}

.sof-validation .table-cell--status--rejected > span:hover {
    text-decoration: none
}

.validation-form--group--sof .gridItem-root .field-checkbox .checkbox-checked + span {
    color: #18ae62
}

.validation-form--group--sof .gridItem-root .field-root {
    margin: 4px 0 12px
}

.validation-form--group--sof .gridItem-root .field-root .field-helperError {
    display: none
}

.validation-form--group--sof .gridItem-root .field-error > .selectWithPlaceholder .select-select {
    box-shadow: inset 0 0 0 1px #ff4b4b
}

.validation-form--group--sof .gridItem-root .selectWithPlaceholder {
    margin-bottom: 10px
}

.validation-form--group--sof .gridItem-root .selectWithPlaceholder-modal li {
    border: none
}

.validation-form--group--sof .gridItem-root .selectWithPlaceholder > div {
    width: 100%
}

.validation-form--group--sof .gridItem-root .selectWithPlaceholder > div:after, .validation-form--group--sof .gridItem-root .selectWithPlaceholder > div:before {
    background: none
}

.validation-form--group--sof .gridItem-root .selectWithPlaceholder > div .select-select {
    color: #898fa9;
    font-size: 12px;
    font-weight: 400
}

.validation-form--group--sof .gridItem-root .selectWithPlaceholder > div .select-select:not(.select-disabled):hover {
    box-shadow: none
}

.validation-form--group--sof .gridItem-root .range-filled > div .select-select {
    color: #fff
}

.validation-form--group--sof .field-checkbox label:hover .checkbox-default:not(.checkbox-checked):not(.checkbox-disabled) {
    box-shadow: inset 0 0 0 1px #616785
}

.validation-form--group--sof .field-checkbox label .checkbox-default {
    box-shadow: inset 0 0 0 1px #616785;
    height: 2.2rem;
    width: 2.2rem
}

.validation-form--group--sof .field-checkbox label .checkbox-default + span {
    line-height: 1.9rem
}

.validation-form--group--sof .field-checkbox label .checkbox-checked {
    box-shadow: none
}

.validation-form--group--sof .validation-form__buttons {
    border: none
}

.selectWithPlaceholder-modal .select-menuPaper ul li.selectItem-root {
    background: none;
    border: none;
    border-bottom: none !important;
    font-size: 12px
}

.selectWithPlaceholder-modal .select-menuPaper ul li.selectItem-root:hover {
    color: #18ae62
}

.validation-form__upload {
    display: block;
    width: 100%
}

.validation-form__upload .imageField-imageWrapper img {
    border-radius: .4rem;
    display: block
}

.validation-form__upload .imageField-buttons {
    text-align: center
}

.validation-form__upload .imageField-buttons .fileField-root {
    margin-top: 1.6rem
}

.validation-form__upload .imageField-buttons .fileField-root .fileField-button {
    background-color: transparent;
    background-color: initial;
    border-radius: .4rem;
    border-radius: initial;
    color: #fff;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1.4rem;
    font-weight: 700;
    font-weight: 400;
    line-height: 1.6rem;
    max-height: 4.8rem;
    min-height: 0;
    min-height: auto;
    min-width: 15rem;
    min-width: auto;
    padding: initial;
    text-align: center;
    text-transform: uppercase;
    text-transform: inherit;
    transition: all .2s;
    white-space: nowrap
}

.validation-form__upload .imageField-buttons .fileField-root .fileField-button:active, .validation-form__upload .imageField-buttons .fileField-root .fileField-button:hover {
    color: #fff
}

a.validation-form__upload .imageField-buttons .fileField-root .fileField-button {
    color: #fff;
    text-decoration: none
}

.validation-form__upload .imageField-buttons .fileField-root .fileField-button.button-loading {
    color: transparent
}

.validation-form__upload .imageField-buttons .fileField-root .fileField-button.button-disabled {
    background-color: #23252f;
    box-shadow: none;
    color: #616885
}

.validation-form__upload .imageField-buttons .fileField-root .fileField-button span[class*=MuiTouchRipple] {
    display: none
}

.validation-form__upload .imageField-buttons .fileField-root .fileField-button--no-transition {
    transition: all .2s, color 0s, background 0s
}

.validation-form__upload .imageField-buttons .fileField-root .fileField-button:hover {
    background-color: transparent;
    background-color: initial;
    color: #18ae62
}

.validation-form__upload .imageField-buttons .fileField-root .fileField-button--solid {
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 700;
    text-transform: uppercase
}

.validation-form__upload .imageField-buttons .fileField-root .fileField-button:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "r";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: .8rem;
    text-transform: none
}

.validation-form__upload .imageField-helper {
    color: #ff4b4b;
    font-size: 1rem;
    line-height: 1.4;
    margin: .6rem 0 0;
    text-align: center
}

.validation-form__reset {
    margin-top: 1.6rem;
    text-align: center
}

.validation-form__reset .button-root:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "f";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-right: .8rem;
    text-transform: none
}

.validation-form__type {
    margin-bottom: 1.6rem
}

.validation-form__type strong {
    color: #fff
}

.validation-form__confirmation {
    margin-top: 1.6rem
}

.validation-form__buttons {
    align-items: center;
    border-top: 1px solid #1c1e26;
    display: flex;
    margin: 1.6rem -1.6rem -1.6rem;
    padding: 1.6rem
}

@media (min-width: 1025px) {
    .validation-form__buttons {
        justify-content: space-between;
        margin: 2.4rem -2.4rem -2.4rem;
        padding: 2.4rem
    }
}

@media (max-width: 480px) {
    .validation-form__buttons {
        flex-direction: column
    }
}

.validation-form__buttons .button-root {
    min-width: 0;
    min-width: auto
}

@media (max-width: 1024px) {
    .validation-form__buttons .button-root {
        display: block;
        flex: 1;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        width: 100%
    }
}

.validation-form__buttons .button-root:only-child {
    flex: 1
}

.validation-form__buttons .button-root + .button-root {
    margin-left: 1.6rem
}

@media (min-width: 1025px) {
    .validation-form__buttons .button-root + .button-root {
        margin-left: 2.4rem
    }
}

@media (max-width: 480px) {
    .validation-form__buttons .button-root + .button-root {
        margin-left: 0;
        margin-top: 1.6rem
    }
}

.validation-form__buttons .button-root:only-child {
    margin-right: 0
}

.validation-form__image {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.validation-form__image:not(.galleryItem-clone) {
    background: none !important;
    left: 0
}

.validation-form__image.galleryItem-clone {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.validation-form__image-stacker {
    flex: 1;
    min-height: 200px;
    perspective: 900px
}

.validation-form__image-stacker-item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: .4rem;
    position: absolute;
    transform-origin: bottom;
    transition: all .3s;
    z-index: 1
}

.validation-form__image-stacker-item:hover ~ .other-documents-form__image-stacker-item {
    transform: rotateX(-60deg)
}

.validation-form .galleryItem-delete {
    position: absolute;
    right: .8rem;
    top: .8rem;
    z-index: 1
}

.validation-form .galleryItem-delete.button-root {
    background-color: #18ae62;
    background-color: #ff4b4b;
    border-radius: .4rem;
    color: #fff;
    font-size: 1.2rem;
    height: auto;
    line-height: 1.2;
    max-height: 4rem;
    min-width: 0;
    min-width: auto;
    min-width: auto !important;
    padding: 1.2rem;
    text-transform: inherit;
    width: auto
}

.validation-form .galleryItem-delete.button-root:hover {
    background-color: #1ccc73
}

.validation-form .galleryItem-delete.button-root:active {
    background-color: #148f50
}

@media (min-width: 1025px) {
    .validation-form .galleryItem-delete.button-root {
        min-width: 6.4rem
    }
}

.validation-form .galleryItem-delete.button-root:hover {
    background-color: #ff6565
}

.validation-form .galleryItem-delete.button-root:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "v";
    display: inline-block;
    font-family: Icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.document-proof {
    background: #fff;
    border-radius: 13px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 140px;
    justify-content: center;
    margin: 10px;
    overflow: hidden;
    width: 230px
}

.document-proof__side {
    flex: 1;
    margin: 5px;
    text-align: center
}

.document-proof__spinner {
    margin: auto
}

.document-proof__reupload {
    text-align: center
}

.document-proof__status {
    align-items: center;
    display: flex;
    flex: 1;
    font-size: 18px;
    justify-content: center;
    padding: 5px;
    text-align: center
}

.document-proof__date {
    flex: 1;
    font-size: 10px;
    text-align: center
}

.document-proof--status--approved {
    color: #399
}

.document-proof--status--rejected {
    color: #ff4b4b
}

.document-proof--status--uploaded {
    color: #faff00
}

.document-proof .imageField-helper {
    margin: 5px;
    text-align: center
}

.document-proof .imageField-root {
    flex-direction: column;
    height: 140px;
    justify-content: flex-end;
    width: 100%
}

.document-proof .imageField-content {
    flex: 1;
    padding: 5px;
    text-align: center
}

.document-proof .imageField-content .document-proof__side {
    margin: 0
}

.document-proof .imageField-image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.document-proof .imageField-imageWrapper {
    flex: 10;
    height: 53px;
    width: 100%
}

.document-proof .imageField-buttons {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap
}

.document-proof .imageField-clear, .document-proof .imageField-submit {
    width: 50%
}

.document-proof .fileField-root {
    justify-content: center
}

.status-form__title {
    margin-bottom: 0;
    margin-top: 40px
}

.status-form__status {
    margin-bottom: 20px;
    margin-top: 0
}

.status-form__status-active {
    font-weight: 700;
    margin: 0 10px
}

.status-form__field {
    width: 100%
}

.status-form__field--date {
    margin: 20px 0
}

.status-form__field .formControlLabel-label {
    text-transform: uppercase
}

.status-form legend {
    color: var(--body-text-dark-color);
    margin-bottom: 10px;
    margin-top: 20px
}

.status-form .buttons-grid {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    width: 100%
}

.status-form .buttons-grid .status-form__field {
    width: auto
}

.status-form .buttons-grid .gridItem-root {
    display: inline-block;
    flex-basis: auto
}

.status-form .buttons-grid .gridItem-root:not(:last-child) {
    margin-right: 20px
}

.status-form .buttons-grid .radioGroup-root span {
    background-color: transparent;
    width: auto
}

@media (max-width: 1024px) {
    [data-url="/bingo"] .header, [data-url="/bingo"] .main-decorator__footer {
        display: none
    }

    [data-url="/bingo"] .main-decorator, [data-url="/bingo"] .main-decorator__content {
        margin: 0
    }
}

[data-url="/bingo"] .header__balance, [data-url="/bingo"] .header__deposit {
    display: none
}

.bingo-frame {
    border: none;
    display: block;
    height: calc(100vh - 60px);
    margin: auto auto -40px;
    max-width: 1345px;
    transition: all .3s;
    width: 100vw
}

@media (max-width: 1024px) {
    .bingo-frame {
        height: calc(100vh - 50px)
    }
}

.bingo-frame--full-width {
    max-width: none
}

.bingo-progress {
    margin: 20px 0
}

.bingo-notification-wrapper {
    margin-top: 40px
}

@media (max-width: 767px) {
    .bingo-notification-wrapper .gridItem-root {
        padding-left: 15px;
        padding-right: 15px
    }
}

.bingo .prefill {
    align-items: center;
    background: var(--content-background);
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    max-width: 60vw;
    min-height: 60vh;
    padding: 40px;
    position: relative
}

@media (max-width: 1024px) {
    .bingo .prefill {
        max-width: 100vw
    }
}

.bingo .prefill__description {
    color: #999
}

.bingo .prefill .button-root {
    margin-top: 10px
}

.limit-amount {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 10px auto;
    max-width: 300px;
    position: relative
}

.limit-amount__title {
    height: 32px;
    margin-right: 90px;
    text-transform: uppercase
}

@media (min-width: 1025px) {
    .limit-amount__title {
        text-align: center
    }
}

.limit-amount__title-content {
    font-weight: 700
}

.limit-amount__amount, .limit-amount__renew {
    background: #2b2e3b;
    flex: 1
}

.limit-amount__amount-input input.input-inputDisabled, .limit-amount__amount-input.input-disabled > .input-before {
    color: #c3c3c3
}

.limit-amount__amount-field {
    margin: 15px 0 0;
    width: calc(100% - 47px)
}

.limit-amount__amount-field .field-helperHint p {
    line-height: 1;
    margin: 0
}

.limit-amount__progress {
    background: #2b2e3b;
    border-radius: 50%;
    font-weight: 700;
    padding: 5px;
    position: absolute;
    right: 0;
    top: -7px;
    width: 90px
}

.limit-amount__progress.unlimited {
    font-size: 24px;
    font-weight: 400
}

.limit-amount__progress .circularProgress-back {
    stroke: #ccc
}

.limit-amount__progress .circularProgress-path {
    stroke: #fc0
}

.limit-amount__progress .available-limit-amount__title {
    bottom: 15px;
    color: #18ae62;
    font-size: 12px;
    font-weight: 400;
    left: 50%;
    position: absolute;
    text-transform: none;
    transform: translateX(-50%)
}

.limit-amount__remove-button, .limit-amount__revert-button {
    align-items: center;
    align-self: center;
    border-radius: 50%;
    color: #333;
    display: inline-flex;
    justify-content: center;
    margin-right: 10px;
    min-height: 26px;
    min-width: 26px;
    padding: 0
}

.limit-amount__remove-button:not(.button-loading) .button-label:before, .limit-amount__revert-button:not(.button-loading) .button-label:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: Glyphter;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.limit-amount__revert-button .button-label:before {
    content: "}"
}

.limit-amount__remove-button .button-label:before {
    content: "|"
}

.limit-amount__confirm {
    font-size: 12px;
    font-weight: 400;
    margin-top: 6px;
    min-height: 0;
    min-width: 50px;
    padding: 7px 5px;
    text-transform: none;
    width: 100%
}

.limit-amount__confirm.button-disabled {
    background: #d4d4d4;
    color: #a9a9a9
}

.user-identification__form {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

@media (min-width: 1025px) {
    .user-identification__form {
        gap: 2rem
    }
}

.user-identification__verification--iframe iframe {
    min-height: 70vh;
    width: 100%
}

.user-identification__form-buttons {
    display: flex;
    flex-direction: column;
    gap: 2.4rem
}

.user-identification__form-buttons button {
    flex: 1
}

.activation-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 100px);
    overflow: hidden
}

@media (max-width: 1024px) {
    .activation-page {
        min-height: calc(100vh - 90px)
    }
}

.post-login-content-wrap--limits {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    padding-top: 0
}

.post-login-content-wrap--limits-responsible-gambling, .post-login-content-wrap--limits-self-exclusion, .post-login-content-wrap--limits-time-out {
    background: #242731
}

.post-login-content-wrap--limits .static-content {
    padding: 10px 30px
}

.post-login-content-wrap--limits .button-secondary {
    background-color: #2b2e3b;
    box-shadow: inset 0 0 0 1px #6c7394;
    margin: 30px 0 15px
}

.post-login-content-wrap--limits .button-secondary:hover {
    background-color: #393d4b;
    box-shadow: inset 0 0 0 1px #6c7394
}

.post-login-content-wrap--limits .button-secondary:active {
    background-color: #21232c;
    box-shadow: inset 0 0 0 1px #6c7394
}

.post-login-content-wrap--limits-responsible-gambling .limits__title {
    display: none
}

.limits__title {
    margin: 0;
    padding: 40px 10px 10px;
    text-align: center
}

.limits__container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 0;
    padding: 0
}

.limits__item {
    flex-basis: 0
}

.limits__item ~ .limits__item {
    border-top: 1px solid #1c1e26;
    margin-top: 2.4rem
}

.limits__item:empty {
    display: none
}

.limits__items {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    margin: 0
}

.limits__item--last {
    background-color: #242731;
    flex-grow: 1
}

.limit-form__title {
    margin: 0 0 1.6rem
}

.limit-form__item {
    margin: 35px 0 10px
}

.limit-form__item--amount {
    padding-right: 40px
}

@media (max-width: 767px) {
    .limit-form__item--amount {
        margin: 0;
        padding: 0
    }
}

.limit-form__item--period {
    padding-left: 40px
}

@media (max-width: 767px) {
    .limit-form__item--period {
        padding-left: 0
    }
}

.limit-form__item--date {
    align-self: flex-start
}

.limit-form__field legend {
    margin-bottom: 10px
}

.limit-form__radiogroup {
    position: relative;
    top: -2px
}

@media (min-width: 1025px) {
    .limit-form__radiogroup .formControlLabel-root {
        min-height: 5.6rem
    }
}

.limit-form .limit-form__radio {
    white-space: normal
}

@media (max-width: 480px) {
    .limit-form .limit-form__radio {
        margin-bottom: 8px
    }
}

.limit-form .limit-form__radio .formControlLabel-label {
    text-transform: uppercase
}

.limit-form__spacer {
    margin: 0 -20px;
    width: calc(100% + 40px)
}

.limit-form__spacer > .limit-form__item {
    margin: 0;
    padding: 10px 20px
}

.limit-form .markdown-root p {
    margin: 0 0 1.6rem
}

.limit-form .markdown-root p:not(:first-child) {
    margin: 1.6rem 0
}

.limits__container + .limits__container {
    margin-top: 3.2rem
}

.blocked-page__header {
    height: 134px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.blocked-page__logo {
    display: block;
    margin: 32px auto 0;
    max-width: 290px;
    width: 100%
}

.blocked-page .content-wrapper {
    align-items: center;
    background-image: url(/cms/img/bg.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-grow: 1;
    min-height: 100vh
}

html.no-webp .blocked-page .content-wrapper {
    background-image: url(/cms/img/bg.jpg)
}

.blocked-page .content-wrapper .content {
    margin: 0 auto;
    max-width: 600px;
    padding: 15px;
    text-align: center
}

.blocked-page .content-wrapper .content__title {
    color: #fff;
    font-size: 42px;
    font-weight: 400;
    text-transform: uppercase
}

.blocked-page .content-wrapper .content__text {
    color: #fff;
    font-size: 21px
}

.pending-rounds {
    margin: 32px auto
}

.pending-rounds-device {
    background: rgba(51, 51, 51, .5);
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    text-align: center
}

.pending-rounds-device__icon {
    margin-top: 20px;
    vertical-align: top
}



.computer-tab {
    width: 100%;
    border-collapse: collapse;
}

.computer-tab th,
.computer-tab td {
    padding: 5px 5px;
    border: 1px solid #91aacd;
    text-align: left;
}

.computer-tab th {
    background-color: #6dd0ef;
    font-weight: bold;
    color: black;
}

h1, h2, h3, h4 {
    color: green !important;
    font-size: 28px !important;
    text-align: center !important;
}




/*# sourceMappingURL=main.02215f1b.css.map*/