.tooltip
{
    position: absolute;
    display: inline-block;
    vertical-align: middle;
}
.tooltip__activator
{
    vertical-align: middle;
    cursor: pointer;
}
.tooltip__body
{
    position: absolute;
    z-index: 2;
    transition: all .5s ease;
    visibility: hidden;
    opacity: 0;
    color: var(--color-on-dark-back);
}
.tooltip__body:before, .tooltip__body:after
{
    content: "";
    display: block;
    -webkit-transform: rotateZ(45deg);
    transform: rotate(45deg);
    width: .5rem;
    height: .5rem;
    position: absolute;
    background: var(--color-secondary-2);
}
.tooltip__body:before
{
    z-index: -1;
}
.tooltip--hover:hover .tooltip__body, .tooltip--show .tooltip__body
{
    visibility: visible;
    opacity: 1;
}
.tooltip__content
{
    width: -webkit-max-content;
    width: max-content;
    max-width: 16rem;
    box-sizing: border-box;
    border-radius: .5rem;
    background-color: var(--color-secondary-2);
    padding: .5rem 1rem;
    font-size: .75rem;
    line-height: 130%;
    font-weight: 400;
    text-align: left;
    position: relative;
    right: 0;
}
.tooltip--position-top .tooltip__body
{
    left: 50%;
    top: 0;
    -webkit-transform: translate3d(-50%,calc(-100% - .5rem),0);
    transform: translate3d(-50%,calc(-100% - .5rem),0);
}
.tooltip--position-top .tooltip__body:before, .tooltip--position-top .tooltip__body:after
{
    left: calc(50% - .25rem);
    bottom: -.25rem;
}
.tooltip--position-top-left .tooltip__body
{
    right: 50%;
    top: 0;
    -webkit-transform: translate3d(10%,calc(-100% - .5rem),0);
    transform: translate3d(10%,calc(-100% - .5rem),0);
}
.tooltip--position-top-left .tooltip__body:before, .tooltip--position-top-left .tooltip__body:after
{
    left: calc(90% - .25rem);
    bottom: -.25rem;
}
.tooltip--position-bottom .tooltip__body
{
    left: 50%;
    bottom: 0;
    -webkit-transform: translate3d(-50%,calc(100% + .5rem),0);
    transform: translate3d(-50%,calc(100% + .5rem),0);
}
.tooltip--position-bottom .tooltip__body:before, .tooltip--position-bottom .tooltip__body:after
{
    left: calc(50% - .25rem);
    top: -.25rem;
}
.tooltip--position-bottom-left .tooltip__body
{
    left: 50%;
    bottom: 0;
    -webkit-transform: translate3d(calc(-50% - 4.75rem),calc(100% + .5rem),0);
    transform: translate3d(calc(-50% - 4.75rem),calc(100% + .5rem),0);
}
.tooltip--position-bottom-left .tooltip__body:before, .tooltip--position-bottom-left .tooltip__body:after
{
    right: .5rem;
    top: -.25rem;
}
.tooltip--position-left .tooltip__body
{
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(calc(-100% - .5rem),-50%,0);
    transform: translate3d(calc(-100% - .5rem),-50%,0);
}
.tooltip--position-left .tooltip__body:before, .tooltip--position-left .tooltip__body:after
{
    top: calc(50% - .25rem);
    right: -.25rem;
}
.tooltip--position-right .tooltip__body
{
    right: 0;
    top: 50%;
    -webkit-transform: translate3d(calc(100% + .5rem),-50%,0);
    transform: translate3d(calc(100% + .5rem),-50%,0);
}
.tooltip--position-right .tooltip__body:before, .tooltip--position-right .tooltip__body:after
{
    top: calc(50% - .25rem);
    left: -.25rem;
}
.iti-flag-wrapper
{
    font-size: 2.2px;
    width: 10em;
    height: 7em;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
@media(min-width: 768px)
{
    .iti-flag-wrapper
    {
        overflow: hidden;
    }
}
.iti-flag
{
    width: 100em;
    height: 100%;
    background-size: cover;
    background-image: url(../../willbetgambling/image/flags-BYkXxwB7.svg);
    background-repeat: no-repeat;
}
.iti-flag.disabled
{
    opacity: .5;
    cursor: default;
}
.iti-flag.balearic-islands
{
    background-position: 0 0;
}
.iti-flag.ad
{
    background-position: -10em 0;
}
.iti-flag.bi
{
    background-position: -20em 0;
}
.iti-flag.ag
{
    background-position: -30em 0;
}
.iti-flag.ax
{
    background-position: -40em 0;
}
.iti-flag.cm
{
    background-position: -50em 0;
}
.iti-flag.bn
{
    background-position: -60em 0;
}
.iti-flag.pl
{
    background-position: -70em 0;
}
.iti-flag.bq
{
    background-position: -80em 0;
}
.iti-flag.by
{
    background-position: -90em 0;
}
.iti-flag.bb
{
    background-position: 0 -10em;
}
.iti-flag.vg
{
    background-position: -10em -10em;
}
.iti-flag.ba
{
    background-position: -20em -10em;
}
.iti-flag.bm
{
    background-position: -30em -10em;
}
.iti-flag.bz
{
    background-position: -40em -10em;
}
.iti-flag.bh
{
    background-position: -50em -10em;
}
.iti-flag.al
{
    background-position: -60em -10em;
}
.iti-flag.bf
{
    background-position: -70em -10em;
}
.iti-flag.tr
{
    background-position: -80em -10em;
}
.iti-flag.basque-country
{
    background-position: -90em -10em;
}
.iti-flag.am
{
    background-position: 0 -20em;
}
.iti-flag.af
{
    background-position: -10em -20em;
}
.iti-flag.british-columbia
{
    background-position: -20em -20em;
}
.iti-flag.ao
{
    background-position: -30em -20em;
}
.iti-flag.az
{
    background-position: -40em -20em;
}
.iti-flag.dz
{
    background-position: -50em -20em;
}
.iti-flag.bw
{
    background-position: -60em -20em;
}
.iti-flag.bd
{
    background-position: -70em -20em;
}
.iti-flag.cu
{
    background-position: -80em -20em;
}
.iti-flag.au
{
    background-position: -90em -20em;
}
.iti-flag.cr
{
    background-position: 0 -30em;
}
.iti-flag.kh
{
    background-position: -10em -30em;
}
.iti-flag.bo
{
    background-position: -20em -30em;
}
.iti-flag.hr
{
    background-position: -30em -30em;
}
.iti-flag.bg
{
    background-position: -40em -30em;
}
.iti-flag.galapagos-islands
{
    background-position: -50em -30em;
}
.iti-flag.mq
{
    background-position: -60em -30em;
}
.iti-flag.to
{
    background-position: -70em -30em;
}
.iti-flag.lc
{
    background-position: -80em -30em;
}
.iti-flag.rapa-nui
{
    background-position: -90em -30em;
}
.iti-flag.sg
{
    background-position: 0 -40em;
}
.iti-flag.pw
{
    background-position: -10em -40em;
}
.iti-flag.nu
{
    background-position: -20em -40em;
}
.iti-flag.mo
{
    background-position: -30em -40em;
}
.iti-flag.fj
{
    background-position: -40em -40em;
}
.iti-flag.faroe-islands
{
    background-position: -50em -40em;
}
.iti-flag.dm
{
    background-position: -60em -40em;
}
.iti-flag.vu
{
    background-position: -70em -40em;
}
.iti-flag.sl
{
    background-position: -80em -40em;
}
.iti-flag.sc
{
    background-position: -90em -40em;
}
.iti-flag.kosovo
{
    background-position: 0 -50em;
}
.iti-flag.england
{
    background-position: -10em -50em;
}
.iti-flag.us
{
    background-position: -20em -50em;
}
.iti-flag.gh
{
    background-position: -30em -50em;
}
.iti-flag.orkney-islands
{
    background-position: -40em -50em;
}
.iti-flag.tc
{
    background-position: -50em -50em;
}
.iti-flag.transnistria
{
    background-position: -60em -50em;
}
.iti-flag.tk
{
    background-position: -70em -50em;
}
.iti-flag.gm
{
    background-position: -80em -50em;
}
.iti-flag.vc
{
    background-position: -90em -50em;
}
.iti-flag.ss
{
    background-position: 0 -60em;
}
.iti-flag.somaliland
{
    background-position: -10em -60em;
}
.iti-flag.sb
{
    background-position: -20em -60em;
}
.iti-flag.vn
{
    background-position: -30em -60em;
}
.iti-flag.sx
{
    background-position: -40em -60em;
}
.iti-flag.sint-eustatius
{
    background-position: -50em -60em;
}
.iti-flag.kn
{
    background-position: -60em -60em;
}
.iti-flag.saba-island
{
    background-position: -70em -60em;
}
.iti-flag.pn
{
    background-position: -80em -60em;
}
.iti-flag.ps
{
    background-position: -90em -60em;
}
.iti-flag.ossetia
{
    background-position: 0 -70em;
}
.iti-flag.mp
{
    background-position: -10em -70em;
}
.iti-flag.nr
{
    background-position: -20em -70em;
}
.iti-flag.pt
{
    background-position: -30em -70em;
}
.iti-flag.ms
{
    background-position: -40em -70em;
}
.iti-flag.melilla
{
    background-position: -50em -70em;
}
.iti-flag.mr
{
    background-position: -60em -70em;
}
.iti-flag.kw
{
    background-position: -70em -70em;
}
.iti-flag.gg
{
    background-position: -80em -70em;
}
.iti-flag.gu
{
    background-position: -90em -70em;
}
.iti-flag.gd
{
    background-position: 0 -80em;
}
.iti-flag.gl
{
    background-position: -10em -80em;
}
.iti-flag.th
{
    background-position: -20em -80em;
}
.iti-flag.gi
{
    background-position: -30em -80em;
}
.iti-flag.ga
{
    background-position: -40em -80em;
}
.iti-flag.fo
{
    background-position: -50em -80em;
}
.iti-flag.vi
{
    background-position: -60em -80em;
}
.iti-flag.at
{
    background-position: -70em -80em;
}
.iti-flag.vatican-city
{
    background-position: -80em -80em;
}
.iti-flag.tubalu
{
    background-position: -90em -80em;
}
.iti-flag.tm
{
    background-position: 0 -90em;
}
.iti-flag.tg
{
    background-position: -10em -90em;
}
.iti-flag.bs
{
    background-position: -20em -90em;
}
.iti-flag.nl
{
    background-position: -30em -90em;
}
.iti-flag.azores-islands
{
    background-position: -40em -90em;
}
.iti-flag.sr
{
    background-position: -50em -90em;
}
.iti-flag.so
{
    background-position: -60em -90em;
}
.iti-flag.sicily
{
    background-position: -70em -90em;
}
.iti-flag.sardinia
{
    background-position: -80em -90em;
}
.iti-flag.st
{
    background-position: -90em -90em;
}
.iti-flag.nf
{
    background-position: 0 -100em;
}
.iti-flag.ne
{
    background-position: -10em -100em;
}
.iti-flag.fm
{
    background-position: -20em -100em;
}
.iti-flag.mh
{
    background-position: -30em -100em;
}
.iti-flag.ca
{
    background-position: -40em -100em;
}
.iti-flag.ml
{
    background-position: -50em -100em;
}
.iti-flag.kg
{
    background-position: -60em -100em;
}
.iti-flag.gw
{
    background-position: -70em -100em;
}
.iti-flag.er
{
    background-position: -80em -100em;
}
.iti-flag.dj
{
    background-position: -90em -100em;
}
.iti-flag.cw
{
    background-position: 0 -110em;
}
.iti-flag.st-barts
{
    background-position: -10em -110em;
}
.iti-flag.sm
{
    background-position: -20em -110em;
}
.iti-flag.northen-cyprus
{
    background-position: -30em -110em;
}
.iti-flag.li
{
    background-position: -40em -110em;
}
.iti-flag.in
{
    background-position: -50em -110em;
}
.iti-flag.lr
{
    background-position: -60em -110em;
}
.iti-flag.ye
{
    background-position: -70em -110em;
}
.iti-flag.uz
{
    background-position: -80em -110em;
}
.iti-flag.sd
{
    background-position: -90em -110em;
}
.iti-flag.sahrawi-arab-democratic-republic
{
    background-position: 0 -120em;
}
.iti-flag.mk
{
    background-position: -10em -120em;
}
.iti-flag.otan
{
    background-position: -20em -120em;
}
.iti-flag.ly
{
    background-position: -30em -120em;
}
.iti-flag.tl
{
    background-position: -40em -120em;
}
.iti-flag.tibet
{
    background-position: -50em -120em;
}
.iti-flag.ru
{
    background-position: -60em -120em;
}
.iti-flag.pg
{
    background-position: -70em -120em;
}
.iti-flag.me
{
    background-position: -80em -120em;
}
.iti-flag.md
{
    background-position: -90em -120em;
}
.iti-flag.mv
{
    background-position: 0 -130em;
}
.iti-flag.madeira
{
    background-position: -10em -130em;
}
.iti-flag.pf
{
    background-position: -20em -130em;
}
.iti-flag.tt
{
    background-position: -30em -130em;
}
.iti-flag.tj
{
    background-position: -40em -130em;
}
.iti-flag.lk
{
    background-position: -50em -130em;
}
.iti-flag.mx
{
    background-position: -60em -130em;
}
.iti-flag.cg
{
    background-position: -70em -130em;
}
.iti-flag.gq
{
    background-position: -80em -130em;
}
.iti-flag.zw
{
    background-position: -90em -130em;
}
.iti-flag.rw
{
    background-position: 0 -140em;
}
.iti-flag.ls
{
    background-position: -10em -140em;
}
.iti-flag.ivory-coast
{
    background-position: -20em -140em;
}
.iti-flag.im
{
    background-position: -30em -140em;
}
.iti-flag.ht
{
    background-position: -40em -140em;
}
.iti-flag.as
{
    background-position: -50em -140em;
}
.iti-flag.np
{
    background-position: -60em -140em;
}
.iti-flag.br
{
    background-position: -70em -140em;
}
.iti-flag.mn
{
    background-position: -80em -140em;
}
.iti-flag.mw
{
    background-position: -90em -140em;
}
.iti-flag.mg
{
    background-position: 0 -150em;
}
.iti-flag.je
{
    background-position: -10em -150em;
}
.iti-flag.gh
{
    background-position: -20em -150em;
}
.iti-flag.ge
{
    background-position: -30em -150em;
}
.iti-flag.ee
{
    background-position: -40em -150em;
}
.iti-flag.cd
{
    background-position: -50em -150em;
}
.iti-flag.sn
{
    background-position: -60em -150em;
}
.iti-flag.py
{
    background-position: -70em -150em;
}
.iti-flag.ch
{
    background-position: -80em -150em;
}
.iti-flag.gb
{
    background-position: -90em -150em;
}
.iti-flag.et
{
    background-position: 0 -160em;
}
.iti-flag.om
{
    background-position: -10em -160em;
}
.iti-flag.tz
{
    background-position: -20em -160em;
}
.iti-flag.si
{
    background-position: -30em -160em;
}
.iti-flag.pr
{
    background-position: -40em -160em;
}
.iti-flag.mz
{
    background-position: -50em -160em;
}
.iti-flag.iq
{
    background-position: -60em -160em;
}
.iti-flag.lb
{
    background-position: -70em -160em;
}
.iti-flag.ug
{
    background-position: -80em -160em;
}
.iti-flag.ng
{
    background-position: -90em -160em;
}
.iti-flag.it
{
    background-position: 0 -170em;
}
.iti-flag.mt
{
    background-position: -10em -170em;
}
.iti-flag.tn
{
    background-position: -20em -170em;
}
.iti-flag.ni
{
    background-position: -30em -170em;
}
.iti-flag.sl
{
    background-position: -40em -170em;
}
.iti-flag.zm
{
    background-position: -50em -170em;
}
.iti-flag.wales
{
    background-position: -60em -170em;
}
.iti-flag.do
{
    background-position: -70em -170em;
}
.iti-flag.qa
{
    background-position: -80em -170em;
}
.iti-flag.na
{
    background-position: -90em -170em;
}
.iti-flag.mu
{
    background-position: 0 -180em;
}
.iti-flag.european-union
{
    background-position: -10em -180em;
}
.iti-flag.lu
{
    background-position: -20em -180em;
}
.iti-flag.hawaii
{
    background-position: -30em -180em;
}
.iti-flag.lt
{
    background-position: -40em -180em;
}
.iti-flag.jm
{
    background-position: -50em -180em;
}
.iti-flag.hn
{
    background-position: -60em -180em;
}
.iti-flag.mm
{
    background-position: -70em -180em;
}
.iti-flag.ke
{
    background-position: -80em -180em;
}
.iti-flag.cy
{
    background-position: -90em -180em;
}
.iti-flag.pk
{
    background-position: 0 -190em;
}
.iti-flag.lv
{
    background-position: -10em -190em;
}
.iti-flag.jp
{
    background-position: -20em -190em;
}
.iti-flag.kz
{
    background-position: -30em -190em;
}
.iti-flag.rs
{
    background-position: -40em -190em;
}
.iti-flag.scotland
{
    background-position: -50em -190em;
}
.iti-flag.kp
{
    background-position: -60em -190em;
}
.iti-flag.uy
{
    background-position: -70em -190em;
}
.iti-flag.sy
{
    background-position: -80em -190em;
}
.iti-flag.gt
{
    background-position: -90em -190em;
}
.iti-flag.is
{
    background-position: 0 -200em;
}
.iti-flag.jo
{
    background-position: -10em -200em;
}
.iti-flag.mc
{
    background-position: -20em -200em;
}
.iti-flag.es
{
    background-position: -30em -200em;
}
.iti-flag.sk
{
    background-position: -40em -200em;
}
.iti-flag.united-nations
{
    background-position: -50em -200em;
}
.iti-flag.pa
{
    background-position: -60em -200em;
}
.iti-flag.nz
{
    background-position: -70em -200em;
}
.iti-flag.ec
{
    background-position: -80em -200em;
}
.iti-flag.ro
{
    background-position: -90em -200em;
}
.iti-flag.cl
{
    background-position: 0 -210em;
}
.iti-flag.fi
{
    background-position: -10em -210em;
}
.iti-flag.hu
{
    background-position: -20em -210em;
}
.iti-flag.be
{
    background-position: -30em -210em;
}
.iti-flag.kr
{
    background-position: -40em -210em;
}
.iti-flag.my
{
    background-position: -50em -210em;
}
.iti-flag.ve
{
    background-position: -60em -210em;
}
.iti-flag.no
{
    background-position: -70em -210em;
}
.iti-flag.sa
{
    background-position: -80em -210em;
}
.iti-flag.il
{
    background-position: -90em -210em;
}
.iti-flag.cz
{
    background-position: 0 -220em;
}
.iti-flag.co
{
    background-position: -10em -220em;
}
.iti-flag.ir
{
    background-position: -20em -220em;
}
.iti-flag.ar
{
    background-position: -30em -220em;
}
.iti-flag.ua
{
    background-position: -40em -220em;
}
.iti-flag.de
{
    background-position: -50em -220em;
}
.iti-flag.hk
{
    background-position: -60em -220em;
}
.iti-flag.ae
{
    background-position: -70em -220em;
}
.iti-flag.laos
{
    background-position: -80em -220em;
}
.iti-flag.ie
{
    background-position: -90em -220em;
}
.iti-flag.gr
{
    background-position: 0 -230em;
}
.iti-flag.dk
{
    background-position: -10em -230em;
}
.iti-flag.se
{
    background-position: -20em -230em;
}
.iti-flag.pe
{
    background-position: -30em -230em;
}
.iti-flag.za
{
    background-position: -40em -230em;
}
.iti-flag.ph
{
    background-position: -50em -230em;
}
.iti-flag.fr
{
    background-position: -60em -230em;
}
.iti-flag.id
{
    background-position: -70em -230em;
}
.iti-flag.eg
{
    background-position: -80em -230em;
}
.iti-flag.tw
{
    background-position: -90em -230em;
}
.iti-flag.ck
{
    background-position: 0 -240em;
}
.iti-flag.cc
{
    background-position: -10em -240em;
}
.iti-flag.cx
{
    background-position: -20em -240em;
}
.iti-flag.ceuta
{
    background-position: -30em -240em;
}
.iti-flag.ws
{
    background-position: -40em -240em;
}
.iti-flag.ma
{
    background-position: -50em -240em;
}
.iti-flag.ai
{
    background-position: -60em -240em;
}
.iti-flag.corsica
{
    background-position: -70em -240em;
}
.iti-flag.canary-islands
{
    background-position: -80em -240em;
}
.iti-flag.km
{
    background-position: -90em -240em;
}
.iti-flag.cf
{
    background-position: 0 -250em;
}
.iti-flag.ky
{
    background-position: -10em -250em;
}
.iti-flag.io
{
    background-position: -20em -250em;
}
.iti-flag.bt
{
    background-position: -30em -250em;
}
.iti-flag.td
{
    background-position: -40em -250em;
}
.iti-flag.cv
{
    background-position: -50em -250em;
}
.iti-flag.ch
{
    background-position: -60em -250em;
}
.iti-flag.bj
{
    background-position: -70em -250em;
}
.iti-flag.aw
{
    background-position: -80em -250em;
}
.iti-flag.abkhazia
{
    background-position: -90em -250em;
}
.fe-switch
{
    display: block;
    position: relative;
    width: 3rem;
    height: 1.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fe-switch.disabled
{
    opacity: .5;
}
.fe-switch__input
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.fe-switch__input:checked~.fe-switch__checkmark
{
    border-color: var(--color-text-link-default);
}
.fe-switch__input:checked~.fe-switch__checkmark:after
{
    -webkit-transform: translate(calc(100% + .5rem),-50%);
    transform: translate(calc(100% + .5rem),-50%);
    background: var(--color-text-link-default);
}
.fe-switch__checkmark
{
    box-sizing: content-box;
    position: absolute;
    top: 0;
    right: 0;
    height: 1.5rem;
    width: 100%;
    background-color: transparent;
    border-radius: 1.5rem;
    border: 2px solid var(--color-tertiary-1);
}
.fe-switch__checkmark:after
{
    left: .25rem;
    top: 50%;
    height: 1rem;
    width: 1rem;
    border: none;
    background: var(--color-tertiary-1);
    border-radius: 1.5rem;
    content: "";
    position: absolute;
    transition: all .2s;
    -webkit-transform: translate(0,-50%);
    transform: translateY(-50%);
}
.container:hover input~.checkmark
{
    background-color: #ccc;
}
.fe-text
{
    font-size: .875rem;
    line-height: 170%;
    font-weight: 700;
    margin: 0;
}
.fe-text--white
{
    color: var(--color-on-dark-back);
}
.fe-text--black
{
    color: var(--color-text-alt);
}
.fe-text--primary
{
    color: var(--color-primary-1);
}
.fe-text--secondary
{
    color: var(--color-secondary-1);
}
.fe-text--success
{
    color: var(--color-successfully);
}
.fe-text--alert, .fe-text--danger
{
    color: var(--color-error);
}
.fe-text--disabled
{
    opacity: .5;
    cursor: not-allowed;
}
.fe-text--gray
{
    color: var(--color-text-body);
}
.fe-text--h1, .fe-text--h1>*
{
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 700;
}
@media(min-width: 768px)
{
    .fe-text--h1, .fe-text--h1>*
    {
        font-size: 3rem;
        line-height: 4rem;
    }
}
.fe-text--h2, .fe-text--h2>*
{
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}
@media(min-width: 768px)
{
    .fe-text--h2, .fe-text--h2>*
    {
        font-size: 2rem;
        line-height: 3rem;
    }
}
.fe-text--h3, .fe-text--h3>*
{
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
}
.fe-text--regular
{
    font-weight: 400;
}
.fe-text--small
{
    font-size: .75rem;
    line-height: 130%;
    font-weight: 700;
    display: block;
}
.fe-text--small-regular
{
    font-size: .75rem;
    line-height: 130%;
    font-weight: 400;
    display: block;
}
.fe-text--text-center
{
    text-align: center;
}
.fe-text--text-right
{
    text-align: right;
}
.fe-tooltip
{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.fe-tooltip__activator
{
    vertical-align: middle;
    cursor: pointer;
}
.fe-tooltip__body
{
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    transition: opacity .2s ease;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.fe-tooltip--hover:hover .fe-tooltip__body, .fe-tooltip--show .fe-tooltip__body
{
    visibility: visible;
    opacity: 1;
}
.fe-tooltip__content
{
    padding: .25rem .5rem;
    border-radius: .5rem;
    box-sizing: border-box;
    text-align: center;
}
.fe-tooltip--primary .fe-tooltip__content
{
    background-color: var(--color-primary-1);
}
.fe-tooltip--secondary .fe-tooltip__content
{
    background-color: var(--color-secondary-1);
}
.fe-tooltip--success .fe-tooltip__content
{
    background-color: var(--color-successfully);
}
.fe-tooltip--alert .fe-tooltip__content, .fe-tooltip--danger .fe-tooltip__content
{
    background-color: var(--color-error);
}
.fe-tooltip--full-width .fe-tooltip__content, .fe-tooltip--position-top, .fe-tooltip--position-under, .fe-tooltip--position-bottom
{
    width: 100%;
}
.fe-tooltip--position-top .fe-tooltip__body
{
    bottom: 100%;
    margin-bottom: .5rem;
}
.fe-tooltip--position-under .fe-tooltip__body
{
    position: relative;
    top: 0;
}
.fe-tooltip--position-under .fe-tooltip__content
{
    background: none;
    text-align: left;
    padding: .25rem 1rem;
}
.fe-tooltip--position-under .fe-tooltip__content>*
{
    color: var(--color-error);
}
.fe-tooltip--position-bottom .fe-tooltip__body
{
    top: 100%;
    margin-top: .5rem;
}
.fe-tooltip--position-top .fe-tooltip__body, .fe-tooltip--position-bottom .fe-tooltip__body
{
    display: flex;
    justify-content: center;
}
.fe-tooltip--position-left .fe-tooltip__body
{
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(calc(-100% - 6px),-50%,0);
    transform: translate3d(calc(-100% - 6px),-50%,0);
}
.fe-tooltip--position-right .fe-tooltip__body
{
    right: 0;
    top: 50%;
    -webkit-transform: translate3d(calc(100% + 6px),-50%,0);
    transform: translate3d(calc(100% + 6px),-50%,0);
}
.fe-input input::-webkit-credentials-auto-fill-button
{
    pointer-events: none;
    visibility: hidden;
    position: absolute;
    right: 0;
}
.fe-input input[type=password]
{
    letter-spacing: .5rem;
}
.fe-input input[type=password]::-webkit-input-placeholder
{
    letter-spacing: normal;
}
.fe-input input[type=password]:-ms-input-placeholder
{
    letter-spacing: normal;
}
.fe-input input[type=password]::-ms-input-placeholder
{
    letter-spacing: normal;
}
.fe-input input[type=password]::placeholder
{
    letter-spacing: normal;
}
.fe-input input[type=date]
{
    min-width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.fe-input input[type=number]
{
    -moz-appearance: textfield;
}
.fe-input input[type=number]::-webkit-inner-spin-button, .fe-input input[type=number]::-webkit-outer-spin-button
{
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.fe-card
{
    background-color: var(--color-layer-alt-1);
    color: var(--color-text-alt);
    position: relative;
    border-radius: 1.5rem;
}
.fe-card--primary
{
    background-color: var(--color-primary-1);
    color: var(--color-on-dark-back);
}
.fe-card--primary.fe-card--shadow
{
    box-shadow: 0 4px 8px 0 var(--color-primary-1);
}
.fe-card--secondary
{
    background-color: var(--color-secondary-1);
    color: var(--color-on-dark-back);
}
.fe-card--secondary.fe-card--shadow
{
    box-shadow: 0 4px 8px 0 var(--color-secondary-1);
}
.fe-card--success
{
    background-color: var(--color-successfully);
    color: var(--color-on-dark-back);
}
.fe-card--success.fe-card--shadow
{
    box-shadow: 0 4px 8px 0 var(--color-successfully);
}
.fe-card--alert
{
    background-color: var(--color-error);
    color: var(--color-on-dark-back);
}
.fe-card--alert.fe-card--shadow
{
    box-shadow: 0 4px 8px 0 var(--color-error);
}
.fe-card--danger
{
    background-color: var(--color-error);
    color: var(--color-on-dark-back);
}
.fe-card--danger.fe-card--shadow
{
    box-shadow: 0 4px 8px 0 var(--color-error);
}
.fe-card--border
{
    border: 1px solid var(--color-layer-alt-3);
}
.fe-card--disabled
{
    background-color: var(--color-tertiary-3);
    color: var(--color-text-alt);
}
.fe-card--disabled.fe-card--shadow
{
    box-shadow: 0 4px 8px 0 var(--color-layer-alt-3);
}
.fe-card--white, .fe-card--dark
{
    background-color: var(--color-layer-alt-2);
}
.fe-card--blue-Light
{
    background-color: var(--color-layer-alt-3);
}
.accordion-enter-active, .accordion-leave-active
{
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.accordion-enter-from, .accordion-leave-to
{
    --tw-translate-y: -100%;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
}
.field-birthday input[type=date]
{
    min-width: calc(100% - 1rem);
}
.confirm-exit__img[data-v-6c52a497]
{
    width: 6rem;
    height: 6rem;
    margin: 0 auto;
}
.confirm-exit__img img[data-v-6c52a497]
{
    width: 100%;
}
.in-game-menu-bar[data-v-7b81e568]
{
    height: 3rem;
    padding: 0 .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-layer-alt-1);
    position: relative;
    z-index: 10;
}
.in-game-menu-bar__left[data-v-7b81e568], .in-game-menu-bar__right[data-v-7b81e568]
{
    grid-auto-flow: column;
}
.in-game-menu-bar__right .fe-button[data-v-7b81e568]
{
    padding: .5rem;
    margin: 0;
}
.in-game-menu-bar__group[data-v-7b81e568]
{
    display: flex;
    border: 1px solid var(--color-secondary-6);
    border-radius: 1.5rem;
    padding: .25rem;
}
.in-game-menu-bar__button[data-v-7b81e568]
{
    font-size: .75rem;
    line-height: 135%;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: .5rem;
    gap: .5rem;
    cursor: pointer;
}
.in-game-menu-bar__arrow[data-v-7b81e568]
{
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.in-game-menu-bar__arrow--active[data-v-7b81e568]
{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.search-input
{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    line-height: normal;
    outline: none;
    font-size: .875rem;
    line-height: 170%;
    font-weight: 400;
    position: relative;
    height: 3rem;
}
.search-input textarea, .search-input input
{
    transition: padding .3s ease;
    background: var(--color-input-background);
    border: 1px solid var(--color-input-border);
    border-radius: 1.5rem;
    margin: 0;
    padding: 0 1rem;
    outline: none;
    text-align: left;
    line-height: inherit;
    width: 100%;
    height: 100%;
    font-size: inherit;
    font-weight: 400;
    box-sizing: border-box;
    color: var(--color-text-alt);
}
.search-input textarea::-webkit-input-placeholder, .search-input input::-webkit-input-placeholder
{
    color: var(--color-text-body);
}
.search-input textarea::-moz-placeholder, .search-input input::-moz-placeholder
{
    color: var(--color-text-body);
}
.search-input textarea:-moz-placeholder, .search-input input:-moz-placeholder
{
    color: var(--color-text-body);
}
.search-input textarea:-ms-input-placeholder, .search-input input:-ms-input-placeholder
{
    color: var(--color-text-body);
}
.search-input textarea:-webkit-autofill, .search-input input:-webkit-autofill
{
    background-color: var(--color-input-background);
    background-image: none;
    color: var(--color-text-alt);
}
.search-input textarea:autofill, .search-input input:autofill
{
    background-color: var(--color-input-background);
    background-image: none;
    color: var(--color-text-alt);
}
.search-input textarea[type=number]::-webkit-inner-spin-button, .search-input textarea[type=number]::-webkit-outer-spin-button, .search-input input[type=number]::-webkit-inner-spin-button, .search-input input[type=number]::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.search-input textarea[type=number], .search-input input[type=number]
{
    -moz-appearance: textfield;
}
.search-input textarea::-webkit-credentials-auto-fill-button, .search-input input::-webkit-credentials-auto-fill-button
{
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.search-input textarea:focus, .search-input input:focus
{
    border: 1px solid var(--color-primary-3);
}
.search-input textarea
{
    font-family: inherit;
    padding: .5rem 1rem;
}
@media(min-width: 480px)
{
    .search-input
    {
        max-width: 100vw;
    }
}
.search-input .search-input__input
{
    width: 100%;
    outline: none;
    font-size: .875rem;
    line-height: 170%;
    font-weight: 400;
    padding-left: 3rem;
}
.search-input.error .search-input__input
{
    border-color: var(--color-error);
}
.search-input__icon-search
{
    position: absolute;
    left: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.search-input__icon-clean
{
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4;
    box-shadow: inset 0 0 0 2px var(--color-tertiary-1);
}
.event-empty[data-v-6b25dd69]
{
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
}
.event-empty__image[data-v-6b25dd69]
{
    width: 6rem;
    height: 6rem;
    margin: auto;
}
.fe-skeleton:after
{
    --bg-trans: rgba(255,255,255,0);
    --bg-trans-1: rgba(255,255,255,.05);
    --bg-trans-2: rgba(255,255,255,.06);
    background: linear-gradient(to left,var(--bg-trans) 0%,var(--bg-trans-1) 35%,var(--bg-trans-2) 50%,var(--bg-trans-1) 65%,var(--bg-trans) 100%);
}
@-webkit-keyframes fe-skeleton-animation
{
    0%
    {
        -webkit-transform: translateX(-100%);
        transform: translate(-100%);
    }
    to
    {
        -webkit-transform: translateX(100%);
        transform: translate(100%);
    }
}
@keyframes fe-skeleton-animation
{
    0%
    {
        -webkit-transform: translateX(-100%);
        transform: translate(-100%);
    }
    to
    {
        -webkit-transform: translateX(100%);
        transform: translate(100%);
    }
}
.event-quests__skeletons[data-v-9f3629ed]
{
    overflow: hidden;
    grid-auto-flow: column;
    justify-content: start;
}
.event-quests__skeleton[data-v-9f3629ed]
{
    width: 18rem;
    height: 13rem;
    border-radius: 1rem;
}
.events-block__carousel[data-v-d9c53155]
{
    --carousel-item-width: 18.5rem;
    --carousel-gap: .5rem;
    container-type: inline-size;
    grid-column: 1;
}
@media(min-width: 768px)
{
    .events-block__carousel[data-v-d9c53155]
    {
        --carousel-item-width: 40.5rem;
        --carousel-gap: 1rem;
    }
}
.events-block__carousel--alone[data-v-d9c53155]
{
    --carousel-item-width: 100%;
}
.events-block[data-v-d9c53155] .carousel-scroll__item
{
    height: 100%;
}
@container(min-width:768px){.events-block[data-v-d9c53155].carousel-scroll__item{height:auto}}
.events-block__skeleton[data-v-d9c53155]
{
    height: 30rem;
    border-radius: 1rem;
}
@media(min-width: 768px)
{
    .events-block__skeleton[data-v-d9c53155]
    {
        height: 17rem;
    }
}
.gift-mail__image[data-v-ee5c8e7c]
{
    width: 6rem;
    height: 6rem;
    margin: auto;
}
.gift-mail__button[data-v-ee5c8e7c]
{
    justify-self: center;
}
.gifts-shop__promo-skeleton[data-v-1034fbbb]
{
    height: 30rem;
    border-radius: 1rem;
}
@media(min-width: 768px)
{
    .gifts-shop__promo-skeleton[data-v-1034fbbb]
    {
        height: 17rem;
    }
}
.lets-get-started__text[data-v-571d6655]
{
    display: grid;
    grid-gap: .5rem;
    gap: .5rem;
}
.lets-get-started[data-v-571d6655] .join-now-button
{
    margin: initial;
}
@media(min-width: 768px)
{
    .lets-get-started[data-v-571d6655] .join-now-button
    {
        margin: auto;
    }
}
.page-banner-prize-pool[data-v-241f44cd]
{
    text-align: initial;
}
.page-banner-prize-pool__wrapper[data-v-241f44cd]
{
    background: linear-gradient(131deg,#7b0000 1.06%,#ab0606 98.57%);
    box-shadow: 0 0 1rem #ab0606;
    border: 3px solid #ff9595;
    padding: 1rem;
    border-radius: 1rem;
    position: relative;
}
.page-banner-prize-pool__top-image[data-v-241f44cd]
{
    width: 100%;
}
.page-banner-prize-pool__skeleton[data-v-241f44cd]
{
    height: 8.5rem;
    border-radius: 1rem;
}
.page-banner[data-v-0013239d]
{
    margin-top: -1.5rem;
    display: flex;
    flex-direction: column;
}
@media(min-width: 768px)
{
    .page-banner[data-v-0013239d]
    {
        margin-top: -2rem;
        flex-direction: row;
    }
    .page-banner>div[data-v-0013239d]
    {
        width: 50%;
    }
    .page-banner__join-button[data-v-0013239d]
    {
        justify-self: start;
    }
    .page-banner__image[data-v-0013239d]
    {
        order: 2;
    }
}
.page-banner__image img[data-v-0013239d]
{
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left;
}
.page-banner__text[data-v-0013239d]
{
    align-items: center;
    align-content: center;
    text-align: center;
    margin-top: -3.5rem;
}
@media(min-width: 768px)
{
    .page-banner__text[data-v-0013239d]
    {
        margin-top: 0;
        text-align: initial;
    }
}
.page-banner__text--gradient[data-v-0013239d]
{
    background: linear-gradient(180deg,#4121ac00,#230587 37.12%,#32139b 74.64%,#4625b500);
    margin: 0 -1rem;
    padding: 0 1rem;
}
@media(min-width: 768px)
{
    .page-banner__text--gradient[data-v-0013239d]
    {
        background: none;
    }
}
.page-banner__title[data-v-0013239d]
{
    font-size: 1.5rem;
    line-height: 125%;
    font-weight: 700;
}
@media(min-width: 768px)
{
    .page-banner__title[data-v-0013239d]
    {
        font-size: 2rem;
        line-height: 150%;
        font-weight: 800;
    }
}
@media(min-width: 768px) and (min-width: 768px)
{
    .page-banner__title[data-v-0013239d]
    {
        font-size: 3rem;
        line-height: 150%;
    }
}
.page-banner__bottom[data-v-0013239d]
{
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
}
@media(min-width: 768px)
{
    .page-banner__bottom[data-v-0013239d]
    {
        max-width: 24rem;
    }
}
.page-banner[data-v-3aac9605]
{
    margin-top: -1.5rem;
    display: flex;
    flex-direction: column;
}
@media(min-width: 768px)
{
    .page-banner[data-v-3aac9605]
    {
        margin-top: -2rem;
        flex-direction: row;
        gap: 1.5rem;
    }
}
.page-banner__image[data-v-3aac9605]
{
    flex-shrink: 0;
    text-align: center;
}
@media(min-width: 768px)
{
    .page-banner__image[data-v-3aac9605]
    {
        order: 2;
    }
}
.page-banner__image-img[data-v-3aac9605]
{
    width: 22.5rem;
    height: 15rem;
    margin: 0 -1rem;
}
@media(min-width: 768px)
{
    .page-banner__image-img[data-v-3aac9605]
    {
        margin: 0;
        width: 28rem;
        height: 20rem;
    }
}
.page-banner__text[data-v-3aac9605]
{
    align-items: center;
    align-content: center;
}
@media(min-width: 768px)
{
    .page-banner__text[data-v-3aac9605]
    {
        text-align: initial;
        flex-grow: 1;
    }
}
.page-banner__title[data-v-3aac9605]
{
    font-size: 1.25rem;
    line-height: normal;
    font-weight: 700;
    margin-bottom: .5rem;
}
@media(min-width: 768px)
{
    .page-banner__title[data-v-3aac9605]
    {
        font-size: 1.5rem;
        line-height: 125%;
        font-weight: 700;
        margin-bottom: 0;
    }
}
@media(min-width: 768px) and (min-width: 768px)
{
    .page-banner__title[data-v-3aac9605]
    {
        font-size: 2rem;
        line-height: 125%;
    }
}
.page-banner__second-title[data-v-3aac9605]
{
    font-size: 1.5rem;
    line-height: 125%;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
@media(min-width: 768px)
{
    .page-banner__second-title[data-v-3aac9605]
    {
        font-size: 2rem;
        line-height: 150%;
        font-weight: 800;
        margin-bottom: 1rem;
    }
}
@media(min-width: 768px) and (min-width: 768px)
{
    .page-banner__second-title[data-v-3aac9605]
    {
        font-size: 3rem;
        line-height: 150%;
    }
}
.fe-chip[data-v-4bed323a]
{
    display: flex;
    align-items: center;
    gap: .25rem;
    text-align: center;
    justify-content: center;
    border-radius: 1.5rem;
    border: 1px solid var(--color-tertiary-3);
    font-size: .75rem;
    line-height: 130%;
    font-weight: 400;
    color: var(--color-text-alt);
    padding: .5rem 1rem;
    cursor: pointer;
}
.fe-chip-special[data-v-4bed323a]
{
    border-color: var(--color-secondary-3);
}
.fe-chip-active[data-v-4bed323a]
{
    background: var(--color-tertiary-3);
    border-color: transparent;
}
.fe-chip[data-v-4bed323a]:hover
{
    background: var(--color-tertiary-2);
    border-color: transparent;
}
.fe-chip-group[data-v-c3d282f4]
{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.badge-container[data-v-694e5121]
{
    border-radius: 1.5rem;
    text-align: center;
    color: var(--color-on-light-back);
}
.badge-container--uppercase[data-v-694e5121]
{
    text-transform: uppercase;
}
.badge-container--size-default[data-v-694e5121]
{
    padding: 0 .5rem;
    font-size: .5625rem;
    line-height: 180%;
    font-weight: 700;
    letter-spacing: .06em;
}
.badge-container--size-md[data-v-694e5121]
{
    padding: .25rem .5rem;
    font-size: .75rem;
    line-height: 130%;
    font-weight: 700;
}
.badge-container--size-sm[data-v-694e5121]
{
    width: 1rem;
    height: 1rem;
    font-size: .5625rem;
    line-height: 180%;
    font-weight: 700;
    letter-spacing: .06em;
}
.badge-container--theme-primary[data-v-694e5121]
{
    background: var(--color-primary-5);
}
.badge-container--theme-secondary[data-v-694e5121]
{
    background: var(--color-secondary-1);
}
.badge-container--theme-secondary5[data-v-694e5121]
{
    background: var(--color-secondary-5);
}
.badge-container--theme-additional[data-v-694e5121]
{
    background: var(--color-additional-1);
}
.badge-container--theme-tertiary[data-v-694e5121]
{
    background: var(--color-tertiary-1);
}
.badge-container--theme-tertiary3[data-v-694e5121]
{
    background: var(--color-tertiary-3);
}
.badge-container--theme-tertiary5[data-v-694e5121]
{
    background: var(--color-tertiary-5);
}
.badge-container--theme-success[data-v-694e5121]
{
    background: var(--color-successfully);
}
.status-badge__timer .timer__dots.day
{
    display: none;
}
.status-badge__timer .timer__item.day
{
    margin-right: .25rem;
}
.calendar-task-card[data-v-92892732]
{
    padding: 1rem;
    height: 20rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.calendar-task-card__status-bar[data-v-92892732]
{
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
}
.calendar-task-card__main[data-v-92892732]
{
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}
.calendar-task-card__image[data-v-92892732]
{
    width: 4rem;
    height: 4rem;
}
.calendar-task-card__description[data-v-92892732]
{
    flex-grow: 1;
}
.calendar-task-card--past .calendar-task-card__status-bar[data-v-92892732], .calendar-task-card--past .calendar-task-card__main[data-v-92892732], .calendar-task-card--past .calendar-task-card__description[data-v-92892732]
{
    opacity: .5;
}
.calendar-task-card--future .calendar-task-card__image[data-v-92892732]
{
    width: 6rem;
    height: 6rem;
}
.calendar-task-card--future .calendar-task-card__main[data-v-92892732]
{
    flex-grow: 1;
}
.calendar-tasks[data-v-8cb35822]
{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden;
}
@media(min-width: 768px)
{
    .calendar-tasks[data-v-8cb35822]
    {
        flex-direction: row;
    }
}
.calendar-tasks__top[data-v-8cb35822]
{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
@media(min-width: 768px)
{
    .calendar-tasks__top[data-v-8cb35822]
    {
        flex-grow: 1;
        gap: 1.5rem;
        justify-content: center;
        align-items: center;
        order: 2;
    }
}
.calendar-tasks__periods-group[data-v-8cb35822]
{
    display: none;
}
@media(min-width: 768px)
{
    .calendar-tasks__periods-group[data-v-8cb35822]
    {
        max-width: 25rem;
        display: flex;
    }
}
.calendar-tasks__periods-carousel[data-v-8cb35822]
{
    width: 100%;
    --carousel-item-width: 8rem;
    --carousel-gap: .5rem;
}
@media(min-width: 768px)
{
    .calendar-tasks__periods-carousel[data-v-8cb35822]
    {
        display: none;
    }
}
.calendar-tasks__carousel[data-v-8cb35822]
{
    --carousel-item-width: 18rem;
    --carousel-gap: .5rem;
}
.calendar-tasks__carousel-wrapper[data-v-8cb35822]
{
    width: 100%;
}
@media(min-width: 768px)
{
    .calendar-tasks__carousel-wrapper[data-v-8cb35822]
    {
        flex-shrink: 0;
        width: 20rem;
    }
}
@media(min-width: 768px)
{
    .support-block__button[data-v-fe73eb62]
    {
        justify-self: center;
    }
}
.ge-mini-banner[data-v-ea18ae36]
{
    width: 100%;
    height: 100%;
    color: var(--color-text-body);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .5rem;
    position: relative;
    border: 3px rgba(0,194,255,.6980392157) solid;
    box-shadow: 0 0 15px #00c2ffb2;
    background-image: url(../../willbetgambling/image/mini-banner-bg-mobile-v1MY0Jvs.webp);
    border-radius: 1rem;
    padding: 1rem 4rem 1rem 1rem;
    box-sizing: border-box;
    overflow: hidden;
    background-size: cover;
}
@media(min-width: 768px)
{
    .ge-mini-banner[data-v-ea18ae36]
    {
        background-image: url(../../willbetgambling/image/mini-banner-bg-desktop-D00kgwk2.webp);
        gap: 1.5rem;
        padding: 1.5rem 6rem;
    }
}
.ge-mini-banner__title[data-v-ea18ae36]
{
    margin-top: .5rem;
    font-size: 1rem;
    line-height: 150%;
    font-weight: 700;
}
@media(min-width: 768px)
{
    .ge-mini-banner__title[data-v-ea18ae36]
    {
        font-size: 1.25rem;
        line-height: normal;
        font-weight: 700;
        margin: 1rem 0 .5rem;
    }
}
@media(min-width: 768px) and (min-width: 768px)
{
    .ge-mini-banner__title[data-v-ea18ae36]
    {
        font-size: 1.5rem;
        line-height: normal;
    }
}
.ge-mini-banner__button[data-v-ea18ae36]
{
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 1.5rem 0 0;
    background: var(--color-tertiary-3);
    color: var(--color-primary-1);
    padding: .5rem 1rem;
    display: flex;
    gap: .5rem;
    align-items: center;
}
.ge-mini-banner__button-text[data-v-ea18ae36]
{
    font-size: .75rem;
    line-height: 135%;
    font-weight: 700;
    display: none;
}
@media(min-width: 768px)
{
    .ge-mini-banner__button-text[data-v-ea18ae36]
    {
        display: inline;
    }
}
.ge-mini-banner__image[data-v-ea18ae36]
{
    width: 4rem;
    height: 4rem;
}
@media(min-width: 768px)
{
    .ge-mini-banner__image[data-v-ea18ae36]
    {
        width: 7rem;
        height: 7rem;
    }
}
.promotion-card-timer__timer .day.timer__dots
{
    display: none;
}
.promotion-card-timer__timer .day .timer__desc
{
    margin-right: .125rem;
}
.promotion-card-timer__timer .second .timer__count
{
    width: 1rem;
}
.promotion-card-prize-pool p
{
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.promo-item-carousel[data-v-a86ca9c4]
{
    --carousel-item-width: 18.5rem;
    --carousel-gap: .5rem;
    container-type: inline-size;
}
@media(min-width: 768px)
{
    .promo-item-carousel[data-v-a86ca9c4]
    {
        --carousel-item-width: 40.5rem;
        --carousel-gap: 1rem;
    }
}
.promo-item-carousel__head[data-v-a86ca9c4]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.promo-item-carousel__show-all[data-v-a86ca9c4]
{
    text-decoration: none;
}
.promo-item-carousel[data-v-a86ca9c4] .carousel-scroll__item
{
    height: 100%;
}
@media(min-width: 768px)
{
    .promo-item-carousel[data-v-a86ca9c4] .carousel-scroll__item
    {
        height: auto;
    }
}
.promo-item__skeleton[data-v-a86ca9c4]
{
    height: 30rem;
    border-radius: 1rem;
}
@media(min-width: 768px)
{
    .promo-item__skeleton[data-v-a86ca9c4]
    {
        height: 17rem;
    }
}
.user-balance__common[data-v-62016d3d]
{
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.25rem;
    line-height: normal;
    font-weight: 700;
}
.user-balance__common-value-row[data-v-62016d3d]
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.user-balance__common .user-balance__value[data-v-62016d3d]
{
    font-size: 1.25rem;
    line-height: normal;
    font-weight: 700;
    color: var(--color-additional-1);
}
.user-balance__detailed[data-v-62016d3d]
{
    display: flex;
    justify-content: space-between;
}
.user-balance__tooltip-info[data-v-62016d3d]
{
    margin-left: .5rem;
    width: 1rem;
    height: 1rem;
    color: var(--color-text-link-default);
}
.user-balance__tooltip-info svg[data-v-62016d3d]
{
    width: 1.75rem;
}
.fe-title-wrapper .fe-title[data-v-0a89b635]
{
    position: relative;
    display: flex;
}
.fe-title-wrapper .fe-title-center[data-v-0a89b635]
{
    justify-content: center;
}
.fe-title-wrapper .fe-title-spacing-sm[data-v-0a89b635]
{
    margin-bottom: .5rem;
}
@media(min-width: 768px)
{
    .fe-title-wrapper .fe-title-spacing-sm[data-v-0a89b635]
    {
        margin-bottom: 1rem;
    }
}
.fe-title-wrapper .fe-title-spacing-md[data-v-0a89b635]
{
    margin-bottom: 1rem;
}
@media(min-width: 768px)
{
    .fe-title-wrapper .fe-title-spacing-md[data-v-0a89b635]
    {
        margin-bottom: 1.5rem;
    }
}
.fe-title-wrapper .fe-title-spacing-lg[data-v-0a89b635]
{
    margin-bottom: 1.5rem;
}
@media(min-width: 768px)
{
    .fe-title-wrapper .fe-title-spacing-lg[data-v-0a89b635]
    {
        margin-bottom: 2rem;
    }
}
.fe-title-wrapper .fe-title__right[data-v-0a89b635]
{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.border-gradient
{
    position: relative;
    z-index: 0;
}
.border-gradient-content
{
    position: relative;
    box-sizing: border-box;
    background-clip: padding-box;
    border-color: transparent;
    border-style: solid;
}
.border-gradient-content:before
{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: inherit;
}
.border-gradient-content--L, .border-gradient-content--L.border-gradient-content>*
{
    border-radius: 50%;
}
.border-gradient-content--M, .border-gradient-content--M.border-gradient-content>*
{
    border-radius: 1.5rem;
}
.border-gradient-content--S, .border-gradient-content--S.border-gradient-content>*
{
    border-radius: 1rem;
}
.border-gradient-content--XS, .border-gradient-content--XS.border-gradient-content>*
{
    border-radius: .5rem;
}
.border-gradient-content--alt-1
{
    background-color: var(--color-layer-alt-1);
}
.border-gradient-content--alt-2
{
    background-color: var(--color-layer-alt-2);
}
.border-gradient-content--medium
{
    border-width: 3px;
}
.border-gradient-content--medium:before
{
    margin: -3px;
}
.border-gradient-content--thin
{
    border-width: 2px;
}
.border-gradient-content--thin:before
{
    margin: -2px;
}
.border-gradient-content--extra-thin
{
    border-width: 1px;
}
.border-gradient-content--extra-thin:before
{
    margin: -1px;
}
.border-gradient-content--primary:before
{
    background: var(--border-gradient-before-bg,linear-gradient(90deg,#eb02e2 0%,#2797ff 100%));
}
.border-gradient-content--secondary:before
{
    background: var(--border-gradient-before-bg,linear-gradient(89.77deg,#ff3858 .17%,#d200e1 99.8%));
}
.border-gradient-content--tertiary:before
{
    background: var(--border-gradient-before-bg,linear-gradient(201deg,#ffe602 -4.58%,#ff5810 38.35%,#c110ff 111.23%));
}
.dropdown-promo[data-v-acbce4f6]
{
    display: grid;
    grid-gap: 1rem;
    cursor: pointer;
}
.dropdown-promo__section[data-v-acbce4f6]
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dropdown-promo__coin[data-v-acbce4f6]
{
    width: 1rem;
    height: 1rem;
}
.dropdown-promo__card[data-v-acbce4f6]
{
    gap: .5rem;
    padding: 1rem;
}
.dropdown-balance[data-v-4723b995]
{
    width: 100vw;
    background: var(--color-layer-alt-2);
    color: inherit;
    display: grid;
    border-radius: 0 0 1.5rem 1.5rem;
    top: 0;
    position: relative;
    left: 0;
    box-sizing: border-box;
}
@media(min-width: 480px)
{
    .dropdown-balance[data-v-4723b995]
    {
        width: 25rem;
    }
}
.dropdown-balance--disable-route[data-v-4723b995]
{
    pointer-events: none;
}
.dropdown-balance--theme-alt-1[data-v-4723b995]
{
    background: var(--color-layer-alt-1);
}
.dropdown-balance--theme-alt-2[data-v-4723b995]
{
    background: var(--color-layer-alt-2);
}
.dropdown-balance__wrapper[data-v-4723b995]
{
    max-height: 35rem;
}
@media(min-width: 480px)
{
    .dropdown-balance__wrapper[data-v-4723b995]
    {
        max-height: 100%;
    }
}
@media(max-height: 52rem)
{
    .dropdown-balance__wrapper[data-v-4723b995]
    {
        max-height: calc(100vh - 20rem);
    }
}
.dropdown-balance__carousel[data-v-4723b995]
{
    --carousel-item-width: 17.5rem;
    --carousel-gap: .5rem;
}
@media(min-width: 768px)
{
    .dropdown-balance__carousel[data-v-4723b995]
    {
        --carousel-item-width: 20.25rem;
        --carousel-gap: 1rem;
    }
}
.dropdown-balance-overlay[data-v-4723b995]
{
    position: absolute;
    width: 100vw;
    height: 100vh;
}
.in-game-menu[data-v-5c033559]
{
    position: fixed;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 99999;
}
.bookmark-menu
{
    padding: 1rem;
    box-sizing: border-box;
}
.bookmark-menu+.modal__close
{
    display: none;
}
@media(min-width: 480px)
{
    .bookmark-menu
    {
        min-width: 30rem;
    }
}
.bookmark-menu__header
{
    text-align: center;
    color: var(--color-text-alt);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 700;
    margin-bottom: 1rem;
}
.bookmark-menu__btns
{
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(2,minmax(-webkit-max-content,1fr));
    grid-template-columns: repeat(2,minmax(max-content,1fr));
}
.bookmark-menu__close
{
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 5;
}
.game-bookmark[data-v-09281115]
{
    z-index: 99999;
    position: fixed;
    top: 2rem;
    left: -2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-tertiary-5);
    border-radius: 0 .5rem .5rem 0;
    padding: .25rem;
    transition: left .4s ease;
}
.game-bookmark-img[data-v-09281115]
{
    height: 1.5rem;
}
.game-bookmark--visible[data-v-09281115]
{
    left: 0;
}
.game-bookmark-tip[data-v-09281115]
{
    position: absolute;
    white-space: nowrap;
    padding: .5rem;
    left: 2.5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: var(--color-primary-1);
    border-radius: .5rem;
    color: var(--color-on-light-back);
    opacity: 1;
    font-size: .75rem;
    line-height: 130%;
    font-weight: 400;
    transition: visibility .4s ease-in-out .4s,opacity .4s ease-in-out .4s;
}
.game-bookmark-tip--hidden[data-v-09281115]
{
    visibility: hidden;
    opacity: 0;
}
.game-buttons[data-v-2b2c607f]
{
    position: fixed;
    right: 1rem;
    top: 6rem;
    z-index: 1;
    width: 2.5rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.game-buttons.is-mobile[data-v-2b2c607f]
{
    top: 1.5rem;
}
.game-buttons__icon[data-v-2b2c607f]
{
    box-sizing: content-box;
    padding: .5rem;
    cursor: pointer;
    color: var(--color-text-menu-default);
}
.game-buttons__icon[data-v-2b2c607f]:hover
{
    color: var(--color-text-menu-active);
}
.gm[data-v-e329af28]
{
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    color: var(--color-text-alt);
}
.livespins-card-timer[data-v-7b116021]
{
    border-radius: 1.5rem;
    border: none;
    align-items: center;
    background: var(--color-layer-alt-2);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    font-weight: 700;
    padding: .25rem .5rem;
    display: flex;
    gap: .25rem;
}
.livespins-card-timer__text[data-v-7b116021]
{
    font-weight: 400;
    display: flex;
    align-items: center;
}
.livespins-card-timer__text.active[data-v-7b116021]
{
    font-weight: 700;
    color: var(--color-text-alt);
}
.livespins-card-timer__text.active[data-v-7b116021]:before
{
    content: "";
    background-color: var(--color-error);
    width: .5rem;
    height: .5rem;
    display: inline-block;
    border-radius: 50%;
    margin-right: .5rem;
}
.livespins-card-timer__timer[data-v-7b116021] .day.timer__dots
{
    display: none;
}
.livespins-card-timer__timer[data-v-7b116021] .day .timer__desc
{
    margin: 0 .125rem;
}
.livespins-card-timer__timer[data-v-7b116021] .second .timer__count
{
    width: 1rem;
}
.livespins-scheduled-thumbnail[data-v-5c907232]
{
    position: relative;
}
.livespins-scheduled-thumbnail__streamer-image[data-v-5c907232], .livespins-scheduled-thumbnail__streamer-image-name[data-v-5c907232]
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 12rem;
}
.livespins-scheduled-thumbnail__streamer-image[data-v-5c907232]
{
    left: auto;
    right: -1rem;
}
.livespins-card[data-v-93bd7af4]
{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.livespins-card__image[data-v-93bd7af4]
{
    position: relative;
    height: 12rem;
    overflow: hidden;
    border-radius: 1rem;
    background: linear-gradient(90deg,#eb02e2,#2797ff);
}
.livespins-card__image img[data-v-93bd7af4]
{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.livespins-card__button--link[data-v-93bd7af4]
{
    width: 100%;
    text-decoration: none;
}
.livespins-card__button[data-v-93bd7af4]
{
    width: 100%;
    margin-top: auto;
}
.livespins-card__labels[data-v-93bd7af4]
{
    display: flex;
    gap: .5rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
}
.livespins-card__labels--label[data-v-93bd7af4]
{
    padding: .25rem .5rem;
    border-radius: 1rem;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: var(--color-tertiary-5);
    display: flex;
    align-items: center;
}
.livespins-carousel[data-v-51071d17]
{
    --carousel-item-width: 18rem;
    --carousel-gap: .5rem;
}
@media(min-width: 768px)
{
    .livespins-carousel[data-v-51071d17]
    {
        --carousel-gap: 1rem;
    }
}
.livespins-carousel__list[data-v-51071d17]
{
    display: grid;
    grid-auto-flow: column;
    grid-gap: .5rem;
    gap: .5rem;
}
@media(min-width: 768px)
{
    .livespins-carousel__list[data-v-51071d17]
    {
        gap: 1rem;
    }
}
.livespins-carousel__skeleton[data-v-51071d17]
{
    width: 18rem;
    height: 12rem;
    border-radius: 1.5rem;
}
.livespins-no-streams[data-v-366f6e23]
{
    height: 12rem;
    align-items: center;
    align-content: center;
}
.livespins-widget__head[data-v-f5e45f62]
{
    display: grid;
}
.livespins-widget__loader[data-v-f5e45f62]
{
    height: 12rem;
}
.livespins-widget__logo[data-v-f5e45f62]
{
    margin: 0 auto;
}
.livespins-widget__head-wrapper[data-v-f5e45f62]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.livespins-widget__more[data-v-f5e45f62]
{
    text-decoration: none;
}
.livespins-card-list__list[data-v-9589cc16]
{
    grid-template-columns: 1fr;
}
@media(min-width: 768px)
{
    .livespins-card-list__list[data-v-9589cc16]
    {
        grid-template-columns: repeat(2,1fr);
    }
}
@media(min-width: 1024px)
{
    .livespins-card-list__list[data-v-9589cc16]
    {
        grid-template-columns: repeat(3,1fr);
    }
}
@media(min-width: 1440px)
{
    .livespins-card-list__list[data-v-9589cc16]
    {
        grid-template-columns: repeat(4,1fr);
    }
}
.livespins-card-list__skeleton[data-v-9589cc16]
{
    height: 12rem;
    border-radius: 1.5rem;
}
@media screen and (max-height: 720px)
{
    .auth .promo-banner[data-v-53575d4a]
    {
        display: none;
    }
}
.fe-notice__link
{
    display: flex;
    justify-content: center;
    text-decoration: none;
}
.fe-notice.fe-notice--new
{
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    background: var(--color-layer-alt-3);
    color: var(--color-text-alt);
    font-size: .875rem;
    line-height: 170%;
    font-weight: 400;
    width: 19rem;
}
.sidebar .fe-notice.fe-notice--new
{
    margin-right: .5rem;
}
.fe-notice.fe-notice--new .fe-notice__body
{
    margin-bottom: .5rem;
}
.fe-notice.fe-notice--new .fe-notice__cancel
{
    top: 1rem;
    padding: 0;
    -webkit-transform: none;
    transform: none;
    width: 1rem;
    height: 1rem;
}
.sidebar .fe-notice.fe-notice--new .fe-notice__cancel
{
    color: var(--color-text-menu-default);
}
.fe-notice.fe-notice--new .fe-notice__cancel svg
{
    vertical-align: unset;
}
.fe-notice.fe-notice--new .fe-notice__text
{
    font-size: .75rem;
    line-height: 130%;
    font-weight: 400;
}
.fe-notice.fe-notice--new .fe-notice__link
{
    flex: 1 0 100%;
    text-align: center;
}
.fe-notice
{
    background: var(--color-secondary-1);
    color: var(--color-text-alt);
    font-size: inherit;
    line-height: 16px;
    font-weight: 700;
    position: relative;
    padding: 1rem 1rem .5rem;
    box-shadow: 0 1px 0 0 var(--color-layer-alt-3);
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 1px;
}
.fe-notice__body
{
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}
.fe-notice--text-only
{
    padding: 1rem;
}
.fe-notice__image
{
    width: 44px;
    height: 100%;
    margin-right: 10px;
}
.fe-notice__text
{
    padding-right: 2rem;
}
.fe-notice__cancel
{
    cursor: pointer;
    position: absolute;
    right: 1rem;
    width: 1.5rem;
    padding: 1rem .5rem;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translateY(-50%);
}
.fe-notice:not(.fe-notice--new) .fe-notice__cancel
{
    color: var(--color-text-alt);
}
.fe-notice__btn
{
    font-weight: 800;
    line-height: 16px;
    margin-top: 10px;
    display: inline-block;
}
.fe-notice-enter-active, .fe-notice-leave-active
{
    transition: opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out;
    transition: transform .2s ease-in-out,opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;
}
.fe-notice-enter-from, .fe-notice-leave-to
{
    -webkit-transform: translateX(-100%);
    transform: translate(-100%);
    opacity: 0;
}
.dropdown-notifications
{
    width: 100vw;
    background: var(--color-primary-2);
    color: var(--color-on-light-back);
    border-radius: 0 0 1.5rem 1.5rem;
    top: .75rem;
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 0;
    overflow: hidden;
}
@media(min-width: 480px)
{
    .dropdown-notifications
    {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        left: 0;
    }
}
.dropdown-notifications__notice
{
    max-height: 23rem;
}
.dropdown-notifications__empty
{
    font-size: 1rem;
    line-height: 150%;
    font-weight: 400;
    white-space: nowrap;
    width: 18rem;
}
.dropdown-notifications .fe-notice--new
{
    padding: 1rem;
    width: 18rem;
    border-bottom: 1px solid var(--color-primary-1);
    background: transparent;
    color: var(--color-on-light-back);
}
.dropdown-notifications .fe-notice--last-child
{
    border-bottom: none;
}
.header__nav-menu .router-link-active, .header__nav-menu .router-link-exact-active
{
    --tw-text-opacity: 1;
    color: rgb(247 247 247/var(--tw-text-opacity,1));
}
.chat-list
{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.chat-list__item
{
    display: flex;
    flex-direction: row;
    gap: .5rem;
    border-radius: 1rem;
    background: var(--color-tertiary-5);
    flex: 1 1 35%;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding: 1rem;
    justify-content: center;
}
.chat-list__item:hover
{
    background: var(--color-tertiary-2);
}
.chat-list__item:active
{
    background: var(--color-tertiary-3);
}
.chat-list__item-counter
{
    min-width: 1rem;
    padding: 0 2px;
    box-sizing: border-box;
    height: 1rem;
    line-height: 1rem;
    border-radius: 50px;
    border: 0;
    background-color: var(--color-primary-5);
    color: var(--color-on-light-back);
    font-size: .5rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(20%,-20%);
    transform: translate(20%,-20%);
}
.chat-list__link
{
    text-decoration: underline;
    color: var(--color-text-link-default);
}
.chat-list__link:hover, .chat-list__link.active
{
    color: var(--color-text-link-active);
}
.chat-list__wrapper
{
    display: flex;
    gap: .25rem;
}
.vip-manager__list[data-v-81c48071]
{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.vip-manager__item[data-v-81c48071]
{
    display: flex;
    flex-direction: column;
    gap: .5rem;
    border-radius: 1rem;
    background: var(--color-tertiary-5);
    flex: 1 1 35%;
    align-items: center;
    cursor: pointer;
    color: var(--color-text-alt);
    text-decoration: none;
}
.vip-manager__item[data-v-81c48071]:hover
{
    background: var(--color-tertiary-2);
}
.vip-manager__item[data-v-81c48071]:active
{
    background: var(--color-tertiary-3);
}
.vip-manager__item-title[data-v-81c48071]
{
    font-size: .5625rem;
    line-height: 180%;
    font-weight: 400;
    letter-spacing: .06em;
}
@media(min-width: 768px)
{
    .vip-manager__item-title[data-v-81c48071]
    {
        font-size: .75rem;
        line-height: 130%;
        font-weight: 400;
    }
}
.vip-manager__manager[data-v-81c48071]
{
    display: flex;
    gap: 1rem;
    align-items: center;
}
.header__user .fe-popup__content
{
    top: .5rem;
}
@media(min-width: 480px)
{
    .header__user .fe-popup__content
    {
        left: 0;
    }
}
.header__user .fe-popup__content
{
    left: -4.5rem;
}
@media(min-width: 768px)
{
    .header__user .fe-popup__content
    {
        left: calc(-50% - 7.5rem);
    }
}
.advantages-carousel[data-v-3e871d27]
{
    margin: auto;
    --carousel-item-width: 16rem;
    --carousel-gap: .5rem;
}
@media(min-width: 768px)
{
    .advantages-carousel[data-v-3e871d27]
    {
        --carousel-item-width: 20rem;
        --carousel-gap: 1rem;
    }
}
.advantages-carousel__element[data-v-3e871d27]
{
    color: var(--color-text-alt);
    background: var(--color-layer-alt-1);
    border-radius: 1rem;
    height: 5rem;
    box-sizing: border-box;
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
    position: relative;
}
@media(min-width: 768px)
{
    .advantages-carousel__element[data-v-3e871d27]
    {
        height: 6rem;
    }
}
.advantages-carousel__image[data-v-3e871d27]
{
    width: 4rem;
    height: 4rem;
}
.advantages-carousel__badge[data-v-3e871d27]
{
    position: absolute;
    top: 0;
    right: 1rem;
    background: var(--color-error);
    color: var(--color-on-light-back);
    padding: 0 .25rem;
    border-radius: 0 0 .5rem .5rem;
}
@media(min-width: 1024px)
{
    .advantages-carousel__badge[data-v-3e871d27]
    {
        right: 1.5rem;
    }
}
.banner-stories-view .banner-title
{
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
}
@media(min-width: 768px)
{
    .banner-stories-view .banner-title
    {
        font-size: 1.25rem;
        line-height: normal;
        font-weight: 700;
    }
}
.banner-stories-view .banner-caption
{
    font-size: .75rem;
    line-height: 130%;
}
@media(min-width: 768px)
{
    .banner-stories-view .banner-caption
    {
        font-size: .875rem;
        line-height: 170%;
    }
}
.home-banner
{
    --carousel-item-width: 19.5rem;
    --carousel-gap: .5rem;
}
@media(min-width: 768px)
{
    .home-banner
    {
        --carousel-gap: 1rem;
        --carousel-item-width: 28.5rem;
    }
}
.footer-menu
{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: .5rem;
}
@media(min-width: 1024px)
{
    .is-desktop .footer-menu
    {
        grid-template-columns: repeat(4,1fr);
        grid-gap: 1.5rem;
    }
}
.footer-menu__title
{
    position: relative;
}
.footer-menu__title.is-active
{
    margin-bottom: 1.5rem;
}
.footer-menu__item
{
    text-decoration: none;
    color: var(--color-text-menu-default);
    display: grid;
    grid-gap: 1rem;
    cursor: pointer;
}
.footer-menu__item path
{
    fill: var(--color-text-menu-default);
}
.footer-menu__item:hover, .footer-menu__item.active, .footer-menu__item.router-link-active, .footer-menu__item.router-link-exact-active
{
    color: var(--color-text-menu-active);
}
.footer-menu__item:hover path, .footer-menu__item.active path, .footer-menu__item.router-link-active path, .footer-menu__item.router-link-exact-active path
{
    fill: var(--color-text-menu-active);
}
.footer-menu__arrow
{
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .25s;
}
.is-active .footer-menu__arrow
{
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.payments-logo[data-v-8ce5bf5a]
{
    height: 3rem;
    overflow: hidden;
}
.payments-logo__image[data-v-8ce5bf5a]
{
    height: 100%;
    width: 6rem;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
}
.footer-payments
{
    padding: 1.5rem 0;
    margin: 0 auto;
}
@media(min-width: 768px)
{
    .footer-payments
    {
        padding: 2rem 0;
    }
}
.footer-payments__carousel
{
    --carousel-item-width: 6rem;
    --carousel-gap: 1rem;
}
.footer-payments .payments-logo
{
    cursor: pointer;
}
.footer-contacts__wrapper[data-v-6fde4d52]
{
    display: grid;
    grid-gap: 1rem;
}
.footer-contacts__item[data-v-6fde4d52]
{
    display: flex;
    justify-content: space-between;
}
.footer-contacts__item a[data-v-6fde4d52], .footer-contacts__item span[data-v-6fde4d52]
{
    font-weight: 700;
    display: grid;
    grid-gap: .5rem;
    grid-template-columns: 1.5rem auto;
    text-decoration: underline;
    color: var(--color-text-link-default);
}
.footer-contacts__item a[data-v-6fde4d52]:hover, .footer-contacts__item a.active[data-v-6fde4d52], .footer-contacts__item span[data-v-6fde4d52]:hover, .footer-contacts__item span.active[data-v-6fde4d52]
{
    color: var(--color-text-link-active);
}
.producer-image
{
    width: 10em;
    height: 3.75em;
    overflow: hidden;
    transition: all .5s ease;
}
@media(min-width: 768px)
{
    .producer-image__image
    {
        transition: -webkit-filter .15s ease-in-out;
        transition: filter .15s ease-in-out;
        transition: filter .15s ease-in-out,-webkit-filter .15s ease-in-out;
    }
    .theme-dark .producer-image:hover .producer-image__image.type--theme-gray
    {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }
    .theme-light .producer-image:hover .producer-image__image.type--theme-gray
    {
        -webkit-filter: brightness(0);
        filter: brightness(0);
    }
}
.producer-image__image
{
    width: 100em;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
}
.producers-block
{
    margin: 0 auto;
    padding-bottom: 1.5rem;
}
@media(min-width: 768px)
{
    .producers-block
    {
        padding-bottom: 2rem;
    }
}
.producers-block__carousel
{
    --carousel-item-width: 10rem;
    --carousel-gap: 0;
}
.gcb-img[data-v-da56ae29]
{
    width: 100%;
    height: auto;
}
.trust-block
{
    margin: 0 auto;
    border-top: 1px solid var(--color-tertiary-3);
}
.trust-block__list
{
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
    margin: 1.5rem 0;
}
@media(min-width: 768px)
{
    .trust-block__list
    {
        gap: 1.5rem;
    }
}
.trust-block__list-item
{
    width: 6rem;
    height: 3rem;
    overflow: hidden;
}
.trust-block__list img
{
    width: 6rem;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 3rem;
}
.footer-social
{
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
}
.footer-social__list
{
    display: grid;
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
    grid-gap: .5rem;
}
.footer-social__item-icon
{
    cursor: pointer;
    color: var(--color-text-menu-default);
}
.footer-social__item-icon:hover
{
    color: var(--color-text-menu-active);
}
.footer__copyright[data-v-ba5861d9]
{
    color: var(--color-text-body);
    margin: 0 auto;
    padding: 0 0 6rem;
}
.footer__copyright--loggout[data-v-ba5861d9]
{
    padding: 0 0 10rem;
}
@media(min-width: 1024px)
{
    .footer__copyright--loggout[data-v-ba5861d9]
    {
        padding: 0 0 2rem;
    }
}
.partner[data-v-5c71915a]
{
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    color: var(--color-text-body);
}
@media(min-width: 768px)
{
    .partner[data-v-5c71915a]
    {
        gap: 3rem;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
    }
}
.partner__item[data-v-5c71915a]
{
    position: relative;
    display: flex;
    gap: 1rem;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: start;
    width: 100%;
}
@media(min-width: 768px)
{
    .partner__item[data-v-5c71915a]
    {
        gap: .5rem;
        width: auto;
    }
}
.partner__item[data-v-5c71915a]:before
{
    background-color: var(--color-tertiary-3);
    content: "";
    position: absolute;
    top: -.5rem;
    left: 0;
    right: 0;
    height: 1px;
}
.partner__item[data-v-5c71915a]:first-of-type:before
{
    display: none;
}
@media(min-width: 768px)
{
    .partner__item[data-v-5c71915a]:before
    {
        top: 50%;
        left: -1.5rem;
        right: auto;
        height: 2rem;
        width: 1px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.overviews
{
    margin: 0 auto;
    padding-bottom: 1.5rem;
}
@media(min-width: 768px)
{
    .overviews
    {
        padding-bottom: 2rem;
    }
}
.overviews__carousel
{
    --carousel-item-width: 6rem;
    --carousel-gap: 1rem;
}
.footer-awards[data-v-f9363301]
{
    margin: 0 auto;
    padding-bottom: 1.5rem;
}
@media(min-width: 768px)
{
    .footer-awards[data-v-f9363301]
    {
        padding-bottom: 2rem;
    }
}
.footer-awards__items[data-v-f9363301]
{
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.footer-awards__image[data-v-f9363301]
{
    width: 6rem;
    height: 4rem;
}
@media(min-width: 768px)
{
    .footer-awards__image[data-v-f9363301]
    {
        height: 6rem;
        width: 9rem;
    }
}
.footer[data-v-3422f0b5]
{
    width: 100%;
    color: var(--color-text-alt);
}
.footer-block[data-v-3422f0b5]
{
    display: grid;
    align-items: center;
}
@media(min-width: 1024px)
{
    .footer-block.is-desktop[data-v-3422f0b5]
    {
        padding: 2rem 0;
        background: var(--color-layer-alt-1);
    }
}
.footer-block__wrapper[data-v-3422f0b5]
{
    display: grid;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
    grid-gap: .5rem;
}
@media(min-width: 768px)
{
    .is-desktop .footer-block__wrapper[data-v-3422f0b5]
    {
        grid-gap: 1.5rem;
    }
}
@media(min-width: 1024px)
{
    .is-desktop .footer-block__wrapper[data-v-3422f0b5] section
    {
        background: none;
        padding: 0;
        align-content: start;
    }
}
@media(min-width: 768px)
{
    .footer__lang[data-v-3422f0b5]
    {
        justify-self: start;
    }
    .footer__lang[data-v-3422f0b5]:not(.is-desktop .footer__lang)
    {
        grid-column: 2/2;
        grid-row: 1/1;
        align-self: center;
        justify-self: right;
    }
}
.local-time--sticky[data-v-6a38266b]
{
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    right: 0;
    z-index: 999;
    margin: -2rem auto 0;
    padding-top: 1rem;
    pointer-events: none;
}
.local-time__content[data-v-6a38266b]
{
    color: var(--color-text-alt);
    background: var(--color-tertiary-5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    width: -webkit-max-content;
    width: max-content;
    padding: .5rem 1rem;
    border-radius: 1rem 1rem 0 0;
    margin-left: auto;
}
.local-time__content--full-width[data-v-6a38266b]
{
    border-radius: 0;
    width: 100%;
}
.local-time__content--centered[data-v-6a38266b]
{
    text-align: center;
}
.confirm-emp[data-v-7fbbe24e]
{
    box-shadow: 0 3px 3px var(--color-tertiary-4);
}
.confirm-emp__actions a[data-v-7fbbe24e]
{
    font-size: 1rem;
    line-height: 150%;
    font-weight: 700;
}
.confirm-emp__container[data-v-7fbbe24e]
{
    position: fixed;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translateY(-50%);
}
.emp-error-page__logo[data-v-7fbbe24e]
{
    position: absolute;
    top: 0;
    width: 100vw;
    text-align: center;
    display: flex;
    justify-content: center;
    background: var(--color-layer-alt-2);
    align-items: center;
    height: 4rem;
}
.emp-error-page h1[data-v-7fbbe24e]
{
    font-size: 2rem;
    line-height: 150%;
    font-weight: 800;
    margin: 0 0 1.5rem;
}
@media(min-width: 768px)
{
    .emp-error-page h1[data-v-7fbbe24e]
    {
        font-size: 3rem;
        line-height: 150%;
        margin: 0 0 2rem;
    }
}
.emp-error-page__link[data-v-7fbbe24e]
{
    margin: 0 0 1.5rem;
}
@media(min-width: 768px)
{
    .emp-error-page__link[data-v-7fbbe24e]
    {
        margin: 0 0 2rem;
    }
}
.confirm-emp p[data-v-7fbbe24e]
{
    margin: 0;
}
.confirm-emp__message[data-v-7fbbe24e]
{
    padding-bottom: .5rem;
}
.confirm-emp__container[data-v-7fbbe24e]
{
    width: calc(100% - 2rem);
    max-width: 27rem;
    text-align: center;
}
.confirm-emp__actions a[data-v-7fbbe24e]
{
    display: inline-block;
    width: -webkit-max-content;
    width: max-content;
    margin: 0 auto;
    color: var(--color-text-link-default);
    text-decoration: none;
}
.confirm-emp img[data-v-7fbbe24e]
{
    display: none;
    width: 6rem;
}
@media(min-width: 768px)
{
    .confirm-emp img[data-v-7fbbe24e]
    {
        display: block;
        margin: 0 auto;
    }
}
@media(min-width: 360px)
{
    .inline-notification .inline-notification__content[data-v-e52bc428]
    {
        grid-auto-flow: column;
        align-items: center;
    }
}
.inline-notification .inline-notification__container[data-v-e52bc428]
{
    align-items: center;
}
.inline-notification[data-v-e52bc428]
{
    font-size: 1rem;
    line-height: 150%;
    font-weight: 400;
    background: linear-gradient(90deg,#221c36,#3f1c60);
    border-radius: var(--border-radius-xs);
    width: 100%;
    box-sizing: border-box;
}
.inline-notification__container[data-v-e52bc428]
{
    margin: 0 auto;
    justify-content: flex-start;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    grid-template-columns: repeat(auto-fill,minmax(0,auto));
}
@media(min-width: 768px)
{
    .inline-notification__container[data-v-e52bc428]
    {
        grid-template-columns: auto;
    }
}
.inline-notification__icon[data-v-e52bc428]
{
    width: 2rem;
    height: 2rem;
}
.inline-notification__content[data-v-e52bc428]
{
    width: 100%;
    grid-auto-flow: column;
    align-items: center;
}
.inline-notification__actions[data-v-e52bc428]
{
    align-items: center;
}
.inline-notification__actions[data-v-e52bc428]>*
{
    width: 100%;
    min-width: -webkit-max-content;
    min-width: max-content;
}
.inline-notification--medium[data-v-e52bc428]
{
    padding: 1rem;
}
.inline-notification--small[data-v-e52bc428]
{
    font-size: .75rem;
    line-height: 130%;
    font-weight: 400;
    padding: .5rem;
    text-align: center;
}
.inline-notification--small .inline-notification__message[data-v-e52bc428]
{
    text-align: center;
}
.inline-notification--small .inline-notification__content[data-v-e52bc428]
{
    justify-content: center;
}
.inline-notification--small .inline-notification__icon[data-v-e52bc428]
{
    width: 1rem;
    height: 1rem;
}
.inline-notification--small .inline-notification__icon+.inline-notification__content[data-v-e52bc428]
{
    justify-content: start;
}
.inline-notification--small .inline-notification__icon+.inline-notification__content .inline-notification__message[data-v-e52bc428]
{
    text-align: left;
}
.inline-notification--error[data-v-e52bc428]
{
    background: var(--color-error);
}
.inline-notification--success[data-v-e52bc428]
{
    background: var(--color-secondary-3);
}
.cookies-accepted[data-v-59a51eae]
{
    width: 100%;
}
.cookies-accepted__text[data-v-59a51eae]
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .5rem 1rem;
}
.cookies-accepted__icon[data-v-59a51eae]
{
    width: 2rem;
    height: 2rem;
}
.cookies-accepted[data-v-59a51eae] .inline-notification__container
{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.cookies-accepted__content[data-v-59a51eae]
{
    grid-auto-flow: column;
    align-items: center;
}
.cookies-accepted a[data-v-59a51eae]
{
    font-weight: 700;
}
@media(min-width: 768px)
{
    .cookies-accepted .fe-button[data-v-59a51eae]
    {
        width: 6rem;
    }
}
.message-container[data-v-3f5ba1b3]
{
    position: fixed;
    top: 0;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    box-sizing: border-box;
    padding: 0;
}
@media(min-width: 1024px)
{
    .message-container[data-v-3f5ba1b3]
    {
        top: unset;
        bottom: 0;
    }
}
.message-container[data-v-3f5ba1b3] .confirm-emp-card
{
    margin-bottom: 3rem;
    order: 1;
}
.message-container[data-v-3f5ba1b3] .cookies-accepted
{
    order: 0;
    margin-bottom: 1.5rem;
}
@media(min-width: 1024px)
{
    .message-container[data-v-3f5ba1b3] .cookies-accepted
    {
        order: 2;
        margin-bottom: 0;
    }
}
.game-previous-preview[data-v-87624d7d]
{
    box-sizing: content-box;
    border-radius: .5rem;
    border: 1px solid var(--color-additional-1);
    overflow: hidden;
    width: 3rem;
    height: 3rem;
    position: relative;
    display: flex;
}
@media(min-width: 1024px)
{
    .game-previous-preview[data-v-87624d7d]
    {
        width: 4rem;
        height: 4rem;
    }
}
.game-previous-preview__image[data-v-87624d7d]
{
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
}
@media(min-width: 1024px)
{
    .game-previous-preview__image[data-v-87624d7d]
    {
        width: 4rem;
        height: 4rem;
    }
}
.game-previous-preview__overlay[data-v-87624d7d]
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--color-tertiary-5);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.game-previous-preview__icon[data-v-87624d7d]
{
    width: 1.5rem;
    height: 1.5rem;
}
.game-previous-widget[data-v-87a1fdae]
{
    grid-template-columns: 4rem 1fr 2rem;
    border-radius: 1rem 1rem 0 0;
    background: var(--color-layer-alt-2);
    border: 0;
    box-shadow: inset 0 -1px 0 0 var(--color-secondary-6);
    width: 100vw;
    box-sizing: border-box;
    align-items: center;
    cursor: pointer;
}
@media(min-width: 1024px)
{
    .game-previous-widget[data-v-87a1fdae]
    {
        box-shadow: none;
        border-radius: 1rem;
        max-width: 22.5rem;
    }
}
.game-previous-widget__game-title[data-v-87a1fdae]
{
    font-size: .75rem;
    line-height: 130%;
    font-weight: 700;
}
@media(min-width: 1024px)
{
    .game-previous-widget__game-title[data-v-87a1fdae]
    {
        font-size: .875rem;
        line-height: 170%;
        font-weight: 700;
    }
}
.game-previous-widget__content[data-v-87a1fdae]
{
    display: grid;
    grid-gap: .25rem;
    gap: .25rem;
}
@media(min-width: 1024px)
{
    .game-previous-widget__content[data-v-87a1fdae]
    {
        gap: .5rem;
    }
}
.game-previous-widget__image[data-v-87a1fdae]
{
    display: flex;
}
.game-previous-widget__close[data-v-87a1fdae]
{
    box-sizing: content-box;
    padding-right: .5rem;
    cursor: pointer;
}
.game-previous[data-v-e159b056]
{
    position: fixed;
    right: 0;
    left: 0;
    bottom: 7rem;
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 1000;
}
@media(min-width: 1024px)
{
    .game-previous[data-v-e159b056]
    {
        left: auto;
        right: 1.5rem;
        bottom: 3.5rem;
    }
}
.game-previous--logged[data-v-e159b056]
{
    bottom: 3.5rem;
}
.slide-left-enter-from, .slide-right-leave-active
{
    opacity: 0;
    -webkit-transform: translate(2rem,0);
    transform: translate(2rem);
}
.slide-left-leave-active, .slide-right-enter-from
{
    opacity: 0;
    -webkit-transform: translate(-2rem,0);
    transform: translate(-2rem);
}
.main
{
    min-height: calc(100vh - 4rem);
    width: 100%;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
@media(min-width: 768px)
{
    .main
    {
        min-height: 100vh;
        padding-bottom: 0;
    }
}
.body
{
    justify-self: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.body__wrapper
{
    width: 100%;
    margin: auto;
    display: block;
    flex-grow: 1;
}
.body__wrapper-page
{
    padding-bottom: 1.5rem;
}
@media(min-width: 1024px)
{
    .body__wrapper-page
    {
        padding-bottom: 2rem;
    }
}
.body__wrapper .local-time
{
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    right: 0;
    z-index: 9999;
    margin-left: auto;
    margin-top: -2rem;
}
.pre-reg-tooltip__body
{
    --tw-translate-x: calc(-50% - 1rem);
    --tw-translate-y: calc(-100% - 2rem);
}
.fade-enter-active, .fade-leave-active
{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .5s;
}
.fade-enter-from, .fade-leave-to
{
    opacity: 0;
}
.bottom-menu
{
    height: calc(3.5rem + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
}
.bottom-menu .router-link-active, .bottom-menu .router-link-exact-active
{
    --tw-text-opacity: 1;
    color: rgb(247 247 247/var(--tw-text-opacity,1));
}
.bottom-menu--no-login
{
    height: calc(7rem + env(safe-area-inset-bottom));
}
.modal__wrapper
{
    display: flex;
    align-items: center;
    padding: 1rem;
    min-height: 100%;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
}
.modal__wrapper--mobile-friendly
{
    padding: 0;
    align-items: flex-end;
}
@media(min-width: 768px)
{
    .modal__wrapper--mobile-friendly
    {
        align-items: center;
    }
}
.modal__wrapper--always-bottom
{
    padding: 0;
    align-items: flex-end;
}
.modal__wrapper--mobile-friendly .modal__container
{
    max-height: calc(100vh - 1.5rem);
    margin: auto auto 0;
    display: grid;
    grid-template-rows: 100%;
    border-radius: 1.5rem 1.5rem 0 0;
    padding: 1rem;
    width: 100%;
}
@media(min-width: 768px)
{
    .modal__wrapper--mobile-friendly .modal__container
    {
        width: 26.5rem;
        margin: auto;
        border-radius: 1.5rem;
        padding: 1.5rem;
    }
}
.modal__wrapper--always-bottom .modal__container
{
    max-height: 80vh;
    margin: auto auto 0;
    display: grid;
    grid-template-rows: 100%;
    border-radius: 1.5rem 1.5rem 0 0;
}
.modal__wrapper--full-height .modal__container
{
    height: 100vh;
}
.modal__wrapper--min-height .modal__container
{
    min-height: 10rem;
}
.modal__container
{
    background: unset;
    margin: 3rem auto;
    position: relative;
    min-width: 100%;
    max-height: 100vh;
    transition: all .3s ease;
    box-sizing: border-box;
    background-color: var(--color-layer-body);
}
@media(min-width: 480px)
{
    .modal__container
    {
        min-width: 19rem;
    }
}
.modal--scroll .modal__container
{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.modal__header
{
    font-size: 1rem;
    line-height: 150%;
    font-weight: 700;
    color: var(--color-text-alt);
    text-align: center;
    margin-bottom: 1.5rem;
}
.modal__close
{
    position: absolute;
    top: 0;
    right: 0;
}
.modal__close-btn
{
    padding: 1rem;
    cursor: pointer;
    color: var(--color-text-alt);
}
@media(min-width: 768px)
{
    .modal__close
    {
        top: .5rem;
        right: .5rem;
    }
}
.modal__title
{
    font-size: 1.25rem;
    line-height: normal;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1rem;
    color: var(--color-text-alt);
    text-transform: initial;
}
@media(min-width: 1024px)
{
    .modal__title
    {
        margin-bottom: 1.5rem;
    }
}
.modal__description
{
    font-size: 1rem;
    line-height: 150%;
    font-weight: 400;
}
.modal__button
{
    margin-top: 1.5rem;
}
@media(min-width: 1024px)
{
    .modal__button
    {
        margin-top: 2rem;
    }
}
.modal-wrapper
{
    min-height: 100%;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
}
.modal
{
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease;
    pointer-events: all;
    opacity: 1;
    background-color: var(--color-tertiary-5);
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
}
.modal--hidden
{
    opacity: 0;
    z-index: -1;
}
.modal-enter-from, .modal-leave-to
{
    opacity: 0;
}
.modal-enter-active, .modal-leave-active, .modal-mobile-enter-active, .modal-mobile-leave-active
{
    transition: all .5s;
}
.modal-mobile-enter-from, .modal-mobile-leave-to
{
    opacity: 0;
    -webkit-transform: translateY(26.5rem);
    transform: translateY(26.5rem);
}
.vs-notify
{
    position: fixed;
    width: 100%;
    z-index: 99999;
    top: 1rem;
    right: 50%;
    -webkit-transform: translate(50%,0);
    transform: translate(50%);
}
@media(min-width: 768px)
{
    .vs-notify
    {
        right: 2rem;
        -webkit-transform: translate(0,0);
        transform: translate(0);
        width: 21rem;
        top: 5rem;
    }
}
.game~.vs-notify
{
    right: auto;
    top: 1rem;
    -webkit-transform: translate(0,0);
    transform: translate(0);
}
@media(min-width: 768px)
{
    .game~.vs-notify
    {
        left: 1rem;
    }
}
.vs-notify .toast
{
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: auto 1.5rem;
    align-items: center;
    box-sizing: border-box;
    border-radius: 1rem;
    padding: 1rem;
    margin: .5rem 1rem;
    min-height: 4rem;
    text-align: left;
    cursor: pointer;
    background: var(--color-layer-alt-1);
    color: var(--color-on-dark-back);
    border: 1px solid var(--color-tertiary-3);
}
@media(min-width: 768px)
{
    .vs-notify .toast
    {
        margin-left: 0;
        margin-right: 0;
    }
}
.vs-notify .toast:first-child
{
    margin-top: 0;
}
.vs-notify .toast--theme-default
{
    background: var(--color-layer-alt-1);
}
.vs-notify .toast--theme-success
{
    background: var(--color-primary-2);
}
.vs-notify .toast--theme-error
{
    background: var(--color-error);
}
.vs-notify .toast--theme-warning
{
    background: var(--color-warning);
}
.vs-notify .toast--theme-default
{
    color: var(--color-on-dark-back);
}
.vs-notify .toast--theme-success, .vs-notify .toast--theme-error, .vs-notify .toast--theme-warning
{
    color: var(--color-on-light-back);
}
.vs-notify .toast__close
{
    justify-self: end;
    align-self: start;
    color: var(--color-text-body);
}
.vs-notify .toast__content-body-with-title
{
    font-weight: 400;
}
.vs-notify .ntf-left-enter-active, .vs-notify .ntf-left-leave-active, .vs-notify .ntf-right-enter-active, .vs-notify .ntf-right-leave-active, .vs-notify .ntf-top-enter-active, .vs-notify .ntf-top-leave-active, .vs-notify .ntf-bottom-enter-active, .vs-notify .ntf-bottom-leave-active
{
    transition: all .3s;
}
.vs-notify .ntf-left-enter-from, .vs-notify .ntf-left-leave-to
{
    opacity: 0;
    -webkit-transform: translateX(-300px);
    transform: translate(-300px);
}
.vs-notify .ntf-right-enter-from, .vs-notify .ntf-right-leave-to
{
    opacity: 0;
    -webkit-transform: translateX(300px);
    transform: translate(300px);
}
.vs-notify .ntf-fade-enter-active, .vs-notify .ntf-fade-leave-active
{
    transition: opacity .5s;
}
.vs-notify .ntf-fade-enter-from, .vs-notify .ntf-fade-leave-to
{
    opacity: 0;
}
.vs-notify .ntf-top-enter-from, .vs-notify .ntf-top-leave-to
{
    opacity: 0;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px);
}
.vs-notify .ntf-bottom-enter-from, .vs-notify .ntf-bottom-leave-to
{
    opacity: 0;
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
}
.preview-game-demo
{
    width: 100%;
    height: 100%;
    padding: 1rem;
    margin: auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.preview-game-demo__logo
{
    margin: 0 auto;
    display: block;
}
@media(min-width: 768px)
{
    .preview-game-demo__logo
    {
        display: none;
    }
}
.preview-game-demo__wrapper
{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    pointer-events: auto;
}
.preview-game-demo__image
{
    height: 13rem;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
}
@media(min-width: 768px)
{
    .preview-game-demo__image
    {
        height: 17rem;
    }
}
.preview-game-demo__text
{
    max-width: 28rem;
    margin-bottom: 1.5rem;
}
.preview-game-demo__buttons
{
    -webkit-transform: scale(1.3333);
    transform: scale(1.3333);
}
.fe-ws-loader__image[data-v-dd9ced22]
{
    width: 1em;
    height: 1em;
}
.game-frame
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.game-frame--with-menu
{
    height: calc(100% - 3rem);
    top: auto;
}
.game-frame:not(.game-page-preview)
{
    background: var(--color-black);
}
.game-frame__wrapper
{
    position: relative;
    width: 100%;
    height: 100%;
}
@media(min-width: 1024px)
{
    .game-frame
    {
        left: 25rem;
        position: absolute;
        top: 6rem;
        height: calc(100vh - 11rem);
        width: calc(100vw - 29rem);
        right: auto;
    }
}
.game-frame--has-game
{
    pointer-events: all;
}
.game-frame--minimized
{
    border-radius: 1rem;
    overflow: hidden;
    display: block;
    position: fixed;
    top: auto;
    left: auto;
    right: 1rem;
    width: 16rem;
    height: auto;
    bottom: 6rem;
    z-index: 10000;
    -webkit-transform: translate(0,150%);
    transform: translateY(150%);
    -webkit-animation-name: show-frame;
    animation-name: show-frame;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@media(min-width: 768px)
{
    .game-frame--minimized
    {
        bottom: 3rem;
    }
}
.game-frame--minimized .game-frame__wrapper
{
    width: 16rem;
    height: 9rem;
}
.game-frame__shell-wrapper
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    padding: 1rem;
    width: 100%;
    box-sizing: border-box;
}
.game-frame__shell-button
{
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.game-frame__shell-name
{
    font-size: .875rem;
    line-height: 170%;
    font-weight: 700;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}
.game-frame__shell-cover
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 16rem;
    height: 9rem;
    background: var(--color-tertiary-5);
    color: var(--color-on-dark-back);
    opacity: 0;
    transition: opacity .2s;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.game-frame--minimized .game-frame__shell
{
    color: var(--color-text-alt);
    background: var(--color-layer-alt-2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1 100%;
    pointer-events: all;
}
.game-frame__shell-cover:hover
{
    opacity: 1;
}
.game-frame__iframe
{
    pointer-events: all;
    width: 100%;
    height: 100%;
}
.game-frame--minimized .game-frame__iframe
{
    width: 100%;
    height: 100%;
}
.game-frame__loader
{
    position: absolute;
    top: 0;
    background: var(--color-black);
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.game-frame--loading .game-frame__iframe
{
    visibility: hidden;
}
@media(max-width: 768px)
{
    .game-page-preview
    {
        top: 0;
        height: 100%;
    }
}
@-webkit-keyframes show-frame
{
    0%
    {
        -webkit-transform: translate(0,150%);
        transform: translateY(150%);
    }
    50%
    {
        -webkit-transform: translate(0,75%);
        transform: translateY(75%);
    }
    to
    {
        -webkit-transform: translate(0,0);
        transform: translate(0);
    }
}
@keyframes show-frame
{
    0%
    {
        -webkit-transform: translate(0,150%);
        transform: translateY(150%);
    }
    50%
    {
        -webkit-transform: translate(0,75%);
        transform: translateY(75%);
    }
    to
    {
        -webkit-transform: translate(0,0);
        transform: translate(0);
    }
}
.game-frame__iframe[data-v-ec05e887]
{
    pointer-events: all;
    width: 100%;
    height: 100%;
}
.livespins-frame__wrapper[data-v-a9f2cbdf]
{
    width: 100%;
    height: 100%;
    position: relative;
}
.livespins-frame__iframe[data-v-a9f2cbdf]
{
    pointer-events: all;
    width: 100%;
    height: 100%;
    border: none;
}
.livespins-frame__preview-image[data-v-a9f2cbdf]
{
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.reels-card[data-v-3b083f23]
{
    cursor: pointer;
    border-radius: 1rem;
    background-color: var(--color-layer-alt-2);
    background-image: url(../../willbetgambling/image/default-image-dark-k2qzCjUu.svg);
    background-size: contain;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.reels-card__icon[data-v-3b083f23]
{
    width: 100%;
    height: 100%;
}
.orientation-lock[data-v-6d75f40d]
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-layer-body);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 100000;
    color: var(--color-text-alt);
}
@media(orientation: landscape)
{
    .orientation-lock[data-v-6d75f40d]
    {
        display: flex;
    }
}
.orientation-lock__icon[data-v-6d75f40d]
{
    width: 6rem;
    height: 6rem;
}
.orientation-lock__icon svg[data-v-6d75f40d]
{
    width: 100%;
    height: 100%;
}
.orientation-lock__title[data-v-6d75f40d]
{
    font-size: 2rem;
    line-height: 150%;
    font-weight: 800;
    text-align: center;
}
@media(min-width: 768px)
{
    .orientation-lock__title[data-v-6d75f40d]
    {
        font-size: 3rem;
        line-height: 150%;
    }
}
.orientation-lock__description[data-v-6d75f40d]
{
    font-size: 1rem;
    line-height: 150%;
    font-weight: 700;
    color: var(--color-text-body);
}
.reels-modal-header[data-v-c570c60a]
{
    padding: .75rem 1rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    background: linear-gradient(180deg,var(--color-layer-body),transparent);
    color: var(--color-text-alt);
    position: relative;
    z-index: 10000;
}
.reels-modal-header__logo[data-v-c570c60a]
{
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    background: var(--color-layer-alt-1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.reels-modal-header__logo .header-logo-img[data-v-c570c60a]
{
    height: 1.75rem;
    width: 1.75rem;
}
.reels-modal-header__title[data-v-c570c60a]
{
    flex: 1;
}
.reels-error[data-v-1c7ca4a0]
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.reels-error__title[data-v-1c7ca4a0]
{
    font-size: 1.5rem;
    line-height: 125%;
    font-weight: 700;
}
@media(min-width: 768px)
{
    .reels-error__title[data-v-1c7ca4a0]
    {
        line-height: 125%;
        font-size: 1.25rem;
        line-height: normal;
        font-weight: 700;
    }
}
@media(min-width: 768px) and (min-width: 768px)
{
    .reels-error__title[data-v-1c7ca4a0]
    {
        font-size: 1.5rem;
        line-height: normal;
    }
}
.reels-error__wrapper[data-v-1c7ca4a0]
{
    margin-top: -5.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}
@media(min-width: 768px)
{
    .reels-error__wrapper[data-v-1c7ca4a0]
    {
        gap: 1rem;
    }
}
.reels-error__wrapper img[data-v-1c7ca4a0]
{
    width: 6rem;
    height: 6rem;
}
@media(min-width: 768px)
{
    .reels-error__wrapper img[data-v-1c7ca4a0]
    {
        margin-bottom: .5rem;
    }
}
.reels-error__action-btn[data-v-1c7ca4a0]
{
    width: 100%;
}
.reels-error__action-btn.btn-reload[data-v-1c7ca4a0]
{
    margin-top: .5rem;
}
@media(min-width: 768px)
{
    .reels-error__action-btn.btn-reload[data-v-1c7ca4a0]
    {
        margin-top: 0;
    }
}
.reels-modal-iframe[data-v-e92d20e7]
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.reels-modal-iframe__loader[data-v-e92d20e7]
{
    margin-top: -5.5rem;
}
.reels-modal-iframe__content[data-v-e92d20e7]
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--color-tertiary-5),.7);
    display: block;
}
.reels-how-it-works[data-v-2a139cb1]
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.reels-how-it-works__title[data-v-2a139cb1]
{
    margin-bottom: .5rem;
}
.reels-how-it-works__wrapper[data-v-2a139cb1]
{
    margin-top: -5.5rem;
    width: 100%;
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
}
.reels-how-it-works__item[data-v-2a139cb1]
{
    border-radius: 1rem;
    background: var(--color-tertiary-5);
    display: grid;
    grid-template-columns: 4rem 1fr;
}
.reels-how-it-works__item img[data-v-2a139cb1]
{
    width: 4rem;
    height: 4rem;
}
.reels-how-it-works__item-text[data-v-2a139cb1]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .5rem;
}
.reels-how-it-works__item-title[data-v-2a139cb1]
{
    font-size: .875rem;
    line-height: 170%;
    font-weight: 700;
}
@media(min-width: 768px)
{
    .reels-how-it-works__item-title[data-v-2a139cb1]
    {
        font-size: 1rem;
        line-height: normal;
        font-weight: 700;
    }
}
.reels-how-it-works__item-caption[data-v-2a139cb1]
{
    font-size: .5625rem;
    line-height: 180%;
    font-weight: 700;
    letter-spacing: .06em;
}
@media(min-width: 768px)
{
    .reels-how-it-works__item-caption[data-v-2a139cb1]
    {
        font-size: .75rem;
        line-height: 130%;
        font-weight: 700;
    }
}
.reels-modal-wrapper[data-v-accf1f9e]
{
    background: rgba(var(--color-tertiary-5),.7);
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
.reels-modal-wrapper .reels-modal[data-v-accf1f9e]
{
    height: inherit;
    width: inherit;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    background: var(--color-layer-body);
}
@media(min-width: 768px)
{
    .reels-modal-wrapper .reels-modal[data-v-accf1f9e]
    {
        margin: calc(5vh - 5px) auto 0 auto;
        height: 90vh;
        height: 90dvh;
        width: 50.625vh;
        border-radius: 1vh;
    }
}
.reels[data-v-a68fce3c]
{
    width: 100%;
    height: 100%;
}
.pixel-analytics[data-v-3915d2bf]
{
    position: fixed;
    right: 100%;
    top: 100%;
}
.back-to-top
{
    padding: .5rem;
    position: fixed;
    bottom: var(--bottom,2rem);
    right: .5rem;
    z-index: 999;
}
@media(min-width: 768px)
{
    .back-to-top
    {
        right: 2rem;
    }
}
.back-to-top.is-hidden
{
    opacity: 0;
    z-index: 0;
}
#fasttrack-crm
{
    z-index: 1000!important;
}
#fasttrack-crm>div .overlay-fog
{
    background-color: var(--color-tertiary-5);
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
}
#fasttrack-crm>div .close-btn
{
    background: none;
    margin: 1rem;
    box-shadow: none;
    width: 1.5rem;
    height: 1.5rem;
}
@media(min-width: 768px)
{
    #fasttrack-crm>div .close-btn
    {
        margin: 1.5rem;
    }
}
#fasttrack-crm>div .close-btn:before, #fasttrack-crm>div .close-btn:after
{
    background: var(--color-text-menu-default);
    height: 1.25rem;
    top: 0;
    right: .625rem;
    left: auto;
}
#fasttrack-crm>div .delete-button
{
    fill: var(--color-text-menu-default);
}
#fasttrack-crm>div .inbox-wrapper
{
    justify-content: flex-end;
    font-family: Sora,system-ui,sans-serif;
    background: none;
}
@media(min-width: 768px)
{
    #fasttrack-crm>div .inbox-wrapper
    {
        justify-content: center;
    }
}
#fasttrack-crm>div .inbox-wrapper .inbox
{
    background: var(--color-layer-body);
    border-radius: 1.5rem 1.5rem 0 0;
    width: 100%;
    padding: 1rem;
    max-width: 26.5rem;
    height: auto;
    max-height: 80vh;
    min-height: auto;
    margin: 0;
}
@media(min-width: 768px)
{
    #fasttrack-crm>div .inbox-wrapper .inbox
    {
        padding: 1.5rem;
        border-radius: 1.5rem;
    }
}
#fasttrack-crm>div .inbox-wrapper .inbox .bottom-info
{
    display: none;
}
#fasttrack-crm>div .inbox-wrapper .inbox .selected-message
{
    background: none;
    font-family: Sora,system-ui,sans-serif;
}
#fasttrack-crm>div .inbox-wrapper .inbox .selected-message .image
{
    border-radius: 1rem;
    min-height: 7.5rem;
    max-height: 7.5rem;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
@media(min-width: 768px)
{
    #fasttrack-crm>div .inbox-wrapper .inbox .selected-message .image
    {
        margin-bottom: 1.5rem;
    }
}
#fasttrack-crm>div .inbox-wrapper .inbox .selected-message .scroll-area
{
    display: flex;
    flex-direction: column;
}
#fasttrack-crm>div .inbox-wrapper .inbox .selected-message .scroll-area>*
{
    padding-bottom: .5rem;
}
@media(min-width: 768px)
{
    #fasttrack-crm>div .inbox-wrapper .inbox .selected-message .scroll-area>*
    {
        padding-bottom: 1rem;
    }
}
#fasttrack-crm>div .inbox-wrapper .inbox .selected-message .scroll-area>*:last-child
{
    padding-bottom: 0;
}
#fasttrack-crm>div .inbox-wrapper .inbox .selected-message .message-body
{
    margin: 0;
    color: var(--color-text-alt);
}
#fasttrack-crm>div .inbox-wrapper .inbox .selected-message .bottom-info
{
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;
    color: var(--color-text-body);
    font-size: .875rem;
    line-height: 170%;
    font-weight: 400;
}
#fasttrack-crm>div .inbox-wrapper .inbox .selected-message .buttons-row
{
    margin: 0;
    display: block;
}
#fasttrack-crm>div .inbox-wrapper .inbox .selected-message .buttons-row a
{
    flex: 1 1 auto;
    min-width: auto;
    max-width: 100%;
}
#fasttrack-crm>div .inbox-wrapper .inbox .selected-message .buttons-row a:first-child
{
    margin-right: 1rem;
}
#fasttrack-crm>div .inbox-wrapper .inbox .selected-message .bottom-row
{
    padding: 1.5rem 0 0;
    box-shadow: none;
}
#fasttrack-crm>div .inbox-wrapper .inbox .selected-message .footer-text
{
    padding: 0;
    display: none;
}
#fasttrack-crm>div .inbox-wrapper .inbox .selected-message .title
{
    font-size: 1.25rem;
    line-height: normal;
    font-weight: 700;
}
#fasttrack-crm>div .inbox-wrapper .inbox-navigation-bar
{
    box-shadow: none;
    padding: 0;
    height: auto;
    min-height: auto;
    margin-bottom: 1.5rem;
    text-align: center;
}
#fasttrack-crm>div .inbox-wrapper .inbox-navigation-bar .title, #fasttrack-crm>div .inbox-wrapper .inbox-navigation-bar .back-button
{
    color: var(--color-text-alt);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 700;
}
#fasttrack-crm>div .inbox-wrapper .inbox-navigation-bar .title
{
    width: 100%;
}
#fasttrack-crm>div .inbox-wrapper .inbox-navigation-bar .contact-details, #fasttrack-crm>div .inbox-wrapper .inbox-navigation-bar .logo
{
    display: none;
}
#fasttrack-crm>div .inbox-wrapper .inbox-navigation-bar .back-button
{
    padding: 0 0 0 1.5rem;
}
#fasttrack-crm>div .inbox-wrapper .inbox-navigation-bar .back-button:before, #fasttrack-crm>div .inbox-wrapper .inbox-navigation-bar .back-button:after
{
    background: var(--color-text-menu-default);
    left: .5rem;
    height: .5rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#fasttrack-crm>div .inbox-wrapper .inbox-navigation-bar .back-button:after
{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#fasttrack-crm>div .inbox-wrapper .messages-list-wrapper
{
    max-height: calc(60vh - 3rem);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#fasttrack-crm>div .inbox-wrapper .messages-list
{
    overflow: auto;
    position: relative;
    height: auto;
    -webkit-overflow-scrolling: touch;
}
#fasttrack-crm>div .inbox-wrapper .message
{
    padding: 1rem 2rem 1rem 1.5rem;
    height: auto;
    display: grid;
    grid-gap: .5rem;
    justify-content: flex-start;
}
#fasttrack-crm>div .inbox-wrapper .message:hover
{
    background: none;
}
#fasttrack-crm>div .inbox-wrapper .message:first-child
{
    padding-top: 0;
}
#fasttrack-crm>div .inbox-wrapper .message:first-child .unread-badge
{
    top: .5rem;
}
#fasttrack-crm>div .inbox-wrapper .message .title
{
    font-size: 1rem;
    line-height: 150%;
    font-weight: 700;
}
#fasttrack-crm>div .inbox-wrapper .message .unread-badge
{
    background: var(--color-error);
    width: .5rem;
    height: .5rem;
    left: 0;
    top: 1.5rem;
}
#fasttrack-crm>div .inbox-wrapper .no-messages svg
{
    fill: var(--color-text-alt);
}
#fasttrack-crm>div .inbox-wrapper .no-messages span
{
    color: var(--color-text-alt);
}
#fasttrack-crm>div .small-notifications-wrapper .text, #fasttrack-crm>div .small-notifications-wrapper .date, #fasttrack-crm>div .small-notifications-wrapper .title, #fasttrack-crm>div .small-notifications-wrapper h1.title, #fasttrack-crm>div .small-notifications-wrapper .preview, #fasttrack-crm>div .small-notifications-wrapper .back-button, #fasttrack-crm>div .selected-message .text, #fasttrack-crm>div .selected-message .date, #fasttrack-crm>div .selected-message .title, #fasttrack-crm>div .selected-message h1.title, #fasttrack-crm>div .selected-message .preview, #fasttrack-crm>div .selected-message .back-button, #fasttrack-crm>div .inbox-wrapper .text, #fasttrack-crm>div .inbox-wrapper .date, #fasttrack-crm>div .inbox-wrapper .title, #fasttrack-crm>div .inbox-wrapper h1.title, #fasttrack-crm>div .inbox-wrapper .preview, #fasttrack-crm>div .inbox-wrapper .back-button
{
    font-family: Sora,system-ui,sans-serif;
    padding: 0;
    margin: 0;
    color: var(--color-text-body);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 400;
}
#fasttrack-crm>div .small-notifications-wrapper .title, #fasttrack-crm>div .selected-message .title, #fasttrack-crm>div .inbox-wrapper .title
{
    color: var(--color-text-alt);
    font-weight: 700;
}
#fasttrack-crm>div .small-notifications-wrapper .date, #fasttrack-crm>div .selected-message .date, #fasttrack-crm>div .inbox-wrapper .date
{
    font-size: .75rem;
    line-height: 130%;
    font-weight: 400;
}
#fasttrack-crm>div .small-notifications-wrapper .text, #fasttrack-crm>div .selected-message .text, #fasttrack-crm>div .inbox-wrapper .text
{
    min-height: 100%;
    max-height: 100%;
}
#fasttrack-crm>div .small-notifications-wrapper .show-message-button, #fasttrack-crm>div .small-notifications-wrapper .cta-button, #fasttrack-crm>div .selected-message .show-message-button, #fasttrack-crm>div .selected-message .cta-button, #fasttrack-crm>div .inbox-wrapper .show-message-button, #fasttrack-crm>div .inbox-wrapper .cta-button
{
    transition: box-shadow .15s ease-in-out,color .15s ease-in-out,background-color .15s background-image .15s ease-in-out;
    text-align: center;
    border-radius: 1.5rem;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    border: none;
    text-transform: unset;
    background: var(--color-primary-1);
    color: var(--color-on-light-back);
    font-size: .875rem;
    line-height: 170%;
    font-weight: 700;
    padding: .5rem 1rem;
    height: auto;
    margin: 0;
}
#fasttrack-crm>div .small-notifications-wrapper .show-message-button:hover, #fasttrack-crm>div .small-notifications-wrapper .cta-button:hover, #fasttrack-crm>div .selected-message .show-message-button:hover, #fasttrack-crm>div .selected-message .cta-button:hover, #fasttrack-crm>div .inbox-wrapper .show-message-button:hover, #fasttrack-crm>div .inbox-wrapper .cta-button:hover
{
    background: var(--color-primary-2);
}
#fasttrack-crm>div .small-notifications-wrapper .show-message-button:active, #fasttrack-crm>div .small-notifications-wrapper .show-message-button.active, #fasttrack-crm>div .small-notifications-wrapper .cta-button:active, #fasttrack-crm>div .small-notifications-wrapper .cta-button.active, #fasttrack-crm>div .selected-message .show-message-button:active, #fasttrack-crm>div .selected-message .show-message-button.active, #fasttrack-crm>div .selected-message .cta-button:active, #fasttrack-crm>div .selected-message .cta-button.active, #fasttrack-crm>div .inbox-wrapper .show-message-button:active, #fasttrack-crm>div .inbox-wrapper .show-message-button.active, #fasttrack-crm>div .inbox-wrapper .cta-button:active, #fasttrack-crm>div .inbox-wrapper .cta-button.active
{
    background: var(--color-primary-4);
}
#fasttrack-crm>div .small-notifications-wrapper .show-message-button:before, #fasttrack-crm>div .small-notifications-wrapper .cta-button:before, #fasttrack-crm>div .selected-message .show-message-button:before, #fasttrack-crm>div .selected-message .cta-button:before, #fasttrack-crm>div .inbox-wrapper .show-message-button:before, #fasttrack-crm>div .inbox-wrapper .cta-button:before
{
    display: none;
}
#fasttrack-crm>div .small-notifications-wrapper .show-message-button.secondary, #fasttrack-crm>div .small-notifications-wrapper .cta-button.secondary, #fasttrack-crm>div .selected-message .show-message-button.secondary, #fasttrack-crm>div .selected-message .cta-button.secondary, #fasttrack-crm>div .inbox-wrapper .show-message-button.secondary, #fasttrack-crm>div .inbox-wrapper .cta-button.secondary
{
    transition: box-shadow .15s ease-in-out,color .15s ease-in-out,background-color .15s background-image .15s ease-in-out;
    text-align: center;
    border-radius: 1.5rem;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    border: none;
    text-transform: unset;
    color: var(--color-text-body);
    background: transparent;
    box-shadow: inset 0 0 0 1px var(--color-secondary-6);
    font-size: .875rem;
    line-height: 170%;
    font-weight: 700;
    padding: .5rem 1rem;
    height: auto;
}
#fasttrack-crm>div .small-notifications-wrapper .show-message-button.secondary:hover, #fasttrack-crm>div .small-notifications-wrapper .cta-button.secondary:hover, #fasttrack-crm>div .selected-message .show-message-button.secondary:hover, #fasttrack-crm>div .selected-message .cta-button.secondary:hover, #fasttrack-crm>div .inbox-wrapper .show-message-button.secondary:hover, #fasttrack-crm>div .inbox-wrapper .cta-button.secondary:hover
{
    background: var(--color-tertiary-2);
    box-shadow: none;
}
#fasttrack-crm>div .small-notifications-wrapper .show-message-button.secondary:active, #fasttrack-crm>div .small-notifications-wrapper .show-message-button.secondary.active, #fasttrack-crm>div .small-notifications-wrapper .cta-button.secondary:active, #fasttrack-crm>div .small-notifications-wrapper .cta-button.secondary.active, #fasttrack-crm>div .selected-message .show-message-button.secondary:active, #fasttrack-crm>div .selected-message .show-message-button.secondary.active, #fasttrack-crm>div .selected-message .cta-button.secondary:active, #fasttrack-crm>div .selected-message .cta-button.secondary.active, #fasttrack-crm>div .inbox-wrapper .show-message-button.secondary:active, #fasttrack-crm>div .inbox-wrapper .show-message-button.secondary.active, #fasttrack-crm>div .inbox-wrapper .cta-button.secondary:active, #fasttrack-crm>div .inbox-wrapper .cta-button.secondary.active
{
    background: var(--color-tertiary-1);
    color: var(--color-on-dark-back);
    box-shadow: none;
}
#fasttrack-crm>div .small-notifications-wrapper
{
    padding: 0;
    top: var(--header-height,5rem);
    position: fixed;
    max-width: 20rem;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%);
}
@media(min-width: 480px)
{
    #fasttrack-crm>div .small-notifications-wrapper
    {
        right: 2rem;
        left: auto;
        -webkit-transform: translate(0,0);
        transform: translate(0);
    }
}
#fasttrack-crm>div .small-notifications-wrapper:empty
{
    -webkit-transform: translate(0,-2rem);
    transform: translateY(-2rem);
    transition: all .2s;
}
#fasttrack-crm>div .notification-small
{
    padding: 1rem;
    border: 0;
    border-radius: 1rem;
    overflow: hidden;
    background: var(--color-layer-alt-2);
}
#fasttrack-crm>div .notification-small .title
{
    padding-right: 1.5rem;
}
@media(min-width: 768px)
{
    #fasttrack-crm>div .notification-small
    {
        padding: 1.5rem;
    }
}
#fasttrack-crm>div .notification-small>div
{
    display: grid;
    grid-gap: .5rem;
}
.inbox-button
{
    border-radius: 0 1rem 1rem 0;
    background-color: var(--color-layer-alt-2);
    box-shadow: 0 3px 3px var(--color-tertiary-4);
    position: fixed;
    bottom: calc(6rem + env(safe-area-inset-bottom));
    z-index: 2;
    cursor: pointer;
    -webkit-transform: translate(-100%,0);
    transform: translate(-100%);
    transition: all .2s;
    padding-bottom: env(safe-area-inset-bottom);
}
.inbox-button.show
{
    -webkit-transform: translate(0,0);
    transform: translate(0);
}
@media(min-width: 1024px)
{
    .inbox-button
    {
        bottom: 1.5rem;
    }
}
.inbox-button--position-1
{
    bottom: calc(9.5rem + env(safe-area-inset-bottom));
}
@media(min-width: 1024px)
{
    .inbox-button--position-1
    {
        bottom: 1.5rem;
    }
}
.inbox-button__icon
{
    position: relative;
    color: var(--color-text-menu-default);
}
.inbox-button__pin
{
    min-width: 1rem;
    padding: 0 2px;
    box-sizing: border-box;
    height: 1rem;
    line-height: 1rem;
    border-radius: 50px;
    border: 0;
    background-color: var(--color-primary-5);
    color: var(--color-on-light-back);
    font-size: .5rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    text-align: center;
}
.inbox-button__pin:empty
{
    display: none;
}
.support-chat-badge[data-v-e8270064]
{
    position: fixed;
    bottom: 6rem;
    right: 0;
    z-index: 99999;
}
@media(min-width: 768px)
{
    .support-chat-badge[data-v-e8270064]
    {
        bottom: 3rem;
    }
}
.support-chat-badge__button[data-v-e8270064]
{
    height: 3.5rem;
    width: 3.5rem;
    border-radius: 1rem 0 0 1rem;
}
.onboard-item__message[data-v-a97ddbda]
{
    display: grid;
    grid-gap: .5rem;
    background: var(--color-secondary-2);
    color: var(--color-on-dark-back);
    padding: .5rem 1rem;
    border-radius: .5rem;
    width: 15rem;
}
.onboard-item__message-with-count[data-v-a97ddbda]
{
    grid-gap: 1rem;
    padding: 1rem;
}
.onboard-item__message-arrow[data-v-a97ddbda]
{
    background: var(--color-secondary-2);
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .5rem;
    height: .5rem;
}
.onboard-item__message-action[data-v-a97ddbda]
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.onboard-overlay[data-v-80d570fc]
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: var(--color-tertiary-5);
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
}
.onboard-item-container[data-v-80d570fc]
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
}
.overlay-fade-enter-active, .overlay-fade-leave-active
{
    transition: opacity .5s;
}
.overlay-fade-enter-from, .overlay-fade-leave-to
{
    opacity: 0;
}
.onboarding-sidebar-element
{
    background: var(--color-layer-alt-2);
    margin-left: -1rem;
    margin-top: -1rem;
}
:root
{
    --grid-template-column: [main-start] repeat(4,1fr) [main-end];
}
@media(min-width: 768px)
{
    :root
    {
        --grid-template-column: [main-start] repeat(8,1fr) [main-end];
    }
}
@media(min-width: 1024px)
{
    :root
    {
        --grid-template-column: [main-start] repeat(12,1fr) [main-end];
    }
}
[main-layout-width], .main-layout-width
{
    max-width: var(--main-layout-width);
    transition: max-width .3s;
}
[grid-auto-columns-auto], .grid-auto-columns-auto
{
    grid-auto-columns: minmax(0,auto);
}
[grid-layout-column], .grid-layout-column
{
    grid-auto-columns: minmax(0,auto);
    display: grid;
    grid-template-columns: [main-start] 1fr [main-end];
    grid-column-gap: 1.5rem;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    grid-gap: 1rem;
    gap: 1rem;
    margin: auto;
}
@media(min-width: 768px)
{
    [grid-layout-column], .grid-layout-column
    {
        max-width: var(--main-layout-width);
        display: grid;
        grid-template-columns: var(--grid-template-column);
        grid-gap: 1.5rem;
        gap: 1.5rem;
        margin: auto;
    }
}
[grid-content], .grid-content
{
    display: grid;
    grid-template-columns: var(--grid-template-column);
    grid-column: main-start/main-end;
    grid-gap: 1rem;
    gap: 1rem;
}
@media(min-width: 768px)
{
    [grid-content], .grid-content
    {
        grid-column: main-start/span 6;
        gap: 1rem;
    }
}
@media(min-width: 1024px)
{
    [grid-content], .grid-content
    {
        grid-column: main-start/span 10;
    }
}
[grid-sidebar]
{
    grid-column: main-start/main-end;
}
@media(min-width: 768px)
{
    [grid-sidebar]
    {
        grid-column: 2 span/main-end;
    }
}
[grid-full-width], .grid-full-width
{
    width: 100%;
    grid-column: 1/-1;
}
[mobile-layout-width], .mobile-layout-width
{
    width: 100%;
    max-width: var(--main-layout-width);
    margin: 0 auto;
}
@media(min-width: 768px)
{
    [mobile-layout-width], .mobile-layout-width
    {
        width: 100%;
    }
}
[grid-center-position], .grid-center-position
{
    grid-column: main-start/main-end;
}
@media(min-width: 768px)
{
    [grid-center-position], .grid-center-position
    {
        grid-column: 1/span 8;
    }
}
@media(min-width: 1024px)
{
    [grid-center-position], .grid-center-position
    {
        grid-column: 3/span 8;
    }
}
[gap-xs], .gap-xs
{
    display: grid;
    grid-gap: .5rem;
    gap: .5rem;
}
@media(min-width: 1024px)
{
    [gap-xs], .gap-xs
    {
        gap: 1rem;
    }
}
[gap-s], .gap-s
{
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
}
@media(min-width: 1024px)
{
    [gap-s], .gap-s
    {
        gap: 1.5rem;
    }
}
[gap-m], .gap-m
{
    display: grid;
    grid-gap: 1.5rem;
    gap: 1.5rem;
}
@media(min-width: 1024px)
{
    [gap-m], .gap-m
    {
        gap: 2rem;
    }
}
[gap-row-xs], .gap-row-xs
{
    display: grid;
    grid-row-gap: .5rem;
    row-gap: .5rem;
}
@media(min-width: 1024px)
{
    [gap-row-xs], .gap-row-xs
    {
        row-gap: 1rem;
    }
}
[gap-row-s], .gap-row-s
{
    display: grid;
    grid-row-gap: 1rem;
    row-gap: 1rem;
}
@media(min-width: 1024px)
{
    [gap-row-s], .gap-row-s
    {
        row-gap: 1.5rem;
    }
}
[gap-row-m], .gap-row-m
{
    display: grid;
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
}
@media(min-width: 1024px)
{
    [gap-row-m], .gap-row-m
    {
        row-gap: 2rem;
    }
}
[gap-column-xs], .gap-column-xs
{
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: .5rem;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
}
@media(min-width: 1024px)
{
    [gap-column-xs], .gap-column-xs
    {
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}
[gap-column-s], .gap-column-s
{
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 1rem;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}
@media(min-width: 1024px)
{
    [gap-column-s], .gap-column-s
    {
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
}
[gap-column-m], .gap-column-m
{
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 1.5rem;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}
@media(min-width: 1024px)
{
    [gap-column-m], .gap-column-m
    {
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
}
[align-items-center], .align-items-center
{
    align-items: center;
}
[justify-items-center]
{
    justify-items: center;
}
[justify-content-center], .justify-content-center
{
    justify-content: center;
}
[justify-space-between], .justify-space-between
{
    justify-content: space-between;
}
[padding-xs], .padding-xs
{
    padding: .5rem;
}
@media(min-width: 1024px)
{
    [padding-xs], .padding-xs
    {
        padding: 1rem;
    }
}
[padding-s], .padding-s
{
    padding: 1rem;
}
@media(min-width: 1024px)
{
    [padding-s], .padding-s
    {
        padding: 1.5rem;
    }
}
[padding-m], .padding-m
{
    padding: 1.5rem;
}
@media(min-width: 1024px)
{
    [padding-m], .padding-m
    {
        padding: 2rem;
    }
}
ul.list-number, li.list-number
{
    padding: 0;
    list-style: none;
    counter-reset: my-awesome-counter;
}
ul.list-number>*, li.list-number>*
{
    counter-increment: my-awesome-counter;
    display: flex;
    margin-bottom: .5rem;
}
ul.list-number>* strong, li.list-number>* strong
{
    color: var(--color-text-alt);
}
ul.list-number>*:before, li.list-number>*:before
{
    content: counter(my-awesome-counter);
    font-size: .75rem;
    line-height: 130%;
    font-weight: 700;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    background: linear-gradient(89.77deg,#ff3858 .17%,#d200e1 99.8%);
    color: var(--color-text-alt);
    text-align: center;
    border-radius: 1.5rem;
    margin-right: .5rem;
    flex-shrink: 0;
}
:root .theme-dark
{
    --color-layer-body: #110e1b;
    --color-layer-alt-1: #221c36;
    --color-layer-alt-2: #30284c;
    --color-layer-alt-3: rgba(68,56,108,.6);
    --color-primary-1: #00eda6;
    --color-primary-2: #00d595;
    --color-primary-3: #00be85;
    --color-primary-4: #00a674;
    --color-primary-5: #4df2c1;
    --color-secondary-1: #cd3fe2;
    --color-secondary-2: #574c7b;
    --color-secondary-3: #a432b5;
    --color-secondary-4: #362f4c;
    --color-secondary-5: #dc79eb;
    --color-secondary-6: #4c426b;
    --color-additional-1: #ffe114;
    --color-tertiary-1: #8b7cbb;
    --color-tertiary-2: rgba(88,72,139,.72);
    --color-tertiary-3: rgba(88,72,139,.4);
    --color-tertiary-4: rgba(0,10,18,.16);
    --color-tertiary-5: rgba(35,28,56,.72);
    --color-error: #f75757;
    --color-successfully: #20d552;
    --color-warning: #ffba33;
    --color-text-body: #b6bdcc;
    --color-text-alt: #f7f7f7;
    --color-text-menu-default: #c1b3db;
    --color-text-menu-active: #f7f7f7;
    --color-text-link-default: #00eda6;
    --color-text-link-active: #66f4ca;
    --color-on-dark-back: #fcfcfc;
    --color-on-light-back: #110e1b;
    --color-black: #000;
    --color-input-background: #443a70;
    --color-input-border: #443a70;
}
button
{
    font-family: inherit;
    letter-spacing: unset;
}
section, .section, .section--light, .section--secondary, .section--primary
{
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
    padding: 1rem;
    box-sizing: content-box;
    border-radius: 1rem;
    background-color: var(--color-layer-alt-1);
    color: var(--color-text-alt);
}
@media(min-width: 1024px)
{
    section, .section, .section--light, .section--secondary, .section--primary
    {
        gap: 1.5rem;
        padding: 1.5rem;
    }
}
.section--secondary
{
    border: 1px solid var(--color-secondary-1);
    background: transparent;
}
.section--light
{
    border: 1px solid var(--color-tertiary-2);
    background: transparent;
}
.section-p-0
{
    padding: 0;
}
.section-gap-0
{
    gap: 0;
}
p, li
{
    font-size: 1rem;
    line-height: 150%;
    font-weight: 400;
}
.large-title
{
    font-size: 2rem;
    line-height: 150%;
    font-weight: 800;
}
@media(min-width: 768px)
{
    .large-title
    {
        font-size: 3rem;
        line-height: 150%;
    }
}
.caption-1
{
    font-size: .875rem;
    line-height: 170%;
    font-weight: 400;
}
.caption-1-bold
{
    font-size: .875rem;
    line-height: 170%;
    font-weight: 700;
}
.caption-2
{
    font-size: .75rem;
    line-height: 130%;
    font-weight: 400;
}
.caption-2-bold
{
    font-size: .75rem;
    line-height: 130%;
    font-weight: 700;
}
.text--align-center
{
    text-align: center;
}
.nowrap
{
    white-space: nowrap;
}
.link
{
    text-decoration: underline;
    color: var(--color-text-link-default);
    cursor: pointer;
    font-size: inherit;
    font-weight: inherit;
}
.link:hover, .link.active
{
    color: var(--color-text-link-active);
}
.layout-enter-active, .layout-leave-active
{
    transition: all .2s;
}
.layout-enter-from, .layout-leave-to
{
    opacity: 0;
}
.popup-enter-active, .popup-leave-active
{
    transition: all .4s;
}
.popup-leave-active
{
    top: 0;
    position: absolute;
}
.popup-enter-from
{
    top: 0;
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
}
.popupoff-enter-active, .popupoff-leave-active
{
    transition: all .4s;
}
.popupoff-leave-active
{
    top: 0;
}
.popupoff-enter-from
{
    z-index: 1;
}
.popupoff-leave-to
{
    z-index: 100;
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh);
}
.fe-popup-transition-fade-enter-active, .fe-popup-transition-fade-leave-active
{
    transition: opacity .25s ease-out;
}
.fe-popup-transition-fade-enter-from, .fe-popup-transition-fade-leave-to
{
    opacity: 0;
}
.slidenext-leave-active, .slideback-leave-active
{
    transition: .2s;
}
.slidenext-enter-from
{
    -webkit-transform: translate(100%,0);
    transform: translate(100%);
}
.slidenext-leave-to
{
    -webkit-transform: translate(-100%,0);
    transform: translate(-100%);
}
.slide-enter-active, .slideback-enter-active
{
    transition: .2s;
}
.slideback-enter-from
{
    -webkit-transform: translate(-100%,0);
    transform: translate(-100%);
}
.slideback-leave-to
{
    -webkit-transform: translate(100%,0);
    transform: translate(100%);
}
.slide-container
{
    position: relative;
    width: 100%;
    display: flex;
    flex: 1;
    align-items: baseline;
}
.slide-container>div
{
    width: 100%;
}
.slide-container>div[class*=slide]
{
    position: absolute;
}
.color-text-alt
{
    color: var(--color-text-alt);
}
.color-text-body
{
    color: var(--color-text-body);
}
.color-text-additional
{
    color: var(--color-additional-1);
}
.color-text-warning
{
    color: var(--color-warning);
}
.background-additional
{
    background: var(--color-additional-1);
}
.color-text-successfully
{
    color: var(--color-successfully);
}
.background-successfully
{
    background: var(--color-successfully);
}
.color-text-falsy
{
    color: var(--color-error);
}
.background-falsy
{
    background: var(--color-error);
}
.scroll-stop
{
    overflow: hidden;
}
.block-scroll
{
    position: fixed;
    left: 0;
    right: 0;
}
::-webkit-calendar-picker-indicator
{
    display: none;
}
#app .sticky-main
{
    position: -webkit-sticky;
    position: sticky;
    top: -5rem;
    transition: top .4s ease-out;
}
#app .sticky-main.is-sticky
{
    -webkit-transform: translate3d(0,0,0);
    transform: translateZ(0);
    z-index: 200;
    top: 5rem;
}
#app .sticky-main.is-sticky.fe-menu
{
    top: 4rem;
}
#freshworks-survey-widget .widget-footer
{
    display: none!important;
}
*, :before, :after
{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
::-ms-backdrop
{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
::backdrop
{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
*, :before, :after
{
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor;
}
:before, :after
{
    --tw-content: "";
}
html, :host
{
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Sora,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}
body
{
    margin: 0;
    line-height: inherit;
}
hr
{
    height: 0;
    color: inherit;
    border-top-width: 1px;
}
abbr:where([title])
{
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6
{
    font-size: inherit;
    font-weight: inherit;
}
a
{
    color: inherit;
    text-decoration: inherit;
}
b, strong
{
    font-weight: bolder;
}
code, kbd, samp, pre
{
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
}
small
{
    font-size: 80%;
}
sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub
{
    bottom: -.25em;
}
sup
{
    top: -.5em;
}
table
{
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}
button, input, optgroup, select, textarea
{
    font-family: inherit;
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
button, select
{
    text-transform: none;
}
button, input:where([type=button]), input:where([type=reset]), input:where([type=submit])
{
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring
{
    outline: auto;
}
:-moz-ui-invalid
{
    box-shadow: none;
}
progress
{
    vertical-align: baseline;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button
{
    height: auto;
}
[type=search]
{
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration
{
    -webkit-appearance: none;
}
::-webkit-file-upload-button
{
    -webkit-appearance: button;
    font: inherit;
}
summary
{
    display: list-item;
}
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre
{
    margin: 0;
}
fieldset
{
    margin: 0;
    padding: 0;
}
legend
{
    padding: 0;
}
ol, ul, menu
{
    list-style: none;
    margin: 0;
    padding: 0;
}
dialog
{
    padding: 0;
}
textarea
{
    resize: vertical;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder
{
    opacity: 1;
    color: #9ca3af;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder
{
    opacity: 1;
    color: #9ca3af;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder
{
    opacity: 1;
    color: #9ca3af;
}
input::placeholder, textarea::placeholder
{
    opacity: 1;
    color: #9ca3af;
}
button, [role=button]
{
    cursor: pointer;
}
:disabled
{
    cursor: default;
}
img, svg, video, canvas, audio, iframe, embed, object
{
    display: block;
    vertical-align: middle;
}
img, video
{
    max-width: 100%;
    height: auto;
}
[hidden]:where(:not([hidden=until-found]))
{
    display: none;
}
.text-h1
{
    font-size: 1.5rem;
    line-height: 125%;
    font-weight: 700;
}
@media(min-width: 768px)
{
    .text-h1
    {
        font-size: 2rem;
    }
}
.text-h2
{
    font-size: 1.25rem;
    line-height: normal;
    font-weight: 700;
}
@media(min-width: 768px)
{
    .text-h2
    {
        font-size: 1.5rem;
    }
}
.text-large
{
    font-size: 2rem;
    line-height: 150%;
    font-weight: 800;
}
@media(min-width: 768px)
{
    .text-large
    {
        font-size: 3rem;
    }
}
:root
{
    --main-layout-width: calc(100vw - 2rem);
}
@media(min-width: 1024px)
{
    :root
    {
        --main-layout-width: calc(100vw - 7rem);
    }
}
@media(min-width: 1440px)
{
    :root
    {
        --main-layout-width: 82.5rem;
    }
}
:root .wide-layout
{
    --main-layout-width: calc(100vw - 2rem);
}
@media(min-width: calc(1920px + 2rem))
{
    :root .wide-layout
    {
        --main-layout-width: 120rem;
    }
}
html
{
    --tw-bg-opacity: 1;
    background-color: rgb(17 14 27/var(--tw-bg-opacity,1));
    font-size: 1rem;
    line-height: inherit;
}
body
{
    margin: 0;
    display: block;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(17 14 27/var(--tw-bg-opacity,1));
    font-family: Sora,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    -webkit-tap-highlight-color: transparent;
}
a
{
    --tw-text-opacity: 1;
    color: rgb(0 237 166/var(--tw-text-opacity,1));
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
hr
{
    margin: 0;
    width: auto;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: #58488b66;
    border-style: inset;
}
b, strong
{
    font-weight: 700;
}
img
{
    display: inline-block;
    max-width: none;
}
object
{
    pointer-events: none;
}
iframe
{
    display: inline;
    vertical-align: baseline;
}
input, select
{
    font-family: inherit;
}
ol, ul
{
    padding-left: 3rem;
}
ul
{
    list-style-type: "●  ";
}
ol
{
    list-style-type: decimal;
}
small
{
    font-size: .5625rem;
    line-height: 180%;
    letter-spacing: .06em;
}
h1, h2, h3, h4, h5, div, p, ol, ul
{
    margin: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    --tw-text-opacity: 1;
    color: rgb(247 247 247/var(--tw-text-opacity,1));
}
h1, .h1
{
    font-size: 1.5rem;
    line-height: 125%;
    font-weight: 700;
}
@media(min-width: 768px)
{
    h1, .h1
    {
        font-size: 2rem;
    }
}
h2, .h2
{
    font-size: 1.25rem;
    line-height: normal;
    font-weight: 700;
}
@media(min-width: 768px)
{
    h2, .h2
    {
        font-size: 1.5rem;
    }
}
h3, .h3, h4, .h4
{
    font-size: 1.25rem;
    line-height: normal;
    font-weight: 700;
}
h5, .h5
{
    font-size: 1rem;
    line-height: 150%;
    font-weight: 700;
}
table
{
    font-size: .875rem;
    line-height: 170%;
    font-weight: 700;
}
#app
{
    width: 100%;
    max-width: 100vw;
    --tw-text-opacity: 1;
    color: rgb(182 189 204/var(--tw-text-opacity,1));
}
.container
{
    width: 100%;
}
@media(min-width: 360px)
{
    .container
    {
        max-width: 360px;
    }
}
@media(min-width: 480px)
{
    .container
    {
        max-width: 480px;
    }
}
@media(min-width: 768px)
{
    .container
    {
        max-width: 768px;
    }
}
@media(min-width: 1024px)
{
    .container
    {
        max-width: 1024px;
    }
}
@media(min-width: 1440px)
{
    .container
    {
        max-width: 1440px;
    }
}
.pointer-events-none
{
    pointer-events: none;
}
.pointer-events-auto
{
    pointer-events: auto;
}
.visible
{
    visibility: visible;
}
.invisible
{
    visibility: hidden;
}
.static
{
    position: static;
}
.fixed
{
    position: fixed;
}
.absolute
{
    position: absolute;
}
.relative
{
    position: relative;
}
.sticky
{
    position: -webkit-sticky;
    position: sticky;
}
.inset-0
{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.inset-y-0
{
    top: 0;
    bottom: 0;
}
.-bottom-4
{
    bottom: -1rem;
}
.-left-\[9999px\]
{
    left: -9999px;
}
.-right-14
{
    right: -3.5rem;
}
.-right-2
{
    right: -.5rem;
}
.-top-4
{
    top: -1rem;
}
.bottom-0
{
    bottom: 0;
}
.bottom-1
{
    bottom: .25rem;
}
.bottom-2
{
    bottom: .5rem;
}
.bottom-auto
{
    bottom: auto;
}
.left-0
{
    left: 0;
}
.left-1\/2
{
    left: 50%;
}
.left-12
{
    left: 3rem;
}
.left-14
{
    left: 3.5rem;
}
.left-4
{
    left: 1rem;
}
.left-6
{
    left: 1.5rem;
}
.left-full
{
    left: 100%;
}
.right-0
{
    right: 0;
}
.right-2
{
    right: .5rem;
}
.right-4
{
    right: 1rem;
}
.right-6
{
    right: 1.5rem;
}
.top-0
{
    top: 0;
}
.top-1\/2
{
    top: 50%;
}
.top-2
{
    top: .5rem;
}
.top-20
{
    top: 5rem;
}
.top-3
{
    top: .75rem;
}
.top-auto
{
    top: auto;
}
.top-full
{
    top: 100%;
}
.z-0
{
    z-index: 0;
}
.z-1
{
    z-index: 1;
}
.z-10
{
    z-index: 10;
}
.z-100
{
    z-index: 100;
}
.z-2
{
    z-index: 2;
}
.z-99
{
    z-index: 99;
}
.z-9999
{
    z-index: 9999;
}
.z-\[98\]
{
    z-index: 98;
}
.z-bottom-menu
{
    z-index: 1000;
}
.z-header
{
    z-index: 10000;
}
.z-sidebar
{
    z-index: 10005;
}
.-order-1
{
    order: -1;
}
.order-1
{
    order: 1;
}
.order-last
{
    order: 9999;
}
.col-span-full
{
    grid-column: 1/-1;
}
.m-0
{
    margin: 0;
}
.m-4
{
    margin: 1rem;
}
.m-auto
{
    margin: auto;
}
.mx-0
{
    margin-left: 0;
    margin-right: 0;
}
.mx-1
{
    margin-left: .25rem;
    margin-right: .25rem;
}
.mx-4
{
    margin-left: 1rem;
    margin-right: 1rem;
}
.mx-5
{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}
.mx-auto
{
    margin-left: auto;
    margin-right: auto;
}
.my-0
{
    margin-top: 0;
    margin-bottom: 0;
}
.my-2
{
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.my-auto
{
    margin-top: auto;
    margin-bottom: auto;
}
.mb-1
{
    margin-bottom: .25rem;
}
.mb-2
{
    margin-bottom: .5rem;
}
.mb-3
{
    margin-bottom: .75rem;
}
.mb-4
{
    margin-bottom: 1rem;
}
.mb-6
{
    margin-bottom: 1.5rem;
}
.ml-0\.5
{
    margin-left: .125rem;
}
.ml-1
{
    margin-left: .25rem;
}
.ml-2
{
    margin-left: .5rem;
}
.ml-4
{
    margin-left: 1rem;
}
.ml-auto
{
    margin-left: auto;
}
.mr-0
{
    margin-right: 0;
}
.mr-1
{
    margin-right: .25rem;
}
.mr-2
{
    margin-right: .5rem;
}
.mr-4
{
    margin-right: 1rem;
}
.mt-1
{
    margin-top: .25rem;
}
.mt-2
{
    margin-top: .5rem;
}
.mt-2\.5
{
    margin-top: .625rem;
}
.mt-3
{
    margin-top: .75rem;
}
.mt-4
{
    margin-top: 1rem;
}
.mt-auto
{
    margin-top: auto;
}
.box-border
{
    box-sizing: border-box;
}
.line-clamp-2
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.\!block
{
    display: block!important;
}
.block
{
    display: block;
}
.inline-block
{
    display: inline-block;
}
.inline
{
    display: inline;
}
.flex
{
    display: flex;
}
.inline-flex
{
    display: inline-flex;
}
.table
{
    display: table;
}
.table-row
{
    display: table-row;
}
.grid
{
    display: grid;
}
.list-item
{
    display: list-item;
}
.\!hidden
{
    display: none!important;
}
.hidden
{
    display: none;
}
.h-10
{
    height: 2.5rem;
}
.h-12
{
    height: 3rem;
}
.h-16
{
    height: 4rem;
}
.h-2
{
    height: .5rem;
}
.h-20
{
    height: 5rem;
}
.h-24
{
    height: 6rem;
}
.h-28
{
    height: 7rem;
}
.h-32
{
    height: 8rem;
}
.h-36
{
    height: 9rem;
}
.h-4
{
    height: 1rem;
}
.h-44
{
    height: 11rem;
}
.h-48
{
    height: 12rem;
}
.h-5
{
    height: 1.25rem;
}
.h-56
{
    height: 14rem;
}
.h-6
{
    height: 1.5rem;
}
.h-64
{
    height: 16rem;
}
.h-8
{
    height: 2rem;
}
.h-92
{
    height: 23rem;
}
.h-\[1\.375rem\]
{
    height: 1.375rem;
}
.h-\[14\.5rem\]
{
    height: 14.5rem;
}
.h-\[4\.5rem\]
{
    height: 4.5rem;
}
.h-\[80vh\]
{
    height: 80vh;
}
.h-\[inherit\]
{
    height: inherit;
}
.h-auto
{
    height: auto;
}
.h-full
{
    height: 100%;
}
.h-max
{
    height: -webkit-max-content;
    height: max-content;
}
.h-px
{
    height: 1px;
}
.h-screen
{
    height: 100vh;
}
.max-h-12
{
    max-height: 3rem;
}
.max-h-8
{
    max-height: 2rem;
}
.min-h-4
{
    min-height: 1rem;
}
.min-h-56
{
    min-height: 14rem;
}
.min-h-\[80vh\]
{
    min-height: 80vh;
}
.\!w-32
{
    width: 8rem!important;
}
.\!w-72
{
    width: 18rem!important;
}
.w-1\/2
{
    width: 50%;
}
.w-10
{
    width: 2.5rem;
}
.w-12
{
    width: 3rem;
}
.w-16
{
    width: 4rem;
}
.w-2
{
    width: .5rem;
}
.w-20
{
    width: 5rem;
}
.w-24
{
    width: 6rem;
}
.w-28
{
    width: 7rem;
}
.w-3\.5
{
    width: .875rem;
}
.w-4
{
    width: 1rem;
}
.w-40
{
    width: 10rem;
}
.w-5
{
    width: 1.25rem;
}
.w-6
{
    width: 1.5rem;
}
.w-72
{
    width: 18rem;
}
.w-8
{
    width: 2rem;
}
.w-80
{
    width: 20rem;
}
.w-\[1\.375rem\]
{
    width: 1.375rem;
}
.w-\[19\.5rem\]
{
    width: 19.5rem;
}
.w-\[19rem\]
{
    width: 19rem;
}
.w-\[28\%\]
{
    width: 28%;
}
.w-\[3\.125rem\]
{
    width: 3.125rem;
}
.w-\[4\.5rem\]
{
    width: 4.5rem;
}
.w-\[fit-content\]
{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.w-\[inherit\]
{
    width: inherit;
}
.w-auto
{
    width: auto;
}
.w-fit
{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.w-full
{
    width: 100%;
}
.w-max
{
    width: -webkit-max-content;
    width: max-content;
}
.w-screen
{
    width: 100vw;
}
.min-w-0
{
    min-width: 0;
}
.min-w-4
{
    min-width: 1rem;
}
.min-w-72
{
    min-width: 18rem;
}
.min-w-8
{
    min-width: 2rem;
}
.min-w-full
{
    min-width: 100%;
}
.max-w-108
{
    max-width: 27rem;
}
.max-w-24
{
    max-width: 6rem;
}
.max-w-6
{
    max-width: 1.5rem;
}
.max-w-\[100vw\]
{
    max-width: 100vw;
}
.max-w-\[1320px\]
{
    max-width: 1320px;
}
.max-w-\[30rem\]
{
    max-width: 30rem;
}
.max-w-full
{
    max-width: 100%;
}
.max-w-layout
{
    max-width: var(--main-layout-width,100%);
}
.flex-1
{
    flex: 1 1 0%;
}
.flex-\[1_0_5\.5rem\]
{
    flex: 1 0 5.5rem;
}
.flex-shrink
{
    flex-shrink: 1;
}
.flex-shrink-0, .shrink-0
{
    flex-shrink: 0;
}
.flex-grow, .grow
{
    flex-grow: 1;
}
.basis-1\/2
{
    flex-basis: 50%;
}
.basis-56
{
    flex-basis: 14rem;
}
.origin-top
{
    -webkit-transform-origin: top;
    transform-origin: top;
}
.-translate-x-1\/2
{
    --tw-translate-x: -50%;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full
{
    --tw-translate-x: -100%;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2
{
    --tw-translate-y: -50%;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full
{
    --tw-translate-y: -100%;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0
{
    --tw-translate-x: 0px;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0
{
    --tw-rotate: 0deg;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180
{
    --tw-rotate: 180deg;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-45
{
    --tw-rotate: 45deg;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform
{
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-default
{
    cursor: default;
}
.cursor-not-allowed
{
    cursor: not-allowed;
}
.cursor-pointer
{
    cursor: pointer;
}
.select-none
{
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.resize
{
    resize: both;
}
.snap-x
{
    -ms-scroll-snap-type: x var(--tw-scroll-snap-strictness);
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory
{
    --tw-scroll-snap-strictness: mandatory;
}
.list-\[square\]
{
    list-style-type: square;
}
.list-none
{
    list-style-type: none;
}
.appearance-none
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.auto-cols-\[minmax\(var\(--carousel-item-width\)\,_1fr\)\]
{
    grid-auto-columns: minmax(var(--carousel-item-width),1fr);
}
.auto-cols-auto
{
    grid-auto-columns: auto;
}
.auto-cols-fr
{
    grid-auto-columns: minmax(0,1fr);
}
.grid-flow-col
{
    grid-auto-flow: column;
}
.grid-cols-1
{
    grid-template-columns: repeat(1,minmax(0,1fr));
}
.grid-cols-2
{
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.grid-cols-3
{
    grid-template-columns: repeat(3,minmax(0,1fr));
}
.grid-cols-6
{
    grid-template-columns: repeat(6,minmax(0,1fr));
}
.grid-cols-\[1fr\,_repeat\(2\,_min-content\)\]
{
    grid-template-columns: 1fr repeat(2,-webkit-min-content);
    grid-template-columns: 1fr repeat(2,min-content);
}
.grid-cols-\[1rem\,_auto\]
{
    grid-template-columns: 1rem auto;
}
.grid-cols-\[4rem\,_max-content\,_1fr\]
{
    grid-template-columns: 4rem -webkit-max-content 1fr;
    grid-template-columns: 4rem max-content 1fr;
}
.grid-cols-\[_1fr\,auto\]
{
    grid-template-columns: 1fr auto;
}
.grid-cols-\[_max-content\,_1fr\,_max-content\,_max-content\,_1\.5rem\]
{
    grid-template-columns: -webkit-max-content 1fr -webkit-max-content -webkit-max-content 1.5rem;
    grid-template-columns: max-content 1fr max-content max-content 1.5rem;
}
.grid-cols-\[_min-content_auto_min-content\]
{
    grid-template-columns: -webkit-min-content auto -webkit-min-content;
    grid-template-columns: min-content auto min-content;
}
.grid-cols-\[auto_1fr\]
{
    grid-template-columns: auto 1fr;
}
.grid-cols-\[auto_1fr_auto\]
{
    grid-template-columns: auto 1fr auto;
}
.grid-cols-\[max-content\,_minmax\(8rem\,_1fr\)\]
{
    grid-template-columns: -webkit-max-content minmax(8rem,1fr);
    grid-template-columns: max-content minmax(8rem,1fr);
}
.grid-cols-\[repeat\(2\,_max-content\)\]
{
    grid-template-columns: repeat(2,-webkit-max-content);
    grid-template-columns: repeat(2,max-content);
}
.grid-cols-\[repeat\(auto-fill\,_var\(--carousel-item-width\)\)\]
{
    grid-template-columns: repeat(auto-fill,var(--carousel-item-width));
}
.grid-rows-\[min-content\,_1fr\]
{
    grid-template-rows: -webkit-min-content 1fr;
    grid-template-rows: min-content 1fr;
}
.grid-rows-\[repeat\(3\,_min-content\)\]
{
    grid-template-rows: repeat(3,-webkit-min-content);
    grid-template-rows: repeat(3,min-content);
}
.flex-col
{
    flex-direction: column;
}
.flex-col-reverse
{
    flex-direction: column-reverse;
}
.flex-wrap
{
    flex-wrap: wrap;
}
.content-center
{
    align-content: center;
}
.content-start
{
    align-content: flex-start;
}
.content-end
{
    align-content: flex-end;
}
.items-start
{
    align-items: flex-start;
}
.items-center
{
    align-items: center;
}
.items-baseline
{
    align-items: baseline;
}
.justify-start
{
    justify-content: flex-start;
}
.justify-end
{
    justify-content: flex-end;
}
.justify-center
{
    justify-content: center;
}
.justify-between
{
    justify-content: space-between;
}
.justify-stretch
{
    justify-content: stretch;
}
.justify-items-end
{
    justify-items: end;
}
.justify-items-center
{
    justify-items: center;
}
.\!gap-2
{
    gap: .5rem!important;
}
.gap-1
{
    gap: .25rem;
}
.gap-2
{
    gap: .5rem;
}
.gap-4
{
    gap: 1rem;
}
.gap-6
{
    gap: 1.5rem;
}
.gap-\[var\(--carousel-gap\)\]
{
    gap: var(--carousel-gap);
}
.gap-y-2
{
    row-gap: .5rem;
}
.gap-y-6
{
    row-gap: 1.5rem;
}
.divide-y>:not([hidden])~:not([hidden])
{
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-tertiary-3>:not([hidden])~:not([hidden])
{
    border-color: #58488b66;
}
.self-start
{
    align-self: flex-start;
}
.justify-self-center
{
    justify-self: center;
}
.overflow-hidden
{
    overflow: hidden;
}
.overflow-x-auto
{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.overflow-y-auto
{
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.overflow-x-hidden
{
    overflow-x: hidden;
}
.overflow-y-hidden
{
    overflow-y: hidden;
}
.overflow-x-scroll
{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
.truncate
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.whitespace-nowrap
{
    white-space: nowrap;
}
.text-nowrap
{
    text-wrap: nowrap;
}
.break-words
{
    overflow-wrap: break-word;
}
.\!rounded-none
{
    border-radius: 0!important;
}
.rounded-\[0\.25rem\]
{
    border-radius: .25rem;
}
.rounded-full
{
    border-radius: 9999px;
}
.rounded-md
{
    border-radius: 1.5rem;
}
.rounded-none
{
    border-radius: 0;
}
.rounded-sm
{
    border-radius: 1rem;
}
.rounded-xs
{
    border-radius: .5rem;
}
.rounded-b-\[0\.25rem\]
{
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.rounded-b-md
{
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}
.rounded-b-none
{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.rounded-b-sm
{
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.rounded-b-xs
{
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.rounded-r-sm
{
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.rounded-es-md
{
    border-end-start-radius: 1.5rem;
}
.rounded-se-md
{
    border-start-end-radius: 1.5rem;
}
.border
{
    border-width: 1px;
}
.border-0
{
    border-width: 0;
}
.border-2
{
    border-width: 2px;
}
.border-y
{
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.border-b
{
    border-bottom-width: 1px;
}
.border-b-0
{
    border-bottom-width: 0;
}
.border-b-2
{
    border-bottom-width: 2px;
}
.border-r-2
{
    border-right-width: 2px;
}
.border-t
{
    border-top-width: 1px;
}
.border-t-0
{
    border-top-width: 0;
}
.border-t-4
{
    border-top-width: 4px;
}
.border-solid
{
    border-style: solid;
}
.border-none
{
    border-style: none;
}
.border-additional
{
    --tw-border-opacity: 1;
    border-color: rgb(255 225 20/var(--tw-border-opacity,1));
}
.border-alt
{
    --tw-border-opacity: 1;
    border-color: rgb(247 247 247/var(--tw-border-opacity,1));
}
.border-body
{
    --tw-border-opacity: 1;
    border-color: rgb(182 189 204/var(--tw-border-opacity,1));
}
.border-error
{
    --tw-border-opacity: 1;
    border-color: rgb(246 87 87/var(--tw-border-opacity,1));
}
.border-gift-shop
{
    --tw-border-opacity: 1;
    border-color: rgb(0 191 255/var(--tw-border-opacity,1));
}
.border-input
{
    --tw-border-opacity: 1;
    border-color: rgb(68 58 112/var(--tw-border-opacity,1));
}
.border-layer-alt-3
{
    border-color: #44386c99;
}
.border-on-dark-back
{
    --tw-border-opacity: 1;
    border-color: rgb(252 252 252/var(--tw-border-opacity,1));
}
.border-primary-3
{
    --tw-border-opacity: 1;
    border-color: rgb(0 190 133/var(--tw-border-opacity,1));
}
.border-secondary-1
{
    --tw-border-opacity: 1;
    border-color: rgb(205 63 226/var(--tw-border-opacity,1));
}
.border-tertiary-1
{
    --tw-border-opacity: 1;
    border-color: rgb(139 124 187/var(--tw-border-opacity,1));
}
.border-tertiary-2
{
    border-color: #58488bb8;
}
.border-tertiary-3
{
    border-color: #58488b66;
}
.border-transparent
{
    border-color: transparent;
}
.\!bg-transparent
{
    background-color: transparent!important;
}
.bg-error
{
    --tw-bg-opacity: 1;
    background-color: rgb(246 87 87/var(--tw-bg-opacity,1));
}
.bg-gift-shop
{
    background-color: #00bfff1a;
}
.bg-header
{
    background-color: #30284cd6;
}
.bg-input
{
    --tw-bg-opacity: 1;
    background-color: rgb(68 58 112/var(--tw-bg-opacity,1));
}
.bg-layer-alt-1
{
    --tw-bg-opacity: 1;
    background-color: rgb(34 28 54/var(--tw-bg-opacity,1));
}
.bg-layer-alt-2
{
    --tw-bg-opacity: 1;
    background-color: rgb(48 40 76/var(--tw-bg-opacity,1));
}
.bg-layer-alt-3
{
    background-color: #44386c99;
}
.bg-layer-body
{
    --tw-bg-opacity: 1;
    background-color: rgb(17 14 27/var(--tw-bg-opacity,1));
}
.bg-on-dark-back
{
    --tw-bg-opacity: 1;
    background-color: rgb(252 252 252/var(--tw-bg-opacity,1));
}
.bg-primary-1
{
    --tw-bg-opacity: 1;
    background-color: rgb(0 237 166/var(--tw-bg-opacity,1));
}
.bg-primary-5
{
    --tw-bg-opacity: 1;
    background-color: rgb(77 242 193/var(--tw-bg-opacity,1));
}
.bg-secondary-5
{
    --tw-bg-opacity: 1;
    background-color: rgb(220 121 235/var(--tw-bg-opacity,1));
}
.bg-secondary-6
{
    --tw-bg-opacity: 1;
    background-color: rgb(76 66 107/var(--tw-bg-opacity,1));
}
.bg-success
{
    --tw-bg-opacity: 1;
    background-color: rgb(32 213 82/var(--tw-bg-opacity,1));
}
.bg-tertiary-2
{
    background-color: #58488bb8;
}
.bg-tertiary-3
{
    background-color: #58488b66;
}
.bg-tertiary-5
{
    background-color: #231c38b8;
}
.bg-transparent
{
    background-color: transparent;
}
.bg-warning
{
    --tw-bg-opacity: 1;
    background-color: rgb(255 186 51/var(--tw-bg-opacity,1));
}
.\!bg-none
{
    background-image: none!important;
}
.bg-game-placeholder
{
    background-image: url(../../willbetgambling/image/default-image-dark-k2qzCjUu.svg);
}
.bg-gradient-1
{
    background-image: linear-gradient(89.77deg,#ff3858 .17%,#d200e1 99.8%);
}
.bg-gradient-2
{
    background-image: linear-gradient(90deg,#221c36,#3f1c60);
}
.bg-gradient-4
{
    background-image: linear-gradient(90deg,#eb02e2,#2797ff);
}
.bg-contain
{
    background-size: contain;
}
.bg-clip-content
{
    background-clip: content-box;
}
.object-contain
{
    -o-object-fit: contain;
    object-fit: contain;
}
.object-cover
{
    -o-object-fit: cover;
    object-fit: cover;
}
.object-\[left_center\]
{
    -o-object-position: left center;
    object-position: left center;
}
.object-left
{
    -o-object-position: left;
    object-position: left;
}
.p-0
{
    padding: 0;
}
.p-2
{
    padding: .5rem;
}
.p-3
{
    padding: .75rem;
}
.p-4
{
    padding: 1rem;
}
.px-0\.5
{
    padding-left: .125rem;
    padding-right: .125rem;
}
.px-1
{
    padding-left: .25rem;
    padding-right: .25rem;
}
.px-2
{
    padding-left: .5rem;
    padding-right: .5rem;
}
.px-4
{
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-6
{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.py-0
{
    padding-top: 0;
    padding-bottom: 0;
}
.py-0\.5
{
    padding-top: .125rem;
    padding-bottom: .125rem;
}
.py-1
{
    padding-top: .25rem;
    padding-bottom: .25rem;
}
.py-2
{
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.py-3
{
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.py-4
{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.pb-2
{
    padding-bottom: .5rem;
}
.pb-4
{
    padding-bottom: 1rem;
}
.pb-6
{
    padding-bottom: 1.5rem;
}
.pb-\[140\%\]
{
    padding-bottom: 140%;
}
.pl-12
{
    padding-left: 3rem;
}
.pl-2
{
    padding-left: .5rem;
}
.pl-4
{
    padding-left: 1rem;
}
.pl-5
{
    padding-left: 1.25rem;
}
.pl-6
{
    padding-left: 1.5rem;
}
.pl-\[var\(--carousel-gap\)\]
{
    padding-left: var(--carousel-gap);
}
.pr-0
{
    padding-right: 0;
}
.pr-4
{
    padding-right: 1rem;
}
.pr-6
{
    padding-right: 1.5rem;
}
.pr-7
{
    padding-right: 1.75rem;
}
.pr-8
{
    padding-right: 2rem;
}
.pt-1
{
    padding-top: .25rem;
}
.pt-2
{
    padding-top: .5rem;
}
.pt-20
{
    padding-top: 5rem;
}
.pt-4
{
    padding-top: 1rem;
}
.pt-6
{
    padding-top: 1.5rem;
}
.text-left
{
    text-align: left;
}
.text-center
{
    text-align: center;
}
.text-right
{
    text-align: right;
}
.-indent-\[10000rem\]
{
    text-indent: -10000rem;
}
.align-baseline
{
    vertical-align: baseline;
}
.font-\[inherit\]
{
    font-family: inherit;
}
.font-sans
{
    font-family: Sora,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
}
.text-\[1\.5rem\]
{
    font-size: 1.5rem;
}
.text-\[1rem\]
{
    font-size: 1rem;
}
.text-base
{
    font-size: 1rem;
    line-height: inherit;
}
.text-button-sm
{
    font-size: .875rem;
    line-height: 170%;
    font-weight: 700;
}
.text-button-xs
{
    font-size: .75rem;
    line-height: 135%;
    font-weight: 700;
}
.text-caption-1
{
    font-size: .875rem;
    line-height: 170%;
}
.text-caption-2
{
    font-size: .75rem;
    line-height: 130%;
}
.text-copy
{
    font-size: 1rem;
    line-height: 150%;
}
.text-h3
{
    font-size: 1.25rem;
    line-height: normal;
    font-weight: 700;
}
.text-h4
{
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
}
.text-pin
{
    font-size: .5rem;
    line-height: 1rem;
}
.text-small-caption
{
    font-size: .5625rem;
    line-height: 180%;
    letter-spacing: .06em;
}
.font-bold
{
    font-weight: 700;
}
.font-regular
{
    font-weight: 400;
}
.uppercase
{
    text-transform: uppercase;
}
.leading-4
{
    line-height: 1rem;
}
.leading-\[150\%\]
{
    line-height: 150%;
}
.text-additional
{
    --tw-text-opacity: 1;
    color: rgb(255 225 20/var(--tw-text-opacity,1));
}
.text-alt
{
    --tw-text-opacity: 1;
    color: rgb(247 247 247/var(--tw-text-opacity,1));
}
.text-black
{
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity,1));
}
.text-body
{
    --tw-text-opacity: 1;
    color: rgb(182 189 204/var(--tw-text-opacity,1));
}
.text-error
{
    --tw-text-opacity: 1;
    color: rgb(246 87 87/var(--tw-text-opacity,1));
}
.text-link
{
    --tw-text-opacity: 1;
    color: rgb(0 237 166/var(--tw-text-opacity,1));
}
.text-menu
{
    --tw-text-opacity: 1;
    color: rgb(193 179 219/var(--tw-text-opacity,1));
}
.text-menu-active
{
    --tw-text-opacity: 1;
    color: rgb(247 247 247/var(--tw-text-opacity,1));
}
.text-on-dark-back
{
    --tw-text-opacity: 1;
    color: rgb(252 252 252/var(--tw-text-opacity,1));
}
.text-on-light-back
{
    --tw-text-opacity: 1;
    color: rgb(17 14 27/var(--tw-text-opacity,1));
}
.text-primary, .text-primary-1
{
    --tw-text-opacity: 1;
    color: rgb(0 237 166/var(--tw-text-opacity,1));
}
.text-primary-2
{
    --tw-text-opacity: 1;
    color: rgb(0 213 149/var(--tw-text-opacity,1));
}
.text-primary-3
{
    --tw-text-opacity: 1;
    color: rgb(0 190 133/var(--tw-text-opacity,1));
}
.text-secondary-5
{
    --tw-text-opacity: 1;
    color: rgb(220 121 235/var(--tw-text-opacity,1));
}
.text-success
{
    --tw-text-opacity: 1;
    color: rgb(32 213 82/var(--tw-text-opacity,1));
}
.text-tertiary-3
{
    color: #58488b66;
}
.text-warning
{
    --tw-text-opacity: 1;
    color: rgb(255 186 51/var(--tw-text-opacity,1));
}
.underline
{
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.no-underline
{
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
}
.opacity-0
{
    opacity: 0;
}
.opacity-100
{
    opacity: 1;
}
.opacity-30
{
    opacity: .3;
}
.opacity-50
{
    opacity: .5;
}
.mix-blend-luminosity
{
    mix-blend-mode: luminosity;
}
.shadow
{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-\[0_0_0\.75rem_0_rgba\(0\,191\,255\,0\.55\)\]
{
    --tw-shadow: 0 0 .75rem 0 rgba(0,191,255,.55);
    --tw-shadow-colored: 0 0 .75rem 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-\[0_3px_3px\]
{
    --tw-shadow: 0 3px 3px;
    --tw-shadow-colored: 0 3px 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-none
{
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
}
.shadow-tertiary-4
{
    --tw-shadow-color: rgba(0,10,18,.16);
    --tw-shadow: var(--tw-shadow-colored);
}
.outline-none
{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.outline
{
    outline-style: solid;
}
.outline-0
{
    outline-width: 0;
}
.blur
{
    --tw-blur: blur(8px);
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-\[1px\]
{
    --tw-blur: blur(1px);
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter
{
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur
{
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md
{
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-xl
{
    --tw-backdrop-blur: blur(24px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter
{
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition
{
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.transition-\[max-width\]
{
    transition-property: max-width;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.transition-\[padding\]
{
    transition-property: padding;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.transition-all
{
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.transition-colors
{
    transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.transition-opacity
{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.transition-transform
{
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.duration-150
{
    transition-duration: .15s;
}
.duration-200
{
    transition-duration: .2s;
}
.duration-300
{
    transition-duration: .3s;
}
.duration-500
{
    transition-duration: .5s;
}
.ease-easing
{
    transition-timing-function: cubic-bezier(.25,.1,.25,1);
}
.ease-in-out
{
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.placeholder\:text-body::-webkit-input-placeholder
{
    --tw-text-opacity: 1;
    color: rgb(182 189 204/var(--tw-text-opacity,1));
}
.placeholder\:text-body:-ms-input-placeholder
{
    --tw-text-opacity: 1;
    color: rgb(182 189 204/var(--tw-text-opacity,1));
}
.placeholder\:text-body::-ms-input-placeholder
{
    --tw-text-opacity: 1;
    color: rgb(182 189 204/var(--tw-text-opacity,1));
}
.placeholder\:text-body::placeholder
{
    --tw-text-opacity: 1;
    color: rgb(182 189 204/var(--tw-text-opacity,1));
}
.before\:absolute:before
{
    content: var(--tw-content);
    position: absolute;
}
.before\:inset-y-2:before
{
    content: var(--tw-content);
    top: .5rem;
    bottom: .5rem;
}
.before\:left-0:before
{
    content: var(--tw-content);
    left: 0;
}
.before\:mr-1:before
{
    content: var(--tw-content);
    margin-right: .25rem;
}
.before\:inline-block:before
{
    content: var(--tw-content);
    display: inline-block;
}
.before\:h-2:before
{
    content: var(--tw-content);
    height: .5rem;
}
.before\:w-2:before
{
    content: var(--tw-content);
    width: .5rem;
}
.before\:w-px:before
{
    content: var(--tw-content);
    width: 1px;
}
.before\:rounded-full:before
{
    content: var(--tw-content);
    border-radius: 9999px;
}
.before\:bg-error:before
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(246 87 87/var(--tw-bg-opacity,1));
}
.before\:bg-on-dark-back:before
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(252 252 252/var(--tw-bg-opacity,1));
}
.before\:bg-success:before
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(32 213 82/var(--tw-bg-opacity,1));
}
.before\:content-\[\'\'\]:before
{
    --tw-content: "";
    content: var(--tw-content);
}
.after\:absolute:after
{
    content: var(--tw-content);
    position: absolute;
}
.after\:inset-0:after
{
    content: var(--tw-content);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.after\:inset-y-2:after
{
    content: var(--tw-content);
    top: .5rem;
    bottom: .5rem;
}
.after\:left-0:after
{
    content: var(--tw-content);
    left: 0;
}
.after\:right-0:after
{
    content: var(--tw-content);
    right: 0;
}
.after\:top-1\/2:after
{
    content: var(--tw-content);
    top: 50%;
}
.after\:hidden:after
{
    content: var(--tw-content);
    display: none;
}
.after\:h-full:after
{
    content: var(--tw-content);
    height: 100%;
}
.after\:h-px:after
{
    content: var(--tw-content);
    height: 1px;
}
.after\:w-full:after
{
    content: var(--tw-content);
    width: 100%;
}
.after\:w-px:after
{
    content: var(--tw-content);
    width: 1px;
}
.after\:-translate-y-1\/2:after
{
    content: var(--tw-content);
    --tw-translate-y: -50%;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:animate-\[fe-skeleton-animation_1s_linear_infinite\]:after
{
    content: var(--tw-content);
    -webkit-animation: fe-skeleton-animation 1s linear infinite;
    animation: fe-skeleton-animation 1s linear infinite;
}
.after\:bg-layer-body:after
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(17 14 27/var(--tw-bg-opacity,1));
}
.after\:bg-on-dark-back:after
{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(252 252 252/var(--tw-bg-opacity,1));
}
.after\:bg-tertiary-3:after
{
    content: var(--tw-content);
    background-color: #58488b66;
}
.last\:mb-0:last-child
{
    margin-bottom: 0;
}
.last\:pr-\[var\(--carousel-gap\)\]:last-child
{
    padding-right: var(--carousel-gap);
}
.autofill\:bg-input:-webkit-autofill
{
    --tw-bg-opacity: 1;
    background-color: rgb(68 58 112/var(--tw-bg-opacity,1));
}
.autofill\:bg-input:autofill
{
    --tw-bg-opacity: 1;
    background-color: rgb(68 58 112/var(--tw-bg-opacity,1));
}
.autofill\:bg-none:-webkit-autofill
{
    background-image: none;
}
.autofill\:bg-none:autofill
{
    background-image: none;
}
.autofill\:text-alt:-webkit-autofill
{
    --tw-text-opacity: 1;
    color: rgb(247 247 247/var(--tw-text-opacity,1));
}
.autofill\:text-alt:autofill
{
    --tw-text-opacity: 1;
    color: rgb(247 247 247/var(--tw-text-opacity,1));
}
.hover\:cursor-pointer:hover
{
    cursor: pointer;
}
.hover\:bg-layer-alt-3:hover
{
    background-color: #44386c99;
}
.hover\:text-alt:hover
{
    --tw-text-opacity: 1;
    color: rgb(247 247 247/var(--tw-text-opacity,1));
}
.hover\:text-link-active:hover
{
    --tw-text-opacity: 1;
    color: rgb(102 244 202/var(--tw-text-opacity,1));
}
.hover\:text-menu-active:hover
{
    --tw-text-opacity: 1;
    color: rgb(247 247 247/var(--tw-text-opacity,1));
}
.hover\:brightness-110:hover
{
    --tw-brightness: brightness(1.1);
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.focus\:rounded-b-none:focus
{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.focus\:border-b-0:focus
{
    border-bottom-width: 0;
}
.focus\:border-primary-3:focus
{
    --tw-border-opacity: 1;
    border-color: rgb(0 190 133/var(--tw-border-opacity,1));
}
.active\:text-menu-active:active
{
    --tw-text-opacity: 1;
    color: rgb(247 247 247/var(--tw-text-opacity,1));
}
.group\/gameItemOverlay:hover .group-hover\/gameItemOverlay\:visible
{
    visibility: visible;
}
.group:hover .group-hover\:text-menu-active, .group:active .group-active\:text-menu-active
{
    --tw-text-opacity: 1;
    color: rgb(247 247 247/var(--tw-text-opacity,1));
}
.peer\/checkbox:checked~.peer-checked\/checkbox\:border-primary-1
{
    --tw-border-opacity: 1;
    border-color: rgb(0 237 166/var(--tw-border-opacity,1));
}
.peer\/checkbox:checked~.peer-checked\/checkbox\:bg-primary-1
{
    --tw-bg-opacity: 1;
    background-color: rgb(0 237 166/var(--tw-bg-opacity,1));
}
.peer\/checkbox:checked~.peer-checked\/checkbox\:after\:block:after
{
    content: var(--tw-content);
    display: block;
}
@media(min-width: 360px)
{
    .xs\:block
    {
        display: block;
    }
    .xs\:hidden
    {
        display: none;
    }
    .xs\:min-w-\[20rem\]
    {
        min-width: 20rem;
    }
    .xs\:min-w-\[auto\]
    {
        min-width: auto;
    }
}
@media(min-width: 480px)
{
    .sm\:flex
    {
        display: flex;
    }
    .sm\:w-\[var\(--carousel-item-width\)\]
    {
        width: var(--carousel-item-width);
    }
    .sm\:w-auto
    {
        width: auto;
    }
    .sm\:w-fit
    {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .sm\:min-w-\[21rem\]
    {
        min-width: 21rem;
    }
    .sm\:max-w-\[calc\(100vw-2rem\)\]
    {
        max-width: calc(100vw - 2rem);
    }
    .sm\:grid-cols-3
    {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .sm\:grid-cols-4
    {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
    .sm\:grid-cols-6
    {
        grid-template-columns: repeat(6,minmax(0,1fr));
    }
    .sm\:justify-center
    {
        justify-content: center;
    }
    .sm\:justify-around
    {
        justify-content: space-around;
    }
    .sm\:p-0
    {
        padding: 0;
    }
    .sm\:text-caption-1
    {
        font-size: .875rem;
        line-height: 170%;
    }
}
@media(min-width: 768px)
{
    .md\:left-12
    {
        left: 3rem;
    }
    .md\:col-span-8
    {
        grid-column: span 8/span 8;
    }
    .md\:col-start-1
    {
        grid-column-start: 1;
    }
    .md\:mb-8
    {
        margin-bottom: 2rem;
    }
    .md\:ml-auto
    {
        margin-left: auto;
    }
    .md\:mt-0
    {
        margin-top: 0;
    }
    .md\:flex
    {
        display: flex;
    }
    .md\:hidden
    {
        display: none;
    }
    .md\:h-12
    {
        height: 3rem;
    }
    .md\:h-24
    {
        height: 6rem;
    }
    .md\:h-44
    {
        height: 11rem;
    }
    .md\:h-48
    {
        height: 12rem;
    }
    .md\:h-64
    {
        height: 16rem;
    }
    .md\:h-8
    {
        height: 2rem;
    }
    .md\:h-auto
    {
        height: auto;
    }
    .md\:min-h-full
    {
        min-height: 100%;
    }
    .md\:w-12
    {
        width: 3rem;
    }
    .md\:w-24
    {
        width: 6rem;
    }
    .md\:w-32
    {
        width: 8rem;
    }
    .md\:w-4
    {
        width: 1rem;
    }
    .md\:w-48
    {
        width: 12rem;
    }
    .md\:w-72
    {
        width: 18rem;
    }
    .md\:w-8
    {
        width: 2rem;
    }
    .md\:w-\[26rem\]
    {
        width: 26rem;
    }
    .md\:w-\[28\.5rem\]
    {
        width: 28.5rem;
    }
    .md\:max-w-32
    {
        max-width: 8rem;
    }
    .md\:max-w-\[calc\(100vw-7rem\)\]
    {
        max-width: calc(100vw - 7rem);
    }
    .md\:max-w-layout
    {
        max-width: var(--main-layout-width,100%);
    }
    .md\:flex-initial
    {
        flex: 0 1 auto;
    }
    .md\:columns-2
    {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    .md\:grid-cols-2
    {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .md\:grid-cols-4
    {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
    .md\:grid-cols-8
    {
        grid-template-columns: repeat(8,minmax(0,1fr));
    }
    .md\:grid-cols-\[min-content\,_1fr\]
    {
        grid-template-columns: -webkit-min-content 1fr;
        grid-template-columns: min-content 1fr;
    }
    .md\:grid-rows-\[auto\]
    {
        grid-template-rows: auto;
    }
    .md\:flex-row
    {
        flex-direction: row;
    }
    .md\:justify-center
    {
        justify-content: center;
    }
    .md\:gap-4
    {
        gap: 1rem;
    }
    .md\:gap-6
    {
        gap: 1.5rem;
    }
    .md\:gap-8
    {
        gap: 2rem;
    }
    .md\:justify-self-center
    {
        justify-self: center;
    }
    .md\:border-4
    {
        border-width: 4px;
    }
    .md\:border-t-0
    {
        border-top-width: 0;
    }
    .md\:bg-layer-alt-2
    {
        --tw-bg-opacity: 1;
        background-color: rgb(48 40 76/var(--tw-bg-opacity,1));
    }
    .md\:p-4
    {
        padding: 1rem;
    }
    .md\:p-6
    {
        padding: 1.5rem;
    }
    .md\:px-6
    {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .md\:pl-0
    {
        padding-left: 0;
    }
    .md\:pt-6
    {
        padding-top: 1.5rem;
    }
    .md\:text-caption-1
    {
        font-size: .875rem;
        line-height: 170%;
    }
    .md\:text-caption-2
    {
        font-size: .75rem;
        line-height: 130%;
    }
    .md\:text-copy
    {
        font-size: 1rem;
        line-height: 150%;
    }
    .md\:last\:pr-0:last-child
    {
        padding-right: 0;
    }
    .md\:hover\:bg-on-dark-back:hover
    {
        --tw-bg-opacity: 1;
        background-color: rgb(252 252 252/var(--tw-bg-opacity,1));
    }
    .md\:hover\:text-on-light-back:hover
    {
        --tw-text-opacity: 1;
        color: rgb(17 14 27/var(--tw-text-opacity,1));
    }
    .group\/carousel:hover .group-hover\/carousel\:md\:visible
    {
        visibility: visible;
    }
    .group\/gameItem:hover .md\:group-hover\/gameItem\:scale-105
    {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
        -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .group\/carousel:hover .group-hover\/carousel\:md\:opacity-100
    {
        opacity: 1;
    }
}
@media(min-width: 1024px)
{
    .lg\:col-span-8
    {
        grid-column: span 8/span 8;
    }
    .lg\:col-start-3
    {
        grid-column-start: 3;
    }
    .lg\:mb-8
    {
        margin-bottom: 2rem;
    }
    .lg\:block
    {
        display: block;
    }
    .lg\:flex
    {
        display: flex;
    }
    .lg\:hidden
    {
        display: none;
    }
    .lg\:h-48
    {
        height: 12rem;
    }
    .lg\:\!max-h-\[34rem\]
    {
        max-height: 34rem!important;
    }
    .lg\:w-\[54\.5rem\]
    {
        width: 54.5rem;
    }
    .lg\:flex-initial
    {
        flex: 0 1 auto;
    }
    .lg\:grid-cols-12
    {
        grid-template-columns: repeat(12,minmax(0,1fr));
    }
    .lg\:grid-cols-6
    {
        grid-template-columns: repeat(6,minmax(0,1fr));
    }
    .lg\:grid-cols-\[1fr\,_repeat\(5\,_min-content\)\]
    {
        grid-template-columns: 1fr repeat(5,-webkit-min-content);
        grid-template-columns: 1fr repeat(5,min-content);
    }
    .lg\:grid-cols-\[max-content\,_minmax\(10rem\,_1fr\)\,_auto\]
    {
        grid-template-columns: -webkit-max-content minmax(10rem,1fr) auto;
        grid-template-columns: max-content minmax(10rem,1fr) auto;
    }
    .lg\:grid-cols-\[repeat\(auto-fill\,_minmax\(22rem\,_1fr\)\)\]
    {
        grid-template-columns: repeat(auto-fill,minmax(22rem,1fr));
    }
    .lg\:flex-col
    {
        flex-direction: column;
    }
    .lg\:gap-4
    {
        gap: 1rem;
    }
    .lg\:gap-6
    {
        gap: 1.5rem;
    }
    .lg\:gap-8
    {
        gap: 2rem;
    }
    .lg\:gap-y-4
    {
        row-gap: 1rem;
    }
    .lg\:gap-y-8
    {
        row-gap: 2rem;
    }
    .lg\:p-4
    {
        padding: 1rem;
    }
    .lg\:p-6
    {
        padding: 1.5rem;
    }
    .lg\:px-6
    {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .lg\:pr-0
    {
        padding-right: 0;
    }
}
@media(min-width: 1440px)
{
    .xl\:max-w-\[82\.5rem\]
    {
        max-width: 82.5rem;
    }
}
@media print
{
    .print\:block
    {
        display: block;
    }
}