﻿@import "css2-Outfitwght100200300400500600700800900_swap.css";
@font-face
{
    font-family: "Outfit";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face
{
    font-family: "Outfit";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face
{
    font-family: "Outfit";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face
{
    font-family: "Outfit";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face
{
    font-family: "Outfit";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face
{
    font-family: "Outfit";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face
{
    font-family: "Outfit";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face
{
    font-family: "Outfit";
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face
{
    font-family: "Outfit";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/outfit/v6/QGYvz_MVcBeNP4NJtEtq.woff2) format("woff2");
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
h1
{
    font-size: 3em;
}
h2
{
    font-size: 2.5em;
}
h3
{
    font-size: 2em;
}
h4
{
    font-size: 1.5em;
}
h5
{
    font-size: 1.25em;
}
h6
{
    font-size: 1em;
}
p, .body-text
{
    font-size: 1em;
    font-weight: 400;
}
.body-bold
{
    font-weight: 700;
}
.body-small
{
    font-size: .875em;
    font-weight: 400;
}
.body-small-bold
{
    font-weight: 700;
}
.body-x-small
{
    font-size: .75em;
    font-weight: 400;
}
.body-x-small-bold
{
    font-weight: 700;
}
.body-tiny
{
    font-size: .625em;
    font-weight: 400;
}
.body-tiny-bold
{
    font-weight: 700;
}
.form-label
{
    font-size: .75em;
    font-weight: 400;
}
.form-placeholder
{
    font-size: 1em;
    font-weight: 300;
    color: rgba(255,255,255,.48);
}
.form-input
{
    font-size: 1em;
    font-weight: 400;
}
.form-hint
{
    font-size: .625em;
    font-weight: 300;
    color: rgba(255,255,255,.48);
}
body
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    margin: 0;
    padding: 0;
    font-family: "Outfit",sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #100800;
    color: #fff;
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
body::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
body::-webkit-scrollbar-track
{
    background: #241f19;
}
body::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
body.loading #content-container
{
    opacity: 0;
    overflow: hidden;
}
body:not(.loading) #content-container
{
    opacity: 1;
    animation: pageAnimateIn .5s ease;
}
#main-container
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    overflow-y: auto;
    height: 100%;
}
#main-container::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
#main-container::-webkit-scrollbar-track
{
    background: #241f19;
}
#main-container::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
@keyframes pageAnimateIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
header
{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
.no-scroll, .popup-no-scroll
{
    overflow: hidden;
}
#content-container
{
    padding-top: 3.5em;
    width: 100%;
    overflow-x: hidden;
}
.hero-section
{
    padding-top: 3.5em;
    background: #5c5c5c;
}
.grecaptcha-badge
{
    visibility: hidden;
}
footer
{
    margin-bottom: 4em;
}
footer hr
{
    border: none;
    border-bottom: 1px solid #ff8a14;
}
footer .footer-header
{
    font-size: .875em;
    color: #fff;
}
footer .footer-link
{
    font-size: .75em;
    color: #ff8a14;
    display: block;
    text-decoration: none;
}
footer .footer-link:hover
{
    color: #ffa143;
}
footer .footer-social
{
    display: flex;
    max-width: 9em;
    margin: 2em auto;
}
footer .footer-social img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    width: 1.2em;
    height: 1.5em;
    margin-right: 1.3em;
}
footer .footer-header
{
    font-size: .875em;
}
footer .footer-body
{
    font-size: .75em;
    color: #ff8a14;
}
footer .footer-container
{
    display: grid;
    grid-gap: 2em;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    max-width: 70em;
    margin: 2.5em auto;
    line-height: 2em;
    padding: 0 1em;
}
@media only screen and (max-width: 800px)
{
    footer .footer-container
    {
        grid-template-columns: 1fr 1fr;
    }
}
footer .footer-game-providers, footer .footer-payment-providers, footer .footer-affiliates
{
    max-width: 70em;
    margin: 2.5em auto;
    padding: 0 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
footer .footer-game-providers img, footer .footer-payment-providers img, footer .footer-affiliates img
{
    margin: .5em;
    max-height: 1.5em;
}
footer .footer-game-providers a img, footer .footer-payment-providers a img, footer .footer-affiliates a img
{
    height: 1.5em;
}
footer .footer-info
{
    max-width: 50em;
    margin: 2em auto;
    text-align: center;
    padding: 0 1.5em;
}
footer .footer-info .footer-brand-logo
{
    width: 8.0075em;
    height: 1.5em;
    padding: 0;
}
footer .footer-info .copyright
{
    font-size: .624em;
    padding-bottom: 1em;
    color: rgba(255,255,255,.64);
}
footer .footer-info .copyright .footer-logo
{
    vertical-align: middle;
    padding: 0;
    padding-left: .5em;
    filter: invert(100%) opacity(.64);
}
capp-preloader
{
    display: flex;
    align-items: center;
    justify-content: center;
}
capp-preloader .preloader
{
    border: 1px solid #ff8a14;
    border-right: 1px solid rgba(0,0,0,0);
    border-radius: 50%;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -ms-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}
@keyframes rotate
{
    from
    {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to
    {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
capp-progress-bar .progress-wrap
{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: .5em;
    background: rgba(255,255,255,.24);
    border-radius: .25em;
}
capp-progress-bar .progress-wrap .progress-bar
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #ff8a14;
    border-radius: .25em;
}
capp-progress-bar .values-wrap
{
    display: flex;
    justify-content: space-between;
}
capp-progress-bar .values-wrap span
{
    line-height: 190%;
    font-size: .75em;
}
.btn-primary
{
    position: relative;
    border-radius: .125em;
    border: none;
    font-weight: 700;
    font-size: 1em;
    line-height: 150%;
    padding: .75em 2em;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    font-family: "Outfit",sans-serif;
    background: #00e67e;
    color: #100800;
}
.btn-primary:hover
{
    text-decoration: none;
}
.btn-primary.medium
{
    font-size: .875em;
    line-height: 143%;
}
.btn-primary.small
{
    font-size: .75em;
    line-height: 133%;
}
.btn-primary.tiny
{
    font-size: .625em;
    line-height: 120%;
}
.btn-primary.loading
{
    color: rgba(0,0,0,0)!important;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-primary.loading:after
{
    content: "";
    display: block;
    position: absolute;
    width: 1.25em;
    height: 1.25em;
    top: 50%;
    left: 50%;
    margin: -.625em 0 0 -.625em;
    border: 1px solid #100800;
    border-right: 1px solid rgba(0,0,0,0);
    border-radius: 50%;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -ms-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}
.btn-primary.btn-icon
{
    padding: .75em 1em;
}
.btn-primary img
{
    width: 1.2em;
    height: 1em;
    background-repeat: no-repeat;
    margin: 0 .3em;
    background-size: cover;
    background-position: center;
}
.btn-primary:hover
{
    background: #33eb98;
    color: #100800;
}
.btn-primary:disabled
{
    background: #00e67e;
    opacity: .4;
}
.btn-secondary
{
    position: relative;
    border-radius: .125em;
    border: none;
    font-weight: 700;
    font-size: 1em;
    line-height: 150%;
    padding: .75em 2em;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    font-family: "Outfit",sans-serif;
    background: rgba(255,255,255,.08);
    color: #fff;
}
.btn-secondary:hover
{
    text-decoration: none;
}
.btn-secondary.medium
{
    font-size: .875em;
    line-height: 143%;
}
.btn-secondary.small
{
    font-size: .75em;
    line-height: 133%;
}
.btn-secondary.tiny
{
    font-size: .625em;
    line-height: 120%;
}
.btn-secondary.loading
{
    color: rgba(0,0,0,0)!important;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-secondary.loading:after
{
    content: "";
    display: block;
    position: absolute;
    width: 1.25em;
    height: 1.25em;
    top: 50%;
    left: 50%;
    margin: -.625em 0 0 -.625em;
    border: 1px solid #100800;
    border-right: 1px solid rgba(0,0,0,0);
    border-radius: 50%;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -ms-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}
.btn-secondary.btn-icon
{
    padding: .75em 1em;
}
.btn-secondary img
{
    width: 1.2em;
    height: 1em;
    background-repeat: no-repeat;
    margin: 0 .3em;
    background-size: cover;
    background-position: center;
}
.btn-secondary:hover
{
    background: rgba(255,255,255,.24);
    color: #fff;
}
.btn-secondary:disabled
{
    background: rgba(255,255,255,.08);
    opacity: .4;
}
.btn-secondary.loading:after
{
    border: 1px solid #fff;
    border-right: 1px solid rgba(0,0,0,0);
}
.btn-secondary img
{
    filter: invert(100%);
}
.btn-secondary.btn-back
{
    display: grid;
    grid-auto-flow: column;
    width: fit-content;
    align-items: center;
    grid-gap: .25em;
}
.btn-secondary.btn-back img
{
    height: 1.5em;
    width: 1.5em;
    margin: 0;
}
.btn-tertiary
{
    position: relative;
    border-radius: .125em;
    border: none;
    font-weight: 700;
    font-size: 1em;
    line-height: 150%;
    padding: .75em 2em;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    font-family: "Outfit",sans-serif;
    background: #48a7ff;
    color: #100800;
}
.btn-tertiary:hover
{
    text-decoration: none;
}
.btn-tertiary.medium
{
    font-size: .875em;
    line-height: 143%;
}
.btn-tertiary.small
{
    font-size: .75em;
    line-height: 133%;
}
.btn-tertiary.tiny
{
    font-size: .625em;
    line-height: 120%;
}
.btn-tertiary.loading
{
    color: rgba(0,0,0,0)!important;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-tertiary.loading:after
{
    content: "";
    display: block;
    position: absolute;
    width: 1.25em;
    height: 1.25em;
    top: 50%;
    left: 50%;
    margin: -.625em 0 0 -.625em;
    border: 1px solid #100800;
    border-right: 1px solid rgba(0,0,0,0);
    border-radius: 50%;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -ms-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}
.btn-tertiary.btn-icon
{
    padding: .75em 1em;
}
.btn-tertiary img
{
    width: 1.2em;
    height: 1em;
    background-repeat: no-repeat;
    margin: 0 .3em;
    background-size: cover;
    background-position: center;
}
.btn-tertiary:hover
{
    background: #6db9ff;
    color: #100800;
}
.btn-tertiary:disabled
{
    background: #48a7ff;
    opacity: .4;
}
.tab-button
{
    position: relative;
    border-radius: .125em;
    border: none;
    font-weight: 700;
    font-size: 1em;
    line-height: 150%;
    padding: .75em 2em;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    font-family: "Outfit",sans-serif;
    font-weight: normal;
    display: inline-flex;
    align-items: center;
    padding: 0 .75em;
    height: 2.5em;
    background: rgba(255,138,20,.08);
    color: #fff;
    white-space: nowrap;
}
.tab-button:hover
{
    text-decoration: none;
}
.tab-button.medium
{
    font-size: .875em;
    line-height: 143%;
}
.tab-button.small
{
    font-size: .75em;
    line-height: 133%;
}
.tab-button.tiny
{
    font-size: .625em;
    line-height: 120%;
}
.tab-button.loading
{
    color: rgba(0,0,0,0)!important;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tab-button.loading:after
{
    content: "";
    display: block;
    position: absolute;
    width: 1.25em;
    height: 1.25em;
    top: 50%;
    left: 50%;
    margin: -.625em 0 0 -.625em;
    border: 1px solid #100800;
    border-right: 1px solid rgba(0,0,0,0);
    border-radius: 50%;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -ms-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}
.tab-button.btn-icon
{
    padding: .75em 1em;
}
.tab-button img
{
    width: 1.2em;
    height: 1em;
    background-repeat: no-repeat;
    margin: 0 .3em;
    background-size: cover;
    background-position: center;
}
.tab-button.active
{
    font-weight: 700;
    color: #100800;
    background: #ff8a14;
}
.social-login-btn
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    font-size: 1em;
    height: 3em;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 1px solid #3d3833;
    border-radius: .125em;
    cursor: pointer;
    margin-bottom: .5em;
}
.social-login-btn:focus
{
    outline: none;
}
.social-login-btn:hover
{
    background: #3d3833;
}
.social-login-btn img
{
    max-height: 1.31em;
    margin-right: .75em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
.social-login-btn span
{
    font-weight: 700;
}
a
{
    color: #ff8a14;
    font-weight: 700;
    font-size: 1em;
    text-decoration: none;
}
.text-link
{
    color: #ff8a14;
    font-weight: 700;
    font-size: 1em;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.text-link:hover
{
    text-decoration: none;
    color: #ffa143;
}
.text-link.small
{
    font-size: .875em;
}
.text-link.x-small
{
    font-size: .75em;
}
.text-link.tiny
{
    font-size: .625em;
}
.text-link img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    height: 1em;
    margin: 0 .375em;
}
.noselect
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
capp-input, capp-amount-input
{
    display: block;
    width: 100%;
}
capp-input .form-label, capp-amount-input .form-label
{
    display: inline-block;
    margin-bottom: .25em;
    color: rgba(255,255,255,.64);
}
capp-input .message, capp-amount-input .message
{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .25em .5em;
}
capp-input .message .icon, capp-amount-input .message .icon
{
    max-height: .875em;
    margin-right: .25em;
}
capp-input .message span, capp-amount-input .message span
{
    color: #100800;
    font-size: .75em;
}
capp-input .message.error, capp-amount-input .message.error
{
    background: #ff4b23;
}
capp-input .message.warning, capp-amount-input .message.warning
{
    background: #48a7ff;
}
capp-input .message.success, capp-amount-input .message.success
{
    background: #00e67e;
}
capp-input input::-webkit-input-placeholder, capp-amount-input input::-webkit-input-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-input input::-moz-placeholder, capp-amount-input input::-moz-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-input input:-ms-input-placeholder, capp-amount-input input:-ms-input-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-input input:-moz-placeholder, capp-amount-input input:-moz-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-input input:-webkit-autofill, capp-amount-input input:-webkit-autofill
{
    background-color: #241f19!important;
    background-image: none!important;
}
capp-input input:-webkit-autofill, capp-input input:-webkit-autofill:hover, capp-input input:-webkit-autofill:focus, capp-input input:-webkit-autofill:active, capp-input input:-webkit-autofill:disabled, capp-amount-input input:-webkit-autofill, capp-amount-input input:-webkit-autofill:hover, capp-amount-input input:-webkit-autofill:focus, capp-amount-input input:-webkit-autofill:active, capp-amount-input input:-webkit-autofill:disabled
{
    background: #241f19!important;
    background-color: #241f19!important;
    background-image: none!important;
    -webkit-box-shadow: 0 0 0 1000px #241f19 inset;
    -webkit-text-fill-color: #fff;
    background-clip: content-box!important;
    caret-color: #fff;
}
capp-input input::-webkit-outer-spin-button, capp-input input::-webkit-inner-spin-button, capp-amount-input input::-webkit-outer-spin-button, capp-amount-input input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
capp-input input[type=number], capp-amount-input input[type=number]
{
    -moz-appearance: textfield;
}
capp-input input, capp-input .amount-display, capp-amount-input input, capp-amount-input .amount-display
{
    box-sizing: border-box;
    font-family: "Outfit",sans-serif;
    font-size: 1em;
    padding: 0 1em;
    width: 100%;
    height: 3em;
    background: #241f19;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    caret-color: #fff;
}
capp-input input:focus, capp-input .amount-display:focus, capp-amount-input input:focus, capp-amount-input .amount-display:focus
{
    border: 1px solid #ff8a14;
}
capp-input input.pi-1, capp-input .amount-display.pi-1, capp-amount-input input.pi-1, capp-amount-input .amount-display.pi-1
{
    padding-right: 3em;
}
capp-input input.pi-2, capp-input .amount-display.pi-2, capp-amount-input input.pi-2, capp-amount-input .amount-display.pi-2
{
    padding-right: 5em;
}
capp-input input:disabled, capp-input .amount-display:disabled, capp-amount-input input:disabled, capp-amount-input .amount-display:disabled
{
    background: rgba(36,31,25,.4);
    color: rgba(255,255,255,.64);
    pointer-events: none;
}
capp-input .input-wrap, capp-amount-input .input-wrap
{
    position: relative;
}
capp-input .icons, capp-amount-input .icons
{
    width: auto;
    position: absolute;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    right: 0;
}
capp-input .icon, capp-amount-input .icon
{
    max-height: 1em;
    margin-right: 1em;
}
capp-input .icon.success, capp-amount-input .icon.success
{
    filter: invert(63%) sepia(48%) saturate(2121%) hue-rotate(106deg) brightness(99%) contrast(106%);
}
capp-input .icon.warning, capp-amount-input .icon.warning
{
    filter: invert(39%) sepia(47%) saturate(4396%) hue-rotate(347deg) brightness(102%) contrast(101%);
}
capp-input .icon.password, capp-amount-input .icon.password
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
capp-amount-input input
{
    text-align: right;
    padding-left: 4em;
}
capp-amount-input .amount-display
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 1;
}
capp-amount-input .currency-icon
{
    position: absolute;
    top: .75em;
    left: 1em;
    pointer-events: none;
}
capp-amount-input:focus-within .amount-display
{
    opacity: 0;
}
capp-text
{
    display: block;
    width: 100%;
}
capp-text .form-label
{
    display: inline-block;
    margin-bottom: .25em;
    color: rgba(255,255,255,.64);
}
capp-text .message
{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .25em .5em;
}
capp-text .message .icon
{
    max-height: .875em;
    margin-right: .25em;
}
capp-text .message span
{
    color: #100800;
    font-size: .75em;
}
capp-text .message.error
{
    background: #ff4b23;
}
capp-text .message.warning
{
    background: #48a7ff;
}
capp-text .message.success
{
    background: #00e67e;
}
capp-text input::-webkit-input-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-text input::-moz-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-text input:-ms-input-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-text input:-moz-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-text input:-webkit-autofill
{
    background-color: #241f19!important;
    background-image: none!important;
}
capp-text input:-webkit-autofill, capp-text input:-webkit-autofill:hover, capp-text input:-webkit-autofill:focus, capp-text input:-webkit-autofill:active, capp-text input:-webkit-autofill:disabled
{
    background: #241f19!important;
    background-color: #241f19!important;
    background-image: none!important;
    -webkit-box-shadow: 0 0 0 1000px #241f19 inset;
    -webkit-text-fill-color: #fff;
    background-clip: content-box!important;
    caret-color: #fff;
}
capp-text input::-webkit-outer-spin-button, capp-text input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
capp-text input[type=number]
{
    -moz-appearance: textfield;
}
capp-text .input-wrap
{
    height: 10em;
}
capp-text textarea
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    font-family: "Outfit",sans-serif;
    box-sizing: border-box;
    padding: 1em;
    width: 100%;
    height: 100%;
    background: #241f19;
    color: #fff;
    resize: none;
    border: none;
    outline: none;
    margin: 0;
}
capp-text textarea::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
capp-text textarea::-webkit-scrollbar-track
{
    background: #241f19;
}
capp-text textarea::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
capp-text textarea::placeholder
{
    color: rgba(255,255,255,.48);
    font-size: 1em;
    font-weight: 300;
}
capp-text textarea:disabled
{
    background: rgba(36,31,25,.4);
    color: rgba(255,255,255,.64);
    pointer-events: none;
}
capp-select
{
    z-index: 2;
    position: relative;
    display: block;
    width: 100%;
}
capp-select .form-label
{
    display: inline-block;
    margin-bottom: .25em;
    color: rgba(255,255,255,.64);
}
capp-select .message
{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .25em .5em;
}
capp-select .message .icon
{
    max-height: .875em;
    margin-right: .25em;
}
capp-select .message span
{
    color: #100800;
    font-size: .75em;
}
capp-select .message.error
{
    background: #ff4b23;
}
capp-select .message.warning
{
    background: #48a7ff;
}
capp-select .message.success
{
    background: #00e67e;
}
capp-select input::-webkit-input-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-select input::-moz-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-select input:-ms-input-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-select input:-moz-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-select input:-webkit-autofill
{
    background-color: #241f19!important;
    background-image: none!important;
}
capp-select input:-webkit-autofill, capp-select input:-webkit-autofill:hover, capp-select input:-webkit-autofill:focus, capp-select input:-webkit-autofill:active, capp-select input:-webkit-autofill:disabled
{
    background: #241f19!important;
    background-color: #241f19!important;
    background-image: none!important;
    -webkit-box-shadow: 0 0 0 1000px #241f19 inset;
    -webkit-text-fill-color: #fff;
    background-clip: content-box!important;
    caret-color: #fff;
}
capp-select input::-webkit-outer-spin-button, capp-select input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
capp-select input[type=number]
{
    -moz-appearance: textfield;
}
capp-select .input-wrap
{
    position: relative;
    box-sizing: border-box;
    font-family: "Outfit",sans-serif;
    font-size: 1em;
    padding: 0 1em;
    width: 100%;
    height: 3em;
    background: #241f19;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    display: grid;
    grid-template-columns: 1fr auto;
}
capp-select .input-wrap:focus-within
{
    border: 1px solid #ff8a14;
}
capp-select .input-wrap.pi-1
{
    padding-right: 3em;
}
capp-select .input-wrap.pi-2
{
    padding-right: 5em;
}
capp-select .input-wrap:disabled
{
    background: rgba(36,31,25,.4);
    color: rgba(255,255,255,.64);
    pointer-events: none;
}
capp-select .input-wrap select
{
    -webkit-appearance: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
capp-select .input-wrap .placeholder
{
    height: 100%;
    display: inline-flex;
    align-items: center;
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-select .input-wrap .selected-value
{
    height: 100%;
    display: inline-flex;
    align-items: center;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
}
capp-select .input-wrap .selected-value span
{
    text-overflow: ellipsis;
    overflow: hidden;
}
capp-select .input-wrap .icons
{
    display: flex;
    align-items: center;
}
capp-select .input-wrap .icons .icon
{
    margin-left: 1em;
    max-height: 1em;
}
capp-select .input-wrap .icons .icon.arrow
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
capp-select .input-wrap .icons .icon.success
{
    filter: invert(63%) sepia(48%) saturate(2121%) hue-rotate(106deg) brightness(99%) contrast(106%);
}
capp-select .input-wrap .icons .icon.warning
{
    filter: invert(39%) sepia(47%) saturate(4396%) hue-rotate(347deg) brightness(102%) contrast(101%);
}
.select-menu
{
    position: absolute;
    width: 100%;
    background: #241f19;
    border: 1px solid #ff8a14;
}
.select-menu .placeholder-wrap
{
    cursor: pointer;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    width: 100%;
    height: 3em;
    padding: 0 1em;
}
.select-menu .placeholder-wrap .placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
.select-menu .placeholder-wrap .icons
{
    display: flex;
    align-items: center;
}
.select-menu .placeholder-wrap .icons .icon
{
    margin-left: 1em;
    max-height: 1em;
}
.select-menu .placeholder-wrap .icons .icon.arrow
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
.select-menu .placeholder-wrap .icons .icon.success
{
    filter: invert(63%) sepia(48%) saturate(2121%) hue-rotate(106deg) brightness(99%) contrast(106%);
}
.select-menu .placeholder-wrap .icons .icon.warning
{
    filter: invert(39%) sepia(47%) saturate(4396%) hue-rotate(347deg) brightness(102%) contrast(101%);
}
.select-menu .items-wrap
{
    max-height: 20em;
    overflow-y: auto;
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
}
.select-menu .items-wrap::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
.select-menu .items-wrap::-webkit-scrollbar-track
{
    background: #241f19;
}
.select-menu .items-wrap::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
.select-menu .menu-item
{
    width: 100%;
    height: 3em;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 1em;
    cursor: pointer;
    color: #fff;
}
.select-menu .menu-item:hover
{
    background: #3d3833;
}
.select-menu .menu-item.selected
{
    background: #ff8a14;
    color: #241f19;
}
capp-multiselect
{
    display: block;
    width: 100%;
}
capp-multiselect .form-label
{
    display: inline-block;
    margin-bottom: .25em;
    color: rgba(255,255,255,.64);
}
capp-multiselect .message
{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .25em .5em;
}
capp-multiselect .message .icon
{
    max-height: .875em;
    margin-right: .25em;
}
capp-multiselect .message span
{
    color: #100800;
    font-size: .75em;
}
capp-multiselect .message.error
{
    background: #ff4b23;
}
capp-multiselect .message.warning
{
    background: #48a7ff;
}
capp-multiselect .message.success
{
    background: #00e67e;
}
capp-multiselect input::-webkit-input-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-multiselect input::-moz-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-multiselect input:-ms-input-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-multiselect input:-moz-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-multiselect input:-webkit-autofill
{
    background-color: #241f19!important;
    background-image: none!important;
}
capp-multiselect input:-webkit-autofill, capp-multiselect input:-webkit-autofill:hover, capp-multiselect input:-webkit-autofill:focus, capp-multiselect input:-webkit-autofill:active, capp-multiselect input:-webkit-autofill:disabled
{
    background: #241f19!important;
    background-color: #241f19!important;
    background-image: none!important;
    -webkit-box-shadow: 0 0 0 1000px #241f19 inset;
    -webkit-text-fill-color: #fff;
    background-clip: content-box!important;
    caret-color: #fff;
}
capp-multiselect input::-webkit-outer-spin-button, capp-multiselect input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
capp-multiselect input[type=number]
{
    -moz-appearance: textfield;
}
capp-multiselect .option-items
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    display: flex;
    overflow: auto;
    padding-bottom: .5em;
}
capp-multiselect .option-items::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
capp-multiselect .option-items::-webkit-scrollbar-track
{
    background: #241f19;
}
capp-multiselect .option-items::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
capp-multiselect .option-items .option-btn
{
    cursor: pointer;
    white-space: nowrap;
    font-size: 1em;
    background: rgba(255,138,20,.08);
    color: #fff;
    height: 2.5em;
    display: inline-flex;
    align-items: center;
    padding: 0 .75em;
    margin-right: .25em;
}
capp-multiselect .option-items .option-btn:last-child
{
    margin-right: 0;
}
capp-multiselect .option-items .option-btn.selected
{
    background: rgba(255,138,20,.24);
}
capp-multiselect .option-items .option-btn img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    margin-left: .25em;
    max-height: 1.5em;
}
capp-checkbox
{
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
capp-checkbox label
{
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    min-height: 1.5em;
}
capp-checkbox input
{
    width: 1.5em;
    height: 1.5em;
    margin: 0 1em 0 0;
    opacity: 0;
}
capp-checkbox .chk-display
{
    position: absolute;
    top: 0;
    left: 0;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5em;
    height: 1.5em;
    background: #241f19;
}
capp-checkbox .chk-display img
{
    height: 1.25em;
    opacity: 0;
}
capp-checkbox .chk-display.checked
{
    background: #ff8a14;
}
capp-checkbox .chk-display.checked img
{
    opacity: 1;
}
capp-radio
{
    display: inline-block;
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
capp-radio label
{
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    min-height: 1.5em;
}
capp-radio input
{
    width: 1.5em;
    height: 1.5em;
    margin: 0 1em 0 0;
    opacity: 0;
}
capp-radio .radio-display
{
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    margin-right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5em;
    height: 1.5em;
    border-radius: .75em;
    background: #241f19;
}
capp-radio .radio-display.checked
{
    border: 1px solid #ff8a14;
}
capp-radio .radio-display.checked:after
{
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: #ff8a14;
    border-radius: .5em;
}
capp-radio label.radio-box
{
    box-sizing: border-box;
    padding: .75em .5em;
    border: 1px solid #241f19;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 1em;
    align-items: center;
}
capp-radio label.radio-box:focus-within
{
    border: 1px solid #ff8a14;
}
capp-radio label.radio-box input
{
    margin: 0;
    opacity: 0;
}
capp-radio label.radio-box .radio-display
{
    top: 0;
    left: auto;
    right: 0;
    top: 0;
    margin-right: .5em;
    margin-top: .7em;
}
.flatpickr-calendar
{
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);
    box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);
}
.flatpickr-calendar.open, .flatpickr-calendar.inline
{
    opacity: 1;
    max-height: 640px;
    visibility: visible;
}
.flatpickr-calendar.open
{
    display: inline-block;
    z-index: 99999;
}
.flatpickr-calendar.animate.open
{
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
    animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
}
.flatpickr-calendar.inline
{
    display: block;
    position: relative;
    top: 2px;
}
.flatpickr-calendar.static
{
    position: absolute;
    top: calc(100% + 2px);
}
.flatpickr-calendar.static.open
{
    z-index: 999;
    display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7)
{
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1)
{
    -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer
{
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer
{
    border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time
{
    height: 40px;
    border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time
{
    height: auto;
}
.flatpickr-calendar:before, .flatpickr-calendar:after
{
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px;
}
.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after
{
    left: auto;
    right: 22px;
}
.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after
{
    left: 50%;
    right: 50%;
}
.flatpickr-calendar:before
{
    border-width: 5px;
    margin: 0 -5px;
}
.flatpickr-calendar:after
{
    border-width: 4px;
    margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after
{
    bottom: 100%;
}
.flatpickr-calendar.arrowTop:before
{
    border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after
{
    border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after
{
    top: 100%;
}
.flatpickr-calendar.arrowBottom:before
{
    border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after
{
    border-top-color: #fff;
}
.flatpickr-calendar:focus
{
    outline: 0;
}
.flatpickr-wrapper
{
    position: relative;
    display: inline-block;
}
.flatpickr-months
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flatpickr-months .flatpickr-month
{
    background: transparent;
    color: rgba(0,0,0,.9);
    fill: rgba(0,0,0,.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month
{
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0,0,0,.9);
    fill: rgba(0,0,0,.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled
{
    display: none;
}
.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i
{
    position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month
{
    left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month
{
    right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover
{
    color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg
{
    fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg
{
    width: 14px;
    height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path
{
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit;
}
.numInputWrapper
{
    position: relative;
    height: auto;
}
.numInputWrapper input, .numInputWrapper span
{
    display: inline-block;
}
.numInputWrapper input
{
    width: 100%;
}
.numInputWrapper input::-ms-clear
{
    display: none;
}
.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button
{
    margin: 0;
    -webkit-appearance: none;
}
.numInputWrapper span
{
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57,57,57,.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.numInputWrapper span:hover
{
    background: rgba(0,0,0,.1);
}
.numInputWrapper span:active
{
    background: rgba(0,0,0,.2);
}
.numInputWrapper span:after
{
    display: block;
    content: "";
    position: absolute;
}
.numInputWrapper span.arrowUp
{
    top: 0;
    border-bottom: 0;
}
.numInputWrapper span.arrowUp:after
{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57,57,57,.6);
    top: 26%;
}
.numInputWrapper span.arrowDown
{
    top: 50%;
}
.numInputWrapper span.arrowDown:after
{
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57,57,57,.6);
    top: 40%;
}
.numInputWrapper span svg
{
    width: inherit;
    height: auto;
}
.numInputWrapper span svg path
{
    fill: rgba(0,0,0,.5);
}
.numInputWrapper:hover
{
    background: rgba(0,0,0,.05);
}
.numInputWrapper:hover span
{
    opacity: 1;
}
.flatpickr-current-month
{
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.flatpickr-current-month span.cur-month
{
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0;
}
.flatpickr-current-month span.cur-month:hover
{
    background: rgba(0,0,0,.05);
}
.flatpickr-current-month .numInputWrapper
{
    width: 6ch;
    width: 7ch\0;
    display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after
{
    border-bottom-color: rgba(0,0,0,.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after
{
    border-top-color: rgba(0,0,0,.9);
}
.flatpickr-current-month input.cur-year
{
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus
{
    outline: 0;
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover
{
    font-size: 100%;
    color: rgba(0,0,0,.5);
    background: transparent;
    pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months
{
    appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active
{
    outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover
{
    background: rgba(0,0,0,.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month
{
    background-color: transparent;
    outline: none;
    padding: 0;
}
.flatpickr-weekdays
{
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
span.flatpickr-weekday
{
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0,0,0,.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder;
}
.dayContainer, .flatpickr-weeks
{
    padding: 1px 0 0 0;
}
.flatpickr-days
{
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px;
}
.flatpickr-days:focus
{
    outline: 0;
}
.dayContainer
{
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}
.dayContainer+.dayContainer
{
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day
{
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus
{
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6;
}
.flatpickr-day.today
{
    border-color: #959ea9;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus
{
    border-color: #959ea9;
    background: #959ea9;
    color: #fff;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay
{
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange
{
    border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange
{
    border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1))
{
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange
{
    border-radius: 50px;
}
.flatpickr-day.inRange
{
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay
{
    color: rgba(57,57,57,.3);
    background: transparent;
    border-color: transparent;
    cursor: default;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover
{
    cursor: not-allowed;
    color: rgba(57,57,57,.1);
}
.flatpickr-day.week.selected
{
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
}
.flatpickr-day.hidden
{
    visibility: hidden;
}
.rangeMode .flatpickr-day
{
    margin-top: 1px;
}
.flatpickr-weekwrapper
{
    float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks
{
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday
{
    float: none;
    width: 100%;
    line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover
{
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57,57,57,.3);
    background: transparent;
    cursor: default;
    border: none;
}
.flatpickr-innerContainer
{
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.flatpickr-rContainer
{
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.flatpickr-time
{
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flatpickr-time:after
{
    content: "";
    display: table;
    clear: both;
}
.flatpickr-time .numInputWrapper
{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after
{
    border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after
{
    border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper
{
    width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper
{
    width: 49%;
}
.flatpickr-time input
{
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.flatpickr-time input.flatpickr-hour
{
    font-weight: bold;
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second
{
    font-weight: 400;
}
.flatpickr-time input:focus
{
    outline: 0;
    border: 0;
}
.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm
{
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: bold;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.flatpickr-time .flatpickr-am-pm
{
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus
{
    background: #eee;
}
.flatpickr-input[readonly]
{
    cursor: pointer;
}
@-webkit-keyframes fpFadeInDown
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
@keyframes fpFadeInDown
{
    from
    {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }
    to
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}
capp-datepicker
{
    display: block;
    width: 100%;
}
capp-datepicker .form-label
{
    display: inline-block;
    margin-bottom: .25em;
    color: rgba(255,255,255,.64);
}
capp-datepicker .message
{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .25em .5em;
}
capp-datepicker .message .icon
{
    max-height: .875em;
    margin-right: .25em;
}
capp-datepicker .message span
{
    color: #100800;
    font-size: .75em;
}
capp-datepicker .message.error
{
    background: #ff4b23;
}
capp-datepicker .message.warning
{
    background: #48a7ff;
}
capp-datepicker .message.success
{
    background: #00e67e;
}
capp-datepicker input::-webkit-input-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-datepicker input::-moz-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-datepicker input:-ms-input-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-datepicker input:-moz-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-datepicker input:-webkit-autofill
{
    background-color: #241f19!important;
    background-image: none!important;
}
capp-datepicker input:-webkit-autofill, capp-datepicker input:-webkit-autofill:hover, capp-datepicker input:-webkit-autofill:focus, capp-datepicker input:-webkit-autofill:active, capp-datepicker input:-webkit-autofill:disabled
{
    background: #241f19!important;
    background-color: #241f19!important;
    background-image: none!important;
    -webkit-box-shadow: 0 0 0 1000px #241f19 inset;
    -webkit-text-fill-color: #fff;
    background-clip: content-box!important;
    caret-color: #fff;
}
capp-datepicker input::-webkit-outer-spin-button, capp-datepicker input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
capp-datepicker input[type=number]
{
    -moz-appearance: textfield;
}
capp-datepicker .input-wrap
{
    position: relative;
    box-sizing: border-box;
    font-family: "Outfit",sans-serif;
    font-size: 1em;
    padding: 0 1em;
    width: 100%;
    height: 3em;
    background: #241f19;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-right: 2.5em;
    overflow: hidden;
}
capp-datepicker .input-wrap:focus-within
{
    border: 1px solid #ff8a14;
}
capp-datepicker .input-wrap.pi-1
{
    padding-right: 3em;
}
capp-datepicker .input-wrap.pi-2
{
    padding-right: 5em;
}
capp-datepicker .input-wrap:disabled
{
    background: rgba(36,31,25,.4);
    color: rgba(255,255,255,.64);
    pointer-events: none;
}
capp-datepicker .input-wrap input
{
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
capp-datepicker .input-wrap .icon
{
    position: absolute;
    filter: invert(100%);
    right: .75em;
    top: 1em;
    max-height: 1em;
}
capp-datepicker .input-wrap .icon.success
{
    filter: invert(63%) sepia(48%) saturate(2121%) hue-rotate(106deg) brightness(99%) contrast(106%);
}
capp-datepicker .input-wrap .icon.warning
{
    filter: invert(39%) sepia(47%) saturate(4396%) hue-rotate(347deg) brightness(102%) contrast(101%);
}
capp-datepicker .input-wrap.disabled
{
    background: rgba(36,31,25,.4);
    color: rgba(255,255,255,.64);
    pointer-events: none;
}
.sa-msg
{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .25em .5em;
}
.sa-msg .icon
{
    max-height: .875em;
    margin-right: .5em;
}
.sa-msg span
{
    color: #100800;
    font-size: .75em;
}
.sa-msg.error
{
    background: #ff4b23;
}
capp-verification-code-input
{
    display: block;
    width: 100%;
}
capp-verification-code-input .form-label
{
    display: inline-block;
    margin-bottom: .25em;
    color: rgba(255,255,255,.64);
}
capp-verification-code-input .message
{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .25em .5em;
}
capp-verification-code-input .message .icon
{
    max-height: .875em;
    margin-right: .25em;
}
capp-verification-code-input .message span
{
    color: #100800;
    font-size: .75em;
}
capp-verification-code-input .message.error
{
    background: #ff4b23;
}
capp-verification-code-input .message.warning
{
    background: #48a7ff;
}
capp-verification-code-input .message.success
{
    background: #00e67e;
}
capp-verification-code-input input::-webkit-input-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-verification-code-input input::-moz-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-verification-code-input input:-ms-input-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-verification-code-input input:-moz-placeholder
{
    color: rgba(255,255,255,.48);
    font-weight: 300;
}
capp-verification-code-input input:-webkit-autofill
{
    background-color: #241f19!important;
    background-image: none!important;
}
capp-verification-code-input input:-webkit-autofill, capp-verification-code-input input:-webkit-autofill:hover, capp-verification-code-input input:-webkit-autofill:focus, capp-verification-code-input input:-webkit-autofill:active, capp-verification-code-input input:-webkit-autofill:disabled
{
    background: #241f19!important;
    background-color: #241f19!important;
    background-image: none!important;
    -webkit-box-shadow: 0 0 0 1000px #241f19 inset;
    -webkit-text-fill-color: #fff;
    background-clip: content-box!important;
    caret-color: #fff;
}
capp-verification-code-input input::-webkit-outer-spin-button, capp-verification-code-input input::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
capp-verification-code-input input[type=number]
{
    -moz-appearance: textfield;
}
capp-verification-code-input .form-label
{
    margin-bottom: .5em;
}
capp-verification-code-input .message
{
    margin-top: .5em;
}
capp-verification-code-input .input-wrap
{
    display: flex;
    overflow: hidden;
    width: 100%;
    gap: .5em;
}
capp-verification-code-input .input-wrap input
{
    box-sizing: border-box;
    font-family: "Outfit",sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: 0 1em;
    width: 100%;
    height: 2.5em;
    background: #241f19;
    color: #fff;
    border: 1px solid #ff8a14;
    outline: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    caret-color: #fff;
    text-align: center;
}
.capp-popup-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(16,8,0,.64);
    z-index: 3000000000;
    animation: popupAnimateOverlay .2s ease-out;
}
.capp-popup-overlay .popup-layout-control .popup
{
    background: #100800;
    color: #fff;
}
@media only screen and (min-width: 720px)
{
    .popup-layout-control.desktop-center
    {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    .popup-layout-control.desktop-center .popup
    {
        width: 24em;
        position: relative;
        animation: popupAnimateInBottom .2s ease-out;
    }
    .popup-layout-control.desktop-right, .popup-layout-control.desktop-left
    {
        position: absolute;
        top: 0;
        width: 100%;
        max-width: 23.75em;
        height: 100%;
    }
    .popup-layout-control.desktop-right .popup, .popup-layout-control.desktop-left .popup
    {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .popup-layout-control.desktop-right
    {
        right: 0;
    }
    .popup-layout-control.desktop-right .popup
    {
        animation: popupAnimateInRight .2s ease-out;
    }
    .popup-layout-control.desktop-left
    {
        left: 0;
    }
    .popup-layout-control.desktop-left .popup
    {
        animation: popupAnimateInLeft .2s ease-out;
    }
}
@media only screen and (max-width: 720px)
{
    .popup-layout-control
    {
        position: absolute;
        right: 0;
        width: 100%;
    }
    .popup-layout-control .popup
    {
        width: 100%;
        box-sizing: border-box;
    }
    .popup-layout-control.mobile-top
    {
        top: 0;
    }
    .popup-layout-control.mobile-top .popup
    {
        animation: popupAnimateInTop .2s ease-out;
    }
    .popup-layout-control.mobile-bottom
    {
        bottom: 0;
    }
    .popup-layout-control.mobile-bottom .popup
    {
        animation: popupAnimateInBottom .2s ease-out;
    }
    capp-withdrawal-otp-popup .popup
    {
        height: 100%;
    }
}
capp-popup .popup, pre-withdrawal-request-promote-visa .popup, restricted-country-popup .popup, request-phone-number-popup .popup, bonus-confirm-popup .popup, capp-otp-popup .popup, capp-withdrawal-otp-popup .popup
{
    padding: 1em 1.5em 1.5em 3.5em;
}
capp-popup .popup .popup-wrap>.icon, pre-withdrawal-request-promote-visa .popup .popup-wrap>.icon, restricted-country-popup .popup .popup-wrap>.icon, request-phone-number-popup .popup .popup-wrap>.icon, bonus-confirm-popup .popup .popup-wrap>.icon, capp-otp-popup .popup .popup-wrap>.icon, capp-withdrawal-otp-popup .popup .popup-wrap>.icon
{
    position: absolute;
    top: 1em;
    left: 1em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    width: 2em;
    height: 2em;
    object-fit: contain;
}
capp-popup .popup h4, pre-withdrawal-request-promote-visa .popup h4, restricted-country-popup .popup h4, request-phone-number-popup .popup h4, bonus-confirm-popup .popup h4, capp-otp-popup .popup h4, capp-withdrawal-otp-popup .popup h4
{
    margin: 0;
    line-height: 140%;
}
capp-popup .popup .popup-body, pre-withdrawal-request-promote-visa .popup .popup-body, restricted-country-popup .popup .popup-body, request-phone-number-popup .popup .popup-body, bonus-confirm-popup .popup .popup-body, capp-otp-popup .popup .popup-body, capp-withdrawal-otp-popup .popup .popup-body
{
    margin-top: .5em;
    margin-bottom: 1em;
    line-height: 150%;
}
capp-popup .popup .popup-buttons, pre-withdrawal-request-promote-visa .popup .popup-buttons, restricted-country-popup .popup .popup-buttons, request-phone-number-popup .popup .popup-buttons, bonus-confirm-popup .popup .popup-buttons, capp-otp-popup .popup .popup-buttons, capp-withdrawal-otp-popup .popup .popup-buttons
{
    display: flex;
    flex-wrap: wrap;
}
capp-popup .popup .popup-buttons button, pre-withdrawal-request-promote-visa .popup .popup-buttons button, restricted-country-popup .popup .popup-buttons button, request-phone-number-popup .popup .popup-buttons button, bonus-confirm-popup .popup .popup-buttons button, capp-otp-popup .popup .popup-buttons button, capp-withdrawal-otp-popup .popup .popup-buttons button
{
    white-space: nowrap;
    margin: 0 .5em .5em 0;
}
capp-popup .popup .popup-buttons .btn-img, pre-withdrawal-request-promote-visa .popup .popup-buttons .btn-img, restricted-country-popup .popup .popup-buttons .btn-img, request-phone-number-popup .popup .popup-buttons .btn-img, bonus-confirm-popup .popup .popup-buttons .btn-img, capp-otp-popup .popup .popup-buttons .btn-img, capp-withdrawal-otp-popup .popup .popup-buttons .btn-img
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    margin-right: 3em;
}
capp-popup .popup .popup-buttons .btn-img:focus, pre-withdrawal-request-promote-visa .popup .popup-buttons .btn-img:focus, restricted-country-popup .popup .popup-buttons .btn-img:focus, request-phone-number-popup .popup .popup-buttons .btn-img:focus, bonus-confirm-popup .popup .popup-buttons .btn-img:focus, capp-otp-popup .popup .popup-buttons .btn-img:focus, capp-withdrawal-otp-popup .popup .popup-buttons .btn-img:focus
{
    outline: none;
}
capp-popup.restricted-country-response .capp-popup-overlay
{
    background: rgba(16,8,0,.9);
}
capp-otp-popup .capp-popup-overlay, capp-withdrawal-otp-popup .capp-popup-overlay
{
    z-index: 2000;
}
capp-otp-popup .buttons-group, capp-withdrawal-otp-popup .buttons-group
{
    display: flex;
    gap: .5em;
}
capp-otp-popup form.disabled, capp-withdrawal-otp-popup form.disabled
{
    pointer-events: none;
}
@keyframes popupAnimateOverlay
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes popupAnimateInRight
{
    from
    {
        transform: translate3d(20px,0,0);
        opacity: 0;
    }
    to
    {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
@keyframes popupAnimateInLeft
{
    from
    {
        transform: translate3d(-20px,0,0);
        opacity: 0;
    }
    to
    {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
@keyframes popupAnimateInTop
{
    from
    {
        transform: translate3d(0,-20px,0);
        opacity: 0;
    }
    to
    {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
@keyframes popupAnimateInBottom
{
    from
    {
        transform: translate3d(0%,20px,0);
        opacity: 0;
    }
    to
    {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
bonus-claim-popup .capp-popup-overlay, password-reset-processor-popup .capp-popup-overlay, account-activation-processor-popup .capp-popup-overlay
{
    background: rgba(16,8,0,.85);
}
bonus-claim-popup .bonus-claim-popup-content .processing, password-reset-processor-popup .bonus-claim-popup-content .processing, account-activation-processor-popup .bonus-claim-popup-content .processing
{
    display: flex;
    align-items: center;
    padding: 1em 2em;
}
bonus-claim-popup .bonus-claim-popup-content capp-preloader, password-reset-processor-popup .bonus-claim-popup-content capp-preloader, account-activation-processor-popup .bonus-claim-popup-content capp-preloader
{
    margin-left: 1em;
}
@media only screen and (min-width: 720px)
{
    bonus-claim-popup .popup-layout-control.desktop-center .popup, password-reset-processor-popup .popup-layout-control.desktop-center .popup, account-activation-processor-popup .popup-layout-control.desktop-center .popup
    {
        width: auto!important;
        position: relative;
        top: -3em;
    }
}
shoutout-popup .capp-popup-overlay .popup-layout-control .popup
{
    width: auto;
    max-width: 42em;
}
shoutout-popup .shoutout-wrap
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    max-height: 90vh;
    overflow: auto;
}
shoutout-popup .shoutout-wrap::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
shoutout-popup .shoutout-wrap::-webkit-scrollbar-track
{
    background: #241f19;
}
shoutout-popup .shoutout-wrap::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
shoutout-popup .shoutout-wrap .so-header
{
    display: grid;
    grid-template-columns: 1fr auto;
    padding: .5em 1em;
}
shoutout-popup .shoutout-wrap .so-header h3
{
    margin: 0;
}
shoutout-popup .shoutout-wrap .so-header .close-btn
{
    filter: invert(100%);
    cursor: pointer;
    width: 2em;
    position: relative;
    top: .3em;
    margin-right: .5em;
}
shoutout-popup .shoutout-wrap .message-img
{
    max-width: 100%;
}
shoutout-popup .shoutout-wrap .message-wrap .txt
{
    padding: .5em 1em;
}
shoutout-popup .shoutout-wrap .buttons-wrap
{
    display: flex;
    justify-content: center;
    padding: .5em;
    padding-bottom: 1em;
}
shoutout-popup .shoutout-wrap .buttons-wrap .btn-primary
{
    display: inline-block;
    margin: 0 .25em;
}
@media only screen and (max-width: 720px)
{
    shoutout-popup .shoutout-wrap .so-header
    {
        font-size: .8em;
    }
    shoutout-popup .shoutout-wrap .so-header .close-btn
    {
        margin-right: 0;
    }
    shoutout-popup .shoutout-wrap .buttons-wrap
    {
        flex-wrap: wrap;
        gap: 1em;
    }
}
.wallet-item
{
    display: inline-block;
    min-width: 7.5em;
    height: 4em;
    background: #6d6a66;
    padding: .5em;
    box-sizing: border-box;
    border-radius: .125em;
}
.wallet-item .info
{
    display: flex;
    align-items: center;
}
.wallet-item .currency
{
    font-weight: 700;
    color: rgba(255,255,255,.64);
    padding: 0 .25em;
}
.wallet-item .active-icn
{
    height: 1em;
    padding: .25em;
    background: #100800;
    color: #fff;
    font-size: .625em;
    line-height: 120%;
    border-radius: .125em;
}
.wallet-item .balance
{
    display: flex;
    align-items: center;
    font-size: .875em;
    font-weight: 700;
    color: rgba(255,255,255,.64);
    margin-top: .5em;
    gap: .1em;
}
.wallet-item .balance .cur
{
    font-size: .875em;
}
.wallet-item.active
{
    background: #ff8a14;
}
.wallet-item.active .currency-icon
{
    color: #ff8a14;
}
.wallet-item.active .currency
{
    color: #100800;
}
.wallet-item.active .balance
{
    color: #100800;
}
.currency-icon
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    font-weight: 700;
    background: #100800;
    color: rgba(255,255,255,.64);
}
.wallet-section
{
    padding-bottom: .5em;
}
.wallet-section h6
{
    margin: 0 0 .25em 0;
    line-height: 150%;
}
.wallet-section h5
{
    margin: 0;
    line-height: 140%;
    margin-bottom: .25em!important;
}
.wallet-section .wallets-list
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    grid-gap: .5em;
    overflow-x: auto;
    padding-bottom: .5em;
}
.wallet-section .wallets-list::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
.wallet-section .wallets-list::-webkit-scrollbar-track
{
    background: #241f19;
}
.wallet-section .wallets-list::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
new-password-popup .popup-wrap
{
    padding: 1.5em;
}
new-password-popup h4
{
    margin: 0;
    margin-bottom: 1em;
}
new-password-popup .btn-primary
{
    margin-top: 1em;
}
capp-site-notification
{
    display: none;
    align-items: flex-start;
    background: #fff848;
    color: #100800;
    padding: .625em 1.625em;
}
capp-site-notification img
{
    margin-right: .375em;
    width: 1.5em;
}
capp-site-notification .close-btn
{
    margin: 0 0 0 auto;
    cursor: pointer;
}
capp-site-notification p
{
    margin: 0;
    margin-right: .5em;
    line-height: 150%;
}
@media only screen and (max-width: 720px)
{
    capp-site-notification
    {
        padding: .625em .625em;
    }
}
capp-bonus-games-list
{
    background: #100800;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
}
capp-bonus-games-list .sw-header-simple
{
    justify-content: flex-start!important;
}
capp-bonus-games-list .sw-header-simple img
{
    margin-right: 1em;
}
capp-bonus-games-list .content-wrap
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    overflow-y: auto;
}
capp-bonus-games-list .content-wrap::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
capp-bonus-games-list .content-wrap::-webkit-scrollbar-track
{
    background: #241f19;
}
capp-bonus-games-list .content-wrap::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
capp-bonus-games-list .games-loader
{
    margin: 2em 1em;
}
capp-bonus-games-list .results
{
    display: grid;
    grid-template-columns: 10em 10em;
    grid-auto-rows: 7.5em;
    grid-gap: .5em;
    justify-content: center;
    margin: 1.5em 0 .5em 0;
}
capp-cookie-accept
{
    display: flex;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #241f19;
    z-index: 20000000000;
    justify-content: center;
}
capp-cookie-accept .ac-inner
{
    padding: 1em 3em 1em 2em;
    max-width: 60em;
}
capp-cookie-accept .ac-inner p
{
    margin: 0;
    font-size: .875em;
}
capp-cookie-accept img
{
    position: absolute;
    top: .75em;
    right: .5em;
    width: 1.5em;
    height: 1.5em;
    filter: invert(100%);
    cursor: pointer;
}
capp-add-to-home-screen
{
    display: none;
    align-items: flex-start;
    background: #29241d;
    color: #100800;
    padding: .625em 1.625em;
}
capp-add-to-home-screen a.logo.small
{
    margin-right: 1em;
    border: 2px solid #ff8a14;
    border-radius: 10px;
    margin-bottom: -.2em;
    padding: .1em .2em;
}
capp-add-to-home-screen a.btn-primary
{
    padding: .3em 1em;
    font-size: .9em;
}
capp-add-to-home-screen .close-btn
{
    margin: 0 0 0 auto;
    cursor: pointer;
    filter: invert(100%);
}
capp-add-to-home-screen p
{
    margin: 0;
    margin-right: .5em;
    line-height: 150%;
}
@media only screen and (max-width: 720px)
{
    capp-add-to-home-screen
    {
        padding: .5em .5em;
    }
    capp-add-to-home-screen p
    {
        display: none;
    }
}
add-to-home-screen-sub .races-info-sub-wrap
{
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
}
add-to-home-screen-sub .races-info-sub-wrap .ri-header
{
    padding: 0 1.5em;
    margin-bottom: 1.5em;
}
add-to-home-screen-sub .races-info-sub-wrap .ri-header .controls
{
    display: flex;
    align-items: center;
    justify-content: end;
    height: 3em;
}
add-to-home-screen-sub .races-info-sub-wrap .ri-header .controls img
{
    filter: invert(100%);
    width: 1.5em;
    height: 1.5em;
    cursor: pointer;
}
add-to-home-screen-sub .races-info-sub-wrap .ri-header h3
{
    margin: 0;
}
add-to-home-screen-sub .races-info-sub-wrap .content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    height: 100%;
    overflow-y: auto;
    padding: 0 1.5em 1.5em 1.5em;
}
add-to-home-screen-sub .races-info-sub-wrap .content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
add-to-home-screen-sub .races-info-sub-wrap .content::-webkit-scrollbar-track
{
    background: #241f19;
}
add-to-home-screen-sub .races-info-sub-wrap .content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
add-to-home-screen-sub .races-info-sub-wrap .content section
{
    background: rgba(255,138,20,.08);
    padding: 1.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: .5em;
}
add-to-home-screen-sub .races-info-sub-wrap .content section h4
{
    margin: .33em 0;
}
add-to-home-screen-sub .races-info-sub-wrap .content section .text p
{
    margin: 0;
}
add-to-home-screen-sub .races-info-sub-wrap .content section img
{
    width: 3em;
    height: 3em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    margin-bottom: .5em;
}
capp-navigation
{
    background: rgba(16,8,0,.9);
    min-height: 3.5em;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: 2.5em;
    align-items: start;
}
capp-navigation.premium-section
{
    border-bottom: 4px solid #aaa9ad!important;
}
capp-navigation .icon
{
    filter: invert(100%);
    height: 1.25em;
    margin-right: .375em;
}
capp-navigation .icon.language-flag
{
    filter: none;
}
capp-navigation .l-wrap
{
    padding-left: 2.5em;
    white-space: nowrap;
}
capp-navigation .l-wrap .logo
{
    height: 3.5em;
    display: inline-flex;
    align-items: center;
}
capp-navigation .l-wrap .logo img
{
    height: 2em;
    max-height: 2em;
}
capp-navigation .l-wrap .logo.small
{
    display: none;
}
capp-navigation .l-wrap .menu-btn
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    margin-right: .75em;
    display: none;
}
capp-navigation .l-wrap .menu-btn:focus
{
    outline: none;
}
capp-navigation .l-wrap .menu-btn img
{
    filter: invert(100%);
}
capp-navigation nav
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
capp-navigation nav a
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    height: 3.5em;
    display: flex;
    align-items: center;
    padding: 0 1em;
    text-decoration: none;
    color: #fff;
}
capp-navigation nav a:focus
{
    outline: none;
}
capp-navigation nav a:hover
{
    background: rgba(255,138,20,.24);
    color: #fff;
    text-decoration: none;
}
capp-navigation nav a.active
{
    color: #ff8a14;
}
capp-navigation nav a.active .icon
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
capp-navigation #header-controls
{
    display: flex;
    align-items: center;
}
capp-navigation #header-controls button
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    height: 3.5em;
    display: flex;
    padding: 0 1em;
    font-size: 1em;
    font-weight: 400;
    color: #100800;
    align-items: center;
}
capp-navigation #header-controls button:focus
{
    outline: none;
}
capp-navigation #header-controls button span
{
    white-space: nowrap;
}
capp-navigation #header-controls button.hc-btn-1
{
    background: #48a7ff;
}
capp-navigation #header-controls button.hc-btn-2
{
    background: #00e67e;
}
capp-navigation #header-controls button.hc-btn-1 .icon, capp-navigation #header-controls button.hc-btn-2 .icon
{
    filter: none;
}
capp-navigation #header-controls button.search
{
    color: #fff;
}
capp-navigation #header-controls .header-ft-inbox
{
    background: url(../../gambling/image/closed-envelope.svg) no-repeat;
    height: 1.5em;
    width: 1.5em;
    position: relative;
    display: inline-block;
    margin-right: .3125em;
    filter: invert(100%);
}
capp-navigation #header-controls .header-ft-inbox span
{
    background-color: #f00;
    border-radius: .375em;
    position: relative;
    top: -.3125em;
    right: -.625em;
    padding: .125em .25em;
    font-size: .625em;
    filter: invert(100%);
}
@media only screen and (max-width: 1360px)
{
    capp-navigation
    {
        grid-template-columns: 1fr auto;
    }
    capp-navigation nav
    {
        position: fixed;
        bottom: 0;
        width: 100%;
        min-height: 3em;
        background: #100800;
        justify-content: space-around;
    }
    capp-navigation .l-wrap
    {
        padding-left: .75em;
    }
    capp-navigation .l-wrap .menu-btn
    {
        display: initial;
        position: relative;
        top: -.25em;
    }
}
@media only screen and (max-width: 640px)
{
    #content-container
    {
        padding-top: 3em;
    }
    capp-navigation
    {
        min-height: 3em;
        grid-gap: .5em;
    }
    capp-navigation .l-wrap
    {
        padding-left: .75em;
    }
    capp-navigation .l-wrap .logo
    {
        height: 3em;
    }
    capp-navigation .l-wrap .logo img
    {
        max-height: 1.75em;
    }
    capp-navigation .l-wrap .menu-btn
    {
        top: -.125em;
    }
    capp-navigation nav
    {
        padding-bottom: 1em;
    }
    capp-navigation nav a
    {
        flex-direction: column;
        justify-content: center;
        height: 3em;
        padding: 0;
    }
    capp-navigation nav a .icon
    {
        margin: 0 0 .25em 0;
    }
    capp-navigation nav a span
    {
        font-size: .625em;
    }
    capp-navigation #header-controls button
    {
        flex-direction: column;
        height: 3em;
        justify-content: center;
    }
    capp-navigation #header-controls button .icon
    {
        margin: 0 0 .25em 0;
    }
    capp-navigation #header-controls button span
    {
        font-size: .625em;
    }
}
@media only screen and (max-width: 640px)
{
    capp-navigation .l-wrap .logo
    {
        display: none;
    }
    capp-navigation .l-wrap .logo.small
    {
        display: inline-flex;
    }
    capp-navigation #header-controls .language
    {
        display: none;
    }
}
@media only screen and (max-width: 370px)
{
    capp-navigation nav
    {
        font-size: 14px;
    }
}
.tab-navigation
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: min-content;
    grid-gap: .25em;
    max-width: 100%;
    overflow: auto;
    padding-bottom: .25em;
    margin: .5em 0 0 2.5em;
}
.tab-navigation::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
.tab-navigation::-webkit-scrollbar-track
{
    background: #241f19;
}
.tab-navigation::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
@media only screen and (max-width: 720px)
{
    .tab-navigation
    {
        margin: .5em 0 0 1em;
    }
}
.sub-view .sub-view-header
{
    display: grid;
    grid-template-columns: 1fr 1.5em 1.5em;
    grid-gap: 2em;
    align-items: center;
    padding: .75em 1.5em;
}
.sub-view .sub-view-header .logo
{
    height: 2em;
}
.sub-view .sub-view-header .icon
{
    filter: invert(100%);
    height: 1.5em;
    cursor: pointer;
}
.sub-view .sw-header-simple
{
    height: 3em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .75em;
    max-width: 100%;
    overflow: hidden;
}
.sub-view .sw-header-simple img
{
    height: 1.5em;
    width: 1.5em;
    filter: invert(100%);
    cursor: pointer;
}
.sub-view .std-sub-grid
{
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
}
.sub-view .sv-banner
{
    position: relative;
    height: 5em;
    overflow: hidden;
    background: #3d3833;
}
.sub-view .sv-banner img
{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sub-view .sv-banner h5
{
    background: rgba(16,8,0,.48);
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    line-height: 140%;
    padding: .3em 1.2em;
    color: #fff;
}
.sub-view .separator-or
{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-gap: .5em;
    align-items: center;
    margin-top: 1em;
    margin-bottom: 2.5em;
}
.sub-view .separator-or hr
{
    height: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255,138,20,.24);
}
.sub-view .separator-or span
{
    font-size: .75em;
}
.success-view, .fail-view
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    background: #ff8a14;
    color: #100800;
    padding: 7.5em 1.5em 1.5em 1.5em;
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
}
.success-view::-webkit-scrollbar, .fail-view::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
.success-view::-webkit-scrollbar-track, .fail-view::-webkit-scrollbar-track
{
    background: #241f19;
}
.success-view::-webkit-scrollbar-thumb, .fail-view::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
.success-view .success-icn, .success-view .icn, .fail-view .success-icn, .fail-view .icn
{
    width: 7.5em;
    height: 7.5em;
}
.success-view h3, .fail-view h3
{
    margin: .25em 0;
}
.success-view h4, .fail-view h4
{
    margin: 0;
}
.success-view ol, .fail-view ol
{
    padding-left: 1.5em;
}
.success-view ol li, .fail-view ol li
{
    line-height: 150%;
}
.success-view .continue-btn, .fail-view .continue-btn
{
    display: inline-block;
    background: #100800;
    margin: 1.5em 0;
}
.success-view .text-link, .fail-view .text-link
{
    color: #100800;
    cursor: pointer;
}
.fail-view
{
    background: #100800;
    color: #fff;
}
.fail-view .icn
{
    filter: invert(39%) sepia(47%) saturate(4396%) hue-rotate(347deg) brightness(102%) contrast(101%);
}
.fail-view .continue-btn
{
    background: rgba(255,255,255,.08);
}
.c-number
{
    font-size: .625em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.6em;
    height: 1.6em;
    border-radius: .8em;
    background: #ff8a14;
    color: #100800;
    margin-left: 1em;
}
.sub-view-wrap
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15,8,0,.64);
    z-index: 20;
}
.sub-view-wrap .sub-view
{
    position: absolute;
    top: 0;
    right: 0;
    background: #100800;
    height: 100%;
    max-width: 23.75em;
    width: 100%;
    animation: subViewAnimateInRight .2s ease;
    overflow: hidden;
}
.sub-view-wrap .sub-view.left
{
    right: auto;
    left: 0;
    animation: subViewAnimateInLeft .2s ease;
}
.sub-view-wrap .sub-view.center
{
    position: relative;
    top: 15vh;
    margin: 0 auto;
    height: auto;
    right: auto;
    left: auto;
    animation: subViewAnimateInCenter .2s ease;
}
.sub-view-wrap .new-gp-info
{
    top: 56px;
    height: calc(100% - 56px);
}
@media(orientation: portrait)
{
    .sub-view-wrap .sub-view.mobile
    {
        max-width: 100%;
    }
}
@media screen and (max-width: 720px)
{
    .sub-view-wrap .sub-view.center
    {
        max-width: 100%!important;
        position: absolute;
        left: 0;
        width: 100%;
        top: 0;
        overflow: hidden;
        height: 100%;
    }
}
@keyframes subViewAnimateInRight
{
    from
    {
        transform: translate3d(23.75em,0,0);
        opacity: 0;
    }
    to
    {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
@keyframes subViewAnimateInLeft
{
    from
    {
        transform: translate3d(-23.75em,0,0);
    }
    to
    {
        transform: translate3d(0,0,0);
    }
}
@keyframes subViewAnimateInCenter
{
    from
    {
        transform: translate3d(0,1em,0);
        opacity: 0;
    }
    to
    {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
@keyframes subViewAnimateInCenterMobile
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
login-sub .login-sub
{
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
}
login-sub .login-sub.loading
{
    pointer-events: none;
}
login-sub .sub-view-content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 1.5em;
}
login-sub .sub-view-content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
login-sub .sub-view-content::-webkit-scrollbar-track
{
    background: #241f19;
}
login-sub .sub-view-content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
login-sub .sub-view-content h3
{
    font-size: 2em;
    text-transform: none;
    color: #fff;
    margin-top: .75em;
    margin-bottom: .75em;
}
login-sub form
{
    display: flex;
    flex-direction: column;
}
login-sub form>*
{
    margin-bottom: 1em;
}
login-sub form button
{
    width: fit-content;
    margin-top: .5em;
    margin-bottom: 1.5em;
}
login-sub form .message
{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .25em .5em;
}
login-sub form .message .icon
{
    max-height: .875em;
    margin-right: .5em;
}
login-sub form .message span
{
    color: #100800;
    font-size: .75em;
}
login-sub form .message.error
{
    background: #ff4b23;
}
login-sub .sub-view-bottom
{
    padding: 1em 2em 2.5em 2em;
}
login-sub .sub-view-bottom p
{
    font-size: 1em;
    color: #fff;
    margin: 0;
}
registration-sub .reg-sub
{
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
}
registration-sub .reg-sub.loading
{
    pointer-events: none;
}
registration-sub .sub-view-content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
registration-sub .sub-view-content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
registration-sub .sub-view-content::-webkit-scrollbar-track
{
    background: #241f19;
}
registration-sub .sub-view-content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
registration-sub .sub-view-content .content-wrap
{
    padding: 0 1.5em;
}
registration-sub .sub-view-content h3
{
    font-size: 2em;
    text-transform: none;
    color: #fff;
    margin-top: .75em;
    margin-bottom: .75em;
}
registration-sub .sub-view-content .tnc-group
{
    display: flex;
    align-items: center;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
registration-sub .sub-view-content .tnc-group a
{
    margin-left: .25em;
}
registration-sub .sub-view-content .tnc-group capp-checkbox .chk-display
{
    border: 1px solid #ff8a14;
}
registration-sub .sub-view-bottom
{
    padding: 1em 2em 2.5em 2em;
}
registration-sub .sub-view-bottom p
{
    font-size: 1em;
    color: #fff;
    margin: 0;
    text-align: center;
}
registration-sub .tnc-view
{
    position: absolute;
    top: 0;
    left: 0;
    background: #100800;
    z-index: 100;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
}
registration-sub .tnc-view .close-btn
{
    filter: invert(100%);
    width: 1.5em;
    height: 1.5em;
    margin: .75em;
    cursor: pointer;
}
registration-sub .tnc-view .tnc-content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    position: relative;
}
registration-sub .tnc-view .tnc-content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
registration-sub .tnc-view .tnc-content::-webkit-scrollbar-track
{
    background: #241f19;
}
registration-sub .tnc-view .tnc-content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
registration-sub .tnc-view .tnc-content capp-preloader
{
    position: absolute;
    width: 100%;
    top: .75em;
}
registration-sub .tnc-view .tnc-content iframe
{
    width: 100%;
    height: 100%;
    border: none;
    position: relative;
}
.reg-form
{
    display: flex;
    flex-direction: column;
}
.reg-form>*
{
    margin-bottom: 1em;
}
.reg-form .no-mb
{
    margin-bottom: 0!important;
}
.reg-form .submit-btn
{
    width: fit-content;
    margin-top: .5em;
    margin-bottom: 1.5em;
}
.reg-form .sa-msg
{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .25em .5em;
}
.reg-form .sa-msg .icon
{
    max-height: .875em;
    margin-right: .5em;
}
.reg-form .sa-msg span
{
    color: #100800;
    font-size: .75em;
}
.reg-form .sa-msg.error
{
    background: #ff4b23;
}
.reg-form .password-group .vcat
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: .625em 0;
}
.reg-form .password-group .vcat>div
{
    display: flex;
    align-items: center;
}
.reg-form .password-group .vcat>div span
{
    font-size: .625em;
}
.reg-form .password-group .vcat>div img
{
    width: 1em;
    height: 1em;
    filter: invert(39%) sepia(47%) saturate(4396%) hue-rotate(347deg) brightness(102%) contrast(101%);
}
.reg-form .password-group .vcat>div img.valid
{
    filter: invert(63%) sepia(48%) saturate(2121%) hue-rotate(106deg) brightness(99%) contrast(106%);
}
.reg-form .password-group .pw-strength
{
    height: 1.25em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.reg-form .password-group .pw-strength span
{
    font-size: .75em;
}
.reg-form .phone-group .pg-grid
{
    display: grid;
    grid-template-columns: .35fr .65fr;
    grid-gap: .5em;
}
.reg-form .phone-group .pg-grid capp-select
{
    z-index: 4;
}
.reg-form .phone-group .pg-rm-grid
{
    display: block;
}
.reg-form .manual-address-input-group
{
    display: none;
    margin: 0;
}
.reg-form .manual-address-input-group.active
{
    display: block;
    margin-bottom: 1em;
}
.reg-form .manual-address-input-group>*
{
    margin-bottom: 1em;
}
.reg-form .manual-address-toggle
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    width: fit-content;
    font-size: 1em;
    margin-top: .25em;
    margin-bottom: 1em;
}
.reg-form .manual-address-toggle:focus
{
    outline: none;
}
.reg-form .manual-address-toggle span
{
    font-size: .875em;
    font-weight: bold;
}
reset-password-sub .forgot-password-sub.loading
{
    pointer-events: none;
}
reset-password-sub .sub-view-content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 1.5em;
}
reset-password-sub .sub-view-content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
reset-password-sub .sub-view-content::-webkit-scrollbar-track
{
    background: #241f19;
}
reset-password-sub .sub-view-content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
reset-password-sub .sub-view-content h3
{
    font-size: 2em;
    text-transform: none;
    color: #fff;
    margin-top: .75em;
    margin-bottom: .75em;
}
reset-password-sub form
{
    display: flex;
    flex-direction: column;
}
reset-password-sub form>*
{
    margin-bottom: 1em;
}
reset-password-sub form button
{
    width: fit-content;
    margin-top: .5em;
    margin-bottom: 1.5em;
}
reset-password-sub .success-view
{
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    animation: subViewAnimateInRight .2s ease;
}
search-sub .search-sub-wrap
{
    display: grid;
    grid-template-rows: 3.5em 1fr;
    height: 100%;
    overflow: hidden;
}
search-sub .search-controls
{
    background: #241f19;
    border: 1px solid #241f19;
    height: 3.5em;
    display: grid;
    grid-template-columns: 1.25em 1fr 1.5em 1.5em;
    align-items: center;
    grid-gap: .5em;
    width: 100%;
    box-sizing: border-box;
    padding: 1em;
}
search-sub .search-controls:focus-within
{
    border: 1px solid #ff8a14;
}
search-sub .search-controls input
{
    background: none;
    border: none;
    outline: none;
    font-family: "Outfit",sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    padding: 0;
}
search-sub .search-controls input:-webkit-autofill
{
    background-color: #241f19!important;
    background-image: none!important;
}
search-sub .search-controls input:-webkit-autofill, search-sub .search-controls input:-webkit-autofill:focus
{
    -webkit-box-shadow: 0 0 0 1000px #241f19 inset;
    -webkit-text-fill-color: #fff;
}
search-sub .search-controls img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    width: 1.25em;
}
search-sub .search-controls img.close
{
    width: 1.5em;
    cursor: pointer;
    filter: invert(100%);
}
search-sub .search-controls img.clear
{
    width: 1.25em;
    cursor: pointer;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
search-sub .search-controls.loading input
{
    pointer-events: none;
}
search-sub .search-controls.loading .clear
{
    pointer-events: none;
}
search-sub .content-wrap
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    overflow-y: auto;
}
search-sub .content-wrap::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
search-sub .content-wrap::-webkit-scrollbar-track
{
    background: #241f19;
}
search-sub .content-wrap::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
search-sub .content-wrap .search-terms-list
{
    box-sizing: border-box;
    padding: 1.5em 1em 0 1em;
}
search-sub .content-wrap .search-terms-list capp-preloader
{
    width: fit-content;
    margin-top: 1.5em;
    margin-left: .5em;
}
search-sub .content-wrap .search-terms-list h6
{
    font-size: .75em;
    margin: 0;
}
search-sub .content-wrap .search-terms-list ol
{
    list-style: none;
    margin: 0;
    padding-left: .5em;
}
search-sub .content-wrap .search-terms-list ol li
{
    display: flex;
    height: 4em;
    align-items: center;
    border-bottom: 1px solid rgba(255,138,20,.24);
    cursor: pointer;
    color: #9e9b99;
}
search-sub .content-wrap .search-terms-list ol li:hover
{
    color: #fff;
}
search-sub .content-wrap .search-loader
{
    margin: 2em 1em;
}
search-sub .content-wrap .results
{
    display: grid;
    grid-template-columns: 10em 10em;
    grid-auto-rows: 8.5em;
    grid-gap: .5em;
    justify-content: center;
    margin: 1.5em 0 .5em 0;
}
search-sub .content-wrap .results-game-maker
{
    grid-auto-rows: 4em;
}
search-sub .content-wrap .no-results
{
    box-sizing: border-box;
    padding: 1.5em 1em 0 1em;
}
search-sub .content-wrap .no-results span
{
    color: #ff8a14;
    font-size: 1.25em;
}
game-info-sub.page-mode .sub-view-wrap, gp-game-info.page-mode .sub-view-wrap
{
    background: none;
    pointer-events: none;
    top: 56px;
    height: calc(100% - 56px);
    z-index: 19;
}
@media only screen and (max-width: 720px)
{
    game-info-sub.page-mode .sub-view-wrap, gp-game-info.page-mode .sub-view-wrap
    {
        top: 0;
        height: 100%;
    }
}
game-info-sub.page-mode .sub-view-wrap .sub-view, gp-game-info.page-mode .sub-view-wrap .sub-view
{
    animation: none;
    pointer-events: all;
}
game-info-sub .description, gp-game-info .description
{
    font-size: .75em;
    opacity: .64;
}
game-info-sub.page-mode .sub-view.desktop .game-info-wrap h1, game-info-sub.page-mode .sub-view.desktop .game-info-wrap h2, gp-game-info.page-mode .sub-view.desktop .game-info-wrap h1, gp-game-info.page-mode .sub-view.desktop .game-info-wrap h2
{
    margin-top: .3em;
    padding-bottom: 0;
}
game-info-sub.page-mode .sub-view.desktop .game-info-wrap .title-separator, gp-game-info.page-mode .sub-view.desktop .game-info-wrap .title-separator
{
    margin-top: .6em;
}
game-info-sub.page-mode .sub-view.desktop .game-info-wrap .game-links, gp-game-info.page-mode .sub-view.desktop .game-info-wrap .game-links
{
    display: none;
}
game-info-sub.loading .sub-view>*, gp-game-info.loading .sub-view>*
{
    pointer-events: none;
}
game-info-sub .data-loader, gp-game-info .data-loader
{
    margin-top: 5em;
}
game-info-sub .game-info-wrap, gp-game-info .game-info-wrap
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
game-info-sub .game-info-wrap::-webkit-scrollbar, gp-game-info .game-info-wrap::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
game-info-sub .game-info-wrap::-webkit-scrollbar-track, gp-game-info .game-info-wrap::-webkit-scrollbar-track
{
    background: #241f19;
}
game-info-sub .game-info-wrap::-webkit-scrollbar-thumb, gp-game-info .game-info-wrap::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
game-info-sub .close-btn, gp-game-info .close-btn
{
    width: 3.5em;
    height: 3.5em;
    background: rgba(16,8,0,.6);
    border-radius: 50%;
    position: absolute;
    top: 1em;
    right: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
game-info-sub .close-btn img, gp-game-info .close-btn img
{
    width: 2em;
    height: 2em;
    filter: invert(100%);
}
game-info-sub .game-image, gp-game-info .game-image
{
    width: 100%;
    max-height: 15em;
    height: 15em;
    object-fit: cover;
}
game-info-sub h1, game-info-sub h2, gp-game-info h1, gp-game-info h2
{
    margin: 0;
    padding-bottom: .5em;
    line-height: 130%;
}
game-info-sub h1, gp-game-info h1
{
    font-size: 2em;
}
game-info-sub h2, gp-game-info h2
{
    font-size: 1.5em;
}
game-info-sub h3, gp-game-info h3
{
    font-size: 1.25em;
}
game-info-sub section, gp-game-info section
{
    padding: 1.5em;
}
game-info-sub section p, gp-game-info section p
{
    font-size: .75em;
    opacity: .64;
    line-height: 133%;
}
game-info-sub section:last-child, gp-game-info section:last-child
{
    border-bottom: none;
}
game-info-sub hr, gp-game-info hr
{
    border: none;
    border-bottom: 1px solid rgba(255,138,20,.24);
    margin: 1em 0;
}
game-info-sub .game-links, gp-game-info .game-links
{
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: .5em;
}
game-info-sub .game-links.single, gp-game-info .game-links.single
{
    grid-template-columns: auto;
}
game-info-sub .game-links button, gp-game-info .game-links button
{
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
game-info-sub .reviews .rating, gp-game-info .reviews .rating
{
    display: grid;
    grid-template-columns: repeat(5,2.5em) 1fr;
    margin-bottom: .75em;
}
game-info-sub .reviews .rating img, gp-game-info .reviews .rating img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    width: 100%;
}
game-info-sub .reviews .rating span, gp-game-info .reviews .rating span
{
    align-self: end;
    justify-self: right;
    font-size: .875em;
}
game-info-sub .reviews .comments-btn, gp-game-info .reviews .comments-btn
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    display: flex;
    align-items: center;
    font-size: 1em;
}
game-info-sub .reviews .comments-btn:focus, gp-game-info .reviews .comments-btn:focus
{
    outline: none;
}
game-info-sub .reviews .comments-btn span, gp-game-info .reviews .comments-btn span
{
    font-size: .75em;
    font-weight: 700;
}
game-info-sub .reviews .comments-btn img, gp-game-info .reviews .comments-btn img
{
    height: 1em;
    filter: invert(100%);
}
game-info-sub .section-expand-btn, gp-game-info .section-expand-btn
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    color: #ff8a14;
    display: flex;
    align-items: center;
    font-size: 1em;
}
game-info-sub .section-expand-btn:focus, gp-game-info .section-expand-btn:focus
{
    outline: none;
}
game-info-sub .section-expand-btn span, gp-game-info .section-expand-btn span
{
    font-weight: 700;
}
game-info-sub .section-expand-btn img, gp-game-info .section-expand-btn img
{
    height: 1em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    margin-left: .25em;
}
game-info-sub section, gp-game-info section
{
    padding: 0 1em;
}
game-info-sub capp-accordion .title, gp-game-info capp-accordion .title
{
    margin-top: 0;
}
game-info-sub capp-accordion .title span, gp-game-info capp-accordion .title span
{
    font-size: 1em;
}
game-info-sub capp-accordion p, gp-game-info capp-accordion p
{
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}
game-info-sub .more-info, gp-game-info .more-info
{
    margin-bottom: 2.5em;
}
@media only screen and (max-width: 720px)
{
    game-info-sub .more-info, gp-game-info .more-info
    {
        margin-bottom: 2em;
    }
}
game-info-sub .more-info h2, gp-game-info .more-info h2
{
    margin-bottom: .5em;
}
.mobile game-info-sub.page-mode .sub-view-wrap, .mobile gp-game-info.page-mode .sub-view-wrap
{
    top: 0;
    height: 100%;
}
.mobile game-info-sub.page-mode .sub-view-wrap .sub-view, .mobile gp-game-info.page-mode .sub-view-wrap .sub-view
{
    max-width: 100%;
}
@media only screen and (min-width: 23.75em)
{
    .mobile game-info-sub.page-mode .sub-view-wrap .sub-view .game-specs, .mobile game-info-sub.page-mode .sub-view-wrap .sub-view .game-image, .mobile gp-game-info.page-mode .sub-view-wrap .sub-view .game-specs, .mobile gp-game-info.page-mode .sub-view-wrap .sub-view .game-image
    {
        max-width: 23.75em;
    }
    .mobile game-info-sub.page-mode .sub-view-wrap .sub-view .game-image-wrap, .mobile game-info-sub.page-mode .sub-view-wrap .sub-view .game-title-wrap, .mobile gp-game-info.page-mode .sub-view-wrap .sub-view .game-image-wrap, .mobile gp-game-info.page-mode .sub-view-wrap .sub-view .game-title-wrap
    {
        text-align: center;
    }
}
@media only screen and (min-width: 23.75em) and (orientation: portrait)
{
    .mobile game-info-sub.page-mode .sub-view-wrap .sub-view.mobile .game-specs, .mobile game-info-sub.page-mode .sub-view-wrap .sub-view.mobile .game-image, .mobile gp-game-info.page-mode .sub-view-wrap .sub-view.mobile .game-specs, .mobile gp-game-info.page-mode .sub-view-wrap .sub-view.mobile .game-image
    {
        max-width: 100%;
    }
    .mobile game-info-sub.page-mode .sub-view-wrap .sub-view.mobile .game-image-wrap, .mobile game-info-sub.page-mode .sub-view-wrap .sub-view.mobile .game-title-wrap, .mobile gp-game-info.page-mode .sub-view-wrap .sub-view.mobile .game-image-wrap, .mobile gp-game-info.page-mode .sub-view-wrap .sub-view.mobile .game-title-wrap
    {
        text-align: left;
    }
}
.game-specs .specs-grid .row
{
    display: grid;
    grid-template-columns: max-content 1fr;
    height: 2.5em;
    padding: 0 1em;
}
.game-specs .specs-grid .row:nth-child(odd)
{
    background: rgba(255,138,20,.08);
}
.game-specs .specs-grid .row span
{
    align-self: center;
}
.game-specs .specs-grid .row .label
{
    font-size: .75em;
}
.game-specs .specs-grid .row .value
{
    justify-self: right;
    text-align: right;
}
gp-game-info .sub-view-wrap
{
    display: none;
}
gp-game-info .sub-view-wrap.open
{
    display: block;
}
gp-game-info .gpgi-sub
{
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto auto 1fr;
}
gp-game-info .gpgi-sub .sw-header-simple
{
    align-items: flex-start;
    height: auto;
    margin-top: .7em;
}
gp-game-info .gpgi-sub .sw-header-simple h1
{
    margin: 0;
    font-size: 1.5em;
    padding-right: 1.5em;
}
gp-game-info .gpgi-sub .sw-header-simple .close-btn
{
    background: none;
}
gp-game-info .gpgi-sub .game-info-wrap .game-image
{
    margin-bottom: 1em;
}
gp-game-info .game-description
{
    font-size: .75em;
}
gp-game-info .game-description h1, gp-game-info .game-description h2
{
    margin: 0;
    padding-bottom: .5em;
    font-size: 1.25em;
    line-height: 130%;
}
gp-game-info .game-description p
{
    font-size: 1em;
    margin-bottom: 1em;
}
gp-game-info .more-info
{
    margin-bottom: 4.5em;
}
gp-game-info capp-accordion .acc-wrap
{
    transition: none;
}
profile-sub .profile-sub
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
profile-sub .profile-sub::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
profile-sub .profile-sub::-webkit-scrollbar-track
{
    background: #241f19;
}
profile-sub .profile-sub::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
profile-sub .close-btn
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    cursor: pointer;
    font-size: 1em;
    position: absolute;
    top: .75em;
    right: .75em;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background: #ff8a14;
    display: flex;
    align-items: center;
    justify-content: center;
}
profile-sub .close-btn:focus
{
    outline: none;
}
profile-sub .close-btn img
{
    width: 1.5em;
    height: 1.5em;
}
profile-sub .profile-header
{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ff8a14;
    color: #100800;
    padding: 4em 1.5em 2em 1.5em;
}
profile-sub .profile-header .profile-image
{
    position: relative;
    width: 6em;
    height: 6em;
    margin-bottom: .25em;
    border-radius: 50%;
}
profile-sub .profile-header .profile-image .edit-btn
{
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background: rgba(16,8,0,.64);
    backdrop-filter: blur(.5em);
    display: flex;
    align-items: center;
    justify-content: center;
}
profile-sub .profile-header .profile-image .edit-btn img
{
    filter: invert(100%);
    width: 1em;
    height: 1em;
}
profile-sub .profile-header .profile-image .gold-profile-image
{
    border: 5px solid rgba(0,0,0,0);
    border-radius: 50%;
    background-image: linear-gradient(180deg,#ecda5e,#a78f0b);
    background-origin: border-box;
}
profile-sub .profile-header .profile-image .vip-profile-image
{
    border: 5px solid #fff;
    border-radius: 50%;
}
profile-sub .profile-header .profile-image .vvip-profile-image
{
    border: 5px solid rgba(0,0,0,0);
    border-radius: 50%;
    background-image: linear-gradient(180deg,#000,#fff);
    background-origin: border-box;
}
profile-sub .profile-header h3
{
    max-width: 100%;
    margin: 0;
    line-height: 125%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
profile-sub .profile-header .verified-state
{
    display: flex;
    align-items: center;
}
profile-sub .profile-header .verified-state img
{
    height: .75em;
    margin-right: .25em;
}
profile-sub .profile-header .verified-state span
{
    font-size: .625em;
}
profile-sub .profile-header .info
{
    width: 100%;
    margin-top: 1.5em;
}
profile-sub .profile-header .info .info-row
{
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    height: 1.5em;
    margin-bottom: .25em;
}
profile-sub .profile-header .info .info-row .label
{
    font-size: .875em;
    display: flex;
    align-items: center;
    position: relative;
}
profile-sub .profile-header .info .info-row .value
{
    justify-self: right;
    font-weight: 700;
}
profile-sub .profile-header .info .info-row .loyalty-value
{
    display: flex;
    align-items: center;
}
profile-sub .profile-header .info .info-row .loyalty-value img
{
    height: 1.25em;
    margin-right: .25em;
}
profile-sub .profile-header .info .info-row .points-ic
{
    margin-left: 5px;
    height: 1.3em;
}
profile-sub .profile-header .info .points-value
{
    grid-template-columns: .1fr 2fr;
}
profile-sub .profile-header .info .points-value .label .points-img
{
    height: 3em;
    z-index: 2;
}
profile-sub .profile-header .info .points-value .label p
{
    z-index: 3;
    position: absolute;
    left: 34%;
    right: auto;
    min-width: 1em;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
profile-sub .profile-header .info .points-value .points-pb
{
    margin-left: -20px;
    z-index: 1;
}
profile-sub .profile-header capp-progress-bar .progress-wrap
{
    background: rgba(16,8,0,.24);
    height: 1.2em!important;
}
profile-sub .profile-header capp-progress-bar .progress-wrap .progress-bar
{
    background: #100800;
}
profile-sub .profile-header .points-label
{
    z-index: 1;
}
profile-sub .profile-header .points-label span
{
    float: right;
    margin-top: -2em;
    margin-right: 1em;
    font-weight: bold;
    color: #fff;
}
profile-sub .btn-wrap
{
    padding: 1em 1.5em;
}
profile-sub .btn-wrap button
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
profile-sub .btn-wrap button img
{
    width: 1.5em;
    height: 1.5em;
}
profile-sub section
{
    padding: 1em 1.5em;
    border-bottom: 1px solid rgba(255,138,20,.24);
}
profile-sub .wallet-premium-section
{
    background-color: #202020;
}
profile-sub .premium-section
{
    border-bottom: 1px solid #aaa9ad!important;
}
profile-sub .bank-links
{
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: .5em;
}
profile-sub .bank-links button, profile-sub .bank-links a
{
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}
profile-sub .links-section
{
    display: grid;
    grid-gap: 1.5em;
}
profile-sub .links-section .text-link
{
    display: flex;
    height: 1.5em;
    font-weight: normal;
}
profile-sub .links-section .text-link img
{
    height: 1em;
    filter: invert(100%);
    margin-left: auto;
}
profile-sub .profile-premium-section
{
    background: #3d3d3d;
}
profile-sub .profile-premium-section h3
{
    color: #fff;
}
profile-sub .profile-premium-section .verified-state img
{
    filter: invert(100%);
}
profile-sub .profile-premium-section .verified-state span
{
    color: #fff;
}
profile-sub .profile-premium-section .info
{
    color: #fff;
}
profile-sub .profile-premium-section .info .info-row .loyalty-value img
{
    filter: invert(100%);
}
profile-sub .profile-premium-section .info .info-row .points-ic
{
    filter: invert(100%);
}
profile-sub .profile-premium-section capp-progress-bar .progress-wrap
{
    background: rgba(158,155,153,.24);
}
profile-sub .profile-premium-section capp-progress-bar .progress-wrap .progress-bar
{
    background: #9e9b99;
}
profile-sub .profile-premium-section .close-btn
{
    background: #3d3d3d;
}
profile-sub .profile-premium-section .close-btn-icn
{
    filter: invert(100%);
}
personal-details-sub capp-preloader, change-phone-sub capp-preloader
{
    height: fit-content;
    margin-top: 3em;
}
personal-details-sub .pd-sub, change-phone-sub .pd-sub
{
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
}
personal-details-sub .pd-sub.loading, change-phone-sub .pd-sub.loading
{
    pointer-events: none;
}
personal-details-sub .pd-sub .sub-view-content, change-phone-sub .pd-sub .sub-view-content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    height: 100%;
    overflow-y: auto;
}
personal-details-sub .pd-sub .sub-view-content::-webkit-scrollbar, change-phone-sub .pd-sub .sub-view-content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
personal-details-sub .pd-sub .sub-view-content::-webkit-scrollbar-track, change-phone-sub .pd-sub .sub-view-content::-webkit-scrollbar-track
{
    background: #241f19;
}
personal-details-sub .pd-sub .sub-view-content::-webkit-scrollbar-thumb, change-phone-sub .pd-sub .sub-view-content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
personal-details-sub .pd-sub .sub-view-content section, change-phone-sub .pd-sub .sub-view-content section
{
    padding: 0 1.5em;
    position: relative;
}
personal-details-sub .pd-sub .sub-view-content section>*, change-phone-sub .pd-sub .sub-view-content section>*
{
    margin-bottom: 1em;
}
personal-details-sub .pd-sub .sub-view-content section .update-btn, change-phone-sub .pd-sub .sub-view-content section .update-btn
{
    position: absolute;
    top: .75em;
    right: 2em;
    font-size: .75em;
    cursor: pointer;
}
personal-details-sub .pd-sub .sub-view-content h3, change-phone-sub .pd-sub .sub-view-content h3
{
    margin: 0;
    margin-bottom: .75em;
}
personal-details-sub .pd-sub .sub-view-content h4, change-phone-sub .pd-sub .sub-view-content h4
{
    margin: 0;
    margin-bottom: .7em;
}
personal-details-sub .pd-sub .sub-view-content hr, change-phone-sub .pd-sub .sub-view-content hr
{
    height: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255,138,20,.24);
    margin: 1.5em 0;
}
personal-details-sub .pd-sub .sub-view-content .phone-group .pg-grid, change-phone-sub .pd-sub .sub-view-content .phone-group .pg-grid
{
    display: grid;
    grid-template-columns: .35fr .65fr;
    grid-gap: .5em;
}
personal-details-sub .pd-sub .sub-view-content capp-text .input-wrap, change-phone-sub .pd-sub .sub-view-content capp-text .input-wrap
{
    height: 7em;
}
personal-details-sub .pd-sub .sub-view-content capp-text .input-wrap textarea, change-phone-sub .pd-sub .sub-view-content capp-text .input-wrap textarea
{
    font-size: 1em;
}
personal-details-sub .pd-sub .sub-view-content .input-wrap, change-phone-sub .pd-sub .sub-view-content .input-wrap
{
    position: relative;
}
personal-details-sub .pd-sub .sub-view-content .input-wrap .update-btn, change-phone-sub .pd-sub .sub-view-content .input-wrap .update-btn
{
    position: absolute;
    top: .2em;
    right: 0;
    font-size: .75em;
    cursor: pointer;
}
personal-details-sub .sub-view-form, change-phone-sub .sub-view-form
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #100800;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    animation: subViewAnimateInRight .2s ease;
}
personal-details-sub .sub-view-form .sw-header-simple, change-phone-sub .sub-view-form .sw-header-simple
{
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: .75em;
    height: auto;
    align-items: start;
    padding-top: .5em;
}
personal-details-sub .sub-view-form .sw-header-simple img, change-phone-sub .sub-view-form .sw-header-simple img
{
    padding-top: .25em;
}
personal-details-sub .sub-view-form .sw-header-simple h4, change-phone-sub .sub-view-form .sw-header-simple h4
{
    margin: 0;
}
personal-details-sub .sub-view-form .reg-form, change-phone-sub .sub-view-form .reg-form
{
    padding: 1.5em;
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden;
}
personal-details-sub .success-view, change-phone-sub .success-view
{
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    animation: subViewAnimateInRight .2s ease;
}
change-phone-sub .sub-view, change-phone-sub .sub-view-form
{
    animation: none!important;
}
verification-sub capp-preloader
{
    height: fit-content;
    margin-top: 3em;
}
verification-sub .verification-sub.loading
{
    pointer-events: none;
}
verification-sub .verification-sub-grid
{
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 250px 1fr;
}
verification-sub .sub-view-content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    height: 100%;
    overflow-y: auto;
}
verification-sub .sub-view-content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
verification-sub .sub-view-content::-webkit-scrollbar-track
{
    background: #241f19;
}
verification-sub .sub-view-content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
verification-sub .sub-view-content section
{
    padding: 0 1.5em;
    position: relative;
}
verification-sub .sub-view-content section>*
{
    margin-bottom: 1em;
}
verification-sub .sub-view-content h3
{
    margin: 0;
    margin-bottom: .75em;
}
verification-sub .sub-view-content h4
{
    margin: 0;
    margin-bottom: .7em;
}
verification-sub .sub-view-content p
{
    line-height: 150%;
}
verification-sub .sub-view-content hr
{
    height: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255,138,20,.24);
    margin: .75em 0 1em 0;
}
verification-sub .sub-view-content .verification-item
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.5em;
}
verification-sub .sub-view-content .verification-item.required
{
    cursor: pointer;
}
verification-sub .sub-view-content .verification-item h6
{
    margin: 0;
    line-height: 150%;
}
verification-sub .sub-view-content .verification-item .forward-icn
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
verification-sub .sub-view-content .verification-item .status-el
{
    color: #000;
    display: flex;
    align-items: center;
    width: fit-content;
    box-sizing: border-box;
    padding: .25em .5em .25em .25em;
    border-radius: .125em;
    margin-top: .25em;
}
verification-sub .sub-view-content .verification-item .status-el .status-icn
{
    width: 1.25em;
    height: 1.25em;
    margin-right: .125em;
}
verification-sub .sub-view-content .verification-item .status-el span
{
    font-size: .875em;
}
verification-sub .sub-view-content .verification-item .status-el.required
{
    background: #fff848;
}
verification-sub .sub-view-content .verification-item .status-el.pending
{
    background: #48a7ff;
}
verification-sub .sub-view-content .verification-item .status-el.verified
{
    background: #00e67e;
}
verification-sub .sub-view-form
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #100800;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    animation: subViewAnimateInRight .2s ease;
}
verification-sub .sub-view-form .sw-header-simple
{
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: .75em;
    height: auto;
    align-items: start;
    padding-top: .5em;
}
verification-sub .sub-view-form .sw-header-simple img
{
    padding-top: .25em;
}
verification-sub .sub-view-form .sw-header-simple h4
{
    margin: 0;
}
verification-sub .sub-view-form .form-wrap
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    padding: 1.5em;
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden;
}
verification-sub .sub-view-form .form-wrap::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
verification-sub .sub-view-form .form-wrap::-webkit-scrollbar-track
{
    background: #241f19;
}
verification-sub .sub-view-form .form-wrap::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
verification-sub .sub-view-form .form-wrap p
{
    line-height: 150%;
    margin-top: 0;
    margin-bottom: 1em;
}
verification-sub .sub-view-form .form-wrap p.s14
{
    font-size: .875em;
}
verification-sub .sub-view-form .form-wrap .list
{
    margin-bottom: 1em;
}
verification-sub .sub-view-form .form-wrap .list label
{
    line-height: 150%;
}
verification-sub .sub-view-form .form-wrap .list ul
{
    margin: 0;
    padding: 0 1.5em;
}
verification-sub .sub-view-form .form-wrap .list ul li span
{
    line-height: 150%;
    font-weight: bold;
}
verification-sub .sub-view-form .form-wrap .list.small label, verification-sub .sub-view-form .form-wrap .list.small li
{
    font-size: .875em;
}
verification-sub .sub-view-form .form-wrap .list.small ul li span
{
    font-weight: normal;
}
verification-sub .sub-view-form .form-wrap .image-select
{
    width: 100%;
    height: 17.5em;
    border: 1px dashed rgba(255,255,255,.24);
    padding: 1.5em;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
verification-sub .sub-view-form .form-wrap .image-select .upload-h
{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1em;
}
verification-sub .sub-view-form .form-wrap .image-select .upload-h img
{
    width: 5em;
    height: 5em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
verification-sub .sub-view-form .form-wrap .image-select .upload-h span
{
    font-size: .75em;
}
verification-sub .sub-view-form .form-wrap .image-select .separator-or
{
    margin-bottom: 1em;
}
verification-sub .sub-view-form .form-wrap .image-select .select-btn
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    color: #ff8a14;
    font-weight: bold;
    font-size: 1em;
}
verification-sub .sub-view-form .form-wrap .image-select .select-btn:focus
{
    outline: none;
}
verification-sub .sub-view-form .form-wrap .image-select input
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
verification-sub .sub-view-form .form-wrap .image-select .image-preview
{
    width: 85%;
    height: 90%;
    object-fit: contain;
    margin-top: 7%;
}
verification-sub .sub-view-form .form-wrap .image-select .image-preview.pdf-icon
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    height: 40%;
    object-fit: contain;
    margin-top: 25%;
}
verification-sub .sub-view-form .form-wrap .image-select .cancel-btn
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    position: absolute;
    right: 1em;
    top: 1em;
    cursor: pointer;
}
verification-sub .sub-view-form .form-wrap .image-select .upload-display
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
verification-sub .sub-view-form .form-wrap .image-select .upload-display capp-preloader
{
    margin-top: 0;
    margin-bottom: 1em;
}
verification-sub .sub-view-form .form-wrap .image-select .upload-display div
{
    font-size: .875em;
}
verification-sub .sub-view-form .form-wrap .upload-btn
{
    width: 100%;
    margin-top: 1.5em;
}
verification-sub .success-view
{
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    animation: subViewAnimateInRight .2s ease;
}
deposit-sub capp-preloader, deposit-result-sub capp-preloader, withdraw-sub capp-preloader
{
    height: fit-content;
    margin-top: 3em;
}
deposit-sub .unverified-view, deposit-result-sub .unverified-view, withdraw-sub .unverified-view
{
    position: relative!important;
    height: auto;
    padding-top: 0;
}
deposit-sub .deposit-sub, deposit-result-sub .deposit-sub, withdraw-sub .deposit-sub
{
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr auto;
}
deposit-sub .deposit-sub.loading, deposit-result-sub .deposit-sub.loading, withdraw-sub .deposit-sub.loading
{
    pointer-events: none;
}
deposit-sub .deposit-sub .additional-info, deposit-result-sub .deposit-sub .additional-info, withdraw-sub .deposit-sub .additional-info
{
    padding-top: 1em;
    border: none;
}
deposit-sub .deposit-sub .bottom-section, deposit-result-sub .deposit-sub .bottom-section, withdraw-sub .deposit-sub .bottom-section
{
    padding: 1em 1.5em 1em 2em;
    border: none;
}
deposit-sub .deposit-sub .bottom-section button, deposit-result-sub .deposit-sub .bottom-section button, withdraw-sub .deposit-sub .bottom-section button
{
    width: 100%;
}
deposit-sub .deposit-sub capp-radio .radio-display, deposit-result-sub .deposit-sub capp-radio .radio-display, withdraw-sub .deposit-sub capp-radio .radio-display
{
    background: #100800;
}
deposit-sub .sub-view-content, deposit-result-sub .sub-view-content, withdraw-sub .sub-view-content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    height: 100%;
    overflow-y: auto;
}
deposit-sub .sub-view-content::-webkit-scrollbar, deposit-result-sub .sub-view-content::-webkit-scrollbar, withdraw-sub .sub-view-content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
deposit-sub .sub-view-content::-webkit-scrollbar-track, deposit-result-sub .sub-view-content::-webkit-scrollbar-track, withdraw-sub .sub-view-content::-webkit-scrollbar-track
{
    background: #241f19;
}
deposit-sub .sub-view-content::-webkit-scrollbar-thumb, deposit-result-sub .sub-view-content::-webkit-scrollbar-thumb, withdraw-sub .sub-view-content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
deposit-sub .sub-view-content section, deposit-result-sub .sub-view-content section, withdraw-sub .sub-view-content section
{
    padding: 0 1.5em;
    position: relative;
}
deposit-sub .sub-view-content section>*, deposit-result-sub .sub-view-content section>*, withdraw-sub .sub-view-content section>*
{
    margin-bottom: 1em;
}
deposit-sub .sub-view-content h3, deposit-result-sub .sub-view-content h3, withdraw-sub .sub-view-content h3
{
    margin: 0;
    margin-bottom: .75em;
}
deposit-sub .sub-view-content h5, deposit-result-sub .sub-view-content h5, withdraw-sub .sub-view-content h5
{
    margin: 0;
    line-height: 140%;
    margin-bottom: .25em;
}
deposit-sub .sub-view-content .text-link.small, deposit-result-sub .sub-view-content .text-link.small, withdraw-sub .sub-view-content .text-link.small
{
    margin: 0;
    font-size: .625em;
}
deposit-sub .sub-view-content .wallet-section .wallets-list, deposit-result-sub .sub-view-content .wallet-section .wallets-list, withdraw-sub .sub-view-content .wallet-section .wallets-list
{
    margin-bottom: .25em;
}
deposit-sub .sub-view-content .wallet-section .deposit-limits, deposit-result-sub .sub-view-content .wallet-section .deposit-limits, withdraw-sub .sub-view-content .wallet-section .deposit-limits
{
    display: grid;
    grid-auto-flow: row;
    grid-gap: 1em;
    margin-top: 1em;
}
deposit-sub .sub-view-content .wallet-section .deposit-limits .dl-info, deposit-result-sub .sub-view-content .wallet-section .deposit-limits .dl-info, withdraw-sub .sub-view-content .wallet-section .deposit-limits .dl-info
{
    display: flex;
    justify-content: space-between;
    font-size: .75em;
    margin-bottom: .25em;
}
deposit-sub .sub-view-content .amount-section, deposit-result-sub .sub-view-content .amount-section, withdraw-sub .sub-view-content .amount-section
{
    padding: 1em 1.5em;
    border-bottom: 1px solid rgba(255,138,20,.25);
    border-top: 1px solid rgba(255,138,20,.25);
    margin-top: 1.5em;
}
deposit-sub .sub-view-content .amount-section.premium-section, deposit-result-sub .sub-view-content .amount-section.premium-section, withdraw-sub .sub-view-content .amount-section.premium-section
{
    border-bottom: 1px solid #aaa9ad!important;
    border-top: 1px solid #aaa9ad!important;
}
deposit-sub .sub-view-content .amount-section .amount-presets, deposit-result-sub .sub-view-content .amount-section .amount-presets, withdraw-sub .sub-view-content .amount-section .amount-presets
{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: .25em;
}
deposit-sub .sub-view-content .amount-section .amount-presets button, deposit-result-sub .sub-view-content .amount-section .amount-presets button, withdraw-sub .sub-view-content .amount-section .amount-presets button
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    font-size: 1em;
    background: rgba(255,138,20,.08);
    height: 2.5em;
}
deposit-sub .sub-view-content .amount-section .amount-presets button:focus, deposit-result-sub .sub-view-content .amount-section .amount-presets button:focus, withdraw-sub .sub-view-content .amount-section .amount-presets button:focus
{
    outline: none;
}
deposit-sub .sub-view-content .bonus-section, deposit-result-sub .sub-view-content .bonus-section, withdraw-sub .sub-view-content .bonus-section
{
    padding: 1em 1.5em;
    padding-bottom: 0;
}
deposit-sub .sub-view-content .bonus-section>h5, deposit-result-sub .sub-view-content .bonus-section>h5, withdraw-sub .sub-view-content .bonus-section>h5
{
    cursor: pointer;
}
deposit-sub .sub-view-content .bonus-section>h5 img, deposit-result-sub .sub-view-content .bonus-section>h5 img, withdraw-sub .sub-view-content .bonus-section>h5 img
{
    filter: invert(100%);
    position: relative;
    top: .15em;
    width: .9em;
}
deposit-sub .sub-view-content .bonus-section .deposit-bonuses, deposit-result-sub .sub-view-content .bonus-section .deposit-bonuses, withdraw-sub .sub-view-content .bonus-section .deposit-bonuses
{
    margin-bottom: 0;
}
deposit-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item, deposit-result-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item, withdraw-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item
{
    display: grid;
    grid-template-columns: 1.5em 1fr;
    grid-gap: .5em;
    background: #241f19;
    padding: .75em .5em;
    margin-bottom: .5em;
}
deposit-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item h5, deposit-result-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item h5, withdraw-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item h5
{
    margin: 0;
    line-height: normal;
    cursor: pointer;
}
deposit-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item .bonus-description, deposit-result-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item .bonus-description, withdraw-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item .bonus-description
{
    margin: .25em 0;
}
deposit-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item .bonus-description p, deposit-result-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item .bonus-description p, withdraw-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item .bonus-description p
{
    margin: 0;
    font-size: 14px;
}
deposit-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected, deposit-result-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected, withdraw-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected
{
    background: #ff8a14;
    color: #100800;
}
deposit-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected capp-radio .radio-display, deposit-result-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected capp-radio .radio-display, withdraw-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected capp-radio .radio-display
{
    background: #ff8a14;
    border: 1px solid #100800;
}
deposit-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected capp-radio .radio-display:after, deposit-result-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected capp-radio .radio-display:after, withdraw-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected capp-radio .radio-display:after
{
    background: #100800;
}
deposit-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected capp-accordion .title span, deposit-result-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected capp-accordion .title span, withdraw-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected capp-accordion .title span
{
    color: #100800;
}
deposit-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected capp-accordion .title img, deposit-result-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected capp-accordion .title img, withdraw-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected capp-accordion .title img
{
    filter: none;
}
deposit-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected .free-spin-games, deposit-result-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected .free-spin-games, withdraw-sub .sub-view-content .bonus-section .deposit-bonuses .bonus-item.selected .free-spin-games
{
    color: #100800;
}
deposit-sub .sub-view-content .bonus-section capp-bonus-code, deposit-result-sub .sub-view-content .bonus-section capp-bonus-code, withdraw-sub .sub-view-content .bonus-section capp-bonus-code
{
    display: block;
    margin-right: 1em;
}
deposit-sub .sub-view-content .bonus-section capp-bonus-code h4, deposit-result-sub .sub-view-content .bonus-section capp-bonus-code h4, withdraw-sub .sub-view-content .bonus-section capp-bonus-code h4
{
    font-size: 1.25em;
    margin: 0;
    margin-bottom: .5em;
    line-height: normal;
    cursor: default;
}
deposit-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap, deposit-result-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap, withdraw-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap
{
    position: relative;
    margin-bottom: 0;
}
deposit-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap capp-input, deposit-result-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap capp-input, withdraw-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap capp-input
{
    margin-bottom: 1em;
}
deposit-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap capp-input input, deposit-result-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap capp-input input, withdraw-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap capp-input input
{
    padding-left: 2.75em;
    padding-right: 3.75em;
    background: #3d3833;
}
deposit-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap capp-input input:focus, deposit-result-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap capp-input input:focus, withdraw-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap capp-input input:focus
{
    border: none;
}
deposit-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap img.search-img, deposit-result-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap img.search-img, withdraw-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap img.search-img
{
    position: absolute;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    width: 1.25em;
    height: 1.25em;
    top: .875em;
    left: 1em;
}
deposit-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap capp-preloader, deposit-result-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap capp-preloader, withdraw-sub .sub-view-content .bonus-section capp-bonus-code .bonus-code-input-wrap capp-preloader
{
    position: absolute;
    top: 0;
    right: 1em;
    height: 100%;
    margin: 0;
}
deposit-sub .sub-view-content .btn-primary, deposit-result-sub .sub-view-content .btn-primary, withdraw-sub .sub-view-content .btn-primary
{
    width: 100%;
}
deposit-sub .sub-view-iframe, deposit-result-sub .sub-view-iframe, withdraw-sub .sub-view-iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #100800;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    animation: subViewAnimateInRight .2s ease;
}
deposit-sub .sub-view-iframe .sw-header-simple, deposit-result-sub .sub-view-iframe .sw-header-simple, withdraw-sub .sub-view-iframe .sw-header-simple
{
    padding-bottom: .75em;
}
deposit-sub .sub-view-iframe capp-preloader, deposit-result-sub .sub-view-iframe capp-preloader, withdraw-sub .sub-view-iframe capp-preloader
{
    position: absolute;
    top: .85em;
    right: 3em;
    margin: 0;
}
deposit-sub .sub-view-iframe iframe, deposit-result-sub .sub-view-iframe iframe, withdraw-sub .sub-view-iframe iframe
{
    z-index: 3;
    width: 100%;
    height: 100%;
    border: none;
    background: #100800;
}
deposit-sub .sub-view-iframe iframe.ACMB_Ewallet, deposit-result-sub .sub-view-iframe iframe.ACMB_Ewallet, withdraw-sub .sub-view-iframe iframe.ACMB_Ewallet
{
    background: #e7e6e5;
}
deposit-sub .sub-view-form .sw-header-simple, deposit-sub .sub-view-iframe .sw-header-simple, deposit-result-sub .sub-view-form .sw-header-simple, deposit-result-sub .sub-view-iframe .sw-header-simple, withdraw-sub .sub-view-form .sw-header-simple, withdraw-sub .sub-view-iframe .sw-header-simple
{
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: .75em;
    height: auto;
    align-items: start;
    padding-top: .5em;
}
deposit-sub .sub-view-form .sw-header-simple img, deposit-sub .sub-view-iframe .sw-header-simple img, deposit-result-sub .sub-view-form .sw-header-simple img, deposit-result-sub .sub-view-iframe .sw-header-simple img, withdraw-sub .sub-view-form .sw-header-simple img, withdraw-sub .sub-view-iframe .sw-header-simple img
{
    padding-top: .25em;
}
deposit-sub .sub-view-form .sw-header-simple h4, deposit-sub .sub-view-iframe .sw-header-simple h4, deposit-result-sub .sub-view-form .sw-header-simple h4, deposit-result-sub .sub-view-iframe .sw-header-simple h4, withdraw-sub .sub-view-form .sw-header-simple h4, withdraw-sub .sub-view-iframe .sw-header-simple h4
{
    margin: 0;
}
deposit-sub .payment-methods-section, deposit-result-sub .payment-methods-section, withdraw-sub .payment-methods-section
{
    margin-bottom: 1.5em;
}
deposit-sub .payment-method-selector, deposit-result-sub .payment-method-selector, withdraw-sub .payment-method-selector
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: .25em;
    width: 100%;
    padding-bottom: .5em;
    margin-top: .5em;
}
deposit-sub .payment-item, deposit-result-sub .payment-item, withdraw-sub .payment-item
{
    display: grid;
    grid-template-columns: 1.5em auto;
    grid-gap: .75em;
    background: #241f19;
    padding: .75em 1em .5em .5em;
    border-radius: .125em;
    cursor: pointer;
    overflow: hidden;
}
deposit-sub .payment-item .method-display, deposit-result-sub .payment-item .method-display, withdraw-sub .payment-item .method-display
{
    font-weight: bold;
}
deposit-sub .payment-item .method-display div, deposit-result-sub .payment-item .method-display div, withdraw-sub .payment-item .method-display div
{
    margin-top: .125em;
    white-space: nowrap;
}
deposit-sub .payment-item .method-display .method-img, deposit-result-sub .payment-item .method-display .method-img, withdraw-sub .payment-item .method-display .method-img
{
    height: 1.5em;
    width: 5.5em;
    object-fit: contain;
    object-position: left;
    margin-top: .5em;
}
deposit-sub .payment-item .limits, deposit-result-sub .payment-item .limits, withdraw-sub .payment-item .limits
{
    color: rgba(255,255,255,.64);
    display: flex;
    white-space: nowrap;
    align-items: center;
    height: 1.25em;
}
deposit-sub .payment-item .limits span, deposit-result-sub .payment-item .limits span, withdraw-sub .payment-item .limits span
{
    font-size: .625em;
    font-weight: 400;
}
deposit-sub .payment-item .limits img, deposit-result-sub .payment-item .limits img, withdraw-sub .payment-item .limits img
{
    display: none;
    width: .75em;
    height: .75em;
    margin-right: .25em;
}
deposit-sub .payment-item.disabled, deposit-result-sub .payment-item.disabled, withdraw-sub .payment-item.disabled
{
    pointer-events: none;
}
deposit-sub .payment-item.disabled .limits, deposit-result-sub .payment-item.disabled .limits, withdraw-sub .payment-item.disabled .limits
{
    background: #ff4b23;
    color: #100800;
    padding-left: .25em;
    padding-right: .25em;
}
deposit-sub .payment-item.disabled .limits img, deposit-result-sub .payment-item.disabled .limits img, withdraw-sub .payment-item.disabled .limits img
{
    display: inline;
}
deposit-sub .payment-item.selected, deposit-result-sub .payment-item.selected, withdraw-sub .payment-item.selected
{
    background: #ff8a14;
    color: #100800;
}
deposit-sub .payment-item.selected capp-radio .radio-display, deposit-result-sub .payment-item.selected capp-radio .radio-display, withdraw-sub .payment-item.selected capp-radio .radio-display
{
    background: #ff8a14;
    border: 1px solid #100800;
}
deposit-sub .payment-item.selected capp-radio .radio-display:after, deposit-result-sub .payment-item.selected capp-radio .radio-display:after, withdraw-sub .payment-item.selected capp-radio .radio-display:after
{
    background: #100800;
}
deposit-sub .payment-item.selected .limits, deposit-result-sub .payment-item.selected .limits, withdraw-sub .payment-item.selected .limits
{
    color: rgba(16,8,0,.64);
}
deposit-sub .sub-view-form, deposit-result-sub .sub-view-form, withdraw-sub .sub-view-form
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #100800;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr auto;
    animation: subViewAnimateInRight .2s ease;
}
deposit-sub .sub-view-form .payment-select-screen, deposit-sub .sub-view-form .payment-additional-form, deposit-result-sub .sub-view-form .payment-select-screen, deposit-result-sub .sub-view-form .payment-additional-form, withdraw-sub .sub-view-form .payment-select-screen, withdraw-sub .sub-view-form .payment-additional-form
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}
deposit-sub .sub-view-form .payment-select-screen::-webkit-scrollbar, deposit-sub .sub-view-form .payment-additional-form::-webkit-scrollbar, deposit-result-sub .sub-view-form .payment-select-screen::-webkit-scrollbar, deposit-result-sub .sub-view-form .payment-additional-form::-webkit-scrollbar, withdraw-sub .sub-view-form .payment-select-screen::-webkit-scrollbar, withdraw-sub .sub-view-form .payment-additional-form::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
deposit-sub .sub-view-form .payment-select-screen::-webkit-scrollbar-track, deposit-sub .sub-view-form .payment-additional-form::-webkit-scrollbar-track, deposit-result-sub .sub-view-form .payment-select-screen::-webkit-scrollbar-track, deposit-result-sub .sub-view-form .payment-additional-form::-webkit-scrollbar-track, withdraw-sub .sub-view-form .payment-select-screen::-webkit-scrollbar-track, withdraw-sub .sub-view-form .payment-additional-form::-webkit-scrollbar-track
{
    background: #241f19;
}
deposit-sub .sub-view-form .payment-select-screen::-webkit-scrollbar-thumb, deposit-sub .sub-view-form .payment-additional-form::-webkit-scrollbar-thumb, deposit-result-sub .sub-view-form .payment-select-screen::-webkit-scrollbar-thumb, deposit-result-sub .sub-view-form .payment-additional-form::-webkit-scrollbar-thumb, withdraw-sub .sub-view-form .payment-select-screen::-webkit-scrollbar-thumb, withdraw-sub .sub-view-form .payment-additional-form::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
deposit-sub .sub-view-form .payment-additional-form, deposit-result-sub .sub-view-form .payment-additional-form, withdraw-sub .sub-view-form .payment-additional-form
{
    margin-bottom: 4.5em;
}
deposit-sub .sub-view-form .amount-display, deposit-result-sub .sub-view-form .amount-display, withdraw-sub .sub-view-form .amount-display
{
    display: grid;
    grid-template-columns: 1fr auto;
    background: #241f19;
    padding: 1em 1.5em;
    grid-gap: .75em;
    margin-top: .75em;
    margin-bottom: 1.5em;
    align-items: center;
}
deposit-sub .sub-view-form .amount-display .c1, deposit-result-sub .sub-view-form .amount-display .c1, withdraw-sub .sub-view-form .amount-display .c1
{
    font-size: .75em;
}
deposit-sub .sub-view-form .amount-display .c2, deposit-result-sub .sub-view-form .amount-display .c2, withdraw-sub .sub-view-form .amount-display .c2
{
    text-align: right;
}
deposit-sub .sub-view-form .amount-display .alert, deposit-result-sub .sub-view-form .amount-display .alert, withdraw-sub .sub-view-form .amount-display .alert
{
    color: #ff8a14;
}
deposit-sub .sub-view-form section, deposit-result-sub .sub-view-form section, withdraw-sub .sub-view-form section
{
    padding: 0 1.5em;
    position: relative;
    padding-bottom: 1.5em;
}
deposit-sub .sub-view-form section h5, deposit-result-sub .sub-view-form section h5, withdraw-sub .sub-view-form section h5
{
    margin: 0;
}
deposit-sub .sub-view-form .additional-payment-form, deposit-result-sub .sub-view-form .additional-payment-form, withdraw-sub .sub-view-form .additional-payment-form
{
    padding-top: 1.5em;
}
deposit-sub .additional-payment-form p, deposit-result-sub .additional-payment-form p, withdraw-sub .additional-payment-form p
{
    font-size: .875em;
}
deposit-sub .additional-payment-form>*, deposit-result-sub .additional-payment-form>*, withdraw-sub .additional-payment-form>*
{
    margin-bottom: 1em;
}
deposit-sub .additional-payment-form .delete-btn, deposit-result-sub .additional-payment-form .delete-btn, withdraw-sub .additional-payment-form .delete-btn
{
    width: 100%;
    font-size: .75em;
}
deposit-sub .success-view, deposit-result-sub .success-view, withdraw-sub .success-view
{
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    animation: subViewAnimateInRight .2s ease;
}
deposit-sub .success-view .balance, deposit-result-sub .success-view .balance, withdraw-sub .success-view .balance
{
    font-weight: 700;
    font-size: 1.5em;
    position: relative;
    display: inline-block;
    height: 1.5em;
}
deposit-sub .success-view .balance capp-preloader, deposit-result-sub .success-view .balance capp-preloader, withdraw-sub .success-view .balance capp-preloader
{
    margin: 0;
    margin-top: .125em;
}
deposit-sub .success-view .balance capp-preloader .preloader, deposit-result-sub .success-view .balance capp-preloader .preloader, withdraw-sub .success-view .balance capp-preloader .preloader
{
    border-color: #100800;
    border-right: 1px solid rgba(0,0,0,0);
}
deposit-sub .success-view p, deposit-result-sub .success-view p, withdraw-sub .success-view p
{
    margin-bottom: .5em;
}
deposit-sub .success-view .smaller, deposit-result-sub .success-view .smaller, withdraw-sub .success-view .smaller
{
    margin-top: 0;
    font-size: .75em;
}
deposit-sub .success-view.first-otp, deposit-result-sub .success-view.first-otp, withdraw-sub .success-view.first-otp
{
    background: #100800;
    color: #fff;
    padding: 1.5em 1.5em 1.5em 1.5em;
}
deposit-sub .success-view.first-otp .first-otp-wrap, deposit-result-sub .success-view.first-otp .first-otp-wrap, withdraw-sub .success-view.first-otp .first-otp-wrap
{
    padding: 1em 1.5em 1.5em 3.5em;
}
deposit-sub .success-view.first-otp .icon, deposit-result-sub .success-view.first-otp .icon, withdraw-sub .success-view.first-otp .icon
{
    position: absolute;
    top: 6em;
    left: 1em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    width: 2.5em;
    height: 2.5em;
    object-fit: contain;
}
deposit-sub .fail-view, deposit-result-sub .fail-view, withdraw-sub .fail-view
{
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    animation: subViewAnimateInRight .2s ease;
}
deposit-sub .fail-view .buttons-wrap, deposit-result-sub .fail-view .buttons-wrap, withdraw-sub .fail-view .buttons-wrap
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: .5em;
}
deposit-sub .fail-view .buttons-wrap a, deposit-result-sub .fail-view .buttons-wrap a, withdraw-sub .fail-view .buttons-wrap a
{
    white-space: nowrap;
    text-align: center;
}
deposit-result-sub .fail-view, deposit-result-sub .success-view
{
    animation: none;
}
withdraw-sub .withdraw-method-section
{
    padding: 1em 1.5em;
    margin-top: 1.5em;
}
withdraw-sub .unverified-view
{
    position: relative;
    height: auto;
    padding-top: 0;
}
withdraw-sub .sub-view-content section.amount-section
{
    margin-top: .75em;
}
withdraw-sub .pending-withdrawals-btn
{
    display: flex;
    align-items: center;
    margin-top: 1em;
    margin-bottom: 0;
    cursor: pointer;
}
withdraw-sub .pending-withdrawals-btn .label
{
    color: #ff8a14;
    margin-right: .5em;
}
withdraw-sub .pending-withdrawals-btn .c-number
{
    margin-left: 0;
}
withdraw-sub .pending-withdrawals-btn capp-preloader
{
    margin: 0;
    font-size: .75em;
}
withdraw-sub .pending-withdrawals-btn .next-icn
{
    margin-left: auto;
    width: 1em;
    height: 1em;
    filter: invert(100%);
}
withdraw-sub .pw-wrap
{
    width: 100%;
    overflow: hidden;
    padding-top: 1em;
    background: #100800;
    z-index: 20;
}
withdraw-sub .pw-wrap .pending-withdrawals-list
{
    display: grid;
    grid-template-columns: auto auto auto 7em;
    align-items: self-start;
    font-size: .75em;
    margin-bottom: 1.5em;
    overflow: hidden;
}
withdraw-sub .pw-wrap .pending-withdrawals-list>span, withdraw-sub .pw-wrap .pending-withdrawals-list>div
{
    padding: 1.25em 1em;
    height: 100%;
}
withdraw-sub .pw-wrap .pending-withdrawals-list button
{
    font-size: 1em;
    background: none;
    border: none;
    color: #ff8a14;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
}
withdraw-sub .pw-wrap .pending-withdrawals-list capp-preloader
{
    margin: 0;
    justify-content: flex-start;
}
withdraw-sub .pw-wrap .pending-withdrawals-list .pwh
{
    padding: .5em 1em;
    background: #241f19;
    font-weight: bold;
}
withdraw-sub .pw-wrap .pending-withdrawals-list .even
{
    background: #55514c;
}
withdraw-sub .pw-wrap .pending-withdrawals-list .odd
{
    background: #3d3833;
}
withdraw-sub .pw-wrap a
{
    margin-left: 1.5em;
}
withdraw-sub .additional-info-section
{
    padding-bottom: 1em!important;
    border: none;
}
withdraw-sub .additional-payment-form .phone-group .pg-grid
{
    display: grid;
    grid-template-columns: .45fr .65fr;
    grid-gap: .5em;
}
withdraw-sub .additional-payment-form .bank-statement-section .label
{
    font-size: 1em;
    font-weight: 400;
    margin-bottom: .25em;
    color: rgba(255,255,255,.64);
    display: inline-block;
    display: flex;
    align-items: center;
}
withdraw-sub .additional-payment-form .bank-statement-section .label .bank-statement-help
{
    filter: invert(100%);
    width: 1.2em;
    margin-left: .5em;
    opacity: .64;
    cursor: pointer;
}
withdraw-sub .additional-payment-form .bank-statement-section .bank-statement-example
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    display: grid;
    grid-template-rows: auto 1fr;
}
withdraw-sub .additional-payment-form .bank-statement-section .bank-statement-example .example-header
{
    background: #100800;
    display: flex;
    padding: .5em;
    align-items: center;
    justify-content: space-between;
}
withdraw-sub .additional-payment-form .bank-statement-section .bank-statement-example .example-header img
{
    cursor: pointer;
    filter: invert(1);
}
withdraw-sub .additional-payment-form .bank-statement-section .bank-statement-example .example-img
{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
withdraw-sub .additional-payment-form .image-select
{
    width: 100%;
    height: 17.5em;
    border: 1px dashed rgba(255,255,255,.24);
    padding: 1.5em;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
withdraw-sub .additional-payment-form .image-select .upload-h
{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1em;
}
withdraw-sub .additional-payment-form .image-select .upload-h img
{
    width: 5em;
    height: 5em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
withdraw-sub .additional-payment-form .image-select .upload-h span
{
    font-size: .75em;
}
withdraw-sub .additional-payment-form .image-select .separator-or
{
    margin-bottom: 1em;
}
withdraw-sub .additional-payment-form .image-select .select-btn
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    color: #ff8a14;
    font-weight: bold;
    font-size: 1em;
}
withdraw-sub .additional-payment-form .image-select .select-btn:focus
{
    outline: none;
}
withdraw-sub .additional-payment-form .image-select input
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
withdraw-sub .additional-payment-form .image-select .image-preview
{
    width: 85%;
    height: 90%;
    object-fit: contain;
    margin-top: 7%;
}
withdraw-sub .additional-payment-form .image-select .image-preview.pdf-icon
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    height: 40%;
    object-fit: contain;
    margin-top: 25%;
}
withdraw-sub .additional-payment-form .image-select .cancel-btn
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    position: absolute;
    right: 1em;
    top: 1em;
    cursor: pointer;
}
withdraw-sub .additional-payment-form .image-select .upload-display
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
withdraw-sub .additional-payment-form .image-select .upload-display capp-preloader
{
    margin-top: 0;
    margin-bottom: 1em;
}
withdraw-sub .additional-payment-form .image-select .upload-display div
{
    font-size: .875em;
}
withdrawal-result-sub .success-view
{
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    animation: none;
}
withdrawal-result-sub .success-view .balance
{
    font-weight: 700;
    font-size: 1.5em;
    position: relative;
    display: inline-block;
    height: 1.5em;
}
withdrawal-result-sub .success-view .balance capp-preloader
{
    margin: 0;
    margin-top: .125em;
}
withdrawal-result-sub .success-view .balance capp-preloader .preloader
{
    border-color: #100800;
    border-right: 1px solid rgba(0,0,0,0);
}
withdrawal-result-sub .success-view p
{
    margin-bottom: .5em;
}
withdrawal-result-sub .success-view .smaller
{
    margin-top: 0;
    font-size: .75em;
}
withdrawal-result-sub .fail-view
{
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    animation: none;
}
withdrawal-result-sub .fail-view .buttons-wrap
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: .5em;
}
withdrawal-result-sub .fail-view .buttons-wrap a
{
    white-space: nowrap;
    text-align: center;
}
history-sub .sub-view-content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    height: 100%;
    overflow-y: auto;
}
history-sub .sub-view-content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
history-sub .sub-view-content::-webkit-scrollbar-track
{
    background: #241f19;
}
history-sub .sub-view-content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
history-sub .sub-view-content section
{
    padding: 0 1.5em;
    position: relative;
}
history-sub .sub-view-content section>*
{
    margin-bottom: 1em;
}
history-sub .sub-view-content h3
{
    margin: 0;
    margin-bottom: .75em;
}
history-sub .sub-view-content h4
{
    margin: 0;
    margin-bottom: .7em;
}
history-sub .sub-view-content h5
{
    margin: 0;
}
history-sub .sub-view-content p
{
    line-height: 150%;
}
history-sub .sub-view-content hr
{
    height: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255,138,20,.24);
    margin: .75em 0 1em 0;
}
history-sub .sub-view-content .tab-navigation
{
    margin-left: 1.5em;
    padding-right: .25em;
}
history-sub .sub-view-content .tab-navigation a img
{
    margin-left: .25em;
    width: 1em;
    height: 1em;
    filter: invert(100%);
}
history-sub .sub-view-content .tab-navigation a.active img
{
    filter: none;
}
history-sub .sub-view-content .tab-navigation a.special
{
    padding-right: .25em;
}
history-sub .sub-view-content .tab-navigation.filters
{
    margin-left: 0;
}
history-sub .sub-view-content .tab-navigation.filters a
{
    background: rgba(0,0,0,0);
    color: rgba(255,255,255,.64);
    font-size: .75em;
}
history-sub .sub-view-content .tab-navigation.filters a.active
{
    color: #ff8a14;
    background: rgba(255,255,255,.08);
    font-weight: normal;
}
history-sub .sub-view-content .custom-span
{
    display: grid;
    grid-template-columns: 3em 1fr;
    margin: .5em 1.5em;
    grid-gap: .5em 1em;
}
history-sub .sub-view-content .custom-span>span
{
    justify-self: right;
    align-self: center;
    font-size: .75em;
}
history-sub .sub-view-content .custom-span .btn-primary
{
    width: fit-content;
}
history-sub .sub-view-content .table-title
{
    margin: .5em 1.5em;
}
history-sub .sub-view-content .table-title .cat-title
{
    font-size: .75em;
}
history-sub .sub-view-content .table-title capp-preloader
{
    display: inline-block;
    font-size: .7em;
    margin-left: .5em;
    position: relative;
    top: .2em;
}
history-sub .sub-view-content .table .table-header span, history-sub .sub-view-content .table .row .cols>div, history-sub .sub-view-content .table .status
{
    font-size: .75em;
    overflow: hidden;
    text-overflow: ellipsis;
}
history-sub .sub-view-content .table .table-header
{
    background: #241f19;
    padding: .5em;
}
history-sub .sub-view-content .table .table-header span
{
    font-weight: bold;
}
history-sub .sub-view-content .table .row
{
    line-height: 100%;
    padding: .5em;
}
history-sub .sub-view-content .table .row.even
{
    background: #55514c;
}
history-sub .sub-view-content .table .row.odd
{
    background: #3d3833;
}
history-sub .sub-view-content .table .status
{
    margin-top: .25em;
    display: grid;
    grid-gap: 1em;
    grid-template-columns: auto 1fr;
}
history-sub .sub-view-content .table .status.mb
{
    margin-bottom: .5em;
}
history-sub .sub-view-content .table .transactions-grid
{
    display: grid;
    grid-template-columns: 1.3fr 1fr 1.6fr 1.3fr;
    grid-column-gap: 1em;
    align-items: center;
}
history-sub .sub-view-content .table .gameplay-grid
{
    display: grid;
    grid-template-columns: 1.3fr 1.3fr 1.5fr 1.5fr;
    grid-column-gap: 1em;
    align-items: center;
}
history-sub .sub-view-content .table .bonuses-grid
{
    display: grid;
    grid-template-columns: 1.5fr 1.3fr 1.3fr 1.3fr;
    grid-column-gap: 1em;
    align-items: center;
}
history-sub .sub-view-content .table .races-grid
{
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr 2fr;
    grid-column-gap: 1em;
    align-items: center;
}
history-sub .sub-view-content .table .points-grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 1em;
    align-items: center;
}
history-sub .sub-view-content .table .purchases-grid
{
    display: grid;
    grid-template-columns: .7fr 1fr 1.5fr 1fr;
    grid-column-gap: 1em;
    align-items: center;
}
history-sub .sub-view-content .no-records
{
    margin: 1em 1.5em;
    font-size: .875em;
}
limits-sub .sub-view-content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    height: 100%;
    overflow-y: auto;
}
limits-sub .sub-view-content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
limits-sub .sub-view-content::-webkit-scrollbar-track
{
    background: #241f19;
}
limits-sub .sub-view-content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
limits-sub .sub-view-content>capp-preloader
{
    height: fit-content;
    margin-top: 3em;
}
limits-sub .sub-view-content section
{
    padding: 0 1.5em;
    position: relative;
}
limits-sub .sub-view-content section>*
{
    margin-bottom: 1em;
}
limits-sub .sub-view-content h3
{
    margin: 0;
    margin-bottom: .75em;
}
limits-sub .sub-view-content h4
{
    margin: 0;
    margin-bottom: .7em;
}
limits-sub .sub-view-content h5
{
    margin: 0;
}
limits-sub .sub-view-content p
{
    line-height: 150%;
}
limits-sub .sub-view-content hr
{
    height: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255,138,20,.24);
    margin: .75em 0 0 0;
}
limits-sub .sub-view-content .limit-groups
{
    padding: 0;
}
limits-sub .sub-view-content .limit-groups .limit-group
{
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,138,20,.24);
    padding: .75em 1.5em;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    grid-gap: 1em;
    min-height: 3.5em;
    cursor: pointer;
}
limits-sub .sub-view-content .limit-groups .limit-group h6
{
    margin: 0;
    margin-bottom: .25em;
}
limits-sub .sub-view-content .limit-groups .limit-group img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    width: 1em;
    height: 1em;
}
limits-sub .limit-item
{
    margin-bottom: .5em;
}
limits-sub .limit-item .info
{
    display: flex;
    justify-content: space-between;
    margin-bottom: .25em;
    font-size: .75em;
}
limits-sub .sub-view-form
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #100800;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr auto;
    animation: subViewAnimateInRight .2s ease;
}
limits-sub .sub-view-form section
{
    padding: 0 1.5em;
    position: relative;
    padding-bottom: 1.5em;
    border-bottom: 1px solid rgba(255,138,20,.24);
}
limits-sub .sub-view-form section h5
{
    margin: 0;
}
limits-sub .sub-view-form hr
{
    height: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255,138,20,.24);
}
limits-sub .sub-view-form .wallet-section
{
    margin-top: 1.5em;
}
limits-sub .sub-view-form .sw-header-simple
{
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: .75em;
    height: auto;
    align-items: start;
    padding-top: .5em;
}
limits-sub .sub-view-form .sw-header-simple img
{
    padding-top: .25em;
}
limits-sub .sub-view-form .sw-header-simple h4
{
    margin: 0;
}
limits-sub .sub-view-form .tab-navigation
{
    margin-left: 1.5em;
    padding-right: .25em;
}
limits-sub .sub-view-form .interval-info
{
    margin-top: 2.5em;
    border: none;
}
limits-sub .sub-view-form .no-limit
{
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: .75em;
    line-height: 150%;
}
limits-sub .sub-view-form .no-limit img
{
    width: 1.5em;
    height: 1.5em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
limits-sub .sub-view-form .no-limit span
{
    padding-top: .05em;
}
limits-sub .sub-view-form .limits-form
{
    border: none;
    display: grid;
    grid-gap: .5em;
}
limits-sub .sub-view-form .limits-form h4
{
    margin: 0;
}
limits-sub .sub-view-form .limits-form button
{
    width: 100%;
}
limits-sub .sub-view-form .limits-form button:disabled
{
    pointer-events: none;
}
limits-sub .sub-view-form .limits-form .text-link
{
    margin: 2.5em auto 0 auto;
}
limits-sub .sub-view-form .limits-form capp-preloader
{
    margin-top: 2.5em;
}
limits-sub .self-exclusion-content
{
    width: 100%;
    overflow: hidden;
    padding: 2em 1.5em 0 1.5em;
    box-sizing: border-box;
}
limits-sub .self-exclusion-content p
{
    margin-bottom: 1.5em;
}
limits-sub .success-view
{
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    animation: subViewAnimateInRight .2s ease;
}
bonuses-sub .sub-view-content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    height: 100%;
    overflow-y: auto;
}
bonuses-sub .sub-view-content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
bonuses-sub .sub-view-content::-webkit-scrollbar-track
{
    background: #241f19;
}
bonuses-sub .sub-view-content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
bonuses-sub .sub-view-content>capp-preloader
{
    height: fit-content;
    margin-top: 3em;
}
bonuses-sub .sub-view-content section
{
    padding: 0 1.5em;
    position: relative;
}
bonuses-sub .sub-view-content section>*
{
    margin-bottom: 1em;
}
bonuses-sub .sub-view-content h3
{
    margin: 0;
    margin-bottom: .75em;
}
bonuses-sub .sub-view-content h4
{
    margin: 0;
    margin-bottom: .7em;
}
bonuses-sub .sub-view-content h5
{
    margin: 0;
}
bonuses-sub .sub-view-content p
{
    line-height: 150%;
}
bonuses-sub .sub-view-content hr
{
    height: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255,138,20,.24);
    margin: .75em 0 0 0;
}
bonuses-sub .sub-view-content .bonuses-section
{
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid rgba(255,138,20,.24);
}
bonuses-sub .sub-view-content .bonuses-section h4
{
    margin-bottom: .3em;
}
bonuses-sub .sub-view-content .bonuses-section p
{
    margin: 0;
    font-size: .875em;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-code-input-wrap
{
    position: relative;
    margin-bottom: 0;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-code-input-wrap capp-input
{
    margin-bottom: 1em;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-code-input-wrap capp-input input
{
    padding-left: 2.75em;
    padding-right: 3.75em;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-code-input-wrap capp-input input:focus
{
    border: none;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-code-input-wrap img.search-img
{
    position: absolute;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    width: 1.25em;
    height: 1.25em;
    top: .875em;
    left: 1em;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-code-input-wrap capp-preloader
{
    position: absolute;
    top: 0;
    right: 1em;
    height: 100%;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item
{
    position: relative;
    background: #241f19;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item .bonus-content-wrap
{
    padding: .75em 1em;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item .bonus-image
{
    width: 100%;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item h5
{
    position: relative;
    margin: 0;
    padding-right: 2em;
    line-height: 150%;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item .b-content
{
    margin: .5em 0;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item .bonus-icon
{
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    top: -.125em;
    right: 0;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item.active
{
    background: #ff8a14;
    color: #100800;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item.active a
{
    color: #100800;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item.active .bonus-icon
{
    filter: none;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item.active capp-progress-bar
{
    display: block;
    margin-bottom: .5em;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item.active capp-progress-bar .progress-wrap
{
    background: rgba(16,8,0,.24);
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item.active capp-progress-bar .progress-wrap .progress-bar
{
    background: #100800;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item.active capp-accordion .text-link
{
    color: #100800;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item.active capp-accordion .title span
{
    color: #100800;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item.active capp-accordion .title img
{
    filter: none;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item.active .progress-label
{
    font-size: .875em;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item.active .active-tag
{
    background: #100800;
    border-radius: .125em;
    width: min-content;
    padding: 2px 4px;
    display: flex;
    align-items: center;
}
bonuses-sub .sub-view-content .bonuses-section .bonus-item.active .active-tag span
{
    font-size: .625em;
    color: #fff;
}
.bonus-info
{
    position: relative;
    margin-top: .5em;
}
.bonus-info .controls-holder
{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}
.bonus-info .controls-holder .additional-bonus-btn
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    font-size: .75em;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-left: 1.5em;
}
.bonus-info .controls-holder .additional-bonus-btn:focus
{
    outline: none;
}
.bonus-info .controls-holder .additional-bonus-btn capp-preloader
{
    filter: brightness(0);
    font-size: .75em;
    margin-left: .75em;
}
.bonus-info capp-accordion
{
    display: block;
}
.bonus-info capp-accordion .title
{
    margin-top: 0;
}
.bonus-info capp-accordion .title.expanded
{
    margin-bottom: .5em;
}
.bonus-info .bonus-info-grid
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1em;
}
.bonus-info .bonus-info-grid>div
{
    padding: .2em 0;
    font-size: .75em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bonus-info .bonus-info-grid>div .text-link
{
    font-size: .875em!important;
}
.bonus-info .bonus-info-grid .value
{
    justify-self: right;
    text-align: right;
}
.bonus-info .bonus-info-grid .free-spin-games
{
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
.bonus-more-info-content
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #100800;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr auto;
    animation: subViewAnimateInRight .2s ease;
}
.bonus-more-info-content>div
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    padding: 1em;
    overflow-y: auto;
}
.bonus-more-info-content>div::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
.bonus-more-info-content>div::-webkit-scrollbar-track
{
    background: #241f19;
}
.bonus-more-info-content>div::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
.bonus-more-info-content>div h4
{
    margin: 0;
}
.bonus-more-info-content>div ul
{
    padding: 0;
}
.bonus-more-info-content>div ul li
{
    display: block;
    margin-bottom: .5em;
}
inbox-sub .sub-view-content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    height: 100%;
    overflow-y: auto;
}
inbox-sub .sub-view-content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
inbox-sub .sub-view-content::-webkit-scrollbar-track
{
    background: #241f19;
}
inbox-sub .sub-view-content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
inbox-sub .sub-view-content>capp-preloader
{
    height: fit-content;
    margin-top: 3em;
}
inbox-sub .sub-view-content section
{
    padding: 0 1.5em;
    position: relative;
}
inbox-sub .sub-view-content section>*
{
    margin-bottom: 1em;
}
inbox-sub .sub-view-content h3
{
    margin: 0;
    margin-bottom: .75em;
}
inbox-sub .sub-view-content h4
{
    margin: 0;
    margin-bottom: .7em;
}
inbox-sub .sub-view-content h5
{
    margin: 0;
}
inbox-sub .sub-view-content p
{
    line-height: 150%;
}
inbox-sub .sub-view-content hr
{
    height: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(255,138,20,.24);
    margin: .75em 0 0 0;
}
inbox-sub .title-section button, inbox-sub .edit-tools button
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    font-size: .875em;
    font-weight: bold;
    color: #ff8a14;
}
inbox-sub .title-section button:focus, inbox-sub .edit-tools button:focus
{
    outline: none;
}
inbox-sub .title-section
{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
inbox-sub .title-section button
{
    position: relative;
    top: 1.35em;
}
inbox-sub .edit-tools
{
    display: flex;
    align-items: center;
    justify-content: right;
    margin-bottom: 1em;
    padding: 0 1.5em;
}
inbox-sub .edit-tools button
{
    margin-left: 1em;
}
inbox-sub .delete-msg-btn
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    cursor: pointer;
}
inbox-sub .message-list
{
    margin: 0 .5em;
}
inbox-sub .message-list .message
{
    cursor: pointer;
    padding: 1em 1.5em;
    margin-bottom: .5em;
    background: #241f19;
    border-radius: .125em;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 1.5em;
    align-items: center;
}
inbox-sub .message-list .message h6
{
    display: flex;
    align-items: center;
    margin: 0;
    margin-bottom: .5em;
}
inbox-sub .message-list .message h6 img
{
    width: 1.5em;
    height: 1.5em;
    margin-right: .5em;
}
inbox-sub .message-list .message span
{
    font-size: .75em;
}
inbox-sub .message-list .message p
{
    margin: 0;
    margin-top: .5em;
    line-height: 140%;
    font-size: .875em;
}
inbox-sub .message-list .message h6 img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
inbox-sub .message-list .message .delete-msg-btn:hover
{
    transform: scale(1.15);
}
inbox-sub .message-list .message capp-checkbox
{
    pointer-events: none;
    width: 1.5em;
    height: 1.5em;
    overflow: hidden;
}
inbox-sub .message-list .message capp-checkbox label
{
    font-size: 1.25em;
}
inbox-sub .message-list .message capp-checkbox .chk-display
{
    background: #100800;
}
inbox-sub .message-list .message capp-checkbox .chk-display.checked
{
    background: #ff8a14;
}
inbox-sub .message-list .message capp-checkbox .chk-display.checked img
{
    filter: none;
}
inbox-sub .message-list .message.unread
{
    background: #ff8a14;
    color: #100800;
}
inbox-sub .message-list .message.unread h6 img, inbox-sub .message-list .message.unread .delete-msg-btn
{
    filter: none;
}
inbox-sub .message-list .message.unread capp-checkbox .chk-display.checked
{
    background: #100800;
}
inbox-sub .message-list .message.unread capp-checkbox .chk-display.checked img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
inbox-sub .no-messages
{
    padding: 0 1.5em;
}
inbox-sub .no-messages img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    opacity: .4;
    width: 5em;
    height: 5em;
    margin-bottom: .5em;
}
inbox-sub .no-messages h4
{
    margin: 0;
}
inbox-sub .no-messages p
{
    margin-top: .5em;
}
inbox-sub .bottom-controls
{
    padding: 2.5em 1.5em;
}
inbox-sub .bottom-controls button
{
    width: 100%;
}
inbox-sub .sub-view-form
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #100800;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr auto;
    animation: subViewAnimateInRight .2s ease;
}
inbox-sub .sub-view-form section
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    padding: 0 1.5em;
    position: relative;
    padding-bottom: 1.5em;
    border-bottom: 1px solid rgba(255,138,20,.24);
    overflow-y: auto;
}
inbox-sub .sub-view-form section::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
inbox-sub .sub-view-form section::-webkit-scrollbar-track
{
    background: #241f19;
}
inbox-sub .sub-view-form section::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
inbox-sub .sub-view-form section h3
{
    margin: 0 0 .5em 0;
}
inbox-sub .sub-view-form section .date-wrap
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25em;
}
inbox-sub .sub-view-form section .date-wrap .date-display
{
    font-size: .75em;
    opacity: .64;
}
inbox-sub .sub-view-form section .message-wrap
{
    font-size: .875em;
    line-height: 143%;
    margin-bottom: 1em;
}
inbox-sub .sub-view-form section .message-wrap img
{
    width: 100%;
}
inbox-sub .sub-view-form section .message-img
{
    width: 100%;
}
inbox-sub .sub-view-form section a.btn-primary
{
    display: inline-block;
}
shop-item-sub .shop-sub-wrap
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
shop-item-sub .shop-sub-wrap::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
shop-item-sub .shop-sub-wrap::-webkit-scrollbar-track
{
    background: #241f19;
}
shop-item-sub .shop-sub-wrap::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
shop-item-sub .close-btn
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    width: 3.625em;
    height: 3.625em;
    background: rgba(16,8,0,.8);
    position: absolute;
    top: 4.5em;
    right: 1.75em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
shop-item-sub .close-btn:focus
{
    outline: none;
}
shop-item-sub .close-btn img
{
    filter: invert(100%);
    width: 2em;
    height: 2em;
}
shop-item-sub .shop-item-image
{
    position: relative;
    width: 100%;
    height: 17em;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
shop-item-sub .shop-item-image .background-pattern
{
    width: 120%;
    height: 120%;
    position: absolute;
    top: -13%;
    left: -10%;
    transform: rotate(-4deg);
    opacity: .2;
    background-size: 3em 3em;
    background-repeat: repeat;
}
shop-item-sub .shop-item-image .shop-item-image
{
    width: 14em;
    height: 14em;
    object-fit: contain;
}
shop-item-sub .main-section
{
    padding: 2em 1.5em 1.5em 1.5em;
}
shop-item-sub .main-section .item-name
{
    font-size: 1.75em;
    font-weight: bold;
    line-height: 130%;
}
shop-item-sub .main-section .item-price
{
    color: #ff8a14;
    font-weight: bold;
    line-height: 150%;
}
shop-item-sub .main-section .btn-primary
{
    width: 100%;
    margin: .75em 0;
}
shop-item-sub .main-section .loyalty-points
{
    display: grid;
    grid-auto-flow: column;
    grid-gap: .4em;
    bottom: 1.25em;
    left: 2.5em;
    align-items: center;
    width: fit-content;
}
shop-item-sub .main-section .loyalty-points .label
{
    font-size: .75em;
}
shop-item-sub .main-section .loyalty-points img
{
    width: .9em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    position: relative;
    top: -.05em;
}
shop-item-sub .main-section .loyalty-points .value
{
    font-size: .875em;
    font-weight: bold;
}
shop-item-sub hr
{
    border: none;
    border-bottom: 1px solid rgba(255,138,20,.24);
    background: no-repeat;
    margin: 0;
}
shop-item-sub .item-info
{
    padding: 1.5em;
}
shop-item-sub .item-info .row
{
    display: grid;
    align-items: center;
    grid-template-columns: auto auto;
    padding: .5em 1em;
}
shop-item-sub .item-info .row.games-row
{
    display: block;
}
shop-item-sub .item-info .row:nth-child(even)
{
    background: rgba(255,138,20,.08);
}
shop-item-sub .item-info .label
{
    font-size: .75em;
}
shop-item-sub .item-info .value
{
    text-align: right;
}
shop-item-sub .item-info .games
{
    margin-top: .5em;
}
shop-item-sub .item-info .span-2
{
    grid-column: span 2;
}
shop-item-sub .message
{
    margin-top: .75em;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .25em .5em;
}
shop-item-sub .message .icon
{
    max-height: .875em;
    margin-right: .5em;
}
shop-item-sub .message span
{
    color: #100800;
    font-size: .75em;
}
shop-item-sub .message.error
{
    background: #ff4b23;
}
shop-item-sub .success-view
{
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    animation: subViewAnimateInRight .2s ease;
}
shop-item-sub .success-view .smaller
{
    font-size: .75em;
}
menu-sub .menu-sub
{
    padding: 0 1em;
}
menu-sub .menu-header
{
    display: flex;
    align-items: center;
    padding: .75em 0 0 0;
}
menu-sub .menu-header .close-btn
{
    filter: invert(100%);
    width: 1.5em;
    margin-right: .75em;
}
menu-sub .menu-header h3
{
    font-size: 1.5em;
    line-height: 133%;
    margin: 0;
}
menu-sub .menu-items a
{
    display: grid;
    grid-template-columns: 1.5em 1fr 1em;
    grid-gap: 1em;
    margin: 1.5em 0;
    font-weight: 400;
}
menu-sub .menu-items a .icon
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    width: 1.5em;
}
menu-sub .menu-items a .arrow
{
    filter: invert(100%);
    width: 1em;
}
menu-sub .menu-items a:hover
{
    color: #ffa143;
}
menu-sub .menu-items a.language
{
    display: none;
}
@media only screen and (max-width: 640px)
{
    menu-sub .menu-sub .menu-items a.language
    {
        display: grid;
    }
}
#language-sub-navigation.loading
{
    display: none;
}
language-menu-sub .menu-sub
{
    padding: 0 1em;
}
language-menu-sub .menu-header
{
    display: flex;
    align-items: center;
    padding: .75em 0 0 0;
}
language-menu-sub .menu-header .close-btn
{
    filter: invert(100%);
    width: 1.5em;
    margin-right: .75em;
}
language-menu-sub .menu-header .back-btn
{
    display: none;
    filter: invert(100%);
    width: 1.5em;
    margin-right: .75em;
}
language-menu-sub .menu-header h3
{
    font-size: 1.5em;
    line-height: 133%;
    margin: 0;
}
language-menu-sub .menu-items a
{
    display: grid;
    grid-template-columns: 2.5em 1fr 1em;
    grid-gap: 1em;
    margin: 1.5em 0;
    font-weight: 400;
}
language-menu-sub .menu-items a .arrow
{
    filter: invert(100%);
    width: 1em;
}
language-menu-sub .menu-items a:hover
{
    color: #ffa143;
}
@media only screen and (max-width: 640px)
{
    language-menu-sub .sub-view .menu-sub .menu-header .close-btn
    {
        display: none;
    }
    language-menu-sub .sub-view .menu-sub .menu-header .back-btn
    {
        display: inline;
    }
}
.game-item
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .25em;
    box-sizing: border-box;
    transform: scale3d(1,1,1);
}
.game-item .game-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15,8,0,.64);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
}
.game-item .game-overlay .play-ic
{
    height: 2.5em;
    filter: invert(63%) sepia(48%) saturate(2121%) hue-rotate(106deg) brightness(99%) contrast(106%);
    position: relative;
    top: -1em;
}
.game-item .game-overlay .info-ic
{
    height: 1.25em;
    position: absolute;
    top: .265em;
    right: .265em;
    cursor: pointer;
    filter: invert(100%);
    pointer-events: initial;
}
.game-item .game-overlay capp-preloader
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.game-item a
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.game-item a img
{
    width: 100%;
    height: calc(100% - 2em);
    object-fit: cover;
}
.game-item a .game-title
{
    margin: 0;
    font-size: .75em;
    color: #fff;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    top: -.1em;
}
.game-item a .game-category
{
    display: block;
    font-size: .85em;
    font-weight: normal;
    color: #fff;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}
.game-item.no-title a img
{
    height: 100%;
}
.game-item.no-title .game-overlay .play-ic
{
    position: relative;
    top: 0;
}
.game-item:hover .game-overlay
{
    opacity: 1;
}
.game-item.loading
{
    border: 1px solid #241f19;
}
.game-item.loading img
{
    opacity: 0;
}
.game-item.loading .game-overlay
{
    opacity: 1;
}
.game-item.loading .game-overlay .play-ic
{
    opacity: 0;
}
.game-item.loaded a img
{
    opacity: 1;
}
.game-item .tiles-game-event-logo
{
    position: absolute;
    height: 2em;
    width: 2em;
    top: 0;
    left: 0;
    pointer-events: none;
}
capp-game-tile, capp-game-tile-recommended-games, capp-game-tile-last-played, capp-jackpots-tile, capp-big-winner-tile
{
    display: block;
    padding-left: 2.5em;
    margin-bottom: 3em;
}
capp-game-tile section, capp-game-tile-recommended-games section, capp-game-tile-last-played section, capp-jackpots-tile section, capp-big-winner-tile section
{
    position: relative;
}
capp-game-tile .item-section-header, capp-game-tile-recommended-games .item-section-header, capp-game-tile-last-played .item-section-header, capp-jackpots-tile .item-section-header, capp-big-winner-tile .item-section-header
{
    display: flex;
    align-items: flex-end;
}
capp-game-tile .item-section-header h2, capp-game-tile-recommended-games .item-section-header h2, capp-game-tile-last-played .item-section-header h2, capp-jackpots-tile .item-section-header h2, capp-big-winner-tile .item-section-header h2
{
    font-size: 1.5em;
    display: inline;
    margin: 0;
}
capp-game-tile .item-section-header a, capp-game-tile-recommended-games .item-section-header a, capp-game-tile-last-played .item-section-header a, capp-jackpots-tile .item-section-header a, capp-big-winner-tile .item-section-header a
{
    color: #ff8a14;
    font-weight: 700;
    line-height: 150%;
    text-decoration: none;
    padding-left: .5em;
}
capp-game-tile .item-section-header a img, capp-game-tile-recommended-games .item-section-header a img, capp-game-tile-last-played .item-section-header a img, capp-jackpots-tile .item-section-header a img, capp-big-winner-tile .item-section-header a img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    height: 1em;
    position: relative;
    top: .125em;
}
capp-game-tile .item-section-header a:hover, capp-game-tile-recommended-games .item-section-header a:hover, capp-game-tile-last-played .item-section-header a:hover, capp-jackpots-tile .item-section-header a:hover, capp-big-winner-tile .item-section-header a:hover
{
    color: #ffa143;
}
capp-game-tile .games, capp-game-tile-recommended-games .games, capp-game-tile-last-played .games, capp-jackpots-tile .games, capp-big-winner-tile .games
{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
capp-game-tile .games.desktop-scrolling, capp-game-tile-recommended-games .games.desktop-scrolling, capp-game-tile-last-played .games.desktop-scrolling, capp-jackpots-tile .games.desktop-scrolling, capp-big-winner-tile .games.desktop-scrolling
{
    padding-bottom: .5em;
    overflow-x: auto;
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
}
capp-game-tile .games.desktop-scrolling::-webkit-scrollbar, capp-game-tile-recommended-games .games.desktop-scrolling::-webkit-scrollbar, capp-game-tile-last-played .games.desktop-scrolling::-webkit-scrollbar, capp-jackpots-tile .games.desktop-scrolling::-webkit-scrollbar, capp-big-winner-tile .games.desktop-scrolling::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
capp-game-tile .games.desktop-scrolling::-webkit-scrollbar-track, capp-game-tile-recommended-games .games.desktop-scrolling::-webkit-scrollbar-track, capp-game-tile-last-played .games.desktop-scrolling::-webkit-scrollbar-track, capp-jackpots-tile .games.desktop-scrolling::-webkit-scrollbar-track, capp-big-winner-tile .games.desktop-scrolling::-webkit-scrollbar-track
{
    background: #241f19;
}
capp-game-tile .games.desktop-scrolling::-webkit-scrollbar-thumb, capp-game-tile-recommended-games .games.desktop-scrolling::-webkit-scrollbar-thumb, capp-game-tile-last-played .games.desktop-scrolling::-webkit-scrollbar-thumb, capp-jackpots-tile .games.desktop-scrolling::-webkit-scrollbar-thumb, capp-big-winner-tile .games.desktop-scrolling::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
capp-game-tile .games.desktop-scrolling::-webkit-scrollbar, capp-game-tile-recommended-games .games.desktop-scrolling::-webkit-scrollbar, capp-game-tile-last-played .games.desktop-scrolling::-webkit-scrollbar, capp-jackpots-tile .games.desktop-scrolling::-webkit-scrollbar, capp-big-winner-tile .games.desktop-scrolling::-webkit-scrollbar
{
    display: none;
}
capp-game-tile .games.desktop-scrolling, capp-game-tile-recommended-games .games.desktop-scrolling, capp-game-tile-last-played .games.desktop-scrolling, capp-jackpots-tile .games.desktop-scrolling, capp-big-winner-tile .games.desktop-scrolling
{
    -ms-overflow-style: none;
    scrollbar-width: none;
    scrollbar-height: none;
}
capp-game-tile .games.scrolling, capp-game-tile-recommended-games .games.scrolling, capp-game-tile-last-played .games.scrolling, capp-jackpots-tile .games.scrolling, capp-big-winner-tile .games.scrolling
{
    padding-bottom: .5em;
    overflow-x: auto;
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
}
capp-game-tile .games.scrolling::-webkit-scrollbar, capp-game-tile-recommended-games .games.scrolling::-webkit-scrollbar, capp-game-tile-last-played .games.scrolling::-webkit-scrollbar, capp-jackpots-tile .games.scrolling::-webkit-scrollbar, capp-big-winner-tile .games.scrolling::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
capp-game-tile .games.scrolling::-webkit-scrollbar-track, capp-game-tile-recommended-games .games.scrolling::-webkit-scrollbar-track, capp-game-tile-last-played .games.scrolling::-webkit-scrollbar-track, capp-jackpots-tile .games.scrolling::-webkit-scrollbar-track, capp-big-winner-tile .games.scrolling::-webkit-scrollbar-track
{
    background: #241f19;
}
capp-game-tile .games.scrolling::-webkit-scrollbar-thumb, capp-game-tile-recommended-games .games.scrolling::-webkit-scrollbar-thumb, capp-game-tile-last-played .games.scrolling::-webkit-scrollbar-thumb, capp-jackpots-tile .games.scrolling::-webkit-scrollbar-thumb, capp-big-winner-tile .games.scrolling::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
capp-game-tile .games-holder, capp-game-tile-recommended-games .games-holder, capp-game-tile-last-played .games-holder, capp-jackpots-tile .games-holder, capp-big-winner-tile .games-holder
{
    display: grid;
    grid-template-rows: 8em 8em;
    grid-auto-columns: 10.5em;
    grid-auto-flow: column;
    grid-gap: 8px;
    padding-right: 8px;
    margin-top: .75em;
    width: max-content;
}
capp-game-tile .games-holder .game-item.big, capp-game-tile-recommended-games .games-holder .game-item.big, capp-game-tile-last-played .games-holder .game-item.big, capp-jackpots-tile .games-holder .game-item.big, capp-big-winner-tile .games-holder .game-item.big
{
    grid-area: span 2/span 2;
}
capp-game-tile .g-btn, capp-game-tile-recommended-games .g-btn, capp-game-tile-last-played .g-btn, capp-jackpots-tile .g-btn, capp-big-winner-tile .g-btn
{
    position: absolute;
    bottom: 5.5em;
    display: flex;
    width: 3.5em;
    height: 3.5em;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(15,8,0,.64);
}
capp-game-tile .g-btn img, capp-game-tile-recommended-games .g-btn img, capp-game-tile-last-played .g-btn img, capp-jackpots-tile .g-btn img, capp-big-winner-tile .g-btn img
{
    height: 2em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
capp-game-tile .g-btn.btn-prev, capp-game-tile-recommended-games .g-btn.btn-prev, capp-game-tile-last-played .g-btn.btn-prev, capp-jackpots-tile .g-btn.btn-prev, capp-big-winner-tile .g-btn.btn-prev
{
    left: 1.5em;
}
capp-game-tile .g-btn.btn-next, capp-game-tile-recommended-games .g-btn.btn-next, capp-game-tile-last-played .g-btn.btn-next, capp-jackpots-tile .g-btn.btn-next, capp-big-winner-tile .g-btn.btn-next
{
    right: 1.5em;
}
capp-game-tile .one-row .games-holder, capp-game-tile-recommended-games .one-row .games-holder, capp-game-tile-last-played .one-row .games-holder, capp-jackpots-tile .one-row .games-holder, capp-big-winner-tile .one-row .games-holder
{
    grid-template-rows: 7em;
}
capp-game-tile .one-row .games-holder .game-item.big, capp-game-tile-recommended-games .one-row .games-holder .game-item.big, capp-game-tile-last-played .one-row .games-holder .game-item.big, capp-jackpots-tile .one-row .games-holder .game-item.big, capp-big-winner-tile .one-row .games-holder .game-item.big
{
    grid-area: auto;
}
capp-game-tile .one-row .g-btn, capp-game-tile-recommended-games .one-row .g-btn, capp-game-tile-last-played .one-row .g-btn, capp-jackpots-tile .one-row .g-btn, capp-big-winner-tile .one-row .g-btn
{
    bottom: 2em;
}
capp-game-tile-recommended-games, capp-game-tile-last-played
{
    display: none;
}
@media only screen and (max-width: 720px)
{
    capp-game-tile, capp-game-tile-recommended-games, capp-game-tile-last-played, capp-jackpots-tile, capp-big-winner-tile
    {
        padding-left: 1em;
        margin-bottom: 1.875em;
    }
    capp-game-tile .games, capp-game-tile .g-btn, capp-game-tile-recommended-games .games, capp-game-tile-recommended-games .g-btn, capp-game-tile-last-played .games, capp-game-tile-last-played .g-btn, capp-jackpots-tile .games, capp-jackpots-tile .g-btn, capp-big-winner-tile .games, capp-big-winner-tile .g-btn
    {
        font-size: .75em;
    }
    capp-game-tile .item-section-header, capp-game-tile-recommended-games .item-section-header, capp-game-tile-last-played .item-section-header, capp-jackpots-tile .item-section-header, capp-big-winner-tile .item-section-header
    {
        font-size: .85em;
        justify-content: space-between;
        margin-right: 1.18em;
    }
}
capp-jackpots-tile .games-holder, capp-big-winner-tile .games-holder
{
    grid-template-rows: 10em 10em;
    grid-auto-columns: 15em;
}
capp-jackpots-tile .games-holder .game-item .jackpot-info, capp-big-winner-tile .games-holder .game-item .jackpot-info
{
    position: absolute;
    height: 2em;
    width: 100%;
    bottom: 0;
    background: rgba(15,8,0,.64);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff8a14;
}
capp-jackpots-tile .games-holder .game-item .jackpot-info span, capp-big-winner-tile .games-holder .game-item .jackpot-info span
{
    font-weight: 700;
    font-size: 1.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
capp-jackpots-tile .games-holder .game-item .jackpot-info img, capp-big-winner-tile .games-holder .game-item .jackpot-info img
{
    height: 1.25em;
    margin-right: .125em;
}
capp-jackpots-tile .games-holder .game-item:hover .jackpot-info, capp-big-winner-tile .games-holder .game-item:hover .jackpot-info
{
    opacity: 0;
}
capp-jackpots-tile .one-row .games-holder, capp-big-winner-tile .one-row .games-holder
{
    grid-template-rows: 10em;
}
capp-jackpots-tile .one-row .g-btn, capp-big-winner-tile .one-row .g-btn
{
    bottom: 3.5em;
}
@media only screen and (max-width: 720px)
{
    capp-jackpots-tile .one-row .games-holder, capp-big-winner-tile .one-row .games-holder
    {
        grid-auto-columns: 10.5em;
        grid-template-rows: 7em;
    }
    capp-jackpots-tile .one-row .games-holder .game-item .jackpot-info span, capp-big-winner-tile .one-row .games-holder .game-item .jackpot-info span
    {
        font-size: 1.35em;
    }
    capp-jackpots-tile .one-row .games-holder .game-item .jackpot-info img, capp-big-winner-tile .one-row .games-holder .game-item .jackpot-info img
    {
        height: 1em;
        margin-right: .25em;
    }
    capp-jackpots-tile .one-row .games-holder .game-item:hover .jackpot-info, capp-big-winner-tile .one-row .games-holder .game-item:hover .jackpot-info
    {
        opacity: 0;
    }
    capp-jackpots-tile .one-row .g-btn, capp-big-winner-tile .one-row .g-btn
    {
        bottom: 2em;
    }
}
capp-games-grid
{
    padding: 0 2.5em;
    display: block;
    min-height: 20vh;
}
capp-games-grid .games-grid-wrap
{
    display: grid;
    grid-gap: .5em;
    grid-auto-rows: 9em;
    width: 100%;
    overflow: hidden;
    grid-template-columns: repeat(6,1fr);
}
capp-games-grid .games-grid-wrap .game-item.big
{
    grid-area: span 2/span 2;
}
capp-games-grid>capp-preloader
{
    margin-top: 2em;
    margin-bottom: 3em;
}
@media only screen and (max-width: 720px)
{
    capp-games-grid
    {
        padding: 0 1em;
    }
}
capp-top-list
{
    display: block;
    padding: 0 2.5em;
    margin-bottom: 3em;
}
capp-top-list section
{
    position: relative;
}
capp-top-list .item-section-header
{
    display: flex;
    align-items: flex-end;
}
capp-top-list .item-section-header h2
{
    font-size: 1.5em;
    display: inline;
    margin: 0;
}
capp-top-list .item-section-header a
{
    color: #ff8a14;
    font-weight: 700;
    line-height: 150%;
    text-decoration: none;
    padding-left: .5em;
}
capp-top-list .item-section-header a img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    height: 1em;
    position: relative;
    top: .125em;
}
capp-top-list .items-list
{
    margin-top: .75em;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: .5em;
    overflow: hidden;
}
capp-top-list .items-list>div
{
    width: 100%;
    height: 7em;
    display: flex;
    background: rgba(255,138,20,.08);
}
capp-top-list .items-list>div .num
{
    background: rgba(255,138,20,.08);
    width: 4.75em;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
capp-top-list .items-list>div .num span
{
    color: #ff8a14;
    font-size: 12.5em;
    font-weight: 700;
}
capp-top-list .items-list>div .item-img
{
    position: relative;
    width: 100%;
    background: #241f19;
    overflow: hidden;
}
capp-top-list .items-list>div .item-img img
{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: rotate(-3deg) scale(1.8);
}
capp-top-list .items-list>div .item-img capp-preloader
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #241f19;
}
capp-top-list .items-list>div .title
{
    display: none;
    max-width: 100%;
    height: 100%;
    align-items: center;
    box-sizing: border-box;
    padding: 0 .5em;
    white-space: nowrap;
    overflow: hidden;
}
capp-top-list .items-list>div .title span
{
    text-overflow: ellipsis;
    overflow: hidden;
}
capp-top-list .items-list>div:nth-child(even)
{
    background: #100800;
}
@media only screen and (max-width: 1600px)
{
    capp-top-list .items-list>div .item-img img
    {
        transform: rotate(-3deg) scale(1.5);
    }
}
@media only screen and (max-width: 1024px)
{
    capp-top-list .items-list
    {
        margin-top: .75em;
        grid-template-rows: repeat(5,3em);
        grid-template-columns: 100%;
        grid-gap: .25em;
        overflow: hidden;
    }
    capp-top-list .items-list>div
    {
        height: 3em;
    }
    capp-top-list .items-list>div .num
    {
        width: 2em;
        min-width: 2em;
    }
    capp-top-list .items-list>div .num span
    {
        font-size: 5em;
    }
    capp-top-list .items-list>div .item-img
    {
        position: relative;
        width: 4.5em;
        min-width: 4.5em;
    }
    capp-top-list .items-list>div .item-img img
    {
        transform: none;
    }
    capp-top-list .items-list>div .item-img capp-preloader
    {
        font-size: .75em;
    }
    capp-top-list .items-list>div .title
    {
        display: flex;
    }
}
@media only screen and (max-width: 720px)
{
    capp-top-list
    {
        padding: 0 1em;
    }
    capp-top-list .item-section-header
    {
        font-size: .85em;
        justify-content: space-between;
    }
}
capp-hero
{
    display: block;
    position: relative;
    border-bottom: 1px solid #ff8a14;
    margin-bottom: 2em;
}
capp-hero .slides-viewport
{
    display: block;
    height: 28.5em;
    width: 100%;
    overflow: hidden;
}
capp-hero .slide
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #241f19;
}
capp-hero .slide.animate-r
{
    animation: heroAnimateInRight .4s ease-out;
}
capp-hero .slide.animate-l
{
    animation: heroAnimateInLeft .3s ease-out;
}
capp-hero .slide>*
{
    position: relative;
}
capp-hero .slide .slide-image
{
    position: absolute;
    width: 100%;
    height: 100%;
}
capp-hero .slide .slide-image img
{
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}
capp-hero .slide a
{
    width: max-content;
    margin-top: .5em;
}
capp-hero .slide .content
{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding-left: 2.5em;
    padding-bottom: 3.25em;
    box-sizing: border-box;
    text-shadow: .125em .125em #3d3833;
}
capp-hero .slide .content .mid-text
{
    font-size: 5em;
    line-height: 110%;
    font-weight: 900;
    margin: 0;
}
capp-hero .slide .content span
{
    font-size: 2.5em;
    line-height: 120%;
}
capp-hero .slide .content a
{
    text-shadow: none;
}
capp-hero .slide-nav
{
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    padding-bottom: 1.5em;
    padding-left: 2.5em;
    box-sizing: border-box;
    z-index: 3;
}
capp-hero .slide-nav .slide-btn
{
    width: .75em;
    height: .75em;
    border-radius: 50%;
    background: rgba(255,255,255,.24);
    cursor: pointer;
    margin-right: .25em;
}
capp-hero .slide-nav .slide-btn.active
{
    background: #ff8a14;
}
@media only screen and (max-width: 720px)
{
    capp-hero .slide-nav
    {
        display: none;
    }
    capp-hero .slides-viewport
    {
        height: 17.5em;
    }
    capp-hero .slide .content
    {
        padding-left: 1em;
        padding-bottom: 1.25em;
    }
    capp-hero .slide .content .mid-text
    {
        font-size: 3em;
    }
    capp-hero .slide .content span
    {
        font-size: 1.5em;
    }
    capp-hero .slide .content a
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        margin: 0;
        padding: 0;
    }
}
@keyframes heroAnimateInRight
{
    from
    {
        transform: translate3d(100%,0,0);
        opacity: 0;
    }
    to
    {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}
@keyframes heroAnimateInLeft
{
    from
    {
        transform: translate3d(-100%,0,0);
    }
    to
    {
        transform: translate3d(0,0,0);
    }
}
capp-news-feed
{
    display: block;
}
capp-news-feed .news-feed-wrap
{
    position: relative;
    width: 100%;
    height: 3em;
    overflow: hidden;
    background: #ff8a14;
    color: #100800;
    box-sizing: border-box;
    padding-left: 2.5em;
}
capp-news-feed .news-feed-wrap capp-preloader
{
    opacity: 0;
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: max-content;
}
capp-news-feed .news-feed-wrap capp-preloader.show
{
    opacity: 1;
}
capp-news-feed .news-feed-wrap capp-preloader .preloader
{
    border-color: #000;
    border-right: 1px solid rgba(0,0,0,0);
}
capp-news-feed .news-feed-wrap .error-message
{
    height: 100%;
    display: flex;
    align-items: center;
}
capp-news-feed .news-feed-wrap .error-message img
{
    height: 1.25em;
    width: 1.25em;
    margin-right: .5em;
}
capp-news-feed .news-feed-wrap .feed
{
    display: flex;
    align-items: center;
    width: max-content;
    position: relative;
    transition: transform .5s ease-in-out;
}
capp-news-feed .news-feed-wrap .feed-item
{
    display: flex;
    align-items: center;
    margin-right: 1.5em;
    height: 3em;
}
capp-news-feed .news-feed-wrap .feed-item img, capp-news-feed .news-feed-wrap .feed-item .img-placeholder
{
    width: 2em;
    height: 2em;
    margin-right: .5em;
    border-radius: 100%;
}
capp-news-feed .news-feed-wrap .feed-item p
{
    font-size: .875em;
    white-space: nowrap;
    color: #100800;
}
capp-news-feed .news-feed-wrap .feed-item a
{
    color: #100800;
    cursor: pointer;
}
capp-news-feed .news-feed-wrap.no-data
{
    height: .1em;
}
@media only screen and (max-width: 720px)
{
    capp-news-feed .news-feed-wrap
    {
        padding-left: 1em;
    }
    capp-news-feed .news-feed-wrap .feed-item
    {
        max-width: 90vw;
    }
    capp-news-feed .news-feed-wrap .feed-item p
    {
        white-space: normal;
    }
}
capp-banner
{
    display: block;
    margin: 0 2.5em 2.5em 2.5em;
    height: 12.5em;
    overflow: hidden;
}
capp-banner .banner
{
    position: relative;
    width: 100%;
    height: 100%;
    background: #3d3833;
}
capp-banner img
{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
capp-banner .content-wrap
{
    position: relative;
    display: grid;
    grid-template-rows: 1fr 64px;
    height: 100%;
    box-sizing: border-box;
    width: max-content;
    padding: 1em 2.5em 0 2.5em;
    background: rgba(15,8,0,.64);
}
capp-banner .content-wrap .text-wrap
{
    height: 100%;
    overflow: hidden;
}
capp-banner .content-wrap .text-wrap h3
{
    padding: 0;
    margin: 0;
    font-size: 4em;
    font-weight: 700;
    line-height: 112%;
}
capp-banner .content-wrap .text-wrap p
{
    padding: 0;
    margin: 0;
    font-size: 1.75em;
    line-height: 130%;
}
capp-banner .content-wrap a
{
    display: inline-block;
}
@media only screen and (max-width: 720px)
{
    capp-banner
    {
        height: 15em;
        margin: 0 1em 2em 1em;
    }
    capp-banner .text-wrap>*
    {
        font-size: 1.5em!important;
        font-weight: 700;
    }
    capp-banner .content-wrap
    {
        grid-template-rows: 1fr auto;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: .5em 1.5em;
        height: auto;
        grid-gap: .75em;
    }
}
filters-sub .filters-wrap, sort-sub .filters-wrap
{
    display: grid;
    grid-template-rows: 3em 1fr 7em;
    max-height: 100%;
    overflow: hidden;
}
filters-sub .filters-wrap .filters-header, sort-sub .filters-wrap .filters-header
{
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 1em;
    height: 3em;
}
filters-sub .filters-wrap .filters-header h4, sort-sub .filters-wrap .filters-header h4
{
    margin: 0;
}
filters-sub .filters-wrap .filters-header img, sort-sub .filters-wrap .filters-header img
{
    cursor: pointer;
    filter: invert(100%);
    height: 1.5em;
    width: 1.5em;
    margin-right: 1em;
}
filters-sub .filters-wrap .filters-header .num-selected, sort-sub .filters-wrap .filters-header .num-selected
{
    background: #ff8a14;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25em;
    height: 1.25em;
    border-radius: 50%;
    margin-left: .5em;
}
filters-sub .filters-wrap .filters-header .num-selected span, sort-sub .filters-wrap .filters-header .num-selected span
{
    color: #100800;
    font-size: .875em;
    font-weight: 700;
}
filters-sub .filters-wrap .filters-content, sort-sub .filters-wrap .filters-content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    overflow-y: auto;
}
filters-sub .filters-wrap .filters-content::-webkit-scrollbar, sort-sub .filters-wrap .filters-content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
filters-sub .filters-wrap .filters-content::-webkit-scrollbar-track, sort-sub .filters-wrap .filters-content::-webkit-scrollbar-track
{
    background: #241f19;
}
filters-sub .filters-wrap .filters-content::-webkit-scrollbar-thumb, sort-sub .filters-wrap .filters-content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
filters-sub .filters-wrap .filters-content div, sort-sub .filters-wrap .filters-content div
{
    cursor: pointer;
    display: flex;
    height: 3em;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5em;
    border-bottom: 1px solid rgba(255,138,20,.24);
}
filters-sub .filters-wrap .filters-content div span, sort-sub .filters-wrap .filters-content div span
{
    font-size: .875em;
}
filters-sub .filters-wrap .filters-content div img, sort-sub .filters-wrap .filters-content div img
{
    width: 1.5em;
    height: 1.5em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
filters-sub .filters-wrap .filters-content div .game-maker-icon, sort-sub .filters-wrap .filters-content div .game-maker-icon
{
    width: 5em;
    height: 1.5em;
    filter: none;
}
filters-sub .filters-wrap .filters-content div .icon-active, sort-sub .filters-wrap .filters-content div .icon-active
{
    margin-right: -8em;
}
filters-sub .filters-wrap .filter-buttons, sort-sub .filters-wrap .filter-buttons
{
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    padding: 0 1em;
}
filters-sub .filter-groups .filter-buttons button, sort-sub .filter-groups .filter-buttons button
{
    width: 100%;
}
filters-sub .filters, sort-sub .filters
{
    position: absolute;
    top: 0;
    left: 0;
}
sort-sub .filters-wrap .filters-header
{
    justify-content: space-between;
}
sort-sub .filters-wrap .filters-header img
{
    margin: 0;
}
capp-game-filters
{
    display: block;
}
capp-game-filters .main-controls
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.5em;
    padding: 0 3.5em;
    box-sizing: border-box;
}
capp-game-filters .main-controls .filter, capp-game-filters .main-controls .sort
{
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
}
capp-game-filters .main-controls .filter img, capp-game-filters .main-controls .sort img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    height: 1em;
    margin-left: .5em;
}
capp-game-filters .main-controls .filter .num-selected, capp-game-filters .main-controls .sort .num-selected
{
    background: #ff8a14;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    margin-left: .5em;
}
capp-game-filters .main-controls .filter .num-selected span, capp-game-filters .main-controls .sort .num-selected span
{
    color: #100800;
    font-size: .625em;
    font-weight: 700;
}
capp-game-filters .main-controls .sort .sort-label
{
    font-size: .75em;
}
capp-game-filters .main-controls .sort .sort-value
{
    font-weight: 700;
}
capp-game-filters .selected-filters-section
{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 2.5em;
    padding-bottom: .25em;
    overflow-x: auto;
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
}
capp-game-filters .selected-filters-section::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
capp-game-filters .selected-filters-section::-webkit-scrollbar-track
{
    background: #241f19;
}
capp-game-filters .selected-filters-section::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
capp-game-filters .selected-filters-section .selected-filter
{
    background: rgba(255,138,20,.08);
    display: flex;
    align-items: center;
    height: 2em;
    margin-right: .25em;
    padding: 0 .75em;
    white-space: nowrap;
}
capp-game-filters .selected-filters-section .selected-filter span
{
    font-size: .875em;
}
capp-game-filters .selected-filters-section .selected-filter img
{
    height: 1em;
    filter: invert(100%);
    margin-left: .25em;
    cursor: pointer;
}
capp-game-filters .selected-filters-section button
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    color: #ff8a14;
    margin-left: .5em;
    font-size: .75em;
    font-weight: 700;
    white-space: nowrap;
}
capp-game-filters .selected-filters-section button:focus
{
    outline: none;
}
@media only screen and (max-width: 720px)
{
    capp-game-filters .main-controls
    {
        padding: 0 2em;
    }
    capp-game-filters .selected-filters-section
    {
        margin: 0 1em;
    }
}
.info-section
{
    padding: 4.5em 2.5em 2.5em 2.5em;
}
.info-section.loading
{
    display: none;
}
capp-expand-section, capp-expand-section-images
{
    text-align: left;
    max-width: 75em;
    margin: 0 auto;
    display: block;
}
capp-expand-section h1, capp-expand-section h2, capp-expand-section-images h1, capp-expand-section-images h2
{
    font-size: 1.25em;
    margin: 0;
}
capp-expand-section h3, capp-expand-section h4, capp-expand-section h5, capp-expand-section h6, capp-expand-section-images h3, capp-expand-section-images h4, capp-expand-section-images h5, capp-expand-section-images h6
{
    margin: 0;
    font-size: 1em;
}
capp-expand-section p, capp-expand-section-images p
{
    font-size: .875em;
    color: rgba(255,255,255,.64);
    margin: .6em 0;
}
capp-expand-section a:hover, capp-expand-section-images a:hover
{
    color: #ffa143;
}
capp-expand-section>button, capp-expand-section-images>button
{
    background: none;
    border: none;
}
@media only screen and (max-width: 720px)
{
    .info-section
    {
        padding: 2em 1em 2.5em 1em;
    }
}
capp-accordion .title
{
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: 1.5em;
}
capp-accordion .title.expanded
{
    margin-bottom: 1em;
}
capp-accordion .title span
{
    font-size: .75em;
    font-weight: bold;
    color: #ff8a14;
}
capp-accordion .title img
{
    height: 1em;
    width: 1em;
    margin-left: .125em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
capp-accordion .acc-wrap
{
    overflow: hidden;
    height: 0;
    transition: height .2s ease;
}
capp-game-container
{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 5.5em 2em;
}
capp-game-container capp-preloader
{
    font-size: 2em;
    position: absolute;
    width: 100%;
    height: 100%;
}
capp-game-container capp-preloader .preloader
{
    border: 2px solid #ff8a14;
    border-right: 1px solid rgba(0,0,0,0);
}
capp-game-container .game-wrap
{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
capp-game-container .game-wrap .launch-buttons
{
    margin-right: 23.75em;
    display: flex;
    gap: .5em;
}
capp-game-container .game-wrap .launch-buttons .btn-secondary
{
    background: rgba(0,0,0,.8);
}
capp-game-container iframe
{
    width: 100%;
    height: 100%;
    background: rgba(16,8,0,.24);
}
.race-wrap .invalid-data
{
    padding: 1em;
}
.race-wrap .race-info
{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.race-wrap .race-info .race-title
{
    font-size: 1.25em;
    margin: 0;
    color: #ff8a14;
    line-height: 140%;
}
.race-wrap .race-info .prize-info
{
    display: flex;
    justify-content: space-between;
}
.race-wrap .race-info .prize-info .prize-pool-value, .race-wrap .race-info .prize-info .places-value
{
    font-size: 2em;
    font-weight: bold;
    line-height: 125%;
}
.race-wrap .race-info .prize-info .prize-pool-label, .race-wrap .race-info .prize-info .places-label
{
    opacity: .64;
}
.race-wrap .race-info capp-progress-bar
{
    display: block;
    margin-top: .75em;
    margin-bottom: .125em;
}
.race-wrap .race-info capp-progress-bar.finished .progress-wrap .progress-bar
{
    background: #ff4b23;
}
.race-wrap .race-info .progress-labels
{
    display: flex;
    justify-content: space-between;
    font-size: .75em;
}
.race-wrap .race-info .progress-labels .num
{
    display: inline-flex;
    justify-content: center;
    width: .4em;
    text-align: right;
}
.race-wrap .race-info .info-link
{
    display: none;
}
.race-wrap .countdown
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.race-wrap .countdown .start-label
{
    font-size: .75em;
    font-weight: bold;
    line-height: 133%;
    margin-bottom: .3em;
}
.race-wrap .countdown .countdown-grid
{
    display: grid;
    grid-template-columns: 2em 2em .5em 2em 2em .5em 2em 2em .5em 2em 2em;
    grid-gap: .125em;
}
.race-wrap .countdown .countdown-grid .num, .race-wrap .countdown .countdown-grid .sep
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.race-wrap .countdown .countdown-grid .num span, .race-wrap .countdown .countdown-grid .sep span
{
    font-size: 1.75em;
    font-weight: bold;
}
.race-wrap .countdown .countdown-grid .num
{
    background: #3d3833;
    width: 2em;
    height: 2.5em;
    border-radius: .125em;
}
.race-wrap .countdown .countdown-grid .cd-label
{
    font-size: .75em;
    justify-self: center;
    line-height: 150%;
}
.race-wrap .countdown .countdown-grid .cd-label.days
{
    grid-column: 1/3;
}
.race-wrap .countdown .countdown-grid .cd-label.hours
{
    grid-column: 4/6;
}
.race-wrap .countdown .countdown-grid .cd-label.minutes
{
    grid-column: 7/9;
}
.race-wrap .countdown .countdown-grid .cd-label.seconds
{
    grid-column: 10/12;
}
.race-wrap .table-section
{
    position: relative;
}
.race-wrap .table-section capp-preloader
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.race-wrap .score-table span
{
    font-size: .75em;
}
.race-wrap .score-table-summary
{
    grid-template-columns: 1fr 3fr 2fr 2fr!important;
    grid-template-rows: 1.5em 1fr 1fr 1fr 1fr!important;
}
.race-wrap .score-table-title
{
    position: relative;
    display: grid;
    grid-template-columns: 1.5fr .5fr 3fr 2fr 2fr;
    grid-template-rows: 1fr;
    align-items: center;
    height: 2em;
    border: 2px solid #ff8a14;
    margin-top: 1em;
}
.race-wrap .score-table-title span
{
    font-size: .75em;
}
.race-wrap .score-table-title div
{
    display: flex;
    padding: 0 .3em;
}
.race-wrap .score-table-lists, .race-wrap .score-table-summary
{
    position: relative;
    display: grid;
    grid-template-columns: 1.5fr .5fr 3fr 2fr 2fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    height: 9.5em;
    align-items: center;
}
.race-wrap .score-table-lists span, .race-wrap .score-table-summary span
{
    font-size: .75em;
}
.race-wrap .score-table-lists div, .race-wrap .score-table-summary div
{
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 .5em;
}
.race-wrap .score-table-lists .odd-row, .race-wrap .score-table-summary .odd-row
{
    background: #55514c;
}
.race-wrap .score-table-lists .even-row, .race-wrap .score-table-summary .even-row
{
    background: #3d3833;
}
.race-wrap .score-table-lists.loading, .race-wrap .score-table-summary.loading
{
    opacity: 0;
}
.race-wrap .score-table-lists .icn, .race-wrap .score-table-summary .icn
{
    height: 33px;
    margin-bottom: -4px;
}
.race-wrap .score-table-lists .star, .race-wrap .score-table-summary .star
{
    height: auto!important;
}
.race-wrap hr
{
    border: none;
    border-bottom: 1px solid #ff8a14;
    width: 100%;
    margin: 30px 0 -15px 0;
}
capp-race-item
{
    display: block;
}
capp-race-item .race-wrap
{
    display: grid;
    grid-template-columns: 40em 22em auto;
    grid-gap: 2.5em;
    justify-content: space-between;
    background: #241f19;
    height: 9.5em;
}
capp-race-item .info-wrap
{
    display: grid;
    grid-template-columns: 17.5em 1fr;
    grid-gap: 2.5em;
    height: 9.5em;
}
capp-race-item .image-wrap
{
    position: relative;
    overflow: hidden;
}
capp-race-item .image-wrap .race-img
{
    width: 17.5em;
    height: 100%;
    max-height: 9.5em;
    object-fit: cover;
}
capp-race-item .image-wrap .status
{
    position: absolute;
    left: .5em;
    bottom: .5em;
    background: #48a7ff;
    color: #100800;
    padding: .25em .75em;
    border-radius: .125em;
}
capp-race-item .controls
{
    justify-self: end;
    align-self: center;
    padding-right: 2.5em;
}
capp-race-item .controls a
{
    display: inline-block;
    white-space: nowrap;
}
capp-race-page-item
{
    display: block;
}
capp-race-page-item .race-wrap
{
    grid-template-columns: 1fr 20em;
    display: grid;
    grid-gap: 1em 4em;
}
capp-race-page-item .race-wrap .race-title
{
    color: #fff;
    font-size: 3em;
    grid-column: span 2;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
}
capp-race-page-item .race-wrap .race-info .prize-info
{
    margin-top: 1em;
}
capp-race-page-item .race-wrap capp-accordion .title span
{
    font-size: 1em;
}
capp-race-page-item .race-wrap capp-accordion .title.expanded
{
    margin-bottom: .5em;
}
capp-race-page-item .race-wrap .race-controls
{
    margin-top: 1em;
}
capp-race-page-item .race-wrap .race-controls .active-message
{
    display: flex;
    align-items: flex-start;
}
capp-race-page-item .race-wrap .race-controls .active-message .icn
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    width: 1.5em;
    height: 1.5em;
    margin-right: .5em;
}
capp-race-page-item .race-wrap .race-controls .active-message span
{
    color: #ff8a14;
    line-height: 150%;
}
capp-race-page-item .race-wrap .race-controls .btn-secondary
{
    margin-top: 1em;
}
capp-race-page-item .race-wrap .info-table
{
    grid-row: span 8;
    grid-column: 2;
}
capp-race-page-item .race-wrap .info-table .title
{
    margin-top: 2em;
}
capp-race-page-item .race-wrap .info-line
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1em;
    height: 3em;
}
capp-race-page-item .race-wrap .info-line .label
{
    font-size: .75em;
}
capp-race-page-item .race-wrap .info-line .value
{
    font-size: 1em;
}
capp-race-page-item .race-wrap .info-line:nth-child(odd)
{
    background: rgba(255,138,20,.08);
}
capp-race-page-item .race-wrap .countdown
{
    margin-top: 1em;
    font-size: 1.5em;
}
capp-race-page-item .race-wrap .description-accord p
{
    margin: 0;
}
capp-race-page-item .race-wrap .description-accord ul
{
    list-style: none;
    padding-left: 0;
}
capp-race-page-item .race-wrap .table-section
{
    position: relative;
    margin-top: 2em;
}
capp-race-page-item .race-wrap .table-section h4
{
    margin: 0;
}
capp-race-page-item .race-wrap .table-section .score-table
{
    margin-top: .5em;
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    overflow-y: scroll;
    height: 345px;
}
capp-race-page-item .race-wrap .table-section .score-table::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
capp-race-page-item .race-wrap .table-section .score-table::-webkit-scrollbar-track
{
    background: #241f19;
}
capp-race-page-item .race-wrap .table-section .score-table::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
capp-race-page-item .race-wrap .table-section .score-table div
{
    height: 2em;
}
capp-race-page-item .race-wrap .table-section .score-table.loading
{
    display: none;
}
capp-race-page-item .race-wrap .table-section .player-score
{
    display: grid;
    border: 2px solid #a78f0b;
    height: 170px;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1.5fr 3fr 2fr 2fr;
    margin-top: 1.5em;
}
capp-race-page-item .race-wrap .table-section .player-score div
{
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 .5em;
}
capp-race-page-item .race-wrap .table-section .player-score .info-row
{
    background-color: #3d3833;
    border-bottom: 2px solid #a78f0b;
}
capp-race-page-item .race-wrap .table-section .player-score .info-row span
{
    font-weight: bolder;
}
capp-race-page-item .race-wrap .table-section .player-score .icon
{
    filter: invert(100%);
}
capp-race-page-item .race-wrap .table-section .player-position
{
    border: 2px solid #a78f0b;
}
capp-race-page-item .race-wrap .table-section capp-preloader
{
    position: relative;
    height: auto;
    top: 1em;
    width: auto;
    display: inline-block;
}
capp-race-page-item .race-wrap .participating-games
{
    position: relative;
}
capp-race-page-item .race-wrap .participating-games .participating-games-title
{
    margin: -10px 0 -15px 0;
}
capp-race-page-item .race-wrap .participating-games capp-games-grid
{
    padding: 2.5em 0 1.5em 0;
}
capp-race-page-item .race-wrap .participating-games capp-games-grid .games-grid-wrap
{
    grid-gap: 0 .5em;
}
capp-race-page-item .race-wrap .participating-games .game-item
{
    margin-top: -10px;
}
capp-race-page-item .race-wrap .participating-games .game-item a img
{
    object-fit: contain;
}
capp-race-page-item .race-wrap .participating-games .game-item a .game-title
{
    margin-top: -10px;
}
@media only screen and (max-width: 1350px)
{
    capp-race-item .race-wrap
    {
        display: grid;
        grid-template-columns: 40em 22em;
        grid-gap: 2.5em;
        justify-content: space-between;
        background: #241f19;
    }
    capp-race-item .race-wrap .prize-info
    {
        font-size: .75em;
    }
    capp-race-item .race-wrap .race-info .info-link
    {
        display: inline-block;
        width: max-content;
        font-size: .7em;
        margin-top: .75em;
        padding: .6em 2em;
    }
    capp-race-item .race-wrap .race-info capp-progress-bar
    {
        margin-top: .5em;
    }
    capp-race-item .race-wrap .controls
    {
        display: none;
    }
}
@media only screen and (max-width: 1200px)
{
    capp-race-item .race-wrap
    {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        grid-gap: 0 2.5em;
        height: auto;
        padding-right: 2.5em;
    }
    capp-race-item .race-wrap .prize-info
    {
        font-size: 1em;
    }
    capp-race-item .race-wrap .image-wrap .race-img
    {
        width: 100%;
    }
    capp-race-item .race-wrap .info-wrap
    {
        grid-template-columns: 1.5fr 1fr;
        grid-column: span 2;
    }
    capp-race-item .race-wrap .race-info .info-link
    {
        display: none;
    }
    capp-race-item .race-wrap .race-info capp-progress-bar
    {
        margin-top: .75em;
    }
    capp-race-item .race-wrap .score-table, capp-race-item .race-wrap .score-table-lists, capp-race-item .race-wrap .score-table-title, capp-race-item .race-wrap .score-table-summary
    {
        height: 7.5em!important;
    }
    capp-race-item .race-wrap .countdown
    {
        font-size: 1.25em;
        height: 6em;
    }
    capp-race-item .race-wrap .controls
    {
        display: block;
        justify-self: center;
    }
}
@media only screen and (max-width: 900px)
{
    capp-race-item .race-wrap
    {
        grid-template-columns: 1.3fr 1fr;
    }
    capp-race-item .race-wrap .info-wrap
    {
        grid-template-columns: 1.3fr 1fr;
    }
    capp-race-item .race-info
    {
        font-size: .9em;
    }
    capp-race-page-item .race-wrap
    {
        grid-template-columns: 1fr;
    }
    capp-race-page-item .race-wrap .race-title
    {
        font-size: 2em;
        grid-column: 1;
    }
    capp-race-page-item .race-wrap .countdown
    {
        font-size: 1em;
        grid-row: 3;
    }
    capp-race-page-item .race-wrap .race-controls
    {
        margin-top: 1em;
        grid-row: 3;
    }
    capp-race-page-item .race-wrap .race-controls button
    {
        width: 100%;
    }
    capp-race-page-item .race-wrap .info-table
    {
        grid-row: auto;
        grid-column: auto;
    }
    capp-race-page-item .race-wrap .info-table .title
    {
        margin-top: 1em;
    }
    .player-score
    {
        grid-template-rows: 1fr 1fr!important;
        grid-template-columns: 1fr 1fr!important;
        height: 15em!important;
    }
    .player-score .none-mobile
    {
        display: none!important;
    }
    .player-score div
    {
        height: 2.5em!important;
    }
    .player-score .player-score-mobile
    {
        height: 3em;
    }
    .score-table-lists, .score-table-title
    {
        grid-template-columns: 2fr .5fr 3fr 1.5fr 2fr!important;
    }
}
@media only screen and (max-width: 720px)
{
    capp-race-item .race-wrap
    {
        grid-template-columns: 1fr;
        grid-gap: 0;
        padding-right: 0;
        border-radius: 0 0 .125em .125em;
    }
    capp-race-item .race-wrap .info-wrap
    {
        grid-template-columns: 1fr;
        grid-column: auto;
        height: auto;
        grid-gap: 0;
    }
    capp-race-item .race-wrap .image-wrap
    {
        height: 11em;
    }
    capp-race-item .race-wrap .image-wrap .race-img
    {
        width: 100%;
        height: 100%;
        max-height: none;
    }
    capp-race-item .race-wrap .race-info
    {
        margin: 1em 1em 0 1em;
    }
    capp-race-item .race-wrap .score-table, capp-race-item .race-wrap .score-table-lists, capp-race-item .race-wrap .score-table-title
    {
        height: 9.5em;
        margin-top: 1em;
    }
    capp-race-item .race-wrap .countdown
    {
        font-size: 1em;
        height: 6em;
    }
    capp-race-item .race-wrap .controls
    {
        padding: 0;
        width: 100%;
    }
    capp-race-item .race-wrap .controls a
    {
        width: 100%;
        text-align: center;
        text-align: center;
        border-radius: 0 0 .125em .125em;
    }
    capp-games-grid
    {
        grid-column: span 2;
    }
    capp-games-grid .games-grid-wrap
    {
        grid-template-columns: repeat(2,1fr);
    }
    capp-race-page-item .race-wrap .participating-games .game-item a .game-title
    {
        margin-top: 0;
    }
    .participating-games
    {
        grid-template-rows: auto auto auto;
        display: grid;
        grid-template-columns: auto auto;
    }
    .participating-games h4
    {
        grid-column: span 2;
    }
    .participating-games .participating-games-btn
    {
        grid-column: span 2;
        text-align: center;
    }
}
races-info-sub .races-info-sub-wrap
{
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
}
races-info-sub .races-info-sub-wrap .ri-header
{
    padding: 0 1.5em;
    margin-bottom: 1.5em;
}
races-info-sub .races-info-sub-wrap .ri-header .controls
{
    display: flex;
    align-items: center;
    justify-content: end;
    height: 3em;
}
races-info-sub .races-info-sub-wrap .ri-header .controls img
{
    filter: invert(100%);
    width: 1.5em;
    height: 1.5em;
    cursor: pointer;
}
races-info-sub .races-info-sub-wrap .ri-header h3
{
    margin: 0;
}
races-info-sub .races-info-sub-wrap .content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    height: 100%;
    overflow-y: auto;
    padding: 0 1.5em 1.5em 1.5em;
}
races-info-sub .races-info-sub-wrap .content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
races-info-sub .races-info-sub-wrap .content::-webkit-scrollbar-track
{
    background: #241f19;
}
races-info-sub .races-info-sub-wrap .content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
races-info-sub .races-info-sub-wrap .content section
{
    background: rgba(255,138,20,.08);
    padding: 1.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: .5em;
}
races-info-sub .races-info-sub-wrap .content section h4
{
    margin: .33em 0;
}
races-info-sub .races-info-sub-wrap .content section .text p
{
    margin: 0;
}
races-info-sub .races-info-sub-wrap .content section img
{
    width: 3em;
    height: 3em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    margin-bottom: .5em;
}
points-info-sub .points-info-sub-wrap
{
    height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
}
points-info-sub .points-info-sub-wrap .ri-header
{
    padding: 0 1.5em;
    margin-bottom: 1.5em;
}
points-info-sub .points-info-sub-wrap .ri-header .controls
{
    display: flex;
    align-items: center;
    justify-content: end;
    height: 3em;
}
points-info-sub .points-info-sub-wrap .ri-header .controls img
{
    filter: invert(100%);
    width: 1.5em;
    height: 1.5em;
    cursor: pointer;
}
points-info-sub .points-info-sub-wrap .ri-header h3
{
    margin: 0;
}
points-info-sub .points-info-sub-wrap .content
{
    scrollbar-color: #ff8a14 #241f19;
    scrollbar-width: thin;
    height: 100%;
    overflow-y: auto;
    padding: 0 1.5em 1.5em 1.5em;
}
points-info-sub .points-info-sub-wrap .content::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
points-info-sub .points-info-sub-wrap .content::-webkit-scrollbar-track
{
    background: #241f19;
}
points-info-sub .points-info-sub-wrap .content::-webkit-scrollbar-thumb
{
    background: #ff8a14;
}
points-info-sub .points-info-sub-wrap .content section
{
    background: rgba(255,138,20,.08);
    padding: 1.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: .5em;
}
points-info-sub .points-info-sub-wrap .content section h4
{
    margin: .33em 0;
}
points-info-sub .points-info-sub-wrap .content section .text p
{
    margin: 0;
}
points-info-sub .points-info-sub-wrap .content section img
{
    width: 3em;
    height: 3em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    margin-bottom: .5em;
}
points-info-sub .points-info-sub-wrap .content .btn-wrap
{
    padding: 1em 0;
}
points-info-sub .points-info-sub-wrap .content .btn-wrap button
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
points-info-sub .points-info-sub-wrap .content .btn-wrap button img
{
    width: 1.5em;
    height: 1.5em;
}
capp-shop
{
    display: block;
    width: 100%;
    min-height: 25em;
}
capp-shop .no-content
{
    margin: 2.5em;
}
capp-shop capp-preloader
{
    margin-top: 3em;
}
capp-shop .grid-wrap
{
    padding: 0 2.5em;
}
capp-shop .shop-items-grid
{
    display: grid;
    grid-gap: 1em;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 75em;
    margin: 2.5em auto;
}
capp-shop .shop-item
{
    width: 100%;
    min-height: 15em;
    background: #241f19;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
capp-shop .shop-item .item-type-img
{
    width: 9em;
    height: 10.375em;
    transform: scale(1);
    transition: transform .1s ease;
}
capp-shop .shop-item:hover .item-type-img
{
    transform: scale(1.05);
}
capp-shop .shop-item .item-title
{
    font-size: 1.25em;
    font-weight: bold;
    line-height: 140%;
}
capp-shop .shop-item .item-price
{
    color: #ff8a14;
    line-height: 150%;
}
capp-shop .no-prizes
{
    max-width: 75em;
    margin: 2.5em auto;
    padding: 0 2.5em;
}
capp-shop .no-prizes .shop-item
{
    min-height: auto;
}
capp-shop .no-prizes .no-prizes-text
{
    margin-top: 1.5em;
}
capp-shop .no-prizes .no-prizes-text h4
{
    margin: 0;
    line-height: 140%;
}
capp-shop .no-prizes .no-prizes-text p
{
    margin: 0;
    line-height: 150%;
}
@media only screen and (max-width: 720px)
{
    capp-shop .grid-wrap
    {
        padding: 0 1em;
    }
    capp-shop .shop-items-grid
    {
        grid-template-columns: 1fr 1fr;
        margin: 1em auto;
    }
    capp-shop .no-prizes
    {
        margin: 1em 0;
        padding: 0 1em;
    }
}
capp-login-as-player #capp-login-as-player
{
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}
@media only screen and (max-width: 720px)
{
    capp-login-as-player #capp-login-as-player
    {
        width: 300px;
    }
    capp-login-as-player #capp-login-as-player #logoImg
    {
        width: 250px;
    }
}
capp-login-as-player #capp-login-as-player #logo, capp-login-as-player #capp-login-as-player #loginForm
{
    padding: 20px;
}
capp-login-as-player #capp-login-as-player #loginForm form div
{
    padding: 5px;
}
.home-page capp-race-item
{
    margin: 0 2em;
    margin-bottom: 3em;
}
.home-page capp-hero
{
    margin-bottom: 0;
}
@media only screen and (max-width: 720px)
{
    .home-page capp-race-item
    {
        margin: 0 1em;
        margin-bottom: 2em;
    }
}
.games-list-page .tab-navigation
{
    margin: .5em .25em 0 2.5em;
}
.games-list-page capp-game-filters
{
    margin-bottom: 2em;
    border-top: 1px solid rgba(255,138,20,.24);
    margin-top: .5em;
}
@media only screen and (max-width: 720px)
{
    .games-list-page .game-category-navigation
    {
        margin: .5em 0 0 1em;
    }
    .games-list-page .tab-navigation
    {
        margin: .5em .25em 0 1em;
    }
}
.content-page h1, .content-page h2, .content-page h3, .content-page h4, .content-page h5, .content-page h6
{
    margin: 0;
    line-height: 130%;
    padding-bottom: 16px;
}
.content-page hr
{
    border: none;
    border-bottom: 1px solid rgba(255,138,20,.24);
}
.content-page .tag
{
    background: #48a7ff;
    font-size: 1em;
    line-height: 150%;
    color: #100800;
    padding: .25em .75em;
    border-radius: .125em;
}
.content-page .tag.tag-color-1
{
    background: #48a7ff;
}
.content-page .tag.tag-color-2
{
    background: #00e67e;
}
.content-page .tag.tag-color-3
{
    background: #fff848;
}
.content-page .content-cards-grid, .content-page .content-sitemap-grid
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 2.5em auto;
    padding: 0 2.5em;
    grid-gap: 1em;
    max-width: 85em;
}
.content-page .content-cards-grid.two-columns, .content-page .content-sitemap-grid.two-columns
{
    grid-template-columns: 1fr 1fr;
}
.content-page .content-cards-grid .content-card, .content-page .content-sitemap-grid .content-card
{
    background: #241f19;
    width: 100%;
    min-height: 100px;
    display: grid;
    grid-template-rows: auto 1fr auto;
}
.content-page .content-cards-grid .content-card .cc-head, .content-page .content-sitemap-grid .content-card .cc-head
{
    position: relative;
    min-height: 10em;
    display: flex;
    align-items: flex-end;
}
.content-page .content-cards-grid .content-card .cc-head img, .content-page .content-sitemap-grid .content-card .cc-head img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.content-page .content-cards-grid .content-card .cc-head h2, .content-page .content-cards-grid .content-card .cc-head h4, .content-page .content-sitemap-grid .content-card .cc-head h2, .content-page .content-sitemap-grid .content-card .cc-head h4
{
    position: relative;
    background: rgba(16,8,0,.48);
    width: 100%;
    font-size: 1.25em;
    line-height: 140%;
    padding: .3em .8em;
}
.content-page .content-cards-grid .content-card .cc-head .tag, .content-page .content-sitemap-grid .content-card .cc-head .tag
{
    position: absolute;
    bottom: .5em;
    left: .5em;
}
.content-page .content-cards-grid .content-card .cc-content, .content-page .content-sitemap-grid .content-card .cc-content
{
    padding: .5em;
}
.content-page .content-cards-grid .content-card .cc-content h2, .content-page .content-sitemap-grid .content-card .cc-content h2
{
    color: #fff;
    font-size: 1.5em;
    line-height: 133%;
    padding: 0;
    padding-bottom: .25em;
}
.content-page .content-cards-grid .content-card .cc-content date, .content-page .content-sitemap-grid .content-card .cc-content date
{
    font-size: .875em;
    color: rgba(255,255,255,.64);
}
.content-page .content-cards-grid .content-card .cc-content a, .content-page .content-sitemap-grid .content-card .cc-content a
{
    color: #ff8a14;
    font-weight: 700;
    font-size: 1em;
    text-decoration: none;
}
.content-page .content-cards-grid .content-card .cc-content a:hover, .content-page .content-sitemap-grid .content-card .cc-content a:hover
{
    color: #ffa143;
}
.content-page .content-cards-grid .content-card .cc-content ul, .content-page .content-sitemap-grid .content-card .cc-content ul
{
    margin: 0;
    padding-left: 1.5em;
}
.content-page .content-cards-grid .content-card .cc-content ul li, .content-page .content-sitemap-grid .content-card .cc-content ul li
{
    margin-bottom: .5em;
}
.content-page .content-cards-grid .content-card .cc-content .excerpt, .content-page .content-sitemap-grid .content-card .cc-content .excerpt
{
    margin: .5em 0;
    line-height: 150%;
}
.content-page .content-cards-grid .content-card .cc-content>.text-link, .content-page .content-sitemap-grid .content-card .cc-content>.text-link
{
    padding-bottom: .5em;
}
.content-page .content-cards-grid .content-card .cc-buttons, .content-page .content-sitemap-grid .content-card .cc-buttons
{
    display: grid;
    grid-auto-flow: column;
}
.content-page .content-cards-grid .content-card .cc-buttons a, .content-page .content-sitemap-grid .content-card .cc-buttons a
{
    text-align: center;
    border-radius: 0;
}
.content-page .content-cards-grid .sitemap-card, .content-page .content-sitemap-grid .sitemap-card
{
    grid-template-rows: auto 1fr auto;
    list-style-type: none;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.content-page .tab-navigation
{
    margin: .5em 0 .5em 2.5em;
}
.content-page .btn-back
{
    margin-bottom: 1em;
}
.content-page article .article-img
{
    width: 100%;
    height: 20em;
    object-fit: cover;
}
.content-page article .article-body
{
    display: block;
    max-width: 52em;
    margin: 2.5em auto;
    line-height: 150%;
    padding: 0 1em;
}
.content-page article .article-body h1
{
    line-height: 120%;
}
.content-page article .article-body p
{
    margin: 0;
    padding-bottom: 1em;
}
.content-page article .article-body a:not(.btn-primary):hover
{
    color: #ffa143;
}
.content-page article .article-body p.video-container
{
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    margin-bottom: 25px!important;
}
.content-page article .article-body p.video-container iframe
{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.content-page article .article-body .btn-primary
{
    display: inline-block;
}
.content-page article .article-body capp-accordion .title span
{
    font-size: 1.25em;
}
.content-page article .article-body capp-accordion p
{
    padding-bottom: 0;
}
.content-page article .article-body .article-info
{
    display: flex;
    align-items: center;
    margin-top: .5em;
    margin-bottom: 1em;
}
.content-page article .article-body .article-info .tag
{
    margin-right: 1em;
}
.content-page article .article-body .article-info address
{
    font-style: normal;
    font-size: .875em;
    color: rgba(255,255,255,.64);
}
.content-page article .article-body iframe
{
    width: 100%;
    margin-bottom: 1em;
}
.content-page article .article-body ul
{
    margin: 0;
    padding: 0 0 1.2em 2em;
}
.content-page article .article-body ul li
{
    margin-bottom: .25em;
}
.content-page .more-blog-posts
{
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5em 2.5em;
}
.content-page .more-blog-posts h4
{
    margin: 0;
    padding: 0;
}
.content-page .more-blog-posts .content-cards-grid, .content-page .more-blog-posts .content-sitemap-grid
{
    margin: 1.5em 0 0 0;
    padding: 0;
}
.content-page .share
{
    display: flex;
    align-items: center;
    margin: 2.5em 0;
}
.content-page .share>*
{
    margin-right: .5em;
}
.content-page .share a
{
    width: 2.5em;
    height: 2.5em;
    background: rgba(255,138,20,.08);
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-page .share a img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    height: 1.5em;
    width: 1.5em;
}
.content-page-hero
{
    position: relative;
    min-height: 20em;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}
.content-page-hero .content
{
    position: relative;
    width: 100%;
    background: rgba(16,8,0,.48);
    padding: 1em 2.5em;
    line-height: 150%;
}
.content-page-hero .content>*
{
    margin: 0;
}
.content-page-hero .content h1, .content-page-hero .content h2
{
    line-height: 112%;
    font-size: 4em;
    font-weight: 900;
}
.content-page-hero .content p
{
    font-weight: bold;
}
.content-page-hero .hero-img
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.blog-heading
{
    margin: 2.5em;
    max-width: 50em;
    line-height: 150%;
}
.blog-pagination
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 2.5em 2.5em 2.5em;
}
.blog-pagination a
{
    height: 2.5em;
    min-width: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ff8a14;
    margin: .125em;
    padding: 0 .5em;
    box-sizing: border-box;
}
.blog-pagination a span
{
    font-size: 1.25em;
}
.blog-pagination a.active
{
    background: #ff8a14;
    color: #100800;
}
@media only screen and (max-width: 1150px)
{
    .content-page .content-cards-grid, .content-page .content-sitemap-grid
    {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 720px)
{
    .content-page .content-cards-grid, .content-page .content-sitemap-grid
    {
        margin: 1em;
        padding: 0;
        grid-template-columns: 1fr!important;
        grid-gap: 1.5em;
    }
    .content-page .tab-navigation
    {
        margin: .5em 0 .5em 1em;
    }
    .content-page article .article-img
    {
        height: 14em;
    }
    .content-page article h1
    {
        font-size: 2em;
    }
    .content-page article h2
    {
        font-size: 1.5em;
    }
    .content-page article h3, .content-page article h4
    {
        font-size: 1.3em;
    }
    .content-page .more-blog-posts
    {
        padding-left: 1em;
        padding-right: 1em;
    }
    .content-page-hero
    {
        min-height: 12em;
    }
    .content-page-hero .content
    {
        padding: .5em 1em;
    }
    .content-page-hero .content h1, .content-page-hero .content h2
    {
        line-height: 112%;
        font-size: 1.5em;
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 370px)
{
    .content-page .content-cards-grid .content-card, .content-page .content-sitemap-grid .content-card
    {
        font-size: .8em;
    }
}
.game-page.mobile capp-game-page-header
{
    display: none;
}
.game-page .background-image
{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    filter: grayscale(100%);
    opacity: .5;
    z-index: -1;
}
.game-page .gp-header-wrap
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(16,8,0,.64);
    padding: 0 0 0 2.5em;
    height: 3.5em;
}
.game-page .gp-header-wrap.li
{
    padding-right: 1.5em;
}
.game-page .gp-header-wrap .logo img
{
    height: 2em;
}
.game-page .gp-header-wrap .tools
{
    display: grid;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
    grid-gap: 1.5em;
}
.game-page .gp-header-wrap .tools .t-item
{
    display: flex;
    align-items: center;
}
.game-page .gp-header-wrap .tools .t-item.btn
{
    cursor: pointer;
}
.game-page .gp-header-wrap .tools .t-item span
{
    margin-left: .5em;
    font-weight: normal;
    color: #fff;
}
.game-page .gp-header-wrap .tools .t-item img
{
    width: 1.5em;
    height: 1.5em;
    filter: invert(100%);
}
.game-page .gp-header-wrap .tools .t-item .wallet-icon
{
    filter: invert(63%) sepia(48%) saturate(2121%) hue-rotate(106deg) brightness(99%) contrast(106%);
}
.game-page .gp-header-wrap .tools .login .t-item
{
    white-space: nowrap;
    height: 3.5em;
    background: #00e67e;
    font-weight: normal;
    padding: 0 1em;
}
.game-page .gp-header-wrap .tools .login .t-item span
{
    color: #100800;
}
.game-page .gp-header-wrap .tools .login .t-item img
{
    filter: none;
}
.game-page .game-item
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: .25em;
    box-sizing: border-box;
    transform: scale3d(1,1,1);
}
.game-page .game-item .game-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15,8,0,.64);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
}
.game-page .game-item .game-overlay .play-ic
{
    height: 2.5em;
    filter: invert(63%) sepia(48%) saturate(2121%) hue-rotate(106deg) brightness(99%) contrast(106%);
    position: relative;
    top: -1em;
}
.game-page .game-item .game-overlay .info-ic
{
    height: 1.25em;
    position: absolute;
    top: .265em;
    right: .265em;
    cursor: pointer;
    filter: invert(100%);
    pointer-events: initial;
}
.game-page .game-item .game-overlay capp-preloader
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.game-page .game-item a
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.game-page .game-item a img
{
    width: 100%;
    height: calc(100% - 2em);
    object-fit: cover;
}
.game-page .game-item a .game-title
{
    margin: 0;
    font-size: .75em;
    color: #fff;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    top: -.1em;
}
.game-page .game-item a .game-category
{
    display: block;
    font-size: .85em;
    font-weight: normal;
    color: #fff;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}
.game-page capp-popup .popup .popup-buttons button
{
    padding: .75em 1.5em;
}
.loyalty-shop-page .loyalty-shop-hero
{
    position: relative;
    width: 100%;
    height: 20em;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.loyalty-shop-page .loyalty-shop-hero .background
{
    width: 140%;
    height: 20em;
    object-fit: cover;
    position: absolute;
    left: -20%;
}
.loyalty-shop-page .loyalty-shop-hero .shop-image
{
    max-width: 80%;
    position: relative;
    width: 38em;
    top: -.75em;
}
.loyalty-shop-page .loyalty-shop-hero .loyalty-points
{
    display: grid;
    grid-auto-flow: column;
    grid-gap: .4em;
    position: absolute;
    bottom: 1.25em;
    left: 2.5em;
    align-items: center;
}
.loyalty-shop-page .loyalty-shop-hero .loyalty-points .label
{
    font-size: .75em;
}
.loyalty-shop-page .loyalty-shop-hero .loyalty-points img
{
    width: .9em;
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    position: relative;
    top: -.05em;
}
.loyalty-shop-page .loyalty-shop-hero .loyalty-points .value
{
    font-size: .875em;
    font-weight: bold;
}
.loyalty-shop-page .loyalty-shop-hero .info-btn
{
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: inherit;
    cursor: pointer;
    border: none;
    opacity: inherit;
    background: none;
    pointer-events: inherit;
    display: none;
    position: absolute;
    bottom: .5em;
    right: 2.5em;
    padding: .625em;
    background: rgba(16,8,0,.48);
}
.loyalty-shop-page .loyalty-shop-hero .info-btn:focus
{
    outline: none;
}
.loyalty-shop-page .loyalty-shop-hero .info-btn img
{
    filter: invert(100%);
    width: 1.5em;
    height: 1.5em;
}
@media only screen and (max-width: 720px)
{
    .loyalty-shop-page .loyalty-shop-hero
    {
        height: 9.5em;
    }
    .loyalty-shop-page .loyalty-shop-hero .shop-image
    {
        height: 85%;
        object-fit: contain;
    }
    .loyalty-shop-page .loyalty-shop-hero .loyalty-points
    {
        left: 1em;
    }
    .loyalty-shop-page .loyalty-shop-hero .info-btn
    {
        display: none;
        right: 1em;
    }
}
.content-page-hero #how-to-play-btn
{
    position: absolute;
    bottom: 1.5em;
    right: 3em;
    width: 1.5em;
    height: 1.5em;
    filter: invert(100%);
    cursor: pointer;
}
.races-section
{
    margin: 0 2.5em;
    margin-bottom: 2em;
}
.races-section h4
{
    margin: .5em 0;
}
.races-section capp-race-item
{
    margin-bottom: 1em;
}
@media only screen and (max-width: 720px)
{
    .races-section
    {
        margin: 0 1em;
        margin-bottom: 1em;
    }
    .races-section h4
    {
        font-size: 1.25em;
    }
}
.casino-race-page .race-page-hero
{
    width: 100%;
    height: 32em;
}
.casino-race-page .race-page-hero .race-img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.casino-race-page .back-btn
{
    display: inline-flex;
    align-items: center;
}
.casino-race-page capp-race-page-item
{
    margin-top: 1em;
}
.casino-race-page .race-content-wrap
{
    max-width: 75em;
    margin: 4em auto 2.5em auto;
    padding: 0 2.5em;
}
@media only screen and (max-width: 880px)
{
    .casino-race-page .race-page-hero
    {
        height: 12em;
    }
    .casino-race-page .race-content-wrap
    {
        margin: 1.5em;
        padding: 0;
    }
}
#content-container.tnc
{
    padding: 0 1.5em 0 1.5em;
    box-sizing: border-box;
}
.standalone-signup
{
    display: grid;
    grid-template-columns: 36em 1fr;
    height: auto;
    position: relative;
    overflow-y: auto;
}
.standalone-signup .banner-section
{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #241f19;
    position: relative;
}
.standalone-signup .banner-section img
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.standalone-signup .banner-section .banner-text
{
    position: relative;
    margin: 2em 2em 2em 2em;
    background: rgba(16,8,0,.48);
    padding: .75em 1.5em;
}
.standalone-signup .banner-section .banner-text h1
{
    font-size: 9em;
    margin: 0;
}
.standalone-signup .banner-section .banner-text h2
{
    font-size: 3em;
    margin: 0;
}
.standalone-signup .banner-section p
{
    font-size: 1em;
}
.standalone-signup .sub-view-wrap
{
    background: none;
    pointer-events: none;
}
.standalone-signup .sub-view-wrap .sub-view
{
    max-width: 36em;
    pointer-events: all;
}
.standalone-signup .sub-view-wrap .sub-view.left
{
    animation: none;
}
.standalone-signup .sub-view-wrap .sub-view-header
{
    grid-template-columns: 1fr 1.5em;
}
.standalone-signup .sub-view-wrap .sub-view-header .icon.close
{
    display: none;
}
.standalone-signup capp-popup
{
    position: fixed;
    z-index: 100;
}
@media only screen and (max-width: 1024px)
{
    .standalone-signup
    {
        grid-template-columns: 23.75em 1fr;
    }
    .standalone-signup .sub-view-wrap .sub-view
    {
        max-width: 23.75em;
    }
}
@media only screen and (max-width: 720px)
{
    .standalone-signup
    {
        grid-template-columns: 1fr;
        height: auto;
        position: relative;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
    }
    .standalone-signup .banner-section
    {
        order: 2;
        font-size: .5em;
        min-height: auto;
    }
    .standalone-signup .banner-section p
    {
        font-size: 2em;
    }
    .standalone-signup .sub-view-wrap
    {
        position: relative;
        max-width: none;
    }
    .standalone-signup .sub-view-wrap .sub-view
    {
        position: relative;
        height: auto;
        max-width: none;
    }
    .standalone-signup .sub-view-wrap .sub-view .reg-sub, .standalone-signup .sub-view-wrap .sub-view .login-sub
    {
        grid-auto-rows: auto;
        height: auto;
    }
}
.container-404
{
    max-width: 20em;
    margin: 5em auto 0 auto;
}
.container-404 img
{
    filter: invert(68%) sepia(23%) saturate(7076%) hue-rotate(349deg) brightness(100%) contrast(101%);
    width: 5em;
}
.container-404 h1
{
    font-size: 2em;
}
.container-404 p
{
    line-height: 150%;
}
.container-404 .links
{
    display: flex;
    flex-direction: column;
}
.container-404 .links .text-link
{
    margin: .25em 0;
}
@media only screen and (max-width: 720px)
{
    .container-404
    {
        margin-top: 2em;
    }
}
capp-slot-mission
{
    display: block;
    position: relative;
    width: 21.5625em;
    height: 34.6875em;
    overflow: hidden;
    background: url("../../gambling/image/new-board.png") no-repeat;
}
capp-slot-mission:nth-child(even)
{
    background: url("../../gambling/image/new-board-2.png") no-repeat;
}
capp-slot-mission .mission-period
{
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    position: relative;
    top: 1.25em;
}
capp-slot-mission .mission-period .title
{
    text-transform: uppercase;
    color: #fff;
    line-height: 140%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
capp-slot-mission .mission-period .period
{
    color: #ffff0f;
}
capp-slot-mission .time-info
{
    font-size: .875em;
    margin-top: .25em;
    position: relative;
    top: 2em;
    text-align: center;
}
capp-slot-mission .time-info .num
{
    display: inline-block;
    width: .4em;
}
capp-slot-mission .time-info .cd-label
{
    display: inline-block;
    margin-right: .2em;
}
capp-slot-mission .mission-img, capp-slot-mission .mission-link
{
    position: absolute;
    top: 8.1em;
    left: 2.1em;
    width: 17.625em;
    height: 11.125em;
    object-fit: cover;
}
capp-slot-mission .mission-link
{
    cursor: pointer;
    display: block;
}
capp-slot-mission .info
{
    position: absolute;
    top: 21em;
    width: 100%;
    text-align: center;
}
capp-slot-mission .info .progress-wrap
{
    margin-bottom: 1.75em;
    height: 1.75em;
}
capp-slot-mission .info .progress-wrap capp-preloader
{
    position: relative;
    top: .25em;
}
capp-slot-mission .info .progress-wrap .progress
{
    margin: 0 auto;
    position: relative;
    width: 15.375em;
    height: 1.75em;
    background: url("../../gambling/image/progress-bar.png");
}
capp-slot-mission .info .progress-wrap .progress .progress-bar
{
    position: absolute;
    top: .0625em;
    background: url("../../gambling/image/progress-bar-full.png");
    background-repeat: no-repeat;
    height: 100%;
}
capp-slot-mission .info .progress-wrap .progress .progress-indicator
{
    position: absolute;
    top: 1.8em;
    width: 0;
}
capp-slot-mission .info .progress-wrap .progress .progress-indicator span
{
    position: absolute;
    display: inline-block;
    width: fit-content;
    margin: 0 .75em;
    top: 0;
    left: 0;
    font-size: .875em;
    color: #fff;
    white-space: nowrap;
}
capp-slot-mission .info .progress-wrap .progress .progress-indicator span.la
{
    left: auto;
    right: -100%;
}
capp-slot-mission .info .progress-wrap .progress .progress-indicator:after
{
    content: "";
    position: absolute;
    background: #29bb63;
    top: .33em;
    left: -.25em;
    width: .5em;
    height: .5em;
    border-radius: 50%;
}
capp-slot-mission .info .progress-wrap .progress-error
{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .875em;
}
capp-slot-mission .info .progress-wrap .progress-error img
{
    width: 1em;
    margin-right: .5em;
    filter: invert(39%) sepia(47%) saturate(4396%) hue-rotate(347deg) brightness(102%) contrast(101%);
}
capp-slot-mission .info .rewards
{
    text-align: center;
    line-height: 140%;
}
capp-slot-mission .info .rewards .title
{
    font-weight: bold;
    text-decoration: underline;
}
.slot-missions-grid
{
    display: grid;
    grid-template-columns: 22em 22em 22em;
    justify-content: center;
    margin: 2.5em auto;
    padding: 0 2.5em;
    grid-gap: 2em 1em;
    justify-items: center;
}
.slot-missions-grid h1, .slot-missions-grid h2, .slot-missions-grid h3, .slot-missions-grid h4
{
    grid-column: 1/-1;
    justify-self: left;
    border-bottom: 1px solid #ff8a14;
    width: 100%;
}
@media only screen and (max-width: 1150px)
{
    .slot-missions-grid
    {
        grid-template-columns: 22em 22em;
    }
}
@media only screen and (max-width: 760px)
{
    .slot-missions-grid
    {
        grid-template-columns: 22em;
    }
}
.capp-competition-wrap
{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.capp-competition-wrap .competition-header
{
    text-align: center;
    border-bottom: 1px solid #ff6b00;
    padding: 3em;
}
.capp-competition-wrap .competition-header h1
{
    font-size: 3em;
    padding-bottom: 0;
}
.capp-competition-wrap .competition-header h2
{
    font-size: 2.4em;
    padding-bottom: 0;
}
.capp-competition-wrap capp-accordion
{
    width: 66em;
    border-bottom: 1px solid #ff6b00;
    padding-bottom: 2em;
}
.capp-competition-wrap capp-accordion .title
{
    font-size: 3em;
    text-transform: uppercase;
    margin-bottom: 0;
}
.capp-competition-wrap capp-accordion capp-competition-results-card
{
    margin-top: 2em;
}
@media only screen and (max-width: 1200px)
{
    .capp-competition-wrap
    {
        font-size: .75em;
    }
}
@media only screen and (max-width: 820px)
{
    .capp-competition-wrap
    {
        font-size: .5em;
    }
}
@media only screen and (max-width: 600px)
{
    .capp-competition-wrap
    {
        font-size: .3em;
    }
}
capp-competition-status
{
    position: relative;
    width: 66em;
}
capp-competition-status .top-wrap
{
    position: relative;
    width: 100%;
    height: 42em;
}
capp-competition-status .competition-image-holder
{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
capp-competition-status .competition-image-holder img
{
    width: 33em;
}
capp-competition-status .pairs-wrap
{
    display: flex;
    justify-content: space-between;
    height: 100%;
}
capp-competition-status .left, capp-competition-status .right
{
    display: flex;
    flex-direction: column;
    gap: 2em;
    justify-content: center;
}
capp-competition-status .pair
{
    display: flex;
    flex-direction: column;
    gap: 2em;
    position: relative;
}
capp-competition-status .pair .competitor
{
    position: relative;
    box-sizing: border-box;
    width: 10em;
    height: 8.75em;
    border-radius: 2em;
    background: linear-gradient(90deg,#4a2a1d,#aa5c40,#5e3524);
}
capp-competition-status .pair .competitor.silver
{
    background: linear-gradient(90deg,#bfbfbf,#fbfbfb,#b3b3b3);
}
capp-competition-status .pair .competitor.gold
{
    background: linear-gradient(90deg,#a05c25,#faf18c,#b77928);
}
capp-competition-status .pair .competitor:after
{
    display: block;
    content: "";
    width: 9em;
    height: 7.75em;
    background: #000;
    position: absolute;
    top: .5em;
    left: .5em;
    border-radius: 1.5em;
}
capp-competition-status .pair .competitor img
{
    position: absolute;
    z-index: 2;
    width: 9em;
    height: 7.75em;
    top: .5em;
    left: .5em;
    border-radius: 1.5em;
    object-fit: cover;
}
capp-competition-status .pair:after
{
    content: "";
    width: 3em;
    height: 12em;
    border: 1px solid #fff;
    position: absolute;
    top: 4em;
}
capp-competition-status .left .pair:after
{
    right: -5em;
    border-left: none;
}
capp-competition-status .right .pair:after
{
    left: -5em;
    border-right: none;
}
capp-competition-status .pair.final:after
{
    border-bottom: none;
    border-right: none;
    border-left: none;
    height: 0;
    top: 4.375em;
}
capp-competition-status .buttons-holder
{
    display: flex;
    justify-content: space-evenly;
    margin: 2em 0;
    gap: 1em;
}
capp-competition-status .buttons-holder button
{
    height: 2.75em;
    background: #1f1f1f;
    color: #ff6b00;
    font-size: 2em;
    padding: 0 2em;
    border: none;
    border-radius: .25em;
    text-transform: uppercase;
    white-space: nowrap;
    flex-grow: 1;
}
capp-competition-status .buttons-holder button.active
{
    font-weight: bold;
}
capp-competition-slider
{
    margin-bottom: 3em;
    display: block;
}
capp-competition-slider .slider-bar
{
    width: 100%;
    height: 1.5em;
    background: linear-gradient(to right,#3551a4 0%,#31cdb0 50%,#ff6b00 100%);
    border-radius: 1.5em;
    position: relative;
}
capp-competition-slider .slider-handle
{
    position: absolute;
    left: 0%;
    top: 50%;
}
capp-competition-slider .slider-handle .shape
{
    box-sizing: border-box;
    width: 3em;
    height: 3em;
    background: #1f1f1f;
    border-radius: 50%;
    border: .5em solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
capp-competition-results-card
{
    position: relative;
    width: 66em;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4em 4.875em;
    border: .25em solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to bottom,#f6e55b,#1c1604);
    box-sizing: border-box;
    padding-bottom: 1em;
}
capp-competition-results-card.bronze
{
    border-image-source: linear-gradient(to bottom,#913a04,#22110f);
}
capp-competition-results-card.silver
{
    border-image-source: linear-gradient(to bottom,#b5b5b5,#191819);
}
capp-competition-results-card.gold
{
    border-image-source: linear-gradient(to bottom,#f6e55a,#201905);
}
capp-competition-results-card .title-image
{
    height: 7.375em;
    margin-bottom: 2.625em;
}
capp-competition-results-card .title-image img
{
    height: 100%;
}
capp-competition-results-card .period
{
    font-size: 2em;
    line-height: 140%;
    color: #fff;
    margin-bottom: 2.75em;
}
capp-competition-results-card .players
{
    display: flex;
    gap: 4.5em;
    align-items: center;
    margin-bottom: 5.5em;
}
capp-competition-results-card .players .player
{
    width: 13.5em;
    height: 11.625em;
    text-align: center;
}
capp-competition-results-card .players .player .avatar
{
    width: 13.5em;
    height: 11.625em;
    border-radius: 2em;
    background: #542f21;
    margin-bottom: 1.5em;
    position: relative;
}
capp-competition-results-card .players .player .avatar.bronze
{
    background: linear-gradient(90deg,#4a2a1d,#aa5c40,#5e3524);
}
capp-competition-results-card .players .player .avatar.silver
{
    background: linear-gradient(90deg,#bfbfbf,#fbfbfb,#b3b3b3);
}
capp-competition-results-card .players .player .avatar.gold
{
    background: linear-gradient(90deg,#a05c25,#faf18c,#b77928);
}
capp-competition-results-card .players .player .avatar:after
{
    display: block;
    content: "";
    width: 12.5em;
    height: 10.625em;
    background: #000;
    position: absolute;
    top: .5em;
    left: .5em;
    border-radius: 1.5em;
}
capp-competition-results-card .players .player .avatar img
{
    z-index: 2;
    position: absolute;
    object-fit: cover;
    width: 12.5em;
    height: 10.625em;
    position: absolute;
    top: .5em;
    left: .5em;
    border-radius: 1.5em;
}
capp-competition-results-card .players .player span
{
    font-size: 1.5em;
    text-transform: uppercase;
    line-height: 140%;
    color: #fff;
}
capp-competition-results-card .players>span
{
    font-size: 3.75em;
    font-weight: bold;
    color: #fff;
}
capp-competition-results-card .stats
{
    width: 100%;
}
capp-competition-results-card .stats-item
{
    margin-bottom: 1.25em;
    color: #fff;
}
capp-competition-results-card .stats-item .stat-title
{
    font-size: 1.5em;
    text-transform: uppercase;
    text-align: center;
}
capp-competition-results-card .stats-item .progress-wrap
{
    position: relative;
    top: -1.25em;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25em;
}
capp-competition-results-card .stats-item .progress-wrap .progress-bar
{
    margin-top: .5em;
    width: 100%;
    height: 1.75em;
    background: #231e18;
    position: relative;
}
capp-competition-results-card .stats-item .progress-wrap .progress-bar .progress
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #aaa;
}
capp-competition-results-card .stats-item .progress-wrap .left .progress-bar .progress
{
    left: auto;
    right: 0;
    transform: scaleX(-1);
    background: #ff6b00;
}
capp-competition-results-card .stats-item .progress-wrap .right
{
    text-align: right;
}
capp-competition-results-card .stats-item .games-wrap
{
    display: grid;
    grid-template-columns: 15em 15em;
    justify-content: center;
    gap: 2em;
    margin-top: 1em;
}
capp-competition-results-card .stats-item .games-wrap img
{
    width: 100%;
}
capp-circle-countdown
{
    display: block;
    height: 13em;
}
capp-circle-countdown .countdown-wrap
{
    display: flex;
    justify-content: center;
    gap: 3em;
}
capp-circle-countdown .cd-el
{
    position: relative;
    width: 10em;
    height: 10em;
    display: flex;
    align-items: center;
    justify-content: center;
}
capp-circle-countdown .cd-el span
{
    display: inline-block;
    font-size: 3.5em;
    font-weight: 200;
    color: #cecdcc;
    width: .6em;
    text-align: center;
}
capp-circle-countdown .cd-el label
{
    position: absolute;
    bottom: -2em;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    font-weight: 200;
    color: #cecdcc;
    letter-spacing: .001em;
    text-transform: uppercase;
}
capp-circle-countdown .cd-el .progress-circle
{
    width: 10em;
    position: absolute;
    top: 0;
    left: 0;
}
capp-multi-tab *
{
    font-family: "Outfit",sans-serif;
}
capp-multi-tab .tabs
{
    display: flex;
}
capp-multi-tab .light
{
    font-weight: lighter;
}
capp-multi-tab .bold
{
    font-weight: bold;
}
capp-multi-tab .tab
{
    position: relative;
    flex: 1;
    text-align: center;
    padding: .625em;
    font-weight: bold;
    border-top-left-radius: .625em;
    border-top-right-radius: .625em;
    cursor: pointer;
    font-size: 1em;
    border: .125em solid rgba(0,0,0,0);
}
capp-multi-tab .tab:nth-child(2)
{
    margin: 0 .5em;
}
capp-multi-tab .tab::after
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 2%;
    transform: rotate(180deg);
    top: 3em;
    width: 96%;
    text-align: center;
    height: 0;
    background-color: rgba(0,0,0,0);
}
capp-multi-tab .tab.active::after
{
    border: .125em solid #ff8a14;
}
capp-multi-tab .tab.active
{
    background-color: #ff8a14;
    border-color: #ff8a14;
    color: #000;
}
capp-multi-tab .tab:not(.active)
{
    border-color: #ff8a14;
}
capp-multi-tab .container
{
    position: relative;
    display: inline-block;
    margin-bottom: 2em;
    margin-top: 2em;
    width: 100%;
}
capp-multi-tab .margin-spacing
{
    margin: .8em 0 .8em 0;
}
capp-multi-tab .container img
{
    width: 100%;
}
capp-multi-tab .text-overlay
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    padding: .625em 1.25em;
}
capp-multi-tab .progress-container
{
    position: relative;
    display: block;
    width: 44em;
    margin: 0 auto;
    height: 9.375em;
    font-size: 1em;
}
capp-multi-tab .progress-container .progress-demo
{
    position: relative;
    display: block;
    width: 30em;
    height: 2.2em;
    top: 5.16em;
    left: 2.8em;
    border-radius: 2em;
    z-index: 5;
}
capp-multi-tab .progress-container .progress-indicator
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-image: linear-gradient(to right,#b90d00,#ff9b6a);
    border-bottom-left-radius: 1.8em;
    border-top-left-radius: 1.8em;
    z-index: 1;
}
capp-multi-tab .progress-container .prog-icon
{
    display: block;
    position: absolute;
    top: -2em;
    right: -2em;
    width: 7em;
}
capp-multi-tab .progress-container .end-icon
{
    display: block;
    position: absolute;
    top: -3.4em;
    right: -9.7em;
    width: 9em;
}
capp-multi-tab .progress-container .prog-back
{
    display: block;
    position: absolute;
}
capp-multi-tab .progress-container img
{
    width: 100%;
}
capp-multi-tab .contributor-container
{
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
}
capp-multi-tab .column
{
    width: 45%;
}
capp-multi-tab .column .row
{
    margin-bottom: 1.25em;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: .625em;
    background-color: #252019;
}
capp-multi-tab .column .row>div
{
    display: flex;
    position: relative;
    font-weight: bold;
}
capp-multi-tab .column .row small
{
    font-size: 1em;
    font-weight: lighter;
}
capp-multi-tab .column .row .chips-image
{
    background-color: #503208;
}
capp-multi-tab .column .row .chips-image img
{
    width: 10em;
}
capp-multi-tab .column .row .chips-image .text-overlay
{
    font-size: 3.51em;
}
capp-multi-tab .live-tab-accordion
{
    display: block;
    margin: 0 auto;
    text-align: left;
    border-bottom: none;
}
capp-multi-tab .live-tab-accordion .title
{
    font-size: 3em;
    cursor: default;
}
capp-multi-tab .live-tab-accordion .title img
{
    display: none;
}
capp-multi-tab .history-tab-accordion .title
{
    font-size: 1em;
}
capp-multi-tab .text-tabs
{
    text-align: left;
}
capp-multi-tab .tabs-container
{
    text-align: center;
    width: 60em;
}
@media only screen and (max-width: 600px)
{
    capp-multi-tab .tab
    {
        font-size: 2em;
    }
    capp-multi-tab .tabs-container
    {
        width: 73em;
    }
    capp-multi-tab .container
    {
        margin-top: 2em;
    }
    capp-multi-tab .text-tabs
    {
        font-size: 2.5em;
    }
    capp-multi-tab .btw-countdown
    {
        font-size: 1.5em;
    }
    capp-multi-tab .btw-countdown .countdown-wrap
    {
        justify-content: space-between;
    }
    capp-multi-tab .progress-container
    {
        font-size: 1.5em;
    }
    capp-multi-tab .text-overlay
    {
        font-size: 1.9em;
    }
    capp-multi-tab .live-tab-accordion .title
    {
        font-size: 3.51em;
    }
}
capp-ranking-result-card
{
    margin: 0 auto;
}
capp-ranking-result-card .contributor-container
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: .625em;
}
capp-ranking-result-card .contributor-container .row
{
    width: 80%;
    margin-bottom: 1.25em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: .625em;
    background-color: #252019;
    padding: 0 3.25em 0 1.25em;
}
capp-ranking-result-card .contributor-container .row>div
{
    display: flex;
    position: relative;
    font-weight: bold;
    width: 10em;
}
capp-ranking-result-card .contributor-container .row small
{
    font-size: .5em;
    font-weight: lighter;
    white-space: nowrap;
}
capp-ranking-result-card .contributor-container .row .chips-image
{
    background-color: #503208;
}
capp-ranking-result-card .contributor-container .row .chips-image img
{
    width: 10em;
}
capp-ranking-result-card .contributor-container .row .chips-image .text-overlay
{
    position: absolute;
    top: 50%;
    left: 43%;
    transform: translate(-50%,-50%);
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: .625em 1.25em;
    font-size: 1em;
}
@media only screen and (max-width: 600px)
{
    capp-ranking-result-card .contributor-container
    {
        display: grid;
        grid-template-columns: 1fr;
        margin: 0 auto;
    }
    capp-ranking-result-card .contributor-container .row
    {
        font-size: 2.4em;
        margin: 0 auto 1.25em auto;
    }
    capp-ranking-result-card .contributor-container .row small
    {
        font-size: .7em;
        font-weight: lighter;
    }
}
shoutout-popup .popup
{
    border: 1px solid #ff8a14;
    border-radius: .25em;
    -webkit-box-shadow: 7px 6px 5px -3px rgba(0,0,0,.75);
    -moz-box-shadow: 7px 6px 5px -3px rgba(0,0,0,.75);
    box-shadow: 7px 6px 5px -3px rgba(0,0,0,.75);
}
@media only screen and (max-width: 720px)
{
    shoutout-popup .capp-popup-overlay .popup-layout-control
    {
        padding: 2em;
        padding-top: 4em;
        box-sizing: border-box;
    }
}